@charset "UTF-8";
/*
* CSS classes are written using the BEM methodology. For reference, see:
* http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
* https://en.bem.info/methodology/quick-start/
*/
@font-face {
  font-family: 'Black Tie';
  src: url("global/fonts/BlackTie/BlackTie-Solid-webfont.eot?v=1.0.0");
  src: url("global/fonts/BlackTie/BlackTie-Solid-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("global/fonts/BlackTie/BlackTie-Solid-webfont.woff2?v=1.0.0") format("woff2"), url("global/fonts/BlackTie/BlackTie-Solid-webfont.woff?v=1.0.0") format("woff"), url("global/fonts/BlackTie/BlackTie-Solid-webfont.ttf?v=1.0.0") format("truetype"), url("global/fonts/BlackTie/BlackTie-Solid-webfont.svg?v=1.0.0#black_tiesolid") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Black Tie';
  src: url("global/fonts/BlackTie/BlackTie-Bold-webfont.eot?v=1.0.0");
  src: url("global/fonts/BlackTie/BlackTie-Bold-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("global/fonts/BlackTie/BlackTie-Bold-webfont.woff2?v=1.0.0") format("woff2"), url("global/fonts/BlackTie/BlackTie-Bold-webfont.woff?v=1.0.0") format("woff"), url("global/fonts/BlackTie/BlackTie-Bold-webfont.ttf?v=1.0.0") format("truetype"), url("global/fonts/BlackTie/BlackTie-Bold-webfont.svg?v=1.0.0#black_tiebold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Black Tie';
  src: url("global/fonts/BlackTie/BlackTie-Medium-webfont.eot?v=1.0.0");
  src: url("global/fonts/BlackTie/BlackTie-Medium-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("global/fonts/BlackTie/BlackTie-Medium-webfont.woff2?v=1.0.0") format("woff2"), url("global/fonts/BlackTie/BlackTie-Medium-webfont.woff?v=1.0.0") format("woff"), url("global/fonts/BlackTie/BlackTie-Medium-webfont.ttf?v=1.0.0") format("truetype"), url("global/fonts/BlackTie/BlackTie-Medium-webfont.svg?v=1.0.0#black_tiemedium") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Black Tie';
  src: url("global/fonts/BlackTie/BlackTie-Light-webfont.eot?v=1.0.0");
  src: url("global/fonts/BlackTie/BlackTie-Light-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("global/fonts/BlackTie/BlackTie-Light-webfont.woff2?v=1.0.0") format("woff2"), url("global/fonts/BlackTie/BlackTie-Light-webfont.woff?v=1.0.0") format("woff"), url("global/fonts/BlackTie/BlackTie-Light-webfont.ttf?v=1.0.0") format("truetype"), url("global/fonts/BlackTie/BlackTie-Light-webfont.svg?v=1.0.0#black_tielight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome Brands';
  src: url("global/fonts/BlackTie/FontAwesomeBrands-Regular-webfont.eot?v=1.0.0");
  src: url("global/fonts/BlackTie/FontAwesomeBrands-Regular-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("global/fonts/BlackTie/FontAwesomeBrands-Regular-webfont.woff2?v=1.0.0") format("woff2"), url("global/fonts/BlackTie/FontAwesomeBrands-Regular-webfont.woff?v=1.0.0") format("woff"), url("global/fonts/BlackTie/FontAwesomeBrands-Regular-webfont.ttf?v=1.0.0") format("truetype"), url("global/fonts/BlackTie/FontAwesomeBrands-Regular-webfont.svg?v=1.0.0#font_awesome_brandsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.bts,
.btb,
.btm,
.btl,
.fab {
  display: inline-block;
  font: normal normal normal 13px/1 "Black Tie";
  font-size: inherit;
  vertical-align: -14.28571429%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.bts {
  font-weight: 900;
}

.btb {
  font-weight: 700;
}

.btl {
  font-weight: 200;
}

.fab {
  font-family: "Font Awesome Brands";
}

/* makes the font 25% smaller relative to the icon container */
.bt-sm {
  font-size: .7em;
  vertical-align: baseline;
}

/* makes the font 33% larger relative to the icon container */
.bt-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
}

.bt-2x {
  font-size: 2em;
}

.bt-3x {
  font-size: 3em;
}

.bt-4x {
  font-size: 4em;
}

.bt-5x {
  font-size: 5em;
}

.bt-lg,
.bt-2x,
.bt-3x,
.bt-4x,
.bt-5x {
  vertical-align: -30%;
}

.bt-fw {
  width: 1.28571429em;
  text-align: center;
}

.bt-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.bt-ul > li {
  position: relative;
}

.bt-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.bt-li.bt-lg {
  left: -2em;
}

.bt-border {
  padding: .2em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.bts.pull-left,
.btb.pull-left,
.btm.pull-left,
.btl.pull-left,
.fab.pull-left {
  margin-right: .3em;
}

.bts.pull-right,
.btb.pull-right,
.btm.pull-right,
.btl.pull-right,
.fab.pull-right {
  margin-left: .3em;
}

.bt-spin {
  -webkit-animation: bt-spin 2s infinite linear;
  animation: bt-spin 2s infinite linear;
}

.bt-pulse {
  -webkit-animation: bt-spin 1s infinite steps(8);
  animation: bt-spin 1s infinite steps(8);
}

@-webkit-keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.bt-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.bt-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.bt-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.bt-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.bt-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .bt-rotate-90,
:root .bt-rotate-180,
:root .bt-rotate-270,
:root .bt-flip-horizontal,
:root .bt-flip-vertical {
  filter: none;
}

.bt-stack {
  position: relative;
  display: inline-block;
  width: 1.28571429em;
  height: 1em;
  line-height: 1em;
  vertical-align: baseline;
}

.bt-stack-sm {
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
  font-size: .5em;
}

.bt-stack-1x,
.bt-stack-sm {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.bt-inverse {
  color: #ffffff;
}

/* Black Tie uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.bt-bars:before {
  content: "\f000";
}

.bt-envelope:before {
  content: "\f001";
}

.bt-search:before {
  content: "\f002";
}

.bt-search-plus:before {
  content: "\f003";
}

.bt-search-minus:before {
  content: "\f004";
}

.bt-phone:before {
  content: "\f005";
}

.bt-comment:before {
  content: "\f007";
}

.bt-commenting:before {
  content: "\f008";
}

.bt-comments:before {
  content: "\f009";
}

.bt-rss:before {
  content: "\f00a";
}

.bt-times:before {
  content: "\f00c";
}

.bt-times-circle:before {
  content: "\f00d";
}

.bt-clock:before {
  content: "\f00e";
}

.bt-star:before {
  content: "\f010";
}

.bt-star-half:before {
  content: "\f011";
}

.bt-check:before {
  content: "\f012";
}

.bt-check-circle:before {
  content: "\f013";
}

.bt-check-square:before {
  content: "\f014";
}

.bt-th:before {
  content: "\f015";
}

.bt-th-large:before {
  content: "\f016";
}

.bt-heart:before {
  content: "\f017";
}

.bt-heart-half:before {
  content: "\f018";
}

.bt-calendar:before {
  content: "\f019";
}

.bt-shopping-cart:before {
  content: "\f01a";
}

.bt-plus:before {
  content: "\f01b";
}

.bt-plus-circle:before {
  content: "\f01c";
}

.bt-plus-square:before {
  content: "\f01d";
}

.bt-pen:before {
  content: "\f01e";
}

.bt-minus:before {
  content: "\f021";
}

.bt-minus-circle:before {
  content: "\f022";
}

.bt-minus-square:before {
  content: "\f023";
}

.bt-pencil:before {
  content: "\f024";
}

.bt-edit:before {
  content: "\f025";
}

.bt-thumbs-up:before {
  content: "\f026";
}

.bt-thumbs-down:before {
  content: "\f027";
}

.bt-gear:before {
  content: "\f028";
}

.bt-trash:before {
  content: "\f029";
}

.bt-file:before {
  content: "\f02a";
}

.bt-info-circle:before {
  content: "\f02b";
}

.bt-label:before {
  content: "\f02c";
}

.bt-rocket:before {
  content: "\f02d";
}

.bt-book:before {
  content: "\f02e";
}

.bt-book-open:before {
  content: "\f02f";
}

.bt-notebook:before {
  content: "\f030";
}

.bt-camera:before {
  content: "\f031";
}

.bt-folder:before {
  content: "\f032";
}

.bt-quote-left:before {
  content: "\f036";
}

.bt-quote-right:before {
  content: "\f037";
}

.bt-eye:before {
  content: "\f038";
}

.bt-lock:before {
  content: "\f039";
}

.bt-lock-open:before {
  content: "\f03a";
}

.bt-gift:before {
  content: "\f03b";
}

.bt-spinner-clock:before {
  content: "\f03c";
}

.bt-spinner:before {
  content: "\f03d";
}

.bt-wrench:before {
  content: "\f03e";
}

.bt-cloud:before {
  content: "\f040";
}

.bt-cloud-upload:before {
  content: "\f041";
}

.bt-cloud-download:before {
  content: "\f042";
}

.bt-sync:before {
  content: "\f043";
}

.bt-question-circle:before {
  content: "\f044";
}

.bt-share:before {
  content: "\f045";
}

.bt-briefcase:before {
  content: "\f046";
}

.bt-money:before {
  content: "\f047";
}

.bt-megaphone:before {
  content: "\f048";
}

.bt-sign-in:before {
  content: "\f049";
}

.bt-sign-out:before {
  content: "\f04a";
}

.bt-film:before {
  content: "\f04b";
}

.bt-trophy:before {
  content: "\f04c";
}

.bt-code:before {
  content: "\f04d";
}

.bt-light-bulb:before {
  content: "\f04e";
}

.bt-print:before {
  content: "\f050";
}

.bt-fax:before {
  content: "\f051";
}

.bt-video:before {
  content: "\f052";
}

.bt-signal:before {
  content: "\f053";
}

.bt-sitemap:before {
  content: "\f054";
}

.bt-upload:before {
  content: "\f055";
}

.bt-download:before {
  content: "\f056";
}

.bt-key:before {
  content: "\f057";
}

.bt-mug:before {
  content: "\f058";
}

.bt-bookmark:before {
  content: "\f059";
}

.bt-flag:before {
  content: "\f05a";
}

.bt-external-link:before {
  content: "\f05b";
}

.bt-smile:before {
  content: "\f05c";
}

.bt-frown:before {
  content: "\f05d";
}

.bt-meh:before {
  content: "\f05e";
}

.bt-magic:before {
  content: "\f060";
}

.bt-bolt:before {
  content: "\f061";
}

.bt-exclamation-triangle:before {
  content: "\f062";
}

.bt-exclamation-circle:before {
  content: "\f063";
}

.bt-flask:before {
  content: "\f064";
}

.bt-music:before {
  content: "\f065";
}

.bt-push-pin:before {
  content: "\f066";
}

.bt-shield:before {
  content: "\f067";
}

.bt-sort:before {
  content: "\f068";
}

.bt-reply:before {
  content: "\f069";
}

.bt-forward:before {
  content: "\f06a";
}

.bt-reply-all:before {
  content: "\f06b";
}

.bt-forward-all:before {
  content: "\f06c";
}

.bt-bell:before {
  content: "\f06d";
}

.bt-bell-off:before {
  content: "\f06e";
}

.bt-ban:before {
  content: "\f070";
}

.bt-database:before {
  content: "\f071";
}

.bt-hard-drive:before {
  content: "\f072";
}

.bt-merge:before {
  content: "\f073";
}

.bt-fork:before {
  content: "\f074";
}

.bt-wifi:before {
  content: "\f075";
}

.bt-paper-plane:before {
  content: "\f076";
}

.bt-inbox:before {
  content: "\f077";
}

.bt-fire:before {
  content: "\f078";
}

.bt-play:before {
  content: "\f079";
}

.bt-pause:before {
  content: "\f07a";
}

.bt-stop:before {
  content: "\f08b";
}

.bt-play-circle:before {
  content: "\f07b";
}

.bt-next:before {
  content: "\f07c";
}

.bt-previous:before {
  content: "\f07d";
}

.bt-repeat:before {
  content: "\f07e";
}

.bt-fast-forward:before {
  content: "\f080";
}

.bt-fast-reverse:before {
  content: "\f081";
}

.bt-volume:before {
  content: "\f082";
}

.bt-volume-off:before {
  content: "\f083";
}

.bt-volume-up:before {
  content: "\f084";
}

.bt-volume-down:before {
  content: "\f085";
}

.bt-maximize:before {
  content: "\f086";
}

.bt-minimize:before {
  content: "\f087";
}

.bt-closed-captions:before {
  content: "\f088";
}

.bt-shuffle:before {
  content: "\f089";
}

.bt-triangle:before {
  content: "\f08a";
}

.bt-square:before {
  content: "\f08b";
}

.bt-circle:before {
  content: "\f08c";
}

.bt-hexagon:before {
  content: "\f08d";
}

.bt-octagon:before {
  content: "\f08e";
}

.bt-angle-up:before {
  content: "\f090";
}

.bt-angle-down:before {
  content: "\f091";
}

.bt-angle-left:before {
  content: "\f092";
}

.bt-angle-right:before {
  content: "\f093";
}

.bt-angles-up:before {
  content: "\f094";
}

.bt-angles-down:before {
  content: "\f095";
}

.bt-angles-left:before {
  content: "\f096";
}

.bt-angles-right:before {
  content: "\f097";
}

.bt-arrow-up:before {
  content: "\f098";
}

.bt-arrow-down:before {
  content: "\f099";
}

.bt-arrow-left:before {
  content: "\f09a";
}

.bt-arrow-right:before {
  content: "\f09b";
}

.bt-bar-chart:before {
  content: "\f09c";
}

.bt-pie-chart:before {
  content: "\f09d";
}

.bt-circle-arrow-up:before {
  content: "\f0a0";
}

.bt-circle-arrow-down:before {
  content: "\f0a1";
}

.bt-circle-arrow-left:before {
  content: "\f0a2";
}

.bt-circle-arrow-right:before {
  content: "\f0a3";
}

.bt-caret-up:before {
  content: "\f0a4";
}

.bt-caret-down:before {
  content: "\f0a5";
}

.bt-caret-left:before {
  content: "\f0a6";
}

.bt-caret-right:before {
  content: "\f0a7";
}

.bt-long-arrow-up:before {
  content: "\f0a8";
}

.bt-long-arrow-down:before {
  content: "\f0a9";
}

.bt-long-arrow-left:before {
  content: "\f0aa";
}

.bt-long-arrow-right:before {
  content: "\f0ab";
}

.bt-Bold:before {
  content: "\f0ac";
}

.bt-italic:before {
  content: "\f0ad";
}

.bt-underline:before {
  content: "\f0ae";
}

.bt-link:before {
  content: "\f0b0";
}

.bt-paper-clip:before {
  content: "\f0b1";
}

.bt-align-left:before {
  content: "\f0b2";
}

.bt-align-center:before {
  content: "\f0b3";
}

.bt-align-right:before {
  content: "\f0b4";
}

.bt-align-justify:before {
  content: "\f0b5";
}

.bt-cut:before {
  content: "\f0b6";
}

.bt-copy:before {
  content: "\f0b7";
}

.bt-paste:before {
  content: "\f0b8";
}

.bt-photo:before {
  content: "\f0b9";
}

.bt-table:before {
  content: "\f0ba";
}

.bt-ulist:before {
  content: "\f0bb";
}

.bt-olist:before {
  content: "\f0bc";
}

.bt-indent:before {
  content: "\f0bd";
}

.bt-outdent:before {
  content: "\f0be";
}

.bt-undo:before {
  content: "\f0c0";
}

.bt-redo:before {
  content: "\f0c1";
}

.bt-sup:before {
  content: "\f0c2";
}

.bt-sub:before {
  content: "\f0c3";
}

.bt-text-size:before {
  content: "\f0c4";
}

.bt-text-color:before {
  content: "\f0c5";
}

.bt-remove-formatting:before {
  content: "\f0c6";
}

.bt-blockquote:before {
  content: "\f036";
}

.bt-globe:before {
  content: "\f0c7";
}

.bt-map:before {
  content: "\f0c8";
}

.bt-map-arrow:before {
  content: "\f0c9";
}

.bt-map-marker:before {
  content: "\f0ca";
}

.bt-map-pin:before {
  content: "\f0cb";
}

.bt-home:before {
  content: "\f0cc";
}

.bt-building:before {
  content: "\f0cd";
}

.bt-industry:before {
  content: "\f0ce";
}

.bt-desktop:before {
  content: "\f0d0";
}

.bt-laptop:before {
  content: "\f0d1";
}

.bt-tablet:before {
  content: "\f0d2";
}

.bt-mobile:before {
  content: "\f0d3";
}

.bt-tv:before {
  content: "\f0d4";
}

.bt-radio-checked:before {
  content: "\f0d5";
}

.bt-radio-unchecked:before {
  content: "\f08c";
}

.bt-checkbox-checked:before {
  content: "\f014";
}

.bt-checkbox-unchecked:before {
  content: "\f08b";
}

.bt-checkbox-intermediate:before {
  content: "\f023";
}

.bt-user:before {
  content: "\f0d6";
}

.bt-user-male:before {
  content: "\f0d6";
}

.bt-user-female:before {
  content: "\f0d7";
}

.bt-crown:before {
  content: "\f0d8";
}

.bt-credit-card:before {
  content: "\f0d9";
}

.bt-strikethrough:before {
  content: "\f0da";
}

.bt-eject:before {
  content: "\f0db";
}

.bt-ellipsis-h:before {
  content: "\f0dc";
}

.bt-ellipsis-v:before {
  content: "\f0dd";
}

.fab-facebook:before {
  content: "\f000";
}

.fab-facebook-alt:before {
  content: "\f001";
}

.fab-twitter:before {
  content: "\f002";
}

.fab-linkedin:before {
  content: "\f003";
}

.fab-linkedin-alt:before {
  content: "\f004";
}

.fab-instagram:before {
  content: "\f005";
}

.fab-github:before {
  content: "\f006";
}

.fab-github-alt:before {
  content: "\f007";
}

.fab-googleplus:before {
  content: "\f008";
}

.fab-googleplus-alt:before {
  content: "\f009";
}

.fab-pinterest:before {
  content: "\f00a";
}

.fab-pinterest-alt:before {
  content: "\f00b";
}

.fab-tumblr:before {
  content: "\f00c";
}

.fab-tumblr-alt:before {
  content: "\f00d";
}

.fab-bitcoin:before {
  content: "\f010";
}

.fab-bitcoin-alt:before {
  content: "\f011";
}

.fab-dropbox:before {
  content: "\f012";
}

.fab-stackexchange:before {
  content: "\f013";
}

.fab-stackoverflow:before {
  content: "\f014";
}

.fab-flickr:before {
  content: "\f015";
}

.fab-flickr-alt:before {
  content: "\f016";
}

.fab-bitbucket:before {
  content: "\f017";
}

.fab-html5:before {
  content: "\f018";
}

.fab-css3:before {
  content: "\f019";
}

.fab-apple:before {
  content: "\f01a";
}

.fab-windows:before {
  content: "\f01b";
}

.fab-android:before {
  content: "\f01c";
}

.fab-linux:before {
  content: "\f01d";
}

.fab-dribbble:before {
  content: "\f01e";
}

.fab-youtube:before {
  content: "\f021";
}

.fab-skype:before {
  content: "\f022";
}

.fab-foursquare:before {
  content: "\f023";
}

.fab-trello:before {
  content: "\f024";
}

.fab-maxcdn:before {
  content: "\f025";
}

.fab-gittip:before,
.fab-gratipay:before {
  content: "\f026";
}

.fab-vimeo:before {
  content: "\f027";
}

.fab-vimeo-alt:before {
  content: "\f028";
}

.fab-slack:before {
  content: "\f029";
}

.fab-wordpress:before {
  content: "\f02a";
}

.fab-wordpress-alt:before {
  content: "\f02b";
}

.fab-openid:before {
  content: "\f02c";
}

.fab-yahoo:before {
  content: "\f02d";
}

.fab-yahoo-alt:before {
  content: "\f02e";
}

.fab-reddit:before {
  content: "\f02f";
}

.fab-google:before {
  content: "\f030";
}

.fab-google-alt:before {
  content: "\f031";
}

.fab-stumbleupon:before {
  content: "\f032";
}

.fab-stumbleupon-alt:before {
  content: "\f033";
}

.fab-delicious:before {
  content: "\f034";
}

.fab-digg:before {
  content: "\f035";
}

.fab-piedpiper:before {
  content: "\f036";
}

.fab-piedpiper-alt:before {
  content: "\f037";
}

.fab-drupal:before {
  content: "\f038";
}

.fab-joomla:before {
  content: "\f039";
}

.fab-behance:before {
  content: "\f03a";
}

.fab-steam:before {
  content: "\f03b";
}

.fab-steam-alt:before {
  content: "\f03c";
}

.fab-spotify:before {
  content: "\f03d";
}

.fab-deviantart:before {
  content: "\f03e";
}

.fab-soundcloud:before {
  content: "\f040";
}

.fab-vine:before {
  content: "\f041";
}

.fab-codepen:before {
  content: "\f042";
}

.fab-jsfiddle:before {
  content: "\f043";
}

.fab-rebel:before {
  content: "\f044";
}

.fab-empire:before {
  content: "\f045";
}

.fab-git:before {
  content: "\f046";
}

.fab-hackernews:before {
  content: "\f047";
}

.fab-hackernews-alt:before {
  content: "\f048";
}

.fab-slideshare:before {
  content: "\f049";
}

.fab-twitch:before {
  content: "\f04a";
}

.fab-yelp:before {
  content: "\f04b";
}

.fab-paypal:before {
  content: "\f04c";
}

.fab-google-wallet:before {
  content: "\f04d";
}

.fab-angellist:before {
  content: "\f04e";
}

.fab-cc-visa:before {
  content: "\f050";
}

.fab-cc-mastercard:before {
  content: "\f051";
}

.fab-cc-discover:before {
  content: "\f052";
}

.fab-cc-amex:before {
  content: "\f053";
}

.fab-cc-paypal:before {
  content: "\f054";
}

.fab-cc-stripe:before {
  content: "\f055";
}

.fab-lastfm:before {
  content: "\f056";
}

.fab-whatsapp:before {
  content: "\f057";
}

.fab-medium:before {
  content: "\f058";
}

.fab-meanpath:before {
  content: "\f059";
}

.fab-meanpath-alt:before {
  content: "\f05a";
}

.fab-pagelines:before {
  content: "\f05b";
}

.fab-ioxhost:before {
  content: "\f060";
}

.fab-buysellads:before {
  content: "\f061";
}

.fab-buysellads-alt:before {
  content: "\f062";
}

.fab-connectdevelop:before {
  content: "\f063";
}

.fab-dashcube:before {
  content: "\f064";
}

.fab-forumbee:before {
  content: "\f065";
}

.fab-leanpub:before {
  content: "\f066";
}

.fab-sellsy:before {
  content: "\f067";
}

.fab-shirtsinbulk:before {
  content: "\f068";
}

.fab-simplybuilt:before {
  content: "\f069";
}

.fab-skyatlas:before {
  content: "\f06a";
}

.fab-viacoin:before {
  content: "\f06b";
}

.fab-codiepie:before {
  content: "\f06c";
}

.fab-queue:before {
  content: "\f06d";
}

.fab-queue-alt:before {
  content: "\f06e";
}

.fab-fonticons:before {
  content: "\f070";
}

.fab-fonticons-alt:before {
  content: "\f071";
}

.fab-blacktie:before {
  content: "\f072";
}

.fab-blacktie-alt:before {
  content: "\f073";
}

.fab-xing:before {
  content: "\f090";
}

.fab-vk:before {
  content: "\f091";
}

.fab-weibo:before {
  content: "\f092";
}

.fab-renren:before {
  content: "\f093";
}

.fab-tencent-weibo:before {
  content: "\f094";
}

.fab-qq:before {
  content: "\f095";
}

.fab-wechat:before,
.fab-weixin:before {
  content: "\f096";
}

@font-face {
  font-family: 'Graphik Web';
  src: url("global/fonts/Graphik/Graphik-MediumItalic-Web.eot");
  src: url("global/fonts/Graphik/Graphik-MediumItalic-Web.eot?#iefix") format("embedded-opentype"), url("global/fonts/Graphik/Graphik-MediumItalic-Web.woff2") format("woff2"), url("global/fonts/Graphik/Graphik-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}

.Graphik-MediumItalic-Web {
  font-family: 'Graphik Web';
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Web';
  src: url("global/fonts/Graphik/Graphik-Medium-Web.eot");
  src: url("global/fonts/Graphik/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("global/fonts/Graphik/Graphik-Medium-Web.woff2") format("woff2"), url("global/fonts/Graphik/Graphik-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

.Graphik-Medium-Web {
  font-family: 'Graphik Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Web';
  src: url("global/fonts/Graphik/Graphik-RegularItalic-Web.eot");
  src: url("global/fonts/Graphik/Graphik-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("global/fonts/Graphik/Graphik-RegularItalic-Web.woff2") format("woff2"), url("global/fonts/Graphik/Graphik-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

.Graphik-RegularItalic-Web {
  font-family: 'Graphik Web';
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Web';
  src: url("global/fonts/Graphik/Graphik-Regular-Web.eot");
  src: url("global/fonts/Graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("global/fonts/Graphik/Graphik-Regular-Web.woff2") format("woff2"), url("global/fonts/Graphik/Graphik-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

.Graphik-Regular-Web {
  font-family: 'Graphik Web';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'TradeGothicLtStd';
  src: url("global/fonts/TradeGothicLtStd/tradegothicltstd-bdcn20.eot");
  src: url("global/fonts/TradeGothicLtStd/tradegothicltstd-bdcn20.eot?#iefix") format("embedded-opentype"), url("global/fonts/TradeGothicLtStd/tradegothicltstd-bdcn20.woff2") format("woff2"), url("global/fonts/TradeGothicLtStd/tradegothicltstd-bdcn20.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'TradeGothicLtStd';
  src: url("global/fonts/TradeGothicLtStd/tradegothicltstd-cn18.eot");
  src: url("global/fonts/TradeGothicLtStd/tradegothicltstd-cn18.eot?#iefix") format("embedded-opentype"), url("global/fonts/TradeGothicLtStd/tradegothicltstd-cn18.woff2") format("woff2"), url("global/fonts/TradeGothicLtStd/tradegothicltstd-cn18.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("global/fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("global/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("global/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("global/fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("global/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("global/fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

@font-face {
  font-family: 'Akkurat-Mono';
  src: url("global/fonts/Akkurat/Akkurat-Mono.eot");
  src: url("global/fonts/Akkurat/Akkurat-Mono.eot?#iefix") format("embedded-opentype"), url("global/fonts/Akkurat/Akkurat-Mono.woff") format("woff"), url("global/fonts/Akkurat/Akkurat-Mono.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Calibre';
  src: url("global/fonts/Calibre/Calibre-Semibold.eot");
  src: url("global/fonts/Calibre/Calibre-Semibold.eot?#iefix") format("embedded-opentype"), url("global/fonts/Calibre/Calibre-Semibold.woff2") format("woff2"), url("global/fonts/Calibre/Calibre-Semibold.woff") format("woff"), url("global/fonts/Calibre/Calibre-Semibold.svg#Calibre-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Calibre';
  src: url("global/fonts/Calibre/Calibre-Medium.eot");
  src: url("global/fonts/Calibre/Calibre-Medium.eot?#iefix") format("embedded-opentype"), url("global/fonts/Calibre/Calibre-Medium.woff2") format("woff2"), url("global/fonts/Calibre/Calibre-Medium.woff") format("woff"), url("global/fonts/Calibre/Calibre-Medium.svg#Calibre-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Fakt Pro Black';
  src: url("global/fonts/FaktPro/FaktPro-Black.eot");
  src: url("global/fonts/FaktPro/FaktPro-Black.eot?#iefix") format("embedded-opentype"), url("global/fonts/FaktPro/FaktPro-Black.woff") format("woff"), url("global/fonts/FaktPro/FaktPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Fakt Pro Blond';
  src: url("global/fonts/FaktPro/FaktPro-Blond.eot");
  src: url("global/fonts/FaktPro/FaktPro-Blond.eot?#iefix") format("embedded-opentype"), url("global/fonts/FaktPro/FaktPro-Blond.woff") format("woff"), url("global/fonts/FaktPro/FaktPro-Blond.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Fakt Pro Medium';
  src: url("global/fonts/FaktPro/FaktPro-Medium.eot");
  src: url("global/fonts/FaktPro/FaktPro-Medium.eot?#iefix") format("embedded-opentype"), url("global/fonts/FaktPro/FaktPro-Medium.woff") format("woff"), url("global/fonts/FaktPro/FaktPro-Medium.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaas';
  src: url("global/fonts/NeueHaas/NHaasGroteskDSPro-55Rg.eot");
  src: url("global/fonts/NeueHaas/NHaasGroteskDSPro-55Rg.eot?#iefix") format("embedded-opentype"), url("global/fonts/NeueHaas/NHaasGroteskDSPro-55Rg.woff2") format("woff2"), url("global/fonts/NeueHaas/NHaasGroteskDSPro-55Rg.woff") format("woff"), url("global/fonts/NeueHaas/NHaasGroteskDSPro-55Rg.ttf") format("truetype"), url("global/fonts/NeueHaas/NHaasGroteskDSPro-55Rg.svg#NHaasGroteskDSPro-55Rg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url("global/fonts/Helveticaneue/HelveticaNeue.woff2") format("woff2"), url("global/fonts/Helveticaneue/HelveticaNeue.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Helvetica Neue Bold';
  src: url("global/fonts/Helveticaneue/Neue-Helvetica-75-Bold.woff2") format("woff2"), url("global/fonts/Helveticaneue/Neue-Helvetica-75-Bold.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Helvetica Neue Outline';
  src: url("global/fonts/Helveticaneue/Neue-Helvetica-75-Bold-Outline.woff2") format("woff2"), url("global/fonts/Helveticaneue/Neue-Helvetica-75-Bold-Outline.woff") format("woff"), url("global/fonts/Helveticaneue/Neue-Helvetica-75-Bold-Outline.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Druk';
  src: url("global/fonts/Druk/Druk-WideSuper.woff2") format("woff2"), url("global/fonts/Druk/Druk-WideSuper.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 544px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container--fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .product_workswith-new-container > .row > .product-2018, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .container-2018 .product-grid-2018 > *, .col-lgcus-1, .col-lgcus-2, .col-lgcus-3, .col-lgcus-4, .col-lgcus-5, .col-lgcus-6, .col-lgcus-7, .col-lgcus-8, .col-lgcus-9, .col-lgcus-10, .col-lgcus-11, .col-lgcus-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .row.grid-products .product-new, .product-grid-grid.row > .image, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
  width: 100%;
}

.col-xs {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
}

.col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-xs-12, .product_workswith-new-container > .row > .product-2018 {
  flex: 0 0 100%;
  max-width: 100%;
}

.pull-xs-0 {
  right: auto;
}

.pull-xs-1 {
  right: 8.33333%;
}

.pull-xs-2 {
  right: 16.66667%;
}

.pull-xs-3 {
  right: 25%;
}

.pull-xs-4 {
  right: 33.33333%;
}

.pull-xs-5 {
  right: 41.66667%;
}

.pull-xs-6 {
  right: 50%;
}

.pull-xs-7 {
  right: 58.33333%;
}

.pull-xs-8 {
  right: 66.66667%;
}

.pull-xs-9 {
  right: 75%;
}

.pull-xs-10 {
  right: 83.33333%;
}

.pull-xs-11 {
  right: 91.66667%;
}

.pull-xs-12 {
  right: 100%;
}

.push-xs-0 {
  left: auto;
}

.push-xs-1 {
  left: 8.33333%;
}

.push-xs-2 {
  left: 16.66667%;
}

.push-xs-3 {
  left: 25%;
}

.push-xs-4 {
  left: 33.33333%;
}

.push-xs-5 {
  left: 41.66667%;
}

.push-xs-6 {
  left: 50%;
}

.push-xs-7 {
  left: 58.33333%;
}

.push-xs-8 {
  left: 66.66667%;
}

.push-xs-9 {
  left: 75%;
}

.push-xs-10 {
  left: 83.33333%;
}

.push-xs-11 {
  left: 91.66667%;
}

.push-xs-12 {
  left: 100%;
}

.offset-xs-1 {
  margin-left: 8.33333%;
}

.offset-xs-2 {
  margin-left: 16.66667%;
}

.offset-xs-3 {
  margin-left: 25%;
}

.offset-xs-4 {
  margin-left: 33.33333%;
}

.offset-xs-5 {
  margin-left: 41.66667%;
}

.offset-xs-6 {
  margin-left: 50%;
}

.offset-xs-7 {
  margin-left: 58.33333%;
}

.offset-xs-8 {
  margin-left: 66.66667%;
}

.offset-xs-9 {
  margin-left: 75%;
}

.offset-xs-10 {
  margin-left: 83.33333%;
}

.offset-xs-11 {
  margin-left: 91.66667%;
}

@media (min-width: 544px) {
  .col-sm {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12, .container-2018 .product-grid-2018 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.33333%;
  }
  .pull-sm-2 {
    right: 16.66667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.33333%;
  }
  .pull-sm-5 {
    right: 41.66667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.33333%;
  }
  .pull-sm-8 {
    right: 66.66667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.33333%;
  }
  .pull-sm-11 {
    right: 91.66667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.33333%;
  }
  .push-sm-2 {
    left: 16.66667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.33333%;
  }
  .push-sm-5 {
    left: 41.66667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.33333%;
  }
  .push-sm-8 {
    left: 66.66667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.33333%;
  }
  .push-sm-11 {
    left: 91.66667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 766px) {
  .col-lgcus {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-lgcus-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lgcus-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lgcus-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lgcus-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lgcus-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lgcus-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lgcus-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lgcus-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lgcus-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lgcus-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lgcus-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lgcus-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lgcus-0 {
    right: auto;
  }
  .pull-lgcus-1 {
    right: 8.33333%;
  }
  .pull-lgcus-2 {
    right: 16.66667%;
  }
  .pull-lgcus-3 {
    right: 25%;
  }
  .pull-lgcus-4 {
    right: 33.33333%;
  }
  .pull-lgcus-5 {
    right: 41.66667%;
  }
  .pull-lgcus-6 {
    right: 50%;
  }
  .pull-lgcus-7 {
    right: 58.33333%;
  }
  .pull-lgcus-8 {
    right: 66.66667%;
  }
  .pull-lgcus-9 {
    right: 75%;
  }
  .pull-lgcus-10 {
    right: 83.33333%;
  }
  .pull-lgcus-11 {
    right: 91.66667%;
  }
  .pull-lgcus-12 {
    right: 100%;
  }
  .push-lgcus-0 {
    left: auto;
  }
  .push-lgcus-1 {
    left: 8.33333%;
  }
  .push-lgcus-2 {
    left: 16.66667%;
  }
  .push-lgcus-3 {
    left: 25%;
  }
  .push-lgcus-4 {
    left: 33.33333%;
  }
  .push-lgcus-5 {
    left: 41.66667%;
  }
  .push-lgcus-6 {
    left: 50%;
  }
  .push-lgcus-7 {
    left: 58.33333%;
  }
  .push-lgcus-8 {
    left: 66.66667%;
  }
  .push-lgcus-9 {
    left: 75%;
  }
  .push-lgcus-10 {
    left: 83.33333%;
  }
  .push-lgcus-11 {
    left: 91.66667%;
  }
  .push-lgcus-12 {
    left: 100%;
  }
  .offset-lgcus-0 {
    margin-left: 0%;
  }
  .offset-lgcus-1 {
    margin-left: 8.33333%;
  }
  .offset-lgcus-2 {
    margin-left: 16.66667%;
  }
  .offset-lgcus-3 {
    margin-left: 25%;
  }
  .offset-lgcus-4 {
    margin-left: 33.33333%;
  }
  .offset-lgcus-5 {
    margin-left: 41.66667%;
  }
  .offset-lgcus-6 {
    margin-left: 50%;
  }
  .offset-lgcus-7 {
    margin-left: 58.33333%;
  }
  .offset-lgcus-8 {
    margin-left: 66.66667%;
  }
  .offset-lgcus-9 {
    margin-left: 75%;
  }
  .offset-lgcus-10 {
    margin-left: 83.33333%;
  }
  .offset-lgcus-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6, .row.grid-products .product-new, .product-grid-grid.row > .image, .product_workswith-new-container > .row > .product-2018, .container-2018 .product-grid-2018 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.33333%;
  }
  .pull-md-2 {
    right: 16.66667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.33333%;
  }
  .pull-md-5 {
    right: 41.66667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.33333%;
  }
  .pull-md-8 {
    right: 66.66667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.33333%;
  }
  .pull-md-11 {
    right: 91.66667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.33333%;
  }
  .push-md-2 {
    left: 16.66667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.33333%;
  }
  .push-md-5 {
    left: 41.66667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.33333%;
  }
  .push-md-8 {
    left: 66.66667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.33333%;
  }
  .push-md-11 {
    left: 91.66667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4, .row.grid-products .product-new, .product-grid-grid.row > .image, .product_workswith-new-container > .row > .product-2018, .container-2018 .product-grid-2018 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.33333%;
  }
  .pull-lg-2 {
    right: 16.66667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.33333%;
  }
  .pull-lg-5 {
    right: 41.66667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.33333%;
  }
  .pull-lg-8 {
    right: 66.66667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.33333%;
  }
  .pull-lg-11 {
    right: 91.66667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.33333%;
  }
  .push-lg-2 {
    left: 16.66667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.33333%;
  }
  .push-lg-5 {
    left: 41.66667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.33333%;
  }
  .push-lg-8 {
    left: 66.66667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.33333%;
  }
  .push-lg-11 {
    left: 91.66667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.33333%;
  }
  .pull-xl-2 {
    right: 16.66667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.33333%;
  }
  .pull-xl-5 {
    right: 41.66667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.33333%;
  }
  .pull-xl-8 {
    right: 66.66667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.33333%;
  }
  .pull-xl-11 {
    right: 91.66667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.33333%;
  }
  .push-xl-2 {
    left: 16.66667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.33333%;
  }
  .push-xl-5 {
    left: 41.66667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.33333%;
  }
  .push-xl-8 {
    left: 66.66667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.33333%;
  }
  .push-xl-11 {
    left: 91.66667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1500px) {
  .col-xxl {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xxl-0 {
    right: auto;
  }
  .pull-xxl-1 {
    right: 8.33333%;
  }
  .pull-xxl-2 {
    right: 16.66667%;
  }
  .pull-xxl-3 {
    right: 25%;
  }
  .pull-xxl-4 {
    right: 33.33333%;
  }
  .pull-xxl-5 {
    right: 41.66667%;
  }
  .pull-xxl-6 {
    right: 50%;
  }
  .pull-xxl-7 {
    right: 58.33333%;
  }
  .pull-xxl-8 {
    right: 66.66667%;
  }
  .pull-xxl-9 {
    right: 75%;
  }
  .pull-xxl-10 {
    right: 83.33333%;
  }
  .pull-xxl-11 {
    right: 91.66667%;
  }
  .pull-xxl-12 {
    right: 100%;
  }
  .push-xxl-0 {
    left: auto;
  }
  .push-xxl-1 {
    left: 8.33333%;
  }
  .push-xxl-2 {
    left: 16.66667%;
  }
  .push-xxl-3 {
    left: 25%;
  }
  .push-xxl-4 {
    left: 33.33333%;
  }
  .push-xxl-5 {
    left: 41.66667%;
  }
  .push-xxl-6 {
    left: 50%;
  }
  .push-xxl-7 {
    left: 58.33333%;
  }
  .push-xxl-8 {
    left: 66.66667%;
  }
  .push-xxl-9 {
    left: 75%;
  }
  .push-xxl-10 {
    left: 83.33333%;
  }
  .push-xxl-11 {
    left: 91.66667%;
  }
  .push-xxl-12 {
    left: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0%;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}

@media (max-width: 765px) {
  [class*="col-xs-"] {
    margin-bottom: 0;
  }
}

.row--full-width {
  margin-left: -24px;
  margin-right: -24px;
}

.row--full-width > .col-xs-12, .product_workswith-new-container > .row.row--full-width > .product-2018 {
  padding: 0;
}

.row--full-width .row {
  height: 100%;
}

@media (max-width: 765px) {
  .row--full-width .row {
    margin: 0;
  }
}

.row--vertical-center {
  align-items: center;
}

.row--stretch {
  align-items: stretch;
}

.row--unflex {
  display: block;
}

.row--unflex::after {
  content: "";
  display: table;
  clear: both;
}

[class*="col-"].col--unflex {
  flex: none;
  float: left;
}

.ratio--1x1:before, .dept--kids .dept-tile:before, .ratio--4x5:before, .product-card-ratio--1x1:before, .ratio--4x3:before, .ratio--5x4:before, .ratio--2x3:before, .edu-introduction [class*="col-"]:before, .ratio--3x2:before, .ratio--16x9:before, .dept--women .dept-tile:before, .ratio--9x16:before, .dept--men .dept-tile:before, .ratio--2x1:before, .ratio--1x2:before, .ratio-mobile--1x1:before,
.ratio-mobile--16x9:before, .raw_html_holiday_landing .ratio--1x085:before {
  content: "";
  display: block;
  float: left;
}

.ratio--1x1:before, .dept--kids .dept-tile:before {
  padding-top: 100%;
}

.ratio--4x5:before {
  padding-top: 125%;
}

.product-card-ratio--1x1:before {
  padding-top: calc(100% - 24px);
}

.ratio--4x3:before {
  padding-top: 75%;
}

.ratio--5x4:before {
  padding-top: 80%;
}

.ratio--2x3:before, .edu-introduction [class*="col-"]:before {
  padding-top: 150%;
}

.ratio--3x2:before {
  padding-top: 66.66%;
}

.ratio--16x9:before, .dept--women .dept-tile:before {
  padding-top: 56.25%;
}

.ratio--9x16:before, .dept--men .dept-tile:before {
  padding-top: 156.25%;
}

.ratio--2x1:before {
  padding-top: 50%;
}

.ratio--1x2:before {
  padding-top: 200%;
}

@media (max-width: 765px) {
  .ratio--9x16:before, .dept--men .dept-tile:before {
    padding-top: 100%;
  }
  .ratio-mobile--1x1:before {
    padding-top: 100%;
  }
  .ratio-mobile--16x9:before, .dept--men .dept-tile:before, .dept--kids .dept-tile:before {
    padding-top: 56.25%;
  }
  .ratio-mobile--16x9:before, .dept--men .dept-tile:before, .dept--kids .dept-tile:before {
    padding-top: 56.25%;
  }
  .ratio-mobile--auto:before {
    padding-top: 0;
  }
  .ratio--5x4:before {
    padding-top: 100%;
  }
}

@media (min-width: 768px) {
  .collage-grid--second {
    margin-bottom: 60px;
  }
}

html {
  box-sizing: border-box;
  font-size: 10px;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

*:focus {
  outline: 0;
}

body {
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222222;
  background-color: #ffffff;
}

body.no-scroll {
  overflow: hidden !important;
  height: 100%;
}

@media (max-width: 765px) {
  body.mobile-no-scroll {
    overflow: hidden !important;
    height: 100%;
  }
}

body.holiday-2018 {
  background-image: url(global/images/happy-holidays.svg);
  background-position: center center;
  background-size: 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

html.no-scroll {
  overflow: hidden !important;
}

@media (max-width: 765px) {
  html.mobile-no-scroll {
    overflow: hidden !important;
  }
}

ol,
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 1.8rem 0;
}

p:only-of-type {
  margin-bottom: 0;
}

img:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}

input[type="text"],
input[type="number"],
input[type="phone"],
input[type="tel"],
input[type="email"] {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s;
}

a:focus, a:hover {
  text-decoration: none;
}

a.link--underline, a.link--underline:hover,
.link--underline a,
.link--underline a:hover {
  text-decoration: underline;
  cursor: pointer;
}

a.link-hover--bold:hover,
.link-hover--bold a:hover {
  font-weight: 500;
}

a.link-hover--white:hover,
.link-hover--white a:hover {
  color: #ffffff !important;
}

a.link-hover--grey-dark:hover,
.link-hover--grey-dark a:hover {
  text-decoration: underline;
}

a.link-hover--grey-light:hover,
.link-hover--grey-light a:hover {
  text-decoration: underline;
}

button.link--underline, button.link--underline:hover,
.link--underline button,
.link--underline button:hover {
  text-decoration: underline;
  border: none;
}

button.link-hover--bold:hover,
.link-hover--bold button:hover {
  font-weight: 500;
}

button.link-hover--white:hover,
.link-hover--white button:hover {
  color: #ffffff !important;
}

button.link-hover--grey-dark:hover,
.link-hover--grey-dark button:hover {
  color: #333333;
}

button.link-hover--grey-light:hover,
.link-hover--grey-light button:hover {
  color: #dddddd;
}

.link-hover--grey-dark.text-grey4.product-card,
a.link-hover--grey-dark.text-grey4.product-card {
  color: #222;
}

.link-hover--grey-dark.text-grey4.product-card:hover {
  color: #222;
}

.link-hover--grey-dark.text-grey4.product-card:hover a {
  color: #222;
}

.header--active .header__menu-link {
  color: #fff;
}

.header--active .header__logo {
  color: #fff;
  opacity: 1;
}

.large-link__arrow {
  font-size: 1.3rem;
  margin-left: 10px;
  position: relative;
  top: -3px;
}

.h-wrapper > .viewport {
  margin: 60px 0 0 0;
  transition: opacity 0.15s;
}

body.skinny-banner-open .h-wrapper > .viewport {
  margin: 100px 0 0 0;
}

.section {
  position: relative;
}

.viewport .section:last-of-type {
  margin-bottom: 24px;
}

.viewport .section.textbyimage:last-of-type {
  margin-bottom: 0;
}

.section__title {
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 24px 0;
}

@media (min-width: 768px) {
  .section__title {
    margin: 36px 0;
  }
}

.white-card {
  padding: 24px;
  background-color: #ffffff;
}

.clickable {
  cursor: pointer;
}

@media (max-width: 765px) {
  .clickable-sm {
    cursor: pointer;
  }
}

.number-colors {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px 10px;
  background: #fff;
  font-size: 12px;
  color: #222;
}

body.mobileSafariFix {
  /* Allows content to fill the viewport and go beyond the bottom */
  height: 100% !important;
  /* Allows you to scroll below the viewport; default value is visible */
  overflow-y: scroll;
  /* To smooth any scrolling behavior */
  -webkit-overflow-scrolling: touch;
}

.h-cta {
  background-color: transparent !important;
  color: inherit !important;
}

.h-cta :hover {
  background-color: transparent !important;
  color: inherit !important;
}

body .toast-message a {
  color: #333;
}

body .toast-message a:hover, body .toast-message a:active, body .toast-message a:visited {
  color: #333;
}

.styleguides .button, .modal.modal--item-added .button, .image-hero .button, footer .button, .payment-bar .button, .cookie-bar .button, .header.w2-header .button, .modal[data-modal="account"] .button, .modal[data-modal="mobile"] .button, .modal[data-modal="search"] .button, .header.secondary-header .button, .header .hide-scroll .button, .header-nav-modal .button, .modal__mobile_container .button, .feature-collection-container .button, .grid-2018-container .button, .product_workswith-new-container .button, .container-2018 .button, .product-2018-container .button, #hsco-add-giftcard .button, .modal[data-modal="cart"] .button,
#checkout-cart .button, .password-reset .button, .pdp-container-2018 .button,
.product-gift-card .button, .modal--product .button, .pdp-collection-info-container .button, .pdp-dimensions-container .button, .pdp-features-container .button, .account.container--fluid .button, .customer-service .button, .text-pages-wrap .button, .search-results-container .button, .link-list .button, #regioncheck.modal.regioncheck-modal .button, .guest-access .button,
.guest-access-form .button, .feature-journal__container .button, .feature-stories__container .button, .feature-panel__container .button, .feature-carousel .button, .shop-by-department__container .button, .store-locator-popup .button, #checkout-container .button, .rma .button, .email-capture .email-capture-container .button, .hsco-pdp-accessories .button, .horizontal-rule__container .button, .image-row .button, .generic-container .button, .credit-form-buttons .button, .single-column-container .button, .two-column-container .button, .hsco-forgot-password-form .button,
.hsco-signin-block .button, .split-panel__container .button, .component-card-list .button, .journal-post .button, .journal-home .button, .hero-two-panel .button, .hero-two-panel-BFCM .button {
  line-height: 40px;
  min-width: 120px;
  padding: 0 20px;
  vertical-align: middle;
  background: #f5f5f5;
  color: #333;
}

.styleguides .button.button--dark, .modal.modal--item-added .button.button--dark, .image-hero .button.button--dark, footer .button.button--dark, .payment-bar .button.button--dark, .cookie-bar .button.button--dark, .header.w2-header .button.button--dark, .modal[data-modal="account"] .button.button--dark, .modal[data-modal="mobile"] .button.button--dark, .modal[data-modal="search"] .button.button--dark, .header.secondary-header .button.button--dark, .header .hide-scroll .button.button--dark, .header-nav-modal .button.button--dark, .modal__mobile_container .button.button--dark, .feature-collection-container .button.button--dark, .grid-2018-container .button.button--dark, .product_workswith-new-container .button.button--dark, .container-2018 .button.button--dark, .product-2018-container .button.button--dark, #hsco-add-giftcard .button.button--dark, .modal[data-modal="cart"] .button.button--dark,
#checkout-cart .button.button--dark, .password-reset .button.button--dark, .pdp-container-2018 .button.button--dark,
.product-gift-card .button.button--dark, .modal--product .button.button--dark, .pdp-collection-info-container .button.button--dark, .pdp-dimensions-container .button.button--dark, .pdp-features-container .button.button--dark, .account.container--fluid .button.button--dark, .customer-service .button.button--dark, .text-pages-wrap .button.button--dark, .search-results-container .button.button--dark, .link-list .button.button--dark, #regioncheck.modal.regioncheck-modal .button.button--dark, .guest-access .button.button--dark,
.guest-access-form .button.button--dark, .feature-journal__container .button.button--dark, .feature-stories__container .button.button--dark, .feature-panel__container .button.button--dark, .feature-carousel .button.button--dark, .shop-by-department__container .button.button--dark, .store-locator-popup .button.button--dark, #checkout-container .button.button--dark, .rma .button.button--dark, .email-capture .email-capture-container .button.button--dark, .hsco-pdp-accessories .button.button--dark, .horizontal-rule__container .button.button--dark, .image-row .button.button--dark, .generic-container .button.button--dark, .credit-form-buttons .button.button--dark, .single-column-container .button.button--dark, .two-column-container .button.button--dark, .hsco-forgot-password-form .button.button--dark,
.hsco-signin-block .button.button--dark, .split-panel__container .button.button--dark, .component-card-list .button.button--dark, .journal-post .button.button--dark, .journal-home .button.button--dark, .hero-two-panel .button.button--dark, .hero-two-panel-BFCM .button.button--dark {
  background: #333;
  color: #f5f5f5;
}

.styleguides .button.button--blue, .modal.modal--item-added .button.button--blue, .image-hero .button.button--blue, footer .button.button--blue, .payment-bar .button.button--blue, .cookie-bar .button.button--blue, .header.w2-header .button.button--blue, .modal[data-modal="account"] .button.button--blue, .modal[data-modal="mobile"] .button.button--blue, .modal[data-modal="search"] .button.button--blue, .header.secondary-header .button.button--blue, .header .hide-scroll .button.button--blue, .header-nav-modal .button.button--blue, .modal__mobile_container .button.button--blue, .feature-collection-container .button.button--blue, .grid-2018-container .button.button--blue, .product_workswith-new-container .button.button--blue, .container-2018 .button.button--blue, .product-2018-container .button.button--blue, #hsco-add-giftcard .button.button--blue, .modal[data-modal="cart"] .button.button--blue,
#checkout-cart .button.button--blue, .password-reset .button.button--blue, .pdp-container-2018 .button.button--blue,
.product-gift-card .button.button--blue, .modal--product .button.button--blue, .pdp-collection-info-container .button.button--blue, .pdp-dimensions-container .button.button--blue, .pdp-features-container .button.button--blue, .account.container--fluid .button.button--blue, .customer-service .button.button--blue, .text-pages-wrap .button.button--blue, .search-results-container .button.button--blue, .link-list .button.button--blue, #regioncheck.modal.regioncheck-modal .button.button--blue, .guest-access .button.button--blue,
.guest-access-form .button.button--blue, .feature-journal__container .button.button--blue, .feature-stories__container .button.button--blue, .feature-panel__container .button.button--blue, .feature-carousel .button.button--blue, .shop-by-department__container .button.button--blue, .store-locator-popup .button.button--blue, #checkout-container .button.button--blue, .rma .button.button--blue, .email-capture .email-capture-container .button.button--blue, .hsco-pdp-accessories .button.button--blue, .horizontal-rule__container .button.button--blue, .image-row .button.button--blue, .generic-container .button.button--blue, .credit-form-buttons .button.button--blue, .single-column-container .button.button--blue, .two-column-container .button.button--blue, .hsco-forgot-password-form .button.button--blue,
.hsco-signin-block .button.button--blue, .split-panel__container .button.button--blue, .component-card-list .button.button--blue, .journal-post .button.button--blue, .journal-home .button.button--blue, .hero-two-panel .button.button--blue, .hero-two-panel-BFCM .button.button--blue {
  background: #0084ff;
  color: #f5f5f5;
}

.styleguides .button.button--green, .modal.modal--item-added .button.button--green, .image-hero .button.button--green, footer .button.button--green, .payment-bar .button.button--green, .cookie-bar .button.button--green, .header.w2-header .button.button--green, .modal[data-modal="account"] .button.button--green, .modal[data-modal="mobile"] .button.button--green, .modal[data-modal="search"] .button.button--green, .header.secondary-header .button.button--green, .header .hide-scroll .button.button--green, .header-nav-modal .button.button--green, .modal__mobile_container .button.button--green, .feature-collection-container .button.button--green, .grid-2018-container .button.button--green, .product_workswith-new-container .button.button--green, .container-2018 .button.button--green, .product-2018-container .button.button--green, #hsco-add-giftcard .button.button--green, .modal[data-modal="cart"] .button.button--green,
#checkout-cart .button.button--green, .password-reset .button.button--green, .pdp-container-2018 .button.button--green,
.product-gift-card .button.button--green, .modal--product .button.button--green, .pdp-collection-info-container .button.button--green, .pdp-dimensions-container .button.button--green, .pdp-features-container .button.button--green, .account.container--fluid .button.button--green, .customer-service .button.button--green, .text-pages-wrap .button.button--green, .search-results-container .button.button--green, .link-list .button.button--green, #regioncheck.modal.regioncheck-modal .button.button--green, .guest-access .button.button--green,
.guest-access-form .button.button--green, .feature-journal__container .button.button--green, .feature-stories__container .button.button--green, .feature-panel__container .button.button--green, .feature-carousel .button.button--green, .shop-by-department__container .button.button--green, .store-locator-popup .button.button--green, #checkout-container .button.button--green, .rma .button.button--green, .email-capture .email-capture-container .button.button--green, .hsco-pdp-accessories .button.button--green, .horizontal-rule__container .button.button--green, .image-row .button.button--green, .generic-container .button.button--green, .credit-form-buttons .button.button--green, .single-column-container .button.button--green, .two-column-container .button.button--green, .hsco-forgot-password-form .button.button--green,
.hsco-signin-block .button.button--green, .split-panel__container .button.button--green, .component-card-list .button.button--green, .journal-post .button.button--green, .journal-home .button.button--green, .hero-two-panel .button.button--green, .hero-two-panel-BFCM .button.button--green {
  background: #00993b;
  color: #f5f5f5;
}

.styleguides .button.button--red, .modal.modal--item-added .button.button--red, .image-hero .button.button--red, footer .button.button--red, .payment-bar .button.button--red, .cookie-bar .button.button--red, .header.w2-header .button.button--red, .modal[data-modal="account"] .button.button--red, .modal[data-modal="mobile"] .button.button--red, .modal[data-modal="search"] .button.button--red, .header.secondary-header .button.button--red, .header .hide-scroll .button.button--red, .header-nav-modal .button.button--red, .modal__mobile_container .button.button--red, .feature-collection-container .button.button--red, .grid-2018-container .button.button--red, .product_workswith-new-container .button.button--red, .container-2018 .button.button--red, .product-2018-container .button.button--red, #hsco-add-giftcard .button.button--red, .modal[data-modal="cart"] .button.button--red,
#checkout-cart .button.button--red, .password-reset .button.button--red, .pdp-container-2018 .button.button--red,
.product-gift-card .button.button--red, .modal--product .button.button--red, .pdp-collection-info-container .button.button--red, .pdp-dimensions-container .button.button--red, .pdp-features-container .button.button--red, .account.container--fluid .button.button--red, .customer-service .button.button--red, .text-pages-wrap .button.button--red, .search-results-container .button.button--red, .link-list .button.button--red, #regioncheck.modal.regioncheck-modal .button.button--red, .guest-access .button.button--red,
.guest-access-form .button.button--red, .feature-journal__container .button.button--red, .feature-stories__container .button.button--red, .feature-panel__container .button.button--red, .feature-carousel .button.button--red, .shop-by-department__container .button.button--red, .store-locator-popup .button.button--red, #checkout-container .button.button--red, .rma .button.button--red, .email-capture .email-capture-container .button.button--red, .hsco-pdp-accessories .button.button--red, .horizontal-rule__container .button.button--red, .image-row .button.button--red, .generic-container .button.button--red, .credit-form-buttons .button.button--red, .single-column-container .button.button--red, .two-column-container .button.button--red, .hsco-forgot-password-form .button.button--red,
.hsco-signin-block .button.button--red, .split-panel__container .button.button--red, .component-card-list .button.button--red, .journal-post .button.button--red, .journal-home .button.button--red, .hero-two-panel .button.button--red, .hero-two-panel-BFCM .button.button--red {
  background: #cc0033;
  color: #f5f5f5;
}

.styleguides a.link--underline, .modal.modal--item-added a.link--underline, .image-hero a.link--underline, footer a.link--underline, .payment-bar a.link--underline, .cookie-bar a.link--underline, .header.w2-header a.link--underline, .modal[data-modal="account"] a.link--underline, .modal[data-modal="mobile"] a.link--underline, .modal[data-modal="search"] a.link--underline, .header.secondary-header a.link--underline, .header .hide-scroll a.link--underline, .header-nav-modal a.link--underline, .modal__mobile_container a.link--underline, .feature-collection-container a.link--underline, .grid-2018-container a.link--underline, .product_workswith-new-container a.link--underline, .container-2018 a.link--underline, .product-2018-container a.link--underline, #hsco-add-giftcard a.link--underline, .modal[data-modal="cart"] a.link--underline,
#checkout-cart a.link--underline, .password-reset a.link--underline, .pdp-container-2018 a.link--underline,
.product-gift-card a.link--underline, .modal--product a.link--underline, .pdp-collection-info-container a.link--underline, .pdp-dimensions-container a.link--underline, .pdp-features-container a.link--underline, .account.container--fluid a.link--underline, .customer-service a.link--underline, .text-pages-wrap a.link--underline, .search-results-container a.link--underline, .link-list a.link--underline, #regioncheck.modal.regioncheck-modal a.link--underline, .guest-access a.link--underline,
.guest-access-form a.link--underline, .feature-journal__container a.link--underline, .feature-stories__container a.link--underline, .feature-panel__container a.link--underline, .feature-carousel a.link--underline, .shop-by-department__container a.link--underline, .store-locator-popup a.link--underline, #checkout-container a.link--underline, .rma a.link--underline, .email-capture .email-capture-container a.link--underline, .hsco-pdp-accessories a.link--underline, .horizontal-rule__container a.link--underline, .image-row a.link--underline, .generic-container a.link--underline, .credit-form-buttons a.link--underline, .single-column-container a.link--underline, .two-column-container a.link--underline, .hsco-forgot-password-form a.link--underline,
.hsco-signin-block a.link--underline, .split-panel__container a.link--underline, .component-card-list a.link--underline, .journal-post a.link--underline, .journal-home a.link--underline, .hero-two-panel a.link--underline, .hero-two-panel-BFCM a.link--underline, .styleguides a.link--underline:hover, .modal.modal--item-added a.link--underline:hover, .image-hero a.link--underline:hover, footer a.link--underline:hover, .payment-bar a.link--underline:hover, .cookie-bar a.link--underline:hover, .header.w2-header a.link--underline:hover, .modal[data-modal="account"] a.link--underline:hover, .modal[data-modal="mobile"] a.link--underline:hover, .modal[data-modal="search"] a.link--underline:hover, .header.secondary-header a.link--underline:hover, .header .hide-scroll a.link--underline:hover, .header-nav-modal a.link--underline:hover, .modal__mobile_container a.link--underline:hover, .feature-collection-container a.link--underline:hover, .grid-2018-container a.link--underline:hover, .product_workswith-new-container a.link--underline:hover, .container-2018 a.link--underline:hover, .product-2018-container a.link--underline:hover, #hsco-add-giftcard a.link--underline:hover, .modal[data-modal="cart"] a.link--underline:hover,
#checkout-cart a.link--underline:hover, .password-reset a.link--underline:hover, .pdp-container-2018 a.link--underline:hover,
.product-gift-card a.link--underline:hover, .modal--product a.link--underline:hover, .pdp-collection-info-container a.link--underline:hover, .pdp-dimensions-container a.link--underline:hover, .pdp-features-container a.link--underline:hover, .account.container--fluid a.link--underline:hover, .customer-service a.link--underline:hover, .text-pages-wrap a.link--underline:hover, .search-results-container a.link--underline:hover, .link-list a.link--underline:hover, #regioncheck.modal.regioncheck-modal a.link--underline:hover, .guest-access a.link--underline:hover,
.guest-access-form a.link--underline:hover, .feature-journal__container a.link--underline:hover, .feature-stories__container a.link--underline:hover, .feature-panel__container a.link--underline:hover, .feature-carousel a.link--underline:hover, .shop-by-department__container a.link--underline:hover, .store-locator-popup a.link--underline:hover, #checkout-container a.link--underline:hover, .rma a.link--underline:hover, .email-capture .email-capture-container a.link--underline:hover, .hsco-pdp-accessories a.link--underline:hover, .horizontal-rule__container a.link--underline:hover, .image-row a.link--underline:hover, .generic-container a.link--underline:hover, .credit-form-buttons a.link--underline:hover, .single-column-container a.link--underline:hover, .two-column-container a.link--underline:hover, .hsco-forgot-password-form a.link--underline:hover,
.hsco-signin-block a.link--underline:hover, .split-panel__container a.link--underline:hover, .component-card-list a.link--underline:hover, .journal-post a.link--underline:hover, .journal-home a.link--underline:hover, .hero-two-panel a.link--underline:hover, .hero-two-panel-BFCM a.link--underline:hover {
  text-decoration: none !important;
  border-bottom: 1px solid #111;
  cursor: pointer;
}

.styleguides a.link--underline.text-grey4, .modal.modal--item-added a.link--underline.text-grey4, .image-hero a.link--underline.text-grey4, footer a.link--underline.text-grey4, .payment-bar a.link--underline.text-grey4, .cookie-bar a.link--underline.text-grey4, .header.w2-header a.link--underline.text-grey4, .modal[data-modal="account"] a.link--underline.text-grey4, .modal[data-modal="mobile"] a.link--underline.text-grey4, .modal[data-modal="search"] a.link--underline.text-grey4, .header.secondary-header a.link--underline.text-grey4, .header .hide-scroll a.link--underline.text-grey4, .header-nav-modal a.link--underline.text-grey4, .modal__mobile_container a.link--underline.text-grey4, .feature-collection-container a.link--underline.text-grey4, .grid-2018-container a.link--underline.text-grey4, .product_workswith-new-container a.link--underline.text-grey4, .container-2018 a.link--underline.text-grey4, .product-2018-container a.link--underline.text-grey4, #hsco-add-giftcard a.link--underline.text-grey4, .modal[data-modal="cart"] a.link--underline.text-grey4,
#checkout-cart a.link--underline.text-grey4, .password-reset a.link--underline.text-grey4, .pdp-container-2018 a.link--underline.text-grey4,
.product-gift-card a.link--underline.text-grey4, .modal--product a.link--underline.text-grey4, .pdp-collection-info-container a.link--underline.text-grey4, .pdp-dimensions-container a.link--underline.text-grey4, .pdp-features-container a.link--underline.text-grey4, .account.container--fluid a.link--underline.text-grey4, .customer-service a.link--underline.text-grey4, .text-pages-wrap a.link--underline.text-grey4, .search-results-container a.link--underline.text-grey4, .link-list a.link--underline.text-grey4, #regioncheck.modal.regioncheck-modal a.link--underline.text-grey4, .guest-access a.link--underline.text-grey4,
.guest-access-form a.link--underline.text-grey4, .feature-journal__container a.link--underline.text-grey4, .feature-stories__container a.link--underline.text-grey4, .feature-panel__container a.link--underline.text-grey4, .feature-carousel a.link--underline.text-grey4, .shop-by-department__container a.link--underline.text-grey4, .store-locator-popup a.link--underline.text-grey4, #checkout-container a.link--underline.text-grey4, .rma a.link--underline.text-grey4, .email-capture .email-capture-container a.link--underline.text-grey4, .hsco-pdp-accessories a.link--underline.text-grey4, .horizontal-rule__container a.link--underline.text-grey4, .image-row a.link--underline.text-grey4, .generic-container a.link--underline.text-grey4, .credit-form-buttons a.link--underline.text-grey4, .single-column-container a.link--underline.text-grey4, .two-column-container a.link--underline.text-grey4, .hsco-forgot-password-form a.link--underline.text-grey4,
.hsco-signin-block a.link--underline.text-grey4, .split-panel__container a.link--underline.text-grey4, .component-card-list a.link--underline.text-grey4, .journal-post a.link--underline.text-grey4, .journal-home a.link--underline.text-grey4, .hero-two-panel a.link--underline.text-grey4, .hero-two-panel-BFCM a.link--underline.text-grey4, .styleguides a.link--underline:hover.text-grey4, .modal.modal--item-added a.link--underline:hover.text-grey4, .image-hero a.link--underline:hover.text-grey4, footer a.link--underline:hover.text-grey4, .payment-bar a.link--underline:hover.text-grey4, .cookie-bar a.link--underline:hover.text-grey4, .header.w2-header a.link--underline:hover.text-grey4, .modal[data-modal="account"] a.link--underline:hover.text-grey4, .modal[data-modal="mobile"] a.link--underline:hover.text-grey4, .modal[data-modal="search"] a.link--underline:hover.text-grey4, .header.secondary-header a.link--underline:hover.text-grey4, .header .hide-scroll a.link--underline:hover.text-grey4, .header-nav-modal a.link--underline:hover.text-grey4, .modal__mobile_container a.link--underline:hover.text-grey4, .feature-collection-container a.link--underline:hover.text-grey4, .grid-2018-container a.link--underline:hover.text-grey4, .product_workswith-new-container a.link--underline:hover.text-grey4, .container-2018 a.link--underline:hover.text-grey4, .product-2018-container a.link--underline:hover.text-grey4, #hsco-add-giftcard a.link--underline:hover.text-grey4, .modal[data-modal="cart"] a.link--underline:hover.text-grey4,
#checkout-cart a.link--underline:hover.text-grey4, .password-reset a.link--underline:hover.text-grey4, .pdp-container-2018 a.link--underline:hover.text-grey4,
.product-gift-card a.link--underline:hover.text-grey4, .modal--product a.link--underline:hover.text-grey4, .pdp-collection-info-container a.link--underline:hover.text-grey4, .pdp-dimensions-container a.link--underline:hover.text-grey4, .pdp-features-container a.link--underline:hover.text-grey4, .account.container--fluid a.link--underline:hover.text-grey4, .customer-service a.link--underline:hover.text-grey4, .text-pages-wrap a.link--underline:hover.text-grey4, .search-results-container a.link--underline:hover.text-grey4, .link-list a.link--underline:hover.text-grey4, #regioncheck.modal.regioncheck-modal a.link--underline:hover.text-grey4, .guest-access a.link--underline:hover.text-grey4,
.guest-access-form a.link--underline:hover.text-grey4, .feature-journal__container a.link--underline:hover.text-grey4, .feature-stories__container a.link--underline:hover.text-grey4, .feature-panel__container a.link--underline:hover.text-grey4, .feature-carousel a.link--underline:hover.text-grey4, .shop-by-department__container a.link--underline:hover.text-grey4, .store-locator-popup a.link--underline:hover.text-grey4, #checkout-container a.link--underline:hover.text-grey4, .rma a.link--underline:hover.text-grey4, .email-capture .email-capture-container a.link--underline:hover.text-grey4, .hsco-pdp-accessories a.link--underline:hover.text-grey4, .horizontal-rule__container a.link--underline:hover.text-grey4, .image-row a.link--underline:hover.text-grey4, .generic-container a.link--underline:hover.text-grey4, .credit-form-buttons a.link--underline:hover.text-grey4, .single-column-container a.link--underline:hover.text-grey4, .two-column-container a.link--underline:hover.text-grey4, .hsco-forgot-password-form a.link--underline:hover.text-grey4,
.hsco-signin-block a.link--underline:hover.text-grey4, .split-panel__container a.link--underline:hover.text-grey4, .component-card-list a.link--underline:hover.text-grey4, .journal-post a.link--underline:hover.text-grey4, .journal-home a.link--underline:hover.text-grey4, .hero-two-panel a.link--underline:hover.text-grey4, .hero-two-panel-BFCM a.link--underline:hover.text-grey4 {
  border-bottom-color: #aaaaaa;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.button--modal-close,
.h5,
.h6 {
  margin: 0;
}

h1,
h2,
.h1,
.h2 {
  font-family: "TradeGothicLtStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.18rem;
  font-size: 6rem;
  line-height: 1;
}

h1,
.h1 {
  font-weight: 500;
}

h2,
.h2 {
  font-weight: 400;
}

.header--sm {
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .header--sm {
    font-size: 1.3rem;
  }
}

.header--md {
  font-size: 3rem;
}

.header--md.header--md--mobile-sm {
  font-size: 2rem;
}

@media (min-width: 768px) {
  .header--md.header--md--mobile-sm {
    font-size: 3rem;
  }
}

.header--lg {
  font-size: 4.5rem;
}

.header--xl {
  font-size: 6rem;
}

h3,
h4,
.h3,
.h4,
.button--modal-close {
  font-weight: 500;
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

h3,
.h3 {
  font-size: 2.4rem;
  line-height: 3rem;
}

@media (max-width: 765px) {
  h3,
  .h3 {
    font-size: 1.2em;
    line-height: 2em;
  }
  h3 .large-link__arrow,
  .h3 .large-link__arrow {
    font-size: 11px;
  }
}

@media screen and (max-width: 1025px) {
  nav .h3 {
    font-size: 1.6rem;
  }
}

h4,
.h4,
.button--modal-close {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.text-cta {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 500;
}

.text-copy1, .pdp-features-container .product-details__content .features-list-content p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: normal;
}

.text-copy2 {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: normal;
}

.text-copy3 {
  font-size: 1.1rem;
  line-height: 1.4rem;
  font-weight: normal;
}

.text-grey--dark {
  color: #777777;
}

.text-medium {
  font-weight: 500;
}

@media (max-width: 765px) {
  .header--md--mobile {
    font-size: 4.5rem;
  }
}

.header--has-caret:after {
  content: "\f091";
  font-family: "Black Tie";
  position: absolute;
  top: 2px;
  right: 0;
  margin-left: 10px;
}

.header--has-caret.caret-flipped:after {
  content: "\f090";
}

.text-error {
  color: #f33737;
}

.styleguides a.link--underline, .modal.modal--item-added a.link--underline, .image-hero a.link--underline, footer a.link--underline, .payment-bar a.link--underline, .cookie-bar a.link--underline, .header.w2-header a.link--underline, .modal[data-modal="account"] a.link--underline, .modal[data-modal="mobile"] a.link--underline, .modal[data-modal="search"] a.link--underline, .header.secondary-header a.link--underline, .header .hide-scroll a.link--underline, .header-nav-modal a.link--underline, .modal__mobile_container a.link--underline, .feature-collection-container a.link--underline, .grid-2018-container a.link--underline, .product_workswith-new-container a.link--underline, .container-2018 a.link--underline, .product-2018-container a.link--underline, #hsco-add-giftcard a.link--underline, .modal[data-modal="cart"] a.link--underline,
#checkout-cart a.link--underline, .password-reset a.link--underline, .pdp-container-2018 a.link--underline,
.product-gift-card a.link--underline, .modal--product a.link--underline, .pdp-collection-info-container a.link--underline, .pdp-dimensions-container a.link--underline, .pdp-features-container a.link--underline, .account.container--fluid a.link--underline, .customer-service a.link--underline, .text-pages-wrap a.link--underline, .search-results-container a.link--underline, .link-list a.link--underline, #regioncheck.modal.regioncheck-modal a.link--underline, .guest-access a.link--underline,
.guest-access-form a.link--underline, .feature-journal__container a.link--underline, .feature-stories__container a.link--underline, .feature-panel__container a.link--underline, .feature-carousel a.link--underline, .shop-by-department__container a.link--underline, .store-locator-popup a.link--underline, #checkout-container a.link--underline, .rma a.link--underline, .email-capture .email-capture-container a.link--underline, .hsco-pdp-accessories a.link--underline, .horizontal-rule__container a.link--underline, .image-row a.link--underline, .generic-container a.link--underline, .credit-form-buttons a.link--underline, .single-column-container a.link--underline, .two-column-container a.link--underline, .hsco-forgot-password-form a.link--underline,
.hsco-signin-block a.link--underline, .split-panel__container a.link--underline, .component-card-list a.link--underline, .journal-post a.link--underline, .journal-home a.link--underline, .hero-two-panel a.link--underline, .hero-two-panel-BFCM a.link--underline {
  text-decoration: underline;
  margin: 0 20px 0 0;
}

.styleguides a.link--underline:last-child, .modal.modal--item-added a.link--underline:last-child, .image-hero a.link--underline:last-child, footer a.link--underline:last-child, .payment-bar a.link--underline:last-child, .cookie-bar a.link--underline:last-child, .header.w2-header a.link--underline:last-child, .modal[data-modal="account"] a.link--underline:last-child, .modal[data-modal="mobile"] a.link--underline:last-child, .modal[data-modal="search"] a.link--underline:last-child, .header.secondary-header a.link--underline:last-child, .header .hide-scroll a.link--underline:last-child, .header-nav-modal a.link--underline:last-child, .modal__mobile_container a.link--underline:last-child, .feature-collection-container a.link--underline:last-child, .grid-2018-container a.link--underline:last-child, .product_workswith-new-container a.link--underline:last-child, .container-2018 a.link--underline:last-child, .product-2018-container a.link--underline:last-child, #hsco-add-giftcard a.link--underline:last-child, .modal[data-modal="cart"] a.link--underline:last-child,
#checkout-cart a.link--underline:last-child, .password-reset a.link--underline:last-child, .pdp-container-2018 a.link--underline:last-child,
.product-gift-card a.link--underline:last-child, .modal--product a.link--underline:last-child, .pdp-collection-info-container a.link--underline:last-child, .pdp-dimensions-container a.link--underline:last-child, .pdp-features-container a.link--underline:last-child, .account.container--fluid a.link--underline:last-child, .customer-service a.link--underline:last-child, .text-pages-wrap a.link--underline:last-child, .search-results-container a.link--underline:last-child, .link-list a.link--underline:last-child, #regioncheck.modal.regioncheck-modal a.link--underline:last-child, .guest-access a.link--underline:last-child,
.guest-access-form a.link--underline:last-child, .feature-journal__container a.link--underline:last-child, .feature-stories__container a.link--underline:last-child, .feature-panel__container a.link--underline:last-child, .feature-carousel a.link--underline:last-child, .shop-by-department__container a.link--underline:last-child, .store-locator-popup a.link--underline:last-child, #checkout-container a.link--underline:last-child, .rma a.link--underline:last-child, .email-capture .email-capture-container a.link--underline:last-child, .hsco-pdp-accessories a.link--underline:last-child, .horizontal-rule__container a.link--underline:last-child, .image-row a.link--underline:last-child, .generic-container a.link--underline:last-child, .credit-form-buttons a.link--underline:last-child, .single-column-container a.link--underline:last-child, .two-column-container a.link--underline:last-child, .hsco-forgot-password-form a.link--underline:last-child,
.hsco-signin-block a.link--underline:last-child, .split-panel__container a.link--underline:last-child, .component-card-list a.link--underline:last-child, .journal-post a.link--underline:last-child, .journal-home a.link--underline:last-child, .hero-two-panel a.link--underline:last-child, .hero-two-panel-BFCM a.link--underline:last-child {
  margin: 0;
}

.styleguides h1, .modal.modal--item-added h1, .image-hero h1, footer h1, .payment-bar h1, .cookie-bar h1, .header.w2-header h1, .modal[data-modal="account"] h1, .modal[data-modal="mobile"] h1, .modal[data-modal="search"] h1, .header.secondary-header h1, .header .hide-scroll h1, .header-nav-modal h1, .modal__mobile_container h1, .feature-collection-container h1, .grid-2018-container h1, .product_workswith-new-container h1, .container-2018 h1, .product-2018-container h1, #hsco-add-giftcard h1, .modal[data-modal="cart"] h1,
#checkout-cart h1, .password-reset h1, .pdp-container-2018 h1,
.product-gift-card h1, .modal--product h1, .pdp-collection-info-container h1, .pdp-dimensions-container h1, .pdp-features-container h1, .account.container--fluid h1, .customer-service h1, .text-pages-wrap h1, .search-results-container h1, .link-list h1, #regioncheck.modal.regioncheck-modal h1, .guest-access h1,
.guest-access-form h1, .feature-journal__container h1, .feature-stories__container h1, .feature-panel__container h1, .feature-carousel h1, .shop-by-department__container h1, .store-locator-popup h1, #checkout-container h1, .rma h1, .email-capture .email-capture-container h1, .hsco-pdp-accessories h1, .horizontal-rule__container h1, .image-row h1, .generic-container h1, .credit-form-buttons h1, .single-column-container h1, .two-column-container h1, .hsco-forgot-password-form h1,
.hsco-signin-block h1, .split-panel__container h1, .component-card-list h1, .journal-post h1, .journal-home h1, .hero-two-panel h1, .hero-two-panel-BFCM h1, .styleguides .h1, .modal.modal--item-added .h1, .image-hero .h1, footer .h1, .payment-bar .h1, .cookie-bar .h1, .header.w2-header .h1, .modal[data-modal="account"] .h1, .modal[data-modal="mobile"] .h1, .modal[data-modal="search"] .h1, .header.secondary-header .h1, .header .hide-scroll .h1, .header-nav-modal .h1, .modal__mobile_container .h1, .feature-collection-container .h1, .grid-2018-container .h1, .product_workswith-new-container .h1, .container-2018 .h1, .product-2018-container .h1, #hsco-add-giftcard .h1, .modal[data-modal="cart"] .h1,
#checkout-cart .h1, .password-reset .h1, .pdp-container-2018 .h1,
.product-gift-card .h1, .modal--product .h1, .pdp-collection-info-container .h1, .pdp-dimensions-container .h1, .pdp-features-container .h1, .account.container--fluid .h1, .customer-service .h1, .text-pages-wrap .h1, .search-results-container .h1, .link-list .h1, #regioncheck.modal.regioncheck-modal .h1, .guest-access .h1,
.guest-access-form .h1, .feature-journal__container .h1, .feature-stories__container .h1, .feature-panel__container .h1, .feature-carousel .h1, .shop-by-department__container .h1, .store-locator-popup .h1, #checkout-container .h1, .rma .h1, .email-capture .email-capture-container .h1, .hsco-pdp-accessories .h1, .horizontal-rule__container .h1, .image-row .h1, .generic-container .h1, .credit-form-buttons .h1, .single-column-container .h1, .two-column-container .h1, .hsco-forgot-password-form .h1,
.hsco-signin-block .h1, .split-panel__container .h1, .component-card-list .h1, .journal-post .h1, .journal-home .h1, .hero-two-panel .h1, .hero-two-panel-BFCM .h1, .styleguides h2, .modal.modal--item-added h2, .image-hero h2, footer h2, .payment-bar h2, .cookie-bar h2, .header.w2-header h2, .modal[data-modal="account"] h2, .modal[data-modal="mobile"] h2, .modal[data-modal="search"] h2, .header.secondary-header h2, .header .hide-scroll h2, .header-nav-modal h2, .modal__mobile_container h2, .feature-collection-container h2, .grid-2018-container h2, .product_workswith-new-container h2, .container-2018 h2, .product-2018-container h2, #hsco-add-giftcard h2, .modal[data-modal="cart"] h2,
#checkout-cart h2, .password-reset h2, .pdp-container-2018 h2,
.product-gift-card h2, .modal--product h2, .pdp-collection-info-container h2, .pdp-dimensions-container h2, .pdp-features-container h2, .account.container--fluid h2, .customer-service h2, .text-pages-wrap h2, .search-results-container h2, .link-list h2, #regioncheck.modal.regioncheck-modal h2, .guest-access h2,
.guest-access-form h2, .feature-journal__container h2, .feature-stories__container h2, .feature-panel__container h2, .feature-carousel h2, .shop-by-department__container h2, .store-locator-popup h2, #checkout-container h2, .rma h2, .email-capture .email-capture-container h2, .hsco-pdp-accessories h2, .horizontal-rule__container h2, .image-row h2, .generic-container h2, .credit-form-buttons h2, .single-column-container h2, .two-column-container h2, .hsco-forgot-password-form h2,
.hsco-signin-block h2, .split-panel__container h2, .component-card-list h2, .journal-post h2, .journal-home h2, .hero-two-panel h2, .hero-two-panel-BFCM h2, .styleguides .h2, .modal.modal--item-added .h2, .image-hero .h2, footer .h2, .payment-bar .h2, .cookie-bar .h2, .header.w2-header .h2, .modal[data-modal="account"] .h2, .modal[data-modal="mobile"] .h2, .modal[data-modal="search"] .h2, .header.secondary-header .h2, .header .hide-scroll .h2, .header-nav-modal .h2, .modal__mobile_container .h2, .feature-collection-container .h2, .grid-2018-container .h2, .product_workswith-new-container .h2, .container-2018 .h2, .product-2018-container .h2, #hsco-add-giftcard .h2, .modal[data-modal="cart"] .h2,
#checkout-cart .h2, .password-reset .h2, .pdp-container-2018 .h2,
.product-gift-card .h2, .modal--product .h2, .pdp-collection-info-container .h2, .pdp-dimensions-container .h2, .pdp-features-container .h2, .account.container--fluid .h2, .customer-service .h2, .text-pages-wrap .h2, .search-results-container .h2, .link-list .h2, #regioncheck.modal.regioncheck-modal .h2, .guest-access .h2,
.guest-access-form .h2, .feature-journal__container .h2, .feature-stories__container .h2, .feature-panel__container .h2, .feature-carousel .h2, .shop-by-department__container .h2, .store-locator-popup .h2, #checkout-container .h2, .rma .h2, .email-capture .email-capture-container .h2, .hsco-pdp-accessories .h2, .horizontal-rule__container .h2, .image-row .h2, .generic-container .h2, .credit-form-buttons .h2, .single-column-container .h2, .two-column-container .h2, .hsco-forgot-password-form .h2,
.hsco-signin-block .h2, .split-panel__container .h2, .component-card-list .h2, .journal-post .h2, .journal-home .h2, .hero-two-panel .h2, .hero-two-panel-BFCM .h2, .styleguides h3, .modal.modal--item-added h3, .image-hero h3, footer h3, .payment-bar h3, .cookie-bar h3, .header.w2-header h3, .modal[data-modal="account"] h3, .modal[data-modal="mobile"] h3, .modal[data-modal="search"] h3, .header.secondary-header h3, .header .hide-scroll h3, .header-nav-modal h3, .modal__mobile_container h3, .feature-collection-container h3, .grid-2018-container h3, .product_workswith-new-container h3, .container-2018 h3, .product-2018-container h3, #hsco-add-giftcard h3, .modal[data-modal="cart"] h3,
#checkout-cart h3, .password-reset h3, .pdp-container-2018 h3,
.product-gift-card h3, .modal--product h3, .pdp-collection-info-container h3, .pdp-dimensions-container h3, .pdp-features-container h3, .account.container--fluid h3, .customer-service h3, .text-pages-wrap h3, .search-results-container h3, .link-list h3, #regioncheck.modal.regioncheck-modal h3, .guest-access h3,
.guest-access-form h3, .feature-journal__container h3, .feature-stories__container h3, .feature-panel__container h3, .feature-carousel h3, .shop-by-department__container h3, .store-locator-popup h3, #checkout-container h3, .rma h3, .email-capture .email-capture-container h3, .hsco-pdp-accessories h3, .horizontal-rule__container h3, .image-row h3, .generic-container h3, .credit-form-buttons h3, .single-column-container h3, .two-column-container h3, .hsco-forgot-password-form h3,
.hsco-signin-block h3, .split-panel__container h3, .component-card-list h3, .journal-post h3, .journal-home h3, .hero-two-panel h3, .hero-two-panel-BFCM h3, .styleguides .h3, .modal.modal--item-added .h3, .image-hero .h3, footer .h3, .payment-bar .h3, .cookie-bar .h3, .header.w2-header .h3, .modal[data-modal="account"] .h3, .modal[data-modal="mobile"] .h3, .modal[data-modal="search"] .h3, .header.secondary-header .h3, .header .hide-scroll .h3, .header-nav-modal .h3, .modal__mobile_container .h3, .feature-collection-container .h3, .grid-2018-container .h3, .product_workswith-new-container .h3, .container-2018 .h3, .product-2018-container .h3, #hsco-add-giftcard .h3, .modal[data-modal="cart"] .h3,
#checkout-cart .h3, .password-reset .h3, .pdp-container-2018 .h3,
.product-gift-card .h3, .modal--product .h3, .pdp-collection-info-container .h3, .pdp-dimensions-container .h3, .pdp-features-container .h3, .account.container--fluid .h3, .customer-service .h3, .text-pages-wrap .h3, .search-results-container .h3, .link-list .h3, #regioncheck.modal.regioncheck-modal .h3, .guest-access .h3,
.guest-access-form .h3, .feature-journal__container .h3, .feature-stories__container .h3, .feature-panel__container .h3, .feature-carousel .h3, .shop-by-department__container .h3, .store-locator-popup .h3, #checkout-container .h3, .rma .h3, .email-capture .email-capture-container .h3, .hsco-pdp-accessories .h3, .horizontal-rule__container .h3, .image-row .h3, .generic-container .h3, .credit-form-buttons .h3, .single-column-container .h3, .two-column-container .h3, .hsco-forgot-password-form .h3,
.hsco-signin-block .h3, .split-panel__container .h3, .component-card-list .h3, .journal-post .h3, .journal-home .h3, .hero-two-panel .h3, .hero-two-panel-BFCM .h3, .styleguides h4, .modal.modal--item-added h4, .image-hero h4, footer h4, .payment-bar h4, .cookie-bar h4, .header.w2-header h4, .modal[data-modal="account"] h4, .modal[data-modal="mobile"] h4, .modal[data-modal="search"] h4, .header.secondary-header h4, .header .hide-scroll h4, .header-nav-modal h4, .modal__mobile_container h4, .feature-collection-container h4, .grid-2018-container h4, .product_workswith-new-container h4, .container-2018 h4, .product-2018-container h4, #hsco-add-giftcard h4, .modal[data-modal="cart"] h4,
#checkout-cart h4, .password-reset h4, .pdp-container-2018 h4,
.product-gift-card h4, .modal--product h4, .pdp-collection-info-container h4, .pdp-dimensions-container h4, .pdp-features-container h4, .account.container--fluid h4, .customer-service h4, .text-pages-wrap h4, .search-results-container h4, .link-list h4, #regioncheck.modal.regioncheck-modal h4, .guest-access h4,
.guest-access-form h4, .feature-journal__container h4, .feature-stories__container h4, .feature-panel__container h4, .feature-carousel h4, .shop-by-department__container h4, .store-locator-popup h4, #checkout-container h4, .rma h4, .email-capture .email-capture-container h4, .hsco-pdp-accessories h4, .horizontal-rule__container h4, .image-row h4, .generic-container h4, .credit-form-buttons h4, .single-column-container h4, .two-column-container h4, .hsco-forgot-password-form h4,
.hsco-signin-block h4, .split-panel__container h4, .component-card-list h4, .journal-post h4, .journal-home h4, .hero-two-panel h4, .hero-two-panel-BFCM h4, .styleguides .h4, .modal.modal--item-added .h4, .image-hero .h4, footer .h4, .payment-bar .h4, .cookie-bar .h4, .header.w2-header .h4, .modal[data-modal="account"] .h4, .modal[data-modal="mobile"] .h4, .modal[data-modal="search"] .h4, .header.secondary-header .h4, .header .hide-scroll .h4, .header-nav-modal .h4, .modal__mobile_container .h4, .feature-collection-container .h4, .grid-2018-container .h4, .product_workswith-new-container .h4, .container-2018 .h4, .product-2018-container .h4, #hsco-add-giftcard .h4, .modal[data-modal="cart"] .h4,
#checkout-cart .h4, .password-reset .h4, .pdp-container-2018 .h4,
.product-gift-card .h4, .modal--product .h4, .pdp-collection-info-container .h4, .pdp-dimensions-container .h4, .pdp-features-container .h4, .account.container--fluid .h4, .customer-service .h4, .text-pages-wrap .h4, .search-results-container .h4, .link-list .h4, #regioncheck.modal.regioncheck-modal .h4, .guest-access .h4,
.guest-access-form .h4, .feature-journal__container .h4, .feature-stories__container .h4, .feature-panel__container .h4, .feature-carousel .h4, .shop-by-department__container .h4, .store-locator-popup .h4, #checkout-container .h4, .rma .h4, .email-capture .email-capture-container .h4, .hsco-pdp-accessories .h4, .horizontal-rule__container .h4, .image-row .h4, .generic-container .h4, .credit-form-buttons .h4, .single-column-container .h4, .two-column-container .h4, .hsco-forgot-password-form .h4,
.hsco-signin-block .h4, .split-panel__container .h4, .component-card-list .h4, .journal-post .h4, .journal-home .h4, .hero-two-panel .h4, .hero-two-panel-BFCM .h4, .styleguides .button--modal-close, .modal.modal--item-added .button--modal-close, .image-hero .button--modal-close, footer .button--modal-close, .payment-bar .button--modal-close, .cookie-bar .button--modal-close, .header.w2-header .button--modal-close, .modal[data-modal="account"] .button--modal-close, .modal[data-modal="mobile"] .button--modal-close, .modal[data-modal="search"] .button--modal-close, .header.secondary-header .button--modal-close, .header .hide-scroll .button--modal-close, .header-nav-modal .button--modal-close, .modal__mobile_container .button--modal-close, .feature-collection-container .button--modal-close, .grid-2018-container .button--modal-close, .product_workswith-new-container .button--modal-close, .container-2018 .button--modal-close, .product-2018-container .button--modal-close, #hsco-add-giftcard .button--modal-close, .modal[data-modal="cart"] .button--modal-close,
#checkout-cart .button--modal-close, .password-reset .button--modal-close, .pdp-container-2018 .button--modal-close,
.product-gift-card .button--modal-close, .modal--product .button--modal-close, .pdp-collection-info-container .button--modal-close, .pdp-dimensions-container .button--modal-close, .pdp-features-container .button--modal-close, .account.container--fluid .button--modal-close, .customer-service .button--modal-close, .text-pages-wrap .button--modal-close, .search-results-container .button--modal-close, .link-list .button--modal-close, #regioncheck.modal.regioncheck-modal .button--modal-close, .guest-access .button--modal-close,
.guest-access-form .button--modal-close, .feature-journal__container .button--modal-close, .feature-stories__container .button--modal-close, .feature-panel__container .button--modal-close, .feature-carousel .button--modal-close, .shop-by-department__container .button--modal-close, .store-locator-popup .button--modal-close, #checkout-container .button--modal-close, .rma .button--modal-close, .email-capture .email-capture-container .button--modal-close, .hsco-pdp-accessories .button--modal-close, .horizontal-rule__container .button--modal-close, .image-row .button--modal-close, .generic-container .button--modal-close, .credit-form-buttons .button--modal-close, .single-column-container .button--modal-close, .two-column-container .button--modal-close, .hsco-forgot-password-form .button--modal-close,
.hsco-signin-block .button--modal-close, .split-panel__container .button--modal-close, .component-card-list .button--modal-close, .journal-post .button--modal-close, .journal-home .button--modal-close, .hero-two-panel .button--modal-close, .hero-two-panel-BFCM .button--modal-close, .styleguides h5, .modal.modal--item-added h5, .image-hero h5, footer h5, .payment-bar h5, .cookie-bar h5, .header.w2-header h5, .modal[data-modal="account"] h5, .modal[data-modal="mobile"] h5, .modal[data-modal="search"] h5, .header.secondary-header h5, .header .hide-scroll h5, .header-nav-modal h5, .modal__mobile_container h5, .feature-collection-container h5, .grid-2018-container h5, .product_workswith-new-container h5, .container-2018 h5, .product-2018-container h5, #hsco-add-giftcard h5, .modal[data-modal="cart"] h5,
#checkout-cart h5, .password-reset h5, .pdp-container-2018 h5,
.product-gift-card h5, .modal--product h5, .pdp-collection-info-container h5, .pdp-dimensions-container h5, .pdp-features-container h5, .account.container--fluid h5, .customer-service h5, .text-pages-wrap h5, .search-results-container h5, .link-list h5, #regioncheck.modal.regioncheck-modal h5, .guest-access h5,
.guest-access-form h5, .feature-journal__container h5, .feature-stories__container h5, .feature-panel__container h5, .feature-carousel h5, .shop-by-department__container h5, .store-locator-popup h5, #checkout-container h5, .rma h5, .email-capture .email-capture-container h5, .hsco-pdp-accessories h5, .horizontal-rule__container h5, .image-row h5, .generic-container h5, .credit-form-buttons h5, .single-column-container h5, .two-column-container h5, .hsco-forgot-password-form h5,
.hsco-signin-block h5, .split-panel__container h5, .component-card-list h5, .journal-post h5, .journal-home h5, .hero-two-panel h5, .hero-two-panel-BFCM h5, .styleguides .h5, .modal.modal--item-added .h5, .image-hero .h5, footer .h5, .payment-bar .h5, .cookie-bar .h5, .header.w2-header .h5, .modal[data-modal="account"] .h5, .modal[data-modal="mobile"] .h5, .modal[data-modal="search"] .h5, .header.secondary-header .h5, .header .hide-scroll .h5, .header-nav-modal .h5, .modal__mobile_container .h5, .feature-collection-container .h5, .grid-2018-container .h5, .product_workswith-new-container .h5, .container-2018 .h5, .product-2018-container .h5, #hsco-add-giftcard .h5, .modal[data-modal="cart"] .h5,
#checkout-cart .h5, .password-reset .h5, .pdp-container-2018 .h5,
.product-gift-card .h5, .modal--product .h5, .pdp-collection-info-container .h5, .pdp-dimensions-container .h5, .pdp-features-container .h5, .account.container--fluid .h5, .customer-service .h5, .text-pages-wrap .h5, .search-results-container .h5, .link-list .h5, #regioncheck.modal.regioncheck-modal .h5, .guest-access .h5,
.guest-access-form .h5, .feature-journal__container .h5, .feature-stories__container .h5, .feature-panel__container .h5, .feature-carousel .h5, .shop-by-department__container .h5, .store-locator-popup .h5, #checkout-container .h5, .rma .h5, .email-capture .email-capture-container .h5, .hsco-pdp-accessories .h5, .horizontal-rule__container .h5, .image-row .h5, .generic-container .h5, .credit-form-buttons .h5, .single-column-container .h5, .two-column-container .h5, .hsco-forgot-password-form .h5,
.hsco-signin-block .h5, .split-panel__container .h5, .component-card-list .h5, .journal-post .h5, .journal-home .h5, .hero-two-panel .h5, .hero-two-panel-BFCM .h5 {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
  color: #333;
}

.styleguides h1, .modal.modal--item-added h1, .image-hero h1, footer h1, .payment-bar h1, .cookie-bar h1, .header.w2-header h1, .modal[data-modal="account"] h1, .modal[data-modal="mobile"] h1, .modal[data-modal="search"] h1, .header.secondary-header h1, .header .hide-scroll h1, .header-nav-modal h1, .modal__mobile_container h1, .feature-collection-container h1, .grid-2018-container h1, .product_workswith-new-container h1, .container-2018 h1, .product-2018-container h1, #hsco-add-giftcard h1, .modal[data-modal="cart"] h1,
#checkout-cart h1, .password-reset h1, .pdp-container-2018 h1,
.product-gift-card h1, .modal--product h1, .pdp-collection-info-container h1, .pdp-dimensions-container h1, .pdp-features-container h1, .account.container--fluid h1, .customer-service h1, .text-pages-wrap h1, .search-results-container h1, .link-list h1, #regioncheck.modal.regioncheck-modal h1, .guest-access h1,
.guest-access-form h1, .feature-journal__container h1, .feature-stories__container h1, .feature-panel__container h1, .feature-carousel h1, .shop-by-department__container h1, .store-locator-popup h1, #checkout-container h1, .rma h1, .email-capture .email-capture-container h1, .hsco-pdp-accessories h1, .horizontal-rule__container h1, .image-row h1, .generic-container h1, .credit-form-buttons h1, .single-column-container h1, .two-column-container h1, .hsco-forgot-password-form h1,
.hsco-signin-block h1, .split-panel__container h1, .component-card-list h1, .journal-post h1, .journal-home h1, .hero-two-panel h1, .hero-two-panel-BFCM h1, .styleguides .h1, .modal.modal--item-added .h1, .image-hero .h1, footer .h1, .payment-bar .h1, .cookie-bar .h1, .header.w2-header .h1, .modal[data-modal="account"] .h1, .modal[data-modal="mobile"] .h1, .modal[data-modal="search"] .h1, .header.secondary-header .h1, .header .hide-scroll .h1, .header-nav-modal .h1, .modal__mobile_container .h1, .feature-collection-container .h1, .grid-2018-container .h1, .product_workswith-new-container .h1, .container-2018 .h1, .product-2018-container .h1, #hsco-add-giftcard .h1, .modal[data-modal="cart"] .h1,
#checkout-cart .h1, .password-reset .h1, .pdp-container-2018 .h1,
.product-gift-card .h1, .modal--product .h1, .pdp-collection-info-container .h1, .pdp-dimensions-container .h1, .pdp-features-container .h1, .account.container--fluid .h1, .customer-service .h1, .text-pages-wrap .h1, .search-results-container .h1, .link-list .h1, #regioncheck.modal.regioncheck-modal .h1, .guest-access .h1,
.guest-access-form .h1, .feature-journal__container .h1, .feature-stories__container .h1, .feature-panel__container .h1, .feature-carousel .h1, .shop-by-department__container .h1, .store-locator-popup .h1, #checkout-container .h1, .rma .h1, .email-capture .email-capture-container .h1, .hsco-pdp-accessories .h1, .horizontal-rule__container .h1, .image-row .h1, .generic-container .h1, .credit-form-buttons .h1, .single-column-container .h1, .two-column-container .h1, .hsco-forgot-password-form .h1,
.hsco-signin-block .h1, .split-panel__container .h1, .component-card-list .h1, .journal-post .h1, .journal-home .h1, .hero-two-panel .h1, .hero-two-panel-BFCM .h1 {
  font-family: "Graphik Web";
  font-size: 30px;
  line-height: 40px;
}

.styleguides h2, .modal.modal--item-added h2, .image-hero h2, footer h2, .payment-bar h2, .cookie-bar h2, .header.w2-header h2, .modal[data-modal="account"] h2, .modal[data-modal="mobile"] h2, .modal[data-modal="search"] h2, .header.secondary-header h2, .header .hide-scroll h2, .header-nav-modal h2, .modal__mobile_container h2, .feature-collection-container h2, .grid-2018-container h2, .product_workswith-new-container h2, .container-2018 h2, .product-2018-container h2, #hsco-add-giftcard h2, .modal[data-modal="cart"] h2,
#checkout-cart h2, .password-reset h2, .pdp-container-2018 h2,
.product-gift-card h2, .modal--product h2, .pdp-collection-info-container h2, .pdp-dimensions-container h2, .pdp-features-container h2, .account.container--fluid h2, .customer-service h2, .text-pages-wrap h2, .search-results-container h2, .link-list h2, #regioncheck.modal.regioncheck-modal h2, .guest-access h2,
.guest-access-form h2, .feature-journal__container h2, .feature-stories__container h2, .feature-panel__container h2, .feature-carousel h2, .shop-by-department__container h2, .store-locator-popup h2, #checkout-container h2, .rma h2, .email-capture .email-capture-container h2, .hsco-pdp-accessories h2, .horizontal-rule__container h2, .image-row h2, .generic-container h2, .credit-form-buttons h2, .single-column-container h2, .two-column-container h2, .hsco-forgot-password-form h2,
.hsco-signin-block h2, .split-panel__container h2, .component-card-list h2, .journal-post h2, .journal-home h2, .hero-two-panel h2, .hero-two-panel-BFCM h2, .styleguides .h2, .modal.modal--item-added .h2, .image-hero .h2, footer .h2, .payment-bar .h2, .cookie-bar .h2, .header.w2-header .h2, .modal[data-modal="account"] .h2, .modal[data-modal="mobile"] .h2, .modal[data-modal="search"] .h2, .header.secondary-header .h2, .header .hide-scroll .h2, .header-nav-modal .h2, .modal__mobile_container .h2, .feature-collection-container .h2, .grid-2018-container .h2, .product_workswith-new-container .h2, .container-2018 .h2, .product-2018-container .h2, #hsco-add-giftcard .h2, .modal[data-modal="cart"] .h2,
#checkout-cart .h2, .password-reset .h2, .pdp-container-2018 .h2,
.product-gift-card .h2, .modal--product .h2, .pdp-collection-info-container .h2, .pdp-dimensions-container .h2, .pdp-features-container .h2, .account.container--fluid .h2, .customer-service .h2, .text-pages-wrap .h2, .search-results-container .h2, .link-list .h2, #regioncheck.modal.regioncheck-modal .h2, .guest-access .h2,
.guest-access-form .h2, .feature-journal__container .h2, .feature-stories__container .h2, .feature-panel__container .h2, .feature-carousel .h2, .shop-by-department__container .h2, .store-locator-popup .h2, #checkout-container .h2, .rma .h2, .email-capture .email-capture-container .h2, .hsco-pdp-accessories .h2, .horizontal-rule__container .h2, .image-row .h2, .generic-container .h2, .credit-form-buttons .h2, .single-column-container .h2, .two-column-container .h2, .hsco-forgot-password-form .h2,
.hsco-signin-block .h2, .split-panel__container .h2, .component-card-list .h2, .journal-post .h2, .journal-home .h2, .hero-two-panel .h2, .hero-two-panel-BFCM .h2 {
  font-family: "Graphik Web";
  font-size: 24px;
  line-height: 40px;
}

.styleguides h3, .modal.modal--item-added h3, .image-hero h3, footer h3, .payment-bar h3, .cookie-bar h3, .header.w2-header h3, .modal[data-modal="account"] h3, .modal[data-modal="mobile"] h3, .modal[data-modal="search"] h3, .header.secondary-header h3, .header .hide-scroll h3, .header-nav-modal h3, .modal__mobile_container h3, .feature-collection-container h3, .grid-2018-container h3, .product_workswith-new-container h3, .container-2018 h3, .product-2018-container h3, #hsco-add-giftcard h3, .modal[data-modal="cart"] h3,
#checkout-cart h3, .password-reset h3, .pdp-container-2018 h3,
.product-gift-card h3, .modal--product h3, .pdp-collection-info-container h3, .pdp-dimensions-container h3, .pdp-features-container h3, .account.container--fluid h3, .customer-service h3, .text-pages-wrap h3, .search-results-container h3, .link-list h3, #regioncheck.modal.regioncheck-modal h3, .guest-access h3,
.guest-access-form h3, .feature-journal__container h3, .feature-stories__container h3, .feature-panel__container h3, .feature-carousel h3, .shop-by-department__container h3, .store-locator-popup h3, #checkout-container h3, .rma h3, .email-capture .email-capture-container h3, .hsco-pdp-accessories h3, .horizontal-rule__container h3, .image-row h3, .generic-container h3, .credit-form-buttons h3, .single-column-container h3, .two-column-container h3, .hsco-forgot-password-form h3,
.hsco-signin-block h3, .split-panel__container h3, .component-card-list h3, .journal-post h3, .journal-home h3, .hero-two-panel h3, .hero-two-panel-BFCM h3, .styleguides .h3, .modal.modal--item-added .h3, .image-hero .h3, footer .h3, .payment-bar .h3, .cookie-bar .h3, .header.w2-header .h3, .modal[data-modal="account"] .h3, .modal[data-modal="mobile"] .h3, .modal[data-modal="search"] .h3, .header.secondary-header .h3, .header .hide-scroll .h3, .header-nav-modal .h3, .modal__mobile_container .h3, .feature-collection-container .h3, .grid-2018-container .h3, .product_workswith-new-container .h3, .container-2018 .h3, .product-2018-container .h3, #hsco-add-giftcard .h3, .modal[data-modal="cart"] .h3,
#checkout-cart .h3, .password-reset .h3, .pdp-container-2018 .h3,
.product-gift-card .h3, .modal--product .h3, .pdp-collection-info-container .h3, .pdp-dimensions-container .h3, .pdp-features-container .h3, .account.container--fluid .h3, .customer-service .h3, .text-pages-wrap .h3, .search-results-container .h3, .link-list .h3, #regioncheck.modal.regioncheck-modal .h3, .guest-access .h3,
.guest-access-form .h3, .feature-journal__container .h3, .feature-stories__container .h3, .feature-panel__container .h3, .feature-carousel .h3, .shop-by-department__container .h3, .store-locator-popup .h3, #checkout-container .h3, .rma .h3, .email-capture .email-capture-container .h3, .hsco-pdp-accessories .h3, .horizontal-rule__container .h3, .image-row .h3, .generic-container .h3, .credit-form-buttons .h3, .single-column-container .h3, .two-column-container .h3, .hsco-forgot-password-form .h3,
.hsco-signin-block .h3, .split-panel__container .h3, .component-card-list .h3, .journal-post .h3, .journal-home .h3, .hero-two-panel .h3, .hero-two-panel-BFCM .h3 {
  font-family: "Graphik Web";
  font-size: 13px;
  line-height: 18px;
}

.styleguides .font-weight--normal, .modal.modal--item-added .font-weight--normal, .image-hero .font-weight--normal, footer .font-weight--normal, .payment-bar .font-weight--normal, .cookie-bar .font-weight--normal, .header.w2-header .font-weight--normal, .modal[data-modal="account"] .font-weight--normal, .modal[data-modal="mobile"] .font-weight--normal, .modal[data-modal="search"] .font-weight--normal, .header.secondary-header .font-weight--normal, .header .hide-scroll .font-weight--normal, .header-nav-modal .font-weight--normal, .modal__mobile_container .font-weight--normal, .feature-collection-container .font-weight--normal, .grid-2018-container .font-weight--normal, .product_workswith-new-container .font-weight--normal, .container-2018 .font-weight--normal, .product-2018-container .font-weight--normal, #hsco-add-giftcard .font-weight--normal, .modal[data-modal="cart"] .font-weight--normal,
#checkout-cart .font-weight--normal, .password-reset .font-weight--normal, .pdp-container-2018 .font-weight--normal,
.product-gift-card .font-weight--normal, .modal--product .font-weight--normal, .pdp-collection-info-container .font-weight--normal, .pdp-dimensions-container .font-weight--normal, .pdp-features-container .font-weight--normal, .account.container--fluid .font-weight--normal, .customer-service .font-weight--normal, .text-pages-wrap .font-weight--normal, .search-results-container .font-weight--normal, .link-list .font-weight--normal, #regioncheck.modal.regioncheck-modal .font-weight--normal, .guest-access .font-weight--normal,
.guest-access-form .font-weight--normal, .feature-journal__container .font-weight--normal, .feature-stories__container .font-weight--normal, .feature-panel__container .font-weight--normal, .feature-carousel .font-weight--normal, .shop-by-department__container .font-weight--normal, .store-locator-popup .font-weight--normal, #checkout-container .font-weight--normal, .rma .font-weight--normal, .email-capture .email-capture-container .font-weight--normal, .hsco-pdp-accessories .font-weight--normal, .horizontal-rule__container .font-weight--normal, .image-row .font-weight--normal, .generic-container .font-weight--normal, .credit-form-buttons .font-weight--normal, .single-column-container .font-weight--normal, .two-column-container .font-weight--normal, .hsco-forgot-password-form .font-weight--normal,
.hsco-signin-block .font-weight--normal, .split-panel__container .font-weight--normal, .component-card-list .font-weight--normal, .journal-post .font-weight--normal, .journal-home .font-weight--normal, .hero-two-panel .font-weight--normal, .hero-two-panel-BFCM .font-weight--normal {
  font-weight: normal;
}

.styleguides h4, .modal.modal--item-added h4, .image-hero h4, footer h4, .payment-bar h4, .cookie-bar h4, .header.w2-header h4, .modal[data-modal="account"] h4, .modal[data-modal="mobile"] h4, .modal[data-modal="search"] h4, .header.secondary-header h4, .header .hide-scroll h4, .header-nav-modal h4, .modal__mobile_container h4, .feature-collection-container h4, .grid-2018-container h4, .product_workswith-new-container h4, .container-2018 h4, .product-2018-container h4, #hsco-add-giftcard h4, .modal[data-modal="cart"] h4,
#checkout-cart h4, .password-reset h4, .pdp-container-2018 h4,
.product-gift-card h4, .modal--product h4, .pdp-collection-info-container h4, .pdp-dimensions-container h4, .pdp-features-container h4, .account.container--fluid h4, .customer-service h4, .text-pages-wrap h4, .search-results-container h4, .link-list h4, #regioncheck.modal.regioncheck-modal h4, .guest-access h4,
.guest-access-form h4, .feature-journal__container h4, .feature-stories__container h4, .feature-panel__container h4, .feature-carousel h4, .shop-by-department__container h4, .store-locator-popup h4, #checkout-container h4, .rma h4, .email-capture .email-capture-container h4, .hsco-pdp-accessories h4, .horizontal-rule__container h4, .image-row h4, .generic-container h4, .credit-form-buttons h4, .single-column-container h4, .two-column-container h4, .hsco-forgot-password-form h4,
.hsco-signin-block h4, .split-panel__container h4, .component-card-list h4, .journal-post h4, .journal-home h4, .hero-two-panel h4, .hero-two-panel-BFCM h4, .styleguides .h4, .modal.modal--item-added .h4, .image-hero .h4, footer .h4, .payment-bar .h4, .cookie-bar .h4, .header.w2-header .h4, .modal[data-modal="account"] .h4, .modal[data-modal="mobile"] .h4, .modal[data-modal="search"] .h4, .header.secondary-header .h4, .header .hide-scroll .h4, .header-nav-modal .h4, .modal__mobile_container .h4, .feature-collection-container .h4, .grid-2018-container .h4, .product_workswith-new-container .h4, .container-2018 .h4, .product-2018-container .h4, #hsco-add-giftcard .h4, .modal[data-modal="cart"] .h4,
#checkout-cart .h4, .password-reset .h4, .pdp-container-2018 .h4,
.product-gift-card .h4, .modal--product .h4, .pdp-collection-info-container .h4, .pdp-dimensions-container .h4, .pdp-features-container .h4, .account.container--fluid .h4, .customer-service .h4, .text-pages-wrap .h4, .search-results-container .h4, .link-list .h4, #regioncheck.modal.regioncheck-modal .h4, .guest-access .h4,
.guest-access-form .h4, .feature-journal__container .h4, .feature-stories__container .h4, .feature-panel__container .h4, .feature-carousel .h4, .shop-by-department__container .h4, .store-locator-popup .h4, #checkout-container .h4, .rma .h4, .email-capture .email-capture-container .h4, .hsco-pdp-accessories .h4, .horizontal-rule__container .h4, .image-row .h4, .generic-container .h4, .credit-form-buttons .h4, .single-column-container .h4, .two-column-container .h4, .hsco-forgot-password-form .h4,
.hsco-signin-block .h4, .split-panel__container .h4, .component-card-list .h4, .journal-post .h4, .journal-home .h4, .hero-two-panel .h4, .hero-two-panel-BFCM .h4, .styleguides .button--modal-close, .modal.modal--item-added .button--modal-close, .image-hero .button--modal-close, footer .button--modal-close, .payment-bar .button--modal-close, .cookie-bar .button--modal-close, .header.w2-header .button--modal-close, .modal[data-modal="account"] .button--modal-close, .modal[data-modal="mobile"] .button--modal-close, .modal[data-modal="search"] .button--modal-close, .header.secondary-header .button--modal-close, .header .hide-scroll .button--modal-close, .header-nav-modal .button--modal-close, .modal__mobile_container .button--modal-close, .feature-collection-container .button--modal-close, .grid-2018-container .button--modal-close, .product_workswith-new-container .button--modal-close, .container-2018 .button--modal-close, .product-2018-container .button--modal-close, #hsco-add-giftcard .button--modal-close, .modal[data-modal="cart"] .button--modal-close,
#checkout-cart .button--modal-close, .password-reset .button--modal-close, .pdp-container-2018 .button--modal-close,
.product-gift-card .button--modal-close, .modal--product .button--modal-close, .pdp-collection-info-container .button--modal-close, .pdp-dimensions-container .button--modal-close, .pdp-features-container .button--modal-close, .account.container--fluid .button--modal-close, .customer-service .button--modal-close, .text-pages-wrap .button--modal-close, .search-results-container .button--modal-close, .link-list .button--modal-close, #regioncheck.modal.regioncheck-modal .button--modal-close, .guest-access .button--modal-close,
.guest-access-form .button--modal-close, .feature-journal__container .button--modal-close, .feature-stories__container .button--modal-close, .feature-panel__container .button--modal-close, .feature-carousel .button--modal-close, .shop-by-department__container .button--modal-close, .store-locator-popup .button--modal-close, #checkout-container .button--modal-close, .rma .button--modal-close, .email-capture .email-capture-container .button--modal-close, .hsco-pdp-accessories .button--modal-close, .horizontal-rule__container .button--modal-close, .image-row .button--modal-close, .generic-container .button--modal-close, .credit-form-buttons .button--modal-close, .single-column-container .button--modal-close, .two-column-container .button--modal-close, .hsco-forgot-password-form .button--modal-close,
.hsco-signin-block .button--modal-close, .split-panel__container .button--modal-close, .component-card-list .button--modal-close, .journal-post .button--modal-close, .journal-home .button--modal-close, .hero-two-panel .button--modal-close, .hero-two-panel-BFCM .button--modal-close {
  font-family: "Graphik Web";
  font-size: 13px;
  line-height: 18px;
}

.styleguides h5, .modal.modal--item-added h5, .image-hero h5, footer h5, .payment-bar h5, .cookie-bar h5, .header.w2-header h5, .modal[data-modal="account"] h5, .modal[data-modal="mobile"] h5, .modal[data-modal="search"] h5, .header.secondary-header h5, .header .hide-scroll h5, .header-nav-modal h5, .modal__mobile_container h5, .feature-collection-container h5, .grid-2018-container h5, .product_workswith-new-container h5, .container-2018 h5, .product-2018-container h5, #hsco-add-giftcard h5, .modal[data-modal="cart"] h5,
#checkout-cart h5, .password-reset h5, .pdp-container-2018 h5,
.product-gift-card h5, .modal--product h5, .pdp-collection-info-container h5, .pdp-dimensions-container h5, .pdp-features-container h5, .account.container--fluid h5, .customer-service h5, .text-pages-wrap h5, .search-results-container h5, .link-list h5, #regioncheck.modal.regioncheck-modal h5, .guest-access h5,
.guest-access-form h5, .feature-journal__container h5, .feature-stories__container h5, .feature-panel__container h5, .feature-carousel h5, .shop-by-department__container h5, .store-locator-popup h5, #checkout-container h5, .rma h5, .email-capture .email-capture-container h5, .hsco-pdp-accessories h5, .horizontal-rule__container h5, .image-row h5, .generic-container h5, .credit-form-buttons h5, .single-column-container h5, .two-column-container h5, .hsco-forgot-password-form h5,
.hsco-signin-block h5, .split-panel__container h5, .component-card-list h5, .journal-post h5, .journal-home h5, .hero-two-panel h5, .hero-two-panel-BFCM h5, .styleguides .h5, .modal.modal--item-added .h5, .image-hero .h5, footer .h5, .payment-bar .h5, .cookie-bar .h5, .header.w2-header .h5, .modal[data-modal="account"] .h5, .modal[data-modal="mobile"] .h5, .modal[data-modal="search"] .h5, .header.secondary-header .h5, .header .hide-scroll .h5, .header-nav-modal .h5, .modal__mobile_container .h5, .feature-collection-container .h5, .grid-2018-container .h5, .product_workswith-new-container .h5, .container-2018 .h5, .product-2018-container .h5, #hsco-add-giftcard .h5, .modal[data-modal="cart"] .h5,
#checkout-cart .h5, .password-reset .h5, .pdp-container-2018 .h5,
.product-gift-card .h5, .modal--product .h5, .pdp-collection-info-container .h5, .pdp-dimensions-container .h5, .pdp-features-container .h5, .account.container--fluid .h5, .customer-service .h5, .text-pages-wrap .h5, .search-results-container .h5, .link-list .h5, #regioncheck.modal.regioncheck-modal .h5, .guest-access .h5,
.guest-access-form .h5, .feature-journal__container .h5, .feature-stories__container .h5, .feature-panel__container .h5, .feature-carousel .h5, .shop-by-department__container .h5, .store-locator-popup .h5, #checkout-container .h5, .rma .h5, .email-capture .email-capture-container .h5, .hsco-pdp-accessories .h5, .horizontal-rule__container .h5, .image-row .h5, .generic-container .h5, .credit-form-buttons .h5, .single-column-container .h5, .two-column-container .h5, .hsco-forgot-password-form .h5,
.hsco-signin-block .h5, .split-panel__container .h5, .component-card-list .h5, .journal-post .h5, .journal-home .h5, .hero-two-panel .h5, .hero-two-panel-BFCM .h5 {
  font-family: "Graphik Web";
  font-size: 11px;
  line-height: 14px;
}

@media (min-width: 544px) {
  .styleguides h1, .modal.modal--item-added h1, .image-hero h1, footer h1, .payment-bar h1, .cookie-bar h1, .header.w2-header h1, .modal[data-modal="account"] h1, .modal[data-modal="mobile"] h1, .modal[data-modal="search"] h1, .header.secondary-header h1, .header .hide-scroll h1, .header-nav-modal h1, .modal__mobile_container h1, .feature-collection-container h1, .grid-2018-container h1, .product_workswith-new-container h1, .container-2018 h1, .product-2018-container h1, #hsco-add-giftcard h1, .modal[data-modal="cart"] h1,
  #checkout-cart h1, .password-reset h1, .pdp-container-2018 h1,
  .product-gift-card h1, .modal--product h1, .pdp-collection-info-container h1, .pdp-dimensions-container h1, .pdp-features-container h1, .account.container--fluid h1, .customer-service h1, .text-pages-wrap h1, .search-results-container h1, .link-list h1, #regioncheck.modal.regioncheck-modal h1, .guest-access h1,
  .guest-access-form h1, .feature-journal__container h1, .feature-stories__container h1, .feature-panel__container h1, .feature-carousel h1, .shop-by-department__container h1, .store-locator-popup h1, #checkout-container h1, .rma h1, .email-capture .email-capture-container h1, .hsco-pdp-accessories h1, .horizontal-rule__container h1, .image-row h1, .generic-container h1, .credit-form-buttons h1, .single-column-container h1, .two-column-container h1, .hsco-forgot-password-form h1,
  .hsco-signin-block h1, .split-panel__container h1, .component-card-list h1, .journal-post h1, .journal-home h1, .hero-two-panel h1, .hero-two-panel-BFCM h1, .styleguides .h1, .modal.modal--item-added .h1, .image-hero .h1, footer .h1, .payment-bar .h1, .cookie-bar .h1, .header.w2-header .h1, .modal[data-modal="account"] .h1, .modal[data-modal="mobile"] .h1, .modal[data-modal="search"] .h1, .header.secondary-header .h1, .header .hide-scroll .h1, .header-nav-modal .h1, .modal__mobile_container .h1, .feature-collection-container .h1, .grid-2018-container .h1, .product_workswith-new-container .h1, .container-2018 .h1, .product-2018-container .h1, #hsco-add-giftcard .h1, .modal[data-modal="cart"] .h1,
  #checkout-cart .h1, .password-reset .h1, .pdp-container-2018 .h1,
  .product-gift-card .h1, .modal--product .h1, .pdp-collection-info-container .h1, .pdp-dimensions-container .h1, .pdp-features-container .h1, .account.container--fluid .h1, .customer-service .h1, .text-pages-wrap .h1, .search-results-container .h1, .link-list .h1, #regioncheck.modal.regioncheck-modal .h1, .guest-access .h1,
  .guest-access-form .h1, .feature-journal__container .h1, .feature-stories__container .h1, .feature-panel__container .h1, .feature-carousel .h1, .shop-by-department__container .h1, .store-locator-popup .h1, #checkout-container .h1, .rma .h1, .email-capture .email-capture-container .h1, .hsco-pdp-accessories .h1, .horizontal-rule__container .h1, .image-row .h1, .generic-container .h1, .credit-form-buttons .h1, .single-column-container .h1, .two-column-container .h1, .hsco-forgot-password-form .h1,
  .hsco-signin-block .h1, .split-panel__container .h1, .component-card-list .h1, .journal-post .h1, .journal-home .h1, .hero-two-panel .h1, .hero-two-panel-BFCM .h1 {
    font-family: "Graphik Web";
    font-size: 48px;
    line-height: 60px;
  }
  .styleguides h2, .modal.modal--item-added h2, .image-hero h2, footer h2, .payment-bar h2, .cookie-bar h2, .header.w2-header h2, .modal[data-modal="account"] h2, .modal[data-modal="mobile"] h2, .modal[data-modal="search"] h2, .header.secondary-header h2, .header .hide-scroll h2, .header-nav-modal h2, .modal__mobile_container h2, .feature-collection-container h2, .grid-2018-container h2, .product_workswith-new-container h2, .container-2018 h2, .product-2018-container h2, #hsco-add-giftcard h2, .modal[data-modal="cart"] h2,
  #checkout-cart h2, .password-reset h2, .pdp-container-2018 h2,
  .product-gift-card h2, .modal--product h2, .pdp-collection-info-container h2, .pdp-dimensions-container h2, .pdp-features-container h2, .account.container--fluid h2, .customer-service h2, .text-pages-wrap h2, .search-results-container h2, .link-list h2, #regioncheck.modal.regioncheck-modal h2, .guest-access h2,
  .guest-access-form h2, .feature-journal__container h2, .feature-stories__container h2, .feature-panel__container h2, .feature-carousel h2, .shop-by-department__container h2, .store-locator-popup h2, #checkout-container h2, .rma h2, .email-capture .email-capture-container h2, .hsco-pdp-accessories h2, .horizontal-rule__container h2, .image-row h2, .generic-container h2, .credit-form-buttons h2, .single-column-container h2, .two-column-container h2, .hsco-forgot-password-form h2,
  .hsco-signin-block h2, .split-panel__container h2, .component-card-list h2, .journal-post h2, .journal-home h2, .hero-two-panel h2, .hero-two-panel-BFCM h2, .styleguides .h2, .modal.modal--item-added .h2, .image-hero .h2, footer .h2, .payment-bar .h2, .cookie-bar .h2, .header.w2-header .h2, .modal[data-modal="account"] .h2, .modal[data-modal="mobile"] .h2, .modal[data-modal="search"] .h2, .header.secondary-header .h2, .header .hide-scroll .h2, .header-nav-modal .h2, .modal__mobile_container .h2, .feature-collection-container .h2, .grid-2018-container .h2, .product_workswith-new-container .h2, .container-2018 .h2, .product-2018-container .h2, #hsco-add-giftcard .h2, .modal[data-modal="cart"] .h2,
  #checkout-cart .h2, .password-reset .h2, .pdp-container-2018 .h2,
  .product-gift-card .h2, .modal--product .h2, .pdp-collection-info-container .h2, .pdp-dimensions-container .h2, .pdp-features-container .h2, .account.container--fluid .h2, .customer-service .h2, .text-pages-wrap .h2, .search-results-container .h2, .link-list .h2, #regioncheck.modal.regioncheck-modal .h2, .guest-access .h2,
  .guest-access-form .h2, .feature-journal__container .h2, .feature-stories__container .h2, .feature-panel__container .h2, .feature-carousel .h2, .shop-by-department__container .h2, .store-locator-popup .h2, #checkout-container .h2, .rma .h2, .email-capture .email-capture-container .h2, .hsco-pdp-accessories .h2, .horizontal-rule__container .h2, .image-row .h2, .generic-container .h2, .credit-form-buttons .h2, .single-column-container .h2, .two-column-container .h2, .hsco-forgot-password-form .h2,
  .hsco-signin-block .h2, .split-panel__container .h2, .component-card-list .h2, .journal-post .h2, .journal-home .h2, .hero-two-panel .h2, .hero-two-panel-BFCM .h2 {
    font-family: "Graphik Web";
    font-size: 36px;
    line-height: 48px;
  }
  .styleguides h3, .modal.modal--item-added h3, .image-hero h3, footer h3, .payment-bar h3, .cookie-bar h3, .header.w2-header h3, .modal[data-modal="account"] h3, .modal[data-modal="mobile"] h3, .modal[data-modal="search"] h3, .header.secondary-header h3, .header .hide-scroll h3, .header-nav-modal h3, .modal__mobile_container h3, .feature-collection-container h3, .grid-2018-container h3, .product_workswith-new-container h3, .container-2018 h3, .product-2018-container h3, #hsco-add-giftcard h3, .modal[data-modal="cart"] h3,
  #checkout-cart h3, .password-reset h3, .pdp-container-2018 h3,
  .product-gift-card h3, .modal--product h3, .pdp-collection-info-container h3, .pdp-dimensions-container h3, .pdp-features-container h3, .account.container--fluid h3, .customer-service h3, .text-pages-wrap h3, .search-results-container h3, .link-list h3, #regioncheck.modal.regioncheck-modal h3, .guest-access h3,
  .guest-access-form h3, .feature-journal__container h3, .feature-stories__container h3, .feature-panel__container h3, .feature-carousel h3, .shop-by-department__container h3, .store-locator-popup h3, #checkout-container h3, .rma h3, .email-capture .email-capture-container h3, .hsco-pdp-accessories h3, .horizontal-rule__container h3, .image-row h3, .generic-container h3, .credit-form-buttons h3, .single-column-container h3, .two-column-container h3, .hsco-forgot-password-form h3,
  .hsco-signin-block h3, .split-panel__container h3, .component-card-list h3, .journal-post h3, .journal-home h3, .hero-two-panel h3, .hero-two-panel-BFCM h3, .styleguides .h3, .modal.modal--item-added .h3, .image-hero .h3, footer .h3, .payment-bar .h3, .cookie-bar .h3, .header.w2-header .h3, .modal[data-modal="account"] .h3, .modal[data-modal="mobile"] .h3, .modal[data-modal="search"] .h3, .header.secondary-header .h3, .header .hide-scroll .h3, .header-nav-modal .h3, .modal__mobile_container .h3, .feature-collection-container .h3, .grid-2018-container .h3, .product_workswith-new-container .h3, .container-2018 .h3, .product-2018-container .h3, #hsco-add-giftcard .h3, .modal[data-modal="cart"] .h3,
  #checkout-cart .h3, .password-reset .h3, .pdp-container-2018 .h3,
  .product-gift-card .h3, .modal--product .h3, .pdp-collection-info-container .h3, .pdp-dimensions-container .h3, .pdp-features-container .h3, .account.container--fluid .h3, .customer-service .h3, .text-pages-wrap .h3, .search-results-container .h3, .link-list .h3, #regioncheck.modal.regioncheck-modal .h3, .guest-access .h3,
  .guest-access-form .h3, .feature-journal__container .h3, .feature-stories__container .h3, .feature-panel__container .h3, .feature-carousel .h3, .shop-by-department__container .h3, .store-locator-popup .h3, #checkout-container .h3, .rma .h3, .email-capture .email-capture-container .h3, .hsco-pdp-accessories .h3, .horizontal-rule__container .h3, .image-row .h3, .generic-container .h3, .credit-form-buttons .h3, .single-column-container .h3, .two-column-container .h3, .hsco-forgot-password-form .h3,
  .hsco-signin-block .h3, .split-panel__container .h3, .component-card-list .h3, .journal-post .h3, .journal-home .h3, .hero-two-panel .h3, .hero-two-panel-BFCM .h3 {
    font-family: "Graphik Web";
    font-size: 18px;
    line-height: 24px;
  }
  .styleguides h4, .modal.modal--item-added h4, .image-hero h4, footer h4, .payment-bar h4, .cookie-bar h4, .header.w2-header h4, .modal[data-modal="account"] h4, .modal[data-modal="mobile"] h4, .modal[data-modal="search"] h4, .header.secondary-header h4, .header .hide-scroll h4, .header-nav-modal h4, .modal__mobile_container h4, .feature-collection-container h4, .grid-2018-container h4, .product_workswith-new-container h4, .container-2018 h4, .product-2018-container h4, #hsco-add-giftcard h4, .modal[data-modal="cart"] h4,
  #checkout-cart h4, .password-reset h4, .pdp-container-2018 h4,
  .product-gift-card h4, .modal--product h4, .pdp-collection-info-container h4, .pdp-dimensions-container h4, .pdp-features-container h4, .account.container--fluid h4, .customer-service h4, .text-pages-wrap h4, .search-results-container h4, .link-list h4, #regioncheck.modal.regioncheck-modal h4, .guest-access h4,
  .guest-access-form h4, .feature-journal__container h4, .feature-stories__container h4, .feature-panel__container h4, .feature-carousel h4, .shop-by-department__container h4, .store-locator-popup h4, #checkout-container h4, .rma h4, .email-capture .email-capture-container h4, .hsco-pdp-accessories h4, .horizontal-rule__container h4, .image-row h4, .generic-container h4, .credit-form-buttons h4, .single-column-container h4, .two-column-container h4, .hsco-forgot-password-form h4,
  .hsco-signin-block h4, .split-panel__container h4, .component-card-list h4, .journal-post h4, .journal-home h4, .hero-two-panel h4, .hero-two-panel-BFCM h4, .styleguides .h4, .modal.modal--item-added .h4, .image-hero .h4, footer .h4, .payment-bar .h4, .cookie-bar .h4, .header.w2-header .h4, .modal[data-modal="account"] .h4, .modal[data-modal="mobile"] .h4, .modal[data-modal="search"] .h4, .header.secondary-header .h4, .header .hide-scroll .h4, .header-nav-modal .h4, .modal__mobile_container .h4, .feature-collection-container .h4, .grid-2018-container .h4, .product_workswith-new-container .h4, .container-2018 .h4, .product-2018-container .h4, #hsco-add-giftcard .h4, .modal[data-modal="cart"] .h4,
  #checkout-cart .h4, .password-reset .h4, .pdp-container-2018 .h4,
  .product-gift-card .h4, .modal--product .h4, .pdp-collection-info-container .h4, .pdp-dimensions-container .h4, .pdp-features-container .h4, .account.container--fluid .h4, .customer-service .h4, .text-pages-wrap .h4, .search-results-container .h4, .link-list .h4, #regioncheck.modal.regioncheck-modal .h4, .guest-access .h4,
  .guest-access-form .h4, .feature-journal__container .h4, .feature-stories__container .h4, .feature-panel__container .h4, .feature-carousel .h4, .shop-by-department__container .h4, .store-locator-popup .h4, #checkout-container .h4, .rma .h4, .email-capture .email-capture-container .h4, .hsco-pdp-accessories .h4, .horizontal-rule__container .h4, .image-row .h4, .generic-container .h4, .credit-form-buttons .h4, .single-column-container .h4, .two-column-container .h4, .hsco-forgot-password-form .h4,
  .hsco-signin-block .h4, .split-panel__container .h4, .component-card-list .h4, .journal-post .h4, .journal-home .h4, .hero-two-panel .h4, .hero-two-panel-BFCM .h4, .styleguides .button--modal-close, .modal.modal--item-added .button--modal-close, .image-hero .button--modal-close, footer .button--modal-close, .payment-bar .button--modal-close, .cookie-bar .button--modal-close, .header.w2-header .button--modal-close, .modal[data-modal="account"] .button--modal-close, .modal[data-modal="mobile"] .button--modal-close, .modal[data-modal="search"] .button--modal-close, .header.secondary-header .button--modal-close, .header .hide-scroll .button--modal-close, .header-nav-modal .button--modal-close, .modal__mobile_container .button--modal-close, .feature-collection-container .button--modal-close, .grid-2018-container .button--modal-close, .product_workswith-new-container .button--modal-close, .container-2018 .button--modal-close, .product-2018-container .button--modal-close, #hsco-add-giftcard .button--modal-close, .modal[data-modal="cart"] .button--modal-close,
  #checkout-cart .button--modal-close, .password-reset .button--modal-close, .pdp-container-2018 .button--modal-close,
  .product-gift-card .button--modal-close, .modal--product .button--modal-close, .pdp-collection-info-container .button--modal-close, .pdp-dimensions-container .button--modal-close, .pdp-features-container .button--modal-close, .account.container--fluid .button--modal-close, .customer-service .button--modal-close, .text-pages-wrap .button--modal-close, .search-results-container .button--modal-close, .link-list .button--modal-close, #regioncheck.modal.regioncheck-modal .button--modal-close, .guest-access .button--modal-close,
  .guest-access-form .button--modal-close, .feature-journal__container .button--modal-close, .feature-stories__container .button--modal-close, .feature-panel__container .button--modal-close, .feature-carousel .button--modal-close, .shop-by-department__container .button--modal-close, .store-locator-popup .button--modal-close, #checkout-container .button--modal-close, .rma .button--modal-close, .email-capture .email-capture-container .button--modal-close, .hsco-pdp-accessories .button--modal-close, .horizontal-rule__container .button--modal-close, .image-row .button--modal-close, .generic-container .button--modal-close, .credit-form-buttons .button--modal-close, .single-column-container .button--modal-close, .two-column-container .button--modal-close, .hsco-forgot-password-form .button--modal-close,
  .hsco-signin-block .button--modal-close, .split-panel__container .button--modal-close, .component-card-list .button--modal-close, .journal-post .button--modal-close, .journal-home .button--modal-close, .hero-two-panel .button--modal-close, .hero-two-panel-BFCM .button--modal-close {
    font-family: "Graphik Web";
    font-size: 13px;
    line-height: 18px;
  }
  .styleguides h5, .modal.modal--item-added h5, .image-hero h5, footer h5, .payment-bar h5, .cookie-bar h5, .header.w2-header h5, .modal[data-modal="account"] h5, .modal[data-modal="mobile"] h5, .modal[data-modal="search"] h5, .header.secondary-header h5, .header .hide-scroll h5, .header-nav-modal h5, .modal__mobile_container h5, .feature-collection-container h5, .grid-2018-container h5, .product_workswith-new-container h5, .container-2018 h5, .product-2018-container h5, #hsco-add-giftcard h5, .modal[data-modal="cart"] h5,
  #checkout-cart h5, .password-reset h5, .pdp-container-2018 h5,
  .product-gift-card h5, .modal--product h5, .pdp-collection-info-container h5, .pdp-dimensions-container h5, .pdp-features-container h5, .account.container--fluid h5, .customer-service h5, .text-pages-wrap h5, .search-results-container h5, .link-list h5, #regioncheck.modal.regioncheck-modal h5, .guest-access h5,
  .guest-access-form h5, .feature-journal__container h5, .feature-stories__container h5, .feature-panel__container h5, .feature-carousel h5, .shop-by-department__container h5, .store-locator-popup h5, #checkout-container h5, .rma h5, .email-capture .email-capture-container h5, .hsco-pdp-accessories h5, .horizontal-rule__container h5, .image-row h5, .generic-container h5, .credit-form-buttons h5, .single-column-container h5, .two-column-container h5, .hsco-forgot-password-form h5,
  .hsco-signin-block h5, .split-panel__container h5, .component-card-list h5, .journal-post h5, .journal-home h5, .hero-two-panel h5, .hero-two-panel-BFCM h5, .styleguides .h5, .modal.modal--item-added .h5, .image-hero .h5, footer .h5, .payment-bar .h5, .cookie-bar .h5, .header.w2-header .h5, .modal[data-modal="account"] .h5, .modal[data-modal="mobile"] .h5, .modal[data-modal="search"] .h5, .header.secondary-header .h5, .header .hide-scroll .h5, .header-nav-modal .h5, .modal__mobile_container .h5, .feature-collection-container .h5, .grid-2018-container .h5, .product_workswith-new-container .h5, .container-2018 .h5, .product-2018-container .h5, #hsco-add-giftcard .h5, .modal[data-modal="cart"] .h5,
  #checkout-cart .h5, .password-reset .h5, .pdp-container-2018 .h5,
  .product-gift-card .h5, .modal--product .h5, .pdp-collection-info-container .h5, .pdp-dimensions-container .h5, .pdp-features-container .h5, .account.container--fluid .h5, .customer-service .h5, .text-pages-wrap .h5, .search-results-container .h5, .link-list .h5, #regioncheck.modal.regioncheck-modal .h5, .guest-access .h5,
  .guest-access-form .h5, .feature-journal__container .h5, .feature-stories__container .h5, .feature-panel__container .h5, .feature-carousel .h5, .shop-by-department__container .h5, .store-locator-popup .h5, #checkout-container .h5, .rma .h5, .email-capture .email-capture-container .h5, .hsco-pdp-accessories .h5, .horizontal-rule__container .h5, .image-row .h5, .generic-container .h5, .credit-form-buttons .h5, .single-column-container .h5, .two-column-container .h5, .hsco-forgot-password-form .h5,
  .hsco-signin-block .h5, .split-panel__container .h5, .component-card-list .h5, .journal-post .h5, .journal-home .h5, .hero-two-panel .h5, .hero-two-panel-BFCM .h5 {
    font-family: "Graphik Web";
    font-size: 11px;
    line-height: 14px;
  }
}

.text-grey4 {
  color: #aaaaaa;
}

.text-white {
  color: #ffffff;
}

.text-dark {
  color: #222222;
}

.success {
  color: #06b706;
}

.bg-grey1 {
  background-color: #f7f7f7;
}

.bg-grey2 {
  background-color: #eeeeee;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

@media (max-width: 765px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
}

.m-a-0 {
  margin: 0 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a-1 {
  margin: 12px 12px !important;
}

.m-t-1 {
  margin-top: 12px !important;
}

.m-r-1 {
  margin-right: 12px !important;
}

.m-b-1 {
  margin-bottom: 12px !important;
}

.m-l-1 {
  margin-left: 12px !important;
}

.m-x-1 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.m-y-1 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.m-a-2 {
  margin: 24px 24px !important;
}

.m-t-2, .pdp-features-container .product-details__content ul {
  margin-top: 24px !important;
}

.m-r-2 {
  margin-right: 24px !important;
}

.m-b-2, .row.grid-products .product-new, .product-grid-grid.row > .image, .container-2018 .product-grid-2018 > * {
  margin-bottom: 24px !important;
}

.m-l-2 {
  margin-left: 24px !important;
}

.m-x-2 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.m-y-2 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m-a-3 {
  margin: 36px 36px !important;
}

.m-t-3 {
  margin-top: 36px !important;
}

.m-r-3 {
  margin-right: 36px !important;
}

.m-b-3 {
  margin-bottom: 36px !important;
}

.m-l-3 {
  margin-left: 36px !important;
}

.m-x-3 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.m-y-3 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.p-a-0 {
  padding: 0 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a-1 {
  padding: 12px 12px !important;
}

.p-t-1 {
  padding-top: 12px !important;
}

.p-r-1 {
  padding-right: 12px !important;
}

.p-b-1 {
  padding-bottom: 12px !important;
}

.p-l-1 {
  padding-left: 12px !important;
}

.p-x-1 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.p-y-1 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.p-a-2 {
  padding: 24px 24px !important;
}

.p-t-2 {
  padding-top: 24px !important;
}

.p-r-2 {
  padding-right: 24px !important;
}

.p-b-2 {
  padding-bottom: 24px !important;
}

.p-l-2 {
  padding-left: 24px !important;
}

.p-x-2 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.p-y-2 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p-a-3 {
  padding: 36px 36px !important;
}

.p-t-3 {
  padding-top: 36px !important;
}

.p-r-3 {
  padding-right: 36px !important;
}

.p-b-3 {
  padding-bottom: 36px !important;
}

.p-l-3 {
  padding-left: 36px !important;
}

.p-x-3 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.p-y-3 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

@media (max-width: 991px) {
  .tablet-hide {
    display: none !important;
  }
}

@media (max-width: 765px) {
  .sm-hide {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .md-hide {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .lg-hide {
    display: none !important;
  }
}

.tooltip {
  position: absolute;
  z-index: 990;
  display: block;
  font-size: 12px;
}

.tooltip.top {
  margin-top: -40px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #333333;
  text-align: center;
  border-radius: 0;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.slider-horizontal .tooltip-arrow {
  display: none;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.styleguides {
  margin: 80px 0 0 0;
  padding: 60px 0 60px 0;
}

.styleguides .row {
  margin-left: 0;
  margin-right: 0;
}

.styleguides .group {
  padding: 0px 0px 40px 0;
  margin: 0 0 60px 0;
  border-bottom: 1px solid #eeeeee;
}

.styleguides .color {
  padding: 20px;
}

.styleguides .white {
  background: #fff;
}

.styleguides .off-white {
  background: #f5f5f5;
}

.styleguides .grey1 {
  background: #ddd;
}

.styleguides .grey2 {
  background: #aaa;
}

.styleguides .black1 {
  background: #333;
  color: #fff;
}

.styleguides .black2 {
  background: #111;
  color: #fff;
}

.styleguides .blue {
  background: #0084ff;
  color: #fff;
}

.styleguides .green {
  background: #00993b;
  color: #fff;
}

.styleguides .red {
  background: #cc0033;
  color: #fff;
}

.styleguides a.link--underline, .styleguides a.link--underline:hover, .link--underline .styleguides a, .link--underline .styleguides a:hover {
  text-decoration: none;
  border-bottom: 1px solid #111;
  cursor: pointer;
}

.group__buttons [class*='col-md-'] {
  padding: 20px 12px;
}

.modal {
  background-color: #ffffff;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px;
  overflow-y: scroll;
  z-index: 1000;
}

.modal.dark-modal {
  background-color: #333333;
}

body.skinny-banner-open .modal {
  top: 100px;
}

.modal[data-modal="account"], .modal[data-modal="mobile"] {
  display: none;
}

.modal[data-modal="account"].modal--active, .modal[data-modal="mobile"].modal--active {
  display: block;
}

.modal[data-modal="mobile"].modal--active {
  height: 100vh;
}

.modal--expanding.modal--active {
  bottom: auto;
}

.modal--full {
  transform: translate3d(0, -170%, 0);
}

.modal--full, .modal--quarter, .modal--third, .modal--half {
  min-width: 320px;
  width: 100%;
  transition: transform 0.4s ease-in-out;
}

.modal--quarter, .modal--third {
  left: auto;
  transform: translate3d(100%, 0, 0);
}

.modal--half {
  left: 0;
  padding-top: 24px;
  transform: translate3d(-100%, 0, 0);
}

.modal--active {
  display: block;
  z-index: 1000;
  transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) {
  .modal--quarter {
    width: 25%;
  }
  .modal--third {
    width: 33.33%;
  }
  .modal--half {
    width: 50%;
    padding-top: 60px;
  }
  .modal.modal-transition-none {
    transition: all 0s ease 0s;
  }
}

.modal__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.modal__header {
  background: #f7f7f7;
  padding: 20px 24px 14px 24px;
  overflow: hidden;
  -webkit-font-smoothing: antialiased !important;
}

.modal__body {
  padding: 48px 24px;
}

.modal__action {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .modal__action {
    position: absolute;
    bottom: 24px;
    right: 24px;
    left: 24px;
  }
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 999;
}

.modal-overlay--light {
  background: rgba(255, 255, 255, 0.5);
}

.mini-modal, .modal[data-modal="account"] .account-mini-modal, .language-selector .language-list-items {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 1001;
  border-bottom: 1px solid #dddddd;
}

.mini-modal .item, .modal[data-modal="account"] .account-mini-modal .item, .language-selector .language-list-items .item {
  border: 1px solid #dddddd;
  border-bottom-width: 0px;
  padding: 14px 16px 12px 16px;
  min-width: 120px;
  text-align: left;
}

.mini-modal .item:last-child, .modal[data-modal="account"] .account-mini-modal .item:last-child, .language-selector .language-list-items .item:last-child {
  position: relative;
}

.mini-modal .item:last-child::before, .modal[data-modal="account"] .account-mini-modal .item:last-child::before, .language-selector .language-list-items .item:last-child::before, .mini-modal .item:last-child::after, .modal[data-modal="account"] .account-mini-modal .item:last-child::after, .language-selector .language-list-items .item:last-child::after {
  bottom: -11px;
  left: calc(50% - 11px);
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #dddddd;
}

.mini-modal .item:last-child::after, .modal[data-modal="account"] .account-mini-modal .item:last-child::after, .language-selector .language-list-items .item:last-child::after {
  left: calc(50% - 10px);
  bottom: -10px;
  border-width: 10px;
  border-top-color: #fff;
}

.mini-modal .item a, .modal[data-modal="account"] .account-mini-modal .item a, .language-selector .language-list-items .item a {
  font-size: 1.3rem;
  color: #222222;
}

.mini-modal.no-arrow > .item:last-child::after, .modal[data-modal="account"] .no-arrow.account-mini-modal > .item:last-child::after, .language-selector .no-arrow.language-list-items > .item:last-child::after,
.mini-modal.no-arrow > .item:last-child::before, .modal[data-modal="account"] .no-arrow.account-mini-modal > .item:last-child::before, .language-selector .no-arrow.language-list-items > .item:last-child::before {
  visibility: hidden;
  border: 0;
}

@media (min-width: 768px) {
  .modal-overlay.itemAdded {
    display: none !important;
  }
}

.modal.modal--item-added {
  bottom: initial;
  padding: 20px;
  transform: translateY(-200%);
  display: block !important;
  transition: transform 666ms ease-in-out;
}

.modal.modal--item-added.modal--active {
  transform: translate3d(0%, 0%, 0);
}

.modal.modal--item-added .product-image-container {
  background-color: #f7f7f7;
}

.modal.modal--item-added .product-image-container .product-image {
  mix-blend-mode: multiply;
}

@media (min-width: 544px) {
  .modal.modal--item-added {
    left: initial;
    width: calc(25% + 48px);
    min-width: 375px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    transform: translateX(200%);
  }
}

.modal.modal--item-added img {
  filter: brightness(94%);
}

.modal.modal--item-added h3 {
  font-size: 16px;
  margin-bottom: 30px;
}

.modal.modal--item-added p {
  font-size: 11px;
  line-height: 18px;
}

.modal.modal--item-added p.product-name {
  font-size: 13px;
}

.modal.modal--item-added .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal.modal--item-added a.button {
  display: block;
  width: 100%;
  max-width: initial;
}

.tabs {
  margin: -24px;
}

.tabs__nav {
  overflow: hidden;
}

.tabs__nav-tab {
  padding: 24px 36px;
  background-color: #222222;
  color: #aaaaaa;
  width: 50%;
  float: left;
}

.tabs__nav-tab--active {
  display: table-cell;
  padding: 24px 36px;
  background-color: #333333;
  color: #ffffff;
}

.tabs__content {
  padding: 36px;
  display: none;
}

.tabs__content--active {
  display: block;
}

.tabs__link-group {
  display: none;
  margin: 12px 0 36px;
  color: #aaaaaa;
}

.tabs__link-group li {
  margin-bottom: 6px;
}

.tabs__caret-expand {
  position: relative;
  top: -5px;
  margin-left: 10px;
}

.image-cover {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #777777;
  transition: transform 0.3s;
}

.image-cover::after {
  content: "";
  display: table;
  clear: both;
}

.image-cover--flex {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 12px;
}

.image-cover__title {
  padding-top: 24px;
}

.image__bottom-links {
  position: absolute;
  bottom: 24px;
}

.image__bottom-links li {
  margin-top: 12px;
}

.h-cta-larger {
  padding: 0px 0 8px 0;
  font-size: 18px !important;
  display: inline-block;
}

.h-cta-larger:hover {
  color: #fff !important;
  text-decoration: underline;
}

.image-cover-container {
  position: relative;
  overflow: hidden;
}

.image-cover-container:hover .image-cover {
  transform: scale(1.1);
  background-blend-mode: multiply;
}

.image-hero {
  padding-bottom: 42%;
}

.image-hero .hero-story__title {
  padding: 60px 0 0 24px;
  color: #fff;
}

@media (max-width: 765px) {
  .image-hero .hero-story__title {
    font-size: 2rem;
    padding: 20px 0 0 20px;
  }
}

.image-hero .text-copy1, .image-hero .pdp-features-container .product-details__content .features-list-content p, .pdp-features-container .product-details__content .features-list-content .image-hero p {
  padding: 0 0 0 24px;
}

@media (max-width: 765px) {
  .image-hero .text-copy1, .image-hero .pdp-features-container .product-details__content .features-list-content p, .pdp-features-container .product-details__content .features-list-content .image-hero p {
    font-size: 1.2rem;
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 0 20px;
  }
}

.image-hero .p-l-0 {
  position: absolute;
  top: 0;
  left: 0;
}

.image-hero .image__bottom-links {
  padding: 0 0 0 26px;
  font-size: 18px;
}

.image-hero .image__bottom-links li a {
  font-size: 18px;
}

.image-hero .image__bottom-links a:hover {
  text-decoration: underline;
}

@media (max-width: 765px) {
  .image-hero .image__bottom-links li a {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  .image-hero {
    padding-bottom: 42%;
  }
  .image-hero .image__bottom-links {
    padding: 0 0 0 24px;
  }
}

@media (max-width: 765px) {
  .image-hero .image__bottom-links {
    bottom: 10px;
    padding: 0 0 0 20px;
  }
}

.image-text {
  position: absolute;
  z-index: 998;
  width: 50%;
}

.image-text--top-left {
  top: 18px;
  left: 18px;
}

.image-text--top-right {
  top: 18px;
  right: 18px;
  text-align: right;
}

.image-text--bottom-left {
  bottom: 18px;
  left: 18px;
}

.image-text--revealed {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.image-cover-container:hover .image-text--revealed {
  opacity: 1;
}

.image-text.image-text-full {
  width: 85%;
}

.image-hero-dark-color h1, .image-hero-dark-color .text-copy1, .image-hero-dark-color .pdp-features-container .product-details__content .features-list-content p, .pdp-features-container .product-details__content .features-list-content .image-hero-dark-color p, .image-hero-dark-color .hero-story__title, .image-hero-dark-color .image__bottom-links a {
  color: #222222;
}

@media (max-width: 765px) {
  .mobile-image-text--top-right {
    top: 18px;
    right: 18px;
    left: auto;
    text-align: right;
  }
  .mobile-image-text--bottom-right {
    bottom: 18px;
    right: 18px;
    left: auto;
    text-align: right;
  }
  .mobile-image-text--bottom-left {
    bottom: 18px;
    left: 18px;
  }
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.button {
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: center;
  appearance: none;
  background: transparent;
  box-shadow: none;
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
  transition: color 0.3s, background-color 0.3s;
}

.button:focus {
  outline: none;
}

.button--primary, .button--secondary {
  padding: 8px 20px;
  font-size: 1.3rem;
  color: #ffffff;
}

.button--primary {
  background-color: #aaaaaa;
}

@media (min-width: 768px) {
  .button--primary:hover {
    background-color: #777777;
  }
}

.button--primary.disabled:hover, .button--primary.disabled:focus, .button--primary.disabled.focus, .button--primary[disabled]:hover, .button--primary[disabled]:focus, .button--primary[disabled].focus, .button--primary fieldset[disabled]:hover, .button--primary fieldset[disabled]:focus, .button--primary fieldset[disabled].focus {
  background-color: #aaaaaa;
}

.button--secondary {
  background-color: #dddddd;
}

.button--secondary:hover {
  background-color: #aaaaaa;
}

.button--secondary.disabled:hover, .button--secondary.disabled:focus, .button--secondary.disabled.focus, .button--secondary[disabled]:hover, .button--secondary[disabled]:focus, .button--secondary[disabled].focus, .button--secondary fieldset[disabled]:hover, .button--secondary fieldset[disabled]:focus, .button--secondary fieldset[disabled].focus {
  background-color: #dddddd;
}

.button--submit {
  margin-top: 24px;
}

.button--text {
  font-weight: normal;
}

.button--text:hover {
  color: #333333;
}

.button--text.disabled:hover, .button--text.disabled:focus, .button--text.disabled.focus, .button--text[disabled]:hover, .button--text[disabled]:focus, .button--text[disabled].focus, .button--text fieldset[disabled]:hover, .button--text fieldset[disabled]:focus, .button--text fieldset[disabled].focus {
  color: inherit;
}

.button--modal-close {
  float: right;
  margin-top: 12px;
}

.button + .button {
  margin-left: 12px;
}

.button.disabled, .button[disabled],
fieldset[disabled] .button {
  cursor: not-allowed;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table {
  width: 100%;
  color: inherit;
}

.table th {
  padding: 12px 0 24px;
  text-align: left;
}

.table td {
  padding: 3px 0;
}

input,
textarea,
select {
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form {
  margin-bottom: 0;
}

.form input[type="text"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="email"],
.form input[type="number"],
.form input[type="search"],
.form textarea {
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
  background: #f7f7f7;
  padding: 8px 12px;
  display: block;
  width: 100%;
  line-height: inherit;
}

.form textarea {
  resize: none;
}

.form--dark input[type="text"],
.form--dark input[type="tel"],
.form--dark input[type="password"],
.form--dark input[type="email"],
.form--dark input[type="number"],
.form--dark input[type="search"],
.form--dark textarea {
  color: #ffffff;
  background: #222222;
}

.form--dark ::placeholder {
  color: #777777;
}

.form--grey input[type="text"],
.form--grey input[type="tel"],
.form--grey input[type="password"],
.form--grey input[type="email"],
.form--grey input[type="number"],
.form--grey input[type="search"],
.form--grey textarea {
  background: #eeeeee;
}

.form label[for="addressNew"] {
  padding: 0 0 2px 0;
}

.form label[for="newCard"] {
  padding: 0 0 2px 0;
}

.form input[type="radio"] {
  position: absolute;
  visibility: hidden;
  display: block;
  padding: 12px;
}

.form input[type="radio"] + label:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 14px;
  height: 14px;
  width: 14px;
  top: 2px;
  left: -30px;
  border: 2px solid #aaaaaa;
  visibility: visible;
}

.form input[type="radio"]:checked + label:after {
  content: '';
  height: 4px;
  width: 4px;
  border-radius: 4px;
  position: absolute;
  border: 2px solid #aaaaaa;
  left: -25px;
  top: 7px;
  visibility: visible;
}

.form input[type="radio"] + label {
  margin-left: 30px;
  position: relative;
  top: 3px;
  display: block;
}

.form input[type="radio"] + label .select-container {
  position: relative;
  top: -22px;
  float: right;
}

.form input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  display: block;
}

.form input[type="checkbox"] + label:hover {
  cursor: pointer;
}

.form input[type="checkbox"] + label:after {
  content: "\f08c";
  font-family: "Black Tie";
  font-size: 1.4rem;
  float: right;
}

.form input[type="checkbox"]:checked + label {
  color: #222222;
}

.form input[type="checkbox"]:checked + label:after {
  content: "\f012";
}

.form-group {
  margin-bottom: 24px;
  width: 100%;
  overflow: hidden;
}

.form-group:last-of-type {
  margin-bottom: 0;
}

.select-container {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  background-color: #f7f7f7;
}

.lt-ie9 .select-container {
  zoom: 1;
  *display: inline;
}

.select-container:after {
  position: absolute;
  content: "\f091";
  font: normal normal normal 14px/1 "Black Tie";
  font-size: inherit;
  font-weight: 700;
  color: inherit;
  top: 50%;
  margin-top: -15px;
  padding-top: 10px;
  right: 0;
  z-index: 100;
  pointer-events: none;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #f7f7f7;
}

.select-container--white {
  background-color: #ffffff;
}

.select-container--white:after {
  background-color: #ffffff;
}

.select {
  padding: 7px 8px;
  width: 120%;
  border: none;
  color: inherit;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}

.select:focus {
  outline: none;
}

.digi-code-text,
.example-text {
  padding: 4px 0 0 5px;
  font-style: italic;
  margin: 0;
  color: #333;
  font-size: 12px;
}

.styleguides .form-styles label, .modal.modal--item-added .form-styles label, .image-hero .form-styles label, footer .form-styles label, .payment-bar .form-styles label, .cookie-bar .form-styles label, .header.w2-header .form-styles label, .modal[data-modal="account"] .form-styles label, .modal[data-modal="mobile"] .form-styles label, .modal[data-modal="search"] .form-styles label, .header.secondary-header .form-styles label, .header .hide-scroll .form-styles label, .header-nav-modal .form-styles label, .modal__mobile_container .form-styles label, .feature-collection-container .form-styles label, .grid-2018-container .form-styles label, .product_workswith-new-container .form-styles label, .container-2018 .form-styles label, .product-2018-container .form-styles label, #hsco-add-giftcard .form-styles label, .modal[data-modal="cart"] .form-styles label,
#checkout-cart .form-styles label, .password-reset .form-styles label, .pdp-container-2018 .form-styles label,
.product-gift-card .form-styles label, .modal--product .form-styles label, .pdp-collection-info-container .form-styles label, .pdp-dimensions-container .form-styles label, .pdp-features-container .form-styles label, .account.container--fluid .form-styles label, .customer-service .form-styles label, .text-pages-wrap .form-styles label, .search-results-container .form-styles label, .link-list .form-styles label, #regioncheck.modal.regioncheck-modal .form-styles label, .guest-access .form-styles label,
.guest-access-form .form-styles label, .feature-journal__container .form-styles label, .feature-stories__container .form-styles label, .feature-panel__container .form-styles label, .feature-carousel .form-styles label, .shop-by-department__container .form-styles label, .store-locator-popup .form-styles label, #checkout-container .form-styles label, .rma .form-styles label, .email-capture .email-capture-container .form-styles label, .hsco-pdp-accessories .form-styles label, .horizontal-rule__container .form-styles label, .image-row .form-styles label, .generic-container .form-styles label, .credit-form-buttons .form-styles label, .single-column-container .form-styles label, .two-column-container .form-styles label, .hsco-forgot-password-form .form-styles label,
.hsco-signin-block .form-styles label, .split-panel__container .form-styles label, .component-card-list .form-styles label, .journal-post .form-styles label, .journal-home .form-styles label, .hero-two-panel .form-styles label, .hero-two-panel-BFCM .form-styles label, .styleguides .form-styles input, .modal.modal--item-added .form-styles input, .image-hero .form-styles input, footer .form-styles input, .payment-bar .form-styles input, .cookie-bar .form-styles input, .header.w2-header .form-styles input, .modal[data-modal="account"] .form-styles input, .modal[data-modal="mobile"] .form-styles input, .modal[data-modal="search"] .form-styles input, .header.secondary-header .form-styles input, .header .hide-scroll .form-styles input, .header-nav-modal .form-styles input, .modal__mobile_container .form-styles input, .feature-collection-container .form-styles input, .grid-2018-container .form-styles input, .product_workswith-new-container .form-styles input, .container-2018 .form-styles input, .product-2018-container .form-styles input, #hsco-add-giftcard .form-styles input, .modal[data-modal="cart"] .form-styles input,
#checkout-cart .form-styles input, .password-reset .form-styles input, .pdp-container-2018 .form-styles input,
.product-gift-card .form-styles input, .modal--product .form-styles input, .pdp-collection-info-container .form-styles input, .pdp-dimensions-container .form-styles input, .pdp-features-container .form-styles input, .account.container--fluid .form-styles input, .customer-service .form-styles input, .text-pages-wrap .form-styles input, .search-results-container .form-styles input, .link-list .form-styles input, #regioncheck.modal.regioncheck-modal .form-styles input, .guest-access .form-styles input,
.guest-access-form .form-styles input, .feature-journal__container .form-styles input, .feature-stories__container .form-styles input, .feature-panel__container .form-styles input, .feature-carousel .form-styles input, .shop-by-department__container .form-styles input, .store-locator-popup .form-styles input, #checkout-container .form-styles input, .rma .form-styles input, .email-capture .email-capture-container .form-styles input, .hsco-pdp-accessories .form-styles input, .horizontal-rule__container .form-styles input, .image-row .form-styles input, .generic-container .form-styles input, .credit-form-buttons .form-styles input, .single-column-container .form-styles input, .two-column-container .form-styles input, .hsco-forgot-password-form .form-styles input,
.hsco-signin-block .form-styles input, .split-panel__container .form-styles input, .component-card-list .form-styles input, .journal-post .form-styles input, .journal-home .form-styles input, .hero-two-panel .form-styles input, .hero-two-panel-BFCM .form-styles input, .styleguides .form-styles select, .modal.modal--item-added .form-styles select, .image-hero .form-styles select, footer .form-styles select, .payment-bar .form-styles select, .cookie-bar .form-styles select, .header.w2-header .form-styles select, .modal[data-modal="account"] .form-styles select, .modal[data-modal="mobile"] .form-styles select, .modal[data-modal="search"] .form-styles select, .header.secondary-header .form-styles select, .header .hide-scroll .form-styles select, .header-nav-modal .form-styles select, .modal__mobile_container .form-styles select, .feature-collection-container .form-styles select, .grid-2018-container .form-styles select, .product_workswith-new-container .form-styles select, .container-2018 .form-styles select, .product-2018-container .form-styles select, #hsco-add-giftcard .form-styles select, .modal[data-modal="cart"] .form-styles select,
#checkout-cart .form-styles select, .password-reset .form-styles select, .pdp-container-2018 .form-styles select,
.product-gift-card .form-styles select, .modal--product .form-styles select, .pdp-collection-info-container .form-styles select, .pdp-dimensions-container .form-styles select, .pdp-features-container .form-styles select, .account.container--fluid .form-styles select, .customer-service .form-styles select, .text-pages-wrap .form-styles select, .search-results-container .form-styles select, .link-list .form-styles select, #regioncheck.modal.regioncheck-modal .form-styles select, .guest-access .form-styles select,
.guest-access-form .form-styles select, .feature-journal__container .form-styles select, .feature-stories__container .form-styles select, .feature-panel__container .form-styles select, .feature-carousel .form-styles select, .shop-by-department__container .form-styles select, .store-locator-popup .form-styles select, #checkout-container .form-styles select, .rma .form-styles select, .email-capture .email-capture-container .form-styles select, .hsco-pdp-accessories .form-styles select, .horizontal-rule__container .form-styles select, .image-row .form-styles select, .generic-container .form-styles select, .credit-form-buttons .form-styles select, .single-column-container .form-styles select, .two-column-container .form-styles select, .hsco-forgot-password-form .form-styles select,
.hsco-signin-block .form-styles select, .split-panel__container .form-styles select, .component-card-list .form-styles select, .journal-post .form-styles select, .journal-home .form-styles select, .hero-two-panel .form-styles select, .hero-two-panel-BFCM .form-styles select {
  width: 100%;
  display: block;
}

.styleguides .form-styles label, .modal.modal--item-added .form-styles label, .image-hero .form-styles label, footer .form-styles label, .payment-bar .form-styles label, .cookie-bar .form-styles label, .header.w2-header .form-styles label, .modal[data-modal="account"] .form-styles label, .modal[data-modal="mobile"] .form-styles label, .modal[data-modal="search"] .form-styles label, .header.secondary-header .form-styles label, .header .hide-scroll .form-styles label, .header-nav-modal .form-styles label, .modal__mobile_container .form-styles label, .feature-collection-container .form-styles label, .grid-2018-container .form-styles label, .product_workswith-new-container .form-styles label, .container-2018 .form-styles label, .product-2018-container .form-styles label, #hsco-add-giftcard .form-styles label, .modal[data-modal="cart"] .form-styles label,
#checkout-cart .form-styles label, .password-reset .form-styles label, .pdp-container-2018 .form-styles label,
.product-gift-card .form-styles label, .modal--product .form-styles label, .pdp-collection-info-container .form-styles label, .pdp-dimensions-container .form-styles label, .pdp-features-container .form-styles label, .account.container--fluid .form-styles label, .customer-service .form-styles label, .text-pages-wrap .form-styles label, .search-results-container .form-styles label, .link-list .form-styles label, #regioncheck.modal.regioncheck-modal .form-styles label, .guest-access .form-styles label,
.guest-access-form .form-styles label, .feature-journal__container .form-styles label, .feature-stories__container .form-styles label, .feature-panel__container .form-styles label, .feature-carousel .form-styles label, .shop-by-department__container .form-styles label, .store-locator-popup .form-styles label, #checkout-container .form-styles label, .rma .form-styles label, .email-capture .email-capture-container .form-styles label, .hsco-pdp-accessories .form-styles label, .horizontal-rule__container .form-styles label, .image-row .form-styles label, .generic-container .form-styles label, .credit-form-buttons .form-styles label, .single-column-container .form-styles label, .two-column-container .form-styles label, .hsco-forgot-password-form .form-styles label,
.hsco-signin-block .form-styles label, .split-panel__container .form-styles label, .component-card-list .form-styles label, .journal-post .form-styles label, .journal-home .form-styles label, .hero-two-panel .form-styles label, .hero-two-panel-BFCM .form-styles label {
  padding: 0 0 4px 0;
}

.styleguides .form-styles input, .modal.modal--item-added .form-styles input, .image-hero .form-styles input, footer .form-styles input, .payment-bar .form-styles input, .cookie-bar .form-styles input, .header.w2-header .form-styles input, .modal[data-modal="account"] .form-styles input, .modal[data-modal="mobile"] .form-styles input, .modal[data-modal="search"] .form-styles input, .header.secondary-header .form-styles input, .header .hide-scroll .form-styles input, .header-nav-modal .form-styles input, .modal__mobile_container .form-styles input, .feature-collection-container .form-styles input, .grid-2018-container .form-styles input, .product_workswith-new-container .form-styles input, .container-2018 .form-styles input, .product-2018-container .form-styles input, #hsco-add-giftcard .form-styles input, .modal[data-modal="cart"] .form-styles input,
#checkout-cart .form-styles input, .password-reset .form-styles input, .pdp-container-2018 .form-styles input,
.product-gift-card .form-styles input, .modal--product .form-styles input, .pdp-collection-info-container .form-styles input, .pdp-dimensions-container .form-styles input, .pdp-features-container .form-styles input, .account.container--fluid .form-styles input, .customer-service .form-styles input, .text-pages-wrap .form-styles input, .search-results-container .form-styles input, .link-list .form-styles input, #regioncheck.modal.regioncheck-modal .form-styles input, .guest-access .form-styles input,
.guest-access-form .form-styles input, .feature-journal__container .form-styles input, .feature-stories__container .form-styles input, .feature-panel__container .form-styles input, .feature-carousel .form-styles input, .shop-by-department__container .form-styles input, .store-locator-popup .form-styles input, #checkout-container .form-styles input, .rma .form-styles input, .email-capture .email-capture-container .form-styles input, .hsco-pdp-accessories .form-styles input, .horizontal-rule__container .form-styles input, .image-row .form-styles input, .generic-container .form-styles input, .credit-form-buttons .form-styles input, .single-column-container .form-styles input, .two-column-container .form-styles input, .hsco-forgot-password-form .form-styles input,
.hsco-signin-block .form-styles input, .split-panel__container .form-styles input, .component-card-list .form-styles input, .journal-post .form-styles input, .journal-home .form-styles input, .hero-two-panel .form-styles input, .hero-two-panel-BFCM .form-styles input, .styleguides .form-styles select, .modal.modal--item-added .form-styles select, .image-hero .form-styles select, footer .form-styles select, .payment-bar .form-styles select, .cookie-bar .form-styles select, .header.w2-header .form-styles select, .modal[data-modal="account"] .form-styles select, .modal[data-modal="mobile"] .form-styles select, .modal[data-modal="search"] .form-styles select, .header.secondary-header .form-styles select, .header .hide-scroll .form-styles select, .header-nav-modal .form-styles select, .modal__mobile_container .form-styles select, .feature-collection-container .form-styles select, .grid-2018-container .form-styles select, .product_workswith-new-container .form-styles select, .container-2018 .form-styles select, .product-2018-container .form-styles select, #hsco-add-giftcard .form-styles select, .modal[data-modal="cart"] .form-styles select,
#checkout-cart .form-styles select, .password-reset .form-styles select, .pdp-container-2018 .form-styles select,
.product-gift-card .form-styles select, .modal--product .form-styles select, .pdp-collection-info-container .form-styles select, .pdp-dimensions-container .form-styles select, .pdp-features-container .form-styles select, .account.container--fluid .form-styles select, .customer-service .form-styles select, .text-pages-wrap .form-styles select, .search-results-container .form-styles select, .link-list .form-styles select, #regioncheck.modal.regioncheck-modal .form-styles select, .guest-access .form-styles select,
.guest-access-form .form-styles select, .feature-journal__container .form-styles select, .feature-stories__container .form-styles select, .feature-panel__container .form-styles select, .feature-carousel .form-styles select, .shop-by-department__container .form-styles select, .store-locator-popup .form-styles select, #checkout-container .form-styles select, .rma .form-styles select, .email-capture .email-capture-container .form-styles select, .hsco-pdp-accessories .form-styles select, .horizontal-rule__container .form-styles select, .image-row .form-styles select, .generic-container .form-styles select, .credit-form-buttons .form-styles select, .single-column-container .form-styles select, .two-column-container .form-styles select, .hsco-forgot-password-form .form-styles select,
.hsco-signin-block .form-styles select, .split-panel__container .form-styles select, .component-card-list .form-styles select, .journal-post .form-styles select, .journal-home .form-styles select, .hero-two-panel .form-styles select, .hero-two-panel-BFCM .form-styles select {
  border: 1px solid #aaa;
  padding: 8px;
  color: #333;
}

.styleguides .form-styles .btb, .modal.modal--item-added .form-styles .btb, .image-hero .form-styles .btb, footer .form-styles .btb, .payment-bar .form-styles .btb, .cookie-bar .form-styles .btb, .header.w2-header .form-styles .btb, .modal[data-modal="account"] .form-styles .btb, .modal[data-modal="mobile"] .form-styles .btb, .modal[data-modal="search"] .form-styles .btb, .header.secondary-header .form-styles .btb, .header .hide-scroll .form-styles .btb, .header-nav-modal .form-styles .btb, .modal__mobile_container .form-styles .btb, .feature-collection-container .form-styles .btb, .grid-2018-container .form-styles .btb, .product_workswith-new-container .form-styles .btb, .container-2018 .form-styles .btb, .product-2018-container .form-styles .btb, #hsco-add-giftcard .form-styles .btb, .modal[data-modal="cart"] .form-styles .btb,
#checkout-cart .form-styles .btb, .password-reset .form-styles .btb, .pdp-container-2018 .form-styles .btb,
.product-gift-card .form-styles .btb, .modal--product .form-styles .btb, .pdp-collection-info-container .form-styles .btb, .pdp-dimensions-container .form-styles .btb, .pdp-features-container .form-styles .btb, .account.container--fluid .form-styles .btb, .customer-service .form-styles .btb, .text-pages-wrap .form-styles .btb, .search-results-container .form-styles .btb, .link-list .form-styles .btb, #regioncheck.modal.regioncheck-modal .form-styles .btb, .guest-access .form-styles .btb,
.guest-access-form .form-styles .btb, .feature-journal__container .form-styles .btb, .feature-stories__container .form-styles .btb, .feature-panel__container .form-styles .btb, .feature-carousel .form-styles .btb, .shop-by-department__container .form-styles .btb, .store-locator-popup .form-styles .btb, #checkout-container .form-styles .btb, .rma .form-styles .btb, .email-capture .email-capture-container .form-styles .btb, .hsco-pdp-accessories .form-styles .btb, .horizontal-rule__container .form-styles .btb, .image-row .form-styles .btb, .generic-container .form-styles .btb, .credit-form-buttons .form-styles .btb, .single-column-container .form-styles .btb, .two-column-container .form-styles .btb, .hsco-forgot-password-form .form-styles .btb,
.hsco-signin-block .form-styles .btb, .split-panel__container .form-styles .btb, .component-card-list .form-styles .btb, .journal-post .form-styles .btb, .journal-home .form-styles .btb, .hero-two-panel .form-styles .btb, .hero-two-panel-BFCM .form-styles .btb {
  padding: 2px;
}

.styleguides .form-styles input:-webkit-autofill, .modal.modal--item-added .form-styles input:-webkit-autofill, .image-hero .form-styles input:-webkit-autofill, footer .form-styles input:-webkit-autofill, .payment-bar .form-styles input:-webkit-autofill, .cookie-bar .form-styles input:-webkit-autofill, .header.w2-header .form-styles input:-webkit-autofill, .modal[data-modal="account"] .form-styles input:-webkit-autofill, .modal[data-modal="mobile"] .form-styles input:-webkit-autofill, .modal[data-modal="search"] .form-styles input:-webkit-autofill, .header.secondary-header .form-styles input:-webkit-autofill, .header .hide-scroll .form-styles input:-webkit-autofill, .header-nav-modal .form-styles input:-webkit-autofill, .modal__mobile_container .form-styles input:-webkit-autofill, .feature-collection-container .form-styles input:-webkit-autofill, .grid-2018-container .form-styles input:-webkit-autofill, .product_workswith-new-container .form-styles input:-webkit-autofill, .container-2018 .form-styles input:-webkit-autofill, .product-2018-container .form-styles input:-webkit-autofill, #hsco-add-giftcard .form-styles input:-webkit-autofill, .modal[data-modal="cart"] .form-styles input:-webkit-autofill,
#checkout-cart .form-styles input:-webkit-autofill, .password-reset .form-styles input:-webkit-autofill, .pdp-container-2018 .form-styles input:-webkit-autofill,
.product-gift-card .form-styles input:-webkit-autofill, .modal--product .form-styles input:-webkit-autofill, .pdp-collection-info-container .form-styles input:-webkit-autofill, .pdp-dimensions-container .form-styles input:-webkit-autofill, .pdp-features-container .form-styles input:-webkit-autofill, .account.container--fluid .form-styles input:-webkit-autofill, .customer-service .form-styles input:-webkit-autofill, .text-pages-wrap .form-styles input:-webkit-autofill, .search-results-container .form-styles input:-webkit-autofill, .link-list .form-styles input:-webkit-autofill, #regioncheck.modal.regioncheck-modal .form-styles input:-webkit-autofill, .guest-access .form-styles input:-webkit-autofill,
.guest-access-form .form-styles input:-webkit-autofill, .feature-journal__container .form-styles input:-webkit-autofill, .feature-stories__container .form-styles input:-webkit-autofill, .feature-panel__container .form-styles input:-webkit-autofill, .feature-carousel .form-styles input:-webkit-autofill, .shop-by-department__container .form-styles input:-webkit-autofill, .store-locator-popup .form-styles input:-webkit-autofill, #checkout-container .form-styles input:-webkit-autofill, .rma .form-styles input:-webkit-autofill, .email-capture .email-capture-container .form-styles input:-webkit-autofill, .hsco-pdp-accessories .form-styles input:-webkit-autofill, .horizontal-rule__container .form-styles input:-webkit-autofill, .image-row .form-styles input:-webkit-autofill, .generic-container .form-styles input:-webkit-autofill, .credit-form-buttons .form-styles input:-webkit-autofill, .single-column-container .form-styles input:-webkit-autofill, .two-column-container .form-styles input:-webkit-autofill, .hsco-forgot-password-form .form-styles input:-webkit-autofill,
.hsco-signin-block .form-styles input:-webkit-autofill, .split-panel__container .form-styles input:-webkit-autofill, .component-card-list .form-styles input:-webkit-autofill, .journal-post .form-styles input:-webkit-autofill, .journal-home .form-styles input:-webkit-autofill, .hero-two-panel .form-styles input:-webkit-autofill, .hero-two-panel-BFCM .form-styles input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

.styleguides .form-styles textarea, .modal.modal--item-added .form-styles textarea, .image-hero .form-styles textarea, footer .form-styles textarea, .payment-bar .form-styles textarea, .cookie-bar .form-styles textarea, .header.w2-header .form-styles textarea, .modal[data-modal="account"] .form-styles textarea, .modal[data-modal="mobile"] .form-styles textarea, .modal[data-modal="search"] .form-styles textarea, .header.secondary-header .form-styles textarea, .header .hide-scroll .form-styles textarea, .header-nav-modal .form-styles textarea, .modal__mobile_container .form-styles textarea, .feature-collection-container .form-styles textarea, .grid-2018-container .form-styles textarea, .product_workswith-new-container .form-styles textarea, .container-2018 .form-styles textarea, .product-2018-container .form-styles textarea, #hsco-add-giftcard .form-styles textarea, .modal[data-modal="cart"] .form-styles textarea,
#checkout-cart .form-styles textarea, .password-reset .form-styles textarea, .pdp-container-2018 .form-styles textarea,
.product-gift-card .form-styles textarea, .modal--product .form-styles textarea, .pdp-collection-info-container .form-styles textarea, .pdp-dimensions-container .form-styles textarea, .pdp-features-container .form-styles textarea, .account.container--fluid .form-styles textarea, .customer-service .form-styles textarea, .text-pages-wrap .form-styles textarea, .search-results-container .form-styles textarea, .link-list .form-styles textarea, #regioncheck.modal.regioncheck-modal .form-styles textarea, .guest-access .form-styles textarea,
.guest-access-form .form-styles textarea, .feature-journal__container .form-styles textarea, .feature-stories__container .form-styles textarea, .feature-panel__container .form-styles textarea, .feature-carousel .form-styles textarea, .shop-by-department__container .form-styles textarea, .store-locator-popup .form-styles textarea, #checkout-container .form-styles textarea, .rma .form-styles textarea, .email-capture .email-capture-container .form-styles textarea, .hsco-pdp-accessories .form-styles textarea, .horizontal-rule__container .form-styles textarea, .image-row .form-styles textarea, .generic-container .form-styles textarea, .credit-form-buttons .form-styles textarea, .single-column-container .form-styles textarea, .two-column-container .form-styles textarea, .hsco-forgot-password-form .form-styles textarea,
.hsco-signin-block .form-styles textarea, .split-panel__container .form-styles textarea, .component-card-list .form-styles textarea, .journal-post .form-styles textarea, .journal-home .form-styles textarea, .hero-two-panel .form-styles textarea, .hero-two-panel-BFCM .form-styles textarea, .styleguides .form-styles input[type="text"], .modal.modal--item-added .form-styles input[type="text"], .image-hero .form-styles input[type="text"], footer .form-styles input[type="text"], .payment-bar .form-styles input[type="text"], .cookie-bar .form-styles input[type="text"], .header.w2-header .form-styles input[type="text"], .modal[data-modal="account"] .form-styles input[type="text"], .modal[data-modal="mobile"] .form-styles input[type="text"], .modal[data-modal="search"] .form-styles input[type="text"], .header.secondary-header .form-styles input[type="text"], .header .hide-scroll .form-styles input[type="text"], .header-nav-modal .form-styles input[type="text"], .modal__mobile_container .form-styles input[type="text"], .feature-collection-container .form-styles input[type="text"], .grid-2018-container .form-styles input[type="text"], .product_workswith-new-container .form-styles input[type="text"], .container-2018 .form-styles input[type="text"], .product-2018-container .form-styles input[type="text"], #hsco-add-giftcard .form-styles input[type="text"], .modal[data-modal="cart"] .form-styles input[type="text"],
#checkout-cart .form-styles input[type="text"], .password-reset .form-styles input[type="text"], .pdp-container-2018 .form-styles input[type="text"],
.product-gift-card .form-styles input[type="text"], .modal--product .form-styles input[type="text"], .pdp-collection-info-container .form-styles input[type="text"], .pdp-dimensions-container .form-styles input[type="text"], .pdp-features-container .form-styles input[type="text"], .account.container--fluid .form-styles input[type="text"], .customer-service .form-styles input[type="text"], .text-pages-wrap .form-styles input[type="text"], .search-results-container .form-styles input[type="text"], .link-list .form-styles input[type="text"], #regioncheck.modal.regioncheck-modal .form-styles input[type="text"], .guest-access .form-styles input[type="text"],
.guest-access-form .form-styles input[type="text"], .feature-journal__container .form-styles input[type="text"], .feature-stories__container .form-styles input[type="text"], .feature-panel__container .form-styles input[type="text"], .feature-carousel .form-styles input[type="text"], .shop-by-department__container .form-styles input[type="text"], .store-locator-popup .form-styles input[type="text"], #checkout-container .form-styles input[type="text"], .rma .form-styles input[type="text"], .email-capture .email-capture-container .form-styles input[type="text"], .hsco-pdp-accessories .form-styles input[type="text"], .horizontal-rule__container .form-styles input[type="text"], .image-row .form-styles input[type="text"], .generic-container .form-styles input[type="text"], .credit-form-buttons .form-styles input[type="text"], .single-column-container .form-styles input[type="text"], .two-column-container .form-styles input[type="text"], .hsco-forgot-password-form .form-styles input[type="text"],
.hsco-signin-block .form-styles input[type="text"], .split-panel__container .form-styles input[type="text"], .component-card-list .form-styles input[type="text"], .journal-post .form-styles input[type="text"], .journal-home .form-styles input[type="text"], .hero-two-panel .form-styles input[type="text"], .hero-two-panel-BFCM .form-styles input[type="text"], .styleguides .form-styles input[type="tel"], .modal.modal--item-added .form-styles input[type="tel"], .image-hero .form-styles input[type="tel"], footer .form-styles input[type="tel"], .payment-bar .form-styles input[type="tel"], .cookie-bar .form-styles input[type="tel"], .header.w2-header .form-styles input[type="tel"], .modal[data-modal="account"] .form-styles input[type="tel"], .modal[data-modal="mobile"] .form-styles input[type="tel"], .modal[data-modal="search"] .form-styles input[type="tel"], .header.secondary-header .form-styles input[type="tel"], .header .hide-scroll .form-styles input[type="tel"], .header-nav-modal .form-styles input[type="tel"], .modal__mobile_container .form-styles input[type="tel"], .feature-collection-container .form-styles input[type="tel"], .grid-2018-container .form-styles input[type="tel"], .product_workswith-new-container .form-styles input[type="tel"], .container-2018 .form-styles input[type="tel"], .product-2018-container .form-styles input[type="tel"], #hsco-add-giftcard .form-styles input[type="tel"], .modal[data-modal="cart"] .form-styles input[type="tel"],
#checkout-cart .form-styles input[type="tel"], .password-reset .form-styles input[type="tel"], .pdp-container-2018 .form-styles input[type="tel"],
.product-gift-card .form-styles input[type="tel"], .modal--product .form-styles input[type="tel"], .pdp-collection-info-container .form-styles input[type="tel"], .pdp-dimensions-container .form-styles input[type="tel"], .pdp-features-container .form-styles input[type="tel"], .account.container--fluid .form-styles input[type="tel"], .customer-service .form-styles input[type="tel"], .text-pages-wrap .form-styles input[type="tel"], .search-results-container .form-styles input[type="tel"], .link-list .form-styles input[type="tel"], #regioncheck.modal.regioncheck-modal .form-styles input[type="tel"], .guest-access .form-styles input[type="tel"],
.guest-access-form .form-styles input[type="tel"], .feature-journal__container .form-styles input[type="tel"], .feature-stories__container .form-styles input[type="tel"], .feature-panel__container .form-styles input[type="tel"], .feature-carousel .form-styles input[type="tel"], .shop-by-department__container .form-styles input[type="tel"], .store-locator-popup .form-styles input[type="tel"], #checkout-container .form-styles input[type="tel"], .rma .form-styles input[type="tel"], .email-capture .email-capture-container .form-styles input[type="tel"], .hsco-pdp-accessories .form-styles input[type="tel"], .horizontal-rule__container .form-styles input[type="tel"], .image-row .form-styles input[type="tel"], .generic-container .form-styles input[type="tel"], .credit-form-buttons .form-styles input[type="tel"], .single-column-container .form-styles input[type="tel"], .two-column-container .form-styles input[type="tel"], .hsco-forgot-password-form .form-styles input[type="tel"],
.hsco-signin-block .form-styles input[type="tel"], .split-panel__container .form-styles input[type="tel"], .component-card-list .form-styles input[type="tel"], .journal-post .form-styles input[type="tel"], .journal-home .form-styles input[type="tel"], .hero-two-panel .form-styles input[type="tel"], .hero-two-panel-BFCM .form-styles input[type="tel"], .styleguides .form-styles input[type="number"], .modal.modal--item-added .form-styles input[type="number"], .image-hero .form-styles input[type="number"], footer .form-styles input[type="number"], .payment-bar .form-styles input[type="number"], .cookie-bar .form-styles input[type="number"], .header.w2-header .form-styles input[type="number"], .modal[data-modal="account"] .form-styles input[type="number"], .modal[data-modal="mobile"] .form-styles input[type="number"], .modal[data-modal="search"] .form-styles input[type="number"], .header.secondary-header .form-styles input[type="number"], .header .hide-scroll .form-styles input[type="number"], .header-nav-modal .form-styles input[type="number"], .modal__mobile_container .form-styles input[type="number"], .feature-collection-container .form-styles input[type="number"], .grid-2018-container .form-styles input[type="number"], .product_workswith-new-container .form-styles input[type="number"], .container-2018 .form-styles input[type="number"], .product-2018-container .form-styles input[type="number"], #hsco-add-giftcard .form-styles input[type="number"], .modal[data-modal="cart"] .form-styles input[type="number"],
#checkout-cart .form-styles input[type="number"], .password-reset .form-styles input[type="number"], .pdp-container-2018 .form-styles input[type="number"],
.product-gift-card .form-styles input[type="number"], .modal--product .form-styles input[type="number"], .pdp-collection-info-container .form-styles input[type="number"], .pdp-dimensions-container .form-styles input[type="number"], .pdp-features-container .form-styles input[type="number"], .account.container--fluid .form-styles input[type="number"], .customer-service .form-styles input[type="number"], .text-pages-wrap .form-styles input[type="number"], .search-results-container .form-styles input[type="number"], .link-list .form-styles input[type="number"], #regioncheck.modal.regioncheck-modal .form-styles input[type="number"], .guest-access .form-styles input[type="number"],
.guest-access-form .form-styles input[type="number"], .feature-journal__container .form-styles input[type="number"], .feature-stories__container .form-styles input[type="number"], .feature-panel__container .form-styles input[type="number"], .feature-carousel .form-styles input[type="number"], .shop-by-department__container .form-styles input[type="number"], .store-locator-popup .form-styles input[type="number"], #checkout-container .form-styles input[type="number"], .rma .form-styles input[type="number"], .email-capture .email-capture-container .form-styles input[type="number"], .hsco-pdp-accessories .form-styles input[type="number"], .horizontal-rule__container .form-styles input[type="number"], .image-row .form-styles input[type="number"], .generic-container .form-styles input[type="number"], .credit-form-buttons .form-styles input[type="number"], .single-column-container .form-styles input[type="number"], .two-column-container .form-styles input[type="number"], .hsco-forgot-password-form .form-styles input[type="number"],
.hsco-signin-block .form-styles input[type="number"], .split-panel__container .form-styles input[type="number"], .component-card-list .form-styles input[type="number"], .journal-post .form-styles input[type="number"], .journal-home .form-styles input[type="number"], .hero-two-panel .form-styles input[type="number"], .hero-two-panel-BFCM .form-styles input[type="number"], .styleguides .form-styles input[type="email"], .modal.modal--item-added .form-styles input[type="email"], .image-hero .form-styles input[type="email"], footer .form-styles input[type="email"], .payment-bar .form-styles input[type="email"], .cookie-bar .form-styles input[type="email"], .header.w2-header .form-styles input[type="email"], .modal[data-modal="account"] .form-styles input[type="email"], .modal[data-modal="mobile"] .form-styles input[type="email"], .modal[data-modal="search"] .form-styles input[type="email"], .header.secondary-header .form-styles input[type="email"], .header .hide-scroll .form-styles input[type="email"], .header-nav-modal .form-styles input[type="email"], .modal__mobile_container .form-styles input[type="email"], .feature-collection-container .form-styles input[type="email"], .grid-2018-container .form-styles input[type="email"], .product_workswith-new-container .form-styles input[type="email"], .container-2018 .form-styles input[type="email"], .product-2018-container .form-styles input[type="email"], #hsco-add-giftcard .form-styles input[type="email"], .modal[data-modal="cart"] .form-styles input[type="email"],
#checkout-cart .form-styles input[type="email"], .password-reset .form-styles input[type="email"], .pdp-container-2018 .form-styles input[type="email"],
.product-gift-card .form-styles input[type="email"], .modal--product .form-styles input[type="email"], .pdp-collection-info-container .form-styles input[type="email"], .pdp-dimensions-container .form-styles input[type="email"], .pdp-features-container .form-styles input[type="email"], .account.container--fluid .form-styles input[type="email"], .customer-service .form-styles input[type="email"], .text-pages-wrap .form-styles input[type="email"], .search-results-container .form-styles input[type="email"], .link-list .form-styles input[type="email"], #regioncheck.modal.regioncheck-modal .form-styles input[type="email"], .guest-access .form-styles input[type="email"],
.guest-access-form .form-styles input[type="email"], .feature-journal__container .form-styles input[type="email"], .feature-stories__container .form-styles input[type="email"], .feature-panel__container .form-styles input[type="email"], .feature-carousel .form-styles input[type="email"], .shop-by-department__container .form-styles input[type="email"], .store-locator-popup .form-styles input[type="email"], #checkout-container .form-styles input[type="email"], .rma .form-styles input[type="email"], .email-capture .email-capture-container .form-styles input[type="email"], .hsco-pdp-accessories .form-styles input[type="email"], .horizontal-rule__container .form-styles input[type="email"], .image-row .form-styles input[type="email"], .generic-container .form-styles input[type="email"], .credit-form-buttons .form-styles input[type="email"], .single-column-container .form-styles input[type="email"], .two-column-container .form-styles input[type="email"], .hsco-forgot-password-form .form-styles input[type="email"],
.hsco-signin-block .form-styles input[type="email"], .split-panel__container .form-styles input[type="email"], .component-card-list .form-styles input[type="email"], .journal-post .form-styles input[type="email"], .journal-home .form-styles input[type="email"], .hero-two-panel .form-styles input[type="email"], .hero-two-panel-BFCM .form-styles input[type="email"], .styleguides .form-styles input[type="password"], .modal.modal--item-added .form-styles input[type="password"], .image-hero .form-styles input[type="password"], footer .form-styles input[type="password"], .payment-bar .form-styles input[type="password"], .cookie-bar .form-styles input[type="password"], .header.w2-header .form-styles input[type="password"], .modal[data-modal="account"] .form-styles input[type="password"], .modal[data-modal="mobile"] .form-styles input[type="password"], .modal[data-modal="search"] .form-styles input[type="password"], .header.secondary-header .form-styles input[type="password"], .header .hide-scroll .form-styles input[type="password"], .header-nav-modal .form-styles input[type="password"], .modal__mobile_container .form-styles input[type="password"], .feature-collection-container .form-styles input[type="password"], .grid-2018-container .form-styles input[type="password"], .product_workswith-new-container .form-styles input[type="password"], .container-2018 .form-styles input[type="password"], .product-2018-container .form-styles input[type="password"], #hsco-add-giftcard .form-styles input[type="password"], .modal[data-modal="cart"] .form-styles input[type="password"],
#checkout-cart .form-styles input[type="password"], .password-reset .form-styles input[type="password"], .pdp-container-2018 .form-styles input[type="password"],
.product-gift-card .form-styles input[type="password"], .modal--product .form-styles input[type="password"], .pdp-collection-info-container .form-styles input[type="password"], .pdp-dimensions-container .form-styles input[type="password"], .pdp-features-container .form-styles input[type="password"], .account.container--fluid .form-styles input[type="password"], .customer-service .form-styles input[type="password"], .text-pages-wrap .form-styles input[type="password"], .search-results-container .form-styles input[type="password"], .link-list .form-styles input[type="password"], #regioncheck.modal.regioncheck-modal .form-styles input[type="password"], .guest-access .form-styles input[type="password"],
.guest-access-form .form-styles input[type="password"], .feature-journal__container .form-styles input[type="password"], .feature-stories__container .form-styles input[type="password"], .feature-panel__container .form-styles input[type="password"], .feature-carousel .form-styles input[type="password"], .shop-by-department__container .form-styles input[type="password"], .store-locator-popup .form-styles input[type="password"], #checkout-container .form-styles input[type="password"], .rma .form-styles input[type="password"], .email-capture .email-capture-container .form-styles input[type="password"], .hsco-pdp-accessories .form-styles input[type="password"], .horizontal-rule__container .form-styles input[type="password"], .image-row .form-styles input[type="password"], .generic-container .form-styles input[type="password"], .credit-form-buttons .form-styles input[type="password"], .single-column-container .form-styles input[type="password"], .two-column-container .form-styles input[type="password"], .hsco-forgot-password-form .form-styles input[type="password"],
.hsco-signin-block .form-styles input[type="password"], .split-panel__container .form-styles input[type="password"], .component-card-list .form-styles input[type="password"], .journal-post .form-styles input[type="password"], .journal-home .form-styles input[type="password"], .hero-two-panel .form-styles input[type="password"], .hero-two-panel-BFCM .form-styles input[type="password"] {
  border: solid 1px #aaa;
  background: #fff;
}

.styleguides .form-styles .select-container, .modal.modal--item-added .form-styles .select-container, .image-hero .form-styles .select-container, footer .form-styles .select-container, .payment-bar .form-styles .select-container, .cookie-bar .form-styles .select-container, .header.w2-header .form-styles .select-container, .modal[data-modal="account"] .form-styles .select-container, .modal[data-modal="mobile"] .form-styles .select-container, .modal[data-modal="search"] .form-styles .select-container, .header.secondary-header .form-styles .select-container, .header .hide-scroll .form-styles .select-container, .header-nav-modal .form-styles .select-container, .modal__mobile_container .form-styles .select-container, .feature-collection-container .form-styles .select-container, .grid-2018-container .form-styles .select-container, .product_workswith-new-container .form-styles .select-container, .container-2018 .form-styles .select-container, .product-2018-container .form-styles .select-container, #hsco-add-giftcard .form-styles .select-container, .modal[data-modal="cart"] .form-styles .select-container,
#checkout-cart .form-styles .select-container, .password-reset .form-styles .select-container, .pdp-container-2018 .form-styles .select-container,
.product-gift-card .form-styles .select-container, .modal--product .form-styles .select-container, .pdp-collection-info-container .form-styles .select-container, .pdp-dimensions-container .form-styles .select-container, .pdp-features-container .form-styles .select-container, .account.container--fluid .form-styles .select-container, .customer-service .form-styles .select-container, .text-pages-wrap .form-styles .select-container, .search-results-container .form-styles .select-container, .link-list .form-styles .select-container, #regioncheck.modal.regioncheck-modal .form-styles .select-container, .guest-access .form-styles .select-container,
.guest-access-form .form-styles .select-container, .feature-journal__container .form-styles .select-container, .feature-stories__container .form-styles .select-container, .feature-panel__container .form-styles .select-container, .feature-carousel .form-styles .select-container, .shop-by-department__container .form-styles .select-container, .store-locator-popup .form-styles .select-container, #checkout-container .form-styles .select-container, .rma .form-styles .select-container, .email-capture .email-capture-container .form-styles .select-container, .hsco-pdp-accessories .form-styles .select-container, .horizontal-rule__container .form-styles .select-container, .image-row .form-styles .select-container, .generic-container .form-styles .select-container, .credit-form-buttons .form-styles .select-container, .single-column-container .form-styles .select-container, .two-column-container .form-styles .select-container, .hsco-forgot-password-form .form-styles .select-container,
.hsco-signin-block .form-styles .select-container, .split-panel__container .form-styles .select-container, .component-card-list .form-styles .select-container, .journal-post .form-styles .select-container, .journal-home .form-styles .select-container, .hero-two-panel .form-styles .select-container, .hero-two-panel-BFCM .form-styles .select-container {
  border-radius: 0;
  background-color: transparent;
}

.styleguides .form-styles .select-container:after, .modal.modal--item-added .form-styles .select-container:after, .image-hero .form-styles .select-container:after, footer .form-styles .select-container:after, .payment-bar .form-styles .select-container:after, .cookie-bar .form-styles .select-container:after, .header.w2-header .form-styles .select-container:after, .modal[data-modal="account"] .form-styles .select-container:after, .modal[data-modal="mobile"] .form-styles .select-container:after, .modal[data-modal="search"] .form-styles .select-container:after, .header.secondary-header .form-styles .select-container:after, .header .hide-scroll .form-styles .select-container:after, .header-nav-modal .form-styles .select-container:after, .modal__mobile_container .form-styles .select-container:after, .feature-collection-container .form-styles .select-container:after, .grid-2018-container .form-styles .select-container:after, .product_workswith-new-container .form-styles .select-container:after, .container-2018 .form-styles .select-container:after, .product-2018-container .form-styles .select-container:after, #hsco-add-giftcard .form-styles .select-container:after, .modal[data-modal="cart"] .form-styles .select-container:after,
#checkout-cart .form-styles .select-container:after, .password-reset .form-styles .select-container:after, .pdp-container-2018 .form-styles .select-container:after,
.product-gift-card .form-styles .select-container:after, .modal--product .form-styles .select-container:after, .pdp-collection-info-container .form-styles .select-container:after, .pdp-dimensions-container .form-styles .select-container:after, .pdp-features-container .form-styles .select-container:after, .account.container--fluid .form-styles .select-container:after, .customer-service .form-styles .select-container:after, .text-pages-wrap .form-styles .select-container:after, .search-results-container .form-styles .select-container:after, .link-list .form-styles .select-container:after, #regioncheck.modal.regioncheck-modal .form-styles .select-container:after, .guest-access .form-styles .select-container:after,
.guest-access-form .form-styles .select-container:after, .feature-journal__container .form-styles .select-container:after, .feature-stories__container .form-styles .select-container:after, .feature-panel__container .form-styles .select-container:after, .feature-carousel .form-styles .select-container:after, .shop-by-department__container .form-styles .select-container:after, .store-locator-popup .form-styles .select-container:after, #checkout-container .form-styles .select-container:after, .rma .form-styles .select-container:after, .email-capture .email-capture-container .form-styles .select-container:after, .hsco-pdp-accessories .form-styles .select-container:after, .horizontal-rule__container .form-styles .select-container:after, .image-row .form-styles .select-container:after, .generic-container .form-styles .select-container:after, .credit-form-buttons .form-styles .select-container:after, .single-column-container .form-styles .select-container:after, .two-column-container .form-styles .select-container:after, .hsco-forgot-password-form .form-styles .select-container:after,
.hsco-signin-block .form-styles .select-container:after, .split-panel__container .form-styles .select-container:after, .component-card-list .form-styles .select-container:after, .journal-post .form-styles .select-container:after, .journal-home .form-styles .select-container:after, .hero-two-panel .form-styles .select-container:after, .hero-two-panel-BFCM .form-styles .select-container:after {
  right: 1px;
  top: 0;
  transform: translateY(calc(50% + 1px));
}

.styleguides .form-styles select, .modal.modal--item-added .form-styles select, .image-hero .form-styles select, footer .form-styles select, .payment-bar .form-styles select, .cookie-bar .form-styles select, .header.w2-header .form-styles select, .modal[data-modal="account"] .form-styles select, .modal[data-modal="mobile"] .form-styles select, .modal[data-modal="search"] .form-styles select, .header.secondary-header .form-styles select, .header .hide-scroll .form-styles select, .header-nav-modal .form-styles select, .modal__mobile_container .form-styles select, .feature-collection-container .form-styles select, .grid-2018-container .form-styles select, .product_workswith-new-container .form-styles select, .container-2018 .form-styles select, .product-2018-container .form-styles select, #hsco-add-giftcard .form-styles select, .modal[data-modal="cart"] .form-styles select,
#checkout-cart .form-styles select, .password-reset .form-styles select, .pdp-container-2018 .form-styles select,
.product-gift-card .form-styles select, .modal--product .form-styles select, .pdp-collection-info-container .form-styles select, .pdp-dimensions-container .form-styles select, .pdp-features-container .form-styles select, .account.container--fluid .form-styles select, .customer-service .form-styles select, .text-pages-wrap .form-styles select, .search-results-container .form-styles select, .link-list .form-styles select, #regioncheck.modal.regioncheck-modal .form-styles select, .guest-access .form-styles select,
.guest-access-form .form-styles select, .feature-journal__container .form-styles select, .feature-stories__container .form-styles select, .feature-panel__container .form-styles select, .feature-carousel .form-styles select, .shop-by-department__container .form-styles select, .store-locator-popup .form-styles select, #checkout-container .form-styles select, .rma .form-styles select, .email-capture .email-capture-container .form-styles select, .hsco-pdp-accessories .form-styles select, .horizontal-rule__container .form-styles select, .image-row .form-styles select, .generic-container .form-styles select, .credit-form-buttons .form-styles select, .single-column-container .form-styles select, .two-column-container .form-styles select, .hsco-forgot-password-form .form-styles select,
.hsco-signin-block .form-styles select, .split-panel__container .form-styles select, .component-card-list .form-styles select, .journal-post .form-styles select, .journal-home .form-styles select, .hero-two-panel .form-styles select, .hero-two-panel-BFCM .form-styles select, .styleguides .form-styles textarea, .modal.modal--item-added .form-styles textarea, .image-hero .form-styles textarea, footer .form-styles textarea, .payment-bar .form-styles textarea, .cookie-bar .form-styles textarea, .header.w2-header .form-styles textarea, .modal[data-modal="account"] .form-styles textarea, .modal[data-modal="mobile"] .form-styles textarea, .modal[data-modal="search"] .form-styles textarea, .header.secondary-header .form-styles textarea, .header .hide-scroll .form-styles textarea, .header-nav-modal .form-styles textarea, .modal__mobile_container .form-styles textarea, .feature-collection-container .form-styles textarea, .grid-2018-container .form-styles textarea, .product_workswith-new-container .form-styles textarea, .container-2018 .form-styles textarea, .product-2018-container .form-styles textarea, #hsco-add-giftcard .form-styles textarea, .modal[data-modal="cart"] .form-styles textarea,
#checkout-cart .form-styles textarea, .password-reset .form-styles textarea, .pdp-container-2018 .form-styles textarea,
.product-gift-card .form-styles textarea, .modal--product .form-styles textarea, .pdp-collection-info-container .form-styles textarea, .pdp-dimensions-container .form-styles textarea, .pdp-features-container .form-styles textarea, .account.container--fluid .form-styles textarea, .customer-service .form-styles textarea, .text-pages-wrap .form-styles textarea, .search-results-container .form-styles textarea, .link-list .form-styles textarea, #regioncheck.modal.regioncheck-modal .form-styles textarea, .guest-access .form-styles textarea,
.guest-access-form .form-styles textarea, .feature-journal__container .form-styles textarea, .feature-stories__container .form-styles textarea, .feature-panel__container .form-styles textarea, .feature-carousel .form-styles textarea, .shop-by-department__container .form-styles textarea, .store-locator-popup .form-styles textarea, #checkout-container .form-styles textarea, .rma .form-styles textarea, .email-capture .email-capture-container .form-styles textarea, .hsco-pdp-accessories .form-styles textarea, .horizontal-rule__container .form-styles textarea, .image-row .form-styles textarea, .generic-container .form-styles textarea, .credit-form-buttons .form-styles textarea, .single-column-container .form-styles textarea, .two-column-container .form-styles textarea, .hsco-forgot-password-form .form-styles textarea,
.hsco-signin-block .form-styles textarea, .split-panel__container .form-styles textarea, .component-card-list .form-styles textarea, .journal-post .form-styles textarea, .journal-home .form-styles textarea, .hero-two-panel .form-styles textarea, .hero-two-panel-BFCM .form-styles textarea {
  background-color: #fff;
  padding: 8px;
  color: #333;
  border-radius: 0;
}

.styleguides .form-styles .parsley-errors-list li, .modal.modal--item-added .form-styles .parsley-errors-list li, .image-hero .form-styles .parsley-errors-list li, footer .form-styles .parsley-errors-list li, .payment-bar .form-styles .parsley-errors-list li, .cookie-bar .form-styles .parsley-errors-list li, .header.w2-header .form-styles .parsley-errors-list li, .modal[data-modal="account"] .form-styles .parsley-errors-list li, .modal[data-modal="mobile"] .form-styles .parsley-errors-list li, .modal[data-modal="search"] .form-styles .parsley-errors-list li, .header.secondary-header .form-styles .parsley-errors-list li, .header .hide-scroll .form-styles .parsley-errors-list li, .header-nav-modal .form-styles .parsley-errors-list li, .modal__mobile_container .form-styles .parsley-errors-list li, .feature-collection-container .form-styles .parsley-errors-list li, .grid-2018-container .form-styles .parsley-errors-list li, .product_workswith-new-container .form-styles .parsley-errors-list li, .container-2018 .form-styles .parsley-errors-list li, .product-2018-container .form-styles .parsley-errors-list li, #hsco-add-giftcard .form-styles .parsley-errors-list li, .modal[data-modal="cart"] .form-styles .parsley-errors-list li,
#checkout-cart .form-styles .parsley-errors-list li, .password-reset .form-styles .parsley-errors-list li, .pdp-container-2018 .form-styles .parsley-errors-list li,
.product-gift-card .form-styles .parsley-errors-list li, .modal--product .form-styles .parsley-errors-list li, .pdp-collection-info-container .form-styles .parsley-errors-list li, .pdp-dimensions-container .form-styles .parsley-errors-list li, .pdp-features-container .form-styles .parsley-errors-list li, .account.container--fluid .form-styles .parsley-errors-list li, .customer-service .form-styles .parsley-errors-list li, .text-pages-wrap .form-styles .parsley-errors-list li, .search-results-container .form-styles .parsley-errors-list li, .link-list .form-styles .parsley-errors-list li, #regioncheck.modal.regioncheck-modal .form-styles .parsley-errors-list li, .guest-access .form-styles .parsley-errors-list li,
.guest-access-form .form-styles .parsley-errors-list li, .feature-journal__container .form-styles .parsley-errors-list li, .feature-stories__container .form-styles .parsley-errors-list li, .feature-panel__container .form-styles .parsley-errors-list li, .feature-carousel .form-styles .parsley-errors-list li, .shop-by-department__container .form-styles .parsley-errors-list li, .store-locator-popup .form-styles .parsley-errors-list li, #checkout-container .form-styles .parsley-errors-list li, .rma .form-styles .parsley-errors-list li, .email-capture .email-capture-container .form-styles .parsley-errors-list li, .hsco-pdp-accessories .form-styles .parsley-errors-list li, .horizontal-rule__container .form-styles .parsley-errors-list li, .image-row .form-styles .parsley-errors-list li, .generic-container .form-styles .parsley-errors-list li, .credit-form-buttons .form-styles .parsley-errors-list li, .single-column-container .form-styles .parsley-errors-list li, .two-column-container .form-styles .parsley-errors-list li, .hsco-forgot-password-form .form-styles .parsley-errors-list li,
.hsco-signin-block .form-styles .parsley-errors-list li, .split-panel__container .form-styles .parsley-errors-list li, .component-card-list .form-styles .parsley-errors-list li, .journal-post .form-styles .parsley-errors-list li, .journal-home .form-styles .parsley-errors-list li, .hero-two-panel .form-styles .parsley-errors-list li, .hero-two-panel-BFCM .form-styles .parsley-errors-list li {
  text-align: left;
}

.styleguides .form-select-container, .modal.modal--item-added .form-select-container, .image-hero .form-select-container, footer .form-select-container, .payment-bar .form-select-container, .cookie-bar .form-select-container, .header.w2-header .form-select-container, .modal[data-modal="account"] .form-select-container, .modal[data-modal="mobile"] .form-select-container, .modal[data-modal="search"] .form-select-container, .header.secondary-header .form-select-container, .header .hide-scroll .form-select-container, .header-nav-modal .form-select-container, .modal__mobile_container .form-select-container, .feature-collection-container .form-select-container, .grid-2018-container .form-select-container, .product_workswith-new-container .form-select-container, .container-2018 .form-select-container, .product-2018-container .form-select-container, #hsco-add-giftcard .form-select-container, .modal[data-modal="cart"] .form-select-container,
#checkout-cart .form-select-container, .password-reset .form-select-container, .pdp-container-2018 .form-select-container,
.product-gift-card .form-select-container, .modal--product .form-select-container, .pdp-collection-info-container .form-select-container, .pdp-dimensions-container .form-select-container, .pdp-features-container .form-select-container, .account.container--fluid .form-select-container, .customer-service .form-select-container, .text-pages-wrap .form-select-container, .search-results-container .form-select-container, .link-list .form-select-container, #regioncheck.modal.regioncheck-modal .form-select-container, .guest-access .form-select-container,
.guest-access-form .form-select-container, .feature-journal__container .form-select-container, .feature-stories__container .form-select-container, .feature-panel__container .form-select-container, .feature-carousel .form-select-container, .shop-by-department__container .form-select-container, .store-locator-popup .form-select-container, #checkout-container .form-select-container, .rma .form-select-container, .email-capture .email-capture-container .form-select-container, .hsco-pdp-accessories .form-select-container, .horizontal-rule__container .form-select-container, .image-row .form-select-container, .generic-container .form-select-container, .credit-form-buttons .form-select-container, .single-column-container .form-select-container, .two-column-container .form-select-container, .hsco-forgot-password-form .form-select-container,
.hsco-signin-block .form-select-container, .split-panel__container .form-select-container, .component-card-list .form-select-container, .journal-post .form-select-container, .journal-home .form-select-container, .hero-two-panel .form-select-container, .hero-two-panel-BFCM .form-select-container {
  display: block;
  position: relative;
}

.styleguides .form-select-container:after, .modal.modal--item-added .form-select-container:after, .image-hero .form-select-container:after, footer .form-select-container:after, .payment-bar .form-select-container:after, .cookie-bar .form-select-container:after, .header.w2-header .form-select-container:after, .modal[data-modal="account"] .form-select-container:after, .modal[data-modal="mobile"] .form-select-container:after, .modal[data-modal="search"] .form-select-container:after, .header.secondary-header .form-select-container:after, .header .hide-scroll .form-select-container:after, .header-nav-modal .form-select-container:after, .modal__mobile_container .form-select-container:after, .feature-collection-container .form-select-container:after, .grid-2018-container .form-select-container:after, .product_workswith-new-container .form-select-container:after, .container-2018 .form-select-container:after, .product-2018-container .form-select-container:after, #hsco-add-giftcard .form-select-container:after, .modal[data-modal="cart"] .form-select-container:after,
#checkout-cart .form-select-container:after, .password-reset .form-select-container:after, .pdp-container-2018 .form-select-container:after,
.product-gift-card .form-select-container:after, .modal--product .form-select-container:after, .pdp-collection-info-container .form-select-container:after, .pdp-dimensions-container .form-select-container:after, .pdp-features-container .form-select-container:after, .account.container--fluid .form-select-container:after, .customer-service .form-select-container:after, .text-pages-wrap .form-select-container:after, .search-results-container .form-select-container:after, .link-list .form-select-container:after, #regioncheck.modal.regioncheck-modal .form-select-container:after, .guest-access .form-select-container:after,
.guest-access-form .form-select-container:after, .feature-journal__container .form-select-container:after, .feature-stories__container .form-select-container:after, .feature-panel__container .form-select-container:after, .feature-carousel .form-select-container:after, .shop-by-department__container .form-select-container:after, .store-locator-popup .form-select-container:after, #checkout-container .form-select-container:after, .rma .form-select-container:after, .email-capture .email-capture-container .form-select-container:after, .hsco-pdp-accessories .form-select-container:after, .horizontal-rule__container .form-select-container:after, .image-row .form-select-container:after, .generic-container .form-select-container:after, .credit-form-buttons .form-select-container:after, .single-column-container .form-select-container:after, .two-column-container .form-select-container:after, .hsco-forgot-password-form .form-select-container:after,
.hsco-signin-block .form-select-container:after, .split-panel__container .form-select-container:after, .component-card-list .form-select-container:after, .journal-post .form-select-container:after, .journal-home .form-select-container:after, .hero-two-panel .form-select-container:after, .hero-two-panel-BFCM .form-select-container:after {
  font: normal normal normal 14px/1 "Black Tie";
  content: "\f091";
  position: absolute;
  right: 12px;
  top: 10px;
  pointer-events: none;
}

.styleguides .form-select-container select, .modal.modal--item-added .form-select-container select, .image-hero .form-select-container select, footer .form-select-container select, .payment-bar .form-select-container select, .cookie-bar .form-select-container select, .header.w2-header .form-select-container select, .modal[data-modal="account"] .form-select-container select, .modal[data-modal="mobile"] .form-select-container select, .modal[data-modal="search"] .form-select-container select, .header.secondary-header .form-select-container select, .header .hide-scroll .form-select-container select, .header-nav-modal .form-select-container select, .modal__mobile_container .form-select-container select, .feature-collection-container .form-select-container select, .grid-2018-container .form-select-container select, .product_workswith-new-container .form-select-container select, .container-2018 .form-select-container select, .product-2018-container .form-select-container select, #hsco-add-giftcard .form-select-container select, .modal[data-modal="cart"] .form-select-container select,
#checkout-cart .form-select-container select, .password-reset .form-select-container select, .pdp-container-2018 .form-select-container select,
.product-gift-card .form-select-container select, .modal--product .form-select-container select, .pdp-collection-info-container .form-select-container select, .pdp-dimensions-container .form-select-container select, .pdp-features-container .form-select-container select, .account.container--fluid .form-select-container select, .customer-service .form-select-container select, .text-pages-wrap .form-select-container select, .search-results-container .form-select-container select, .link-list .form-select-container select, #regioncheck.modal.regioncheck-modal .form-select-container select, .guest-access .form-select-container select,
.guest-access-form .form-select-container select, .feature-journal__container .form-select-container select, .feature-stories__container .form-select-container select, .feature-panel__container .form-select-container select, .feature-carousel .form-select-container select, .shop-by-department__container .form-select-container select, .store-locator-popup .form-select-container select, #checkout-container .form-select-container select, .rma .form-select-container select, .email-capture .email-capture-container .form-select-container select, .hsco-pdp-accessories .form-select-container select, .horizontal-rule__container .form-select-container select, .image-row .form-select-container select, .generic-container .form-select-container select, .credit-form-buttons .form-select-container select, .single-column-container .form-select-container select, .two-column-container .form-select-container select, .hsco-forgot-password-form .form-select-container select,
.hsco-signin-block .form-select-container select, .split-panel__container .form-select-container select, .component-card-list .form-select-container select, .journal-post .form-select-container select, .journal-home .form-select-container select, .hero-two-panel .form-select-container select, .hero-two-panel-BFCM .form-select-container select {
  background: none;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 10px;
  line-height: normal;
}

.styleguides .form-button-radio, .modal.modal--item-added .form-button-radio, .image-hero .form-button-radio, footer .form-button-radio, .payment-bar .form-button-radio, .cookie-bar .form-button-radio, .header.w2-header .form-button-radio, .modal[data-modal="account"] .form-button-radio, .modal[data-modal="mobile"] .form-button-radio, .modal[data-modal="search"] .form-button-radio, .header.secondary-header .form-button-radio, .header .hide-scroll .form-button-radio, .header-nav-modal .form-button-radio, .modal__mobile_container .form-button-radio, .feature-collection-container .form-button-radio, .grid-2018-container .form-button-radio, .product_workswith-new-container .form-button-radio, .container-2018 .form-button-radio, .product-2018-container .form-button-radio, #hsco-add-giftcard .form-button-radio, .modal[data-modal="cart"] .form-button-radio,
#checkout-cart .form-button-radio, .password-reset .form-button-radio, .pdp-container-2018 .form-button-radio,
.product-gift-card .form-button-radio, .modal--product .form-button-radio, .pdp-collection-info-container .form-button-radio, .pdp-dimensions-container .form-button-radio, .pdp-features-container .form-button-radio, .account.container--fluid .form-button-radio, .customer-service .form-button-radio, .text-pages-wrap .form-button-radio, .search-results-container .form-button-radio, .link-list .form-button-radio, #regioncheck.modal.regioncheck-modal .form-button-radio, .guest-access .form-button-radio,
.guest-access-form .form-button-radio, .feature-journal__container .form-button-radio, .feature-stories__container .form-button-radio, .feature-panel__container .form-button-radio, .feature-carousel .form-button-radio, .shop-by-department__container .form-button-radio, .store-locator-popup .form-button-radio, #checkout-container .form-button-radio, .rma .form-button-radio, .email-capture .email-capture-container .form-button-radio, .hsco-pdp-accessories .form-button-radio, .horizontal-rule__container .form-button-radio, .image-row .form-button-radio, .generic-container .form-button-radio, .credit-form-buttons .form-button-radio, .single-column-container .form-button-radio, .two-column-container .form-button-radio, .hsco-forgot-password-form .form-button-radio,
.hsco-signin-block .form-button-radio, .split-panel__container .form-button-radio, .component-card-list .form-button-radio, .journal-post .form-button-radio, .journal-home .form-button-radio, .hero-two-panel .form-button-radio, .hero-two-panel-BFCM .form-button-radio, .styleguides .form-button-checkbox, .modal.modal--item-added .form-button-checkbox, .image-hero .form-button-checkbox, footer .form-button-checkbox, .payment-bar .form-button-checkbox, .cookie-bar .form-button-checkbox, .header.w2-header .form-button-checkbox, .modal[data-modal="account"] .form-button-checkbox, .modal[data-modal="mobile"] .form-button-checkbox, .modal[data-modal="search"] .form-button-checkbox, .header.secondary-header .form-button-checkbox, .header .hide-scroll .form-button-checkbox, .header-nav-modal .form-button-checkbox, .modal__mobile_container .form-button-checkbox, .feature-collection-container .form-button-checkbox, .grid-2018-container .form-button-checkbox, .product_workswith-new-container .form-button-checkbox, .container-2018 .form-button-checkbox, .product-2018-container .form-button-checkbox, #hsco-add-giftcard .form-button-checkbox, .modal[data-modal="cart"] .form-button-checkbox,
#checkout-cart .form-button-checkbox, .password-reset .form-button-checkbox, .pdp-container-2018 .form-button-checkbox,
.product-gift-card .form-button-checkbox, .modal--product .form-button-checkbox, .pdp-collection-info-container .form-button-checkbox, .pdp-dimensions-container .form-button-checkbox, .pdp-features-container .form-button-checkbox, .account.container--fluid .form-button-checkbox, .customer-service .form-button-checkbox, .text-pages-wrap .form-button-checkbox, .search-results-container .form-button-checkbox, .link-list .form-button-checkbox, #regioncheck.modal.regioncheck-modal .form-button-checkbox, .guest-access .form-button-checkbox,
.guest-access-form .form-button-checkbox, .feature-journal__container .form-button-checkbox, .feature-stories__container .form-button-checkbox, .feature-panel__container .form-button-checkbox, .feature-carousel .form-button-checkbox, .shop-by-department__container .form-button-checkbox, .store-locator-popup .form-button-checkbox, #checkout-container .form-button-checkbox, .rma .form-button-checkbox, .email-capture .email-capture-container .form-button-checkbox, .hsco-pdp-accessories .form-button-checkbox, .horizontal-rule__container .form-button-checkbox, .image-row .form-button-checkbox, .generic-container .form-button-checkbox, .credit-form-buttons .form-button-checkbox, .single-column-container .form-button-checkbox, .two-column-container .form-button-checkbox, .hsco-forgot-password-form .form-button-checkbox,
.hsco-signin-block .form-button-checkbox, .split-panel__container .form-button-checkbox, .component-card-list .form-button-checkbox, .journal-post .form-button-checkbox, .journal-home .form-button-checkbox, .hero-two-panel .form-button-checkbox, .hero-two-panel-BFCM .form-button-checkbox {
  display: inline-block;
  cursor: pointer;
}

.styleguides .form-button-radio--block, .modal.modal--item-added .form-button-radio--block, .image-hero .form-button-radio--block, footer .form-button-radio--block, .payment-bar .form-button-radio--block, .cookie-bar .form-button-radio--block, .header.w2-header .form-button-radio--block, .modal[data-modal="account"] .form-button-radio--block, .modal[data-modal="mobile"] .form-button-radio--block, .modal[data-modal="search"] .form-button-radio--block, .header.secondary-header .form-button-radio--block, .header .hide-scroll .form-button-radio--block, .header-nav-modal .form-button-radio--block, .modal__mobile_container .form-button-radio--block, .feature-collection-container .form-button-radio--block, .grid-2018-container .form-button-radio--block, .product_workswith-new-container .form-button-radio--block, .container-2018 .form-button-radio--block, .product-2018-container .form-button-radio--block, #hsco-add-giftcard .form-button-radio--block, .modal[data-modal="cart"] .form-button-radio--block,
#checkout-cart .form-button-radio--block, .password-reset .form-button-radio--block, .pdp-container-2018 .form-button-radio--block,
.product-gift-card .form-button-radio--block, .modal--product .form-button-radio--block, .pdp-collection-info-container .form-button-radio--block, .pdp-dimensions-container .form-button-radio--block, .pdp-features-container .form-button-radio--block, .account.container--fluid .form-button-radio--block, .customer-service .form-button-radio--block, .text-pages-wrap .form-button-radio--block, .search-results-container .form-button-radio--block, .link-list .form-button-radio--block, #regioncheck.modal.regioncheck-modal .form-button-radio--block, .guest-access .form-button-radio--block,
.guest-access-form .form-button-radio--block, .feature-journal__container .form-button-radio--block, .feature-stories__container .form-button-radio--block, .feature-panel__container .form-button-radio--block, .feature-carousel .form-button-radio--block, .shop-by-department__container .form-button-radio--block, .store-locator-popup .form-button-radio--block, #checkout-container .form-button-radio--block, .rma .form-button-radio--block, .email-capture .email-capture-container .form-button-radio--block, .hsco-pdp-accessories .form-button-radio--block, .horizontal-rule__container .form-button-radio--block, .image-row .form-button-radio--block, .generic-container .form-button-radio--block, .credit-form-buttons .form-button-radio--block, .single-column-container .form-button-radio--block, .two-column-container .form-button-radio--block, .hsco-forgot-password-form .form-button-radio--block,
.hsco-signin-block .form-button-radio--block, .split-panel__container .form-button-radio--block, .component-card-list .form-button-radio--block, .journal-post .form-button-radio--block, .journal-home .form-button-radio--block, .hero-two-panel .form-button-radio--block, .hero-two-panel-BFCM .form-button-radio--block, .styleguides .form-button-checkbox--block, .modal.modal--item-added .form-button-checkbox--block, .image-hero .form-button-checkbox--block, footer .form-button-checkbox--block, .payment-bar .form-button-checkbox--block, .cookie-bar .form-button-checkbox--block, .header.w2-header .form-button-checkbox--block, .modal[data-modal="account"] .form-button-checkbox--block, .modal[data-modal="mobile"] .form-button-checkbox--block, .modal[data-modal="search"] .form-button-checkbox--block, .header.secondary-header .form-button-checkbox--block, .header .hide-scroll .form-button-checkbox--block, .header-nav-modal .form-button-checkbox--block, .modal__mobile_container .form-button-checkbox--block, .feature-collection-container .form-button-checkbox--block, .grid-2018-container .form-button-checkbox--block, .product_workswith-new-container .form-button-checkbox--block, .container-2018 .form-button-checkbox--block, .product-2018-container .form-button-checkbox--block, #hsco-add-giftcard .form-button-checkbox--block, .modal[data-modal="cart"] .form-button-checkbox--block,
#checkout-cart .form-button-checkbox--block, .password-reset .form-button-checkbox--block, .pdp-container-2018 .form-button-checkbox--block,
.product-gift-card .form-button-checkbox--block, .modal--product .form-button-checkbox--block, .pdp-collection-info-container .form-button-checkbox--block, .pdp-dimensions-container .form-button-checkbox--block, .pdp-features-container .form-button-checkbox--block, .account.container--fluid .form-button-checkbox--block, .customer-service .form-button-checkbox--block, .text-pages-wrap .form-button-checkbox--block, .search-results-container .form-button-checkbox--block, .link-list .form-button-checkbox--block, #regioncheck.modal.regioncheck-modal .form-button-checkbox--block, .guest-access .form-button-checkbox--block,
.guest-access-form .form-button-checkbox--block, .feature-journal__container .form-button-checkbox--block, .feature-stories__container .form-button-checkbox--block, .feature-panel__container .form-button-checkbox--block, .feature-carousel .form-button-checkbox--block, .shop-by-department__container .form-button-checkbox--block, .store-locator-popup .form-button-checkbox--block, #checkout-container .form-button-checkbox--block, .rma .form-button-checkbox--block, .email-capture .email-capture-container .form-button-checkbox--block, .hsco-pdp-accessories .form-button-checkbox--block, .horizontal-rule__container .form-button-checkbox--block, .image-row .form-button-checkbox--block, .generic-container .form-button-checkbox--block, .credit-form-buttons .form-button-checkbox--block, .single-column-container .form-button-checkbox--block, .two-column-container .form-button-checkbox--block, .hsco-forgot-password-form .form-button-checkbox--block,
.hsco-signin-block .form-button-checkbox--block, .split-panel__container .form-button-checkbox--block, .component-card-list .form-button-checkbox--block, .journal-post .form-button-checkbox--block, .journal-home .form-button-checkbox--block, .hero-two-panel .form-button-checkbox--block, .hero-two-panel-BFCM .form-button-checkbox--block {
  display: block;
}

.styleguides .form-button-radio label, .modal.modal--item-added .form-button-radio label, .image-hero .form-button-radio label, footer .form-button-radio label, .payment-bar .form-button-radio label, .cookie-bar .form-button-radio label, .header.w2-header .form-button-radio label, .modal[data-modal="account"] .form-button-radio label, .modal[data-modal="mobile"] .form-button-radio label, .modal[data-modal="search"] .form-button-radio label, .header.secondary-header .form-button-radio label, .header .hide-scroll .form-button-radio label, .header-nav-modal .form-button-radio label, .modal__mobile_container .form-button-radio label, .feature-collection-container .form-button-radio label, .grid-2018-container .form-button-radio label, .product_workswith-new-container .form-button-radio label, .container-2018 .form-button-radio label, .product-2018-container .form-button-radio label, #hsco-add-giftcard .form-button-radio label, .modal[data-modal="cart"] .form-button-radio label,
#checkout-cart .form-button-radio label, .password-reset .form-button-radio label, .pdp-container-2018 .form-button-radio label,
.product-gift-card .form-button-radio label, .modal--product .form-button-radio label, .pdp-collection-info-container .form-button-radio label, .pdp-dimensions-container .form-button-radio label, .pdp-features-container .form-button-radio label, .account.container--fluid .form-button-radio label, .customer-service .form-button-radio label, .text-pages-wrap .form-button-radio label, .search-results-container .form-button-radio label, .link-list .form-button-radio label, #regioncheck.modal.regioncheck-modal .form-button-radio label, .guest-access .form-button-radio label,
.guest-access-form .form-button-radio label, .feature-journal__container .form-button-radio label, .feature-stories__container .form-button-radio label, .feature-panel__container .form-button-radio label, .feature-carousel .form-button-radio label, .shop-by-department__container .form-button-radio label, .store-locator-popup .form-button-radio label, #checkout-container .form-button-radio label, .rma .form-button-radio label, .email-capture .email-capture-container .form-button-radio label, .hsco-pdp-accessories .form-button-radio label, .horizontal-rule__container .form-button-radio label, .image-row .form-button-radio label, .generic-container .form-button-radio label, .credit-form-buttons .form-button-radio label, .single-column-container .form-button-radio label, .two-column-container .form-button-radio label, .hsco-forgot-password-form .form-button-radio label,
.hsco-signin-block .form-button-radio label, .split-panel__container .form-button-radio label, .component-card-list .form-button-radio label, .journal-post .form-button-radio label, .journal-home .form-button-radio label, .hero-two-panel .form-button-radio label, .hero-two-panel-BFCM .form-button-radio label, .styleguides .form-button-checkbox label, .modal.modal--item-added .form-button-checkbox label, .image-hero .form-button-checkbox label, footer .form-button-checkbox label, .payment-bar .form-button-checkbox label, .cookie-bar .form-button-checkbox label, .header.w2-header .form-button-checkbox label, .modal[data-modal="account"] .form-button-checkbox label, .modal[data-modal="mobile"] .form-button-checkbox label, .modal[data-modal="search"] .form-button-checkbox label, .header.secondary-header .form-button-checkbox label, .header .hide-scroll .form-button-checkbox label, .header-nav-modal .form-button-checkbox label, .modal__mobile_container .form-button-checkbox label, .feature-collection-container .form-button-checkbox label, .grid-2018-container .form-button-checkbox label, .product_workswith-new-container .form-button-checkbox label, .container-2018 .form-button-checkbox label, .product-2018-container .form-button-checkbox label, #hsco-add-giftcard .form-button-checkbox label, .modal[data-modal="cart"] .form-button-checkbox label,
#checkout-cart .form-button-checkbox label, .password-reset .form-button-checkbox label, .pdp-container-2018 .form-button-checkbox label,
.product-gift-card .form-button-checkbox label, .modal--product .form-button-checkbox label, .pdp-collection-info-container .form-button-checkbox label, .pdp-dimensions-container .form-button-checkbox label, .pdp-features-container .form-button-checkbox label, .account.container--fluid .form-button-checkbox label, .customer-service .form-button-checkbox label, .text-pages-wrap .form-button-checkbox label, .search-results-container .form-button-checkbox label, .link-list .form-button-checkbox label, #regioncheck.modal.regioncheck-modal .form-button-checkbox label, .guest-access .form-button-checkbox label,
.guest-access-form .form-button-checkbox label, .feature-journal__container .form-button-checkbox label, .feature-stories__container .form-button-checkbox label, .feature-panel__container .form-button-checkbox label, .feature-carousel .form-button-checkbox label, .shop-by-department__container .form-button-checkbox label, .store-locator-popup .form-button-checkbox label, #checkout-container .form-button-checkbox label, .rma .form-button-checkbox label, .email-capture .email-capture-container .form-button-checkbox label, .hsco-pdp-accessories .form-button-checkbox label, .horizontal-rule__container .form-button-checkbox label, .image-row .form-button-checkbox label, .generic-container .form-button-checkbox label, .credit-form-buttons .form-button-checkbox label, .single-column-container .form-button-checkbox label, .two-column-container .form-button-checkbox label, .hsco-forgot-password-form .form-button-checkbox label,
.hsco-signin-block .form-button-checkbox label, .split-panel__container .form-button-checkbox label, .component-card-list .form-button-checkbox label, .journal-post .form-button-checkbox label, .journal-home .form-button-checkbox label, .hero-two-panel .form-button-checkbox label, .hero-two-panel-BFCM .form-button-checkbox label {
  position: relative;
  padding: 0 0 0 18px;
  cursor: pointer;
}

.styleguides .form-button-radio label input, .modal.modal--item-added .form-button-radio label input, .image-hero .form-button-radio label input, footer .form-button-radio label input, .payment-bar .form-button-radio label input, .cookie-bar .form-button-radio label input, .header.w2-header .form-button-radio label input, .modal[data-modal="account"] .form-button-radio label input, .modal[data-modal="mobile"] .form-button-radio label input, .modal[data-modal="search"] .form-button-radio label input, .header.secondary-header .form-button-radio label input, .header .hide-scroll .form-button-radio label input, .header-nav-modal .form-button-radio label input, .modal__mobile_container .form-button-radio label input, .feature-collection-container .form-button-radio label input, .grid-2018-container .form-button-radio label input, .product_workswith-new-container .form-button-radio label input, .container-2018 .form-button-radio label input, .product-2018-container .form-button-radio label input, #hsco-add-giftcard .form-button-radio label input, .modal[data-modal="cart"] .form-button-radio label input,
#checkout-cart .form-button-radio label input, .password-reset .form-button-radio label input, .pdp-container-2018 .form-button-radio label input,
.product-gift-card .form-button-radio label input, .modal--product .form-button-radio label input, .pdp-collection-info-container .form-button-radio label input, .pdp-dimensions-container .form-button-radio label input, .pdp-features-container .form-button-radio label input, .account.container--fluid .form-button-radio label input, .customer-service .form-button-radio label input, .text-pages-wrap .form-button-radio label input, .search-results-container .form-button-radio label input, .link-list .form-button-radio label input, #regioncheck.modal.regioncheck-modal .form-button-radio label input, .guest-access .form-button-radio label input,
.guest-access-form .form-button-radio label input, .feature-journal__container .form-button-radio label input, .feature-stories__container .form-button-radio label input, .feature-panel__container .form-button-radio label input, .feature-carousel .form-button-radio label input, .shop-by-department__container .form-button-radio label input, .store-locator-popup .form-button-radio label input, #checkout-container .form-button-radio label input, .rma .form-button-radio label input, .email-capture .email-capture-container .form-button-radio label input, .hsco-pdp-accessories .form-button-radio label input, .horizontal-rule__container .form-button-radio label input, .image-row .form-button-radio label input, .generic-container .form-button-radio label input, .credit-form-buttons .form-button-radio label input, .single-column-container .form-button-radio label input, .two-column-container .form-button-radio label input, .hsco-forgot-password-form .form-button-radio label input,
.hsco-signin-block .form-button-radio label input, .split-panel__container .form-button-radio label input, .component-card-list .form-button-radio label input, .journal-post .form-button-radio label input, .journal-home .form-button-radio label input, .hero-two-panel .form-button-radio label input, .hero-two-panel-BFCM .form-button-radio label input, .styleguides .form-button-checkbox label input, .modal.modal--item-added .form-button-checkbox label input, .image-hero .form-button-checkbox label input, footer .form-button-checkbox label input, .payment-bar .form-button-checkbox label input, .cookie-bar .form-button-checkbox label input, .header.w2-header .form-button-checkbox label input, .modal[data-modal="account"] .form-button-checkbox label input, .modal[data-modal="mobile"] .form-button-checkbox label input, .modal[data-modal="search"] .form-button-checkbox label input, .header.secondary-header .form-button-checkbox label input, .header .hide-scroll .form-button-checkbox label input, .header-nav-modal .form-button-checkbox label input, .modal__mobile_container .form-button-checkbox label input, .feature-collection-container .form-button-checkbox label input, .grid-2018-container .form-button-checkbox label input, .product_workswith-new-container .form-button-checkbox label input, .container-2018 .form-button-checkbox label input, .product-2018-container .form-button-checkbox label input, #hsco-add-giftcard .form-button-checkbox label input, .modal[data-modal="cart"] .form-button-checkbox label input,
#checkout-cart .form-button-checkbox label input, .password-reset .form-button-checkbox label input, .pdp-container-2018 .form-button-checkbox label input,
.product-gift-card .form-button-checkbox label input, .modal--product .form-button-checkbox label input, .pdp-collection-info-container .form-button-checkbox label input, .pdp-dimensions-container .form-button-checkbox label input, .pdp-features-container .form-button-checkbox label input, .account.container--fluid .form-button-checkbox label input, .customer-service .form-button-checkbox label input, .text-pages-wrap .form-button-checkbox label input, .search-results-container .form-button-checkbox label input, .link-list .form-button-checkbox label input, #regioncheck.modal.regioncheck-modal .form-button-checkbox label input, .guest-access .form-button-checkbox label input,
.guest-access-form .form-button-checkbox label input, .feature-journal__container .form-button-checkbox label input, .feature-stories__container .form-button-checkbox label input, .feature-panel__container .form-button-checkbox label input, .feature-carousel .form-button-checkbox label input, .shop-by-department__container .form-button-checkbox label input, .store-locator-popup .form-button-checkbox label input, #checkout-container .form-button-checkbox label input, .rma .form-button-checkbox label input, .email-capture .email-capture-container .form-button-checkbox label input, .hsco-pdp-accessories .form-button-checkbox label input, .horizontal-rule__container .form-button-checkbox label input, .image-row .form-button-checkbox label input, .generic-container .form-button-checkbox label input, .credit-form-buttons .form-button-checkbox label input, .single-column-container .form-button-checkbox label input, .two-column-container .form-button-checkbox label input, .hsco-forgot-password-form .form-button-checkbox label input,
.hsco-signin-block .form-button-checkbox label input, .split-panel__container .form-button-checkbox label input, .component-card-list .form-button-checkbox label input, .journal-post .form-button-checkbox label input, .journal-home .form-button-checkbox label input, .hero-two-panel .form-button-checkbox label input, .hero-two-panel-BFCM .form-button-checkbox label input {
  width: auto;
  position: absolute;
  top: 3px;
  left: 0;
  opacity: 0;
}

.styleguides .form-button-radio label input:checked + .checkbox-checkmark, .modal.modal--item-added .form-button-radio label input:checked + .checkbox-checkmark, .image-hero .form-button-radio label input:checked + .checkbox-checkmark, footer .form-button-radio label input:checked + .checkbox-checkmark, .payment-bar .form-button-radio label input:checked + .checkbox-checkmark, .cookie-bar .form-button-radio label input:checked + .checkbox-checkmark, .header.w2-header .form-button-radio label input:checked + .checkbox-checkmark, .modal[data-modal="account"] .form-button-radio label input:checked + .checkbox-checkmark, .modal[data-modal="mobile"] .form-button-radio label input:checked + .checkbox-checkmark, .modal[data-modal="search"] .form-button-radio label input:checked + .checkbox-checkmark, .header.secondary-header .form-button-radio label input:checked + .checkbox-checkmark, .header .hide-scroll .form-button-radio label input:checked + .checkbox-checkmark, .header-nav-modal .form-button-radio label input:checked + .checkbox-checkmark, .modal__mobile_container .form-button-radio label input:checked + .checkbox-checkmark, .feature-collection-container .form-button-radio label input:checked + .checkbox-checkmark, .grid-2018-container .form-button-radio label input:checked + .checkbox-checkmark, .product_workswith-new-container .form-button-radio label input:checked + .checkbox-checkmark, .container-2018 .form-button-radio label input:checked + .checkbox-checkmark, .product-2018-container .form-button-radio label input:checked + .checkbox-checkmark, #hsco-add-giftcard .form-button-radio label input:checked + .checkbox-checkmark, .modal[data-modal="cart"] .form-button-radio label input:checked + .checkbox-checkmark,
#checkout-cart .form-button-radio label input:checked + .checkbox-checkmark, .password-reset .form-button-radio label input:checked + .checkbox-checkmark, .pdp-container-2018 .form-button-radio label input:checked + .checkbox-checkmark,
.product-gift-card .form-button-radio label input:checked + .checkbox-checkmark, .modal--product .form-button-radio label input:checked + .checkbox-checkmark, .pdp-collection-info-container .form-button-radio label input:checked + .checkbox-checkmark, .pdp-dimensions-container .form-button-radio label input:checked + .checkbox-checkmark, .pdp-features-container .form-button-radio label input:checked + .checkbox-checkmark, .account.container--fluid .form-button-radio label input:checked + .checkbox-checkmark, .customer-service .form-button-radio label input:checked + .checkbox-checkmark, .text-pages-wrap .form-button-radio label input:checked + .checkbox-checkmark, .search-results-container .form-button-radio label input:checked + .checkbox-checkmark, .link-list .form-button-radio label input:checked + .checkbox-checkmark, #regioncheck.modal.regioncheck-modal .form-button-radio label input:checked + .checkbox-checkmark, .guest-access .form-button-radio label input:checked + .checkbox-checkmark,
.guest-access-form .form-button-radio label input:checked + .checkbox-checkmark, .feature-journal__container .form-button-radio label input:checked + .checkbox-checkmark, .feature-stories__container .form-button-radio label input:checked + .checkbox-checkmark, .feature-panel__container .form-button-radio label input:checked + .checkbox-checkmark, .feature-carousel .form-button-radio label input:checked + .checkbox-checkmark, .shop-by-department__container .form-button-radio label input:checked + .checkbox-checkmark, .store-locator-popup .form-button-radio label input:checked + .checkbox-checkmark, #checkout-container .form-button-radio label input:checked + .checkbox-checkmark, .rma .form-button-radio label input:checked + .checkbox-checkmark, .email-capture .email-capture-container .form-button-radio label input:checked + .checkbox-checkmark, .hsco-pdp-accessories .form-button-radio label input:checked + .checkbox-checkmark, .horizontal-rule__container .form-button-radio label input:checked + .checkbox-checkmark, .image-row .form-button-radio label input:checked + .checkbox-checkmark, .generic-container .form-button-radio label input:checked + .checkbox-checkmark, .credit-form-buttons .form-button-radio label input:checked + .checkbox-checkmark, .single-column-container .form-button-radio label input:checked + .checkbox-checkmark, .two-column-container .form-button-radio label input:checked + .checkbox-checkmark, .hsco-forgot-password-form .form-button-radio label input:checked + .checkbox-checkmark,
.hsco-signin-block .form-button-radio label input:checked + .checkbox-checkmark, .split-panel__container .form-button-radio label input:checked + .checkbox-checkmark, .component-card-list .form-button-radio label input:checked + .checkbox-checkmark, .journal-post .form-button-radio label input:checked + .checkbox-checkmark, .journal-home .form-button-radio label input:checked + .checkbox-checkmark, .hero-two-panel .form-button-radio label input:checked + .checkbox-checkmark, .hero-two-panel-BFCM .form-button-radio label input:checked + .checkbox-checkmark, .styleguides .form-button-checkbox label input:checked + .checkbox-checkmark, .modal.modal--item-added .form-button-checkbox label input:checked + .checkbox-checkmark, .image-hero .form-button-checkbox label input:checked + .checkbox-checkmark, footer .form-button-checkbox label input:checked + .checkbox-checkmark, .payment-bar .form-button-checkbox label input:checked + .checkbox-checkmark, .cookie-bar .form-button-checkbox label input:checked + .checkbox-checkmark, .header.w2-header .form-button-checkbox label input:checked + .checkbox-checkmark, .modal[data-modal="account"] .form-button-checkbox label input:checked + .checkbox-checkmark, .modal[data-modal="mobile"] .form-button-checkbox label input:checked + .checkbox-checkmark, .modal[data-modal="search"] .form-button-checkbox label input:checked + .checkbox-checkmark, .header.secondary-header .form-button-checkbox label input:checked + .checkbox-checkmark, .header .hide-scroll .form-button-checkbox label input:checked + .checkbox-checkmark, .header-nav-modal .form-button-checkbox label input:checked + .checkbox-checkmark, .modal__mobile_container .form-button-checkbox label input:checked + .checkbox-checkmark, .feature-collection-container .form-button-checkbox label input:checked + .checkbox-checkmark, .grid-2018-container .form-button-checkbox label input:checked + .checkbox-checkmark, .product_workswith-new-container .form-button-checkbox label input:checked + .checkbox-checkmark, .container-2018 .form-button-checkbox label input:checked + .checkbox-checkmark, .product-2018-container .form-button-checkbox label input:checked + .checkbox-checkmark, #hsco-add-giftcard .form-button-checkbox label input:checked + .checkbox-checkmark, .modal[data-modal="cart"] .form-button-checkbox label input:checked + .checkbox-checkmark,
#checkout-cart .form-button-checkbox label input:checked + .checkbox-checkmark, .password-reset .form-button-checkbox label input:checked + .checkbox-checkmark, .pdp-container-2018 .form-button-checkbox label input:checked + .checkbox-checkmark,
.product-gift-card .form-button-checkbox label input:checked + .checkbox-checkmark, .modal--product .form-button-checkbox label input:checked + .checkbox-checkmark, .pdp-collection-info-container .form-button-checkbox label input:checked + .checkbox-checkmark, .pdp-dimensions-container .form-button-checkbox label input:checked + .checkbox-checkmark, .pdp-features-container .form-button-checkbox label input:checked + .checkbox-checkmark, .account.container--fluid .form-button-checkbox label input:checked + .checkbox-checkmark, .customer-service .form-button-checkbox label input:checked + .checkbox-checkmark, .text-pages-wrap .form-button-checkbox label input:checked + .checkbox-checkmark, .search-results-container .form-button-checkbox label input:checked + .checkbox-checkmark, .link-list .form-button-checkbox label input:checked + .checkbox-checkmark, #regioncheck.modal.regioncheck-modal .form-button-checkbox label input:checked + .checkbox-checkmark, .guest-access .form-button-checkbox label input:checked + .checkbox-checkmark,
.guest-access-form .form-button-checkbox label input:checked + .checkbox-checkmark, .feature-journal__container .form-button-checkbox label input:checked + .checkbox-checkmark, .feature-stories__container .form-button-checkbox label input:checked + .checkbox-checkmark, .feature-panel__container .form-button-checkbox label input:checked + .checkbox-checkmark, .feature-carousel .form-button-checkbox label input:checked + .checkbox-checkmark, .shop-by-department__container .form-button-checkbox label input:checked + .checkbox-checkmark, .store-locator-popup .form-button-checkbox label input:checked + .checkbox-checkmark, #checkout-container .form-button-checkbox label input:checked + .checkbox-checkmark, .rma .form-button-checkbox label input:checked + .checkbox-checkmark, .email-capture .email-capture-container .form-button-checkbox label input:checked + .checkbox-checkmark, .hsco-pdp-accessories .form-button-checkbox label input:checked + .checkbox-checkmark, .horizontal-rule__container .form-button-checkbox label input:checked + .checkbox-checkmark, .image-row .form-button-checkbox label input:checked + .checkbox-checkmark, .generic-container .form-button-checkbox label input:checked + .checkbox-checkmark, .credit-form-buttons .form-button-checkbox label input:checked + .checkbox-checkmark, .single-column-container .form-button-checkbox label input:checked + .checkbox-checkmark, .two-column-container .form-button-checkbox label input:checked + .checkbox-checkmark, .hsco-forgot-password-form .form-button-checkbox label input:checked + .checkbox-checkmark,
.hsco-signin-block .form-button-checkbox label input:checked + .checkbox-checkmark, .split-panel__container .form-button-checkbox label input:checked + .checkbox-checkmark, .component-card-list .form-button-checkbox label input:checked + .checkbox-checkmark, .journal-post .form-button-checkbox label input:checked + .checkbox-checkmark, .journal-home .form-button-checkbox label input:checked + .checkbox-checkmark, .hero-two-panel .form-button-checkbox label input:checked + .checkbox-checkmark, .hero-two-panel-BFCM .form-button-checkbox label input:checked + .checkbox-checkmark {
  position: absolute;
  border: none;
}

.styleguides .form-button-radio label input:checked + .checkbox-checkmark:after, .modal.modal--item-added .form-button-radio label input:checked + .checkbox-checkmark:after, .image-hero .form-button-radio label input:checked + .checkbox-checkmark:after, footer .form-button-radio label input:checked + .checkbox-checkmark:after, .payment-bar .form-button-radio label input:checked + .checkbox-checkmark:after, .cookie-bar .form-button-radio label input:checked + .checkbox-checkmark:after, .header.w2-header .form-button-radio label input:checked + .checkbox-checkmark:after, .modal[data-modal="account"] .form-button-radio label input:checked + .checkbox-checkmark:after, .modal[data-modal="mobile"] .form-button-radio label input:checked + .checkbox-checkmark:after, .modal[data-modal="search"] .form-button-radio label input:checked + .checkbox-checkmark:after, .header.secondary-header .form-button-radio label input:checked + .checkbox-checkmark:after, .header .hide-scroll .form-button-radio label input:checked + .checkbox-checkmark:after, .header-nav-modal .form-button-radio label input:checked + .checkbox-checkmark:after, .modal__mobile_container .form-button-radio label input:checked + .checkbox-checkmark:after, .feature-collection-container .form-button-radio label input:checked + .checkbox-checkmark:after, .grid-2018-container .form-button-radio label input:checked + .checkbox-checkmark:after, .product_workswith-new-container .form-button-radio label input:checked + .checkbox-checkmark:after, .container-2018 .form-button-radio label input:checked + .checkbox-checkmark:after, .product-2018-container .form-button-radio label input:checked + .checkbox-checkmark:after, #hsco-add-giftcard .form-button-radio label input:checked + .checkbox-checkmark:after, .modal[data-modal="cart"] .form-button-radio label input:checked + .checkbox-checkmark:after,
#checkout-cart .form-button-radio label input:checked + .checkbox-checkmark:after, .password-reset .form-button-radio label input:checked + .checkbox-checkmark:after, .pdp-container-2018 .form-button-radio label input:checked + .checkbox-checkmark:after,
.product-gift-card .form-button-radio label input:checked + .checkbox-checkmark:after, .modal--product .form-button-radio label input:checked + .checkbox-checkmark:after, .pdp-collection-info-container .form-button-radio label input:checked + .checkbox-checkmark:after, .pdp-dimensions-container .form-button-radio label input:checked + .checkbox-checkmark:after, .pdp-features-container .form-button-radio label input:checked + .checkbox-checkmark:after, .account.container--fluid .form-button-radio label input:checked + .checkbox-checkmark:after, .customer-service .form-button-radio label input:checked + .checkbox-checkmark:after, .text-pages-wrap .form-button-radio label input:checked + .checkbox-checkmark:after, .search-results-container .form-button-radio label input:checked + .checkbox-checkmark:after, .link-list .form-button-radio label input:checked + .checkbox-checkmark:after, #regioncheck.modal.regioncheck-modal .form-button-radio label input:checked + .checkbox-checkmark:after, .guest-access .form-button-radio label input:checked + .checkbox-checkmark:after,
.guest-access-form .form-button-radio label input:checked + .checkbox-checkmark:after, .feature-journal__container .form-button-radio label input:checked + .checkbox-checkmark:after, .feature-stories__container .form-button-radio label input:checked + .checkbox-checkmark:after, .feature-panel__container .form-button-radio label input:checked + .checkbox-checkmark:after, .feature-carousel .form-button-radio label input:checked + .checkbox-checkmark:after, .shop-by-department__container .form-button-radio label input:checked + .checkbox-checkmark:after, .store-locator-popup .form-button-radio label input:checked + .checkbox-checkmark:after, #checkout-container .form-button-radio label input:checked + .checkbox-checkmark:after, .rma .form-button-radio label input:checked + .checkbox-checkmark:after, .email-capture .email-capture-container .form-button-radio label input:checked + .checkbox-checkmark:after, .hsco-pdp-accessories .form-button-radio label input:checked + .checkbox-checkmark:after, .horizontal-rule__container .form-button-radio label input:checked + .checkbox-checkmark:after, .image-row .form-button-radio label input:checked + .checkbox-checkmark:after, .generic-container .form-button-radio label input:checked + .checkbox-checkmark:after, .credit-form-buttons .form-button-radio label input:checked + .checkbox-checkmark:after, .single-column-container .form-button-radio label input:checked + .checkbox-checkmark:after, .two-column-container .form-button-radio label input:checked + .checkbox-checkmark:after, .hsco-forgot-password-form .form-button-radio label input:checked + .checkbox-checkmark:after,
.hsco-signin-block .form-button-radio label input:checked + .checkbox-checkmark:after, .split-panel__container .form-button-radio label input:checked + .checkbox-checkmark:after, .component-card-list .form-button-radio label input:checked + .checkbox-checkmark:after, .journal-post .form-button-radio label input:checked + .checkbox-checkmark:after, .journal-home .form-button-radio label input:checked + .checkbox-checkmark:after, .hero-two-panel .form-button-radio label input:checked + .checkbox-checkmark:after, .hero-two-panel-BFCM .form-button-radio label input:checked + .checkbox-checkmark:after, .styleguides .form-button-checkbox label input:checked + .checkbox-checkmark:after, .modal.modal--item-added .form-button-checkbox label input:checked + .checkbox-checkmark:after, .image-hero .form-button-checkbox label input:checked + .checkbox-checkmark:after, footer .form-button-checkbox label input:checked + .checkbox-checkmark:after, .payment-bar .form-button-checkbox label input:checked + .checkbox-checkmark:after, .cookie-bar .form-button-checkbox label input:checked + .checkbox-checkmark:after, .header.w2-header .form-button-checkbox label input:checked + .checkbox-checkmark:after, .modal[data-modal="account"] .form-button-checkbox label input:checked + .checkbox-checkmark:after, .modal[data-modal="mobile"] .form-button-checkbox label input:checked + .checkbox-checkmark:after, .modal[data-modal="search"] .form-button-checkbox label input:checked + .checkbox-checkmark:after, .header.secondary-header .form-button-checkbox label input:checked + .checkbox-checkmark:after, .header .hide-scroll .form-button-checkbox label input:checked + .checkbox-checkmark:after, .header-nav-modal .form-button-checkbox label input:checked + .checkbox-checkmark:after, .modal__mobile_container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .feature-collection-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .grid-2018-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .product_workswith-new-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .container-2018 .form-button-checkbox label input:checked + .checkbox-checkmark:after, .product-2018-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, #hsco-add-giftcard .form-button-checkbox label input:checked + .checkbox-checkmark:after, .modal[data-modal="cart"] .form-button-checkbox label input:checked + .checkbox-checkmark:after,
#checkout-cart .form-button-checkbox label input:checked + .checkbox-checkmark:after, .password-reset .form-button-checkbox label input:checked + .checkbox-checkmark:after, .pdp-container-2018 .form-button-checkbox label input:checked + .checkbox-checkmark:after,
.product-gift-card .form-button-checkbox label input:checked + .checkbox-checkmark:after, .modal--product .form-button-checkbox label input:checked + .checkbox-checkmark:after, .pdp-collection-info-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .pdp-dimensions-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .pdp-features-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .account.container--fluid .form-button-checkbox label input:checked + .checkbox-checkmark:after, .customer-service .form-button-checkbox label input:checked + .checkbox-checkmark:after, .text-pages-wrap .form-button-checkbox label input:checked + .checkbox-checkmark:after, .search-results-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .link-list .form-button-checkbox label input:checked + .checkbox-checkmark:after, #regioncheck.modal.regioncheck-modal .form-button-checkbox label input:checked + .checkbox-checkmark:after, .guest-access .form-button-checkbox label input:checked + .checkbox-checkmark:after,
.guest-access-form .form-button-checkbox label input:checked + .checkbox-checkmark:after, .feature-journal__container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .feature-stories__container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .feature-panel__container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .feature-carousel .form-button-checkbox label input:checked + .checkbox-checkmark:after, .shop-by-department__container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .store-locator-popup .form-button-checkbox label input:checked + .checkbox-checkmark:after, #checkout-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .rma .form-button-checkbox label input:checked + .checkbox-checkmark:after, .email-capture .email-capture-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .hsco-pdp-accessories .form-button-checkbox label input:checked + .checkbox-checkmark:after, .horizontal-rule__container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .image-row .form-button-checkbox label input:checked + .checkbox-checkmark:after, .generic-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .credit-form-buttons .form-button-checkbox label input:checked + .checkbox-checkmark:after, .single-column-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .two-column-container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .hsco-forgot-password-form .form-button-checkbox label input:checked + .checkbox-checkmark:after,
.hsco-signin-block .form-button-checkbox label input:checked + .checkbox-checkmark:after, .split-panel__container .form-button-checkbox label input:checked + .checkbox-checkmark:after, .component-card-list .form-button-checkbox label input:checked + .checkbox-checkmark:after, .journal-post .form-button-checkbox label input:checked + .checkbox-checkmark:after, .journal-home .form-button-checkbox label input:checked + .checkbox-checkmark:after, .hero-two-panel .form-button-checkbox label input:checked + .checkbox-checkmark:after, .hero-two-panel-BFCM .form-button-checkbox label input:checked + .checkbox-checkmark:after {
  top: 0;
  left: 0;
  font: normal normal normal 14px/1 "Black Tie";
  content: "\f012";
  color: #00993b;
  font-weight: 600;
}

.styleguides .form-button-radio label .checkbox-checkmark, .modal.modal--item-added .form-button-radio label .checkbox-checkmark, .image-hero .form-button-radio label .checkbox-checkmark, footer .form-button-radio label .checkbox-checkmark, .payment-bar .form-button-radio label .checkbox-checkmark, .cookie-bar .form-button-radio label .checkbox-checkmark, .header.w2-header .form-button-radio label .checkbox-checkmark, .modal[data-modal="account"] .form-button-radio label .checkbox-checkmark, .modal[data-modal="mobile"] .form-button-radio label .checkbox-checkmark, .modal[data-modal="search"] .form-button-radio label .checkbox-checkmark, .header.secondary-header .form-button-radio label .checkbox-checkmark, .header .hide-scroll .form-button-radio label .checkbox-checkmark, .header-nav-modal .form-button-radio label .checkbox-checkmark, .modal__mobile_container .form-button-radio label .checkbox-checkmark, .feature-collection-container .form-button-radio label .checkbox-checkmark, .grid-2018-container .form-button-radio label .checkbox-checkmark, .product_workswith-new-container .form-button-radio label .checkbox-checkmark, .container-2018 .form-button-radio label .checkbox-checkmark, .product-2018-container .form-button-radio label .checkbox-checkmark, #hsco-add-giftcard .form-button-radio label .checkbox-checkmark, .modal[data-modal="cart"] .form-button-radio label .checkbox-checkmark,
#checkout-cart .form-button-radio label .checkbox-checkmark, .password-reset .form-button-radio label .checkbox-checkmark, .pdp-container-2018 .form-button-radio label .checkbox-checkmark,
.product-gift-card .form-button-radio label .checkbox-checkmark, .modal--product .form-button-radio label .checkbox-checkmark, .pdp-collection-info-container .form-button-radio label .checkbox-checkmark, .pdp-dimensions-container .form-button-radio label .checkbox-checkmark, .pdp-features-container .form-button-radio label .checkbox-checkmark, .account.container--fluid .form-button-radio label .checkbox-checkmark, .customer-service .form-button-radio label .checkbox-checkmark, .text-pages-wrap .form-button-radio label .checkbox-checkmark, .search-results-container .form-button-radio label .checkbox-checkmark, .link-list .form-button-radio label .checkbox-checkmark, #regioncheck.modal.regioncheck-modal .form-button-radio label .checkbox-checkmark, .guest-access .form-button-radio label .checkbox-checkmark,
.guest-access-form .form-button-radio label .checkbox-checkmark, .feature-journal__container .form-button-radio label .checkbox-checkmark, .feature-stories__container .form-button-radio label .checkbox-checkmark, .feature-panel__container .form-button-radio label .checkbox-checkmark, .feature-carousel .form-button-radio label .checkbox-checkmark, .shop-by-department__container .form-button-radio label .checkbox-checkmark, .store-locator-popup .form-button-radio label .checkbox-checkmark, #checkout-container .form-button-radio label .checkbox-checkmark, .rma .form-button-radio label .checkbox-checkmark, .email-capture .email-capture-container .form-button-radio label .checkbox-checkmark, .hsco-pdp-accessories .form-button-radio label .checkbox-checkmark, .horizontal-rule__container .form-button-radio label .checkbox-checkmark, .image-row .form-button-radio label .checkbox-checkmark, .generic-container .form-button-radio label .checkbox-checkmark, .credit-form-buttons .form-button-radio label .checkbox-checkmark, .single-column-container .form-button-radio label .checkbox-checkmark, .two-column-container .form-button-radio label .checkbox-checkmark, .hsco-forgot-password-form .form-button-radio label .checkbox-checkmark,
.hsco-signin-block .form-button-radio label .checkbox-checkmark, .split-panel__container .form-button-radio label .checkbox-checkmark, .component-card-list .form-button-radio label .checkbox-checkmark, .journal-post .form-button-radio label .checkbox-checkmark, .journal-home .form-button-radio label .checkbox-checkmark, .hero-two-panel .form-button-radio label .checkbox-checkmark, .hero-two-panel-BFCM .form-button-radio label .checkbox-checkmark, .styleguides .form-button-checkbox label .checkbox-checkmark, .modal.modal--item-added .form-button-checkbox label .checkbox-checkmark, .image-hero .form-button-checkbox label .checkbox-checkmark, footer .form-button-checkbox label .checkbox-checkmark, .payment-bar .form-button-checkbox label .checkbox-checkmark, .cookie-bar .form-button-checkbox label .checkbox-checkmark, .header.w2-header .form-button-checkbox label .checkbox-checkmark, .modal[data-modal="account"] .form-button-checkbox label .checkbox-checkmark, .modal[data-modal="mobile"] .form-button-checkbox label .checkbox-checkmark, .modal[data-modal="search"] .form-button-checkbox label .checkbox-checkmark, .header.secondary-header .form-button-checkbox label .checkbox-checkmark, .header .hide-scroll .form-button-checkbox label .checkbox-checkmark, .header-nav-modal .form-button-checkbox label .checkbox-checkmark, .modal__mobile_container .form-button-checkbox label .checkbox-checkmark, .feature-collection-container .form-button-checkbox label .checkbox-checkmark, .grid-2018-container .form-button-checkbox label .checkbox-checkmark, .product_workswith-new-container .form-button-checkbox label .checkbox-checkmark, .container-2018 .form-button-checkbox label .checkbox-checkmark, .product-2018-container .form-button-checkbox label .checkbox-checkmark, #hsco-add-giftcard .form-button-checkbox label .checkbox-checkmark, .modal[data-modal="cart"] .form-button-checkbox label .checkbox-checkmark,
#checkout-cart .form-button-checkbox label .checkbox-checkmark, .password-reset .form-button-checkbox label .checkbox-checkmark, .pdp-container-2018 .form-button-checkbox label .checkbox-checkmark,
.product-gift-card .form-button-checkbox label .checkbox-checkmark, .modal--product .form-button-checkbox label .checkbox-checkmark, .pdp-collection-info-container .form-button-checkbox label .checkbox-checkmark, .pdp-dimensions-container .form-button-checkbox label .checkbox-checkmark, .pdp-features-container .form-button-checkbox label .checkbox-checkmark, .account.container--fluid .form-button-checkbox label .checkbox-checkmark, .customer-service .form-button-checkbox label .checkbox-checkmark, .text-pages-wrap .form-button-checkbox label .checkbox-checkmark, .search-results-container .form-button-checkbox label .checkbox-checkmark, .link-list .form-button-checkbox label .checkbox-checkmark, #regioncheck.modal.regioncheck-modal .form-button-checkbox label .checkbox-checkmark, .guest-access .form-button-checkbox label .checkbox-checkmark,
.guest-access-form .form-button-checkbox label .checkbox-checkmark, .feature-journal__container .form-button-checkbox label .checkbox-checkmark, .feature-stories__container .form-button-checkbox label .checkbox-checkmark, .feature-panel__container .form-button-checkbox label .checkbox-checkmark, .feature-carousel .form-button-checkbox label .checkbox-checkmark, .shop-by-department__container .form-button-checkbox label .checkbox-checkmark, .store-locator-popup .form-button-checkbox label .checkbox-checkmark, #checkout-container .form-button-checkbox label .checkbox-checkmark, .rma .form-button-checkbox label .checkbox-checkmark, .email-capture .email-capture-container .form-button-checkbox label .checkbox-checkmark, .hsco-pdp-accessories .form-button-checkbox label .checkbox-checkmark, .horizontal-rule__container .form-button-checkbox label .checkbox-checkmark, .image-row .form-button-checkbox label .checkbox-checkmark, .generic-container .form-button-checkbox label .checkbox-checkmark, .credit-form-buttons .form-button-checkbox label .checkbox-checkmark, .single-column-container .form-button-checkbox label .checkbox-checkmark, .two-column-container .form-button-checkbox label .checkbox-checkmark, .hsco-forgot-password-form .form-button-checkbox label .checkbox-checkmark,
.hsco-signin-block .form-button-checkbox label .checkbox-checkmark, .split-panel__container .form-button-checkbox label .checkbox-checkmark, .component-card-list .form-button-checkbox label .checkbox-checkmark, .journal-post .form-button-checkbox label .checkbox-checkmark, .journal-home .form-button-checkbox label .checkbox-checkmark, .hero-two-panel .form-button-checkbox label .checkbox-checkmark, .hero-two-panel-BFCM .form-button-checkbox label .checkbox-checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  border: 1px solid #333;
  height: 12px;
  width: 12px;
}

.styleguides .form-button-radio label .checkbox-checkmark.circle, .modal.modal--item-added .form-button-radio label .checkbox-checkmark.circle, .image-hero .form-button-radio label .checkbox-checkmark.circle, footer .form-button-radio label .checkbox-checkmark.circle, .payment-bar .form-button-radio label .checkbox-checkmark.circle, .cookie-bar .form-button-radio label .checkbox-checkmark.circle, .header.w2-header .form-button-radio label .checkbox-checkmark.circle, .modal[data-modal="account"] .form-button-radio label .checkbox-checkmark.circle, .modal[data-modal="mobile"] .form-button-radio label .checkbox-checkmark.circle, .modal[data-modal="search"] .form-button-radio label .checkbox-checkmark.circle, .header.secondary-header .form-button-radio label .checkbox-checkmark.circle, .header .hide-scroll .form-button-radio label .checkbox-checkmark.circle, .header-nav-modal .form-button-radio label .checkbox-checkmark.circle, .modal__mobile_container .form-button-radio label .checkbox-checkmark.circle, .feature-collection-container .form-button-radio label .checkbox-checkmark.circle, .grid-2018-container .form-button-radio label .checkbox-checkmark.circle, .product_workswith-new-container .form-button-radio label .checkbox-checkmark.circle, .container-2018 .form-button-radio label .checkbox-checkmark.circle, .product-2018-container .form-button-radio label .checkbox-checkmark.circle, #hsco-add-giftcard .form-button-radio label .checkbox-checkmark.circle, .modal[data-modal="cart"] .form-button-radio label .checkbox-checkmark.circle,
#checkout-cart .form-button-radio label .checkbox-checkmark.circle, .password-reset .form-button-radio label .checkbox-checkmark.circle, .pdp-container-2018 .form-button-radio label .checkbox-checkmark.circle,
.product-gift-card .form-button-radio label .checkbox-checkmark.circle, .modal--product .form-button-radio label .checkbox-checkmark.circle, .pdp-collection-info-container .form-button-radio label .checkbox-checkmark.circle, .pdp-dimensions-container .form-button-radio label .checkbox-checkmark.circle, .pdp-features-container .form-button-radio label .checkbox-checkmark.circle, .account.container--fluid .form-button-radio label .checkbox-checkmark.circle, .customer-service .form-button-radio label .checkbox-checkmark.circle, .text-pages-wrap .form-button-radio label .checkbox-checkmark.circle, .search-results-container .form-button-radio label .checkbox-checkmark.circle, .link-list .form-button-radio label .checkbox-checkmark.circle, #regioncheck.modal.regioncheck-modal .form-button-radio label .checkbox-checkmark.circle, .guest-access .form-button-radio label .checkbox-checkmark.circle,
.guest-access-form .form-button-radio label .checkbox-checkmark.circle, .feature-journal__container .form-button-radio label .checkbox-checkmark.circle, .feature-stories__container .form-button-radio label .checkbox-checkmark.circle, .feature-panel__container .form-button-radio label .checkbox-checkmark.circle, .feature-carousel .form-button-radio label .checkbox-checkmark.circle, .shop-by-department__container .form-button-radio label .checkbox-checkmark.circle, .store-locator-popup .form-button-radio label .checkbox-checkmark.circle, #checkout-container .form-button-radio label .checkbox-checkmark.circle, .rma .form-button-radio label .checkbox-checkmark.circle, .email-capture .email-capture-container .form-button-radio label .checkbox-checkmark.circle, .hsco-pdp-accessories .form-button-radio label .checkbox-checkmark.circle, .horizontal-rule__container .form-button-radio label .checkbox-checkmark.circle, .image-row .form-button-radio label .checkbox-checkmark.circle, .generic-container .form-button-radio label .checkbox-checkmark.circle, .credit-form-buttons .form-button-radio label .checkbox-checkmark.circle, .single-column-container .form-button-radio label .checkbox-checkmark.circle, .two-column-container .form-button-radio label .checkbox-checkmark.circle, .hsco-forgot-password-form .form-button-radio label .checkbox-checkmark.circle,
.hsco-signin-block .form-button-radio label .checkbox-checkmark.circle, .split-panel__container .form-button-radio label .checkbox-checkmark.circle, .component-card-list .form-button-radio label .checkbox-checkmark.circle, .journal-post .form-button-radio label .checkbox-checkmark.circle, .journal-home .form-button-radio label .checkbox-checkmark.circle, .hero-two-panel .form-button-radio label .checkbox-checkmark.circle, .hero-two-panel-BFCM .form-button-radio label .checkbox-checkmark.circle, .styleguides .form-button-checkbox label .checkbox-checkmark.circle, .modal.modal--item-added .form-button-checkbox label .checkbox-checkmark.circle, .image-hero .form-button-checkbox label .checkbox-checkmark.circle, footer .form-button-checkbox label .checkbox-checkmark.circle, .payment-bar .form-button-checkbox label .checkbox-checkmark.circle, .cookie-bar .form-button-checkbox label .checkbox-checkmark.circle, .header.w2-header .form-button-checkbox label .checkbox-checkmark.circle, .modal[data-modal="account"] .form-button-checkbox label .checkbox-checkmark.circle, .modal[data-modal="mobile"] .form-button-checkbox label .checkbox-checkmark.circle, .modal[data-modal="search"] .form-button-checkbox label .checkbox-checkmark.circle, .header.secondary-header .form-button-checkbox label .checkbox-checkmark.circle, .header .hide-scroll .form-button-checkbox label .checkbox-checkmark.circle, .header-nav-modal .form-button-checkbox label .checkbox-checkmark.circle, .modal__mobile_container .form-button-checkbox label .checkbox-checkmark.circle, .feature-collection-container .form-button-checkbox label .checkbox-checkmark.circle, .grid-2018-container .form-button-checkbox label .checkbox-checkmark.circle, .product_workswith-new-container .form-button-checkbox label .checkbox-checkmark.circle, .container-2018 .form-button-checkbox label .checkbox-checkmark.circle, .product-2018-container .form-button-checkbox label .checkbox-checkmark.circle, #hsco-add-giftcard .form-button-checkbox label .checkbox-checkmark.circle, .modal[data-modal="cart"] .form-button-checkbox label .checkbox-checkmark.circle,
#checkout-cart .form-button-checkbox label .checkbox-checkmark.circle, .password-reset .form-button-checkbox label .checkbox-checkmark.circle, .pdp-container-2018 .form-button-checkbox label .checkbox-checkmark.circle,
.product-gift-card .form-button-checkbox label .checkbox-checkmark.circle, .modal--product .form-button-checkbox label .checkbox-checkmark.circle, .pdp-collection-info-container .form-button-checkbox label .checkbox-checkmark.circle, .pdp-dimensions-container .form-button-checkbox label .checkbox-checkmark.circle, .pdp-features-container .form-button-checkbox label .checkbox-checkmark.circle, .account.container--fluid .form-button-checkbox label .checkbox-checkmark.circle, .customer-service .form-button-checkbox label .checkbox-checkmark.circle, .text-pages-wrap .form-button-checkbox label .checkbox-checkmark.circle, .search-results-container .form-button-checkbox label .checkbox-checkmark.circle, .link-list .form-button-checkbox label .checkbox-checkmark.circle, #regioncheck.modal.regioncheck-modal .form-button-checkbox label .checkbox-checkmark.circle, .guest-access .form-button-checkbox label .checkbox-checkmark.circle,
.guest-access-form .form-button-checkbox label .checkbox-checkmark.circle, .feature-journal__container .form-button-checkbox label .checkbox-checkmark.circle, .feature-stories__container .form-button-checkbox label .checkbox-checkmark.circle, .feature-panel__container .form-button-checkbox label .checkbox-checkmark.circle, .feature-carousel .form-button-checkbox label .checkbox-checkmark.circle, .shop-by-department__container .form-button-checkbox label .checkbox-checkmark.circle, .store-locator-popup .form-button-checkbox label .checkbox-checkmark.circle, #checkout-container .form-button-checkbox label .checkbox-checkmark.circle, .rma .form-button-checkbox label .checkbox-checkmark.circle, .email-capture .email-capture-container .form-button-checkbox label .checkbox-checkmark.circle, .hsco-pdp-accessories .form-button-checkbox label .checkbox-checkmark.circle, .horizontal-rule__container .form-button-checkbox label .checkbox-checkmark.circle, .image-row .form-button-checkbox label .checkbox-checkmark.circle, .generic-container .form-button-checkbox label .checkbox-checkmark.circle, .credit-form-buttons .form-button-checkbox label .checkbox-checkmark.circle, .single-column-container .form-button-checkbox label .checkbox-checkmark.circle, .two-column-container .form-button-checkbox label .checkbox-checkmark.circle, .hsco-forgot-password-form .form-button-checkbox label .checkbox-checkmark.circle,
.hsco-signin-block .form-button-checkbox label .checkbox-checkmark.circle, .split-panel__container .form-button-checkbox label .checkbox-checkmark.circle, .component-card-list .form-button-checkbox label .checkbox-checkmark.circle, .journal-post .form-button-checkbox label .checkbox-checkmark.circle, .journal-home .form-button-checkbox label .checkbox-checkmark.circle, .hero-two-panel .form-button-checkbox label .checkbox-checkmark.circle, .hero-two-panel-BFCM .form-button-checkbox label .checkbox-checkmark.circle {
  border-radius: 6px;
}

.styleguides .form-button-radio label .radio-checkmark, .modal.modal--item-added .form-button-radio label .radio-checkmark, .image-hero .form-button-radio label .radio-checkmark, footer .form-button-radio label .radio-checkmark, .payment-bar .form-button-radio label .radio-checkmark, .cookie-bar .form-button-radio label .radio-checkmark, .header.w2-header .form-button-radio label .radio-checkmark, .modal[data-modal="account"] .form-button-radio label .radio-checkmark, .modal[data-modal="mobile"] .form-button-radio label .radio-checkmark, .modal[data-modal="search"] .form-button-radio label .radio-checkmark, .header.secondary-header .form-button-radio label .radio-checkmark, .header .hide-scroll .form-button-radio label .radio-checkmark, .header-nav-modal .form-button-radio label .radio-checkmark, .modal__mobile_container .form-button-radio label .radio-checkmark, .feature-collection-container .form-button-radio label .radio-checkmark, .grid-2018-container .form-button-radio label .radio-checkmark, .product_workswith-new-container .form-button-radio label .radio-checkmark, .container-2018 .form-button-radio label .radio-checkmark, .product-2018-container .form-button-radio label .radio-checkmark, #hsco-add-giftcard .form-button-radio label .radio-checkmark, .modal[data-modal="cart"] .form-button-radio label .radio-checkmark,
#checkout-cart .form-button-radio label .radio-checkmark, .password-reset .form-button-radio label .radio-checkmark, .pdp-container-2018 .form-button-radio label .radio-checkmark,
.product-gift-card .form-button-radio label .radio-checkmark, .modal--product .form-button-radio label .radio-checkmark, .pdp-collection-info-container .form-button-radio label .radio-checkmark, .pdp-dimensions-container .form-button-radio label .radio-checkmark, .pdp-features-container .form-button-radio label .radio-checkmark, .account.container--fluid .form-button-radio label .radio-checkmark, .customer-service .form-button-radio label .radio-checkmark, .text-pages-wrap .form-button-radio label .radio-checkmark, .search-results-container .form-button-radio label .radio-checkmark, .link-list .form-button-radio label .radio-checkmark, #regioncheck.modal.regioncheck-modal .form-button-radio label .radio-checkmark, .guest-access .form-button-radio label .radio-checkmark,
.guest-access-form .form-button-radio label .radio-checkmark, .feature-journal__container .form-button-radio label .radio-checkmark, .feature-stories__container .form-button-radio label .radio-checkmark, .feature-panel__container .form-button-radio label .radio-checkmark, .feature-carousel .form-button-radio label .radio-checkmark, .shop-by-department__container .form-button-radio label .radio-checkmark, .store-locator-popup .form-button-radio label .radio-checkmark, #checkout-container .form-button-radio label .radio-checkmark, .rma .form-button-radio label .radio-checkmark, .email-capture .email-capture-container .form-button-radio label .radio-checkmark, .hsco-pdp-accessories .form-button-radio label .radio-checkmark, .horizontal-rule__container .form-button-radio label .radio-checkmark, .image-row .form-button-radio label .radio-checkmark, .generic-container .form-button-radio label .radio-checkmark, .credit-form-buttons .form-button-radio label .radio-checkmark, .single-column-container .form-button-radio label .radio-checkmark, .two-column-container .form-button-radio label .radio-checkmark, .hsco-forgot-password-form .form-button-radio label .radio-checkmark,
.hsco-signin-block .form-button-radio label .radio-checkmark, .split-panel__container .form-button-radio label .radio-checkmark, .component-card-list .form-button-radio label .radio-checkmark, .journal-post .form-button-radio label .radio-checkmark, .journal-home .form-button-radio label .radio-checkmark, .hero-two-panel .form-button-radio label .radio-checkmark, .hero-two-panel-BFCM .form-button-radio label .radio-checkmark, .styleguides .form-button-checkbox label .radio-checkmark, .modal.modal--item-added .form-button-checkbox label .radio-checkmark, .image-hero .form-button-checkbox label .radio-checkmark, footer .form-button-checkbox label .radio-checkmark, .payment-bar .form-button-checkbox label .radio-checkmark, .cookie-bar .form-button-checkbox label .radio-checkmark, .header.w2-header .form-button-checkbox label .radio-checkmark, .modal[data-modal="account"] .form-button-checkbox label .radio-checkmark, .modal[data-modal="mobile"] .form-button-checkbox label .radio-checkmark, .modal[data-modal="search"] .form-button-checkbox label .radio-checkmark, .header.secondary-header .form-button-checkbox label .radio-checkmark, .header .hide-scroll .form-button-checkbox label .radio-checkmark, .header-nav-modal .form-button-checkbox label .radio-checkmark, .modal__mobile_container .form-button-checkbox label .radio-checkmark, .feature-collection-container .form-button-checkbox label .radio-checkmark, .grid-2018-container .form-button-checkbox label .radio-checkmark, .product_workswith-new-container .form-button-checkbox label .radio-checkmark, .container-2018 .form-button-checkbox label .radio-checkmark, .product-2018-container .form-button-checkbox label .radio-checkmark, #hsco-add-giftcard .form-button-checkbox label .radio-checkmark, .modal[data-modal="cart"] .form-button-checkbox label .radio-checkmark,
#checkout-cart .form-button-checkbox label .radio-checkmark, .password-reset .form-button-checkbox label .radio-checkmark, .pdp-container-2018 .form-button-checkbox label .radio-checkmark,
.product-gift-card .form-button-checkbox label .radio-checkmark, .modal--product .form-button-checkbox label .radio-checkmark, .pdp-collection-info-container .form-button-checkbox label .radio-checkmark, .pdp-dimensions-container .form-button-checkbox label .radio-checkmark, .pdp-features-container .form-button-checkbox label .radio-checkmark, .account.container--fluid .form-button-checkbox label .radio-checkmark, .customer-service .form-button-checkbox label .radio-checkmark, .text-pages-wrap .form-button-checkbox label .radio-checkmark, .search-results-container .form-button-checkbox label .radio-checkmark, .link-list .form-button-checkbox label .radio-checkmark, #regioncheck.modal.regioncheck-modal .form-button-checkbox label .radio-checkmark, .guest-access .form-button-checkbox label .radio-checkmark,
.guest-access-form .form-button-checkbox label .radio-checkmark, .feature-journal__container .form-button-checkbox label .radio-checkmark, .feature-stories__container .form-button-checkbox label .radio-checkmark, .feature-panel__container .form-button-checkbox label .radio-checkmark, .feature-carousel .form-button-checkbox label .radio-checkmark, .shop-by-department__container .form-button-checkbox label .radio-checkmark, .store-locator-popup .form-button-checkbox label .radio-checkmark, #checkout-container .form-button-checkbox label .radio-checkmark, .rma .form-button-checkbox label .radio-checkmark, .email-capture .email-capture-container .form-button-checkbox label .radio-checkmark, .hsco-pdp-accessories .form-button-checkbox label .radio-checkmark, .horizontal-rule__container .form-button-checkbox label .radio-checkmark, .image-row .form-button-checkbox label .radio-checkmark, .generic-container .form-button-checkbox label .radio-checkmark, .credit-form-buttons .form-button-checkbox label .radio-checkmark, .single-column-container .form-button-checkbox label .radio-checkmark, .two-column-container .form-button-checkbox label .radio-checkmark, .hsco-forgot-password-form .form-button-checkbox label .radio-checkmark,
.hsco-signin-block .form-button-checkbox label .radio-checkmark, .split-panel__container .form-button-checkbox label .radio-checkmark, .component-card-list .form-button-checkbox label .radio-checkmark, .journal-post .form-button-checkbox label .radio-checkmark, .journal-home .form-button-checkbox label .radio-checkmark, .hero-two-panel .form-button-checkbox label .radio-checkmark, .hero-two-panel-BFCM .form-button-checkbox label .radio-checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  border: 1px solid #333;
  height: 12px;
  width: 12px;
  border-radius: 6px;
}

.split-pane {
  margin: 0 -24px;
}

.split-pane__left-pane {
  padding: 24px;
  margin-bottom: 0;
  background: #f7f7f7;
  order: 2;
}

@media (min-width: 768px) {
  .split-pane__left-pane {
    padding: 36px;
    order: 1;
    min-height: calc(100vh - 60px);
  }
}

.split-pane__right-pane {
  background: #eeeeee;
  padding: 24px;
  order: 1;
}

.w2-icon {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  vertical-align: text-bottom;
}

.w2-icon.w2-user {
  background-image: url("global/images/header/account.svg");
}

.w2-icon.w2-settings {
  background-image: url("global/images/header/settings.svg");
}

.w2-icon.w2-orders {
  background-image: url("global/images/header/orders.svg");
}

.w2-icon.w2-wishlist {
  background-image: url("global/images/header/wishlist.svg");
}

.w2-icon.w2-close {
  background-image: url("global/images/header/close.svg");
}

.w2-icon.w2-hamburger {
  background-image: url("global/images/header/hamburger.svg");
}

.w2-icon.w2-shopping-cart {
  background-image: url("global/images/header/cart.svg");
}

.w2-icon.w2-search {
  background-image: url("global/images/header/search.svg");
}

footer {
  background: #ffffff;
  color: #222222;
  border-top: 1px solid #dddddd;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
}

footer .component-card-list {
  display: block;
  padding: 12px 0 24px 0;
  max-width: none;
}

@media (min-width: 992px) {
  footer .component-card-list {
    padding: 60px 0;
  }
  footer .component-card-list .card-list-header {
    display: none;
  }
}

footer .component-card-list .cards {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 992px) {
  footer .component-card-list .cards {
    justify-content: space-around;
    width: 70%;
    margin: auto;
  }
}

footer .component-card-list .cards .card-column-icon {
  display: flex;
  justify-content: center;
  padding: 0;
  min-width: auto;
}

footer .component-card-list .cards .card-column-icon img {
  width: 75px;
}

footer .component-card-list .cards .card-column-icon p.card-heading {
  text-align: center;
  margin-top: 0;
}

footer .contact-row {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  footer .contact-row {
    flex-direction: row-reverse;
    padding-bottom: 60px;
  }
}

footer .footer-container {
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 1px solid #ddd;
  padding: 12px 0 24px;
}

footer .footer-container p:first-of-type {
  margin-top: 0;
}

footer .footer-contact-container .contact-links {
  display: flex;
}

@media (min-width: 992px) {
  footer .footer-contact-container .contact-links {
    flex-flow: row wrap;
  }
}

footer .footer-contact-container .contact-links a {
  padding-right: 36px;
  display: flex;
  align-items: flex-start;
}

@media (min-width: 992px) {
  footer .footer-contact-container .contact-links a {
    margin-bottom: 12px;
  }
  footer .footer-contact-container .contact-links a.call {
    order: 3;
    pointer-events: none;
  }
  footer .footer-contact-container .contact-links a.email {
    order: 2;
    padding-right: 0;
    pointer-events: none;
  }
  footer .footer-contact-container .contact-links a.chat {
    order: 1;
  }
}

footer .footer-contact-container .contact-links a .contact-link-icon {
  position: relative;
  padding-right: 6px;
}

@media (min-width: 992px) {
  footer .footer-contact-container {
    flex: 1;
  }
}

footer .footer-form-container .newsletter-subscribe,
footer .footer-form-container .newsletter-subscribe__form {
  position: relative;
  z-index: 998;
}

@media (min-width: 992px) {
  footer .footer-form-container {
    flex: 1;
    margin-right: 24px;
  }
}

footer .footer-form-container form#hsco-subscribe {
  padding: 24px 0 12px;
}

footer .footer-form-container form#hsco-subscribe input.newsletter-subscribe__input[type="email"] {
  background: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 6px 50px 6px 10px;
}

footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 34px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__policy {
  position: relative;
  font-size: 11px;
  margin-top: 1rem;
  text-align: left;
  font-weight: normal;
}

@media (min-width: 992px) {
  footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__policy {
    font-weight: normal;
    margin-left: 0;
  }
}

footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__checkbox {
  display: none;
}

footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__checkbox--substitute {
  display: inline-block;
  margin-right: 0.5em;
  cursor: pointer;
}

footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__checkbox--substitute:before {
  content: "\f08b";
}

footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__checkbox:checked + .newsletter-subscribe__terms .newsletter-subscribe__checkbox--substitute:before {
  content: "\f012";
}

footer .footer-form-container form#hsco-subscribe .newsletter-subscribe__tooltip {
  position: absolute;
  bottom: 25px;
  background: #222;
  padding: 10px 20px;
  color: white;
  font-weight: normal;
  white-space: normal;
  text-align: center;
}

footer .footer-form-container .policy-description {
  position: absolute;
  width: 100%;
  background: #fff;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  opacity: 0;
  transition: all 0.2s ease;
  padding: 24px;
  text-align: center;
  display: none;
}

footer .footer-form-container .policy-description.on {
  display: block;
  opacity: 1;
  bottom: 100px;
}

footer .footer-form-container .policy-description a {
  text-decoration: underline;
}

footer .footer-form-container .footer-social {
  display: flex;
  padding-top: 12px;
}

footer .footer-form-container .footer-social a {
  margin-right: 20px;
}

footer .footer-form-container .footer-social a i {
  font-size: 16px;
}

footer .footer-links-container {
  flex-direction: row;
}

@media (min-width: 992px) {
  footer .footer-links-container {
    flex: 2;
    margin-right: 24px;
  }
}

footer .footer-links-container .footer-links {
  flex: 1;
}

footer .footer-links-container .footer-links a.clickable.header-nav-link {
  font-size: 13px;
}

footer .footer-links-container .footer-links span {
  display: block;
}

footer .footer-links-container .footer-links span a {
  line-height: 1.8;
}

.payment-bar {
  border-top: 1px solid #dddddd;
  padding: 12px 0 24px;
}

.copyright-text {
  margin: 0;
  font-weight: normal;
  white-space: nowrap;
}

.modal-overlay-policy {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 995;
  transition: all 0.2s ease;
}

.modal-overlay-policy.policy--active {
  display: block;
}

/* Region selector */
.region-selector-container {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .region-selector-container {
    margin-bottom: 0;
    margin-top: 0;
    text-align: right;
  }
}

.region-modal {
  background: #ffffff;
  top: 50% !important;
  left: 50%;
  right: auto;
  bottom: auto;
  z-index: 99999;
  padding: 0;
  width: 80%;
  transform: translateX(-50%) translateY(calc(-50% - 0.5px));
  -webkit-transform: translateX(-50%) translateY(calc(-50% - 0.5px));
  -moz-transform: translateX(-50%) translateY(calc(-50% - 0.5px));
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  text-align: left;
  overflow: auto;
}

.region-modal .modal-close {
  padding: 6px 0 0;
}

@media (min-width: 768px) {
  .region-modal {
    width: 70%;
  }
}

@media (min-width: 992px) {
  .region-modal {
    width: 50%;
  }
}

.region-modal .modal__body {
  padding: 34px 24px 24px;
}

.region-modal .modal__body .m-b-2, .region-modal .modal__body .row.grid-products .product-new, .row.grid-products .region-modal .modal__body .product-new, .region-modal .modal__body .product-grid-grid.row > .image, .region-modal .modal__body .container-2018 .product-grid-2018 > *, .container-2018 .region-modal .modal__body .product-grid-2018 > * {
  margin-bottom: 4px !important;
}

.region-modal#all-region-modal .modal__header {
  background: transparent;
  border-bottom: 1px solid #d8d8d8;
}

.region-modal#all-region-modal .modal__header h4 {
  position: relative;
  top: 5px;
}

.region-modal#all-region-modal a,
.region-modal#all-region-modal h4 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: black;
}

.region-selector-component > a {
  display: inline-block;
}

.region-selector-component .region-selected {
  display: inline-block;
}

.region-selector-component .region-selected span {
  display: inline-block;
}

.region-flag {
  position: relative;
  top: 3px;
  height: 15px;
}

.region-flag--international {
  top: 4px;
  height: 18px;
}

.h-region-overlay,
.region-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 999;
}

.region-modal.modal--active ~ .modal-overlay {
  display: block;
}

.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 36px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2147483640;
  transition: all 0.4s ease;
  transform: translateY(100%);
}

.cookie-bar.open {
  transform: translateY(0%);
}

.cookie-bar p {
  margin: auto;
  padding: 30px 0 12px;
  width: 350px;
  color: #fff;
}

@media (min-width: 768px) {
  .cookie-bar p {
    width: 500px;
  }
}

.cookie-bar p a {
  text-decoration: underline;
}

.cookie-bar .close-cookie {
  margin: 0 auto 30px;
  display: block;
  width: 120px;
}

.header.w2-header {
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #ffffff;
  z-index: 1000;
  padding: 10px 24px;
  z-index: 99000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

body.skinny-banner-open .header.w2-header {
  top: 40px;
}

body.skinny-banner-loaded .header.w2-header {
  transition: all 0.4s ease;
}

@media (min-width: 768px) {
  .header.w2-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.header.w2-header .header__nav {
  display: table;
  width: 100%;
  position: relative;
}

.header.w2-header .header__nav .header-nav-link {
  font-weight: normal;
  margin-left: 15px;
  margin-right: 15px;
}

.header.w2-header .header__nav .header-nav-link:hover, .header.w2-header .header__nav .header-nav-link.active {
  text-decoration: underline;
}

.header.w2-header .header__menu-item {
  display: table-cell;
  max-width: 16.66%;
  white-space: nowrap;
  vertical-align: middle;
  text-align: left;
}

.header.w2-header .header__menu-item--logo {
  text-align: center;
  transition: height 0.5s;
  width: 25%;
  height: 40px;
}

.header.w2-header .header__menu-item--logo .header__logo {
  display: inline-block;
  min-height: 40px;
  min-width: 40px;
  background-image: url(global/images/logo-black.svg), none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
  transition: opacity 0.3s;
}

.header.w2-header .header__menu-item--logo .header__logo:hover {
  opacity: 0.4;
}

.header.w2-header .header__menu-item--nav {
  text-align: center;
  width: 50%;
}

.header.w2-header .header__menu-item--icons {
  text-align: right;
  width: 25%;
}

.header.w2-header .header__menu-item--icons .w2-icon {
  width: 1.4rem;
  height: 1.4rem;
}

.header.w2-header .header__menu-item--icons sup {
  display: inline-block;
  position: absolute;
  background: #ffffff;
  height: 13px;
  width: 13px;
  line-height: 14px;
  border-radius: 10px;
  top: -12px;
  left: 11px;
  transition: all 0.3s ease;
}

.header.w2-header .header__menu-item--icons sup.active {
  color: #ffffff;
  background: #0084ff;
}

.header.w2-header .header__menu-item .header__menu-link {
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #222;
  position: relative;
}

.header.w2-header .header__menu-item .header__menu-link .header__nav-icon-sup {
  display: none;
  position: absolute;
  top: -12px;
  right: -8px;
  width: 13px;
  height: 13px;
}

.header.w2-header .header__menu-item .header__menu-link .header__nav-icon-sup:before {
  color: #0084ff;
  position: absolute;
  font-size: 11px;
  top: 2px;
  left: -1px;
  font-weight: 900;
}

.header.w2-header .header__menu-item .header__menu-link .header__close-icon {
  display: none;
}

.header.w2-header .header__menu-item .header__menu-link .header__close-icon + span {
  margin-left: 0.5em;
  position: relative;
  top: 1px;
}

.header.w2-header .header__menu-item .header__menu-link--menus {
  margin-right: 24px;
}

.header.w2-header .header__menu-item .header__menu-link--menus:last-of-type {
  margin-right: 0;
}

.header.w2-header .header__menu-item .header__menu-link--icons {
  margin-left: 20px;
}

.header.w2-header .header__menu-item .header__menu-link--icons:first-of-type {
  margin-left: 0;
}

.header.w2-header .header__menu-item .header__menu-link--active {
  color: #aaaaaa;
}

.header.w2-header .header__menu-item .header__menu-link--active sup {
  margin-left: 4px;
}

.header.w2-header .header__menu-item .header__menu-link--active .header__nav-icon {
  display: none;
}

.header.w2-header .header__menu-item .header__menu-link--active .header__close-icon {
  display: inline-block;
}

.header.w2-header .header__menu-item .header__menu-link:hover {
  color: #aaaaaa;
}

.header.w2-header .header__menu-item .header__menu-link.header__hamburger {
  width: 14px;
  height: 12px;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 2px;
}

.header.w2-header .header__menu-item .header__menu-link.header__hamburger span {
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  top: 5px;
  left: 0;
  opacity: 1;
  transition: all 0.2s ease;
}

.header.w2-header .header__menu-item .header__menu-link.header__hamburger:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  top: 0;
  left: 0;
  background: #000;
  transition: all 0.2s ease;
}

.header.w2-header .header__menu-item .header__menu-link.header__hamburger:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #000;
  transition: all 0.2s ease;
}

.header.w2-header .header__menu-item .header__menu-link.header__menu-link--active span {
  opacity: 0;
}

.header.w2-header .header__menu-item .header__menu-link.header__menu-link--active:before {
  transform: rotate(45deg);
  top: 5px;
  width: 18px;
  left: -2px;
}

.header.w2-header .header__menu-item .header__menu-link.header__menu-link--active:after {
  transform: rotate(-45deg);
  bottom: 6px;
  width: 18px;
  left: -2px;
}

.modal[data-modal="account"] .account-mini-modal span[data-model="wishlist"] {
  display: none;
}

@media (min-width: 768px) {
  .modal[data-modal="account"] {
    overflow: visible;
    right: 75px;
    top: 59px;
    padding: 0;
    z-index: 10000000;
    width: auto;
    left: initial;
    bottom: initial;
  }
  body.skinny-banner-open .modal[data-modal="account"] {
    top: 99px;
  }
  .modal[data-modal="account"] .account-mini-modal {
    position: initial;
    min-width: 200px;
    display: block;
  }
}

.modal[data-modal="mobile"] {
  z-index: 99999;
  overflow: visible;
  display: block !important;
  -webkit-transform: translateY(calc(-100% - 100px));
  -ms-transform: translateY(-100%) translateY(-100px);
  -moz-transform: translateY(calc(-100% - 100px));
  -o-transform: translateY(calc(-100% - 100px));
  transform: translateY(calc(-100% - 100px));
  top: 58px !important;
  bottom: 0 !important;
  padding-bottom: 0;
  overflow: visible;
  -webkit-overflow-scrolling: touch;
  transition: all 0.4s ease;
}

body.skinny-banner-open .modal[data-modal="mobile"] {
  top: 98px !important;
}

.modal[data-modal="mobile"].modal--active {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.modal[data-modal="mobile"] div.back-button-container {
  display: none;
  position: absolute;
  top: -58px;
  left: 0;
  padding-left: 24px;
  padding-top: 20px;
  height: 58px;
  width: 84px;
  font-size: 22px;
  background: #fff;
  cursor: pointer;
}

.modal[data-modal="mobile"] div.back-button-container .btb {
  font-weight: 400;
  font-size: 18px;
}

.modal[data-modal="account"] .hide-signed-out,
.modal[data-modal="mobile"] .hide-signed-out {
  display: none !important;
}

.modal[data-modal="account"].signed-in .hide-signed-in,
.modal[data-modal="mobile"].signed-in .hide-signed-in {
  display: none !important;
}

.modal[data-modal="account"].signed-in .hide-signed-out,
.modal[data-modal="mobile"].signed-in .hide-signed-out {
  display: block !important;
}

.modal[data-modal="search"] {
  padding: 0 24px;
  border-bottom: 1px solid #aaaaaa;
}

.modal[data-modal="search"] .header__search {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 12px 0;
  outline: none;
  color: #000;
}

@media (max-width: 765px) {
  .modal[data-modal="search"] .header__search {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .modal[data-modal="search"] .header__search {
    padding: 0;
    height: 60px;
    line-height: 3;
  }
}

.modal[data-modal="search"] .search-results .header--has-caret {
  position: relative;
  text-transform: capitalize;
}

.modal[data-modal="search"] .js-search-category-results {
  margin-left: -12px;
  margin-right: -12px;
}

.modal[data-modal="search"] .js-search-category-results .row {
  padding: 0 12px 12px;
  border-bottom: 1px solid #ccc;
}

.modal[data-modal="search"] .js-search-category-results .row div:first-child {
  line-height: 0;
}

.modal[data-modal="search"] .js-search-category-results .row img {
  filter: brightness(94%);
}

.header.secondary-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  margin-top: 60px;
}

@media (max-width: 991px) {
  .header.secondary-header {
    display: none;
  }
}

.header.secondary-header nav.header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
}

.header.secondary-header h4.apparel-nav-section-title {
  font-size: 18px;
  padding: 12px 0;
  margin: 0 36px;
  font-weight: 600;
}

.header.secondary-header .header-menu.section a.header-nav-link {
  font-size: 18px;
  padding: 12px 0;
  margin: 0 36px;
}

.header.secondary-header .header-menu.section a.header-nav-link.active {
  text-decoration: underline;
}

.header .hide-scroll {
  position: fixed;
  display: flex;
  align-items: center;
  overflow: hidden;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 1000;
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
}

@media (min-width: 992px) {
  .header .hide-scroll {
    display: none;
  }
}

.header .hide-scroll h4.apparel-nav-section-title {
  position: fixed;
  display: block;
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
  padding: 0px 24px;
  background: linear-gradient(90deg, white 92%, rgba(255, 255, 255, 0.1) 100%);
}

.header .hide-scroll .mobile-secondary-nav {
  display: inline-flex;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  align-items: center;
  height: 60px;
  width: 100%;
}

.header .hide-scroll .mobile-secondary-nav::-webkit-scrollbar {
  display: none;
}

.header .hide-scroll .mobile-secondary-nav::-webkit-scrollbar-thumb {
  display: none !important;
}

.header .hide-scroll .mobile-secondary-nav .header-menu.section {
  position: relative;
}

.header .hide-scroll .mobile-secondary-nav .header-menu.section section a.section-link {
  padding: 12px;
}

.header .hide-scroll .mobile-secondary-nav .header-menu.section section a.section-link.active {
  text-decoration: underline;
}

.header-nav-modal {
  padding: 0;
}

.header-nav-modal.header-nav-modal {
  display: none;
  opacity: 0;
  transition: 300ms ease-in-out opacity;
  outline: 1px solid rgba(0, 0, 0, 0.2);
  height: 540px;
  right: auto;
  max-width: 990px;
  overflow-y: hidden;
}

@media (min-width: 1200px) {
  .header-nav-modal.header-nav-modal {
    max-width: 1205px;
  }
}

.header-nav-modal.header-nav-modal.modal--opaque {
  opacity: 1;
}

.header-nav-modal.header-nav-modal.modal--active {
  display: flex;
  flex-flow: row nowrap;
}

.header-nav-modal.header-nav-modal .menu--link {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.header-nav-modal.header-nav-modal .menu--link.dark {
  color: #222;
}

.header-nav-modal.header-nav-modal .menu--link.light {
  color: #fff;
}

.header-nav-modal.header-nav-modal .nav-modal-container {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  height: 100%;
}

.header-nav-modal.header-nav-modal .nav-modal-image {
  width: 470px;
  height: 540px;
  resize: both;
  overflow: auto;
}

.header-nav-modal.header-nav-modal .nav-modal-image a {
  display: flex;
  width: 100%;
  height: 100%;
}

.header-nav-modal.header-nav-modal .nav-modal-image img {
  object-fit: cover;
  width: 100%;
}

.header-nav-modal.header-nav-modal .nav-modal-container-column {
  height: 100%;
  width: 198px;
  padding-top: 24px;
  padding-left: 24px;
  border-right: 1px solid #ddd;
}

@media (min-width: 1200px) {
  .header-nav-modal.header-nav-modal .nav-modal-container-column {
    padding-left: 30px;
    width: 245px;
  }
}

.header-nav-modal.header-nav-modal .nav-modal-container-column:last-child {
  border-right: none;
}

.header-nav-modal.header-nav-modal .nav-modal-container-column li {
  font-size: 16px;
  line-height: 1.38;
  margin-bottom: 6px;
}

.header-nav-modal.header-nav-modal .nav-modal-container-column li a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.header-nav-modal.header-nav-modal .nav-modal-container-column .nav-product-header {
  margin-bottom: 2rem;
}

.header-nav-modal.header-nav-modal .nav-modal-container-column .nav-product-header h4 {
  font-weight: 600;
}

.modal--third.modal--active ~ .modal-overlay {
  display: block;
}

.modal__mobile_container {
  position: relative;
  overflow-y: scroll;
  height: 100%;
}

.modal__mobile_container section {
  transform: translateX(-10px);
  opacity: 0;
  transition: all 0.4s ease;
}

.modal__mobile_container section.nav-link--onscreen {
  transform: translateX(0px);
  opacity: 1;
  margin: 6px 0;
}

.modal__mobile_container section.nav-link--onscreen:first-child {
  margin-top: 0;
}

.modal__mobile_container section a {
  display: block;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.25;
  opacity: 1;
}

.modal__mobile_container section a.opacity--none {
  opacity: 0;
}

.modal__mobile_container section li {
  transform: translateX(-10px);
  opacity: 0;
  transition: all 0.4s ease;
}

.modal__mobile_container section li.subnav-link--onscreen {
  transform: translateX(0px);
  opacity: 1;
}

.modal__mobile_container section li.subnav-link--onscreen a {
  padding: 2px 0;
}

.modal__mobile_container section li .sub-category {
  padding: 6px 0;
}

.modal__mobile_container section li .sub-category:first-child {
  padding-top: 0;
}

.modal__mobile_container section.h2m a,
.modal__mobile_container section li.sub-category a {
  font-size: 24px;
  line-height: 1.25;
  font-weight: normal;
}

.modal__mobile_container section li.department {
  margin: 36px 0;
  padding: 0;
}

.modal__mobile_container section ul.menu-items {
  margin-left: 36px;
}

.modal__mobile_container section ul.department-container {
  display: none;
  margin-left: 36px;
}

.modal__mobile_container section ul.department-container li.department-title {
  margin-bottom: 18px;
}

.modal__mobile_container section ul.department-container li.department-title h4 {
  font-size: 16px;
  line-height: 1.38;
}

.subnav {
  background: #f7f7f7;
}

.subnav .container--fluid {
  padding: 0;
  overflow: hidden;
}

#sort-filter-subnav {
  margin-left: -26px !important;
  margin-right: -26px !important;
}

#sort-filter-subnav .subnav-filter--secondary .subnav-show,
#sort-filter-subnav .subnav-filter--secondary .subnav-close {
  position: absolute !important;
  right: 40px;
  left: auto;
}

.sort-container {
  background: #eeeeee;
}

.filter-container {
  background: #f7f7f7;
}

.subnav-title {
  box-sizing: border-box;
  background: #f7f7f7;
  padding: 18px 20px 15px;
  line-height: 21px;
}

.subnav-title span {
  margin-left: 40px;
}

.subnav-sort,
.subnav-filter {
  box-sizing: border-box;
  padding: 18px 2px 15px;
}

.subnav-sort:hover,
.subnav-filter:hover {
  cursor: pointer;
}

.subnav-sort .hsco-grid-filter-clear,
.subnav-filter .hsco-grid-filter-clear {
  display: block;
  top: 2px;
  position: relative;
}

.subnav-sort.subnav-filter--secondary .subnav-show,
.subnav-sort.subnav-filter--secondary .subnav-close,
.subnav-filter.subnav-filter--secondary .subnav-show,
.subnav-filter.subnav-filter--secondary .subnav-close {
  position: absolute !important;
  right: 40px;
}

.subnav-sort.subnav-sort--secondary, .subnav-sort.subnav-filter--secondary,
.subnav-filter.subnav-sort--secondary,
.subnav-filter.subnav-filter--secondary {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.subnav-sort.subnav-sort--secondary .subnav-show,
.subnav-sort.subnav-sort--secondary .subnav-close, .subnav-sort.subnav-filter--secondary .subnav-show,
.subnav-sort.subnav-filter--secondary .subnav-close,
.subnav-filter.subnav-sort--secondary .subnav-show,
.subnav-filter.subnav-sort--secondary .subnav-close,
.subnav-filter.subnav-filter--secondary .subnav-show,
.subnav-filter.subnav-filter--secondary .subnav-close {
  position: relative;
  top: 1px;
}

.subnav-sort .grid-sort-string,
.subnav-sort .grid-filter-string,
.subnav-filter .grid-sort-string,
.subnav-filter .grid-filter-string {
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: 21px;
  padding: 0 7px;
}

@media (min-width: 768px) {
  .subnav-sort .grid-sort-string,
  .subnav-sort .grid-filter-string,
  .subnav-filter .grid-sort-string,
  .subnav-filter .grid-filter-string {
    padding: 0 0px;
  }
}

@media (min-width: 768px) {
  .subnav-sort,
  .subnav-filter {
    padding: 18px 20px 15px;
  }
}

.subnav-filter--secondary .subnav-show,
.subnav-filter--secondary .subnav-close {
  position: relative;
  top: 1px;
  left: -20px;
}

.subnav-show,
.subnav-close {
  position: relative;
  top: 1px;
}

.subnav-dropdown {
  position: absolute;
  bottom: auto;
  top: auto;
  height: calc(100vh - 120px);
  padding: 24px;
  width: 100%;
  background: #eeeeee;
  transform: scaleY(0);
  transform-origin: top;
  box-sizing: border-box;
  z-index: 999;
  overflow: scroll;
  transition: transform 0.4s ease;
}

.subnav-dropdown#grid-features-filter {
  background: #f7f7f7;
}

@media (min-width: 768px) {
  .subnav-dropdown {
    width: calc(33.33%);
  }
}

.subnav-dropdown a:hover span {
  color: #222222;
}

.subnav-dropdown a.subnav-current {
  color: #222222;
}

.subnav-dropdown > div {
  box-sizing: border-box;
  width: calc(100% - 48px);
}

.subnav-dropdown .filter-clear-button, .subnav-dropdown .clear-all-container a,
.subnav-dropdown .filter-clear-price-button {
  display: inline-block;
  color: #000;
  margin-bottom: 12px;
  padding: 2px 4px 2px 0;
}

.subnav-dropdown .filter-clear-button.hidden, .subnav-dropdown .clear-all-container a.hidden,
.subnav-dropdown .filter-clear-price-button.hidden {
  display: none;
}

.subnav-dropdown .filter-clear-button .bt-times, .subnav-dropdown .clear-all-container a .bt-times,
.subnav-dropdown .filter-clear-price-button .bt-times {
  padding-left: 8px;
  margin-right: 12px;
}

.subnav-dropdown .clear-all-container a {
  text-decoration: underline;
}

.dropdown-primary {
  left: -8px;
}

.dropdown-secondary {
  right: -8px;
}

#grid-features-sort li a {
  font-size: 20px;
  line-height: 1.6;
}

.subnav-open {
  transform: scaleY(1);
}

.stuck {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease 0s;
}

body.skinny-banner-open .stuck {
  top: 100px;
}

.subnav-dropdown__contents {
  visibility: hidden;
  opacity: 0;
  transition: 0.15s opacity 0.4s ease-in-out;
}

.subnav-open .subnav-dropdown__contents {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 768px) {
  .filter-container--primary {
    position: relative;
    left: 0px;
  }
  .filter-container--primary .subnav-filter--primary {
    background: #eeeeee;
    padding: 18px 20px 15px 40px;
    background: #eeeeee;
  }
}

@media (max-width: 765px) {
  .filter-container--mobile-bg {
    background-color: #eeeeee;
  }
}

.subnav-close {
  display: none;
}

.filter-container--open .subnav-close {
  display: inline-block;
}

.filter-container--open .subnav-show {
  display: none;
}

/* when the sticky subnav is in use, add space to content below */
.sticky-wrapper ~ .container--fluid {
  margin-top: 24px;
}

.view-more-container button {
  width: 110px;
  margin-bottom: 24px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}

.spinner {
  display: inline-block;
  display: none;
  height: 0.8em;
  top: -4px;
  left: -10px;
  position: relative;
}

.spinner:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  z-index: 9999;
  animation: rotate 1s linear infinite;
  background: url("global/images/hsc-loader.png") no-repeat top left;
  background-size: contain;
}

.feature-collection-container {
  margin: 0 24px;
}

.feature-collection-container .tile1, .feature-collection-container .tile2, .feature-collection-container .tile3 {
  margin-bottom: 12px;
  position: relative;
}

.feature-collection-container .tile1 a, .feature-collection-container .tile2 a, .feature-collection-container .tile3 a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.feature-collection-container .tile1 a div.img, .feature-collection-container .tile2 a div.img, .feature-collection-container .tile3 a div.img {
  height: 100%;
  width: 100%;
  background-position: top center;
  background-size: cover;
}

.feature-collection-container .tile1 {
  padding-top: 125%;
}

.feature-collection-container .tile2 {
  padding-top: 67%;
}

.feature-collection-container .tile3 {
  padding-top: 125%;
}

.feature-collection-container video {
  position: relative;
  transform: translateX(-50%);
  left: 50%;
  min-width: 100%;
  min-height: 100%;
}

@media (max-width: 765px) {
  .feature-collection-container .tile1, .feature-collection-container .tile2, .feature-collection-container .tile3 {
    margin-top: 50px;
  }
  .feature-collection-container .tile2-container {
    padding-left: 20%;
  }
  .feature-collection-container .tile3-container {
    padding-right: 33.3333%;
  }
}

@media (min-width: 768px) {
  .feature-collection-container .tile1 {
    margin-top: 100px;
  }
  .feature-collection-container .tile3 {
    margin-top: 50px;
  }
  .feature-collection-container .tile3-container {
    padding-right: 16.667%;
  }
  .feature-collection-container .tile-area {
    margin-top: 100px;
  }
}

@media (min-width: 992px) {
  .feature-collection-container .tile3-container {
    padding-right: 20%;
  }
}

.grid-2018-container {
  /* when the sticky subnav is in use, add space to content below */
}

.grid-2018-container .subnav {
  background: #ffffff;
  border-bottom: 1px solid #ddd;
}

.grid-2018-container .subnav .container--fluid {
  padding: 0;
  overflow: hidden;
}

.grid-2018-container #sort-filter-subnav {
  border-top: 1px solid #ddd;
  margin: 0 !important;
}

.grid-2018-container #sort-filter-subnav .subnav-show,
.grid-2018-container #sort-filter-subnav .subnav-close {
  position: absolute !important;
  top: 0px;
  right: 8px;
}

.grid-2018-container .sort-container,
.grid-2018-container .filter-container {
  font-weight: normal;
  background: #ffffff;
  border-left: 1px solid #ddd;
  width: calc(50% - 2px);
  display: inline-block;
}

@media (min-width: 768px) {
  .grid-2018-container .sort-container,
  .grid-2018-container .filter-container {
    width: 175px;
  }
}

@media (max-width: 765px) {
  .grid-2018-container .sort-container {
    border-left: 0;
  }
}

.grid-2018-container .subnav-sort,
.grid-2018-container .subnav-filter {
  max-height: 59px;
  box-sizing: border-box;
  padding: 18px 2px 15px;
  margin: 0;
}

@media (max-width: 765px) {
  .grid-2018-container .subnav-sort,
  .grid-2018-container .subnav-filter {
    padding-top: 9px;
    padding-bottom: 6px;
  }
}

.grid-2018-container .subnav-sort:hover,
.grid-2018-container .subnav-filter:hover {
  cursor: pointer;
}

.grid-2018-container .subnav-sort .hsco-grid-filter-clear,
.grid-2018-container .subnav-filter .hsco-grid-filter-clear {
  display: block;
  top: 2px;
  position: relative;
}

.grid-2018-container .subnav-sort.subnav-sort--secondary, .grid-2018-container .subnav-sort.subnav-filter--secondary,
.grid-2018-container .subnav-filter.subnav-sort--secondary,
.grid-2018-container .subnav-filter.subnav-filter--secondary {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.grid-2018-container .subnav-sort .grid-sort-string,
.grid-2018-container .subnav-sort .grid-filter-string,
.grid-2018-container .subnav-filter .grid-sort-string,
.grid-2018-container .subnav-filter .grid-filter-string {
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: 21px;
  padding: 0 7px;
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-sort .grid-sort-string,
  .grid-2018-container .subnav-sort .grid-filter-string,
  .grid-2018-container .subnav-filter .grid-sort-string,
  .grid-2018-container .subnav-filter .grid-filter-string {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-sort,
  .grid-2018-container .subnav-filter {
    padding: 18px 20px 15px;
  }
}

.grid-2018-container .dropdown-primary {
  left: 0;
}

.grid-2018-container .subnav-dropdown {
  position: absolute;
  bottom: auto;
  top: auto;
  height: calc(100vh - 120px);
  padding: 24px;
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #ddd;
  transform: scaleY(0);
  transform-origin: top;
  box-sizing: border-box;
  z-index: 999;
  overflow: auto;
  transition: transform 0.4s ease;
}

body.skinny-banner-open .grid-2018-container .subnav-dropdown {
  height: calc(100vh - 160px);
}

@media (max-width: 765px) {
  .grid-2018-container .subnav-dropdown {
    height: calc(100vh - 101px);
  }
  body.skinny-banner-open .grid-2018-container .subnav-dropdown {
    height: calc(100vh - 141px);
  }
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-dropdown {
    border-left: 1px solid #ddd;
  }
}

.grid-2018-container .subnav-dropdown .modal__fade-curtain {
  width: 100%;
  z-index: 1000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 1px;
  overflow: hidden;
  pointer-events: none;
}

.grid-2018-container .subnav-dropdown .modal__fade-curtain:before {
  content: ' ';
  position: relative;
  display: block;
  width: 100%;
  height: 200vh;
  top: -100vh;
  transform: translateY(0);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+20,ffffff+100&0+0,1+20,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}

@keyframes slideDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(150%);
  }
}

@keyframes goAway {
  from {
    visibility: visible;
  }
  to {
    visibility: hidden;
  }
}

.grid-2018-container .subnav-dropdown.subnav-open .modal__fade-curtain {
  animation: goAway 0.01s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.grid-2018-container .subnav-dropdown.subnav-open .modal__fade-curtain:before {
  animation: slideDown 0.8s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.grid-2018-container .subnav-dropdown#grid-category-filter {
  max-width: 330px;
  line-height: 21px;
  border-left: initial;
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-dropdown#grid-category-filter {
    border-right: 1px solid #aaa;
  }
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-dropdown {
    width: calc(33.33%);
  }
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-dropdown a:hover span {
    color: #222222;
  }
}

.grid-2018-container .subnav-dropdown a.subnav-current {
  text-decoration: underline;
}

.grid-2018-container .subnav-dropdown > div {
  box-sizing: border-box;
  width: calc(100% - 48px);
}

.grid-2018-container .subnav-dropdown .filter-clear-button, .grid-2018-container .subnav-dropdown .clear-all-container a,
.grid-2018-container .subnav-dropdown .filter-clear-price-button {
  display: inline-block;
  margin-bottom: 12px;
  padding: 2px 4px;
  background: #aaaaaa;
  color: #ffffff;
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-dropdown .filter-clear-button:hover, .grid-2018-container .subnav-dropdown .clear-all-container a:hover,
  .grid-2018-container .subnav-dropdown .filter-clear-price-button:hover {
    background: #333333;
    color: #ffffff;
  }
  .grid-2018-container .subnav-dropdown .filter-clear-button:hover span, .grid-2018-container .subnav-dropdown .clear-all-container a:hover span,
  .grid-2018-container .subnav-dropdown .filter-clear-price-button:hover span {
    color: #ffffff;
  }
}

.grid-2018-container .subnav-dropdown .filter-clear-button.hidden, .grid-2018-container .subnav-dropdown .clear-all-container a.hidden,
.grid-2018-container .subnav-dropdown .filter-clear-price-button.hidden {
  display: none;
}

.grid-2018-container .subnav-dropdown .filter-clear-button .bt-times, .grid-2018-container .subnav-dropdown .clear-all-container a .bt-times,
.grid-2018-container .subnav-dropdown .filter-clear-price-button .bt-times {
  padding-left: 8px;
  margin-right: 2px;
}

.grid-2018-container .subnav-dropdown .clear-all-container a {
  background: transparent;
  color: #000;
  padding: 0;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .grid-2018-container .subnav-dropdown .clear-all-container a:hover {
    color: #000;
    background: transparent;
  }
}

.grid-2018-container .dropdown-secondary {
  right: 0;
}

@media (min-width: 768px) {
  .grid-2018-container #grid-features-sort {
    width: 365px;
  }
}

.grid-2018-container #grid-features-sort li {
  margin-bottom: 12px;
}

.grid-2018-container #grid-features-sort li h4, .grid-2018-container #grid-features-sort li .h3 {
  font-weight: normal;
  line-height: 1.8rem;
}

.grid-2018-container #grid-features-sort li .active {
  text-decoration: underline;
}

.grid-2018-container #grid-features-filter {
  background: #ffffff;
  padding-bottom: 0;
  font-weight: normal;
}

@media (min-width: 768px) {
  .grid-2018-container #grid-features-filter {
    width: 365px;
  }
}

@media (min-width: 768px) {
  .grid-2018-container #grid-features-filter {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.grid-2018-container #grid-features-filter .modal__inner {
  width: 100%;
  position: relative;
}

.grid-2018-container #grid-features-filter .modal__inner .modal__top {
  position: relative;
  margin-left: -12px;
  margin-right: -12px;
}

.grid-2018-container #grid-features-filter .modal__inner .modal__top > * {
  padding-left: 12px;
  padding-right: 12px;
}

.grid-2018-container #grid-features-filter .modal__inner .modal__top .modal__fade-curtain--container {
  position: relative;
}

.grid-2018-container #grid-features-filter .modal__inner .modal__top .modal__fade-curtain {
  width: auto;
  left: -12px;
  right: -12px;
  top: -24px;
  bottom: 0;
  padding: 0;
}

@media (max-width: 765px) {
  .grid-2018-container #grid-features-filter .modal__inner .modal__top .modal__fade-curtain {
    left: 0px;
    right: 0px;
  }
}

@media (max-width: 765px) {
  .grid-2018-container #grid-features-filter .modal__inner .modal__top {
    overflow-x: visible;
    overflow-y: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

.grid-2018-container #grid-features-filter .modal__inner .slider-container {
  padding-right: 24px;
}

.grid-2018-container #grid-features-filter .modal__inner .slider-horizontal {
  margin-top: 20px;
}

.grid-2018-container #grid-features-filter .modal__inner .tooltip.top {
  margin-top: 0px;
}

.grid-2018-container #grid-features-filter .modal__inner .colors-list__colors {
  text-align: left;
}

.grid-2018-container #grid-features-filter.has-filters .modal__bottom button {
  background: #333;
}

@media (max-width: 765px) {
  .grid-2018-container #grid-features-filter.has-filters .modal__bottom button {
    background: #0084ff;
  }
}

.grid-2018-container #grid-features-filter .modal__bottom {
  margin-left: -24px;
  margin-right: -24px;
  z-index: 1001;
}

.grid-2018-container #grid-features-filter .modal__bottom button {
  width: 100%;
  height: 40px;
  background: #aaa;
  color: #ffffff;
  font-weight: normal;
  margin: 0;
  line-height: initial;
}

@media (min-width: 768px) {
  .grid-2018-container #grid-features-filter .modal__bottom button:hover {
    background: #111;
  }
}

.grid-2018-container #grid-features-filter .filter-submit-button {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 40px;
  background: #222222;
  color: #ffffff;
}

.grid-2018-container #grid-features-filter .features li {
  display: inline-block;
}

.grid-2018-container #grid-features-filter .features li label {
  color: #000;
  font-weight: normal;
  display: block;
  padding: 4px 12px;
  border: 1px solid #aaa;
  border-radius: 12px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.grid-2018-container #grid-features-filter .features li input[type="checkbox"]:checked + label {
  background: #aaa;
}

.grid-2018-container #grid-features-filter .features li input[type="checkbox"] + label:after {
  display: none;
}

.grid-2018-container #grid-features-filter .sizes li {
  display: inline-block;
}

.grid-2018-container #grid-features-filter .sizes li label {
  color: #000;
  font-weight: normal;
  display: block;
  padding: 4px 12px;
  border: 1px solid #aaa;
  border-radius: 12px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.grid-2018-container #grid-features-filter .sizes li input[type="checkbox"]:checked + label {
  background: #aaa;
}

.grid-2018-container #grid-features-filter .sizes li input[type="checkbox"] + label:after {
  display: none;
}

.grid-2018-container .subnav-open {
  transform: scaleY(1);
}

.grid-2018-container .subnav-show {
  background-image: url("global/images/closed-arrow.svg");
  width: 20px;
  height: 20px;
}

.grid-2018-container .subnav-close {
  background-image: url("global/images/open-arrow.svg");
  width: 20px;
  height: 20px;
}

.grid-2018-container .stuck {
  position: fixed;
  top: calc(60px - 1px);
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease 0s;
}

body.skinny-banner-open .grid-2018-container .stuck {
  top: 100px;
}

.grid-2018-container .filter-container--primary {
  font-weight: normal;
}

@media (min-width: 768px) {
  .grid-2018-container .filter-container--primary {
    position: relative;
    left: -12px;
  }
  .grid-2018-container .filter-container--primary .subnav-filter--primary {
    background: #ffffff;
    height: 100%;
    border-right: 1px solid #ddd;
  }
}

.grid-2018-container .subnav-close {
  display: none;
}

.grid-2018-container .filter-container--open .subnav-show,
.grid-2018-container .sort-container--open .subnav-show {
  display: none;
}

.grid-2018-container .filter-container--open .subnav-close,
.grid-2018-container .sort-container--open .subnav-close {
  display: inline-block;
}

.grid-2018-container .not-clickable, .grid-2018-container .not-clickable.subnav-filter:hover {
  cursor: initial;
}

.grid-2018-container .not-clickable .subnav-show {
  display: none !important;
}

.grid-2018-container .not-clickable .subnav-close {
  display: none !important;
}

.grid-2018-container .sticky-wrapper ~ .container--fluid {
  margin-top: 24px;
}

.grid-2018-container .view-more-container button {
  width: 110px;
  margin-bottom: 24px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}

.grid-2018-container .spinner {
  display: inline-block;
  display: none;
  height: 0.8em;
  top: -4px;
  left: -10px;
  position: relative;
}

.grid-2018-container .spinner:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  z-index: 9999;
  animation: rotate 1s linear infinite;
  background: url("global/images/hsc-loader.png") no-repeat top left;
  background-size: contain;
}

.hero-story {
  padding-left: 24px;
}

.hero-story .p-l-0 {
  position: absolute;
  top: 0;
  left: 0;
}

.hero-story .p-l-0 .hero-story__title {
  padding: 60px 0 0 36px;
}

@media (max-width: 765px) {
  .hero-story .p-l-0 .hero-story__title {
    font-size: 2rem;
    padding: 30px 0 0 24px;
  }
}

@media (max-width: 765px) {
  .hero-story {
    padding-left: 120px;
  }
}

@media (max-width: 765px) {
  .hero-story .h-cta-larger {
    font-size: 13px !important;
    line-height: 0.6em;
  }
}

@media (min-width: 768px) {
  .hero-story {
    padding-left: 36px;
  }
  .hero-story--home {
    padding-bottom: 42%;
  }
}

@media (max-width: 765px) {
  .hero-story .image__bottom-links {
    bottom: 6px;
    left: 10px;
  }
}

.hero-story__title {
  padding-top: 48px;
}

@media (min-width: 768px) {
  .hero-story__title {
    padding-top: 60px;
  }
}

@media (max-width: 765px) {
  .hero-story__title {
    font-size: 2rem;
    padding-left: 12px;
  }
}

.category .hero-story__title {
  padding: 60px 0 0 36px;
}

@media (max-width: 765px) {
  .category .hero-story__title {
    font-size: 2rem;
    padding: 20px 0 0 20px;
  }
}

@media (max-width: 765px) {
  .category .hero-story__title .image__bottom-links {
    bottom: 6px;
    left: 10px;
  }
}

@media (max-width: 765px) {
  .category .text-copy1, .category .pdp-features-container .product-details__content .features-list-content p, .pdp-features-container .product-details__content .features-list-content .category p {
    padding: 0 0 0 20px !important;
    line-height: 1.3em;
  }
}

.category .text-copy1, .category .pdp-features-container .product-details__content .features-list-content p, .pdp-features-container .product-details__content .features-list-content .category p {
  padding: 0px 0 0 36px;
}

.hero-video__container {
  margin: 20px 0;
  position: relative;
  overflow: hidden;
}

.hero-video__container__paragraph {
  position: absolute;
  color: #fff;
  font-size: 18px;
  max-width: 300px;
  line-height: 1.3;
  pointer-events: none;
}

@media (max-width: 765px) {
  .hero-video__container__paragraph {
    margin-top: 0.8px;
    width: 170px;
    padding: 0px 0 0 0px;
    font-size: 14px;
  }
}

.hero-video__container__title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 60px 0 0 36px;
  color: #fff;
  max-width: 33.33333%;
}

@media (max-width: 765px) {
  .hero-video__container__title {
    max-width: 77.33333%;
    padding: 20px 0 0 10px;
  }
  .hero-video__container__title h1 {
    font-size: 2em;
  }
}

.hero-video__container__link {
  position: absolute;
  bottom: 30px;
  left: 36px;
  color: #fff;
  line-height: 3.6rem;
}

@media (max-width: 765px) {
  .hero-video__container__link {
    left: 10px;
    bottom: 10px;
  }
  .hero-video__container__link a {
    font-size: 14px;
  }
}

.hero-video__container.hero-video--dark-text .hero-video__container__title,
.hero-video__container.hero-video--dark-text .hero-video__container__link,
.hero-video__container.hero-video--dark-text .hero-video__container__title:hover,
.hero-video__container.hero-video--dark-text .hero-video__container__link:hover {
  color: #333333;
}

.hero-video__container .hero-video__container__title, .hero-video__container .hero-video__container__link {
  z-index: 777;
}

.hero-video__container .hero-video__container__title:hover, .hero-video__container .hero-video__container__link:hover {
  text-decoration: underline;
}

.hero-video__container video {
  height: 100%;
  width: 100%;
}

@media (max-width: 765px) {
  .hero-video__container {
    padding-top: 0% !important;
  }
  .hero-video__container video {
    display: none;
  }
  .hero-video__container .hero-video__mobile-img {
    display: block;
  }
}

.hero-video__mobile-img {
  display: none;
}

.hero-carousel .hero-carousel__slides .slick-track {
  top: 0;
}

.hero-carousel .hero-carousel__slides .hero-carousel__slide {
  position: relative;
  background-size: cover;
}

@media (min-width: 768px) {
  .hero-carousel .hero-carousel__slides .hero-carousel__slide div {
    padding-top: 42%;
  }
}

.hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-carousel__title {
  padding: 20px 0 0 10px;
  position: absolute;
  top: 0;
  color: #fff;
  width: 33%;
  font-size: 2em;
  padding: 20px 0 0 10px;
}

@media (min-width: 768px) {
  .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-carousel__title {
    padding: 60px 0 0 36px;
    font-size: 5em;
  }
}

.hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-carousel__link {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  line-height: 2.4em;
  z-index: 99999999999999;
  font-size: 14px;
}

@media (min-width: 768px) {
  .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-carousel__link {
    bottom: 40px;
    left: 36px;
    font-size: 18px;
  }
}

.hero-carousel .hero-carousel__slides .hero-carousel__slide.hero-carousel__slide--dark .hero-carousel__title, .hero-carousel .hero-carousel__slides .hero-carousel__slide.hero-carousel__slide--dark .hero-carousel__link {
  color: #333333;
}

.hero-carousel .hero-carousel__slides .hero-carousel__slide.hero-carousel__slide--dark .hero-carousel__title:hover, .hero-carousel .hero-carousel__slides .hero-carousel__slide.hero-carousel__slide--dark .hero-carousel__link:hover {
  color: #333333 !important;
}

.hero-carousel .hero-carousel__slides .hero-carousel__slide.hero-carousel__slide--mobile {
  background-image: none;
}

@media (min-width: 768px) {
  .hero-carousel .hero-carousel__slides .hero-carousel__slide.hero-carousel__slide--mobile {
    position: relative;
    background-image: inherit;
    background-size: cover;
  }
}

@media screen and (max-width: 992px) {
  .hero-carousel .hero-carousel__slides .hero-carousel__slide.hero-carousel__slide--mobile div {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 992px) {
  .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-carousel__mobile-img {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-carousel__mobile-img {
    display: none;
  }
}

.hero-carousel .col-xs-12, .hero-carousel .product_workswith-new-container > .row > .product-2018 {
  padding: 12px 0 0 0;
}

.hero-carousel .slick-arrow {
  height: 100%;
}

.hero-carousel .slick-arrow:before {
  font-size: 30px;
}

.hero-carousel .slick-next {
  right: 0;
  padding: 0 10px;
}

.hero-carousel .slick-prev {
  left: 0;
  padding: 0 10px;
}

/*
  Lookbook Landing Component
*/
.lookbookHomepage .lookbook-homepage {
  background-size: cover;
  height: 400px;
}

.lookbookLanding {
  height: 100vh;
}

.lookbookLanding .lookbook-overflow-hidden {
  overflow: hidden;
}

.lookbookLanding a.lookbook {
  height: 100vh;
  padding: 0 0 30% 0;
  overflow: hidden;
}

.lookbookLanding .lookbook {
  position: relative;
  background-size: cover;
  filter: grayscale(0%);
  transition: all 0.2s ease;
}

.lookbookLanding .lookbook .lookbook-hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: #fff;
  opacity: 0;
  transition: all 0.2s ease;
}

.lookbookLanding .lookbook .lookbook-hover-inner {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 30%;
  text-align: center;
}

.lookbookLanding .lookbook .lookbook-hover-inner img {
  height: 100px;
  width: 100px;
}

.lookbookLanding .lookbook .lookbook-hover-inner p {
  padding: 0 40px;
  font-size: 1.2rem;
  line-height: 2;
}

.lookbookLanding .lookbook:hover .lookbook-hover {
  height: 100vh;
  background: #fff;
  opacity: 1;
}

.lookbookLanding .lookbook .lookbook-title-container {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
}

.lookbookLanding .lookbook .lookbook-title-container .lookbook-name {
  text-transform: uppercase;
  color: #fff;
}

.lookbookLanding .lookbook .lookbook-title-container .lookbook-date {
  color: #fff;
}

.lookbook-landing .new.section {
  display: none;
}

.dept-tile {
  position: relative;
  padding: 24px;
}

.dept-tile.mobile-image {
  display: none;
}

@media (max-width: 765px) {
  .dept--men .dept-tile,
  .dept--kids .dept-tile {
    margin-left: -24px;
    margin-right: -24px;
  }
  .dept-tile.desktop-image {
    display: none;
  }
  .dept-tile.mobile-image {
    display: block;
  }
}

@media (min-width: 768px) {
  .dept--men {
    position: relative;
    left: -36px;
  }
}

.product-card {
  position: relative;
  background-color: #f7f7f7;
  height: calc(100vw - 48px);
}

@media (min-width: 768px) {
  .product-card {
    height: auto;
  }
}

.product-card .product-card-ratio--1x1 {
  min-height: 200px;
}

.product-card .product-card__meta {
  position: absolute;
  left: 12px;
  right: 12px;
  z-index: 990;
}

.product-card .slick-slide {
  position: relative;
}

.product-card.slick-slide .product-overview__carousel-image,
.product-card .slick-slide .product-overview__carousel-image,
.product-card .product__image {
  width: 80%;
  margin: 10px auto;
}

.product-card.product-card-cover-image {
  background-position: top center;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
}

.product-card-cover-image-link {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.product-card-cover-image-link.pcci-has-mobile .product-card-cover-image {
  display: none;
}

@media (min-width: 768px) {
  .product-card-cover-image-link.pcci-has-mobile .product-card-cover-image {
    display: block;
  }
}

.product-card-cover-image-link.pcci-has-mobile .product-card-cover-image.pcci-mobile {
  display: block;
}

@media (min-width: 768px) {
  .product-card-cover-image-link.pcci-has-mobile .product-card-cover-image.pcci-mobile {
    display: none;
  }
}

.slick-slide .product-card a:hover {
  color: inherit;
  cursor: default;
}

.slick-slide.slick-active .product-card a:hover {
  color: #333333;
  cursor: pointer;
}

.product-card__add-to-cart {
  position: absolute;
  bottom: 12px;
  right: 24px;
}

.slick-slide .product-card__add-to-cart {
  bottom: 24px;
}

.product__title {
  padding-top: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.product__title.large-header-text {
  font-size: 22px;
}

.product__title.large-header-text p {
  font-size: 12px;
}

.product__title.text-right {
  text-align: right;
  position: absolute;
  right: 0;
}

.product__title.text-bottom {
  position: absolute;
  padding-bottom: 12px;
  bottom: 0;
}

.product__title strike {
  color: #BABABA;
}

.product__slider {
  position: absolute;
  left: 0px;
  top: 0;
}

.product__slider .slick-track div {
  background: #f7f7f7;
}

.product__slider div + div {
  display: none;
}

.product__image {
  display: block;
  position: relative;
}

.product__image--white {
  mix-blend-mode: multiply;
}

.product__image--single {
  background-color: #f7f7f7;
  background-blend-mode: multiply;
  background-size: 95%;
  background-position-y: 150%;
}

.row.grid-products .product-new > [class*="col-"] {
  width: 100%;
  max-width: 100%;
  margin: 0;
  flex: 1 1 100%;
  padding: 0;
}

.row.grid-skus .product-new {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row.row-tiles > [class*="col-"],
.row.row-tiles .row-tiles .row > [class*="col-"] {
  margin-bottom: 24px;
}

.row.row-tiles > [class*="col-"].no-bottom-margin,
.row.row-tiles .row-tiles .row > [class*="col-"].no-bottom-margin {
  margin-bottom: 0;
}

.row.row-tiles .tile {
  height: 100%;
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  bottom: 0;
}

.row.row-tiles .product-card {
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media (min-width: 544px) {
  .row.row-tiles .product-card {
    height: 100%;
    background-size: contain;
    background-position: center center;
  }
  .row.row-tiles > .col-sm-8 .product-card {
    padding-right: 12px;
    padding-left: 12px;
  }
  .row.row-tiles > .col-sm-4 .product__title {
    padding-right: 12px;
    padding-left: 12px;
  }
}

@media (max-width: 765px) {
  .row.row-tiles .product__title {
    padding-right: 12px;
    padding-left: 12px;
  }
}

/* tweaks to adjust display of product cards */
/* this involves targeting some of the bootstrap classes, which is not ideal */
.product-card .col-xs-12 a, .product-card .product_workswith-new-container > .row > .product-2018 a {
  position: relative;
  display: block;
  width: 100%;
}

.product-card .col-xs-12 a, .product-card .product_workswith-new-container > .row > .product-2018 a,
.product-card .col-xs-12 a .product__slider,
.product-card .product_workswith-new-container > .row > .product-2018 a .product__slider {
  min-height: calc(100vw - 48px);
}

/* two-up layout will get a min-height to improve display while content is loading in */
@media (min-width: 768px) {
  .product-card .col-xs-12 a, .product-card .product_workswith-new-container > .row > .product-2018 a,
  .product-card .col-xs-12 a .product__slider,
  .product-card .product_workswith-new-container > .row > .product-2018 a .product__slider {
    min-height: calc(46vw - 8px);
  }
}

/* three-up layout will get a min-height to improve display while content is loading in */
@media (min-width: 992px) {
  .product-card .col-xs-12 a, .product-card .product_workswith-new-container > .row > .product-2018 a,
  .product-card .col-xs-12 a .product__slider,
  .product-card .product_workswith-new-container > .row > .product-2018 a .product__slider {
    min-height: calc(30vw - 2px);
  }
}

.image .product-card-cover-image-link .row,
.product-card .col-xs-12 a .row.h4,
.product-card .product_workswith-new-container > .row > .product-2018 a .row.h4,
.product-card .col-xs-12 a .row.button--modal-close,
.product-card .product_workswith-new-container > .row > .product-2018 a .row.button--modal-close {
  position: absolute;
  z-index: 10;
  width: 100%;
}

.image .product-card-cover-image-link .row {
  top: 0;
  left: 12px;
  height: 100%;
}

.image .product-card-cover-image-link .row .product__title.text-light {
  color: #fff;
}

.product-card .product__image {
  width: 100%;
  margin: 0px auto;
  transition: opacity 300ms;
  opacity: 1;
}

.product-card .product__image.lazyload, .product-card .product__image.lazyloading {
  opacity: 0;
}

.product-card .product__image.slick-loading {
  opacity: 0;
}

.product-card .product__image.product__image--hover {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  top: 0;
  visibility: hidden;
}

.product-card .product__single-container .product__image.product__image--hover {
  left: 12px;
  right: 12px;
}

.works-with-slider .product-card div.slick-slide:hover .product__image.product__image--hover-hide,
.product-card div.slick-active:hover .product__image.product__image--hover-hide,
.product-card div.product__single-container:hover .product__image.product__image--hover-hide {
  visibility: hidden;
}

.works-with-slider .product-card div.slick-slide:hover .product__image.product__image--hover,
.product-card div.slick-active:hover .product__image.product__image--hover,
.product-card div.product__single-container:hover .product__image.product__image--hover {
  visibility: visible;
}

/* touch device overrides for hover states */
.is-touch-device .works-with-slider .product-card .product__image.product__image--hover,
.is-touch-device .product-card .product__image.product__image--hover {
  display: none;
  visibility: hidden;
}

.is-touch-device .works-with-slider .product-card div.slick-slide:hover .product__image.product__image--hover-hide,
.is-touch-device .product-card div.slick-active:hover .product__image.product__image--hover-hide,
.is-touch-device .product-card div.product__single-container:hover .product__image.product__image--hover-hide {
  visibility: visible;
}

.product-card .ratio--1x1:before, .product-card .dept--kids .dept-tile:before, .dept--kids .product-card .dept-tile:before {
  padding-top: 0px;
}

.product-card .slick-track {
  top: 0px;
}

@supports (display: grid) {
  .product-grid-grid.row {
    display: block;
    max-width: 100vw;
  }
  @media (min-width: 768px) {
    .product-grid-grid.row {
      display: -ms-grid;
      display: grid;
      justify-items: center;
      grid-template-columns: 50% 50%;
    }
  }
  @media (min-width: 992px) {
    .product-grid-grid.row {
      grid-template-columns: 33.3% 33.3% 33.3%;
    }
  }
  .product-grid-grid.row .product-new,
  .product-grid-grid.row .col-md-6,
  .product-grid-grid.row .row.grid-products .product-new, .row.grid-products
  .product-grid-grid.row .product-new, .product-grid-grid.row > .image,
  .product-grid-grid.row .product_workswith-new-container > .row > .product-2018,
  .product-grid-grid.row .container-2018 .product-grid-2018 > *, .container-2018
  .product-grid-grid.row .product-grid-2018 > *,
  .product-grid-grid.row .col-lg-4,
  .product-grid-grid.row .row.grid-products .product-new, .row.grid-products
  .product-grid-grid.row .product-new, .product-grid-grid.row > .image,
  .product-grid-grid.row .product_workswith-new-container > .row > .product-2018,
  .product-grid-grid.row .container-2018 .product-grid-2018 > *, .container-2018
  .product-grid-grid.row .product-grid-2018 > * {
    flex: initial;
  }
  .product-grid-grid.row .image .product-card-cover-image {
    height: 0;
    padding-top: 100%;
  }
  .product-grid-grid.row > *,
  .product-grid-grid.row > .product-new,
  .product-grid-grid.row > .image {
    max-width: initial;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
    width: 100%;
  }
  @media (min-width: 768px) {
    .product-grid-grid.row > *,
    .product-grid-grid.row > .product-new,
    .product-grid-grid.row > .image {
      max-width: calc(50vw);
    }
  }
  @media (min-width: 992px) {
    .product-grid-grid.row > *,
    .product-grid-grid.row > .product-new,
    .product-grid-grid.row > .image {
      max-width: calc(33.3vw);
    }
  }
  .product-grid-grid.row > * .col-md-6, .product-grid-grid.row > * .row.grid-products .product-new, .row.grid-products .product-grid-grid.row > * .product-new, .product-grid-grid.row > * .product-grid-grid.row > .image, .product-grid-grid.row > * .product_workswith-new-container > .row > .product-2018, .product-grid-grid.row > * .container-2018 .product-grid-2018 > *, .container-2018 .product-grid-grid.row > * .product-grid-2018 > *,
  .product-grid-grid.row > * .col-lg-4,
  .product-grid-grid.row > * .row.grid-products .product-new, .row.grid-products
  .product-grid-grid.row > * .product-new,
  .product-grid-grid.row > * .product-grid-grid.row > .image,
  .product-grid-grid.row > * .product_workswith-new-container > .row > .product-2018,
  .product-grid-grid.row > * .container-2018 .product-grid-2018 > *, .container-2018
  .product-grid-grid.row > * .product-grid-2018 > *,
  .product-grid-grid.row > .product-new .col-md-6,
  .product-grid-grid.row > .product-new .row.grid-products .product-new, .row.grid-products
  .product-grid-grid.row > .product-new .product-new,
  .product-grid-grid.row > .product-new .product-grid-grid.row > .image,
  .product-grid-grid.row > .product-new .product_workswith-new-container > .row > .product-2018,
  .product-grid-grid.row > .product-new .container-2018 .product-grid-2018 > *, .container-2018
  .product-grid-grid.row > .product-new .product-grid-2018 > *,
  .product-grid-grid.row > .product-new .col-lg-4,
  .product-grid-grid.row > .product-new .row.grid-products .product-new, .row.grid-products
  .product-grid-grid.row > .product-new .product-new,
  .product-grid-grid.row > .product-new .product-grid-grid.row > .image,
  .product-grid-grid.row > .product-new .product_workswith-new-container > .row > .product-2018,
  .product-grid-grid.row > .product-new .container-2018 .product-grid-2018 > *, .container-2018
  .product-grid-grid.row > .product-new .product-grid-2018 > *,
  .product-grid-grid.row > .image .col-md-6,
  .product-grid-grid.row > .image .row.grid-products .product-new, .row.grid-products
  .product-grid-grid.row > .image .product-new,
  .product-grid-grid.row > .image .product-grid-grid.row > .image,
  .product-grid-grid.row > .image .product_workswith-new-container > .row > .product-2018,
  .product-grid-grid.row > .image .container-2018 .product-grid-2018 > *, .container-2018
  .product-grid-grid.row > .image .product-grid-2018 > *,
  .product-grid-grid.row > .image .col-lg-4,
  .product-grid-grid.row > .image .row.grid-products .product-new, .row.grid-products
  .product-grid-grid.row > .image .product-new,
  .product-grid-grid.row > .image .product-grid-grid.row > .image,
  .product-grid-grid.row > .image .product_workswith-new-container > .row > .product-2018,
  .product-grid-grid.row > .image .container-2018 .product-grid-2018 > *, .container-2018
  .product-grid-grid.row > .image .product-grid-2018 > * {
    max-width: initial;
    padding: 0;
  }
  .product-grid-grid.row > * .product-card,
  .product-grid-grid.row > .product-new .product-card,
  .product-grid-grid.row > .image .product-card {
    height: auto;
  }
  @media (min-width: 768px) {
    .product-grid-grid.row > * .product-card .col-xs-12 a, .product-grid-grid.row > * .product-card .product_workswith-new-container > .row > .product-2018 a,
    .product-grid-grid.row > .product-new .product-card .col-xs-12 a,
    .product-grid-grid.row > .product-new .product-card .product_workswith-new-container > .row > .product-2018 a,
    .product-grid-grid.row > .image .product-card .col-xs-12 a,
    .product-grid-grid.row > .image .product-card .product_workswith-new-container > .row > .product-2018 a {
      min-height: calc(50vw - 56px);
    }
  }
  @media (min-width: 992px) {
    .product-grid-grid.row > * .product-card .col-xs-12 a, .product-grid-grid.row > * .product-card .product_workswith-new-container > .row > .product-2018 a,
    .product-grid-grid.row > .product-new .product-card .col-xs-12 a,
    .product-grid-grid.row > .product-new .product-card .product_workswith-new-container > .row > .product-2018 a,
    .product-grid-grid.row > .image .product-card .col-xs-12 a,
    .product-grid-grid.row > .image .product-card .product_workswith-new-container > .row > .product-2018 a {
      min-height: calc(33.3vw - 48px);
    }
  }
  @media (min-width: 768px) {
    .product-grid-grid.row .double-row {
      grid-row: auto / span 2;
    }
  }
  .product-grid-grid.row .double-row .product-card-cover-image {
    padding-top: calc(200% + 24px);
  }
  @media (min-width: 768px) {
    .product-grid-grid.row .double-column {
      max-width: 100vw;
    }
  }
  @media (min-width: 992px) {
    .product-grid-grid.row .double-column {
      max-width: calc(66.6vw - 24px);
      padding-left: 12px;
      padding-right: 12px;
    }
  }
  @media (min-width: 768px) {
    .product-grid-grid.row .double-column {
      grid-column: auto / span 2;
    }
  }
  .product-grid-grid.row .double-column .product-card-cover-image {
    padding-top: calc(50% - 12px);
  }
  .product-grid-grid.row .double-column .product-card-cover-image p {
    width: 50%;
  }
  .product-grid-grid.row .double-column .product-card-cover-image.pcci-mobile {
    padding-top: calc(100% - 12px);
  }
  .product-grid-grid.row .double-row.double-column .product-card-cover-image {
    padding-top: calc(100% - 12px);
  }
}

.product_workswith-new-container .works-with-slider .slick-track {
  top: 0;
}

.product_workswith-new-container .works-with-slider .slick-track > .product-2018-container {
  padding: 0 12px;
}

.container-2018 .section__title {
  margin: 0;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .container-2018 .section__title {
    margin-bottom: 36px;
  }
}

.container-2018 .section__title .h5 {
  position: relative;
  top: 3px;
}

.container-2018 .product-grid-2018 > .image-2018 {
  max-width: initial !important;
}

.container-2018 .product-grid-2018 > .image-2018 .product-card-cover-image {
  height: 0;
  padding-top: 125%;
}

.container-2018 .product-grid-2018 > .image-2018 .row {
  position: static !important;
  margin: 0;
}

.container-2018 .product-grid-2018 > .image-2018 .h4, .container-2018 .product-grid-2018 > .image-2018 .button--modal-close {
  margin-top: 12px;
  padding-top: 0;
  min-height: 36px;
  font-weight: 400 !important;
}

.container-2018 .product-grid-2018 > .image-2018 p {
  display: none;
}

@media (min-width: 768px) {
  @supports (display: grid) {
    .container-2018 .product-grid-2018 {
      display: block;
      max-width: 100vw;
      display: -ms-grid;
      display: grid;
      justify-items: center;
      grid-template-columns: 50% 50%;
    }
    .container-2018 .product-grid-2018 .product-2018-container .row.h4, .container-2018 .product-grid-2018 .product-2018-container .row.button--modal-close {
      min-height: 36px;
    }
    @media (min-width: 992px) {
      .container-2018 .product-grid-2018 {
        grid-template-columns: 33.3333% 33.3333% 33.3333%;
      }
    }
    .container-2018 .product-grid-2018 > * {
      flex: initial;
      max-width: initial;
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 24px;
      width: 100%;
      max-width: 50vw;
    }
    @media (min-width: 992px) {
      .container-2018 .product-grid-2018 > * {
        max-width: 33.3333vw;
      }
    }
    .container-2018 .product-grid-2018 > * .col-md-6, .container-2018 .product-grid-2018 > * .row.grid-products .product-new, .row.grid-products .container-2018 .product-grid-2018 > * .product-new, .container-2018 .product-grid-2018 > * .product-grid-grid.row > .image, .container-2018 .product-grid-2018 > * .product_workswith-new-container > .row > .product-2018, .container-2018 .product-grid-2018 > * .product-grid-2018 > *,
    .container-2018 .product-grid-2018 > * .col-lg-4,
    .container-2018 .product-grid-2018 > * .row.grid-products .product-new, .row.grid-products
    .container-2018 .product-grid-2018 > * .product-new,
    .container-2018 .product-grid-2018 > * .product-grid-grid.row > .image,
    .container-2018 .product-grid-2018 > * .product_workswith-new-container > .row > .product-2018, .container-2018 .product-grid-2018 > * .product-grid-2018 > * {
      max-width: initial;
      padding: 0;
    }
    .container-2018 .product-grid-2018 .double-row {
      grid-row: auto / span 2;
    }
    .container-2018 .product-grid-2018 .double-row .product-card-cover-image {
      padding-top: calc(250% + 72px);
    }
    .container-2018 .product-grid-2018 .double-column {
      grid-column: auto / span 2;
    }
    @media (min-width: 992px) {
      .container-2018 .product-grid-2018 .double-column {
        padding-left: 12px;
        padding-right: 12px;
      }
    }
    .container-2018 .product-grid-2018 .double-column .product-card-cover-image {
      padding-top: calc(62.5% - 15px);
    }
    .container-2018 .product-grid-2018 .double-column .product-card-cover-image.pcci-mobile {
      padding-top: calc(62.5% - 15px);
    }
    .container-2018 .product-grid-2018 .double-row.double-column .product-card-cover-image {
      padding-top: calc(125% + 42px);
    }
  }
}

.product-2018-container {
  position: relative;
  width: 100%;
}

.product-2018-container .product-image {
  background: #f7f7f7;
  position: relative;
}

.product-2018-container .product-image img.product__image {
  width: 100%;
  mix-blend-mode: multiply;
}

.product-2018-container .product-image .ratio--4x5:after {
  clear: both;
  content: ' ';
  display: block;
}

@media (max-width: 765px) {
  .product-2018-container .row.h4, .product-2018-container .row.button--modal-close {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.product-2018-container .hover-tools {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
}

@media (max-width: 765px) {
  .product-2018-container .hover-tools {
    display: none !important;
  }
}

.product-2018-container .hover-tools .status-panel {
  margin-bottom: 6px;
  margin-top: 6px;
}

.product-2018-container .hover-tools .status-panel h4 {
  padding: 0 0 0 14px;
}

.product-2018-container .hover-tools .status-panel h5 {
  padding: 0 14px 0 0;
}

.product-2018-container .hover-tools .swatches {
  margin-top: 0;
  margin-bottom: 12px;
}

.product-2018-container .hover-tools .button {
  width: 100%;
}

.product-2018-container .swatches {
  position: relative;
  min-height: 27px;
  overflow: hidden;
  margin-bottom: 24px;
  margin-top: 12px;
}

.product-2018-container .swatches .carousel.slick-slider {
  margin-left: 40px;
  margin-right: 40px;
}

.product-2018-container .swatches .carousel.slick-slider.no-arrows {
  margin-left: 0;
  margin-right: 0;
}

.product-2018-container .swatches .slide {
  min-height: 27px;
  display: inline-block;
  position: relative;
}

.product-2018-container .swatches .slide.sold-out:before {
  display: block;
  position: absolute;
  top: 13px;
  left: 50%;
  height: 1px;
  width: 20px;
  color: #fff;
  font-size: 2.2rem;
  transform: translateX(-50%) rotate(-45deg);
  pointer-events: none;
  background: #fff;
  content: '';
  z-index: 1;
}

.product-2018-container .swatches .slide img.swatch {
  top: 2px;
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 23px;
  margin: 0 auto;
  cursor: pointer;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px transparent;
  transition: all 1s ease;
  z-index: 1;
}

.product-2018-container .swatches .slide img.swatch.active {
  box-shadow: 0 0 0 1px #aaaaaa;
}

.product-2018-container .swatches .slide:after {
  content: '';
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 19px;
  border: none;
  box-shadow: 0 0 0 1px #dddddd;
  pointer-events: none;
}

.product-2018-container .swatches .slick-track {
  background-color: initial;
  top: initial;
}

.product-2018-container .number-colors {
  position: absolute;
  top: 0;
  right: 0;
  bottom: initial;
  z-index: 10;
  background: #ffffff;
  padding: 2px 10px;
  font-weight: normal;
}

.product-2018-container .pricing-line .number-colors {
  position: initial;
  padding: 0;
  margin-top: 4px;
}

#hsco-add-giftcard .button--primary {
  background-color: #111;
  color: #ffffff;
  height: 40px;
  position: relative;
  overflow: hidden;
}

#hsco-add-giftcard .button--primary .hsco-product-price.text-error {
  color: #ffffff;
}

#hsco-add-giftcard .button--primary .normal-text {
  position: absolute;
  height: 40px;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
}

#hsco-add-giftcard .button--primary .added-text {
  position: absolute;
  height: 40px;
  display: block;
  left: 0;
  right: 0;
  bottom: -40px;
}

#hsco-add-giftcard .button--primary.added-to-cart {
  animation-name: addedBackgroundAnimation;
  animation-duration: 4s;
}

#hsco-add-giftcard .button--primary.added-to-cart .normal-text {
  animation-name: addedReverseAnimation;
  animation-duration: 4s;
}

#hsco-add-giftcard .button--primary.added-to-cart .added-text {
  animation-name: addedAnimation;
  animation-duration: 4s;
}

.modal[data-modal="cart"] {
  padding: 20px;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
  z-index: 2147483640;
}

@media (min-width: 768px) {
  .modal[data-modal="cart"] {
    max-width: 400px;
    min-width: 350px;
  }
}

.modal[data-modal="cart"] .modal__top,
#checkout-cart .modal__top {
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: -20px;
  margin-right: -20px;
}

.modal[data-modal="cart"] .button.hsco-checkout-button,
#checkout-cart .button.hsco-checkout-button {
  display: block;
  height: 50px;
  line-height: 50px;
  margin: 0 0 10px;
}

.modal[data-modal="cart"] .button.hsco-checkout-button .large-link__arrow,
#checkout-cart .button.hsco-checkout-button .large-link__arrow {
  top: 0;
}

.modal[data-modal="cart"] .button.hsco-checkout-button span.h4, .modal[data-modal="cart"] .button.hsco-checkout-button span.button--modal-close,
#checkout-cart .button.hsco-checkout-button span.h4,
#checkout-cart .button.hsco-checkout-button span.button--modal-close {
  color: #fff;
}

.modal[data-modal="cart"] .info-area,
#checkout-cart .info-area {
  position: relative;
  padding: 20px 0px 20px 102px;
}

.modal[data-modal="cart"] .info-area img,
#checkout-cart .info-area img {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 68px;
}

.modal[data-modal="cart"] .hsco-delete-item,
#checkout-cart .hsco-delete-item {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 20px;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 10px;
  color: #111;
  font-size: 10px;
  line-height: 20px;
  height: 20px;
}

.modal[data-modal="cart"] .hsco-cart-empty,
#checkout-cart .hsco-cart-empty {
  margin-left: 24px;
  margin-right: 24px;
}

.modal[data-modal="cart"] .hsco-cart-item-view > .row,
#checkout-cart .hsco-cart-item-view > .row {
  padding: 0;
  border-bottom: 1px solid #dddddd;
}

@media (max-width: 765px) {
  .modal[data-modal="cart"] .hsco-cart-item-view > .row:first-child,
  #checkout-cart .hsco-cart-item-view > .row:first-child {
    border-top: 1px solid #dddddd;
  }
}

.modal[data-modal="cart"] .hsco-cart-item-view > .row img,
#checkout-cart .hsco-cart-item-view > .row img {
  filter: brightness(94%);
}

@media (max-width: 765px) {
  .modal[data-modal="cart"] #hsco-cart-subtotal,
  #checkout-cart #hsco-cart-subtotal {
    position: initial;
    padding: 0 20px;
  }
}

.modal[data-modal="cart"] #hsco-cart-subtotal p,
#checkout-cart #hsco-cart-subtotal p {
  margin-bottom: 0;
  margin-top: 2px;
}

.modal[data-modal="cart"] #hsco-cart-subtotal hr,
#checkout-cart #hsco-cart-subtotal hr {
  margin-left: -20px;
  margin-right: -20px;
}

.modal[data-modal="cart"] h3.total,
#checkout-cart h3.total {
  font-size: 16px;
}

.modal[data-modal="cart"] .more-info,
#checkout-cart .more-info {
  position: relative;
}

.modal[data-modal="cart"] .more-info-tax-popup,
#checkout-cart .more-info-tax-popup {
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px 20px;
}

.modal[data-modal="cart"] .more-info-tax-popup.open,
#checkout-cart .more-info-tax-popup.open {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 1;
}

.modal[data-modal="cart"] .more-info-tax-popup .relative-container,
#checkout-cart .more-info-tax-popup .relative-container {
  position: relative;
}

.modal[data-modal="cart"] .more-info-tax-popup h3,
#checkout-cart .more-info-tax-popup h3 {
  margin-top: 0;
  margin-bottom: 16px;
}

.modal[data-modal="cart"] .more-info-tax-popup .close-icon,
#checkout-cart .more-info-tax-popup .close-icon {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.modal[data-modal="cart"] .hsco-cart-full,
#checkout-cart .hsco-cart-full {
  font-size: 16px;
}

@media (max-width: 765px) {
  .modal[data-modal="cart"] .hsco-cart-full,
  #checkout-cart .hsco-cart-full {
    padding: 0 19px;
  }
}

.modal[data-modal="cart"] .cart-checkout-curtain,
#checkout-cart .cart-checkout-curtain {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.modal[data-modal="cart"] .login-checkout,
.modal[data-modal="cart"] .guest-checkout,
#checkout-cart .login-checkout,
#checkout-cart .guest-checkout {
  display: none;
  background: #fff;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  overflow: auto;
}

.modal[data-modal="cart"] .login-checkout .button,
.modal[data-modal="cart"] .guest-checkout .button,
#checkout-cart .login-checkout .button,
#checkout-cart .guest-checkout .button {
  width: 100%;
  margin-top: 24px;
}

.modal[data-modal="cart"] .login-checkout .close-button,
.modal[data-modal="cart"] .guest-checkout .close-button,
#checkout-cart .login-checkout .close-button,
#checkout-cart .guest-checkout .close-button {
  position: absolute;
  right: 12px;
  top: 24px;
  width: 16px;
}

.modal[data-modal="cart"] .login-checkout button,
.modal[data-modal="cart"] .guest-checkout button,
#checkout-cart .login-checkout button,
#checkout-cart .guest-checkout button {
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  -webkit-transition: none !important;
  transition: none !important;
}

.modal[data-modal="cart"] .login-checkout input,
.modal[data-modal="cart"] .guest-checkout input,
#checkout-cart .login-checkout input,
#checkout-cart .guest-checkout input {
  height: 40px;
}

@media (max-width: 765px) {
  .modal[data-modal="cart"] .login-checkout input,
  .modal[data-modal="cart"] .guest-checkout input,
  #checkout-cart .login-checkout input,
  #checkout-cart .guest-checkout input {
    font-size: 16px;
  }
}

.modal[data-modal="cart"] .login-checkout label,
.modal[data-modal="cart"] .guest-checkout label,
#checkout-cart .login-checkout label,
#checkout-cart .guest-checkout label {
  font-size: 11px;
  line-height: 11px;
  padding-bottom: 5px;
}

.modal[data-modal="cart"] .login-checkout .form-group,
.modal[data-modal="cart"] .guest-checkout .form-group,
#checkout-cart .login-checkout .form-group,
#checkout-cart .guest-checkout .form-group {
  position: relative;
  overflow: visible;
}

.modal[data-modal="cart"] .login-checkout .red-error,
.modal[data-modal="cart"] .guest-checkout .red-error,
#checkout-cart .login-checkout .red-error,
#checkout-cart .guest-checkout .red-error {
  position: absolute;
  left: 0px;
  pointer-events: none;
  color: #cc0033;
  font-size: 11px;
}

.modal[data-modal="cart"] .login-checkout .form-button-checkbox label,
.modal[data-modal="cart"] .guest-checkout .form-button-checkbox label,
#checkout-cart .login-checkout .form-button-checkbox label,
#checkout-cart .guest-checkout .form-button-checkbox label {
  padding-top: 3px;
}

.modal[data-modal="cart"] .login-checkout .checkout-forgot,
.modal[data-modal="cart"] .guest-checkout .checkout-forgot,
#checkout-cart .login-checkout .checkout-forgot,
#checkout-cart .guest-checkout .checkout-forgot {
  font-size: 11px;
  margin-top: 9px;
}

.modal[data-modal="cart"] .bfx-product-desc,
.modal[data-modal="cart"] .bfx-product-color,
#checkout-cart .bfx-product-desc,
#checkout-cart .bfx-product-color {
  color: #aaa;
}

.modal[data-modal="cart"] .quantity-selector,
#checkout-cart .quantity-selector {
  display: flex;
  height: 100%;
  flex-direction: column;
  margin-left: -12px;
  border-left: 1px solid #ddd;
}

.modal[data-modal="cart"] .quantity-selector .button.quantity-selector__button,
#checkout-cart .quantity-selector .button.quantity-selector__button {
  display: block;
  flex-grow: 0;
  height: 42px;
  padding: 0;
  margin: 0;
  line-height: initial;
  min-width: initial;
  background: transparent;
  color: #aaaaaa;
}

.modal[data-modal="cart"] .quantity-selector .button.quantity-selector__button:hover,
#checkout-cart .quantity-selector .button.quantity-selector__button:hover {
  color: #dddddd;
}

.modal[data-modal="cart"] .quantity-selector .button.quantity-selector__button:first-child,
#checkout-cart .quantity-selector .button.quantity-selector__button:first-child {
  border-bottom: 1px solid #ddd;
}

.modal[data-modal="cart"] .quantity-selector .button.quantity-selector__button:last-child,
#checkout-cart .quantity-selector .button.quantity-selector__button:last-child {
  border-top: 1px solid #ddd;
}

.modal[data-modal="cart"] .quantity-selector .quantity-selector__input,
#checkout-cart .quantity-selector .quantity-selector__input {
  min-height: 42px;
  font-size: 13px;
  padding: 0;
  border: 0;
  text-align: center;
  color: inherit;
  background: #f5f5f5;
}

.quantity-selector__button--more {
  margin-bottom: 5px;
}

.quantity-selector__button--less {
  margin-top: 5px;
}

.quantity-selector__input-checkout {
  background-color: white;
}

.modal .hsco-wishlist-share-button {
  display: block;
}

.modal--active.hsco-cart {
  z-index: 2147483640;
}

.hsco-cart-page {
  background-color: #eeeeee;
  color: #aaaaaa;
}

.hsco-cart-page .hsco-cart-page-view {
  padding: 40px 20px;
  width: 100%;
}

.hsco-cart-page .hsco-cart-page-view .hsco-cart-page-header {
  font-weight: bold;
}

.hsco-cart-page .hsco-cart-page-view .hsco-row-model {
  margin-top: 3rem;
  margin-left: 0;
  margin-right: 0;
  font-size: 1.3rem;
  font-weight: bold;
}

@media (min-width: 768px) {
  .hsco-cart-page .hsco-cart-page-view .hsco-row-model {
    font-size: 1.8rem;
  }
}

.hsco-cart-page .hsco-cart-page-view .hsco-row-model .hsco-cart-product-name p {
  margin-top: 0;
  margin-bottom: 5px;
}

.hsco-cart-page .hsco-cart-page-view .hsco-row-model .hsco-delete-item {
  font-size: 1.3rem;
}

.hsco-cart-page .hsco-cart-page-view .hsco-row-model .quantity-selector {
  font-size: 1.3rem;
}

.hsco-cart-page .hsco-cart-page-view .hsco-row-model .quantity-selector .quantity-selector__input {
  background: #fff;
}

.hsco-cart-page .hsco-cart-page-view #hsco-page-cart-subtotal {
  margin: 3rem 0;
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}

.hsco-cart-page .hsco-cart-page-view .button--primary {
  width: 100%;
  margin-bottom: 3rem;
}

.wishlist-item__cart {
  width: 100%;
  float: left;
  padding: 10px 0;
  line-height: 1;
  background: #777777;
}

.wishlist-item__cart:hover {
  background: #aaaaaa;
}

.wishlist-item__button {
  line-height: 35px;
  min-width: 80px;
  padding: 0 10px;
  vertical-align: middle;
  background: #333333;
  color: #F5F5F5;
}

.wishlist-item__button:hover {
  cursor: pointer;
}

.hsco-wishlist-item-view .hsco-wishlist-delete-item:hover {
  color: #fff;
}

.hsco-wishlist-row {
  padding: 0 0 24px 0;
}

.hsco-wishlist-row img {
  filter: brightness(94%);
}

#hsco-wishlist-share-form .topyenoh {
  display: none;
}

#hsco-wishlist-share-form .button {
  margin: 15px 0;
}

#hsco-wishlist-share-form .button:hover {
  color: #ffffff;
  text-decoration: underline;
}

.hsco-wishlist {
  background: #fff !important;
  border-left: 1px solid #ddd;
  top: 0;
  bottom: 0;
}

.hsco-wishlist .hsco-wishlist-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.product-gift-card__form,
.product-gift-card__content, .pdp-features-container .features-list {
  padding: 36px;
}

@media (min-width: 768px) {
  .product-gift-card__form,
  .product-gift-card__content, .pdp-features-container .features-list {
    padding: 5% 7%;
  }
}

.pdp-container-2018 .product-overview__content,
.product-gift-card .product-overview__content, .colors-list__colors {
  text-align: center;
}

@media (min-width: 768px) {
  .pdp-container-2018 .product-overview__content,
  .product-gift-card .product-overview__content, .colors-list__colors {
    text-align: left;
  }
}

.pdp-container-2018,
.product-gift-card {
  /* added 7vw padding-top here because firefox isn't accepting 7% padding top */
}

@media (min-width: 768px) {
  .pdp-container-2018 .desktop-hide, .pdp-container-2018 #checkout-container hr, #checkout-container .pdp-container-2018 hr,
  .product-gift-card .desktop-hide,
  .product-gift-card #checkout-container hr, #checkout-container
  .product-gift-card hr {
    display: none !important;
  }
}

.pdp-container-2018 .colors-list,
.product-gift-card .colors-list {
  overflow: visible;
}

.pdp-container-2018 .hsco-travel-accessories-button-container,
.product-gift-card .hsco-travel-accessories-button-container {
  text-align: left;
  margin-left: 24px;
}

@media (min-width: 768px) {
  .pdp-container-2018 .hsco-travel-accessories-button-container,
  .product-gift-card .hsco-travel-accessories-button-container {
    margin-left: 0;
  }
}

.pdp-container-2018 .hsco-travel-accessories-button-container .hsco-travel-accessories-button,
.product-gift-card .hsco-travel-accessories-button-container .hsco-travel-accessories-button {
  padding: 6px 24px;
  border: 1px solid #aaa;
  border-radius: 2em;
  margin-bottom: 8px;
  margin-right: 8px;
  cursor: pointer;
  display: inline-block;
}

.pdp-container-2018 .pdp-shipping-estimate,
.product-gift-card .pdp-shipping-estimate {
  position: relative;
  text-align: left;
  padding: 0 24px;
}

@media (min-width: 768px) {
  .pdp-container-2018 .pdp-shipping-estimate,
  .product-gift-card .pdp-shipping-estimate {
    padding: 0;
  }
}

.pdp-container-2018 .pdp-shipping-estimate .pdp-shipping-estimate-popup,
.product-gift-card .pdp-shipping-estimate .pdp-shipping-estimate-popup {
  min-width: 275px;
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #ccc;
  padding: 12px;
  z-index: 11;
}

@media (min-width: 768px) {
  .pdp-container-2018 .pdp-shipping-estimate .pdp-shipping-estimate-popup,
  .product-gift-card .pdp-shipping-estimate .pdp-shipping-estimate-popup {
    left: 0;
    transform: initial;
  }
}

.pdp-container-2018 .pdp-shipping-estimate .pdp-shipping-estimate-popup .close-button,
.product-gift-card .pdp-shipping-estimate .pdp-shipping-estimate-popup .close-button {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 12px;
}

.pdp-container-2018 .pdp-shipping-estimate .pdp-shipping-estimate-popup .close-button img,
.product-gift-card .pdp-shipping-estimate .pdp-shipping-estimate-popup .close-button img {
  width: 16px;
}

.pdp-container-2018 .pdp-shipping-estimate .pdp-shipping-estimate-popup button[type="submit"],
.product-gift-card .pdp-shipping-estimate .pdp-shipping-estimate-popup button[type="submit"] {
  width: 100%;
}

.pdp-container-2018 .hsco-add-to-cart,
.product-gift-card .hsco-add-to-cart {
  width: calc(90% - 24px);
  background-color: #0084ff;
  color: #ffffff;
  height: 40px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .pdp-container-2018 .hsco-add-to-cart,
  .product-gift-card .hsco-add-to-cart {
    background-color: #111;
  }
}

@media (max-width: 765px) {
  .pdp-container-2018 .hsco-add-to-cart,
  .product-gift-card .hsco-add-to-cart {
    height: 60px;
    line-height: 60px;
  }
}

.pdp-container-2018 .hsco-add-to-cart .hsco-product-price.text-error,
.product-gift-card .hsco-add-to-cart .hsco-product-price.text-error {
  color: #ffffff;
}

.pdp-container-2018 .hsco-add-to-cart .normal-text,
.product-gift-card .hsco-add-to-cart .normal-text {
  position: absolute;
  height: 40px;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 765px) {
  .pdp-container-2018 .hsco-add-to-cart .normal-text,
  .product-gift-card .hsco-add-to-cart .normal-text {
    height: 60px;
  }
}

.pdp-container-2018 .hsco-add-to-cart .added-text,
.product-gift-card .hsco-add-to-cart .added-text {
  position: absolute;
  height: 40px;
  display: block;
  left: 0;
  right: 0;
  bottom: -40px;
}

@media (max-width: 765px) {
  .pdp-container-2018 .hsco-add-to-cart .added-text,
  .product-gift-card .hsco-add-to-cart .added-text {
    bottom: -60px;
    height: 60px;
  }
}

.pdp-container-2018 .hsco-add-to-cart.added-to-cart,
.product-gift-card .hsco-add-to-cart.added-to-cart {
  animation-name: addedBackgroundAnimation;
  animation-duration: 4s;
}

.pdp-container-2018 .hsco-add-to-cart.added-to-cart .normal-text,
.product-gift-card .hsco-add-to-cart.added-to-cart .normal-text {
  animation-name: addedReverseAnimation;
  animation-duration: 4s;
}

.pdp-container-2018 .hsco-add-to-cart.added-to-cart .added-text,
.product-gift-card .hsco-add-to-cart.added-to-cart .added-text {
  animation-name: addedAnimation;
  animation-duration: 4s;
}

.pdp-container-2018 .hsco-add-to-wishlist,
.product-gift-card .hsco-add-to-wishlist {
  margin: 0;
  display: inline-block;
  padding: 2px 0;
  background-color: #111;
  height: 40px;
  color: #ffffff;
  min-width: initial;
  text-align: center;
  width: 10%;
  position: relative;
}

.pdp-container-2018 .hsco-add-to-wishlist-mobile,
.product-gift-card .hsco-add-to-wishlist-mobile {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 18px;
  z-index: 10;
  background-color: transparent;
  color: #111;
  overflow: hidden;
}

.pdp-container-2018 .hsco-add-to-wishlist-mobile[disabled],
.product-gift-card .hsco-add-to-wishlist-mobile[disabled] {
  color: #dddddd;
}

.pdp-container-2018 .hsco-add-to-wishlist .normal-text,
.product-gift-card .hsco-add-to-wishlist .normal-text {
  position: absolute;
  height: 40px;
  display: block;
  left: 0;
  right: 0;
  bottom: 0px;
}

.pdp-container-2018 .hsco-add-to-wishlist .added-text,
.product-gift-card .hsco-add-to-wishlist .added-text {
  position: absolute;
  height: 40px;
  display: block;
  left: 0;
  right: 0;
  bottom: -40px;
}

.pdp-container-2018 .hsco-add-to-wishlist.added-to-wishlist,
.product-gift-card .hsco-add-to-wishlist.added-to-wishlist {
  animation-name: addedBackgroundAnimation;
  animation-duration: 4s;
}

.pdp-container-2018 .hsco-add-to-wishlist.added-to-wishlist .normal-text,
.product-gift-card .hsco-add-to-wishlist.added-to-wishlist .normal-text {
  animation-name: addedReverseAnimation;
  animation-duration: 4s;
}

.pdp-container-2018 .hsco-add-to-wishlist.added-to-wishlist .added-text,
.product-gift-card .hsco-add-to-wishlist.added-to-wishlist .added-text {
  animation-name: addedAnimation;
  animation-duration: 4s;
}

.pdp-container-2018 .hsco-add-to-wishlist .hsco-wishlist-text,
.product-gift-card .hsco-add-to-wishlist .hsco-wishlist-text {
  display: none;
  text-transform: uppercase;
  padding-left: 6px;
}

.pdp-container-2018 .product-overview__descriptive-text ul,
.product-gift-card .product-overview__descriptive-text ul {
  list-style-type: disc;
  margin-left: 16px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.pdp-container-2018 .product-overview__descriptive-text ul li,
.product-gift-card .product-overview__descriptive-text ul li {
  margin: 4px 0;
}

.pdp-container-2018 .product-overview__content,
.product-gift-card .product-overview__content {
  padding: 0;
}

@media (min-width: 768px) {
  .pdp-container-2018 .product-overview__content .hsco-product-details,
  .product-gift-card .product-overview__content .hsco-product-details {
    padding: 10% 14%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
  }
  .pdp-container-2018 .product-overview__content .hsco-product-details > *,
  .product-gift-card .product-overview__content .hsco-product-details > * {
    flex-shrink: 0;
  }
  .pdp-container-2018 .product-overview__content .hsco-product-details .color-size-container,
  .product-gift-card .product-overview__content .hsco-product-details .color-size-container {
    flex-shrink: 1;
  }
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-overview__content,
  .product-gift-card .product-overview__content {
    padding: 0;
  }
}

.pdp-container-2018 .product-dimensions__content,
.product-gift-card .product-dimensions__content {
  padding: 36px;
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-dimensions__content,
  .product-gift-card .product-dimensions__content {
    padding: 24px;
  }
}

.pdp-container-2018 hr,
.product-gift-card hr {
  margin-bottom: 12px;
  margin-top: 24px;
}

@media (min-width: 768px) {
  .pdp-container-2018 .color-size-container,
  .product-gift-card .color-size-container {
    max-height: 40vw;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .pdp-container-2018 .color-size-container .indented,
  .product-gift-card .color-size-container .indented {
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 0;
    margin-right: 0;
  }
}

.pdp-container-2018 .color-size-container .row,
.product-gift-card .color-size-container .row {
  height: initial;
}

.pdp-container-2018 .product-modal-links-text,
.product-gift-card .product-modal-links-text {
  margin-top: 24px;
}

.pdp-container-2018 .product-modal-links-text .product-modal-link-text a,
.product-gift-card .product-modal-links-text .product-modal-link-text a {
  cursor: pointer;
}

.pdp-container-2018 .product-modal-links-text .product-modal-link-text:last-of-type,
.product-gift-card .product-modal-links-text .product-modal-link-text:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-modal-links-text,
  .product-gift-card .product-modal-links-text {
    margin-top: 0;
  }
  .pdp-container-2018 .product-modal-links-text .product-modal-link-text,
  .product-gift-card .product-modal-links-text .product-modal-link-text {
    margin-top: 14px;
  }
}

.pdp-container-2018 .sizes-list .row .col-xs-9,
.product-gift-card .sizes-list .row .col-xs-9 {
  padding-right: 0;
}

.pdp-container-2018 .sizes-list .row .col-xs-3,
.product-gift-card .sizes-list .row .col-xs-3 {
  padding-left: 0;
}

.pdp-container-2018 .sizes-list .size-list__sizes,
.product-gift-card .sizes-list .size-list__sizes {
  margin: 0;
}

.pdp-container-2018 .sizes-list .size-list__sizes .size-list__size,
.product-gift-card .sizes-list .size-list__sizes .size-list__size {
  margin-top: 10px;
  margin-bottom: 10px;
}

.pdp-container-2018 .sizes-list h4,
.product-gift-card .sizes-list h4 {
  font-size: 1em;
  line-height: 0;
  margin: 24px 0 0 0;
}

@media (max-width: 765px) {
  .pdp-container-2018 .sizes-list,
  .product-gift-card .sizes-list {
    border-bottom: 1px solid #dddddd;
    padding: 6px 0;
  }
}

.pdp-container-2018 .size-selector,
.product-gift-card .size-selector {
  display: block;
  width: 100%;
  max-width: 75vw;
}

.pdp-container-2018 .size-selector .slick-list,
.product-gift-card .size-selector .slick-list {
  margin-left: 25px;
  margin-right: 25px;
}

.pdp-container-2018 .size-selector .slick-next,
.pdp-container-2018 .size-selector .slick-prev,
.product-gift-card .size-selector .slick-next,
.product-gift-card .size-selector .slick-prev {
  width: 0px;
  height: 0px;
  padding: 0;
}

.pdp-container-2018 .size-selector .slick-next,
.product-gift-card .size-selector .slick-next {
  right: -25px;
}

.pdp-container-2018 .size-selector .slick-prev,
.product-gift-card .size-selector .slick-prev {
  left: -25px;
}

.pdp-container-2018 .size-selector .slick-track,
.product-gift-card .size-selector .slick-track {
  background-color: transparent;
}

.pdp-container-2018 .size-selector .size-list__sizes,
.product-gift-card .size-selector .size-list__sizes {
  margin: 0;
}

.pdp-container-2018 .size-selector li,
.product-gift-card .size-selector li {
  margin-top: 0;
  background: #ffffff;
}

@media (max-width: 765px) {
  .pdp-container-2018 .size-selector li,
  .product-gift-card .size-selector li {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.pdp-container-2018 .size-selector li.on,
.product-gift-card .size-selector li.on {
  background: #dddddd;
  color: #000;
}

.pdp-container-2018 .size-selector li.sold-out,
.product-gift-card .size-selector li.sold-out {
  opacity: 1;
  color: #dddddd;
  border-color: #dddddd;
}

.pdp-container-2018 .size-selector li.sold-out:after,
.product-gift-card .size-selector li.sold-out:after {
  background: #dddddd;
}

.pdp-container-2018 .size-selector .slick-track,
.product-gift-card .size-selector .slick-track {
  top: 0;
}

.pdp-container-2018 .product-add-cart-bar,
.product-gift-card .product-add-cart-bar {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 999;
  transform: translate3d(0, -90px, 0);
  transition: transform 0.3s ease;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #aaaaaa;
}

body.skinny-banner-open .pdp-container-2018 .product-add-cart-bar, body.skinny-banner-open
.product-gift-card .product-add-cart-bar {
  top: 100px;
}

.pdp-container-2018 .product-add-cart-bar.product-add-cart-bar--active,
.product-gift-card .product-add-cart-bar.product-add-cart-bar--active {
  transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) {
  .pdp-container-2018 .product-add-cart-bar,
  .product-gift-card .product-add-cart-bar {
    display: block;
  }
}

.pdp-container-2018 .product-add-cart-bar .hsco-add-to-cart,
.product-gift-card .product-add-cart-bar .hsco-add-to-cart {
  display: inline-block;
  height: 60px;
  width: 100%;
  padding: 0;
  line-height: 60px;
  right: -12px;
  position: relative;
  font-weight: 400;
}

.pdp-container-2018 .product-add-cart-bar .hsco-add-to-cart .normal-text,
.product-gift-card .product-add-cart-bar .hsco-add-to-cart .normal-text {
  height: 60px;
  line-height: 60px;
}

.pdp-container-2018 .product-add-cart-bar .hsco-add-to-cart .added-text,
.product-gift-card .product-add-cart-bar .hsco-add-to-cart .added-text {
  height: 60px;
  bottom: -60px;
  line-height: 60px;
}

.pdp-container-2018 .product-add-cart-bar p.title,
.product-gift-card .product-add-cart-bar p.title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 52px;
}

.pdp-container-2018 .product-add-cart-bar .colors-list__swatch,
.product-gift-card .product-add-cart-bar .colors-list__swatch {
  font-size: 0px;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 12px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  cursor: pointer;
  border: 2px solid transparent;
}

.pdp-container-2018 .product-add-cart-bar .colors-list__swatch.colors-list__color--selected,
.product-gift-card .product-add-cart-bar .colors-list__swatch.colors-list__color--selected {
  box-shadow: 0 0 0 1px #aaaaaa;
}

.pdp-container-2018 .product-details__inventory,
.product-gift-card .product-details__inventory {
  display: none;
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 990;
  padding: 4px 16px;
  margin: 0;
  background: #ffffff;
  border: 1px solid #dddddd;
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-details__inventory,
  .product-gift-card .product-details__inventory {
    left: 16px;
    right: initial;
    top: 17px;
  }
}

.pdp-container-2018 .product-overview__images,
.product-gift-card .product-overview__images {
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: #f7f7f7;
  position: relative;
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-overview__images .zoom-container,
  .product-gift-card .product-overview__images .zoom-container {
    height: 125vw;
  }
}

.pdp-container-2018 .product-overview__images .image-count,
.product-gift-card .product-overview__images .image-count {
  position: absolute;
  bottom: 16px;
  left: 20px;
  color: #aaaaaa;
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-overview__images .image-count,
  .product-gift-card .product-overview__images .image-count {
    display: none;
  }
}

.pdp-container-2018 .product-overview__images .product-details__image-description,
.product-gift-card .product-overview__images .product-details__image-description {
  position: absolute;
  top: 28px;
  left: 19px;
  right: 45%;
  color: #aaaaaa;
  z-index: 1;
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-overview__images .product-details__image-description,
  .product-gift-card .product-overview__images .product-details__image-description {
    bottom: 40px;
    top: initial;
    right: 19px;
  }
}

.pdp-container-2018 .product-overview__images .product-overview__image-zoom i + i,
.product-gift-card .product-overview__images .product-overview__image-zoom i + i {
  display: none;
}

.pdp-container-2018 .product-overview__images.product-description__image--zoomed .product-overview__image-zoom i,
.product-gift-card .product-overview__images.product-description__image--zoomed .product-overview__image-zoom i {
  display: none;
}

.pdp-container-2018 .product-overview__images.product-description__image--zoomed .product-overview__image-zoom i + i,
.product-gift-card .product-overview__images.product-description__image--zoomed .product-overview__image-zoom i + i {
  display: inline-block;
}

.pdp-container-2018 .sticky-bottom-product-bar,
.product-gift-card .sticky-bottom-product-bar {
  display: none;
}

@media (max-width: 765px) {
  .pdp-container-2018 .sticky-bottom-product-bar,
  .product-gift-card .sticky-bottom-product-bar {
    display: block;
    width: 100%;
    padding-bottom: 60px;
    position: fixed;
    bottom: 0;
    background: #ffffff;
    border-top: 1px solid #dddddd;
    z-index: 999;
    transition: all ease-in-out 333ms;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    max-height: 150px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .row,
  .product-gift-card .sticky-bottom-product-bar .row {
    margin: 8px 0 4px 0;
    transition: all ease-in-out 333ms;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list,
  .product-gift-card .sticky-bottom-product-bar .colors-list {
    transition: all ease-in-out 333ms;
    width: 100%;
    margin-bottom: 6px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list ul,
  .product-gift-card .sticky-bottom-product-bar .colors-list ul {
    width: 100%;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .slick-track,
  .product-gift-card .sticky-bottom-product-bar .colors-list .slick-track {
    background: transparent;
    top: 2px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .slick-list,
  .product-gift-card .sticky-bottom-product-bar .colors-list .slick-list {
    margin: 0 40px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list.no-arrows .slick-list,
  .product-gift-card .sticky-bottom-product-bar .colors-list.no-arrows .slick-list {
    margin: 0 6px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .slick-slide,
  .product-gift-card .sticky-bottom-product-bar .colors-list .slick-slide {
    min-height: 32px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .colors-list__color,
  .product-gift-card .sticky-bottom-product-bar .colors-list .colors-list__color {
    margin: 6px 2px 0;
    position: relative;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .colors-list__color img,
  .product-gift-card .sticky-bottom-product-bar .colors-list .colors-list__color img {
    width: 28px;
    height: 28px;
    border-radius: 28px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .colors-list__color label,
  .product-gift-card .sticky-bottom-product-bar .colors-list .colors-list__color label {
    width: 28px;
    height: 28px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .colors-list__color label:after,
  .product-gift-card .sticky-bottom-product-bar .colors-list .colors-list__color label:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .colors-list .colors-list__color.sold-out span,
  .product-gift-card .sticky-bottom-product-bar .colors-list .colors-list__color.sold-out span {
    left: 2px;
    width: 24px;
    top: 14px;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .hsco-add-to-cart,
  .product-gift-card .sticky-bottom-product-bar .hsco-add-to-cart {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
  }
  .pdp-container-2018 .sticky-bottom-product-bar .hsco-add-to-cart[disabled],
  .product-gift-card .sticky-bottom-product-bar .hsco-add-to-cart[disabled] {
    background-color: #777777;
    pointer-events: disabled;
  }
  .pdp-container-2018 .sticky-bottom-product-bar.shown,
  .product-gift-card .sticky-bottom-product-bar.shown {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

.pdp-container-2018 .hsco-product-color,
.product-gift-card .hsco-product-color {
  font-size: 1em;
  text-align: left;
}

@media (min-width: 768px) {
  .pdp-container-2018 .hsco-product-color,
  .product-gift-card .hsco-product-color {
    margin: 0 0 24px 0;
  }
  .pdp-container-2018 .hsco-product-color.hsco-product-color-sale,
  .product-gift-card .hsco-product-color.hsco-product-color-sale {
    margin: 16px 0 0 0;
    padding: 0 12px;
  }
}

.pdp-container-2018 .product-details__image,
.product-gift-card .product-details__image {
  padding-right: 0;
  padding-left: 0;
  background-color: #f7f7f7;
}

.pdp-container-2018 .slick-track-pdp,
.product-gift-card .slick-track-pdp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pdp-container-2018 .slick-track-pdp .slick-track,
.product-gift-card .slick-track-pdp .slick-track {
  top: 0;
}

@media (max-width: 765px) {
  .pdp-container-2018 .slick-track-pdp .slick-dots,
  .product-gift-card .slick-track-pdp .slick-dots {
    bottom: 8px;
  }
}

.pdp-container-2018 .slick-track-pdp.hide-arrows .slick-arrow,
.product-gift-card .slick-track-pdp.hide-arrows .slick-arrow {
  display: none !important;
}

.pdp-container-2018 .slick-track-pdp.hide-left-arrow .slick-prev,
.product-gift-card .slick-track-pdp.hide-left-arrow .slick-prev {
  display: none !important;
}

.pdp-container-2018 .product-overview__title,
.product-gift-card .product-overview__title {
  font-size: 3rem;
  line-height: 3.6rem;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  .pdp-container-2018 .product-overview__title,
  .product-gift-card .product-overview__title {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}

@media (min-width: 992px) {
  .pdp-container-2018 .product-overview__title,
  .product-gift-card .product-overview__title {
    font-size: 4.5rem;
    line-height: 4.8rem;
  }
}

.pdp-container-2018 .product-overview__mobile,
.product-gift-card .product-overview__mobile {
  background-color: #ffffff;
  text-align: center;
}

.pdp-container-2018 .product-overview__mobile .product-overview__title,
.product-gift-card .product-overview__mobile .product-overview__title {
  margin-top: 12px;
  margin-bottom: 12px;
}

.pdp-container-2018 .product__add-to-cart,
.product-gift-card .product__add-to-cart {
  position: relative;
  margin: 30px 0 0 0;
  text-align: left;
}

@media (min-width: 768px) {
  .pdp-container-2018 .product__add-to-cart,
  .product-gift-card .product__add-to-cart {
    margin: 10px 0 0 0;
  }
}

.pdp-container-2018 .product-overview__image-zoom,
.product-gift-card .product-overview__image-zoom {
  position: absolute;
  top: 150px;
  right: 125px;
  z-index: 990;
  width: 31px;
  height: 31px;
  text-align: center;
  padding-left: 1px;
  padding-top: 6px;
  border-radius: 31px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

@media (max-width: 765px) {
  .pdp-container-2018 .product-overview__image-zoom,
  .product-gift-card .product-overview__image-zoom {
    display: none;
  }
}

.pdp-container-2018 .product-details__image .slick-slider.slick-dotted,
.product-gift-card .product-details__image .slick-slider.slick-dotted {
  overflow: hidden;
}

.pdp-container-2018 .quantity-selector--product,
.product-gift-card .quantity-selector--product {
  display: inline-table;
}

.pdp-container-2018 .quantity-selector--product [class*="quantity-selector__button"],
.product-gift-card .quantity-selector--product [class*="quantity-selector__button"] {
  display: table-cell;
  height: 23px;
  width: 25px;
  border: none;
  padding: 0;
  margin: 0;
  background-color: #dddddd;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}

.pdp-container-2018 .quantity-selector--product [class*="quantity-selector__button"]:hover,
.product-gift-card .quantity-selector--product [class*="quantity-selector__button"]:hover {
  cursor: pointer;
}

.pdp-container-2018 .quantity-selector--product .quantity-selector__input,
.product-gift-card .quantity-selector--product .quantity-selector__input {
  display: table-cell;
  height: 28px;
  width: 28px;
  font-size: 12px;
  padding: 0;
  border: 0;
  text-align: center;
  color: #777777;
  background-color: #ffffff;
}

.pdp-container-2018 .hsco-sold-out,
.product-gift-card .hsco-sold-out {
  display: none;
  color: #f33737;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-left: -3px;
}

.pdp-container-2018 .hsco-sold-out.active,
.product-gift-card .hsco-sold-out.active {
  display: inline-block;
}

.pdp-container-2018 .hsco-product-price.h4, .pdp-container-2018 .hsco-product-price.button--modal-close,
.product-gift-card .hsco-product-price.h4,
.product-gift-card .hsco-product-price.button--modal-close {
  color: #fff;
}

.pdp-container-2018 .hsco-product-prices h4,
.product-gift-card .hsco-product-prices h4 {
  color: #fff;
  display: inline-block;
}

.pdp-container-2018 .hsco-product-prices .hsco-list-price,
.product-gift-card .hsco-product-prices .hsco-list-price {
  display: none;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 0.3rem;
  color: #fff;
}

.pdp-container-2018 .hsco-product-prices .hsco-list-price.active,
.product-gift-card .hsco-product-prices .hsco-list-price.active {
  display: inline-block;
}

@keyframes addedBackgroundAnimation {
  0% {
    color: #ffffff;
  }
  15% {
    color: transparent;
  }
  80% {
    color: transparent;
  }
  100% {
    color: #ffffff;
  }
}

@media (min-width: 768px) {
  @keyframes addedBackgroundAnimation {
    0% {
      background: #111;
      color: #ffffff;
    }
    15% {
      background: #0084ff;
      color: transparent;
    }
    80% {
      background: #0084ff;
      color: transparent;
    }
    100% {
      background: #111;
      color: #ffffff;
    }
  }
}

@keyframes addedAnimation {
  0% {
    transform: translateY(0);
    color: #ffffff;
  }
  15% {
    transform: translateY(-100%);
    color: #ffffff;
  }
  80% {
    transform: translateY(-100%);
    color: #ffffff;
  }
  100% {
    transform: translateY(0);
    color: #ffffff;
  }
}

@keyframes addedReverseAnimation {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(100%);
  }
  80% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

.product-overview__carousel-image {
  mix-blend-mode: multiply;
  width: 100%;
}

.product-gift-card__card,
.product-gift-card__image,
.product-dimensions__image {
  padding: 0;
  margin: 0;
}

.product-gift-card__card {
  background-color: #f7f7f7;
}

.product-gift-card__content {
  margin: 0;
}

.colors-list {
  overflow: hidden;
  display: block;
  padding: 5px;
  margin-top: -4px !important;
}

@media (min-width: 768px) {
  .colors-list {
    text-align: left;
  }
}

.colors-list__color {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 4px;
  position: relative;
}

.colors-list__color input,
.colors-list__color span {
  display: none;
}

.colors-list__color img {
  max-width: initial;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  cursor: pointer;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px transparent;
  transition: all 1s ease;
}

.colors-list__color label {
  font-size: 0;
  line-height: 0;
  width: 32px;
  height: 32px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  z-index: 1;
}

.colors-list__color label:after {
  content: " ";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 30px;
  border: none;
  box-shadow: 0 0 0 1px #dddddd;
}

.colors-list__color.on img {
  box-shadow: 0 0 0 2px #aaaaaa;
}

.colors-list__color .sale-popup {
  display: none;
  position: absolute;
  top: -5px;
  right: -6px;
  padding: 2px 1px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  color: #111;
  line-height: 8px;
  font-size: 9px;
  z-index: 1;
}

.colors-list__color.on-sale .sale-popup {
  display: block;
}

@media (min-width: 768px) {
  .colors-list__color:hover img {
    box-shadow: 0 0 0 2px #aaaaaa;
  }
}

.colors-list__color.sold-out {
  opacity: 0.4;
}

.colors-list__color.sold-out span {
  display: block;
  position: absolute;
  top: 16px;
  left: 3px;
  height: 1px;
  width: 28px;
  color: #fff;
  font-size: 2.2rem;
  transform: rotate(-45deg);
  pointer-events: none;
  background: #fff;
}

.colors-list__color.sold-out:hover {
  cursor: not-allowed;
}

.colors-list__color.sold-out:hover img {
  cursor: not-allowed;
}

.size-list__sizes {
  margin: 10px 0 0px 0;
  text-align: center;
}

@media (min-width: 544px) {
  .size-list__sizes {
    margin: 10px 0 0px 0;
    text-align: left;
  }
}

.size-list__sizes li {
  height: 36px;
  line-height: 28px;
  width: 66px;
  display: inline-block;
  margin: 10px 12px 0 0;
  text-align: center;
  border: 1px solid #aaaaaa;
  border-radius: 20px;
  transition: all 0.2s ease;
  padding: 3px 0 0 0;
  font-size: 11px;
  position: relative;
}

.size-list__sizes li.small {
  width: 26px;
}

.size-list__sizes li.small.sold-out:after {
  top: 11px;
  left: 0px;
  height: 1px;
  width: 25px;
}

.size-list__sizes li label {
  pointer-events: none;
}

.size-list__sizes li:hover, .size-list__sizes li.on {
  color: #000;
  background: #dddddd;
  cursor: pointer;
}

.size-list__sizes li.sold-out {
  opacity: 0.4;
  cursor: not-allowed;
}

.size-list__sizes li.sold-out:hover {
  background: none;
  color: #aaaaaa;
}

.size-list__sizes li.sold-out:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 8px;
  height: 1px;
  width: 49px;
  color: #fff;
  font-size: 2.2rem;
  transform: rotate(-45deg);
  pointer-events: none;
  background: #aaaaaa;
}

.size-list__sizes li input {
  display: none;
}

.size-list__size.round {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  line-height: 28px;
}

.size-list__size.round.sold-out:after {
  top: 17px;
  left: 0px;
  height: 1px;
  width: 36px;
}

.modal--product {
  padding: 24px;
}

.modal--product h3 {
  padding-bottom: 36px;
  font-size: 18px;
  line-height: 24px;
}

.modal--product .button {
  margin-top: 0;
  min-width: initial;
  background: transparent;
}

.modal--product .table--shipping th {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

@media (max-width: 765px) {
  .modal--product .table--shipping tbody tr {
    font-size: 11px;
    line-height: 14px;
  }
}

.modal--product.modal--size-guide {
  background: #fff;
  /*
  // For W2-214
  padding:0;
  margin: $spacer;
  display: none;
  transition: transform 0.4s ease-in-out;
  overflow-x: hidden;
  overflow-y: scroll;
  &.modal--active {
    display: block;
  }
  @include media-breakpoint-up(md) {
    margin: 24px 80px;
  }
  .modal-close {
    position: absolute;
    top: 24px;
    right:0;
  }
  */
}

.modal--product.modal--active ~ .modal-overlay {
  display: block;
}

.table--shipping th {
  width: 20%;
}

@media (min-width: 768px) {
  .table--shipping th {
    width: 5%;
  }
}

.product-modal-links {
  padding: 30px 0;
  display: flex;
  justify-content: center;
  border-top: 1px solid #dddddd;
}

@media (max-width: 765px) {
  .product-modal-links {
    padding: 30px 0 16px;
  }
}

.product-modal-links .product-modal-link {
  margin: 0 72px;
  font-weight: 500;
  text-align: center;
}

@media (max-width: 765px) {
  .product-modal-links .product-modal-link {
    margin: 0 30px;
  }
}

.product-modal-links .product-modal-link:hover {
  color: #333333;
}

.product-modal-links .product-modal-link:hover .cls-3 {
  stroke: #333333;
}

.product-modal-links .product-modal-link .product-modal-link__image {
  width: 75px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 765px) {
  .product-modal-links .product-modal-link .product-modal-link__image {
    width: 50px;
  }
}

.product-modal-links .product-modal-link .product-modal-link__image .cls-1,
.product-modal-links .product-modal-link .product-modal-link__image .cls-3 {
  fill: none;
}

.product-modal-links .product-modal-link .product-modal-link__image .cls-3 {
  stroke: #000;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.3s ease;
}

.pdp-grid-container .section:last-of-type {
  margin: 0;
}

.pdp-collection-image-container div.img {
  padding-top: 100%;
  background-position: center center;
  background-size: cover;
}

.pdp-collection-info-container {
  padding: 24px;
}

.pdp-collection-info-container .section-opener {
  padding: 3px 0 0 0;
  margin-bottom: 6px;
  border-top: 1px solid #aaaaaa;
}

.pdp-collection-info-container .section-opener .icon-arrow {
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  background-image: url(global/images/arrow-down.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  top: 0.4em;
}

.pdp-collection-info-container .section-opener.open .icon-arrow {
  background-image: url(global/images/arrow-up.svg);
}

.pdp-collection-info-container .pdp-collection-info__section {
  max-height: 0;
  transition: 300ms ease-in-out all;
  overflow: hidden;
}

.pdp-collection-info-container .pdp-collection-info__section.open {
  margin-bottom: 12px;
  max-height: 100vw;
}

.pdp-collection-info-container .heading {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .pdp-collection-info-container {
    height: 50vw;
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (min-width: 992px) {
  .pdp-collection-info-container {
    padding-left: 72px;
    padding-right: 72px;
  }
}

.pdp-dimensions-container {
  height: 100%;
  min-height: 100vw;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 24px;
}

.pdp-dimensions-container .product-dimensions__title {
  margin-bottom: 4px;
}

@media (min-width: 768px) {
  .pdp-dimensions-container .product-dimensions__title {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .pdp-dimensions-container {
    min-height: initial;
    height: 50vw;
    padding-left: 48px;
  }
}

@media (min-width: 992px) {
  .pdp-dimensions-container {
    padding-left: 72px;
  }
}

.pdp-dimensions-container p {
  margin-top: 0;
}

.pdp-features-container .features-list {
  padding: 24px;
}

@media (min-width: 768px) {
  .pdp-features-container .features-list.col-md-6, .pdp-features-container .row.grid-products .features-list.product-new, .row.grid-products .pdp-features-container .features-list.product-new, .pdp-features-container .product-grid-grid.row > .features-list.image, .pdp-features-container .product_workswith-new-container > .row > .features-list.product-2018, .pdp-features-container .container-2018 .product-grid-2018 > .features-list, .container-2018 .pdp-features-container .product-grid-2018 > .features-list {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding-top: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (min-width: 992px) {
  .pdp-features-container .features-list.col-md-6, .pdp-features-container .row.grid-products .features-list.product-new, .row.grid-products .pdp-features-container .features-list.product-new, .pdp-features-container .product-grid-grid.row > .features-list.image, .pdp-features-container .product_workswith-new-container > .row > .features-list.product-2018, .pdp-features-container .container-2018 .product-grid-2018 > .features-list, .container-2018 .pdp-features-container .product-grid-2018 > .features-list {
    padding-left: 72px;
    padding-right: 72px;
  }
}

.pdp-features-container .slick-track-pdp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pdp-features-container .slick-track-pdp .slick-next,
.pdp-features-container .slick-track-pdp .slick-prev {
  height: 100%;
  width: 50%;
}

.pdp-features-container .slick-track-pdp .slick-next:before,
.pdp-features-container .slick-track-pdp .slick-prev:before {
  color: transparent;
}

@media (max-width: 765px) {
  .pdp-features-container .slick-track-pdp .slick-next,
  .pdp-features-container .slick-track-pdp .slick-prev {
    display: none !important;
  }
}

@media (max-width: 765px) {
  .pdp-features-container .slick-track-pdp .slick-dots {
    display: none !important;
  }
}

.pdp-features-container .product-details__image {
  position: relative;
}

.pdp-features-container .product-details__content {
  max-width: 1200px;
  background-color: #ffffff;
  padding: 0;
  text-align: left;
}

.pdp-features-container .product-details__content li {
  margin: 5px 16px;
  list-style-type: disc;
}

.pdp-review-container {
  margin-top: 10px;
  padding: 0 24px;
  text-align: left;
}

@media (min-width: 768px) {
  .pdp-review-container {
    padding: 0;
  }
}

.pdp-review-container .modal--review {
  margin: 10px;
}

.rating-read,
.rating-write {
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

.rating-read a,
.rating-write a {
  font-family: "Graphik Web";
  font-size: 12px;
  line-height: 14px;
  color: #000;
}

.rating-read a:hover,
.rating-write a:hover {
  cursor: pointer;
}

.rating-read a {
  margin-right: 0.5em;
}

.rating-write a {
  margin-left: 0.7em;
}

div[data-bv-show="rating_summary"] {
  display: inline-block;
  vertical-align: middle;
}

button.bv_stars_button_container svg path {
  stroke: #aaaaaa;
}

.pdp-review-container .bv_main_container_row_flex {
  pointer-events: none;
}

.bv-mbox-overlay {
  pointer-events: none !important;
}

.bv-cv2-cleanslate .bv-core-container-126 .bv-content-item .bv-content-secondary-ratings {
  margin: -60px 0 0 0 !important;
}

.bv-content-title {
  font-weight: bold;
}

@media (max-width: 765px) {
  .bfx-price-container .bv-mboxzone.bv-cleanslate.bv-cv2-cleanslate.bv-mbox-lightbox.bv-mbox-opened {
    overflow-y: scroll !important;
    height: 100% !important;
    width: 100% !important;
    position: fixed;
    -webkit-overflow-scrolling: touch !important;
  }
  .bv-cv2-cleanslate .bv-core-container-126 .bv-content-item .bv-content-secondary-ratings {
    margin: 0px 0 0 0 !important;
  }
  .modal .bv-cv2-cleanslate .bv-core-container-126 .bv-control-bar-count {
    font-weight: 400 !important;
  }
  .modal--review .modal-close {
    position: fixed;
    top: 20px;
    right: 0;
  }
  .modal-overlay.on {
    display: block;
  }
  .modal--review {
    transform: translate3d(-100%, 0, 0);
    transition: all 0.5s ease;
  }
  .modal--review.modal--active {
    transform: translate3d(0%, 0, 0);
  }
  .modal .bv-cv2-cleanslate {
    margin-top: 40px !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-content-details-container {
    margin: -64px 0 10px 0 !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-section-summary .bv-section-summary-block .bv-content-title {
    padding: 0 0 0 4px !important;
    font-weight: bold !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-action-bar {
    padding: 0 !important;
    margin: -30px 0 0 0 !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-action-bar-header {
    font-size: 16px !important;
    float: none !important;
    padding: 0 0 20px 0 !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-write-review-container {
    float: none !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-section-summary {
    margin-left: 0 !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper {
    margin: 0 !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-inline-histogram-ratings table {
    width: auto !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-list {
    width: 90% !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-stars .bv-td {
    width: 20px !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-control-bar .bv-control-bar-sort {
    width: 100% !important;
    text-align: center !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-control-bar .bv-control-bar-sort .bv-sort-native select {
    max-width: 100px !important;
  }
  .modal .bv-cv2-cleanslate div[class*=" bv-core-container-"].bv-shared .bv-control-bar-count {
    padding: 0 !important;
    padding: 0 0 10px 0 !important;
  }
  html.reviews-no-scroll, html.reviews-no-scroll body {
    overflow: hidden !important;
    height: 100% !important;
  }
  #bv-dropdown-select-3 {
    font-size: 16px;
  }
}

.bv-cv2-cleanslate .bv-core-container-126 .bv-mbox .bv-mbox-content-container {
  border: 10px solid red;
}

.account.container--fluid {
  min-height: 640px;
}

.account.container--fluid .form input {
  background: #fff !important;
}

@media (min-width: 992px) {
  .account.container--fluid .split-pane.form-styles {
    min-height: 640px;
  }
}

.account.container--fluid p.text-grey4, .account.container--fluid p, .account.container--fluid .h-card-details p {
  color: #333;
}

.account.container--fluid .ui-accordion-header:after {
  font-size: 12px;
}

.account.container--fluid #saved-cards {
  width: 100%;
}

.account.container--fluid #balance {
  display: block;
  color: #00993b;
}

.account.container--fluid #balance-error {
  display: block;
  color: #cc0033;
}

.account.container--fluid .cards-saved-details {
  border-bottom: 1px solid #ddd;
  padding: 0 0 3px 0;
}

.account.container--fluid .cards-saved-details div {
  color: #333;
}

.account.container--fluid .account--header {
  padding: 24px;
}

@media (max-width: 991px) {
  .account.container--fluid .account--header {
    padding-left: 0;
    padding-right: 0;
  }
}

.account.container--fluid #balance.hidden, .account.container--fluid #balance-error.hidden {
  display: none;
}

.account.container--fluid .hsco-payment-delete .bt-times {
  font-size: 11px;
  color: #111;
}

.account.container--fluid .accordion-content-2 {
  width: 100%;
}

.accordion-trigger {
  cursor: pointer;
}

.hsco-order-row .order-container {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 12px;
}

.hsco-order-row .order-container .hsco-order-details-summary.border-on {
  border-bottom: 1px solid #ddd;
}

return .return-container {
  border: 1px solid #ddd;
  border-bottom: none;
}

return .return-container .return-details {
  border-top: 1px solid #ddd;
}

return .return-container .return-header {
  background: #f5f5f5;
  padding: 0 48px 0 12px;
  position: relative;
}

return .return-container .return-header .chevron-show-hide {
  position: absolute;
  right: 12px;
}

return .return-container .return-header .price-col {
  text-align: right;
}

return .return-container .return-header .status-col {
  text-align: left;
}

@media (min-width: 768px) and (max-width: 991px) {
  return .return-container .return-header .price-col {
    text-align: left;
  }
  return .return-container .return-header .status-col {
    text-align: right;
  }
}

return .return-container > .row {
  margin: 0;
}

@media (min-width: 768px) {
  return .return-container .items-col {
    border-right: 1px solid #ddd;
  }
}

@media (min-width: 768px) {
  return .return-container .return-line-item-container:last-child {
    margin-bottom: 0 !important;
  }
  return .return-container .return-line-item-container:last-child return-lineitem > .row {
    border-bottom: none;
  }
}

return .return-container return-lineitem .order-details__item-name {
  font-weight: 500;
}

return .return-container return-lineitem > .row {
  border-bottom: 1px solid #ddd;
}

return:last-child .return-container {
  border-bottom: 1px solid #ddd;
  margin-bottom: 12px;
}

@media (max-width: 765px) {
  .order-details__items-list .shipment-line-item-container {
    background: #eeeeee;
    padding: 6px;
  }
}

.order-details__items-list .order-details__item-name {
  font-weight: 500;
}

@media (min-width: 768px) {
  .order-details__items-list {
    background: #eeeeee;
    padding: 12px 12px 0;
    overflow: hidden;
    margin-bottom: 12px;
  }
  .order-details__items-list .order-details__item {
    margin-bottom: 24px;
  }
  .order-details__items-list > div:last-child .order-details__item {
    margin-bottom: 12px;
  }
}

.hsco-show-details,
.hsco-show-order-details {
  cursor: pointer;
}

.order-shipping {
  overflow: hidden;
  margin-bottom: 12px;
}

.order-shipping__status {
  float: left;
  margin-top: 8px;
}

@media (min-width: 768px) {
  .order-shipping__status {
    display: none;
  }
}

input[name=address_postalCode] {
  text-transform: uppercase;
}

input[name=address_postalCode]::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: none;
}

input[name=address_postalCode]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: none;
}

input[name=address_postalCode]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: none;
}

input[name=address_postalCode]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: none;
}

.form--dark input[type="text"],
.form--dark input[type="password"],
.form--dark input[type="email"],
.form--dark input[type="number"],
.form--dark input[type="search"],
.form--dark textarea {
  color: #777777;
  -moz-appearance: none !important;
}

.form--dark input[type="text"]::-webkit-input-placeholder,
.form--dark input[type="password"]::-webkit-input-placeholder,
.form--dark input[type="email"]::-webkit-input-placeholder,
.form--dark input[type="number"]::-webkit-input-placeholder,
.form--dark input[type="search"]::-webkit-input-placeholder,
.form--dark textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777777;
  -moz-appearance: none !important;
}

.form--dark input[type="text"]:-moz-placeholder,
.form--dark input[type="password"]:-moz-placeholder,
.form--dark input[type="email"]:-moz-placeholder,
.form--dark input[type="number"]:-moz-placeholder,
.form--dark input[type="search"]:-moz-placeholder,
.form--dark textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
  -moz-appearance: none !important;
  opacity: 1 !important;
}

.form--dark input[type="text"]::-moz-placeholder,
.form--dark input[type="password"]::-moz-placeholder,
.form--dark input[type="email"]::-moz-placeholder,
.form--dark input[type="number"]::-moz-placeholder,
.form--dark input[type="search"]::-moz-placeholder,
.form--dark textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
  -moz-appearance: none !important;
  opacity: 1 !important;
}

.form--dark input[type="text"]:-ms-input-placeholder,
.form--dark input[type="password"]:-ms-input-placeholder,
.form--dark input[type="email"]:-ms-input-placeholder,
.form--dark input[type="number"]:-ms-input-placeholder,
.form--dark input[type="search"]:-ms-input-placeholder,
.form--dark textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #777777;
  -moz-appearance: none !important;
}

#hsco-wishlist-share-account-form {
  margin-top: 25px;
}

#hsco-wishlist-share-account-form .topyenoh {
  display: none;
}

.account-email-duplicate {
  display: none;
}

.new-card {
  border-radius: 15px;
  margin-bottom: 24px;
}

.new-card__header {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .new-card__header {
    margin-bottom: 20px;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.h-form .discount__button {
  position: absolute;
  top: 0px;
  padding: 0 20px;
  right: 0;
  background: #aaaaaa;
  color: #fff;
  height: 34px;
  margin-top: 0;
  transition: all 0.2s ease;
}

.h-form .discount__button:hover {
  background: #777;
}

.h-form .parsley-errors-list + .discount__button {
  top: -20px;
}

.h-form .discount__text {
  position: absolute;
  top: 7px;
  right: 20px;
  bottom: 0;
  margin-top: 0;
}

.h-valid-code .bt-check {
  opacity: 0;
}

.checkout-sticky-header.stuck {
  padding: 12px 24px;
  left: 0;
  background-color: #eeeeee;
}

.loadingoverlay:before {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  z-index: 9999;
  left: 50%;
  margin: 0 0 0 -20px;
  animation: rotate 1s linear infinite;
  background: url("global/images/hsc-loader.png") no-repeat top left;
  background-size: contain;
}

@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.hsco-payment-error {
  color: #f33737;
}

#hsco-payment-form > .form-group label {
  line-height: 1.9rem;
}

#hsco-payment-form .button-wrapper {
  width: 150px;
  display: inline-block;
  margin-right: 12px;
  line-height: 0;
}

@media (max-width: 765px) {
  #hsco-payment-form .button-wrapper {
    display: block;
    margin-bottom: 12px;
    width: 100%;
  }
}

.bt-shopping-cart {
  padding: 0 0 0 1px;
}

.hsco-add-coupon-none {
  margin-top: -0.5rem;
}

.hsco-apply-giftcard,
.hsco-apply-coupon {
  position: relative;
}

.hsco-zip-code-uppercase {
  text-transform: uppercase;
}

.apple-pay {
  display: none;
}

.apple-pay-active .apple-pay {
  display: block;
}

.apple-pay-active #apple-pay-button {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 26px;
  background-color: black;
  background-image: url("global/images/apple/ApplePayBTN_32pt__black_logo_@3x.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 765px) {
  .apple-pay-active #apple-pay-button {
    height: 45px;
  }
}

.hsco-checkout-steps {
  padding: 36px 36px 380px 36px;
}

.hsco-checkout-order-summary-mobile,
.hsco-order-summary-items,
.hsco-order-summary {
  margin-left: auto;
  margin-right: auto;
}

.order-summary {
  min-height: 500px;
}

@media screen and (min-aspect-ratio: 1 / 2) {
  .order-summary {
    min-height: calc(125vw - 250px);
  }
}

@media screen and (min-aspect-ratio: 1 / 1) {
  .order-summary {
    min-height: calc(75vw - 250px);
  }
}

@media screen and (min-aspect-ratio: 3 / 2) {
  .order-summary {
    min-height: calc(56vw - 250px);
  }
}

.order-summary .order-coupon-code {
  background-color: #dddddd;
  padding: 5px 10px 5px 5px;
}

.order-summary .order-coupon-confirm {
  padding: 5px 0;
}

.order-summary .button.button--dark {
  margin-right: 12px;
}

@media (min-width: 768px) {
  .order-summary .confirmation-title {
    padding: 20px 0 0 34px;
  }
}

@media (max-width: 765px) {
  .order-summary .confirmation-title {
    margin-top: 24px;
    margin-bottom: 0px;
  }
  .order-summary .confirmation-title h3 {
    font-size: 18px;
  }
  .order-summary .confirmation-title .button.button--dark:last-child {
    margin-right: 0;
    margin-left: 0;
  }
}

.blog-post__title,
.blog-post__read {
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  left: 24px;
}

.blog-post__title {
  top: 24px;
  width: 50%;
}

.blog-post__read {
  bottom: 24px;
}

.blog-post-container:hover .blog-post__title,
.blog-post-container:hover .blog-post__read {
  opacity: 1;
  z-index: 10;
}

.story__meta {
  margin-top: 24px;
}

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

.story__title h1,
.story__subtitle h2 {
  font-size: 3rem;
  color: #222222;
}

.story__category {
  margin-top: 12px;
}

@media (min-width: 768px) {
  .story__category {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .story__content {
    margin-top: 24px;
  }
}

.story__meta {
  margin-top: 0;
}

@media (min-width: 768px) {
  .story__meta {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .story__content {
    margin-top: 24px;
  }
}

.collection {
  padding: 0 0 40px;
}

@media (min-width: 768px) {
  .collection {
    padding: 80px 0;
  }
}

.collection--dark {
  background: #222222;
  color: #ffffff;
}

.collection__title {
  margin: 45px 0 15px;
  max-width: 145px;
}

.collection__content {
  padding-top: 0;
}

@media (min-width: 768px) {
  .collection__content {
    padding-top: 25px;
  }
}

.collection__link {
  font-weight: bold;
  margin-top: 24px;
  display: inline-block;
}

.collection__link:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .collection__link {
    display: inline;
    position: absolute;
  }
}

@media (min-width: 1500px) {
  .collection__link {
    bottom: 30px;
  }
}

.customer-service .form {
  margin-left: -12px;
  margin-right: -12px;
}

.customer-service .form-group {
  margin-bottom: 12px;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 768px) {
  .customer-service .form-group {
    margin-bottom: 24px;
  }
}

.customer-service input[type="text"],
.customer-service input[type="tel"],
.customer-service input[type="number"],
.customer-service input[type="email"],
.customer-service input[type="password"],
.customer-service .form-select-container select,
.customer-service textarea {
  border: solid 1px #aaa;
  background: #fff;
}

.customer-service .form-select-container select,
.customer-service textarea {
  width: 100%;
}

.customer-service .story__title h3 {
  margin-top: 18px;
}

@media (min-width: 768px) {
  .customer-service .story__content p {
    width: 80%;
  }
}

.customer-service .h-faqs-container {
  background: #f7f7f7;
  padding: 24px;
}

@media (min-width: 768px) {
  .customer-service .h-faqs-container {
    padding: 80px 40px 40px 40px;
  }
}

.customer-service .h-cf-container {
  background: #eeeeee;
  padding: 24px;
}

@media (min-width: 768px) {
  .customer-service .h-cf-container {
    padding: 80px 40px 40px 40px;
  }
}

.customer-service .g-recaptcha {
  padding: 12px;
}

@media (min-width: 768px) {
  .customer-service .g-recaptcha {
    padding: 0;
  }
}

.faq-category {
  margin-top: 12px;
}

.faq-category .bt-minus {
  display: none;
}

.faq-category.open .bt-minus {
  display: inline-block;
  font-size: 8px;
}

.faq-category.open .bt-plus {
  display: none;
  font-size: 8px;
}

.faq-category .bt-plus {
  font-size: 8px;
}

.faq {
  display: none;
  margin-top: 12px;
}

.faq-categories .single:first-of-type .faq {
  display: block;
}

.faq__set {
  counter-increment: customlistcounter;
  margin-bottom: 6px;
  overflow: hidden;
}

.faq__set:before {
  content: counter(customlistcounter, decimal-leading-zero);
  float: left;
  margin-right: 5px;
}

.faq__set.open {
  background: #ffffff;
  padding: 12px 12px 0;
  margin: 12px -12px;
}

.faq__question {
  display: inline;
}

.edu-apparel #livechat-compact-container {
  display: none;
}

.edu-template-theme .edu-introduction .row,
.edu-template-theme .edu-features .row,
.edu-template-theme .edu-hero .row,
.edu-template-theme .edu-cta .row {
  height: 100%;
  margin: 0;
}

.edu-template-theme .edu-introduction h1, .edu-template-theme .edu-introduction p,
.edu-template-theme .edu-features h1,
.edu-template-theme .edu-features p,
.edu-template-theme .edu-hero h1,
.edu-template-theme .edu-hero p,
.edu-template-theme .edu-cta h1,
.edu-template-theme .edu-cta p {
  color: #fff;
}

.edu-template-theme .edu-introduction h1,
.edu-template-theme .edu-features h1,
.edu-template-theme .edu-hero h1,
.edu-template-theme .edu-cta h1 {
  font-size: 30px;
}

@media (min-width: 544px) {
  .edu-template-theme .edu-introduction h1,
  .edu-template-theme .edu-features h1,
  .edu-template-theme .edu-hero h1,
  .edu-template-theme .edu-cta h1 {
    font-size: 60px;
  }
}

.edu-template-theme .edu-introduction h2,
.edu-template-theme .edu-features h2,
.edu-template-theme .edu-hero h2,
.edu-template-theme .edu-cta h2 {
  font-size: 24px;
}

@media (min-width: 544px) {
  .edu-template-theme .edu-introduction h2,
  .edu-template-theme .edu-features h2,
  .edu-template-theme .edu-hero h2,
  .edu-template-theme .edu-cta h2 {
    font-size: 30px;
  }
}

.edu-template-theme .edu-introduction p,
.edu-template-theme .edu-features p,
.edu-template-theme .edu-hero p,
.edu-template-theme .edu-cta p {
  font-size: 12px;
  line-height: 1.3;
}

@media (min-width: 544px) {
  .edu-template-theme .edu-introduction p,
  .edu-template-theme .edu-features p,
  .edu-template-theme .edu-hero p,
  .edu-template-theme .edu-cta p {
    font-size: 18px;
  }
}

.edu-template-theme .edu-introduction a,
.edu-template-theme .edu-features a,
.edu-template-theme .edu-hero a,
.edu-template-theme .edu-cta a {
  margin: 20px 0 0 0;
  font-size: 24px;
}

@media (min-width: 544px) {
  .edu-template-theme .edu-introduction a,
  .edu-template-theme .edu-features a,
  .edu-template-theme .edu-hero a,
  .edu-template-theme .edu-cta a {
    font-size: 30px;
  }
}

.edu-template-theme #livechat-compact-container {
  display: none !important;
}

.edu-introduction {
  background: #333333;
  background-size: cover;
  background-position: top center;
}

.edu-introduction h1, .edu-introduction p {
  color: #fff;
}

.edu-introduction h1 {
  position: absolute;
  width: 100%;
  top: calc(15% + 60px);
  left: 0;
  text-align: center;
}

.edu-introduction__text {
  position: absolute;
  top: 60%;
  left: 0;
  text-align: center;
  width: 100%;
}

.edu-introduction__text p {
  width: 60%;
  margin: 0 auto;
  line-height: 1.1;
}

@media (min-width: 544px) {
  .edu-introduction__text p {
    width: 80%;
  }
}

.edu-features {
  background: #777777;
}

.edu-features .row:before {
  display: block;
  float: left;
  content: '';
  padding: 0 0 100% 0;
}

@media (min-width: 544px) {
  .edu-features .row:before {
    padding: 0 0 60% 0;
  }
}

.edu-features .row > div {
  transition: all 0.2s ease-out;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  position: relative;
}

@media (min-width: 544px) {
  .edu-features .row > div {
    transition: all 0.4s ease-out;
  }
}

.edu-features .row > div .slick-dots {
  bottom: 30px;
}

.edu-features .row > div h1, .edu-features .row > div h2, .edu-features .row > div p, .edu-features .row > div a {
  color: #fff;
}

.edu-features .row > div h1 {
  font-size: 12px;
}

@media (min-width: 544px) {
  .edu-features .row > div h1 {
    font-size: 48px;
  }
}

.edu-features .row > div h2 {
  font-size: 20px;
}

.edu-features .row > div a {
  text-decoration: underline;
}

.edu-features .row > div.active {
  cursor: default;
  background-color: #000;
}

.edu-features .row > div.active h1, .edu-features .row > div.active h2, .edu-features .row > div.active p, .edu-features .row > div.active a {
  color: #fff;
}

.edu-features .row > div.active h1 {
  font-size: 12px;
}

@media (min-width: 544px) {
  .edu-features .row > div.active h1 {
    font-size: 48px;
  }
}

.edu-features .row > div.active h2 {
  font-size: 20px;
}

.edu-features .row > div.active a {
  text-decoration: underline;
}

.edu-hero .row:before {
  display: block;
  float: left;
  content: '';
  padding: 0 0 100% 0;
}

@media (min-width: 544px) {
  .edu-hero .row:before {
    padding: 0 0 60% 0;
  }
}

.edu-hero .edu-carousel__slides {
  padding-left: 0;
  padding-right: 0;
  background: #111;
}

.edu-hero .edu-carousel__slides .slick-track {
  top: 0;
  background: #111;
}

.edu-hero .edu-carousel__slides .slick-next {
  right: 0;
}

.edu-hero .edu-carousel__slides .slick-dots {
  left: 0;
}

.edu-hero .edu-carousel__slides .edu-carousel__slide {
  position: relative;
  background: #111;
}

.edu-hero .edu-carousel__slides .edu-carousel__slide:before {
  display: block;
  float: left;
  content: '';
  padding: 0 0 100% 0;
  width: 100%;
}

@media (min-width: 544px) {
  .edu-hero .edu-carousel__slides .edu-carousel__slide:before {
    padding: 0 0 60% 0;
  }
}

.edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
}

.edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__text,
.edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__title, .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p, .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  text-align: center;
  color: #fff;
}

.edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  width: 50%;
  margin: 0 auto;
}

.edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: block;
  width: 200px;
  margin: 0 auto;
  background: #777777;
  padding: 10px;
}

.edu-cta {
  background: #fff;
}

.edu-cta .row {
  height: 80px;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 544px) {
  .edu-cta .row {
    height: 140px;
  }
}

.edu-cta a {
  margin: 0;
  display: table;
  height: 100%;
  width: 100%;
  background: #fff;
  transition: all 1s ease;
  text-align: center;
  height: 80px;
}

@media (min-width: 544px) {
  .edu-cta a {
    height: 140px;
  }
}

.edu-cta a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.guide-features {
  display: none;
}

.edu-template-theme.edu-apparel .edu-introduction h1 {
  animation: blur 1s forwards ease;
  text-align: center;
}

.edu-template-theme.edu-apparel .edu-introduction h1 img {
  width: 200px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-apparel .edu-introduction h1 img {
    width: 300px;
  }
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
    font-size: 100px;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    font-size: 60px;
  }
}

.edu-template-theme.edu-apparel .edu-introduction p {
  width: 90%;
  font-size: 12px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-apparel .edu-introduction p {
    width: 50%;
    font-size: 30px;
  }
}

.edu-template-theme.edu-apparel .edu-features p {
  opacity: 0;
  transition: all 0.4s ease 0.4s;
}

.edu-template-theme.edu-apparel .edu-features h2, .edu-template-theme.edu-apparel .edu-features a {
  display: none;
}

.edu-template-theme.edu-apparel .edu-features h1 {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 8.333vw;
}

.edu-template-theme.edu-apparel .edu-features p {
  position: absolute;
  bottom: 20px;
  left: 10px;
  width: 200px;
  font-size: 12px;
  opacity: 0;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-apparel .edu-features p {
    width: 600px;
    left: 20px;
    font-size: 24px;
  }
}

.edu-template-theme.edu-apparel .edu-features [class*="col-"].active p {
  display: block;
  opacity: 1;
}

.edu-template-theme.edu-apparel .edu-hero [class*="col-"] {
  background-size: cover;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-prev:before {
  color: #fff !important;
  font-size: 22px;
  opacity: 1;
  font-weight: normal;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-next {
  right: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-next {
    right: 40px;
  }
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-next:before {
  content: "\f09b";
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-prev {
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-prev {
    left: 40px;
  }
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-prev:before {
  content: "\f09a";
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-dots {
  bottom: 40px;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-dots li button:before {
  height: 16px;
  width: 16px;
  opacity: 1;
  color: #fff;
  border: 1px solid #777777;
  background: #777777;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #fff;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 40px;
  left: 20px;
  right: auto;
  transform: translateY(0%);
}

@media (min-width: 544px) {
  .edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
    top: 40px;
    left: 40px;
  }
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__text,
.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__title, .edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p, .edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  text-align: center;
  color: #fff;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
  display: none;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  display: none;
}

.edu-template-theme.edu-apparel .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: none;
}

.edu-template-theme.edu-apparel .edu-cta .row a {
  font-size: 24px;
  text-decoration: underline;
}

#bfx-cc-wrapper.bfx-cc-position-top .bfx-cc-expanded {
  padding: 0;
}

#bfx-cc-wrapper .bfx-cc-collapsed {
  background-color: transparent;
  position: fixed;
  top: 15px;
  left: auto;
  right: 140px;
  z-index: 99001;
  transition: all 0.3s ease;
}

#bfx-cc-wrapper .bfx-cc-collapsed .bfx-cc-country-name {
  display: none;
}

@media (min-width: 992px) {
  #bfx-cc-wrapper .bfx-cc-collapsed {
    left: auto;
    right: 100px;
  }
}

#bfx-cc-wrapper .bfx-cc-expanded {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99998;
}

body.skinny-banner-open #bfx-cc-wrapper .bfx-cc-expanded {
  top: 100px;
}

#bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content {
  position: fixed;
  top: 60px;
  z-index: 99999;
  background: #fff;
  left: 0;
  right: 0;
  width: 100%;
  padding: 62px 42px;
}

body.skinny-banner-open #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content {
  top: 100px;
}

@media (min-width: 768px) {
  #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content {
    width: 550px;
    top: 100px;
  }
}

#bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content .bfx-cc-text {
  font-size: 2.4rem;
  margin-bottom: 70px;
  color: #acacac;
  text-transform: none;
  font-weight: bold;
  display: block;
}

#bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content .bfx-cc-text a {
  color: #acacac;
}

#bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form .bfx-cc-select-wrapper .bfx-cc-label {
  color: #acacac;
}

#bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form .bfx-cc-select-wrapper select,
#bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form #bfx-cc-btn.noLink {
  /* this is hardcoded to bfx css */
}

@media screen and (max-width: 750px) {
  #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form .bfx-cc-select-wrapper select,
  #bfx-cc-wrapper .bfx-cc-expanded .bfx-cc-content form #bfx-cc-btn.noLink {
    width: 100%;
  }
}

.bfx-checkout-container .bfx-checkout {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}

.international-site .tooltip-inner {
  white-space: nowrap;
}

.international-site .tooltip-inner:after {
  content: ' USD';
}

.skinny-banner-open #bfx-cc-wrapper .bfx-cc-collapsed {
  top: 54px !important;
}

.edu-template-theme.edu-kids .edu-introduction h1 {
  animation: blur 1s forwards ease;
  text-align: center;
}

.edu-template-theme.edu-kids .edu-introduction h1 img {
  width: 200px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-introduction h1 img {
    width: 300px;
  }
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
    font-size: 100px;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    font-size: 60px;
  }
}

.edu-template-theme.edu-kids .edu-introduction .edu-introduction__text {
  top: auto !important;
  bottom: 5% !important;
}

.edu-template-theme.edu-kids .edu-introduction .edu-introduction__text p {
  width: 90%;
  color: #fff;
  font-family: 'Calibre';
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.25px !important;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  .edu-template-theme.edu-kids .edu-introduction .edu-introduction__text p {
    width: 60%;
    font-size: 30px;
  }
}

.edu-template-theme.edu-kids .edu-introduction .edu-introduction__text p span {
  padding: 0.2em 0 0.1em;
  box-shadow: 0.2em 0 0 #fdc868, -0.2em 0 0 #fdc868;
  background-color: #fdc868;
}

.edu-template-theme.edu-kids .edu-features p {
  opacity: 0;
  transition: all 0.4s ease 0.4s;
}

.edu-template-theme.edu-kids .edu-features h1, .edu-template-theme.edu-kids .edu-features a {
  display: none;
}

.edu-template-theme.edu-kids .edu-features h2 {
  position: absolute;
  top: 50%;
  left: 5px;
  text-align: center;
  width: 8.333vw;
  font-family: 'Calibre';
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.5px;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform: rotate(-90deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-features h2 {
    font-size: 48px !important;
    line-height: 48px !important;
    left: 5px;
  }
}

.edu-template-theme.edu-kids .edu-features p {
  position: absolute;
  bottom: 20px;
  left: 10px;
  width: 200px;
  font-size: 12px;
  opacity: 0;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-features p {
    width: 600px;
    left: 20px;
    font-size: 24px;
  }
}

.edu-template-theme.edu-kids .edu-features [class*="col-"] {
  display: block;
}

.edu-template-theme.edu-kids .edu-features [class*="col-"].active p {
  display: block;
  opacity: 1;
}

.edu-template-theme.edu-kids .edu-features [class*="col-"].active h2 {
  font-size: 18px;
}

.edu-template-theme.edu-kids .edu-hero [class*="col-"] {
  background-size: cover;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-prev:before {
  color: #fff !important;
  font-size: 35px;
  opacity: 1;
  font-weight: bold;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-next {
  right: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-next {
    right: 40px;
  }
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-next:before {
  content: "\f09b";
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-prev {
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-prev {
    left: 40px;
  }
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-prev:before {
  content: "\f09a";
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-dots {
  bottom: 40px;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-dots li button:before {
  height: 16px;
  width: 16px;
  opacity: 1;
  color: #fff;
  background: #777777;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #fff;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  transform: translateY(0%);
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__text,
.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__title, .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p, .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  text-align: center;
  color: #fff;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
  display: inline-block;
  font-family: 'Calibre';
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.5px !important;
  vertical-align: middle;
  margin-right: 15px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
    font-size: 60px;
    line-height: 60px;
  }
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1:after {
  word-spacing: 2em;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
  display: inline-block;
  font-family: 'Calibre';
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.5rem !important;
  vertical-align: super;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
    font-size: 30px;
    line-height: 36px;
  }
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  display: none;
}

.edu-template-theme.edu-kids .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: none;
}

.edu-template-theme.edu-kids .edu-cta .row a {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.edu-template-theme.edu-kids .edu-cta .row a span {
  padding: 0.2em 0 0.1em;
  box-shadow: 0.2em 0 0 #fdc868, -0.2em 0 0 #fdc868;
  background-color: #fdc868;
}

.edu-template-theme.edu-bhw .sm-hide {
  height: auto;
}

.edu-template-theme.edu-bhw .md-hide {
  height: 100vh;
}

.edu-template-theme.edu-bhw .edu-introduction h1 {
  animation: blur 1s forwards ease;
  text-align: center;
}

.edu-template-theme.edu-bhw .edu-introduction h1 img {
  width: 200px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-introduction h1 img {
    width: 300px;
  }
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
    font-size: 100px;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    font-size: 60px;
  }
}

.edu-template-theme.edu-bhw .edu-introduction p {
  width: 90%;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: 'Fakt Pro Black';
  font-weight: 900;
  font-style: normal;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-introduction p {
    width: 50%;
    font-size: 48px;
    line-height: 54px;
  }
}

.edu-template-theme.edu-bhw .edu-features h1 {
  position: absolute;
  width: 8.333vw;
  font-family: 'Fakt Pro Black';
  transition: all 0.4s ease 0.4s;
  font-size: 60px;
  font-weight: 900;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  bottom: 5px;
  right: 30px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-features h1 {
    transition: all 0.4s ease 0.4s;
    font-size: 190px;
    right: 30px;
    bottom: 5px;
  }
}

.edu-template-theme.edu-bhw .edu-features h2 {
  opacity: 0;
  transition: all 0.4s ease 0.4s;
  position: relative;
  font-family: 'Fakt Pro Blond';
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 200px;
  top: 10px;
  left: 5px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-features h2 {
    font-size: 48px;
    line-height: 54px;
    top: 30px;
    left: 20px;
  }
}

.edu-template-theme.edu-bhw .edu-features p {
  opacity: 0;
  transition: all 0.4s ease 0.4s;
  width: 80%;
  font-family: 'Fakt Pro Blond';
  text-transform: uppercase;
  position: relative;
  left: 5px;
  padding-top: 10px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .edu-template-theme.edu-bhw .edu-features p {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 16px;
    line-height: 20px;
    width: 80%;
    top: 15%;
  }
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-features p {
    font-size: 24px;
    line-height: 30px;
    left: 20px;
    padding-top: 0px;
    width: 60%;
  }
}

.edu-template-theme.edu-bhw .edu-features a {
  display: none;
}

.edu-template-theme.edu-bhw .edu-features [class*="col-"].active h1 {
  font-size: 60px;
  bottom: 5px;
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-features [class*="col-"].active h1 {
    transition: all 0.4s ease 0.4s;
    font-size: 190px;
    bottom: 5px;
    left: 40px;
  }
}

.edu-template-theme.edu-bhw .edu-features [class*="col-"].active h2 {
  display: block;
  opacity: 1;
  font-size: 28px;
  line-height: 32px;
  top: 20px;
  left: 5px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-features [class*="col-"].active h2 {
    font-size: 48px;
    line-height: 54px;
    top: 15%;
    left: 20px;
  }
}

.edu-template-theme.edu-bhw .edu-features [class*="col-"].active p {
  left: 5px;
  padding-top: 10px;
  opacity: 0;
  display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .edu-template-theme.edu-bhw .edu-features [class*="col-"].active p {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 16px;
    line-height: 20px;
    width: 80%;
    top: 15%;
  }
}

@media (min-width: 768px) {
  .edu-template-theme.edu-bhw .edu-features [class*="col-"].active p {
    left: 20px;
    top: 15%;
    width: 60%;
    padding-top: 0px;
    opacity: 1;
    display: block;
  }
}

.edu-template-theme.edu-bhw .edu-hero [class*="col-"] {
  background-size: cover;
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-prev:before {
  color: #fff !important;
  font-size: 22px;
  opacity: 1;
  font-weight: normal;
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-next {
  right: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-next {
    right: 40px;
  }
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-next:before {
  content: "\f09b";
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-prev {
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-prev {
    left: 40px;
  }
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-prev:before {
  content: "\f09a";
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-dots {
  bottom: 40px;
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-dots li button:before {
  height: 16px;
  width: 16px;
  opacity: 1;
  color: #fff;
  border: 0;
  background: #777777;
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #fff;
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 40px;
  left: 20px;
  right: auto;
  transform: translateY(0%);
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
    top: 40px;
    left: 40px;
  }
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__text,
.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__title, .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p, .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  text-align: left;
  color: #fff;
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
  font-family: 'Fakt Pro Black';
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
    font-size: 48px;
    line-height: 52px;
  }
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
  font-family: 'Fakt Pro Blond';
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0.5px;
  text-align: left !important;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
    font-size: 48px;
    line-height: 54px;
  }
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  display: none;
}

.edu-template-theme.edu-bhw .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: none;
}

.edu-template-theme.edu-bhw .edu-cta .row a {
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: 0.5px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bhw .edu-cta .row a {
    font-size: 24px;
  }
}

.edu-template-theme.edu-bhw .edu-cta .row a span {
  font-family: 'Fakt Pro Black';
  text-transform: uppercase;
}

.edu-template-theme.edu-bts {
  margin-top: 80px;
}

.edu-template-theme.edu-bts .edu-introduction h1 {
  animation: blur 1s forwards ease;
  text-align: center;
}

.edu-template-theme.edu-bts .edu-introduction h1 img {
  width: 200px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-introduction h1 img {
    width: 300px;
  }
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
    font-size: 100px;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    font-size: 60px;
  }
}

.edu-template-theme.edu-bts .edu-introduction p {
  width: 90%;
  font-size: 12px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-introduction p {
    width: 50%;
    font-size: 30px;
  }
}

.edu-template-theme.edu-bts .hero-video {
  margin: -5px;
}

.edu-template-theme.edu-bts .hero-video .hero-video__container {
  margin: 0px;
}

.edu-template-theme.edu-bts .edu-features .row [class*="col-"] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

.edu-template-theme.edu-bts .edu-features .row [class*="col-"] > h1 {
  background-color: #616365;
}

.edu-template-theme.edu-bts .edu-features .row [class*="col-"]:nth-child(2) h1 {
  background-color: #797a7c;
}

.edu-template-theme.edu-bts .edu-features .row [class*="col-"]:nth-child(3) h1 {
  background-color: #949499;
}

.edu-template-theme.edu-bts .edu-features .row [class*="col-"]:nth-child(4) h1 {
  background-color: #a8a8ab;
}

.edu-template-theme.edu-bts .edu-features h2 {
  display: none;
}

.edu-template-theme.edu-bts .edu-features h1 {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 8.333vw;
  height: 100%;
  color: #000 !important;
  padding-top: 50px;
}

.edu-template-theme.edu-bts .edu-features p {
  opacity: 0;
  transition: all 0.4s ease 0.4s;
  position: absolute;
  left: 10.333vw;
  width: 200px;
  font-size: 12px;
  opacity: 0;
  font-size: 20px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-features p {
    width: 600px;
    left: 10.333vw;
    font-size: 24px;
  }
}

.edu-template-theme.edu-bts .edu-features a {
  opacity: 0;
  position: absolute;
  display: block;
  left: 10.333vw;
  text-decoration: underline;
  font-size: 18px;
  bottom: 20px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-features a {
    bottom: 40px;
    left: 10.333vw;
  }
}

.edu-template-theme.edu-bts .edu-features [class*="col-"].active h1 {
  top: 0;
  left: 0;
}

.edu-template-theme.edu-bts .edu-features [class*="col-"].active p {
  display: block;
  opacity: 1;
  bottom: 40px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-features [class*="col-"].active p {
    bottom: 100px;
  }
}

.edu-template-theme.edu-bts .edu-features [class*="col-"].active a {
  display: block;
  opacity: 1;
  left: 10.333vw;
  bottom: 20px;
  font-size: 18px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-features [class*="col-"].active a {
    font-size: 22px;
    bottom: 40px;
  }
}

.edu-template-theme.edu-bts .edu-hero [class*="col-"] {
  background-size: cover;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-prev:before {
  color: #fff !important;
  font-size: 22px;
  opacity: 1;
  font-weight: normal;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-next {
  right: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-next {
    right: 40px;
  }
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-next:before {
  content: "\f09b";
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-prev {
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-prev {
    left: 40px;
  }
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-prev:before {
  content: "\f09a";
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-dots {
  bottom: 40px;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-dots li button:before {
  height: 16px;
  width: 16px;
  opacity: 1;
  color: #fff;
  border: 1px solid #777777;
  background: #777777;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #fff;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 40px;
  left: 20px;
  right: auto;
  transform: translateY(0%);
}

@media (min-width: 544px) {
  .edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
    top: 40px;
    left: 40px;
  }
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__text,
.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__title, .edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p, .edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  text-align: center;
  color: #fff;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
  display: none;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  display: none;
}

.edu-template-theme.edu-bts .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: none;
}

.edu-template-theme.edu-bts .edu-cta .row a {
  font-size: 24px;
  text-decoration: underline;
}

.search-results-container h3 {
  font-weight: 500;
}

.search-results-container .image-text, .search-results-container .image-text * {
  color: #ffffff;
}

.link-list {
  margin: 0;
  padding: 0;
}

.link-list ul.row {
  margin: 0;
  padding: 0;
}

.link-list ul.row li.col {
  flex: 1 0;
  max-width: 100%;
  text-align: center;
  background-color: #fff;
}

.link-list ul.row li.col a {
  font-size: 13px;
  color: #000;
  padding: 12px 0;
  text-align: center;
  display: block;
}

@media (min-width: 768px) {
  .link-list ul.row li.col a {
    font-size: 20px;
    padding: 36px 0;
  }
  .link-list ul.row li.col a:hover {
    cursor: pointer;
  }
}

.link-list div.button-row {
  display: flex;
}

.link-list div.button-row div.single-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 36px 0;
}

.link-list ul.row.borders,
.link-list div.button-row.borders {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.link-list ul.row.borders:last-child,
.link-list div.button-row.borders:last-child {
  border-right: none;
}

.link-list ul.row.dark li.col,
.link-list ul.row.dark div.single-button,
.link-list div.button-row.dark li.col,
.link-list div.button-row.dark div.single-button {
  background-color: #000;
}

.link-list ul.row.dark li.col a,
.link-list ul.row.dark div.single-button a,
.link-list div.button-row.dark li.col a,
.link-list div.button-row.dark div.single-button a {
  color: #fff;
}

.link-list ul.row.dark li.col a.button,
.link-list ul.row.dark div.single-button a.button,
.link-list div.button-row.dark li.col a.button,
.link-list div.button-row.dark div.single-button a.button {
  background-color: #000;
  border: 2px solid #fff;
}

.link-list ul.row.dark li.col.borders,
.link-list ul.row.dark div.single-button.borders,
.link-list div.button-row.dark li.col.borders,
.link-list div.button-row.dark div.single-button.borders {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.link-list ul.row.dark li.col.borders:last-child,
.link-list ul.row.dark div.single-button.borders:last-child,
.link-list div.button-row.dark li.col.borders:last-child,
.link-list div.button-row.dark div.single-button.borders:last-child {
  border-right: none;
}

.edu-template-theme.edu-trail {
  margin-top: 60px;
}

.edu-template-theme.edu-trail .edu-introduction {
  height: auto;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-introduction {
    height: 1200px;
  }
}

.edu-template-theme.edu-trail .edu-introduction h1 {
  animation: blur 1s forwards ease;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.edu-template-theme.edu-trail .edu-introduction h1 img {
  width: 100px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-introduction h1 img {
    width: 200px;
  }
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
    font-size: 100px;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    font-size: 60px;
  }
}

.edu-template-theme.edu-trail .edu-introduction .edu-introduction__text {
  display: none;
  top: 0px;
  height: 50px;
  background-color: #000;
  width: 100%;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-introduction .edu-introduction__text {
    display: none;
    width: 100%;
  }
}

.edu-template-theme.edu-trail .edu-introduction .edu-introduction__text p {
  font-size: 9px;
  font-family: 'Akkurat-Mono';
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: left;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-introduction .edu-introduction__text p {
    width: 100%;
    font-size: 16px;
    line-height: 50px;
  }
}

.edu-template-theme.edu-trail .edu-features h1 {
  font-family: 'Akkurat-Mono';
  font-size: 35px;
  text-align: left;
  background-color: #000;
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  padding-left: 30px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-features h1 {
    font-size: 72px;
    line-height: 72px;
    height: 130px;
  }
}

.edu-template-theme.edu-trail .edu-features h2 {
  font-family: 'Akkurat-Mono';
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  top: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 80px;
  width: 25%;
  word-spacing: 999px;
  margin-left: 100px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-features h2 {
    margin-left: 150px;
    font-size: 24px !important;
    line-height: 30px;
    height: 130px;
  }
}

.edu-template-theme.edu-trail .edu-features p {
  font-family: 'Akkurat-Mono';
  font-size: 9px;
  position: relative;
  opacity: 0;
  display: inline-flex;
  align-items: center;
  height: 130px;
  float: right;
  margin: 0px;
  padding-right: 50px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-features p {
    font-size: 16px;
    line-height: 22px;
    width: 50%;
    top: 0;
  }
}

.edu-template-theme.edu-trail .edu-features a {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 0 30px;
  border-color: transparent transparent transparent #ff7300;
  z-index: 999;
  top: 30px;
  position: absolute;
  left: 0;
  pointer-events: none;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-features a {
    top: 80px;
  }
}

.edu-template-theme.edu-trail .edu-features [class*="col-"].active h1 {
  text-align: center;
  font-size: 35px;
  line-height: 35px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-features [class*="col-"].active h1 {
    font-size: 72px !important;
    line-height: 72px;
  }
}

.edu-template-theme.edu-trail .edu-features [class*="col-"].active p {
  opacity: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .edu-template-theme.edu-trail .edu-features [class*="col-"].active p {
    opacity: 1;
    overflow: hidden;
  }
}

.edu-template-theme.edu-trail .edu-hero [class*="col-"] {
  background-size: cover;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-prev:before {
  color: #fff !important;
  font-size: 22px;
  opacity: 1;
  font-weight: normal;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-next {
  right: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-next {
    right: 40px;
  }
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-next:before {
  content: "\f09b";
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-prev {
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-prev {
    left: 40px;
  }
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-prev:before {
  content: "\f09a";
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-dots {
  bottom: 40px;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-dots li button:before {
  height: 16px;
  width: 16px;
  opacity: 1;
  color: #fff;
  border: 1px solid #777777;
  background: #777777;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #fff;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 40px;
  left: 20px;
  right: auto;
  transform: translateY(0%);
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
    top: 40px;
    left: 40px;
  }
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__text,
.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__title, .edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p, .edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  text-align: center;
  color: #fff;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
  display: none;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  display: none;
}

.edu-template-theme.edu-trail .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: none;
}

.edu-template-theme.edu-trail .edu-cta .row a span {
  font-family: 'Akkurat-Mono';
  font-size: 9px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-trail .edu-cta .row a span {
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
  }
}

.skinny-banner-container {
  width: 100%;
  background: #777777;
  height: 40px;
  text-align: center;
  position: fixed;
  top: -40px;
  left: 0;
  z-index: 99999;
  color: #fff;
  background: #777777;
}

.skinny-banner-container.loaded {
  transition: top 0.3s ease;
}

.skinny-banner-container div.skinny-carousel {
  height: 40px;
  overflow: hidden;
  width: 100%;
}

.skinny-banner-container div.skinny-carousel div a, .skinny-banner-container div.skinny-carousel div .no-href {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skinny-banner-container div.skinny-carousel div p {
  display: inline;
  position: relative;
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 40px;
}

.skinny-banner-container div.skinny-carousel div img {
  padding: 0 0 0 5px;
  max-height: 30px;
  max-width: 30px;
  display: inline;
  vertical-align: middle;
}

.skinny-banner-container.open {
  top: 0;
}

.skinny-banner-container .close-skinny {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  cursor: pointer;
  display: block;
  padding: 14px 18px;
}

.skinny-banner-container .slick-track {
  top: 0;
  background: #777777;
}

.edu-template-theme.edu-studio {
  font-family: 'NeueHaas' !important;
}

.edu-template-theme.edu-studio .edu-introduction h1 {
  animation: blur 1s forwards ease;
  text-align: center;
}

.edu-template-theme.edu-studio .edu-introduction h1 img {
  width: 200px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-introduction h1 img {
    width: 300px;
  }
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
    font-size: 100px;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    font-size: 60px;
  }
}

.edu-template-theme.edu-studio .edu-introduction p {
  width: 90%;
  font-size: 15px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .edu-template-theme.edu-studio .edu-introduction p {
    width: 40%;
    font-size: 20px;
    line-height: 30px;
  }
}

.edu-template-theme.edu-studio .edu-features h1 {
  font-family: 'NeueHaas' !important;
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 8.333vw;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-features h1 {
    font-size: 20px !important;
    line-height: 30px;
  }
}

.edu-template-theme.edu-studio .edu-features h2 {
  font-family: 'NeueHaas' !important;
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 40px;
  left: 40px;
  opacity: 0;
  width: 500px;
  text-transform: capitalize;
  transition: all 0.4s ease 0.4s;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-features h2 {
    width: 500px;
    font-size: 20px !important;
    line-height: 30px;
  }
}

.edu-template-theme.edu-studio .edu-features p {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 200px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.4s ease 0.4s;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-features p {
    width: 600px;
    left: 40px;
    font-size: 20px;
  }
}

.edu-template-theme.edu-studio .edu-features a {
  display: none;
}

.edu-template-theme.edu-studio .edu-features [class*="col-"].active h1 {
  font-size: 15px !important;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-features [class*="col-"].active h1 {
    font-size: 20px !important;
    line-height: 30px;
  }
}

.edu-template-theme.edu-studio .edu-features [class*="col-"].active h2 {
  display: block;
  opacity: 1;
  width: 500px;
  font-size: 15px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-features [class*="col-"].active h2 {
    width: 500px;
    opacity: 1;
  }
}

.edu-template-theme.edu-studio .edu-features [class*="col-"].active p {
  display: block;
  opacity: 0;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-features [class*="col-"].active p {
    opacity: 1;
  }
}

.edu-template-theme.edu-studio .edu-hero [class*="col-"] {
  background-size: cover;
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-prev:before {
  color: #fff !important;
  font-size: 22px;
  opacity: 1;
  font-weight: normal;
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-next {
  right: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-next {
    right: 40px;
  }
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-next:before {
  content: "\f09b";
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-prev {
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-prev {
    left: 40px;
  }
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-prev:before {
  content: "\f09a";
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-dots {
  display: none !important;
  bottom: 40px;
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-dots li button:before {
  display: none !important;
  height: 16px;
  width: 16px;
  opacity: 1;
  color: #fff;
  border: 1px solid #777777;
  background: #777777;
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #fff;
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  transform: none;
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
  font-family: 'NeueHaas' !important;
  font-size: 15px;
  line-height: 20px;
  top: 40px;
  text-transform: capitalize;
  position: absolute;
  left: 20px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
    top: 40px;
    left: 40px;
  }
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
    font-size: 20px;
    line-height: 30px;
  }
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
  font-family: 'NeueHaas' !important;
  font-size: 15px;
  line-height: 20px;
  bottom: 40px;
  text-transform: capitalize;
  position: absolute;
  left: 20px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
    font-size: 20px;
    line-height: 30px;
    bottom: 40px;
    left: 40px;
  }
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  display: none;
}

.edu-template-theme.edu-studio .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: none;
}

.edu-template-theme.edu-studio .edu-cta .row a {
  font-family: 'NeueHaas' !important;
  font-size: 15px;
  line-height: 20px;
  text-decoration: underline;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-studio .edu-cta .row a {
    font-size: 20px;
    line-height: 30px;
  }
}

.edu-template-theme.edu-guide .edu-introduction {
  margin: 60px 0 0 0;
  background: #fff;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.edu-template-theme.edu-guide .edu-introduction [class*="col-"]:before {
  padding-top: calc(100% + 180px) !important;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-introduction [class*="col-"]:before {
    padding-top: calc(66% + 340px) !important;
  }
}

.edu-template-theme.edu-guide .edu-introduction h1 {
  animation: blur 1s forwards ease;
  text-align: center;
}

.edu-template-theme.edu-guide .edu-introduction h1 img {
  width: 90px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-introduction h1 img {
    width: 256px;
  }
}

.edu-template-theme.edu-guide .edu-introduction__text {
  height: 160px;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  text-align: center;
  width: 100%;
  color: #777777;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-introduction__text {
    height: 316px;
  }
}

.edu-template-theme.edu-guide .edu-introduction__text p {
  width: 60%;
  margin: 0 auto;
  color: #333333;
  font-size: 13px !important;
  line-height: 18px;
  font-weight: 500;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-introduction__text p {
    font-size: 20px !important;
    line-height: 27px !important;
    max-width: 754px !important;
  }
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
    font-size: 100px;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    font-size: 60px;
  }
}

.edu-template-theme.edu-guide .edu-introduction p {
  width: 90%;
  font-size: 12px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-introduction p {
    width: 50%;
    font-size: 30px;
  }
}

.edu-template-theme.edu-guide .guide-features {
  overflow: hidden;
  background: #fff;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

.edu-template-theme.edu-guide .guide-features .row {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.edu-template-theme.edu-guide .guide-features .row:before {
  display: block;
  float: left;
  content: '';
  padding: 0 0 110% 0 !important;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .guide-features .row:before {
    padding: 0 0 60% 0 !important;
  }
}

.edu-template-theme.edu-guide .guide-features .row > div {
  transition: all 0.2s ease-out;
  width: calc(100vw - 10px);
  cursor: pointer;
  background-size: cover;
  position: static;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .guide-features .row > div {
    background-size: cover;
    position: relative;
  }
}

.edu-template-theme.edu-guide .guide-features .row > div.active {
  background-size: 124%;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .guide-features .row > div {
    background-size: cover;
  }
}

.edu-template-theme.edu-guide .guide-features .row > div .guide-counter-container {
  height: calc(100% - 114px);
}

.edu-template-theme.edu-guide .guide-features .row > div .guide-white-bar {
  position: absolute;
  background: #fff;
  width: 4px;
  height: 120%;
  right: -12px;
}

.edu-template-theme.edu-guide .guide-features p {
  opacity: 0;
  transition: all 0.4s ease 0.4s;
}

.edu-template-theme.edu-guide .guide-features h2, .edu-template-theme.edu-guide .guide-features a {
  display: none;
}

.edu-template-theme.edu-guide .guide-features h1 {
  position: absolute;
  bottom: 10px;
  left: -6px;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 100px;
  background: #fff;
  color: #777777 !important;
  font-size: 12px !important;
  padding: 6px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .guide-features h1 {
    border-radius: 100px;
    top: 50%;
    left: 30px;
    height: 40px;
    width: 40px;
    font-size: 21px !important;
  }
}

.edu-template-theme.edu-guide .guide-features .slide-content:first-child {
  left: 0;
}

.edu-template-theme.edu-guide .guide-features .slide-content {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 114px;
  top: auto;
  width: 100vw;
  opacity: 0;
  background: #fff;
  color: #333333;
  z-index: 999;
}

.edu-template-theme.edu-guide .guide-features .slide-content h2 {
  display: block !important;
  color: #333333;
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px !important;
  line-height: 8px;
  letter-spacing: 0;
  padding: 20px 0 0px 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .guide-features .slide-content h2 {
    font-size: 18px !important;
    line-height: 24px;
  }
}

.edu-template-theme.edu-guide .guide-features .slide-content p {
  opacity: 1;
  color: #333333;
  font-size: 13px !important;
  line-height: 18px;
  padding: 0 10px 10px 10px !important;
  font-weight: 500;
  margin: 10px 0 0 0;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .guide-features .slide-content p {
    font-size: 18px !important;
    line-height: 24px;
    padding: 6px 20px 0px 20px !important;
  }
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .guide-features .slide-content {
    border-radius: 13px;
    max-width: 600px;
    left: 30px;
    bottom: 30px;
    width: 100%;
    height: 160px;
  }
  .edu-template-theme.edu-guide .guide-features .slide-content h2 {
    font-size: 15px !important;
    line-height: 24px;
    padding: 20px 0 0 20px;
    font-weight: 500;
  }
  .edu-template-theme.edu-guide .guide-features .slide-content p {
    font-size: 13px;
    line-height: 24px;
    padding: 6px 0 0 20px;
  }
}

.edu-template-theme.edu-guide .guide-features [class*="col-"].active .slide-content {
  display: block;
  opacity: 1;
  color: #000 !important;
}

.edu-template-theme.edu-guide .edu-hero [class*="col-"] {
  background-size: cover;
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-prev:before {
  color: #777777 !important;
  font-size: 13px;
  opacity: 1;
  background: #fff !important;
  border-radius: 100px;
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-next:before, .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-prev:before {
    font-size: 22px;
    border-radius: 100px;
    padding: 10px;
  }
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-next {
  right: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-next {
    right: 40px;
  }
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-next:before {
  content: "\f09b";
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-prev {
  left: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-prev {
    left: 40px;
  }
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-prev:before {
  content: "\f09a";
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-dots {
  bottom: 14px;
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-dots li {
  width: 10px;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-dots li {
    width: 16px;
  }
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-dots li button:before {
  height: 10px;
  width: 10px;
  opacity: 1;
  color: #fff;
  border: 1px solid #777777;
  background: #777777;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-dots li button:before {
    height: 16px;
    width: 16px;
  }
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #fff;
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .slick-dots {
    bottom: 40px;
  }
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
  position: absolute;
  top: 40px;
  left: 20px;
  right: auto;
  transform: translateY(0%);
}

@media (min-width: 544px) {
  .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper {
    top: 40px;
    left: 40px;
  }
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__text,
.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper .edu-carousel__title, .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p, .edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  text-align: center;
  color: #fff;
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h1 {
  display: none;
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper h2 {
  display: none;
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper p {
  display: none;
}

.edu-template-theme.edu-guide .edu-hero .edu-carousel__slides .edu-carousel__slide .edu-carousel__slide-content .edu-carousel__slide-content-wrapper a {
  display: none;
}

.edu-template-theme.edu-guide .edu-cta .row a {
  font-size: 24px;
  text-decoration: underline;
}

.edu-template-theme.edu-guide .guide-features {
  display: block;
}

.edu-template-theme.edu-guide .edu-features {
  display: none;
}

.tile-collab {
  margin: 80px 0 0 0;
}

.tile-collab .title.section {
  background: #eeeeee;
  padding: 30px 0 20px 0;
}

@media (min-width: 544px) {
  .tile-collab .title.section {
    padding: 46px 0 32px 0;
  }
}

.tile-collab .title.section h1 {
  text-transform: none;
  font-weight: 200;
  font-size: 20px;
  text-align: center;
  color: #333333;
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

@media (min-width: 544px) {
  .tile-collab .title.section h1 {
    font-size: 30px;
  }
}

.tile-collab .text.parbase.section {
  background: #eeeeee;
  font-size: 13px;
  text-align: center;
  text-transform: none;
  margin: 0 0 40px 0;
}

@media (min-width: 544px) {
  .tile-collab .text.parbase.section {
    margin: 0 0 60px 0;
  }
}

.tile-collab .text.parbase.section p {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 22px 0;
  font-size: 12px;
  line-height: 1.6;
}

@media (min-width: 544px) {
  .tile-collab .text.parbase.section p {
    max-width: 662px;
    font-size: 14px;
    padding: 0 0 48px 0;
  }
}

.tile-collab .tile-icon-container {
  margin: 40px auto 0 auto;
  width: 90%;
  max-width: 420px;
  text-align: center;
}

.tile-collab .tile-icon-container img {
  width: 60px;
}

.tile-collab .tile-icon-container p {
  margin: 22px 0 0 0;
  text-align: center;
}

.tile-collab .tile-icon-container:last-child {
  margin: 0 auto 50px auto;
}

@media (min-width: 544px) {
  .tile-collab .tile-icon-container:last-child {
    margin: 0 auto 70px auto;
  }
}

.tile-collab .tile-comp-container {
  background: #eeeeee;
  margin: 40px 0 0 0;
  padding: 50px 0 50px 0;
  text-align: center;
}

@media (min-width: 544px) {
  .tile-collab .tile-comp-container {
    margin: 80px 0 0 0;
    padding: 60px 0 60px 0;
  }
}

.tile-collab .tile-comp-container h1 {
  font-size: 14px;
  font-weight: 200;
  color: #333333;
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 0 0 0px 0;
}

.tile-collab .tile-comp-container h2 {
  font-size: 24px;
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 30px 0;
  letter-spacing: 0;
  color: #333333;
  text-transform: none;
}

@media (min-width: 544px) {
  .tile-collab .tile-comp-container h2 {
    padding: 50px 0;
  }
}

.tile-collab .tile-comp-container h3 {
  font-size: 16px;
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  color: #333333;
  font-weight: bold;
  margin: 30px 0 0 0;
}

.tile-collab .tile-comp-container p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.tile-collab .tile-comp-container img {
  width: 130px;
  margin: 0 16px 0 0;
}

.tile-collab .tile-comp-container > div {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 544px) {
  .tile-collab .tile-comp-container > div {
    max-width: 424px;
  }
}

body.regions {
  background: #F5F5F5;
}

body.regions p.region-heading {
  font-size: 1.8rem;
  padding-top: 104px;
  padding-left: 24px;
  padding-right: 24px;
}

.region-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: .50;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  z-index: 1000;
}

@media (max-width: 765px) {
  .region-modal-overlay {
    display: none;
  }
}

.region-language-list {
  position: relative;
}

@media (max-width: 765px) {
  .region-language-list .region-language-list-items {
    display: none;
    width: 100vw;
    background: #EFEFF1;
    padding-top: 2px;
    margin: 8px -24px 4px -24px;
  }
  .region-language-list .region-language-list-items .region-language-list-item {
    padding: 6px 0 6px 77px;
  }
  .region-language-list .region-language-list-items a {
    font-size: 1.3rem;
    line-height: 1.4;
  }
}

@media (min-width: 544px) {
  .region-language-list .region-language-list-items {
    display: none;
    left: 24px;
    position: absolute;
    background: #fff;
    z-index: 1001;
  }
  .region-language-list .region-language-list-items .region-language-list-item {
    border: 1px solid #ccc;
    border-bottom-width: 0px;
    padding: 14px 16px 12px 16px;
    width: 120px;
  }
  .region-language-list .region-language-list-items .region-language-list-item:last-child {
    position: relative;
    border-bottom-width: 1px;
  }
  .region-language-list .region-language-list-items .region-language-list-item:last-child::before, .region-language-list .region-language-list-items .region-language-list-item:last-child::after {
    bottom: -11px;
    left: 20px;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #ccc;
  }
  .region-language-list .region-language-list-items .region-language-list-item:last-child::after {
    left: 21px;
    bottom: -10px;
    border-width: 10px;
    border-top-color: #fff;
  }
  .region-language-list .region-language-list-items .region-language-list-item a {
    font-size: 1.3rem;
  }
}

.region-language-list a.region-list-item-link {
  font-size: 1.3rem;
  cursor: pointer;
}

.region-language-list a.region-list-item-link:hover {
  text-decoration: underline;
}

.region-language-list a.region-list-item-link img {
  height: 2.4rem;
  position: relative;
  top: 0.6rem;
  margin-right: 1.0rem;
}

.region-language-list a.region-list-item-link img:hover {
  text-decoration: none;
}

.region-language-list .plus, .region-language-list .minus {
  font-size: 22px;
  position: relative;
  top: 3px;
  display: none;
}

@media (max-width: 765px) {
  .region-language-list .plus {
    display: inline;
  }
}

.region-language-list.open .region-language-list-items {
  display: block;
}

@media (max-width: 765px) {
  .region-language-list.open .minus {
    display: inline;
  }
  .region-language-list.open .plus {
    display: none;
  }
}

.region-columns {
  margin: 200px auto;
  min-height: 200px;
  font-size: 0;
  width: 80%;
}

.region-columns .region-column {
  vertical-align: top;
  display: inline-block;
  font-size: 1rem;
}

.region-columns .region-column .generic-text,
.region-columns .region-column .generic-text p,
.region-columns .region-column .text,
.region-columns .region-column .text p {
  font-size: 1.4rem;
  margin: 1.2rem 0 0.6rem 0;
}

@media (min-width: 768px) {
  .region-columns.columns-2 .region-column {
    width: 50%;
  }
  .region-columns.columns-3 .region-column {
    width: 33.3333%;
  }
  .region-columns.columns-4 .region-column {
    width: 25%;
  }
  .region-columns.columns-5 .region-column {
    width: 20%;
  }
  .region-columns.columns-6 .region-column {
    width: 16.6667%;
  }
  .region-columns.columns-7 .region-column {
    width: 14.2857%;
  }
  .region-columns.columns-8 .region-column {
    width: 12.5%;
  }
  .region-columns.columns-9 .region-column {
    width: 11.1111%;
  }
  .region-columns.columns-10 .region-column {
    width: 10%;
  }
}

@media (max-width: 765px) {
  .region-columns {
    margin: 16px 24px;
  }
  .region-columns .region-column {
    width: 100%;
    margin-bottom: 32px;
  }
}

#regioncheck.modal.regioncheck-modal {
  width: auto;
  -o-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  overflow: hidden;
  min-width: 50%;
  max-width: 800px;
}

#regioncheck.modal.regioncheck-modal .region-flag, #regioncheck.modal.regioncheck-modal .current-site-flag {
  padding: 0 20px 0 0;
}

#regioncheck.modal.regioncheck-modal .modal-close {
  background: none;
  border: none;
  min-width: auto;
  padding: 0;
}

#regioncheck.modal.regioncheck-modal .col-xs-5 {
  text-align: right;
}

#regioncheck.modal.regioncheck-modal .current-site-flag {
  height: 15px;
}

@media (max-width: 765px) {
  #regioncheck.modal.regioncheck-modal {
    min-width: 90%;
  }
}

#regioncheck.modal.regioncheck-modal .modal__header {
  background: transparent;
  border-bottom: none;
}

#regioncheck.modal.regioncheck-modal .modal__header h4 {
  color: #000;
  max-width: 75%;
}

#regioncheck.modal.regioncheck-modal .modal__body a {
  cursor: pointer;
  color: #000;
}

#regioncheck.modal.regioncheck-modal .modal__body a.visit-msg {
  text-decoration: underline;
}

#regioncheck.modal.regioncheck-modal .modal__body .col-xs-12, #regioncheck.modal.regioncheck-modal .modal__body .product_workswith-new-container > .row > .product-2018 {
  margin-bottom: 2.0rem;
}

.raw_html_holiday_home h1,
.raw_html_holiday_home h2,
.raw_html_holiday_home h3,
.raw_html_holiday_home h4 {
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
}

.raw_html_holiday_home video {
  z-index: -100;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  background-size: cover;
}

.raw_html_holiday_home .overtext {
  transition: all 1s ease;
  color: white;
  z-index: 1;
  opacity: 1;
}

.raw_html_holiday_home .overtext h1 {
  transition: all 0.6s ease;
  position: relative;
  top: 120px;
}

.raw_html_holiday_home .overtext p {
  transition: all 0.6s ease;
  position: relative;
  top: 120px;
}

.raw_html_holiday_home .overtext .shopnow {
  transition: all 0.6s ease;
  position: relative;
  top: 120px;
}

.raw_html_holiday_home .videos {
  display: flex;
  flex-wrap: wrap;
}

.raw_html_holiday_home .videoelement {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  background-repeat: no-repeat;
  margin-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
}

.raw_html_holiday_home .videoelement a {
  height: 100%;
  width: 100%;
}

.raw_html_holiday_home .shopnow {
  opacity: 1;
  color: #fff;
  border: 1px solid #fff;
  margin: 0 30%;
  font-size: 14px;
  transition: all 1s ease;
  display: inline;
  padding: 6px 20px;
}

.raw_html_holiday_home .videoholder {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.raw_html_holiday_home .videoholder .vid-darken-overlay {
  background: #000;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 1s ease;
}

.raw_html_holiday_home .videoholder video {
  height: 100%;
}

.raw_html_holiday_home .videoholder p {
  width: 50%;
  color: #fff;
  margin: 20px auto 20px auto;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .raw_html_holiday_home .vid-darken-overlay {
    display: none;
  }
  .raw_html_holiday_home .overtext h1 {
    top: 0 !important;
  }
  .raw_html_holiday_home .overtext p {
    opacity: 1 !important;
    top: 0 !important;
  }
  .raw_html_holiday_home .overtext .shopnow {
    top: 0 !important;
  }
}

@media screen and (min-width: 767px) {
  .overtext {
    transition: all 1s ease;
    color: white;
    z-index: 1;
    opacity: 1;
  }
  .overtext h1 {
    transition: all 0.6s ease;
    position: relative;
    top: 120px;
  }
  .overtext p {
    transition: all 0.6s ease;
    position: relative;
    top: 120px;
    opacity: 0;
  }
  .overtext .shopnow {
    transition: all 0.6s ease;
    position: relative;
    top: 120px;
    opacity: 0;
  }
  .videoholder:hover .vid-darken-overlay {
    opacity: 0.6;
  }
  .videoholder:hover h1 {
    top: 0;
  }
  .videoholder:hover .shopnow {
    opacity: 1;
    top: 0;
  }
  .videoholder:hover p {
    opacity: 1;
    top: 0;
  }
}

.raw_html_holiday_landing h1,
.raw_html_holiday_landing h2,
.raw_html_holiday_landing h3,
.raw_html_holiday_landing h4 {
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: 400;
}

.raw_html_holiday_landing .giftsets {
  margin: 24px 12px 0 12px;
}

.raw_html_holiday_landing .giftsetelement {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: grey;
  margin: 0 12px 24px 12px;
  flex: 0 0 calc(50% - 24px);
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
  transition: all 1s ease;
}

@media screen and (max-width: 767px) {
  .raw_html_holiday_landing .giftsetelement {
    flex: 0 0 calc(100% - 20px);
  }
}

.raw_html_holiday_landing .darkenfilter {
  transition: all 0.3s ease;
  background: #000;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 2;
}

.raw_html_holiday_landing .giftsetholder {
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.raw_html_holiday_landing .giftsshopnow {
  opacity: 0;
  color: #fff;
  border: 2px solid #fff;
  margin: 0 0;
  font-size: 14px;
  display: inline;
  padding: 8px 18px;
}

@media screen and (max-width: 767px) {
  .raw_html_holiday_landing .giftsshopnow {
    opacity: 1;
  }
}

.raw_html_holiday_landing .giftsovertext {
  color: white;
  text-align: center;
  z-index: -100;
  max-width: 302px;
}

.raw_html_holiday_landing .giftsovertext p {
  opacity: 0;
  transition: all 0.3s ease;
  margin: 0;
  padding: 12px 0px 20px 0;
}

@media screen and (max-width: 767px) {
  .raw_html_holiday_landing .giftsovertext p {
    opacity: 1;
  }
}

.raw_html_holiday_landing .giftsetelement:hover .darkenfilter {
  opacity: 0.7;
}

.raw_html_holiday_landing .giftsetelement:hover .giftsshopnow {
  opacity: 1;
}

.raw_html_holiday_landing .giftsetelement:hover img {
  transform: scale(1.1);
}

.raw_html_holiday_landing .giftsetelement:hover p {
  opacity: 1;
}

.raw_html_holiday_landing .fullbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.raw_html_holiday_landing .fullbutton img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: all 0.3s ease;
}

.raw_html_holiday_landing .ratio--1x085:before {
  padding-top: 85%;
}

.language-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: .01;
  -webkit-opacity: .01;
  -moz-opacity: .01;
  filter: alpha(opacity=1);
  z-index: 1000;
}

@media (max-width: 765px) {
  .language-modal-overlay {
    opacity: 0.4;
  }
}

.language-selector {
  position: relative;
}

.language-selector a {
  cursor: pointer;
}

.language-selector .language-list-items {
  left: -52px;
  bottom: 29px;
  position: absolute;
  background: #fff;
  z-index: 1001;
}

@media (max-width: 765px) {
  .language-selector .language-list-items {
    left: -34px;
  }
}

.language-selector.open .language-list-items {
  display: block;
}

.language-selector.open .language-list-items .language-selector-link {
  text-decoration: underline;
}

@media (max-width: 765px) {
  .language-selector {
    margin-right: 12px;
  }
  .language-selector .right-divider {
    display: none;
  }
}

.feature-journal__container {
  margin: 0 0 20px 0;
}

.feature-journal__container .feature-journal__header {
  margin: 0 0 20px 0;
}

.feature-journal__container .ratio-fix1 {
  border-right: none;
}

.feature-journal__container .ratio-fix2 {
  border-left: none;
}

@media (min-width: 768px) {
  .feature-journal__container .ratio-fix1 {
    border-right: 6px solid #fff;
  }
  .feature-journal__container .ratio-fix2 {
    border-left: 6px solid #fff;
  }
}

.feature-journal__container .feature-journal__column {
  margin-bottom: 40px !important;
}

.feature-journal__container .feature-journal__column .ratio-fix1, .feature-journal__container .feature-journal__column .ratio-fix2 {
  overflow: hidden;
}

.feature-journal__container .feature-journal__column .ratio-fix1 a, .feature-journal__container .feature-journal__column .ratio-fix2 a {
  display: inline;
  height: 100%;
  width: 100%;
  position: relative;
}

.feature-journal__container .feature-journal__column .ratio-fix1 a:before, .feature-journal__container .feature-journal__column .ratio-fix2 a:before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 67%;
}

.feature-journal__container video, .feature-journal__container .feature-journal__mobile-img img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.feature-journal__container video, .feature-journal__container h2, .feature-journal__container .h3, .feature-journal__container img {
  padding-bottom: 12px;
}

.feature-journal__container h2 {
  padding-top: 12px;
}

.feature-journal__container .h3 {
  padding-bottom: 24px;
}

.feature-journal__container .feature-journal__content {
  text-align: center;
  margin: 10px 0 0 0;
}

@media (min-width: 768px) {
  .feature-journal__container .feature-journal__content {
    margin: 30px 0 0 0;
  }
}

.feature-journal__container .feature-journal__content p {
  width: 80%;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .feature-journal__container .feature-journal__content p {
    width: 70%;
  }
}

.feature-journal__container .feature-journal__content a {
  display: inline;
  padding: 0px 0 0 0;
}

.feature-stories__container {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .feature-stories__container {
    margin-bottom: 36px;
  }
}

.feature-stories__container .ratio-container {
  position: relative;
  display: block;
  overflow: auto;
}

.feature-stories__container .ratio-container::before {
  content: "";
  width: auto;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 67%;
}

.feature-stories__container video {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .feature-stories__container video {
    display: block;
  }
}

.feature-stories__container .feature-stories__mobile-img img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.feature-stories__container video, .feature-stories__container img {
  padding-bottom: 12px;
}

.feature-stories__container .feature-stories__content h2, .feature-stories__container .feature-stories__content p.h3 {
  padding-bottom: 24px;
}

.feature-stories__container .feature-stories__content h2 {
  padding-top: 12px;
  line-height: 24px;
}

@media (min-width: 768px) {
  .feature-stories__container .feature-stories__content h2 {
    line-height: 36px;
  }
}

.feature-stories__container .feature-stories__content p.h3 {
  width: 90%;
}

@media (min-width: 768px) {
  .feature-stories__container .feature-stories__content p.h3 {
    width: 80%;
  }
}

@media (min-width: 992px) {
  .feature-stories__container .feature-stories__content p.h3 {
    width: 60%;
  }
}

.feature-stories__container .left {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .feature-stories__container .left {
    margin-bottom: 0;
  }
}

.feature-panel__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}

.feature-carousel .slick-track {
  top: -1px;
}

.feature-carousel__slide {
  height: 500px;
  width: 100%;
}

.feature-carousel__slide:before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 40%;
}

@media (max-width: 765px) {
  .feature-carousel__slide:before {
    padding-top: 140%;
  }
}

.feature-carousel .slick-dots {
  bottom: 14px;
  left: 5px;
}

.feature-carousel .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 2px;
  overflow: hidden;
}

.feature-carousel .slick-dots li button {
  width: 40px;
  height: 2px;
  padding: 0;
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.feature-carousel .slick-dots li button:before {
  height: 3px;
  width: 40px;
  transform: translateX(-40px);
  border-radius: 0;
  background: #fff;
  border: none;
}

.feature-carousel .slick-dots li.slick-active button {
  opacity: 1;
}

.feature-carousel .slick-dots li.slick-active button:before {
  animation: lineFill 5.2s linear;
  animation-fill-mode: forwards;
  opacity: 1;
  width: 100%;
  background: #fff;
}

.feature-panel__container:before, .feature-carousel:before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 40%;
}

.feature-panel__container .col-md-3, .feature-carousel .col-md-3, .feature-panel__container .col-md-4, .feature-carousel .col-md-4, .feature-panel__container .col-md-6, .feature-carousel .col-md-6, .feature-panel__container .row.grid-products .product-new, .row.grid-products .feature-panel__container .product-new, .feature-carousel .row.grid-products .product-new, .row.grid-products .feature-carousel .product-new, .feature-panel__container .product-grid-grid.row > .image, .feature-carousel .product-grid-grid.row > .image, .feature-panel__container .product_workswith-new-container > .row > .product-2018, .feature-carousel .product_workswith-new-container > .row > .product-2018, .feature-panel__container .container-2018 .product-grid-2018 > *, .container-2018 .feature-panel__container .product-grid-2018 > *, .feature-carousel .container-2018 .product-grid-2018 > *, .container-2018 .feature-carousel .product-grid-2018 > * {
  border-right: 3px solid #fff;
  border-left: 3px solid #fff;
}

.feature-panel__container [class*=' col-']:last-child, .feature-carousel [class*=' col-']:last-child {
  border-right: none;
}

.feature-panel__container [class*=' col-']:first-child, .feature-carousel [class*=' col-']:first-child {
  border-left: none;
}

.feature-panel__container .feature-carousel__slide, .feature-carousel .feature-carousel__slide {
  border: 0px solid transparent;
}

.feature-panel__container .feature-panel__element, .feature-carousel .feature-panel__element, .feature-panel__container .feature-carousel__slide, .feature-carousel .feature-carousel__slide {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0px;
}

@media (max-width: 765px) {
  .feature-panel__container .feature-panel__element, .feature-carousel .feature-panel__element, .feature-panel__container .feature-carousel__slide, .feature-carousel .feature-carousel__slide {
    border: none !important;
  }
}

.feature-panel__container .feature-panel__element:before, .feature-carousel .feature-panel__element:before, .feature-panel__container .feature-carousel__slide:before, .feature-carousel .feature-carousel__slide:before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 40%;
}

@media (max-width: 765px) {
  .feature-panel__container .feature-panel__element:before, .feature-carousel .feature-panel__element:before, .feature-panel__container .feature-carousel__slide:before, .feature-carousel .feature-carousel__slide:before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 140%;
  }
}

.feature-panel__container .feature-panel__element__title, .feature-carousel .feature-panel__element__title, .feature-panel__container .feature-carousel__slide__title, .feature-carousel .feature-carousel__slide__title {
  width: 100%;
  position: absolute;
  top: 30px;
  left: 36px;
  color: #fff;
  margin: 0 0 60px;
}

@media (max-width: 765px) {
  .feature-panel__container .feature-panel__element__title, .feature-carousel .feature-panel__element__title, .feature-panel__container .feature-carousel__slide__title, .feature-carousel .feature-carousel__slide__title {
    top: 20px;
    left: 10px;
    margin: 0 0 20px;
  }
}

.feature-panel__container .feature-panel__element__title h1, .feature-carousel .feature-panel__element__title h1, .feature-panel__container .feature-carousel__slide__title h1, .feature-carousel .feature-carousel__slide__title h1 {
  color: #fff;
}

.feature-panel__container .feature-panel__element__description, .feature-carousel .feature-panel__element__description, .feature-panel__container .feature-carousel__slide__description, .feature-carousel .feature-carousel__slide__description {
  width: 50%;
}

.feature-panel__container .feature-panel__element__link, .feature-carousel .feature-panel__element__link, .feature-panel__container .feature-carousel__slide__link, .feature-carousel .feature-carousel__slide__link {
  position: absolute;
  bottom: 30px;
  left: 36px;
  color: #fff;
}

@media (max-width: 765px) {
  .feature-panel__container .feature-panel__element__link, .feature-carousel .feature-panel__element__link, .feature-panel__container .feature-carousel__slide__link, .feature-carousel .feature-carousel__slide__link {
    bottom: 30px;
    left: 20px;
  }
}

.feature-panel__container .feature-panel__element .feature-panel--dark-text h1, .feature-carousel .feature-panel__element .feature-panel--dark-text h1, .feature-panel__container .feature-panel__element .feature-panel--dark-text .feature-panel__element__description, .feature-carousel .feature-panel__element .feature-panel--dark-text .feature-panel__element__description, .feature-panel__container .feature-carousel__slide .feature-panel--dark-text h1, .feature-carousel .feature-carousel__slide .feature-panel--dark-text h1, .feature-panel__container .feature-carousel__slide .feature-panel--dark-text .feature-panel__element__description, .feature-carousel .feature-carousel__slide .feature-panel--dark-text .feature-panel__element__description {
  color: #333333;
}

.feature-panel__container .feature-panel__element .centering__children, .feature-carousel .feature-panel__element .centering__children, .feature-panel__container .feature-carousel__slide .centering__children, .feature-carousel .feature-carousel__slide .centering__children {
  pointer-events: none;
}

.feature-panel__container .feature-panel__element.center .centering__children, .feature-carousel .feature-panel__element.center .centering__children, .feature-panel__container .feature-carousel__slide.center .centering__children, .feature-carousel .feature-carousel__slide.center .centering__children {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
}

.feature-panel__container .feature-panel__element.center .centering__children > div .feature-panel__element__title, .feature-carousel .feature-panel__element.center .centering__children > div .feature-panel__element__title, .feature-panel__container .feature-carousel__slide.center .centering__children > div .feature-panel__element__title, .feature-carousel .feature-carousel__slide.center .centering__children > div .feature-panel__element__title {
  position: relative;
  top: auto;
  left: auto;
  pointer-events: none;
}

.feature-panel__container .feature-panel__element.center .centering__children > div .feature-panel__element__link, .feature-carousel .feature-panel__element.center .centering__children > div .feature-panel__element__link, .feature-panel__container .feature-carousel__slide.center .centering__children > div .feature-panel__element__link, .feature-carousel .feature-carousel__slide.center .centering__children > div .feature-panel__element__link {
  position: relative;
  bottom: auto;
  left: auto;
}

.feature-panel__container .feature-panel__element.center .centering__children > div .feature-panel__element__description, .feature-carousel .feature-panel__element.center .centering__children > div .feature-panel__element__description, .feature-panel__container .feature-carousel__slide.center .centering__children > div .feature-panel__element__description, .feature-carousel .feature-carousel__slide.center .centering__children > div .feature-panel__element__description {
  margin: 0 auto;
}

.feature-panel__container .feature-panel__element .feature-panel__element__link a, .feature-carousel .feature-panel__element .feature-panel__element__link a, .feature-panel__container .feature-carousel__slide .feature-panel__element__link a, .feature-carousel .feature-carousel__slide .feature-panel__element__link a {
  pointer-events: auto;
}

.feature-panel__container .feature-panel__element .feature-panel__element__link, .feature-carousel .feature-panel__element .feature-panel__element__link, .feature-panel__container .feature-panel__element .feature-panel__element__title, .feature-carousel .feature-panel__element .feature-panel__element__title, .feature-panel__container .feature-carousel__slide .feature-panel__element__link, .feature-carousel .feature-carousel__slide .feature-panel__element__link, .feature-panel__container .feature-carousel__slide .feature-panel__element__title, .feature-carousel .feature-carousel__slide .feature-panel__element__title {
  z-index: 777;
}

.feature-panel__container .feature-panel__element .feature-panel__element__link:hover, .feature-carousel .feature-panel__element .feature-panel__element__link:hover, .feature-panel__container .feature-panel__element .feature-panel__element__title:hover, .feature-carousel .feature-panel__element .feature-panel__element__title:hover, .feature-panel__container .feature-carousel__slide .feature-panel__element__link:hover, .feature-carousel .feature-carousel__slide .feature-panel__element__link:hover, .feature-panel__container .feature-carousel__slide .feature-panel__element__title:hover, .feature-carousel .feature-carousel__slide .feature-panel__element__title:hover {
  text-decoration: none;
}

.feature-panel__container .feature-panel__element video, .feature-carousel .feature-panel__element video, .feature-panel__container .feature-carousel__slide video, .feature-carousel .feature-carousel__slide video {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

@media (max-width: 765px) {
  .feature-panel__container .feature-panel__element, .feature-carousel .feature-panel__element, .feature-panel__container .feature-carousel__slide, .feature-carousel .feature-carousel__slide {
    padding-top: 0 !important;
  }
  .feature-panel__container .feature-panel__element .feature-panel__mobile-img, .feature-carousel .feature-panel__element .feature-panel__mobile-img, .feature-panel__container .feature-carousel__slide .feature-panel__mobile-img, .feature-carousel .feature-carousel__slide .feature-panel__mobile-img {
    display: block;
    height: 100%;
  }
  .feature-panel__container .feature-panel__element .feature-panel__mobile-img img, .feature-carousel .feature-panel__element .feature-panel__mobile-img img, .feature-panel__container .feature-carousel__slide .feature-panel__mobile-img img, .feature-carousel .feature-carousel__slide .feature-panel__mobile-img img {
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
    padding: 0 0 10px 0;
  }
  .feature-panel__container .feature-panel__element .feature-panel__mobile-video, .feature-carousel .feature-panel__element .feature-panel__mobile-video, .feature-panel__container .feature-carousel__slide .feature-panel__mobile-video, .feature-carousel .feature-carousel__slide .feature-panel__mobile-video {
    display: block;
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

.feature-panel__container .feature-panel__mobile-video, .feature-carousel .feature-panel__mobile-video {
  display: none;
}

@media (max-width: 765px) {
  .feature-panel__container .feature-panel__mobile-video, .feature-carousel .feature-panel__mobile-video {
    display: block;
  }
}

.feature-panel__container .feature-panel__video, .feature-carousel .feature-panel__video {
  display: block;
}

@media (max-width: 765px) {
  .feature-panel__container .feature-panel__video, .feature-carousel .feature-panel__video {
    display: none;
  }
}

.slick-track,
.slick-list {
  -webkit-perspective: 2000;
  -webkit-backface-visibility: hidden;
}

.feature-carousel__slides {
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}

.feature-carousel__slides.slick-initialized {
  opacity: 1;
  visibility: visible;
}

.feature-carousel__slide {
  overflow: auto;
}

.feature-carousel__slide .feature-panel__video {
  width: calc(100% + 2px);
}

.feature-carousel .feature-carousel__slide .centering__children {
  z-index: 9999;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 0.2s;
}

.feature-carousel .feature-carousel__slide.slick-active .centering__children {
  opacity: 1;
}

.feature-carousel .feature-carousel__slide.slick-active .centering__children .feature-panel__element__title {
  opacity: 0;
  animation: slideUp 1s ease;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.feature-carousel .feature-carousel__slide.slick-active .centering__children .feature-panel__element__title h1 {
  pointer-events: none;
}

.feature-carousel .feature-carousel__slide.slick-active .centering__children .feature-panel__element__link {
  opacity: 0;
  animation: opIn 1s ease;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes lineFill {
  0% {
    transform: translateX(-40px);
  }
  20% {
    transform: translateX(-40px);
  }
  99% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes slideUp {
  0% {
    transform: translatey(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes opIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.shop-by-department__container {
  max-width: 100%;
}

.shop-by-department__container .col-xs-6 {
  padding-left: 0;
  padding-right: 0;
}

.shop-by-department__container .row {
  margin-left: 0;
  margin-right: 0;
}

.shop-by-department__container .shop-by-department__header {
  margin: 20px 0 24px;
}

@media (min-width: 768px) {
  .shop-by-department__container .shop-by-department__header {
    margin: 20px 0 36px;
  }
}

.shop-by-department__container .shop-by-department__element {
  margin-bottom: 50px;
}

@media (min-width: 768px) {
  .shop-by-department__container .shop-by-department__element {
    margin-bottom: 80px;
  }
}

.shop-by-department__container .shop-by-department__element h2 {
  margin: -8px 0 0;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .shop-by-department__container .shop-by-department__element h2 {
    margin: 50px 0 0;
  }
}

.shop-by-department__container .shop-by-department__element p {
  padding: 0 0 20px;
}

.shop-by-department__container .shop-by-department__element--left .shop-by-department__content {
  order: 2;
}

@media (min-width: 768px) {
  .shop-by-department__container .shop-by-department__element--left .shop-by-department__content {
    order: 2;
  }
}

.shop-by-department__container .shop-by-department__element--left .shop-by-department__media {
  overflow: hidden;
  order: 1;
}

.shop-by-department__container .shop-by-department__element--left .shop-by-department__media video {
  position: absolute;
}

@media (min-width: 768px) {
  .shop-by-department__container .shop-by-department__element--left .shop-by-department__media {
    order: 1;
  }
}

.shop-by-department__container.container {
  padding-left: 12px;
  padding-right: 12px;
}

.shop-by-department__container .col-xs-12, .shop-by-department__container .product_workswith-new-container > .row > .product-2018 {
  flex: auto;
}

.shop-by-department__container video {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.shop-by-department__container .shop-by-department__mobile-img img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.shop-by-department__container .shop-by-department__content {
  order: 2;
}

.shop-by-department__container .shop-by-department__content[class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .shop-by-department__container .shop-by-department__content {
    order: 1;
  }
}

.shop-by-department__container .shop-by-department__media {
  overflow: hidden;
  order: 1;
}

.shop-by-department__container .shop-by-department__media :before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 67%;
}

@media (min-width: 768px) {
  .shop-by-department__container .shop-by-department__media {
    order: 2;
  }
}

.shop-by-department__container .shop-by-department__media.portrait :before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 143%;
}

.shop-by-department__container .landscape.col-xxl-2 p, .shop-by-department__container .landscape.col-xl-3 p, .shop-by-department__container .landscape.col-xxl-3 p, .shop-by-department__container .landscape.col-xl-3 p {
  padding: 0 20px 20px 0;
}

.hsco-store-locator .map {
  height: 720px;
}

.hsco-store-locator .map.use-vh {
  height: calc(100vh - 60px);
}

body.skinny-banner-open .hsco-store-locator .map.use-vh {
  height: calc(100vh - 100px);
}

.store-locator-popup {
  padding: 12px;
  min-width: 240px;
}

.store-locator-popup p {
  margin: 12px 0;
}

.store-locator-popup .button {
  margin-top: 36px;
  line-height: 32px;
}

#checkout-container {
  /* step animations */
  margin: 60px 0 0 0;
}

#checkout-container button {
  font-weight: initial !important;
}

@media (max-width: 991px) {
  #checkout-container .mobile-hide {
    display: none !important;
  }
}

@media (min-width: 992px) {
  #checkout-container .desktop-hide, #checkout-container hr {
    display: none !important;
  }
}

@media (max-width: 765px) {
  #checkout-container .phone-hide {
    display: none !important;
  }
}

@media (min-width: 768px) {
  #checkout-container .tablet-up-hide {
    display: none !important;
  }
}

#checkout-container h3 {
  font-size: 16px;
  line-height: 20px;
}

@media (min-width: 992px) {
  #checkout-container > .form-styles {
    min-height: 700px;
  }
}

@media (max-width: 765px) {
  #checkout-container > .form-styles input, #checkout-container > .form-styles select {
    font-size: 16px;
  }
}

#checkout-container hr.desktop-shown {
  display: block !important;
}

#checkout-container .or-divider {
  position: relative;
}

#checkout-container .or-divider hr {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 9px;
  margin: 0;
  z-index: 0;
}

#checkout-container .or-divider span {
  display: block;
  background: #fff;
  width: 40px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  position: relative;
}

@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes disappear {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none !important;
  }
}

#checkout-container .checkout-steps {
  opacity: 1;
}

#checkout-container .checkout-steps.ng-hide-remove.ng-hide-remove-active {
  opacity: 0;
  animation: appear 0.5s;
  animation-delay: 0.55s;
  display: block !important;
}

#checkout-container .checkout-steps.current-remove {
  opacity: 1;
  animation: disappear 0.5s;
  display: block !important;
}

#checkout-container .checkout-steps.ng-hide {
  opacity: 0;
  display: none !important;
}

#checkout-container > .row {
  margin-left: 0;
  margin-right: 0;
}

#checkout-container .guest-notice {
  margin-top: 75px;
}

#checkout-container .guest-notice a {
  margin: 0;
}

#checkout-container .button {
  max-width: 180px;
}

#checkout-container .button.ng-animate {
  transition: none;
}

#checkout-container .button.button--wide {
  max-width: initial;
}

#checkout-container .row--no-padding {
  margin-left: 0;
  margin-right: 0;
}

#checkout-container .checkout-progress-bar {
  margin: 0 0 20px 0;
}

#checkout-container input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

#checkout-container input[type="text"],
#checkout-container input[type="tel"],
#checkout-container input[type="number"],
#checkout-container input[type="email"],
#checkout-container input[type="password"] {
  border: solid 1px #aaa;
  background: #fff;
}

#checkout-container .select-container {
  border-radius: 0;
}

#checkout-container select {
  background-color: #fff;
  padding: 8px;
  color: #333;
  border-radius: 0;
}

#checkout-container .select-shipping select {
  padding: 10px 30px 10px 10px;
}

@media (max-width: 991px) {
  #checkout-container .checkout-main-body {
    margin-top: 63px;
  }
}

@media (max-width: 991px) {
  #checkout-container .checkout-progress-container {
    position: fixed;
    border-bottom: 1px solid #ddd;
    transition: transform 0.3s ease 0s;
    top: 0;
    transform: translateY(60px);
    left: 0;
    right: 0;
    z-index: 99000;
    background: #fff;
  }
  body.skinny-banner-open #checkout-container .checkout-progress-container {
    transform: translateY(100px);
  }
}

@media (max-width: 991px) {
  #checkout-container .checkout-cart-body {
    margin-top: 63px;
    order: 0;
  }
  #checkout-container .checkout-cart-body #checkout-cart {
    border-bottom: 1px solid #ddd;
  }
  #checkout-container .checkout-cart-body #checkout-cart .mobile-accordion {
    transform-origin: top center;
    transform: scaleY(0);
    max-height: 0;
    transition: transform 333ms ease-in-out, max-height 333ms ease-in-out;
  }
  #checkout-container .checkout-cart-body #checkout-cart .mobile-accordion.open {
    transform: scaleY(1);
    max-height: 9999px;
  }
  #checkout-container .checkout-cart-body #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .h-order-summary-mobile {
    position: relative;
  }
  #checkout-container .checkout-cart-body #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .h-order-summary-mobile .cart-opener {
    position: absolute;
    right: 16px;
    top: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background: transparent;
  }
  #checkout-container .checkout-cart-body #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .h-order-summary-mobile h3 {
    margin: 10px 8px;
    font-size: 13px;
  }
  #checkout-container .checkout-cart-body #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .h-order-summary-mobile h3.bfx-price {
    margin-right: 36px;
    color: #0084ff;
  }
  #checkout-container .checkout-cart-body #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .h-order-total {
    margin-bottom: 0;
  }
  #checkout-container .checkout-cart-body #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .more-info {
    margin-bottom: 12px !important;
  }
  #checkout-container .checkout-main-body {
    margin-top: 0;
    order: 1;
  }
}

#checkout-container div.checkout-progress {
  margin: 20px 0 0 0;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

@media (max-width: 991px) {
  #checkout-container div.checkout-progress {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 18px;
    height: 63px;
    margin: 0;
  }
}

#checkout-container div.checkout-progress ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#checkout-container div.checkout-progress ul:before {
  content: '';
  width: calc(100% - 62px);
  margin: 0 11px;
  height: 2px;
  position: absolute;
  background: #ddd;
  z-index: 1;
}

@media (max-width: 991px) {
  #checkout-container div.checkout-progress ul:before {
    width: calc(100% - 86px);
  }
}

#checkout-container div.checkout-progress ul:after {
  content: '';
  width: calc(0%);
  margin: 0 11px;
  height: 2px;
  position: absolute;
  background: #0084ff;
  z-index: 2;
  transition: width 0.5s ease;
}

#checkout-container div.checkout-progress ul.one:after {
  width: calc(0%);
}

#checkout-container div.checkout-progress ul.one :first-child span:first-child:after {
  height: 10px;
  width: 10px;
}

#checkout-container div.checkout-progress ul.two:after {
  width: calc(0%);
}

@media (max-width: 991px) {
  #checkout-container div.checkout-progress ul.two:after {
    width: calc(0%);
  }
}

#checkout-container div.checkout-progress ul.two :nth-child(1) span:first-child:after {
  height: 10px;
  width: 10px;
}

#checkout-container div.checkout-progress ul.three:after {
  width: calc(50% - 31px);
}

@media (max-width: 991px) {
  #checkout-container div.checkout-progress ul.three:after {
    width: calc(50% - 43px);
  }
}

#checkout-container div.checkout-progress ul.three :nth-child(2) span:after {
  height: 10px;
  width: 10px;
}

#checkout-container div.checkout-progress ul.four:after {
  width: calc(100% - 62px);
}

@media (max-width: 991px) {
  #checkout-container div.checkout-progress ul.four:after {
    width: calc(100% - 86px);
  }
}

#checkout-container div.checkout-progress ul.four :nth-child(3) span:after {
  height: 10px;
  width: 10px;
}

#checkout-container div.checkout-progress ul li {
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  width: 22px;
  height: auto;
}

#checkout-container div.checkout-progress ul li span {
  position: absolute;
  top: -8px;
  height: 22px;
  width: 22px;
  border-radius: 20px;
  border: 1px solid #ddd;
  z-index: 3;
  background: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: all 0.2s ease;
}

#checkout-container div.checkout-progress ul li span:before {
  content: '';
  border-radius: 5px;
  height: 10px;
  width: 10px;
  background: #ddd;
  display: block;
  border-radius: 5px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}

#checkout-container div.checkout-progress ul li span:after {
  content: '';
  border-radius: 5px;
  height: 0px;
  width: 0px;
  background: #0084ff;
  display: block;
  border-radius: 5px;
  opacity: 1;
  z-index: 1;
  transition: all 0.1s ease;
  transition-delay: 0.5s;
}

#checkout-container div.checkout-progress ul li span h5 {
  position: absolute;
  top: 26px;
  left: 10px;
  transform: translateX(-50%);
  min-width: 100px;
  text-align: center;
}

#checkout-container div.checkout-progress ul li span h5 a {
  padding: 20px 0 0 0;
}

#checkout-container div.checkout-progress ul li.complete span:before {
  background: #333;
}

#checkout-container .form-group {
  overflow: visible;
  margin-bottom: 18px;
}

@media (max-width: 991px) {
  #checkout-container .checkout-title {
    display: none;
  }
}

#checkout-container .checkout-title,
#checkout-container .checkout-cart-empty {
  padding: 20px 0 0 34px;
}

#checkout-container .error-wrapper {
  position: relative;
}

#checkout-container .error-wrapper input {
  transition: all 0.3s ease;
}

#checkout-container .error-wrapper.failed input, #checkout-container .error-wrapper.failed select {
  background: #FFF3F5;
}

#checkout-container .error-wrapper .red-error {
  position: absolute;
  left: 0px;
  pointer-events: none;
  color: #cc0033;
  font-size: 11px;
}

@media (max-width: 991px) {
  #checkout-container .button.button--dark {
    background: #0084ff;
    color: #f5f5f5;
  }
  #checkout-container .button.button--dark.button--stay-dark {
    background: #333;
  }
}

#checkout-container .hsco-registered-block-container {
  padding: 40px 0 0 0;
  width: 100%;
}

#checkout-container .hsco-registered-block-container .checkout-forgot {
  padding: 0 0 30px 0;
}

#checkout-container .cb-create-account {
  padding: 0 20px 0 0;
}

#checkout-container .continue-as-guest {
  display: block;
  margin-left: 0;
  margin: 20px 0 0 0;
  width: 180px;
}

#checkout-container .form-styles label.h5 {
  line-height: 11px;
  padding-bottom: 5px;
}

#checkout-container .form-styles label.continue-as-guest {
  width: auto;
  display: inline-block;
  padding: 0;
  width: 180px;
}

#checkout-container .hsco-checkout-shipping-container {
  padding: 40px 0 0 0;
  margin-left: 0;
}

#checkout-container form[name=addressForm] .form-group {
  margin-bottom: 12px;
}

#checkout-container .hsco-checkout-existing-addresses {
  margin-bottom: 20px;
}

#checkout-container .hsco-checkout-existing-addresses .form-group {
  margin-bottom: 0;
}

#checkout-container .hsco-checkout-existing-addresses .shipping-address label {
  padding: 15px 0 15px 37px;
  position: relative;
}

@media (max-width: 991px) {
  #checkout-container .hsco-checkout-existing-addresses .shipping-address label {
    border-top: none;
  }
}

#checkout-container .hsco-checkout-existing-addresses .shipping-address .input-wrapper {
  position: absolute;
  top: 32px;
  left: 0;
  width: auto;
  color: #0084ff;
}

#checkout-container .hsco-checkout-existing-addresses .shipping-address .input-wrapper input {
  display: none;
}

#checkout-container .hsco-checkout-existing-addresses .shipping-address .edit-delete-links {
  position: absolute;
  top: 15px;
  right: 0;
}

@media (min-width: 768px) {
  #checkout-container .hsco-checkout-existing-addresses .shipping-address .edit-delete-links {
    position: initial;
    top: initial;
    right: initial;
    margin-top: 20px;
  }
}

#checkout-container label.sm-input-label {
  position: relative;
  padding-bottom: 24px;
}

#checkout-container label.sm-input-label .fake-radio-container {
  position: absolute;
  top: 18px;
  left: 2px;
}

#checkout-container label.sm-input-label .sm-text {
  margin-left: 37px;
}

#checkout-container label.sm-input-label .sm-text strong {
  display: inline-block;
  margin-bottom: 8px;
}

#checkout-container label.sm-input-label .sm-text .blue {
  color: #0084ff;
  font-weight: 500;
}

#checkout-container .fake-radio {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 7px;
  border: 1px solid #111;
  vertical-align: text-bottom;
}

#checkout-container .fake-radio:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 1px solid #ffffff;
  background: #ffffff;
  top: 3px;
  left: 3px;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform 300ms ease-in-out;
}

@media (min-width: 544px) {
  #checkout-container .fake-radio:after {
    background: #111;
    border-color: #111;
  }
}

#checkout-container .fake-radio.checked {
  border-color: #0084ff;
  background: #0084ff;
}

@media (min-width: 544px) {
  #checkout-container .fake-radio.checked {
    background: #ffffff;
    border-color: #111;
  }
}

#checkout-container .fake-radio.checked:after {
  transform: scale(1);
}

#checkout-container .hsco-payment-container {
  padding: 40px 0 0 0;
}

#checkout-container .hsco-payment-container .payment-method select {
  height: 40px;
}

#checkout-container .hsco-payment-container .payment-method:after {
  top: 13px;
}

#checkout-container .hsco-payment-container #card-element {
  border: 1px solid #aaa;
  height: 40px;
  padding: 11px 12px 0;
}

#checkout-container .hsco-payment-container #paypal-button .paypal-button {
  overflow: visible !important;
}

@media (max-width: 765px) {
  #checkout-container .hsco-payment-container .credit-card-column {
    order: 3;
  }
  #checkout-container .hsco-payment-container .altpay-card-column {
    order: 2;
  }
  #checkout-container .hsco-payment-container .next-button-column {
    order: 4;
  }
}

#checkout-container .hsco-payment-container > .row {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 765px) {
  #checkout-container .hsco-payment-container > .row > .col-md-12 {
    margin-bottom: 0;
  }
  #checkout-container .hsco-payment-container > .row > .col-md-12 > h3 {
    font-size: 16px;
  }
}

#checkout-container .hsco-payment-container .new-card-form {
  margin-top: 0;
}

#checkout-container .hsco-payment-container .new-card-form input {
  height: 40px;
}

#checkout-container .hsco-payment-container #start-apple-pay-button {
  width: 100%;
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 25px;
}

@media (max-width: 1199px) {
  #checkout-container .hsco-payment-container #start-apple-pay-button {
    margin-top: 12px;
    height: 45px;
  }
}

#checkout-container .hsco-payment-container .radio-checkmark:after {
  content: '';
  position: absolute;
  background: #000;
  border-radius: 10px;
  top: 7px;
  left: 6px;
  height: 0px;
  width: 0px;
  opacity: 0;
  transition: all 0.2s ease;
}

#checkout-container .hsco-payment-container #hsco-save-payment:checked + .radio-checkmark:after {
  content: '';
  top: 2px;
  left: 2px;
  height: 6px;
  width: 6px;
  opacity: 1;
}

#checkout-container .hsco-review-container {
  padding: 40px 0 0 0;
}

#checkout-container .hsco-review-container > .row {
  margin-left: 0;
  margin-right: 0;
}

#checkout-container .hsco-review-container .review-address-payment {
  min-height: 94px;
  height: 100%;
  padding: 10px 0;
  position: relative;
}

@media (min-width: 768px) {
  #checkout-container .hsco-review-container .review-address-payment {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
}

#checkout-container .hsco-review-container .edit-address-payment {
  overflow: hidden;
  top: 10px;
  position: absolute;
  right: 4px;
}

#checkout-container .hsco-review-container .edit-address-payment a {
  cursor: pointer;
}

#checkout-container .hsco-review-container .newsletter-subscribe__checkbox--substitute:before {
  content: "\f08b";
}

#checkout-container .hsco-review-container .newsletter-subscribe__checkbox:checked + .newsletter-subscribe__terms .newsletter-subscribe__checkbox--substitute:before {
  content: "\f014";
}

@media (max-width: 765px) {
  #checkout-container .hsco-review-container .place-order-button {
    position: fixed;
    height: 60px;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    left: 0;
    right: 0;
    z-index: 1000;
    max-width: initial;
    min-width: initial;
    width: 100%;
    transform: translateY(0%);
    transition: transform 333ms ease-in-out;
  }
  #checkout-container .hsco-review-container .place-order-button.ng-hide {
    display: block !important;
    transform: translateY(100%);
  }
  #checkout-container .hsco-review-container .place-order-button.ng-hide-add {
    transform: translateY(0%);
  }
  #checkout-container .hsco-review-container .place-order-button.ng-hide-add.ng-hide-add-active {
    transform: translateY(100%);
  }
  #checkout-container .hsco-review-container .place-order-button.ng-hide-remove {
    transform: translateY(100%);
  }
  #checkout-container .hsco-review-container .place-order-button.ng-hide-remove.ng-hide-remove-active {
    transform: translateY(0%);
  }
}

#checkout-container #checkout-cart {
  height: 100%;
  padding: 0;
  border-left: 1px solid #ddd;
  background: #fff;
  margin-right: -12px;
}

@media (max-width: 991px) {
  #checkout-container #checkout-cart {
    margin-left: -12px;
    margin-right: -12px;
    border-left: none;
  }
}

#checkout-container #checkout-cart h3 {
  margin: 20px 0;
}

#checkout-container #checkout-cart .more-info {
  position: relative;
}

#checkout-container #checkout-cart .more-info-tax-popup {
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px 20px;
}

#checkout-container #checkout-cart .more-info-tax-popup.open {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 1;
}

#checkout-container #checkout-cart .more-info-tax-popup .relative-container {
  position: relative;
}

#checkout-container #checkout-cart .more-info-tax-popup h3 {
  margin-top: 0;
  margin-bottom: 16px;
}

#checkout-container #checkout-cart .more-info-tax-popup .close-icon {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#checkout-container #checkout-cart .info-area {
  position: relative;
  padding: 20px 0px 20px 102px;
}

#checkout-container #checkout-cart .info-area img {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 68px;
}

#checkout-container #checkout-cart .hsco-delete-item {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 20px;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 10px;
  color: #111;
  font-size: 10px;
  line-height: 20px;
  height: 20px;
}

#checkout-container #checkout-cart .quantity-selector {
  display: flex;
  height: 100%;
  flex-direction: column;
  margin-left: -12px;
  border-left: 1px solid #ddd;
}

#checkout-container #checkout-cart .quantity-selector .button.quantity-selector__button {
  display: block;
  flex-grow: 0;
  height: 42px;
  padding: 0;
  margin: 0;
  line-height: initial;
  min-width: initial;
  background: transparent;
  color: #aaaaaa;
}

#checkout-container #checkout-cart .quantity-selector .button.quantity-selector__button:hover {
  color: #dddddd;
}

#checkout-container #checkout-cart .quantity-selector .button.quantity-selector__button:first-child {
  border-bottom: 1px solid #ddd;
}

#checkout-container #checkout-cart .quantity-selector .button.quantity-selector__button:last-child {
  border-top: 1px solid #ddd;
}

#checkout-container #checkout-cart .quantity-selector .quantity-selector__input {
  min-height: 42px;
  font-size: 13px;
  padding: 0;
  border: 0;
  text-align: center;
  color: inherit;
  background: #f5f5f5;
}

#checkout-container #checkout-cart #store-message-container {
  margin-left: -12px;
  margin-right: -12px;
  padding: 12px;
  border-top: 1px solid #ddd;
}

#checkout-container #checkout-cart #store-message-container .container--fluid {
  padding-left: 12px;
  padding-right: 12px;
}

@media (max-width: 991px) {
  #checkout-container #checkout-cart #store-message-container {
    margin: 0;
  }
  #checkout-container #checkout-cart #store-message-container .container--fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

#checkout-container #checkout-cart .hsco-checkout-summary {
  height: 100%;
}

#checkout-container #checkout-cart .hsco-checkout-summary .h-order-summary-mobile {
  padding: 12px 0;
}

#checkout-container #checkout-cart .hsco-checkout-summary .h-order-summary-mobile.border {
  border-bottom: 1px solid #ddd;
}

@media (min-width: 992px) {
  #checkout-container #checkout-cart .hsco-checkout-summary .h-order-summary-mobile {
    display: none;
  }
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-top,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-top {
  overflow-x: visible;
  overflow-y: auto;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 24px;
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-top .hsco-cart-item-view > .row,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-top .hsco-cart-item-view > .row {
  padding: 0px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-bottom: 1px solid #ddd;
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-top .hsco-cart-item-view > .row .col-xs-2,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-top .hsco-cart-item-view > .row .col-xs-2 {
  padding: 0;
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-top .hsco-cart-item-view > .row:first-child,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-top .hsco-cart-item-view > .row:first-child {
  border-top: none;
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-top .hsco-cart-item-view > .row .bt-times,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-top .hsco-cart-item-view > .row .bt-times {
  color: #aaa;
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-top .hsco-cart-item-view > .row img,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-top .hsco-cart-item-view > .row img {
  filter: brightness(94%);
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .h-order-total,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .h-order-total {
  padding: 0;
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  #checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .h-order-total,
  #checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .h-order-total {
    margin-bottom: 0;
    border-top: 1px solid #ddd;
  }
}

@media (max-width: 991px) {
  #checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-bottom,
  #checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-bottom {
    padding: 0 8px;
  }
}

#checkout-container #checkout-cart .hsco-checkout-summary .hsco-checkout-summary-inner .hsco-order-summary-bottom p,
#checkout-container #checkout-cart .hsco-checkout-summary .mobile-accordion .hsco-order-summary-bottom p {
  margin: 0.4rem 0;
}

@media (min-width: 992px) {
  #checkout-container #checkout-cart #giftcardForm hr {
    display: none;
  }
}

#checkout-container #checkout-cart .hsco-apply-giftcard {
  padding: 20px;
  padding-bottom: 0;
}

@media (min-width: 992px) {
  #checkout-container #checkout-cart .hsco-apply-giftcard {
    border-bottom: 1px solid #ddd;
  }
}

#checkout-container #checkout-cart .hsco-apply-giftcard .holiday-discount-codes h3.discount-codes-title {
  margin: 0;
  margin-bottom: 24px;
}

#checkout-container #checkout-cart .hsco-apply-giftcard .holiday-discount-codes h3.discount-codes-title span.title-copy {
  line-height: 24px;
  font-size: 18px;
}

#checkout-container #checkout-cart .hsco-apply-giftcard .holiday-discount-codes h3.discount-codes-title span.title-copy.tc-save {
  font-weight: 600;
}

#checkout-container #checkout-cart .hsco-apply-giftcard .holiday-discount-codes h3.discount-codes-title span.title-copy.bfcm-savings {
  color: #00993b;
  font-weight: 600;
}

#checkout-container #checkout-cart .hsco-apply-giftcard .holiday-discount-codes div.tiered-discounts {
  margin-bottom: 24px;
}

#checkout-container #checkout-cart .hsco-apply-giftcard .holiday-discount-codes div.tiered-discounts p.local-codes {
  margin: 6px 0;
}

#checkout-container #checkout-cart .hsco-apply-giftcard button {
  height: 30px;
  line-height: 30px;
  font-weight: initial;
}

#checkout-container .hsco-giftcard-row {
  position: relative;
  margin-top: 10px;
}

@media (max-width: 991px) {
  #checkout-container .hsco-giftcard-row {
    margin-top: 4px;
  }
}

#checkout-container .hsco-giftcard-row .field-clear-button {
  position: absolute;
  right: 12px;
  top: 9px;
}

#checkout-container .hsco-giftcard-row .GC-right {
  position: relative;
}

#checkout-container .hsco-giftcard-row .GC-right input {
  padding-right: 60px;
}

#checkout-container .hsco-giftcard-row .GC-right span {
  position: absolute;
  top: 10px;
  right: 20px;
}

#checkout-container form.hsco-apply-giftcard[ng-show="$ctrl.bfcmSale"] {
  margin-top: -20px;
}

#checkout-container form.hsco-apply-giftcard[ng-show="$ctrl.bfcmSale"] .holiday-discount-codes h3.discount-codes-title {
  margin: 0;
  margin-bottom: 24px;
}

#checkout-container form.hsco-apply-giftcard[ng-show="$ctrl.bfcmSale"] .holiday-discount-codes h3.discount-codes-title span.title-copy {
  line-height: 28px;
  font-size: 20px;
}

#checkout-container form.hsco-apply-giftcard[ng-show="$ctrl.bfcmSale"] .holiday-discount-codes h3.discount-codes-title span.title-copy.tc-save {
  font-weight: 600;
}

#checkout-container form.hsco-apply-giftcard[ng-show="$ctrl.bfcmSale"] .holiday-discount-codes h3.discount-codes-title span.title-copy.bfcm-savings {
  font-weight: 600;
  color: #00993b;
}

#checkout-container form.hsco-apply-giftcard[ng-show="$ctrl.bfcmSale"] .holiday-discount-codes div.tiered-discounts {
  margin-bottom: 24px;
}

#checkout-container form.hsco-apply-giftcard[ng-show="$ctrl.bfcmSale"] .holiday-discount-codes div.tiered-discounts p.local-codes {
  margin: 6px 0;
}

#checkout-container .button + .button {
  margin-left: 0;
}

.rma .rma--header {
  padding: 24px;
}

@media (max-width: 1199px) {
  .rma .hsco-wishlist {
    display: none;
  }
}

rma-process .rma-process-container {
  min-height: 500px;
}

rma-reviewitem:last-child .rma-item,
rma-lineitem:last-child .rma-item {
  border-bottom: 1px solid #aaa;
}

rma-reviewitem .rma-item,
rma-lineitem .rma-item {
  border-top: 1px solid #aaa;
}

@media (min-width: 544px) {
  rma-reviewitem .rma-item p:last-child,
  rma-lineitem .rma-item p:last-child {
    margin-bottom: 12px;
  }
}

rma-reviewitem .rma-item .qty-select,
rma-lineitem .rma-item .qty-select {
  display: inline-block;
  width: 65px;
  margin-left: 4px;
}

rma-reviewitem .rma-item .tooltip-container,
rma-lineitem .rma-item .tooltip-container {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 0;
  padding: 0;
  min-width: initial;
  border-radius: 24px;
  border: 1px solid #aaa;
  margin-left: 6px;
}

rma-reviewitem .rma-item .tooltip-container .tooltip,
rma-lineitem .rma-item .tooltip-container .tooltip {
  font-weight: 400;
  line-height: initial;
  position: absolute;
  bottom: 2.5em;
  width: 150px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #aaa;
  padding: 12px;
}

rma-reviewitem .rma-item .tooltip-container .tooltip:before,
rma-lineitem .rma-item .tooltip-container .tooltip:before {
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #aaa;
  content: '';
  position: absolute;
  display: block;
  bottom: -11px;
  left: calc(50% - 11px);
}

rma-reviewitem .rma-item .tooltip-container .tooltip:after,
rma-lineitem .rma-item .tooltip-container .tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  content: '';
  position: absolute;
  display: block;
  bottom: -10px;
  left: calc(50% - 10px);
}

rma-reviewitem .rma-item .title-column,
rma-lineitem .rma-item .title-column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 765px) {
  rma-reviewitem .rma-item .title-column,
  rma-lineitem .rma-item .title-column {
    padding-bottom: 12px;
  }
}

@media (min-width: 768px) {
  rma-reviewitem .rma-item .title-column,
  rma-lineitem .rma-item .title-column {
    height: 60px;
    padding-left: 72px;
  }
}

rma-reviewitem .rma-item .title-column img,
rma-lineitem .rma-item .title-column img {
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 765px) {
  rma-reviewitem .rma-item .title-column img,
  rma-lineitem .rma-item .title-column img {
    display: none;
  }
}

@media (min-width: 768px) {
  rma-reviewitem .rma-item .title-column img,
  rma-lineitem .rma-item .title-column img {
    height: 60px;
  }
}

return-completed .button--dark {
  min-width: 200px;
}

.email-capture {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
}

@media (min-width: 768px) {
  .email-capture {
    padding: 0 24px;
  }
}

.email-capture .email-capture-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
}

.email-capture .email-capture-container .red-error {
  color: #cc0033;
}

.email-capture .email-capture-container h3 {
  text-align: center;
  padding: 25px 0;
}

.email-capture .email-capture-container .after-submit {
  display: none;
}

.email-capture .email-capture-container .email-newsletter-subscribe {
  display: flex;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in {
  display: flex;
  flex-flow: row wrap;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .email-newsletter-subscribe__form {
  display: flex;
  flex: 1 0 100%;
  position: relative;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .email-newsletter-subscribe__form .email-newsletter-subscribe__input {
  flex: 3;
  padding: 12px;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .email-newsletter-subscribe__form .email-newsletter-subscribe__input.red-error::placeholder {
  color: #cc0033;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .email-newsletter-subscribe__form .invalid-form-error-message {
  position: absolute;
  left: 13px;
  bottom: 13px;
}

@media (min-width: 768px) {
  .email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .email-newsletter-subscribe__form .invalid-form-error-message {
    left: 13px;
    bottom: 13px;
  }
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .email-newsletter-subscribe__form button.button {
  flex: 1;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media (min-width: 768px) {
  .email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes {
    flex-direction: row;
    align-items: inherit;
  }
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .shopping-for {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .shopping-for p {
  padding-right: 10px;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy {
  flex: 1;
  position: relative;
  text-align: center;
}

@media (min-width: 768px) {
  .email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy {
    text-align: right;
  }
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy .email-policy-description {
  font-size: 11px;
  bottom: 0;
  position: absolute;
  background: #fff;
  border: 1px solid #aaa;
  transition: all 0.2s ease;
  padding: 30px;
  text-align: center;
  display: none;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy .email-policy-description.on {
  display: block;
  opacity: 1;
  z-index: 999;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy.red-error span.checkbox-checkmark {
  border: 1px solid #cc0033;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy.red-error span.h4, .email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy.red-error span.button--modal-close {
  color: #cc0033;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy.red-error span.h4 a.link--underline, .email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .email-newsletter-subscribe__policy.red-error span.button--modal-close a.link--underline {
  border-bottom: 1px solid #cc0033;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .form-button-checkbox label .checkbox-checkmark {
  top: 0;
}

.email-capture .email-capture-container .email-newsletter-subscribe #hsco-opt-in .checkboxes .checkbox-checkmark::after {
  top: 0;
  font-size: 12px;
}

.form-button-checkbox-account {
  padding: 20px 0 0 0;
}

.marquee.parbase {
  display: block;
  height: 60px;
}

.marquee.parbase #marquee-instance {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  line-height: 0.9;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #fff;
}

.marquee.parbase #marquee-instance ul.marquee-slider {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}

.marquee.parbase #marquee-instance ul.marquee-slider li.marquee-block {
  color: #000;
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.marquee.parbase #marquee-instance ul.marquee-slider li.marquee-block:before {
  content: "•";
  padding: 0 20px;
  font-size: 20px;
}

.marquee.parbase #marquee-instance.first-marquee {
  position: fixed;
  top: 60px;
  z-index: 9999;
}

body.skinny-banner-open .h-wrapper > .viewport .marquee.parbase #marquee-instance.first-marquee {
  top: 100px;
}

.hsco-pdp-accessories {
  width: 100%;
  padding-bottom: 0;
}

.hsco-pdp-accessories .swatches.md-hide {
  display: none !important;
}

@media (min-width: 768px) {
  .hsco-pdp-accessories {
    width: 40%;
    min-width: 500px;
  }
}

.hsco-pdp-accessories .close-button {
  position: absolute;
  right: 24px;
}

@media (min-width: 768px) {
  .hsco-pdp-accessories .close-button {
    display: none;
  }
}

.hsco-pdp-accessories .js-accessories-add-to-cart-button {
  margin-left: -24px;
  margin-right: -24px;
  display: block;
}

.hsco-pdp-accessories .js-accessories-add-to-cart-button span {
  color: #fff;
}

.hsco-pdp-accessories .accessories-filters li.accessories-filter {
  display: inline-block;
}

.hsco-pdp-accessories .accessories-filters li.accessories-filter label {
  background: #fff;
  padding: 4px 12px;
  border: 1px solid #aaa;
  border-radius: 12px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.hsco-pdp-accessories .accessories-filters li.accessories-filter.active label {
  background: #ddd;
}

.hsco-pdp-accessories .products .product.added .accessory-product-container:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border: 2px solid green;
  z-index: 1;
  pointer-events: none;
  content: '';
}

.hsco-pdp-accessories .products .product.added .w2-close {
  display: block;
  width: 20px;
  height: 20px;
}

.hsco-pdp-accessories .products .product.added .bt-plus {
  display: none;
}

.hsco-pdp-accessories .products .accessory-product-container {
  position: relative;
  height: 100%;
}

.hsco-pdp-accessories .products .accessory-product-container .w2-close {
  display: none;
}

.hsco-pdp-accessories .products .accessory-product-container .bt-plus {
  display: block;
  font-size: 20px;
}

.hsco-pdp-accessories .products .accessory-product-container .js-accessory-toggle-button {
  position: absolute;
  top: -34px;
  right: 16px;
  z-index: 1;
  margin-top: 125%;
  font-size: 32px;
  pointer-events: none;
}

.hsco-pdp-accessories .products .accessory-product-container .product-2018-container .number-colors {
  display: none;
}

.hsco-pdp-accessories .products .accessory-product-container .product-2018-container .product-image {
  overflow: hidden;
}

.hsco-pdp-accessories .products .accessory-product-container .product-2018-container .hover-tools {
  background: transparent;
  display: block !important;
}

.hsco-pdp-accessories .products .accessory-product-container .product-2018-container .hover-tools .status-panel {
  display: none;
}

.hsco-pdp-accessories .products .accessory-product-container .product-2018-container .hover-tools .carousel {
  margin: 0;
}

.hsco-pdp-accessories .products .accessory-product-container .product-2018-container .hover-tools .slick-next, .hsco-pdp-accessories .products .accessory-product-container .product-2018-container .hover-tools .slick-prev {
  display: none !important;
}

.hsco-pdp-accessories .products .accessory-product-container .product-2018-container .hover-tools .swatches {
  margin: 0 36px 10px 12px;
  padding: 1px;
}

@media (max-width: 991px) {
  .hsco-pdp-accessories .products .accessory-product-container .product-2018-container .row.h4, .hsco-pdp-accessories .products .accessory-product-container .product-2018-container .row.button--modal-close {
    margin-left: -9px;
    margin-right: -9px;
  }
}

.horizontal-rule__container {
  display: block;
}

.horizontal-rule__container .horizontal-rule--padding {
  border-top: 1px solid #ddd;
}

.horizontal-rule__container .horizontal-rule--padding.hide-line {
  border-top: none;
}

.horizontal-rule__container .horizontal-rule__title {
  font-size: 13px;
  line-height: 24px;
  margin: 20px 0 24px;
}

@media (min-width: 768px) {
  .horizontal-rule__container .horizontal-rule__title {
    font-size: 18px;
    margin: 20px 0 36px;
  }
}

.horizontal-rule__container .horizontal-rule__element__link {
  text-align: right;
  font-size: 13px;
  line-height: 24px;
  margin: 20px 0 24px;
}

@media (min-width: 768px) {
  .horizontal-rule__container .horizontal-rule__element__link {
    margin: 20px 0 36px;
  }
}

.horizontal-rule__container .horizontal-rule__element__link a {
  text-decoration: underline;
}

.image-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .image-row {
    margin-bottom: 36px;
  }
}

.image-row video {
  width: 100%;
}

.image-row .image-row__video--mobile-img {
  display: block;
}

@media (min-width: 768px) {
  .image-row .image-row__video--mobile-img {
    display: none;
  }
}

.image-row .image-row__video--has-mobile-img {
  display: none;
}

@media (min-width: 768px) {
  .image-row .image-row__video--has-mobile-img {
    display: block;
  }
}

.image-row .image-row__video--no-mobile {
  display: none;
}

.image-row h2.title {
  font-size: 18px;
}

@media (min-width: 768px) {
  .image-row h2.title {
    font-size: 24px;
  }
}

.image-row h3.description {
  font-size: 13px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .image-row h3.description {
    font-size: 18px;
    line-height: 24px;
  }
}

.image-row a.h4, .image-row a.button--modal-close {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .image-row a.h4, .image-row a.button--modal-close {
    position: absolute;
    bottom: 0;
  }
}

.image-row .indented {
  margin-top: 10px;
  margin-left: 15px;
}

.image-row .one-up {
  position: relative;
  padding: 24px 12px;
}

@media (min-width: 768px) {
  .image-row .one-up {
    padding: 45px 90px 24px;
  }
}

@media only screen and (min-width: 990px) {
  .image-row .one-up {
    padding: 24px 240px 24px;
  }
}

.image-row .two-up {
  position: relative;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .image-row .two-up {
    padding-bottom: 24px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .image-row .two-up:first-child {
    padding-left: 50px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 990px) {
  .image-row .two-up:first-child {
    padding-left: 125px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .image-row .two-up:last-child {
    padding-right: 50px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 990px) {
  .image-row .two-up:last-child {
    padding-right: 125px;
  }
}

.image-row .three-up {
  position: relative;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .image-row .three-up {
    padding-bottom: 24px;
    margin-bottom: 0;
  }
}

.generic-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 10px;
  width: auto;
  margin-bottom: 24px;
}

.generic-container h3 {
  margin: 24px;
}

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

.credit-form-buttons {
  display: flex;
  flex-direction: column;
  width: 280px;
  margin: 10px auto;
}

@media screen and (min-width: 768px) {
  .credit-form-buttons {
    width: 300px;
  }
  .credit-form-buttons .button.button--dark {
    -webkit-transition: background 100ms ease;
    -moz-transition: background 100ms ease;
    -o-transition: background 100ms ease;
    transition: background 100ms ease;
  }
  .credit-form-buttons .button.button--dark:hover {
    background: #0084ff;
  }
}

.single-column-container {
  display: flex;
  flex-direction: column;
  padding: 0 12px;
}

.single-column-container .text-block {
  margin: 24px 0;
}

@media (min-width: 768px) {
  .single-column-container {
    max-width: 990px;
    margin: 0 auto;
  }
}

.two-column-container {
  padding: 0 12px;
}

.two-column-container .text-block {
  margin: 24px 0;
}

.two-column-container .text-block p:first-of-type {
  margin-top: 6px;
}

.two-column-container .text-block a {
  text-decoration: underline;
}

.hsco-forgot-password-form,
.hsco-signin-block {
  margin: 24px 0;
}

.hsco-forgot-password-form input[type="email"],
.hsco-forgot-password-form input[type="password"],
.hsco-signin-block input[type="email"],
.hsco-signin-block input[type="password"] {
  border: solid 1px #aaa;
  background: #fff;
}

.blanket-overlay {
  z-index: 10000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.blanket-overlay:before {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  z-index: 9999;
  left: 50%;
  margin: 0 0 0 -20px;
  animation: rotate 1s linear infinite;
  background: url("global/images/hsc-loader.png") no-repeat top left;
  background-size: contain;
}

@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.split-panel__container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .split-panel__container {
    flex-direction: row;
  }
  .split-panel__container:before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 140%;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .split-panel__container:before {
    padding-top: 40%;
  }
}

.split-panel__container .split-panel__element:before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 140%;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element:before {
    padding-top: 40%;
  }
}

.split-panel__container .split-panel__element.col-sm-12, .split-panel__container .container-2018 .product-grid-2018 > .split-panel__element, .container-2018 .split-panel__container .product-grid-2018 > .split-panel__element {
  padding-left: 0;
  padding-right: 0;
}

.split-panel__container .split-panel__element.hero-card {
  max-height: 425px;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element.hero-card {
    max-height: none;
  }
}

.split-panel__container .split-panel__element .dark-text {
  color: #333333;
}

.split-panel__container .split-panel__element__title {
  display: flex;
  position: absolute;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element__title {
    height: 100%;
  }
}

.split-panel__container .split-panel__element__title h1 {
  position: absolute;
  color: #fff;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element__title h1 {
    top: 12px;
    left: 24px;
  }
}

.split-panel__container .split-panel__element__title a.button {
  position: absolute;
  width: fit-content;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element__title a.button {
    bottom: 24px;
    left: 24px;
  }
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element__title.center-text {
    align-items: center;
    justify-content: center;
  }
  .split-panel__container .split-panel__element__title.center-text h1 {
    text-align: center;
    margin-bottom: 48px;
    position: relative;
  }
  .split-panel__container .split-panel__element__title.center-text a.button {
    position: relative;
    width: auto;
    bottom: 0;
    left: 0;
  }
}

.split-panel__container .split-panel__element__title.mobile-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 50%;
  left: 50%;
}

.split-panel__container .split-panel__element__title.mobile-view h1 {
  position: relative;
  text-align: center;
  margin-bottom: 24px;
  font-weight: 600;
  line-height: 1;
}

.split-panel__container .split-panel__element__title.mobile-view a.button {
  position: relative;
}

.split-panel__container .split-panel__element__link {
  position: absolute;
  z-index: 1;
  bottom: 12px;
  left: 24px;
}

.split-panel__container .split-panel__element__link p {
  color: #fff;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element__link {
    bottom: 24px;
  }
  .split-panel__container .split-panel__element__link.swing-right {
    left: auto;
    right: 24px;
  }
}

.split-panel__container .split-panel__element img,
.split-panel__container .split-panel__element video {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.split-panel__container .split-panel__element .split-panel__mobile-card,
.split-panel__container .split-panel__element .split-panel__mobile-video {
  display: block;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element .split-panel__mobile-card,
  .split-panel__container .split-panel__element .split-panel__mobile-video {
    display: none;
  }
}

.split-panel__container .split-panel__element .split-panel__desktop-card,
.split-panel__container .split-panel__element .split-panel__video {
  display: none;
}

@media (min-width: 768px) {
  .split-panel__container .split-panel__element .split-panel__desktop-card,
  .split-panel__container .split-panel__element .split-panel__video {
    display: block;
  }
}

#hsco-contact-form-success {
  display: none;
}

.component-card-list {
  display: flex;
  margin: auto;
  max-width: fit-content;
}

.component-card-list.component-card-list-variant-scroll {
  margin-top: 24px;
  margin-bottom: -30px;
}

.component-card-list.component-card-list-variant-scroll .cards {
  overflow-x: scroll;
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 72px;
}

.component-card-list.component-card-list-variant-scroll .cards .card-column-scroll {
  padding: 0 12px;
  min-width: 30%;
}

.component-card-list.component-card-list-variant-scroll .cards:before {
  content: "";
  padding-left: 12px;
}

.component-card-list.component-card-list-variant-scroll .cards:after {
  content: "";
  padding-right: 12px;
}

.product-card-grid {
  margin-left: 0;
  margin-right: 0;
}

.card-default {
  display: inline-block;
  max-width: 45%;
  padding: 12px 0 12px 24px;
}

.card-default .product-image-wrapper {
  padding-bottom: 10px;
}

.card-default .product-title {
  font-weight: 500;
}

@media (min-width: 992px) {
  .card-default {
    max-width: 33%;
  }
}

.generic-card-container .generic-card-container-text-content {
  border-top: 1px solid #ddd;
  display: flex;
  font-size: 1.6rem;
  justify-content: space-between;
  margin-top: 10px;
  margin-right: 30px;
  margin-left: 30px;
  padding-top: 10px;
}

.generic-card-container .generic-card-container-text-content .generic-card-container-cta > a {
  text-decoration: underline;
}

.generic-card-container .generic-cards {
  display: flex;
  justify-content: space-between;
  margin-right: 30px;
  margin-left: 30px;
}

.generic-card-container .generic-cards .generic-card {
  flex: 0 0 100%;
  margin-top: 100px;
}

.generic-card-container .generic-cards .generic-card .generic-card-container-title {
  font-size: 36px;
}

.generic-card-container .generic-cards .generic-card .generic-card-container-cta,
.generic-card-container .generic-cards .generic-card .generic-card-container-description,
.generic-card-container .generic-cards .generic-card .generic-card-container-title {
  margin-top: 20px;
}

.generic-card-container .generic-cards .generic-card .generic-card-container-description {
  font-size: 16px;
  line-height: 1.38;
}

.generic-card-container .generic-cards .generic-card .generic-card-container-cta > a {
  text-decoration: underline;
}

.generic-card-container .generic-cards-small .generic-card {
  flex: 0 0 24%;
}

.generic-card-container .generic-cards-small .generic-card .generic-card-container-title {
  font-size: 20px;
  line-height: 1.25;
}

.generic-card-container .generic-cards-medium .generic-card {
  flex: 0 0 49%;
}

.generic-card-container .generic-cards-medium .generic-card .generic-card-container-title {
  font-size: 36px;
  line-height: 1.22;
}

.card-grid-subnav {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.card-grid-subnav .sort-filter-container {
  background: #fff;
  border-left: 1px solid #ddd;
  width: 175px;
  display: inline-block;
}

.card-grid-subnav #sort-filter-subnav {
  border-top: 1px solid #ddd;
  margin: 0 !important;
}

.card-grid-subnav #sort-filter-subnav .subnav-dropdown {
  border-right: 1px solid #ddd;
  margin-top: 60px;
}

.card-grid-subnav #sort-filter-subnav .subnav-filter, .card-grid-subnav #sort-filter-subnav .subnav-sort {
  background: #fff;
  height: 100%;
  border-right: 1px solid #ddd;
}

.card-grid-subnav #sort-filter-subnav .subnav-filter .subnav-open, .card-grid-subnav #sort-filter-subnav .subnav-sort .subnav-open {
  transform: scaleY(1);
}

.card-grid-subnav #sort-filter-subnav .subnav-filter .subnav-show, .card-grid-subnav #sort-filter-subnav .subnav-sort .subnav-show {
  background-image: url("global/images/closed-arrow.svg");
  width: 20px;
  height: 20px;
  position: absolute !important;
  top: 0px;
  right: 8px;
}

.card-grid-subnav #sort-filter-subnav .subnav-filter .subnav-close, .card-grid-subnav #sort-filter-subnav .subnav-sort .subnav-close {
  background-image: url("global/images/open-arrow.svg");
  width: 20px;
  height: 20px;
  position: absolute !important;
  top: 0px;
  right: 8px;
}

.card-grid-subnav #sort-filter-subnav .subnav-dropdown {
  background: #fff;
  border-left: 1px solid #ddd;
}

.product-card-grid {
  margin-left: 0;
  margin-right: 0;
}

.card-default {
  display: inline-block;
  max-width: 45%;
  padding: 12px 0 12px 24px;
}

.card-default .product-image-wrapper {
  padding-bottom: 10px;
}

.card-default .product-title {
  font-weight: 500;
}

@media (min-width: 992px) {
  .card-default {
    max-width: 33%;
  }
}

.pdp-container-2018 .js-slick-slider-pdp.hide-left-arrow .slick-prev {
  display: block !important;
}

.product-right {
  position: absolute;
  bottom: 46px;
  right: calc(50% - 88px);
  z-index: 999999;
  height: auto;
  width: auto;
  color: #fff;
  text-align: center;
}

.vert-container {
  position: relative;
  top: auto;
  left: auto;
  height: 100% !important;
  width: 100%;
  opacity: 1;
  display: block;
}

.vert-container .vertebrae {
  height: 100%;
}

@media (min-width: 1000px) {
  .vert-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    margin: 1px 0 0 0;
    display: none;
    opacity: 0;
  }
  .vert-container.on {
    display: block;
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease;
  }
  .vert-container.on.show {
    opacity: 1;
  }
  .vert-container .vertebrae {
    height: 100%;
    width: 100%;
    position: absolute;
    top: left;
  }
}

.bt-toggle-vert-container {
  display: none;
}

@media (min-width: 1000px) {
  .bt-toggle-vert-container {
    display: block;
    position: absolute;
    top: 10%;
    right: 10%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 30px;
    border-radius: 30px;
    background: #ccc;
    z-index: 999;
    transition: all 0.3s ease;
  }
}

@media (min-width: 1000px) {
  .bt-toggle-vert {
    pointer-events: none;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    text-align: center;
    padding-left: 1px;
    padding-top: 5px;
    border-radius: 30px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    transition: all 0.3s ease;
  }
}

@media (min-width: 1000px) {
  .bt-toggle-vert-container.on {
    background: #0084ff;
  }
  .bt-toggle-vert-container.on .bt-toggle-vert {
    left: 28px;
  }
}

.journal-post {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 768px) {
  .journal-post {
    display: flex;
    flex-flow: row wrap;
    position: relative;
  }
}

.journal-post p:first-of-type,
.journal-post p:only-of-type {
  margin-top: 0;
}

.journal-post .journal-post-header,
.journal-post .journal-post-next {
  padding-top: 12px;
  margin-bottom: 42px;
}

@media (min-width: 768px) {
  .journal-post .journal-post-header,
  .journal-post .journal-post-next {
    display: flex;
    flex-flow: row wrap;
    padding-top: 60px;
    margin-bottom: 90px;
  }
}

@media (min-width: 768px) {
  .journal-post .journal-post-header .pill-container,
  .journal-post .journal-post-next .pill-container {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}

.journal-post .journal-post-header .pill-container .journal-post-title h1,
.journal-post .journal-post-next .pill-container .journal-post-title h1 {
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .journal-post .journal-post-header .pill-container .journal-post-title h1,
  .journal-post .journal-post-next .pill-container .journal-post-title h1 {
    margin-top: 0;
    padding-right: 36px;
  }
}

.journal-post .journal-post-header .pill-container .journal-post-tags ul,
.journal-post .journal-post-next .pill-container .journal-post-tags ul {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 24px;
}

.journal-post .journal-post-header .pill-container .journal-post-tags ul li,
.journal-post .journal-post-next .pill-container .journal-post-tags ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 18px;
  border-radius: 15px;
  margin-right: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #f7f7f7;
}

.journal-post .journal-post-header .journal-post-description,
.journal-post .journal-post-next .journal-post-description {
  font-size: 20px;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .journal-post .journal-post-header .journal-post-description,
  .journal-post .journal-post-next .journal-post-description {
    font-size: 30px;
    flex: 1;
  }
}

.journal-post .journal-post-next {
  position: relative;
  margin-bottom: 42px;
  width: 100%;
  justify-content: flex-end;
}

.journal-post .journal-post-next .journal-next-article {
  font-size: 28px;
  z-index: 1;
}

.journal-post .journal-post-next .journal-next-article a {
  text-decoration: underline;
}

.journal-post .journal-post-content,
.journal-post .journal-post-hero {
  width: 100%;
}

.journal-post .journal-post-content .image-container,
.journal-post .journal-post-hero .image-container {
  position: relative;
  margin-bottom: 42px;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .image-container,
  .journal-post .journal-post-hero .image-container {
    margin-bottom: 90px;
  }
}

.journal-post .journal-post-content .image-container.image-full-width,
.journal-post .journal-post-hero .image-container.image-full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .image-container.image-full-width,
  .journal-post .journal-post-hero .image-container.image-full-width {
    width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.journal-post .journal-post-content .image-container img,
.journal-post .journal-post-hero .image-container img {
  width: 100%;
  object-fit: cover;
}

.journal-post .journal-post-content .image-container .journal-post-image-caption,
.journal-post .journal-post-hero .image-container .journal-post-image-caption {
  padding-left: 0;
  line-height: 20px;
}

.journal-post .journal-post-content .image-container .journal-post-image-caption.image-full-width,
.journal-post .journal-post-hero .image-container .journal-post-image-caption.image-full-width {
  padding-left: 24px;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .image-container .journal-post-image-caption.image-full-width,
  .journal-post .journal-post-hero .image-container .journal-post-image-caption.image-full-width {
    padding-left: 0;
  }
}

.journal-post .journal-post-content .image-container .journal-pdp-link,
.journal-post .journal-post-hero .image-container .journal-pdp-link {
  position: absolute;
  background: #fff;
  height: 34px;
  width: 34px;
  border-radius: 20px;
  text-align: center;
}

.journal-post .journal-post-content .image-container .journal-pdp-link .pdp-pricetag-icon,
.journal-post .journal-post-hero .image-container .journal-pdp-link .pdp-pricetag-icon {
  padding: 10px 0 0 0;
  width: 14px;
}

.journal-post .journal-post-content .generic-container {
  all: unset;
  display: flex;
  flex-direction: column;
  margin-bottom: 42px;
}

.journal-post .journal-post-content .generic-container .image-container {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .generic-container {
    flex-direction: row;
    margin-bottom: 90px;
  }
}

.journal-post .journal-post-content .generic-container.generic-container-right .image-container.image-container-small {
  margin-left: auto;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .generic-container.generic-container-right {
    width: 50%;
    margin-left: auto;
    flex-direction: row-reverse;
  }
  .journal-post .journal-post-content .generic-container.generic-container-right .image-container.image-container-small {
    margin-right: 130px;
  }
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .generic-container.generic-container-left {
    width: 50%;
    margin-right: auto;
  }
  .journal-post .journal-post-content .generic-container.generic-container-left .image-container.image-container-small {
    margin-left: 130px;
  }
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .generic-container .journal-post-text p {
    margin-left: 12px;
  }
}

.journal-post .journal-post-content .generic-container .journal-post-text span.large-text,
.journal-post .journal-post-content .generic-container .journal-post-text span.med-text {
  display: block;
}

.journal-post .journal-post-content .generic-container .journal-post-text span.med-text {
  font-size: 20px;
  line-height: 25px;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .generic-container .journal-post-text span.med-text {
    font-size: 30px;
    line-height: 1.2;
  }
}

.journal-post .journal-post-content .generic-container .journal-post-text span.large-text {
  font-size: 30px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .generic-container .journal-post-text span.large-text {
    font-size: 60px;
    margin: unset;
  }
}

.journal-post .journal-post-content .image-container.image-container-small {
  position: relative;
  max-width: 66%;
}

.journal-post .journal-post-content .image-container.image-container-medium {
  width: 100%;
  position: relative;
}

.journal-post .journal-post-content .image-container.image-container-medium:first-of-type {
  margin-bottom: 42px;
}

.journal-post .journal-post-content .image-container.image-container-medium:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .journal-post .journal-post-content .image-container.image-container-medium {
    max-width: 50%;
    margin-bottom: 24px;
  }
  .journal-post .journal-post-content .image-container.image-container-medium:first-of-type {
    margin-bottom: 0;
    margin-right: 12px;
  }
  .journal-post .journal-post-content .image-container.image-container-medium:last-of-type {
    margin-left: 12px;
  }
}

.journal-category .header.secondary-header,
.journal-home .header.secondary-header {
  display: flex;
}

.journal-category .header.secondary-header nav.journal-header__nav .header__menu-item .header__menu-item--nav.tablet-hide,
.journal-home .header.secondary-header nav.journal-header__nav .header__menu-item .header__menu-item--nav.tablet-hide {
  display: flex;
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav {
  position: relative;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  height: inherit;
  border: none;
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav h1,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav h1 {
  font-weight: 600;
  line-height: 1.13;
  margin-left: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav h4.header__menu-item-drop,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav h4.header__menu-item-drop {
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
  padding-right: 24px;
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav h4.header__menu-item-drop .bt-caret-down:before,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav h4.header__menu-item-drop .bt-caret-down:before {
  font-size: 12px;
  padding-left: 6px;
}

@media (min-width: 768px) {
  .journal-category .header.secondary-header nav.header__nav.journal-header__nav h4.header__menu-item-drop,
  .journal-home .header.secondary-header nav.header__nav.journal-header__nav h4.header__menu-item-drop {
    display: none;
  }
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section:last-of-type,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section:last-of-type {
  margin-bottom: 0;
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .journal-category .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link,
  .journal-home .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link {
    margin: 0 30px;
  }
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link:active, .journal-category .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link:hover,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link:active,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4 span.header-menu.section a.clickable.header-nav-link:hover {
  text-decoration: underline;
}

.journal-category .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4.header__menu-item-dropdown,
.journal-home .header.secondary-header nav.header__nav.journal-header__nav .header__menu-item h4.header__menu-item-dropdown {
  display: none;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 80px;
  padding-bottom: 30px;
}

.journal-category .journal-category-contents,
.journal-home .journal-category-contents {
  padding: 0 24px;
}

.journal-category .journal-category-contents .resource-list,
.journal-home .journal-category-contents .resource-list {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 0;
}

@media (min-width: 768px) {
  .journal-category .journal-category-contents .resource-list,
  .journal-home .journal-category-contents .resource-list {
    justify-content: flex-start;
  }
}

.journal-category .journal-category-contents .resource-list .resource-list-item,
.journal-home .journal-category-contents .resource-list .resource-list-item {
  margin: 0;
  flex: 0 0 50%;
}

.journal-category .journal-category-contents .resource-list .resource-list-item img,
.journal-home .journal-category-contents .resource-list .resource-list-item img {
  display: block;
}

@media (min-width: 768px) {
  .journal-category .journal-category-contents .resource-list .resource-list-item,
  .journal-home .journal-category-contents .resource-list .resource-list-item {
    flex: 0 0 calc(33.33% - 16px);
    margin-right: 24px;
  }
}

.journal-category .journal-category-contents .resource-list .resource-list-item h3.resource-list-title,
.journal-home .journal-category-contents .resource-list .resource-list-item h3.resource-list-title {
  font-size: 13px;
  line-height: 1.38;
  margin-top: 12px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .journal-category .journal-category-contents .resource-list .resource-list-item h3.resource-list-title,
  .journal-home .journal-category-contents .resource-list .resource-list-item h3.resource-list-title {
    font-size: 20px;
    line-height: 1.25;
  }
}

.journal-category .journal-category-contents .resource-list .resource-list-item:nth-child(odd),
.journal-home .journal-category-contents .resource-list .resource-list-item:nth-child(odd) {
  padding-right: 6px;
  margin-bottom: 36px;
}

@media (min-width: 768px) {
  .journal-category .journal-category-contents .resource-list .resource-list-item:nth-child(odd),
  .journal-home .journal-category-contents .resource-list .resource-list-item:nth-child(odd) {
    padding-right: 0;
    margin-bottom: 60px;
  }
}

.journal-category .journal-category-contents .resource-list .resource-list-item:nth-child(even),
.journal-home .journal-category-contents .resource-list .resource-list-item:nth-child(even) {
  padding-left: 6px;
}

@media (min-width: 768px) {
  .journal-category .journal-category-contents .resource-list .resource-list-item:nth-child(even),
  .journal-home .journal-category-contents .resource-list .resource-list-item:nth-child(even) {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .journal-category .journal-category-contents .resource-list .resource-list-item:nth-child(3n),
  .journal-home .journal-category-contents .resource-list .resource-list-item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .journal-category .journal-category-contents .resource-list .resource-list-item:last-child,
  .journal-home .journal-category-contents .resource-list .resource-list-item:last-child {
    margin-right: 0;
  }
}

.journal-home {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

@media (min-width: 768px) {
  .journal-home {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.journal-home .journal-home-dynamic-content {
  margin-bottom: 36px;
  margin-top: 84px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .journal-home .journal-home-dynamic-content {
    margin-top: 0;
    margin-bottom: 60px;
  }
}

.journal-home .journal-home-dynamic-content .resource-list {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: scroll;
  justify-content: space-between;
  padding: 0 24px 12px;
}

.journal-home .journal-home-dynamic-content .resource-list:after {
  content: "";
  flex: 0 0 24px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-dynamic-content .resource-list:after {
    content: none;
  }
}

@media (min-width: 768px) {
  .journal-home .journal-home-dynamic-content .resource-list {
    padding: 0;
    overflow-x: unset;
  }
}

.journal-home .journal-home-dynamic-content .resource-list .resource-list-item {
  margin-right: 24px;
  margin-bottom: 0;
  flex: 1 0 40%;
}

@media (min-width: 768px) {
  .journal-home .journal-home-dynamic-content .resource-list .resource-list-item {
    flex: 1;
    margin-right: 12px;
    margin-left: 12px;
  }
}

.journal-home .journal-home-dynamic-content .resource-list .resource-list-item img {
  display: block;
}

@media (min-width: 768px) {
  .journal-home .journal-home-dynamic-content .resource-list .resource-list-item img {
    padding-bottom: 12px;
  }
}

.journal-home .journal-home-dynamic-content .resource-list .resource-list-item:last-child {
  margin-right: 0;
}

@media (min-width: 768px) {
  .journal-home .journal-home-dynamic-content .resource-list .resource-list-item:first-child {
    margin-left: 0;
  }
}

.journal-home .journal-home-dynamic-content .resource-list .resource-list-item h3.resource-list-title {
  font-size: 13px;
  line-height: 1.38;
}

@media (min-width: 768px) {
  .journal-home .journal-home-dynamic-content .resource-list .resource-list-item h3.resource-list-title {
    font-size: 20px;
    line-height: 1.25;
  }
}

@media (min-width: 768px) {
  .journal-home .journal-home-content,
  .journal-home .journal-home-hero {
    width: 100%;
  }
}

.journal-home .journal-home-content .journal-hero-image,
.journal-home .journal-home-hero .journal-hero-image {
  height: 486px;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .journal-hero-image,
  .journal-home .journal-home-hero .journal-hero-image {
    height: 800px;
  }
}

.journal-home .journal-home-content .journal-hero-image.image-container-hero,
.journal-home .journal-home-hero .journal-hero-image.image-container-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 24px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .journal-hero-image.image-container-hero,
  .journal-home .journal-home-hero .journal-hero-image.image-container-hero {
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}

.journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-title,
.journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-title,
  .journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-title {
    font-size: 48px;
    line-height: 1.13;
  }
}

.journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-title.hero-title-light-text,
.journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-title.hero-title-light-text {
  color: #fff;
}

.journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-description,
.journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-description {
  font-size: 16px;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-description,
  .journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-description {
    font-size: 20px;
    max-width: 470px;
  }
}

.journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-description.hero-description-light-text,
.journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-description.hero-description-light-text {
  color: #fff;
}

.journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-cta.button,
.journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-cta.button {
  position: absolute;
  bottom: 24px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .journal-hero-image.image-container-hero .hero-cta.button,
  .journal-home .journal-home-hero .journal-hero-image.image-container-hero .hero-cta.button {
    bottom: 36px;
  }
}

.journal-home .journal-home-content .generic-card-container {
  padding: 0 24px;
  margin-bottom: 36px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container {
    padding: 0;
    margin-bottom: 60px;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-card-container-text-content {
  margin: 0 0 36px;
}

.journal-home .journal-home-content .generic-card-container .generic-card-container-text-content .generic-card-container-cta {
  font-size: 13px;
}

.journal-home .journal-home-content .generic-card-container .generic-cards {
  margin: 0;
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium {
  flex-direction: column;
  position: relative;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium {
    flex-direction: row;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card {
  margin: 0 0 36px;
  position: relative;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card {
    flex: 1 0 50%;
    margin: 0;
    padding-right: 12px;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card:last-child {
    padding-left: 12px;
    padding-right: 0;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card .generic-card-container-title {
  font-size: 24px;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card .generic-card-container-title {
    font-size: 36px;
    line-height: 1.22;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card .generic-card-container-description {
  font-size: 16px;
  line-height: 1.38;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card .generic-card-container-description {
    padding-bottom: 24px;
    width: 80%;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card .generic-card-container-cta {
  font-size: 13px;
  line-height: 1.38;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-medium .generic-card .generic-card-container-cta a {
    position: absolute;
    bottom: 0;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small {
  flex-flow: row wrap;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small {
    flex-flow: row nowrap;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card {
  margin: 0;
  flex: 1 0 50%;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card {
    flex: 1 0 24%;
    margin-right: 12px;
    margin-left: 12px;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card .generic-card-container-title {
  font-size: 13px;
  line-height: 1.38;
  margin-top: 0;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card .generic-card-container-title {
    font-size: 20px;
    line-height: 1.25;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card:nth-child(odd) {
  padding-right: 6px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card:nth-child(odd) {
    padding-right: 0;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card:nth-child(even) {
  padding-left: 6px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card:nth-child(even) {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card:last-child {
    margin-right: 0;
  }
}

.journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card:first-child {
  margin-bottom: 36px;
}

@media (min-width: 768px) {
  .journal-home .journal-home-content .generic-card-container .generic-cards.generic-cards-small .generic-card:first-child {
    margin-left: 0;
    margin-bottom: 0;
  }
}

.viewport.journal-home-viewport {
  margin-top: 158px;
  transition: all 0.4s ease;
}

.viewport.journal-home-viewport .header.secondary-header {
  transition: all 0.4s ease;
}

body.skinny-banner-open .h-wrapper > .viewport.journal-home-viewport {
  margin-top: 198px;
}

body.skinny-banner-open .h-wrapper > .viewport.journal-home-viewport .header.secondary-header {
  top: 38px;
}

.resource-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 30px;
}

.resource-list .resource-list-item {
  flex: 0 0 32%;
  margin-bottom: 60px;
}

.resource-list-title {
  font-size: 30px;
  line-height: 36px;
}

.hero-two-panel {
  margin: 20px 0;
  position: relative;
  overflow: hidden;
}

.hero-two-panel .split-panel__container {
  display: flex;
  width: 100%;
}

.hero-two-panel .split-panel__container.left {
  flex-direction: row-reverse;
}

.hero-two-panel .split-panel__container .split-panel-solid {
  display: flex;
  flex: 1 1 50%;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .hero-two-panel .split-panel__container .split-panel-solid {
    position: relative;
  }
}

.hero-two-panel .split-panel__container .split-panel-solid .content-container {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  padding: 0 24px;
  position: absolute;
  bottom: 24px;
  z-index: 2;
}

@media (min-width: 768px) {
  .hero-two-panel .split-panel__container .split-panel-solid .content-container {
    position: relative;
  }
}

.hero-two-panel .split-panel__container .split-panel-solid .content-container h1, .hero-two-panel .split-panel__container .split-panel-solid .content-container p {
  display: none;
}

@media (min-width: 768px) {
  .hero-two-panel .split-panel__container .split-panel-solid .content-container h1, .hero-two-panel .split-panel__container .split-panel-solid .content-container p {
    display: block;
    margin-bottom: 24px;
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .hero-two-panel .split-panel__container .split-panel-solid .content-container h1, .hero-two-panel .split-panel__container .split-panel-solid .content-container p {
    margin-bottom: 48px;
    margin-top: 0;
  }
}

.hero-two-panel .split-panel__container .split-panel-solid .content-container img.logo {
  display: none;
}

@media (min-width: 768px) {
  .hero-two-panel .split-panel__container .split-panel-solid .content-container img.logo {
    display: block;
    width: 120px;
    margin-bottom: 24px;
  }
}

@media (min-width: 992px) {
  .hero-two-panel .split-panel__container .split-panel-solid .content-container img.logo {
    width: 150px;
    margin-bottom: 48px;
  }
}

.hero-two-panel .split-panel__container .split-panel-solid .content-container.center {
  align-items: center;
  text-align: center;
}

.hero-two-panel .split-panel__container .split-panel-media-container {
  padding-top: 0 !important;
  z-index: 1;
}

.hero-two-panel .split-panel__container .split-panel-media-container video {
  display: none;
}

.hero-two-panel .split-panel__container .split-panel-media-container .split-panel__mobile-img {
  display: block;
  padding: 36px;
}

@media (min-width: 768px) {
  .hero-two-panel .split-panel__container .split-panel-media-container {
    flex: 1 1 50%;
  }
  .hero-two-panel .split-panel__container .split-panel-media-container video {
    height: 100%;
    width: 100%;
    display: block;
  }
  .hero-two-panel .split-panel__container .split-panel-media-container .split-panel__mobile-img {
    display: none;
  }
}

.hero-two-panel-BFCM {
  position: relative;
  overflow: hidden;
}

.hero-two-panel-BFCM .split-panel__container {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container.left {
    flex-direction: row-reverse;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-solid {
  display: flex;
  flex: 1 1 50%;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 48px 12px;
  order: 2;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-solid {
    padding: 48px 24px;
    order: inherit;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container {
  display: flex;
  flex-direction: column;
  max-width: 500px;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container h1, .hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container p {
    display: block;
    margin-bottom: 24px;
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container h1, .hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container p {
    margin-bottom: 48px;
    margin-top: 0;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container img.logo {
  display: none;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container img.logo {
    display: block;
    width: 120px;
    margin-bottom: 24px;
  }
}

@media (min-width: 992px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container img.logo {
    width: 150px;
    margin-bottom: 48px;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container.center {
  align-items: center;
  text-align: center;
}

.hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container .split-panel__container-link {
  margin-top: 24px;
}

@media (min-width: 992px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-solid .content-container .split-panel__container-link {
    margin-top: 36px;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-media-container video {
  width: 100%;
  display: block;
}

.hero-two-panel-BFCM .split-panel__container .split-panel-media-container video.split-panel__video.has-mobile {
  display: none;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-media-container video.split-panel__video.has-mobile {
    display: block;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-media-container video.split-panel__mobile-video {
  display: block;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-media-container video.split-panel__mobile-video {
    display: none;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-media-container .split-panel__image {
  display: none;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-media-container .split-panel__image {
    display: block;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-media-container .split-panel__mobile-image {
  display: block;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-media-container .split-panel__mobile-image {
    display: none;
  }
}

.hero-two-panel-BFCM .split-panel__container .split-panel-media-container .split-panel__image img,
.hero-two-panel-BFCM .split-panel__container .split-panel-media-container .split-panel__mobile-image img {
  display: block;
}

@media (min-width: 768px) {
  .hero-two-panel-BFCM .split-panel__container .split-panel-media-container {
    flex: 1 1 50%;
  }
}

.aem-authoring-divider {
  display: block;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  background-color: #ddd;
  font-size: 13px;
  padding: 2px 0;
}

.author.cq-Editable-dom.cq-Editable-dom--container {
  margin: 10px;
}

.author-header {
  min-height: 150px;
}

/*
.header.secondary-header.w2-header.author-secondary-nav {
  top: 200px !important;
}*/
.header-menu .cq-Editable-dom--container {
  display: inline-block;
}

.author.cq-Editable-dom.cq-Editable-dom--container .card.base.parbase.cq-Editable-dom {
  width: 33%;
  display: inline-block;
}

/* toastr styles */
.toast-title {
  font-weight: 700;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a, .toast-message label {
  color: #fff;
}

.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -.3em;
  top: -.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: .8;
  -ms-filter: alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:focus, .toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  -ms-filter: alpha(Opacity=40);
  filter: alpha(opacity=40);
}

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #fff;
  opacity: .8;
  -ms-filter: alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000;
  -webkit-box-shadow: 0 0 12px #000;
  box-shadow: 0 0 12px #000;
  opacity: 1;
  -ms-filter: alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
  width: 300px;
  margin: auto;
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: .4;
  -ms-filter: alpha(Opacity=40);
  filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -.2em;
    top: -.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -.2em;
    top: -.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* slick slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  /*-ms-touch-action: pan-y;
      touch-action: pan-y;*/
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider theme */
.slick-loading .slick-list {
  background: #fff url("global/css/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

.slick-slide {
  height: auto;
}

.slick-prev,
.slick-next {
  z-index: 10;
  padding: 10px;
  width: 50px;
  height: 50px;
}

.slick-prev {
  left: -5px;
}

.slick-next {
  right: -5px;
}

.slick-prev:before,
.slick-next:before {
  font-family: "Black Tie";
  color: #AAAAAA;
  font-weight: bold;
  font-size: 16px;
}

.slick-prev:before {
  content: '\f092';
}

.slick-next:before {
  content: '\f093';
}

.slick-dots {
  bottom: -5px;
}

@media (min-width: 768px) {
  .slick-dots {
    bottom: 10px;
  }
}

.slick-dots li button {
  width: 10px;
  height: 10px;
}

.slick-dots li button:before {
  font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 1px solid #aaa;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  background: #aaaaaa;
  opacity: 1;
}

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

.slick-track {
  background-color: #f7f7f7;
  top: 10px;
}

.row.works-with-slider-overflow-hidden {
  overflow: hidden;
}

.works-with-slider > .slick-list {
  overflow: visible;
}

.works-with-slider > .slick-list .slick-slide {
  opacity: 1;
  cursor: pointer;
}

.works-with-slider > .slick-list .slick-slide * {
  cursor: pointer;
}

.works-with-slider > .slick-list .slick-slide.slick-active {
  opacity: 1;
}

.works-with-slider > .slick-list .slick-track {
  background-color: inherit;
}

.works-with-slider > .slick-prev {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #aaaaaa;
}

.works-with-slider > .slick-prev:before {
  color: #fff;
}

@media (min-width: 768px) {
  .works-with-slider > .slick-prev {
    left: -12%;
  }
}

@media (min-width: 992px) {
  .works-with-slider > .slick-prev {
    left: -20%;
  }
}

.works-with-slider > .slick-next {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #aaaaaa;
}

.works-with-slider > .slick-next:before {
  color: #fff;
}

@media (min-width: 768px) {
  .works-with-slider > .slick-next {
    right: -12%;
  }
}

@media (min-width: 992px) {
  .works-with-slider > .slick-next {
    right: -20%;
  }
}

.parsley-errors-list li {
  color: #f33737;
  margin-top: 3px;
  font-size: 1.2rem;
  text-align: right;
}

.ui-accordion-header:after,
.ui-accordion-header-active:after,
.ui-accordion-header-complete:after {
  font-family: 'Black Tie';
  font-weight: bold;
  float: right;
}

.ui-accordion-header:after {
  content: "\f091";
}

.ui-accordion-header-active:after {
  content: "\f090";
}

.ui-accordion-header-complete:after {
  content: "\f012";
  color: #06b706;
}

#toast-container {
  top: 80px;
  right: 60px;
}

body.skinny-banner-open #toast-container {
  top: 120px;
}

@media (max-width: 765px) {
  #toast-container {
    right: 12px;
  }
}

#toast-container .toast {
  position: relative;
}

#toast-container .toast .toast-close-button {
  position: absolute;
  color: #333;
  right: 12px;
  top: 8px;
}

#toast-container > div {
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
  padding: 12px 36px;
  color: #000;
  width: auto;
  text-align: center;
}

.toast-success,
.toast-error,
.toast-info {
  background: #f7f7f7;
  border: 1px solid #aaaaaa;
  color: #000;
}

#toast-container > [class*="toast-"] {
  background-image: none !important;
}

.slider {
  position: relative;
}

.slider-horizontal {
  width: 98%;
  margin-top: 40px;
}

.slider-track {
  background: #aaaaaa;
  height: 2px;
}

.slider-selection {
  background: #777777;
  height: 2px;
  position: absolute;
}

.slider-handle {
  background-image: none;
  cursor: pointer;
  width: 12px;
  height: 12px;
  top: -5px;
  background: #777777;
  position: absolute;
  border-radius: 12px;
}

.tooltip-main {
  display: none;
}

/**
 * GRID SYSTEM - Inspired by Bootstrap 3
 **/
/**
 * Palette Color Definitions and Other Variables
 **/
/*.text-grey4 {
  color: #aaaaaa; }

.text-white {
  color: #ffffff; }

.text-black {
  color: #222222; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

@media screen and (max-width: 767px) {
  .text-sm-left {
    text-align: left !important; }

  .text-sm-center {
    text-align: center !important; }

  .text-sm-right {
    text-align: right !important; } }
/*
.container {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 24px;
  padding-right: 24px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  .lt-ie8 .container {
    *zoom: 1; }

.row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 24px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .lt-ie8 .row {
    *zoom: 1; }
  .row.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  @media screen and (max-width: 767px) {
    .row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .row:last-of-type, .row:only-of-type {
    margin-bottom: 0; }

.row.row-full-width {
  margin-left: -25px;
  margin-right: -25px;
}

.row.row-full-width > div[class^="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.col-1, .column-one {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 8.33333%; }
  .col-1, .col-1:before, .col-1:after, .column-one, .column-one:before, .column-one:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-1.centered, .column-one.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-1.col-flex, .column-one.col-flex {
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    width: auto;
    max-width: 8.33333%; }
    @media screen and (max-width: 767px) {
      .col-1.col-flex, .column-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-1.col-flex .col-flex-cover, .column-one.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-1.col-right, .column-one.col-right {
    float: right; }

.col-2, .column-two {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 16.66667%; }
  .col-2, .col-2:before, .col-2:after, .column-two, .column-two:before, .column-two:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-2.centered, .column-two.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-2.col-flex, .column-two.col-flex {
    float: none;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    width: auto;
    max-width: 16.66667%; }
    @media screen and (max-width: 767px) {
      .col-2.col-flex, .column-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-2.col-flex .col-flex-cover, .column-two.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-2.col-right, .column-two.col-right {
    float: right; }

.col-3, .column-three {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 25%; }
  .col-3, .col-3:before, .col-3:after, .column-three, .column-three:before, .column-three:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-3.centered, .column-three.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-3.col-flex, .column-three.col-flex {
    float: none;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    width: auto;
    max-width: 25%; }
    @media screen and (max-width: 767px) {
      .col-3.col-flex, .column-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-3.col-flex .col-flex-cover, .column-three.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-3.col-right, .column-three.col-right {
    float: right; }

.col-4, .column-four {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 33.33333%; }
  .col-4, .col-4:before, .col-4:after, .column-four, .column-four:before, .column-four:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-4.centered, .column-four.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-4.col-flex, .column-four.col-flex {
    float: none;
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -moz-box-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    width: auto;
    max-width: 33.33333%; }
    @media screen and (max-width: 767px) {
      .col-4.col-flex, .column-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-4.col-flex .col-flex-cover, .column-four.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-4.col-right, .column-four.col-right {
    float: right; }

.col-5, .column-five {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 41.66667%; }
  .col-5, .col-5:before, .col-5:after, .column-five, .column-five:before, .column-five:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-5.centered, .column-five.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-5.col-flex, .column-five.col-flex {
    float: none;
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    -moz-box-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    width: auto;
    max-width: 41.66667%; }
    @media screen and (max-width: 767px) {
      .col-5.col-flex, .column-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-5.col-flex .col-flex-cover, .column-five.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-5.col-right, .column-five.col-right {
    float: right; }

.col-6, .column-six {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 50%; }
  .col-6, .col-6:before, .col-6:after, .column-six, .column-six:before, .column-six:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-6.centered, .column-six.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-6.col-flex, .column-six.col-flex {
    float: none;
    -webkit-box-flex: 6;
    -webkit-flex: 6;
    -moz-box-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: auto;
    max-width: 50%; }
    @media screen and (max-width: 767px) {
      .col-6.col-flex, .column-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-6.col-flex .col-flex-cover, .column-six.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-6.col-right, .column-six.col-right {
    float: right; }

.col-7, .column-seven {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 58.33333%; }
  .col-7, .col-7:before, .col-7:after, .column-seven, .column-seven:before, .column-seven:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-7.centered, .column-seven.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-7.col-flex, .column-seven.col-flex {
    float: none;
    -webkit-box-flex: 7;
    -webkit-flex: 7;
    -moz-box-flex: 7;
    -moz-flex: 7;
    -ms-flex: 7;
    flex: 7;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    width: auto;
    max-width: 58.33333%; }
    @media screen and (max-width: 767px) {
      .col-7.col-flex, .column-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-7.col-flex .col-flex-cover, .column-seven.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-7.col-right, .column-seven.col-right {
    float: right; }

.col-8, .column-eight {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 66.66667%; }
  .col-8, .col-8:before, .col-8:after, .column-eight, .column-eight:before, .column-eight:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-8.centered, .column-eight.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-8.col-flex, .column-eight.col-flex {
    float: none;
    -webkit-box-flex: 8;
    -webkit-flex: 8;
    -moz-box-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    width: auto;
    max-width: 66.66667%; }
    @media screen and (max-width: 767px) {
      .col-8.col-flex, .column-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-8.col-flex .col-flex-cover, .column-eight.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-8.col-right, .column-eight.col-right {
    float: right; }

.col-9, .column-nine {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 75%; }
  .col-9, .col-9:before, .col-9:after, .column-nine, .column-nine:before, .column-nine:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-9.centered, .column-nine.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-9.col-flex, .column-nine.col-flex {
    float: none;
    -webkit-box-flex: 9;
    -webkit-flex: 9;
    -moz-box-flex: 9;
    -moz-flex: 9;
    -ms-flex: 9;
    flex: 9;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    width: auto;
    max-width: 75%; }
    @media screen and (max-width: 767px) {
      .col-9.col-flex, .column-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-9.col-flex .col-flex-cover, .column-nine.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-9.col-right, .column-nine.col-right {
    float: right; }

.col-10, .column-ten {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 83.33333%; }
  .col-10, .col-10:before, .col-10:after, .column-ten, .column-ten:before, .column-ten:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-10.centered, .column-ten.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-10.col-flex, .column-ten.col-flex {
    float: none;
    -webkit-box-flex: 10;
    -webkit-flex: 10;
    -moz-box-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    width: auto;
    max-width: 83.33333%; }
    @media screen and (max-width: 767px) {
      .col-10.col-flex, .column-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-10.col-flex .col-flex-cover, .column-ten.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-10.col-right, .column-ten.col-right {
    float: right; }

.col-11, .column-eleven {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  width: 91.66667%; }
  .col-11, .col-11:before, .col-11:after, .column-eleven, .column-eleven:before, .column-eleven:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-11.centered, .column-eleven.centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .col-11.col-flex, .column-eleven.col-flex {
    float: none;
    -webkit-box-flex: 11;
    -webkit-flex: 11;
    -moz-box-flex: 11;
    -moz-flex: 11;
    -ms-flex: 11;
    flex: 11;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    width: auto;
    max-width: 91.66667%; }
    @media screen and (max-width: 767px) {
      .col-11.col-flex, .column-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-11.col-flex .col-flex-cover, .column-eleven.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-11.col-right, .column-eleven.col-right {
    float: right; }

.col-12, .column-twelve {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: none;
  width: 100%; }
  .col-12, .col-12:before, .col-12:after, .column-twelve, .column-twelve:before, .column-twelve:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .col-12.col-flex, .column-twelve.col-flex {
    float: none;
    -webkit-box-flex: 12;
    -webkit-flex: 12;
    -moz-box-flex: 12;
    -moz-flex: 12;
    -ms-flex: 12;
    flex: 12;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: auto;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      .col-12.col-flex, .column-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    .col-12.col-flex .col-flex-cover, .column-twelve.col-flex .col-flex-cover {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      right: 12px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
  .col-12.col-right, .column-twelve.col-right {
    float: right; }

.offset-1, .offset-one {
  margin-left: 8.33333%; }

.offset-2, .offset-two {
  margin-left: 16.66667%; }

.offset-3, .offset-three {
  margin-left: 25%; }

.offset-4, .offset-four {
  margin-left: 33.33333%; }

.offset-5, .offset-five {
  margin-left: 41.66667%; }

.offset-6, .offset-six {
  margin-left: 50%; }

.offset-7, .offset-seven {
  margin-left: 58.33333%; }

.offset-8, .offset-eight {
  margin-left: 66.66667%; }

.offset-9, .offset-nine {
  margin-left: 75%; }

.offset-10, .offset-ten {
  margin-left: 83.33333%; }

.offset-11, .offset-eleven {
  margin-left: 91.66667%; }

.offset-12, .offset-twelve {
  margin-left: 100%; }

.push-1, .push-one {
  left: 8.33333%; }

.push-2, .push-two {
  left: 16.66667%; }

.push-3, .push-three {
  left: 25%; }

.push-4, .push-four {
  left: 33.33333%; }

.push-5, .push-five {
  left: 41.66667%; }

.push-6, .push-six {
  left: 50%; }

.push-7, .push-seven {
  left: 58.33333%; }

.push-8, .push-eight {
  left: 66.66667%; }

.push-9, .push-nine {
  left: 75%; }

.push-10, .push-ten {
  left: 83.33333%; }

.push-11, .push-eleven {
  left: 91.66667%; }

.push-12, .push-twelve {
  left: 100%; }

.pull-1, .pull-one {
  right: 8.33333%; }

.pull-2, .pull-two {
  right: 16.66667%; }

.pull-3, .pull-three {
  right: 25%; }

.pull-4, .pull-four {
  right: 33.33333%; }

.pull-5, .pull-five {
  right: 41.66667%; }

.pull-6, .pull-six {
  right: 50%; }

.pull-7, .pull-seven {
  right: 58.33333%; }

.pull-8, .pull-eight {
  right: 66.66667%; }

.pull-9, .pull-nine {
  right: 75%; }

.pull-10, .pull-ten {
  right: 83.33333%; }

.pull-11, .pull-eleven {
  right: 91.66667%; }

.pull-12, .pull-twelve {
  right: 100%; }

@media screen and (max-width: 767px) {
  .col-1, .column-one,
  .col-2, .column-two,
  .col-3, .column-three,
  .col-4, .column-four,
  .col-5, .column-five,
  .col-6, .column-six,
  .col-7, .column-seven,
  .col-8, .column-eight,
  .col-9, .column-nine,
  .col-10, .column-ten,
  .col-11, .column-eleven,
  .col-12, .column-twelve,
  .col-sm-12, .column-small-twelve,
  .col-md-12, .column-medium-twelve,
  .col-lg-12, .column-large-twelve {
    clear: left;
    width: 100%;
    margin-bottom: 24px; }
    .col-1:last-of-type, .col-1:only-of-type, .column-one:last-of-type, .column-one:only-of-type,
    .col-2:last-of-type,
    .col-2:only-of-type, .column-two:last-of-type, .column-two:only-of-type,
    .col-3:last-of-type,
    .col-3:only-of-type, .column-three:last-of-type, .column-three:only-of-type,
    .col-4:last-of-type,
    .col-4:only-of-type, .column-four:last-of-type, .column-four:only-of-type,
    .col-5:last-of-type,
    .col-5:only-of-type, .column-five:last-of-type, .column-five:only-of-type,
    .col-6:last-of-type,
    .col-6:only-of-type, .column-six:last-of-type, .column-six:only-of-type,
    .col-7:last-of-type,
    .col-7:only-of-type, .column-seven:last-of-type, .column-seven:only-of-type,
    .col-8:last-of-type,
    .col-8:only-of-type, .column-eight:last-of-type, .column-eight:only-of-type,
    .col-9:last-of-type,
    .col-9:only-of-type, .column-nine:last-of-type, .column-nine:only-of-type,
    .col-10:last-of-type,
    .col-10:only-of-type, .column-ten:last-of-type, .column-ten:only-of-type,
    .col-11:last-of-type,
    .col-11:only-of-type, .column-eleven:last-of-type, .column-eleven:only-of-type,
    .col-12:last-of-type,
    .col-12:only-of-type, .column-twelve:last-of-type, .column-twelve:only-of-type,
    .col-sm-12:last-of-type,
    .col-sm-12:only-of-type, .column-small-twelve:last-of-type, .column-small-twelve:only-of-type,
    .col-md-12:last-of-type,
    .col-md-12:only-of-type, .column-medium-twelve:last-of-type, .column-medium-twelve:only-of-type,
    .col-lg-12:last-of-type,
    .col-lg-12:only-of-type, .column-large-twelve:last-of-type, .column-large-twelve:only-of-type {
      margin-bottom: 0; }

  .offset-1, .offset-one,
  .offset-2, .offset-two,
  .offset-3, .offset-three,
  .offset-4, .offset-four,
  .offset-5, .offset-five,
  .offset-6, .offset-six,
  .offset-7, .offset-seven,
  .offset-8, .offset-eight,
  .offset-9, .offset-nine,
  .offset-10, .offset-ten,
  .offset-11, .offset-eleven,
  .offset-12, .offset-twelve {
    margin-left: 0%; }

  .push-1, .push-one,
  .push-2, .push-two,
  .push-3, .push-three,
  .push-4, .push-four,
  .push-5, .push-five,
  .push-6, .push-six,
  .push-7, .push-seven,
  .push-8, .push-eight,
  .push-9, .push-nine,
  .push-10, .push-ten,
  .push-11, .push-eleven,
  .push-12, .push-twelve {
    left: 0%; }

  .pull-1, .pull-one,
  .pull-2, .pull-two,
  .pull-3, .pull-three,
  .pull-4, .pull-four,
  .pull-5, .pull-five,
  .pull-6, .pull-six,
  .pull-7, .pull-seven,
  .pull-8, .pull-eight,
  .pull-9, .pull-nine,
  .pull-10, .pull-ten,
  .pull-11, .pull-eleven,
  .pull-12, .pull-twelve {
    right: 0%; } }
@media screen and (min-width: 992px) {
  .col-lg-0, .column-lg-zero, .lg-hide {
    display: none; }

  .col-lg-1, .column-lg-one {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 8.33333%; }
    .col-lg-1, .col-lg-1:before, .col-lg-1:after, .column-lg-one, .column-lg-one:before, .column-lg-one:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-1.centered, .column-lg-one.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-1.col-flex, .column-lg-one.col-flex {
      float: none;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      width: auto;
      max-width: 8.33333%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-1.col-flex, .column-lg-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-1.col-flex .col-flex-cover, .column-lg-one.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-1.col-right, .column-lg-one.col-right {
      float: right; }

  .col-lg-2, .column-lg-two {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 16.66667%; }
    .col-lg-2, .col-lg-2:before, .col-lg-2:after, .column-lg-two, .column-lg-two:before, .column-lg-two:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-2.centered, .column-lg-two.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-2.col-flex, .column-lg-two.col-flex {
      float: none;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      width: auto;
      max-width: 16.66667%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-2.col-flex, .column-lg-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-2.col-flex .col-flex-cover, .column-lg-two.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-2.col-right, .column-lg-two.col-right {
      float: right; }

  .col-lg-3, .column-lg-three {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 25%; }
    .col-lg-3, .col-lg-3:before, .col-lg-3:after, .column-lg-three, .column-lg-three:before, .column-lg-three:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-3.centered, .column-lg-three.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-3.col-flex, .column-lg-three.col-flex {
      float: none;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      width: auto;
      max-width: 25%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-3.col-flex, .column-lg-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-3.col-flex .col-flex-cover, .column-lg-three.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-3.col-right, .column-lg-three.col-right {
      float: right; }

  .col-lg-4, .column-lg-four {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 33.33333%; }
    .col-lg-4, .col-lg-4:before, .col-lg-4:after, .column-lg-four, .column-lg-four:before, .column-lg-four:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-4.centered, .column-lg-four.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-4.col-flex, .column-lg-four.col-flex {
      float: none;
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -moz-box-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      width: auto;
      max-width: 33.33333%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-4.col-flex, .column-lg-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-4.col-flex .col-flex-cover, .column-lg-four.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-4.col-right, .column-lg-four.col-right {
      float: right; }

  .col-lg-5, .column-lg-five {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 41.66667%; }
    .col-lg-5, .col-lg-5:before, .col-lg-5:after, .column-lg-five, .column-lg-five:before, .column-lg-five:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-5.centered, .column-lg-five.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-5.col-flex, .column-lg-five.col-flex {
      float: none;
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      width: auto;
      max-width: 41.66667%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-5.col-flex, .column-lg-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-5.col-flex .col-flex-cover, .column-lg-five.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-5.col-right, .column-lg-five.col-right {
      float: right; }

  .col-lg-6, .column-lg-six {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 50%; }
    .col-lg-6, .col-lg-6:before, .col-lg-6:after, .column-lg-six, .column-lg-six:before, .column-lg-six:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-6.centered, .column-lg-six.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-6.col-flex, .column-lg-six.col-flex {
      float: none;
      -webkit-box-flex: 6;
      -webkit-flex: 6;
      -moz-box-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      width: auto;
      max-width: 50%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-6.col-flex, .column-lg-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-6.col-flex .col-flex-cover, .column-lg-six.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-6.col-right, .column-lg-six.col-right {
      float: right; }

  .col-lg-7, .column-lg-seven {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 58.33333%; }
    .col-lg-7, .col-lg-7:before, .col-lg-7:after, .column-lg-seven, .column-lg-seven:before, .column-lg-seven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-7.centered, .column-lg-seven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-7.col-flex, .column-lg-seven.col-flex {
      float: none;
      -webkit-box-flex: 7;
      -webkit-flex: 7;
      -moz-box-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      width: auto;
      max-width: 58.33333%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-7.col-flex, .column-lg-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-7.col-flex .col-flex-cover, .column-lg-seven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-7.col-right, .column-lg-seven.col-right {
      float: right; }

  .col-lg-8, .column-lg-eight {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 66.66667%; }
    .col-lg-8, .col-lg-8:before, .col-lg-8:after, .column-lg-eight, .column-lg-eight:before, .column-lg-eight:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-8.centered, .column-lg-eight.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-8.col-flex, .column-lg-eight.col-flex {
      float: none;
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -moz-box-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      width: auto;
      max-width: 66.66667%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-8.col-flex, .column-lg-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-8.col-flex .col-flex-cover, .column-lg-eight.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-8.col-right, .column-lg-eight.col-right {
      float: right; }

  .col-lg-9, .column-lg-nine {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 75%; }
    .col-lg-9, .col-lg-9:before, .col-lg-9:after, .column-lg-nine, .column-lg-nine:before, .column-lg-nine:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-9.centered, .column-lg-nine.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-9.col-flex, .column-lg-nine.col-flex {
      float: none;
      -webkit-box-flex: 9;
      -webkit-flex: 9;
      -moz-box-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      width: auto;
      max-width: 75%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-9.col-flex, .column-lg-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-9.col-flex .col-flex-cover, .column-lg-nine.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-9.col-right, .column-lg-nine.col-right {
      float: right; }

  .col-lg-10, .column-lg-ten {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 83.33333%; }
    .col-lg-10, .col-lg-10:before, .col-lg-10:after, .column-lg-ten, .column-lg-ten:before, .column-lg-ten:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-10.centered, .column-lg-ten.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-10.col-flex, .column-lg-ten.col-flex {
      float: none;
      -webkit-box-flex: 10;
      -webkit-flex: 10;
      -moz-box-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      width: auto;
      max-width: 83.33333%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-10.col-flex, .column-lg-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-10.col-flex .col-flex-cover, .column-lg-ten.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-10.col-right, .column-lg-ten.col-right {
      float: right; }

  .col-lg-11, .column-lg-eleven {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 91.66667%; }
    .col-lg-11, .col-lg-11:before, .col-lg-11:after, .column-lg-eleven, .column-lg-eleven:before, .column-lg-eleven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-11.centered, .column-lg-eleven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-11.col-flex, .column-lg-eleven.col-flex {
      float: none;
      -webkit-box-flex: 11;
      -webkit-flex: 11;
      -moz-box-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      width: auto;
      max-width: 91.66667%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-11.col-flex, .column-lg-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-11.col-flex .col-flex-cover, .column-lg-eleven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-11.col-right, .column-lg-eleven.col-right {
      float: right; }

  .col-lg-12, .column-lg-twelve {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: none;
    width: 100%; }
    .col-lg-12, .col-lg-12:before, .col-lg-12:after, .column-lg-twelve, .column-lg-twelve:before, .column-lg-twelve:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-12.col-flex, .column-lg-twelve.col-flex {
      float: none;
      -webkit-box-flex: 12;
      -webkit-flex: 12;
      -moz-box-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: auto;
      max-width: 100%; } }
    @media screen and (min-width: 992px) and (max-width: 767px) {
      .col-lg-12.col-flex, .column-lg-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 992px) {
      .col-lg-12.col-flex .col-flex-cover, .column-lg-twelve.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-12.col-right, .column-lg-twelve.col-right {
      float: right; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-md-0, .column-md-zero, .md-hide {
    display: none; }

  .col-md-1, .column-md-one {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 8.33333%; }
    .col-md-1, .col-md-1:before, .col-md-1:after, .column-md-one, .column-md-one:before, .column-md-one:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-1.centered, .column-md-one.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-1.col-flex, .column-md-one.col-flex {
      float: none;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      width: auto;
      max-width: 8.33333%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-1.col-flex, .column-md-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-1.col-flex .col-flex-cover, .column-md-one.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-1.col-right, .column-md-one.col-right {
      float: right; }

  .col-md-2, .column-md-two {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 16.66667%; }
    .col-md-2, .col-md-2:before, .col-md-2:after, .column-md-two, .column-md-two:before, .column-md-two:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-2.centered, .column-md-two.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-2.col-flex, .column-md-two.col-flex {
      float: none;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      width: auto;
      max-width: 16.66667%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-2.col-flex, .column-md-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-2.col-flex .col-flex-cover, .column-md-two.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-2.col-right, .column-md-two.col-right {
      float: right; }

  .col-md-3, .column-md-three {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 25%; }
    .col-md-3, .col-md-3:before, .col-md-3:after, .column-md-three, .column-md-three:before, .column-md-three:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-3.centered, .column-md-three.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-3.col-flex, .column-md-three.col-flex {
      float: none;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      width: auto;
      max-width: 25%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-3.col-flex, .column-md-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-3.col-flex .col-flex-cover, .column-md-three.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-3.col-right, .column-md-three.col-right {
      float: right; }

  .col-md-4, .column-md-four {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 33.33333%; }
    .col-md-4, .col-md-4:before, .col-md-4:after, .column-md-four, .column-md-four:before, .column-md-four:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-4.centered, .column-md-four.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-4.col-flex, .column-md-four.col-flex {
      float: none;
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -moz-box-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      width: auto;
      max-width: 33.33333%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-4.col-flex, .column-md-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-4.col-flex .col-flex-cover, .column-md-four.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-4.col-right, .column-md-four.col-right {
      float: right; }

  .col-md-5, .column-md-five {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 41.66667%; }
    .col-md-5, .col-md-5:before, .col-md-5:after, .column-md-five, .column-md-five:before, .column-md-five:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-5.centered, .column-md-five.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-5.col-flex, .column-md-five.col-flex {
      float: none;
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      width: auto;
      max-width: 41.66667%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-5.col-flex, .column-md-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-5.col-flex .col-flex-cover, .column-md-five.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-5.col-right, .column-md-five.col-right {
      float: right; }

  .col-md-6, .column-md-six {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 50%; }
    .col-md-6, .col-md-6:before, .col-md-6:after, .column-md-six, .column-md-six:before, .column-md-six:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-6.centered, .column-md-six.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-6.col-flex, .column-md-six.col-flex {
      float: none;
      -webkit-box-flex: 6;
      -webkit-flex: 6;
      -moz-box-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      width: auto;
      max-width: 50%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-6.col-flex, .column-md-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-6.col-flex .col-flex-cover, .column-md-six.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-6.col-right, .column-md-six.col-right {
      float: right; }

  .col-md-7, .column-md-seven {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 58.33333%; }
    .col-md-7, .col-md-7:before, .col-md-7:after, .column-md-seven, .column-md-seven:before, .column-md-seven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-7.centered, .column-md-seven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-7.col-flex, .column-md-seven.col-flex {
      float: none;
      -webkit-box-flex: 7;
      -webkit-flex: 7;
      -moz-box-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      width: auto;
      max-width: 58.33333%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-7.col-flex, .column-md-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-7.col-flex .col-flex-cover, .column-md-seven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-7.col-right, .column-md-seven.col-right {
      float: right; }

  .col-md-8, .column-md-eight {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 66.66667%; }
    .col-md-8, .col-md-8:before, .col-md-8:after, .column-md-eight, .column-md-eight:before, .column-md-eight:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-8.centered, .column-md-eight.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-8.col-flex, .column-md-eight.col-flex {
      float: none;
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -moz-box-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      width: auto;
      max-width: 66.66667%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-8.col-flex, .column-md-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-8.col-flex .col-flex-cover, .column-md-eight.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-8.col-right, .column-md-eight.col-right {
      float: right; }

  .col-md-9, .column-md-nine {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 75%; }
    .col-md-9, .col-md-9:before, .col-md-9:after, .column-md-nine, .column-md-nine:before, .column-md-nine:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-9.centered, .column-md-nine.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-9.col-flex, .column-md-nine.col-flex {
      float: none;
      -webkit-box-flex: 9;
      -webkit-flex: 9;
      -moz-box-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      width: auto;
      max-width: 75%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-9.col-flex, .column-md-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-9.col-flex .col-flex-cover, .column-md-nine.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-9.col-right, .column-md-nine.col-right {
      float: right; }

  .col-md-10, .column-md-ten {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 83.33333%; }
    .col-md-10, .col-md-10:before, .col-md-10:after, .column-md-ten, .column-md-ten:before, .column-md-ten:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-10.centered, .column-md-ten.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-10.col-flex, .column-md-ten.col-flex {
      float: none;
      -webkit-box-flex: 10;
      -webkit-flex: 10;
      -moz-box-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      width: auto;
      max-width: 83.33333%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-10.col-flex, .column-md-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-10.col-flex .col-flex-cover, .column-md-ten.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-10.col-right, .column-md-ten.col-right {
      float: right; }

  .col-md-11, .column-md-eleven {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 91.66667%; }
    .col-md-11, .col-md-11:before, .col-md-11:after, .column-md-eleven, .column-md-eleven:before, .column-md-eleven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-11.centered, .column-md-eleven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-11.col-flex, .column-md-eleven.col-flex {
      float: none;
      -webkit-box-flex: 11;
      -webkit-flex: 11;
      -moz-box-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      width: auto;
      max-width: 91.66667%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-11.col-flex, .column-md-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-11.col-flex .col-flex-cover, .column-md-eleven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-11.col-right, .column-md-eleven.col-right {
      float: right; }

  .col-md-12, .column-md-twelve {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: none;
    width: 100%; }
    .col-md-12, .col-md-12:before, .col-md-12:after, .column-md-twelve, .column-md-twelve:before, .column-md-twelve:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-12.col-flex, .column-md-twelve.col-flex {
      float: none;
      -webkit-box-flex: 12;
      -webkit-flex: 12;
      -moz-box-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: auto;
      max-width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-12.col-flex, .column-md-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
      .col-md-12.col-flex .col-flex-cover, .column-md-twelve.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-12.col-right, .column-md-twelve.col-right {
      float: right; } }
@media screen and (max-width: 767px) {
  .col-sm-0, .column-sm-zero, .sm-hide {
    display: none; }

  .col-sm-1, .column-sm-one {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 8.33333%; }
    .col-sm-1, .col-sm-1:before, .col-sm-1:after, .column-sm-one, .column-sm-one:before, .column-sm-one:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-1.centered, .column-sm-one.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-1.col-flex, .column-sm-one.col-flex {
      float: none;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      width: auto;
      max-width: 8.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-1.col-flex, .column-sm-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-1.col-flex .col-flex-cover, .column-sm-one.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-1.col-right, .column-sm-one.col-right {
      float: right; }

  .col-sm-2, .column-sm-two {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 16.66667%; }
    .col-sm-2, .col-sm-2:before, .col-sm-2:after, .column-sm-two, .column-sm-two:before, .column-sm-two:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-2.centered, .column-sm-two.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-2.col-flex, .column-sm-two.col-flex {
      float: none;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      width: auto;
      max-width: 16.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-2.col-flex, .column-sm-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-2.col-flex .col-flex-cover, .column-sm-two.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-2.col-right, .column-sm-two.col-right {
      float: right; }

  .col-sm-3, .column-sm-three {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 25%; }
    .col-sm-3, .col-sm-3:before, .col-sm-3:after, .column-sm-three, .column-sm-three:before, .column-sm-three:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-3.centered, .column-sm-three.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-3.col-flex, .column-sm-three.col-flex {
      float: none;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      width: auto;
      max-width: 25%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-3.col-flex, .column-sm-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-3.col-flex .col-flex-cover, .column-sm-three.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-3.col-right, .column-sm-three.col-right {
      float: right; }

  .col-sm-4, .column-sm-four {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 33.33333%; }
    .col-sm-4, .col-sm-4:before, .col-sm-4:after, .column-sm-four, .column-sm-four:before, .column-sm-four:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-4.centered, .column-sm-four.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-4.col-flex, .column-sm-four.col-flex {
      float: none;
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -moz-box-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      width: auto;
      max-width: 33.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-4.col-flex, .column-sm-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-4.col-flex .col-flex-cover, .column-sm-four.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-4.col-right, .column-sm-four.col-right {
      float: right; }

  .col-sm-5, .column-sm-five {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 41.66667%; }
    .col-sm-5, .col-sm-5:before, .col-sm-5:after, .column-sm-five, .column-sm-five:before, .column-sm-five:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-5.centered, .column-sm-five.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-5.col-flex, .column-sm-five.col-flex {
      float: none;
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      width: auto;
      max-width: 41.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-5.col-flex, .column-sm-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-5.col-flex .col-flex-cover, .column-sm-five.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-5.col-right, .column-sm-five.col-right {
      float: right; }

  .col-sm-6, .column-sm-six {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 50%; }
    .col-sm-6, .col-sm-6:before, .col-sm-6:after, .column-sm-six, .column-sm-six:before, .column-sm-six:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-6.centered, .column-sm-six.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-6.col-flex, .column-sm-six.col-flex {
      float: none;
      -webkit-box-flex: 6;
      -webkit-flex: 6;
      -moz-box-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      width: auto;
      max-width: 50%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-6.col-flex, .column-sm-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-6.col-flex .col-flex-cover, .column-sm-six.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-6.col-right, .column-sm-six.col-right {
      float: right; }

  .col-sm-7, .column-sm-seven {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 58.33333%; }
    .col-sm-7, .col-sm-7:before, .col-sm-7:after, .column-sm-seven, .column-sm-seven:before, .column-sm-seven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-7.centered, .column-sm-seven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-7.col-flex, .column-sm-seven.col-flex {
      float: none;
      -webkit-box-flex: 7;
      -webkit-flex: 7;
      -moz-box-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      width: auto;
      max-width: 58.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-7.col-flex, .column-sm-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-7.col-flex .col-flex-cover, .column-sm-seven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-7.col-right, .column-sm-seven.col-right {
      float: right; }

  .col-sm-8, .column-sm-eight {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 66.66667%; }
    .col-sm-8, .col-sm-8:before, .col-sm-8:after, .column-sm-eight, .column-sm-eight:before, .column-sm-eight:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-8.centered, .column-sm-eight.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-8.col-flex, .column-sm-eight.col-flex {
      float: none;
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -moz-box-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      width: auto;
      max-width: 66.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-8.col-flex, .column-sm-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-8.col-flex .col-flex-cover, .column-sm-eight.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-8.col-right, .column-sm-eight.col-right {
      float: right; }

  .col-sm-9, .column-sm-nine {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 75%; }
    .col-sm-9, .col-sm-9:before, .col-sm-9:after, .column-sm-nine, .column-sm-nine:before, .column-sm-nine:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-9.centered, .column-sm-nine.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-9.col-flex, .column-sm-nine.col-flex {
      float: none;
      -webkit-box-flex: 9;
      -webkit-flex: 9;
      -moz-box-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      width: auto;
      max-width: 75%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-9.col-flex, .column-sm-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-9.col-flex .col-flex-cover, .column-sm-nine.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-9.col-right, .column-sm-nine.col-right {
      float: right; }

  .col-sm-10, .column-sm-ten {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 83.33333%; }
    .col-sm-10, .col-sm-10:before, .col-sm-10:after, .column-sm-ten, .column-sm-ten:before, .column-sm-ten:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-10.centered, .column-sm-ten.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-10.col-flex, .column-sm-ten.col-flex {
      float: none;
      -webkit-box-flex: 10;
      -webkit-flex: 10;
      -moz-box-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      width: auto;
      max-width: 83.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-10.col-flex, .column-sm-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-10.col-flex .col-flex-cover, .column-sm-ten.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-10.col-right, .column-sm-ten.col-right {
      float: right; }

  .col-sm-11, .column-sm-eleven {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    width: 91.66667%; }
    .col-sm-11, .col-sm-11:before, .col-sm-11:after, .column-sm-eleven, .column-sm-eleven:before, .column-sm-eleven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-11.centered, .column-sm-eleven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-11.col-flex, .column-sm-eleven.col-flex {
      float: none;
      -webkit-box-flex: 11;
      -webkit-flex: 11;
      -moz-box-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      width: auto;
      max-width: 91.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-11.col-flex, .column-sm-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-11.col-flex .col-flex-cover, .column-sm-eleven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-11.col-right, .column-sm-eleven.col-right {
      float: right; }

  .col-sm-12, .column-sm-twelve {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    float: none;
    width: 100%; }
    .col-sm-12, .col-sm-12:before, .col-sm-12:after, .column-sm-twelve, .column-sm-twelve:before, .column-sm-twelve:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-12.col-flex, .column-sm-twelve.col-flex {
      float: none;
      -webkit-box-flex: 12;
      -webkit-flex: 12;
      -moz-box-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: auto;
      max-width: 100%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-12.col-flex, .column-sm-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-sm-12.col-flex .col-flex-cover, .column-sm-twelve.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        right: 12px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-12.col-right, .column-sm-twelve.col-right {
      float: right; } }
@media screen and (max-width: 767px) {
  .container {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px; }
    .container:before, .container:after {
      content: " ";
      display: table; }
    .container:after {
      clear: both; }
    .lt-ie8 .container {
      *zoom: 1; }

  .row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 12px; }
    .row:before, .row:after {
      content: " ";
      display: table; }
    .row:after {
      clear: both; }
    .lt-ie8 .row {
      *zoom: 1; }
    .row.row-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
@media screen and (max-width: 767px) {
    .row:last-of-type, .row:only-of-type {
      margin-bottom: 0; }

  .col-1, .column-one {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 8.33333%; }
    .col-1, .col-1:before, .col-1:after, .column-one, .column-one:before, .column-one:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-1.centered, .column-one.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-1.col-flex, .column-one.col-flex {
      float: none;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      width: auto;
      max-width: 8.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-1.col-flex, .column-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-1.col-flex .col-flex-cover, .column-one.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-1.col-right, .column-one.col-right {
      float: right; }

  .col-2, .column-two {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 16.66667%; }
    .col-2, .col-2:before, .col-2:after, .column-two, .column-two:before, .column-two:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-2.centered, .column-two.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-2.col-flex, .column-two.col-flex {
      float: none;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      width: auto;
      max-width: 16.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-2.col-flex, .column-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-2.col-flex .col-flex-cover, .column-two.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-2.col-right, .column-two.col-right {
      float: right; }

  .col-3, .column-three {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 25%; }
    .col-3, .col-3:before, .col-3:after, .column-three, .column-three:before, .column-three:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-3.centered, .column-three.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-3.col-flex, .column-three.col-flex {
      float: none;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      width: auto;
      max-width: 25%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-3.col-flex, .column-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-3.col-flex .col-flex-cover, .column-three.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-3.col-right, .column-three.col-right {
      float: right; }

  .col-4, .column-four {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 33.33333%; }
    .col-4, .col-4:before, .col-4:after, .column-four, .column-four:before, .column-four:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-4.centered, .column-four.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-4.col-flex, .column-four.col-flex {
      float: none;
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -moz-box-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      width: auto;
      max-width: 33.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-4.col-flex, .column-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-4.col-flex .col-flex-cover, .column-four.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-4.col-right, .column-four.col-right {
      float: right; }

  .col-5, .column-five {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 41.66667%; }
    .col-5, .col-5:before, .col-5:after, .column-five, .column-five:before, .column-five:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-5.centered, .column-five.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-5.col-flex, .column-five.col-flex {
      float: none;
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      width: auto;
      max-width: 41.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-5.col-flex, .column-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-5.col-flex .col-flex-cover, .column-five.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-5.col-right, .column-five.col-right {
      float: right; }

  .col-6, .column-six {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 50%; }
    .col-6, .col-6:before, .col-6:after, .column-six, .column-six:before, .column-six:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-6.centered, .column-six.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-6.col-flex, .column-six.col-flex {
      float: none;
      -webkit-box-flex: 6;
      -webkit-flex: 6;
      -moz-box-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      width: auto;
      max-width: 50%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-6.col-flex, .column-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-6.col-flex .col-flex-cover, .column-six.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-6.col-right, .column-six.col-right {
      float: right; }

  .col-7, .column-seven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 58.33333%; }
    .col-7, .col-7:before, .col-7:after, .column-seven, .column-seven:before, .column-seven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-7.centered, .column-seven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-7.col-flex, .column-seven.col-flex {
      float: none;
      -webkit-box-flex: 7;
      -webkit-flex: 7;
      -moz-box-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      width: auto;
      max-width: 58.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-7.col-flex, .column-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-7.col-flex .col-flex-cover, .column-seven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-7.col-right, .column-seven.col-right {
      float: right; }

  .col-8, .column-eight {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 66.66667%; }
    .col-8, .col-8:before, .col-8:after, .column-eight, .column-eight:before, .column-eight:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-8.centered, .column-eight.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-8.col-flex, .column-eight.col-flex {
      float: none;
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -moz-box-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      width: auto;
      max-width: 66.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-8.col-flex, .column-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-8.col-flex .col-flex-cover, .column-eight.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-8.col-right, .column-eight.col-right {
      float: right; }

  .col-9, .column-nine {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 75%; }
    .col-9, .col-9:before, .col-9:after, .column-nine, .column-nine:before, .column-nine:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-9.centered, .column-nine.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-9.col-flex, .column-nine.col-flex {
      float: none;
      -webkit-box-flex: 9;
      -webkit-flex: 9;
      -moz-box-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      width: auto;
      max-width: 75%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-9.col-flex, .column-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-9.col-flex .col-flex-cover, .column-nine.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-9.col-right, .column-nine.col-right {
      float: right; }

  .col-10, .column-ten {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 83.33333%; }
    .col-10, .col-10:before, .col-10:after, .column-ten, .column-ten:before, .column-ten:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-10.centered, .column-ten.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-10.col-flex, .column-ten.col-flex {
      float: none;
      -webkit-box-flex: 10;
      -webkit-flex: 10;
      -moz-box-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      width: auto;
      max-width: 83.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-10.col-flex, .column-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-10.col-flex .col-flex-cover, .column-ten.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-10.col-right, .column-ten.col-right {
      float: right; }

  .col-11, .column-eleven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 91.66667%; }
    .col-11, .col-11:before, .col-11:after, .column-eleven, .column-eleven:before, .column-eleven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-11.centered, .column-eleven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-11.col-flex, .column-eleven.col-flex {
      float: none;
      -webkit-box-flex: 11;
      -webkit-flex: 11;
      -moz-box-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      width: auto;
      max-width: 91.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-11.col-flex, .column-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-11.col-flex .col-flex-cover, .column-eleven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-11.col-right, .column-eleven.col-right {
      float: right; }

  .col-12, .column-twelve {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: none;
    width: 100%; }
    .col-12, .col-12:before, .col-12:after, .column-twelve, .column-twelve:before, .column-twelve:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-12.col-flex, .column-twelve.col-flex {
      float: none;
      -webkit-box-flex: 12;
      -webkit-flex: 12;
      -moz-box-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: auto;
      max-width: 100%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .col-12.col-flex, .column-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) {
      .col-12.col-flex .col-flex-cover, .column-twelve.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-12.col-right, .column-twelve.col-right {
      float: right; }

  .offset-1, .offset-one {
    margin-left: 8.33333%; }

  .offset-2, .offset-two {
    margin-left: 16.66667%; }

  .offset-3, .offset-three {
    margin-left: 25%; }

  .offset-4, .offset-four {
    margin-left: 33.33333%; }

  .offset-5, .offset-five {
    margin-left: 41.66667%; }

  .offset-6, .offset-six {
    margin-left: 50%; }

  .offset-7, .offset-seven {
    margin-left: 58.33333%; }

  .offset-8, .offset-eight {
    margin-left: 66.66667%; }

  .offset-9, .offset-nine {
    margin-left: 75%; }

  .offset-10, .offset-ten {
    margin-left: 83.33333%; }

  .offset-11, .offset-eleven {
    margin-left: 91.66667%; }

  .offset-12, .offset-twelve {
    margin-left: 100%; }

  .push-1, .push-one {
    left: 8.33333%; }

  .push-2, .push-two {
    left: 16.66667%; }

  .push-3, .push-three {
    left: 25%; }

  .push-4, .push-four {
    left: 33.33333%; }

  .push-5, .push-five {
    left: 41.66667%; }

  .push-6, .push-six {
    left: 50%; }

  .push-7, .push-seven {
    left: 58.33333%; }

  .push-8, .push-eight {
    left: 66.66667%; }

  .push-9, .push-nine {
    left: 75%; }

  .push-10, .push-ten {
    left: 83.33333%; }

  .push-11, .push-eleven {
    left: 91.66667%; }

  .push-12, .push-twelve {
    left: 100%; }

  .pull-1, .pull-one {
    right: 8.33333%; }

  .pull-2, .pull-two {
    right: 16.66667%; }

  .pull-3, .pull-three {
    right: 25%; }

  .pull-4, .pull-four {
    right: 33.33333%; }

  .pull-5, .pull-five {
    right: 41.66667%; }

  .pull-6, .pull-six {
    right: 50%; }

  .pull-7, .pull-seven {
    right: 58.33333%; }

  .pull-8, .pull-eight {
    right: 66.66667%; }

  .pull-9, .pull-nine {
    right: 75%; }

  .pull-10, .pull-ten {
    right: 83.33333%; }

  .pull-11, .pull-eleven {
    right: 91.66667%; }

  .pull-12, .pull-twelve {
    right: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
  .col-1, .column-one,
  .col-2, .column-two,
  .col-3, .column-three,
  .col-4, .column-four,
  .col-5, .column-five,
  .col-6, .column-six,
  .col-7, .column-seven,
  .col-8, .column-eight,
  .col-9, .column-nine,
  .col-10, .column-ten,
  .col-11, .column-eleven,
  .col-12, .column-twelve,
  .col-sm-12, .column-small-twelve,
  .col-md-12, .column-medium-twelve,
  .col-lg-12, .column-large-twelve {
    clear: left;
    width: 100%;
    margin-bottom: 12px; }
    .col-1:last-of-type, .col-1:only-of-type, .column-one:last-of-type, .column-one:only-of-type,
    .col-2:last-of-type,
    .col-2:only-of-type, .column-two:last-of-type, .column-two:only-of-type,
    .col-3:last-of-type,
    .col-3:only-of-type, .column-three:last-of-type, .column-three:only-of-type,
    .col-4:last-of-type,
    .col-4:only-of-type, .column-four:last-of-type, .column-four:only-of-type,
    .col-5:last-of-type,
    .col-5:only-of-type, .column-five:last-of-type, .column-five:only-of-type,
    .col-6:last-of-type,
    .col-6:only-of-type, .column-six:last-of-type, .column-six:only-of-type,
    .col-7:last-of-type,
    .col-7:only-of-type, .column-seven:last-of-type, .column-seven:only-of-type,
    .col-8:last-of-type,
    .col-8:only-of-type, .column-eight:last-of-type, .column-eight:only-of-type,
    .col-9:last-of-type,
    .col-9:only-of-type, .column-nine:last-of-type, .column-nine:only-of-type,
    .col-10:last-of-type,
    .col-10:only-of-type, .column-ten:last-of-type, .column-ten:only-of-type,
    .col-11:last-of-type,
    .col-11:only-of-type, .column-eleven:last-of-type, .column-eleven:only-of-type,
    .col-12:last-of-type,
    .col-12:only-of-type, .column-twelve:last-of-type, .column-twelve:only-of-type,
    .col-sm-12:last-of-type,
    .col-sm-12:only-of-type, .column-small-twelve:last-of-type, .column-small-twelve:only-of-type,
    .col-md-12:last-of-type,
    .col-md-12:only-of-type, .column-medium-twelve:last-of-type, .column-medium-twelve:only-of-type,
    .col-lg-12:last-of-type,
    .col-lg-12:only-of-type, .column-large-twelve:last-of-type, .column-large-twelve:only-of-type {
      margin-bottom: 0; }

  .offset-1, .offset-one,
  .offset-2, .offset-two,
  .offset-3, .offset-three,
  .offset-4, .offset-four,
  .offset-5, .offset-five,
  .offset-6, .offset-six,
  .offset-7, .offset-seven,
  .offset-8, .offset-eight,
  .offset-9, .offset-nine,
  .offset-10, .offset-ten,
  .offset-11, .offset-eleven,
  .offset-12, .offset-twelve {
    margin-left: 0%; }

  .push-1, .push-one,
  .push-2, .push-two,
  .push-3, .push-three,
  .push-4, .push-four,
  .push-5, .push-five,
  .push-6, .push-six,
  .push-7, .push-seven,
  .push-8, .push-eight,
  .push-9, .push-nine,
  .push-10, .push-ten,
  .push-11, .push-eleven,
  .push-12, .push-twelve {
    left: 0%; }

  .pull-1, .pull-one,
  .pull-2, .pull-two,
  .pull-3, .pull-three,
  .pull-4, .pull-four,
  .pull-5, .pull-five,
  .pull-6, .pull-six,
  .pull-7, .pull-seven,
  .pull-8, .pull-eight,
  .pull-9, .pull-nine,
  .pull-10, .pull-ten,
  .pull-11, .pull-eleven,
  .pull-12, .pull-twelve {
    right: 0%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
  .col-lg-0, .column-lg-zero, .lg-hide {
    display: none; }

  .col-lg-1, .column-lg-one {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 8.33333%; }
    .col-lg-1, .col-lg-1:before, .col-lg-1:after, .column-lg-one, .column-lg-one:before, .column-lg-one:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-1.centered, .column-lg-one.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-1.col-flex, .column-lg-one.col-flex {
      float: none;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      width: auto;
      max-width: 8.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-1.col-flex, .column-lg-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-1.col-flex .col-flex-cover, .column-lg-one.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-1.col-right, .column-lg-one.col-right {
      float: right; }

  .col-lg-2, .column-lg-two {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 16.66667%; }
    .col-lg-2, .col-lg-2:before, .col-lg-2:after, .column-lg-two, .column-lg-two:before, .column-lg-two:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-2.centered, .column-lg-two.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-2.col-flex, .column-lg-two.col-flex {
      float: none;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      width: auto;
      max-width: 16.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-2.col-flex, .column-lg-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-2.col-flex .col-flex-cover, .column-lg-two.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-2.col-right, .column-lg-two.col-right {
      float: right; }

  .col-lg-3, .column-lg-three {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 25%; }
    .col-lg-3, .col-lg-3:before, .col-lg-3:after, .column-lg-three, .column-lg-three:before, .column-lg-three:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-3.centered, .column-lg-three.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-3.col-flex, .column-lg-three.col-flex {
      float: none;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      width: auto;
      max-width: 25%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-3.col-flex, .column-lg-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-3.col-flex .col-flex-cover, .column-lg-three.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-3.col-right, .column-lg-three.col-right {
      float: right; }

  .col-lg-4, .column-lg-four {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 33.33333%; }
    .col-lg-4, .col-lg-4:before, .col-lg-4:after, .column-lg-four, .column-lg-four:before, .column-lg-four:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-4.centered, .column-lg-four.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-4.col-flex, .column-lg-four.col-flex {
      float: none;
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -moz-box-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      width: auto;
      max-width: 33.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-4.col-flex, .column-lg-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-4.col-flex .col-flex-cover, .column-lg-four.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-4.col-right, .column-lg-four.col-right {
      float: right; }

  .col-lg-5, .column-lg-five {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 41.66667%; }
    .col-lg-5, .col-lg-5:before, .col-lg-5:after, .column-lg-five, .column-lg-five:before, .column-lg-five:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-5.centered, .column-lg-five.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-5.col-flex, .column-lg-five.col-flex {
      float: none;
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      width: auto;
      max-width: 41.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-5.col-flex, .column-lg-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-5.col-flex .col-flex-cover, .column-lg-five.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-5.col-right, .column-lg-five.col-right {
      float: right; }

  .col-lg-6, .column-lg-six {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 50%; }
    .col-lg-6, .col-lg-6:before, .col-lg-6:after, .column-lg-six, .column-lg-six:before, .column-lg-six:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-6.centered, .column-lg-six.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-6.col-flex, .column-lg-six.col-flex {
      float: none;
      -webkit-box-flex: 6;
      -webkit-flex: 6;
      -moz-box-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      width: auto;
      max-width: 50%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-6.col-flex, .column-lg-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-6.col-flex .col-flex-cover, .column-lg-six.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-6.col-right, .column-lg-six.col-right {
      float: right; }

  .col-lg-7, .column-lg-seven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 58.33333%; }
    .col-lg-7, .col-lg-7:before, .col-lg-7:after, .column-lg-seven, .column-lg-seven:before, .column-lg-seven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-7.centered, .column-lg-seven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-7.col-flex, .column-lg-seven.col-flex {
      float: none;
      -webkit-box-flex: 7;
      -webkit-flex: 7;
      -moz-box-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      width: auto;
      max-width: 58.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-7.col-flex, .column-lg-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-7.col-flex .col-flex-cover, .column-lg-seven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-7.col-right, .column-lg-seven.col-right {
      float: right; }

  .col-lg-8, .column-lg-eight {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 66.66667%; }
    .col-lg-8, .col-lg-8:before, .col-lg-8:after, .column-lg-eight, .column-lg-eight:before, .column-lg-eight:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-8.centered, .column-lg-eight.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-8.col-flex, .column-lg-eight.col-flex {
      float: none;
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -moz-box-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      width: auto;
      max-width: 66.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-8.col-flex, .column-lg-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-8.col-flex .col-flex-cover, .column-lg-eight.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-8.col-right, .column-lg-eight.col-right {
      float: right; }

  .col-lg-9, .column-lg-nine {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 75%; }
    .col-lg-9, .col-lg-9:before, .col-lg-9:after, .column-lg-nine, .column-lg-nine:before, .column-lg-nine:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-9.centered, .column-lg-nine.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-9.col-flex, .column-lg-nine.col-flex {
      float: none;
      -webkit-box-flex: 9;
      -webkit-flex: 9;
      -moz-box-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      width: auto;
      max-width: 75%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-9.col-flex, .column-lg-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-9.col-flex .col-flex-cover, .column-lg-nine.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-9.col-right, .column-lg-nine.col-right {
      float: right; }

  .col-lg-10, .column-lg-ten {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 83.33333%; }
    .col-lg-10, .col-lg-10:before, .col-lg-10:after, .column-lg-ten, .column-lg-ten:before, .column-lg-ten:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-10.centered, .column-lg-ten.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-10.col-flex, .column-lg-ten.col-flex {
      float: none;
      -webkit-box-flex: 10;
      -webkit-flex: 10;
      -moz-box-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      width: auto;
      max-width: 83.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-10.col-flex, .column-lg-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-10.col-flex .col-flex-cover, .column-lg-ten.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-10.col-right, .column-lg-ten.col-right {
      float: right; }

  .col-lg-11, .column-lg-eleven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 91.66667%; }
    .col-lg-11, .col-lg-11:before, .col-lg-11:after, .column-lg-eleven, .column-lg-eleven:before, .column-lg-eleven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-11.centered, .column-lg-eleven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-lg-11.col-flex, .column-lg-eleven.col-flex {
      float: none;
      -webkit-box-flex: 11;
      -webkit-flex: 11;
      -moz-box-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      width: auto;
      max-width: 91.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-11.col-flex, .column-lg-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-11.col-flex .col-flex-cover, .column-lg-eleven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-11.col-right, .column-lg-eleven.col-right {
      float: right; }

  .col-lg-12, .column-lg-twelve {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: none;
    width: 100%; }
    .col-lg-12, .col-lg-12:before, .col-lg-12:after, .column-lg-twelve, .column-lg-twelve:before, .column-lg-twelve:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-lg-12.col-flex, .column-lg-twelve.col-flex {
      float: none;
      -webkit-box-flex: 12;
      -webkit-flex: 12;
      -moz-box-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: auto;
      max-width: 100%; } }
    @media screen and (max-width: 767px) and (min-width: 992px) and (max-width: 767px) {
      .col-lg-12.col-flex, .column-lg-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 992px) {
      .col-lg-12.col-flex .col-flex-cover, .column-lg-twelve.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-lg-12.col-right, .column-lg-twelve.col-right {
      float: right; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
  .col-md-0, .column-md-zero, .md-hide {
    display: none; }

  .col-md-1, .column-md-one {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 8.33333%; }
    .col-md-1, .col-md-1:before, .col-md-1:after, .column-md-one, .column-md-one:before, .column-md-one:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-1.centered, .column-md-one.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-1.col-flex, .column-md-one.col-flex {
      float: none;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      width: auto;
      max-width: 8.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-1.col-flex, .column-md-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-1.col-flex .col-flex-cover, .column-md-one.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-1.col-right, .column-md-one.col-right {
      float: right; }

  .col-md-2, .column-md-two {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 16.66667%; }
    .col-md-2, .col-md-2:before, .col-md-2:after, .column-md-two, .column-md-two:before, .column-md-two:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-2.centered, .column-md-two.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-2.col-flex, .column-md-two.col-flex {
      float: none;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      width: auto;
      max-width: 16.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-2.col-flex, .column-md-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-2.col-flex .col-flex-cover, .column-md-two.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-2.col-right, .column-md-two.col-right {
      float: right; }

  .col-md-3, .column-md-three {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 25%; }
    .col-md-3, .col-md-3:before, .col-md-3:after, .column-md-three, .column-md-three:before, .column-md-three:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-3.centered, .column-md-three.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-3.col-flex, .column-md-three.col-flex {
      float: none;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      width: auto;
      max-width: 25%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-3.col-flex, .column-md-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-3.col-flex .col-flex-cover, .column-md-three.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-3.col-right, .column-md-three.col-right {
      float: right; }

  .col-md-4, .column-md-four {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 33.33333%; }
    .col-md-4, .col-md-4:before, .col-md-4:after, .column-md-four, .column-md-four:before, .column-md-four:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-4.centered, .column-md-four.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-4.col-flex, .column-md-four.col-flex {
      float: none;
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -moz-box-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      width: auto;
      max-width: 33.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-4.col-flex, .column-md-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-4.col-flex .col-flex-cover, .column-md-four.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-4.col-right, .column-md-four.col-right {
      float: right; }

  .col-md-5, .column-md-five {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 41.66667%; }
    .col-md-5, .col-md-5:before, .col-md-5:after, .column-md-five, .column-md-five:before, .column-md-five:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-5.centered, .column-md-five.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-5.col-flex, .column-md-five.col-flex {
      float: none;
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      width: auto;
      max-width: 41.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-5.col-flex, .column-md-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-5.col-flex .col-flex-cover, .column-md-five.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-5.col-right, .column-md-five.col-right {
      float: right; }

  .col-md-6, .column-md-six {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 50%; }
    .col-md-6, .col-md-6:before, .col-md-6:after, .column-md-six, .column-md-six:before, .column-md-six:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-6.centered, .column-md-six.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-6.col-flex, .column-md-six.col-flex {
      float: none;
      -webkit-box-flex: 6;
      -webkit-flex: 6;
      -moz-box-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      width: auto;
      max-width: 50%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-6.col-flex, .column-md-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-6.col-flex .col-flex-cover, .column-md-six.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-6.col-right, .column-md-six.col-right {
      float: right; }

  .col-md-7, .column-md-seven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 58.33333%; }
    .col-md-7, .col-md-7:before, .col-md-7:after, .column-md-seven, .column-md-seven:before, .column-md-seven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-7.centered, .column-md-seven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-7.col-flex, .column-md-seven.col-flex {
      float: none;
      -webkit-box-flex: 7;
      -webkit-flex: 7;
      -moz-box-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      width: auto;
      max-width: 58.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-7.col-flex, .column-md-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-7.col-flex .col-flex-cover, .column-md-seven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-7.col-right, .column-md-seven.col-right {
      float: right; }

  .col-md-8, .column-md-eight {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 66.66667%; }
    .col-md-8, .col-md-8:before, .col-md-8:after, .column-md-eight, .column-md-eight:before, .column-md-eight:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-8.centered, .column-md-eight.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-8.col-flex, .column-md-eight.col-flex {
      float: none;
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -moz-box-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      width: auto;
      max-width: 66.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-8.col-flex, .column-md-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-8.col-flex .col-flex-cover, .column-md-eight.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-8.col-right, .column-md-eight.col-right {
      float: right; }

  .col-md-9, .column-md-nine {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 75%; }
    .col-md-9, .col-md-9:before, .col-md-9:after, .column-md-nine, .column-md-nine:before, .column-md-nine:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-9.centered, .column-md-nine.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-9.col-flex, .column-md-nine.col-flex {
      float: none;
      -webkit-box-flex: 9;
      -webkit-flex: 9;
      -moz-box-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      width: auto;
      max-width: 75%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-9.col-flex, .column-md-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-9.col-flex .col-flex-cover, .column-md-nine.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-9.col-right, .column-md-nine.col-right {
      float: right; }

  .col-md-10, .column-md-ten {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 83.33333%; }
    .col-md-10, .col-md-10:before, .col-md-10:after, .column-md-ten, .column-md-ten:before, .column-md-ten:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-10.centered, .column-md-ten.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-10.col-flex, .column-md-ten.col-flex {
      float: none;
      -webkit-box-flex: 10;
      -webkit-flex: 10;
      -moz-box-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      width: auto;
      max-width: 83.33333%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-10.col-flex, .column-md-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-10.col-flex .col-flex-cover, .column-md-ten.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-10.col-right, .column-md-ten.col-right {
      float: right; }

  .col-md-11, .column-md-eleven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 91.66667%; }
    .col-md-11, .col-md-11:before, .col-md-11:after, .column-md-eleven, .column-md-eleven:before, .column-md-eleven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-11.centered, .column-md-eleven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-md-11.col-flex, .column-md-eleven.col-flex {
      float: none;
      -webkit-box-flex: 11;
      -webkit-flex: 11;
      -moz-box-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      width: auto;
      max-width: 91.66667%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-11.col-flex, .column-md-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-11.col-flex .col-flex-cover, .column-md-eleven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-11.col-right, .column-md-eleven.col-right {
      float: right; }

  .col-md-12, .column-md-twelve {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: none;
    width: 100%; }
    .col-md-12, .col-md-12:before, .col-md-12:after, .column-md-twelve, .column-md-twelve:before, .column-md-twelve:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-md-12.col-flex, .column-md-twelve.col-flex {
      float: none;
      -webkit-box-flex: 12;
      -webkit-flex: 12;
      -moz-box-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: auto;
      max-width: 100%; } }
    @media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) and (max-width: 767px) {
      .col-md-12.col-flex, .column-md-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
      .col-md-12.col-flex .col-flex-cover, .column-md-twelve.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-md-12.col-right, .column-md-twelve.col-right {
      float: right; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
  .col-sm-0, .column-sm-zero, .sm-hide {
    display: none; }

  .col-sm-1, .column-sm-one {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 8.33333%; }
    .col-sm-1, .col-sm-1:before, .col-sm-1:after, .column-sm-one, .column-sm-one:before, .column-sm-one:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-1.centered, .column-sm-one.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-1.col-flex, .column-sm-one.col-flex {
      float: none;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
      width: auto;
      max-width: 8.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-1.col-flex, .column-sm-one.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-1.col-flex .col-flex-cover, .column-sm-one.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-1.col-right, .column-sm-one.col-right {
      float: right; }

  .col-sm-2, .column-sm-two {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 16.66667%; }
    .col-sm-2, .col-sm-2:before, .col-sm-2:after, .column-sm-two, .column-sm-two:before, .column-sm-two:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-2.centered, .column-sm-two.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-2.col-flex, .column-sm-two.col-flex {
      float: none;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
      width: auto;
      max-width: 16.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-2.col-flex, .column-sm-two.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-2.col-flex .col-flex-cover, .column-sm-two.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-2.col-right, .column-sm-two.col-right {
      float: right; }

  .col-sm-3, .column-sm-three {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 25%; }
    .col-sm-3, .col-sm-3:before, .col-sm-3:after, .column-sm-three, .column-sm-three:before, .column-sm-three:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-3.centered, .column-sm-three.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-3.col-flex, .column-sm-three.col-flex {
      float: none;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      width: auto;
      max-width: 25%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-3.col-flex, .column-sm-three.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-3.col-flex .col-flex-cover, .column-sm-three.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-3.col-right, .column-sm-three.col-right {
      float: right; }

  .col-sm-4, .column-sm-four {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 33.33333%; }
    .col-sm-4, .col-sm-4:before, .col-sm-4:after, .column-sm-four, .column-sm-four:before, .column-sm-four:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-4.centered, .column-sm-four.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-4.col-flex, .column-sm-four.col-flex {
      float: none;
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -moz-box-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      width: auto;
      max-width: 33.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-4.col-flex, .column-sm-four.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-4.col-flex .col-flex-cover, .column-sm-four.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-4.col-right, .column-sm-four.col-right {
      float: right; }

  .col-sm-5, .column-sm-five {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 41.66667%; }
    .col-sm-5, .col-sm-5:before, .col-sm-5:after, .column-sm-five, .column-sm-five:before, .column-sm-five:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-5.centered, .column-sm-five.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-5.col-flex, .column-sm-five.col-flex {
      float: none;
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      width: auto;
      max-width: 41.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-5.col-flex, .column-sm-five.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-5.col-flex .col-flex-cover, .column-sm-five.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-5.col-right, .column-sm-five.col-right {
      float: right; }

  .col-sm-6, .column-sm-six {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 50%; }
    .col-sm-6, .col-sm-6:before, .col-sm-6:after, .column-sm-six, .column-sm-six:before, .column-sm-six:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-6.centered, .column-sm-six.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-6.col-flex, .column-sm-six.col-flex {
      float: none;
      -webkit-box-flex: 6;
      -webkit-flex: 6;
      -moz-box-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      width: auto;
      max-width: 50%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-6.col-flex, .column-sm-six.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-6.col-flex .col-flex-cover, .column-sm-six.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-6.col-right, .column-sm-six.col-right {
      float: right; }

  .col-sm-7, .column-sm-seven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 58.33333%; }
    .col-sm-7, .col-sm-7:before, .col-sm-7:after, .column-sm-seven, .column-sm-seven:before, .column-sm-seven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-7.centered, .column-sm-seven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-7.col-flex, .column-sm-seven.col-flex {
      float: none;
      -webkit-box-flex: 7;
      -webkit-flex: 7;
      -moz-box-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
      width: auto;
      max-width: 58.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-7.col-flex, .column-sm-seven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-7.col-flex .col-flex-cover, .column-sm-seven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-7.col-right, .column-sm-seven.col-right {
      float: right; }

  .col-sm-8, .column-sm-eight {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 66.66667%; }
    .col-sm-8, .col-sm-8:before, .col-sm-8:after, .column-sm-eight, .column-sm-eight:before, .column-sm-eight:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-8.centered, .column-sm-eight.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-8.col-flex, .column-sm-eight.col-flex {
      float: none;
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -moz-box-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      width: auto;
      max-width: 66.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-8.col-flex, .column-sm-eight.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-8.col-flex .col-flex-cover, .column-sm-eight.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-8.col-right, .column-sm-eight.col-right {
      float: right; }

  .col-sm-9, .column-sm-nine {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 75%; }
    .col-sm-9, .col-sm-9:before, .col-sm-9:after, .column-sm-nine, .column-sm-nine:before, .column-sm-nine:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-9.centered, .column-sm-nine.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-9.col-flex, .column-sm-nine.col-flex {
      float: none;
      -webkit-box-flex: 9;
      -webkit-flex: 9;
      -moz-box-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      width: auto;
      max-width: 75%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-9.col-flex, .column-sm-nine.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-9.col-flex .col-flex-cover, .column-sm-nine.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-9.col-right, .column-sm-nine.col-right {
      float: right; }

  .col-sm-10, .column-sm-ten {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 83.33333%; }
    .col-sm-10, .col-sm-10:before, .col-sm-10:after, .column-sm-ten, .column-sm-ten:before, .column-sm-ten:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-10.centered, .column-sm-ten.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-10.col-flex, .column-sm-ten.col-flex {
      float: none;
      -webkit-box-flex: 10;
      -webkit-flex: 10;
      -moz-box-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
      width: auto;
      max-width: 83.33333%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-10.col-flex, .column-sm-ten.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-10.col-flex .col-flex-cover, .column-sm-ten.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-10.col-right, .column-sm-ten.col-right {
      float: right; }

  .col-sm-11, .column-sm-eleven {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 91.66667%; }
    .col-sm-11, .col-sm-11:before, .col-sm-11:after, .column-sm-eleven, .column-sm-eleven:before, .column-sm-eleven:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-11.centered, .column-sm-eleven.centered {
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .col-sm-11.col-flex, .column-sm-eleven.col-flex {
      float: none;
      -webkit-box-flex: 11;
      -webkit-flex: 11;
      -moz-box-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
      width: auto;
      max-width: 91.66667%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-11.col-flex, .column-sm-eleven.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-11.col-flex .col-flex-cover, .column-sm-eleven.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-11.col-right, .column-sm-eleven.col-right {
      float: right; }

  .col-sm-12, .column-sm-twelve {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    float: none;
    width: 100%; }
    .col-sm-12, .col-sm-12:before, .col-sm-12:after, .column-sm-twelve, .column-sm-twelve:before, .column-sm-twelve:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .col-sm-12.col-flex, .column-sm-twelve.col-flex {
      float: none;
      -webkit-box-flex: 12;
      -webkit-flex: 12;
      -moz-box-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: auto;
      max-width: 100%; } }
    @media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
      .col-sm-12.col-flex, .column-sm-twelve.col-flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
@media screen and (max-width: 767px) and (max-width: 767px) {
      .col-sm-12.col-flex .col-flex-cover, .column-sm-twelve.col-flex .col-flex-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        right: 6px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .col-sm-12.col-right, .column-sm-twelve.col-right {
      float: right; } } */

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

/*html {
  height: 100%;
}

body {
  font-family: "Graphik Web", sans-serif;
  background-color: #ffffff;
  color: #222222;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  min-height: 100%; }*/

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

hr {
  height: 1px;
  background: #dddddd;
  border: none;
  margin-top: 2em;
  margin-bottom: 2em; }

/*a, a:link, a:visited, a:hover {
  color: inherit;
}*/
.h-link, .h-header nav a, .h-header nav a:link, .h-header nav a:visited, .h-header nav a:hover, .h-footer .h-copyright, .h-footer nav ul li a {
  color: #aaaaaa;
  text-decoration: none;
  font-family: "Graphik Web", sans-serif;
  font-size: 13px;
  font-weight: 500; }
  .h-link:hover, .h-header nav a:hover, .h-footer .h-copyright:hover, .h-footer nav ul li a:hover {
    color: #777777; }

/*h1, h2, h3, h4, h5, h6, .h-h1, .h-h2, .h-h3, .h-search input {
  margin-top: 0; }

h1, .h-h1 {
  font-family: "TradeGothicLtStd", sans-serif;
  font-weight: bold;
  font-size: 60px;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.h-h1-sm {
  font-size: 13px;
  line-height: 13px; }

.h-h1-md {
  font-size: 30px;
  line-height: 30px; }

.h-h1-lg {
  font-size: 45px;
  line-height: 45px; }

.h-h1-xl {
  font-size: 60px;
  line-height: 60px; }

h2, .h-h2 {
  font-family: "TradeGothicLtStd", sans-serif;
  font-weight: normal;
  font-size: 60px;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase; }
  h2.h-h2-sm, .h-h2.h-h2-sm {
    font-size: 13px; }
  h2.h-h2-md, .h-h2.h-h2-md {
    font-size: 30px; }
  h2.h-h2-lg, .h-h2.h-h2-lg {
    font-size: 45px; }
  h2.h-h2-xl, .h-h2.h-h2-xl {
    font-size: 60px; }

h3, .h-h3, .h-search input {
  font-family: "Graphik Web", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px; }

h4, .h-h4 {
  font-family: "Graphik Web", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px; }*/

.h-copy1, .h-product-details ul li a, .h-modal .h-content p {
  font-family: "Graphik Web", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px; }

.h-copy2, .h-form input[type="text"],
.h-form input[type="number"],
.h-form input[type="email"],
.h-form textarea,
.h-form input[type="password"] {
  font-family: "Graphik Web", sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px; }

.h-copy3, .h-form input[type="radio"] + label, .h-form input[type="radio"] + label .h-select {
  font-family: "Graphik Web", sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px; }

.h-cta {

  background-color:white;
  color:#333333;
}

.h-cta:hover {
  background-color:#aaaaaa;
  color:white;
}

.h-product-description .h-product-description__image .h-product-description__imagelinks a, .h-wishlist-buttons .h-wishlist-price {
  font-family: "Graphik Web", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0; }

/*i.fa + span,
i.btl + span,
i.bts + span,
i.btb + span {
  margin-left: 0.5em; }*/

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.h-logo {
  display: -moz-inline-stack;
  display: inline-block;
  min-height: 60px;
  min-width: 100px;
  background-image: url(global/css/logo.png);
  background-image: url(global/images/logo.svg), none;
  background-repeat: no-repeat;
  background-position: center center; }
  .lt-ie9 .h-logo {
    zoom: 1;
    *display: inline; }
  .h-logo span {
    display: none; }

.hidden {
  display: none;
}

/*@media screen and (max-width: 767px) {
  .h-wrapper {
    padding-top: 40px; } }*/

.h-header {
  margin: 0;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #ffffff;
  position: fixed;
  z-index: 999;
  top: 0; }
  @media screen and (max-width: 767px) {
    .h-header {
      padding-left: 12px;
      padding-right: 12px;
      left: 0;
      right: 0; } }
  .h-header.h-header--active {
    background-color: #333333; }
    @media screen and (max-width: 767px) {
      .h-header.h-header--active {
        background-color: #ffffff; } }
  .h-header nav {
    display: table;
    width: 100%; }
    .h-header nav .h-menu-item-menus,
    .h-header nav .h-menu-item-logo,
    .h-header nav .h-menu-item-icons {
      display: table-cell;
      max-width: 16.66%;
      white-space: nowrap;
      vertical-align: middle;
      text-align: left; }
    .h-header nav .h-menu-item-menus .h-menu-item__icon {
      margin-right: 24px; }
      @media screen and (max-width: 767px) {
        .h-header nav .h-menu-item-menus .h-menu-item__icon {
          margin-right: 12px; } }
      .h-header nav .h-menu-item-menus .h-menu-item__icon:only-of-type, .h-header nav .h-menu-item-menus .h-menu-item__icon:last-of-type {
        margin-right: 0; }
    .h-header nav .h-menu-item-logo {
      position: static;
      height: 60px;
      width: 100%;
      max-width: 100%;
      text-align: center;
      transition: height 0.5s; }
      .h-header nav .h-menu-item-logo .h-logo {
        position: absolute;
        top: 0;
        left: 25%;
        right: 25%;
        opacity: 1;
        transition: opacity 0.25s; }
        .h-scroll-top .h-header nav .h-menu-item-logo .h-logo {
          transition: opacity 1s; }
      .h-scroll-not-top .h-header nav .h-menu-item-logo {
        height: 44px; }
        .h-scroll-not-top .h-header nav .h-menu-item-logo .h-logo {
          opacity: 0; }
    .h-header nav .h-menu-item-icons {
      text-align: right; }
      .h-header nav .h-menu-item-icons .h-menu-item__icon {
        margin-left: 24px; }
        @media screen and (max-width: 767px) {
          .h-header nav .h-menu-item-icons .h-menu-item__icon {
            margin-left: 12px; } }
        .h-header nav .h-menu-item-icons .h-menu-item__icon sup {
          top: -0.9em;
          font-weight: 600;
        }
        .h-header nav .h-menu-item-icons .h-menu-item__icon:only-of-type, .h-header nav .h-menu-item-icons .h-menu-item__icon:first-of-type {
          margin-left: 0; }
      .h-header nav .h-menu-item-icons .h-menu-item__icon span {
        display: none; }
    .h-header nav .h-menu-item__icon {
      text-align: center; }
      .h-header nav .h-menu-item__icon .btb {
        display: inline; }
      .h-header nav .h-menu-item__icon .bt-times {
        display: none; }
    .h-header nav .h-menu-item__icon--active .btb {
      display: none; }
    .h-header nav .h-menu-item__icon--active .bt-times {
      display: inline; }

.h-scroll-not-top .h-header--active nav .h-menu-item-logo {
  height: 60px !important; }
  .h-scroll-not-top .h-header--active nav .h-menu-item-logo .h-logo {
    opacity: 1 !important; }

.h-modal,
.h-modal-menu {
  display: none;
  background-color: #333333;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px;
  box-sizing: border-box; }
  .h-modal.h-modal-expanding,
  .h-modal-menu.h-modal-expanding {
    bottom: auto; }
  .h-modal.h-modal-quarter,
  .h-modal-menu.h-modal-quarter {
    left: auto;
    width: 25%;
    min-width: 320px; }
    @media screen and (max-width: 767px) {
      .h-modal.h-modal-quarter,
      .h-modal-menu.h-modal-quarter {
        width: 100%; } }
  .h-modal.h-modal-third,
  .h-modal-menu.h-modal-third {
    left: auto;
    width: 33%;
    min-width: 320px; }
    @media screen and (max-width: 767px) {
      .h-modal.h-modal-third,
      .h-modal-menu.h-modal-third {
        width: 100%; } }
  .h-modal.h-modal-half,
  .h-modal-menu.h-modal-half {
    right: auto;
    width: 50%;
    min-width: 320px; }
    @media screen and (max-width: 767px) {
      .h-modal.h-modal-half,
      .h-modal-menu.h-modal-half {
        width: 100%; } }
  @media screen and (max-width: 767px) {
    .h-modal,
    .h-modal-menu {
      /*padding-top: 0;*/
      padding-bottom: 12px;
      position: fixed;
      overflow: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  .h-modal.h-modal--active, .h-modal.h-modal-menu--active,
  .h-modal-menu.h-modal--active,
  .h-modal-menu.h-modal-menu--active {
    display: block;
    z-index: 1000; }
  .h-modal ul,
  .h-modal-menu ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .h-modal ul .h-h1-sm,
    .h-modal ul .h-cta,
    .h-modal ul .h-product-description .h-product-description__image .h-product-description__imagelinks a,
    .h-product-description .h-product-description__image .h-product-description__imagelinks .h-modal ul a,
    .h-modal ul .h-account .h-wishlist-buttons .h-wishlist-price,
    .h-account .h-wishlist-buttons .h-modal ul .h-wishlist-price,
    .h-modal-menu ul .h-h1-sm,
    .h-modal-menu ul .h-cta,
    .h-modal-menu ul .h-product-description .h-product-description__image .h-product-description__imagelinks a,
    .h-product-description .h-product-description__image .h-product-description__imagelinks .h-modal-menu ul a,
    .h-modal-menu ul .h-account .h-wishlist-buttons .h-wishlist-price,
    .h-account .h-wishlist-buttons .h-modal-menu ul .h-wishlist-price {
      font-weight: bold;
      text-transform: uppercase;
      color: #ffffff;
      padding-bottom: 24px; }
      @media screen and (max-width: 767px) {
        .h-modal ul .h-h1-sm,
        .h-modal ul .h-cta,
        .h-modal ul .h-product-description .h-product-description__image .h-product-description__imagelinks a,
        .h-product-description .h-product-description__image .h-product-description__imagelinks .h-modal ul a,
        .h-modal ul .h-account .h-wishlist-buttons .h-wishlist-price,
        .h-account .h-wishlist-buttons .h-modal ul .h-wishlist-price,
        .h-modal-menu ul .h-h1-sm,
        .h-modal-menu ul .h-cta,
        .h-modal-menu ul .h-product-description .h-product-description__image .h-product-description__imagelinks a,
        .h-product-description .h-product-description__image .h-product-description__imagelinks .h-modal-menu ul a,
        .h-modal-menu ul .h-account .h-wishlist-buttons .h-wishlist-price,
        .h-account .h-wishlist-buttons .h-modal-menu ul .h-wishlist-price {
          padding-bottom: 12px; } }
    .h-modal ul .h-hr,
    .h-modal-menu ul .h-hr {
      position: relative;
      padding-bottom: 24px; }
      .h-modal ul .h-hr:after,
      .h-modal-menu ul .h-hr:after {
        content: " ";
        display: block;
        position: absolute;
        left: 2px;
        bottom: 12px;
        width: 0.75em;
        height: 2px;
        background-color: #aaaaaa; }
    .h-modal ul a,
    .h-modal-menu ul a {
      text-decoration: none; }
    .h-modal ul .h-cta {
      font-family: "TradeGothicLtStd";
    }

.h-modal--active ~ *:not(.h-modal-overlay),
.h-modal-menu--active ~ *:not(.h-modal-overlay),
.h-modal-mobile--active ~ *:not(.h-modal-overlay) {
  opacity: 0.6; }

@media screen and (max-width: 767px) {
  .h-modal-menu--active ul ul {
    display: none; }
  .h-modal-menu--active ul.h--active ul {
    display: block; } }

.h-modal-overlay {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1; }
  .h-modal-overlay.h-modal-overlay--active {
    display: block;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .h-modal-overlay.h-modal-overlay--active {
        display: none; } }

.h-viewport {
  margin: 0;
  /*min-height: 1000px;*/
  /*background-color: #f7f7f7;*/
  margin-top: 60px;
  transition: opacity 0.15s;
}

@media screen and (max-width: 767px) {
  .h-viewport {
    margin-top: 0;
  }
}

.h-footer {
  position: relative;
  padding-top: 40px;
  padding-bottom: 60px;
  color: #aaaaaa;
  background-color: #333333; }
  .h-footer .h-copyright {
    padding: 0;
    margin: 0;
    white-space: nowrap; }
  .h-footer nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .h-footer nav ul li a {
      display: block;
      margin-bottom: 5px; }
  .h-footer .h-subscribe {
    position: relative;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .h-footer .h-subscribe {
        text-align: left; } }
  .h-footer .h-input-button .h-input-button__input {
    background-color: #222222;
    border: 2px solid #222222;
    font-size: 13px;
    color: #aaaaaa; }
  .h-footer .h-checkbox {
    margin-top: 1em;
    font-size: 10px;
    white-space: nowrap; }
    .h-footer .h-checkbox .h-checkbox__text {
      font-size: 10px;
      font-weight: bold;
      white-space: nowrap; }
      .h-footer .h-checkbox .h-checkbox__text a {
        text-decoration: underline;
        font-size: 10px;
        font-weight: bold; }

.h-footer .tooltip {
  position: absolute;
  bottom: 25px;
  background: #222;
  padding: 10px 20px;
  color: white;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
}
.h-tabs .h-tabs__nav {
  display: table;
  width: 100%; }
  .h-tabs .h-tabs__nav li {
    display: table-cell; }
  .h-tabs .h-tabs__nav a {
    display: block;
    padding: 48px; }
    @media screen and (max-width: 767px) {
      .h-tabs .h-tabs__nav a {
        padding: 24px; } }
  .h-tabs .h-tabs__nav .h-tabs__link {
    background-color: #222222; }
  .h-tabs .h-tabs__nav .h-tabs__link--active {
    background-color: #333333; }
.h-tabs .h-tabs__content {
  display: none; }
  .h-tabs .h-tabs__content.h-tabs__content--active {
    display: block;
    padding: 24px; }
    @media screen and (max-width: 767px) {
      .h-tabs .h-tabs__content.h-tabs__content--active {
        padding: 12px; } }

.h-select {
  display: -moz-inline-stack;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  padding-right: 20px;
  min-width: 120px;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  background: #ffffff no-repeat 90% 50%; }
  .lt-ie9 .h-select {
    zoom: 1;
    *display: inline; }
  .h-select:after {
    display: block;
    position: absolute;
    content: "\f091";
    font: normal normal normal 14px/1 "Black Tie";
    font-size: inherit;
    vertical-align: -14.28571429%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight: 700;
    font-size: 12px;
    color: #aaaaaa;
    top: 50%;
    margin-top: -6px;
    right: 6px;
    bottom: 0;
    z-index: 100;
    pointer-events: none; }
  .h-select select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none; }
  .h-select select:focus {
    outline: none; }

.h-input-button {
  position: relative; }
  .h-input-button .h-input-button__input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 8px 49px 5px 5px; }
  .h-input-button .h-input-button__button {
    position: absolute;
    padding-top: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 44px;
    border: 0;
    background: transparent; }

.h-checkbox .h-checkbox__input {
  display: none; }
.h-checkbox .h-checkbox__indicator {
  display: -moz-inline-stack;
  display: inline-block;
  margin-right: 0.5em;
  cursor: pointer;
  visibility: hidden; }
  .lt-ie9 .h-checkbox .h-checkbox__indicator {
    zoom: 1;
    *display: inline; }
.h-checkbox .h-checkbox__input:checked + .h-checkbox__indicator,
.h-checkbox .h-checkbox__input:checked + .h-checkbox__text .h-checkbox__indicator {
  visibility: visible; }
.h-checkbox .h-checkbox__text {
  display: block;
  cursor: pointer; }

.h-search input {
  color: #aaaaaa;
  width: 100%;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 24px 0;
  outline: none; }
.h-search ::-webkit-input-placeholder {
  left: 5px;
  position: relative;
  color: #aaaaaa; }
.h-search :-moz-placeholder {
  /* Firefox 18- */
  left: 5px;
  position: relative;
  color: #aaaaaa; }
.h-search ::-moz-placeholder {
  /* Firefox 19+ */
  left: 5px;
  position: relative;
  color: #aaaaaa; }
.h-search :-ms-input-placeholder {
  left: 5px;
  position: relative;
  color: #aaaaaa; }

.h-button {
  display: inline-block;
  margin: 0;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  color: #ffffff;
  background-color: #aaaaaa; }
  .h-button + * {
    /*margin-left: 1em;*/ }
  .h-button:focus {
    outline: none; }
  .h-button__secondary {
    background-color: #dddddd; }
  @media screen and (max-width: 767px) {
    .h-button {
      padding: 12px; } }

.h-button-text {
  background: transparent;
  color: #777777; }

.h-form input[type="text"],
.h-form input[type="number"],
.h-form input[type="email"],
.h-form textarea,
.h-form input[type="password"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
  background: #f7f7f7;
  padding: 8px 12px;
  display: block;
  width: 100%; }
.h-form button {
  margin-top: 20px; }
.h-form input[type="radio"] {
  position: absolute;
  visibility: hidden;
  display: block; }
  .h-form input[type="radio"]:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 1px;
    left: 0;
    border: 2px solid #AAAAAA;
    visibility: visible; }
  .h-form input[type="radio"]:checked:after {
    content: '';
    height: 2px;
    width: 2px;
    border-radius: 100%;
    position: absolute;
    border: 2px solid #AAAAAA;
    left: 4px;
    top: 5px;
    visibility: visible; }
  .h-form input[type="radio"] + label {
    margin-left: 40px; }
    .h-form input[type="radio"] + label .h-select {
      position: relative;
      top: -3px; }

.h-form textarea {
  resize: none;
}
.h-form-group {
  width: 100%;
  margin-bottom: 15px; }
  .h-form-group:last-of-type {
    margin-bottom: 0; }

.item-ratio {
  position: relative;
  overflow: hidden; }
  .item-ratio .item-ratio-1by2 {
    padding-top: 200%; }
  .item-ratio .item-ratio-4by5 {
    padding-top: 125%; }
  .item-ratio .item-ratio-28by31 {
    padding-top: 110%; }
  .item-ratio .item-ratio-1by1 {
    padding-top: 100%; }
  .item-ratio .item-ratio-4by3 {
    padding-top: 75%; }
  .item-ratio .item-ratio-16by9 {
    padding-top: 56.25%; }
  .item-ratio .item-ratio-2by1 {
    padding-top: 50%; }
  .item-ratio .item-ratio-12by1 {
    padding-top: 8.33%; }
  .item-ratio .item-ratio-12by2 {
    padding-top: 16.66%; }
  .item-ratio .item-ratio-12by3 {
    padding-top: 25%; }
  .item-ratio .item-ratio-12by4 {
    padding-top: 33.33%; }
  .item-ratio .item-ratio-12by5 {
    padding-top: 41.66%; }
  .item-ratio .item-ratio-12by6 {
    padding-top: 50%; }
  .item-ratio .item-ratio-12by7 {
    padding-top: 58.33%; }
  .item-ratio .item-ratio-12by8 {
    padding-top: 66.66%; }
  .item-ratio .item-ratio-12by10 {
    padding-top: 83.33%; }
  .item-ratio .item-ratio-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .item-ratio .item-ratio-cover img {
      display: none;
      width: 100%;
      height: 100%; }
  .item-ratio .item-ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .item-ratio .item-ratio-content-top {
    top: 0;
    bottom: auto; }
  .item-ratio .item-ratio-content-mid {
    top: auto;
    bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute; }
    .lt-ie9 .item-ratio .item-ratio-content-mid {
      width: 50%;
      height: 50%;
      overflow: auto;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    .item-ratio .item-ratio-content-mid.lt-ie9 {
      top: 33%; }
  .item-ratio .item-ratio-content-bottom {
    top: auto;
    bottom: 0; }

.ratio:before, .ratio-square:before,
.ratio-1by1:before, .ratio-4by3:before, .ratio-16by9:before, .ratio-9by16:before, .ratio-2by1:before, .ratio-look:before {
  content: "";
  display: block;
  float: left; }

.ratio-square:before,
.ratio-1by1:before {
  padding-top: 100%; }

.ratio-4by3:before {
  padding-top: 75%; }

.ratio-16by9:before {
  padding-top: 56.25%; }

.ratio-9by16:before {
  padding-top: 156.25%; }

.ratio-2by1:before {
  padding-top: 50%; }

.ratio-look:before {
  padding-top: 350%; }

.ratio-max-25vh {
  max-height: 25vh; }

.ratio-max-50vh {
  max-height: 50vh; }

.ratio-max-75vh {
  max-height: 75vh; }

.ratio-max-100vh {
  max-height: 100vh; }

.cover, .cover-full {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.cover-full {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.h-product-card {
  position: relative;
  padding: 24px;
  background-color: #f7f7f7; }
  /*@media screen and (max-width: 767px) {
    .h-product-card {
      padding: 12px;
      padding-bottom: 60px; } }
  .h-product-card h4 {
    float: left; }
  .h-product-card h4, .h-product-card p {
    margin: 0;
    padding: 0; }
  .h-product-card h4 + h4 {
    clear: both;
    float: right; }
  .h-product-card h4:last-of-type {
    clear: both;
    position: absolute;
    top: 24px;
    right: 24px; }
    @media screen and (max-width: 767px) {
      .h-product-card h4:last-of-type {
        position: static; } }
  @media screen and (max-width: 767px) {
    .h-product-card h4, .h-product-card h4 + h4 {
      float: none; } }
*/
  .h-product__title {
    width: 50%;
    float: left;
    margin-bottom: 0;
  }

  .h-product__price,
  .h-product__color {
    width: 50%;
    float: right;
    text-align: right;
    margin-bottom: 0;
  }
  .h-product-card img {
    clear: both;
    display: block;
    position: relative;
    top: 1em;
    margin: 1em auto;
    /*max-width: 75%; */
  }
  .h-product-card .h-button {
    position: absolute;
    bottom: 24px;
    right: 24px; }
    @media screen and (max-width: 767px) {
      .h-product-card .h-button {
        bottom: 12px;
        right: 12px; } }
    .h-product-card .h-button span {
      display: inline !important; }
    .h-product-card .h-button span + i {
      margin-left: 0.5em; }
    .h-product-card .h-button i + span {
      margin-left: 0.5em; }

.h-product-card--horizontal img {
  max-width: 50%; }
  @media screen and (max-width: 767px) {
    .h-product-card--horizontal img {
      max-width: 75%; } }

body {
  background-color: #ffffff;
  padding: 0;
  margin: 0; }

body.h-grid .container {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media screen and (max-width: 767px) {
    body.h-grid .container {
      margin-top: 12px;
      margin-bottom: 12px; } }
body.h-grid .full {
  background-color: #f7f7f7;
  padding-top: 24px;
  padding-bottom: 24px; }
  @media screen and (max-width: 767px) {
    body.h-grid .full {
      padding-top: 12px;
      padding-bottom: 12px; } }
  body.h-grid .full .col > div:not(.row) {
    background: transparent;
    border: 1px solid #dddddd; }
body.h-grid .col > div:not(.row) {
  padding: 14px;
  background-color: #f7f7f7;
  text-align: left; }
body.h-grid .col-flex > div:before, body.h-grid .col-flex > div:after {
  content: " ";
  display: table; }
body.h-grid .col-flex > div:after {
  clear: both; }
.lt-ie8 body.h-grid .col-flex > div {
  *zoom: 1; }

/*.section {
  background: #FFFFFF;
  position: relative;
  margin-bottom: 24px;
}*/

.h-header-hero {
  color: #FFFFFF; }

.h-stories {
  padding-top: 24px;
  padding-bottom: 24px; }
  @media screen and (max-width: 767px) {
    .h-stories {
      padding-top: 12px;
      padding-bottom: 12px; } }

.h-product-description,
.h-product-details,
.h-product-dimensions {
  padding: 0; }
  .h-product-description .row,
  .h-product-details .row,
  .h-product-dimensions .row {
    margin: 0; }
  .h-product-description .col,
  .h-product-details .col,
  .h-product-dimensions .col {
    padding: 0; }
  .h-product-description .col-flex-cover,
  .h-product-details .col-flex-cover,
  .h-product-dimensions .col-flex-cover {
    left: 0;
    right: 0; }

.h-product-description {
  padding: 0;
  background-color: #f7f7f7; }
  .h-product-description .h-product-description__image {
    padding: 0;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .h-product-description .h-product-description__image {
        margin: 0; } }
    .h-product-description .h-product-description__image .col-flex-cover {
      left: 0;
      right: 0;
      z-index: 1; }
    .h-product-description .h-product-description__image .h-product-description__zoom {
      display: block;
      position: absolute;
      top: 24px;
      right: 24px;
      cursor: pointer;
      z-index: 2; }
      .h-product-description .h-product-description__image .h-product-description__zoom .bt-minus {
        display: none; }
      .h-product-description .h-product-description__image .h-product-description__zoom .bt-plus {
        display: inline; }
    .h-product-description .h-product-description__image .h-product-description__imagelinks {
      display: block;
      position: absolute;
      top: 24px;
      left: 24px;
      cursor: pointer;
      z-index: 2; }
      .h-product-description .h-product-description__image .h-product-description__imagelinks a {
        display: block;
        float: left;
        clear: left;
        text-decoration: none; }
      .h-product-description .h-product-description__image .h-product-description__imagelinks .h-product-description__imagelink--active {
        font-weight: bold; }
      .h-product-description .h-product-description__image .h-product-description__imagelinks .bt-minus {
        display: none; }
      .h-product-description .h-product-description__image .h-product-description__imagelinks .bt-plus {
        display: inline; }
  .h-product-description .h-product-description__image--zooming .col-flex-cover {
    -webkit-transition: transform .2s;
    transition: transform .2s;
    transform: scale(3); }
  .h-product-description .h-product-description__image--zooming-out .col-flex-cover {
    top: -100% !important;
    bottom: -100% !important;
    left: -100% !important;
    right: -100% !important;
    -webkit-transition: transform .2s;
    transition: transform .2s;
    transform: scale(0.33); }
  .h-product-description .h-product-description__image--zoomed {
    cursor: move; }
    .h-product-description .h-product-description__image--zoomed .col-flex-cover {
      top: -100%;
      bottom: -100%;
      left: -100%;
      right: -100%; }
    .h-product-description .h-product-description__image--zoomed .h-product-description__zoom .bt-minus {
      display: inline; }
    .h-product-description .h-product-description__image--zoomed .h-product-description__zoom .bt-plus {
      display: none; }
  .h-product-description .h-product-description__content {
    color: #777777;
    background-color: #eeeeee; }
    .h-product-description .h-product-description__content .col-flex-cover {
      position: static;
      padding: 8.33%; }

.h-product-details {
  background-color: #eeeeee;
  padding: 0; }
  .h-product-details ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .h-product-details ul li a {
      text-decoration: none; }
    .h-product-details ul .h-product-details__imagelink--active {
      font-weight: bold; }
  .h-product-details .h-product-details__content {
    color: #777777; }
    .h-product-details .h-product-details__content .col-flex-cover {
      position: static;
      padding: 8.33%; }
  .h-product-details .h-product-details__image {
    padding: 0;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .h-product-details .h-product-details__image {
        margin: 0; } }
    .h-product-details .h-product-details__image .col-flex-cover {
      left: 0;
      right: 0; }

.h-product-dimensions {
  background-color: #f7f7f7;
  padding: 0; }
  .h-product-dimensions .h-product-dimensions__content {
    color: #777777;
    position: static;
    padding: 8.33%; }
  .h-product-dimensions .h-product-dimensions__image {
    padding: 0;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .h-product-dimensions .h-product-dimensions__image {
        margin: 0; } }
    .h-product-dimensions .h-product-dimensions__image .col-flex-cover {
      left: 0;
      right: 0; }

.h-product-works-with {
  padding-top: 4.33%;
  padding-bottom: 4.33%;
  background-color: #ffffff; }
  .h-product-works-with:before, .h-product-works-with:after {
    content: " ";
    display: table; }
  .h-product-works-with:after {
    clear: both; }
  .lt-ie8 .h-product-works-with {
    *zoom: 1; }

.h-product-conclusion {
  padding: 8.33%; }
  .h-product-conclusion .h-product-conclusion__content {
    color: #777777;
    padding-top: 8.33%;
    padding-bottom: 8.33%; }
    .h-product-conclusion .h-product-conclusion__content .h-color-selector,
    .h-product-conclusion .h-product-conclusion__content .h-size-selector {
      margin-top: 1em;
      margin-bottom: 1em; }
    .h-product-conclusion .h-product-conclusion__content a[data-modal] {
      display: block;
      margin: 1em 0; }

.h-product-description .h-ctas,
.h-product-details .h-ctas,
.h-product-conclusion .h-ctas {
  display: -moz-inline-stack;
  display: inline-block; }
  .lt-ie9 .h-product-description .h-ctas, .lt-ie9
  .h-product-details .h-ctas, .lt-ie9
  .h-product-conclusion .h-ctas {
    zoom: 1;
    *display: inline; }
.h-product-description h1,
.h-product-details h1,
.h-product-conclusion h1 {
  margin-bottom: 0; }
.h-product-description .h-ctas,
.h-product-description .h-color-selector,
.h-product-description .h-size-selector,
.h-product-details .h-ctas,
.h-product-details .h-color-selector,
.h-product-details .h-size-selector,
.h-product-conclusion .h-ctas,
.h-product-conclusion .h-color-selector,
.h-product-conclusion .h-size-selector {
  margin-top: 1em;
  margin-bottom: 30px; }
.h-product-description .h-quantity-selector,
.h-product-details .h-quantity-selector,
.h-product-conclusion .h-quantity-selector {
  margin-right: 2em; }
.h-product-description .h-button-text span,
.h-product-details .h-button-text span,
.h-product-conclusion .h-button-text span {
  display: none; }
.h-product-description .h-button-text:hover span,
.h-product-details .h-button-text:hover span,
.h-product-conclusion .h-button-text:hover span {
  display: inline; }

.h-color-selector .h-color-selector__color {
  display: -moz-inline-stack;
  display: inline-block;
  height: 30px;
  width: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }
  .lt-ie9 .h-color-selector .h-color-selector__color {
    zoom: 1;
    *display: inline; }
  .h-color-selector .h-color-selector__color input:checked ~ img {
    box-shadow: 0px 0px 2px #777777;
    border: 1px solid #ffffff; }
  .h-color-selector .h-color-selector__color label {
    cursor: pointer;
    border-radius: 32px; }
  .h-color-selector .h-color-selector__color img {
    border-radius: 30px;
    border: 1px solid transparent; }
  .h-color-selector .h-color-selector__color input {
    display: none; }
  .h-color-selector .h-color-selector__color span {
    display: none; }

.h-quantity-selector {
  display: inline-table; }
  .h-quantity-selector button {
    display: table-cell;
    height: 28px;
    width: 20px;
    border: none;
    padding: 0;
    margin: 0;
    background-color: #dddddd;
    color: #ffffff;
    text-align: center; }
    .h-quantity-selector button i {
      font-size: 12px; }
  .h-quantity-selector input {
    display: table-cell;
    height: 28px;
    width: 28px;
    font-size: 12px;
    padding: 0;
    border: 0;
    text-align: center;
    color: #777777;
    background-color: #ffffff; }

.h-product-works-with .pull-half {
  left: -6.333%; }
.h-product-works-with .top-half {
  margin-top: 6.333%; }
@media screen and (max-width: 767px) {
  .h-product-works-with .pull-half {
    left: 0; }
  .h-product-works-with .top-half {
    margin-top: 0; } }

.h-modal .h-content {
  padding: 8.333%;
  color: #dddddd; }
  .h-modal .h-content h1 {
    color: #ffffff; }

.h-white-card {
  padding: 24px;
  background: #FFFFFF; }
  @media screen and (max-width: 767px) {
    .h-white-card {
      padding: 12px; } }
  .h-white-card .h-select {
    width: 100%;
    padding: 5px 8px;
    height: 30px;
    background-color: #f7f7f7;
    min-width: auto; }

.h-checkout {
  background: #f7f7f7;
  padding: 0;
  color: #aaaaaa; }
  .h-checkout .h-checkout-steps,
  .h-checkout .h-order-summary,
  .h-checkout .h-checkout-thanks {
    padding: 0; }
    .h-checkout .h-checkout-steps .col-flex-cover,
    .h-checkout .h-order-summary .col-flex-cover,
    .h-checkout .h-checkout-thanks .col-flex-cover {
      position: static;
      padding: 48px; }
      @media screen and (max-width: 767px) {
        .h-checkout .h-checkout-steps .col-flex-cover,
        .h-checkout .h-order-summary .col-flex-cover,
        .h-checkout .h-checkout-thanks .col-flex-cover {
          padding: 24px; } }
  .h-checkout .h-checkout-steps .col-flex-cover > .row {
    margin-left: -24px;
    margin-right: -24px; }
  .h-checkout .h-checkout-steps__step {
    padding: 30px 15px; }
    .h-checkout .h-checkout-steps__step:before, .h-checkout .h-checkout-steps__step:after {
      content: " ";
      display: table; }
    .h-checkout .h-checkout-steps__step:after {
      clear: both; }
    .lt-ie8 .h-checkout .h-checkout-steps__step {
      *zoom: 1; }
  .h-checkout .h-register {
    padding: 0 24px; }
    .h-checkout .h-register input[type="text"],
    .h-checkout .h-register input[type="email"],
    .h-checkout .h-register input[type="password"] {
      background: #eeeeee; }
    .h-checkout .h-register .bt-check {
      margin-right: 0.5em; }
  .h-checkout .h-checkout-new-card {
    border-radius: 15px; }
    .h-checkout .h-checkout-new-card .new-card-header {
      margin-bottom: 90px; }
      @media screen and (max-width: 767px) {
        .h-checkout .h-checkout-new-card .new-card-header {
          margin-bottom: 50px; } }
  .h-checkout .h-review-address p:first-of-type,
  .h-checkout .h-review-payment p:first-of-type {
    margin-top: 0; }
  .h-checkout .h-review-address p:last-of-type,
  .h-checkout .h-review-payment p:last-of-type {
    margin-bottom: 0; }
  .h-checkout .h-order-summary {
    background: #eeeeee; }
    .h-checkout .h-order-summary input {
      background: #dddddd; }
    .h-checkout .h-order-summary .h-valid-code {
      margin-top: 10px; }
    .h-checkout .h-order-summary .h-order-subtotals {
      margin: 40px 0 50px; }
      @media screen and (max-width: 767px) {
        .h-checkout .h-order-summary .h-order-subtotals {
          margin-bottom: 30px; } }
    .h-checkout .h-order-summary .h-order-total {
      position: absolute;
      bottom: 48px;
      left: 48px;
      right: 48px; }
      @media screen and (max-width: 767px) {
        .h-checkout .h-order-summary .h-order-total {
          position: relative;
          left: 0;
          bottom: 0; } }
      .h-checkout .h-order-summary .h-order-total h3 {
        margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .h-checkout .h-order-summary {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1; }
    .h-checkout-steps {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; } }
  .h-checkout .h-checkout-thanks__content {
    margin-bottom: 48px; }

.h-account {
  background: #f7f7f7;
  padding: 0;
  color: #aaaaaa; }
  .h-account .h-account-sections,
  .h-account .h-account-wishlist {
    padding: 0; }
    .h-account .h-account-sections .col-flex-cover,
    .h-account .h-account-wishlist .col-flex-cover {
      position: static;
      padding: 48px; }
      @media screen and (max-width: 767px) {
        .h-account .h-account-sections .col-flex-cover,
        .h-account .h-account-wishlist .col-flex-cover {
          padding: 24px; } }
  .h-account .h-account-wishlist {
    background: #eeeeee; }
    .h-account .h-account-wishlist .h-wishlist-share {
      position: absolute;
      bottom: 48px;
      left: 48px;
      right: 48px; }
      @media screen and (max-width: 767px) {
        .h-account .h-account-wishlist .h-wishlist-share {
          left: 0;
          right: 24px;
          bottom: 24px; } }
      .h-account .h-account-wishlist .h-wishlist-share h3 {
        margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .h-account .h-account-wishlist {
        min-height: calc(100vh - 60px); } }
  .h-account .h-account-sections .col-flex-cover > .row {
    margin-left: -24px;
    margin-right: -24px; }
  .h-account .h-account-sections__section {
    padding: 30px 15px; }
    .h-account .h-account-sections__section:before, .h-account .h-account-sections__section:after {
      content: " ";
      display: table; }
    .h-account .h-account-sections__section:after {
      clear: both; }
    .lt-ie8 .h-account .h-account-sections__section {
      *zoom: 1; }
  .h-account .h-account-password {
    padding: 0 24px; }
    .h-account .h-account-password input[type="text"],
    .h-account .h-account-password input[type="password"] {
      background: #eeeeee; }
    @media screen and (max-width: 767px) {
      .h-account .h-account-password {
        padding: 0; } }
  .h-account .h-order-details {
    margin-bottom: 36px; }
    .h-account .h-order-details:before, .h-account .h-order-details:after {
      content: " ";
      display: table; }
    .h-account .h-order-details:after {
      clear: both; }
    .lt-ie8 .h-account .h-order-details {
      *zoom: 1; }
    .h-account .h-order-details .h-order-visible-details {
      margin-bottom: 0; }
  .h-account .h-order-details__shown {
    display: none;
    margin-top: 24px; }
    .h-account .h-order-details__shown .bt-check {
      color: #09BF09;
      margin-right: 0.5em; }

    .h-account .h-order-details__shown.js-show-details {
      display: block; }
  .h-account .h-order-details__items {
    background: #eeeeee;
    padding: 24px; }
    @media screen and (max-width: 767px) {
      .h-account .h-order-details__items {
        padding: 0;
        background: inherit; }
        .h-account .h-order-details__items p.h-cta, .h-account .h-order-details__items .h-wishlist-buttons p.h-wishlist-price, .h-account .h-wishlist-buttons .h-order-details__items p.h-wishlist-price {
          margin: 0; } }
  .h-account .h-order-totals-shipping {
    position: relative;
    padding-left: 48px;
    padding-top: 24px; }
    @media screen and (max-width: 767px) {
      .h-account .h-order-totals-shipping {
        padding: 0; } }
  .h-account .h-order-subtotals p:last-of-type {
    margin-top: 24px; }
  .h-account .h-order-shipping {
    position: absolute;
    right: 12px;
    left: 12px;
    bottom: 0; }
    .h-account .h-order-shipping__mobile {
      margin-top: 20px; }
      .h-account .h-order-shipping__mobile span {
        display: inline-block;
        margin-top: 10px; }
  .h-account .h-card-details {
    margin-bottom: 36px; }
  .h-account .h-address p:first-of-type {
    margin-top: 0; }
  .h-account .h-address p:last-of-type {
    margin-bottom: 0; }
  .h-wishlist-buttons {
    margin-top: 1em; }
    .h-wishlist-buttons > * {
      float: left;
      margin-left: 0;
      padding: 12px 15px; }
    .h-wishlist-buttons .h-wishlist-price {
      background: #aaaaaa;
      width: 60px;
      text-align: center;
      color: #FFFFFF;
      line-height: 1;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .h-wishlist-buttons .h-button-cart {
      background: #777777; }
  .h-wishlist-delete {
    margin-top: 0.5em; }
  @media screen and (max-width: 767px) {
    .h-account .h-account-wishlist {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1; }
    .h-account .h-account-sections {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; } }

.flex-center {
  display: flex;
  align-items: center; }

.flex-item-center {
  flex-grow: 1; }

.home-index-container .title,
.home-index-container .meta,
.blog-index-container .title,
.blog-index-container .meta {
  opacity: 0;
  color: #fff;
  position: absolute;
  z-index: 1;
  margin-left: 20px; }
.home-index-container .meta {
  bottom: 0;
}
.blog-index-container .meta {
  bottom: 30px; }
  @media screen and (max-width: 767px) {
    .home-index-container .title,
    .home-index-container .meta,
    .blog-index-container .title,
    .blog-index-container .meta {
      opacity: 1; }
      .blog-index-container .meta {
        bottom: 10px; } }
.home-index-container:hover .title,
.home-index-container:hover .meta,
.blog-index-container:hover .title,
.blog-index-container:hover .meta {
  transition: opacity 300ms linear;
  opacity: 1; }

.homepage-hero .row,
.homepage-stories .row {
  margin-bottom: 24px; }

.homepage-hero .title {
  padding-top: 60px;
  color: #fff; }

.homepage-hero .home-hero-story {
  padding-bottom: 30%;
}

.home-index-container {
  padding-left: 24px;
  padding-top: 24px; }
  .home-index-container .title,
  .home-index-container .meta {
    opacity: 1;
    margin-left: 0; }
  .home-index-container h2,
  .home-index-container h3 {
    margin-bottom: 0;
    color: #FFFFFF;
  }
.image-bottom-links {
  color: #fff;
  position: absolute;
  z-index: 1;
  bottom: 0;
  list-style: none;
  padding-left: 0; }
  .image-bottom-links a {
    color: #fff;
    text-decoration: none; }
    .image-bottom-links a:hover {
      text-decoration: underline; }

/*.home-shop-container {
  margin: 0 15px; }
  .home-shop-container:only-of-type, .home-shop-container:last-of-type {
    margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .home-shop-container {
      margin: 0 0 12px; }
      .home-shop-container:only-of-type, .home-shop-container:last-of-type {
        margin: 0 0 24px; }
    .homepage-shop-mens {
      margin-bottom: 0;
    } }
  .home-shop-container .title {
    position: absolute;
    padding-top: 24px;
    color: #ffffff; }*/

.homepage-shop-mens .title {
  color: #aaaaaa;
}

/*.text.section {
  color: #AAAAAA;
}*/

/* Blog Index */
/*.blog-grid {
  margin: 24px 0;
}*/

@media screen and (min-width: 768px) {
  /*.blog-grid {
    margin-bottom: 0;
  }*/

  .blog-index-container {
    margin-bottom: 24px;
  }

}

/* Blog Post */
./*h-story {
  color: #AAAAAA;
  background: #FFFFFF;
  padding-bottom: 30px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .h-hero-image {
    width: 100%;
    margin-top: 0;
    top: 60px;
    z-index: -1;
  }
  .h-hero-image img {
    position: fixed;
    top: 60px;
    width: 100%;
  }
  .h-scroll-not-top .h-hero-image img {
    top: 40px;
  }
}

.h-story-meta {
  padding-top: 50px;
}

.h-story-title h1,
.h-story-subtitle h2 {
  font-size: 30px;
  margin-bottom: 0;
  color: #222222;
}

.h-story-category {
  margin-top: 20px;
}

.h-story-content {
  padding-top: 30px;
}

.row-image  {
  margin: 30px 0;
}

  @media screen and (max-width: 767px) {
    .h-story {
      padding-bottom: 20px;
    }
    .h-story-meta {
      padding-top: 30px;
    }
    .h-story-content {
      padding-top: 0;
    }
    .h-story .container .container {
      padding-left: 10px;
      padding-right: 10px;
    }
    .h-story .h-story-content,
    .h-story .h-story-meta {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
*/
/* Collection callout */

/*.text.section + .collection-callout.section {
  padding-top: 40px;
}*/

/*.h-collection-callout {
  padding: 80px 0;
}

.h-collection-callout-dark {
  background: #222222;
  color: white;
}

.h-collection-callout__title h3 {
  margin-top: 45px;
}

.h-collection-callout__content {
  padding-top: 25px;
}

.h-collection-callout__link {
  position: absolute;
  bottom: 30px;
  font-weight: bold;
  text-decoration: none;
}

.h-collection-callout__link:hover,
.h-collection-callout__link:focus {
  text-decoration: underline;
}

@media screen and (max-width: 767px ) {
  .text.section + .collection-callout.section {
    padding-top: 20px;
  }
  .h-collection-callout {
    padding: 0 0 40px;
  }

  .h-collection-callout__title h3 {
    margin-bottom: 15px;
  }

  .h-collection-callout__content {
    padding-top: 0;
  }

  .h-collection-callout__link {
    position: relative;
    bottom: 0;
  }
}*/

/* Region selector */
/*.h-region {
  text-align: right;
  font-size: 13px;
  margin-top: 50px;
}

.h-region a {
  text-decoration: none;
}

.h-region a:hover,
.h-region a:focus {
  text-decoration: underline;
}

.h-region-modal {
  display: none;
  position: fixed;
  background: #FFFFFF;
  top: 50%;
  left: 50%;
  width: 25%;
  right: auto;
  bottom: auto;
  z-index: 1001;
  max-height: calc(100% - 50%);
  transform: translate(-50%, -50%);
  padding: 0;
}

.h-region-selected:before {
  content: "International Site";
}

.h-region-canada:before {
  content: "Canada";
}

.h-region-usa:before {
  content: "United States";
}

.h-region-usa:after,
.h-region-canada:after {
  content: "";
  width: 21px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
  margin-left: 5px;
}

.h-region-canada:after {
  background-image: url(global/images/canada.svg);
}

.h-region-usa:after {
  background-image: url(global/images/usa.svg);
}

.h-modal-header {
  background: #f7f7f7;
  padding: 24px;
}

.h-modal-body {
  padding: 48px 24px;
}

.h-region-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.25);
  z-index: 999;
}

.h-region-modal.h-modal--active + .h-region-overlay {
  display: block;
}*/

/* cart modal */
/*.h-cart-quantity {
  display: inline-block;
  vertical-align: middle;
}
  .h-cart-quantity button {
    background: transparent;
    display: block;
    height: 12px;
    margin-bottom: 5px;
    color: inherit;
  }
  .h-cart-quantity input {
    width: 20px;
    background: #222;
    height: 24px;
  }

.h-cart-checkout {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.order-item p:first-of-type {
  margin-bottom: 0;
}

.order-item p:last-of-type {
  margin-top: 0;
}*/

/*.h-large-link,
.h-large-link:hover,
.h-large-link:focus {
  text-decoration: none;
}*/

/* account modal */
/*.h-account-forms {
  margin-top: 10%;
}*/

/* customer service page */

/*.h-cs-container {
  padding: 0;
}

.h-cs-actions {
  margin: 0;
}

.h-faqs-container,
.h-cf-container {
 padding: 48px;
 margin-bottom: 0;
}

.h-faqs-container {
 background: #eeeeee;
}

.h-cf-container {
 background: #e7e7e7;
}*/

/* subnavs/filters */
/*.h-subnav {
  background: #eeeeee;
}
.h-filter-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dddddd;
}
  .h-filter-container > div {
    width: 50%;
    padding: 20px;
  }

  .h-filter-container > div:only-of-type {
    width: 100%;
  }

.h-subnav-title {
  background: #eeeeee;
}

.h-subnav-title span {
  margin-left: 20px;
}

.h-subnav-filter:hover {
  cursor: pointer;
}

  .h-subnav-filter i {
    position: relative;
    top: 2px;
  }

.h-subnav-dropdown {
  display: none;
  position: fixed;
  bottom: 0;
  width: calc(33.33% - 8px);
  background: #dddddd;
  top: 118px;
  height: calc(100vh - 118px);
  box-sizing: border-box;
  padding: 24px;
  z-index: 10;
}
  .h-subnav-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .h-subnav-dropdown ul li a {
    text-decoration: none;
  }

.h-dropdown-primary {
  left: 0;
}

.h-dropdown-secondary {
  right: 0;
}

.h-subnav-open {
  display: block;
}

a.subnav-current {
  color: #222222;
}
@media screen and (max-width: 767px) {
  .h-subnav .h-subnav-title {
    display: none;
  }
  .h-filter-container {
    background: transparent;
  }
    .h-filter-container > div {
      width: 100%;
    }
  .h-filter-container.filter-open {
    background: #dddddd;
  }
  .h-subnav-dropdown {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .filter-primary-container {
    position: relative;
    right: 8px;
  }
}*/

/* faqs component */
/*
.h-faq-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
}

.h-faq-list > li {
  counter-increment: customlistcounter;
}

.h-faq-list > li:before {
  content: counter(customlistcounter, decimal-leading-zero);
  float: left;
  margin-right: 5px;
}

.h-faq-list:first-child {
  counter-reset: customlistcounter;
}

.category-title.open + .h-faq-list {
  display: block;
}

.category-title .bt-minus {
  display: none;
}

.category-title.open .bt-minus {
  display: inline-block;
}

.category-title.open .bt-plus {
  display: none;
}

.category-title a {
  text-decoration: none;
}

li.open {
  background: #FFFFFF;
  padding: 15px 15px 1px;
  margin: 0 -15px 15px;
}

.h-faq-q {
  text-decoration: none;
}

.h-faq-q p {
  margin-top: 0;
}

.h-faq-a {
  display: none;
}

.h-faq-q.open {
  text-decoration: underline;
}

.h-faq-q.open + .h-faq-a {
  display: block;
}*/

/* toastr */
/*.h-toastr {
  width: 320px;
  position: fixed;
  right: 15px;
  top: 75px;
  z-index: 1000;
  padding: 15px;
  background: #222222;
}

.h-toastr-checkout {
  margin: 20px 0 0;
}

.h-toastr-checkout a {
  text-decoration: none;
}
*/
/* raw html lookbook homepage */
.first-img {
    width: 90%;
    position: absolute;
    border-right: 12px solid white;
    border-bottom: 12px solid white;
    z-index: 10;
  }
.second-img {
  width: 90%;
  position: relative;
  float: right;
  margin-top: 9%;
}
@media screen and (min-width: 768px) {
  .first-image {
    border-right-width: 24px;
    border-bottom-width: 24px;
  }
}
.first-img img,
.second-img img {
  display: block;
}

/* raw html lookbook index */
.lookbook-index {
  height: calc(100vh - 60px);
}
.lookbook-index .col {
  padding: 0; }
@media screen and (max-width: 767px) {
  .lookbook-image {
    height: calc(50vh - 30px);
  }
  .lookbook-index .lookbook-image:before {
    padding-top: 200%; } }
.lookbook-index .lookbook-index-container {
  position: relative; }
  .lookbook-index .lookbook-index-container .lookbook-meta {
    position: absolute;
    top: 0;
    background-color: #ffffff;
    opacity: 0;
    transition: opacity 100ms linear; }
@media screen and (min-width: 768px) {
  .lookbook-image {
    height: calc(100vh - 60px);
  }
}
/*  .lookbook-index .lookbook-index-container:hover .lookbook-meta {
    transition: opacity 300ms linear;
    opacity: 1; }
    @media screen and (max-width: 767px) {
      .lookbook-index .lookbook-index-container:hover .lookbook-meta {
        opacity: 0;
        visibility: hidden;
        display: none; } }*/

.contactForm.section {
  background: transparent;
}
/*# sourceMappingURL=style.css.map */