/* media up to # */
/* media from # up */
/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
section.carousel {
  position: relative; }
  section.carousel header {
    display: flex;
    margin-bottom: 8px; }
    section.carousel header a {
      flex-grow: 1;
      text-align: center;
      padding: 2px .3em;
      cursor: pointer; }
      section.carousel header a.sel {
        color: white; }
  section.carousel main {
    white-space: nowrap;
    overflow: hidden; }
    section.carousel main * {
      white-space: normal; }
    section.carousel main > section {
      display: inline-block;
      vertical-align: top;
      width: 100%; }
  section.carousel nav {
    text-align: center; }
    section.carousel nav .prev,
    section.carousel nav .next {
      position: absolute;
      background: transparent no-repeat center center;
      background-size: auto auto;
      background-size: 100% 100%;
      top: 20%;
      bottom: 20%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 35px;
      opacity: 0.2;
      text-indent: -9999px;
      transition: opacity .2s;
      border: none !important;
      box-shadow: none; }
      section.carousel nav .prev:hover, section.carousel nav .prev:active,
      section.carousel nav .next:hover,
      section.carousel nav .next:active {
        outline: 0 !important;
        text-decoration: none;
        opacity: 0.6;
        box-shadow: none; }
      section.carousel nav .prev:focus,
      section.carousel nav .next:focus {
        outline: 0 !important;
        border: none !important;
        background-color: transparent !important;
        box-shadow: none; }
      section.carousel nav .prev.disabled,
      section.carousel nav .next.disabled {
        opacity: 0 !important;
        cursor: default; }
        section.carousel nav .prev.disabled:hover,
        section.carousel nav .next.disabled:hover {
          cursor: default;
          opacity: 0 !important; }
    section.carousel nav .prev {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23465241' viewBox='0 0 8 8'%3E%3Cpath d='M5.3 0l-4 4l4 4l0.3-0.3L1.9 4l3.7-3.7L5.3 0z'/%3E%3C/svg%3E");
      left: 20px; }
    section.carousel nav .next {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23465241' viewBox='0 0 8 8'%3E%3Cpath d='M2.4 0.3L6.1 4L2.4 7.7L2.8 8l4-4l-4-4L2.4 0.3z'/%3E%3C/svg%3E");
      right: 20px; }
    section.carousel nav .goto {
      display: inline-block;
      margin: 2px;
      position: relative;
      width: 12px;
      height: 12px;
      text-indent: -9999px; }
      section.carousel nav .goto:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url(/static/common/images/sprites.svg) no-repeat -10px -206px;
        width: 12px;
        height: 12px; }
      section.carousel nav .goto.sel:before {
        background-position: -42px -206px; }
  section.carousel.micro main > section, section.carousel.best main > section {
    width: 50%;
    text-align: center; }

@media (max-width: 767px) {
  section.carousel {
    width: 100%;
    text-align: center; } }

@media (min-width: 768px) {
  section.carousel main {
    overflow: hidden; } }