@charset "UTF-8";
/*! Production™ Framework. © 2016. ALL RIGHTS RESERVED IMPACT Branding & Design LLC. THIS INSTALLATION OF Production™ Framework IS NONEXCLUSIVE AND NONTRANSFERABLE AND LICENSED BY IMPACT Branding & Design LLC FOR COMMERCIAL USE. UNAUTHORIZED COPYING, REPRODUCTION, REPUBLISHING, UPLOADING, POSTING, TRANSMITTING OR DUPLICATING OF ANY OF THE MATERIAL WITHOUT PERMISSION IS PROHIBITED. */
@import url("//298890.fs1.hubspotusercontent-na1.net/hubfs/298890/Production/css/defaults.css");
/* ********** INITIALIZE ********** */
@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");
@import url('https://fonts.googleapis.com/css?family=Jost');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url("//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css");

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

,
.grid {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.grid,
.grid__item {
  padding-top: 50px;
  padding-bottom: 50px
}

.clear:after,
.grid:after {
  content: ""
}

.all--valign--top,
.all--valign--top *,
.grid__item,
.valign--top {
  vertical-align: top
}

* {
  box-sizing: border-box
}

body,
html {
  opacity: 1 !important
}

.grid__item iframe,
.grid__item img {
  max-width: 100%
}

.grid {
  margin: 0 auto;
  width: 1229px;
  max-width: 90%;
  text-align: center;
  box-sizing: border-box;
  font-size: 0
}

.grid.hard,
.grid.hard--sides {
  width: 100%;
  max-width: 100%
}

.grid__item {
  display: inline-block;
  text-align: left;
  margin-left: 2.5%;
  margin-right: 2.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.grid.short,
.grid__item.short {
  padding-top: 20px;
  padding-bottom: 20px
}

.grid.tall,
.grid__item.tall {
  padding-top: 40px;
  padding-bottom: 40px
}

.grid.grande,
.grid__item.grande {
  padding-top: 100px;
  padding-bottom: 60px
}

.grid.venti,
.grid__item.venti {
  padding-top: 80px;
  padding-bottom: 80px
}

.grid.trenta,
.grid__item.trenta {
  padding-top: 100px;
  padding-bottom: 100px
}

.grid.short--top,
.grid__item.short--top {
  padding-top: 20px
}

.grid.tall--top,
.grid__item.tall--top {
  padding-top: 40px
}

.grid.grande--top,
.grid__item.grande--top {
  padding-top: 60px
}

.grid.venti--top,
.grid__item.venti--top {
  padding-top: 80px
}

.grid.trenta--top,
.grid__item.trenta--top {
  padding-top: 100px
}

.grid.short--bottom,
.grid__item.short--bottom {
  padding-bottom: 20px
}

.grid.tall--bottom,
.grid__item.tall--bottom {
  padding-bottom: 40px
}

.grid.grande--bottom,
.grid__item.grande--bottom {
  padding-bottom: 60px
}

.grid.venti--bottom,
.grid__item.venti--bottom {
  padding-bottom: 80px
}

.grid.trenta--bottom,
.grid__item.trenta--bottom {
  padding-bottom: 100px
}

.negative--basic--top {
  margin-top: -50px
}

.negative--short--top {
  margin-top: -20px
}

.negative--tall--top {
  margin-top: -40px
}

.negative--grande--top {
  margin-top: -60px
}

.negative--venti--top {
  margin-top: -80px
}

.negative--trenta--top {
  margin-top: -100px
}

.negative--basic--bottom {
  margin-bottom: -50px
}

.negative--short--bottom {
  margin-bottom: -20px
}

.negative--tall--bottom {
  margin-bottom: -40px
}

.negative--grande--bottom {
  margin-bottom: -60px
}

.negative--venti--bottom {
  margin-bottom: -80px
}

.negative--trenta--bottom {
  margin-bottom: -100px
}

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

  .grid.desk-hard,
  .grid.desk-hard--sides {
    width: 100%;
    max-width: 100%
  }

  .grid.desk-short,
  .grid__item.desk-short {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .grid.desk-tall,
  .grid__item.desk-tall {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .grid.desk-grande,
  .grid__item.desk-grande {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .grid.desk-venti,
  .grid__item.desk-venti {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .grid.desk-trenta,
  .grid__item.desk-trenta {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .grid.desk-short--top,
  .grid__item.desk-short--top {
    padding-top: 20px !important
  }

  .grid.desk-tall--top,
  .grid__item.desk-tall--top {
    padding-top: 40px !important
  }

  .grid.desk-grande--top,
  .grid__item.desk-grande--top {
    padding-top: 60px !important
  }

  .grid.desk-venti--top,
  .grid__item.desk-venti--top {
    padding-top: 80px !important
  }

  .grid.desk-trenta--top,
  .grid__item.desk-trenta--top {
    padding-top: 100px !important
  }

  .grid.desk-short--bottom,
  .grid__item.desk-short--bottom {
    padding-bottom: 20px !important
  }

  .grid.desk-tall--bottom,
  .grid__item.desk-tall--bottom {
    padding-bottom: 40px !important
  }

  .grid.desk-grande--bottom,
  .grid__item.desk-grande--bottom {
    padding-bottom: 60px !important
  }

  .grid.desk-venti--bottom,
  .grid__item.desk-venti--bottom {
    padding-bottom: 80px !important
  }

  .grid.desk-trenta--bottom,
  .grid__item.desk-trenta--bottom {
    padding-bottom: 100px !important
  }

  .desk-negative--basic--top {
    margin-top: -50px !important
  }

  .desk-negative--short--top {
    margin-top: -20px !important
  }

  .desk-negative--tall--top {
    margin-top: -40px !important
  }

  .desk-negative--grande--top {
    margin-top: -60px !important
  }

  .desk-negative--venti--top {
    margin-top: -80px !important
  }

  .desk-negative--trenta--top {
    margin-top: -100px !important
  }

  .desk-negative--basic--bottom {
    margin-bottom: -50px !important
  }

  .desk-negative--short--bottom {
    margin-bottom: -20px !important
  }

  .desk-negative--tall--bottom {
    margin-bottom: -40px !important
  }

  .desk-negative--grande--bottom {
    margin-bottom: -60px !important
  }

  .desk-negative--venti--bottom {
    margin-bottom: -80px !important
  }

  .desk-negative--trenta--bottom {
    margin-bottom: -100px !important
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {

  .grid.lap-hard,
  .grid.lap-hard--sides {
    width: 100%;
    max-width: 100%
  }

  .grid.lap-short,
  .grid__item.lap-short {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .grid.lap-tall,
  .grid__item.lap-tall {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .grid.lap-grande,
  .grid__item.lap-grande {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .grid.lap-venti,
  .grid__item.lap-venti {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .grid.lap-trenta,
  .grid__item.lap-trenta {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .grid.lap-short--top,
  .grid__item.lap-short--top {
    padding-top: 20px !important
  }

  .grid.lap-tall--top,
  .grid__item.lap-tall--top {
    padding-top: 40px !important
  }

  .grid.lap-grande--top,
  .grid__item.lap-grande--top {
    padding-top: 60px !important
  }

  .grid.lap-venti--top,
  .grid__item.lap-venti--top {
    padding-top: 80px !important
  }

  .grid.lap-trenta--top,
  .grid__item.lap-trenta--top {
    padding-top: 100px !important
  }

  .grid.lap-short--bottom,
  .grid__item.lap-short--bottom {
    padding-bottom: 20px !important
  }

  .grid.lap-tall--bottom,
  .grid__item.lap-tall--bottom {
    padding-bottom: 40px !important
  }

  .grid.lap-grande--bottom,
  .grid__item.lap-grande--bottom {
    padding-bottom: 60px !important
  }

  .grid.lap-venti--bottom,
  .grid__item.lap-venti--bottom {
    padding-bottom: 80px !important
  }

  .grid.lap-trenta--bottom,
  .grid__item.lap-trenta--bottom {
    padding-bottom: 100px !important
  }

  .lap-negative--basic--top {
    margin-top: -50px !important
  }

  .lap-negative--short--top {
    margin-top: -20px !important
  }

  .lap-negative--tall--top {
    margin-top: -40px !important
  }

  .lap-negative--grande--top {
    margin-top: -60px !important
  }

  .lap-negative--venti--top {
    margin-top: -80px !important
  }

  .lap-negative--trenta--top {
    margin-top: -100px !important
  }

  .lap-negative--basic--bottom {
    margin-bottom: -50px !important
  }

  .lap-negative--short--bottom {
    margin-bottom: -20px !important
  }

  .lap-negative--tall--bottom {
    margin-bottom: -40px !important
  }

  .lap-negative--grande--bottom {
    margin-bottom: -60px !important
  }

  .lap-negative--venti--bottom {
    margin-bottom: -80px !important
  }

  .lap-negative--trenta--bottom {
    margin-bottom: -100px !important
  }
}

::placeholder {   font-family: 'Montserrat'!important;}

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

  .grid.lap-and-up-hard,
  .grid.lap-and-up-hard--sides {
    width: 100%;
    max-width: 100%
  }

  .grid.lap-and-up-short,
  .grid__item.lap-and-up-short {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .grid.lap-and-up-tall,
  .grid__item.lap-and-up-tall {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .grid.lap-and-up-grande,
  .grid__item.lap-and-up-grande {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .grid.lap-and-up-venti,
  .grid__item.lap-and-up-venti {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .grid.lap-and-up-trenta,
  .grid__item.lap-and-up-trenta {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .grid.lap-and-up-short--top,
  .grid__item.lap-and-up-short--top {
    padding-top: 20px !important
  }

  .grid.lap-and-up-tall--top,
  .grid__item.lap-and-up-tall--top {
    padding-top: 40px !important
  }

  .grid.lap-and-up-grande--top,
  .grid__item.lap-and-up-grande--top {
    padding-top: 60px !important
  }

  .grid.lap-and-up-venti--top,
  .grid__item.lap-and-up-venti--top {
    padding-top: 80px !important
  }

  .grid.lap-and-up-trenta--top,
  .grid__item.lap-and-up-trenta--top {
    padding-top: 100px !important
  }

  .grid.lap-and-up-short--bottom,
  .grid__item.lap-and-up-short--bottom {
    padding-bottom: 20px !important
  }

  .grid.lap-and-up-tall--bottom,
  .grid__item.lap-and-up-tall--bottom {
    padding-bottom: 40px !important
  }

  .grid.lap-and-up-grande--bottom,
  .grid__item.lap-and-up-grande--bottom {
    padding-bottom: 60px !important
  }

  .grid.lap-and-up-venti--bottom,
  .grid__item.lap-and-up-venti--bottom {
    padding-bottom: 80px !important
  }

  .grid.lap-and-up-trenta--bottom,
  .grid__item.lap-and-up-trenta--bottom {
    padding-bottom: 100px !important
  }

  .lap-and-up-negative--basic--top {
    margin-top: -50px !important
  }

  .lap-and-up-negative--short--top {
    margin-top: -20px !important
  }

  .lap-and-up-negative--tall--top {
    margin-top: -40px !important
  }

  .lap-and-up-negative--grande--top {
    margin-top: -60px !important
  }

  .lap-and-up-negative--venti--top {
    margin-top: -80px !important
  }

  .lap-and-up-negative--trenta--top {
    margin-top: -100px !important
  }

  .lap-and-up-negative--basic--bottom {
    margin-bottom: -50px !important
  }

  .lap-and-up-negative--short--bottom {
    margin-bottom: -20px !important
  }

  .lap-and-up-negative--tall--bottom {
    margin-bottom: -40px !important
  }

  .lap-and-up-negative--grande--bottom {
    margin-bottom: -60px !important
  }

  .lap-and-up-negative--venti--bottom {
    margin-bottom: -80px !important
  }

  .lap-and-up-negative--trenta--bottom {
    margin-bottom: -100px !important
  }
}

@media screen and (max-width:1023px) {

  .grid.portable-hard,
  .grid.portable-hard--sides {
    width: 100%;
    max-width: 100%
  }

  .grid.portable-short,
  .grid__item.portable-short {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .grid.portable-tall,
  .grid__item.portable-tall {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .grid.portable-grande,
  .grid__item.portable-grande {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .grid.portable-venti,
  .grid__item.portable-venti {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .grid.portable-trenta,
  .grid__item.portable-trenta {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .grid.portable-short--top,
  .grid__item.portable-short--top {
    padding-top: 20px !important
  }

  .grid.portable-tall--top,
  .grid__item.portable-tall--top {
    padding-top: 40px !important
  }

  .grid.portable-grande--top,
  .grid__item.portable-grande--top {
    padding-top: 60px !important
  }

  .grid.portable-venti--top,
  .grid__item.portable-venti--top {
    padding-top: 80px !important
  }

  .grid.portable-trenta--top,
  .grid__item.portable-trenta--top {
    padding-top: 100px !important
  }

  .grid.portable-short--bottom,
  .grid__item.portable-short--bottom {
    padding-bottom: 20px !important
  }

  .grid.portable-tall--bottom,
  .grid__item.portable-tall--bottom {
    padding-bottom: 40px !important
  }

  .grid.portable-grande--bottom,
  .grid__item.portable-grande--bottom {
    padding-bottom: 60px !important
  }

  .grid.portable-venti--bottom,
  .grid__item.portable-venti--bottom {
    padding-bottom: 80px !important
  }

  .grid.portable-trenta--bottom,
  .grid__item.portable-trenta--bottom {
    padding-bottom: 100px !important
  }

  .portable-negative--basic--top {
    margin-top: -50px !important
  }

  .portable-negative--short--top {
    margin-top: -20px !important
  }

  .portable-negative--tall--top {
    margin-top: -40px !important
  }

  .portable-negative--grande--top {
    margin-top: -60px !important
  }

  .portable-negative--venti--top {
    margin-top: -80px !important
  }

  .portable-negative--trenta--top {
    margin-top: -100px !important
  }

  .portable-negative--basic--bottom {
    margin-bottom: -50px !important
  }

  .portable-negative--short--bottom {
    margin-bottom: -20px !important
  }

  .portable-negative--tall--bottom {
    margin-bottom: -40px !important
  }

  .portable-negative--grande--bottom {
    margin-bottom: -60px !important
  }

  .portable-negative--venti--bottom {
    margin-bottom: -80px !important
  }

  .portable-negative--trenta--bottom {
    margin-bottom: -100px !important
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {

  .grid.tablet-hard,
  .grid.tablet-hard--sides {
    width: 100%;
    max-width: 100%
  }

  .grid.tablet-short,
  .grid__item.tablet-short {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .grid.tablet-tall,
  .grid__item.tablet-tall {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .grid.tablet-grande,
  .grid__item.tablet-grande {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .grid.tablet-venti,
  .grid__item.tablet-venti {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .grid.tablet-trenta,
  .grid__item.tablet-trenta {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .grid.tablet-short--top,
  .grid__item.tablet-short--top {
    padding-top: 20px !important
  }

  .grid.tablet-tall--top,
  .grid__item.tablet-tall--top {
    padding-top: 40px !important
  }

  .grid.tablet-grande--top,
  .grid__item.tablet-grande--top {
    padding-top: 60px !important
  }

  .grid.tablet-venti--top,
  .grid__item.tablet-venti--top {
    padding-top: 80px !important
  }

  .grid.tablet-trenta--top,
  .grid__item.tablet-trenta--top {
    padding-top: 100px !important
  }

  .grid.tablet-short--bottom,
  .grid__item.tablet-short--bottom {
    padding-bottom: 20px !important
  }

  .grid.tablet-tall--bottom,
  .grid__item.tablet-tall--bottom {
    padding-bottom: 40px !important
  }

  .grid.tablet-grande--bottom,
  .grid__item.tablet-grande--bottom {
    padding-bottom: 60px !important
  }

  .grid.tablet-venti--bottom,
  .grid__item.tablet-venti--bottom {
    padding-bottom: 80px !important
  }

  .grid.tablet-trenta--bottom,
  .grid__item.tablet-trenta--bottom {
    padding-bottom: 100px !important
  }

  .tablet-negative--basic--top {
    margin-top: -50px !important
  }

  .tablet-negative--short--top {
    margin-top: -20px !important
  }

  .tablet-negative--tall--top {
    margin-top: -40px !important
  }

  .tablet-negative--grande--top {
    margin-top: -60px !important
  }

  .tablet-negative--venti--top {
    margin-top: -80px !important
  }

  .tablet-negative--trenta--top {
    margin-top: -100px !important
  }

  .tablet-negative--basic--bottom {
    margin-bottom: -50px !important
  }

  .tablet-negative--short--bottom {
    margin-bottom: -20px !important
  }

  .tablet-negative--tall--bottom {
    margin-bottom: -40px !important
  }

  .tablet-negative--grande--bottom {
    margin-bottom: -60px !important
  }

  .tablet-negative--venti--bottom {
    margin-bottom: -80px !important
  }

  .tablet-negative--trenta--bottom {
    margin-bottom: -100px !important
  }
}

@media screen and (max-width:679px) {

  .grid.palm-hard,
  .grid.palm-hard--sides {
    width: 100%;
    max-width: 100%
  }

  .grid.palm-short,
  .grid__item.palm-short {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .grid.palm-tall,
  .grid__item.palm-tall {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .grid.palm-grande,
  .grid__item.palm-grande {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .grid.palm-venti,
  .grid__item.palm-venti {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .grid.palm-trenta,
  .grid__item.palm-trenta {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .grid.palm-short--top,
  .grid__item.palm-short--top {
    padding-top: 20px !important
  }

  .grid.palm-tall--top,
  .grid__item.palm-tall--top {
    padding-top: 40px !important
  }

  .grid.palm-grande--top,
  .grid__item.palm-grande--top {
    padding-top: 60px !important
  }

  .grid.palm-venti--top,
  .grid__item.palm-venti--top {
    padding-top: 80px !important
  }

  .grid.palm-trenta--top,
  .grid__item.palm-trenta--top {
    padding-top: 100px !important
  }

  .grid.palm-short--bottom,
  .grid__item.palm-short--bottom {
    padding-bottom: 20px !important
  }

  .grid.palm-tall--bottom,
  .grid__item.palm-tall--bottom {
    padding-bottom: 40px !important
  }

  .grid.palm-grande--bottom,
  .grid__item.palm-grande--bottom {
    padding-bottom: 60px !important
  }

  .grid.palm-venti--bottom,
  .grid__item.palm-venti--bottom {
    padding-bottom: 80px !important
  }

  .grid.palm-trenta--bottom,
  .grid__item.palm-trenta--bottom {
    padding-bottom: 100px !important
  }

  .palm-negative--basic--top {
    margin-top: -50px !important
  }

  .palm-negative--short--top {
    margin-top: -20px !important
  }

  .palm-negative--tall--top {
    margin-top: -40px !important
  }

  .palm-negative--grande--top {
    margin-top: -60px !important
  }

  .palm-negative--venti--top {
    margin-top: -80px !important
  }

  .palm-negative--trenta--top {
    margin-top: -100px !important
  }

  .palm-negative--basic--bottom {
    margin-bottom: -50px !important
  }

  .palm-negative--short--bottom {
    margin-bottom: -20px !important
  }

  .palm-negative--tall--bottom {
    margin-bottom: -40px !important
  }

  .palm-negative--grande--bottom {
    margin-bottom: -60px !important
  }

  .palm-negative--venti--bottom {
    margin-bottom: -80px !important
  }

  .palm-negative--trenta--bottom {
    margin-bottom: -100px !important
  }
}

.one-twelfths.grid__item {
  width: 3.33333%
}

.one-twelfths.hard--sides.grid__item,
.one-twelfths.hard.grid__item {
  width: 8.33333%
}

.one-sixth.grid__item,
.two-twelfths.grid__item {
  width: 11.66667%
}

.one-sixth.hard--sides.grid__item,
.one-sixth.hard.grid__item,
.two-twelfths.hard--sides.grid__item,
.two-twelfths.hard.grid__item {
  width: 16.66667%
}

.one-fifth.hard--sides.grid__item,
.one-fifth.hard.grid__item,
.one-fourth.grid__item,
.three-twelfths.grid__item,
.two-eighths.grid__item,
.two-tenths.hard--sides.grid__item,
.two-tenths.hard.grid__item {
  width: 20%
}

.one-fourth.hard--sides.grid__item,
.one-fourth.hard.grid__item,
.three-tenths.grid__item,
.three-twelfths.hard--sides.grid__item,
.three-twelfths.hard.grid__item,
.two-eighths.hard--sides.grid__item,
.two-eighths.hard.grid__item {
  width: 25%
}

.four-twelfths.grid__item,
.one-third.grid__item {
  /*     width: 28.33333% */
  width:330px;
}

.four-twelfths.hard--sides.grid__item,
.four-twelfths.hard.grid__item,
.one-third.hard--sides.grid__item,
.one-third.hard.grid__item {
  width: 33.33333%
}

.five-twelfths.grid__item {
  width: 36.66667%
}

.five-twelfths.hard--sides.grid__item,
.five-twelfths.hard.grid__item {
  width: 41.66667%
}

.five-tenths.grid__item,
.four-eighths.grid__item,
.one-half.grid__item,
.six-twelfths.grid__item {
  width: 45%
}

.five-tenths.hard--sides.grid__item,
.five-tenths.hard.grid__item,
.four-eighths.hard--sides.grid__item,
.four-eighths.hard.grid__item,
.one-half.hard--sides.grid__item,
.one-half.hard.grid__item,
.six-twelfths.hard--sides.grid__item,
.six-twelfths.hard.grid__item {
  width: 50%
}

.seven-twelfths.grid__item {
  width: 53.33333%
}

.seven-twelfths.hard--sides.grid__item,
.seven-twelfths.hard.grid__item {
  width: 58.33333%
}

.eight-twelfths.grid__item {
  width: 61.66667%
}

.eight-twelfths.hard--sides.grid__item,
.eight-twelfths.hard.grid__item {
  width: 66.66667%
}

.nine-twelfths.grid__item,
.seven-tenths.hard--sides.grid__item,
.seven-tenths.hard.grid__item,
.six-eighths.grid__item {
  width: 70%
}

.eight-tenths.grid__item,
.nine-twelfths.hard--sides.grid__item,
.nine-twelfths.hard.grid__item,
.six-eighths.hard--sides.grid__item,
.six-eighths.hard.grid__item {
  width: 75%
}

.ten-twelfths.grid__item {
  width: 78.33333%
}

.ten-twelfths.hard--sides.grid__item,
.ten-twelfths.hard.grid__item {
  width: 83.33333%
}

.eleven-twelfths.grid__item {
  width: 86.66667%
}

.eleven-twelfths.hard--sides.grid__item,
.eleven-twelfths.hard.grid__item {
  width: 91.66667%
}

.eight-eighths.grid__item,
.one-whole.grid__item,
.ten-tenths.grid__item,
.twelve-twelfths.grid__item {
  width: 95%
}

.eight-eighths.hard--sides.grid__item,
.eight-eighths.hard.grid__item,
.one-whole.hard--sides.grid__item,
.one-whole.hard.grid__item,
.ten-tenths.hard--sides.grid__item,
.ten-tenths.hard.grid__item,
.twelve-twelfths.hard--sides.grid__item,
.twelve-twelfths.hard.grid__item {
  width: 100%
}

.one-tenths.grid__item {
  width: 5%
}

.one-tenths.hard--sides.grid__item,
.one-tenths.hard.grid__item {
  width: 10%
}

.one-fifth.grid__item,
.two-tenths.grid__item {
  width: 15%
}

.three-tenths.hard--sides.grid__item,
.three-tenths.hard.grid__item {
  width: 30%
}

.four-tenths.grid__item {
  width: 35%
}

.four-tenths.hard--sides.grid__item,
.four-tenths.hard.grid__item {
  width: 40%
}

.six-tenths.grid__item {
  width: 55%
}

.six-tenths.hard--sides.grid__item,
.six-tenths.hard.grid__item {
  width: 60%
}

.seven-tenths.grid__item {
  width: 65%
}

.eight-tenths.hard--sides.grid__item,
.eight-tenths.hard.grid__item {
  width: 80%
}

.nine-tenths.grid__item {
  width: 85%
}

.nine-tenths.hard--sides.grid__item,
.nine-tenths.hard.grid__item {
  width: 90%
}

.one-eighths.grid__item {
  width: 7.5%
}

.one-eighths.hard--sides.grid__item,
.one-eighths.hard.grid__item {
  width: 12.5%
}

.three-eighths.grid__item {
  width: 32.5%
}

.three-eighths.hard--sides.grid__item,
.three-eighths.hard.grid__item {
  width: 37.5%
}

.five-eighths.grid__item {
  width: 57.5%
}

.five-eighths.hard--sides.grid__item,
.five-eighths.hard.grid__item {
  width: 62.5%
}

.seven-eighths.grid__item {
  width: 82.5%
}

.seven-eighths.hard--sides.grid__item,
.seven-eighths.hard.grid__item {
  width: 87.5%
}

.hard,
.hard--ends,
.hard--top {
  padding-top: 0 !important;
  margin-top: 0 !important
}

.hard,
.hard--right,
.hard--sides {
  padding-right: 0 !important;
  margin-right: 0 !important
}

.hard,
.hard--bottom,
.hard--ends {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important
}

.hard,
.hard--left,
.hard--sides {
  padding-left: 0 !important;
  margin-left: 0 !important
}

.left {
  float: left
}

.right {
  float: right
}

@media screen and (min-width:1168px) {
  .desk-one-twelfths.grid__item {
    width: 3.33333% !important
  }

  .desk-one-twelfths.hard--sides.grid__item,
  .desk-one-twelfths.hard.grid__item {
    width: 8.33333% !important
  }

  .desk-one-sixth.grid__item,
  .desk-two-twelfths.grid__item {
    width: 11.66667% !important
  }

  .desk-one-sixth.hard--sides.grid__item,
  .desk-one-sixth.hard.grid__item,
  .desk-two-twelfths.hard--sides.grid__item,
  .desk-two-twelfths.hard.grid__item {
    width: 16.66667% !important
  }

  .desk-one-fifth.hard--sides.grid__item,
  .desk-one-fifth.hard.grid__item,
  .desk-one-fourth.grid__item,
  .desk-three-twelfths.grid__item,
  .desk-two-eighths.grid__item,
  .desk-two-tenths.hard--sides.grid__item,
  .desk-two-tenths.hard.grid__item {
    width: 20% !important
  }

  .desk-one-fourth.hard--sides.grid__item,
  .desk-one-fourth.hard.grid__item,
  .desk-three-tenths.grid__item,
  .desk-three-twelfths.hard--sides.grid__item,
  .desk-three-twelfths.hard.grid__item,
  .desk-two-eighths.hard--sides.grid__item,
  .desk-two-eighths.hard.grid__item {
    width: 25% !important
  }

  .desk-four-twelfths.grid__item,
  .desk-one-third.grid__item {
    width: 28.33333% !important
  }

  .desk-four-twelfths.hard--sides.grid__item,
  .desk-four-twelfths.hard.grid__item,
  .desk-one-third.hard--sides.grid__item,
  .desk-one-third.hard.grid__item {
    width: 33.33333% !important
  }

  .desk-five-twelfths.grid__item {
    width: 36.66667% !important
  }

  .desk-five-twelfths.hard--sides.grid__item,
  .desk-five-twelfths.hard.grid__item {
    width: 41.66667% !important
  }

  .desk-five-tenths.grid__item,
  .desk-four-eighths.grid__item,
  .desk-one-half.grid__item,
  .desk-six-twelfths.grid__item {
    width: 45% !important
  }

  .desk-five-tenths.hard--sides.grid__item,
  .desk-five-tenths.hard.grid__item,
  .desk-four-eighths.hard--sides.grid__item,
  .desk-four-eighths.hard.grid__item,
  .desk-one-half.hard--sides.grid__item,
  .desk-one-half.hard.grid__item,
  .desk-six-twelfths.hard--sides.grid__item,
  .desk-six-twelfths.hard.grid__item {
    width: 50% !important
  }

  .desk-seven-twelfths.grid__item {
    width: 53.33333% !important
  }

  .desk-seven-twelfths.hard--sides.grid__item,
  .desk-seven-twelfths.hard.grid__item {
    width: 58.33333% !important
  }

  .desk-eight-twelfths.grid__item {
    width: 61.66667% !important
  }

  .desk-eight-twelfths.hard--sides.grid__item,
  .desk-eight-twelfths.hard.grid__item {
    width: 66.66667% !important
  }

  .desk-nine-twelfths.grid__item,
  .desk-seven-tenths.hard--sides.grid__item,
  .desk-seven-tenths.hard.grid__item,
  .desk-six-eighths.grid__item {
    width: 70% !important
  }

  .desk-eight-tenths.grid__item,
  .desk-nine-twelfths.hard--sides.grid__item,
  .desk-nine-twelfths.hard.grid__item,
  .desk-six-eighths.hard--sides.grid__item,
  .desk-six-eighths.hard.grid__item {
    width: 75% !important
  }

  .desk-ten-twelfths.grid__item {
    width: 78.33333% !important
  }

  .desk-ten-twelfths.hard--sides.grid__item,
  .desk-ten-twelfths.hard.grid__item {
    width: 83.33333% !important
  }

  .desk-eleven-twelfths.grid__item {
    width: 86.66667% !important
  }

  .desk-eleven-twelfths.hard--sides.grid__item,
  .desk-eleven-twelfths.hard.grid__item {
    width: 91.66667% !important
  }

  .desk-eight-eighths.grid__item,
  .desk-one-whole.grid__item,
  .desk-ten-tenths.grid__item,
  .desk-twelve-twelfths.grid__item {
    width: 95% !important
  }

  .desk-eight-eighths.hard--sides.grid__item,
  .desk-eight-eighths.hard.grid__item,
  .desk-one-whole.hard--sides.grid__item,
  .desk-one-whole.hard.grid__item,
  .desk-ten-tenths.hard--sides.grid__item,
  .desk-ten-tenths.hard.grid__item,
  .desk-twelve-twelfths.hard--sides.grid__item,
  .desk-twelve-twelfths.hard.grid__item {
    width: 100% !important
  }

  .desk-one-tenths.grid__item {
    width: 5% !important
  }

  .desk-one-tenths.hard--sides.grid__item,
  .desk-one-tenths.hard.grid__item {
    width: 10% !important
  }

  .desk-one-fifth.grid__item,
  .desk-two-tenths.grid__item {
    width: 15% !important
  }

  .desk-three-tenths.hard--sides.grid__item,
  .desk-three-tenths.hard.grid__item {
    width: 30% !important
  }

  .desk-four-tenths.grid__item {
    width: 35% !important
  }

  .desk-four-tenths.hard--sides.grid__item,
  .desk-four-tenths.hard.grid__item {
    width: 40% !important
  }

  .desk-six-tenths.grid__item {
    width: 55% !important
  }

  .desk-six-tenths.hard--sides.grid__item,
  .desk-six-tenths.hard.grid__item {
    width: 60% !important
  }

  .desk-seven-tenths.grid__item {
    width: 65% !important
  }

  .desk-eight-tenths.hard--sides.grid__item,
  .desk-eight-tenths.hard.grid__item {
    width: 80% !important
  }

  .desk-nine-tenths.grid__item {
    width: 85% !important
  }

  .desk-nine-tenths.hard--sides.grid__item,
  .desk-nine-tenths.hard.grid__item {
    width: 90% !important
  }

  .desk-one-eighths.grid__item {
    width: 7.5% !important
  }

  .desk-one-eighths.hard--sides.grid__item,
  .desk-one-eighths.hard.grid__item {
    width: 12.5% !important
  }

  .desk-three-eighths.grid__item {
    width: 32.5% !important
  }

  .desk-three-eighths.hard--sides.grid__item,
  .desk-three-eighths.hard.grid__item {
    width: 37.5% !important
  }

  .desk-five-eighths.grid__item {
    width: 57.5% !important
  }

  .desk-five-eighths.hard--sides.grid__item,
  .desk-five-eighths.hard.grid__item {
    width: 62.5% !important
  }

  .desk-seven-eighths.grid__item {
    width: 82.5% !important
  }

  .desk-seven-eighths.hard--sides.grid__item,
  .desk-seven-eighths.hard.grid__item {
    width: 87.5% !important
  }

  .desk-hard,
  .desk-hard--ends,
  .desk-hard--top {
    padding-top: 0 !important;
    margin-top: 0 !important
  }

  .desk-hard,
  .desk-hard--right,
  .desk-hard--sides {
    padding-right: 0 !important;
    margin-right: 0 !important
  }

  .desk-hard,
  .desk-hard--bottom,
  .desk-hard--ends {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .desk-hard,
  .desk-hard--left,
  .desk-hard--sides {
    padding-left: 0 !important;
    margin-left: 0 !important
  }

  .desk-left {
    float: left
  }

  .desk-right {
    float: right
  }

  .desk-clear:after {
    content: ""
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {
  .lap-one-twelfths.grid__item {
    width: 3.33333% !important
  }

  .lap-one-twelfths.hard--sides.grid__item,
  .lap-one-twelfths.hard.grid__item {
    width: 8.33333% !important
  }

  .lap-one-sixth.grid__item,
  .lap-two-twelfths.grid__item {
    width: 11.66667% !important
  }

  .lap-one-sixth.hard--sides.grid__item,
  .lap-one-sixth.hard.grid__item,
  .lap-two-twelfths.hard--sides.grid__item,
  .lap-two-twelfths.hard.grid__item {
    width: 16.66667% !important
  }

  .lap-one-fifth.hard--sides.grid__item,
  .lap-one-fifth.hard.grid__item,
  .lap-one-fourth.grid__item,
  .lap-three-twelfths.grid__item,
  .lap-two-eighths.grid__item,
  .lap-two-tenths.hard--sides.grid__item,
  .lap-two-tenths.hard.grid__item {
    width: 20% !important
  }

  .lap-one-fourth.hard--sides.grid__item,
  .lap-one-fourth.hard.grid__item,
  .lap-three-tenths.grid__item,
  .lap-three-twelfths.hard--sides.grid__item,
  .lap-three-twelfths.hard.grid__item,
  .lap-two-eighths.hard--sides.grid__item,
  .lap-two-eighths.hard.grid__item {
    width: 25% !important
  }

  .lap-four-twelfths.grid__item,
  .lap-one-third.grid__item {
    width: 28.33333% !important
  }

  .lap-four-twelfths.hard--sides.grid__item,
  .lap-four-twelfths.hard.grid__item,
  .lap-one-third.hard--sides.grid__item,
  .lap-one-third.hard.grid__item {
    width: 33.33333% !important
  }

  .lap-five-twelfths.grid__item {
    width: 36.66667% !important
  }

  .lap-five-twelfths.hard--sides.grid__item,
  .lap-five-twelfths.hard.grid__item {
    width: 41.66667% !important
  }

  .lap-five-tenths.grid__item,
  .lap-four-eighths.grid__item,
  .lap-one-half.grid__item,
  .lap-six-twelfths.grid__item {
    width: 45% !important
  }

  .lap-five-tenths.hard--sides.grid__item,
  .lap-five-tenths.hard.grid__item,
  .lap-four-eighths.hard--sides.grid__item,
  .lap-four-eighths.hard.grid__item,
  .lap-one-half.hard--sides.grid__item,
  .lap-one-half.hard.grid__item,
  .lap-six-twelfths.hard--sides.grid__item,
  .lap-six-twelfths.hard.grid__item {
    width: 50% !important
  }

  .lap-seven-twelfths.grid__item {
    width: 53.33333% !important
  }

  .lap-seven-twelfths.hard--sides.grid__item,
  .lap-seven-twelfths.hard.grid__item {
    width: 58.33333% !important
  }

  .lap-eight-twelfths.grid__item {
    width: 61.66667% !important
  }

  .lap-eight-twelfths.hard--sides.grid__item,
  .lap-eight-twelfths.hard.grid__item {
    width: 66.66667% !important
  }

  .lap-nine-twelfths.grid__item,
  .lap-seven-tenths.hard--sides.grid__item,
  .lap-seven-tenths.hard.grid__item,
  .lap-six-eighths.grid__item {
    width: 70% !important
  }

  .lap-eight-tenths.grid__item,
  .lap-nine-twelfths.hard--sides.grid__item,
  .lap-nine-twelfths.hard.grid__item,
  .lap-six-eighths.hard--sides.grid__item,
  .lap-six-eighths.hard.grid__item {
    width: 75% !important
  }

  .lap-ten-twelfths.grid__item {
    width: 78.33333% !important
  }

  .lap-ten-twelfths.hard--sides.grid__item,
  .lap-ten-twelfths.hard.grid__item {
    width: 83.33333% !important
  }

  .lap-eleven-twelfths.grid__item {
    width: 86.66667% !important
  }

  .lap-eleven-twelfths.hard--sides.grid__item,
  .lap-eleven-twelfths.hard.grid__item {
    width: 91.66667% !important
  }

  .lap-eight-eighths.grid__item,
  .lap-one-whole.grid__item,
  .lap-ten-tenths.grid__item,
  .lap-twelve-twelfths.grid__item {
    width: 95% !important
  }

  .lap-eight-eighths.hard--sides.grid__item,
  .lap-eight-eighths.hard.grid__item,
  .lap-one-whole.hard--sides.grid__item,
  .lap-one-whole.hard.grid__item,
  .lap-ten-tenths.hard--sides.grid__item,
  .lap-ten-tenths.hard.grid__item,
  .lap-twelve-twelfths.hard--sides.grid__item,
  .lap-twelve-twelfths.hard.grid__item {
    width: 100% !important
  }

  .lap-one-tenths.grid__item {
    width: 5% !important
  }

  .lap-one-tenths.hard--sides.grid__item,
  .lap-one-tenths.hard.grid__item {
    width: 10% !important
  }

  .lap-one-fifth.grid__item,
  .lap-two-tenths.grid__item {
    width: 15% !important
  }

  .lap-three-tenths.hard--sides.grid__item,
  .lap-three-tenths.hard.grid__item {
    width: 30% !important
  }

  .lap-four-tenths.grid__item {
    width: 35% !important
  }

  .lap-four-tenths.hard--sides.grid__item,
  .lap-four-tenths.hard.grid__item {
    width: 40% !important
  }

  .lap-six-tenths.grid__item {
    width: 55% !important
  }

  .lap-six-tenths.hard--sides.grid__item,
  .lap-six-tenths.hard.grid__item {
    width: 60% !important
  }

  .lap-seven-tenths.grid__item {
    width: 65% !important
  }

  .lap-eight-tenths.hard--sides.grid__item,
  .lap-eight-tenths.hard.grid__item {
    width: 80% !important
  }

  .lap-nine-tenths.grid__item {
    width: 85% !important
  }

  .lap-nine-tenths.hard--sides.grid__item,
  .lap-nine-tenths.hard.grid__item {
    width: 90% !important
  }

  .lap-one-eighths.grid__item {
    width: 7.5% !important
  }

  .lap-one-eighths.hard--sides.grid__item,
  .lap-one-eighths.hard.grid__item {
    width: 12.5% !important
  }

  .lap-three-eighths.grid__item {
    width: 32.5% !important
  }

  .lap-three-eighths.hard--sides.grid__item,
  .lap-three-eighths.hard.grid__item {
    width: 37.5% !important
  }

  .lap-five-eighths.grid__item {
    width: 57.5% !important
  }

  .lap-five-eighths.hard--sides.grid__item,
  .lap-five-eighths.hard.grid__item {
    width: 62.5% !important
  }

  .lap-seven-eighths.grid__item {
    width: 82.5% !important
  }

  .lap-seven-eighths.hard--sides.grid__item,
  .lap-seven-eighths.hard.grid__item {
    width: 87.5% !important
  }

  .lap-hard,
  .lap-hard--ends,
  .lap-hard--top {
    padding-top: 0 !important;
    margin-top: 0 !important
  }

  .lap-hard,
  .lap-hard--right,
  .lap-hard--sides {
    padding-right: 0 !important;
    margin-right: 0 !important
  }

  .lap-hard,
  .lap-hard--bottom,
  .lap-hard--ends {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .lap-hard,
  .lap-hard--left,
  .lap-hard--sides {
    padding-left: 0 !important;
    margin-left: 0 !important
  }

  .lap-left {
    float: left
  }

  .lap-right {
    float: right
  }

  .lap-clear:after {
    content: ""
  }
}

@media screen and (min-width:1024px) {
  .lap-and-up-one-twelfths.grid__item {
    width: 3.33333% !important
  }

  .lap-and-up-one-twelfths.hard--sides.grid__item,
  .lap-and-up-one-twelfths.hard.grid__item {
    width: 8.33333% !important
  }

  .lap-and-up-one-sixth.grid__item,
  .lap-and-up-two-twelfths.grid__item {
    width: 11.66667% !important
  }

  .lap-and-up-one-sixth.hard--sides.grid__item,
  .lap-and-up-one-sixth.hard.grid__item,
  .lap-and-up-two-twelfths.hard--sides.grid__item,
  .lap-and-up-two-twelfths.hard.grid__item {
    width: 16.66667% !important
  }

  .lap-and-up-one-fifth.hard--sides.grid__item,
  .lap-and-up-one-fifth.hard.grid__item,
  .lap-and-up-one-fourth.grid__item,
  .lap-and-up-three-twelfths.grid__item,
  .lap-and-up-two-eighths.grid__item,
  .lap-and-up-two-tenths.hard--sides.grid__item,
  .lap-and-up-two-tenths.hard.grid__item {
    width: 20% !important
  }

  .lap-and-up-one-fourth.hard--sides.grid__item,
  .lap-and-up-one-fourth.hard.grid__item,
  .lap-and-up-three-tenths.grid__item,
  .lap-and-up-three-twelfths.hard--sides.grid__item,
  .lap-and-up-three-twelfths.hard.grid__item,
  .lap-and-up-two-eighths.hard--sides.grid__item,
  .lap-and-up-two-eighths.hard.grid__item {
    width: 25% !important
  }

  .lap-and-up-four-twelfths.grid__item,
  .lap-and-up-one-third.grid__item {
    width: 28.33333% !important
  }

  .lap-and-up-four-twelfths.hard--sides.grid__item,
  .lap-and-up-four-twelfths.hard.grid__item,
  .lap-and-up-one-third.hard--sides.grid__item,
  .lap-and-up-one-third.hard.grid__item {
    width: 33.33333% !important
  }

  .lap-and-up-five-twelfths.grid__item {
    width: 36.66667% !important
  }

  .lap-and-up-five-twelfths.hard--sides.grid__item,
  .lap-and-up-five-twelfths.hard.grid__item {
    width: 41.66667% !important
  }

  .lap-and-up-five-tenths.grid__item,
  .lap-and-up-four-eighths.grid__item,
  .lap-and-up-one-half.grid__item,
  .lap-and-up-six-twelfths.grid__item {
    width: 45% !important
  }

  .lap-and-up-five-tenths.hard--sides.grid__item,
  .lap-and-up-five-tenths.hard.grid__item,
  .lap-and-up-four-eighths.hard--sides.grid__item,
  .lap-and-up-four-eighths.hard.grid__item,
  .lap-and-up-one-half.hard--sides.grid__item,
  .lap-and-up-one-half.hard.grid__item,
  .lap-and-up-six-twelfths.hard--sides.grid__item,
  .lap-and-up-six-twelfths.hard.grid__item {
    width: 50% !important
  }

  .lap-and-up-seven-twelfths.grid__item {
    width: 53.33333% !important
  }

  .lap-and-up-seven-twelfths.hard--sides.grid__item,
  .lap-and-up-seven-twelfths.hard.grid__item {
    width: 58.33333% !important
  }

  .lap-and-up-eight-twelfths.grid__item {
    width: 61.66667% !important
  }

  .lap-and-up-eight-twelfths.hard--sides.grid__item,
  .lap-and-up-eight-twelfths.hard.grid__item {
    width: 66.66667% !important
  }

  .lap-and-up-nine-twelfths.grid__item,
  .lap-and-up-seven-tenths.hard--sides.grid__item,
  .lap-and-up-seven-tenths.hard.grid__item,
  .lap-and-up-six-eighths.grid__item {
    width: 70% !important
  }

  .lap-and-up-eight-tenths.grid__item,
  .lap-and-up-nine-twelfths.hard--sides.grid__item,
  .lap-and-up-nine-twelfths.hard.grid__item,
  .lap-and-up-six-eighths.hard--sides.grid__item,
  .lap-and-up-six-eighths.hard.grid__item {
    width: 75% !important
  }

  .lap-and-up-ten-twelfths.grid__item {
    width: 78.33333% !important
  }

  .lap-and-up-ten-twelfths.hard--sides.grid__item,
  .lap-and-up-ten-twelfths.hard.grid__item {
    width: 83.33333% !important
  }

  .lap-and-up-eleven-twelfths.grid__item {
    width: 86.66667% !important
  }

  .lap-and-up-eleven-twelfths.hard--sides.grid__item,
  .lap-and-up-eleven-twelfths.hard.grid__item {
    width: 91.66667% !important
  }

  .lap-and-up-eight-eighths.grid__item,
  .lap-and-up-one-whole.grid__item,
  .lap-and-up-ten-tenths.grid__item,
  .lap-and-up-twelve-twelfths.grid__item {
    width: 95% !important
  }

  .lap-and-up-eight-eighths.hard--sides.grid__item,
  .lap-and-up-eight-eighths.hard.grid__item,
  .lap-and-up-one-whole.hard--sides.grid__item,
  .lap-and-up-one-whole.hard.grid__item,
  .lap-and-up-ten-tenths.hard--sides.grid__item,
  .lap-and-up-ten-tenths.hard.grid__item,
  .lap-and-up-twelve-twelfths.hard--sides.grid__item,
  .lap-and-up-twelve-twelfths.hard.grid__item {
    width: 100% !important
  }

  .lap-and-up-one-tenths.grid__item {
    width: 5% !important
  }

  .lap-and-up-one-tenths.hard--sides.grid__item,
  .lap-and-up-one-tenths.hard.grid__item {
    width: 10% !important
  }

  .lap-and-up-one-fifth.grid__item,
  .lap-and-up-two-tenths.grid__item {
    width: 15% !important
  }

  .lap-and-up-three-tenths.hard--sides.grid__item,
  .lap-and-up-three-tenths.hard.grid__item {
    width: 30% !important
  }

  .lap-and-up-four-tenths.grid__item {
    width: 35% !important
  }

  .lap-and-up-four-tenths.hard--sides.grid__item,
  .lap-and-up-four-tenths.hard.grid__item {
    width: 40% !important
  }

  .lap-and-up-six-tenths.grid__item {
    width: 55% !important
  }

  .lap-and-up-six-tenths.hard--sides.grid__item,
  .lap-and-up-six-tenths.hard.grid__item {
    width: 60% !important
  }

  .lap-and-up-seven-tenths.grid__item {
    width: 65% !important
  }

  .lap-and-up-eight-tenths.hard--sides.grid__item,
  .lap-and-up-eight-tenths.hard.grid__item {
    width: 80% !important
  }

  .lap-and-up-nine-tenths.grid__item {
    width: 85% !important
  }

  .lap-and-up-nine-tenths.hard--sides.grid__item,
  .lap-and-up-nine-tenths.hard.grid__item {
    width: 90% !important
  }

  .lap-and-up-one-eighths.grid__item {
    width: 7.5% !important
  }

  .lap-and-up-one-eighths.hard--sides.grid__item,
  .lap-and-up-one-eighths.hard.grid__item {
    width: 12.5% !important
  }

  .lap-and-up-three-eighths.grid__item {
    width: 32.5% !important
  }

  .lap-and-up-three-eighths.hard--sides.grid__item,
  .lap-and-up-three-eighths.hard.grid__item {
    width: 37.5% !important
  }

  .lap-and-up-five-eighths.grid__item {
    width: 57.5% !important
  }

  .lap-and-up-five-eighths.hard--sides.grid__item,
  .lap-and-up-five-eighths.hard.grid__item {
    width: 62.5% !important
  }

  .lap-and-up-seven-eighths.grid__item {
    width: 82.5% !important
  }

  .lap-and-up-seven-eighths.hard--sides.grid__item,
  .lap-and-up-seven-eighths.hard.grid__item {
    width: 87.5% !important
  }

  .lap-and-up-hard,
  .lap-and-up-hard--ends,
  .lap-and-up-hard--top {
    padding-top: 0 !important;
    margin-top: 0 !important
  }

  .lap-and-up-hard,
  .lap-and-up-hard--right,
  .lap-and-up-hard--sides {
    padding-right: 0 !important;
    margin-right: 0 !important
  }

  .lap-and-up-hard,
  .lap-and-up-hard--bottom,
  .lap-and-up-hard--ends {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .lap-and-up-hard,
  .lap-and-up-hard--left,
  .lap-and-up-hard--sides {
    padding-left: 0 !important;
    margin-left: 0 !important
  }

  .lap-and-up-left {
    float: left
  }

  .lap-and-up-right {
    float: right
  }

  .lap-and-up-clear:after {
    content: ""
  }
}

@media screen and (max-width:1023px) {
  .portable-one-twelfths.grid__item {
    width: 3.33333% !important
  }

  .portable-one-twelfths.hard--sides.grid__item,
  .portable-one-twelfths.hard.grid__item {
    width: 8.33333% !important
  }

  .portable-one-sixth.grid__item,
  .portable-two-twelfths.grid__item {
    width: 11.66667% !important
  }

  .portable-one-sixth.hard--sides.grid__item,
  .portable-one-sixth.hard.grid__item,
  .portable-two-twelfths.hard--sides.grid__item,
  .portable-two-twelfths.hard.grid__item {
    width: 16.66667% !important
  }

  .portable-one-fifth.hard--sides.grid__item,
  .portable-one-fifth.hard.grid__item,
  .portable-one-fourth.grid__item,
  .portable-three-twelfths.grid__item,
  .portable-two-eighths.grid__item,
  .portable-two-tenths.hard--sides.grid__item,
  .portable-two-tenths.hard.grid__item {
    width: 20% !important
  }

  .portable-one-fourth.hard--sides.grid__item,
  .portable-one-fourth.hard.grid__item,
  .portable-three-tenths.grid__item,
  .portable-three-twelfths.hard--sides.grid__item,
  .portable-three-twelfths.hard.grid__item,
  .portable-two-eighths.hard--sides.grid__item,
  .portable-two-eighths.hard.grid__item {
    width: 25% !important
  }

  .portable-four-twelfths.grid__item,
  .portable-one-third.grid__item {
    width: 28.33333% !important
  }

  .portable-four-twelfths.hard--sides.grid__item,
  .portable-four-twelfths.hard.grid__item,
  .portable-one-third.hard--sides.grid__item,
  .portable-one-third.hard.grid__item {
    width: 33.33333% !important
  }

  .portable-five-twelfths.grid__item {
    width: 36.66667% !important
  }

  .portable-five-twelfths.hard--sides.grid__item,
  .portable-five-twelfths.hard.grid__item {
    width: 41.66667% !important
  }

  .portable-five-tenths.grid__item,
  .portable-four-eighths.grid__item,
  .portable-one-half.grid__item,
  .portable-six-twelfths.grid__item {
    width: 45% !important
  }

  .portable-five-tenths.hard--sides.grid__item,
  .portable-five-tenths.hard.grid__item,
  .portable-four-eighths.hard--sides.grid__item,
  .portable-four-eighths.hard.grid__item,
  .portable-one-half.hard--sides.grid__item,
  .portable-one-half.hard.grid__item,
  .portable-six-twelfths.hard--sides.grid__item,
  .portable-six-twelfths.hard.grid__item {
    width: 50% !important
  }

  .portable-seven-twelfths.grid__item {
    width: 53.33333% !important
  }

  .portable-seven-twelfths.hard--sides.grid__item,
  .portable-seven-twelfths.hard.grid__item {
    width: 58.33333% !important
  }

  .portable-eight-twelfths.grid__item {
    width: 61.66667% !important
  }

  .portable-eight-twelfths.hard--sides.grid__item,
  .portable-eight-twelfths.hard.grid__item {
    width: 66.66667% !important
  }

  .portable-nine-twelfths.grid__item,
  .portable-seven-tenths.hard--sides.grid__item,
  .portable-seven-tenths.hard.grid__item,
  .portable-six-eighths.grid__item {
    width: 70% !important
  }

  .portable-eight-tenths.grid__item,
  .portable-nine-twelfths.hard--sides.grid__item,
  .portable-nine-twelfths.hard.grid__item,
  .portable-six-eighths.hard--sides.grid__item,
  .portable-six-eighths.hard.grid__item {
    width: 75% !important
  }

  .portable-ten-twelfths.grid__item {
    width: 78.33333% !important
  }

  .portable-ten-twelfths.hard--sides.grid__item,
  .portable-ten-twelfths.hard.grid__item {
    width: 83.33333% !important
  }

  .portable-eleven-twelfths.grid__item {
    width: 86.66667% !important
  }

  .portable-eleven-twelfths.hard--sides.grid__item,
  .portable-eleven-twelfths.hard.grid__item {
    width: 91.66667% !important
  }

  .portable-eight-eighths.grid__item,
  .portable-one-whole.grid__item,
  .portable-ten-tenths.grid__item,
  .portable-twelve-twelfths.grid__item {
    width: 95% !important
  }

  .portable-eight-eighths.hard--sides.grid__item,
  .portable-eight-eighths.hard.grid__item,
  .portable-one-whole.hard--sides.grid__item,
  .portable-one-whole.hard.grid__item,
  .portable-ten-tenths.hard--sides.grid__item,
  .portable-ten-tenths.hard.grid__item,
  .portable-twelve-twelfths.hard--sides.grid__item,
  .portable-twelve-twelfths.hard.grid__item {
    width: 100% !important
  }

  .portable-one-tenths.grid__item {
    width: 5% !important
  }

  .portable-one-tenths.hard--sides.grid__item,
  .portable-one-tenths.hard.grid__item {
    width: 10% !important
  }

  .portable-one-fifth.grid__item,
  .portable-two-tenths.grid__item {
    width: 15% !important
  }

  .portable-three-tenths.hard--sides.grid__item,
  .portable-three-tenths.hard.grid__item {
    width: 30% !important
  }

  .portable-four-tenths.grid__item {
    width: 35% !important
  }

  .portable-four-tenths.hard--sides.grid__item,
  .portable-four-tenths.hard.grid__item {
    width: 40% !important
  }

  .portable-six-tenths.grid__item {
    width: 55% !important
  }

  .portable-six-tenths.hard--sides.grid__item,
  .portable-six-tenths.hard.grid__item {
    width: 60% !important
  }

  .portable-seven-tenths.grid__item {
    width: 65% !important
  }

  .portable-eight-tenths.hard--sides.grid__item,
  .portable-eight-tenths.hard.grid__item {
    width: 80% !important
  }

  .portable-nine-tenths.grid__item {
    width: 85% !important
  }

  .portable-nine-tenths.hard--sides.grid__item,
  .portable-nine-tenths.hard.grid__item {
    width: 90% !important
  }

  .portable-one-eighths.grid__item {
    width: 7.5% !important
  }

  .portable-one-eighths.hard--sides.grid__item,
  .portable-one-eighths.hard.grid__item {
    width: 12.5% !important
  }

  .portable-three-eighths.grid__item {
    width: 32.5% !important
  }

  .portable-three-eighths.hard--sides.grid__item,
  .portable-three-eighths.hard.grid__item {
    width: 37.5% !important
  }

  .portable-five-eighths.grid__item {
    width: 57.5% !important
  }

  .portable-five-eighths.hard--sides.grid__item,
  .portable-five-eighths.hard.grid__item {
    width: 62.5% !important
  }

  .portable-seven-eighths.grid__item {
    width: 82.5% !important
  }

  .portable-seven-eighths.hard--sides.grid__item,
  .portable-seven-eighths.hard.grid__item {
    width: 87.5% !important
  }

  .portable-hard,
  .portable-hard--ends,
  .portable-hard--top {
    padding-top: 0 !important;
    margin-top: 0 !important
  }

  .portable-hard,
  .portable-hard--right,
  .portable-hard--sides {
    padding-right: 0 !important;
    margin-right: 0 !important
  }

  .portable-hard,
  .portable-hard--bottom,
  .portable-hard--ends {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .portable-hard,
  .portable-hard--left,
  .portable-hard--sides {
    padding-left: 0 !important;
    margin-left: 0 !important
  }

  .portable-left {
    float: left
  }

  .portable-right {
    float: right
  }

  .portable-clear:after {
    content: ""
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {
  .tablet-one-twelfths.grid__item {
    width: 3.33333% !important
  }

  .tablet-one-twelfths.hard--sides.grid__item,
  .tablet-one-twelfths.hard.grid__item {
    width: 8.33333% !important
  }

  .tablet-one-sixth.grid__item,
  .tablet-two-twelfths.grid__item {
    width: 11.66667% !important
  }

  .tablet-one-sixth.hard--sides.grid__item,
  .tablet-one-sixth.hard.grid__item,
  .tablet-two-twelfths.hard--sides.grid__item,
  .tablet-two-twelfths.hard.grid__item {
    width: 16.66667% !important
  }

  .tablet-one-fifth.hard--sides.grid__item,
  .tablet-one-fifth.hard.grid__item,
  .tablet-one-fourth.grid__item,
  .tablet-three-twelfths.grid__item,
  .tablet-two-eighths.grid__item,
  .tablet-two-tenths.hard--sides.grid__item,
  .tablet-two-tenths.hard.grid__item {
    width: 20% !important
  }

  .tablet-one-fourth.hard--sides.grid__item,
  .tablet-one-fourth.hard.grid__item,
  .tablet-three-tenths.grid__item,
  .tablet-three-twelfths.hard--sides.grid__item,
  .tablet-three-twelfths.hard.grid__item,
  .tablet-two-eighths.hard--sides.grid__item,
  .tablet-two-eighths.hard.grid__item {
    width: 25% !important
  }

  .tablet-four-twelfths.grid__item,
  .tablet-one-third.grid__item {
    width: 28.33333% !important
  }

  .tablet-four-twelfths.hard--sides.grid__item,
  .tablet-four-twelfths.hard.grid__item,
  .tablet-one-third.hard--sides.grid__item,
  .tablet-one-third.hard.grid__item {
    width: 33.33333% !important
  }

  .tablet-five-twelfths.grid__item {
    width: 36.66667% !important
  }

  .tablet-five-twelfths.hard--sides.grid__item,
  .tablet-five-twelfths.hard.grid__item {
    width: 41.66667% !important
  }

  .tablet-five-tenths.grid__item,
  .tablet-four-eighths.grid__item,
  .tablet-one-half.grid__item,
  .tablet-six-twelfths.grid__item {
    width: 45% !important
  }

  .tablet-five-tenths.hard--sides.grid__item,
  .tablet-five-tenths.hard.grid__item,
  .tablet-four-eighths.hard--sides.grid__item,
  .tablet-four-eighths.hard.grid__item,
  .tablet-one-half.hard--sides.grid__item,
  .tablet-one-half.hard.grid__item,
  .tablet-six-twelfths.hard--sides.grid__item,
  .tablet-six-twelfths.hard.grid__item {
    width: 50% !important
  }

  .tablet-seven-twelfths.grid__item {
    width: 53.33333% !important
  }

  .tablet-seven-twelfths.hard--sides.grid__item,
  .tablet-seven-twelfths.hard.grid__item {
    width: 58.33333% !important
  }

  .tablet-eight-twelfths.grid__item {
    width: 61.66667% !important
  }

  .tablet-eight-twelfths.hard--sides.grid__item,
  .tablet-eight-twelfths.hard.grid__item {
    width: 66.66667% !important
  }

  .tablet-nine-twelfths.grid__item,
  .tablet-seven-tenths.hard--sides.grid__item,
  .tablet-seven-tenths.hard.grid__item,
  .tablet-six-eighths.grid__item {
    width: 70% !important
  }

  .tablet-eight-tenths.grid__item,
  .tablet-nine-twelfths.hard--sides.grid__item,
  .tablet-nine-twelfths.hard.grid__item,
  .tablet-six-eighths.hard--sides.grid__item,
  .tablet-six-eighths.hard.grid__item {
    width: 75% !important
  }

  .tablet-ten-twelfths.grid__item {
    width: 78.33333% !important
  }

  .tablet-ten-twelfths.hard--sides.grid__item,
  .tablet-ten-twelfths.hard.grid__item {
    width: 83.33333% !important
  }

  .tablet-eleven-twelfths.grid__item {
    width: 86.66667% !important
  }

  .tablet-eleven-twelfths.hard--sides.grid__item,
  .tablet-eleven-twelfths.hard.grid__item {
    width: 91.66667% !important
  }

  .tablet-eight-eighths.grid__item,
  .tablet-one-whole.grid__item,
  .tablet-ten-tenths.grid__item,
  .tablet-twelve-twelfths.grid__item {
    width: 95% !important
  }

  .tablet-eight-eighths.hard--sides.grid__item,
  .tablet-eight-eighths.hard.grid__item,
  .tablet-one-whole.hard--sides.grid__item,
  .tablet-one-whole.hard.grid__item,
  .tablet-ten-tenths.hard--sides.grid__item,
  .tablet-ten-tenths.hard.grid__item,
  .tablet-twelve-twelfths.hard--sides.grid__item,
  .tablet-twelve-twelfths.hard.grid__item {
    width: 100% !important
  }

  .tablet-one-tenths.grid__item {
    width: 5% !important
  }

  .tablet-one-tenths.hard--sides.grid__item,
  .tablet-one-tenths.hard.grid__item {
    width: 10% !important
  }

  .tablet-one-fifth.grid__item,
  .tablet-two-tenths.grid__item {
    width: 15% !important
  }

  .tablet-three-tenths.hard--sides.grid__item,
  .tablet-three-tenths.hard.grid__item {
    width: 30% !important
  }

  .tablet-four-tenths.grid__item {
    width: 35% !important
  }

  .tablet-four-tenths.hard--sides.grid__item,
  .tablet-four-tenths.hard.grid__item {
    width: 40% !important
  }

  .tablet-six-tenths.grid__item {
    width: 55% !important
  }

  .tablet-six-tenths.hard--sides.grid__item,
  .tablet-six-tenths.hard.grid__item {
    width: 60% !important
  }

  .tablet-seven-tenths.grid__item {
    width: 65% !important
  }

  .tablet-eight-tenths.hard--sides.grid__item,
  .tablet-eight-tenths.hard.grid__item {
    width: 80% !important
  }

  .tablet-nine-tenths.grid__item {
    width: 85% !important
  }

  .tablet-nine-tenths.hard--sides.grid__item,
  .tablet-nine-tenths.hard.grid__item {
    width: 90% !important
  }

  .tablet-one-eighths.grid__item {
    width: 7.5% !important
  }

  .tablet-one-eighths.hard--sides.grid__item,
  .tablet-one-eighths.hard.grid__item {
    width: 12.5% !important
  }

  .tablet-three-eighths.grid__item {
    width: 32.5% !important
  }

  .tablet-three-eighths.hard--sides.grid__item,
  .tablet-three-eighths.hard.grid__item {
    width: 37.5% !important
  }

  .tablet-five-eighths.grid__item {
    width: 57.5% !important
  }

  .tablet-five-eighths.hard--sides.grid__item,
  .tablet-five-eighths.hard.grid__item {
    width: 62.5% !important
  }

  .tablet-seven-eighths.grid__item {
    width: 82.5% !important
  }

  .tablet-seven-eighths.hard--sides.grid__item,
  .tablet-seven-eighths.hard.grid__item {
    width: 87.5% !important
  }

  .tablet-hard,
  .tablet-hard--ends,
  .tablet-hard--top {
    padding-top: 0 !important;
    margin-top: 0 !important
  }

  .tablet-hard,
  .tablet-hard--right,
  .tablet-hard--sides {
    padding-right: 0 !important;
    margin-right: 0 !important
  }

  .tablet-hard,
  .tablet-hard--bottom,
  .tablet-hard--ends {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .tablet-hard,
  .tablet-hard--left,
  .tablet-hard--sides {
    padding-left: 0 !important;
    margin-left: 0 !important
  }

  .tablet-left {
    float: left
  }

  .tablet-right {
    float: right
  }

  .tablet-clear:after {
    content: ""
  }
}

@media screen and (max-width:679px) {
  .palm-one-twelfths.grid__item {
    width: 3.33333% !important
  }

  .palm-one-twelfths.hard--sides.grid__item,
  .palm-one-twelfths.hard.grid__item {
    width: 8.33333% !important
  }

  .palm-one-sixth.grid__item,
  .palm-two-twelfths.grid__item {
    width: 11.66667% !important
  }

  .palm-one-sixth.hard--sides.grid__item,
  .palm-one-sixth.hard.grid__item,
  .palm-two-twelfths.hard--sides.grid__item,
  .palm-two-twelfths.hard.grid__item {
    width: 16.66667% !important
  }

  .palm-one-fifth.hard--sides.grid__item,
  .palm-one-fifth.hard.grid__item,
  .palm-one-fourth.grid__item,
  .palm-three-twelfths.grid__item,
  .palm-two-eighths.grid__item,
  .palm-two-tenths.hard--sides.grid__item,
  .palm-two-tenths.hard.grid__item {
    width: 20% !important
  }

  .palm-one-fourth.hard--sides.grid__item,
  .palm-one-fourth.hard.grid__item,
  .palm-three-tenths.grid__item,
  .palm-three-twelfths.hard--sides.grid__item,
  .palm-three-twelfths.hard.grid__item,
  .palm-two-eighths.hard--sides.grid__item,
  .palm-two-eighths.hard.grid__item {
    width: 25% !important
  }

  .palm-four-twelfths.grid__item,
  .palm-one-third.grid__item {
    width: 28.33333% !important
  }

  .palm-four-twelfths.hard--sides.grid__item,
  .palm-four-twelfths.hard.grid__item,
  .palm-one-third.hard--sides.grid__item,
  .palm-one-third.hard.grid__item {
    width: 33.33333% !important
  }

  .palm-five-twelfths.grid__item {
    width: 36.66667% !important
  }

  .palm-five-twelfths.hard--sides.grid__item,
  .palm-five-twelfths.hard.grid__item {
    width: 41.66667% !important
  }

  .palm-five-tenths.grid__item,
  .palm-four-eighths.grid__item,
  .palm-one-half.grid__item,
  .palm-six-twelfths.grid__item {
    width: 45% !important
  }

  .palm-five-tenths.hard--sides.grid__item,
  .palm-five-tenths.hard.grid__item,
  .palm-four-eighths.hard--sides.grid__item,
  .palm-four-eighths.hard.grid__item,
  .palm-one-half.hard--sides.grid__item,
  .palm-one-half.hard.grid__item,
  .palm-six-twelfths.hard--sides.grid__item,
  .palm-six-twelfths.hard.grid__item {
    width: 50% !important
  }

  .palm-seven-twelfths.grid__item {
    width: 53.33333% !important
  }

  .palm-seven-twelfths.hard--sides.grid__item,
  .palm-seven-twelfths.hard.grid__item {
    width: 58.33333% !important
  }

  .palm-eight-twelfths.grid__item {
    width: 61.66667% !important
  }

  .palm-eight-twelfths.hard--sides.grid__item,
  .palm-eight-twelfths.hard.grid__item {
    width: 66.66667% !important
  }

  .palm-nine-twelfths.grid__item,
  .palm-seven-tenths.hard--sides.grid__item,
  .palm-seven-tenths.hard.grid__item,
  .palm-six-eighths.grid__item {
    width: 70% !important
  }

  .palm-eight-tenths.grid__item,
  .palm-nine-twelfths.hard--sides.grid__item,
  .palm-nine-twelfths.hard.grid__item,
  .palm-six-eighths.hard--sides.grid__item,
  .palm-six-eighths.hard.grid__item {
    width: 75% !important
  }

  .palm-ten-twelfths.grid__item {
    width: 78.33333% !important
  }

  .palm-ten-twelfths.hard--sides.grid__item,
  .palm-ten-twelfths.hard.grid__item {
    width: 83.33333% !important
  }

  .palm-eleven-twelfths.grid__item {
    width: 86.66667% !important
  }

  .palm-eleven-twelfths.hard--sides.grid__item,
  .palm-eleven-twelfths.hard.grid__item {
    width: 91.66667% !important
  }

  .palm-eight-eighths.grid__item,
  .palm-one-whole.grid__item,
  .palm-ten-tenths.grid__item,
  .palm-twelve-twelfths.grid__item {
    width: 95% !important
  }

  .palm-eight-eighths.hard--sides.grid__item,
  .palm-eight-eighths.hard.grid__item,
  .palm-one-whole.hard--sides.grid__item,
  .palm-one-whole.hard.grid__item,
  .palm-ten-tenths.hard--sides.grid__item,
  .palm-ten-tenths.hard.grid__item,
  .palm-twelve-twelfths.hard--sides.grid__item,
  .palm-twelve-twelfths.hard.grid__item {
    width: 100% !important
  }

  .palm-one-tenths.grid__item {
    width: 5% !important
  }

  .palm-one-tenths.hard--sides.grid__item,
  .palm-one-tenths.hard.grid__item {
    width: 10% !important
  }

  .palm-one-fifth.grid__item,
  .palm-two-tenths.grid__item {
    width: 15% !important
  }

  .palm-three-tenths.hard--sides.grid__item,
  .palm-three-tenths.hard.grid__item {
    width: 30% !important
  }

  .palm-four-tenths.grid__item {
    width: 35% !important
  }

  .palm-four-tenths.hard--sides.grid__item,
  .palm-four-tenths.hard.grid__item {
    width: 40% !important
  }

  .palm-six-tenths.grid__item {
    width: 55% !important
  }

  .palm-six-tenths.hard--sides.grid__item,
  .palm-six-tenths.hard.grid__item {
    width: 60% !important
  }

  .palm-seven-tenths.grid__item {
    width: 65% !important
  }

  .palm-eight-tenths.hard--sides.grid__item,
  .palm-eight-tenths.hard.grid__item {
    width: 80% !important
  }

  .palm-nine-tenths.grid__item {
    width: 85% !important
  }

  .palm-nine-tenths.hard--sides.grid__item,
  .palm-nine-tenths.hard.grid__item {
    width: 90% !important
  }

  .palm-one-eighths.grid__item {
    width: 7.5% !important
  }

  .palm-one-eighths.hard--sides.grid__item,
  .palm-one-eighths.hard.grid__item {
    width: 12.5% !important
  }

  .palm-three-eighths.grid__item {
    width: 32.5% !important
  }

  .palm-three-eighths.hard--sides.grid__item,
  .palm-three-eighths.hard.grid__item {
    width: 37.5% !important
  }

  .palm-five-eighths.grid__item {
    width: 57.5% !important
  }

  .palm-five-eighths.hard--sides.grid__item,
  .palm-five-eighths.hard.grid__item {
    width: 62.5% !important
  }

  .palm-seven-eighths.grid__item {
    width: 82.5% !important
  }

  .palm-seven-eighths.hard--sides.grid__item,
  .palm-seven-eighths.hard.grid__item {
    width: 87.5% !important
  }

  .palm-hard,
  .palm-hard--ends,
  .palm-hard--top {
    padding-top: 0 !important;
    margin-top: 0 !important
  }

  .palm-hard,
  .palm-hard--right,
  .palm-hard--sides {
    padding-right: 0 !important;
    margin-right: 0 !important
  }

  .palm-hard,
  .palm-hard--bottom,
  .palm-hard--ends {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .palm-hard,
  .palm-hard--left,
  .palm-hard--sides {
    padding-left: 0 !important;
    margin-left: 0 !important
  }

  .palm-left {
    float: left
  }

  .palm-right {
    float: right
  }

  .palm-clear:after {
    content: ""
  }
}

.clear {
  display: inline
}

.clear:after,
.grid:after {
  display: table;
  clear: both;
  height: 0;
  width: 0
}

.clear,
.desk-clear,
.lap-and-up-clear,
.lap-clear,
.palm-clear,
.portable-clear,
.tablet-clear {
  display: inline
}

.clear:after,
.desk-clear:after,
.lap-and-up-clear:after,
.lap-clear:after,
.palm-clear:after,
.portable-clear:after,
.tablet-clear:after {
  display: table;
  clear: both;
  height: 0;
  width: 0
}

.padding--basic {
  padding-left: 20px !important;
  padding-right: 50px !important
}

.padding--short {
  padding-left: 20px !important;
  padding-right: 20px !important
}

.padding--tall {
  padding-left: 40px !important;
  padding-right: 40px !important
}

.padding--grande {
  padding-left: 60px !important;
  padding-right: 60px !important
}

.padding--venti {
  padding-left: 80px !important;
  padding-right: 80px !important
}

.padding--trenta {
  padding-left: 100px !important;
  padding-right: 100px !important
}

.margin--basic,
.margin--basic--top {
  margin-top: 50px !important
}

.margin--basic,
.margin--basic--bottom {
  margin-bottom: 50px !important
}

.margin--short,
.margin--short--top {
  margin-top: 20px !important
}

.margin--short,
.margin--short--bottom {
  margin-bottom: 20px !important
}

.margin--tall,
.margin--tall--top {
  margin-top: 40px !important
}

.margin--tall,
.margin--tall--bottom {
  margin-bottom: 40px !important
}

.margin--grande,
.margin--grande--top {
  margin-top: 60px !important
}

.margin--grande,
.margin--grande--bottom {
  margin-bottom: 60px !important
}

.margin--venti,
.margin--venti--top {
  margin-top: 80px !important
}

.margin--venti,
.margin--venti--bottom {
  margin-bottom: 80px !important
}

.margin--trenta,
.margin--trenta--top {
  margin-top: 100px !important
}

.margin--trenta,
.margin--trenta--bottom {
  margin-bottom: 100px !important
}

@media screen and (min-width:1168px) {
  .desk-padding--basic {
    padding-left: 20px !important;
    padding-right: 50px !important
  }

  .desk-padding--short {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .desk-padding--tall {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .desk-padding--grande {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .desk-padding--venti {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .desk-padding--trenta {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .desk-margin--basic,
  .desk-margin--basic--top {
    margin-top: 50px !important
  }

  .desk-margin--basic,
  .desk-margin--basic--bottom {
    margin-bottom: 50px !important
  }

  .desk-margin--short,
  .desk-margin--short--top {
    margin-top: 20px !important
  }

  .desk-margin--short,
  .desk-margin--short--bottom {
    margin-bottom: 20px !important
  }

  .desk-margin--tall,
  .desk-margin--tall--top {
    margin-top: 40px !important
  }

  .desk-margin--tall,
  .desk-margin--tall--bottom {
    margin-bottom: 40px !important
  }

  .desk-margin--grande,
  .desk-margin--grande--top {
    margin-top: 60px !important
  }

  .desk-margin--grande,
  .desk-margin--grande--bottom {
    margin-bottom: 60px !important
  }

  .desk-margin--venti,
  .desk-margin--venti--top {
    margin-top: 80px !important
  }

  .desk-margin--venti,
  .desk-margin--venti--bottom {
    margin-bottom: 80px !important
  }

  .desk-margin--trenta,
  .desk-margin--trenta--top {
    margin-top: 100px !important
  }

  .desk-margin--trenta,
  .desk-margin--trenta--bottom {
    margin-bottom: 100px !important
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {
  .lap-padding--basic {
    padding-left: 20px !important;
    padding-right: 50px !important
  }

  .lap-padding--short {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .lap-padding--tall {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .lap-padding--grande {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .lap-padding--venti {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .lap-padding--trenta {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .lap-margin--basic,
  .lap-margin--basic--top {
    margin-top: 50px !important
  }

  .lap-margin--basic,
  .lap-margin--basic--bottom {
    margin-bottom: 50px !important
  }

  .lap-margin--short,
  .lap-margin--short--top {
    margin-top: 20px !important
  }

  .lap-margin--short,
  .lap-margin--short--bottom {
    margin-bottom: 20px !important
  }

  .lap-margin--tall,
  .lap-margin--tall--top {
    margin-top: 40px !important
  }

  .lap-margin--tall,
  .lap-margin--tall--bottom {
    margin-bottom: 40px !important
  }

  .lap-margin--grande,
  .lap-margin--grande--top {
    margin-top: 60px !important
  }

  .lap-margin--grande,
  .lap-margin--grande--bottom {
    margin-bottom: 60px !important
  }

  .lap-margin--venti,
  .lap-margin--venti--top {
    margin-top: 80px !important
  }

  .lap-margin--venti,
  .lap-margin--venti--bottom {
    margin-bottom: 80px !important
  }

  .lap-margin--trenta,
  .lap-margin--trenta--top {
    margin-top: 100px !important
  }

  .lap-margin--trenta,
  .lap-margin--trenta--bottom {
    margin-bottom: 100px !important
  }
}

@media screen and (min-width:1024px) {
  .lap-and-up-padding--basic {
    padding-left: 20px !important;
    padding-right: 50px !important
  }

  .lap-and-up-padding--short {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .lap-and-up-padding--tall {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .lap-and-up-padding--grande {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .lap-and-up-padding--venti {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .lap-and-up-padding--trenta {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .lap-and-up-margin--basic,
  .lap-and-up-margin--basic--top {
    margin-top: 50px !important
  }

  .lap-and-up-margin--basic,
  .lap-and-up-margin--basic--bottom {
    margin-bottom: 50px !important
  }

  .lap-and-up-margin--short,
  .lap-and-up-margin--short--top {
    margin-top: 20px !important
  }

  .lap-and-up-margin--short,
  .lap-and-up-margin--short--bottom {
    margin-bottom: 20px !important
  }

  .lap-and-up-margin--tall,
  .lap-and-up-margin--tall--top {
    margin-top: 40px !important
  }

  .lap-and-up-margin--tall,
  .lap-and-up-margin--tall--bottom {
    margin-bottom: 40px !important
  }

  .lap-and-up-margin--grande,
  .lap-and-up-margin--grande--top {
    margin-top: 60px !important
  }

  .lap-and-up-margin--grande,
  .lap-and-up-margin--grande--bottom {
    margin-bottom: 60px !important
  }

  .lap-and-up-margin--venti,
  .lap-and-up-margin--venti--top {
    margin-top: 80px !important
  }

  .lap-and-up-margin--venti,
  .lap-and-up-margin--venti--bottom {
    margin-bottom: 80px !important
  }

  .lap-and-up-margin--trenta,
  .lap-and-up-margin--trenta--top {
    margin-top: 100px !important
  }

  .lap-and-up-margin--trenta,
  .lap-and-up-margin--trenta--bottom {
    margin-bottom: 100px !important
  }
}

@media screen and (max-width:1023px) {
  .portable-padding--basic {
    padding-left: 20px !important;
    padding-right: 50px !important
  }

  .portable-padding--short {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .portable-padding--tall {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .portable-padding--grande {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .portable-padding--venti {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .portable-padding--trenta {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .portable-margin--basic,
  .portable-margin--basic--top {
    margin-top: 50px !important
  }

  .portable-margin--basic,
  .portable-margin--basic--bottom {
    margin-bottom: 50px !important
  }

  .portable-margin--short,
  .portable-margin--short--top {
    margin-top: 20px !important
  }

  .portable-margin--short,
  .portable-margin--short--bottom {
    margin-bottom: 20px !important
  }

  .portable-margin--tall,
  .portable-margin--tall--top {
    margin-top: 40px !important
  }

  .portable-margin--tall,
  .portable-margin--tall--bottom {
    margin-bottom: 40px !important
  }

  .portable-margin--grande,
  .portable-margin--grande--top {
    margin-top: 60px !important
  }

  .portable-margin--grande,
  .portable-margin--grande--bottom {
    margin-bottom: 60px !important
  }

  .portable-margin--venti,
  .portable-margin--venti--top {
    margin-top: 80px !important
  }

  .portable-margin--venti,
  .portable-margin--venti--bottom {
    margin-bottom: 80px !important
  }

  .portable-margin--trenta,
  .portable-margin--trenta--top {
    margin-top: 100px !important
  }

  .portable-margin--trenta,
  .portable-margin--trenta--bottom {
    margin-bottom: 100px !important
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {
  .tablet-padding--basic {
    padding-left: 20px !important;
    padding-right: 50px !important
  }

  .tablet-padding--short {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .tablet-padding--tall {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .tablet-padding--grande {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .tablet-padding--venti {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .tablet-padding--trenta {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .tablet-margin--basic,
  .tablet-margin--basic--top {
    margin-top: 50px !important
  }

  .tablet-margin--basic,
  .tablet-margin--basic--bottom {
    margin-bottom: 50px !important
  }

  .tablet-margin--short,
  .tablet-margin--short--top {
    margin-top: 20px !important
  }

  .tablet-margin--short,
  .tablet-margin--short--bottom {
    margin-bottom: 20px !important
  }

  .tablet-margin--tall,
  .tablet-margin--tall--top {
    margin-top: 40px !important
  }

  .tablet-margin--tall,
  .tablet-margin--tall--bottom {
    margin-bottom: 40px !important
  }

  .tablet-margin--grande,
  .tablet-margin--grande--top {
    margin-top: 60px !important
  }

  .tablet-margin--grande,
  .tablet-margin--grande--bottom {
    margin-bottom: 60px !important
  }

  .tablet-margin--venti,
  .tablet-margin--venti--top {
    margin-top: 80px !important
  }

  .tablet-margin--venti,
  .tablet-margin--venti--bottom {
    margin-bottom: 80px !important
  }

  .tablet-margin--trenta,
  .tablet-margin--trenta--top {
    margin-top: 100px !important
  }

  .tablet-margin--trenta,
  .tablet-margin--trenta--bottom {
    margin-bottom: 100px !important
  }
}

@media screen and (max-width:679px) {
  .palm-padding--basic {
    padding-left: 20px !important;
    padding-right: 50px !important
  }

  .palm-padding--short {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .palm-padding--tall {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .palm-padding--grande {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .palm-padding--venti {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .palm-padding--trenta {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .palm-margin--basic,
  .palm-margin--basic--top {
    margin-top: 50px !important
  }

  .palm-margin--basic,
  .palm-margin--basic--bottom {
    margin-bottom: 50px !important
  }

  .palm-margin--short,
  .palm-margin--short--top {
    margin-top: 20px !important
  }

  .palm-margin--short,
  .palm-margin--short--bottom {
    margin-bottom: 20px !important
  }

  .palm-margin--tall,
  .palm-margin--tall--top {
    margin-top: 40px !important
  }

  .palm-margin--tall,
  .palm-margin--tall--bottom {
    margin-bottom: 40px !important
  }

  .palm-margin--grande,
  .palm-margin--grande--top {
    margin-top: 60px !important
  }

  .palm-margin--grande,
  .palm-margin--grande--bottom {
    margin-bottom: 60px !important
  }

  .palm-margin--venti,
  .palm-margin--venti--top {
    margin-top: 80px !important
  }

  .palm-margin--venti,
  .palm-margin--venti--bottom {
    margin-bottom: 80px !important
  }

  .palm-margin--trenta,
  .palm-margin--trenta--top {
    margin-top: 100px !important
  }

  .palm-margin--trenta,
  .palm-margin--trenta--bottom {
    margin-bottom: 100px !important
  }
}

.block {
  display: block !important
}

.table {
  display: table !important
}

.inline {
  display: inline !important
}

.inline-block {
  display: inline-block !important
}

.absolute {
  position: absolute !important
}

.relative {
  position: relative !important
}

.left--0 {
  left: 0
}

.right--0 {
  right: 0
}

.top--0 {
  top: 0
}

.bottom--0 {
  bottom: 0
}

.left--auto {
  left: auto
}

.right--auto {
  right: auto
}

.top--auto {
  top: auto
}

.bottom--auto {
  bottom: auto
}

.all--text--center,
.all--text--center *,
.text--center {
  text-align: center
}

.all--text--left,
.all--text--left *,
.text--left {
  text-align: left
}

.all--text--right,
.all--text--right *,
.text--right {
  text-align: right
}

.all--valign--bottom,
.all--valign--bottom *,
.valign--bottom {
  vertical-align: bottom
}

.all--valign--middle,
.all--valign--middle *,
.valign--middle {
  vertical-align: middle
}

.float--center {
  display: block;
  margin: 0 auto 25px;
  float: none;
  text-align: center
}

.float--left,
.float--right {
  margin-bottom: 25px;
  max-width: 25% !important
}

.float--left {
  margin-right: 25px;
  float: left
}

.float--right {
  margin-left: 25px;
  float: right
}

.overflow--auto {
  overflow: auto !important
}

.overflow--hidden {
  overflow: hidden !important
}

.overflow-x--hidden {
  overflow-x: hidden !important
}

.overflow-y--hidden {
  overflow-y: hidden !important
}

.overflow--visible {
  overflow: visible !important
}

@media screen and (min-width:1168px) {
  .desk-block {
    display: block !important
  }

  .desk-table {
    display: table !important
  }

  .desk-inline {
    display: inline !important
  }

  .desk-inline-block {
    display: inline-block !important
  }

  .desk-absolute {
    position: absolute !important
  }

  .desk-relative {
    position: relative !important
  }

  .desk-left--0 {
    left: 0
  }

  .desk-right--0 {
    right: 0
  }

  .desk-top--0 {
    top: 0
  }

  .desk-bottom--0 {
    bottom: 0
  }

  .desk-left--auto {
    left: auto
  }

  .desk-right--auto {
    right: auto
  }

  .desk-top--auto {
    top: auto
  }

  .desk-bottom--auto {
    bottom: auto
  }

  .desk-all--text--center,
  .desk-all--text--center *,
  .desk-text--center {
    text-align: center
  }

  .desk-all--text--left,
  .desk-all--text--left *,
  .desk-text--left {
    text-align: left
  }

  .desk-all--text--right,
  .desk-all--text--right *,
  .desk-text--right {
    text-align: right
  }

  .desk-all--valign--top,
  .desk-all--valign--top *,
  .desk-valign--top {
    vertical-align: top
  }

  .desk-all--valign--bottom,
  .desk-all--valign--bottom *,
  .desk-valign--bottom {
    vertical-align: bottom
  }

  .desk-all--valign--middle,
  .desk-all--valign--middle *,
  .desk-valign--middle {
    vertical-align: middle
  }

  .desk-float--center {
    display: block;
    margin: 0 auto 25px;
    float: none;
    text-align: center
  }

  .desk-float--left,
  .desk-float--right {
    margin-bottom: 25px;
    max-width: 25% !important
  }

  .desk-float--left {
    margin-right: 25px;
    float: left
  }

  .desk-float--right {
    margin-left: 25px;
    float: right
  }

  .desk-overflow--auto {
    overflow: auto !important
  }

  .desk-overflow--hidden {
    overflow: hidden !important
  }

  .desk-overflow-x--hidden {
    overflow-x: hidden !important
  }

  .desk-overflow-y--hidden {
    overflow-y: hidden !important
  }

  .desk-overflow--visible {
    overflow: visible !important
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {
  .lap-block {
    display: block !important
  }

  .lap-table {
    display: table !important
  }

  .lap-inline {
    display: inline !important
  }

  .lap-inline-block {
    display: inline-block !important
  }

  .lap-absolute {
    position: absolute !important
  }

  .lap-relative {
    position: relative !important
  }

  .lap-left--0 {
    left: 0
  }

  .lap-right--0 {
    right: 0
  }

  .lap-top--0 {
    top: 0
  }

  .lap-bottom--0 {
    bottom: 0
  }

  .lap-left--auto {
    left: auto
  }

  .lap-right--auto {
    right: auto
  }

  .lap-top--auto {
    top: auto
  }

  .lap-bottom--auto {
    bottom: auto
  }

  .lap-all--text--center,
  .lap-all--text--center *,
  .lap-text--center {
    text-align: center
  }

  .lap-all--text--left,
  .lap-all--text--left *,
  .lap-text--left {
    text-align: left
  }

  .lap-all--text--right,
  .lap-all--text--right *,
  .lap-text--right {
    text-align: right
  }

  .lap-all--valign--top,
  .lap-all--valign--top *,
  .lap-valign--top {
    vertical-align: top
  }

  .lap-all--valign--bottom,
  .lap-all--valign--bottom *,
  .lap-valign--bottom {
    vertical-align: bottom
  }

  .lap-all--valign--middle,
  .lap-all--valign--middle *,
  .lap-valign--middle {
    vertical-align: middle
  }

  .lap-float--center {
    display: block;
    margin: 0 auto 25px;
    float: none;
    text-align: center
  }

  .lap-float--left,
  .lap-float--right {
    margin-bottom: 25px;
    max-width: 25% !important
  }

  .lap-float--left {
    margin-right: 25px;
    float: left
  }

  .lap-float--right {
    margin-left: 25px;
    float: right
  }

  .lap-overflow--auto {
    overflow: auto !important
  }

  .lap-overflow--hidden {
    overflow: hidden !important
  }

  .lap-overflow-x--hidden {
    overflow-x: hidden !important
  }

  .lap-overflow-y--hidden {
    overflow-y: hidden !important
  }

  .lap-overflow--visible {
    overflow: visible !important
  }
}

@media screen and (min-width:1024px) {
  .lap-and-up-block {
    display: block !important
  }

  .lap-and-up-table {
    display: table !important
  }

  .lap-and-up-inline {
    display: inline !important
  }

  .lap-and-up-inline-block {
    display: inline-block !important
  }

  .lap-and-up-absolute {
    position: absolute !important
  }

  .lap-and-up-relative {
    position: relative !important
  }

  .lap-and-up-left--0 {
    left: 0
  }

  .lap-and-up-right--0 {
    right: 0
  }

  .lap-and-up-top--0 {
    top: 0
  }

  .lap-and-up-bottom--0 {
    bottom: 0
  }

  .lap-and-up-left--auto {
    left: auto
  }

  .lap-and-up-right--auto {
    right: auto
  }

  .lap-and-up-top--auto {
    top: auto
  }

  .lap-and-up-bottom--auto {
    bottom: auto
  }

  .lap-and-up-all--text--center,
  .lap-and-up-all--text--center *,
  .lap-and-up-text--center {
    text-align: center
  }

  .lap-and-up-all--text--left,
  .lap-and-up-all--text--left *,
  .lap-and-up-text--left {
    text-align: left
  }

  .lap-and-up-all--text--right,
  .lap-and-up-all--text--right *,
  .lap-and-up-text--right {
    text-align: right
  }

  .lap-and-up-all--valign--top,
  .lap-and-up-all--valign--top *,
  .lap-and-up-valign--top {
    vertical-align: top
  }

  .lap-and-up-all--valign--bottom,
  .lap-and-up-all--valign--bottom *,
  .lap-and-up-valign--bottom {
    vertical-align: bottom
  }

  .lap-and-up-all--valign--middle,
  .lap-and-up-all--valign--middle *,
  .lap-and-up-valign--middle {
    vertical-align: middle
  }

  .lap-and-up-float--center {
    display: block;
    margin: 0 auto 25px;
    float: none;
    text-align: center
  }

  .lap-and-up-float--left {
    margin-right: 25px;
    margin-bottom: 25px;
    float: left;
    max-width: 25% !important
  }

  .lap-and-up-float--right {
    margin-left: 25px;
    margin-bottom: 25px;
    float: right;
    max-width: 25% !important
  }

  .lap-and-up-overflow--auto {
    overflow: auto !important
  }

  .lap-and-up-overflow--hidden {
    overflow: hidden !important
  }

  .lap-and-up-overflow-x--hidden {
    overflow-x: hidden !important
  }

  .lap-and-up-overflow-y--hidden {
    overflow-y: hidden !important
  }

  .lap-and-up-overflow--visible {
    overflow: visible !important
  }
}

@media screen and (max-width:1023px) {
  .portable-block {
    /*  display: block !important*/
  }

  .portable-table {
    display: table !important
  }

  .portable-inline {
    display: inline !important
  }

  .portable-inline-block {
    display: inline-block !important
  }

  .portable-absolute {
    position: absolute !important
  }

  .portable-relative {
    position: relative !important
  }

  .portable-left--0 {
    left: 0
  }

  .portable-right--0 {
    right: 0
  }

  .portable-top--0 {
    top: 0
  }

  .portable-bottom--0 {
    bottom: 0
  }

  .portable-left--auto {
    left: auto
  }

  .portable-right--auto {
    right: auto
  }

  .portable-top--auto {
    top: auto
  }

  .portable-bottom--auto {
    bottom: auto
  }

  .portable-all--text--center,
  .portable-all--text--center *,
  .portable-text--center {
    text-align: center
  }

  .portable-all--text--left,
  .portable-all--text--left *,
  .portable-text--left {
    text-align: left
  }

  .portable-all--text--right,
  .portable-all--text--right *,
  .portable-text--right {
    text-align: right
  }

  .portable-all--valign--top,
  .portable-all--valign--top *,
  .portable-valign--top {
    vertical-align: top
  }

  .portable-all--valign--bottom,
  .portable-all--valign--bottom *,
  .portable-valign--bottom {
    vertical-align: bottom
  }

  .portable-all--valign--middle,
  .portable-all--valign--middle *,
  .portable-valign--middle {
    vertical-align: middle
  }

  .portable-float--center {
    display: block;
    margin: 0 auto 25px;
    float: none;
    text-align: center
  }

  .portable-float--left {
    margin-right: 25px;
    margin-bottom: 25px;
    float: left;
    max-width: 25% !important
  }

  .portable-float--right {
    margin-left: 25px;
    margin-bottom: 25px;
    float: right;
    max-width: 25% !important
  }

  .portable-overflow--auto {
    overflow: auto !important
  }

  .portable-overflow--hidden {
    overflow: hidden !important
  }

  .portable-overflow-x--hidden {
    overflow-x: hidden !important
  }

  .portable-overflow-y--hidden {
    overflow-y: hidden !important
  }

  .portable-overflow--visible {
    overflow: visible !important
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {
  .tablet-block {
    display: block !important
  }

  .tablet-table {
    display: table !important
  }

  .tablet-inline {
    display: inline !important
  }

  .tablet-inline-block {
    display: inline-block !important
  }

  .tablet-absolute {
    position: absolute !important
  }

  .tablet-relative {
    position: relative !important
  }

  .tablet-left--0 {
    left: 0
  }

  .tablet-right--0 {
    right: 0
  }

  .tablet-top--0 {
    top: 0
  }

  .tablet-bottom--0 {
    bottom: 0
  }

  .tablet-left--auto {
    left: auto
  }

  .tablet-right--auto {
    right: auto
  }

  .tablet-top--auto {
    top: auto
  }

  .tablet-bottom--auto {
    bottom: auto
  }

  .tablet-all--text--center,
  .tablet-all--text--center *,
  .tablet-text--center {
    text-align: center
  }

  .tablet-all--text--left,
  .tablet-all--text--left *,
  .tablet-text--left {
    text-align: left
  }

  .tablet-all--text--right,
  .tablet-all--text--right *,
  .tablet-text--right {
    text-align: right
  }

  .tablet-all--valign--top,
  .tablet-all--valign--top *,
  .tablet-valign--top {
    vertical-align: top
  }

  .tablet-all--valign--bottom,
  .tablet-all--valign--bottom *,
  .tablet-valign--bottom {
    vertical-align: bottom
  }

  .tablet-all--valign--middle,
  .tablet-all--valign--middle *,
  .tablet-valign--middle {
    vertical-align: middle
  }

  .tablet-float--center {
    display: block;
    margin: 0 auto 25px;
    float: none;
    text-align: center
  }

  .tablet-float--left,
  .tablet-float--right {
    margin-bottom: 25px;
    max-width: 25% !important
  }

  .tablet-float--left {
    margin-right: 25px;
    float: left
  }

  .tablet-float--right {
    margin-left: 25px;
    float: right
  }

  .tablet-overflow--auto {
    overflow: auto !important
  }

  .tablet-overflow--hidden {
    overflow: hidden !important
  }

  .tablet-overflow-x--hidden {
    overflow-x: hidden !important
  }

  .tablet-overflow-y--hidden {
    overflow-y: hidden !important
  }

  .tablet-overflow--visible {
    overflow: visible !important
  }
}

@media screen and (max-width:679px) {
  .palm-block {
    display: block !important
  }

  .palm-table {
    display: table !important
  }

  .palm-inline {
    display: inline !important
  }

  .palm-inline-block {
    display: inline-block !important
  }

  .palm-absolute {
    position: absolute !important
  }

  .palm-relative {
    position: relative !important
  }

  .palm-left--0 {
    left: 0
  }

  .palm-right--0 {
    right: 0
  }

  .palm-top--0 {
    top: 0
  }

  .palm-bottom--0 {
    bottom: 0
  }

  .palm-left--auto {
    left: auto
  }

  .palm-right--auto {
    right: auto
  }

  .palm-top--auto {
    top: auto
  }

  .palm-bottom--auto {
    bottom: auto
  }

  .palm-all--text--center,
  .palm-all--text--center *,
  .palm-text--center {
    text-align: center
  }

  .palm-all--text--left,
  .palm-all--text--left *,
  .palm-text--left {
    text-align: left
  }

  .palm-all--text--right,
  .palm-all--text--right *,
  .palm-text--right {
    text-align: right
  }

  .palm-all--valign--top,
  .palm-all--valign--top *,
  .palm-valign--top {
    vertical-align: top
  }

  .palm-all--valign--bottom,
  .palm-all--valign--bottom *,
  .palm-valign--bottom {
    vertical-align: bottom
  }

  .palm-all--valign--middle,
  .palm-all--valign--middle *,
  .palm-valign--middle {
    vertical-align: middle
  }

  .palm-float--center {
    display: block;
    margin: 0 auto 25px;
    float: none;
    text-align: center
  }

  .palm-float--left,
  .palm-float--right {
    margin-bottom: 25px;
    max-width: 25% !important
  }

  .palm-float--left {
    margin-right: 25px;
    float: left
  }

  .palm-float--right {
    margin-left: 25px;
    float: right
  }

  .palm-overflow--auto {
    overflow: auto !important
  }

  .palm-overflow--hidden {
    overflow: hidden !important
  }

  .palm-overflow-x--hidden {
    overflow-x: hidden !important
  }

  .palm-overflow-y--hidden {
    overflow-y: hidden !important
  }

  .palm-overflow--visible {
    overflow: visible !important
  }

  .palm-visuallyhidden,
  html.device--touch .palm-touch-visuallyhidden {
    display: none !important
  }
}

.visuallyhidden,
html.device--touch .touch-visuallyhidden {
  display: none !important
}

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

  .desk-visuallyhidden,
  html.device--touch .desk-touch-visuallyhidden {
    display: none !important
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {

  .lap-visuallyhidden,
  html.device--touch .lap-touch-visuallyhidden {
    display: none !important
  }
}

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

  .lap-and-up-visuallyhidden,
  html.device--touch .lap-and-up-touch-visuallyhidden {
    display: none !important
  }
}

@media screen and (max-width:1023px) {

  .portable-visuallyhidden,
  html.device--touch .portable-touch-visuallyhidden {
    display: none !important
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {

  .tablet-visuallyhidden,
  html.device--touch .tablet-touch-visuallyhidden {
    display: none !important
  }
}

html.no-opacity .desk-visuallyhidden,
html.no-opacity .lap-and-up-visuallyhidden,
html.no-opacity .lap-visuallyhidden {
  display: none
}

.z-index--0 {
  z-index: 0 !important
}

.z-index--1 {
  z-index: 1 !important
}

.z-index--2 {
  z-index: 2 !important
}

.z-index--3 {
  z-index: 3 !important
}

.z-index--4 {
  z-index: 4 !important
}

.z-index--5 {
  z-index: 5 !important
}

.z-index--6 {
  z-index: 6 !important
}

.z-index--7 {
  z-index: 7 !important
}

.z-index--8 {
  z-index: 8 !important
}

.z-index--9 {
  z-index: 9 !important
}

.z-index--10 {
  z-index: 10 !important
}

.z-index--11 {
  z-index: 11 !important
}

.z-index--12 {
  z-index: 12 !important
}

.z-index--13 {
  z-index: 13 !important
}

.z-index--14 {
  z-index: 14 !important
}

.z-index--15 {
  z-index: 15 !important
}

.z-index--16 {
  z-index: 16 !important
}

.z-index--17 {
  z-index: 17 !important
}

.z-index--18 {
  z-index: 18 !important
}

.z-index--19 {
  z-index: 19 !important
}

.z-index--20 {
  z-index: 20 !important
}

.z-index--99 {
  z-index: 99 !important
}

.hover--opacity--0:hover,
.opacity--0 {
  opacity: 0 !important;
  filter: alpha(opacity=0)
}

.hover--opacity--5:hover,
.opacity--5 {
  opacity: .05 !important;
  filter: alpha(opacity=5)
}

.hover--opacity--10:hover,
.opacity--10 {
  opacity: .1 !important;
  filter: alpha(opacity=10)
}

.hover--opacity--15:hover,
.opacity--15 {
  opacity: .15 !important;
  filter: alpha(opacity=15)
}

.hover--opacity--20:hover,
.opacity--20 {
  opacity: .2 !important;
  filter: alpha(opacity=20)
}

.hover--opacity--25:hover,
.opacity--25 {
  opacity: .25 !important;
  filter: alpha(opacity=25)
}

.hover--opacity--30:hover,
.opacity--30 {
  opacity: .3 !important;
  filter: alpha(opacity=30)
}

.hover--opacity--35:hover,
.opacity--35 {
  opacity: .35 !important;
  filter: alpha(opacity=35)
}

.hover--opacity--40:hover,
.opacity--40 {
  opacity: .4 !important;
  filter: alpha(opacity=40)
}

.hover--opacity--45:hover,
.opacity--45 {
  opacity: .45 !important;
  filter: alpha(opacity=45)
}

.hover--opacity--50:hover,
.opacity--50 {
  opacity: .5 !important;
  filter: alpha(opacity=50)
}

.hover--opacity--55:hover,
.opacity--55 {
  opacity: .55 !important;
  filter: alpha(opacity=55)
}

.hover--opacity--60:hover,
.opacity--60 {
  opacity: .6 !important;
  filter: alpha(opacity=60)
}

.hover--opacity--65:hover,
.opacity--65 {
  opacity: .65 !important;
  filter: alpha(opacity=65)
}

.hover--opacity--70:hover,
.opacity--70 {
  opacity: .7 !important;
  filter: alpha(opacity=70)
}

.hover--opacity--75:hover,
.opacity--75 {
  opacity: .75 !important;
  filter: alpha(opacity=75)
}

.hover--opacity--80:hover,
.opacity--80 {
  opacity: .8 !important;
  filter: alpha(opacity=80)
}

.hover--opacity--85:hover,
.opacity--85 {
  opacity: .85 !important;
  filter: alpha(opacity=85)
}

.hover--opacity--90:hover,
.opacity--90 {
  opacity: .9 !important;
  filter: alpha(opacity=90)
}

.hover--opacity--95:hover,
.opacity--95 {
  opacity: .95 !important;
  filter: alpha(opacity=95)
}

.hover--opacity--100:hover,
.opacity--100 {
  opacity: 1 !important;
  filter: alpha(opacity=100)
}

.hover--cursor:hover,
.hover--pointer:hover {
  cursor: pointer
}

.width--0 {
  width: 0
}

.height--0 {
  height: 0;
  line-height: 0
}

.width--5 {
  width: 5px
}

.height--5 {
  height: 5px;
  line-height: 5px
}

.width--10 {
  width: 10px
}

.height--10 {
  height: 10px;
  line-height: 10px
}

.width--15 {
  width: 15px
}

.height--15 {
  height: 15px;
  line-height: 15px
}

.width--20 {
  width: 20px
}

.height--20 {
  height: 20px;
  line-height: 20px
}

.width--25 {
  width: 25px
}

.height--25 {
  height: 25px;
  line-height: 25px
}

.width--30 {
  width: 30px
}

.height--30 {
  height: 30px;
  line-height: 30px
}

.width--35 {
  width: 35px
}

.height--35 {
  height: 35px;
  line-height: 35px
}

.width--40 {
  width: 40px
}

.height--40 {
  height: 40px;
  line-height: 40px
}

.width--45 {
  width: 45px
}

.height--45 {
  height: 45px;
  line-height: 45px
}

.width--50 {
  width: 50px
}

.height--50 {
  height: 50px;
  line-height: 50px
}

.width--55 {
  width: 55px
}

.height--55 {
  height: 55px;
  line-height: 55px
}

.width--60 {
  width: 60px
}

.height--60 {
  height: 60px;
  line-height: 60px
}

.width--65 {
  width: 65px
}

.height--65 {
  height: 65px;
  line-height: 65px
}

.width--70 {
  width: 70px
}

.height--70 {
  height: 70px;
  line-height: 70px
}

.width--75 {
  width: 75px
}

.height--75 {
  height: 75px;
  line-height: 75px
}

.width--80 {
  width: 80px
}

.height--80 {
  height: 80px;
  line-height: 80px
}

.width--85 {
  width: 85px
}

.height--85 {
  height: 85px;
  line-height: 85px
}

.width--90 {
  width: 90px
}

.height--90 {
  height: 90px;
  line-height: 90px
}

.width--95 {
  width: 95px
}

.height--95 {
  height: 95px;
  line-height: 95px
}

.width--100 {
  width: 100px
}

.height--100 {
  height: 100px;
  line-height: 100px
}

.max-width--auto {
  max-width: none !important
}

.width--max {
  width: 100% !important
}

.height--max {
  height: 100% !important
}

.width--auto {
  width: auto !important
}

.height--auto {
  height: auto !important
}

@media screen and (min-width:1168px) {
  .desk-max-width--auto {
    max-width: none !important
  }

  .desk-width--max {
    width: 100% !important
  }

  .desk-height--max {
    height: 100% !important
  }

  .desk-width--auto {
    width: auto !important
  }

  .desk-height--auto {
    height: auto !important
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {
  .lap-max-width--auto {
    max-width: none !important
  }

  .lap-width--max {
    width: 100% !important
  }

  .lap-height--max {
    height: 100% !important
  }

  .lap-width--auto {
    width: auto !important
  }

  .lap-height--auto {
    height: auto !important
  }
}

@media screen and (min-width:1024px) {
  .lap-and-up-max-width--auto {
    max-width: none !important
  }

  .lap-and-up-width--max {
    width: 100% !important
  }

  .lap-and-up-height--max {
    height: 100% !important
  }

  .lap-and-up-width--auto {
    width: auto !important
  }

  .lap-and-up-height--auto {
    height: auto !important
  }
}

@media screen and (max-width:1023px) {
  .portable-max-width--auto {
    max-width: none !important
  }

  .portable-width--max {
    width: 100% !important
  }

  .portable-height--max {
    height: 100% !important
  }

  .portable-width--auto {
    width: auto !important
  }

  .portable-height--auto {
    height: auto !important
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {
  .tablet-max-width--auto {
    max-width: none !important
  }

  .tablet-width--max {
    width: 100% !important
  }

  .tablet-height--max {
    height: 100% !important
  }

  .tablet-width--auto {
    width: auto !important
  }

  .tablet-height--auto {
    height: auto !important
  }
}

@media screen and (max-width:679px) {
  .palm-max-width--auto {
    max-width: none !important
  }

  .palm-width--max {
    width: 100% !important
  }

  .palm-height--max {
    height: 100% !important
  }

  .palm-width--auto {
    width: auto !important
  }

  .palm-height--auto {
    height: auto !important
  }
}

.no--bullets,
.no--bullets li,
.no--bullets ul {
  list-style: none !important
}

.no--underline,
.no--underline * {
  text-decoration: none !important
}

.all--underline,
.all--underline *,
.underline {
  text-decoration: underline !important
}

.no--transition,
.no--transition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important
}

span[class*=equalize] {
  display: block
}

.equalize--center {
  opacity: 0;
  -moz-transition: opacity, 1.25s, ease-out;
  -o-transition: opacity, 1.25s, ease-out;
  -webkit-transition: opacity, 1.25s, ease-out;
  transition: opacity, 1.25s, ease-out
}

.mix {
  display: none
}

#production--modal {
  display: inline-block;
  position: fixed !important;
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999997 !important;
  background-color: rgba(20, 20, 20, .85);
  text-align: center;
  -webkit-backface-visibility: hidden
}

#production--modal #production--modal--center {
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

#production--modal #production--modal--grid {
  display: inline-block;
  vertical-align: middle;
  position: relative !important
}

#production--modal #production--modal--grid #production--modal--close--wrapper {
  display: inline-block;
  position: absolute !important;
  z-index: 9999998 !important;
  top: 30px;
  left: 30px;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  text-align: center;
  background: #ababab !important;
  border-bottom: 3px solid #797979;
  border-right: 2px solid #797979;
  box-shadow: 0 0 40px 10px rgba(255, 255, 255, .1);
  -moz-transition: all, .3s, ease-out;
  -o-transition: all, .3s, ease-out;
  -webkit-transition: all, .3s, ease-out;
  transition: all, .3s, ease-out
}

#production--modal #production--modal--grid #production--modal--close--wrapper:hover {
  border-bottom-width: 2px;
  border-right-width: 1px;
  margin-top: 1px;
  margin-left: 1px;
  cursor: pointer;
  box-shadow: 0 0 40px 10px rgba(255, 255, 255, .2)
}

#production--modal #production--modal--grid #production--modal--close--wrapper #production--modal--close {
  position: relative !important;
  z-index: 99999999 !important;
  font-size: 28px;
  color: #fff;
  text-shadow: 0 0 2px rgba(50, 50, 50, .3);
  line-height: 42px
}



@media screen and (-webkit-min-device-pixel-ratio:0) {

  .clamp--1:after,
  .clamp--2:after,
  .clamp--3:after,
  .clamp--4:after,
  .clamp--5:after {
    display: none !important
  }
}

.clamp--1,
.clamp--2,
.clamp--3,
.clamp--4,
.clamp--5 {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
  position: relative
}

.clamp--1:after,
.clamp--2:after,
.clamp--3:after,
.clamp--4:after,
.clamp--5:after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute
}

.clamp--1 {
  -webkit-line-clamp: 1;
  height: calc(1em * 1.5 * 1);
  max-height: calc(1em * 1.5 * 1)
}

.clamp--1:after {
  height: calc(1em * 1.5)
}

.clamp--2 {
  -webkit-line-clamp: 2;
  height: calc(1em * 1.5 * 2);
  max-height: calc(1em * 1.5 * 2)
}

.clamp--2:after {
  height: calc(1em * 1.5)
}

.clamp--3 {
  -webkit-line-clamp: 3;
  height: calc(1em * 1.5 * 3);
  max-height: calc(1em * 1.5 * 3)
}

.clamp--3:after {
  height: calc(1em * 1.5)
}

.clamp--4 {
  -webkit-line-clamp: 4;
  height: calc(1em * 1.5 * 4);
  max-height: calc(1em * 1.5 * 4)
}

.clamp--4:after {
  height: calc(1em * 1.5)
}

.clamp--5 {
  -webkit-line-clamp: 5;
  height: calc(1em * 1.5 * 5);
  max-height: calc(1em * 1.5 * 5)
}

.clamp--5:after {
  height: calc(1em * 1.5)
}

.all--btn .hs-cta-wrapper a,
.all--btn form.hs-form .hs_submit input.hs-button,
.btn {
  display: inline-block;
  color: #fff;
  text-align: center;

  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 3px;
  padding: 15px 20px;
  border-radius: 0;
  width: auto;
  max-width: 100%;
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow: none !important;
  background-image: none !important;
  outline: 0 !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important
}

.all--btn .hs-cta-wrapper a:hover,
.all--btn form.hs-form .hs_submit input.hs-button:hover,
.btn:hover {
  cursor: pointer;
  color: #fff
}

a.cta_button.btn {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important
}

.all--btn--pill .hs-cta-wrapper a,
.all--btn--pill form.hs-form .hs_submit input.hs-button,
.btn--pill {
  border-radius: 9999px !important
}

.all--btn--wide .hs-cta-wrapper a,
.all--btn--wide form.hs-form .hs_submit input.hs-button,
.btn--wide {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%
}

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

  .desk-all--btn--wide .hs-cta-wrapper a,
  .desk-all--btn--wide form.hs-form .hs_submit input.hs-button,
  .desk-btn--wide {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {

  .lap-all--btn--wide .hs-cta-wrapper a,
  .lap-all--btn--wide form.hs-form .hs_submit input.hs-button,
  .lap-btn--wide {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }
}

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

  .lap-and-up-all--btn--wide .hs-cta-wrapper a,
  .lap-and-up-all--btn--wide form.hs-form .hs_submit input.hs-button,
  .lap-and-up-btn--wide {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }
}

@media screen and (max-width:1023px) {

  .portable-all--btn--wide .hs-cta-wrapper a,
  .portable-all--btn--wide form.hs-form .hs_submit input.hs-button,
  .portable-btn--wide {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {

  .tablet-all--btn--wide .hs-cta-wrapper a,
  .tablet-all--btn--wide form.hs-form .hs_submit input.hs-button,
  .tablet-btn--wide {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }
}

@media screen and (max-width:679px) {

  .palm-all--btn--wide .hs-cta-wrapper a,
  .palm-all--btn--wide form.hs-form .hs_submit input.hs-button,
  .palm-btn--wide {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .palm-all--btn--narrow .hs-cta-wrapper a,
  .palm-all--btn--narrow form.hs-form .hs_submit input.hs-button,
  .palm-btn--narrow {
    display: inline-block;
    width: auto;
    min-width: 0
  }
}

.all--btn--narrow .hs-cta-wrapper a,
.all--btn--narrow form.hs-form .hs_submit input.hs-button,
.btn--narrow {
  display: inline-block;
  width: auto;
  min-width: 0
}

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

  .desk-all--btn--narrow .hs-cta-wrapper a,
  .desk-all--btn--narrow form.hs-form .hs_submit input.hs-button,
  .desk-btn--narrow {
    display: inline-block;
    width: auto;
    min-width: 0
  }
}

@media screen and (max-width:1167px) and (min-width:1024px) {

  .lap-all--btn--narrow .hs-cta-wrapper a,
  .lap-all--btn--narrow form.hs-form .hs_submit input.hs-button,
  .lap-btn--narrow {
    display: inline-block;
    width: auto;
    min-width: 0
  }
}

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

  .lap-and-up-all--btn--narrow .hs-cta-wrapper a,
  .lap-and-up-all--btn--narrow form.hs-form .hs_submit input.hs-button,
  .lap-and-up-btn--narrow {
    display: inline-block;
    width: auto;
    min-width: 0
  }
}

@media screen and (max-width:1023px) {

  .portable-all--btn--narrow .hs-cta-wrapper a,
  .portable-all--btn--narrow form.hs-form .hs_submit input.hs-button,
  .portable-btn--narrow {
    display: inline-block;
    width: auto;
    min-width: 0
  }
}

@media screen and (max-width:1023px) and (min-width:680px) {

  .tablet-all--btn--narrow .hs-cta-wrapper a,
  .tablet-all--btn--narrow form.hs-form .hs_submit input.hs-button,
  .tablet-btn--narrow {
    display: inline-block;
    width: auto;
    min-width: 0
  }
}

.all--btn--small .hs-cta-wrapper a,
.all--btn--small form.hs-form .hs_submit input.hs-button,
.btn--small {
  font-size: 14px;
  padding: 11px 15px
}

.all--btn--large .hs-cta-wrapper a,
.all--btn--large form.hs-form .hs_submit input.hs-button,
.btn--large {
  font-size: 23px;
  padding: 19px 25px
}

.all--btn--white .hs-cta-wrapper a,
.all--btn--white form.hs-form .hs_submit input.hs-button,
.btn--white {
  background-color: #fff !important;
  border-color: #fff !important
}

.all--btn--white .hs-cta-wrapper a:hover,
.all--btn--white form.hs-form .hs_submit input.hs-button:hover,
.btn--white:hover {
  border-color: #e6e6e6 !important;
  background-color: #e6e6e6 !important
}

.all--btn--black .hs-cta-wrapper a,
.all--btn--black form.hs-form .hs_submit input.hs-button,
.btn--black {
  background-color: #323232 !important;
  border-color: #323232 !important
}

.all--btn--black .hs-cta-wrapper a:hover,
.all--btn--black form.hs-form .hs_submit input.hs-button:hover,
.btn--black:hover {
  border-color: #191919 !important;
  background-color: #191919 !important
}

.all--btn--orange .hs-cta-wrapper a,
.all--btn--orange form.hs-form .hs_submit input.hs-button,
.btn--orange {
  background-color: #fd4f00 !important;
  border-color: #fd4f00 !important
}

.all--btn--orange .hs-cta-wrapper a:hover,
.all--btn--orange form.hs-form .hs_submit input.hs-button:hover,
.btn--orange:hover {
  border-color: #ca3f00 !important;
  background-color: #ca3f00 !important
}

.all--btn--lightorange .hs-cta-wrapper a,
.all--btn--lightorange form.hs-form .hs_submit input.hs-button,
.btn--lightorange {
  background-color: #ff8300 !important;
  border-color: #ff8300 !important
}

.all--btn--lightorange .hs-cta-wrapper a:hover,
.all--btn--lightorange form.hs-form .hs_submit input.hs-button:hover,
.btn--lightorange:hover {
  border-color: #cc6900 !important;
  background-color: #cc6900 !important
}

.all--btn--grey .hs-cta-wrapper a,
.all--btn--grey form.hs-form .hs_submit input.hs-button,
.btn--grey {
  background-color: #e1e1e1 !important;
  border-color: #e1e1e1 !important
}

.all--btn--grey .hs-cta-wrapper a:hover,
.all--btn--grey form.hs-form .hs_submit input.hs-button:hover,
.btn--grey:hover {
  border-color: #c8c8c8 !important;
  background-color: #c8c8c8 !important
}

.all--btn--darkgrey .hs-cta-wrapper a,
.all--btn--darkgrey form.hs-form .hs_submit input.hs-button,
.btn--darkgrey {
  background-color: #5a5a5a !important;
  border-color: #5a5a5a !important
}

.all--btn--darkgrey .hs-cta-wrapper a:hover,
.all--btn--darkgrey form.hs-form .hs_submit input.hs-button:hover,
.btn--darkgrey:hover {
  border-color: #414141 !important;
  background-color: #414141 !important
}

.all--btn--gray .hs-cta-wrapper a,
.all--btn--gray form.hs-form .hs_submit input.hs-button,
.btn--gray {
  background-color: #3e3e3e !important;
  border-color: #3e3e3e !important
}

.all--btn--gray .hs-cta-wrapper a:hover,
.all--btn--gray form.hs-form .hs_submit input.hs-button:hover,
.btn--gray:hover {
  border-color: #252525 !important;
  background-color: #252525 !important
}

.all--btn--lightgray .hs-cta-wrapper a,
.all--btn--lightgray form.hs-form .hs_submit input.hs-button,
.btn--lightgray {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important
}

.all--btn--lightgray .hs-cta-wrapper a:hover,
.all--btn--lightgray form.hs-form .hs_submit input.hs-button:hover,
.btn--lightgray:hover {
  border-color: #dcdcdc !important;
  background-color: #dcdcdc !important
}

.all--btn--teal .hs-cta-wrapper a,
.all--btn--teal form.hs-form .hs_submit input.hs-button,
.btn--teal {
  background-color: #2CB4B0 !important;
  border-color: #2CB4B0 !important
}

.all--btn--teal .hs-cta-wrapper a:hover,
.all--btn--teal form.hs-form .hs_submit input.hs-button:hover,
.btn--teal:hover {
  border-color: #228b88 !important;
  background-color: #228b88 !important
}

.all--btn--midgrey .hs-cta-wrapper a,
.all--btn--midgrey form.hs-form .hs_submit input.hs-button,
.btn--midgrey {
  background-color: #b8b3b3 !important;
  border-color: #b8b3b3 !important
}

.all--btn--midgrey .hs-cta-wrapper a:hover,
.all--btn--midgrey form.hs-form .hs_submit input.hs-button:hover,
.btn--midgrey:hover {
  border-color: #9f9999 !important;
  background-color: #9f9999 !important
}

.all--btn--primary .hs-cta-wrapper a,
.all--btn--primary form.hs-form .hs_submit input.hs-button,
.btn--primary {
  background-color: #323232 !important;
  border-color: #323232 !important
}

.all--btn--primary .hs-cta-wrapper a:hover,
.all--btn--primary form.hs-form .hs_submit input.hs-button:hover,
.btn--primary:hover {
  border-color: #191919 !important;
  background-color: #191919 !important
}

.all--btn--secondary .hs-cta-wrapper a,
.all--btn--secondary form.hs-form .hs_submit input.hs-button,
.btn--secondary {
  background-color: #323232 !important;
  border-color: #323232 !important
}

.all--btn--secondary .hs-cta-wrapper a:hover,
.all--btn--secondary form.hs-form .hs_submit input.hs-button:hover,
.btn--secondary:hover {
  border-color: #191919 !important;
  background-color: #191919 !important
}

.all--btn--transparent--white .hs-cta-wrapper a,
.all--btn--transparent--white form.hs-form .hs_submit input.hs-button,
.btn--transparent--white {
  background-color: transparent !important;
  color: #fff;
  border-color: #fff !important
}

.all--btn--transparent--white .hs-cta-wrapper a:hover,
.all--btn--transparent--white form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--white:hover {
  background-color: #fff !important;
  color: #fff
}

.all--btn--transparent--black .hs-cta-wrapper a,
.all--btn--transparent--black form.hs-form .hs_submit input.hs-button,
.btn--transparent--black {
  background-color: transparent !important;
  color: #323232;
  border-color: #323232 !important
}

.all--btn--transparent--black .hs-cta-wrapper a:hover,
.all--btn--transparent--black form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--black:hover {
  background-color: #323232 !important;
  color: #fff
}

.all--btn--transparent--orange .hs-cta-wrapper a,
.all--btn--transparent--orange form.hs-form .hs_submit input.hs-button,
.btn--transparent--orange {
  background-color: transparent !important;
  color: #fd4f00;
  border-color: #fd4f00 !important
}

.all--btn--transparent--orange .hs-cta-wrapper a:hover,
.all--btn--transparent--orange form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--orange:hover {
  background-color: #fd4f00 !important;
  color: #fff
}

.all--btn--transparent--lightorange .hs-cta-wrapper a,
.all--btn--transparent--lightorange form.hs-form .hs_submit input.hs-button,
.btn--transparent--lightorange {
  background-color: transparent !important;
  color: #ff8300;
  border-color: #ff8300 !important
}

.all--btn--transparent--lightorange .hs-cta-wrapper a:hover,
.all--btn--transparent--lightorange form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--lightorange:hover {
  background-color: #ff8300 !important;
  color: #fff
}

.all--btn--transparent--grey .hs-cta-wrapper a,
.all--btn--transparent--grey form.hs-form .hs_submit input.hs-button,
.btn--transparent--grey {
  background-color: transparent !important;
  color: #e1e1e1;
  border-color: #e1e1e1 !important
}

.all--btn--transparent--grey .hs-cta-wrapper a:hover,
.all--btn--transparent--grey form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--grey:hover {
  background-color: #e1e1e1 !important;
  color: #fff
}

.all--btn--transparent--darkgrey .hs-cta-wrapper a,
.all--btn--transparent--darkgrey form.hs-form .hs_submit input.hs-button,
.btn--transparent--darkgrey {
  background-color: transparent !important;
  color: #5a5a5a;
  border-color: #5a5a5a !important
}

.all--btn--transparent--darkgrey .hs-cta-wrapper a:hover,
.all--btn--transparent--darkgrey form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--darkgrey:hover {
  background-color: #5a5a5a !important;
  color: #fff
}

.all--btn--transparent--gray .hs-cta-wrapper a,
.all--btn--transparent--gray form.hs-form .hs_submit input.hs-button,
.btn--transparent--gray {
  background-color: transparent !important;
  color: #3e3e3e;
  border-color: #3e3e3e !important
}

.all--btn--transparent--gray .hs-cta-wrapper a:hover,
.all--btn--transparent--gray form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--gray:hover {
  background-color: #3e3e3e !important;
  color: #fff
}

.all--btn--transparent--lightgray .hs-cta-wrapper a,
.all--btn--transparent--lightgray form.hs-form .hs_submit input.hs-button,
.btn--transparent--lightgray {
  background-color: transparent !important;
  color: #f5f5f5;
  border-color: #f5f5f5 !important
}

.all--btn--transparent--lightgray .hs-cta-wrapper a:hover,
.all--btn--transparent--lightgray form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--lightgray:hover {
  background-color: #f5f5f5 !important;
  color: #fff
}

.all--btn--transparent--teal .hs-cta-wrapper a,
.all--btn--transparent--teal form.hs-form .hs_submit input.hs-button,
.btn--transparent--teal {
  background-color: transparent !important;
  color: #2CB4B0;
  border-color: #2CB4B0 !important
}

.all--btn--transparent--teal .hs-cta-wrapper a:hover,
.all--btn--transparent--teal form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--teal:hover {
  background-color: #2CB4B0 !important;
  color: #fff
}

.all--btn--transparent--midgrey .hs-cta-wrapper a,
.all--btn--transparent--midgrey form.hs-form .hs_submit input.hs-button,
.btn--transparent--midgrey {
  background-color: transparent !important;
  color: #b8b3b3;
  border-color: #b8b3b3 !important
}

.all--btn--transparent--midgrey .hs-cta-wrapper a:hover,
.all--btn--transparent--midgrey form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--midgrey:hover {
  background-color: #b8b3b3 !important;
  color: #fff
}

.all--btn--transparent--primary .hs-cta-wrapper a,
.all--btn--transparent--primary form.hs-form .hs_submit input.hs-button,
.btn--transparent--primary {
  background-color: transparent !important;
  color: #323232;
  border-color: #323232 !important
}

.all--btn--transparent--primary .hs-cta-wrapper a:hover,
.all--btn--transparent--primary form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--primary:hover {
  background-color: #323232 !important;
  color: #fff
}

.all--btn--transparent--secondary .hs-cta-wrapper a,
.all--btn--transparent--secondary form.hs-form .hs_submit input.hs-button,
.btn--transparent--secondary {
  background-color: transparent !important;
  color: #323232;
  border-color: #323232 !important
}

.all--btn--transparent--secondary .hs-cta-wrapper a:hover,
.all--btn--transparent--secondary form.hs-form .hs_submit input.hs-button:hover,
.btn--transparent--secondary:hover {
  background-color: #323232 !important;
  color: #fff
}

.background--placeholder {
  background: url(http://placehold.it/350x150) center center;
  background-size: cover
}

.background--hero {
  background: url(http://timothyostheimer.com/images/backgrounds/builder.jpg) center center no-repeat;
  background-size: cover
}

.background--skyline {
  background: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/skyline-background.png) center center no-repeat;
  background-size: cover
}

.background--cover {
  background-size: cover !important
}

.background--contain {
  background-size: contain !important
}

.all--color--white,
.all--color--white *,
.color--white {
  color: #fff !important
}

.background--white {
  background-color: #fff
}

.border--white {
  border-color: #fff
}

.all--color--black,
.all--color--black *,
.color--black {
  color: #323232 !important
}

.background--black {
  background-color: #323232
}

.border--black {
  border-color: #323232
}

.all--color--orange,
.all--color--orange *,
.color--orange {
  color: #fd4f00 !important
}

.background--orange {
  background-color: #fd4f00
}

.border--orange {
  border-color: #fd4f00
}

.all--color--lightorange,
.all--color--lightorange *,
.color--lightorange {
  color: #ff8300 !important
}

.background--lightorange {
  background-color: #ff8300
}

.border--lightorange {
  border-color: #ff8300
}

.all--color--grey,
.all--color--grey *,
.color--grey {
  color: #e1e1e1 !important
}

.background--grey {
  background-color: #e1e1e1
}

.border--grey {
  border-color: #e1e1e1
}

.all--color--darkgrey,
.all--color--darkgrey *,
.color--darkgrey {
  color: #5a5a5a !important
}

.background--darkgrey {
  background-color: #5a5a5a
}

.border--darkgrey {
  border-color: #5a5a5a
}

.all--color--gray,
.all--color--gray *,
.color--gray {
  color: #3e3e3e !important
}

.background--gray {
  background-color: #3e3e3e
}

.border--gray {
  border-color: #3e3e3e
}

.all--color--lightgray,
.all--color--lightgray *,
.color--lightgray {
  color: #f5f5f5 !important
}

.background--lightgray {
  background-color: #f5f5f5
}

.border--lightgray {
  border-color: #f5f5f5
}

.all--color--teal,
.all--color--teal *,
.color--teal {
  color: #2CB4B0 !important
}

.background--teal {
  background-color: #2CB4B0
}

.border--teal {
  border-color: #2CB4B0
}

.all--color--midgrey,
.all--color--midgrey *,
.color--midgrey {
  color: #b8b3b3 !important
}

.all--color--primary,
.all--color--primary *,
.all--color--secondary,
.all--color--secondary *,
.color--primary,
.color--secondary {
  color: #323232 !important
}

.background--midgrey {
  background-color: #b8b3b3
}

.background--primary,
.background--secondary {
  background-color: #323232
}

.border--midgrey {
  border-color: #b8b3b3
}

.border--primary,
.border--secondary {
  border-color: #323232
}

.border--transparent {
  border-color: transparent
}

.all--color--facebook,
.all--color--facebook *,
.color--facebook {
  color: #395697
}

.background--facebook {
  background-color: #395697
}

.border--facebook {
  border-color: #395697
}

.all--color--twitter,
.all--color--twitter *,
.color--twitter {
  color: #50aee1
}

.background--twitter {
  background-color: #50aee1
}

.border--twitter {
  border-color: #50aee1
}

.all--color--linkedin,
.all--color--linkedin *,
.color--linkedin {
  color: #007bb6
}

.background--linkedin {
  background-color: #007bb6
}

.border--linkedin {
  border-color: #007bb6
}

.all--color--google,
.all--color--google *,
.color--google {
  color: #dd4b39
}

.background--google {
  background-color: #dd4b39
}

.border--google {
  border-color: #dd4b39
}

.all--color--youtube,
.all--color--youtube *,
.color--youtube {
  color: #b00
}

.background--youtube {
  background-color: #b00
}

.border--youtube {
  border-color: #b00
}

.all--color--instagram,
.all--color--instagram *,
.color--instagram {
  color: #125688
}

.background--instagram {
  background-color: #125688
}

.border--instagram {
  border-color: #125688
}

.all--color--pinterest,
.all--color--pinterest *,
.color--pinterest {
  color: #cb2027
}

.background--pinterest {
  background-color: #cb2027
}

.border--pinterest {
  border-color: #cb2027
}

.all--color--dribbble,
.all--color--dribbble *,
.color--dribbble {
  color: #ef558f
}

h1,
h2,
h4,
span.h1,
span.h2,
span.h4 {
  font-weight: 700;
  color: #323232
}

.background--dribbble {
  background-color: #ef558f
}

.border--dribbble {
  border-color: #ef558f
}

.border--0 {
  border-style: solid;
  border-width: 0
}

.border--top--0 {
  border-style: solid;
  border-top-width: 0 !important
}

.border--bottom--0 {
  border-style: solid;
  border-bottom-width: 0 !important
}

.border--left--0 {
  border-style: solid;
  border-left-width: 0 !important
}

.border--right--0 {
  border-style: solid;
  border-right-width: 0 !important
}

.border--1 {
  border-style: solid;
  border-width: 1px
}

.border--top--1 {
  border-style: solid;
  border-top-width: 1px !important
}

.border--bottom--1 {
  border-style: solid;
  border-bottom-width: 1px !important
}

.border--left--1 {
  border-style: solid;
  border-left-width: 1px !important
}

.border--right--1 {
  border-style: solid;
  border-right-width: 1px !important
}

.border--2 {
  border-style: solid;
  border-width: 2px
}

.border--top--2 {
  border-style: solid;
  border-top-width: 2px !important
}

.border--bottom--2 {
  border-style: solid;
  border-bottom-width: 2px !important
}

.border--left--2 {
  border-style: solid;
  border-left-width: 2px !important
}

.border--right--2 {
  border-style: solid;
  border-right-width: 2px !important
}

.border--3 {
  border-style: solid;
  border-width: 3px
}

.border--top--3 {
  border-style: solid;
  border-top-width: 3px !important
}

.border--bottom--3 {
  border-style: solid;
  border-bottom-width: 3px !important
}

.border--left--3 {
  border-style: solid;
  border-left-width: 3px !important
}

.border--right--3 {
  border-style: solid;
  border-right-width: 3px !important
}

.border--4 {
  border-style: solid;
  border-width: 4px
}

.border--top--4 {
  border-style: solid;
  border-top-width: 4px !important
}

.border--bottom--4 {
  border-style: solid;
  border-bottom-width: 4px !important
}

.border--left--4 {
  border-style: solid;
  border-left-width: 4px !important
}

.border--right--4 {
  border-style: solid;
  border-right-width: 4px !important
}

.border--5 {
  border-style: solid;
  border-width: 5px
}

.border--top--5 {
  border-style: solid;
  border-top-width: 5px !important
}

.border--bottom--5 {
  border-style: solid;
  border-bottom-width: 5px !important
}

.border--left--5 {
  border-style: solid;
  border-left-width: 5px !important
}

.border--right--5 {
  border-style: solid;
  border-right-width: 5px !important
}

.border--6 {
  border-style: solid;
  border-width: 6px
}

.border--top--6 {
  border-style: solid;
  border-top-width: 6px !important
}

.border--bottom--6 {
  border-style: solid;
  border-bottom-width: 6px !important
}

.border--left--6 {
  border-style: solid;
  border-left-width: 6px !important
}

.border--right--6 {
  border-style: solid;
  border-right-width: 6px !important
}

.border--7 {
  border-style: solid;
  border-width: 7px
}

.border--top--7 {
  border-style: solid;
  border-top-width: 7px !important
}

.border--bottom--7 {
  border-style: solid;
  border-bottom-width: 7px !important
}

.border--left--7 {
  border-style: solid;
  border-left-width: 7px !important
}

.border--right--7 {
  border-style: solid;
  border-right-width: 7px !important
}

.border--8 {
  border-style: solid;
  border-width: 8px
}

.border--top--8 {
  border-style: solid;
  border-top-width: 8px !important
}

.border--bottom--8 {
  border-style: solid;
  border-bottom-width: 8px !important
}

.border--left--8 {
  border-style: solid;
  border-left-width: 8px !important
}

.border--right--8 {
  border-style: solid;
  border-right-width: 8px !important
}

.border--9 {
  border-style: solid;
  border-width: 9px
}

.border--top--9 {
  border-style: solid;
  border-top-width: 9px !important
}

.border--bottom--9 {
  border-style: solid;
  border-bottom-width: 9px !important
}

.border--left--9 {
  border-style: solid;
  border-left-width: 9px !important
}

.border--right--9 {
  border-style: solid;
  border-right-width: 9px !important
}

.border--10 {
  border-style: solid;
  border-width: 10px
}

.border--top--10 {
  border-style: solid;
  border-top-width: 10px !important
}

.border--bottom--10 {
  border-style: solid;
  border-bottom-width: 10px !important
}

.border--left--10 {
  border-style: solid;
  border-left-width: 10px !important
}

.border--right--10 {
  border-style: solid;
  border-right-width: 10px !important
}

.border-radius--0 {
  border-radius: 0
}

.border-radius--1 {
  border-radius: 1px
}

.border-radius--2 {
  border-radius: 2px
}

.border-radius--3 {
  border-radius: 3px
}

.border-radius--4 {
  border-radius: 4px
}

.border-radius--5 {
  border-radius: 5px
}

.border-radius--6 {
  border-radius: 6px
}

.border-radius--7 {
  border-radius: 7px
}

.border-radius--8 {
  border-radius: 8px
}

.border-radius--9 {
  border-radius: 9px
}

.border-radius--10 {
  border-radius: 10px
}

.border-radius--circle {
  border-radius: 50%
}

.border-radius--pill {
  border-radius: 9999px
}

.font--heading,
.font--heading *,
.font--reading,
.font--reading *,
.font--roboto,
.font--roboto * {

}

h1,
h2,
h3,
h4,
h5,
h6,
span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6 {

}

.font--0,
.font--0 * {
  font-size: 0 !important
}

.font--1,
.font--1 * {
  font-size: 1px !important
}

.font--2,
.font--2 * {
  font-size: 2px !important
}

.font--3,
.font--3 * {
  font-size: 3px !important
}

.font--4,
.font--4 * {
  font-size: 4px !important
}

.font--5,
.font--5 * {
  font-size: 5px !important
}

.font--6,
.font--6 * {
  font-size: 6px !important
}

.font--7,
.font--7 * {
  font-size: 7px !important
}

.font--8,
.font--8 * {
  font-size: 8px !important
}

.font--9,
.font--9 * {
  font-size: 9px !important
}

.font--10,
.font--10 * {
  font-size: 10px !important
}

.font--11,
.font--11 * {
  font-size: 11px !important
}

.font--12,
.font--12 * {
  font-size: 12px !important
}

.font--13,
.font--13 * {
  font-size: 13px !important
}

.font--14,
.font--14 * {
  font-size: 14px !important
}

.font--15,
.font--15 * {
  font-size: 15px !important
}

.font--16,
.font--16 * {
  font-size: 16px !important
}

.font--17,
.font--17 * {
  font-size: 17px !important
}

.font--18,
.font--18 * {
  font-size: 18px !important
}

.font--19,
.font--19 * {
  font-size: 19px !important
}

.font--20,
.font--20 * {
  font-size: 20px !important
}

.font--21,
.font--21 * {
  font-size: 21px !important
}

.font--22,
.font--22 * {
  font-size: 22px !important
}

.font--23,
.font--23 * {
  font-size: 23px !important
}

.font--24,
.font--24 * {
  font-size: 24px !important
}

.font--25,
.font--25 * {
  font-size: 25px !important
}

.font--26,
.font--26 * {
  font-size: 26px !important
}

.font--27,
.font--27 * {
  font-size: 27px !important
}

.font--28,
.font--28 * {
  font-size: 28px !important
}

.font--29,
.font--29 * {
  font-size: 29px !important
}

.font--30,
.font--30 * {
  font-size: 30px !important
}

.font--31,
.font--31 * {
  font-size: 31px !important
}

.font--32,
.font--32 * {
  font-size: 32px !important
}

.font--33,
.font--33 * {
  font-size: 33px !important
}

.font--34,
.font--34 * {
  font-size: 34px !important
}

.font--35,
.font--35 * {
  font-size: 35px !important
}

.font--36,
.font--36 * {
  font-size: 36px !important
}

.font--37,
.font--37 * {
  font-size: 37px !important
}

.font--38,
.font--38 * {
  font-size: 38px !important
}

.font--39,
.font--39 * {
  font-size: 39px !important
}

.font--40,
.font--40 * {
  font-size: 40px !important
}

.font--41,
.font--41 * {
  font-size: 41px !important
}

.font--42,
.font--42 * {
  font-size: 42px !important
}

.font--43,
.font--43 * {
  font-size: 43px !important
}

.font--44,
.font--44 * {
  font-size: 44px !important
}

.font--45,
.font--45 * {
  font-size: 45px !important
}

.font--46,
.font--46 * {
  font-size: 46px !important
}

.font--47,
.font--47 * {
  font-size: 47px !important
}

.font--48,
.font--48 * {
  font-size: 48px !important
}

.font--49,
.font--49 * {
  font-size: 49px !important
}

.font--50,
.font--50 * {
  font-size: 50px !important
}

h1,
span.h1 {
  font-size: 40px;
  line-height: 52px
}

h2,
span.h2 {
  font-size: 32px;
  line-height: 44px
}

h3,
span.h3 {
  font-size: 25px;
  line-height: 37px;
  font-weight: 700
}

h4,
span.h4 {
  font-size: 18px
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
p,
span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6,
span.p,
table {
  display: block;
  margin-bottom: 20px
}

h1 + h1,
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h1 + legend,
h1 + p,
h1 + span.h1,
h1 + span.h2,
h1 + span.h3,
h1 + span.h4,
h1 + span.h5,
h1 + span.h6,
h1 + span.p,
h1 + table,
h2 + h1,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h2 + legend,
h2 + p,
h2 + span.h1,
h2 + span.h2,
h2 + span.h3,
h2 + span.h4,
h2 + span.h5,
h2 + span.h6,
h2 + span.p,
h2 + table,
h3 + h1,
h3 + h2,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h6,
h3 + legend,
h3 + p,
h3 + span.h1,
h3 + span.h2,
h3 + span.h3,
h3 + span.h4,
h3 + span.h5,
h3 + span.h6,
h3 + span.p,
h3 + table,
h4 + h1,
h4 + h2,
h4 + h3,
h4 + h4,
h4 + h5,
h4 + h6,
h4 + legend,
h4 + p,
h4 + span.h1,
h4 + span.h2,
h4 + span.h3,
h4 + span.h4,
h4 + span.h5,
h4 + span.h6,
h4 + span.p,
h4 + table,
h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h6,
h5 + legend,
h5 + p,
h5 + span.h1,
h5 + span.h2,
h5 + span.h3,
h5 + span.h4,
h5 + span.h5,
h5 + span.h6,
h5 + span.p,
h5 + table,
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5,
h6 + h6,
h6 + legend,
h6 + p,
h6 + span.h1,
h6 + span.h2,
h6 + span.h3,
h6 + span.h4,
h6 + span.h5,
h6 + span.h6,
h6 + span.p,
h6 + table,
legend + h1,
legend + h2,
legend + h3,
legend + h4,
legend + h5,
legend + h6,
legend + legend,
legend + p,
legend + span.h1,
legend + span.h2,
legend + span.h3,
legend + span.h4,
legend + span.h5,
legend + span.h6,
legend + span.p,
legend + table,
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
p + legend,
p + p,
p + span.h1,
p + span.h2,
p + span.h3,
p + span.h4,
p + span.h5,
p + span.h6,
p + span.p,
p + table,
span.h1 + h1,
span.h1 + h2,
span.h1 + h3,
span.h1 + h4,
span.h1 + h5,
span.h1 + h6,
span.h1 + legend,
span.h1 + p,
span.h1 + span.h1,
span.h1 + span.h2,
span.h1 + span.h3,
span.h1 + span.h4,
span.h1 + span.h5,
span.h1 + span.h6,
span.h1 + span.p,
span.h1 + table,
span.h2 + h1,
span.h2 + h2,
span.h2 + h3,
span.h2 + h4,
span.h2 + h5,
span.h2 + h6,
span.h2 + legend,
span.h2 + p,
span.h2 + span.h1,
span.h2 + span.h2,
span.h2 + span.h3,
span.h2 + span.h4,
span.h2 + span.h5,
span.h2 + span.h6,
span.h2 + span.p,
span.h2 + table,
span.h3 + h1,
span.h3 + h2,
span.h3 + h3,
span.h3 + h4,
span.h3 + h5,
span.h3 + h6,
span.h3 + legend,
span.h3 + p,
span.h3 + span.h1,
span.h3 + span.h2,
span.h3 + span.h3,
span.h3 + span.h4,
span.h3 + span.h5,
span.h3 + span.h6,
span.h3 + span.p,
span.h3 + table,
span.h4 + h1,
span.h4 + h2,
span.h4 + h3,
span.h4 + h4,
span.h4 + h5,
span.h4 + h6,
span.h4 + legend,
span.h4 + p,
span.h4 + span.h1,
span.h4 + span.h2,
span.h4 + span.h3,
span.h4 + span.h4,
span.h4 + span.h5,
span.h4 + span.h6,
span.h4 + span.p,
span.h4 + table,
span.h5 + h1,
span.h5 + h2,
span.h5 + h3,
span.h5 + h4,
span.h5 + h5,
span.h5 + h6,
span.h5 + legend,
span.h5 + p,
span.h5 + span.h1,
span.h5 + span.h2,
span.h5 + span.h3,
span.h5 + span.h4,
span.h5 + span.h5,
span.h5 + span.h6,
span.h5 + span.p,
span.h5 + table,
span.h6 + h1,
span.h6 + h2,
span.h6 + h3,
span.h6 + h4,
span.h6 + h5,
span.h6 + h6,
span.h6 + legend,
span.h6 + p,
span.h6 + span.h1,
span.h6 + span.h2,
span.h6 + span.h3,
span.h6 + span.h4,
span.h6 + span.h5,
span.h6 + span.h6,
span.h6 + span.p,
span.h6 + table,
span.p + h1,
span.p + h2,
span.p + h3,
span.p + h4,
span.p + h5,
span.p + h6,
span.p + legend,
span.p + p,
span.p + span.h1,
span.p + span.h2,
span.p + span.h3,
span.p + span.h4,
span.p + span.h5,
span.p + span.h6,
span.p + span.p,
span.p + table,
table + h1,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6,
table + legend,
table + p,
table + span.h1,
table + span.h2,
table + span.h3,
table + span.h4,
table + span.h5,
table + span.h6,
table + span.p,
table + table {
  margin-top: -10px
}

h1 span.h1,
h1 span.h2,
h1 span.h3,
h1 span.h4,
h1 span.h5,
h1 span.h6,
h1 span.p,
h2 span.h1,
h2 span.h2,
h2 span.h3,
h2 span.h4,
h2 span.h5,
h2 span.h6,
h2 span.p,
h3 span.h1,
h3 span.h2,
h3 span.h3,
h3 span.h4,
h3 span.h5,
h3 span.h6,
h3 span.p,
h4 span.h1,
h4 span.h2,
h4 span.h3,
h4 span.h4,
h4 span.h5,
h4 span.h6,
h4 span.p,
h5 span.h1,
h5 span.h2,
h5 span.h3,
h5 span.h4,
h5 span.h5,
h5 span.h6,
h5 span.p,
h6 span.h1,
h6 span.h2,
h6 span.h3,
h6 span.h4,
h6 span.h5,
h6 span.h6,
h6 span.p,
legend span.h1,
legend span.h2,
legend span.h3,
legend span.h4,
legend span.h5,
legend span.h6,
legend span.p,
p span.h1,
p span.h2,
p span.h3,
p span.h4,
p span.h5,
p span.h6,
p span.p,
table span.h1,
table span.h2,
table span.h3,
table span.h4,
table span.h5,
table span.h6,
table span.p {
  margin-bottom: inherit
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
span.h1 a,
span.h2 a,
span.h3 a,
span.h4 a,
span.h5 a,
span.h6 a {
  font: inherit !important;
  line-height: inherit !important;
  text-decoration: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
  word-spacing: inherit !important;
  letter-spacing: inherit !important
}

.grid .hbspt-form .submitted-message,
.grid .hs_cos_wrapper_type_form,
legend,
li,
p,
table {
  font-size: 16px;
  line-height: 30px;

}

legend,
li,
p,
table {
  font-weight: 400
}

a {

  text-decoration: none;
  color: #fd4f00
}

.all--bold,
.all--bold *,
.all--strong,
.all--strong *,
.bold,
.strong {
  font-weight: 700 !important
}

.all--bolder,
.all--bolder *,
.bolder {
  font-weight: 800 !important
}

.all--light,
.all--light *,
.light {
  font-weight: 300 !important
}

.all--lighter,
.all--lighter *,
.lighter {
  font-weight: 100 !important
}

.all--italic,
.all--italic *,
.italic {
  font-style: italic !important
}

.all--uppercase,
.all--uppercase *,
.uppercase {
  text-transform: uppercase
}

.all--lowercase,
.all--lowercase *,
.lowercase {
  text-transform: lowercase
}

.all--normalcase,
.all--normalcase *,
.normalcase {
  text-transform: none
}

.all--normal,
.all--normal *,
.normal {
  font-style: normal;
  font-weight: 400 !important
}

.all--normal--weight,
.all--normal--weight *,
.normal--weight {
  font-weight: 400 !important
}

.all--normal--style,
.all--normal--style *,
.normal--style {
  font-style: normal !important
}

.hs-menu-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
  display: inline-block;
  vertical-align: top
}

.grid form.hs-form.stacked .actions {
  padding: 0;
  margin: 0;
  text-align: center
}

.grid .hbspt-form .submitted-message,
.grid .hs_cos_wrapper_type_form {
  font-weight: 400
}

.grid .hs_cos_wrapper_type_form .form-title {
  margin-top: 0
}

.grid .hs_cos_wrapper_type_form > a[name] {
  display: none
}

.grid form.hs-form input[type=password].hs-input,
.grid form.hs-form input[type=text].hs-input,
.grid form.hs-form input[type=file].hs-input,
.grid form.hs-form input[type=number].hs-input,
.grid form.hs-form input[type=email].hs-input,
.grid form.hs-form input[type=tel].hs-input,
.grid form.hs-form textarea.hs-input,
.production--form input[type=password],
.production--form input[type=text],
.production--form input[type=number],
.production--form input[type=email],
.production--form input[type=tel],
.production--form textarea {
  display: block;
  max-width: 100%;
  width: 100% !important;
  margin-top: 0;
  outline: 0;
  box-shadow: none;
  height: auto;
  background-color: #fff;
  color: #323232;

  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  text-transform: none;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1;
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 12px;
  padding: 10px 12px;
  padding: 10px 12px
}

.grid form.hs-form textarea.hs-input,
.production--form textarea {
  min-height: 90px; max-height: 90px
}

.grid form.hs-form select.hs-input,
.production--form select {
  width: 100%;
  max-width: 100% !important;
  margin-top: 0;
  height: auto;
  color: #323232;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(//298890.fs1.hubspotusercontent-na1.net/hubfs/298890/Production/images/production--dropdown.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #fff;
  outline: 0;
  box-shadow: none;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  text-transform: none;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 30px 10px 12px;
  padding: 10px 30px 10px 12px;
  padding: 10px 30px 10px 12px
}

.grid form.hs-form select.hs-input option,
.production--form select option {
  color: #323232 !important
}

.grid form.hs-form label,
.production--form label {
  display: block;
  text-align: left;
  font-family: roboto;
  font-size: 18px;
  color: #323232
}

.grid form.hs-form fieldset {
  float: left;
  max-width: 100%;
  width: 100%
}

.grid form.hs-form .field {
  margin-bottom: 0;
  position: relative
}

.grid form.hs-form .inputs-list {
  margin-bottom: 22px;
  padding-left: 0;
  list-style: none
}

.grid form.hs-form #captcha_wrapper {
  margin-bottom: 22px
}

.grid form.hs-form #captcha_wrapper #recaptcha_area,
.grid form.hs-form #captcha_wrapper #recaptcha_table {
  max-width: 100%
}

.grid form.hs-form #captcha_wrapper #recaptcha_table {
  display: block;
  overflow: hidden;
  background: #dedede;
  border-color: #e1e1e1 !important;
  border-style: solid !important;
  border-width: 1 !important
}

.grid form.hs-form #captcha_wrapper #recaptcha_table * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.grid form.hs-form #captcha_wrapper #recaptcha_table td {
  background-image: none
}

.grid form.hs-form #captcha_wrapper #recaptcha_table .recaptcha_input_area {
  width: 171px !important;
  margin-left: 0 !important;
  margin-right: 0 !important
}

.grid form.hs-form #captcha_wrapper #recaptcha_table #recaptcha_response_field {
  width: 100% !important;
  margin-top: 8px !important;
  padding: 4px !important;
  border-color: #e1e1e1
}

.grid form.hs-form #captcha_wrapper #recaptcha_table .recaptcha_r4_c4 {
  background: url(//298890.fs1.hubspotusercontent-na1.net/hubfs/298890/Production/images/recaptcha_logo.png) top right no-repeat !important;
  background-size: 90% auto !important
}

.grid form.hs-form #captcha_wrapper #recaptcha_table #recaptcha_privacy a {
  font-size: 13px !important
}

.grid form.hs-form .form-columns-1 > .hs-form-field {
  width: 100%;
  padding: 0
}

.grid form.hs-form .form-columns-2 > .hs-form-field {
  display: inline-block;
  vertical-align: bottom;
  width: 49%;
  padding: 0;
  margin-left: 2%;
  float: none
}

.grid form.hs-form .form-columns-2 > .hs-form-field:first-child {
  margin-left: 0
}

@media screen and (max-width:679px) {
  .grid form.hs-form .form-columns-2 > .hs-form-field {
    width: 100%;
    margin-left: 0
  }
}

.grid form.hs-form .form-columns-2 .hs-richtext + .hs-form-field {
  margin-left: 0 !important
}

.grid form.hs-form .form-columns-3 > .hs-form-field {
  display: inline-block;
  vertical-align: bottom;
  width: 32%;
  padding: 0;
  margin-left: 2%;
  float: none
}

.grid form.hs-form .form-columns-3 > .hs-form-field:first-child {
  margin-left: 0
}

@media screen and (max-width:679px) {
  .grid form.hs-form .form-columns-3 > .hs-form-field {
    width: 100%;
    margin-left: 0
  }
}

.grid form.hs-form .form-columns-3 .hs-richtext + .hs-form-field {
  margin-left: 0 !important
}

.grid form.hs-form fieldset > .hs-form-field > label,
.grid form.hs-form > .hs-form-field > label {
  margin-bottom: 20px
}

.grid form.hs-form .hs-form-required {
  color: #DD2D2D
}

.grid form.hs-form .hs-form-field > .input {
  margin-bottom: 22px;
  margin-right: 0
}

.grid form.hs-form .inputs-list label {
  display: block !important
}

.grid form.hs-form .inputs-list label input {
  display: inline-block;
  width: auto;
  margin-right: 10px
}

.grid form.hs-form .hs_submit {
  clear: both;
  width: 100%;
  display: block
}

.grid form.hs-form .hs_submit input.hs-button,
.grid form.hs-form .hs_submit input.hs-button:active {
  -webkit-appearance: none;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none
}

.grid form.hs-form .hs-error-msgs.inputs-list li + li {
  display: none
}

.grid form.hs-form .hs_email.filled .hs-error-msgs.inputs-list li label:before {
  content: "Please use a valid email. "
}

.no--labels .hs-form-field > label {
  display: none !important
}

html.no-backgroundsize .no--labels label,
html.no-textshadow .no--labels .hs-form-field > label {
  display: block !important
}

#hs_cos_wrapper_blog_comments #comments-listing .comment-from a {
  color: inherit !important;
  background: 0 0 !important;
  padding: 0 !important;
  font: inherit !important;
  display: inline !important
}

.hubui form.hs-form .hs-form-field > label {
  display: block !important;
  position: absolute;
  margin: 0;
  width: 100%;
  opacity: .9;
  filter: alpha(opacity=90);
  background: 0 0;
  pointer-events: none;
  outline: 0;
  height: auto;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 400;
  text-transform: none;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: font-size .3s ease-out, padding-top .3s ease-out, color .3s ease-out;
  -moz-transition: font-size .3s ease-out, padding-top .3s ease-out, color .3s ease-out;
  -ms-transition: font-size .3s ease-out, padding-top .3s ease-out, color .3s ease-out;
  -o-transition: font-size .3s ease-out, padding-top .3s ease-out, color .3s ease-out;
  transition: font-size .3s ease-out, padding-top .3s ease-out, color .3s ease-out;
  padding: 12px 13px 10px
}

.hubui form.hs-form .hs-form-field > label a {
  position: relative;
  z-index: 3;
  pointer-events: auto
}

.hubui form.hs-form .hs-form-field.static > label {
  position: relative !important;
  left: auto;
  right: auto;
  font-family: roboto;
  font-size: 18px;
  color: #323232;
  padding: 0
}

.hubui form.hs-form .hs-form-field input[type=password].hs-input,
.hubui form.hs-form .hs-form-field input[type=text].hs-input,
.hubui form.hs-form .hs-form-field input[type=file].hs-input,
.hubui form.hs-form .hs-form-field input[type=number].hs-input,
.hubui form.hs-form .hs-form-field input[type=email].hs-input,
.hubui form.hs-form .hs-form-field input[type=tel].hs-input,
.hubui form.hs-form .hs-form-field textarea.hs-input {
  line-height: 1.25em;
  padding-top: 14px
}

.hubui form.hs-form .hs-form-field input::-webkit-input-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field input::-moz-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field input:-ms-input-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field input:-moz-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field textarea::-webkit-input-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field textarea::-moz-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field textarea:-ms-input-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field textarea:-moz-placeholder {
  color: transparent
}

.hubui form.hs-form .hs-form-field select {
  padding-top: 12px;
  padding-bottom: 12px
}

.hubui form.hs-form .hs-form-field.filled > label,
.hubui form.hs-form .hs-form-field.focus > label {
  font-size: 10px !important;
  padding-top: 3px
}

.hubui form.hs-form .hs-form-field.valid > label {
  color: #19920B
}

.hubui form.hs-form .hs-form-field.filled.invalid > label {
  color: #DD2D2D !important
}

.hubui form.hs-form .hs-form-field.focus > label {
  color: #0D4FB1
}

.hubui form.hs-form .hs-dependent-field .hs-form-field > label {
  position: relative !important;
  left: auto;
  right: auto;
  font-family: roboto;
  font-size: 18px;
  color: #323232;
  padding: 0
}

html {
  height: 100%
}

body,
html {
  min-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0
}

.grid form.hs-form .hs-error-msgs.inputs-list li label {
  list-style: none;
  margin: -20px 0 15px;
  padding: 0;
  font-style: italic;
  font-size: 0;
  color: #dd2d2d;
  text-align: right;
  line-height: 15px
}

.grid form.hs-form .hs-error-msgs.inputs-list li label:before {
  font-size: 12px;
  content: "Required field. "
}

.grid form.hs-form .hs-error-msgs.inputs-list {
  position: absolute;
  right: 0;
  list-style: none !important;
  padding: 0;
  margin: 0
}

header,
header .header--main--nav ul li.hs-item-has-children {
  position: relative
}

.grid form.hs-form .hs-input.error,
.grid form.hs-form .hs-input.invalid {
  border-color: #dd2d2d !important
}

.hs-form-field {
  text-align: left
}

legend {
  margin-bottom: 0;
  font-size: 14px !important;
  font-family: "Roboto Condensed", sans-serif !important
}

.ul-column.three-columns,
.ul-column.two-columns {
  margin: 0 0 0 10px;
  padding: 0
}

.ul-column.three-columns li {
  display: inline-block;
  width: 33.3333%;
  vertical-align: top
}

.ul-column.two-columns li {
  display: inline-block;
  width: 50%;
  vertical-align: top
}

#Hero .divider legend,
#Hero .divider p,
#Hero .divider table,
#Hero .divider:after,
#Hero .divider:before,
.homepage .divider legend,
.homepage .divider p,
.homepage .divider table,
.mobile--nav .inner .bottom--links .fa-stack,
.simple--cta--section .inline-block,
header .header--main--nav .inline-block {
  vertical-align: middle
}

.ul-column.three-columns li:before,
.ul-column.two-columns li:before {
  content: "• "
}

@media screen and (min-width:681px) and (max-width:1024px) {
  .ul-column.three-columns li {
    width: 50%
  }
}

@media screen and (max-width:680px) {

  .ul-column.three-columns li,
  .ul-column.two-columns li {
    width: 100%
  }
}

body:not(.white-header) #header .header--main--nav .hs-menu-wrapper.active-branch > ul > li > a {
  font-weight: 700;
  color: #323232
}

body:not(.white-header) #header.stuck .header--main--nav .active-branch > ul > li > a {
  font-weight: 400;
  color: #fff
}

header {
  z-index: 9
}

header .header--main--logo {
  max-width: 280px;
  min-height: 40px
}

@media screen and (max-width:679px) {
  header .header--main--logo {
    max-width: 50%
  }
}

@media screen and (max-width:1080px) {
  header .header--main--logo {
    max-width: 220px
  }
}

header .header--main--logo a {
  display: block
}

header .header--main--logo img {
  max-width: 100%;
  margin-top: -3px
}

header .header--main--nav {
  padding-top: 7px
}

header .header--main--nav ul {
  overflow: hidden;
  padding-right: 14px
}

header .header--main--nav ul .hs-menu-children-wrapper {
  display: none
}

header .header--main--nav ul:hover {
  overflow: visible
}

header .header--main--nav ul:hover .hs-menu-children-wrapper {
  display: block
}

header .header--main--nav ul li > a:hover {
  color: #c8c8c8
}

header .header--main--nav ul li:last-child a {
  padding-right: 0;
  margin-right: 0
}

header .header--main--nav ul li.hs-item-has-children .hs-menu-children-wrapper {
  position: absolute;
  top: 100%;
  left: -4px;
  right: -4px;
  opacity: 0;
  padding: 0;
  min-width: 220px;
  border-top: solid 1px #fff;
  overflow: auto;
  max-height: 80vh
}

header .header--main--nav ul li.hs-item-has-children .hs-menu-children-wrapper::-webkit-scrollbar {
  width: 12px
}

header .header--main--nav ul li.hs-item-has-children .hs-menu-children-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 2px;
  background-color: #505050
}

header .header--main--nav ul li.hs-item-has-children .hs-menu-children-wrapper::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
  background-color: #434343
}

header .header--main--nav ul li.hs-item-has-children .hs-menu-children-wrapper li {
  text-align: left;
  background-color: rgba(50, 50, 50, .85) !important;
  padding: 0 4px
}

header .header--main--nav ul li.hs-item-has-children .hs-menu-children-wrapper li a {
  text-transform: uppercase;
  display: block;
  line-height: 20px;
  padding: 10px 8px
}

header .header--main--nav ul li.hs-item-has-children .hs-menu-children-wrapper li a:hover {
  color: #2CB4B0 !important
}

header .header--main--nav ul li:hover .hs-menu-children-wrapper {
  opacity: 1;
  z-index: 9999
}

header .header--main--nav ul li:hover .hs-menu-children-wrapper a {
  text-transform: capitalize
}

header .header--main--nav .active-branch a {
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  letter-spacing: 4px;
  padding: 0 5px
}

header.lp .header--main--nav {
  display: none
}

header.lp.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(225, 225, 225, .9)
}

header.lp.sticky .header--main--logo {
  margin-bottom: 7px
}

header.lp.sticky .header--main--logo a {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0
}

header.lp.sticky .header--main--nav {
  display: block;
  margin-bottom: 7px
}

header.lp.sticky img {
  -webkit-filter: grayscale(100%) brightness(0);
  filter: grayscale(100%) brightness(0)
}

header.stuck {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #323232
}

header.stuck .one-whole {
  padding: 0
}

header.stuck .header--main--logo a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0
}

header.stuck .header--main--logo a img {
  max-height: 100%;
  width: auto !important
}

@media screen and (max-width:679px) {
  header .header--cta {
    padding-top: 0
  }

  header.stuck .header--main--logo a img {
    width: auto !important;
    max-width: 80vw;
    float: none !important;
    border: 0;
    height: auto;
    top: 50%;
    position: absolute;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block
  }
}

header.stuck .header--main--nav {
  padding-top: 0
}

.header--main--nav--btn {
  position: fixed;
  top: 0;
  right: 5px;
  z-index: 999999999
}

@media screen and (max-width:679px) {
  .header--main--nav--btn {
    top: 0;
    right: 0
  }
}

.header--main--nav--btn .hamburger {
  outline: 0 !important
}

.header--main--nav--btn .hamburger .hamburger-box {
  width: 30px;
  height: 14px
}

.header--main--nav--btn .hamburger .hamburger-inner,
.header--main--nav--btn .hamburger .hamburger-inner:after,
.header--main--nav--btn .hamburger .hamburger-inner:before {
  background-color: #fff
}

@media screen and (max-width:1023px) {
  header .header--main--logo {
    min-height: 45px
  }

  .blog--cards header:not(.stuck) .header--main--logo img {
    top: 10px;
    position: relative
  }

  .blog--cards:not(.menu-open) #header:not(.stuck) + .header--main--nav--btn {
    top: 10px
  }
}

.blog--cards:not(.menu-open) #header:not(.stuck) + .header--main--nav--btn .hamburger .hamburger-inner,
.blog--cards:not(.menu-open) #header:not(.stuck) + .header--main--nav--btn .hamburger .hamburger-inner:after,
.blog--cards:not(.menu-open) #header:not(.stuck) + .header--main--nav--btn .hamburger .hamburger-inner:before {
  background-color: #3e3e3e
}

#header-trigger {
  position: absolute;
  top: 130px;
  left: 0
}

body.menu-open {
  overflow: hidden
}

body.menu-open .mobile--nav--overlay {
  opacity: .55;
  z-index: 19
}

#main-content {
  position: relative
}

.mobile--nav,
.mobile--nav--overlay {
  position: fixed;
  height: 100%;
  right: 0;
  bottom: 0
}

.mobile--nav--overlay {
  display: none !important;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0;
  z-index: 0;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.mobile--nav {
  top: 0;
  width: 100vw;
  min-width: 100%;
  overflow: auto;
  z-index: 9999;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-transition: -moz-transform .3s;
  -o-transition: -o-transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s
}

.mobile--nav ::-webkit-scrollbar {
  width: 12px
}

.mobile--nav ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 2px
}

.mobile--nav ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.mobile--nav img {
  -webkit-filter: grayscale(100%) brightness(600%);
  filter: grayscale(100%) brightness(600%)
}

.mobile--nav.menu-open {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.mobile--nav .inner {
  height: 100%;
  overflow: hidden
}

.mobile--nav .inner .upper {
  padding: 14px 14px 0
}

.mobile--nav .inner .mobile--nav--logo a {
  display: block
}

.mobile--nav .inner .mobile--nav--logo img {
  max-width: 100%;
  margin-top: -14px !important
}

.mobile--nav .inner .hs-menu-wrapper {
  overflow: auto;
  height: 100%
}

.mobile--nav .inner .hs-menu-wrapper ::-webkit-scrollbar {
  width: 12px
}

.mobile--nav .inner .hs-menu-wrapper ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 2px
}

.mobile--nav .inner .hs-menu-wrapper ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.mobile--nav .inner .hs-menu-wrapper > ul > li {
  font-size: 22px;
  border-top: solid 3px #434343
}

.mobile--nav .inner .hs-menu-wrapper > ul > li a {
  color: #fff;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  transition: color .3s;
  padding: 10px 14px
}

.mobile--nav .inner .hs-menu-wrapper > ul > li > .fa {
  padding: 14px;
  cursor: pointer;
  float: right;
  display: block;
  -moz-transition: -moz-transform .3s;
  -o-transition: -o-transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s
}

.mobile--nav .inner .hs-menu-wrapper .hs-menu-children-wrapper {
  display: none;
  max-width: 100%;
  background-color: #3b3b3b
}

.mobile--nav .inner .hs-menu-wrapper .hs-menu-children-wrapper.active-branch {
  display: block
}

.mobile--nav .inner .hs-menu-wrapper .hs-menu-children-wrapper a {
  border-bottom: solid 2px #4b4b4b
}

.mobile--nav .inner .bottom--links {
  border-bottom: solid 3px #434343
}

.mobile--nav .inner .bottom--links .fa-stack {
  display: inline-block;
  padding: 0;
  font-size: 16px
}

.mobile--nav .bottom--menu--cta a {
  width: 100%
}

.white-header header {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0
}

#Hero .divider:after,
.homepage .divider:after {
  right: -10px
}

.white-header header img {
  -webkit-filter: grayscale(100%) brightness(600%);
  filter: grayscale(100%) brightness(600%)
}

.simple--cta--section {
  background-position: center center;
  background-repeat: repeat-x;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1
}

@media (min-width:768px){
  .simple--cta--section {
    background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/stripe-slide-bg.png);
  }
}
@media (max-width:767px){
  .resources--blocked .resource_item .bottom-section {min-height:auto!important;}
  body.pro-all .bottom-section, body.pro-all .inner {min-height:auto!important;}
  .landing-page-2016 h1 {font-size:30px; line-height:3rem; }
  .landing-page-2016 .main--content {  padding-top: 80px!important; }
  .landing-page-2016 .content--holder ul li { margin-bottom:0px!important; font-size:14px; }
  .landing-page-2016 .grid form.hs-form .hs-form-field>.input {margin-bottom:10px!important;}
  .landing-page-2016 .grid.hard--top { padding-bottom: 20px!important;}
  .pro-all h1.color--white {padding-top:30px!important; line-height:30px; font-size:22px;}
  .pro-all .background--skyline .grid__item h3 {
    line-height: 30px!important;
    padding: 20px 0px!important;
    letter-spacing: 0px;
    font-size: 16px!important;
    font-weight: 100!important;
  }
  .FooterPostSec .hs-postlisting-item img {
    display: none!important;
  }
  .FooterPostSec .hs-postlisting-item a {
    margin-left: 0px!important;
    margin-bottom: 10px!important;
  }
  .simple--cta--section {
    background-image: url(https://2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/optimize-imgs/stripe-slide-bg_mob.png);
  }
}

.simple--cta--section .hs_cos_wrapper_type_cta {
  position: relative
}

.simple--cta--section .hs_cos_wrapper_type_cta:after {
  content: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/black_arrow.png);
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  -moz-transform: translate(-70%, 70%);
  -ms-transform: translate(-70%, 70%);
  -webkit-transform: translate(-70%, 70%);
  transform: translate(-70%, 70%)
}

#Hero .divider:before,
.homepage .divider:before {
  left: -10px
}

@media(max-width:1180px) {
  header .header--main--nav .active-branch a {
    letter-spacing: 2px
  }
}

@media screen and (max-width:1023px) {
  .simple--cta--section .hs_cos_wrapper_type_cta {
    display: block;
    margin-top: 20px
  }
}

@media screen and (min-width:1024px) {
  .simple--cta--section .hs_cos_wrapper_type_cta:after {
    display: block
  }

  .simple--cta--section .hs_cos_wrapper_type_cta {
    padding-left: 14px
  }
}

#Hero .divider {
  position: relative;
  overflow: hidden;
  text-align: center
}

#Hero .divider:after,
#Hero .divider:before {
  content: '';
  display: inline-block;
  width: 46%;
  position: relative;
  background-color: #fd4f00;
  height: 3px
}

.city--bg {
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat
}
@media (min-width:768px){
  .city--bg {
    background-image: url(https://2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/optimize-imgs/city-overlay-bg_optimize.png);
  }
}
@media (max-width:767px){
  .city--bg {
    background-image: url(https://2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/optimize-imgs/city-overlay-bg_mob.png);
  }
}

.homepage .magnet--section h2 {
  margin-top: -8px
}

.homepage .magnet--section h4 {
  font-weight: 300;
  margin-top: -22px
}

.homepage .magnet--section form {
  padding-top: 10px
}

.homepage .magnet--section form > fieldset {
  display: inline-block;
  width: 66%
}

@media screen and (max-width:1023px) {
  .homepage .magnet--section form > fieldset {
    width: 100%
  }
}

.homepage .magnet--section form > fieldset label {
  margin-bottom: 0 !important
}

.homepage .magnet--section form > fieldset .hs-input {
  border: 1px solid #f5f5f5 !important;
  padding: 12px 15px 13px !important;
  position: relative !important;
  font-size: 16px !important
}

.homepage .magnet--section form .hs_submit {
  width: auto;
  display: inline-block;
  padding-left: 10px
}

@media screen and (max-width:1023px) {
  .homepage .magnet--section form .hs_submit {
    width: 100%;
    padding-left: 0
  }
}

.homepage .magnet--section form .hs_submit .hs-button {
  font-weight: 100 !important;
  padding: 12px 35px !important;
  background-color: #2CB4B0;
  border: 0
}

.homepage .magnet--section .arrow {
  position: relative
}

@media screen and (max-width:679px) {
  .homepage .magnet--section .arrow {
    display: none
  }
}

.homepage .highlight--section .h1 {
  font-size: 3rem
}

.homepage .divider {
  position: relative;
  overflow: hidden
}

.homepage .divider:after,
.homepage .divider:before {
  content: '';
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  position: relative;
  background-color: #e1e1e1;
  height: 3px
}

.homepage .partner--section .h1 {
  font-size: 4rem
}

.homepage .expertise--section .image--holder img {
  width: 100%;
  max-width: 100%
}

@media screen and (min-width:680px) {
  .homepage .expertise--section .image--holder img {
    margin-top: 10px
  }
}

.homepage .expertise--section .content--holder h2 {
  margin-top: 0;
  font-weight: lighter
}

.homepage .expertise--section .content--holder ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.homepage .expertise--section .content--holder ul li {
  display: inline-block;
  width: 50%
}

@media screen and (max-width:679px) {
  .homepage .expertise--section .content--holder ul li {
    width: 100%
  }
}

.homepage .expertise--section .content--holder ul li a {
  text-transform: capitalize;
  color: #323232;
  font-weight: 700;
  text-decoration: underline
}

.homepage .expertise--section .content--holder ul li a:hover {
  color: #2CB4B0
}

.homepage #map {
  border-bottom: solid 3px #323232;
  overflow: hidden
}

.homepage #map #myMAP {
  height: 550px !important
}

.homepage #map .infoBox > img {
  position: absolute !important;
  top: 0;
  right: 0;
  z-index: 99999;
  opacity: .88
}

.homepage #map .infobox {
  background: #fff;
  padding: 0 !important;
  overflow: hidden;
  -moz-box-shadow: 0 0 12px 0 #ccc;
  -webkit-box-shadow: 0 0 12px 0 #ccc;
  box-shadow: 0 0 12px 0 #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.homepage #map .infobox > div {
  display: inline-block;
  min-height: 80px;
  height: 100%;
  vertical-align: top
}

.homepage #map .infobox > div.left--side {
  background-size: cover;
  background-position: center center;
  width: 45%;
  position: relative
}

.homepage #map .infobox > div.left--side .market--sector {
  background-color: #fd4f00;
  padding: 5px 7px;
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  top: 6px;
  left: 6px;
  color: #fff;
  font-weight: 700;
  border-radius: 4px
}

.homepage #map .infobox > div.right--side {
  position: relative;
  padding: 14px 30px;
  width: 55%
}

.homepage #map .infobox > div.right--side h3 {
  line-height: 1em
}

.homepage #map .infobox > div.right--side .address--holder {
  margin: 10px 0 20px;
  border-top: solid 1px #b3b3b3;
  border-bottom: solid 1px #b3b3b3
}

.homepage #map .infobox > div.right--side .address--holder legend,
.homepage #map .infobox > div.right--side .address--holder p,
.homepage #map .infobox > div.right--side .address--holder table {
  color: #333;
  padding: 5px 0 !important;
  margin: 0;
  font-size: 14px;
  line-height: 24px
}

.homepage #map #infoWindowHolder {
  display: none
}

.homepage #map.interactive {
  position: relative
}

.homepage #map.interactive #mapForm {
  position: absolute;
  top: 0;
  left: 60px;
  right: 60px;
  z-index: 3
}

.homepage #map.interactive #mapForm .form--item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 5px
}

.homepage #map.interactive #mapForm .form--item:nth-child(1) {
  width: 30%
}

.homepage #map.interactive #mapForm .form--item:nth-child(2) {
  width: 20%
}

.homepage #map.interactive #mapForm .form--item:nth-child(3),
.homepage #map.interactive #mapForm .form--item:nth-child(4) {
  width: 25%
}

.homepage #map.interactive #mapForm .form--item:nth-child(3) .select2-selection__rendered {
  font-size: 16px;
  padding-left: 45px
}

@media screen and (max-width:679px) {
  .homepage #map.interactive #mapForm .form--item {
    width: 100% !important;
    margin-bottom: 4px
  }
}

.homepage #map.interactive #mapForm .form--item .fa {
  position: absolute;
  top: 50%;
  left: 15px;
  padding-right: 8px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
  color: #fd4f00;
  font-size: 21px;
  border-right: solid 1px #5a5a5a
}

.homepage #map.interactive #mapForm .form--item .select2-selection__rendered {
  font-size: 16px;
  padding-left: 37px
}

.homepage #map.interactive #mapForm .form--item .btn,
.homepage #map.interactive #mapForm .form--item > * {
  width: 100%
}

.homepage #map.interactive #mapForm .form--item .select2-selection {
  padding: 8px 5px;
  height: 44px;
  border-radius: 0;
  border-color: #e1e1e1;
  background-color: #f5f5f5;
  outline: 0
}

.homepage #map.interactive #mapForm .form--item .select2-container {
  z-index: 99 !important
}

.homepage #map.interactive #mapForm .form--item .select2-selection__arrow {
  position: absolute;
  top: 0 !important;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 35px;
  text-align: center;
  border-left: solid 1px #e1e1e1
}

.homepage #map.interactive #mapForm .form--item .select2-selection__arrow b {
  display: none
}

.homepage #map.interactive #mapForm .form--item .select2-selection__arrow:before {
  content: '\f078';
  font-family: FontAwesome;
  color: #3e3e3e;
  display: block;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.homepage #map.interactive #mapForm .form--holder {
  background-color: rgba(255, 255, 255, .95);
  padding-left: 5px;
  padding-right: 5px;
  -moz-box-shadow: 0 0 12px 0 #ccc;
  -webkit-box-shadow: 0 0 12px 0 #ccc;
  box-shadow: 0 0 12px 0 #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.homepage #map.interactive #mapForm .form--holder .fa-map-marker {
  position: absolute;
  z-index: 9;
  font-size: 24px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 15px;
  color: #fd4f00;
  padding-right: 8px;
  border-right: solid 1px #5a5a5a
}

.homepage #map.interactive #mapForm .form--holder .zipCode {
  height: 44px;
  width: 100%;
  padding-left: 40px;
  position: relative;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  color: #5a5a5a;
  border: 1px solid #e1e1e1;
  outline: 0;
  background-color: #f5f5f5
}

.homepage #map.interactive #mapForm .form--holder .zipCode:-moz-placeholder {
  color: #5a5a5a
}

.homepage #map.interactive #mapForm .form--holder .zipCode::-moz-placeholder {
  color: #5a5a5a
}

.homepage #map.interactive #mapForm .form--holder .zipCode:-ms-input-placeholder {
  color: #5a5a5a
}

.homepage #map.interactive #mapForm .form--holder .zipCode::-webkit-input-placeholder {
  color: #5a5a5a
}

@media screen and (max-width:679px) {
  .homepage #map.interactive #mapForm .form--holder .fa-map-marker {
    left: 17px
  }

  .homepage #map.interactive #mapForm .form--holder .zipCode {
    padding-left: 50px
  }
}

.homepage #map.interactive #formLoading {
  display: none
}

.homepage #map.interactive #formLoading .progress--holder {
  height: 3px;
  width: 100%
}

.homepage #map.interactive #formLoading .progress--holder .progress--inner {
  height: 100%;
  background-color: #fd4f00;
  width: 0%;
  -moz-transition: width, .3s, ease;
  -o-transition: width, .3s, ease;
  -webkit-transition: width, .3s, ease;
  transition: width, .3s, ease
}

.homepage #map .label--holder {
  position: absolute;
  display: block;
  bottom: -3px;
  left: 0;
  font-size: 23px;
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  font-weight: 600;
  border: 3px solid #fff;
  padding: 12px 18px;
  background-color: #2CB4B0;
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg)
}
@media (min-width:768px){
  .homepage #map .label--holder {
    background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/stripe-slide-bg.png);
  }
}
@media (max-width:767px){
  .homepage #map .label--holder {
    background-image: url(https://2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/optimize-imgs/stripe-slide-bg_mob.png);
  }
}

.homepage #map .label--holder .inner {
  -moz-transform: skewX(10deg);
  -ms-transform: skewX(10deg);
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg)
}

.homepage #myMAP {
  height: 400px
}

.homepage .progress--section .icon img {
  max-width: 120px;
  border-radius: 50%
}

.about--us .panel--section .hs_cos_wrapper_type_custom_widget img {
  width: 100%
}

@media screen and (min-width:680px) {
  .about--us .panel--section .hs_cos_wrapper_type_custom_widget .image {
    padding: 0 10px !important
  }

  .about--us .panel--section .hs_cos_wrapper_type_custom_widget .content {
    padding-left: 60px !important
  }

  .about--us .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(odd) .content {
    padding-left: 10px !important;
    padding-right: 60px !important
  }

  .about--us .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(odd) .inner {
    direction: rtl
  }

  .about--us .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(odd) .inner > div {
    direction: ltr
  }
}

.about--us .block--section .grid__item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%
}

.about--us .block--section .inner {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.about--us .block--section .block-1,
.about--us .block--section .block-2,
.about--us .block--section .block-3,
.about--us .block--section .block-4 {
  border: 1px solid #fff
}

.about--us .block--section .block-1 {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/Block_Backgrounds/block-background-1.jpg)
}

.about--us .block--section .block-2 {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/Block_Backgrounds/block-background-2.jpg)
}

.about--us .block--section .block-3 {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/Block_Backgrounds/block-background-3.jpg)
}

.about--us .block--section .block-4 {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/Block_Backgrounds/block-background-4.jpg);
  position: relative
}

.about--us .form--section h3,
.contact--us .form--section h3 {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/stripe-slide-bg.png);
  margin: 0;
  text-align: center
}

.about--us .block--section .block-4 .inner {
  position: relative
}

.about--us .block--section .block-4:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(50, 50, 50, .55)
}

.about--us .block--section .left--holder,
.about--us .block--section .right--holder {
  min-height: 400px
}

.about--us .block--section .left--holder .lower,
.about--us .block--section .left--holder .upper {
  height: 50%
}

.about--us .block--section .right--holder h3 {
  margin-top: 0
}

.about--us .highlight--section .h1 {
  font-size: 2rem;
}

.about--us .divider {
  position: relative;
  overflow: hidden;
}

.about--us .divider legend,
.about--us .divider p,
.about--us .divider table {
  vertical-align: middle
}

.about--us .divider:after,
.about--us .divider:before {
  content: '';
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  position: relative;
  background-color: #e1e1e1;
  height: 3px
}

.about--us .divider:before {
  left: -10px
}

.about--us .divider:after {
  right: -10px
}

.about--us .case-studies--section .icon {
  max-height: 190px;
  overflow: hidden
}

.about--us .case-studies--section .icon img {
  max-width: 100%;
  vertical-align: middle
}

.about--us .form--section h3 {
  display: block;
  width: 100%;
  padding: 20px 30px;
  border-bottom: solid 3px #f5f5f5
}

.about--us .form--section .inner {
  border: 3px solid #f5f5f5
}

.about--us .form--section .inner #hs_form_target_contact_form {
  padding: 30px
}

.about--us .form--section .inner #hs_form_target_contact_form .hs-input {
  border: 3px solid #f5f5f5 !important;
  padding: 12px 15px 13px !important;
  position: relative !important
}

.about--us .form--section .inner #hs_form_target_contact_form .hs-button {
  white-space: initial
}

.contact--us .panel--section .hs_cos_wrapper_type_custom_widget img {
  width: 100%;
  height: auto
}

@media screen and (min-width:680px) {
  .contact--us .panel--section .hs_cos_wrapper_type_custom_widget .image {
    padding: 0 10px !important
  }

  .contact--us .panel--section .hs_cos_wrapper_type_custom_widget .content {
    padding-left: 60px !important
  }

  .contact--us .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(even) .content {
    padding-left: 10px !important;
    padding-right: 60px !important
  }

  .contact--us .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(even) .inner {
    direction: rtl
  }

  .contact--us .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(even) .inner > div {
    direction: ltr
  }
}

.contact--us .form--section h3 {
  display: block;
  width: 100%;
  padding: 20px 30px;
  border-bottom: solid 3px #f5f5f5
}

.contact--us .form--section .inner {
  border: 3px solid #f5f5f5
}

.contact--us .form--section .inner #hs_form_target_contact_form {
  padding: 30px
}

.contact--us .form--section .inner #hs_form_target_contact_form .hs-input {
  border: 3px solid #f5f5f5 !important;
  padding: 12px 15px 13px !important;
  position: relative !important
}

.contact--us .form--section .inner #hs_form_target_contact_form .hs-button {
  white-space: initial
}

.services--overview .benefits {
  position: relative;
  margin-top: -100px
}

.services--overview .benefits .holder {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.services--overview .benefits .benefit-item .fa-stack:after,
.services--overview .benefits .benefit-item .fa-stack:before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%
}

.services--overview .benefits .benefit-item .fa-stack:before {
  border: 2px solid #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0
}

.services--overview .benefits .benefit-item .fa-stack:after {
  border: 3px solid #42d1cd;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 2
}

.services--overview .benefits .benefit-item .fa-stack > .fa {
  z-index: 4
}

.services--overview .benefits .benefit-item a {
  position: relative;
  display: block;
  margin-top: 15px
}

.services--overview .explaination h2 {
  margin-top: 0
}

.services--overview .explaination .image-holder .hs-image-widget {
  margin: 10px 0
}

.services--overview .requested {
  background-color: rgba(50, 50, 50, .9);
  z-index: 3;
  position: relative
}

.services--overview .requested .hs_cos_wrapper_type_widget_container {
  text-align: center
}

.services--overview .requested .hs_cos_wrapper_type_widget_container > div {
  display: inline-block;
  width: 30%;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px;
  margin: 0 1.5%;
  text-align: left;
  color: #fff !important;
  border-top: solid 1px #e1e1e1
}

.services--overview .requested .hs_cos_wrapper_type_widget_container > div:nth-last-child(-n+3) {
  border-bottom: solid 1px #e1e1e1
}

.services--overview .requested .hs_cos_wrapper_type_widget_container > div h2,
.services--overview .requested .hs_cos_wrapper_type_widget_container > div legend,
.services--overview .requested .hs_cos_wrapper_type_widget_container > div p,
.services--overview .requested .hs_cos_wrapper_type_widget_container > div table {
  color: #fff !important
}

@media screen and (max-width:1023px) and (min-width:680px) {
  .services--overview .requested .hs_cos_wrapper_type_widget_container > div {
    width: 50%
  }
}

@media screen and (max-width:679px) {
  .services--overview .requested .hs_cos_wrapper_type_widget_container > div {
    width: 100%
  }
}

.services--overview .requested .hs_cos_wrapper_type_widget_container > div:before {
  content: '\f00c';
  font-family: FontAwesome;
  margin-right: 15px;
  color: #e1e1e1
}

.services--overview .trusted--requested {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/desk_background_NYE_services.jpg);
  background-position: bottom 100px center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  padding-bottom: 50px
}

.services--overview .trusted {
  z-index: 3;
  position: relative;
  background-color: rgba(44, 180, 176, .85)
}

.services--overview .trusted:after,
.services--overview .trusted:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 50%;
  width: 100vw;
  right: 0;
  background-color: #fff;
  height: 85%;
  z-index: -1
}

.services--overview .trusted:before {
  -moz-transform: translateY(50%) skewY(11.5deg);
  -ms-transform: translateY(50%) skewY(11.5deg);
  -webkit-transform: translateY(50%) skewY(11.5deg);
  transform: translateY(50%) skewY(11.5deg)
}

.services--overview .trusted:after {
  -moz-transform: translateY(50%) skewY(-11.5deg);
  -ms-transform: translateY(50%) skewY(-11.5deg);
  -webkit-transform: translateY(50%) skewY(-11.5deg);
  transform: translateY(50%) skewY(-11.5deg)
}

.services--overview .trusted > .grid {
  position: relative;
  z-index: 2
}

.services--overview .trusted .hs_cos_wrapper_type_widget_container {
  text-align: center;
  display: inline-block
}

.services--overview .trusted .hs_cos_wrapper_type_widget_container > div {
  display: inline-block;
  padding: 10px 25px;
  text-align: center
}

.services--overview .trusted .holder .inner {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
  position: relative
}

.services--overview .trusted .holder .content-holder,
.services--overview .trusted .holder .image--holder {
  vertical-align: middle
}

.services--overview .trusted .holder .image--holder {
  position: relative;
  margin: auto;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35)
}

@media screen and (min-width:680px) {
  .services--overview .trusted .holder .image--holder {
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.services--overview .trusted .holder .image--holder img {
  max-height: 100%;
  max-width: none !important
}

.services--overview .trusted .holder .image--holder .info-holder {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #747474
}

.services--overview .trusted .holder .image--holder .info-holder:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 50%;
  -moz-transform: translateY(-100%) translateX(-50%);
  -ms-transform: translateY(-100%) translateX(-50%);
  -webkit-transform: translateY(-100%) translateX(-50%);
  transform: translateY(-100%) translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px;
  border-color: transparent transparent #747474
}

.services--overview .trusted .holder .image--holder .info-holder legend,
.services--overview .trusted .holder .image--holder .info-holder p,
.services--overview .trusted .holder .image--holder .info-holder table {
  font-size: 12px;
  color: #fff;
  line-height: 1rem;
  text-align: center;
  padding: 5px !important
}

@media screen and (min-width:680px) {
  .services--overview .trusted .holder .content-holder {
    max-width: 75%;
    float: none;
    padding-left: 158px;
  }
}

.services--overview .trusted .holder .content-holder .fa-stack {
  left: -2px
}

.services--overview .trusted .holder .content-holder h3 {
  position: relative
}

.services--overview .trusted .holder .content-holder h3:after {
  content: '';
  display: block;
  width: 45px;
  height: 6px;
  margin-top: 8px;
  margin-left: 2px;
  background-color: #fd4f00;
  border-radius: 99px
}

.services--overview .trusted .holder .content-holder legend,
.services--overview .trusted .holder .content-holder p,
.services--overview .trusted .holder .content-holder table {
  margin-bottom: 0
}

.services--overview .form h3 {
  text-align: center
}

.services--overview .form .hs-input {
  border-bottom: solid 3px #e1e1e1
}

.services--overview .form .hs_submit {
  padding-top: 25px
}

.services--overview .form .hs_submit .hs-button {
  min-width: 260px;
  border-bottom: solid 3px #cc6900
}

.press--room #subnav {
  padding-top: 10px;
  padding-bottom: 10px
}

.press--room #subnav legend,
.press--room #subnav p,
.press--room #subnav table {
  line-height: 1.25em
}

.press--room #subnav a {
  color: #e1e1e1;
  display: inline-block;
  padding: 0 12px;
  text-decoration: underline
}

.press--room #subnav a:not(:last-of-type) {
  border-right: solid 2px #e1e1e1
}

.press--room .striped-border:after,
.press--room .striped-border:before {
  content: '';
  display: block;
  height: 5px;
  width: 100%;
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/nye_divider.jpg);
  background-size: cover
}

.press--room .striped-border h2 {
  margin-bottom: 2px
}

.press--room .panel--section .header {
  font-size: 40px;
  line-height: 50px
}

@media screen and (min-width:1024px) {
  .press--room .panel--section .header {
    border-left: solid 4px #fd4f00;
    padding-left: 15px
  }
}

.press--room .press--releases h3 {
  font-weight: 400
}

.press--room .press--releases small a {
  color: #2CB4B0
}

.press--room .press--releases legend,
.press--room .press--releases p,
.press--room .press--releases table {
  font-size: 16px;
  line-height: 1.5rem
}

.press--room .latest--blogs .press-latest-post {
  border: 1px solid #e1e1e1
}

.press--room .latest--blogs .press-latest-post .image--holder {
  height: 170px;
  width: 100%
}

.press--room .latest--blogs .press-latest-post .content--holder {
  padding: 0 10px
}

.press--room .latest--blogs .press-latest-post .content--holder a {
  font-size: 14px;
  font-weight: 700
}

.press--room .featured--section:before {
  content: '';
  display: block;
  height: 5px;
  width: 100%;
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/nye_divider.jpg);
  background-size: cover
}

.press--room .featured--section .press-center--blog--item img {
  display: block;
  width: 100%;
  height: auto;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0)
}

.press--room .featured--section #hs_cos_wrapper_featuredLogos {
  font-size: 0;
  text-align: center
}

.press--room .featured--section #hs_cos_wrapper_featuredLogos > div {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 1%;
  max-width: 18%
}

.press--room .featured--section #hs_cos_wrapper_featuredLogos > div img {
  height: auto
}

.press--room .latest--tweets #iframe-holder {
  position: relative;
  overflow: hidden
}

.press--room .latest--tweets #iframe-holder:before {
  content: '';
  display: block;
  background-color: #fff;
  height: 40px;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0
}

.project--interior .divider:before,
.services--interior .divider:before {
  left: -10px
}

.press--room .latest--tweets #iframe-holder iframe {
  position: relative !important;
  top: -40px !important;
  z-index: 2
}

.press--room .form--section {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/press_contact_bofu_bg.jpg?t=3241234);
  background-position: center center;
  background-size: cover
}

.press--room .form--section h3 {
  color: #fff;
  text-align: center
}

.press--room .form--section label {
  font-style: italic
}

.press--room .form--section .hs_submit {
  padding-top: 20px
}

.press--room .form--section .hs-button {
  text-transform: capitalize !important
}

.services--interior .panel--section .hs_cos_wrapper_type_custom_widget img {
  width: 100%;
  height: auto
}

.services--interior .divider {
  position: relative;
  overflow: hidden
}

.services--interior .divider legend,
.services--interior .divider p,
.services--interior .divider table {
  vertical-align: middle
}

.services--interior .divider:after,
.services--interior .divider:before {
  content: '';
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  position: relative;
  background-color: #e1e1e1;
  height: 3px
}

.services--interior .divider:after {
  right: -10px
}

@media screen and (min-width:680px) {
  .services--interior .panel--section .hs_cos_wrapper_type_custom_widget .image {
    padding: 0 10px !important
  }

  .services--interior .panel--section .hs_cos_wrapper_type_custom_widget .content {
    padding-left: 60px !important
  }

  .services--interior .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(even) .content {
    padding-left: 10px !important;
    padding-right: 60px !important
  }

  .services--interior .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(even) .inner {
    direction: rtl
  }

  .services--interior .panel--section .hs_cos_wrapper_type_custom_widget:nth-child(even) .inner > div {
    direction: ltr
  }

  .project--interior #Hero .image--side {
    position: absolute;
    top: 0;
    right: 0
  }
}

.project--interior #Hero .image--side .top--image {
  border: 2px solid #fff
}

.project--interior #Hero .bottom--section {
  border: 2px spolid;
  border-top: 0
}

.project--interior .divider {
  position: relative;
  overflow: hidden
}

.project--interior .divider legend,
.project--interior .divider p,
.project--interior .divider table {
  vertical-align: middle
}

.project--interior .divider:after,
.project--interior .divider:before {
  content: '';
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  position: relative;
  background-color: #e1e1e1;
  height: 3px
}

.page--full-width #main-content .hbspt-form form .field .input .hs-form-booleancheckbox-display .hs-input,
.page--full-width #main-content .hbspt-form form .field > label {
  display: none
}

.project--interior .divider:after {
  right: -10px
}

.page--full-width #Hero h1 {
  margin-bottom: 5px !important
}

.page--full-width #Hero h3 {
  margin-top: 5px !important
}

.page--full-width #main-content .hbspt-form {
  border: 4px solid #f5f5f5;
  background-color: #fff;
  padding: 24px;
  border-top: solid 2px #f5f5f5
}

.page--full-width #main-content .hbspt-form h3 {
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/striped-header.png);
  background-size: 120%;
  background-position: center center;
  text-align: center;
  padding: 30px;
  margin: 0
}

.page--full-width #main-content .hbspt-form form .field .input .hs-input {
  border: 3px solid #e8e8e8;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 400
}

.page--full-width #main-content .hbspt-form form .field .input .hs-form-booleancheckbox-display .hs-input + span {
  color: #323232;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif
}

.page--full-width #main-content .hbspt-form form .field .input .hs-form-booleancheckbox-display .hs-input + span:before {
  content: '\f00c';
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  font-family: FontAwesome;
  border: 3px solid #e8e8e8;
  padding: 0 5px;
  font-size: 18px;
  cursor: pointer
}

.four-oh-four footer .footer--main,
.landing-page-2016 footer .footer--main {
  display: none !important
}

.page--full-width #main-content .hbspt-form form .field .input .hs-form-booleancheckbox-display .hs-input:checked + span:before {
  color: #fd4f00;
  content: '\f00c'
}

@media screen and (min-width:1024px) {
  .page--full-width #main-content .section:nth-child(even) {
    direction: rtl
  }

  .page--full-width #main-content .section:nth-child(even) > div {
    direction: ltr
  }
}

.four-oh-four {
  height: 100%
}

.four-oh-four #main-content {
  overflow: hidden;
  min-height: 100vh;
  height: 100%;
  width: 100%
}

.four-oh-four #main-content .vert--center {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.four-oh-four footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%
}

.landing-page-2016 {
  position: relative;
  /*  padding-bottom: 100px*/
}

.landing-page-2016 .main--content {
  /*    background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/city-overlay-bg.png);*/
  background-size: cover;
  background-position: bottom center;
  overflow: hidden;
  min-height: 100vh;
  height: 100%;
  width: 100%
}

.landing-page-2016 footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%
}

.landing-page-2016 .form--holder .form--wrapper > div form .field .input .hs-form-booleancheckbox-display .hs-input,
.landing-page-2016 .form--holder .form--wrapper > div form .field > label {
  display: none
}

.landing-page-2016 .content--holder h3 {
  font-weight: 300;
  font-size: 2.08rem;
  padding-bottom: 30px
}

.landing-page-2016 .content--holder ul {
  padding-left: 18px;
  list-style: none
}

.landing-page-2016 .content--holder ul li {
  margin: 0 0 10px;
  padding: 0
}
.landing-page-2016 h1:after {
  content: " ";
  clear: both;
  width: 2em;
  display: block;
  margin: 5px 0px 0px;
  border-bottom: 3px solid rgb(251, 189, 2);
}
.landing-page-2016 .content--holder ul li:before {
  content: '\f101';
  color: #fd4f00;
  position: relative;
  left: -15px;
  font-family: FontAwesome
}
div#hs_form_target_pre-pricing {
  padding: 20px;
}

@media screen and (max-width:679px) {
  .press--room .featured--section #hs_cos_wrapper_featuredLogos > div {
    max-width: 31.3%
  }

  .landing-page-2016 .content--holder img {
    width: 100% !important
  }
}

.landing-page-2016 .form--holder .form--wrapper > div form .hs-button,
.landing-page-2016.paypal-form .form--wrapper .content .button-html .paypal_btn {
  width: 100%
}

.landing-page-2016 .form--holder .form--wrapper {
  border-radius: 4px;
  box-shadow:0px 1px 6px 1px rgba(222, 220, 220, 0.75);
}
.landing-page-2016 h1 {
  text-transform: capitalize;
  font-size: 34px;
}
.all--btn--orange form.hs-form .hs_submit input.hs-button  {background-color:#fff!important; border-color:#fbbd02!important;
  border-width: 2px !important;
  border-radius:4px!important;
}
.all--btn--orange form.hs-form .hs_submit input.hs-button:hover { background-color:#fbbd02!important;border-color:#fbbd02!important;
  color:#000!important; }
.landing-page-2016 .form--holder .form--wrapper h3 {
  background-color: #1ebfa5;
  color:#fff;
  font-size:22px;
  text-align: center;
  padding: 15px 15px;
  margin: 0
}

.landing-page-2016 .form--holder .form--wrapper > div {
}
.landing-page-2016 .grid form.hs-form textarea {height:60px;}

.landing-page-2016 .form--holder .form--wrapper > div form .field .input .hs-input {
  background: #fbfbfb;
  box-shadow: none;
  height: 40px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  line-height: 1;
  font-size: 16px;
  margin: 0;
  font-family: Jost, sans-serif;
  color: #000;
}

.landing-page-2016 .form--holder .form--wrapper > div form .field .input .hs-form-booleancheckbox-display .hs-input + span {
  color: #323232;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif
}

.landing-page-2016 .form--holder .form--wrapper > div form .field .input .hs-form-booleancheckbox-display .hs-input + span:before {
  content: '\f00c';
  color: #fd4f00;
  display: inline-block;
  margin-right: 10px;
  font-family: FontAwesome;
  border: 3px solid #e8e8e8;
  padding: 0 5px;
  font-size: 18px;
  cursor: pointer
}

.landing-page-2016 .form--holder .form--wrapper > div form .field .input .hs-form-booleancheckbox-display .hs-input:checked + span:before {
  color: #000;
  content: '\f00c';
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  transform: none;
}

.landing-page-2016 .share--section h4 {
  margin: 0 5px
}

.landing-page-2016 .share--section .share-icons .fa {
  margin: 0 3px;
  vertical-align: middle
}

.landing-page-2016.paypal-form .form--wrapper .paypal-heading {
  background-color: #2CB4B0;
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/assets/teal-form-header.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: solid 3px #f5f5f5
}

.landing-page-2016.paypal-form .form--wrapper .paypal-heading h3 {
  background: 0 0 !important;
  padding: 0 !important
}

.landing-page-2016.paypal-form .form--wrapper .paypal-heading .divider {
  position: relative
}

.landing-page-2016.paypal-form .form--wrapper .paypal-heading .divider .fa {
  background-color: #2CB4B0;
  padding: 0 6px;
  position: relative;
  z-index: 2
}

.landing-page-2016.paypal-form .form--wrapper .paypal-heading .divider:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f5f5f5;
  width: 100%;
  height: 3px;
  vertical-align: middle;
  z-index: 1
}

.landing-page-2016.paypal-form .form--wrapper .paypal-heading .price {
  padding-top: 10px
}

.landing-page-2016.paypal-form .form--wrapper .paypal-heading .price legend,
.landing-page-2016.paypal-form .form--wrapper .paypal-heading .price p,
.landing-page-2016.paypal-form .form--wrapper .paypal-heading .price table {
  font-size: 3.85rem;
  line-height: 4.25rem;
  font-weight: 700
}

.landing-page-2016.paypal-form .form--wrapper .content {
  padding: 20px
}

.landing-page-2016.paypal-form .form--wrapper .content li {
  line-height: 22px;
  margin: 0 0 20px;
  padding: 0;
  position: relative
}

.landing-page-2016.paypal-form .form--wrapper .content li:before {
  content: '\f101';
  color: #fd4f00;
  position: absolute;
  left: -25px;
  font-family: FontAwesome
}

.landing-page-2016.paypal-form .form--wrapper .content .button-html {
  padding-top: 24px
}

.landing-page-2016.paypal-form .form--wrapper .content .button-html .secure-payments {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px
}

.landing-page-2016.paypal-form .form--wrapper .content .button-html .secure-payments img {
  vertical-align: bottom
}

.blog--listing--blocked #Hero:before {
  content: '';
  background-color: #2CB4B0;
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/city-overlay-bg.png?t=1469469336926);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  min-height: 450px
}

.blog--listing--blocked #Hero #featured-post {
  min-height: 400px;
  background-size: cover;
  background-position: center center;
  position: relative
}

.blog--listing--blocked #Hero #featured-post .featured-post-link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.blog--listing--blocked #Hero .blog--listing--blocked--post--meta {
  padding: 30px;
  position: relative;
  z-index: 2
}

.blog--listing--blocked #Hero select {
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
  border-radius: 0;
  border: 0;
  line-height: 28px;
  font-family: "Roboto Condensed", sans-serif;
  background-color: #fff;
  font-size: 18px;
  padding: 8px 12px;
  min-width: 240px
}

.blog--listing--blocked .magnet--section h2 {
  margin-top: -8px
}

.blog--listing--blocked .magnet--section h4 {
  font-weight: 300;
  margin-top: -22px
}

.blog--listing--blocked .magnet--section form {
  padding-top: 10px
}

.blog--listing--blocked .magnet--section form > fieldset {
  display: inline-block;
  width: 66%
}

@media screen and (max-width:1023px) {
  .blog--listing--blocked .magnet--section form > fieldset {
    width: 100%
  }
}

.blog--listing--blocked .magnet--section form > fieldset label {
  margin-bottom: 0 !important
}

.blog--listing--blocked .magnet--section form > fieldset .hs-input {
  border: 1px solid #f5f5f5 !important;
  padding: 12px 15px 13px !important;
  position: relative !important;
  font-size: 16px !important
}

.blog--listing--blocked .magnet--section form .hs_submit {
  width: auto;
  display: inline-block;
  padding-left: 10px
}

@media screen and (max-width:1023px) {
  .blog--listing--blocked .magnet--section form .hs_submit {
    width: 100%;
    padding-left: 0
  }
}

.blog--listing--blocked .magnet--section form .hs_submit .hs-button {
  font-weight: 100 !important;
  padding: 12px 35px !important;
  background-color: #2CB4B0;
  border: 0
}

.blog--listing--blocked .magnet--section .arrow {
  position: relative
}

@media screen and (max-width:679px) {
  .blog--listing--blocked #Hero select {
    min-width: 100%
  }

  .blog--listing--blocked .magnet--section .arrow {
    display: none
  }
}

.blog--listing--blocked .post--item .blog--listing--blocked--post--image {
  background-position: center center;
  background-size: cover;
  height: 200px
}

.blog--listing--blocked .post--item .blog--listing--blocked--post--meta {
  padding: 12px;
  border: 2px solid #fff
}

.blog--listing--blocked .post--item:hover {
  cursor: pointer
}

.blog--listing--blocked .post--item:hover .blog--listing--blocked--post--meta {
  border: 2px solid #f5f5f5
}

@media screen and (max-width:1023px) {
  .single img {
    float: none !important;
    margin: auto !important;
    display: block
  }
}

.single .single--narrow--author .blog--author--holder {
  height: 200px;
  width: 200px;
  overflow: hidden
}

.single .single--narrow--author .blog--author--holder img {
  vertical-align: middle;
  display: inline-block
}

.single .single--narrow--social {
  position: absolute;
  top: 45px;
  right: 5px
}

.single .single--narrow--social a {
  margin-bottom: 12px
}

.single .comments-form {
  border: 3px solid #f5f5f5
}

.single .comments-form h3 {
  text-align: center;
  display: block;
  width: 100%;
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/stripe-slide-bg.png);
  padding: 20px 30px;
  margin: 0;
  border-bottom: solid 3px #f5f5f5
}

.single .comments-form .inner form {
  padding: 30px
}

.single .comments-form .inner form .hs-input {
  border: 3px solid #f5f5f5 !important;
  padding: 12px 15px 13px !important;
  position: relative !important
}

#slider-section,
#slider-section .quote--slider--item {
  position: relative
}

.single .comments-form .inner form .inputs-list {
  list-style-type: none;
  margin-top: 0;
  margin-left: 0;
  padding: 0
}

.single .comments-form .inner form .inputs-list label > input {
  opacity: 0;
  display: none
}

.single .comments-form .inner form .inputs-list label span {
  font-size: 12px
}

.single .comments-form .inner form .inputs-list label span:before {
  content: '';
  font-family: FontAwesome;
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 25px;
  color: #2CB4B0;
  margin-right: 10px;
  border: 3px solid #f5f5f5 !important;
  vertical-align: bottom;
  border-radius: 0;
  text-align: center
}

.single .comments-form .inner form .inputs-list label > input:checked + span:before {
  content: '\f00c';
  border: 3px solid #2CB4B0
}

footer .footer--main img {
  -webkit-filter: grayscale(100%) brightness(600%);
  filter: grayscale(100%) brightness(600%)
}

footer .footer--main legend,
footer .footer--main p,
footer .footer--main table {
  letter-spacing: 3px
}

footer .footer--copyright * {
  color: #666
}

#slider-section {
  overflow: hidden
}

#slider-section .slick-list {
  overflow: visible
}

#slider-section .quote--slider--item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border: 2px solid #fff
}
@media (min-width:768px){
  #slider-section .quote--slider--item:before {
    background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/stripe-slide-bg.png);
  }
}
@media (max-width:767px){
  #slider-section .quote--slider--item:before {
    background-image: url(https://2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/optimize-imgs/stripe-slide-bg_mob.png);
  }
}

#slider-section .quote--slider--item > div {
  position: relative;
  z-index: 2
}

@media screen and (min-width:680px) {
  .blog--listing--blocked #Hero .blog--listing--blocked--post--meta {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  #slider-section .quote--slider--item {
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg)
  }

  #slider-section .quote--slider--item > div {
    top: 50%;
    -moz-transform: skewX(10deg) translateY(-50%) translateX(30px);
    -ms-transform: skewX(10deg) translateY(-50%) translateX(30px);
    -webkit-transform: skewX(10deg) translateY(-50%) translateX(30px);
    transform: skewX(10deg) translateY(-50%) translateX(30px)
  }
}

#slider-section .quote--slider--item .quote--author {
  padding-top: 25px
}

#slider-section .quote--slider--item .quote--author .icon,
#slider-section .quote--slider--item .quote--author .info {
  display: inline-block;
  vertical-align: middle;
  color: #fff
}

#slider-section .quote--slider--item .quote--author .icon {
  padding: 0 6px
}

#slider-section .quote--slider--item .quote--author .icon img {
  max-width: 48px;
  border-radius: 50%;
  border: 2px solid #fff
}

#slider-section #slider-arrows #next,
#slider-section #slider-arrows #prev {
  position: absolute;
  top: 50%;
  width: 100px;
  height: 100px;
  cursor: pointer;
  font-size: 40px;
  background-color: rgba(255, 255, 255, .55);
  opacity: .75;
  color: #fff;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: color .3s, opacity .3s, box-shadow .3s;
  -o-transition: color .3s, opacity .3s, box-shadow .3s;
  -webkit-transition: color .3s, opacity .3s, box-shadow .3s;
  transition: color .3s, opacity .3s, box-shadow .3s
}

#slider-section #slider-arrows #next:hover,
#slider-section #slider-arrows #prev:hover {
  color: #fff;
  opacity: 1;
  -webkit-box-shadow: 0 0 3px 1px #e1e1e1;
  -moz-box-shadow: 0 0 3px 1px #e1e1e1;
  box-shadow: 0 0 3px 1px #e1e1e1
}

#slider-section #slider-arrows .fa {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#slider-section #slider-arrows #prev {
  left: -25px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px
}

#slider-section #slider-arrows #next {
  right: -25px;
  -webkit-border-top-left-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -moz-border-radius-topleft: 50%;
  -moz-border-radius-bottomleft: 50%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%
}

.exterior-service-item .icon {
  max-height: 190px;
  min-height: 190px;
  overflow: hidden
}

.exterior-service-item .icon img {
  vertical-align: middle;
  min-height: 190px;
  object-fit: cover;
}

.resources--blocked .resource_item:hover {
  cursor: pointer
}

.resources--blocked .resource_item .inner {
  border: 1px solid #ccc;
  transition: box-shadow .3s;
  box-shadow: 0 0 7px 2px rgba(171, 168, 171, .15)
}

.resources--blocked .resource_item .inner:hover {
  box-shadow: 0 0 7px 2px rgba(171, 168, 171, .8)
}

.resources--blocked .resource_item .top-section {
  background-color: #f1f1f1;
  background-image: url(//2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/resource--bg.png);
  background-position: center center;
  background-size: cover;
  padding: 0 15px
}

.resources--blocked .resource_item .top-section .resource-image {
  max-height: 210px;
  overflow: hidden;
  text-align: center
}

.resources--blocked .resource_item .top-section .resource-image img {
  max-width: 90%;
  width: 100%;
  height: auto
}

.resources--blocked .resource_item .bottom-section {
  padding: 15px 18px 0;
  border-top: 1px solid #ccc;
}

.resources--blocked .resource_item .bottom-section .info-holder {
  height: 142px;
  overflow: hidden
}
.resources--blocked .resource_item .bottom-section .info-holder h3 {
  font-size: 1.2rem;
  line-height: 1.7rem;
  padding-bottom:25px;
}
.resources--blocked .resource_item .bottom-section .info-holder legend,
.resources--blocked .resource_item .bottom-section .info-holder p,
.resources--blocked .resource_item .bottom-section .info-holder table {
  font-size: 14px;
  line-height: 22px;
}

.resources--blocked .resource_item .bottom-section .link-holder {
  padding: 0px 0 3px;
}

.resources--blocked .resource_item .bottom-section .link-holder a {
  text-transform: uppercase;
  color: #fd4f00;
  font-weight: 600;
  display: inline-block;
  font-size:13px;
}

.resources--blocked .resource_item .bottom-section .link-holder a:after {
  content: '\f101';
  font-family: FontAwesome;
}

.resources--blocked .resource_item .bottom-section .topic-holder {
  text-transform: uppercase;
  border-top: solid 1px #ccc;
  padding: 5px 0;
  font-weight: 600;
  color: #181818;
}

.video--training #traingingVideo {
  display: block;
  width: 100%;
  padding: 0 5px
}

.video--training #video_container {
  max-width: 100%
}

.video--training #video_player figcaption {
  width: 100%
}

.video--training #video_player figcaption a {
  display: inline-block;
  max-width: 25%;
  padding: 5px;
  opacity: .4;
  transition: 1s opacity
}

@media screen and (max-width:1023px) and (min-width:680px) {
  .video--training #video_player figcaption a {
    max-width: 33%
  }
}

.video--training #video_player figcaption a img,
.video--training figure video {
  width: 100%;
  height: auto
}

.video--training #video_player figcaption a.currentvid,
.video--training #video_player figcaption a:hover {
  opacity: 1
}

.request--proposal #header {
  text-align: center
}

.request--proposal #header .header--main--logo {
  float: none !important;
  margin: auto
}

.request--proposal #Hero .bottom--companies {
  padding: 10px 0 !important
}

.request--proposal #Hero .bottom--companies img {
  margin-left: 20px;
  vertical-align: middle
}

.request--proposal #Hero .bottom--companies img:first-child {
  margin-left: 5px
}

@media screen and (max-width:679px) {
  .video--training #video_player figcaption a {
    max-width: 50%
  }

  .request--proposal #Hero .bottom--companies img {
    margin: 4px !important
  }
}

.request--proposal .form--section .slant--divider {
  background-image: url(https://2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/Screen%20Shot%202017-03-02%20at%2010.50.40%20AM.png);
  background-position: center center;
  height: 6px;
  width: 100%
}

.request--proposal .form--section select {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  color: #e1e1e1
}

.request--proposal .form--section select,
.request--proposal .form--section textarea {
  -webkit-appearance: none !important;
  border: 2px solid #e1e1e1;
  border-radius: 0 !important
}

.request--proposal .form--section label {
  color: #b8b3b3 !important
}

.request--proposal .form--section .special-label {
  line-height: 1.05em
}

.request--proposal .form--section .hs-form-field legend {
  color: #b8b3b3;
  line-height: 1.05em
}

.request--proposal .form--section .form-columns-2 .hs-form-field legend {
  display: none !important
}

.hubui .request--proposal form.hs-form .hs-form-field.static > label {
  font-size: 14px !important;
  margin-bottom: 2px !important
}

.hubui .request--proposal form.hs-form .form-columns-3 .hs-form-field.static > label {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important
}

.video_head h1 {
  color: #fff;
  border-bottom: 1px solid #fff;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase
}

.video_head .secondary-header {
  color: #fff
}

.related-blog-post {
  display: block;
  margin-bottom: 32px;
  padding: 0 15px 30pox;
  border-bottom: 1px solid
}

.related-post-item .related-title a {
  display: block !important;
  font-size: 20px;
  line-height: 34px
}

/*-----------*/

.services--section.city--bg>div>div>span{
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
  -moz-box-align:start;
  -ms-flex-align:start;   
  align-items:flex-start;
}
.services--section.city--bg>div>div>span>div{
  /*	width:330px;*/
  width:27%;
}
.services--section.city--bg>div>div>span>div>div{
  width:inherit!important;
}
@media(max-width:768px){
  .services--section.city--bg>div>div>span{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#modalFormButton{ height: 68px !important; }  
#mapForm > div > div > div.form--item.submit > p > input {
  height: 44px !important;
  padding: 5px 15px !important;
}


.header--main--nav--btn .hamburger {
  outline: 0 !important;
  width: 35px;
  height: 35px;
  background: #fff;
  border: none;
  margin-top: 10px;
  margin-right: 10px;
  position:relative;
}
.header--main--nav--btn .hamburger .hamburger-box {
  width: 100%;
  height: 1px;
  background: #000;
  display: inline-block;
  position: relative;
  top: -4px;
}
.header--main--nav--btn .hamburger:before, .header--main--nav--btn .hamburger:after {
  content: "";
  display: inline-block;
  width: -webkit-calc(100% - 12px);
  width: -ms-calc(100% - 12px);
  width: calc(100% - 12px);
  height: 1px;
  background: #000;
  position:absolute;
  left:6px;
}
.header--main--nav--btn .hamburger:before { top: 10px; }
.header--main--nav--btn .hamburger:after { bottom: 10px; }

/** new css 16 may 2019 **/
.pro-all .background--skyline .grid__item h3 {
  line-height: 40px;
  padding: 20px 100px;
  letter-spacing: 0.5px;
  font-size: 28px;
  font-weight: 600!important;
}
.grid__item h3 { padding-top: 20px; font-size: 24px;}
.hard--top h1.color--white {font-size:34px;}
h2.hard--top {font-size: 28px;}
.services--overview .explaination h2 {font-size:28px;}
.services--overview .benefits .benefit-item .fa-stack>.fa {z-index:0;}
.services--overview .benefits .benefit-item .fa-stack:after {z-index:0;}
.exterior-service-item {display:block!important;}
body.project--category.white-header #slider-section { display: none!important;}
.landing-page-2016 .main--content {padding-top:120px;}
.four-twelfths.grid__item h2, .one-third.grid__item h2 {font-size:28px!important;}
body.resources--blocked.white-header.hs--user .mix {display:block; float:left;}
.grid form.hs-form fieldset>.hs-form-field>label, .grid form.hs-form>.hs-form-field>label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #505050;
  margin-bottom: 0px;
}
.grid form.hs-form input[type=password].hs-input, .grid form.hs-form input[type=text].hs-input, .grid form.hs-form input[type=file].hs-input, .grid form.hs-form input[type=number].hs-input, .grid form.hs-form input[type=email].hs-input, .grid form.hs-form input[type=tel].hs-input, .grid form.hs-form textarea.hs-input, .production--form input[type=password], .production--form input[type=text], .production--form input[type=number], .production--form input[type=email], .production--form input[type=tel], .production--form textarea {
  background: #fbfbfb;
  margin-top: 5px;
  box-shadow: none !important;
  height: 45px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}
.grid form.hs-form .hs_submit input.hs-button, .grid form.hs-form .hs_submit input.hs-button:active {
  font-family: 'Montserrat' !important;
  text-align: center;
  background: #fbbd02;
  box-shadow: none;
  color: #000;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
  border-radius: 50px;
  padding: 13px 30px;
  margin-top: 5px;
}
body.project--exterior h2.hard--top:after {
  content: ' ';
  clear: both;
  width: 2em;
  display: block;
  margin: 15px auto;
  border-bottom: 3px solid #fbbd02;
}
body.project--exterior h2.hard--top {
  color: #000;
  font-size: 38px;
  font-weight: 700!important;
}
body.project--exterior .background--skyline, body.resources--blocked.white-header .background--skyline { position:relative; }
body.project--exterior .background--skyline:before, body.resources--blocked.white-header .background--skyline:before {
  content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;/* background: #2cb4b047;*/ background: #00000047;
}
body.pro-all.resources--blocked.white-header .background--skyline:before {background:none!important;}
body.resources--blocked.white-header .background--skyline, body.project--exterior .background--skyline {background-attachment:inherit!important;}
.select2-container .select2-selection--single {height:45px!important;  padding-top:8px;  font-weight:700;  letter-spacing:0.5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {top:80%!important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left:15px!important;}
.resources--blocked .resource_item .bottom-section .info-holder {height:auto!important;}
.resources--blocked .resource_item .top-section {padding:0px!important;}
.resources--blocked .resource_item .top-section .resource-image {max-height:170px!important;}
.resources--blocked .resource_item .top-section .resource-image img {max-width:100%!important;}
.res-main .bid-c { display:none;!important; }
.topic-holder .font--12, .topic-holder .font--12 * { font-weight:600; letter-spacing:0.8px; }

/* portal css start from here */
body.pro-all .bottom-section {min-height:335px!important;}
.pro-all .grid__item { margin-left: 1%; margin-right: 1%; }
.pro-all .padding--short { padding-left: 15px !important; padding-right: 10px !important; }
.resources .one-third.hard--sides.grid__item { width:32%; }
body.resources .inner {min-height:460px;}
.one-third.hard--sides.grid__item { width:25%; }
.pro-all .inner { min-height:450px!important; margin-top:10px; }
.pro-all .inner {background-color: #f3f3f3;}
.pro-all .bottom-section {background-color: #fff;}
.pro-all .topic-holder { padding: 1px 0!important;}
/*.pro-all .bottom-section {min-height:265px;}*/
.pro-all .info-holder {min-height:135px;}
.pro-all .grid.venti, .pro-all .grid__item.venti {padding-bottom:60px!important;}
.info-holder p {padding-bottom:5px;}
body.pro-all .top-section{background-image:none!important;background-color:#fff!important;}
body.pro-all .top-section img {max-height:55px;width:auto!important;float:left;}
body.pro-all .bottom-section {border-top:none!important; }
body.pro-all .info-holder {overflow:inherit!important;}
body.pro-all .resource-image { margin-top: 8px;float: left; margin-left: -20px;}

/** Blog Search page menubar issue **/
/*.hs-content-id-0 .top { position: relative!important; }*/
.hs-content-id-0 .header-top-sec { margin-left: 0px!important; }
.hs-content-id-0 .top.fixed { position: fixed!important; }
/** New css end **/

body.res-main .info-holder {min-height:190px!important;}


/*===Custom Css===*/
.resource_itemWrap > .hs_cos_wrapper_type_widget_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.resources--blocked .resource_itemWrap .resource_item .top-section .resource-image {
  min-height: 170px;
}
body.res-main .resource_itemWrap .info-holder {
  min-height: 215px !important;
}
.resources--blocked .resource_itemWrap .resource_item .bottom-section .info-holder h3 {
  padding-bottom: 10px;
}
.resources--blocked .resource_itemWrap .resource_item .bottom-section .info-holder p {
  margin-bottom: 0;
  margin-top: 0;
}

/*======== Custom landing Page Style ========*/
.lp_design1{
  font-family: Jost, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  color: #000;
}
.lp_design1 p {
  margin-top: 0;
  margin-bottom: 15px;
}
.lp_design1 h1, .lp_design1 h2, .lp_design1 h3, .lp_design1 h4, .lp_design1 h5, .lp_design1 h6 {
  letter-spacing: 1px;
  margin-top: 0;
}
.lp_design1 .form--holder form {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
}



@media screen and (max-width: 1024px) {
  .resources .one-third.hard--sides.grid__item {
    width: 50%;
  }
}

@media screen and (max-width:767px) {
  .resources .one-third.hard--sides.grid__item {
    width: 100%;
  }
  body.res-main .resource_itemWrap .info-holder {
    min-height: 0 !important;
    padding-bottom: 20px;
  }
  .resources--blocked .resource_itemWrap .resource_item .top-section .resource-image {
    min-height: 30vw;
  }
  body.resources .resource_itemWrap .inner {
    min-height: unset;
  }
}

@media screen and (max-width:479px) {
  .grid.grid_wrap {
    max-width: 100%;
  }
}