/* Grid */
.nf--wrapper .page-center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 1188px !important;
  max-width: 98% !important;
  float: none !important
}
.nf--wrapper .grid {
  margin: 0px auto !important;
  width: 1231px !important;
  max-width: 98% !important;
  text-align: center;
  font-size: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 60px;
  padding-bottom: 60px
}
.nf--wrapper .grid .hs_cos_wrapper_type_custom_widget {
  font-size:0px;
}
.nf--wrapper .grid.hard,
.nf--wrapper .grid.hard--sides {
  width:100%!important;
  max-width:100%!important;
}
.nf--wrapper .grid__item {
  display: inline-block;
  vertical-align: top;
  margin-left: 1.75% !important;
  margin-right: 1.75% !important;
  padding-top: 60px;
  padding-bottom: 60px
}

.nf--wrapper .grid.flexgrid,
.nf--wrapper .flexgrid {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  justify-content: space-between;
}
.nf--wrapper .flexgrid > .grid__item {
  box-sizing: border-box;
  max-width: 100%;
  flex: none;
}
.nf--wrapper .flex__grid__item {
  flex: 1 1 0%;
}
.nf--wrapper .flexgrid.no--wrap {
  flex-wrap: nowrap;
}
.nf--wrapper .flexgrid.align--start {
  justify-content: flex-start;
}
.nf--wrapper .flexgrid.align--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.align--right {
  align-self: flex-end;
  justify-content: flex-end;
  margin-left: auto;
}
.nf--wrapper .flexgrid.valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.valign--baseline {
  align-items: baseline;
}
.nf--wrapper .flexgrid.valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.space--between {
  justify-content: space-between;
}
.nf--wrapper .flexgrid.space--around {
  justify-content: space-around;
}
.nf--wrapper .flexgrid.equal--height > .grid__item {
  align-self: stretch;
  -ms-grid-row-align: stretch;
}
.nf--wrapper .flexgrid.equal--height > .grid__item > * {
  height: 100%;
}
.nf--wrapper .grid__item.self--top {
  align-self: flex-start;
}
.nf--wrapper .grid__item.self--middle {
  align-self: center;
  -ms-grid-row-align: center;
}
.nf--wrapper .grid__item.self--bottom {
  align-self: flex-end;
}
.nf--wrapper .grid__item.self--center {
  justify-self: center;
}
.nf--wrapper .grid__item.self--first {
  order: -1;
}
.nf--wrapper .grid__item.self--last {
  order: 1;
}


.nf--wrapper .flexgrid.valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.first {
  order: -1;
}
.nf--wrapper .flexgrid.last {
  order: 1;
}
.nf--wrapper .grid__item.self--center {
  justify-self: center;
}

@media (min-width: 1108px) {
.nf--wrapper .flexgrid.desk-valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.desk-valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.desk-valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.desk-justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.desk-row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.desk-direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.desk-direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.desk-column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.desk-first {
  order: -1;
}
.nf--wrapper .flexgrid.desk-last {
  order: 1;
}
.nf--wrapper .grid__item.desk-self--center {
  justify-self: center;
}
}
@media (min-width: 1024px) and (max-width: 1107px) {
.nf--wrapper .flexgrid.lap-valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.lap-valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.lap-valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.lap-justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.lap-row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.lap-direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.lap-direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.lap-column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.lap-first {
  order: -1;
}
.nf--wrapper .flexgrid.lap-last {
  order: 1;
}
.nf--wrapper .grid__item.lap-self--center {
  justify-self: center;
}
}
@media (min-width: 1024px) {
.nf--wrapper .flexgrid.lap-and-up-valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.lap-and-up-valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.lap-and-up-valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.lap-and-up-justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.lap-and-up-row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.lap-and-up-direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.lap-and-up-direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.lap-and-up-column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.lap-and-up-first {
  order: -1;
}
.nf--wrapper .flexgrid.lap-and-up-last {
  order: 1;
}
.nf--wrapper .grid__item.lap-and-up-self--center {
  justify-self: center;
}
}
@media (max-width: 1023px) {
.nf--wrapper .flexgrid.portable-valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.portable-valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.portable-valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.portable-justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.portable-row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.portable-direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.portable-direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.portable-column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.portable-first {
  order: -1;
}
.nf--wrapper .flexgrid.portable-last {
  order: 1;
}
.nf--wrapper .grid__item.portable-self--center {
  justify-self: center;
}
}
@media (min-width: 680px) and (max-width: 1023px) {
.nf--wrapper .flexgrid.tablet-valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.tablet-valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.tablet-valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.tablet-justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.tablet-row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.tablet-direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.tablet-direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.tablet-column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.tablet-first {
  order: -1;
}
.nf--wrapper .flexgrid.tablet-last {
  order: 1;
}
.nf--wrapper .grid__item.tablet-self--center {
  justify-self: center;
}
}
@media (max-width: 679px) {
.nf--wrapper .flexgrid.palm-valign--top {
  align-items: flex-start;
}
.nf--wrapper .flexgrid.palm-valign--middle {
  align-items: center;
}
.nf--wrapper .flexgrid.palm-valign--bottom {
  align-items: flex-end;
}
.nf--wrapper .flexgrid.palm-justify--center {
  justify-content: center;
}
.nf--wrapper .flexgrid.palm-row--reverse {
  flex-direction: row-reverse;
}
.nf--wrapper .flexgrid.palm-direction--column {
  flex-direction: column;
}
.nf--wrapper .flexgrid.palm-direction--column > .grid__item {
  flex-basis: auto;
}
.nf--wrapper .flexgrid.palm-column--reverse {
  flex-direction: column-reverse;
}
.nf--wrapper .flexgrid.palm-first {
  order: -1;
}
.nf--wrapper .flexgrid.palm-last {
  order: 1;
}
.nf--wrapper .grid__item.palm-self--center {
  justify-self: center;
}
}




/* Grid Column Widths */



.nf--wrapper .one-twelfths.grid__item {
  width: 4.3333335%;
  flex-basis: 4.3333335%;
}
.nf--wrapper .one-twelfths.hard--left.grid__item,
.nf--wrapper .one-twelfths.hard--right.grid__item {
  width: 6.3333335%;
  flex-basis: 6.3333335%;
}
.nf--wrapper .one-twelfths.hard.grid__item,
.nf--wrapper .one-twelfths.hard--sides.grid__item {
  width: 8.333333%;
  flex-basis: 8.333333%;
}

.nf--wrapper .two-twelfths.grid__item {
  width: 12.666667%;
  flex-basis: 12.666667%;
}
.nf--wrapper .two-twelfths.hard--left.grid__item,
.nf--wrapper .two-twelfths.hard--right.grid__item {
  width: 14.666667%;
  flex-basis: 14.666667%;
}
.nf--wrapper .two-twelfths.hard.grid__item,
.nf--wrapper .two-twelfths.hard--sides.grid__item {
  width: 16.666666%;
  flex-basis: 16.666666%;
}

.nf--wrapper .three-twelfths.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .three-twelfths.hard--left.grid__item,
.nf--wrapper .three-twelfths.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .three-twelfths.hard.grid__item,
.nf--wrapper .three-twelfths.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .four-twelfths.grid__item {
  width: 29.333334%;
  flex-basis: 29.333334%;
}
.nf--wrapper .four-twelfths.hard--left.grid__item,
.nf--wrapper .four-twelfths.hard--right.grid__item {
  width: 31.333334%;
  flex-basis: 31.333334%;
}
.nf--wrapper .four-twelfths.hard.grid__item,
.nf--wrapper .four-twelfths.hard--sides.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .five-twelfths.grid__item {
  width: 37.666668%;
  flex-basis: 37.666668%;
}
.nf--wrapper .five-twelfths.hard--left.grid__item,
.nf--wrapper .five-twelfths.hard--right.grid__item {
  width: 39.666668%;
  flex-basis: 39.666668%;
}
.nf--wrapper .five-twelfths.hard.grid__item,
.nf--wrapper .five-twelfths.hard--sides.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .six-twelfths.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .six-twelfths.hard--left.grid__item,
.nf--wrapper .six-twelfths.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .six-twelfths.hard.grid__item,
.nf--wrapper .six-twelfths.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .seven-twelfths.grid__item {
  width: 54.333332%;
  flex-basis: 54.333332%;
}
.nf--wrapper .seven-twelfths.hard--left.grid__item,
.nf--wrapper .seven-twelfths.hard--right.grid__item {
  width: 56.333332%;
  flex-basis: 56.333332%;
}
.nf--wrapper .seven-twelfths.hard.grid__item,
.nf--wrapper .seven-twelfths.hard--sides.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .eight-twelfths.grid__item {
  width: 62.666668%;
  flex-basis: 62.666668%;
}
.nf--wrapper .eight-twelfths.hard--left.grid__item,
.nf--wrapper .eight-twelfths.hard--right.grid__item {
  width: 64.666664%;
  flex-basis: 64.666664%;
}
.nf--wrapper .eight-twelfths.hard.grid__item,
.nf--wrapper .eight-twelfths.hard--sides.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}

.nf--wrapper .nine-twelfths.grid__item {
  width: 71%;
  flex-basis: 71%;
}
.nf--wrapper .nine-twelfths.hard--left.grid__item,
.nf--wrapper .nine-twelfths.hard--right.grid__item {
  width: 73%;
  flex-basis: 73%;
}
.nf--wrapper .nine-twelfths.hard.grid__item,
.nf--wrapper .nine-twelfths.hard--sides.grid__item {
  width: 75%;
  flex-basis: 75%;
}

.nf--wrapper .ten-twelfths.grid__item {
  width: 79.333336%;
  flex-basis: 79.333336%;
}
.nf--wrapper .ten-twelfths.hard--left.grid__item,
.nf--wrapper .ten-twelfths.hard--right.grid__item {
  width: 81.333336%;
  flex-basis: 81.333336%;
}
.nf--wrapper .ten-twelfths.hard.grid__item,
.nf--wrapper .ten-twelfths.hard--sides.grid__item {
  width: 83.333336%;
  flex-basis: 83.333336%;
}

.nf--wrapper .eleven-twelfths.grid__item {
  width: 87.666664%;
  flex-basis: 87.666664%;
}
.nf--wrapper .eleven-twelfths.hard--left.grid__item,
.nf--wrapper .eleven-twelfths.hard--right.grid__item {
  width: 89.666664%;
  flex-basis: 89.666664%;
}
.nf--wrapper .eleven-twelfths.hard.grid__item,
.nf--wrapper .eleven-twelfths.hard--sides.grid__item {
  width: 91.666664%;
  flex-basis: 91.666664%;
}

.nf--wrapper .twelve-twelfths.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .twelve-twelfths.hard--left.grid__item,
.nf--wrapper .twelve-twelfths.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .twelve-twelfths.hard.grid__item,
.nf--wrapper .twelve-twelfths.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}


.nf--wrapper .three-half-twelfths.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .four-half-twelfths.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .five-half-twelfths.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .six-half-twelfths.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .seven-half-twelfths.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .eight-half-twelfths.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}





.nf--wrapper .one-whole.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .one-whole.hard--left.grid__item, .one-whole.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .one-whole.hard.grid__item,
.nf--wrapper .one-whole.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}

.nf--wrapper .one-half.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .one-half.hard--left.grid__item, .one-half.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .one-half.hard.grid__item,
.nf--wrapper .one-half.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .one-third.grid__item {
  width: 29.333%;
  flex-basis: 29.333%;
}
.nf--wrapper .one-third.hard--left.grid__item, .one-third.hard--right.grid__item {
  width: 31.333%;
  flex-basis: 31.333%;
}
.nf--wrapper .one-third.hard.grid__item,
.nf--wrapper .one-third.hard--sides.grid__item {
  width: 33.333%;
  flex-basis: 33.333%;
}

.nf--wrapper .one-fourth.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .one-fourth.hard--left.grid__item, .one-fourth.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .one-fourth.hard.grid__item,
.nf--wrapper .one-fourth.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .one-fifth.grid__item {
  width: 16%;
  flex-basis: 16%;
}
.nf--wrapper .one-fifth.hard--left.grid__item, .one-fifth.hard--right.grid__item {
  width: 18%;
  flex-basis: 18%;
}
.nf--wrapper .one-fifth.hard.grid__item,
.nf--wrapper .one-fifth.hard--sides.grid__item {
  width: 20%;
  flex-basis: 20%;
}

.nf--wrapper .one-sixth.grid__item {
  width: 12.665999%;
  flex-basis: 12.665999%;
}
.nf--wrapper .one-sixth.hard--left.grid__item, .one-sixth.hard--right.grid__item {
  width: 14.665999%;
  flex-basis: 14.665999%;
}
.nf--wrapper .one-sixth.hard.grid__item,
.nf--wrapper .one-sixth.hard--sides.grid__item {
  width: 16.666%;
  flex-basis: 16.666%;
}



@media (min-width: 1108px) {


.nf--wrapper .desk-one-twelfths.grid__item {
  width: 4.3333335%;
  flex-basis: 4.3333335%;
}
.nf--wrapper .desk-one-twelfths.hard--left.grid__item,
.nf--wrapper .desk-one-twelfths.hard--right.grid__item {
  width: 6.3333335%;
  flex-basis: 6.3333335%;
}
.nf--wrapper .desk-one-twelfths.hard.grid__item,
.nf--wrapper .desk-one-twelfths.hard--sides.grid__item {
  width: 8.333333%;
  flex-basis: 8.333333%;
}

.nf--wrapper .desk-two-twelfths.grid__item {
  width: 12.666667%;
  flex-basis: 12.666667%;
}
.nf--wrapper .desk-two-twelfths.hard--left.grid__item,
.nf--wrapper .desk-two-twelfths.hard--right.grid__item {
  width: 14.666667%;
  flex-basis: 14.666667%;
}
.nf--wrapper .desk-two-twelfths.hard.grid__item,
.nf--wrapper .desk-two-twelfths.hard--sides.grid__item {
  width: 16.666666%;
  flex-basis: 16.666666%;
}

.nf--wrapper .desk-three-twelfths.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .desk-three-twelfths.hard--left.grid__item,
.nf--wrapper .desk-three-twelfths.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .desk-three-twelfths.hard.grid__item,
.nf--wrapper .desk-three-twelfths.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .desk-four-twelfths.grid__item {
  width: 29.333334%;
  flex-basis: 29.333334%;
}
.nf--wrapper .desk-four-twelfths.hard--left.grid__item,
.nf--wrapper .desk-four-twelfths.hard--right.grid__item {
  width: 31.333334%;
  flex-basis: 31.333334%;
}
.nf--wrapper .desk-four-twelfths.hard.grid__item,
.nf--wrapper .desk-four-twelfths.hard--sides.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .desk-five-twelfths.grid__item {
  width: 37.666668%;
  flex-basis: 37.666668%;
}
.nf--wrapper .desk-five-twelfths.hard--left.grid__item,
.nf--wrapper .desk-five-twelfths.hard--right.grid__item {
  width: 39.666668%;
  flex-basis: 39.666668%;
}
.nf--wrapper .desk-five-twelfths.hard.grid__item,
.nf--wrapper .desk-five-twelfths.hard--sides.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .desk-six-twelfths.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .desk-six-twelfths.hard--left.grid__item,
.nf--wrapper .desk-six-twelfths.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .desk-six-twelfths.hard.grid__item,
.nf--wrapper .desk-six-twelfths.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .desk-seven-twelfths.grid__item {
  width: 54.333332%;
  flex-basis: 54.333332%;
}
.nf--wrapper .desk-seven-twelfths.hard--left.grid__item,
.nf--wrapper .desk-seven-twelfths.hard--right.grid__item {
  width: 56.333332%;
  flex-basis: 56.333332%;
}
.nf--wrapper .desk-seven-twelfths.hard.grid__item,
.nf--wrapper .desk-seven-twelfths.hard--sides.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .desk-eight-twelfths.grid__item {
  width: 62.666668%;
  flex-basis: 62.666668%;
}
.nf--wrapper .desk-eight-twelfths.hard--left.grid__item,
.nf--wrapper .desk-eight-twelfths.hard--right.grid__item {
  width: 64.666664%;
  flex-basis: 64.666664%;
}
.nf--wrapper .desk-eight-twelfths.hard.grid__item,
.nf--wrapper .desk-eight-twelfths.hard--sides.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}

.nf--wrapper .desk-nine-twelfths.grid__item {
  width: 71%;
  flex-basis: 71%;
}
.nf--wrapper .desk-nine-twelfths.hard--left.grid__item,
.nf--wrapper .desk-nine-twelfths.hard--right.grid__item {
  width: 73%;
  flex-basis: 73%;
}
.nf--wrapper .desk-nine-twelfths.hard.grid__item,
.nf--wrapper .desk-nine-twelfths.hard--sides.grid__item {
  width: 75%;
  flex-basis: 75%;
}

.nf--wrapper .desk-ten-twelfths.grid__item {
  width: 79.333336%;
  flex-basis: 79.333336%;
}
.nf--wrapper .desk-ten-twelfths.hard--left.grid__item,
.nf--wrapper .desk-ten-twelfths.hard--right.grid__item {
  width: 81.333336%;
  flex-basis: 81.333336%;
}
.nf--wrapper .desk-ten-twelfths.hard.grid__item,
.nf--wrapper .desk-ten-twelfths.hard--sides.grid__item {
  width: 83.333336%;
  flex-basis: 83.333336%;
}

.nf--wrapper .desk-eleven-twelfths.grid__item {
  width: 87.666664%;
  flex-basis: 87.666664%;
}
.nf--wrapper .desk-eleven-twelfths.hard--left.grid__item,
.nf--wrapper .desk-eleven-twelfths.hard--right.grid__item {
  width: 89.666664%;
  flex-basis: 89.666664%;
}
.nf--wrapper .desk-eleven-twelfths.hard.grid__item,
.nf--wrapper .desk-eleven-twelfths.hard--sides.grid__item {
  width: 91.666664%;
  flex-basis: 91.666664%;
}

.nf--wrapper .desk-twelve-twelfths.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .desk-twelve-twelfths.hard--left.grid__item,
.nf--wrapper .desk-twelve-twelfths.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .desk-twelve-twelfths.hard.grid__item,
.nf--wrapper .desk-twelve-twelfths.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}


.nf--wrapper .desk-three-half-twelfths.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .desk-four-half-twelfths.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .desk-five-half-twelfths.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .desk-six-half-twelfths.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .desk-seven-half-twelfths.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .desk-eight-half-twelfths.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}





.nf--wrapper .desk-one-whole.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .desk-one-whole.hard--left.grid__item, .desk-one-whole.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .desk-one-whole.hard.grid__item,
.nf--wrapper .desk-one-whole.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}

.nf--wrapper .desk-one-half.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .desk-one-half.hard--left.grid__item, .desk-one-half.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .desk-one-half.hard.grid__item,
.nf--wrapper .desk-one-half.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .desk-one-third.grid__item {
  width: 29.333%;
  flex-basis: 29.333%;
}
.nf--wrapper .desk-one-third.hard--left.grid__item, .desk-one-third.hard--right.grid__item {
  width: 31.333%;
  flex-basis: 31.333%;
}
.nf--wrapper .desk-one-third.hard.grid__item,
.nf--wrapper .desk-one-third.hard--sides.grid__item {
  width: 33.333%;
  flex-basis: 33.333%;
}

.nf--wrapper .desk-one-fourth.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .desk-one-fourth.hard--left.grid__item, .desk-one-fourth.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .desk-one-fourth.hard.grid__item,
.nf--wrapper .desk-one-fourth.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .desk-one-fifth.grid__item {
  width: 16%;
  flex-basis: 16%;
}
.nf--wrapper .desk-one-fifth.hard--left.grid__item, .desk-one-fifth.hard--right.grid__item {
  width: 18%;
  flex-basis: 18%;
}
.nf--wrapper .desk-one-fifth.hard.grid__item,
.nf--wrapper .desk-one-fifth.hard--sides.grid__item {
  width: 20%;
  flex-basis: 20%;
}

.nf--wrapper .desk-one-sixth.grid__item {
  width: 12.665999%;
  flex-basis: 12.665999%;
}
.nf--wrapper .desk-one-sixth.hard--left.grid__item, .desk-one-sixth.hard--right.grid__item {
  width: 14.665999%;
  flex-basis: 14.665999%;
}
.nf--wrapper .desk-one-sixth.hard.grid__item,
.nf--wrapper .desk-one-sixth.hard--sides.grid__item {
  width: 16.666%;
  flex-basis: 16.666%;
}


}
@media (min-width: 1024px) and (max-width: 1107px) {


.nf--wrapper .lap-one-twelfths.grid__item {
  width: 4.3333335%;
  flex-basis: 4.3333335%;
}
.nf--wrapper .lap-one-twelfths.hard--left.grid__item,
.nf--wrapper .lap-one-twelfths.hard--right.grid__item {
  width: 6.3333335%;
  flex-basis: 6.3333335%;
}
.nf--wrapper .lap-one-twelfths.hard.grid__item,
.nf--wrapper .lap-one-twelfths.hard--sides.grid__item {
  width: 8.333333%;
  flex-basis: 8.333333%;
}

.nf--wrapper .lap-two-twelfths.grid__item {
  width: 12.666667%;
  flex-basis: 12.666667%;
}
.nf--wrapper .lap-two-twelfths.hard--left.grid__item,
.nf--wrapper .lap-two-twelfths.hard--right.grid__item {
  width: 14.666667%;
  flex-basis: 14.666667%;
}
.nf--wrapper .lap-two-twelfths.hard.grid__item,
.nf--wrapper .lap-two-twelfths.hard--sides.grid__item {
  width: 16.666666%;
  flex-basis: 16.666666%;
}

.nf--wrapper .lap-three-twelfths.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .lap-three-twelfths.hard--left.grid__item,
.nf--wrapper .lap-three-twelfths.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .lap-three-twelfths.hard.grid__item,
.nf--wrapper .lap-three-twelfths.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .lap-four-twelfths.grid__item {
  width: 29.333334%;
  flex-basis: 29.333334%;
}
.nf--wrapper .lap-four-twelfths.hard--left.grid__item,
.nf--wrapper .lap-four-twelfths.hard--right.grid__item {
  width: 31.333334%;
  flex-basis: 31.333334%;
}
.nf--wrapper .lap-four-twelfths.hard.grid__item,
.nf--wrapper .lap-four-twelfths.hard--sides.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .lap-five-twelfths.grid__item {
  width: 37.666668%;
  flex-basis: 37.666668%;
}
.nf--wrapper .lap-five-twelfths.hard--left.grid__item,
.nf--wrapper .lap-five-twelfths.hard--right.grid__item {
  width: 39.666668%;
  flex-basis: 39.666668%;
}
.nf--wrapper .lap-five-twelfths.hard.grid__item,
.nf--wrapper .lap-five-twelfths.hard--sides.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .lap-six-twelfths.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .lap-six-twelfths.hard--left.grid__item,
.nf--wrapper .lap-six-twelfths.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .lap-six-twelfths.hard.grid__item,
.nf--wrapper .lap-six-twelfths.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .lap-seven-twelfths.grid__item {
  width: 54.333332%;
  flex-basis: 54.333332%;
}
.nf--wrapper .lap-seven-twelfths.hard--left.grid__item,
.nf--wrapper .lap-seven-twelfths.hard--right.grid__item {
  width: 56.333332%;
  flex-basis: 56.333332%;
}
.nf--wrapper .lap-seven-twelfths.hard.grid__item,
.nf--wrapper .lap-seven-twelfths.hard--sides.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .lap-eight-twelfths.grid__item {
  width: 62.666668%;
  flex-basis: 62.666668%;
}
.nf--wrapper .lap-eight-twelfths.hard--left.grid__item,
.nf--wrapper .lap-eight-twelfths.hard--right.grid__item {
  width: 64.666664%;
  flex-basis: 64.666664%;
}
.nf--wrapper .lap-eight-twelfths.hard.grid__item,
.nf--wrapper .lap-eight-twelfths.hard--sides.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}

.nf--wrapper .lap-nine-twelfths.grid__item {
  width: 71%;
  flex-basis: 71%;
}
.nf--wrapper .lap-nine-twelfths.hard--left.grid__item,
.nf--wrapper .lap-nine-twelfths.hard--right.grid__item {
  width: 73%;
  flex-basis: 73%;
}
.nf--wrapper .lap-nine-twelfths.hard.grid__item,
.nf--wrapper .lap-nine-twelfths.hard--sides.grid__item {
  width: 75%;
  flex-basis: 75%;
}

.nf--wrapper .lap-ten-twelfths.grid__item {
  width: 79.333336%;
  flex-basis: 79.333336%;
}
.nf--wrapper .lap-ten-twelfths.hard--left.grid__item,
.nf--wrapper .lap-ten-twelfths.hard--right.grid__item {
  width: 81.333336%;
  flex-basis: 81.333336%;
}
.nf--wrapper .lap-ten-twelfths.hard.grid__item,
.nf--wrapper .lap-ten-twelfths.hard--sides.grid__item {
  width: 83.333336%;
  flex-basis: 83.333336%;
}

.nf--wrapper .lap-eleven-twelfths.grid__item {
  width: 87.666664%;
  flex-basis: 87.666664%;
}
.nf--wrapper .lap-eleven-twelfths.hard--left.grid__item,
.nf--wrapper .lap-eleven-twelfths.hard--right.grid__item {
  width: 89.666664%;
  flex-basis: 89.666664%;
}
.nf--wrapper .lap-eleven-twelfths.hard.grid__item,
.nf--wrapper .lap-eleven-twelfths.hard--sides.grid__item {
  width: 91.666664%;
  flex-basis: 91.666664%;
}

.nf--wrapper .lap-twelve-twelfths.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .lap-twelve-twelfths.hard--left.grid__item,
.nf--wrapper .lap-twelve-twelfths.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .lap-twelve-twelfths.hard.grid__item,
.nf--wrapper .lap-twelve-twelfths.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}


.nf--wrapper .lap-three-half-twelfths.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .lap-four-half-twelfths.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .lap-five-half-twelfths.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .lap-six-half-twelfths.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .lap-seven-half-twelfths.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .lap-eight-half-twelfths.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}





.nf--wrapper .lap-one-whole.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .lap-one-whole.hard--left.grid__item, .lap-one-whole.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .lap-one-whole.hard.grid__item,
.nf--wrapper .lap-one-whole.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}

.nf--wrapper .lap-one-half.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .lap-one-half.hard--left.grid__item, .lap-one-half.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .lap-one-half.hard.grid__item,
.nf--wrapper .lap-one-half.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .lap-one-third.grid__item {
  width: 29.333%;
  flex-basis: 29.333%;
}
.nf--wrapper .lap-one-third.hard--left.grid__item, .lap-one-third.hard--right.grid__item {
  width: 31.333%;
  flex-basis: 31.333%;
}
.nf--wrapper .lap-one-third.hard.grid__item,
.nf--wrapper .lap-one-third.hard--sides.grid__item {
  width: 33.333%;
  flex-basis: 33.333%;
}

.nf--wrapper .lap-one-fourth.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .lap-one-fourth.hard--left.grid__item, .lap-one-fourth.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .lap-one-fourth.hard.grid__item,
.nf--wrapper .lap-one-fourth.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .lap-one-fifth.grid__item {
  width: 16%;
  flex-basis: 16%;
}
.nf--wrapper .lap-one-fifth.hard--left.grid__item, .lap-one-fifth.hard--right.grid__item {
  width: 18%;
  flex-basis: 18%;
}
.nf--wrapper .lap-one-fifth.hard.grid__item,
.nf--wrapper .lap-one-fifth.hard--sides.grid__item {
  width: 20%;
  flex-basis: 20%;
}

.nf--wrapper .lap-one-sixth.grid__item {
  width: 12.665999%;
  flex-basis: 12.665999%;
}
.nf--wrapper .lap-one-sixth.hard--left.grid__item, .lap-one-sixth.hard--right.grid__item {
  width: 14.665999%;
  flex-basis: 14.665999%;
}
.nf--wrapper .lap-one-sixth.hard.grid__item,
.nf--wrapper .lap-one-sixth.hard--sides.grid__item {
  width: 16.666%;
  flex-basis: 16.666%;
}


}
@media (min-width: 1024px) {


.nf--wrapper .lap-and-up-one-twelfths.grid__item {
  width: 4.3333335%;
  flex-basis: 4.3333335%;
}
.nf--wrapper .lap-and-up-one-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-one-twelfths.hard--right.grid__item {
  width: 6.3333335%;
  flex-basis: 6.3333335%;
}
.nf--wrapper .lap-and-up-one-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-one-twelfths.hard--sides.grid__item {
  width: 8.333333%;
  flex-basis: 8.333333%;
}

.nf--wrapper .lap-and-up-two-twelfths.grid__item {
  width: 12.666667%;
  flex-basis: 12.666667%;
}
.nf--wrapper .lap-and-up-two-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-two-twelfths.hard--right.grid__item {
  width: 14.666667%;
  flex-basis: 14.666667%;
}
.nf--wrapper .lap-and-up-two-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-two-twelfths.hard--sides.grid__item {
  width: 16.666666%;
  flex-basis: 16.666666%;
}

.nf--wrapper .lap-and-up-three-twelfths.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .lap-and-up-three-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-three-twelfths.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .lap-and-up-three-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-three-twelfths.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .lap-and-up-four-twelfths.grid__item {
  width: 29.333334%;
  flex-basis: 29.333334%;
}
.nf--wrapper .lap-and-up-four-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-four-twelfths.hard--right.grid__item {
  width: 31.333334%;
  flex-basis: 31.333334%;
}
.nf--wrapper .lap-and-up-four-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-four-twelfths.hard--sides.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .lap-and-up-five-twelfths.grid__item {
  width: 37.666668%;
  flex-basis: 37.666668%;
}
.nf--wrapper .lap-and-up-five-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-five-twelfths.hard--right.grid__item {
  width: 39.666668%;
  flex-basis: 39.666668%;
}
.nf--wrapper .lap-and-up-five-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-five-twelfths.hard--sides.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .lap-and-up-six-twelfths.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .lap-and-up-six-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-six-twelfths.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .lap-and-up-six-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-six-twelfths.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .lap-and-up-seven-twelfths.grid__item {
  width: 54.333332%;
  flex-basis: 54.333332%;
}
.nf--wrapper .lap-and-up-seven-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-seven-twelfths.hard--right.grid__item {
  width: 56.333332%;
  flex-basis: 56.333332%;
}
.nf--wrapper .lap-and-up-seven-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-seven-twelfths.hard--sides.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .lap-and-up-eight-twelfths.grid__item {
  width: 62.666668%;
  flex-basis: 62.666668%;
}
.nf--wrapper .lap-and-up-eight-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-eight-twelfths.hard--right.grid__item {
  width: 64.666664%;
  flex-basis: 64.666664%;
}
.nf--wrapper .lap-and-up-eight-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-eight-twelfths.hard--sides.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}

.nf--wrapper .lap-and-up-nine-twelfths.grid__item {
  width: 71%;
  flex-basis: 71%;
}
.nf--wrapper .lap-and-up-nine-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-nine-twelfths.hard--right.grid__item {
  width: 73%;
  flex-basis: 73%;
}
.nf--wrapper .lap-and-up-nine-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-nine-twelfths.hard--sides.grid__item {
  width: 75%;
  flex-basis: 75%;
}

.nf--wrapper .lap-and-up-ten-twelfths.grid__item {
  width: 79.333336%;
  flex-basis: 79.333336%;
}
.nf--wrapper .lap-and-up-ten-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-ten-twelfths.hard--right.grid__item {
  width: 81.333336%;
  flex-basis: 81.333336%;
}
.nf--wrapper .lap-and-up-ten-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-ten-twelfths.hard--sides.grid__item {
  width: 83.333336%;
  flex-basis: 83.333336%;
}

.nf--wrapper .lap-and-up-eleven-twelfths.grid__item {
  width: 87.666664%;
  flex-basis: 87.666664%;
}
.nf--wrapper .lap-and-up-eleven-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-eleven-twelfths.hard--right.grid__item {
  width: 89.666664%;
  flex-basis: 89.666664%;
}
.nf--wrapper .lap-and-up-eleven-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-eleven-twelfths.hard--sides.grid__item {
  width: 91.666664%;
  flex-basis: 91.666664%;
}

.nf--wrapper .lap-and-up-twelve-twelfths.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .lap-and-up-twelve-twelfths.hard--left.grid__item,
.nf--wrapper .lap-and-up-twelve-twelfths.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .lap-and-up-twelve-twelfths.hard.grid__item,
.nf--wrapper .lap-and-up-twelve-twelfths.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}


.nf--wrapper .lap-and-up-three-half-twelfths.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .lap-and-up-four-half-twelfths.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .lap-and-up-five-half-twelfths.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .lap-and-up-six-half-twelfths.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .lap-and-up-seven-half-twelfths.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .lap-and-up-eight-half-twelfths.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}





.nf--wrapper .lap-and-up-one-whole.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .lap-and-up-one-whole.hard--left.grid__item, .lap-and-up-one-whole.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .lap-and-up-one-whole.hard.grid__item,
.nf--wrapper .lap-and-up-one-whole.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}

.nf--wrapper .lap-and-up-one-half.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .lap-and-up-one-half.hard--left.grid__item, .lap-and-up-one-half.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .lap-and-up-one-half.hard.grid__item,
.nf--wrapper .lap-and-up-one-half.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .lap-and-up-one-third.grid__item {
  width: 29.333%;
  flex-basis: 29.333%;
}
.nf--wrapper .lap-and-up-one-third.hard--left.grid__item, .lap-and-up-one-third.hard--right.grid__item {
  width: 31.333%;
  flex-basis: 31.333%;
}
.nf--wrapper .lap-and-up-one-third.hard.grid__item,
.nf--wrapper .lap-and-up-one-third.hard--sides.grid__item {
  width: 33.333%;
  flex-basis: 33.333%;
}

.nf--wrapper .lap-and-up-one-fourth.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .lap-and-up-one-fourth.hard--left.grid__item, .lap-and-up-one-fourth.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .lap-and-up-one-fourth.hard.grid__item,
.nf--wrapper .lap-and-up-one-fourth.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .lap-and-up-one-fifth.grid__item {
  width: 16%;
  flex-basis: 16%;
}
.nf--wrapper .lap-and-up-one-fifth.hard--left.grid__item, .lap-and-up-one-fifth.hard--right.grid__item {
  width: 18%;
  flex-basis: 18%;
}
.nf--wrapper .lap-and-up-one-fifth.hard.grid__item,
.nf--wrapper .lap-and-up-one-fifth.hard--sides.grid__item {
  width: 20%;
  flex-basis: 20%;
}

.nf--wrapper .lap-and-up-one-sixth.grid__item {
  width: 12.665999%;
  flex-basis: 12.665999%;
}
.nf--wrapper .lap-and-up-one-sixth.hard--left.grid__item, .lap-and-up-one-sixth.hard--right.grid__item {
  width: 14.665999%;
  flex-basis: 14.665999%;
}
.nf--wrapper .lap-and-up-one-sixth.hard.grid__item,
.nf--wrapper .lap-and-up-one-sixth.hard--sides.grid__item {
  width: 16.666%;
  flex-basis: 16.666%;
}


}
@media (max-width: 1023px) {


.nf--wrapper .portable-one-twelfths.grid__item {
  width: 4.3333335%;
  flex-basis: 4.3333335%;
}
.nf--wrapper .portable-one-twelfths.hard--left.grid__item,
.nf--wrapper .portable-one-twelfths.hard--right.grid__item {
  width: 6.3333335%;
  flex-basis: 6.3333335%;
}
.nf--wrapper .portable-one-twelfths.hard.grid__item,
.nf--wrapper .portable-one-twelfths.hard--sides.grid__item {
  width: 8.333333%;
  flex-basis: 8.333333%;
}

.nf--wrapper .portable-two-twelfths.grid__item {
  width: 12.666667%;
  flex-basis: 12.666667%;
}
.nf--wrapper .portable-two-twelfths.hard--left.grid__item,
.nf--wrapper .portable-two-twelfths.hard--right.grid__item {
  width: 14.666667%;
  flex-basis: 14.666667%;
}
.nf--wrapper .portable-two-twelfths.hard.grid__item,
.nf--wrapper .portable-two-twelfths.hard--sides.grid__item {
  width: 16.666666%;
  flex-basis: 16.666666%;
}

.nf--wrapper .portable-three-twelfths.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .portable-three-twelfths.hard--left.grid__item,
.nf--wrapper .portable-three-twelfths.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .portable-three-twelfths.hard.grid__item,
.nf--wrapper .portable-three-twelfths.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .portable-four-twelfths.grid__item {
  width: 29.333334%;
  flex-basis: 29.333334%;
}
.nf--wrapper .portable-four-twelfths.hard--left.grid__item,
.nf--wrapper .portable-four-twelfths.hard--right.grid__item {
  width: 31.333334%;
  flex-basis: 31.333334%;
}
.nf--wrapper .portable-four-twelfths.hard.grid__item,
.nf--wrapper .portable-four-twelfths.hard--sides.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .portable-five-twelfths.grid__item {
  width: 37.666668%;
  flex-basis: 37.666668%;
}
.nf--wrapper .portable-five-twelfths.hard--left.grid__item,
.nf--wrapper .portable-five-twelfths.hard--right.grid__item {
  width: 39.666668%;
  flex-basis: 39.666668%;
}
.nf--wrapper .portable-five-twelfths.hard.grid__item,
.nf--wrapper .portable-five-twelfths.hard--sides.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .portable-six-twelfths.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .portable-six-twelfths.hard--left.grid__item,
.nf--wrapper .portable-six-twelfths.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .portable-six-twelfths.hard.grid__item,
.nf--wrapper .portable-six-twelfths.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .portable-seven-twelfths.grid__item {
  width: 54.333332%;
  flex-basis: 54.333332%;
}
.nf--wrapper .portable-seven-twelfths.hard--left.grid__item,
.nf--wrapper .portable-seven-twelfths.hard--right.grid__item {
  width: 56.333332%;
  flex-basis: 56.333332%;
}
.nf--wrapper .portable-seven-twelfths.hard.grid__item,
.nf--wrapper .portable-seven-twelfths.hard--sides.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .portable-eight-twelfths.grid__item {
  width: 62.666668%;
  flex-basis: 62.666668%;
}
.nf--wrapper .portable-eight-twelfths.hard--left.grid__item,
.nf--wrapper .portable-eight-twelfths.hard--right.grid__item {
  width: 64.666664%;
  flex-basis: 64.666664%;
}
.nf--wrapper .portable-eight-twelfths.hard.grid__item,
.nf--wrapper .portable-eight-twelfths.hard--sides.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}

.nf--wrapper .portable-nine-twelfths.grid__item {
  width: 71%;
  flex-basis: 71%;
}
.nf--wrapper .portable-nine-twelfths.hard--left.grid__item,
.nf--wrapper .portable-nine-twelfths.hard--right.grid__item {
  width: 73%;
  flex-basis: 73%;
}
.nf--wrapper .portable-nine-twelfths.hard.grid__item,
.nf--wrapper .portable-nine-twelfths.hard--sides.grid__item {
  width: 75%;
  flex-basis: 75%;
}

.nf--wrapper .portable-ten-twelfths.grid__item {
  width: 79.333336%;
  flex-basis: 79.333336%;
}
.nf--wrapper .portable-ten-twelfths.hard--left.grid__item,
.nf--wrapper .portable-ten-twelfths.hard--right.grid__item {
  width: 81.333336%;
  flex-basis: 81.333336%;
}
.nf--wrapper .portable-ten-twelfths.hard.grid__item,
.nf--wrapper .portable-ten-twelfths.hard--sides.grid__item {
  width: 83.333336%;
  flex-basis: 83.333336%;
}

.nf--wrapper .portable-eleven-twelfths.grid__item {
  width: 87.666664%;
  flex-basis: 87.666664%;
}
.nf--wrapper .portable-eleven-twelfths.hard--left.grid__item,
.nf--wrapper .portable-eleven-twelfths.hard--right.grid__item {
  width: 89.666664%;
  flex-basis: 89.666664%;
}
.nf--wrapper .portable-eleven-twelfths.hard.grid__item,
.nf--wrapper .portable-eleven-twelfths.hard--sides.grid__item {
  width: 91.666664%;
  flex-basis: 91.666664%;
}

.nf--wrapper .portable-twelve-twelfths.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .portable-twelve-twelfths.hard--left.grid__item,
.nf--wrapper .portable-twelve-twelfths.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .portable-twelve-twelfths.hard.grid__item,
.nf--wrapper .portable-twelve-twelfths.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}


.nf--wrapper .portable-three-half-twelfths.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .portable-four-half-twelfths.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .portable-five-half-twelfths.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .portable-six-half-twelfths.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .portable-seven-half-twelfths.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .portable-eight-half-twelfths.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}





.nf--wrapper .portable-one-whole.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .portable-one-whole.hard--left.grid__item, .portable-one-whole.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .portable-one-whole.hard.grid__item,
.nf--wrapper .portable-one-whole.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}

.nf--wrapper .portable-one-half.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .portable-one-half.hard--left.grid__item, .portable-one-half.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .portable-one-half.hard.grid__item,
.nf--wrapper .portable-one-half.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .portable-one-third.grid__item {
  width: 29.333%;
  flex-basis: 29.333%;
}
.nf--wrapper .portable-one-third.hard--left.grid__item, .portable-one-third.hard--right.grid__item {
  width: 31.333%;
  flex-basis: 31.333%;
}
.nf--wrapper .portable-one-third.hard.grid__item,
.nf--wrapper .portable-one-third.hard--sides.grid__item {
  width: 33.333%;
  flex-basis: 33.333%;
}

.nf--wrapper .portable-one-fourth.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .portable-one-fourth.hard--left.grid__item, .portable-one-fourth.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .portable-one-fourth.hard.grid__item,
.nf--wrapper .portable-one-fourth.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .portable-one-fifth.grid__item {
  width: 16%;
  flex-basis: 16%;
}
.nf--wrapper .portable-one-fifth.hard--left.grid__item, .portable-one-fifth.hard--right.grid__item {
  width: 18%;
  flex-basis: 18%;
}
.nf--wrapper .portable-one-fifth.hard.grid__item,
.nf--wrapper .portable-one-fifth.hard--sides.grid__item {
  width: 20%;
  flex-basis: 20%;
}

.nf--wrapper .portable-one-sixth.grid__item {
  width: 12.665999%;
  flex-basis: 12.665999%;
}
.nf--wrapper .portable-one-sixth.hard--left.grid__item, .portable-one-sixth.hard--right.grid__item {
  width: 14.665999%;
  flex-basis: 14.665999%;
}
.nf--wrapper .portable-one-sixth.hard.grid__item,
.nf--wrapper .portable-one-sixth.hard--sides.grid__item {
  width: 16.666%;
  flex-basis: 16.666%;
}


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


.nf--wrapper .tablet-one-twelfths.grid__item {
  width: 4.3333335%;
  flex-basis: 4.3333335%;
}
.nf--wrapper .tablet-one-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-one-twelfths.hard--right.grid__item {
  width: 6.3333335%;
  flex-basis: 6.3333335%;
}
.nf--wrapper .tablet-one-twelfths.hard.grid__item,
.nf--wrapper .tablet-one-twelfths.hard--sides.grid__item {
  width: 8.333333%;
  flex-basis: 8.333333%;
}

.nf--wrapper .tablet-two-twelfths.grid__item {
  width: 12.666667%;
  flex-basis: 12.666667%;
}
.nf--wrapper .tablet-two-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-two-twelfths.hard--right.grid__item {
  width: 14.666667%;
  flex-basis: 14.666667%;
}
.nf--wrapper .tablet-two-twelfths.hard.grid__item,
.nf--wrapper .tablet-two-twelfths.hard--sides.grid__item {
  width: 16.666666%;
  flex-basis: 16.666666%;
}

.nf--wrapper .tablet-three-twelfths.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .tablet-three-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-three-twelfths.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .tablet-three-twelfths.hard.grid__item,
.nf--wrapper .tablet-three-twelfths.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .tablet-four-twelfths.grid__item {
  width: 29.333334%;
  flex-basis: 29.333334%;
}
.nf--wrapper .tablet-four-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-four-twelfths.hard--right.grid__item {
  width: 31.333334%;
  flex-basis: 31.333334%;
}
.nf--wrapper .tablet-four-twelfths.hard.grid__item,
.nf--wrapper .tablet-four-twelfths.hard--sides.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .tablet-five-twelfths.grid__item {
  width: 37.666668%;
  flex-basis: 37.666668%;
}
.nf--wrapper .tablet-five-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-five-twelfths.hard--right.grid__item {
  width: 39.666668%;
  flex-basis: 39.666668%;
}
.nf--wrapper .tablet-five-twelfths.hard.grid__item,
.nf--wrapper .tablet-five-twelfths.hard--sides.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .tablet-six-twelfths.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .tablet-six-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-six-twelfths.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .tablet-six-twelfths.hard.grid__item,
.nf--wrapper .tablet-six-twelfths.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .tablet-seven-twelfths.grid__item {
  width: 54.333332%;
  flex-basis: 54.333332%;
}
.nf--wrapper .tablet-seven-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-seven-twelfths.hard--right.grid__item {
  width: 56.333332%;
  flex-basis: 56.333332%;
}
.nf--wrapper .tablet-seven-twelfths.hard.grid__item,
.nf--wrapper .tablet-seven-twelfths.hard--sides.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .tablet-eight-twelfths.grid__item {
  width: 62.666668%;
  flex-basis: 62.666668%;
}
.nf--wrapper .tablet-eight-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-eight-twelfths.hard--right.grid__item {
  width: 64.666664%;
  flex-basis: 64.666664%;
}
.nf--wrapper .tablet-eight-twelfths.hard.grid__item,
.nf--wrapper .tablet-eight-twelfths.hard--sides.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}

.nf--wrapper .tablet-nine-twelfths.grid__item {
  width: 71%;
  flex-basis: 71%;
}
.nf--wrapper .tablet-nine-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-nine-twelfths.hard--right.grid__item {
  width: 73%;
  flex-basis: 73%;
}
.nf--wrapper .tablet-nine-twelfths.hard.grid__item,
.nf--wrapper .tablet-nine-twelfths.hard--sides.grid__item {
  width: 75%;
  flex-basis: 75%;
}

.nf--wrapper .tablet-ten-twelfths.grid__item {
  width: 79.333336%;
  flex-basis: 79.333336%;
}
.nf--wrapper .tablet-ten-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-ten-twelfths.hard--right.grid__item {
  width: 81.333336%;
  flex-basis: 81.333336%;
}
.nf--wrapper .tablet-ten-twelfths.hard.grid__item,
.nf--wrapper .tablet-ten-twelfths.hard--sides.grid__item {
  width: 83.333336%;
  flex-basis: 83.333336%;
}

.nf--wrapper .tablet-eleven-twelfths.grid__item {
  width: 87.666664%;
  flex-basis: 87.666664%;
}
.nf--wrapper .tablet-eleven-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-eleven-twelfths.hard--right.grid__item {
  width: 89.666664%;
  flex-basis: 89.666664%;
}
.nf--wrapper .tablet-eleven-twelfths.hard.grid__item,
.nf--wrapper .tablet-eleven-twelfths.hard--sides.grid__item {
  width: 91.666664%;
  flex-basis: 91.666664%;
}

.nf--wrapper .tablet-twelve-twelfths.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .tablet-twelve-twelfths.hard--left.grid__item,
.nf--wrapper .tablet-twelve-twelfths.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .tablet-twelve-twelfths.hard.grid__item,
.nf--wrapper .tablet-twelve-twelfths.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}


.nf--wrapper .tablet-three-half-twelfths.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .tablet-four-half-twelfths.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .tablet-five-half-twelfths.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .tablet-six-half-twelfths.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .tablet-seven-half-twelfths.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .tablet-eight-half-twelfths.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}





.nf--wrapper .tablet-one-whole.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .tablet-one-whole.hard--left.grid__item, .tablet-one-whole.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .tablet-one-whole.hard.grid__item,
.nf--wrapper .tablet-one-whole.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}

.nf--wrapper .tablet-one-half.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .tablet-one-half.hard--left.grid__item, .tablet-one-half.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .tablet-one-half.hard.grid__item,
.nf--wrapper .tablet-one-half.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .tablet-one-third.grid__item {
  width: 29.333%;
  flex-basis: 29.333%;
}
.nf--wrapper .tablet-one-third.hard--left.grid__item, .tablet-one-third.hard--right.grid__item {
  width: 31.333%;
  flex-basis: 31.333%;
}
.nf--wrapper .tablet-one-third.hard.grid__item,
.nf--wrapper .tablet-one-third.hard--sides.grid__item {
  width: 33.333%;
  flex-basis: 33.333%;
}

.nf--wrapper .tablet-one-fourth.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .tablet-one-fourth.hard--left.grid__item, .tablet-one-fourth.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .tablet-one-fourth.hard.grid__item,
.nf--wrapper .tablet-one-fourth.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .tablet-one-fifth.grid__item {
  width: 16%;
  flex-basis: 16%;
}
.nf--wrapper .tablet-one-fifth.hard--left.grid__item, .tablet-one-fifth.hard--right.grid__item {
  width: 18%;
  flex-basis: 18%;
}
.nf--wrapper .tablet-one-fifth.hard.grid__item,
.nf--wrapper .tablet-one-fifth.hard--sides.grid__item {
  width: 20%;
  flex-basis: 20%;
}

.nf--wrapper .tablet-one-sixth.grid__item {
  width: 12.665999%;
  flex-basis: 12.665999%;
}
.nf--wrapper .tablet-one-sixth.hard--left.grid__item, .tablet-one-sixth.hard--right.grid__item {
  width: 14.665999%;
  flex-basis: 14.665999%;
}
.nf--wrapper .tablet-one-sixth.hard.grid__item,
.nf--wrapper .tablet-one-sixth.hard--sides.grid__item {
  width: 16.666%;
  flex-basis: 16.666%;
}


}
@media (max-width: 679px) {


.nf--wrapper .palm-one-twelfths.grid__item {
  width: 4.3333335%;
  flex-basis: 4.3333335%;
}
.nf--wrapper .palm-one-twelfths.hard--left.grid__item,
.nf--wrapper .palm-one-twelfths.hard--right.grid__item {
  width: 6.3333335%;
  flex-basis: 6.3333335%;
}
.nf--wrapper .palm-one-twelfths.hard.grid__item,
.nf--wrapper .palm-one-twelfths.hard--sides.grid__item {
  width: 8.333333%;
  flex-basis: 8.333333%;
}

.nf--wrapper .palm-two-twelfths.grid__item {
  width: 12.666667%;
  flex-basis: 12.666667%;
}
.nf--wrapper .palm-two-twelfths.hard--left.grid__item,
.nf--wrapper .palm-two-twelfths.hard--right.grid__item {
  width: 14.666667%;
  flex-basis: 14.666667%;
}
.nf--wrapper .palm-two-twelfths.hard.grid__item,
.nf--wrapper .palm-two-twelfths.hard--sides.grid__item {
  width: 16.666666%;
  flex-basis: 16.666666%;
}

.nf--wrapper .palm-three-twelfths.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .palm-three-twelfths.hard--left.grid__item,
.nf--wrapper .palm-three-twelfths.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .palm-three-twelfths.hard.grid__item,
.nf--wrapper .palm-three-twelfths.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .palm-four-twelfths.grid__item {
  width: 29.333334%;
  flex-basis: 29.333334%;
}
.nf--wrapper .palm-four-twelfths.hard--left.grid__item,
.nf--wrapper .palm-four-twelfths.hard--right.grid__item {
  width: 31.333334%;
  flex-basis: 31.333334%;
}
.nf--wrapper .palm-four-twelfths.hard.grid__item,
.nf--wrapper .palm-four-twelfths.hard--sides.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .palm-five-twelfths.grid__item {
  width: 37.666668%;
  flex-basis: 37.666668%;
}
.nf--wrapper .palm-five-twelfths.hard--left.grid__item,
.nf--wrapper .palm-five-twelfths.hard--right.grid__item {
  width: 39.666668%;
  flex-basis: 39.666668%;
}
.nf--wrapper .palm-five-twelfths.hard.grid__item,
.nf--wrapper .palm-five-twelfths.hard--sides.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .palm-six-twelfths.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .palm-six-twelfths.hard--left.grid__item,
.nf--wrapper .palm-six-twelfths.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .palm-six-twelfths.hard.grid__item,
.nf--wrapper .palm-six-twelfths.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .palm-seven-twelfths.grid__item {
  width: 54.333332%;
  flex-basis: 54.333332%;
}
.nf--wrapper .palm-seven-twelfths.hard--left.grid__item,
.nf--wrapper .palm-seven-twelfths.hard--right.grid__item {
  width: 56.333332%;
  flex-basis: 56.333332%;
}
.nf--wrapper .palm-seven-twelfths.hard.grid__item,
.nf--wrapper .palm-seven-twelfths.hard--sides.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .palm-eight-twelfths.grid__item {
  width: 62.666668%;
  flex-basis: 62.666668%;
}
.nf--wrapper .palm-eight-twelfths.hard--left.grid__item,
.nf--wrapper .palm-eight-twelfths.hard--right.grid__item {
  width: 64.666664%;
  flex-basis: 64.666664%;
}
.nf--wrapper .palm-eight-twelfths.hard.grid__item,
.nf--wrapper .palm-eight-twelfths.hard--sides.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}

.nf--wrapper .palm-nine-twelfths.grid__item {
  width: 71%;
  flex-basis: 71%;
}
.nf--wrapper .palm-nine-twelfths.hard--left.grid__item,
.nf--wrapper .palm-nine-twelfths.hard--right.grid__item {
  width: 73%;
  flex-basis: 73%;
}
.nf--wrapper .palm-nine-twelfths.hard.grid__item,
.nf--wrapper .palm-nine-twelfths.hard--sides.grid__item {
  width: 75%;
  flex-basis: 75%;
}

.nf--wrapper .palm-ten-twelfths.grid__item {
  width: 79.333336%;
  flex-basis: 79.333336%;
}
.nf--wrapper .palm-ten-twelfths.hard--left.grid__item,
.nf--wrapper .palm-ten-twelfths.hard--right.grid__item {
  width: 81.333336%;
  flex-basis: 81.333336%;
}
.nf--wrapper .palm-ten-twelfths.hard.grid__item,
.nf--wrapper .palm-ten-twelfths.hard--sides.grid__item {
  width: 83.333336%;
  flex-basis: 83.333336%;
}

.nf--wrapper .palm-eleven-twelfths.grid__item {
  width: 87.666664%;
  flex-basis: 87.666664%;
}
.nf--wrapper .palm-eleven-twelfths.hard--left.grid__item,
.nf--wrapper .palm-eleven-twelfths.hard--right.grid__item {
  width: 89.666664%;
  flex-basis: 89.666664%;
}
.nf--wrapper .palm-eleven-twelfths.hard.grid__item,
.nf--wrapper .palm-eleven-twelfths.hard--sides.grid__item {
  width: 91.666664%;
  flex-basis: 91.666664%;
}

.nf--wrapper .palm-twelve-twelfths.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .palm-twelve-twelfths.hard--left.grid__item,
.nf--wrapper .palm-twelve-twelfths.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .palm-twelve-twelfths.hard.grid__item,
.nf--wrapper .palm-twelve-twelfths.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}


.nf--wrapper .palm-three-half-twelfths.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .palm-four-half-twelfths.grid__item {
  width: 33.333332%;
  flex-basis: 33.333332%;
}

.nf--wrapper .palm-five-half-twelfths.grid__item {
  width: 41.666668%;
  flex-basis: 41.666668%;
}

.nf--wrapper .palm-six-half-twelfths.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .palm-seven-half-twelfths.grid__item {
  width: 58.333332%;
  flex-basis: 58.333332%;
}

.nf--wrapper .palm-eight-half-twelfths.grid__item {
  width: 66.666664%;
  flex-basis: 66.666664%;
}





.nf--wrapper .palm-one-whole.grid__item {
  width: 96%;
  flex-basis: 96%;
}
.nf--wrapper .palm-one-whole.hard--left.grid__item, .palm-one-whole.hard--right.grid__item {
  width: 98%;
  flex-basis: 98%;
}
.nf--wrapper .palm-one-whole.hard.grid__item,
.nf--wrapper .palm-one-whole.hard--sides.grid__item {
  width: 100%;
  flex-basis: 100%;
}

.nf--wrapper .palm-one-half.grid__item {
  width: 46%;
  flex-basis: 46%;
}
.nf--wrapper .palm-one-half.hard--left.grid__item, .palm-one-half.hard--right.grid__item {
  width: 48%;
  flex-basis: 48%;
}
.nf--wrapper .palm-one-half.hard.grid__item,
.nf--wrapper .palm-one-half.hard--sides.grid__item {
  width: 50%;
  flex-basis: 50%;
}

.nf--wrapper .palm-one-third.grid__item {
  width: 29.333%;
  flex-basis: 29.333%;
}
.nf--wrapper .palm-one-third.hard--left.grid__item, .palm-one-third.hard--right.grid__item {
  width: 31.333%;
  flex-basis: 31.333%;
}
.nf--wrapper .palm-one-third.hard.grid__item,
.nf--wrapper .palm-one-third.hard--sides.grid__item {
  width: 33.333%;
  flex-basis: 33.333%;
}

.nf--wrapper .palm-one-fourth.grid__item {
  width: 21%;
  flex-basis: 21%;
}
.nf--wrapper .palm-one-fourth.hard--left.grid__item, .palm-one-fourth.hard--right.grid__item {
  width: 23%;
  flex-basis: 23%;
}
.nf--wrapper .palm-one-fourth.hard.grid__item,
.nf--wrapper .palm-one-fourth.hard--sides.grid__item {
  width: 25%;
  flex-basis: 25%;
}

.nf--wrapper .palm-one-fifth.grid__item {
  width: 16%;
  flex-basis: 16%;
}
.nf--wrapper .palm-one-fifth.hard--left.grid__item, .palm-one-fifth.hard--right.grid__item {
  width: 18%;
  flex-basis: 18%;
}
.nf--wrapper .palm-one-fifth.hard.grid__item,
.nf--wrapper .palm-one-fifth.hard--sides.grid__item {
  width: 20%;
  flex-basis: 20%;
}

.nf--wrapper .palm-one-sixth.grid__item {
  width: 12.665999%;
  flex-basis: 12.665999%;
}
.nf--wrapper .palm-one-sixth.hard--left.grid__item, .palm-one-sixth.hard--right.grid__item {
  width: 14.665999%;
  flex-basis: 14.665999%;
}
.nf--wrapper .palm-one-sixth.hard.grid__item,
.nf--wrapper .palm-one-sixth.hard--sides.grid__item {
  width: 16.666%;
  flex-basis: 16.666%;
}


}



/* Vertical Padding */

/* Top & Bottom */
.nf--wrapper .basic {
  padding-top:60px;
  padding-bottom:60px;
}
.nf--wrapper .short {
  padding-top:15px;
  padding-bottom:15px;
}
.nf--wrapper .tall {
  padding-top:40px;
  padding-bottom:40px;
}
.nf--wrapper .grande {
  padding-top:60px;
  padding-bottom:60px;
}
.nf--wrapper .venti {
  padding-top:80px;
  padding-bottom:80px;
}
.nf--wrapper .trenta {
  padding-top:120px;
  padding-bottom:120px;
}
/* Top */
.nf--wrapper .basic--top {
  padding-top:60px;
}
.nf--wrapper .short--top {
  padding-top:15px;
}
.nf--wrapper .tall--top {
  padding-top:40px;
}
.nf--wrapper .grande--top {
  padding-top:60px;
}
.nf--wrapper .venti--top {
  padding-top:80px;
}
.nf--wrapper .trenta--top {
  padding-top:120px;
}

/* Bottom */
.nf--wrapper .basic--bottom {
  padding-bottom:60px;
}
.nf--wrapper .short--bottom {
  padding-bottom:15px;
}
.nf--wrapper .tall--bottom {
  padding-bottom:40px;
}
.nf--wrapper .grande--bottom {
  padding-bottom:60px;
}
.nf--wrapper .venti--bottom {
  padding-bottom:80px;
}
.nf--wrapper .trenta--bottom {
  padding-bottom:120px;
}

@media (min-width: 1108px) {
/* Top & Bottom */
.nf--wrapper .desk-basic {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .desk-short {
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.nf--wrapper .desk-tall {
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.nf--wrapper .desk-grande {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .desk-venti {
  padding-top:80px!important;
  padding-bottom:80px!important;
}
.nf--wrapper .desk-trenta {
  padding-top:120px!important;
  padding-bottom:120px!important;
}
/* Top */
.nf--wrapper .desk-basic--top {
  padding-top:60px!important;
}
.nf--wrapper .desk-short--top {
  padding-top:15px!important;
}
.nf--wrapper .desk-tall--top {
  padding-top:40px!important;
}
.nf--wrapper .desk-grande--top {
  padding-top:60px!important;
}
.nf--wrapper .desk-venti--top {
  padding-top:80px!important;
}
.nf--wrapper .desk-trenta--top {
  padding-top:120px!important;
}

/* Bottom */
.nf--wrapper .desk-basic--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .desk-short--bottom {
  padding-bottom:15px!important;
}
.nf--wrapper .desk-tall--bottom {
  padding-bottom:40px!important;
}
.nf--wrapper .desk-grande--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .desk-venti--bottom {
  padding-bottom:80px!important;
}
.nf--wrapper .desk-trenta--bottom {
  padding-bottom:120px!important;
}
}
@media (min-width: 1024px) and (max-width: 1107px) {
/* Top & Bottom */
.nf--wrapper .lap-basic {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .lap-short {
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.nf--wrapper .lap-tall {
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.nf--wrapper .lap-grande {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .lap-venti {
  padding-top:80px!important;
  padding-bottom:80px!important;
}
.nf--wrapper .lap-trenta {
  padding-top:120px!important;
  padding-bottom:120px!important;
}
/* Top */
.nf--wrapper .lap-basic--top {
  padding-top:60px!important;
}
.nf--wrapper .lap-short--top {
  padding-top:15px!important;
}
.nf--wrapper .lap-tall--top {
  padding-top:40px!important;
}
.nf--wrapper .lap-grande--top {
  padding-top:60px!important;
}
.nf--wrapper .lap-venti--top {
  padding-top:80px!important;
}
.nf--wrapper .lap-trenta--top {
  padding-top:120px!important;
}

/* Bottom */
.nf--wrapper .lap-basic--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .lap-short--bottom {
  padding-bottom:15px!important;
}
.nf--wrapper .lap-tall--bottom {
  padding-bottom:40px!important;
}
.nf--wrapper .lap-grande--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .lap-venti--bottom {
  padding-bottom:80px!important;
}
.nf--wrapper .lap-trenta--bottom {
  padding-bottom:120px!important;
}
}
@media (min-width: 1024px) {
/* Top & Bottom */
.nf--wrapper .lap-and-up-basic {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .lap-and-up-short {
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.nf--wrapper .lap-and-up-tall {
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.nf--wrapper .lap-and-up-grande {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .lap-and-up-venti {
  padding-top:80px!important;
  padding-bottom:80px!important;
}
.nf--wrapper .lap-and-up-trenta {
  padding-top:120px!important;
  padding-bottom:120px!important;
}
/* Top */
.nf--wrapper .lap-and-up-basic--top {
  padding-top:60px!important;
}
.nf--wrapper .lap-and-up-short--top {
  padding-top:15px!important;
}
.nf--wrapper .lap-and-up-tall--top {
  padding-top:40px!important;
}
.nf--wrapper .lap-and-up-grande--top {
  padding-top:60px!important;
}
.nf--wrapper .lap-and-up-venti--top {
  padding-top:80px!important;
}
.nf--wrapper .lap-and-up-trenta--top {
  padding-top:120px!important;
}

/* Bottom */
.nf--wrapper .lap-and-up-basic--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .lap-and-up-short--bottom {
  padding-bottom:15px!important;
}
.nf--wrapper .lap-and-up-tall--bottom {
  padding-bottom:40px!important;
}
.nf--wrapper .lap-and-up-grande--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .lap-and-up-venti--bottom {
  padding-bottom:80px!important;
}
.nf--wrapper .lap-and-up-trenta--bottom {
  padding-bottom:120px!important;
}
}
@media (max-width: 1023px) {
/* Top & Bottom */
.nf--wrapper .portable-basic {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .portable-short {
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.nf--wrapper .portable-tall {
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.nf--wrapper .portable-grande {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .portable-venti {
  padding-top:80px!important;
  padding-bottom:80px!important;
}
.nf--wrapper .portable-trenta {
  padding-top:120px!important;
  padding-bottom:120px!important;
}
/* Top */
.nf--wrapper .portable-basic--top {
  padding-top:60px!important;
}
.nf--wrapper .portable-short--top {
  padding-top:15px!important;
}
.nf--wrapper .portable-tall--top {
  padding-top:40px!important;
}
.nf--wrapper .portable-grande--top {
  padding-top:60px!important;
}
.nf--wrapper .portable-venti--top {
  padding-top:80px!important;
}
.nf--wrapper .portable-trenta--top {
  padding-top:120px!important;
}

/* Bottom */
.nf--wrapper .portable-basic--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .portable-short--bottom {
  padding-bottom:15px!important;
}
.nf--wrapper .portable-tall--bottom {
  padding-bottom:40px!important;
}
.nf--wrapper .portable-grande--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .portable-venti--bottom {
  padding-bottom:80px!important;
}
.nf--wrapper .portable-trenta--bottom {
  padding-bottom:120px!important;
}
}
@media (min-width: 680px) and (max-width: 1023px) {
/* Top & Bottom */
.nf--wrapper .tablet-basic {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .tablet-short {
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.nf--wrapper .tablet-tall {
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.nf--wrapper .tablet-grande {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .tablet-venti {
  padding-top:80px!important;
  padding-bottom:80px!important;
}
.nf--wrapper .tablet-trenta {
  padding-top:120px!important;
  padding-bottom:120px!important;
}
/* Top */
.nf--wrapper .tablet-basic--top {
  padding-top:60px!important;
}
.nf--wrapper .tablet-short--top {
  padding-top:15px!important;
}
.nf--wrapper .tablet-tall--top {
  padding-top:40px!important;
}
.nf--wrapper .tablet-grande--top {
  padding-top:60px!important;
}
.nf--wrapper .tablet-venti--top {
  padding-top:80px!important;
}
.nf--wrapper .tablet-trenta--top {
  padding-top:120px!important;
}

/* Bottom */
.nf--wrapper .tablet-basic--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .tablet-short--bottom {
  padding-bottom:15px!important;
}
.nf--wrapper .tablet-tall--bottom {
  padding-bottom:40px!important;
}
.nf--wrapper .tablet-grande--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .tablet-venti--bottom {
  padding-bottom:80px!important;
}
.nf--wrapper .tablet-trenta--bottom {
  padding-bottom:120px!important;
}
}
@media (max-width: 679px) {
/* Top & Bottom */
.nf--wrapper .palm-basic {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .palm-short {
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.nf--wrapper .palm-tall {
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.nf--wrapper .palm-grande {
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.nf--wrapper .palm-venti {
  padding-top:80px!important;
  padding-bottom:80px!important;
}
.nf--wrapper .palm-trenta {
  padding-top:120px!important;
  padding-bottom:120px!important;
}
/* Top */
.nf--wrapper .palm-basic--top {
  padding-top:60px!important;
}
.nf--wrapper .palm-short--top {
  padding-top:15px!important;
}
.nf--wrapper .palm-tall--top {
  padding-top:40px!important;
}
.nf--wrapper .palm-grande--top {
  padding-top:60px!important;
}
.nf--wrapper .palm-venti--top {
  padding-top:80px!important;
}
.nf--wrapper .palm-trenta--top {
  padding-top:120px!important;
}

/* Bottom */
.nf--wrapper .palm-basic--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .palm-short--bottom {
  padding-bottom:15px!important;
}
.nf--wrapper .palm-tall--bottom {
  padding-bottom:40px!important;
}
.nf--wrapper .palm-grande--bottom {
  padding-bottom:60px!important;
}
.nf--wrapper .palm-venti--bottom {
  padding-bottom:80px!important;
}
.nf--wrapper .palm-trenta--bottom {
  padding-bottom:120px!important;
}
}



.nf--wrapper .negative--basic--top {
  margin-top:-60px;
}
.nf--wrapper .negative--short--top {
  margin-top:-15px;
}
.nf--wrapper .negative--tall--top {
  margin-top:-40px;
}
.nf--wrapper .negative--grande--top {
  margin-top:-60px;
}
.nf--wrapper .negative--venti--top {
  margin-top:-80px;
}
.nf--wrapper .negative--trenta--top {
  margin-top:-120px;
}

.nf--wrapper .negative--basic--bottom {
  margin-bottom:-60px;
}
.nf--wrapper .negative--short--bottom {
  margin-bottom:-15px;
}
.nf--wrapper .negative--tall--bottom {
  margin-bottom:-40px;
}
.nf--wrapper .negative--grande--bottom {
  margin-bottom:-60px;
}
.nf--wrapper .negative--venti--bottom {
  margin-bottom:-80px;
}
.nf--wrapper .negative--trenta--bottom {
  margin-bottom:-120px;
}

@media (min-width: 1108px) {
.nf--wrapper .desk-negative--basic--top {
  margin-top:-60px!important;
}
.nf--wrapper .desk-negative--short--top {
  margin-top:-15px!important;
}
.nf--wrapper .desk-negative--tall--top {
  margin-top:-40px!important;
}
.nf--wrapper .desk-negative--grande--top {
  margin-top:-60px!important;
}
.nf--wrapper .desk-negative--venti--top {
  margin-top:-80px!important;
}
.nf--wrapper .desk-negative--trenta--top {
  margin-top:-120px!important;
}

.nf--wrapper .desk-negative--basic--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .desk-negative--short--bottom {
  margin-bottom:-15px!important;
}
.nf--wrapper .desk-negative--tall--bottom {
  margin-bottom:-40px!important;
}
.nf--wrapper .desk-negative--grande--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .desk-negative--venti--bottom {
  margin-bottom:-80px!important;
}
.nf--wrapper .desk-negative--trenta--bottom {
  margin-bottom:-120px!important;
}
}
@media (min-width: 1024px) and (max-width: 1107px) {
.nf--wrapper .lap-negative--basic--top {
  margin-top:-60px!important;
}
.nf--wrapper .lap-negative--short--top {
  margin-top:-15px!important;
}
.nf--wrapper .lap-negative--tall--top {
  margin-top:-40px!important;
}
.nf--wrapper .lap-negative--grande--top {
  margin-top:-60px!important;
}
.nf--wrapper .lap-negative--venti--top {
  margin-top:-80px!important;
}
.nf--wrapper .lap-negative--trenta--top {
  margin-top:-120px!important;
}

.nf--wrapper .lap-negative--basic--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .lap-negative--short--bottom {
  margin-bottom:-15px!important;
}
.nf--wrapper .lap-negative--tall--bottom {
  margin-bottom:-40px!important;
}
.nf--wrapper .lap-negative--grande--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .lap-negative--venti--bottom {
  margin-bottom:-80px!important;
}
.nf--wrapper .lap-negative--trenta--bottom {
  margin-bottom:-120px!important;
}
}
@media (min-width: 1024px) {
.nf--wrapper .lap-and-up-negative--basic--top {
  margin-top:-60px!important;
}
.nf--wrapper .lap-and-up-negative--short--top {
  margin-top:-15px!important;
}
.nf--wrapper .lap-and-up-negative--tall--top {
  margin-top:-40px!important;
}
.nf--wrapper .lap-and-up-negative--grande--top {
  margin-top:-60px!important;
}
.nf--wrapper .lap-and-up-negative--venti--top {
  margin-top:-80px!important;
}
.nf--wrapper .lap-and-up-negative--trenta--top {
  margin-top:-120px!important;
}

.nf--wrapper .lap-and-up-negative--basic--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .lap-and-up-negative--short--bottom {
  margin-bottom:-15px!important;
}
.nf--wrapper .lap-and-up-negative--tall--bottom {
  margin-bottom:-40px!important;
}
.nf--wrapper .lap-and-up-negative--grande--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .lap-and-up-negative--venti--bottom {
  margin-bottom:-80px!important;
}
.nf--wrapper .lap-and-up-negative--trenta--bottom {
  margin-bottom:-120px!important;
}
}
@media (max-width: 1023px) {
.nf--wrapper .portable-negative--basic--top {
  margin-top:-60px!important;
}
.nf--wrapper .portable-negative--short--top {
  margin-top:-15px!important;
}
.nf--wrapper .portable-negative--tall--top {
  margin-top:-40px!important;
}
.nf--wrapper .portable-negative--grande--top {
  margin-top:-60px!important;
}
.nf--wrapper .portable-negative--venti--top {
  margin-top:-80px!important;
}
.nf--wrapper .portable-negative--trenta--top {
  margin-top:-120px!important;
}

.nf--wrapper .portable-negative--basic--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .portable-negative--short--bottom {
  margin-bottom:-15px!important;
}
.nf--wrapper .portable-negative--tall--bottom {
  margin-bottom:-40px!important;
}
.nf--wrapper .portable-negative--grande--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .portable-negative--venti--bottom {
  margin-bottom:-80px!important;
}
.nf--wrapper .portable-negative--trenta--bottom {
  margin-bottom:-120px!important;
}
}
@media (min-width: 680px) and (max-width: 1023px) {
.nf--wrapper .tablet-negative--basic--top {
  margin-top:-60px!important;
}
.nf--wrapper .tablet-negative--short--top {
  margin-top:-15px!important;
}
.nf--wrapper .tablet-negative--tall--top {
  margin-top:-40px!important;
}
.nf--wrapper .tablet-negative--grande--top {
  margin-top:-60px!important;
}
.nf--wrapper .tablet-negative--venti--top {
  margin-top:-80px!important;
}
.nf--wrapper .tablet-negative--trenta--top {
  margin-top:-120px!important;
}

.nf--wrapper .tablet-negative--basic--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .tablet-negative--short--bottom {
  margin-bottom:-15px!important;
}
.nf--wrapper .tablet-negative--tall--bottom {
  margin-bottom:-40px!important;
}
.nf--wrapper .tablet-negative--grande--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .tablet-negative--venti--bottom {
  margin-bottom:-80px!important;
}
.nf--wrapper .tablet-negative--trenta--bottom {
  margin-bottom:-120px!important;
}
}
@media (max-width: 679px) {
.nf--wrapper .palm-negative--basic--top {
  margin-top:-60px!important;
}
.nf--wrapper .palm-negative--short--top {
  margin-top:-15px!important;
}
.nf--wrapper .palm-negative--tall--top {
  margin-top:-40px!important;
}
.nf--wrapper .palm-negative--grande--top {
  margin-top:-60px!important;
}
.nf--wrapper .palm-negative--venti--top {
  margin-top:-80px!important;
}
.nf--wrapper .palm-negative--trenta--top {
  margin-top:-120px!important;
}

.nf--wrapper .palm-negative--basic--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .palm-negative--short--bottom {
  margin-bottom:-15px!important;
}
.nf--wrapper .palm-negative--tall--bottom {
  margin-bottom:-40px!important;
}
.nf--wrapper .palm-negative--grande--bottom {
  margin-bottom:-60px!important;
}
.nf--wrapper .palm-negative--venti--bottom {
  margin-bottom:-80px!important;
}
.nf--wrapper .palm-negative--trenta--bottom {
  margin-bottom:-120px!important;
}
}



/* Remove padding and margin */
.nf--wrapper .hard, .hard--top, 
.nf--wrapper .hard--ends {
  padding-top:0px!important;
  margin-top:0px!important;
}
.nf--wrapper .hard, .hard--right,
.nf--wrapper .hard--sides {
  padding-right:0px!important;
  margin-right:0px!important;
}
.nf--wrapper .hard, .hard--bottom,
.nf--wrapper .hard--ends {
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}
.nf--wrapper .hard, .hard--left,
.nf--wrapper .hard--sides {
  padding-left:0px!important;
  margin-left:0px!important;
}

@media (min-width: 1108px) {
/* Remove padding and margin */
.nf--wrapper .desk-hard, .desk-hard--top, 
.nf--wrapper .desk-hard--ends {
  padding-top:0px!important;
  margin-top:0px!important;
}
.nf--wrapper .desk-hard, .desk-hard--right,
.nf--wrapper .desk-hard--sides {
  padding-right:0px!important;
  margin-right:0px!important;
}
.nf--wrapper .desk-hard, .desk-hard--bottom,
.nf--wrapper .desk-hard--ends {
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}
.nf--wrapper .desk-hard, .desk-hard--left,
.nf--wrapper .desk-hard--sides {
  padding-left:0px!important;
  margin-left:0px!important;
}
}
@media (min-width: 1024px) and (max-width: 1107px) {
/* Remove padding and margin */
.nf--wrapper .lap-hard, .lap-hard--top, 
.nf--wrapper .lap-hard--ends {
  padding-top:0px!important;
  margin-top:0px!important;
}
.nf--wrapper .lap-hard, .lap-hard--right,
.nf--wrapper .lap-hard--sides {
  padding-right:0px!important;
  margin-right:0px!important;
}
.nf--wrapper .lap-hard, .lap-hard--bottom,
.nf--wrapper .lap-hard--ends {
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}
.nf--wrapper .lap-hard, .lap-hard--left,
.nf--wrapper .lap-hard--sides {
  padding-left:0px!important;
  margin-left:0px!important;
}
}
@media (min-width: 1024px) {
/* Remove padding and margin */
.nf--wrapper .lap-and-up-hard, .lap-and-up-hard--top, 
.nf--wrapper .lap-and-up-hard--ends {
  padding-top:0px!important;
  margin-top:0px!important;
}
.nf--wrapper .lap-and-up-hard, .lap-and-up-hard--right,
.nf--wrapper .lap-and-up-hard--sides {
  padding-right:0px!important;
  margin-right:0px!important;
}
.nf--wrapper .lap-and-up-hard, .lap-and-up-hard--bottom,
.nf--wrapper .lap-and-up-hard--ends {
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}
.nf--wrapper .lap-and-up-hard, .lap-and-up-hard--left,
.nf--wrapper .lap-and-up-hard--sides {
  padding-left:0px!important;
  margin-left:0px!important;
}
}
@media (max-width: 1023px) {
/* Remove padding and margin */
.nf--wrapper .portable-hard, .portable-hard--top, 
.nf--wrapper .portable-hard--ends {
  padding-top:0px!important;
  margin-top:0px!important;
}
.nf--wrapper .portable-hard, .portable-hard--right,
.nf--wrapper .portable-hard--sides {
  padding-right:0px!important;
  margin-right:0px!important;
}
.nf--wrapper .portable-hard, .portable-hard--bottom,
.nf--wrapper .portable-hard--ends {
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}
.nf--wrapper .portable-hard, .portable-hard--left,
.nf--wrapper .portable-hard--sides {
  padding-left:0px!important;
  margin-left:0px!important;
}
}
@media (min-width: 680px) and (max-width: 1023px) {
/* Remove padding and margin */
.nf--wrapper .tablet-hard, .tablet-hard--top, 
.nf--wrapper .tablet-hard--ends {
  padding-top:0px!important;
  margin-top:0px!important;
}
.nf--wrapper .tablet-hard, .tablet-hard--right,
.nf--wrapper .tablet-hard--sides {
  padding-right:0px!important;
  margin-right:0px!important;
}
.nf--wrapper .tablet-hard, .tablet-hard--bottom,
.nf--wrapper .tablet-hard--ends {
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}
.nf--wrapper .tablet-hard, .tablet-hard--left,
.nf--wrapper .tablet-hard--sides {
  padding-left:0px!important;
  margin-left:0px!important;
}
}
@media (max-width: 679px) {
/* Remove padding and margin */
.nf--wrapper .palm-hard, .palm-hard--top, 
.nf--wrapper .palm-hard--ends {
  padding-top:0px!important;
  margin-top:0px!important;
}
.nf--wrapper .palm-hard, .palm-hard--right,
.nf--wrapper .palm-hard--sides {
  padding-right:0px!important;
  margin-right:0px!important;
}
.nf--wrapper .palm-hard, .palm-hard--bottom,
.nf--wrapper .palm-hard--ends {
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}
.nf--wrapper .palm-hard, .palm-hard--left,
.nf--wrapper .palm-hard--sides {
  padding-left:0px!important;
  margin-left:0px!important;
}
}


.nf--wrapper .first--hard--top > *:first-child,
.nf--wrapper .all--first--hard--top *:first-child {
  margin-top:0px!important;
}
.nf--wrapper .last--hard--bottom > *:last-child,
.nf--wrapper .all--last--hard--bottom *:last-child {
  margin-bottom:0px!important;
}

/* ********** LAYOUT ********* */
/* Padding & Margin */

/* Padding */
.nf--wrapper .padding--basic,
.nf--wrapper .padding--basic--left {
  padding-left:60px!important;
}
.nf--wrapper .padding--basic,
.nf--wrapper .padding--basic--right {
  padding-right:60px!important;
}
.nf--wrapper .padding--short,
.nf--wrapper .padding--short--left {
  padding-left:15px!important;
}
.nf--wrapper .padding--short,
.nf--wrapper .padding--short--right {
  padding-right:15px!important;
}
.nf--wrapper .padding--tall,
.nf--wrapper .padding--tall--left {
  padding-left:40px!important;
}
.nf--wrapper .padding--tall,
.nf--wrapper .padding--tall--right {
  padding-right:40px!important;
}
.nf--wrapper .padding--grande,
.nf--wrapper .padding--grande--left {
  padding-left:60px!important;
}
.nf--wrapper .padding--grande,
.nf--wrapper .padding--grande--right {
  padding-right:60px!important;
}
.nf--wrapper .padding--venti,
.nf--wrapper .padding--venti--left {
  padding-left:80px!important;
}
.nf--wrapper .padding--venti,
.nf--wrapper .padding--venti--right {
  padding-right:80px!important;
}
.nf--wrapper .padding--trenta,
.nf--wrapper .padding--trenta--left {
  padding-left:120px!important;
}
.nf--wrapper .padding--trenta,
.nf--wrapper .padding--trenta--right {
  padding-right:120px!important;
}

/* Margin */
.nf--wrapper .margin--basic,
.nf--wrapper .margin--basic--top {
  margin-top:60px!important;
}
.nf--wrapper .margin--basic,
.nf--wrapper .margin--basic--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .margin--short,
.nf--wrapper .margin--short--top {
  margin-top:15px!important;
}
.nf--wrapper .margin--short,
.nf--wrapper .margin--short--bottom {
  margin-bottom:15px!important;
}
.nf--wrapper .margin--tall,
.nf--wrapper .margin--tall--top {
  margin-top:40px!important;
}
.nf--wrapper .margin--tall,
.nf--wrapper .margin--tall--bottom {
  margin-bottom:40px!important;
}
.nf--wrapper .margin--grande,
.nf--wrapper .margin--grande--top {
  margin-top:60px!important;
}
.nf--wrapper .margin--grande,
.nf--wrapper .margin--grande--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .margin--venti,
.nf--wrapper .margin--venti--top {
  margin-top:80px!important;
}
.nf--wrapper .margin--venti,
.nf--wrapper .margin--venti--bottom {
  margin-bottom:80px!important;
}
.nf--wrapper .margin--trenta,
.nf--wrapper .margin--trenta--top {
  margin-top:120px!important;
}
.nf--wrapper .margin--trenta,
.nf--wrapper .margin--trenta--bottom {
  margin-bottom:120px!important;
}

@media (min-width: 1108px) {
/* Padding */
.nf--wrapper .desk-padding--basic,
.nf--wrapper .desk-padding--basic--left {
  padding-left:60px!important;
}
.nf--wrapper .desk-padding--basic,
.nf--wrapper .desk-padding--basic--right {
  padding-right:60px!important;
}
.nf--wrapper .desk-padding--short,
.nf--wrapper .desk-padding--short--left {
  padding-left:15px!important;
}
.nf--wrapper .desk-padding--short,
.nf--wrapper .desk-padding--short--right {
  padding-right:15px!important;
}
.nf--wrapper .desk-padding--tall,
.nf--wrapper .desk-padding--tall--left {
  padding-left:40px!important;
}
.nf--wrapper .desk-padding--tall,
.nf--wrapper .desk-padding--tall--right {
  padding-right:40px!important;
}
.nf--wrapper .desk-padding--grande,
.nf--wrapper .desk-padding--grande--left {
  padding-left:60px!important;
}
.nf--wrapper .desk-padding--grande,
.nf--wrapper .desk-padding--grande--right {
  padding-right:60px!important;
}
.nf--wrapper .desk-padding--venti,
.nf--wrapper .desk-padding--venti--left {
  padding-left:80px!important;
}
.nf--wrapper .desk-padding--venti,
.nf--wrapper .desk-padding--venti--right {
  padding-right:80px!important;
}
.nf--wrapper .desk-padding--trenta,
.nf--wrapper .desk-padding--trenta--left {
  padding-left:120px!important;
}
.nf--wrapper .desk-padding--trenta,
.nf--wrapper .desk-padding--trenta--right {
  padding-right:120px!important;
}

/* Margin */
.nf--wrapper .desk-margin--basic,
.nf--wrapper .desk-margin--basic--top {
  margin-top:60px!important;
}
.nf--wrapper .desk-margin--basic,
.nf--wrapper .desk-margin--basic--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .desk-margin--short,
.nf--wrapper .desk-margin--short--top {
  margin-top:15px!important;
}
.nf--wrapper .desk-margin--short,
.nf--wrapper .desk-margin--short--bottom {
  margin-bottom:15px!important;
}
.nf--wrapper .desk-margin--tall,
.nf--wrapper .desk-margin--tall--top {
  margin-top:40px!important;
}
.nf--wrapper .desk-margin--tall,
.nf--wrapper .desk-margin--tall--bottom {
  margin-bottom:40px!important;
}
.nf--wrapper .desk-margin--grande,
.nf--wrapper .desk-margin--grande--top {
  margin-top:60px!important;
}
.nf--wrapper .desk-margin--grande,
.nf--wrapper .desk-margin--grande--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .desk-margin--venti,
.nf--wrapper .desk-margin--venti--top {
  margin-top:80px!important;
}
.nf--wrapper .desk-margin--venti,
.nf--wrapper .desk-margin--venti--bottom {
  margin-bottom:80px!important;
}
.nf--wrapper .desk-margin--trenta,
.nf--wrapper .desk-margin--trenta--top {
  margin-top:120px!important;
}
.nf--wrapper .desk-margin--trenta,
.nf--wrapper .desk-margin--trenta--bottom {
  margin-bottom:120px!important;
}
}
@media (min-width: 1024px) and (max-width: 1107px) {
/* Padding */
.nf--wrapper .lap-padding--basic,
.nf--wrapper .lap-padding--basic--left {
  padding-left:60px!important;
}
.nf--wrapper .lap-padding--basic,
.nf--wrapper .lap-padding--basic--right {
  padding-right:60px!important;
}
.nf--wrapper .lap-padding--short,
.nf--wrapper .lap-padding--short--left {
  padding-left:15px!important;
}
.nf--wrapper .lap-padding--short,
.nf--wrapper .lap-padding--short--right {
  padding-right:15px!important;
}
.nf--wrapper .lap-padding--tall,
.nf--wrapper .lap-padding--tall--left {
  padding-left:40px!important;
}
.nf--wrapper .lap-padding--tall,
.nf--wrapper .lap-padding--tall--right {
  padding-right:40px!important;
}
.nf--wrapper .lap-padding--grande,
.nf--wrapper .lap-padding--grande--left {
  padding-left:60px!important;
}
.nf--wrapper .lap-padding--grande,
.nf--wrapper .lap-padding--grande--right {
  padding-right:60px!important;
}
.nf--wrapper .lap-padding--venti,
.nf--wrapper .lap-padding--venti--left {
  padding-left:80px!important;
}
.nf--wrapper .lap-padding--venti,
.nf--wrapper .lap-padding--venti--right {
  padding-right:80px!important;
}
.nf--wrapper .lap-padding--trenta,
.nf--wrapper .lap-padding--trenta--left {
  padding-left:120px!important;
}
.nf--wrapper .lap-padding--trenta,
.nf--wrapper .lap-padding--trenta--right {
  padding-right:120px!important;
}

/* Margin */
.nf--wrapper .lap-margin--basic,
.nf--wrapper .lap-margin--basic--top {
  margin-top:60px!important;
}
.nf--wrapper .lap-margin--basic,
.nf--wrapper .lap-margin--basic--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .lap-margin--short,
.nf--wrapper .lap-margin--short--top {
  margin-top:15px!important;
}
.nf--wrapper .lap-margin--short,
.nf--wrapper .lap-margin--short--bottom {
  margin-bottom:15px!important;
}
.nf--wrapper .lap-margin--tall,
.nf--wrapper .lap-margin--tall--top {
  margin-top:40px!important;
}
.nf--wrapper .lap-margin--tall,
.nf--wrapper .lap-margin--tall--bottom {
  margin-bottom:40px!important;
}
.nf--wrapper .lap-margin--grande,
.nf--wrapper .lap-margin--grande--top {
  margin-top:60px!important;
}
.nf--wrapper .lap-margin--grande,
.nf--wrapper .lap-margin--grande--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .lap-margin--venti,
.nf--wrapper .lap-margin--venti--top {
  margin-top:80px!important;
}
.nf--wrapper .lap-margin--venti,
.nf--wrapper .lap-margin--venti--bottom {
  margin-bottom:80px!important;
}
.nf--wrapper .lap-margin--trenta,
.nf--wrapper .lap-margin--trenta--top {
  margin-top:120px!important;
}
.nf--wrapper .lap-margin--trenta,
.nf--wrapper .lap-margin--trenta--bottom {
  margin-bottom:120px!important;
}
}
@media (min-width: 1024px) {
/* Padding */
.nf--wrapper .lap-and-up-padding--basic,
.nf--wrapper .lap-and-up-padding--basic--left {
  padding-left:60px!important;
}
.nf--wrapper .lap-and-up-padding--basic,
.nf--wrapper .lap-and-up-padding--basic--right {
  padding-right:60px!important;
}
.nf--wrapper .lap-and-up-padding--short,
.nf--wrapper .lap-and-up-padding--short--left {
  padding-left:15px!important;
}
.nf--wrapper .lap-and-up-padding--short,
.nf--wrapper .lap-and-up-padding--short--right {
  padding-right:15px!important;
}
.nf--wrapper .lap-and-up-padding--tall,
.nf--wrapper .lap-and-up-padding--tall--left {
  padding-left:40px!important;
}
.nf--wrapper .lap-and-up-padding--tall,
.nf--wrapper .lap-and-up-padding--tall--right {
  padding-right:40px!important;
}
.nf--wrapper .lap-and-up-padding--grande,
.nf--wrapper .lap-and-up-padding--grande--left {
  padding-left:60px!important;
}
.nf--wrapper .lap-and-up-padding--grande,
.nf--wrapper .lap-and-up-padding--grande--right {
  padding-right:60px!important;
}
.nf--wrapper .lap-and-up-padding--venti,
.nf--wrapper .lap-and-up-padding--venti--left {
  padding-left:80px!important;
}
.nf--wrapper .lap-and-up-padding--venti,
.nf--wrapper .lap-and-up-padding--venti--right {
  padding-right:80px!important;
}
.nf--wrapper .lap-and-up-padding--trenta,
.nf--wrapper .lap-and-up-padding--trenta--left {
  padding-left:120px!important;
}
.nf--wrapper .lap-and-up-padding--trenta,
.nf--wrapper .lap-and-up-padding--trenta--right {
  padding-right:120px!important;
}

/* Margin */
.nf--wrapper .lap-and-up-margin--basic,
.nf--wrapper .lap-and-up-margin--basic--top {
  margin-top:60px!important;
}
.nf--wrapper .lap-and-up-margin--basic,
.nf--wrapper .lap-and-up-margin--basic--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .lap-and-up-margin--short,
.nf--wrapper .lap-and-up-margin--short--top {
  margin-top:15px!important;
}
.nf--wrapper .lap-and-up-margin--short,
.nf--wrapper .lap-and-up-margin--short--bottom {
  margin-bottom:15px!important;
}
.nf--wrapper .lap-and-up-margin--tall,
.nf--wrapper .lap-and-up-margin--tall--top {
  margin-top:40px!important;
}
.nf--wrapper .lap-and-up-margin--tall,
.nf--wrapper .lap-and-up-margin--tall--bottom {
  margin-bottom:40px!important;
}
.nf--wrapper .lap-and-up-margin--grande,
.nf--wrapper .lap-and-up-margin--grande--top {
  margin-top:60px!important;
}
.nf--wrapper .lap-and-up-margin--grande,
.nf--wrapper .lap-and-up-margin--grande--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .lap-and-up-margin--venti,
.nf--wrapper .lap-and-up-margin--venti--top {
  margin-top:80px!important;
}
.nf--wrapper .lap-and-up-margin--venti,
.nf--wrapper .lap-and-up-margin--venti--bottom {
  margin-bottom:80px!important;
}
.nf--wrapper .lap-and-up-margin--trenta,
.nf--wrapper .lap-and-up-margin--trenta--top {
  margin-top:120px!important;
}
.nf--wrapper .lap-and-up-margin--trenta,
.nf--wrapper .lap-and-up-margin--trenta--bottom {
  margin-bottom:120px!important;
}
}
@media (max-width: 1023px) {
/* Padding */
.nf--wrapper .portable-padding--basic,
.nf--wrapper .portable-padding--basic--left {
  padding-left:60px!important;
}
.nf--wrapper .portable-padding--basic,
.nf--wrapper .portable-padding--basic--right {
  padding-right:60px!important;
}
.nf--wrapper .portable-padding--short,
.nf--wrapper .portable-padding--short--left {
  padding-left:15px!important;
}
.nf--wrapper .portable-padding--short,
.nf--wrapper .portable-padding--short--right {
  padding-right:15px!important;
}
.nf--wrapper .portable-padding--tall,
.nf--wrapper .portable-padding--tall--left {
  padding-left:40px!important;
}
.nf--wrapper .portable-padding--tall,
.nf--wrapper .portable-padding--tall--right {
  padding-right:40px!important;
}
.nf--wrapper .portable-padding--grande,
.nf--wrapper .portable-padding--grande--left {
  padding-left:60px!important;
}
.nf--wrapper .portable-padding--grande,
.nf--wrapper .portable-padding--grande--right {
  padding-right:60px!important;
}
.nf--wrapper .portable-padding--venti,
.nf--wrapper .portable-padding--venti--left {
  padding-left:80px!important;
}
.nf--wrapper .portable-padding--venti,
.nf--wrapper .portable-padding--venti--right {
  padding-right:80px!important;
}
.nf--wrapper .portable-padding--trenta,
.nf--wrapper .portable-padding--trenta--left {
  padding-left:120px!important;
}
.nf--wrapper .portable-padding--trenta,
.nf--wrapper .portable-padding--trenta--right {
  padding-right:120px!important;
}

/* Margin */
.nf--wrapper .portable-margin--basic,
.nf--wrapper .portable-margin--basic--top {
  margin-top:60px!important;
}
.nf--wrapper .portable-margin--basic,
.nf--wrapper .portable-margin--basic--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .portable-margin--short,
.nf--wrapper .portable-margin--short--top {
  margin-top:15px!important;
}
.nf--wrapper .portable-margin--short,
.nf--wrapper .portable-margin--short--bottom {
  margin-bottom:15px!important;
}
.nf--wrapper .portable-margin--tall,
.nf--wrapper .portable-margin--tall--top {
  margin-top:40px!important;
}
.nf--wrapper .portable-margin--tall,
.nf--wrapper .portable-margin--tall--bottom {
  margin-bottom:40px!important;
}
.nf--wrapper .portable-margin--grande,
.nf--wrapper .portable-margin--grande--top {
  margin-top:60px!important;
}
.nf--wrapper .portable-margin--grande,
.nf--wrapper .portable-margin--grande--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .portable-margin--venti,
.nf--wrapper .portable-margin--venti--top {
  margin-top:80px!important;
}
.nf--wrapper .portable-margin--venti,
.nf--wrapper .portable-margin--venti--bottom {
  margin-bottom:80px!important;
}
.nf--wrapper .portable-margin--trenta,
.nf--wrapper .portable-margin--trenta--top {
  margin-top:120px!important;
}
.nf--wrapper .portable-margin--trenta,
.nf--wrapper .portable-margin--trenta--bottom {
  margin-bottom:120px!important;
}
}
@media (min-width: 680px) and (max-width: 1023px) {
/* Padding */
.nf--wrapper .tablet-padding--basic,
.nf--wrapper .tablet-padding--basic--left {
  padding-left:60px!important;
}
.nf--wrapper .tablet-padding--basic,
.nf--wrapper .tablet-padding--basic--right {
  padding-right:60px!important;
}
.nf--wrapper .tablet-padding--short,
.nf--wrapper .tablet-padding--short--left {
  padding-left:15px!important;
}
.nf--wrapper .tablet-padding--short,
.nf--wrapper .tablet-padding--short--right {
  padding-right:15px!important;
}
.nf--wrapper .tablet-padding--tall,
.nf--wrapper .tablet-padding--tall--left {
  padding-left:40px!important;
}
.nf--wrapper .tablet-padding--tall,
.nf--wrapper .tablet-padding--tall--right {
  padding-right:40px!important;
}
.nf--wrapper .tablet-padding--grande,
.nf--wrapper .tablet-padding--grande--left {
  padding-left:60px!important;
}
.nf--wrapper .tablet-padding--grande,
.nf--wrapper .tablet-padding--grande--right {
  padding-right:60px!important;
}
.nf--wrapper .tablet-padding--venti,
.nf--wrapper .tablet-padding--venti--left {
  padding-left:80px!important;
}
.nf--wrapper .tablet-padding--venti,
.nf--wrapper .tablet-padding--venti--right {
  padding-right:80px!important;
}
.nf--wrapper .tablet-padding--trenta,
.nf--wrapper .tablet-padding--trenta--left {
  padding-left:120px!important;
}
.nf--wrapper .tablet-padding--trenta,
.nf--wrapper .tablet-padding--trenta--right {
  padding-right:120px!important;
}

/* Margin */
.nf--wrapper .tablet-margin--basic,
.nf--wrapper .tablet-margin--basic--top {
  margin-top:60px!important;
}
.nf--wrapper .tablet-margin--basic,
.nf--wrapper .tablet-margin--basic--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .tablet-margin--short,
.nf--wrapper .tablet-margin--short--top {
  margin-top:15px!important;
}
.nf--wrapper .tablet-margin--short,
.nf--wrapper .tablet-margin--short--bottom {
  margin-bottom:15px!important;
}
.nf--wrapper .tablet-margin--tall,
.nf--wrapper .tablet-margin--tall--top {
  margin-top:40px!important;
}
.nf--wrapper .tablet-margin--tall,
.nf--wrapper .tablet-margin--tall--bottom {
  margin-bottom:40px!important;
}
.nf--wrapper .tablet-margin--grande,
.nf--wrapper .tablet-margin--grande--top {
  margin-top:60px!important;
}
.nf--wrapper .tablet-margin--grande,
.nf--wrapper .tablet-margin--grande--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .tablet-margin--venti,
.nf--wrapper .tablet-margin--venti--top {
  margin-top:80px!important;
}
.nf--wrapper .tablet-margin--venti,
.nf--wrapper .tablet-margin--venti--bottom {
  margin-bottom:80px!important;
}
.nf--wrapper .tablet-margin--trenta,
.nf--wrapper .tablet-margin--trenta--top {
  margin-top:120px!important;
}
.nf--wrapper .tablet-margin--trenta,
.nf--wrapper .tablet-margin--trenta--bottom {
  margin-bottom:120px!important;
}
}
@media (max-width: 679px) {
/* Padding */
.nf--wrapper .palm-padding--basic,
.nf--wrapper .palm-padding--basic--left {
  padding-left:60px!important;
}
.nf--wrapper .palm-padding--basic,
.nf--wrapper .palm-padding--basic--right {
  padding-right:60px!important;
}
.nf--wrapper .palm-padding--short,
.nf--wrapper .palm-padding--short--left {
  padding-left:15px!important;
}
.nf--wrapper .palm-padding--short,
.nf--wrapper .palm-padding--short--right {
  padding-right:15px!important;
}
.nf--wrapper .palm-padding--tall,
.nf--wrapper .palm-padding--tall--left {
  padding-left:40px!important;
}
.nf--wrapper .palm-padding--tall,
.nf--wrapper .palm-padding--tall--right {
  padding-right:40px!important;
}
.nf--wrapper .palm-padding--grande,
.nf--wrapper .palm-padding--grande--left {
  padding-left:60px!important;
}
.nf--wrapper .palm-padding--grande,
.nf--wrapper .palm-padding--grande--right {
  padding-right:60px!important;
}
.nf--wrapper .palm-padding--venti,
.nf--wrapper .palm-padding--venti--left {
  padding-left:80px!important;
}
.nf--wrapper .palm-padding--venti,
.nf--wrapper .palm-padding--venti--right {
  padding-right:80px!important;
}
.nf--wrapper .palm-padding--trenta,
.nf--wrapper .palm-padding--trenta--left {
  padding-left:120px!important;
}
.nf--wrapper .palm-padding--trenta,
.nf--wrapper .palm-padding--trenta--right {
  padding-right:120px!important;
}

/* Margin */
.nf--wrapper .palm-margin--basic,
.nf--wrapper .palm-margin--basic--top {
  margin-top:60px!important;
}
.nf--wrapper .palm-margin--basic,
.nf--wrapper .palm-margin--basic--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .palm-margin--short,
.nf--wrapper .palm-margin--short--top {
  margin-top:15px!important;
}
.nf--wrapper .palm-margin--short,
.nf--wrapper .palm-margin--short--bottom {
  margin-bottom:15px!important;
}
.nf--wrapper .palm-margin--tall,
.nf--wrapper .palm-margin--tall--top {
  margin-top:40px!important;
}
.nf--wrapper .palm-margin--tall,
.nf--wrapper .palm-margin--tall--bottom {
  margin-bottom:40px!important;
}
.nf--wrapper .palm-margin--grande,
.nf--wrapper .palm-margin--grande--top {
  margin-top:60px!important;
}
.nf--wrapper .palm-margin--grande,
.nf--wrapper .palm-margin--grande--bottom {
  margin-bottom:60px!important;
}
.nf--wrapper .palm-margin--venti,
.nf--wrapper .palm-margin--venti--top {
  margin-top:80px!important;
}
.nf--wrapper .palm-margin--venti,
.nf--wrapper .palm-margin--venti--bottom {
  margin-bottom:80px!important;
}
.nf--wrapper .palm-margin--trenta,
.nf--wrapper .palm-margin--trenta--top {
  margin-top:120px!important;
}
.nf--wrapper .palm-margin--trenta,
.nf--wrapper .palm-margin--trenta--bottom {
  margin-bottom:120px!important;
}
}


/* Modifiers */

/* Display */
.nf--wrapper .block,
.nf--wrapper .block[class*="span"] {display:block!important;}
.nf--wrapper .inline-block,
.nf--wrapper .inline-block[class*="span"] {display:inline-block!important;}
.nf--wrapper .absolute,
.nf--wrapper .absolute[class*="span"] {position:absolute!important;}
.nf--wrapper .relative,
.nf--wrapper .relative[class*="span"] {position:relative!important;}
.nf--wrapper .table, 
.nf--wrapper .table[class*="span"] {display:table!important;}


/* Horizontal Align */
.nf--wrapper .text--center,
.nf--wrapper .all--text--center,
.nf--wrapper .all--text--center * {text-align:center!important;}
.nf--wrapper .text--left,
.nf--wrapper .all--text--left,
.nf--wrapper .all--text--left * {text-align:left!important;}
.nf--wrapper .text--right,
.nf--wrapper .all--text--right,
.nf--wrapper .all--text--right * {text-align:right!important;}

.nf--wrapper .all--text--center ul {display:inline-block;}
.nf--wrapper .all--text--center ul li {text-align:left!important;}

/* Vertical Align */
.nf--wrapper .valign--top,
.nf--wrapper .all--valign--top,
.nf--wrapper .all--valign--top * {vertical-align:top;}
.nf--wrapper .valign--bottom,
.nf--wrapper .all--valign--bottom,
.nf--wrapper .all--valign--bottom * {vertical-align:bottom;}
.nf--wrapper .valign--middle,
.nf--wrapper .all--valign--middle,
.nf--wrapper .all--valign--middle * {vertical-align:middle;}

/* Overflows */
.nf--wrapper .overflow--auto {overflow:auto!important;}
.nf--wrapper .overflow--hidden {overflow:hidden!important;}
.nf--wrapper .overflow-x--hidden {overflow-x:hidden!important;}
.nf--wrapper .overflow-y--hidden {overflow-y:hidden!important;}
.nf--wrapper .overflow--visible {overflow:visible!important;}

@media (min-width: 1108px) {
/* Display */
.nf--wrapper .desk-block,
.nf--wrapper .desk-block[class*="span"] {display:block!important;}
.nf--wrapper .desk-inline-block,
.nf--wrapper .desk-inline-block[class*="span"] {display:inline-block!important;}
.nf--wrapper .desk-absolute,
.nf--wrapper .desk-absolute[class*="span"] {position:absolute!important;}
.nf--wrapper .desk-relative,
.nf--wrapper .desk-relative[class*="span"] {position:relative!important;}
.nf--wrapper .desk-table, 
.nf--wrapper .desk-table[class*="span"] {display:table!important;}


/* Horizontal Align */
.nf--wrapper .desk-text--center,
.nf--wrapper .desk-all--text--center,
.nf--wrapper .desk-all--text--center * {text-align:center!important;}
.nf--wrapper .desk-text--left,
.nf--wrapper .desk-all--text--left,
.nf--wrapper .desk-all--text--left * {text-align:left!important;}
.nf--wrapper .desk-text--right,
.nf--wrapper .desk-all--text--right,
.nf--wrapper .desk-all--text--right * {text-align:right!important;}

.nf--wrapper .desk-all--text--center ul {display:inline-block;}
.nf--wrapper .desk-all--text--center ul li {text-align:left!important;}

/* Vertical Align */
.nf--wrapper .desk-valign--top,
.nf--wrapper .desk-all--valign--top,
.nf--wrapper .desk-all--valign--top * {vertical-align:top;}
.nf--wrapper .desk-valign--bottom,
.nf--wrapper .desk-all--valign--bottom,
.nf--wrapper .desk-all--valign--bottom * {vertical-align:bottom;}
.nf--wrapper .desk-valign--middle,
.nf--wrapper .desk-all--valign--middle,
.nf--wrapper .desk-all--valign--middle * {vertical-align:middle;}

/* Overflows */
.nf--wrapper .desk-overflow--auto {overflow:auto!important;}
.nf--wrapper .desk-overflow--hidden {overflow:hidden!important;}
.nf--wrapper .desk-overflow-x--hidden {overflow-x:hidden!important;}
.nf--wrapper .desk-overflow-y--hidden {overflow-y:hidden!important;}
.nf--wrapper .desk-overflow--visible {overflow:visible!important;}
}
@media (min-width: 1024px) and (max-width: 1107px) {
/* Display */
.nf--wrapper .lap-block,
.nf--wrapper .lap-block[class*="span"] {display:block!important;}
.nf--wrapper .lap-inline-block,
.nf--wrapper .lap-inline-block[class*="span"] {display:inline-block!important;}
.nf--wrapper .lap-absolute,
.nf--wrapper .lap-absolute[class*="span"] {position:absolute!important;}
.nf--wrapper .lap-relative,
.nf--wrapper .lap-relative[class*="span"] {position:relative!important;}
.nf--wrapper .lap-table, 
.nf--wrapper .lap-table[class*="span"] {display:table!important;}


/* Horizontal Align */
.nf--wrapper .lap-text--center,
.nf--wrapper .lap-all--text--center,
.nf--wrapper .lap-all--text--center * {text-align:center!important;}
.nf--wrapper .lap-text--left,
.nf--wrapper .lap-all--text--left,
.nf--wrapper .lap-all--text--left * {text-align:left!important;}
.nf--wrapper .lap-text--right,
.nf--wrapper .lap-all--text--right,
.nf--wrapper .lap-all--text--right * {text-align:right!important;}

.nf--wrapper .lap-all--text--center ul {display:inline-block;}
.nf--wrapper .lap-all--text--center ul li {text-align:left!important;}

/* Vertical Align */
.nf--wrapper .lap-valign--top,
.nf--wrapper .lap-all--valign--top,
.nf--wrapper .lap-all--valign--top * {vertical-align:top;}
.nf--wrapper .lap-valign--bottom,
.nf--wrapper .lap-all--valign--bottom,
.nf--wrapper .lap-all--valign--bottom * {vertical-align:bottom;}
.nf--wrapper .lap-valign--middle,
.nf--wrapper .lap-all--valign--middle,
.nf--wrapper .lap-all--valign--middle * {vertical-align:middle;}

/* Overflows */
.nf--wrapper .lap-overflow--auto {overflow:auto!important;}
.nf--wrapper .lap-overflow--hidden {overflow:hidden!important;}
.nf--wrapper .lap-overflow-x--hidden {overflow-x:hidden!important;}
.nf--wrapper .lap-overflow-y--hidden {overflow-y:hidden!important;}
.nf--wrapper .lap-overflow--visible {overflow:visible!important;}
}
@media (min-width: 1024px) {
/* Display */
.nf--wrapper .lap-and-up-block,
.nf--wrapper .lap-and-up-block[class*="span"] {display:block!important;}
.nf--wrapper .lap-and-up-inline-block,
.nf--wrapper .lap-and-up-inline-block[class*="span"] {display:inline-block!important;}
.nf--wrapper .lap-and-up-absolute,
.nf--wrapper .lap-and-up-absolute[class*="span"] {position:absolute!important;}
.nf--wrapper .lap-and-up-relative,
.nf--wrapper .lap-and-up-relative[class*="span"] {position:relative!important;}
.nf--wrapper .lap-and-up-table, 
.nf--wrapper .lap-and-up-table[class*="span"] {display:table!important;}


/* Horizontal Align */
.nf--wrapper .lap-and-up-text--center,
.nf--wrapper .lap-and-up-all--text--center,
.nf--wrapper .lap-and-up-all--text--center * {text-align:center!important;}
.nf--wrapper .lap-and-up-text--left,
.nf--wrapper .lap-and-up-all--text--left,
.nf--wrapper .lap-and-up-all--text--left * {text-align:left!important;}
.nf--wrapper .lap-and-up-text--right,
.nf--wrapper .lap-and-up-all--text--right,
.nf--wrapper .lap-and-up-all--text--right * {text-align:right!important;}

.nf--wrapper .lap-and-up-all--text--center ul {display:inline-block;}
.nf--wrapper .lap-and-up-all--text--center ul li {text-align:left!important;}

/* Vertical Align */
.nf--wrapper .lap-and-up-valign--top,
.nf--wrapper .lap-and-up-all--valign--top,
.nf--wrapper .lap-and-up-all--valign--top * {vertical-align:top;}
.nf--wrapper .lap-and-up-valign--bottom,
.nf--wrapper .lap-and-up-all--valign--bottom,
.nf--wrapper .lap-and-up-all--valign--bottom * {vertical-align:bottom;}
.nf--wrapper .lap-and-up-valign--middle,
.nf--wrapper .lap-and-up-all--valign--middle,
.nf--wrapper .lap-and-up-all--valign--middle * {vertical-align:middle;}

/* Overflows */
.nf--wrapper .lap-and-up-overflow--auto {overflow:auto!important;}
.nf--wrapper .lap-and-up-overflow--hidden {overflow:hidden!important;}
.nf--wrapper .lap-and-up-overflow-x--hidden {overflow-x:hidden!important;}
.nf--wrapper .lap-and-up-overflow-y--hidden {overflow-y:hidden!important;}
.nf--wrapper .lap-and-up-overflow--visible {overflow:visible!important;}
}
@media (max-width: 1023px) {
/* Display */
.nf--wrapper .portable-block,
.nf--wrapper .portable-block[class*="span"] {display:block!important;}
.nf--wrapper .portable-inline-block,
.nf--wrapper .portable-inline-block[class*="span"] {display:inline-block!important;}
.nf--wrapper .portable-absolute,
.nf--wrapper .portable-absolute[class*="span"] {position:absolute!important;}
.nf--wrapper .portable-relative,
.nf--wrapper .portable-relative[class*="span"] {position:relative!important;}
.nf--wrapper .portable-table, 
.nf--wrapper .portable-table[class*="span"] {display:table!important;}


/* Horizontal Align */
.nf--wrapper .portable-text--center,
.nf--wrapper .portable-all--text--center,
.nf--wrapper .portable-all--text--center * {text-align:center!important;}
.nf--wrapper .portable-text--left,
.nf--wrapper .portable-all--text--left,
.nf--wrapper .portable-all--text--left * {text-align:left!important;}
.nf--wrapper .portable-text--right,
.nf--wrapper .portable-all--text--right,
.nf--wrapper .portable-all--text--right * {text-align:right!important;}

.nf--wrapper .portable-all--text--center ul {display:inline-block;}
.nf--wrapper .portable-all--text--center ul li {text-align:left!important;}

/* Vertical Align */
.nf--wrapper .portable-valign--top,
.nf--wrapper .portable-all--valign--top,
.nf--wrapper .portable-all--valign--top * {vertical-align:top;}
.nf--wrapper .portable-valign--bottom,
.nf--wrapper .portable-all--valign--bottom,
.nf--wrapper .portable-all--valign--bottom * {vertical-align:bottom;}
.nf--wrapper .portable-valign--middle,
.nf--wrapper .portable-all--valign--middle,
.nf--wrapper .portable-all--valign--middle * {vertical-align:middle;}

/* Overflows */
.nf--wrapper .portable-overflow--auto {overflow:auto!important;}
.nf--wrapper .portable-overflow--hidden {overflow:hidden!important;}
.nf--wrapper .portable-overflow-x--hidden {overflow-x:hidden!important;}
.nf--wrapper .portable-overflow-y--hidden {overflow-y:hidden!important;}
.nf--wrapper .portable-overflow--visible {overflow:visible!important;}
}
@media (min-width: 680px) and (max-width: 1023px) {
/* Display */
.nf--wrapper .tablet-block,
.nf--wrapper .tablet-block[class*="span"] {display:block!important;}
.nf--wrapper .tablet-inline-block,
.nf--wrapper .tablet-inline-block[class*="span"] {display:inline-block!important;}
.nf--wrapper .tablet-absolute,
.nf--wrapper .tablet-absolute[class*="span"] {position:absolute!important;}
.nf--wrapper .tablet-relative,
.nf--wrapper .tablet-relative[class*="span"] {position:relative!important;}
.nf--wrapper .tablet-table, 
.nf--wrapper .tablet-table[class*="span"] {display:table!important;}


/* Horizontal Align */
.nf--wrapper .tablet-text--center,
.nf--wrapper .tablet-all--text--center,
.nf--wrapper .tablet-all--text--center * {text-align:center!important;}
.nf--wrapper .tablet-text--left,
.nf--wrapper .tablet-all--text--left,
.nf--wrapper .tablet-all--text--left * {text-align:left!important;}
.nf--wrapper .tablet-text--right,
.nf--wrapper .tablet-all--text--right,
.nf--wrapper .tablet-all--text--right * {text-align:right!important;}

.nf--wrapper .tablet-all--text--center ul {display:inline-block;}
.nf--wrapper .tablet-all--text--center ul li {text-align:left!important;}

/* Vertical Align */
.nf--wrapper .tablet-valign--top,
.nf--wrapper .tablet-all--valign--top,
.nf--wrapper .tablet-all--valign--top * {vertical-align:top;}
.nf--wrapper .tablet-valign--bottom,
.nf--wrapper .tablet-all--valign--bottom,
.nf--wrapper .tablet-all--valign--bottom * {vertical-align:bottom;}
.nf--wrapper .tablet-valign--middle,
.nf--wrapper .tablet-all--valign--middle,
.nf--wrapper .tablet-all--valign--middle * {vertical-align:middle;}

/* Overflows */
.nf--wrapper .tablet-overflow--auto {overflow:auto!important;}
.nf--wrapper .tablet-overflow--hidden {overflow:hidden!important;}
.nf--wrapper .tablet-overflow-x--hidden {overflow-x:hidden!important;}
.nf--wrapper .tablet-overflow-y--hidden {overflow-y:hidden!important;}
.nf--wrapper .tablet-overflow--visible {overflow:visible!important;}
}
@media (max-width: 679px) {
/* Display */
.nf--wrapper .palm-block,
.nf--wrapper .palm-block[class*="span"] {display:block!important;}
.nf--wrapper .palm-inline-block,
.nf--wrapper .palm-inline-block[class*="span"] {display:inline-block!important;}
.nf--wrapper .palm-absolute,
.nf--wrapper .palm-absolute[class*="span"] {position:absolute!important;}
.nf--wrapper .palm-relative,
.nf--wrapper .palm-relative[class*="span"] {position:relative!important;}
.nf--wrapper .palm-table, 
.nf--wrapper .palm-table[class*="span"] {display:table!important;}


/* Horizontal Align */
.nf--wrapper .palm-text--center,
.nf--wrapper .palm-all--text--center,
.nf--wrapper .palm-all--text--center * {text-align:center!important;}
.nf--wrapper .palm-text--left,
.nf--wrapper .palm-all--text--left,
.nf--wrapper .palm-all--text--left * {text-align:left!important;}
.nf--wrapper .palm-text--right,
.nf--wrapper .palm-all--text--right,
.nf--wrapper .palm-all--text--right * {text-align:right!important;}

.nf--wrapper .palm-all--text--center ul {display:inline-block;}
.nf--wrapper .palm-all--text--center ul li {text-align:left!important;}

/* Vertical Align */
.nf--wrapper .palm-valign--top,
.nf--wrapper .palm-all--valign--top,
.nf--wrapper .palm-all--valign--top * {vertical-align:top;}
.nf--wrapper .palm-valign--bottom,
.nf--wrapper .palm-all--valign--bottom,
.nf--wrapper .palm-all--valign--bottom * {vertical-align:bottom;}
.nf--wrapper .palm-valign--middle,
.nf--wrapper .palm-all--valign--middle,
.nf--wrapper .palm-all--valign--middle * {vertical-align:middle;}

/* Overflows */
.nf--wrapper .palm-overflow--auto {overflow:auto!important;}
.nf--wrapper .palm-overflow--hidden {overflow:hidden!important;}
.nf--wrapper .palm-overflow-x--hidden {overflow-x:hidden!important;}
.nf--wrapper .palm-overflow-y--hidden {overflow-y:hidden!important;}
.nf--wrapper .palm-overflow--visible {overflow:visible!important;}
}


/* Visually Hidden */

.nf--wrapper .visuallyhidden {display:none!important;}

@media (min-width: 1108px) {
.nf--wrapper .desk-visuallyhidden {display:none!important;}
}
@media (min-width: 1024px) and (max-width: 1107px) {
.nf--wrapper .lap-visuallyhidden {display:none!important;}
}
@media (min-width: 1024px) {
.nf--wrapper .lap-and-up-visuallyhidden {display:none!important;}
}
@media (max-width: 1023px) {
.nf--wrapper .portable-visuallyhidden {display:none!important;}
}
@media (min-width: 680px) and (max-width: 1023px) {
.nf--wrapper .tablet-visuallyhidden {display:none!important;}
}
@media (max-width: 679px) {
.nf--wrapper .palm-visuallyhidden {display:none!important;}
}

html.no-opacity .nf--wrapper .lap-visuallyhidden,
html.no-opacity .nf--wrapper .lap-and-up-visuallyhidden,
html.no-opacity .nf--wrapper .desk-visuallyhidden {
  display:none;
}

/* Z-Index */

.nf--wrapper .z-index--0 {
  z-index: 0!important;
}

.nf--wrapper .z-index--1 {
  z-index: 1!important;
}

.nf--wrapper .z-index--2 {
  z-index: 2!important;
}

.nf--wrapper .z-index--3 {
  z-index: 3!important;
}

.nf--wrapper .z-index--4 {
  z-index: 4!important;
}

.nf--wrapper .z-index--5 {
  z-index: 5!important;
}

.nf--wrapper .z-index--6 {
  z-index: 6!important;
}

.nf--wrapper .z-index--7 {
  z-index: 7!important;
}

.nf--wrapper .z-index--8 {
  z-index: 8!important;
}

.nf--wrapper .z-index--9 {
  z-index: 9!important;
}

.nf--wrapper .z-index--10 {
  z-index: 10!important;
}


/* Transition */
.nf--wrapper .no--transition,
.nf--wrapper .no--transition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

/* Text */
.nf--wrapper .bold,
.nf--wrapper .strong,
.nf--wrapper .all--bold,
.nf--wrapper .all--bold *,
.nf--wrapper .all--strong,
.nf--wrapper .all--strong * {font-weight:bold!important;}
.nf--wrapper .bolder,
.nf--wrapper .all--bolder,
.nf--wrapper .all--bolder * {font-weight:bolder!important;}
.nf--wrapper .light,
.nf--wrapper .all--light,
.nf--wrapper .all--light * {font-weight:normal!important;}
.nf--wrapper .lighter,
.nf--wrapper .all--lighter,
.nf--wrapper .all--lighter * {font-weight:300!important;}
.nf--wrapper .italic,
.nf--wrapper .all--italic,
.nf--wrapper .all--italic * {font-style:italic!important;}
.nf--wrapper .uppercase,
.nf--wrapper .all--uppercase,
.nf--wrapper .all--uppercase * {text-transform:uppercase;}
.nf--wrapper .lowercase,
.nf--wrapper .all--lowercase,
.nf--wrapper .all--lowercase * {text-transform:lowercase;}
.nf--wrapper .normalcase,
.nf--wrapper .all--normalcase,
.nf--wrapper .all--normalcase * {text-transform:none;}
.nf--wrapper .normal,
.nf--wrapper .all--normal,
.nf--wrapper .all--normal * {font-style:normal;font-weight:normal;!important;}
.nf--wrapper .normal--weight,
.nf--wrapper .all--normal--weight,
.nf--wrapper .all--normal--weight * {font-weight:normal!important;}
.nf--wrapper .normal--style,
.nf--wrapper .all--normal--style,
.nf--wrapper .all--normal--style * {font-style:normal!important;}

/* Forms */
.nf--wrapper form.hs-form.stacked .actions {padding:0px;margin:0px;text-align:center;}
.nf--wrapper .hbspt-form .submitted-message {
  font-family: proxima-nova;
  font-size: 18px;
  line-height: 1.75em;
  font-style: ;
  font-weight: normal;
  letter-spacing: ;
  word-spacing: ;
  color: #7c7b83;
}
.nf--wrapper .hs_cos_wrapper_type_form {
  font-family: proxima-nova;
  font-size: 18px;
  line-height: 1.75em;
  font-style: ;
  font-weight: normal;
  letter-spacing: ;
  word-spacing: ;
  color: #7c7b83;
}
.nf--wrapper .hs_cos_wrapper_type_form .form-title {margin-top: 0px;}
.nf--wrapper .hs_cos_wrapper_type_form > a[name] {display: none;}
.nf--wrapper form.hs-form .hs_error_rollup {display:none!important;}
.nf--wrapper form.hs-form input[type="text"].hs-input,
.nf--wrapper form.hs-form input[type="number"].hs-input,
.nf--wrapper form.hs-form input[type="email"].hs-input,
.nf--wrapper form.hs-form input[type="tel"].hs-input,
.nf--wrapper form.hs-form textarea.hs-input,
.nf--wrapper .production--form input[type="text"],
.nf--wrapper .production--form input[type="number"],
.nf--wrapper .production--form input[type="email"],
.nf--wrapper .production--form input[type="tel"],
.nf--wrapper .production--form input[type="search"],
.nf--wrapper .production--form textarea {
  text-align:left!important;
  display:block;
  max-width:100%;
  width:100%!important;
  padding-top:20px;
  padding-bottom:18px;
  padding-left:25px;
  padding-right:25px;
  margin-top:0px;
  outline:none;
  box-shadow: none;
  height:auto;
  background-color:#FFFFFF;
  color:#1d1d1f;

  font-family: proxima-nova;
  font-size: 18px;
  line-height: 1.16em;
  font-weight: 400;
  text-transform: ;
  letter-spacing: 0px;
  word-spacing: ;
  border-color: #E8EBEF;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;

  -webkit-appearance:none;

  -webkit-appearance:none;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.nf--wrapper form.hs-form > .hs-form-field * {
  text-align:left!important;
}
.nf--wrapper form.hs-form .hs-form-field .input .hs-fieldtype-intl-phone select.hs-input {
  display: inline-block!important;
  vertical-align: top;
  width: 40%!important;
}
.nf--wrapper form.hs-form .hs-form-field .input .hs-fieldtype-intl-phone select.hs-input + input.hs-input {
  display: inline-block!important;
  width: 57%!important;
  margin-left:3%!important;
}


.nf--wrapper form.hs-form textarea.hs-input,
.nf--wrapper .production--form textarea {
  min-height: calc(1.16em * 5);
}


.nf--wrapper form.hs-form select.hs-input,
.nf--wrapper .production--form select {
  width:100%!important;
  max-width:100%!important;
  margin-top:0px;
  height:auto;

  color:#1d1d1f;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E8EBEF" d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>');
    background-repeat:no-repeat;
    background-position:right 25px center;
    background-color:#FFFFFF;
    background-size:14px;

    outline:none;
    box-shadow: none;

    padding-top:20px;
    padding-bottom:20px;
    padding-left:25px;
    padding-right:40px;

    font-family: proxima-nova;
    font-size: 18px;
    line-height: 1.16em;
    font-weight: 400;
    text-transform: ;
    letter-spacing: 0px;
    word-spacing: ;
    border-color: #E8EBEF;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    }
.nf--wrapper form.hs-form select.hs-input::-ms-expand,
.nf--wrapper .production--form select::-ms-expand {
  display: none;
}
.nf--wrapper form.hs-form select.hs-input option,
.production--form select.hs-input option {
  color:#1d1d1f!important;
}
.nf--wrapper form.hs-form label,
.nf--wrapper .production--form label {
  display:block;
  text-align:left!important;
  font-family:proxima-nova;
  font-size:16px;
  line-height:1em;
  font-style:normal;
  font-weight:normal;
  letter-spacing:;
  text-transform:;
  word-spacing:;
  color:#1d1d1f;
}
.nf--wrapper form.hs-form .legal-consent-container label {
  font-family: proxima-nova;
  font-size: 18px;
  line-height: 1.75em;
  font-style: ;
  font-weight: normal;
  letter-spacing: ;
  word-spacing: ;
  color: #7c7b83;
}
.nf--wrapper form.hs-form fieldset,
.nf--wrapper .production--form fieldset {
  float:left;
  max-width:100%;
  width:100%;
}
.nf--wrapper form.hs-form .field,
.nf--wrapper .production--form .field {
  margin-bottom:0px;
  position:relative;
}
.nf--wrapper form.hs-form .inputs-list {
  margin-bottom:25px;
  padding-left:0px;
  list-style:none;
  margin-top: 10px;
}
.nf--wrapper form.hs-form .inputs-list li {
  margin-bottom:10px;
}
.nf--wrapper form.hs-form .inputs-list li:last-child {
  margin-bottom:0px;
}
.nf--wrapper form.hs-form .hs_recaptcha {
  clear:both;
}
.nf--wrapper form.hs-form #captcha_wrapper {
  margin-bottom:25px;
  clear:both;
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_area,
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table {
  max-width:100%;
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table {
  display: block;
  overflow: hidden;
  background: #dedede;
  border-color: #E8EBEF!important;
  border-style: solid!important;
  border-width: 1px!important;
  border-radius: 3px;
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table td {
  background-image: none;
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table .recaptcha_input_area {
  width:171px!important;
  margin-left:0px!important;
  margin-right:0px!important;
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table #recaptcha_response_field {
  width:100%!important;
  margin-top:8px!important;
  padding: 4px 4px!important;
  border-color: #E8EBEF;
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table .recaptcha_r4_c4 {
  background-size: 90% auto!important;
}
.nf--wrapper form.hs-form #captcha_wrapper #recaptcha_table #recaptcha_privacy a {
  font-size:13px!important;
}
.nf--wrapper form.hs-form fieldset.form-columns-1 > .hs-form-field,
.nf--wrapper form.hs-form > .hs-form-field {
  display:inline-block;
  width:100%;
}
.nf--wrapper form.hs-form fieldset.form-columns-1 .hs-form-field {
  width:100%;
  padding:0px;
}
.nf--wrapper form.hs-form .form-columns-2 > .hs-form-field {
  display:inline-block;
  vertical-align:bottom;
  width:48.5%!important;
  padding:0px;
  margin-left:3%;
  float:none;
}
.nf--wrapper form.hs-form .form-columns-2 > .hs-form-field:first-child {
  margin-left:0px;
}
@media   (max-width: 679px) {
.nf--wrapper form.hs-form .form-columns-2 > .hs-form-field {
  width:100%!important;
  margin-left:0px;
}
}
.nf--wrapper form.hs-form .form-columns-2 .hs-richtext+.hs-form-field {
  margin-left:0px!important;
}
.nf--wrapper form.hs-form .form-columns-3> .hs-form-field {
  display:inline-block;
  vertical-align:bottom;
  width:31.3333333%!important;
  padding:0px;
  margin-left:3%;
  float:none;
}
.nf--wrapper form.hs-form .form-columns-3> .hs-form-field:first-child {
  margin-left:0px;
}
@media   (max-width: 679px) {
.nf--wrapper form.hs-form .form-columns-3> .hs-form-field {
  width:100%!important;
  margin-left:0px;
}
}
.nf--wrapper form.hs-form .form-columns-3 .hs-richtext+.hs-form-field {
  margin-left:0px!important;
}
.nf--wrapper form.hs-form fieldset > .hs-form-field > label,
.nf--wrapper form.hs-form > .hs-form-field > label {
  margin-bottom:5px;
}
.nf--wrapper form.hs-form .hs-form-required {
  color: #DD2D2D;
}
.nf--wrapper form.hs-form .hs-form-field > .input {
  margin-bottom:25px;
  margin-right:0px!important;
}
.nf--wrapper form.hs-form .inputs-list label {
  display:block!important;
}
.nf--wrapper form.hs-form .inputs-list label input {
  display:inline-block;
  width:auto;
  margin-right:10px;
}
.nf--wrapper form.hs-form .hs_submit {
  clear: both;
  width: 100%;
  display: block;
}
.nf--wrapper form.hs-form .hs_submit {
  padding-top:0px;
}
.nf--wrapper form.hs-form .hs_submit input.hs-button,
.nf--wrapper form.hs-form .hs_submit input.hs-button:active {
  -webkit-appearance: none;
  outline:none!important;
  box-shadow:none!important;
  text-shadow:none;
}
.nf--wrapper form.hs-form .hubspot-link__container.sproket {
  padding-bottom:0px!important;
  padding-top:15px!important;
}
.nf--wrapper form.hs-form .hubspot-link__container.sproket .hubspot-link__icon {
  margin-top:0px!important; 
}
.nf--wrapper .no--labels .hs-form-field > label {
  display:none!important;
}
html.no-textshadow .nf--wrapper .no--labels .hs-form-field > label {
  display:block!important;
}
html.no-backgroundsize .nf--wrapper .no--labels label {
  display:block!important;
}

.nf--wrapper .no--underline,
.nf--wrapper .no--underline * {
  text-decoration: none !important
}
.nf--wrapper .color--inherit,
.nf--wrapper .all--color--inherit,
.nf--wrapper .all--color--inherit * {
  color: inherit !important
}
.nf--wrapper .left--0 {
  left: 0
}
.nf--wrapper .right--0 {
  right: 0
}
.nf--wrapper .top--0 {
  top: 0
}
.nf--wrapper .bottom--0 {
  bottom: 0
}

.nf--wrapper .box-shadow {
  box-shadow: 0 0 25px 0 rgb(66 66 66 / 8%);
  transition: all .3s ease-in-out;
}
.nf--wrapper .box--hover:hover {
  box-shadow: 0 6px 35px 0 rgb(66 66 66 / 14%);
}
.nf--wrapper .border-radius {
  border-radius: 6px;
}
.nf--wrapper .font--13,
.nf--wrapper .font--13 * {
  font-size: 13px !important
}
.nf--wrapper .font--16,
.nf--wrapper .font--16 * {
  font-size: 16px !important
}

.nf--wrapper .hover--cursor:hover,
.nf--wrapper .hover--pointer:hover {
  cursor: pointer
}

.nf--wrapper p,
.nf--wrapper .p {
  font-family: proxima-nova;
  font-size: 18px;
  line-height: 1.75em;
  font-style: ;
  font-weight: normal;
  letter-spacing: ;
  word-spacing: ;
  color: #7c7b83;
}

.btn--simple, .all--btn--simple .hs-cta-wrapper a, .all--btn--simple form input.hs-button, .all--btn--simple.fourohfour--menu .hs-menu-wrapper > ul > li > a { 
font-size:18px!important;
text-decoration:none!important;
text-transform:none!important;
padding:0px!important;
padding-right:14px!important;
border:0px!important;
box-shadow:none!important;
text-shadow:none!important;
min-width:0px!important;
color:#102d38!important;
 }

.btn--simple:after, .all--btn--simple .hs-cta-wrapper a:after, .all--btn--simple form input.hs-button:after, .all--btn--simple.fourohfour--menu .hs-menu-wrapper > ul > li > a:after { 
content:"";
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23102d38" d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>');
background-size:10px 10px;
background-position:center;
background-repeat:no-repeat;
margin-left: 4px;
margin-top: 1px;
padding-left:10px;
left:0;
position:relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;;
 }

.btn--simple:hover:after, .all--btn--simple .hs-cta-wrapper a:hover:after, .all--btn--simple form input.hs-button:hover:after, .all--btn--simple.fourohfour--menu .hs-menu-wrapper > ul > li > a:hover:after { 
left:5px;
 }










.headerIMPlus--flex-nav-spacer{
  background-color: #F6F9FC;
}

.font--header-alt{
  font-family: proxima-nova-condensed, sans-serif;
}

.section--learningcenter--hero h1{
  text-wrap: balance;
}

@media screen and (max-width: 679px){
  .section--learningcenter--hero h4{
    text-wrap: balance;
    font-size:16px;
  }

  .section--learningcenter > .grid{
    padding-bottom: 0px !important;
  }

  .section--learningcenter > .block > .grid{
    margin-top: 15px !important;
  }
}

.section--learningcenter .section--learningcenter--results--item--body:hover .btn--simple:after {
  transform: translateX(5px);
}

.section--learningcenter--results {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left;
  margin-left: 0px;
  margin-right: 0px;
}

.section--learningcenter--results #ajax-posts {
  min-height:200px;
}

.section--learningcenter--results--item--inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media screen and (min-width: 680px){
  .section--learningcenter--results--item--inner {
    padding: 12px 12px 25px 12px;
  }
}

@media screen and (max-width: 679px){
  .section--learningcenter--results--item--inner {
    padding: 0px 0px 25px 0px;
  }
}


.section--learningcenter--results--item--body--wrapper,
.section--learningcenter--results--item--body {
  display: flex;
  flex-direction: column;
  flex-grow:1;
}

.section--learningcenter--results--item--body{
  box-shadow: 0px 8px 20px 0px rgba(95, 109, 137, 0.25);
  -webkit-transition: box-shadow .3s ease-in-out;
  -moz-transition: box-shadow .3s ease-in-out;
  -ms-transition: box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
}

.section--learningcenter--results--item--body:hover{
  -webkit-box-shadow: 0 30px 90px -17px rgba(0,0,0,.27);
  -moz-box-shadow: 0 30px 90px -17px rgba(0,0,0,.27);
  box-shadow: 0 30px 90px -17px rgba(0,0,0,.27);
}

.section--learningcenter--results--item--lower {
  margin-top:auto;
}

.section--learningcenter .section--learningcenter--results--item {
  max-width:450px;
}

.section--learningcenter .section--learningcenter--results--item a:hover .btn--simple:after {
  left:5px;
}

.section--learningcenter .section--learningcenter--results--item--tag {
  margin-bottom: 8px;
  display: flex;
}

.section--learningcenter--results--item--tag.overflow--visible:not(:last-child):after{
  content: '';
  margin-left: 9px;
  border-left: 1px solid #C2CADB;
  margin-right: 9px;
}

.section--learningcenter .section--learningcenter--results--item--tag img{
  filter: invert(31%) sepia(6%) saturate(1489%) hue-rotate(189deg) brightness(96%) contrast(85%);
  margin-right: 4px;
  max-height: 12px; 
}

.section--learningcenter .section--learningcenter--results--item--upper{
  display: flex;
  justify-content: flex-start;
  flex-flow: column;
  padding: 25px 25px 8px 25px;
}


.section--learningcenter .section--learningcenter--pagination {
  color: #1d1d1f;
  display: flex;
  justify-content: center;
}
.section--learningcenter .section--learningcenter--pagination .active {
  background: #3383FF;
  color: white;
}
.section--learningcenter .section--learningcenter--pagination--next svg,
.section--learningcenter .section--learningcenter--pagination--previous svg {
  fill: #1d1d1f;
  width:6px;
  -webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;;
}
.section--learningcenter .section--learningcenter--pagination--next:hover svg,
.section--learningcenter .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}
.section--learningcenter .section--learningcenter--pagination--ellipsis,
.section--learningcenter .section--learningcenter--pagination--previous,
.section--learningcenter .section--learningcenter--pagination--next,
.section--learningcenter .section--learningcenter--pagination--page {
  color: #4F5465;
  -webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;;
}
.section--learningcenter .section--learningcenter--pagination--ellipsis,
.section--learningcenter .section--learningcenter--pagination--page {
  display: inline-block;
}
.section--learningcenter .section--learningcenter--pagination--next:hover,
.section--learningcenter .section--learningcenter--pagination--previous:hover,
.section--learningcenter .section--learningcenter--pagination--page:hover {
  color: #3383FF!important;
  cursor:pointer;
}
.section--learningcenter .section--learningcenter--pagination--page.active:hover {
  cursor:default!important;
}

.section--learningcenter .section--learningcenter--pagination .section--learningcenter--pagination--page {
  width: 30px;
  height: 30px;
  border: 1.25px solid #E9F0FF;
  line-height: 28px;
}

.section--learningcenter--pagination--next, 
.section--learningcenter--pagination--previous{
  display: flex;
  flex-flow: row;
  align-items: center;
}

.section--learningcenter--pagination--next{
  margin-left: 10px;
}

.section--learningcenter--pagination--next svg{
  margin-left: 6px;
}

.section--learningcenter--pagination--previous{
  margin-right: 10px;
}

.section--learningcenter--pagination--previous svg{
  margin-right: 6px;
}

.section--learningcenter--hero-slant-img{
  background-repeat: no-repeat;
  width: 100vw;
  background-size: 100vw;
}

@media screen and (min-width: 1024px){
  .section--learningcenter--hero-slant-img{
    background-image: url('../svg/learning%20center%20background%20desktop%20v2.svg');
    background-position: 50% calc(354px + -80vw);
  }
}

@media screen and (min-width: 680px) and (max-width: 1023px){
  .section--learningcenter--hero-slant-img{
    background-image: url('../svg/learning%20center%20background%20desktop%20v2.svg');
    background-position: 50% calc(380px + -84vw);
  }
}

@media screen and (max-width: 679px){
  .section--learningcenter--hero-slant-img{
    background-image:url('../svg/learning%20center%20background%20mobile%20v4.svg');
    background-position: 50% calc(380px + -138.5vw);
  }
}

@media   (max-width: 679px) {
.section--learningcenter .section--learningcenter--pagination {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  justify-content: flex-end;
}
.section--learningcenter .section--learningcenter--pagination a {
  padding: 8px 16px!important;
  line-height: 1.75em;
}
.section--learningcenter .section--learningcenter--pagination--previous {
  order: 1;
  flex-basis:50%;
  width:50%;
}
.section--learningcenter .section--learningcenter--pagination--next {
  order: 2;
  flex-basis:50%;
  width:50%;
}
.section--learningcenter .section--learningcenter--pagination--pages {
  order: 3;
  margin-top:30px!important;
  flex-basis:100%;
  width:100%;
}
}


.section--learningcenter .section--learningcenter--controls {
  text-align: left;
}


.section--learningcenter--filter--sort-wrapper{
  padding-right: 16px !important;
}

.section--learningcenter .production--form select {
  border-color: rgba(255,255,255,0);
  background-color: initial;
  font-size:16px;
  font-weight:400;
  padding-top:0px;
  padding-bottom:0px;
  border-radius: 50px;
  padding: 10px 0px 10px 0px;
  background-image: url(../svg/blogabout-select--arrow-down--light-mode-2.svg);
  background-size: 11px 7px;
  background-position: 98% 52%;
}
.section--learningcenter .section--learningcenter--filter--sort--label {
  font-size:16px;
  color:#1d1d1f;
  line-height:1em;
  margin-right: 10px !important;
  font-weight: 700;
}


.section--learningcenter .section--learningcenter--hide-filters-trigger svg {
  height:14px;
  width:auto;
  margin-right:5px;
  fill: #1d1d1f;
}
.section--learningcenter .section--learningcenter--filter--group--header--icon {
  position:absolute;
  right:10px;
}
.section--learningcenter .section--learningcenter--filter--item--choice {
  padding-top:5px;
  padding-bottom:5px;
}
.section--learningcenter .section--learningcenter--filter--item--choice--label,
a[data-filter-toggle],
a[data-filter-clear]{
  font-size:16px;
}

a[data-filter-toggle]{

}

.section--learningcenter .section--learningcenter--filter--group {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.section--learningcenter .section--learningcenter--filter--group--lower {
  padding-top:7px!important;
  padding-left:20px;
  padding-right:16px;
}
.section--learningcenter .section--learningcenter--filter--group--lower  label:hover {
  cursor: pointer;
}
.section--learningcenter .section--learningcenter--filter--group--lower .ghost--input {
  width: 15px;
  height: 15px;
  float:left;
  margin-right: 14px;
  border: 1px solid #C2CADB;
  background-color: white;
}
.section--learningcenter .section--learningcenter--filter--group--header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.section--learningcenter .section--learningcenter--filter--group--header > .section--learningcenter--filter--icon-group {
  margin-left: 16px;
  margin-right: 9px;
  text-align:center;
}

.section--learningcenter .section--learningcenter--filter--group--header p {
  padding-right:45px;
}
.section--learningcenter .section--learningcenter--filter--group--header--icon {
  width: 25px;
  height: 25px;
  top:2px;
}
.section--learningcenter .section--learningcenter--filter--group--header--icon .icon--axis {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 3px;
  background:  #1d1d1f;
}
.section--learningcenter .section--learningcenter--filter--group--header--icon .icon--vertical--line {
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(90deg) ;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.section--learningcenter .section--learningcenter--filter--group--header--icon .icon--horizontal--line {
  background: #1d1d1f;
  transform: translate(-50%, -50%);
}
.section--learningcenter .section--learningcenter--filter--group.active .section--learningcenter--filter--group--header--icon .icon--vertical--line {
  transform: translate(-50%, -50%) rotate(0);
}

.section--learningcenter .section--learningcenter--filter--group--lower input:checked + .ghost--input {
  background-color: #3383FF;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
}
.section--learningcenter .section--learningcenter--filter--group--lower .ghost--radio {
  border-radius: 100%;
}
.section--learningcenter .section--learningcenter--filter--item--close {
  margin-top:5px!important;
}
.section--learningcenter .section--learningcenter--filter--item--close svg {
  height:14px;
  top:2px;
  position:relative;
  fill: #7c7b83;
}

.section--learningcenter--filters--group-selected{
  margin: 0px 16px 0 16px;
}

.section--learningcenter--filters--group-selected .filterToggle-filters{
  border-top: 1px solid #ccc;
  padding-top: 16px;
}

.section--learningcenter--filters--group-selected hr{
  border-color: #ccc;
  margin-bottom: 15px;
  margin-top: 15px;
  border-width: 0.5px;
}

[data-filter-toggle]{
  background: #3383FF;
  border-radius: 50px;
}

[data-filter-clear] .icon {

  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 8px;
  margin-left: 4px;
  width: 9px;
}

.filterToggle-filters .icon.icon--close {
  height: 9px;
  width: 9px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
}

.filterToggle-filters .icon--close {
  background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201188%201188%22%20style%3D%22enable-background%3Anew%200%200%201188%201188%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1188%2C956c0%2C26.7-9.3%2C49.3-28%2C68l-136%2C136c-18.7%2C18.7-41.3%2C28-68%2C28s-49.3-9.3-68-28L594%2C866l-294%2C294%20c-18.7%2C18.7-41.3%2C28-68%2C28c-26.7%2C0-49.3-9.3-68-28L28%2C1024c-18.7-18.7-28-41.3-28-68s9.3-49.3%2C28-68l294-294L28%2C300%20C9.3%2C281.3%2C0%2C258.7%2C0%2C232s9.3-49.3%2C28-68L164%2C28c18.7-18.7%2C41.3-28%2C68-28c26.7%2C0%2C49.3%2C9.3%2C68%2C28l294%2C294L888%2C28%20c18.7-18.7%2C41.3-28%2C68-28s49.3%2C9.3%2C68%2C28l136%2C136c18.7%2C18.7%2C28%2C41.3%2C28%2C68s-9.3%2C49.3-28%2C68L866%2C594l294%2C294%20C1178.7%2C906.7%2C1188%2C929.3%2C1188%2C956z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}


.filterToggle-filters .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.section--learningcenter--filters--groups-container{
  padding-top: 20px;
}

@media   (max-width: 679px) {
.section--learningcenter--filters--container {
  position: fixed;
  top: 0;
  height:100%;
  right: 0;
  z-index: 501;
  width:100%;
}
.section--learningcenter--filters--container.closed {
  pointer-events: none;
}

.section--learningcenter--filters--underlay {
  display:flex;
  height: 100%;
  left: 0px;
  overflow: auto;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 250ms cubic-bezier(0.25, 0, 0.25, 1) 0ms;
  background-color: rgba(0, 0, 0, 0.9);
}
.section--learningcenter--filters--container.closed .section--learningcenter--filters--underlay {
  background-color: transparent;
  pointer-events:none;
}

.section--learningcenter--filters--wrapper {
  display: flex;
  position: fixed;
  justify-content: flex-end;
  flex-direction: row;
  box-sizing: border-box;
  transition-property: transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1);
  right: 0px;
  height: 100%;
  transform: translate(0px);
  width:100%;
}
.section--learningcenter--filters--container.closed .section--learningcenter--filters--wrapper {
  transform: translateX(100%);
}

.section--learningcenter--filters--inner {
  display: flex;
  flex-direction:column;
  right: 0px;
  height: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 30%) 0px 1px 2px 0px;
  width: 80%;
  max-width: 20rem;
  padding-top: 20px;
}
.section--learningcenter--filters--close {
  padding: 18px 20px;
  cursor: pointer;
}
.section--learningcenter--filters--reset,
.section--learningcenter--filters--done,
.filter-container {
  display:flex;
  flex-direction:column;
  width:100%;
}
.filter-container {
  flex: 1;
  height: calc(100vh - 63px);
}
.section--learningcenter--filters--groups-container {
  flex-basis: 100%;
  overflow-y: auto;
  padding-left: 5px;
  padding-top: 20px;
}

.section--learningcenter--show-filters-trigger svg {
  height:15px;
  width:auto;
  margin-right:10px;
  fill: #1d1d1f;
}

.section--learningcenter--filters--done .btn {
  border-radius:0px;
}

.section--learningcenter--filters--reset {
  border-bottom: 1px solid #E8EBEF;
  padding-top:20px;
  padding-bottom:20px;
}

.section--learningcenter--filters--reset .btn{
  font-size: 16px !important;
  display: inline-block;
  width: auto;
  margin-right: auto;
  padding: 0px 24px !important;
  font-weight: 600;
  color: #666666 !important;
  vertical-align: middle;
}

.section--learningcenter--filters--reset .btn--simple:before {
  content: '';
  background-size: 10px 10px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 6px;
  padding-left: 10px;
  left: 0;
  top: 1px;
  opacity: .8;
  position: relative;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23102d38" d="M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z"/></svg>');
    }

.section--learningcenter--filters--reset .btn--simple:after {
  background-image:none;
}

.section--learningcenter--filters--reset .btn--simple:hover:after {
  transform: translateX(0px);
}

.section--learningcenter--filters--close svg {
  fill: #FFFFFF;
  height:20px;
  width:auto;
}

.section--learningcenter--filtersort {
  /*border-top: 1px solid #E8EBEF;
  border-bottom:  1px solid #E8EBEF;*/
}

/*.section--learningcenter--filtersort .grid__item:after {
content:'';
background: #E8EBEF;
height: 100%;
width: 1px;
position:absolute;
top: 0;
bottom: 0;
left: 31.33333%;
}*/
.section--learningcenter--filtersort .grid__item:last-child {
  border-right:0px;
}

.section--learningcenter--filtersort .section--learningcenter--filter--sort--label,
.section--learningcenter .production--form select{
  font-size:14px;
}

.section--learningcenter--filter--sort-wrapper .production--form{
  max-width: 105px !important;
  display: flex;
}

.section--learningcenter .production--form select{
  background-position: 100% 52%;
  background-size: 11px 6px;
  padding: 0px 19px 0px 0px !important;
  line-height: 1.15em;
}

.section--learningcenter--filtersort .section--learningcenter--filtersort-mobile{
  padding: 0px;
}

.section--learningcenter--filtersort .section--learningcenter--filtersort-mobile .section--learningcenter--show-filters-trigger{
  border: 1px solid #E1E7F4;
  padding: 8px 19px !important;
  border-radius: 50px;
}

.section--learningcenter--filtersort .section--learningcenter--filtersort-mobile .section--learningcenter--show-filters-trigger p{
  line-height: 1.25em;
}

.section--learningcenter--filtersort .section--learningcenter--filter--sort-wrapper{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 0px !important;
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}

.section--learningcenter--filtersort .section--learningcenter--filter--sort-wrapper .section--learningcenter--filter--sort-wrapper-inner{
  border: 1px solid #E1E7F4;
  padding: 8px 17px !important;
  border-radius: 50px;
  display: flex;
  flex-basis: unset;
  align-items: center;
}

.section--learningcenter--filtersort .section--learningcenter--filter--sort-wrapper .section--learningcenter--filter--sort-wrapper-inner .filter--choice{
  line-height: 1em;
}

}



.section--learningcenter--hero-controls{
  display: flex;
  justify-content: center;
  margin: 0 auto !important;
}

.section--learningcenter--hero-controls form{
  width: 100%;
  flex-grow: 1;
}

@media screen and (min-width: 680px){
  .section--learningcenter--controls .section--learningcenter--filter--search .section--learningcenter--filter--item{
    margin-left: 16px;
    margin-right: 16px;
  }

  .section--learningcenter--hero-controls form{
    margin-left: 12px;
    margin-right: 12px;
  }
}


/*.section--learningcenter--filter--search .section--learningcenter--filter--item .section--learningcenter--filter--search:after{
content: '';
box-shadow: 0px 6px 20px rgba(95, 109, 137, 0.25);
width: 100%;
height: inherit;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
border-radius: 50%;
z-index:-1;
}*/

.section--learningcenter--filter--search input {
  padding-left:52px!important;
  border-radius: 50px;
  border: 1px solid #E1E7F4;
  padding-right: 38px;
  margin-left: 0px;
  font-size: 18px;
  color: #4F5465;
  font-weight: 500;
  width: 100%;
  height: 48px;
  background:white;
  box-shadow: 0px 20px 20px -10px rgba(95, 109, 137, 0.10), 0px 5px 20px -5px rgba(95, 109, 137, 0.10);
  -webkit-transition: box-shadow .3s ease-in-out, border .3s ease-in-out;
  -moz-transition: box-shadow .3s ease-in-out, border .3s ease-in-out;
  -ms-transition: box-shadow .3s ease-in-out, border .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out, border .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, border .3s ease-in-out;
}

.section--learningcenter--filter--search input:hover{
  -webkit-box-shadow: 0px 20px 30px -10px rgba(95, 109, 137, 0.20), 0px 7px 28px -5px rgba(95, 109, 137, 0.20);
  -moz-box-shadow: 0px 20px 30px -10px rgba(95, 109, 137, 0.20), 0px 7px 28px -5px rgba(95, 109, 137, 0.20);
  box-shadow: 0px 20px 30px -10px rgba(95, 109, 137, 0.20), 0px 7px 28px -5px rgba(95, 109, 137, 0.20);
}

.section--learningcenter--filter--search input:focus{
  border: 1px solid rgba(10, 108, 255, 0.5) !important;
}

@media screen and (max-width: 679px){
  .section--learningcenter--filter--search input {
    height: 40px;
    font-size: 14px !important;
    padding-left: 40px!important;
    padding-right: 24px !important;
  }

  .section--learningcenter .section--learningcenter--filter--search--icon{
    left: 18px !important;
  }

  .section--learningcenter .section--learningcenter--filter--search--icon svg{
    width: 14px !important;
  }

  .section--learningcenter .headerIMPlus--navigation-subscribe-leadform{
    left: -25%;
  }
}

.section--learningcenter--filter--search input::-webkit-search-decoration,
.section--learningcenter--filter--search input::-webkit-search-results-decoration{
  -webkit-appearance:none;
}

.section--learningcenter--filter--search input::-webkit-search-cancel-button{
  position: absolute;
  right: 10px;
  font-size: 9px !important;
  height: 13px !important;
}

.section--learningcenter--filter--search input:focus, 
.section--learningcenter--filter--search input:focus-visible {
  outline:none;
}

.section--learningcenter--filter--search input::placeholder {
  color: #4F5465;
}

.section--learningcenter--filter--search input::-webkit-placeholder{
  color: #4F5465;
}

.section--learningcenter--filter--search input:-moz-input-placeholder {
  color: #4F5465;
}

.section--learningcenter--filter--search input::-moz-input-placeholder {
  color: #4F5465;
}

.section--learningcenter--filter--search input:-ms-input-placeholder {
  color: #4F5465;
}

.section--learningcenter--filter--search input:focus::placeholder {
  color:transparent;
}

.section--learningcenter--filter--search input:focus::-webkit-placeholder{
  color:transparent;
}

.section--learningcenter--filter--search input:focus:-moz-input-placeholder {
  color:transparent;
}

.section--learningcenter--filter--search input:focus::-moz-input-placeholder {
  color:transparent;
}

.section--learningcenter--filter--search input:focus:-ms-input-placeholder {
  color:transparent;
}

.section--learningcenter--filter--search input:focus {
  /*border:none;*/
}

.section--learningcenter--filter--search  input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  cursor: pointer;
  height: 14px;
  width: 14px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%231d1d1f" d="M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z"/></svg>');
    }
.section--learningcenter .section--learningcenter--filter--search--icon {
  position: absolute;
  top: 51%;
  left:25px;
  transform:translateY(-50%);
}
.section--learningcenter .section--learningcenter--filter--search--icon svg {
  fill: #4F5465;
  width: 16px;
}
.section--learningcenter .section--learningcenter--filter--item--choice {
  padding-top:5px;
  padding-bottom:5px;
}


.section--learningcenter .section--learningcenter--loading {
  display: block;
  position: absolute;
  top: 0px;
  right: -15px;
  bottom: -15px;
  left: -15px;
  z-index: 9;
  padding-top:15px;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.lds-ring {
  display: inline-block;
  height: 80px;
  position: relative;
  width: 80px;
}

.lds-ring div {
  animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
  border: 8px solid transparent;
  border-radius: 50%;
  border-top-color: #4c4c4c;
  box-sizing: border-box;
  display: block;
  height: 64px;
  margin: 8px;
  position: absolute;
  width: 64px;
}

.lds-ring div:first-child {
  animation-delay: -.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -.15s;
}

.section--learningcenter .section--learningcenter--empty {
  position:relative;
  z-index:8;
}
.section--learningcenter .section--learningcenter--error {
  position:relative;
  z-index:7;
}


.section--learningcenter--leadmagnet {
  max-width: 420px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  -webkit-transition: transform .25s ease-in-out;
  -moz-transition: transform .25s ease-in-out;
  -o-transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  overflow: hidden;
}
.section--learningcenter--leadmagnet.closed {
  -moz-transform: translateY(120%);
  -ms-transform: translateY(120%);
  -webkit-transform: translateY(120%);
  transform: translateY(120%);
}
.section--learningcenter--leadmagnet .section--learningcenter--leadmagnet--close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
}
.section--learningcenter--leadmagnet .section--learningcenter--leadmagnet--close svg {
  width:14px;
  fill: #1d1d1f;
}
.section--learningcenter--leadmagnet--form {
  display: none;
  border-top: 3px;
  z-index: 998;
}

.section--learningcenter--filters--sub{
  padding: 0px 0px 0px 16px;
  max-width: 230px;
  width: 100%;
}

.section--learningcenter--filters--sub a{
  width: 100%;
  padding: 7px 21px;
}

@media (min-width: 680px)   {
.section--learningcenter .filter--holder,
.section--learningcenter .content--holder,
.section--learningcenter .content--holder .content--holder--inner {
  -webkit-transition-property: opacity, width, padding;
  -webkit-transition-duration: .35s, 0.15s, .15s;
  -webkit-transition-delay: .35s, 0.15s, .15s;
  transition-property: opacity, width, padding;
  transition-duration: .35s, 0.15s, .15s;
  transition-delay: .35s, 0.15s, .15s;
}
.section--learningcenter .filter--holder.filters--hidden {
  -webkit-transition-property: opacity, width;
  -webkit-transition-duration: .15s, 0.15s;
  -webkit-transition-delay: .15s, 0.15s;
  transition-property: opacity, width;
  transition-duration: .15s, 0.15s;
  transition-delay: .15s, 0.15s;
  width: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.section--learningcenter .content--holder.filters--hidden {
  width: 100%;
  padding-left: 0;
}
.section--learningcenter .content--holder.filters--hidden .content--holder--inner {
  padding-left: 0;
  -webkit-transition-property: padding;
  -webkit-transition-duration: .35s;
  -webkit-transition-delay: .35s;
  transition-property: padding;
  transition-duration: .35s;
  transition-delay: .35s;
}
}

@media   (max-width: 679px) {
.section--learningcenter--filter--search.palm-one-whole.grid__item {
  width:100%!important;
  flex-basis:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.section--learningcenter--leadmagnet {
  max-width: 100%;
}
.section--learningcenter--results {
  justify-content: center;
}
}

.all--color--white.section--learningcenter--pagination * {
  color:#FFFFFF;
}
.all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next svg,
.all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous svg {
  fill: #FFFFFF;
}
.all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next:hover svg,
.all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}

@media (min-width: 1108px) {
.desk-all--color--white.section--learningcenter--pagination * {
  color:#FFFFFF;
}
.desk-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next svg,
.desk-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous svg {
  fill: #FFFFFF;
}
.desk-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next:hover svg,
.desk-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}
}
@media (min-width: 1024px) and (max-width: 1107px) {
.lap-all--color--white.section--learningcenter--pagination * {
  color:#FFFFFF;
}
.lap-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next svg,
.lap-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous svg {
  fill: #FFFFFF;
}
.lap-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next:hover svg,
.lap-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}
}
@media (min-width: 1024px) {
.lap-and-up-all--color--white.section--learningcenter--pagination * {
  color:#FFFFFF;
}
.lap-and-up-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next svg,
.lap-and-up-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous svg {
  fill: #FFFFFF;
}
.lap-and-up-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next:hover svg,
.lap-and-up-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}
}
@media (max-width: 1023px) {
.portable-all--color--white.section--learningcenter--pagination * {
  color:#FFFFFF;
}
.portable-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next svg,
.portable-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous svg {
  fill: #FFFFFF;
}
.portable-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next:hover svg,
.portable-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}
}
@media (min-width: 680px) and (max-width: 1023px) {
.tablet-all--color--white.section--learningcenter--pagination * {
  color:#FFFFFF;
}
.tablet-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next svg,
.tablet-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous svg {
  fill: #FFFFFF;
}
.tablet-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next:hover svg,
.tablet-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}
}
@media (max-width: 679px) {
.palm-all--color--white.section--learningcenter--pagination * {
  color:#FFFFFF;
}
.palm-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next svg,
.palm-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous svg {
  fill: #FFFFFF;
}
.palm-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--next:hover svg,
.palm-all--color--white.section--learningcenter--pagination .section--learningcenter--pagination--previous:hover svg {
  fill: #3383FF;
}
}