@charset "UTF-8";
/* line 5, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, legend, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
$cGold: #C98910;
$cSilver: #A8A8A8;
$cBronze: #965A38;
*/
@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon.eot?gmm6nk");
  src: url("/fonts/icomoon.eot?gmm6nk#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?gmm6nk") format("truetype"), url("/fonts/icomoon.woff?gmm6nk") format("woff"), url("/fonts/icomoon.svg?gmm6nk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, ../scss/_fonts.scss */
.icon, li.plus:before, li.minus:before, .text-example:before, .text-detail:before, .text-info:before, .text-error:before, .text-warning:before, .text-question:before, .flash-close, .audio-item:before, .feature-title:before, .yt-video-preview::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 27, ../scss/_fonts.scss */
.icon-user:before {
  content: "\f007";
}

/* line 30, ../scss/_fonts.scss */
.icon-times:before {
  content: "\f00d";
}

/* line 33, ../scss/_fonts.scss */
.icon-search-plus:before {
  content: "\f00e";
}

/* line 36, ../scss/_fonts.scss */
.icon-download:before {
  content: "\f019";
}

/* line 39, ../scss/_fonts.scss */
.icon-book:before {
  content: "\f02d";
}

/* line 42, ../scss/_fonts.scss */
.icon-play2:before {
  content: "\f04b";
}

/* line 45, ../scss/_fonts.scss */
.icon-pause:before {
  content: "\f04c";
}

/* line 48, ../scss/_fonts.scss */
.icon-plus-circle:before, li.plus:before, .feature-title:before {
  content: "\f055";
}

/* line 51, ../scss/_fonts.scss */
.icon-minus-circle:before, li.minus:before {
  content: "\f056";
}

/* line 54, ../scss/_fonts.scss */
.icon-times-circle:before, .text-error:before {
  content: "\f057";
}

/* line 57, ../scss/_fonts.scss */
.icon-check-circle:before, ul .feature-title:before {
  content: "\f058";
}

/* line 60, ../scss/_fonts.scss */
.icon-question-circle:before, .text-question:before {
  content: "\f059";
}

/* line 63, ../scss/_fonts.scss */
.icon-info-circle:before, .text-info:before {
  content: "\f05a";
}

/* line 66, ../scss/_fonts.scss */
.icon-exclamation-circle:before, .text-warning:before {
  content: "\f06a";
}

/* line 69, ../scss/_fonts.scss */
.icon-cart:before {
  content: "\f07a";
}

/* line 72, ../scss/_fonts.scss */
.icon-twitter-square:before {
  content: "\f081";
}

/* line 75, ../scss/_fonts.scss */
.icon-facebook-square:before {
  content: "\f082";
}

/* line 78, ../scss/_fonts.scss */
.icon-thumbs-up:before {
  content: "\f087";
}

/* line 81, ../scss/_fonts.scss */
.icon-trophy:before {
  content: "\f091";
}

/* line 84, ../scss/_fonts.scss */
.icon-menu:before {
  content: "\f0c9";
}

/* line 87, ../scss/_fonts.scss */
.icon-list-ul:before {
  content: "\f0ca";
}

/* line 90, ../scss/_fonts.scss */
.icon-caret-down:before {
  content: "\f0d7";
}

/* line 93, ../scss/_fonts.scss */
.icon-caret-up:before {
  content: "\f0d8";
}

/* line 96, ../scss/_fonts.scss */
.icon-caret-left:before {
  content: "\f0d9";
}

/* line 99, ../scss/_fonts.scss */
.icon-caret-right:before {
  content: "\f0da";
}

/* line 102, ../scss/_fonts.scss */
.icon-comments-o:before {
  content: "\f0e6";
}

/* line 105, ../scss/_fonts.scss */
.icon-lightbulb:before, .text-example:before {
  content: "\f0eb";
}

/* line 108, ../scss/_fonts.scss */
.icon-cloud-download:before {
  content: "\f0ed";
}

/* line 111, ../scss/_fonts.scss */
.icon-laptop:before {
  content: "\f109";
}

/* line 114, ../scss/_fonts.scss */
.icon-spinner:before {
  content: "\f110";
}

/* line 117, ../scss/_fonts.scss */
.icon-info:before, .text-detail:before {
  content: "\f129";
}

/* line 120, ../scss/_fonts.scss */
.icon-play-circle:before, .audio-item:before {
  content: "\f144";
}

/* line 123, ../scss/_fonts.scss */
.icon-youtube-square:before {
  content: "\f166";
}

/* line 126, ../scss/_fonts.scss */
.icon-play:before, .yt-video-preview::after {
  content: "\f16a";
}

/* line 129, ../scss/_fonts.scss */
.icon-apple:before, .icon-mac:before {
  content: "\f179";
}

/* line 132, ../scss/_fonts.scss */
.icon-windows:before, .icon-win:before {
  content: "\f17a";
}

/* line 135, ../scss/_fonts.scss */
.icon-circle-left:before {
  content: "\f190";
}

/* line 138, ../scss/_fonts.scss */
.icon-brush:before {
  content: "\f1fc";
}

/* line 141, ../scss/_fonts.scss */
.icon-balance-scale:before {
  content: "\f24e";
}

/* line 144, ../scss/_fonts.scss */
.icon-pause-circle:before {
  content: "\f28b";
}

/* line 147, ../scss/_fonts.scss */
.icon-stop-circle:before {
  content: "\f28d";
}

/* line 151, ../scss/_fonts.scss */
.icon-sun:before {
  content: "\f185";
}

/*
basic typography

Inspired by:
A Web Designer�s Typographic Boilerplate
Ian Yates
http://enva.to/18Tx7XB

licensed under WTFPL
http://www.wtfpl.net/
*/
/* line 13, ../scss/_typo.scss */
body {
  text-rendering: optimizeLegibility;
}

/* line 17, ../scss/_typo.scss */
body, input, button {
  -webkit-font-smoothing: antialiased;
}

/* line 21, ../scss/_typo.scss */
body {
  font: 100%/1.25 Arial, sans-serif;
}

/* line 25, ../scss/_typo.scss */
h1 {
  font-size: 1.5rem;
  font-weight: 900;
}

/* line 30, ../scss/_typo.scss */
h2 {
  font-size: 1.5rem;
  font-weight: 400;
}
/* line 33, ../scss/_typo.scss */
h2 > b {
  font-weight: 700;
}

@media (min-width: 40em) {
  /* line 39, ../scss/_typo.scss */
  h1, h2 {
    font-size: 2rem;
  }
}
/* line 44, ../scss/_typo.scss */
h3, legend {
  font-weight: 900;
}

/* line 49, ../scss/_typo.scss */
h4 {
  font-weight: bold;
  font-style: italic;
  color: #393939;
}

/* line 55, ../scss/_typo.scss */
h5 {
  font-size: .83em;
}

/* line 56, ../scss/_typo.scss */
h6 {
  font-size: .75em;
}

/* line 59, ../scss/_typo.scss */
p, ul, ol, h1, h2, h3, legend, h4, h5, h6, dl, form {
  margin: 1rem 0;
}
/* line 61, ../scss/_typo.scss */
p:first-child, ul:first-child, ol:first-child, h1:first-child, h2:first-child, h3:first-child, legend:first-child, h4:first-child, h5:first-child, h6:first-child, dl:first-child, form:first-child {
  margin-top: 0;
}
/* line 64, ../scss/_typo.scss */
p:last-child, ul:last-child, ol:last-child, h1:last-child, h2:last-child, h3:last-child, legend:last-child, h4:last-child, h5:last-child, h6:last-child, dl:last-child, form:last-child {
  margin-bottom: 0;
}

/* line 70, ../scss/_typo.scss */
ul > li, ol > li {
  margin: .25em 0 .25em 2em;
}

/* line 75, ../scss/_typo.scss */
ul > li {
  list-style: disc;
}

/* line 79, ../scss/_typo.scss */
ol > li {
  list-style: decimal;
}

/* line 83, ../scss/_typo.scss */
dd {
  margin-bottom: .5em;
}

/* line 88, ../scss/_typo.scss */
b, strong {
  font-weight: bold;
}

/* line 91, ../scss/_typo.scss */
i, em {
  font-style: italic;
}

/* line 95, ../scss/_typo.scss */
small {
  font-size: 0.875em;
}

/* line 99, ../scss/_typo.scss */
code, pre {
  font-family: monospace, serif;
  font-size: 1em;
}

/* line 104, ../scss/_typo.scss */
blockquote {
  font-style: italic;
}
/* line 106, ../scss/_typo.scss */
blockquote:before {
  content: "\201C";
  display: inline-block;
}
/* line 110, ../scss/_typo.scss */
blockquote:after {
  content: "\201D";
  display: inline-block;
}

/* line 118, ../scss/_typo.scss */
input[type="submit"] ::-moz-focus-inner, input[type="button"] ::-moz-focus-inner, button ::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
print styles taken from HTML5 Boilerplate
https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
*/
@media print {
  /* line 131, ../scss/_typo.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 136, ../scss/_typo.scss */
  p,
  h2,
  h3,
  legend {
    orphans: 3;
    /* http://css-tricks.com/almanac/properties/o/orphans/ */
    widows: 3;
    /* http://css-tricks.com/almanac/properties/w/widows/ */
  }

  /* line 141, ../scss/_typo.scss */
  h2,
  h3,
  legend {
    page-break-after: avoid;
  }
}
/* line 1, ../scss/_base.scss */
* {
  box-sizing: border-box;
}

/* line 5, ../scss/_base.scss */
body {
  font-family: Lato, "Trebchet MS", sans-serif;
  font-weight: 400;
  color: #222;
}

/* line 11, ../scss/_base.scss */
.bg-dark {
  background: #333;
  color: #eee;
  padding: 1.5rem 0;
  border: none;
}
/* line 16, ../scss/_base.scss */
.bg-dark a {
  color: inherit;
}
/* line 19, ../scss/_base.scss */
.bg-dark .grid tr {
  border-bottom-color: #555;
}
/* line 22, ../scss/_base.scss */
.bg-dark b, .bg-dark strong {
  color: #fff;
}

/* line 27, ../scss/_base.scss */
.bg-dark2 {
  background: #444;
  color: #eee;
  padding: 1.5rem 0;
}
/* line 31, ../scss/_base.scss */
.bg-dark2 b, .bg-dark2 strong {
  color: #fff;
}

/* line 36, ../scss/_base.scss */
b, strong {
  font-weight: 700;
}

/* line 41, ../scss/_base.scss */
h1 > .subtitle, h2 > .subtitle, h3 > .subtitle, legend > .subtitle {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  display: block;
}
/* line 47, ../scss/_base.scss */
h1 > a, h2 > a, h3 > a, legend > a {
  text-decoration: none;
  color: inherit;
}

/* line 53, ../scss/_base.scss */
h3 i, legend i {
  font-weight: 400;
  font-style: normal;
}

/* line 58, ../scss/_base.scss */
h2.colored {
  background: #89B953;
  color: #fff;
  font-size: 1.5rem;
  padding: .5em;
}

/* line 65, ../scss/_base.scss */
.size-s {
  font-size: 0.875em;
}

/* line 66, ../scss/_base.scss */
.size-xs {
  font-size: 0.75em;
}

/* line 67, ../scss/_base.scss */
.size-xxs {
  font-size: 0.625em;
}

/* line 68, ../scss/_base.scss */
.size-l {
  font-size: 1.25em;
}

/* line 69, ../scss/_base.scss */
.size-xl {
  font-size: 1.5em;
}

/* line 70, ../scss/_base.scss */
.size-xxl {
  font-size: 1.75em;
}

/* line 72, ../scss/_base.scss */
.price {
  color: #E73F3D;
  font-weight: 900;
  white-space: nowrap;
}

/* line 78, ../scss/_base.scss */
.price-approx {
  font-weight: 400;
}

/* line 82, ../scss/_base.scss */
.price-regular {
  font-weight: 400;
  opacity: .75;
}

/* line 87, ../scss/_base.scss */
.anchor {
  position: relative;
  padding-right: 3em;
}
/* line 90, ../scss/_base.scss */
.anchor .up {
  position: absolute;
  right: 0;
  top: .75rem;
  text-transform: uppercase;
  font-size: .75rem;
  cursor: pointer;
  font-weight: 900;
}

/* line 101, ../scss/_base.scss */
h2.colored.anchor .up {
  right: .5em;
  top: 1.5em;
}

/* line 106, ../scss/_base.scss */
a {
  color: #000;
}
/* line 108, ../scss/_base.scss */
a:hover {
  color: #E73F3D;
}

/* line 113, ../scss/_base.scss */
span.alt {
  display: none;
}

/* line 117, ../scss/_base.scss */
img {
  max-width: 100%;
}

/* line 121, ../scss/_base.scss */
.r {
  text-align: right !important;
}

/* line 125, ../scss/_base.scss */
.c {
  text-align: center;
}

/* line 129, ../scss/_base.scss */
.tiles > li {
  list-style: none;
  margin: 0;
  display: block;
}
/* line 133, ../scss/_base.scss */
.tiles > li > a {
  display: block;
  background: #E73F3D;
  color: #fff;
  padding: 1rem;
  font-size: 1.25em;
  text-decoration: none;
}
/* line 140, ../scss/_base.scss */
.tiles > li > a:hover {
  color: #fff;
  background: #e42926;
}

/* line 147, ../scss/_base.scss */
.change-fix > span {
  font-size: 0.875em;
}

/* line 152, ../scss/_base.scss */
th.hidden-small, th.hidden-medium, td.hidden-small, td.hidden-medium {
  display: none;
}

/* line 157, ../scss/_base.scss */
.buttons > .btn.hidden-small {
  display: none;
}

/* line 161, ../scss/_base.scss */
.tags {
  white-space: nowrap;
}

/* line 166, ../scss/_base.scss */
.tag {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.625em;
  padding: .25em;
  margin-left: .5em;
  font-weight: 900;
  color: #fff;
}

/* line 176, ../scss/_base.scss */
.tag-discounted {
  background: #E73F3D;
}

/* line 177, ../scss/_base.scss */
.tag-new {
  background: #89B953;
}

/* line 179, ../scss/_base.scss */
.titled {
  border-bottom: 1px dotted #222;
}

/* line 183, ../scss/_base.scss */
div.visible-3col {
  display: none;
}
@media (min-width: 48em) {
  /* line 183, ../scss/_base.scss */
  div.visible-3col {
    display: block;
  }
}

@media (min-width: 40em) {
  /* line 192, ../scss/_base.scss */
  .visible-small {
    display: none;
  }

  /* line 197, ../scss/_base.scss */
  th.hidden-small, td.hidden-small {
    display: table-cell;
  }

  /* line 201, ../scss/_base.scss */
  .buttons > .btn.hidden-small {
    display: inline-block;
  }
}
@media (min-width: 60em) {
  /* line 208, ../scss/_base.scss */
  th, td {
    padding: .5em 1em;
  }
  /* line 210, ../scss/_base.scss */
  th.hidden-medium, td.hidden-medium {
    display: table-cell;
  }
}
/* line 217, ../scss/_base.scss */
.grid-upgrade p {
  margin: .25em 0 0 0;
}
/* line 218, ../scss/_base.scss */
.grid-upgrade a.toggle {
  text-decoration: underline;
  cursor: pointer;
}

/* line 224, ../scss/_base.scss */
.upgrade-products {
  display: none;
  font-size: 0.75em;
}

/* line 229, ../scss/_base.scss */
td.audio-player {
  min-width: 16em !important;
}

/* line 233, ../scss/_base.scss */
.contest-price {
  font-size: 1.75em;
  position: relative;
}
/* line 236, ../scss/_base.scss */
.contest-price > b {
  position: absolute;
  left: 0;
  top: .05em;
  width: 100%;
  line-height: 1.75em;
  font-size: 1rem;
  text-align: center;
}

/* line 246, ../scss/_base.scss */
.contest-price-red {
  color: #E73F3D;
}

/* line 250, ../scss/_base.scss */
.contest-price-blue {
  color: #4A99D0;
}

/* line 256, ../scss/_base.scss */
.icon-trophy, .icon-editors-choice {
  font-size: 1.5em;
}

/* line 260, ../scss/_base.scss */
.icon-editors-choice {
  color: #E73F3D;
}

/* line 264, ../scss/_base.scss */
.trophy-1 {
  color: #CFB53B;
}

/* line 268, ../scss/_base.scss */
.trophy-2 {
  color: #E6E8FA;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* line 273, ../scss/_base.scss */
.trophy-3 {
  color: #8C7853;
}

/* line 277, ../scss/_base.scss */
.vote-form-container td {
  padding-right: 0 !important;
}

/* line 1, ../scss/_text.scss */
li.plus, li.minus {
  list-style: none;
  margin-left: .65em;
}

/* line 6, ../scss/_text.scss */
li.plus:before, li.minus:before {
  padding-right: .5em;
}

/* line 11, ../scss/_text.scss */
li.plus:before {
  color: #e42926;
}

/* line 16, ../scss/_text.scss */
li.minus:before {
  color: #7cac46;
}

/* line 21, ../scss/_text.scss */
.text-important {
  font-size: 1.25em;
  margin-bottom: 2rem;
}

/* line 26, ../scss/_text.scss */
.text-example, .text-detail {
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  position: relative;
  background: #f8f8f8;
}
/* line 30, ../scss/_text.scss */
.text-example:before, .text-detail:before {
  color: #888;
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  font-size: 3rem;
}

/* line 49, ../scss/_text.scss */
.text-info, .text-error, .text-warning, .text-question {
  padding: 0.75rem 0.75rem 0.75rem 3rem;
  position: relative;
  color: #fff;
  font-weight: bold;
}
/* line 54, ../scss/_text.scss */
.text-info a, .text-error a, .text-warning a, .text-question a {
  color: inherit;
}
/* line 57, ../scss/_text.scss */
.text-info:before, .text-error:before, .text-warning:before, .text-question:before {
  color: #fff;
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  font-size: 1.5rem;
}
/* line 65, ../scss/_text.scss */
.text-info > p, .text-error > p, .text-warning > p, .text-question > p {
  margin: .2em 0;
}

/* line 70, ../scss/_text.scss */
.text-info {
  background: #7cac46;
}

/* line 77, ../scss/_text.scss */
.text-question {
  background: #4A99D0;
}

/* line 84, ../scss/_text.scss */
.text-warning {
  background: #d90;
}

/* line 91, ../scss/_text.scss */
.text-error {
  background: #c00;
}

/* line 98, ../scss/_text.scss */
.text-image-single, .text-images {
  text-align: center;
}

/* line 102, ../scss/_text.scss */
.text-image-single img {
  max-height: 20em;
  max-width: 66%;
}

/* line 108, ../scss/_text.scss */
.text-images-2 img {
  margin-bottom: .5em;
}

/* line 113, ../scss/_text.scss */
.text-image-right > img {
  display: block;
}

@media (min-width: 40em) {
  /* line 118, ../scss/_text.scss */
  .text-image-right {
    position: relative;
    margin-right: 15rem;
  }
  /* line 121, ../scss/_text.scss */
  .text-image-right img {
    position: absolute;
    right: -15rem;
    width: 13.5rem;
  }

  /* line 127, ../scss/_text.scss */
  .text-image-small {
    margin-right: 10.5rem;
  }
  /* line 129, ../scss/_text.scss */
  .text-image-small img {
    right: -10.5rem;
    width: 9rem;
  }

  /* line 135, ../scss/_text.scss */
  .text-images-2 img {
    max-width: 42%;
    margin: 0 .5em;
  }
}
/* line 1, ../scss/_cols.scss */
.cols-c {
  text-align: center;
}

/* line 4, ../scss/_cols.scss */
.col, .cols > div, .tiles > li {
  margin-bottom: 1.5rem;
  display: block;
  float: left;
  width: 100%;
}
/* line 9, ../scss/_cols.scss */
.col img, .cols > div img, .tiles > li img {
  width: 100%;
}

/* line 15, ../scss/_cols.scss */
.cols4 .col img, .cols4 > div img, .colsx .col img {
  max-width: 16rem;
}

/* line 13, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/toolkit-2.9.0/stylesheets/toolkit/_clearfix.scss */
.colsx:after, .tiles:after, .cols2:after, .cols3:after, .cols4:after {
  content: "";
  display: table;
  clear: both;
}

/* line 25, ../scss/_cols.scss */
.col-show-big {
  display: none;
}

@media (min-width: 32em) {
  /* line 32, ../scss/_cols.scss */
  .cols4 > div, .cols4 .col, .cols4 > li, .colsx > div, .colsx .col, .colsx > li, .tiles > div, .tiles .col, .tiles > li {
    width: 49%;
    margin-right: 2%;
  }
  /* line 35, ../scss/_cols.scss */
  .cols4 > div:nth-child(2n), .cols4 .col:nth-child(2n), .cols4 > li:nth-child(2n), .colsx > div:nth-child(2n), .colsx .col:nth-child(2n), .colsx > li:nth-child(2n), .tiles > div:nth-child(2n), .tiles .col:nth-child(2n), .tiles > li:nth-child(2n) {
    margin-right: 0;
  }
  /* line 38, ../scss/_cols.scss */
  .cols4 > div.col2x, .cols4 .col.col2x, .cols4 > li.col2x, .colsx > div.col2x, .colsx .col.col2x, .colsx > li.col2x, .tiles > div.col2x, .tiles .col.col2x, .tiles > li.col2x {
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 48em) {
  /* line 48, ../scss/_cols.scss */
  .col.hidden-mobile {
    display: block;
  }

  /* line 52, ../scss/_cols.scss */
  .cols3 > div, .cols3 .col, .cols3 > li, .colsx > div, .colsx .col, .colsx > li, .tiles > div, .tiles .col, .tiles > li {
    width: 32%;
    margin-right: 2%;
  }
  /* line 55, ../scss/_cols.scss */
  .cols3 > div:nth-child(2n), .cols3 .col:nth-child(2n), .cols3 > li:nth-child(2n), .colsx > div:nth-child(2n), .colsx .col:nth-child(2n), .colsx > li:nth-child(2n), .tiles > div:nth-child(2n), .tiles .col:nth-child(2n), .tiles > li:nth-child(2n) {
    margin-right: 2%;
  }
  /* line 58, ../scss/_cols.scss */
  .cols3 > div:nth-child(3n), .cols3 .col:nth-child(3n), .cols3 > li:nth-child(3n), .colsx > div:nth-child(3n), .colsx .col:nth-child(3n), .colsx > li:nth-child(3n), .tiles > div:nth-child(3n), .tiles .col:nth-child(3n), .tiles > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 56em) {
  /* line 67, ../scss/_cols.scss */
  .cols2 > div, .cols2 .col, .cols2 > li {
    width: 49%;
    margin-right: 2%;
  }
  /* line 70, ../scss/_cols.scss */
  .cols2 > div:nth-child(2n), .cols2 .col:nth-child(2n), .cols2 > li:nth-child(2n) {
    margin-right: 0;
  }
  /* line 73, ../scss/_cols.scss */
  .cols2 > div.col2x, .cols2 .col.col2x, .cols2 > li.col2x {
    width: 100%;
    margin-right: 0;
  }

  /* line 80, ../scss/_cols.scss */
  .cols4 > div, .cols4 .col, .cols4 > li, .colsx > div, .colsx .col, .colsx > li, .tiles > div, .tiles .col, .tiles > li {
    width: 23.5%;
    margin-right: 2%;
  }
  /* line 83, ../scss/_cols.scss */
  .cols4 > div:nth-child(2n), .cols4 > div:nth-child(3n), .cols4 .col:nth-child(2n), .cols4 .col:nth-child(3n), .cols4 > li:nth-child(2n), .cols4 > li:nth-child(3n), .colsx > div:nth-child(2n), .colsx > div:nth-child(3n), .colsx .col:nth-child(2n), .colsx .col:nth-child(3n), .colsx > li:nth-child(2n), .colsx > li:nth-child(3n), .tiles > div:nth-child(2n), .tiles > div:nth-child(3n), .tiles .col:nth-child(2n), .tiles .col:nth-child(3n), .tiles > li:nth-child(2n), .tiles > li:nth-child(3n) {
    margin-right: 2%;
  }
  /* line 86, ../scss/_cols.scss */
  .cols4 > div:nth-child(4n), .cols4 .col:nth-child(4n), .cols4 > li:nth-child(4n), .colsx > div:nth-child(4n), .colsx .col:nth-child(4n), .colsx > li:nth-child(4n), .tiles > div:nth-child(4n), .tiles .col:nth-child(4n), .tiles > li:nth-child(4n) {
    margin-right: 0;
  }
  /* line 89, ../scss/_cols.scss */
  .cols4 > div.col2x, .cols4 .col.col2x, .cols4 > li.col2x, .colsx > div.col2x, .colsx .col.col2x, .colsx > li.col2x, .tiles > div.col2x, .tiles .col.col2x, .tiles > li.col2x {
    width: 49%;
    margin-right: 0;
  }
}
@media (min-width: 60em) {
  /* line 99, ../scss/_cols.scss */
  .boxes2 > div, .boxes2 .box {
    float: left;
    width: 49%;
  }

  /* line 106, ../scss/_cols.scss */
  .col-show-big {
    display: block;
  }
}
/* line 1, ../scss/_layout.scss */
body.has-menu-open {
  overflow: hidden;
}

/* line 5, ../scss/_layout.scss */
.all {
  margin-top: 3em;
  position: relative;
}

/* line 10, ../scss/_layout.scss */
.header-wrap {
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
  background: #222;
}

/* line 19, ../scss/_layout.scss */
.flashes {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 3em;
  width: 100%;
}

/* line 27, ../scss/_layout.scss */
.main-wrap {
  position: relative;
  z-index: 1;
}

/* line 32, ../scss/_layout.scss */
.header {
  color: #fff;
  text-align: right;
}
/* line 34, ../scss/_layout.scss */
.header a {
  color: inherit;
  text-decoration: none;
}

/* line 41, ../scss/_layout.scss */
.header-item {
  display: inline-block;
}

/* line 46, ../scss/_layout.scss */
.logo {
  width: 6em;
  position: absolute;
  z-index: 1;
  left: 0;
  top: .25em;
}

/* line 54, ../scss/_layout.scss */
.link-home {
  width: 5em;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 3.5em;
}

/* line 63, ../scss/_layout.scss */
.menu {
  z-index: 3;
}

/* line 67, ../scss/_layout.scss */
.main {
  padding: 2em 0;
}

/* line 71, ../scss/_layout.scss */
.content {
  padding: 0 1em;
}

/* line 76, ../scss/_layout.scss */
.home-component h2 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

/* line 83, ../scss/_layout.scss */
.home h2 {
  font-weight: 300;
}

/* line 87, ../scss/_layout.scss */
.home-component {
  max-width: 70em;
  padding-top: 1.5rem;
}

/* line 93, ../scss/_layout.scss */
.home-info a {
  text-decoration: none;
}
/* line 96, ../scss/_layout.scss */
.home-info h2 {
  font-size: 2rem !important;
  margin-bottom: 1rem !important;
  font-weight: 400;
}
/* line 101, ../scss/_layout.scss */
.home-info .col {
  color: #fff;
  padding: 1.5rem;
}
/* line 105, ../scss/_layout.scss */
.home-info .btn {
  display: none;
}
/* line 108, ../scss/_layout.scss */
.home-info .col:hover {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
}
/* line 109, ../scss/_layout.scss */
.home-info .col1 {
  background: #E73F3D;
}
/* line 110, ../scss/_layout.scss */
.home-info .col1:hover {
  background: #e42926;
}
/* line 111, ../scss/_layout.scss */
.home-info .col2 {
  background: #89B953;
}
/* line 112, ../scss/_layout.scss */
.home-info .col2:hover {
  background: #7cac46;
}
/* line 113, ../scss/_layout.scss */
.home-info .col3 {
  background: #4A99D0;
}
/* line 114, ../scss/_layout.scss */
.home-info .col3:hover {
  background: #368ecb;
}

/* line 118, ../scss/_layout.scss */
body.home .content {
  padding: 0;
}

/* line 122, ../scss/_layout.scss */
.content-part {
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}

/* line 127, ../scss/_layout.scss */
.side {
  display: none;
}

@media (min-width: 40em) {
  /* line 133, ../scss/_layout.scss */
  .all {
    margin-top: 3.5em;
  }

  /* line 137, ../scss/_layout.scss */
  .nav-button > i {
    font-size: 1.25em;
  }
  /* line 140, ../scss/_layout.scss */
  .nav-button > span {
    font-size: 1em;
  }

  /* line 145, ../scss/_layout.scss */
  .logo {
    width: 7em;
  }

  /* line 149, ../scss/_layout.scss */
  .link-home {
    width: 6em;
    height: 3.5em;
  }

  /* line 154, ../scss/_layout.scss */
  body {
    background: #ddd;
  }

  /* line 158, ../scss/_layout.scss */
  body.home {
    background: #fff url(/images/bg-gradient.png) repeat-x 0 6em;
  }
  /* line 160, ../scss/_layout.scss */
  body.home .main-wrap {
    background: url(/images/bg.jpg) no-repeat center top;
    background-size: auto;
  }

  /* line 166, ../scss/_layout.scss */
  .main {
    padding: 1.5rem;
  }

  /* line 170, ../scss/_layout.scss */
  .content.box1 {
    min-height: 40em;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
  }
  /* line 174, ../scss/_layout.scss */
  .content.box1.content-detail {
    padding-bottom: 0;
  }

  /* line 180, ../scss/_layout.scss */
  body.home .main {
    max-width: none;
    padding: 1.5rem 0;
  }
  /* line 185, ../scss/_layout.scss */
  body.home .content-part.bg-dark {
    margin-bottom: 1.5rem;
  }

  /* line 190, ../scss/_layout.scss */
  .home-component h2 {
    font-size: 3rem;
  }
}
@media (min-width: 54em) {
  /* line 196, ../scss/_layout.scss */
  .all {
    margin-top: 4.25em;
  }

  /* line 199, ../scss/_layout.scss */
  .logo {
    width: 8em;
  }

  /* line 203, ../scss/_layout.scss */
  .link-home {
    width: 7em;
    height: 4.5em;
  }

  /* line 208, ../scss/_layout.scss */
  .content-with-side {
    margin-left: 10em;
  }

  /* line 212, ../scss/_layout.scss */
  .side {
    display: block;
    width: 10em;
    float: left;
  }
}
@media (min-width: 60em) {
  /* line 220, ../scss/_layout.scss */
  .all {
    margin-top: 6em;
  }

  /* line 224, ../scss/_layout.scss */
  .header, .main, .footer {
    max-width: 70em;
    margin: auto;
    position: relative;
  }

  /* line 230, ../scss/_layout.scss */
  .home-component {
    max-width: 70em;
    margin: auto;
    margin-bottom: 3rem;
  }

  /* line 236, ../scss/_layout.scss */
  .home-info {
    margin-bottom: 4.5rem;
  }

  /* line 240, ../scss/_layout.scss */
  body.home .bg-dark {
    margin-bottom: 3rem;
  }
  /* line 242, ../scss/_layout.scss */
  body.home .bg-dark > .home-component {
    margin-bottom: 0;
  }

  /* line 247, ../scss/_layout.scss */
  .logo {
    width: 12em;
  }

  /* line 251, ../scss/_layout.scss */
  .link-home {
    width: 10em;
    height: 6em;
  }

  /* line 256, ../scss/_layout.scss */
  .main {
    padding-top: 4.5rem !important;
  }
}
/* line 1, ../scss/_nav.scss */
.nav-button {
  display: inline-block;
  padding: .75em .5em;
  cursor: pointer;
}
/* line 5, ../scss/_nav.scss */
.nav-button > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 9, ../scss/_nav.scss */
.nav-button > .icon, .nav-button > li.plus:before, .nav-button > li.minus:before, .nav-button > .text-example:before, .nav-button > .text-detail:before, .nav-button > .text-info:before, .nav-button > .text-error:before, .nav-button > .text-warning:before, .nav-button > .text-question:before, .nav-button > .flash-close, .nav-button > .audio-item:before, .nav-button > .feature-title:before, .nav-button > .yt-video-preview::after {
  width: 1.5em;
  line-height: 1em;
  padding-top: .2em;
  height: 1.5em;
  text-align: center;
  border-radius: 50%;
  color: #222;
}
/* line 19, ../scss/_nav.scss */
.nav-button:hover > .icon, .nav-button:hover > li.plus:before, .nav-button:hover > li.minus:before, .nav-button:hover > .text-example:before, .nav-button:hover > .text-detail:before, .nav-button:hover > .text-info:before, .nav-button:hover > .text-error:before, .nav-button:hover > .text-warning:before, .nav-button:hover > .text-question:before, .nav-button:hover > .flash-close, .nav-button:hover > .audio-item:before, .nav-button:hover > .feature-title:before, .nav-button:hover > .yt-video-preview::after {
  border: 1px solid #222;
}

/* line 25, ../scss/_nav.scss */
.menu-button {
  color: #E73F3D;
}

/* line 26, ../scss/_nav.scss */
.menu-button > .icon, .menu-button > li.plus:before, .menu-button > li.minus:before, .menu-button > .text-example:before, .menu-button > .text-detail:before, .menu-button > .text-info:before, .menu-button > .text-error:before, .menu-button > .text-warning:before, .menu-button > .text-question:before, .menu-button > .flash-close, .menu-button > .audio-item:before, .menu-button > .feature-title:before, .menu-button > .yt-video-preview::after {
  border: 1px solid #E73F3D;
}

/* line 27, ../scss/_nav.scss */
.menu-button > .icon, .menu-button > li.plus:before, .menu-button > li.minus:before, .menu-button > .text-example:before, .menu-button > .text-detail:before, .menu-button > .text-info:before, .menu-button > .text-error:before, .menu-button > .text-warning:before, .menu-button > .text-question:before, .menu-button > .flash-close, .menu-button > .audio-item:before, .menu-button > .feature-title:before, .menu-button > .yt-video-preview::after, .menu-button:hover, .menu-button.selected {
  background: #E73F3D;
  color: #222;
}

/* line 28, ../scss/_nav.scss */
.user-button {
  color: #89B953;
}

/* line 29, ../scss/_nav.scss */
.user-button > .icon, .user-button > li.plus:before, .user-button > li.minus:before, .user-button > .text-example:before, .user-button > .text-detail:before, .user-button > .text-info:before, .user-button > .text-error:before, .user-button > .text-warning:before, .user-button > .text-question:before, .user-button > .flash-close, .user-button > .audio-item:before, .user-button > .feature-title:before, .user-button > .yt-video-preview::after {
  border: 1px solid #89B953;
}

/* line 30, ../scss/_nav.scss */
.user-button > .icon, .user-button > li.plus:before, .user-button > li.minus:before, .user-button > .text-example:before, .user-button > .text-detail:before, .user-button > .text-info:before, .user-button > .text-error:before, .user-button > .text-warning:before, .user-button > .text-question:before, .user-button > .flash-close, .user-button > .audio-item:before, .user-button > .feature-title:before, .user-button > .yt-video-preview::after, .user-button:hover, .user-button.selected {
  background: #89B953;
  color: #222;
}

/* line 31, ../scss/_nav.scss */
.cart-button {
  color: #4A99D0;
}

/* line 32, ../scss/_nav.scss */
.cart-button > .icon, .cart-button > li.plus:before, .cart-button > li.minus:before, .cart-button > .text-example:before, .cart-button > .text-detail:before, .cart-button > .text-info:before, .cart-button > .text-error:before, .cart-button > .text-warning:before, .cart-button > .text-question:before, .cart-button > .flash-close, .cart-button > .audio-item:before, .cart-button > .feature-title:before, .cart-button > .yt-video-preview::after {
  border: 1px solid #4A99D0;
}

/* line 33, ../scss/_nav.scss */
.cart-button > .icon, .cart-button > li.plus:before, .cart-button > li.minus:before, .cart-button > .text-example:before, .cart-button > .text-detail:before, .cart-button > .text-info:before, .cart-button > .text-error:before, .cart-button > .text-warning:before, .cart-button > .text-question:before, .cart-button > .flash-close, .cart-button > .audio-item:before, .cart-button > .feature-title:before, .cart-button > .yt-video-preview::after, .cart-button:hover, .cart-button.selected {
  background: #4A99D0;
  color: #222;
}

/* line 35, ../scss/_nav.scss */
.nav-button-links {
  display: none;
}

/* line 38, ../scss/_nav.scss */
.nav-button-title {
  font-size: 0.875em;
}

@media (min-width: 54em) {
  /* line 43, ../scss/_nav.scss */
  .nav-button {
    padding: .75em .5em;
  }
  /* line 45, ../scss/_nav.scss */
  .nav-button > .icon, .nav-button > li.plus:before, .nav-button > li.minus:before, .nav-button > .text-example:before, .nav-button > .text-detail:before, .nav-button > .text-info:before, .nav-button > .text-error:before, .nav-button > .text-warning:before, .nav-button > .text-question:before, .nav-button > .flash-close, .nav-button > .audio-item:before, .nav-button > .feature-title:before, .nav-button > .yt-video-preview::after {
    font-size: 1.75em;
  }

  /* line 50, ../scss/_nav.scss */
  .user-button:hover, .user-button.selected {
    color: #89B953;
    background: #222;
  }

  /* line 51, ../scss/_nav.scss */
  .user-button:hover .icon, .user-button:hover li.plus:before, .user-button:hover li.minus:before, .user-button:hover .text-example:before, .user-button:hover .text-detail:before, .user-button:hover .text-info:before, .user-button:hover .text-error:before, .user-button:hover .text-warning:before, .user-button:hover .text-question:before, .user-button:hover .flash-close, .user-button:hover .audio-item:before, .user-button:hover .feature-title:before, .user-button:hover .yt-video-preview::after {
    border-color: #7cac46;
    background: #7cac46;
  }

  /* line 52, ../scss/_nav.scss */
  .cart-button:hover, .cart-button.selected {
    color: #4A99D0;
    background: #222;
  }

  /* line 53, ../scss/_nav.scss */
  .cart-button:hover .icon, .cart-button:hover li.plus:before, .cart-button:hover li.minus:before, .cart-button:hover .text-example:before, .cart-button:hover .text-detail:before, .cart-button:hover .text-info:before, .cart-button:hover .text-error:before, .cart-button:hover .text-warning:before, .cart-button:hover .text-question:before, .cart-button:hover .flash-close, .cart-button:hover .audio-item:before, .cart-button:hover .feature-title:before, .cart-button:hover .yt-video-preview::after {
    border-color: #368ecb;
    background: #368ecb;
  }

  /* line 55, ../scss/_nav.scss */
  .nav-button-title {
    display: none;
  }

  /* line 59, ../scss/_nav.scss */
  .nav-button-links {
    display: inline-block;
    text-align: left;
  }
  /* line 62, ../scss/_nav.scss */
  .nav-button-links > a {
    display: block;
    line-height: 1.4;
    text-decoration: underline;
  }
  /* line 66, ../scss/_nav.scss */
  .nav-button-links > a:hover {
    text-decoration: none;
  }

  /* line 72, ../scss/_nav.scss */
  .user-button.logged-in .nav-button-links {
    max-width: 6em;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
  }
  /* line 77, ../scss/_nav.scss */
  .user-button.logged-in .nav-button-links:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 3em;
    height: 50%;
    background: linear-gradient(to right, rgba(34, 34, 34, 0) 0%, #222222 100%);
  }
}
@media (min-width: 60em) {
  /* line 92, ../scss/_nav.scss */
  .nav-button {
    padding: 1.5em .75em;
  }
  /* line 94, ../scss/_nav.scss */
  .nav-button > .icon, .nav-button > li.plus:before, .nav-button > li.minus:before, .nav-button > .text-example:before, .nav-button > .text-detail:before, .nav-button > .text-info:before, .nav-button > .text-error:before, .nav-button > .text-warning:before, .nav-button > .text-question:before, .nav-button > .flash-close, .nav-button > .audio-item:before, .nav-button > .feature-title:before, .nav-button > .yt-video-preview::after {
    font-size: 2em;
  }

  /* line 98, ../scss/_nav.scss */
  .cart-button {
    margin-right: .75em;
  }
}
/* line 1, ../scss/_footer.scss */
.footer-wrap {
  background: #222;
  color: #ddd;
  padding: 1.5rem 0;
}
/* line 5, ../scss/_footer.scss */
.footer-wrap a {
  color: inherit;
  text-decoration: none;
}
/* line 8, ../scss/_footer.scss */
.footer-wrap a:hover {
  color: #E73F3D;
}
/* line 12, ../scss/_footer.scss */
.footer-wrap li {
  list-style: none;
  margin-left: 0;
}

/* line 18, ../scss/_footer.scss */
.footer {
  position: relative;
  text-align: center;
}
/* line 21, ../scss/_footer.scss */
.footer form {
  background: none;
  border: 0;
  padding: 0;
}
/* line 26, ../scss/_footer.scss */
.footer ul {
  margin-bottom: 2em;
}
@media (min-width: 48em) {
  /* line 18, ../scss/_footer.scss */
  .footer {
    text-align: left;
  }
}

@media (min-width: 60em) {
  /* line 36, ../scss/_footer.scss */
  .not-home .footer .cols3 {
    margin-left: 11.5em;
  }
}
/* line 42, ../scss/_footer.scss */
.footer-socials > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 46, ../scss/_footer.scss */
.footer-socials a {
  margin-right: .25em;
}
/* line 49, ../scss/_footer.scss */
.footer-socials i {
  font-size: 3em;
}
/* line 52, ../scss/_footer.scss */
.footer-socials .youtube:hover {
  color: #E62117;
}
/* line 55, ../scss/_footer.scss */
.footer-socials .facebook:hover {
  color: #3B5998;
}
/* line 58, ../scss/_footer.scss */
.footer-socials .twitter:hover {
  color: #4099FF;
}

/* line 63, ../scss/_footer.scss */
.footer .form-item {
  padding-bottom: .5em;
  margin-bottom: 0;
}

/* line 68, ../scss/_footer.scss */
.footer-logo {
  display: none;
}
@media (min-width: 60em) {
  /* line 68, ../scss/_footer.scss */
  .footer-logo {
    position: absolute;
    left: 1.5rem;
    top: 0;
    display: block;
    max-width: 9em !important;
  }
}

/* line 79, ../scss/_footer.scss */
.footer input[type=text] {
  width: 9em !important;
}

/* line 1, ../scss/_menu.scss */
.menu li, .menu a {
  display: inline-block;
}

/* line 5, ../scss/_menu.scss */
.menu a {
  line-height: 2em;
}
/* line 7, ../scss/_menu.scss */
.menu a:hover, .menu a:active, .menu a.selected {
  background: #E73F3D;
}

/* line 13, ../scss/_menu.scss */
.menu-content {
  position: absolute;
  left: -16em;
  top: 3em;
  transition: left .1s linear;
  width: 16em;
  overflow: hidden;
  overflow-y: scroll;
}
/* line 21, ../scss/_menu.scss */
.menu-content.open {
  left: 0;
}

/* line 27, ../scss/_menu.scss */
.menu-tree {
  z-index: 1;
  padding-top: 1em;
  background: #222;
  text-align: left;
}
/* line 34, ../scss/_menu.scss */
.menu-tree ul {
  margin: 0;
}
/* line 38, ../scss/_menu.scss */
.menu-tree li {
  display: block;
  margin: 0;
}
/* line 42, ../scss/_menu.scss */
.menu-tree a {
  display: block;
  padding: 0 1rem;
}

/* line 48, ../scss/_menu.scss */
.menu-tree-l2 {
  background: #333;
}
/* line 50, ../scss/_menu.scss */
.menu-tree-l2 a {
  padding-left: 1.5rem;
  padding-right: 0;
}

/* line 56, ../scss/_menu.scss */
.menu-tree-l3 {
  display: none;
}
/* line 59, ../scss/_menu.scss */
.menu-tree-l3 a {
  padding-left: 2rem;
  padding-right: 0;
  font-size: 0.875em;
}

/* line 66, ../scss/_menu.scss */
span.divider {
  display: block;
  height: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin: 0.125em 0.75rem;
}

@media (min-width: 54em) {
  /* line 76, ../scss/_menu.scss */
  .menu a {
    line-height: 4.25em;
    padding: 0 .5em;
    font-weight: 700;
  }

  /* line 83, ../scss/_menu.scss */
  .menu-button {
    display: none;
  }

  /* line 85, ../scss/_menu.scss */
  .menu-content {
    display: block;
    position: absolute;
    overflow: auto;
    width: auto;
    left: 7em;
    top: 0;
  }

  /* line 94, ../scss/_menu.scss */
  .menu-tree {
    padding-top: 0;
  }
  /* line 96, ../scss/_menu.scss */
  .menu-tree ul {
    display: none;
  }
  /* line 100, ../scss/_menu.scss */
  .menu-tree li, .menu-tree a {
    display: inline-block;
  }
}
@media (min-width: 60em) {
  /* line 109, ../scss/_menu.scss */
  .menu a {
    line-height: 6em;
    padding: 0 .5em;
  }

  /* line 115, ../scss/_menu.scss */
  .menu-content {
    left: 10em;
  }
}
@media (min-width: 70em) {
  /* line 123, ../scss/_menu.scss */
  .menu a {
    padding: 0 1em;
  }
}
/* line 1, ../scss/_submenu.scss */
.submenu {
  background: #333;
  color: #fff;
  padding: 1.5rem 0 0.75rem 0;
  margin-top: 1.5rem;
  border-radius: .125em 0 0 .125em;
}
/* line 8, ../scss/_submenu.scss */
.submenu h3, .submenu legend {
  padding: 0 0 0 1em;
}
/* line 12, ../scss/_submenu.scss */
.submenu ul, .submenu li, .submenu a {
  display: block;
  margin: 0;
}
/* line 17, ../scss/_submenu.scss */
.submenu a {
  line-height: 2em;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
/* line 21, ../scss/_submenu.scss */
.submenu a:hover, .submenu a.active, .submenu a.selected {
  background: #E73F3D;
}
/* line 27, ../scss/_submenu.scss */
.submenu h3 > a:hover, .submenu legend > a:hover, .submenu h3 > a.active, .submenu legend > a.active, .submenu h3 > a.selected, .submenu legend > a.selected {
  background: none;
}
/* line 31, ../scss/_submenu.scss */
.submenu .menu-tree {
  background: #333;
}
/* line 34, ../scss/_submenu.scss */
.submenu .menu-tree-l2 {
  background: #444;
  font-size: 0.875em;
}
/* line 37, ../scss/_submenu.scss */
.submenu .menu-tree-l2 a {
  line-height: 2.5em;
}

/* line 2, ../scss/_box.scss */
.box h2, .boxes > div h2 {
  margin-bottom: 1.5rem;
}

/* line 7, ../scss/_box.scss */
.box1, .boxes1 > div {
  background: rgba(255, 255, 255, 0.9);
  border-radius: .125em;
}

/* line 12, ../scss/_box.scss */
.box2, .boxes2 > div {
  padding: 0;
  margin-bottom: 1.5rem;
}
/* line 14, ../scss/_box.scss */
.box2 > h2, .box2 h3, .box2 legend, .boxes2 > div > h2, .boxes2 > div h3, .boxes2 > div legend {
  border-bottom: 0.125em solid #222;
  padding-bottom: .5rem;
}

/* line 23, ../scss/_box.scss */
.box-home > .col {
  border-bottom: 1px solid #ddd;
}
/* line 27, ../scss/_box.scss */
.box-home img {
  display: block;
  margin: auto;
  width: 8em;
  margin-bottom: 1.5rem;
}

@media (min-width: 40em) {
  /* line 36, ../scss/_box.scss */
  .box, .boxes > div {
    padding: 1.5rem;
  }
  /* line 38, ../scss/_box.scss */
  .box img, .boxes > div img {
    max-width: 100%;
  }

  /* line 46, ../scss/_box.scss */
  .box2, .boxes2 > div {
    padding: 0.75rem;
  }

  /* line 52, ../scss/_box.scss */
  .box-home > .col {
    margin-bottom: 0;
    border-bottom: none;
  }
  /* line 56, ../scss/_box.scss */
  .box-home .row {
    font-size: 1.25em;
  }
}
/* line 1, ../scss/_form.scss */
input, select, textarea {
  font-family: Lato, "Trebchet MS", sans-serif;
}

/* line 5, ../scss/_form.scss */
form, .form {
  padding: 0.75rem;
  background: #f8f8f8;
  border: 0.125rem solid #ddd;
  overflow: hidden;
}
/* line 11, ../scss/_form.scss */
form .error, .form .error {
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: bold;
  color: #c00;
}
@media (min-width: 40em) {
  /* line 5, ../scss/_form.scss */
  form, .form {
    padding: 1.5rem;
  }
}

/* line 23, ../scss/_form.scss */
fieldset {
  margin-bottom: 1.5rem;
}
/* line 25, ../scss/_form.scss */
fieldset:last-child {
  margin-bottom: 0;
}

/* line 34, ../scss/_form.scss */
input, textarea, select {
  font-size: 1em;
  border: 1px solid #333;
  background: #fff;
  padding: .25em;
  line-height: 1;
}

/* line 44, ../scss/_form.scss */
textarea {
  min-height: 8em;
}

/* line 48, ../scss/_form.scss */
.form-item {
  margin-bottom: .5em;
  width: 100%;
  padding-bottom: 1em;
  line-height: 1.5;
}
/* line 53, ../scss/_form.scss */
.form-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
/* line 58, ../scss/_form.scss */
.form-item label, .form-item .label {
  display: block;
  margin-bottom: .25em;
}
/* line 63, ../scss/_form.scss */
.form-item input[type=text], .form-item input[type=password], .form-item input[type=file], .form-item select, .form-item textarea {
  width: 100%;
}

/* line 70, ../scss/_form.scss */
form.inline .form-item {
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 0;
  float: none;
  margin-right: 0;
  width: auto;
}
/* line 80, ../scss/_form.scss */
form.inline .form-item-button, form.inline .form-item-long {
  clear: none;
}

/* line 85, ../scss/_form.scss */
#frm-newsletterForm label {
  display: none;
}

@media (min-width: 40em) {
  /*	form, .form {
  		padding-right: 0;
  	}*/
  /* line 93, ../scss/_form.scss */
  .form-items {
    margin-bottom: 1em;
  }
  /* line 13, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/toolkit-2.9.0/stylesheets/toolkit/_clearfix.scss */
  .form-items:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 97, ../scss/_form.scss */
  .form-item {
    width: 47%;
    float: left;
    margin-right: 3%;
  }

  /* line 102, ../scss/_form.scss */
  .form-item-button, .form-item-long {
    clear: left;
  }

  /* line 105, ../scss/_form.scss */
  .form-item-long {
    width: 97%;
  }

  /* line 109, ../scss/_form.scss */
  form.compact {
    padding-right: 1.5rem;
    width: 50%;
  }
  /* line 112, ../scss/_form.scss */
  form.compact .form-item {
    width: 100%;
    margin-right: 0;
  }
}
/* line 125, ../scss/_form.scss */
.downloads-newsletter form {
  padding: 0;
  background: none;
  border: 0;
}
/* line 130, ../scss/_form.scss */
.downloads-newsletter .form-item {
  margin-bottom: 0;
}

/* line 1, ../scss/_button.scss */
.buttons-list a, .btn, button {
  border: none;
  cursor: pointer;
  font-size: 1rem;
  display: inline-block;
  border-radius: 0.0625em;
  padding: 0 2em;
  line-height: 2.5em;
  text-align: center;
  font-weight: bold;
  text-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-decoration: none;
  -webkit-appearance: none;
  background: #E73F3D;
}
/* line 16, ../scss/_button.scss */
.buttons-list a::-moz-focus-inner, .btn::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* line 22, ../scss/_button.scss */
.buttons-list a:hover, .btn:hover, button:hover {
  background: #e42926;
  color: #fff !important;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
}
/* line 28, ../scss/_button.scss */
.buttons-list a > i, .buttons-list a span, .buttons-list a div, .btn > i, .btn span, .btn div, button > i, button span, button div {
  display: inline-block;
  vertical-align: middle;
}
/* line 33, ../scss/_button.scss */
.buttons-list a > i, .btn > i, button > i {
  margin-right: .5em;
  font-size: 1.5em;
}
/* line 37, ../scss/_button.scss */
.buttons-list a > div > span, .btn > div > span, button > div > span {
  font-size: 0.75em;
  display: block;
}
/* line 41, ../scss/_button.scss */
.buttons-list a > em, .btn > em, button > em {
  font-weight: 400;
}

/* line 46, ../scss/_button.scss */
.btn-fullwidth {
  width: 100%;
}

/* line 50, ../scss/_button.scss */
.btn-green {
  background: #89B953;
}
/* line 52, ../scss/_button.scss */
.btn-green:hover {
  background: #7cac46;
}

/* line 57, ../scss/_button.scss */
.btn-gray, .buttons-gray a {
  background: #393939;
}
/* line 59, ../scss/_button.scss */
.btn-gray:hover, .buttons-gray a:hover {
  background: #2c2c2c;
}

/* line 64, ../scss/_button.scss */
.btn-blue {
  background: #4A99D0;
}
/* line 66, ../scss/_button.scss */
.btn-blue:hover {
  background: #368ecb;
}

/* line 71, ../scss/_button.scss */
.btn-2x {
  font-size: 2em;
}

/* line 75, ../scss/_button.scss */
.btn-icon {
  line-height: 1;
  padding: .25em;
}
/* line 78, ../scss/_button.scss */
.btn-icon > i {
  margin-right: 0;
}

/* line 83, ../scss/_button.scss */
.btn-multiline {
  line-height: 1;
  padding: .5em;
}
/* line 86, ../scss/_button.scss */
.btn-multiline > div {
  text-align: left;
}

/* line 91, ../scss/_button.scss */
.btn-compact, .grid td.buttons > a.btn, form.inline .btn {
  line-height: 2em;
  padding: 0 1em;
  font-size: 0.875em;
}

/* line 97, ../scss/_button.scss */
.btn-left {
  text-align: left;
}

/* line 102, ../scss/_button.scss */
.buttons a, .buttons input[type=submit], .buttons button {
  display: inline-block;
  margin: 0 .33em .5em 0;
}
/* line 105, ../scss/_button.scss */
.buttons a.btn-compact, .grid td.buttons > a.btn, .buttons input[type=submit].btn-compact, .buttons button.btn-compact {
  margin: 0 0 .25em 0;
}
/* line 108, ../scss/_button.scss */
.buttons a:last-child, .buttons input[type=submit]:last-child, .buttons button:last-child {
  margin-right: 0;
}

/* line 114, ../scss/_button.scss */
.buttons-center {
  text-align: center;
}

/* line 1, ../scss/_flashes.scss */
.flashes {
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
  text-align: center;
}
/* line 6, ../scss/_flashes.scss */
.flashes a {
  color: inherit;
}
@media (min-width: 40em) {
  /* line 1, ../scss/_flashes.scss */
  .flashes {
    top: 3.375em;
  }
}
@media (min-width: 54em) {
  /* line 1, ../scss/_flashes.scss */
  .flashes {
    top: 4.25em;
  }
}
@media (min-width: 60em) {
  /* line 1, ../scss/_flashes.scss */
  .flashes {
    top: 6em;
  }
}

/* line 21, ../scss/_flashes.scss */
.flash {
  padding: .5em 2em;
  position: relative;
}

/* line 26, ../scss/_flashes.scss */
.flash-info {
  background: #7cac46;
}

/* line 30, ../scss/_flashes.scss */
.flash-error {
  background: #c00;
}

/* line 34, ../scss/_flashes.scss */
.flash-close {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: .5rem;
  font-size: 1.25em;
}
/* line 41, ../scss/_flashes.scss */
.flash-close:hover {
  color: #000;
  box-shadow: none;
}

/* line 1, ../scss/_corner-ribbon.scss */
.corner-ribbon {
  width: 12em;
  background: #e43;
  position: absolute;
  z-index: 5;
  top: 1.5em;
  right: -3em;
  text-align: center;
  padding: .5em 0;
  line-height: 1em;
  color: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #E73F3D;
  font-weight: 900;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
}
/* line 17, ../scss/_corner-ribbon.scss */
.corner-ribbon > i {
  display: block;
  font-size: 0.75em;
}

/* line 23, ../scss/_corner-ribbon.scss */
.corner-ribbon.free {
  background: #4A99D0;
  font-size: 0.875em;
}

/* line 28, ../scss/_corner-ribbon.scss */
.corner-ribbon.new {
  font-size: 0.875em;
  top: auto;
  bottom: 1.5em;
  left: -3em;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #89B953;
}

/* line 38, ../scss/_corner-ribbon.scss */
.corner-ribbon.latest, .corner-ribbon.beta {
  font-size: 0.875em;
  top: auto;
  bottom: 0.75em;
  right: -4.5em;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* line 47, ../scss/_corner-ribbon.scss */
.corner-ribbon.latest {
  background: #89B953;
}

/* line 51, ../scss/_corner-ribbon.scss */
.corner-ribbon.beta {
  background: #E73F3D;
}

/*
.corner-ribbon.top-left {
	font-size: $size-xs;
	top: $gutterRelative;
	left: -2*$gutterRelative;
	right: auto;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}



.corner-ribbon.bottom-right{
	top: auto;
	right: -2*$gutterRelative;
	bottom: $gutterRelative;
	left: auto;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
*/
/* line 1, ../scss/_video.scss */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

/* line 9, ../scss/_video.scss */
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
/* line 19, ../scss/_swipebox.scss */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

/* line 23, ../scss/_swipebox.scss */
#swipebox-overlay img {
  border: none !important;
}

/* line 27, ../scss/_swipebox.scss */
#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  user-select: none;
}

/* line 38, ../scss/_swipebox.scss */
#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 44, ../scss/_swipebox.scss */
#swipebox-slider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
  padding: 1em 0;
}
/* line 57, ../scss/_swipebox.scss */
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
/* line 64, ../scss/_swipebox.scss */
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
/* line 72, ../scss/_swipebox.scss */
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
/* line 85, ../scss/_swipebox.scss */
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
}
/* line 92, ../scss/_swipebox.scss */
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
/* line 98, ../scss/_swipebox.scss */
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 108, ../scss/_swipebox.scss */
#swipebox-slider .slide-loading {
  background: url(/images/swipebox/loader.gif) no-repeat center center;
}

/* line 114, ../scss/_swipebox.scss */
#swipebox-bottom-bar,
#swipebox-top-bar {
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

/* line 124, ../scss/_swipebox.scss */
#swipebox-bottom-bar {
  bottom: -50px;
}
/* line 127, ../scss/_swipebox.scss */
#swipebox-bottom-bar.visible-bars {
  transform: translate3d(0, -50px, 0);
}

/* line 132, ../scss/_swipebox.scss */
#swipebox-top-bar {
  top: -50px;
}
/* line 135, ../scss/_swipebox.scss */
#swipebox-top-bar.visible-bars {
  transform: translate3d(0, 50px, 0);
}

/* line 140, ../scss/_swipebox.scss */
#swipebox-title {
  display: none;
  width: 100%;
  text-align: center;
}

/* line 146, ../scss/_swipebox.scss */
#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(/images/swipebox/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

/* line 160, ../scss/_swipebox.scss */
#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

/* line 167, ../scss/_swipebox.scss */
#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

/* line 172, ../scss/_swipebox.scss */
#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

/* line 177, ../scss/_swipebox.scss */
.swipebox-prev, .swipebox-next {
  position: absolute;
  width: 50%;
  height: 80%;
  top: 10%;
  cursor: pointer;
}

/* line 185, ../scss/_swipebox.scss */
.swipebox-prev {
  left: 0;
}

/* line 189, ../scss/_swipebox.scss */
.swipebox-next {
  right: 0;
}

/* line 195, ../scss/_swipebox.scss */
#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

/* line 203, ../scss/_swipebox.scss */
.swipebox-no-close-button #swipebox-close {
  display: none;
}

/* line 209, ../scss/_swipebox.scss */
#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

/* line 215, ../scss/_swipebox.scss */
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  animation: rightSpring 0.3s;
}
/* line 219, ../scss/_swipebox.scss */
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  animation: leftSpring 0.3s;
}

/* line 226, ../scss/_swipebox.scss */
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  backface-visibility: hidden;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
/* line 239, ../scss/_swipebox.scss */
.swipebox-touch #swipebox-container:before {
  left: 0;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
/* line 244, ../scss/_swipebox.scss */
.swipebox-touch #swipebox-container:after {
  right: 0;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
/* line 251, ../scss/_swipebox.scss */
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
/* line 258, ../scss/_swipebox.scss */
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  /* line 294, ../scss/_swipebox.scss */
  #swipebox-close {
    right: 10px;
  }

  /* line 298, ../scss/_swipebox.scss */
  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin
--------------------------*/
/* line 306, ../scss/_swipebox.scss */
#swipebox-overlay {
  background: #0d0d0d;
}

/* line 310, ../scss/_swipebox.scss */
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: none;
  opacity: 0.95;
}

/* line 322, ../scss/_swipebox.scss */
#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}

/* line 1, ../scss/_popup.scss */
.popup {
  position: fixed;
  width: 100%;
  left: 0;
  top: 25%;
  padding: 2em;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  font-weight: 900;
  z-index: 1000;
}
@media (min-width: 40em) {
  /* line 1, ../scss/_popup.scss */
  .popup {
    width: 32em;
    left: 50%;
    margin-left: -16em;
    top: 50%;
    margin-top: -12em;
  }
}

/* line 22, ../scss/_popup.scss */
.popup-error {
  border: 0.25em solid rgba(196, 0, 0, 0.9);
  background: rgba(32, 0, 0, 0.9);
}

/* line 1, ../scss/_audio.scss */
.audio {
  background: #444;
  color: #ddd;
  border: 1px solid #555;
  border-bottom: 0;
}

/* line 8, ../scss/_audio.scss */
.audio-list {
  margin-top: 0;
  max-height: 25em;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 15, ../scss/_audio.scss */
.audio-item {
  padding: .25em 2em;
  border-bottom: 1px solid #555;
  margin: 0;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
  list-style: none;
}
/* line 24, ../scss/_audio.scss */
.audio-item > a {
  color: inherit;
  text-decoration: none;
}
/* line 28, ../scss/_audio.scss */
.audio-item:hover {
  color: #E73F3D;
}
/* line 31, ../scss/_audio.scss */
.audio-item:before {
  position: absolute;
  left: .5em;
  top: .25em;
  line-height: 1.25;
}
/* line 39, ../scss/_audio.scss */
.audio-item.playing {
  font-weight: 900;
}

/* line 44, ../scss/_audio.scss */
.audiojs audio {
  position: absolute;
  left: -1px;
}

/* line 45, ../scss/_audio.scss */
.audiojs {
  width: 100%;
  height: 2em;
  background: #333;
  overflow: hidden;
  display: flex;
}
/* line 52, ../scss/_audio.scss */
.audiojs .play-pause, .audiojs .scrubber, .audiojs .time {
  position: relative;
}
/* line 56, ../scss/_audio.scss */
.audiojs .play-pause {
  width: 2em;
  line-height: 2em;
  text-align: center;
  margin: 0;
  border-right: 1px solid #222;
  color: #fff;
}
/* line 65, ../scss/_audio.scss */
.audiojs i {
  display: none;
  margin: 0;
  cursor: pointer;
  line-height: 2em;
}
/* line 72, ../scss/_audio.scss */
.audiojs .play {
  display: block;
}
/* line 76, ../scss/_audio.scss */
.audiojs .scrubber {
  width: 50%;
  margin: .5em;
  height: 1em;
  overflow: hidden;
}
/* line 83, ../scss/_audio.scss */
.audiojs .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 0;
  background: #E73F3D;
  z-index: 1;
}
/* line 93, ../scss/_audio.scss */
.audiojs .loaded {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 0;
  background: #222;
}
/* line 102, ../scss/_audio.scss */
.audiojs .time {
  line-height: 2rem;
  padding: 0 .5rem;
  font-size: .75em;
  border-left: 1px solid #222;
  color: #ddd;
}
/* line 108, ../scss/_audio.scss */
.audiojs .time em {
  color: #E73F3D;
  font-style: normal;
  padding-right: .125em;
}
/* line 113, ../scss/_audio.scss */
.audiojs .time strong {
  padding-left: .125em;
}
/* line 117, ../scss/_audio.scss */
.audiojs .error-message {
  display: none;
}
/* line 122, ../scss/_audio.scss */
.audiojs.playing .play, .audiojs.playing .loading, .audiojs.playing .error {
  display: none;
}
/* line 123, ../scss/_audio.scss */
.audiojs.playing .pause {
  display: block;
}
/* line 124, ../scss/_audio.scss */
.audiojs.loading .play, .audiojs.loading .pause, .audiojs.loading .error {
  display: none;
}
/* line 125, ../scss/_audio.scss */
.audiojs.loading .loading {
  display: block;
}

/*
	.error { @extend .icon; @extend .icon-play-circle; }
.error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; \
  text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } \
.error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; } \
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; } \
.error .error { display: block; } \
.error .play-pause p { cursor: auto; } \
.error .error-message { display: block; }',*/
/* line 1, ../scss/_product.scss */
.product {
  position: relative;
  text-align: center;
}
/* line 4, ../scss/_product.scss */
.product h3, .product legend {
  text-transform: none;
}

/* line 11, ../scss/_product.scss */
.content-with-side .product-description {
  font-size: 0.875em;
}

/* line 16, ../scss/_product.scss */
.product-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
/* line 20, ../scss/_product.scss */
.product-image > img {
  display: block;
}

/* line 25, ../scss/_product.scss */
.product-title {
  margin-left: -1em;
  margin-right: -1em;
  word-break: keep-all;
}

/* line 1, ../scss/_artist.scss */
.artist-image {
  border-radius: 50%;
}

/* line 5, ../scss/_artist.scss */
.artist-quote, .artist > p {
  font-size: 0.875em;
}

/* line 9, ../scss/_artist.scss */
.artist-quote {
  font-style: italic;
}

@media (min-width: 40em) {
  /* line 16, ../scss/_artist.scss */
  .artist-detail {
    margin: auto;
  }

  /* line 20, ../scss/_artist.scss */
  .artist-detail-text, .artist-detail-image {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
  }

  /* line 26, ../scss/_artist.scss */
  .artist-detail-image {
    margin-right: 2%;
  }

  /* line 30, ../scss/_artist.scss */
  .artist-detail-text {
    font-size: 1.25em;
  }
}
@media (min-width: 60em) {
  /* line 36, ../scss/_artist.scss */
  .artist-detail {
    width: 80%;
  }
}
/* line 1, ../scss/_category.scss */
.category {
  position: relative;
  text-align: left;
}

/* line 6, ../scss/_category.scss */
.category-title {
  margin-top: 0;
}

/* line 10, ../scss/_category.scss */
.btn-category-toggle {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 16, ../scss/_category.scss */
.subcat {
  list-style: none;
  margin: 1rem 0;
}
/* line 19, ../scss/_category.scss */
.subcat:last-child {
  margin-bottom: 0;
}

/* line 24, ../scss/_category.scss */
.subcat-title {
  margin-bottom: .5rem;
}

/* line 28, ../scss/_category.scss */
.subcat-description {
  margin-top: 0;
}

/* line 1, ../scss/_detail.scss */
.monitor {
  margin-bottom: 1.5rem;
}

/* line 5, ../scss/_detail.scss */
.monitor-image-inner {
  position: relative;
  overflow: hidden;
}

/* line 10, ../scss/_detail.scss */
.monitor-image-middle, .monitor-image-bottom-2 {
  background-size: 100%;
  display: block;
  width: 100%;
}
/* line 14, ../scss/_detail.scss */
.monitor-image-middle > img, .monitor-image-bottom-2 > img {
  display: block;
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

/* line 21, ../scss/_detail.scss */
.monitor-image-middle {
  padding: 1em 0.75rem 1.25em;
  background: #000;
  position: relative;
  border-radius: 0.75rem;
}

/* line 28, ../scss/_detail.scss */
.monitor-image-image {
  font-size: 1.25em;
  cursor: pointer;
  text-align: center;
  position: relative;
}
/* line 33, ../scss/_detail.scss */
.monitor-image-image > img {
  max-height: 100%;
}
/* line 36, ../scss/_detail.scss */
.monitor-image-image > i {
  position: absolute;
  z-index: 5;
  right: 1.5rem;
  bottom: 1.5rem;
  font-size: 3rem;
  color: #fff;
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
  opacity: .75;
}
/* line 46, ../scss/_detail.scss */
.monitor-image-image:hover > i {
  opacity: 1;
}

/* line 52, ../scss/_detail.scss */
.monitor-text {
  font-size: 1.25em;
}
/* line 54, ../scss/_detail.scss */
.monitor-text strong, .monitor-text b {
  font-weight: 900;
  color: #a91715;
}

/* line 60, ../scss/_detail.scss */
.detail-part.bg-dark, .detail-part.bg-dark2 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 2em 1.5rem;
  margin-bottom: 2em;
}
/* line 65, ../scss/_detail.scss */
.detail-part.bg-dark:last-child, .detail-part.bg-dark2:last-child {
  margin-bottom: 0;
}
/* line 68, ../scss/_detail.scss */
.detail-part.bg-dark h2, .detail-part.bg-dark2 h2 {
  margin-top: 0;
}

/* line 73, ../scss/_detail.scss */
.detail-part .product:last-child {
  margin-bottom: 0;
}

/* line 77, ../scss/_detail.scss */
.features {
  margin-bottom: 1.5rem;
}

/* line 81, ../scss/_detail.scss */
.feature-title {
  list-style: none;
  padding: .75em 2em;
  border-bottom: 1px solid #ddd;
  margin: 0;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
}
/* line 90, ../scss/_detail.scss */
.feature-title:hover {
  color: #E73F3D;
}
/* line 93, ../scss/_detail.scss */
.feature-title:before {
  position: absolute;
  left: .5em;
  top: .75em;
  line-height: 1.25;
}

/* line 103, ../scss/_detail.scss */
ul .feature-title {
  cursor: default;
}
/* line 105, ../scss/_detail.scss */
ul .feature-title:hover {
  color: inherit;
}

/* line 113, ../scss/_detail.scss */
.feature-description {
  padding: 1em 2em;
  background: #eee;
}

/* line 118, ../scss/_detail.scss */
.detail-video {
  margin-bottom: 1.5rem;
}

@media (min-width: 60em) {
  /* line 13, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/toolkit-2.9.0/stylesheets/toolkit/_clearfix.scss */
  .monitor:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 126, ../scss/_detail.scss */
  .monitor-image {
    float: left;
    width: 60%;
    padding-right: 1.5rem;
  }

  /* line 131, ../scss/_detail.scss */
  .monitor-text {
    float: right;
    width: 40%;
  }

  /* line 135, ../scss/_detail.scss */
  .detail .audio {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
    width: 40%;
  }
}
@media (min-width: 70em) {
  /* line 144, ../scss/_detail.scss */
  .monitor-text-text {
    font-size: 1.25em;
  }
}
/* Table break-up for small screens - set your multi-column breakpoint here */
/* Mobile-first styles */
/* make each table separate from other ones */
/* line 6, ../scss/_responsive-table.scss */
table.responsive {
  border: 0;
  padding-bottom: 0;
  display: block;
  width: 100%;
  /* make sure captions are displayed */
  /* hide the thead */
  /*
   * make everything display block so it
   * aligns vertically
   */
  /* Labeling
   * adding a data-title attribute to the cells
   * lets us add text before the content to provide
   * the missing context
   *
   * Markup:
   *   <td data-title="Column Header">Content Here</td>
   *
   * Display:
   *   Column Header: Content Here
   */
  /* hide empty cells*/
}
/* line 13, ../scss/_responsive-table.scss */
table.responsive caption {
  display: block;
}
/* line 18, ../scss/_responsive-table.scss */
table.responsive thead {
  display: none;
}
/* line 26, ../scss/_responsive-table.scss */
table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td {
  border: 0;
  display: block;
  padding: 0;
  text-align: left;
  white-space: normal;
}
/* line 34, ../scss/_responsive-table.scss */
table.responsive tr {
  margin-bottom: 1em;
  border-bottom: 0.125em solid #ddd;
}
/* line 39, ../scss/_responsive-table.scss */
table.responsive td {
  padding: .25em 0;
}
/* line 54, ../scss/_responsive-table.scss */
table.responsive th[data-title]:before,
table.responsive td[data-title]:before {
  content: attr(data-title) ": ";
  font-weight: bold;
}
/* line 60, ../scss/_responsive-table.scss */
table.responsive th:not([data-title]) {
  font-weight: bold;
}
/* line 65, ../scss/_responsive-table.scss */
table.responsive td:empty {
  display: none;
}

@media (min-width: 40em) {
  /* line 72, ../scss/_responsive-table.scss */
  table.responsive {
    display: table;
    /* Labeling
     * Hide the mobile labels */
    /* re-show empty cells*/
    /* show the thead again */
    /* make everything display regularly again */
  }
  /* line 76, ../scss/_responsive-table.scss */
  table.responsive th[data-title]:before,
  table.responsive td[data-title]:before {
    content: "";
    font-weight: bold;
  }
  /* line 82, ../scss/_responsive-table.scss */
  table.responsive th:not([data-title]) {
    font-weight: bold;
  }
  /* line 87, ../scss/_responsive-table.scss */
  table.responsive td:empty {
    display: table-cell;
  }
  /* line 92, ../scss/_responsive-table.scss */
  table.responsive thead {
    display: table-header-group;
  }
  /* line 97, ../scss/_responsive-table.scss */
  table.responsive tbody {
    display: table-header-group;
  }
  /* line 101, ../scss/_responsive-table.scss */
  table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td {
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  /* line 108, ../scss/_responsive-table.scss */
  table.responsive tr {
    display: table-row;
  }
  /* line 112, ../scss/_responsive-table.scss */
  table.responsive table {
    border-style: none;
    border-top-width: 0;
    width: auto;
  }
  /* line 118, ../scss/_responsive-table.scss */
  table.responsive th, table.responsive td {
    border-style: none;
    text-align: left;
    min-width: 3em;
    display: table-cell;
    padding: .5em 1em .5em 0;
    vertical-align: middle;
  }
  /* line 127, ../scss/_responsive-table.scss */
  table.responsive th + th,
  table.responsive th + td,
  table.responsive td + th,
  table.responsive td + td {
    border-left-width: 1px;
  }
  /* line 134, ../scss/_responsive-table.scss */
  table.responsive thead tr:last-child {
    border-bottom-width: 2px;
  }
  /* line 138, ../scss/_responsive-table.scss */
  table.responsive thead th,
  table.responsive tr.index th {
    font-weight: bold;
    line-height: 1.25;
    text-transform: uppercase;
  }
  /* line 145, ../scss/_responsive-table.scss */
  table.responsive thead th {
    padding-bottom: .25em;
  }
  /* line 149, ../scss/_responsive-table.scss */
  table.responsive tbody:first-of-type tr.index th {
    padding-top: 1em;
  }
  /* line 153, ../scss/_responsive-table.scss */
  table.responsive tbody th {
    font-weight: normal;
  }
}
/* line 1, ../scss/_datagrid.scss */
.grid {
  width: 100%;
  font-size: 0.875em;
  margin-bottom: 1.5rem;
}
/* line 6, ../scss/_datagrid.scss */
.grid tr {
  border-bottom: 0.125em solid #ddd;
}
/* line 8, ../scss/_datagrid.scss */
.grid tr:last-child {
  border-bottom: none;
}
/* line 13, ../scss/_datagrid.scss */
.grid th, .grid td {
  padding: .5em;
}
/* line 15, ../scss/_datagrid.scss */
.grid th.nowrap, .grid th.buttons, .grid td.nowrap, .grid td.buttons {
  white-space: nowrap;
}
/* line 18, ../scss/_datagrid.scss */
.grid th.image, .grid td.image {
  padding: .25em .25em .25em 0;
  width: 4em;
}
/* line 21, ../scss/_datagrid.scss */
.grid th.image > img, .grid td.image > img {
  display: block;
  width: 100%;
}
/* line 28, ../scss/_datagrid.scss */
.grid th {
  font-weight: 900;
}

@media (min-width: 60em) {
  /* line 41, ../scss/_datagrid.scss */
  .grid {
    font-size: 1em;
  }

  /* line 44, ../scss/_datagrid.scss */
  .grid-downloads {
    font-size: 0.875em;
  }
}
/* line 1, ../scss/_comparison.scss */
.comparison {
  width: 100%;
  table-layout: fixed;
}
/* line 5, ../scss/_comparison.scss */
.comparison .icon-check-circle, .comparison ul .feature-title:before, ul .comparison .feature-title:before {
  color: #89B953;
  font-size: 1.5em;
}
/* line 10, ../scss/_comparison.scss */
.comparison .icon-times-circle, .comparison .text-error:before {
  color: #E73F3D;
}
/* line 14, ../scss/_comparison.scss */
.comparison tr.visible-small {
  border-bottom: none;
}
/* line 16, ../scss/_comparison.scss */
.comparison tr.visible-small > td {
  text-align: center;
}
/* line 21, ../scss/_comparison.scss */
.comparison td, .comparison th {
  text-align: center;
}
/* line 23, ../scss/_comparison.scss */
.comparison td.row-title, .comparison th.row-title {
  text-align: left;
}
/* line 26, ../scss/_comparison.scss */
.comparison td:first-child, .comparison th:first-child {
  display: none;
}
/* line 31, ../scss/_comparison.scss */
.comparison th {
  width: 15%;
  white-space: nowrap;
}
/* line 34, ../scss/_comparison.scss */
.comparison th > i {
  font-size: 2em;
}
/* line 37, ../scss/_comparison.scss */
.comparison th > img {
  max-width: 2em;
}
/* line 42, ../scss/_comparison.scss */
.comparison th > h3, .comparison th > legend {
  margin-bottom: .25em;
}
/* line 46, ../scss/_comparison.scss */
.comparison .name-long {
  display: none;
}

/* line 51, ../scss/_comparison.scss */
.comparison-hosts {
  table-layout: auto;
}
/* line 53, ../scss/_comparison.scss */
.comparison-hosts th {
  width: auto;
  padding: .25rem .5rem;
}
/* line 58, ../scss/_comparison.scss */
.comparison-hosts th.row-title, .comparison-hosts th.hidden-small, .comparison-hosts td.row-title, .comparison-hosts td.hidden-small {
  text-align: left;
}
/* line 62, ../scss/_comparison.scss */
.comparison-hosts td.row-title {
  white-space: nowrap;
  font-weight: 900;
}
/* line 65, ../scss/_comparison.scss */
.comparison-hosts td.row-title i {
  font-weight: normal;
}
/* line 69, ../scss/_comparison.scss */
.comparison-hosts td.row-note {
  font-size: 0.875em;
}

@media (min-width: 40em) {
  /* line 76, ../scss/_comparison.scss */
  .comparison tr.visible-small {
    display: none;
  }
  /* line 80, ../scss/_comparison.scss */
  .comparison td:first-child, .comparison td.row-note, .comparison th:first-child, .comparison th.row-note {
    display: table-cell;
  }
  /* line 84, ../scss/_comparison.scss */
  .comparison td.row-title i {
    display: block;
  }
  /* line 88, ../scss/_comparison.scss */
  .comparison .name-long {
    display: inline;
  }
  /* line 91, ../scss/_comparison.scss */
  .comparison .name-short {
    display: none;
  }
}
@media (min-width: 60em) {
  /* line 101, ../scss/_comparison.scss */
  .comparison th > i {
    font-size: 3em;
  }
  /* line 104, ../scss/_comparison.scss */
  .comparison th > img {
    max-width: 3em;
  }
}
/* line 4, ../scss/_videos.scss */
.yt-video-preview {
  position: relative;
  display: block;
  cursor: pointer;
}
/* line 8, ../scss/_videos.scss */
.yt-video-preview::after {
  font-size: 6em;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  margin-left: -.5em;
  margin-top: -.5em;
  opacity: .5;
  text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
}
/* line 21, ../scss/_videos.scss */
.yt-video-preview:hover::after {
  opacity: 1;
}

/* line 1, ../scss/_toc.scss */
.toc {
  border-left: 0.25em solid #393939;
  padding-left: 1em;
  margin-bottom: 2rem;
}
/* line 6, ../scss/_toc.scss */
.toc ul, .toc ol {
  margin: 0;
}
/* line 9, ../scss/_toc.scss */
.toc ol {
  counter-reset: num;
}
/* line 12, ../scss/_toc.scss */
.toc li {
  list-style: none;
  margin-left: 0;
}
/* line 16, ../scss/_toc.scss */
.toc a:before {
  content: counter(num) ". ";
  counter-increment: num;
}
/* line 20, ../scss/_toc.scss */
.toc ol ol li {
  margin-left: 1.5rem;
}
/* line 24, ../scss/_toc.scss */
.toc ol ol a:before {
  content: counters(num,".") " ";
}
/* line 28, ../scss/_toc.scss */
.toc a {
  text-decoration: none;
}
/* line 31, ../scss/_toc.scss */
.toc > ol > li > a {
  font-weight: bold;
}

/* line 13, ../../../../../usr/local/lib64/ruby/gems/2.0.0/gems/toolkit-2.9.0/stylesheets/toolkit/_clearfix.scss */
.downloads:after {
  content: "";
  display: table;
  clear: both;
}

/* line 5, ../scss/_downloads.scss */
.download {
  background: #eee;
  padding: 1em;
  width: 100%;
  margin-bottom: 0.75rem;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 14, ../scss/_downloads.scss */
.download h3 > i, .download legend > i, .download h3 span, .download legend span {
  display: inline-block;
  vertical-align: middle;
}
/* line 19, ../scss/_downloads.scss */
.download h3 > i, .download legend > i {
  font-size: 1.5em;
  margin-right: .25em;
}

@media (min-width: 56em) {
  /* line 27, ../scss/_downloads.scss */
  .download {
    width: 49%;
    margin-right: 2%;
  }
  /* line 30, ../scss/_downloads.scss */
  .download:nth-child(2n) {
    margin-right: 0;
  }
}
/* line 1, ../scss/_basket.scss */
.basket {
  width: 100%;
}
/* line 3, ../scss/_basket.scss */
.basket td, .basket th {
  padding: .25em .5em;
}
/* line 5, ../scss/_basket.scss */
.basket td:first-child, .basket th:first-child {
  padding-left: 0;
}
/* line 8, ../scss/_basket.scss */
.basket td:last-child, .basket th:last-child {
  padding-right: 0;
}
@media (min-width: 40em) {
  /* line 14, ../scss/_basket.scss */
  .basket td, .basket th {
    padding: .5em 1em;
  }
}

/* line 21, ../scss/_basket.scss */
.basket-form fieldset {
  margin-top: 1.5rem;
  border-top: 1px solid #ddd;
}
/* line 26, ../scss/_basket.scss */
.basket-form legend {
  padding-right: 0.75rem;
  margin-bottom: 0;
}
/* line 30, ../scss/_basket.scss */
.basket-form input[name=coupon] {
  width: 8em;
}

/* line 2, ../scss/_sitemap.scss */
.sitemap ul {
  margin: .5em 0;
}
/* line 6, ../scss/_sitemap.scss */
.sitemap > li {
  list-style: none;
  margin-left: 0;
}
/* line 9, ../scss/_sitemap.scss */
.sitemap > li > a {
  font-size: 1.75em;
}
/* line 12, ../scss/_sitemap.scss */
.sitemap > li > ul > li {
  list-style: disc;
  margin-left: 2em;
}

/* line 1, ../scss/_news.scss */
.news-item {
  margin-bottom: 1.5rem;
}
/* line 3, ../scss/_news.scss */
.news-item h3, .news-item legend {
  text-transform: none;
}

/* line 8, ../scss/_news.scss */
.news-item-date {
  color: #E73F3D;
}

/* line 1, ../scss/_steps.scss */
.steps {
  padding: 0;
  background: #ddd;
  border-radius: 0.0625em;
}
@media (min-width: 40em) {
  /* line 1, ../scss/_steps.scss */
  .steps {
    display: flex;
  }
}

/* line 11, ../scss/_steps.scss */
.steps-alt {
  border: 1px solid #888;
  background: none;
}

/* line 16, ../scss/_steps.scss */
.step {
  list-style: none;
  padding: .5em 1em;
  margin: 0;
  flex-grow: 1;
  border-bottom: 1px solid #888;
}
/* line 22, ../scss/_steps.scss */
.step:first-child {
  border-radius: 0.0625em 0.0625em 0 0;
}
/* line 25, ../scss/_steps.scss */
.step:last-child {
  border-radius: 0 0 0.0625em 0.0625em;
  border-bottom: 0;
}
@media (min-width: 40em) {
  /* line 16, ../scss/_steps.scss */
  .step {
    border-bottom: 0;
    border-right: 1px solid #888;
  }
  /* line 32, ../scss/_steps.scss */
  .step:first-child {
    border-radius: 0.0625em 0 0 0.0625em;
  }
  /* line 35, ../scss/_steps.scss */
  .step:last-child {
    border-radius: 0 0.0625em 0.0625em;
    border-right: 0;
  }
}

/* line 43, ../scss/_steps.scss */
.step-active, .step-finished {
  color: #fff;
}

/* line 47, ../scss/_steps.scss */
.step-active {
  background: #E73F3D;
}

/* line 51, ../scss/_steps.scss */
.step-finished {
  background: #89B953;
}

/* line 55, ../scss/_steps.scss */
.step-header {
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: bold;
}

/* line 61, ../scss/_steps.scss */
.step .icon, .step li.plus:before, .step li.minus:before, .step .text-example:before, .step .text-detail:before, .step .text-info:before, .step .text-error:before, .step .text-warning:before, .step .text-question:before, .step .flash-close, .step .audio-item:before, .step .feature-title:before, .step .yt-video-preview::after {
  float: left;
  position: relative;
  left: -.25em;
  top: .0625em;
}

/* line 2, ../scss/_banner.scss */
.contest-banner {
  display: block;
  text-decoration: none;
  padding-top: 0;
  margin: 0 .5em;
  position: relative;
  color: #fff;
}
/* line 5, ../scss/_banner.scss */
.contest-banner:hover {
  color: #fff;
}
/* line 15, ../scss/_banner.scss */
.contest-banner h2, .contest-banner > div {
  text-align: center;
  margin: 0;
  padding: 1rem 10%;
}
/* line 20, ../scss/_banner.scss */
.contest-banner h2 {
  font-size: 2em;
  font-weight: 700;
}
@media (min-width: 60em) {
  /* line 26, ../scss/_banner.scss */
  .contest-banner h2 {
    text-align: left;
  }
  /* line 29, ../scss/_banner.scss */
  .contest-banner > div {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
  }
}
/* line 36, ../scss/_banner.scss */
.contest-banner .date-countdown {
  display: block;
}

/* line 41, ../scss/_banner.scss */
.contest-banner::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: -1;
  bottom: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5Yjk1MyIvPjxzdG9wIG9mZnNldD0iMi41JSIgc3RvcC1jb2xvcj0iIzg5Yjk1MyIvPjxzdG9wIG9mZnNldD0iMi41MSUiIHN0b3AtY29sb3I9IiM0YTk5ZDAiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNGE5OWQwIi8+PHN0b3Agb2Zmc2V0PSI1LjAxJSIgc3RvcC1jb2xvcj0iI2U3M2YzZCIvPjxzdG9wIG9mZnNldD0iNy41JSIgc3RvcC1jb2xvcj0iI2U3M2YzZCIvPjxzdG9wIG9mZnNldD0iNy41MSUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48c3RvcCBvZmZzZXQ9IjkyLjUlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIi8+PHN0b3Agb2Zmc2V0PSI5Mi41MSUiIHN0b3AtY29sb3I9IiNlNzNmM2QiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2U3M2YzZCIvPjxzdG9wIG9mZnNldD0iOTUuMDElIiBzdG9wLWNvbG9yPSIjNGE5OWQwIi8+PHN0b3Agb2Zmc2V0PSI5Ny41JSIgc3RvcC1jb2xvcj0iIzRhOTlkMCIvPjxzdG9wIG9mZnNldD0iOTcuNTElIiBzdG9wLWNvbG9yPSIjODliOTUzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODliOTUzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #89b953), color-stop(2.5%, #89b953), color-stop(2.51%, #4a99d0), color-stop(5%, #4a99d0), color-stop(5.01%, #e73f3d), color-stop(7.5%, #e73f3d), color-stop(7.51%, #333333), color-stop(92.5%, #333333), color-stop(92.51%, #e73f3d), color-stop(95%, #e73f3d), color-stop(95.01%, #4a99d0), color-stop(97.5%, #4a99d0), color-stop(97.51%, #89b953), color-stop(100%, #89b953));
  background-image: -moz-linear-gradient(left, #89b953 0%, #89b953 2.5%, #4a99d0 2.51%, #4a99d0 5%, #e73f3d 5.01%, #e73f3d 7.5%, #333333 7.51%, #333333 92.5%, #e73f3d 92.51%, #e73f3d 95%, #4a99d0 95.01%, #4a99d0 97.5%, #89b953 97.51%, #89b953 100%);
  background-image: -webkit-linear-gradient(left, #89b953 0%, #89b953 2.5%, #4a99d0 2.51%, #4a99d0 5%, #e73f3d 5.01%, #e73f3d 7.5%, #333333 7.51%, #333333 92.5%, #e73f3d 92.51%, #e73f3d 95%, #4a99d0 95.01%, #4a99d0 97.5%, #89b953 97.51%, #89b953 100%);
  background-image: linear-gradient(to right, #89b953 0%, #89b953 2.5%, #4a99d0 2.51%, #4a99d0 5%, #e73f3d 5.01%, #e73f3d 7.5%, #333333 7.51%, #333333 92.5%, #e73f3d 92.51%, #e73f3d 95%, #4a99d0 95.01%, #4a99d0 97.5%, #89b953 97.51%, #89b953 100%);
}
@media (min-width: 40em) {
  /* line 41, ../scss/_banner.scss */
  .contest-banner::after {
    transform-origin: center;
    transform: skewX(-8deg);
    -webkit-backface-visibility: hidden;
  }
}

/* line 73, ../scss/_banner.scss */
.contest-banner:hover::after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWM0NiIvPjxzdG9wIG9mZnNldD0iMi41JSIgc3RvcC1jb2xvcj0iIzdjYWM0NiIvPjxzdG9wIG9mZnNldD0iMi41MSUiIHN0b3AtY29sb3I9IiMzNjhlY2IiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMzY4ZWNiIi8+PHN0b3Agb2Zmc2V0PSI1LjAxJSIgc3RvcC1jb2xvcj0iI2U0MjkyNiIvPjxzdG9wIG9mZnNldD0iNy41JSIgc3RvcC1jb2xvcj0iI2U0MjkyNiIvPjxzdG9wIG9mZnNldD0iNy41MSUiIHN0b3AtY29sb3I9IiMyMjIyMjIiLz48c3RvcCBvZmZzZXQ9IjkyLjUlIiBzdG9wLWNvbG9yPSIjMjIyMjIyIi8+PHN0b3Agb2Zmc2V0PSI5Mi41MSUiIHN0b3AtY29sb3I9IiNlNDI5MjYiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2U0MjkyNiIvPjxzdG9wIG9mZnNldD0iOTUuMDElIiBzdG9wLWNvbG9yPSIjMzY4ZWNiIi8+PHN0b3Agb2Zmc2V0PSI5Ny41JSIgc3RvcC1jb2xvcj0iIzM2OGVjYiIvPjxzdG9wIG9mZnNldD0iOTcuNTElIiBzdG9wLWNvbG9yPSIjN2NhYzQ2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2NhYzQ2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #7cac46), color-stop(2.5%, #7cac46), color-stop(2.51%, #368ecb), color-stop(5%, #368ecb), color-stop(5.01%, #e42926), color-stop(7.5%, #e42926), color-stop(7.51%, #222222), color-stop(92.5%, #222222), color-stop(92.51%, #e42926), color-stop(95%, #e42926), color-stop(95.01%, #368ecb), color-stop(97.5%, #368ecb), color-stop(97.51%, #7cac46), color-stop(100%, #7cac46));
  background-image: -moz-linear-gradient(left, #7cac46 0%, #7cac46 2.5%, #368ecb 2.51%, #368ecb 5%, #e42926 5.01%, #e42926 7.5%, #222222 7.51%, #222222 92.5%, #e42926 92.51%, #e42926 95%, #368ecb 95.01%, #368ecb 97.5%, #7cac46 97.51%, #7cac46 100%);
  background-image: -webkit-linear-gradient(left, #7cac46 0%, #7cac46 2.5%, #368ecb 2.51%, #368ecb 5%, #e42926 5.01%, #e42926 7.5%, #222222 7.51%, #222222 92.5%, #e42926 92.51%, #e42926 95%, #368ecb 95.01%, #368ecb 97.5%, #7cac46 97.51%, #7cac46 100%);
  background-image: linear-gradient(to right, #7cac46 0%, #7cac46 2.5%, #368ecb 2.51%, #368ecb 5%, #e42926 5.01%, #e42926 7.5%, #222222 7.51%, #222222 92.5%, #e42926 92.51%, #e42926 95%, #368ecb 95.01%, #368ecb 97.5%, #7cac46 97.51%, #7cac46 100%);
}

/* line 1, ../scss/_countdown.scss */
.countdown-title, .countdown {
  display: inline-block;
  vertical-align: middle;
}

/* line 6, ../scss/_countdown.scss */
.countdown-title {
  margin-right: .5em;
  position: relative;
  top: -.33em;
}

/* line 12, ../scss/_countdown.scss */
.countdown-part {
  position: relative;
  display: inline-block;
  margin-right: .7em;
  text-align: center;
}
/* line 17, ../scss/_countdown.scss */
.countdown-part:after {
  content: ":";
  position: absolute;
  right: -.5em;
  top: .4em;
}
/* line 24, ../scss/_countdown.scss */
.countdown-part:last-child:after {
  content: "";
}

/* line 30, ../scss/_countdown.scss */
.countdown-part-number {
  border: 2px solid #fff;
  width: 2em;
  line-height: 1.25em;
  font-size: 1.5em;
  display: block;
}

/* line 38, ../scss/_countdown.scss */
.countdown-part-title {
  display: block;
  font-size: .625em;
  opacity: .75;
}

/* line 46, ../scss/_countdown.scss */
.contest-countdown {
  background: #222;
  color: #ddd;
  padding: 1em;
  text-align: center;
}