/* 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;
}

.container {
  width: 960px;
  margin: 0 auto;
  margin-top: 15px;
}

.side_step {
  float: left;
  margin: 5px;
}