@font-face { /* @todo font-display swap */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local('Rubik'),
       url('rubik-regular-webfont.woff2') format('woff2'),
       url('rubik-regular-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: local('Rubik Italic'), local('Rubik-Italic'),
       url('rubik-regularitalic-webfont.woff2') format('woff2'),
       url('rubik-regularitalic-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local('Rubik Medium'), local('Rubik-Medium'),
       url('rubik-medium-webfont.woff2') format('woff2'),
       url('rubik-medium-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: local('Rubik Medium Italic'), local('Rubik-Medium-Italic'),
       url('rubik-mediumitalic-webfont.woff2') format('woff2'),
       url('rubik-mediumitalic-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: local('Rubik Bold'), local('Rubik-Bold'),
       url('rubik-bold-webfont.woff2') format('woff2'),
       url('rubik-bold-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Brandon Smith';
  font-style: normal;
  font-weight: 400;
  src: local('Brandon Smith'), local('Brandon-Smith'),
       url('brandon_smith-webfont.woff2') format('woff2'),
       url('brandon_smith-webfont.woff') format('woff');
}

@font-face {
	font-family: 'Icons';
	src: url('icons.eot?evgtkp');
	src: url('icons.eot?evgtkp#iefix') format('embedded-opentype'),
		url('icons.ttf?evgtkp') format('truetype'),
		url('icons.woff?evgtkp') format('woff'),
		url('icons.svg?evgtkp#icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.icon-font::before {
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  line-height: 1em;
  margin: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 0.075em;
}

.icon-caret.thin::before { content: '\e900'; }
.icon-caret::before { content: '\e901'; }
.icon-angle-double.thin::before { content: '\e902'; }
.icon-angle-double::before { content: '\e903'; }
.icon-chevron.thin::before { content: '\e906'; }
.icon-chevron::before {
	content: '\e907';
	margin-right: -0.2em;
}
.icon-arrow.thin::before { content: '\e908'; }
.icon-arrow::before { content: '\e909'; }
.icon-long-arrow.thin::before { content: '\e90a'; }
.icon-long-arrow::before { content: '\e90b'; }
.icon-arrow-alt-circle.thin::before { content: '\e904'; }
.icon-arrow-alt-circle::before { content: '\e905'; }
.icon-check.thin::before { content: '\e90c'; }
.icon-check::before { content: '\e90d'; }
.icon-times.thin::before { content: '\e90e'; }
.icon-times::before { content: '\e90f'; }
.icon-plus.thin::before { content: '\e910'; }
.icon-plus::before { content: '\e911'; }
.icon-spinner.thin::before { content: '\e912'; }
.icon-spinner::before { content: '\e913'; }
.icon-ellipsis-h.thin::before { content: '\e914'; }
.icon-ellipsis-h::before { content: '\e915'; }
.icon-ellipsis-v.thin::before { content: '\e916'; }
.icon-ellipsis-v::before { content: '\e917'; }
.icon-asterisk.thin::before { content: '\e918'; }
.icon-asterisk::before { content: '\e919'; }
.icon-asterisk-alt.thin::before { content: '\e91a'; }
.icon-asterisk-alt::before { content: '\e91b'; }
.icon-heart.thin::before { content: '\e92c'; }
.icon-heart::before { content: '\e92d'; }
.icon-star.thin::before { content: '\e940'; }
.icon-star::before { content: '\e941'; }
.icon-comment.thin::before { content: '\e91e'; }
.icon-comment::before { content: '\e91f'; }
.icon-envelope-open.thin::before { content: '\e920'; }
.icon-envelope-open::before { content: '\e921'; }
.icon-envelope.thin::before { content: '\e922'; }
.icon-envelope::before { content: '\e923'; }
.icon-exclamation.thin::before { content: '\e924'; }
.icon-exclamation::before { content: '\e925'; }
.icon-info.thin::before { content: '\e92e'; }
.icon-info::before { content: '\e92f'; }
.icon-pencil.thin::before { content: '\e930'; }
.icon-pencil::before { content: '\e931'; }
.icon-clock.thin::before { content: '\e91c'; }
.icon-clock::before { content: '\e91d'; }
.icon-video.thin::before { content: '\e94e'; }
.icon-video::before { content: '\e94f'; }
.icon-play.thin::before { content: '\e934'; }
.icon-play::before { content: '\e935'; }
.icon-print.thin::before { content: '\e936'; }
.icon-print::before { content: '\e937'; }
.icon-bars.thin:before { content: '\e926'; }
.icon-bars:before { content: '\e927'; }
.icon-search.thin::before { content: '\e93a'; }
.icon-search::before { content: '\e93b'; }
.icon-share-alt.thin::before { content: '\e93c'; }
.icon-share-alt::before { content: '\e93d'; }
.icon-shopping-cart.thin::before { content: '\e93e'; }
.icon-shopping-cart::before { content: '\e93f'; }
.icon-tag.thin::before { content: '\e942'; }
.icon-tag::before { content: '\e943'; }
.icon-thumbtack.thin::before { content: '\e944'; }
.icon-thumbtack::before { content: '\e945'; }
.icon-user-alt.thin::before { content: '\e946'; }
.icon-user-alt::before { content: '\e947'; }
.icon-utensils-alt.thin::before { content: '\e94a'; }
.icon-utensils-alt::before { content: '\e94b'; }
.icon-utensils.thin::before { content: '\e94c'; }
.icon-utensils::before { content: '\e94d'; }
.icon-hashtag.thin::before { content: '\e92a'; }
.icon-hashtag::before { content: '\e92b'; }
.icon-globe-americas::before { content: '\e950'; }
.icon-facebook::before { content: '\e951'; }
.icon-instagram::before { content: '\e952'; }
.icon-linkedinn::before { content: '\e953'; }
.icon-phone::before { content: '\e933'; }
.icon-pinterest::before { content: '\e954'; }
.icon-rss::before { content: '\e939'; }
.icon-twitter::before { content: '\e955'; }
.icon-youtube::before { content: '\e956'; }
.icon-yum::before {
	content: '\e957';
	width: 1.7em;
}
.icon-flask.thin:before { content: '\e928'; }
.icon-flask:before { content: '\e929'; }

.icon-font.down::before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.icon-font.left::before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	top: -0.075em;
}

.icon-font.up::before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}