.kss-swatch {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 145px;
  height: 140px;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-top: 90px; }
  .kss-swatch.kss-swatch-light {
    border: 1px solid #F6F6F6;
    color: #000; }

footer#footer {
  width: 100%;
  font-size: 14px;
  min-height: 150px;
  color: #FFF;
  padding-top: 20px;
  padding-bottom: 20px; }
  footer#footer ul li {
    list-style: none; }
  @media screen and (min-width: 768px) {
    footer#footer {
      padding-top: 40px;
      padding-bottom: 40px; } }
  footer#footer.footer {
    background: #000; }
  footer#footer .footer__firstline {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      footer#footer .footer__firstline {
        margin-bottom: 50px; } }
    footer#footer .footer__firstline ul li {
      display: inline-block; }
  footer#footer .footer__navigation ul li a {
    color: #FFF;
    padding: 0 10px; }
    footer#footer .footer__navigation ul li a:hover, footer#footer .footer__navigation ul li a:focus {
      background-color: transparent; }
  @media screen and (max-width: 767px) {
    footer#footer .footer__navigation ul li {
      display: block; } }
  @media screen and (min-width: 768px) {
    footer#footer .footer__navigation ul li {
      display: inline-block; }
      footer#footer .footer__navigation ul li:after {
        display: inline-block;
        content: " | ";
        position: relative;
        color: #FFF;
        padding: 0 10px; }
      footer#footer .footer__navigation ul li:last-child:after {
        content: ""; } }
  footer#footer .col-md-6.col-xs-6.footer__social-icons {
    padding-left: 0; }
  footer#footer .footer__social-icons {
    text-align: right; }
  footer#footer .footer__copyright {
    text-align: left;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      footer#footer .footer__copyright {
        text-align: right;
        margin-top: 0; } }
  footer#footer__social {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0; }
    footer#footer__social__item {
      float: right; }
      footer#footer__social__item__link {
        display: block;
        padding: 10px 0;
        display: inline-block; }
    footer#footer__social__icon {
      font-size: 15px; }
    footer#footer__social__wrapper {
      margin-bottom: 25px; }
      @media screen and (min-width: 768px) {
        footer#footer__social__wrapper {
          margin-bottom: 65px; } }