/* end-of-season-sale */
/**~
 *  This import is only possible because a symlink was set up to point at ../web-app.war/assets/styles/less
 *  An antry is in the gitignore to ignore that directory. In this way, we can access
 *  FINL's core LESS styles for stylsheets which live on /media.
 */
/* fl-variables */
/**
 *  DO NOT edit variables in the bootstrap folder. The bootstrap folder is intended to
 *  always be identical to the LESS files in the version of Bootstrap we are currently
 *  using. ONLY edit variables/mixins in the fl-* LESS files.
 */
/* variables.less */
/* fl-mixins */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/**
 *  DO NOT edit mixins in the bootstrap folder. The bootstrap folder is intended to
 *  always be identical to the LESS files in the version of Bootstrap we are currently
 *  using. ONLY edit variables/mixins in the fl-* LESS files.
 *
 *  In addition, many of the mixins in this file may be contained in namespaces.
 *  Since the syntax for namespaces looks exactly like id selectors, namespace
 *  names should be prefixed with "ns" and camelCased.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#eoss-wrap {
  margin: 20px;
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#eoss-wrap.mobile {
  margin: 0;
  background-color: #ffffff;
}
#eoss-wrap.mobile #footer {
  padding: 0 14px 5px;
}
#eoss-wrap.mobile h2 {
  margin: 14px 0;
  font-size: 34px;
}
#eoss-wrap.mobile #header {
  height: 230px;
  background: transparent url('../images/header-mobile.jpg') top center no-repeat;
}
#eoss-wrap.mobile #header a.shop-all {
  margin-top: 6px;
}
#eoss-wrap.mobile #header p {
  width: 266px;
  margin: 105px auto 0;
  font-size: 15px;
  line-height: 1.1em;
}
#eoss-wrap.mobile section,
#eoss-wrap.mobile .section {
  margin-bottom: -75px;
}
#eoss-wrap.mobile section div a,
#eoss-wrap.mobile .section div a {
  display: block;
  width: 300px;
  margin: 14px auto;
}
#eoss-wrap.mobile section div a:first-child,
#eoss-wrap.mobile .section div a:first-child {
  margin-left: auto;
}
#eoss-wrap footer,
#eoss-wrap #footer {
  color: #9b9b9b;
  font-family: 'Knockout 31 4r', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}
#eoss-wrap h2 {
  margin: 30px 0 14px;
  background-color: #898989;
  font-family: inherit;
  font-size: 55px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}
#eoss-wrap header,
#eoss-wrap #header {
  height: 283px;
  padding-top: 1px;
  background: transparent url('../images/header-banner.jpg') top center no-repeat;
  text-align: center;
}
#eoss-wrap header a.shop-all,
#eoss-wrap #header a.shop-all {
  margin-top: 12px;
  margin-left: auto;
}
#eoss-wrap header p,
#eoss-wrap #header p {
  width: 365px;
  margin: 150px auto 0;
  color: #ffffff;
  font-family: 'Knockout 31 4r', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2em;
  text-shadow: 1px 1px 0 rgba(30, 30, 30, 0.5);
}
#eoss-wrap #section1 {
  margin: -20px auto -20px auto;
}
#eoss-wrap section,
#eoss-wrap .section {
  margin-bottom: -75px;
  text-align: center;
}
#eoss-wrap section .product,
#eoss-wrap .section .product {
  display: inline;
  margin-right: 12px;
}
#eoss-wrap section .product img,
#eoss-wrap .section .product img {
  margin-bottom: 12px;
}
#eoss-wrap .shop-all {
  display: inline-block;
  padding: 10px 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: #fff;
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  bottom: 90px;
  left: 236px;
}
#eoss-wrap .shop-all:after {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-left: 0.6em;
  background: url('../images/triangles_all_colors_8x12_2px_gutter.png') -8px -28px no-repeat;
}
#eoss-wrap .shop-all:hover {
  background-color: #800d13;
}
#eoss-wrap #shop-all-list {
  margin: 100px 0 80px 0;
  width: 960px;
  height: 160px;
}
#eoss-wrap #shop-all-list ul {
  list-style: none;
  width: 308px;
  font-size: 1.5em;
  margin: 0 5px 0 0;
  float: left;
  text-transform: uppercase;
}
#eoss-wrap #shop-all-list ul p {
  color: #fff;
  background-color: #898989;
  padding: 7px 20px;
  font-size: 1.1em;
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}
#eoss-wrap #shop-all-list ul a {
  color: #898989;
}
#eoss-wrap #shop-all-list ul a:hover {
  color: #898989;
  text-decoration: none;
}
#eoss-wrap #shop-all-list ul a li {
  margin-bottom: 3px;
  background-color: #f7f7f7;
  padding: 7px 20px;
  margin-left: 0px;
}
#eoss-wrap #shop-all-list ul a li:hover {
  background-color: #ebebeb;
}
#eoss-wrap #shop-all-list ul a li:after {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-left: 0.6em;
  background: url('../images/triangles_all_colors_8x12_2px_gutter.png') -8px -15px no-repeat;
}
#eoss-wrap .shop-deals {
  display: inline-block;
  padding: 10px 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: #fff;
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 175px;
  margin-left: 351px;
}
#eoss-wrap .shop-deals:after {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-left: 0.6em;
  background: url('../images/triangles_all_colors_8x12_2px_gutter.png') -8px -28px no-repeat;
}
