/* SocIcon */
@font-face {
  font-family: 'socicon';
  src: url("../fonts/socicon/socicon-webfont.eot");
  src: url("../fonts/socicon/socicon-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/socicon/socicon-webfont.woff") format("woff"), url("../fonts/socicon/socicon-webfont.ttf") format("truetype"), url("../fonts/socicon/socicon-webfont.svg#sociconregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* DinPro Fonts */
@font-face {
  font-family: 'dinpromedium';
  src: url("../fonts/din/din_pro_medium-webfont.eot");
  src: url("../fonts/din/din_pro_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/din/din_pro_medium-webfont.woff") format("woff"), url("../fonts/din/din_pro_medium-webfont.ttf") format("truetype"), url("../fonts/din/din_pro_medium-webfont.svg#dinpromedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'dinprobold';
  src: url("../fonts/din/dinpro-bold-webfont.eot");
  src: url("../fonts/din/dinpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/din/dinpro-bold-webfont.woff") format("woff"), url("../fonts/din/dinpro-bold-webfont.ttf") format("truetype"), url("../fonts/din/dinpro-bold-webfont.svg#dinprobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* BLOKK Fonts */
@font-face {
  font-family: 'BLOKKNeue-Regular';
  src: url("../fonts/blokk/BLOKKNeue-Regular.eot");
  src: url("../fonts/blokk/BLOKKNeue-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/blokk/BLOKKNeue-Regular.woff") format("woff"), url("../fonts/blokk/BLOKKNeue-Regular.svg#BLOKKNeue-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BLOKKRegular';
  src: url("../fonts/blokk/BLOKKRegular.eot");
  src: url("../fonts/blokk/BLOKKRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/blokk/BLOKKRegular.woff") format("woff"), url("../fonts/blokk/BLOKKRegular.svg#BLOKKRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* UNIQLO Fonts */
@font-face {
  font-family: 'UNIQLOLight';
  src: url("../fonts/uniqlo/uniqlolight-webfont.eot");
  src: url("../fonts/uniqlo/uniqlolight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/uniqlolight-webfont.woff") format("woff"), url("../fonts/uniqlo/uniqlolight-webfont.ttf") format("truetype"), url("../fonts/uniqlo/uniqlolight-webfont.svg#uniqlolightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UNIQLORegular';
  src: url("../fonts/uniqlo/uniqloregular-webfont.eot");
  src: url("../fonts/uniqlo/uniqloregular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/uniqloregular-webfont.woff") format("woff"), url("../fonts/uniqlo/uniqloregular-webfont.ttf") format("truetype"), url("../fonts/uniqlo/uniqloregular-webfont.svg#UniqloRegularRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UNIQLOBoldRegular';
  src: url("../fonts/uniqlo/uniqlobold-webfont.eot");
  src: url("../fonts/uniqlo/uniqlobold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/uniqlobold-webfont.woff") format("woff"), url("../fonts/uniqlo/uniqlobold-webfont.ttf") format("truetype"), url("../fonts/uniqlo/uniqlobold-webfont.svg#UniqloBoldRegular") format("svg");
  font-weight: normal;
  font-style: bold;
}

@font-face {
  font-family: 'UNIQLOBoldRounded';
  src: url("../fonts/uniqlo/UniqloBoldRounded.eot");
  src: url("../fonts/uniqlo/UniqloBoldRounded.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/UniqloBoldRounded.otf") format("opentype"), url("../fonts/uniqlo/UniqloBoldRounded.woff") format("woff"), url("../fonts/uniqlo/UniqloBoldRounded.ttf") format("truetype"), url("../fonts/uniqlo/UniqloBoldRounded.svg#HelveticaNeue") format("svg");
  font-style: bold;
}

/* Uniqlo Icons */
@font-face {
  font-family: 'uniqloIcons';
  src: url("../fonts/uniqloicons/uniqloicons.eot?58547753");
  src: url("../fonts/uniqloicons/uniqloicons.eot?58547753#iefix") format("embedded-opentype"), url("../fonts/uniqloicons/uniqloicons.woff?58547753") format("woff"), url("../fonts/uniqloicons/uniqloicons.ttf?58547753") format("truetype"), url("../fonts/uniqloicons/uniqloicons.svg?58547753#uniqlo_icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.button01 a, .button02 a, .button03 a, .button04 a, .button05 a, .button06 a, .button07 a, .button08 a, .button09 a, .button10 a, .button11 a, .button12 a, .button13 a, .button14 a, .button15 a, .button16 a, .button17 a, .button18 a, .button19 a, .button20 a, .button21 a, .button22 a, .button23 a, .button24 a, .button25 a, .button26 a, .button27 a, .button28 a, .button29 a, .button30 a {
  text-decoration: none !important;
  font: 12px dinprobold;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}

.button01 a, .button02 a, .button03 a, .button04 a, .button25 a {
  color: #FFF !important;
  border: 2px solid #000;
  background-color: #000;
}

.button05 a, .button06 a, .button07 a, .button08 a, .button26 a {
  color: #000 !important;
  border: 2px solid #000;
  background-color: #FFF;
}

.button09 a, .button10 a, .button11 a, .button12 a, .button27 a {
  color: #FD1C24 !important;
  border: 2px solid #FD1C24;
  background-color: #FFF;
}

.button13 a, .button14 a, .button15 a, .button16 a, .button28 a {
  color: #000 !important;
  border: 2px solid #000;
  background-color: rgba(255, 255, 255, 0);
}

.button17 a, .button18 a, .button19 a, .button20 a, .button29 a {
  color: #FFF !important;
  border: 2px solid #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.button21 a, .button22 a, .button23 a, .button24 a, .button30 a {
  color: #FD1C24 !important;
  border: 2px solid #FD1C24;
  background-color: rgba(255, 255, 255, 0);
}

.button01 a:hover {
  color: #000 !important;
  border-color: #000;
  background-color: #FFF;
}

.button02 a:hover, .button12 a:hover, .button18 a:hover, .button22 a:hover {
  color: #000 !important;
  background-color: rgba(255, 255, 255, 0);
  border-color: #000;
}

.button03 a:hover, .button07 a:hover, .button15 a:hover, .button19 a:hover, .button23 a:hover {
  color: #FFF !important;
  background-color: #FD1C24;
  border-color: #FD1C24;
}

.button04 a:hover, .button08 a:hover, .button16 a:hover, .button20 a:hover {
  color: #FD1C24 !important;
  background-color: rgba(255, 255, 255, 0);
  border-color: #FD1C24;
}

.button05 a:hover, .button11 a:hover, .button13 a:hover, .button17 a:hover, .button21 a:hover {
  color: #FFF !important;
  background-color: #000;
  border-color: #000;
}

.button06 a:hover, .button10 a:hover, .button14 a:hover, .button24 a:hover {
  color: #FFF !important;
  border-color: #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.button09 a:hover {
  color: #FFF !important;
  border-color: #FD1C24;
  background-color: #FD1C24;
}

.socinav {
  background-color: #fff;
  width: 220px;
  height: 99px;
  padding: 4px;
  display: block;
}
.socinav .socinav_text {
  font-family: dinprobold, verdana, arial, sans-serif;
  font-size: 15px;
  width: 220px;
  line-height: 14px;
  display: block;
  border-bottom: 2px solid #000;
  margin-bottom: 9px;
  padding: 6px 0;
  height: 30px;
}
.socinav .socinav_buttons {
  display: table;
  padding: 0;
  border: 0;
  position: relative;
  border-collapse: separate;
}
.socinav .socinav_buttons.b6 {
  border-spacing: 4px;
}
.socinav .socinav_buttons.b5 {
  border-spacing: 9px 4px;
}
.socinav .socinav_buttons.b4 {
  border-spacing: 18px 4px;
}
.socinav .socinav_buttons a {
  display: table-cell;
  position: relative;
  width: 34px;
  height: 34px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font: 22px socicon;
  color: #fff;
  background-color: #fd1c24;
}
.socinav .socinav_buttons a:hover {
  background-color: #fff;
  color: #fd1c24;
}

.stickyBanner {
  height: 228px;
  width: 228px;
  background: #FFF;
  font-family: dinprobold, sans-serif;
  font-size: 11px;
  text-align: center;
}
.stickyBanner img {
  width: 100%;
}
.stickyBanner .header {
  background-color: #fd1c24;
  height: 40px;
}
.stickyBanner .header h2 {
  display: table-cell;
  width: 228px;
  height: 40px;
  vertical-align: middle;
  color: #FFF;
  text-align: center;
  font-size: 1.5em;
}
.stickyBanner .footer {
  display: table-cell;
  box-sizing: border-box;
  width: 228px;
  height: 58px;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  border-bottom: 5px solid #fd1c24;
  padding: 0 10px;
}
.stickyBanner .footer span {
  text-align: center;
  color: #000;
}
.stickyBanner .content {
  height: 130px;
  width: 228px;
}
.stickyBanner .content .store img {
  margin: 0 auto;
}
.stickyBanner .content .store .storePin {
  padding: 10px 0 10px;
  height: 50px;
}
.stickyBanner .content .store .storeShop {
  height: 60px;
}
.stickyBanner .content .envelope img {
  height: 100px;
  padding-top: 1.2em;
  margin: 0 auto;
}
.stickyBanner .content .tickBox img {
  height: 100px;
  padding-top: 1.2em;
  display: block;
  margin: 0 auto;
}
.stickyBanner .content .uniqloLogo {
  width: 228px;
  height: 228px;
}
.stickyBanner .content .trucks {
  height: 140px;
  padding-top: 0;
  display: block;
  margin: 0 auto;
}