@charset "UTF-8";
/* ================================
   DOCUMENT INFORMATION

   Defines the specific styles for homepage
   Examples: Carousels , home layout, boxes , etc

   - Document: home.css.scss.erb
   - Version:  1
   - Author:   Deindeal
   ================================*/
/*  Partials/imports
================================= */
/* =================================
 DOCUMENT INFORMATION

 Defines all includes used by every page

 - Document: wolfpack/general/base.css.scss
 - Version:  1
 - Author:   Deindeal
=============================== */
/*  Pattern/imports
================================ */
/*  Global variables
================================ */
/* ===================================
   DOCUMENT INFORMATION

   Defines all colors

   - Document: colors.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,400italic,600,700,700italic,800);
@import url("//fonts.googleapis.com/css?family=Cabin:400,600,700");
/* line 45, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-colors {
  overflow: hidden;
}

/* line 49, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color {
  float: left;
  width: 20%;
  padding: 10px;
  border: 1px solid #d6d6d6;
}

/* line 56, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box {
  padding-top: 100%;
  margin-bottom: 5px;
}
/* line 61, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-red1 {
  background: #c01c3c;
}
/* line 65, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-red2 {
  background: #9d132b;
}
/* line 69, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-negativeRed {
  background: #d0021b;
}
/* line 74, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-blue1 {
  background: #4a90e2;
}
/* line 78, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-blue2 {
  background: #45c0fe;
}
/* line 83, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-positiveGreen {
  background: #008000;
}
/* line 88, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-black {
  background: #2f2f2f;
}
/* line 92, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-grey1 {
  background: #555;
}
/* line 96, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-grey2 {
  background: #8b8b8b;
}
/* line 100, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-grey3 {
  background: #b1b1b1;
}
/* line 104, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-grey4 {
  background: #d6d6d6;
}
/* line 108, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-grey5 {
  background: #e6e6e6;
}
/* line 112, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-grey6 {
  background: #f2f2f2;
}
/* line 116, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-box.mod-white {
  background: #fff;
}

/* line 121, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/colors.css.scss */
.pattern-color-info {
  font-size: 12px;
  line-height: 1.3;
}

/* line 93, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
.pullGutter {
  margin: 0-10px;
}

/* line 97, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
.addGutter {
  padding: 0 10px;
}

/* line 119, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
.responsiveContainer {
  margin: 0 7px;
}
@media screen and (min-width: 480px) {
  /* line 119, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .responsiveContainer {
    margin: 0 12px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 119, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .responsiveContainer {
    margin: 0 3%;
  }
}
@media screen and (min-width: 1280px) {
  /* line 119, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .responsiveContainer {
    margin: 0 10%;
  }
}
@media screen and (min-width: 1600px) {
  /* line 119, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .responsiveContainer {
    margin: 0 12%;
  }
}

/* line 262, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
.u-pullGutter {
  margin: 0-5px;
}
@media screen and (min-width: 480px) {
  /* line 262, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-pullGutter {
    margin: 0-8px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 262, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-pullGutter {
    margin: 0-10px;
  }
}
@media screen and (min-width: 1280px) {
  /* line 262, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-pullGutter {
    margin: 0-10px;
  }
}
@media screen and (min-width: 1600px) {
  /* line 262, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-pullGutter {
    margin: 0-12px;
  }
}

/* line 266, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
.u-addGutter {
  padding: 0 5px;
}
@media screen and (min-width: 480px) {
  /* line 266, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-addGutter {
    padding: 0 8px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 266, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-addGutter {
    padding: 0 10px;
  }
}
@media screen and (min-width: 1280px) {
  /* line 266, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-addGutter {
    padding: 0 10px;
  }
}
@media screen and (min-width: 1600px) {
  /* line 266, ../../../../app/assets/stylesheets/frontend/pattern/atoms/global/grid.css.scss */
  .u-addGutter {
    padding: 0 12px;
  }
}

/*  Partials/imports
================================ */
/* Default reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, ../../../../app/assets/stylesheets/external/reset.css.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, 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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 27, ../../../../app/assets/stylesheets/external/reset.css.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 31, ../../../../app/assets/stylesheets/external/reset.css.scss */
body {
  line-height: 1;
}

/* line 34, ../../../../app/assets/stylesheets/external/reset.css.scss */
ol, ul {
  list-style: none;
}

/* line 37, ../../../../app/assets/stylesheets/external/reset.css.scss */
blockquote, q {
  quotes: none;
}

/* line 40, ../../../../app/assets/stylesheets/external/reset.css.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 45, ../../../../app/assets/stylesheets/external/reset.css.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Mixins (used on all the website ) */
/* =========================================
   DOCUMENT INFORMATION

   Defines all mixins used on the website

   - Document: wolfpack/general/mixins.css.scss
   - Version:  0.1
   - Author:   Deindeal
======================================== */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 6, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#colorbox,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
}

/* line 15, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999997;
  overflow: hidden;
}

/* line 23, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 29, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

/* line 34, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxContent {
  position: relative;
}

/* line 38, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxLoadedContent {
  overflow: auto;
}

/* line 42, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxTitle {
  margin: 0;
}

/* line 46, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 55, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

/* line 62, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}

/* line 69, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* line 76, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 89, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxOverlay {
  background: #000;
}

/* line 93, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#colorbox {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

/* line 97, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxContent {
  margin-top: 0px;
  overflow: visible;
}

/* line 102, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxIframe {
  background: #fff;
}

/* line 106, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 111, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxLoadedContent {
  background: transparent;
  padding: 0px;
}

/* line 116, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxLoadingGraphic {
  background: url("//media.deindeal.ch/assets/loading.gif") no-repeat center center;
}

/* line 120, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxLoadingOverlay {
  background: #000;
}

/* line 124, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

/* line 131, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* line 138, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  background: url("//media.deindeal.ch/assets/common/controls.png") no-repeat 0 0;
}

/* line 150, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}

/* line 155, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxPrevious:hover {
  background-position: 0px -25px;
}

/* line 159, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}

/* line 164, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxNext:hover {
  background-position: -25px -25px;
}

/* line 168, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxClose {
  background-position: -50px 0px;
  right: 20px;
}

/* line 173, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
#cboxClose:hover {
  background-position: -50px -25px;
}

/* line 177, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

/* line 182, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

/* line 187, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

/* line 191, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

/* line 196, ../../../../app/assets/stylesheets/external/colorbox.css.scss */
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
/* line 2, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

/* line 20, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

/* line 27, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* line 37, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-opened {
  z-index: 8030;
}

/* line 41, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

/* line 47, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-outer, .fancybox-inner {
  position: relative;
}

/* line 51, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-inner {
  overflow: hidden;
}

/* line 55, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

/* line 59, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

/* line 67, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 73, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

/* line 78, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/assets/common/external/fancybox_sprite.png");
}

/* line 82, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

/* line 94, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/assets/common/external/fancybox_loading.gif") center center no-repeat;
}

/* line 100, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

/* line 110, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/assets/common/external/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

/* line 122, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-prev {
  left: 0;
}

/* line 126, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-next {
  right: 0;
}

/* line 130, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

/* line 141, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

/* line 146, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

/* line 151, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-nav:hover span {
  visibility: visible;
}

/* line 155, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
/* line 167, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

/* line 172, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-lock body {
  overflow: hidden !important;
}

/* line 176, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-lock-test {
  overflow-y: hidden !important;
}

/* line 180, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/assets/common/external/fancybox_overlay.png");
}

/* line 190, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* line 196, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
/* line 203, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

/* line 211, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-opened .fancybox-title {
  visibility: visible;
}

/* line 215, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

/* line 224, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

/* line 240, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

/* line 246, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-title-inside-wrap {
  padding-top: 10px;
}

/* line 250, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* line 265, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/assets/common/external/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  /* line 270, ../../../../app/assets/stylesheets/external/jquery.fancybox.css.scss */
  #fancybox-loading div {
    background-image: url("/assets/common/external/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
/* `Container
----------------------------------------------------------------------------------------------------*/
/* line 20, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
/* line 30, ../../../../app/assets/stylesheets/external/grid.css.scss */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_66,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

/* line 53, ../../../../app/assets/stylesheets/external/grid.css.scss */
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative;
}

/* line 71, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

/* line 76, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

/* line 81, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

/* line 86, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
/* line 94, ../../../../app/assets/stylesheets/external/grid.css.scss */
.alpha {
  margin-left: 0;
}

/* line 98, ../../../../app/assets/stylesheets/external/grid.css.scss */
.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 105, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_1 {
  width: 60px;
}

/* line 109, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_2 {
  width: 120px;
}

/* line 113, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_4 {
  width: 300px;
}

/* line 117, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_5 {
  width: 380px;
}

/* line 121, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_66 {
  width: 420px;
}

/* line 125, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_66.alias {
  margin-left: 10px;
  width: 410px;
}

/* line 130, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_7 {
  width: 540px;
}

/* line 134, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_8 {
  width: 620px;
}

/* line 138, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_10 {
  width: 800px;
}

/* line 142, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .grid_11 {
  width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* line 149, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_1 {
  width: 40px;
}

/* line 153, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_2 {
  width: 100px;
}

/* line 157, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_3 {
  width: 160px;
}

/* line 161, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_5 {
  width: 280px;
}

/* line 165, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_6 {
  width: 340px;
}

/* line 169, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_7 {
  width: 400px;
}

/* line 173, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_9 {
  width: 520px;
}

/* line 177, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_10 {
  width: 580px;
}

/* line 181, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_11 {
  width: 640px;
}

/* line 185, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_13 {
  width: 760px;
}

/* line 189, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_14 {
  width: 820px;
}

/* line 193, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .grid_15 {
  width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
/* line 200, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}

/* line 205, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}

/* line 210, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 218, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_1 {
  padding-left: 80px;
}

/* line 222, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_2 {
  padding-left: 160px;
}

/* line 226, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_4 {
  padding-left: 320px;
}

/* line 230, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_5 {
  padding-left: 400px;
}

/* line 234, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_7 {
  padding-left: 560px;
}

/* line 238, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_8 {
  padding-left: 640px;
}

/* line 242, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_10 {
  padding-left: 800px;
}

/* line 246, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* line 253, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_1 {
  padding-left: 60px;
}

/* line 257, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_2 {
  padding-left: 120px;
}

/* line 261, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_3 {
  padding-left: 180px;
}

/* line 265, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_5 {
  padding-left: 300px;
}

/* line 269, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_6 {
  padding-left: 360px;
}

/* line 273, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_7 {
  padding-left: 420px;
}

/* line 277, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_9 {
  padding-left: 540px;
}

/* line 281, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_10 {
  padding-left: 600px;
}

/* line 285, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_11 {
  padding-left: 660px;
}

/* line 289, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_13 {
  padding-left: 780px;
}

/* line 293, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_14 {
  padding-left: 840px;
}

/* line 297, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .prefix_15 {
  padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
/* line 304, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}

/* line 309, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}

/* line 314, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 322, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_1 {
  padding-right: 80px;
}

/* line 326, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_2 {
  padding-right: 160px;
}

/* line 330, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_4 {
  padding-right: 320px;
}

/* line 334, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_5 {
  padding-right: 400px;
}

/* line 338, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_7 {
  padding-right: 560px;
}

/* line 342, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_8 {
  padding-right: 640px;
}

/* line 346, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_10 {
  padding-right: 800px;
}

/* line 350, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* line 357, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_1 {
  padding-right: 60px;
}

/* line 361, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_2 {
  padding-right: 120px;
}

/* line 365, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_3 {
  padding-right: 180px;
}

/* line 369, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_5 {
  padding-right: 300px;
}

/* line 373, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_6 {
  padding-right: 360px;
}

/* line 377, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_7 {
  padding-right: 420px;
}

/* line 381, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_9 {
  padding-right: 540px;
}

/* line 385, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_10 {
  padding-right: 600px;
}

/* line 389, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_11 {
  padding-right: 660px;
}

/* line 393, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_13 {
  padding-right: 780px;
}

/* line 397, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_14 {
  padding-right: 840px;
}

/* line 401, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .suffix_15 {
  padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/
/* line 408, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_3,
.container_16 .push_4 {
  left: 240px;
}

/* line 413, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_6,
.container_16 .push_8 {
  left: 480px;
}

/* line 418, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_9,
.container_16 .push_12 {
  left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 426, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_1 {
  left: 80px;
}

/* line 430, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_2 {
  left: 160px;
}

/* line 434, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_4 {
  left: 320px;
}

/* line 438, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_5 {
  left: 400px;
}

/* line 442, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_7 {
  left: 560px;
}

/* line 446, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_8 {
  left: 640px;
}

/* line 450, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_10 {
  left: 800px;
}

/* line 454, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .push_11 {
  left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* line 461, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_1 {
  left: 60px;
}

/* line 465, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_2 {
  left: 120px;
}

/* line 469, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_3 {
  left: 180px;
}

/* line 473, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_5 {
  left: 300px;
}

/* line 477, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_6 {
  left: 360px;
}

/* line 481, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_7 {
  left: 420px;
}

/* line 485, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_9 {
  left: 540px;
}

/* line 489, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_10 {
  left: 600px;
}

/* line 493, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_11 {
  left: 660px;
}

/* line 497, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_13 {
  left: 780px;
}

/* line 501, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_14 {
  left: 840px;
}

/* line 505, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .push_15 {
  left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/
/* line 512, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px;
}

/* line 517, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px;
}

/* line 522, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 530, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_1 {
  left: -80px;
}

/* line 534, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_2 {
  left: -160px;
}

/* line 538, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_4 {
  left: -320px;
}

/* line 542, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_5 {
  left: -400px;
}

/* line 546, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_7 {
  left: -560px;
}

/* line 550, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_8 {
  left: -640px;
}

/* line 554, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_10 {
  left: -800px;
}

/* line 558, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_12 .pull_11 {
  left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* line 565, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_1 {
  left: -60px;
}

/* line 569, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_2 {
  left: -120px;
}

/* line 573, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_3 {
  left: -180px;
}

/* line 577, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_5 {
  left: -300px;
}

/* line 581, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_6 {
  left: -360px;
}

/* line 585, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_7 {
  left: -420px;
}

/* line 589, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_9 {
  left: -540px;
}

/* line 593, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_10 {
  left: -600px;
}

/* line 597, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_11 {
  left: -660px;
}

/* line 601, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_13 {
  left: -780px;
}

/* line 605, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_14 {
  left: -840px;
}

/* line 609, ../../../../app/assets/stylesheets/external/grid.css.scss */
.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
/* line 618, ../../../../app/assets/stylesheets/external/grid.css.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
/* line 629, ../../../../app/assets/stylesheets/external/grid.css.scss */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

/* line 645, ../../../../app/assets/stylesheets/external/grid.css.scss */
.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
/* line 656, ../../../../app/assets/stylesheets/external/grid.css.scss */
.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

/* ======================================
   DOCUMENT INFORMATION

   Defines the colors used on every view

   - Document: colors.css.scss
   - Version:  0.1
   - Author:   Deindeal
====================================== */
/*#e23636;*/
/*#ae1414;*/
/*
======================================================================
  DOCUMENT INFORMATION

  Defines all layout structure common on all pages.
  Examples: Separators

  - Document: layout.css.scss
  - Version:  0.1
  - Author:   Deindeal
====================================================================== */
/*
======================================================================
  Partials/imports
====================================================================== */
/*
======================================================================
  DOCUMENT INFORMATION

  Defines all title bar separator styles.

  - Document: title_bar.css.scss
  - Version:  0.1
  - Author:   Deindeal
====================================================================== */
/*
======================================================================
  Partials/imports
====================================================================== */
/* NONE */
/*
======================================================================
  Page Titles / Header Sections
====================================================================== */
/* line 29, ../../../../app/assets/stylesheets/wolfpack/blocks/layout/title_bar.css.scss */
.title-bar {
  padding: 0 8px;
  overflow: hidden;
  background: #fafafa;
  margin-bottom: 10px;
  clear: both;
}
/* line 36, ../../../../app/assets/stylesheets/wolfpack/blocks/layout/title_bar.css.scss */
.title-bar.large-link {
  text-align: center;
}
/* line 39, ../../../../app/assets/stylesheets/wolfpack/blocks/layout/title_bar.css.scss */
.title-bar.large-link .title-bar-link {
  margin: 0;
  font-size: 22px;
  line-height: 38px;
}

/* line 47, ../../../../app/assets/stylesheets/wolfpack/blocks/layout/title_bar.css.scss */
.title-bar-title {
  margin: 0;
  display: inline-block;
  font-size: 24px;
  font-weight: 100;
  line-height: 38px;
}

/* line 55, ../../../../app/assets/stylesheets/wolfpack/blocks/layout/title_bar.css.scss */
.title-bar-link,
.title-bar-count {
  margin-left: 5px;
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
}

/* line 63, ../../../../app/assets/stylesheets/wolfpack/blocks/layout/title_bar.css.scss */
.title-bar-link {
  color: #cc203c;
}

/*
======================================================================
  General styles
====================================================================== */
/* line 35, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.dib {
  display: inline-block;
}

/* line 41, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.boxsizing--cascade,
.boxsizing--cascade *,
.boxsizing--cascade *:after,
.boxsizing--cascade *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
======================================================================
  Small product boxes (flyout menu, footer, recently seen items)
====================================================================== */
/* line 56, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#interests {
  display: none;
  clear: left;
  width: 232px;
  overflow: hidden;
  padding: 0;
  background: white;
  margin-right: 24px;
}

/* line 66, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#interests .tags {
  clear: left;
}

/* line 70, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#allSearchResults #interests .side-bar-title .title,
#searchResults #interests .side-bar-title .title {
  font-size: 13px;
  font-weight: bold;
  line-height: 12px;
  float: left;
  width: 100%;
  margin: 10px 0 10px 10px;
}

/* line 82, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.view__all--right {
  float: right;
  font-size: 22px;
  font-weight: 300;
  line-height: 40px;
}

/*  Results (product container)
========================================== */
/* line 92, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.results {
  width: 744px;
}

/* ======================================================================
  Small product boxes (flyout menu, footer, recently seen items)
====================================================================== */
/* line 102, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box {
  display: block;
  font-size: 14px;
  line-height: 1.28;
  color: #2f2f2f;
}
/* line 108, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box:hover {
  color: #cc203c;
}
/* line 113, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box--margin {
  margin-bottom: 10px;
}

/* line 118, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box-imageWrap,
.crossSelling-box-details {
  display: inline-block;
  vertical-align: top;
}

/* line 124, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box-imageWrap {
  position: relative;
  width: 28%;
  padding-top: 28%;
  overflow: hidden;
}

/* line 131, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}

/* line 138, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box-details {
  width: 72%;
  padding-left: 10px;
}

/* line 143, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box-title,
.crossSelling-box-price {
  display: block;
}

/* line 148, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.crossSelling-box-price {
  font-weight: 600;
}

/* ==================================
  Common Page Layout
==================================*/
/**
* This is the merger of the common file with layout
*
*
**/
/* line 165, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.pageContent {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 175, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
  .sensitiveContent #popupPlaceholder_background {
    background-image: url("/assets/website/love/IE_blur.png") !important;
    background-color: transparent !important;
    opacity: 1 !important;
    background-repeat: repeat-x;
  }
}
/* line 183, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.section {
  height: 40px;
  padding: 0 0 0 8px;
  margin: 12px 0px;
  background: #fafafa;
}
/* line 189, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.section h1 {
  float: left;
  background: none;
  color: black;
  font-weight: 100;
  font-size: 24px;
  line-height: 40px;
}
/* line 198, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.section .viewAll {
  float: right;
  color: #cc203c;
  line-height: 0;
  padding-right: 10px;
  font-size: 22px;
  font-weight: 300;
  line-height: 40px;
}

/*  Comercial bar
=============================== */
/* line 211, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#commercialBar {
  width: 1000px;
  position: absolute;
  top: 0;
  z-index: 1;
  height: 35px;
  background-color: rgba(250, 250, 250, 0.8);
  width: 1000px;
  text-align: center;
  box-shadow: inset 0 10px 10px -10px #A2A2A2;
  -moz-box-shadow: inset 0 10px 10px -10px #A2A2A2;
  -webkit-box-shadow: inset 0 10px 10px -10px #A2A2A2;
}
/* line 224, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#commercialBar p {
  line-height: 35px;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
/* line 231, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#commercialBar a {
  text-decoration: underline;
  font-size: 14px;
}

 /*  POPUPS
=============================== */
/* line 240, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popupPlaceholder {
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
/* line 244, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popupPlaceholder .popup {
  display: block;
}
/* line 248, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popupPlaceholder #popup-mod {
  display: block;
  width: 850px;
}
/* line 253, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popupPlaceholder #popup-as-gift {
  display: block;
  width: 460px;
}
/* line 258, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popupPlaceholder #popup-cart {
  width: 950px;
}

/* Popup Login and Account Process Modals */
/* line 264, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popup-login.popup {
  display: none;
}

/* line 268, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popup-register.popup {
  display: none;
}

/* line 272, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popup-password-forgotten.popup {
  display: none;
  width: 460px;
}

/* line 277, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popup-edit-forgotten-password.popup {
  display: none;
  width: 460px;
}

/* line 282, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popup-password-forgotten-error-editing-new-pass.popup {
  display: none;
  width: 460px;
}

/* line 287, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#popup-fb-login-failed-email-exists.popup {
  display: none;
  width: 460px;
}

/* line 292, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-success,
.login-fail {
  padding: 10px;
  display: none;
  margin: 10px 30px;
}

/* line 299, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-success {
  background: #e4f3d4;
  border: 2px solid #5ca000;
  color: #4e7e0e;
}
/* line 304, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-success h2 {
  color: #4e7e0e;
}
/* line 307, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-success p {
  color: #4e7e0e;
}
/* line 310, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-success a.instruction-link {
  color: #4e7e0e;
}

/* line 315, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-fail {
  background: #ffcccc;
  border: 2px solid #990000;
  color: #660000;
}
/* line 320, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-fail h2 {
  color: #660000;
}
/* line 323, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.login-fail p {
  color: #660000;
}

 /* Contact page top padding fix
=============================== */
/* line 333, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.contactForm .main .headline {
  padding: 20px;
}
/* line 337, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.contactForm .main .headline .t022 {
  display: none;
}

/** Menu credits fix */
/* line 343, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
li.alias-credits .credits {
  float: left;
}

 /* LiveShopping page
=============================== */
/* line 351, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#infiniteScrollSpinnerWrapper {
  width: 100%;
  display: none;
  position: fixed;
  bottom: 20px;
}

/* line 358, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#infiniteScrollSpinner {
  background: transparent url("http://media.deindeal.ch/assets/common/spinner_30.gif") top left no-repeat;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

/* line 365, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.checkoutSummaryWrapper .sprite {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) ;
}

/* line 369, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.reset-filters {
  display: none;
}

/* line 375, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#searchResults .reset-filters {
  display: block;
}
/* line 379, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#searchResults .dd_dropdown .dropdownList {
  z-index: 3 !important;
}

/* line 384, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.elipsis {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 90px;
  height: 28.8px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 12px;
  line-height: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 398, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#channelView #channelResultsCounter,
#channelViewMerchandise #channelResultsCounter {
  font-size: 12px;
}

/* line 403, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.tablet #recommendationsCarousel .pagArrow {
  display: none;
}

/* Collection Expedia CSS */
/* line 408, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
ul.collections li.collection {
  float: left;
}

/* line 411, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
body.outlet {
  padding-top: 0 !important;
}

/* line 414, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#outlet_banner {
  margin: auto;
  margin-bottom: 15px;
  width: 100%;
  display: none;
}

 /* New landing page subscription form
=============================== */
/* line 424, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 {
  height: 110px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  background: #EEE;
  z-index: 1;
}
/* line 435, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 #landingPageHeader {
  width: 1000px;
  height: 45px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 50%;
  margin-left: -500px;
}
/* line 447, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 #newsletterInfoText {
  width: 325px;
  height: 44px;
  float: left;
  margin-right: 16px;
  padding-left: 8px;
  font-size: 14px;
  color: #2F2F2F;
  line-height: 22px;
  font-family: "Open Sans";
  font-weight: 400;
}
/* line 460, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 #subscription_email {
  width: 215px;
  height: 35px;
  margin-right: 16px;
  float: left;
  margin-top: 5px;
  font-size: 14px;
  line-height: 19px;
  font-family: "Open Sans";
}
/* line 471, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 #subscription_stadt {
  width: 154px;
  height: 35px;
  margin-right: 16px;
  float: left;
  margin-top: 5px;
  font-size: 14px;
  color: #ABABAB;
  line-height: 19px;
  font-family: "Open Sans";
}
/* line 483, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 #subscribeNow {
  width: 196px;
  height: 35px;
  float: left;
  margin-right: 32px;
  margin-top: 5px;
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 700;
  line-height: 19px;
}
/* line 495, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 span.error {
  position: absolute;
  top: -18px;
}
/* line 500, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 #subscribeNow p {
  line-height: 35px !important;
}
/* line 504, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#landingPagePlaceholderV2 #closeButton {
  height: 17px;
  width: 17px;
  margin-top: 13px;
  cursor: pointer;
  font-family: "Open Sans";
  padding: 15px;
  position: absolute;
  right: -15px;
  top: -15px;
}

/* line 517, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.absoluteHeader {
  top: 110px;
  position: absolute;
}

/* line 522, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.fixHeader {
  top: 0;
  position: fixed;
}

/* line 527, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#channelViewMerchandise.headerLandingPageShown {
  top: 120px;
}

/* line 531, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.putOnTop {
  z-index: 4 !important;
}

 /* ToolTip for costs delivery
=============================== */
/* line 539, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTipDesc {
  float: left;
  position: relative;
  margin-top: 7px;
}

/* line 545, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  float: none;
  top: 3px;
  left: 15px;
  border: 1px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #CE0119;
  padding: 0px 4px 0px 3px;
  width: 10px;
  height: 19px;
  cursor: pointer;
  background: #fff;
  width: 12px !important;
  height: 18px !important;
}
/* line 566, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip span:first-child {
  float: none;
  margin-right: 0px;
  font-family: Georgia, serif;
  color: #CE0119;
  font-size: 12px;
  margin-bottom: 25px;
}
/* line 575, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts {
  display: none;
}
/* line 580, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip:hover .deliveryCosts {
  display: block;
}
/* line 585, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts {
  display: none;
  text-align: left;
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 9px;
  width: 650px !important;
  background: white;
  z-index: 9999;
  position: absolute;
  top: 40px;
  left: -335px;
  float: left !important;
  height: 357px !important;
  box-shadow: 0px 0px 8px #CCC;
}
/* line 604, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .textCosts {
  font-size: 9px;
  width: 195px;
  display: block;
  float: right !important;
  width: 350px;
  z-index: 1000;
  position: relative;
  border-left: 1px solid #ccc;
  height: 357px !important;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 9px !important;
  line-height: 15px !important;
  background-color: #fff;
}
/* line 622, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .textCosts li {
  list-style-type: disc;
  margin-left: 14px;
  padding-left: 20px;
  font-size: 9px !important;
  line-height: 15px !important;
}
/* line 630, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .textCosts strong {
  font-size: 11px !important;
}
/* line 635, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice {
  margin-top: 0px;
  float: left;
  display: block;
  border: 1px solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  float: left;
  border: none !important;
  height: 357px !important;
}
/* line 648, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice {
  margin-top: -364px;
  width: 300px !important;
}
/* line 653, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice td {
  font-size: 10px !important;
  padding: 0px 0px 0px 10px;
  border-bottom: none;
}
/* line 659, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice tr {
  height: 51px;
  vertical-align: middle;
  padding: 7px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
}
/* line 670, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice tr:first-child {
  border-top: none !important;
}
/* line 674, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice tr:last-child {
  border-bottom: none !important;
}
/* line 678, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice tr td.right,
.toolTip .deliveryCosts .deliveryPrice tr th.right {
  text-align: right !important;
  padding-right: 15px !important;
  width: 200px !important;
}
/* line 685, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice tr td.left,
.toolTip .deliveryCosts .deliveryPrice tr th.left {
  width: 100px !important;
  padding-left: 15px !important;
  text-align: left !important;
}
/* line 692, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice td {
  vertical-align: middle !important;
}
/* line 696, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice tr:nth-child(odd) {
  background: #F5F5F5;
}
/* line 700, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .deliveryPrice th {
  text-align: center !important;
  background: #D6D6D6;
  color: #2F2F2F !important;
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: bold;
  vertical-align: middle !important;
}
/* line 710, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .topTriangle {
  position: absolute;
  top: -17px;
  left: 332px;
  width: 24px;
  height: 24px;
  display: block;
  font-size: 24px;
  background: transparent;
  color: #fff;
  -khtml-box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.8);
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.8);
}
/* line 725, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .topTriangle:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fff;
  -khtml-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 0;
  -khtml-box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.8);
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.8);
}
/* line 744, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.toolTip .deliveryCosts .topTriangleStripHack {
  width: 40px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: 18px;
  left: -5px;
  z-index: 100;
}

/* line 756, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.lang-fr .toolTip .deliveryCosts .deliveryPrice {
  margin-top: -415px;
}

/* line 760, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.lang-fr .toolTip .deliveryCosts .deliveryPrice tr:last-child {
  height: 102px;
}

/* line 765, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.lang-fr .toolTip .deliveryCosts {
  height: 415px !important;
}

/* line 769, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.lang-fr .toolTip .deliveryCosts .textCosts {
  height: 415px !important;
}

/* line 776, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.deliveryMiddle .deliveryCosts {
  height: 357px !important;
}
/* line 780, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.deliveryMiddle .textCosts {
  margin-right: 0 !important;
  height: 357px !important;
}
/* line 785, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.deliveryMiddle .deliveryPrice {
  margin-top: 0 !important;
}
/* line 789, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.deliveryMiddle .toolTip {
  padding: 0px 1px 0px 7px !important;
  top: -5px;
  width: 10px !important;
}

/* line 796, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.lang-fr .deliveryMiddle .deliveryCosts {
  height: 415px !important;
}

/* line 800, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.lang-fr .deliveryMiddle .deliveryCosts .deliveryPrice tr:last-child {
  height: 96px;
}

/* line 805, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#checkout .toolTip .deliveryCosts .deliveryPrice {
  margin-top: -357px !important;
}

/* line 809, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.lang-fr #checkout .toolTip .deliveryCosts .deliveryPrice {
  margin-top: -415px !important;
}

 /* Common classes to float element to left or right
=============================== */
/* line 816, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.pullLeft {
  float: left;
}

/* line 820, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.pullRight {
  float: right;
}

/* line 824, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.hide {
  display: none;
}

/* line 828, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
#subscriptionLpPopup .collection .content .lazy-bg {
  background-position: center;
  width: 320px;
  height: 182px;
}

/* line 834, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.legacyNotAvailable {
  background-color: #f8e2e6;
  font-weight: 600;
  padding: 15px 0px 15px 0px;
  margin-bottom: 10px;
}

/*
* Quick buy overlay
*/
/* line 844, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
p.shippingNotIncluded {
  float: right;
  font-size: 10px;
}

/**
* For all anchor links this class should be used in order to get the
  margin on top equal to the header height
  so the anchor can be shown exactly where
* it's required to be seen
**/
/* line 856, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
a.anchorLink {
  content: "";
  position: relative;
  top: -125px !important;
  display: block;
  height: 0;
  width: 0;
}

/* line 865, ../../../../app/assets/stylesheets/wolfpack/general/layout.css.scss.erb */
.warningText {
  color: #cc203c;
  padding-left: 10px;
  font-style: italic;
  font-size: 12px;
  font-family: "Open Sans";
  line-height: 15px;
  float: left;
  margin-left: 8px;
  margin-top: 16px;
  margin-bottom: 5px;
}

/* ========================================
  # Icons
  # Included in wolfpack.css.scss
======================================== */
/*#e23636;*/
/*#ae1414;*/
/*#e23636;*/
/*#ae1414;*/
/* line 14, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__icon {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  float: left;
  background-color: transparent;
}

/* line 22, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#logo {
  background: url(//media.deindeal.ch/assets/common/dd-logo-6908992500c5adfc874a821913e4222e.svg) no-repeat 0 0;
  width: 110px;
  height: 53px;
  float: left;
  background-size: contain;
}

/* line 30, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#discount--sprite,
#return__policy--sprite,
#phone__sprite--small,
#write__us--sprite {
  height: 24px;
  width: 28px;
  margin-right: 4px;
}

/* line 39, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#discount--sprite {
  background-position: -9px -453px;
}

/* line 43, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#return__policy--sprite {
  background-position: -55px -455px;
}

/* line 47, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#phone__sprite--small {
  background-position: -109px -455px;
}

/* line 51, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#write__us--sprite {
  background-position: -162px -455px;
}

/* line 55, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#marker--black,
#marker--white {
  display: inline-block;
  height: 14px;
  width: 11px;
}

/* line 66, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#marker--black {
  background-position: -4px -4px;
}

/* line 70, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#marker--white {
  background-position: -14px -4px;
}

/* line 74, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#arrow__small--up, #arrow__small--down, #arrow__small--upBlack, #arrow__small--downBlack {
  display: block;
  width: 15px;
  height: 10px;
}

/* line 78, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#arrow__small--up {
  background-position: -21px -1874px;
}

/* line 82, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#arrow__small--down {
  background-position: -5px -1874px;
}

/* line 86, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#security__sprite {
  width: 28px;
  height: 32px;
  margin: 6px 10px 0px 24px;
  background-position: -4px -2463px;
}

/* line 93, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#trusted-shop__sprite {
  width: 38px;
  height: 29px;
  margin: 7px 10px 0px 24px;
  background-position: -4px -2426px;
}

/* line 102, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__positioning {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  width: 85px;
  margin: 0 auto;
  position: absolute;
  display: block;
  text-align: center;
  right: -125px;
  top: 440px;
}

/* line 113, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#down__arrow {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -865px -330px;
  height: 49px;
  width: 50px;
  margin: 10px auto 0px auto;
}

/* line 121, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#how-it-works__warranty,
#how-it-works__discount,
#how-it-works__returns,
#how-it-works__new {
  width: 47px;
  height: 47px;
  padding: 0;
  line-height: 38px;
  margin-top: -5px;
  margin-right: 5px;
}

/* line 137, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#how-it-works__warranty {
  background-position: -5px -325px;
}

/* line 141, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#how-it-works__discount {
  background-position: -5px -1243px;
}

/* line 145, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#how-it-works__returns {
  background-position: -5px -217px;
}

/* line 149, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#how-it-works__new {
  background-position: -5px -1194px;
}

/* line 154, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#legacyExclamationMark {
  background-position: -5px -2548px;
  height: 25px;
  width: 25px;
  margin: 10px 10px 0px 0px;
}

/* line 161, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#gift__sprite--small,
#gift__sprite--disabled {
  width: 18px;
  height: 20px;
}

/* line 167, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#gift__sprite--small {
  background-position: -50px -872px;
}

/* line 171, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#gift__sprite--disabled {
  background-position: -4px -872px;
}

/* line 175, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#phone__sprite--gray,
#phone__sprite--white {
  width: 39px;
  height: 30px;
}

/* line 181, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#phone__sprite--gray {
  background-position: -5px -2425px;
}

/* line 185, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#phone__sprite--medium {
  margin-right: 10px;
  height: 24px;
  width: 33px;
  background-position: -247px -379px;
}

/* line 192, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#phone__sprite--white,
#mail__sprite {
  display: inline-block;
  float: none;
}

/* line 198, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#phone__sprite--white {
  background-position: -5px -2104px;
}

/* line 202, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#mail__sprite {
  margin-top: 15px;
  width: 38px;
  height: 30px;
  background-position: -7px -2144px;
}

/* line 209, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#delivery__sprite {
  margin-right: 10px;
  height: 32px;
  width: 29px;
  display: inline-block;
  background-position: -248px -281px;
}

/* line 219, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--big,
#card__american--big,
#card__mastercard--big,
#card__postCard--big,
#card__post--big,
#card__paypal--big,
#card__invoice--big {
  width: 66px;
  height: 41px;
}

/* line 224, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--big,
#card__american--big,
#card__mastercard--big,
#card__postCard--big,
#card__post--big,
#card__paypal--big,
#card__invoice--big {
  line-height: 41px;
}

/* line 235, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--big {
  background-position: -4px -1029px;
}

/* line 239, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__american--big {
  background-position: -73px -1029px;
}

/* line 243, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__mastercard--big {
  background-position: -139px -1029px;
}

/* line 247, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__postCard--big {
  background-position: -206px -1029px;
}

/* line 251, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__post--big {
  background-position: -272px -1029px;
}

/* line 255, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__paypal--big {
  background-position: -340px -1029px;
}

/* line 259, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__invoice--big {
  background-position: -408px -1029px;
}

/* line 264, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#arrow__sprite--right {
  height: 16px;
  width: 16px;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  bottom: 4px;
  background-position: -567px -224px;
}

/* line 278, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__icon--trust {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  display: inline-block;
}

/* line 283, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#garantie__sprite--big {
  width: 152px;
  height: 152px;
  background-position: -816px -394px;
}

/* line 289, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__icon--app {
  display: block;
  background-size: 129px 214px !important;
  width: 129px;
  height: 214px;
}

/* line 296, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#iosApp__sprite--bigDe {
  background: url(//media.deindeal.ch/assets/website/footer/AppStore_de@2x-3cb78a241031053bb21ac11ad6283cb3.png) no-repeat;
}

/* line 300, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#androidApp__sprite--bigDe {
  background: url(//media.deindeal.ch/assets/website/footer/PlayStore_de@2x-708133522a2bdff2d115ecd0fd30cb4b.png) no-repeat;
}

/* line 304, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#iosApp__sprite--bigFr {
  background: url(//media.deindeal.ch/assets/website/footer/AppStore_fr@2x-476eaa1d39158c20589c846208122729.png) no-repeat;
}

/* line 308, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#androidApp__sprite--bigFr {
  background: url(//media.deindeal.ch/assets/website/footer/PlayStore_fr@2x-18490993415b0838aac5b12d0929fa3c.png) no-repeat;
  margin: 0px 0 0 32px;
}

/* line 313, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#gPlus__sprite--big,
#facebook__sprite--big,
#twitter__sprite--big {
  display: block;
  margin-right: 18px;
  width: 56px;
  height: 56px;
}

/* line 322, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#gPlus__sprite--big {
  background-position: -6px -599px;
}
/* line 324, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#gPlus__sprite--big:hover {
  background-position: -68px -599px;
}

/* line 329, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#facebook__sprite--big {
  background-position: -5px -664px;
}
/* line 331, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#facebook__sprite--big:hover {
  background-position: -69px -664px;
}

/* line 336, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#twitter__sprite--big {
  background-position: -5px -536px;
}
/* line 338, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#twitter__sprite--big:hover {
  background-position: -68px -536px;
}

/* line 343, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__inverted {
  float: left;
  margin-top: 24px;
}

/* line 348, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#logo__small {
  background: url(//media.deindeal.ch/assets/common/dd-logo-w-e92653461cc4ff41491551f70c3abd8e.svg) no-repeat top left;
  background-size: contain;
  width: 110px;
  height: 56px;
}

/* line 355, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--small,
#card__american--small,
#card__mastercard--small,
#card__postCard--small,
#card__post--small,
#card__paypal--small {
  width: 51px;
  height: 31px;
}

/* line 360, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--small,
#card__american--small,
#card__mastercard--small,
#card__postCard--small,
#card__post--small,
#card__paypal--small {
  margin-right: 8px;
}

/* line 370, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--small {
  background-position: -4px -790px;
}

/* line 374, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__american--small {
  background-position: -62px -790px;
}

/* line 378, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__mastercard--small {
  background-position: -119px -790px;
}

/* line 382, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__postCard--small {
  background-position: -176px -790px;
}

/* line 386, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__post--small {
  background-position: -232px -790px;
}

/* line 390, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__paypal--small {
  background-position: -289px -790px;
}

/* line 394, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#postFinance__sprite--de {
  width: 107px;
  height: 32px;
  background-position: -111px -832px;
}

/* line 400, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#postFinance__sprite--fr {
  width: 99px;
  height: 32px;
  background-position: -5px -832px;
}

/* line 406, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport__sprite {
  margin-left: 8px;
  width: 165px;
  height: 32px;
  background-position: -224px -832px;
}

/* line 413, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#ringier__sprite {
  float: right;
  width: 216px;
  height: 39px;
  background-position: -3px -3008px;
}

/* line 420, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.call__sprite {
  background: url(//media.deindeal.ch/assets/website/footer/Phone@2x-1aa59a7cf7004244e4c1abda3b00a9c7.png) no-repeat;
  width: 55px;
  height: 54px;
}

/* line 426, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.ssl__sprite {
  background: url(//media.deindeal.ch/assets/website/footer/SSLSecure@2x-cbb48189c56c27ede80a18d0034f6cb5.png) no-repeat;
  width: 55px;
  height: 66px;
}

/* line 432, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__award {
  background: url(//media.deindeal.ch/assets/website/footer/sea@2x-b77958a6b6934e366f21b66c063b2f45.png) no-repeat;
}

/* line 436, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#award__sprite {
  display: block;
  width: 214px;
  height: 90px;
  background-size: 214px 90px;
}

/* line 444, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#trustedShops__sprite--big {
  width: 152px;
  height: 152px;
  margin-top: 20px;
  background-position: -626px -394px;
}

/* line 451, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#trusted-shop__sprite--small {
  width: 45px;
  height: 45px;
  background-position: -91px -96px;
}

/* line 457, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__garantie {
  background: url(//media.deindeal.ch/assets/website/footer/swiss_online_garantie_100-162071e78e6dad797eb2bf837d49e4fc.png) no-repeat;
  background-color: transparent;
}

/* line 462, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.sprite__trustedShop {
  background: url(//media.deindeal.ch/assets/website/footer/TrustedShops_100-3463ec0265e21594d83b65c13a9b130d.png) no-repeat;
  background-color: transparent;
}

/* line 468, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#trustedShops__sprite--medium,
#garantie__sprite--mediu {
  display: block;
  width: 100px;
  height: 100px;
}

/* line 475, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#trustedShops__sprite--medium {
  float: left;
}

/* line 479, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#garantie__sprite--mediu {
  float: left;
}

/* line 486, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--disabled,
#card__american--disabled,
#card__mastercard--disabled,
#card__postCard--disabled,
#card__post--disabled,
#card__paypal--disabled {
  width: 62px;
  height: 41px;
}

/* line 500, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__visa--disabled {
  background-position: -2px -52px;
}

/* line 504, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__american--disabled {
  background-position: -64px -52px;
}

/* line 508, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__mastercard--disabled {
  background-position: -125px -52px;
}

/* line 512, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__postCard--disabled {
  background-position: -186px -52px;
}

/* line 516, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__post--disabled {
  background-position: -247px -52px;
}

/* line 520, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#card__paypal--disabled {
  background-position: -308px -52px;
}

/* line 526, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#checked__sprite--black,
#checked__sprite--red {
  width: 23px;
  height: 19px;
}

/* line 536, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#checked__sprite--black {
  background-position: -3px -25px;
}

/* line 540, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#checked__sprite--red {
  background-position: -31px -25px;
}

/* line 544, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#home__sprite {
  height: 14px;
  width: 14px;
  background-position: -32px -4px;
}

/* line 550, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time3__sprite--de {
  width: 82px;
  height: 21px;
  background-position: -608px -7px;
}

/* line 556, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time3__sprite--fr {
  width: 86px;
  height: 21px;
  background-position: -800px -7px;
}

/* line 562, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time5__sprite--de {
  width: 82px;
  height: 21px;
  background-position: -608px -43px;
}

/* line 568, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time5__sprite--fr {
  width: 86px;
  height: 21px;
  background-position: -800px -44px;
}

/* line 574, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time10__sprite--de {
  width: 96px;
  height: 21px;
  background-position: -608px -79px;
}

/* line 580, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time10__sprite--fr {
  width: 96px;
  height: 21px;
  background-position: -800px -79px;
}

/* line 587, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time1__sprite--de {
  width: 102px;
  height: 21px;
  background-position: -608px -116px;
}

/* line 593, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time1__sprite--fr {
  width: 107px;
  height: 21px;
  background-position: -800px -116px;
}

/* line 599, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time2__sprite--de {
  width: 103px;
  height: 21px;
  background-position: -608px -152px;
}

/* line 605, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-time2__sprite--fr {
  width: 107px;
  height: 21px;
  background-position: -800px -152px;
}

/* line 611, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-free__sprite--de {
  width: 116px;
  height: 21px;
  background-position: -608px -188px;
}

/* line 617, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-free__sprite--fr {
  width: 114px;
  height: 21px;
  background-position: -800px -188px;
}

/* line 623, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-free-montage__sprite--de {
  width: 184px;
  height: 21px;
  background-position: -608px -224px;
}

/* line 629, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#transport-free-montage__sprite--fr {
  width: 182px;
  height: 21px;
  background-position: -800px -224px;
}

/* line 635, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#tv-spot__sprite--de {
  width: 149px;
  height: 21px;
  background-position: -608px -260px;
}

/* line 641, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#tv-spot__sprite--fr {
  width: 149px;
  height: 21px;
  background-position: -800px -260px;
}

/* line 647, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#flight-included__sprite--de {
  width: 122px;
  height: 21px;
  background-position: -608px -300px;
}

/* line 653, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#flight-included__sprite--fr {
  width: 100px;
  height: 21px;
  background-position: -800px -300px;
}

/* line 659, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#crazy-deal__timer {
  width: 60px;
  height: 42px;
  background-position: -608px -342px;
}

/* line 665, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#crazy-deal__timer--bar {
  width: 161px;
  height: 30px;
  background-position: -669px -346px;
}

/* line 671, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#crazy-deal__timer--corner {
  width: 4px;
  height: 30px;
  background-position: -833px -342px;
}

/* line 677, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#button__sprite--up {
  width: 50px;
  height: 48px;
  background-position: -924px -331px;
}

/* line 683, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#button__sprite--down {
  width: 50px;
  height: 48px;
  background-position: -865px -331px;
}

/* line 689, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#deal-garantie__sprite {
  width: 95px;
  height: 117px;
  background-position: 0px -1076px;
}

/* line 695, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#payment-fail__sprite {
  width: 91px;
  height: 99px;
  background-position: -13px -1764px;
}

/* line 703, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#arrow__small--upBlack {
  background-position: -38px -1874px;
}

/* line 707, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#arrow__small--downBlack {
  background-position: -53px -1874px;
}

/* line 711, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#checkbox__sprite--unchecked,
#checkbox__sprite--checked,
#checkbox__sprite--open,
#heart__sprite--grey,
#heart__sprite--black,
#search-lens__sprite--thin,
#search-lens__sprite--invert,
#square-arrow__sprite--left,
#square-arrow__sprite--right {
  width: 15px;
  height: 15px;
}

/* line 722, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#checkbox__sprite--unchecked {
  background-position: -5px -1891px;
}

/* line 726, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#checkbox__sprite--checked {
  background-position: -23px -1891px;
}

/* line 730, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#checkbox__sprite--open {
  background-position: -40px -1891px;
}

/* line 734, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#heart__sprite--grey {
  background-position: -80px -1891px;
}

/* line 738, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#heart__sprite--black {
  background-position: -98px -1891px;
}

/* line 742, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#search-lens__sprite--thin {
  background-position: -127px -1891px;
}

/* line 746, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#search-lens__sprite--invert {
  background-position: -4px -2756px;
}

/* line 750, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#play__button {
  width: 39px;
  height: 39px;
  background-position: -5px -2024px;
}

/* line 756, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#close__button--big {
  width: 28px;
  height: 32px;
  background-position: -5px -2591px;
}

/* line 762, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#close__button--small {
  width: 12px;
  height: 12px;
  background-position: -35px -2602px;
}

/* line 768, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#square-arrow__sprite--left {
  background-position: -4px -2784px;
}

/* line 772, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#square-arrow__sprite--right {
  background-position: -22px -2784px;
}

/* line 776, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#info__sprite {
  width: 20px;
  height: 18px;
  background-position: -77px -2px;
}

/*  Custon radio buttons
======================================*/
/* line 786, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.rightRegister .field:not(#foo) > input[type="radio"] + label:before {
  text-indent: -9999px;
  position: absolute;
  z-index: 2;
  left: 16px;
  content: ".";
  background-color: transparent;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -5px -1905px;
  display: inline-block;
  width: 16px;
  height: 20px;
  margin: 0 3px 0 -16px;
  pointer-events: none;
}

/* line 802, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.rightRegister .field:not(#foo) > input[type="radio"] + label:before {
  background-position: -5px -1910px;
}

/* line 806, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.rightRegister .field:not(#foo) > input[type="radio"]:checked + label:before {
  background-position: -50px -1910px;
}

/*  Product icons
======================================*/
/* line 814, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#detailsWrapper .warranty {
  float: left;
  margin-right: 10px;
  height: 32px;
  width: 29px;
  display: inline-block;
  background-color: transparent;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -248px -227px;
}

/* line 825, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#detailsWrapper .delivery {
  float: left;
  margin-right: 10px;
  height: 32px;
  width: 29px;
  display: inline-block;
  background-color: transparent;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -248px -281px;
}

/* line 836, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#detailsWrapper .delivery.guaranteed-before-special-date {
  background: url(//media.deindeal.ch/assets/website/sprites/icon_delivery_valentine@2x-9902e415f95c5e23cf55bfd9054f8087.png) no-repeat;
  background-size: 100%;
  background-position: center 5px;
}

/* line 842, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#detailsWrapper .time {
  float: left;
  margin-right: 10px;
  height: 32px;
  width: 29px;
  display: inline-block;
  background-color: transparent;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -248px -333px;
}

/* line 853, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#detailsWrapper .phone {
  height: 24px;
  width: 33px;
  float: left;
  background-color: transparent;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -247px -379px;
  margin-right: 10px;
}

/* line 863, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.pagePositioning {
  width: 85px;
  margin: 0 auto;
  position: absolute;
  display: block;
  text-align: center;
  right: -125px;
}

/* line 872, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
.pagePositioning a > div {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  height: 49px;
  width: 50px;
  background-position: -865px -330px;
  margin: 10px auto 0px auto;
}

/* This is the selected icon fir the city in the new navigation A/B test */
/* line 882, ../../../../app/assets/stylesheets/wolfpack/general/icons.css.scss */
#local .list-item.selected:before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 11px;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -4px -4px;
  background-color: transparent;
  position: absolute;
  top: 9px;
  left: 25px;
}

/*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *)  General
 *) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*) Default logo size */
/* line 11, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
#checkout-header .logo {
  width: 118px;
  height: 56px;
  background: url(//media.deindeal.ch/assets/common/dd-logo-6908992500c5adfc874a821913e4222e.svg) no-repeat top left;
  background-size: contain;
}

/* line 21, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.valentineDay header .logo {
  width: 118px;
  height: 56px;
  background: url(//media.deindeal.ch/assets/common/dd-logo-heart-1932597749f10baaeaf69a981ba0103a.svg) no-repeat top left;
  background-size: contain;
}

/*) small logo size */
/* line 31, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.logo.small {
  width: 110px;
  height: 56px;
}

/*) white logo letters */
/* line 39, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.logo.white {
  background: url(//media.deindeal.ch/assets/common/dd-logo-w-e92653461cc4ff41491551f70c3abd8e.svg) no-repeat top left;
  background-size: contain;
}

/* line 44, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.bx-wrapper {
  float: left;
}

/* line 48, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
#dealGallery .bx-wrapper {
  float: none;
}

/* line 52, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.hidden {
  display: none !important;
}

/* line 56, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.alpha {
  clear: left;
}

/*)
 *)  Collection
 */
/* line 65, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.noAdsCarousel .channel .mainArea {
  margin-top: -500px;
}

/* line 69, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.noAdsCarousel.coupons .channel .mainArea {
  margin-top: -300px;
}

/* line 73, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.tablet.channel-vi .mainArea {
  margin-top: 0px;
}

/* line 77, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel .mainArea {
  position: relative;
  background: #ffffff;
  margin-top: -100px;
  width: 100%;
}

/* line 84, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.noAdsCarousel .channel .mainArea {
  background: none;
}

/* line 88, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel-vi .channel .mainArea {
  margin-top: 0px;
}

/* line 92, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel .mainArea.collections ul.list.collections {
  height: auto;
  position: relative;
  width: 744px;
  float: right;
  clear: none;
}

/*) Layout helpers */
/* line 102, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.boxsizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}

/* line 110, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.trimWithDots {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*)
 *)  Loading
 */
/* line 121, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.loadingOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 2;
  background-color: transparent;
  /* [xmas]
  // Fallback for web browsers that don't support RGBa
  background-color: rgb(255, 255, 255);
  // RGBa with 0.6 opacity
  background-color: rgba(255, 255, 255, 0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF)";
  zoom: 1; */
}

/* line 140, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.spinner {
  height: 40px;
  width: 40px;
  margin: 0px auto;
  position: relative;
  -webkit-animation: rotation .8s infinite linear;
  -moz-animation: rotation .8s infinite linear;
  -o-animation: rotation .8s infinite linear;
  animation: rotation .8s infinite linear;
  border-left: 5px solid rgba(204, 32, 60, 0.15);
  border-right: 5px solid rgba(204, 32, 60, 0.15);
  border-bottom: 5px solid rgba(204, 32, 60, 0.15);
  border-top: 5px solid #cc203c;
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* line 192, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.loadingOverlay .content {
  width: 350px;
  height: 105px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -175px;
  padding-top: 20px;
  background: white;
}

/* line 203, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.loadingOverlay .preloader {
  display: block;
}

/* line 207, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.loadingOverlay p {
  line-height: 40px;
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  color: #3D3D3D;
  text-align: center;
}

/* line 216, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.container_12.spaLoading {
  height: 400px;
}

/* line 220, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.container_12.spaLoading .loadingOverlay {
  display: block;
  position: static;
}

/* line 225, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.container_12.spaLoading .loadingOverlay .content {
  margin-top: 200px;
}

/* line 229, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel-ou .outletOverlay .loadingOverlay {
  position: fixed;
  top: auto;
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 235, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel-ou .outletOverlay .loadingOverlay .content {
  top: 50%;
  margin-top: -50px;
}

/* line 240, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel-va .channel .moodImg img,
.channel-bi .channel .moodImg img {
  float: left;
}

/* line 245, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel-sg .channel .moodImg img,
.channel-mt .channel .moodImg img {
  float: left;
}

/* line 250, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel-va .channel .mainArea,
.channel-bi .channel .mainArea {
  margin-top: auto;
}

/* line 255, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.channel-mt .channel .mainArea
.grayText {
  opacity: 0.6;
}

/*)
 *)  Error Handling
 */
/* line 272, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.error {
  display: none;
  color: #cc203c !important;
  font-size: 14px;
  font-weight: normal !important;
}

/* line 279, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
.success {
  display: none;
  color: #aed2b7 !important;
  font-weight: normal;
}

/* line 285, ../../../../app/assets/stylesheets/wolfpack/general/general.css.scss */
#popupPlaceholder {
  display: none;
  opacity: 0;
}

/* ======================================================================
   DOCUMENT INFORMATION

   Defines all includes used by every view

   - Document: popups.css.scss
   - Version:  0.1
   - Author:   Deindeal
   ====================================================================== */
/*----- POPUPS-----*/
/* line 17, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
#deindealPopupError {
  width: 644px;
}

/* line 18, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
#deindealPopupError hr {
  margin: 10px 0 25px;
}

/* line 19, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
#deindealPopupError .actions.errorButtons {
  text-align: right;
  padding: 0px 25px 25px 25px;
}

/* line 20, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
#deindealPopupError .button {
  width: 289px;
  padding: 0 30px;
  color: #cc203c;
  border: 1px solid #eaeaea;
  background: -moz-linear-gradient(top, white 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(top, white 0%, #dedede 100%);
  background: -o-linear-gradient(top, white 0%, #dedede 100%);
  background: -ms-linear-gradient(top, white 0%, #dedede 100%);
  background: linear-gradient(to bottom, white 0%, #dedede 100%);
  position: relative;
  border-radius: 2px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 41px;
}

/* line 42, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
#deindealPopupError .content {
  padding: 13px 30px 38px;
}

/* line 46, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
#deindealPopupError .content a {
  color: #cc203c;
  margin-top: 10px;
  display: block;
}

/* Cart reminder popup */
/* line 54, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
#deindealPopup.cartReminder-popup {
  width: 670px;
}

/* line 58, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-text,
.cartReminder-itemsWrap {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

/* line 66, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-text {
  padding-right: 30px;
}

/* line 70, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-itemsWrap {
  position: relative;
  height: 190px;
  padding-left: 30px;
}
/* line 75, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-itemsWrap:after {
  position: absolute;
  right: 15px;
  bottom: 0;
  left: 30px;
  height: 40px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  content: "";
}

/* line 90, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-content {
  margin-top: 10px;
}

/* line 94, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-items {
  height: inherit;
  overflow-y: auto;
}

/* line 99, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-paragraph {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.57;
  color: #2F2F2F;
}
/* line 105, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-paragraph:first-child {
  margin-bottom: 10px;
}
/* line 109, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-paragraph:last-child {
  margin-bottom: 0;
}

/* line 114, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-link {
  color: #cc203c;
}
/* line 117, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-link:hover {
  text-decoration: underline;
}

/* line 122, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-item {
  margin-bottom: 20px;
}
/* line 125, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-item:last-child {
  position: relative;
  margin-bottom: 0;
  z-index: 1;
}

/* line 133, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-item .crossSelling-box-title {
  font-weight: 600;
  font-size: 13px;
}

/* line 138, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-item .crossSelling-box-price {
  font-weight: normal;
  font-size: 15px;
}

/* line 144, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-popup .actions {
  text-align: right;
}

/* line 148, ../../../../app/assets/stylesheets/wolfpack/general/popups.css.scss */
.cartReminder-popup .sensitiveContentButtons #yes {
  width: 270px;
  padding: 0;
  font-weight: 700;
}

/*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 *)  Theme
 *) ----------------------------------------------------------------------------------------------------------------------------- */
/* line 26, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a {
  color: #2F2F2F;
}

/* line 27, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a:hover {
  color: #cc203c;
}

/* line 28, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a.active {
  color: #cc203c;
}

/* line 29, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a.active:hover {
  color: #2F2F2F;
}

/*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *)  Fonts
 *) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* line 10, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
.cabin {
  font-family: 'Cabin', sans-serif;
}

/* line 11, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
.strike {
  text-decoration: line-through;
}

/* line 13, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
body {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  color: #2F2F2F;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

/* line 23, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
input,
textarea,
select,
button {
  font-family: "Open Sans", sans-serif;
}

/* line 30, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
a {
  color: #000000;
}

/*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *)  COPIED FROM THE OLD TYPOGRAPHY FILE
 *) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* line 38, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h1, h2, h3, h4, h5, h6 {
  color: #2F2F2F;
  font-weight: normal;
}

/* line 39, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

/* line 40, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h1 {
  font-size: 28px;
  line-height: 46px;
  margin-bottom: 14px;
}

/* line 41, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h2 {
  font-size: 22px;
  line-height: 38px;
  margin-bottom: 10px;
}

/* line 42, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h3 {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 8px;
}

/* line 43, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h4 {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 4px;
}

/* line 44, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h5 {
  font-size: 16px;
  line-height: 24px;
}

/* line 45, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
h6 {
  font-size: 14px;
  line-height: 21px;
}

/* line 47, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
.smallSerifText {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 48, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
.smallSerifText li a span.redText {
  float: none;
  color: #cc203c;
}

/* line 50, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
em {
  font-style: italic;
}

/* line 51, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
strong {
  font-weight: bold;
}

/* line 52, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
small {
  font-size: 80%;
}

/* line 54, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
a, a:visited, a:hover, a:focus {
  text-decoration: none;
}

/* line 55, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
a.icon, a.icon:hover {
  text-decoration: none;
  border: none;
}

/* line 56, ../../../../app/assets/stylesheets/common/common_typography.css.scss */
p a, p a:visited {
  line-height: inherit;
}

/*#e23636;*/
/*#ae1414;*/
/*#e23636;*/
/*#ae1414;*/
/*) Controls: Balloons */
/* line 9, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.balloon {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: #cc203c;
  overflow: hidden;
}
/* line 16, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.balloon .discount {
  display: block;
  width: 100%;
  font-size: 22px;
  line-height: 48px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  padding-left: 0px;
  padding-top: 5px;
}
/* line 27, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.balloon .discount .percentage {
  font-size: 15px;
}

/* line 33, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.balloon.big {
  width: 75px;
  height: 75px;
}
/* line 37, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.balloon.big .discount {
  padding-left: 1px;
  font-size: 30px;
  line-height: 65px;
}
/* line 42, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.balloon.big .discount .percentage {
  font-size: 16px;
}

/* line 49, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg {
  float: left;
  background-color: transparent;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
}

/* line 55, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.balloon .icon {
  display: block;
  float: none;
  margin: 10px auto 0;
}

/* line 61, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.balloon .icon .textualIcon {
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

/* line 70, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.balloon .icon .text {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  text-align: center;
  font-size: 8px;
  line-height: 10px;
  color: #FFF;
  font-weight: 700;
}

/* line 82, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.position4 .balloon .icon .text {
  color: #cc203c;
  font-size: 11px;
  top: 60px;
}

/* line 88, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.position4 .balloon.threeLines .icon .text {
  top: 54px;
}

/* line 92, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.position4 .balloon .icon .text .small {
  font-size: 8px;
}

/* line 96, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.position4 .balloon .icon.spring .text {
  top: 51px;
}

/* line 100, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.position4 .threeLines .icon.football {
  margin-top: 3px;
}

/* line 104, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.position4 .icon.football {
  margin-top: 5px;
}

/* line 108, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.flightIncluded {
  width: 31px;
  height: 18px;
  background-position: -177px -1350px;
}

/* line 114, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.valentine {
  width: 21px;
  height: 19px;
  background-position: -180px -1308px;
}

/* line 120, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.deliveryBeforeValentine {
  width: 21px;
  height: 19px;
  background-position: -180px -1309px;
}

/* line 126, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.deliveryBeforeValentine p.text {
  top: 28px;
}

/* line 130, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.deindeal {
  width: 20px;
  height: 19px;
  background-position: -177px -1392px;
}

/* line 136, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.xmas {
  width: 20px;
  height: 19px;
  background-position: -177px -1437px;
}

/* line 142, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.deliveryShortXmas {
  position: relative;
  top: -6px;
  width: 20px;
  height: 19px;
  background-position: -177px -1437px;
}

/* line 150, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.deliveryShortXmas p.text {
  left: -12px;
  width: 44px;
  top: 21px;
}

/* line 156, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.deliveryNormalXmas {
  width: 34px;
  height: 21px;
  background-position: -177px -1484px;
}

/* line 162, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.heart {
  width: 28px;
  height: 26px;
  background-position: -5px -2072px;
}

/* line 168, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.ballons.small {
  width: 30px;
  height: 30px;
  background-position: -179px -2206px;
}

/* line 174, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.ballons {
  width: 50px;
  height: 48px;
  background-position: -100px -2197px;
  margin: 5px auto 0;
}

/* line 181, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.spring.small {
  width: 30px;
  height: 25px;
  margin-top: 7px;
  background-position: -178px -2554px;
}

/* line 188, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.spring {
  width: 48px;
  height: 40px;
  background-position: -101px -2546px;
}

/* line 194, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.muttertag.small {
  width: 30px;
  height: 25px;
  margin-top: 7px;
  background-position: -81px -2718px;
}

/* line 201, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.muttertag {
  width: 47px;
  height: 40px;
  background-position: -5px -2710px;
}

/* line 207, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.football.small {
  width: 33px;
  height: 33px;
  margin-top: 2px;
  background-position: -69px -2851px;
}

/* line 214, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.football {
  width: 48px;
  height: 48px;
  background-position: -4px -2843px;
}

/* line 220, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.letter {
  width: 38px;
  height: 30px;
  background-position: -7px -2144px;
}

/* line 226, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.phone {
  width: 39px;
  height: 30px;
  background-position: -5px -2104px;
}

/* line 232, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.phone.gray {
  background-position: -5px -2425px;
}

/* line 236, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.trust {
  height: 27px;
  width: 28px;
}

/* line 241, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.trust.new {
  background-position: -107px -413px;
  width: 33px;
}

/* line 246, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.trust.new.white {
  background-position: -37px -474px;
}

/* line 250, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.cross {
  width: 12px;
  height: 12px;
  background-position: -35px -2603px;
}

/* line 256, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.dropdownArrow.down {
  width: 14px;
  height: 9px;
  display: block;
  background-position: -5px -1874px;
}

/* line 263, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.centerVerticalElement {
  display: table;
}

/* line 267, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.centerVerticalElement .middle {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

/* line 273, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.centerVerticalElement .bottom {
  display: table-cell;
  vertical-align: bottom;
}

/* line 278, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.deliveryHight, .controlsImg.deliveryShort {
  width: 30px;
  height: 16px;
  background-position: -178px -1534px;
}

/*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*)  Controls
*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*) Controls: Buttons */
/* line 289, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.preventHover:hover,
.controls.button,
input[type="submit"],
input[type="button"],
.tablet .add-gift-to-cart-validate:hover {
  position: relative;
  padding: 0 15px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 41px;
  background: #cc203c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc203c), color-stop(100%, #9d132b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cc203c 0%, #9d132b 100%);
  /* W3C */
}

/* line 308, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button p {
  line-height: 41px;
}

/* line 311, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.arrow {
  padding: 0 12px 0 24px;
}

/* line 314, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.arrow span {
  padding-left: 12px;
  font-size: 17px;
}

/* line 318, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.noContent.arrow span {
  padding-left: 0px;
}

/* line 322, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.arrowBack {
  padding: 0 24px 0 12px;
}

/* line 325, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.arrowBack span {
  padding-right: 12px;
}

/* line 328, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.noContent.arrowBack span {
  padding-left: 0px;
}

/* line 332, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button:hover,
.controls.button:active,
input[type="submit"]:active,
input[type="button"]:active,
a.controls.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
  background: #9d132b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d132b), color-stop(100%, #cc203c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9d132b 0%, #cc203c 100%);
  /* W3C */
  color: #fff;
}

/* line 342, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.secondary.preventHover:hover,
.button.secondary {
  color: #2F2F2F;
  background: #E8E8E8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #E8E8E8 0%, #E8E8E8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E8E8E8), color-stop(100%, #E8E8E8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #E8E8E8 0%, #E8E8E8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #E8E8E8 0%, #E8E8E8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #E8E8E8 0%, #E8E8E8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #E8E8E8 0%, #E8E8E8 100%);
  /* W3C */
}

/* line 346, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.soldout.preventHover:hover,
.button.soldout {
  background: #2F2F2F;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2F2F2F), color-stop(100%, #2F2F2F));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2F2F2F 0%, #2F2F2F 100%);
  /* W3C */
}

/* line 350, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.soldout p {
  color: #ffffff;
  cursor: default;
}

/* line 355, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.small {
  height: 30px;
}

/* line 358, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.small p {
  font-size: 12px;
  line-height: 30px;
}

/* line 362, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.big:hover {
  font-size: 16px !important;
  line-height: 45px !important;
  font-weight: bold !important;
}

/* line 367, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.big {
  height: 45px;
}

/* line 370, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.big p {
  font-size: 14px;
  line-height: 45px;
  font-weight: 600;
}

/* line 375, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.bigger {
  height: 60px;
}

/* line 378, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.bigger p {
  font-size: 20px;
  line-height: 60px;
  font-weight: bold;
}

/* line 383, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.lang-fr .controls.button.bigger {
  font-size: 18px;
}

/* line 387, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.ball {
  width: 22px;
  height: 22px;
  line-height: 20px;
  padding: 0px;
  border-radius: 11px;
}

/* line 390, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.ball p {
  line-height: 20px;
  color: #ffffff;
}

/* line 393, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.ball.preventHover:hover {
  line-height: 20px;
  padding: 0px;
  border-radius: 11px;
}

/* line 399, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.gray {
  padding: 0 30px;
  color: #2F2F2F;
  border: 1px solid #eaeaea;
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DEDEDE));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);
  /* W3C */
}

/* line 405, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls.button.gray:hover {
  background: #DEDEDE;
  /* Old browsers */
  background: -moz-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DEDEDE), color-stop(100%, #FFFFFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #DEDEDE 0%, #FFFFFF 100%);
  /* W3C */
}

/* =================================
  Inputs
 * ================================*/
/* line 413, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.field {
  float: left;
  position: relative;
  width: 100%;
}
/* line 418, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.field .error .error-sign {
  position: absolute;
  bottom: 7px;
  right: 10px;
}
/* line 426, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.field .error .login-sign {
  bottom: 54px;
}
/* line 430, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.field .error .registration-sign,
.field .error .pass-forgoten-sign {
  top: 42px;
}

/* line 438, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.adress-error {
  float: left;
}

/* line 442, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
label {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  padding: 17px 0px 2px 0px;
  margin: 0;
  color: #2F2F2F;
}

/* line 452, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
input[type="email"],
input[type="password"] {
  width: 100%;
  margin: 0px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
}

/* line 469, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
input[type="email"]:hover,
input[type="text"]:hover,
input[type="password"]:hover {
  border: 1px solid #bbb;
}

/* line 475, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
  border: 1px solid #999;
}

/* line 483, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.checkWrapper {
  position: relative;
  float: left;
}

/* line 488, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.checkWrapper label {
  float: left;
  padding-left: 20px;
}

/* line 493, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.checkWrapper input {
  position: absolute;
  left: 0px;
  top: 17px;
}

/* ====================================
  Controls
 ==================================== */
/* line 505, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
#container-address input[type="email"],
#container-address input[type="text"],
#container-address input[type="password"],
#checkout input[type="email"],
#checkout input[type="text"],
#checkout input[type="password"] {
  width: 100%;
  margin: 0px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
}

/*  Buttons
==================================== */
/* line 527, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.gift span.controlsImg.gift {
  margin: 8px 0 0 0;
  padding: 0px 0 0 0;
}

/* line 532, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.soldout.preventHover:hover,
.button.soldout {
  background: #2F2F2F;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2F2F2F), color-stop(100%, #2F2F2F));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2F2F2F 0%, #2F2F2F 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2F2F2F 0%, #2F2F2F 100%);
  /* W3C */
}
/* line 536, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.soldout.preventHover:hover p,
.button.soldout p {
  color: #ffffff;
  cursor: default;
}

/* line 542, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.facebook,
.button.facebook:hover,
.button.facebook:link,
.button.facebook:active,
.button.facebook:visited {
  font-weight: 600;
  line-height: 29px !important;
  background: #414ca3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #414ca3 0%, #414ca3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #414ca3), color-stop(100%, #414ca3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #414ca3 0%, #414ca3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #414ca3 0%, #414ca3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #414ca3 0%, #414ca3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #414ca3 0%, #414ca3 100%);
  /* W3C */
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 553, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.facebook:before {
  background-color: transparent;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -5px -1935px;
  content: "f";
  text-indent: -9999px;
  width: 25px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  float: left;
  margin: 0 0px 0 0;
  padding: 0px 7px 0 0px;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25);
  text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 0px;
}

/* line 574, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.small {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}

/* line 580, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.big:hover {
  font-size: 16px !important;
  line-height: 45px !important;
  font-weight: bold !important;
}

/* line 586, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.big {
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  font-weight: bold;
}

/* line 593, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.button.bigger {
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  font-weight: bold;
}

/* line 600, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.lang-fr .button.bigger {
  font-size: 18px;
}

/*) Controls: Buttons */
/* line 605, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circle {
  background: #2F2F2F;
  height: 34px;
  width: 34px;
  border-radius: 34px;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  text-align: center;
  display: inline-block;
  border: 1px solid #636363;
}
/* line 616, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circle span {
  color: white;
  font-weight: bold;
  line-height: 35px;
}
/* line 622, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circle.big {
  height: 60px;
  width: 60px;
}
/* line 627, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circle.small {
  height: 15px;
  width: 15px;
}
/* line 632, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circle.red {
  background-color: #CD2646;
  border: 1px solid #CD2646;
}
/* line 637, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circle.green {
  background-color: #80B88E;
  border: 1px solid #80B88E;
}
/* line 642, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circle.white {
  background: white;
  position: absolute;
  top: -4px;
  left: 2px;
  z-index: 0;
  height: 43px;
  width: 43px;
  -moz-border-radius: 43px;
  -webkit-border-radius: 43px;
  border: none;
}

/* line 656, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.triangleRight {
  float: left;
  margin: 12px -2px 0 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  border-color: transparent #2F2F2F transparent transparent;
  display: inline-block;
  position: relative;
  z-index: 5;
}

/* line 669, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.triangleBottom {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #2F2F2F transparent transparent transparent;
}
/* line 676, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.triangleBottom.white {
  border-color: #FFFFFF transparent transparent transparent;
}
/* line 680, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.triangleBottom.grey {
  border-color: #F1F1F1 transparent transparent transparent;
}

/* line 685, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.triangleTop {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent #cacaca transparent;
}
/* line 692, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.triangleTop.white {
  border-color: transparent transparent #FFFFFF transparent;
}

/* line 697, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.checkoutBtnsWrapper {
  float: right;
  width: 41px;
  height: 36px;
  position: relative;
}

/* line 704, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.lang-fr .checkoutBtnsWrapper.big {
  width: 156px;
}

/* line 708, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.circleBeakWrapper {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 42px;
  float: right;
}

/* line 716, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.btnCheckoutHeader {
  float: right;
  display: none;
}

/* line 723, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.cart.hasItems .btnCheckoutHeader {
  display: block;
}
/* line 727, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.cart.hasItems .checkoutBtnsWrapper {
  width: 147px;
}
/* line 731, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.cart.hasItems .triangleRight {
  border-color: transparent #B90220 transparent transparent;
}
/* line 735, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.cart.hasItems .showCart.circle {
  background: #cc203c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc203c), color-stop(100%, #9d132b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cc203c 0%, #9d132b 100%);
  /* W3C */
  border: 1px solid #C04357;
}

/* line 741, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls {
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
/* line 746, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controls p {
  padding: 0px;
  margin: 0px;
}

/*) Controls: TODO */
/* line 757, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg .marker {
  height: 14px;
  width: 11px;
  display: inline-block;
  background-position: -14px -4px;
}
/* line 763, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg .marker.marker.white {
  background-position: -14px -4px;
}
/* line 767, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg .marker.marker.black {
  background-position: -4px -4px;
}
/* line 772, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.paymentMethodsGrey {
  width: 370px;
  height: 38px;
  background-position: -4px -53px;
}
/* line 778, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.award {
  width: 77px;
  height: 77px;
  background-position: -4px  -94px;
}
/* line 784, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.ringier.grey {
  width: 211px;
  height: 29px;
  background-position: -190px -177px;
}
/* line 790, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card {
  width: 51px;
  height: 31px;
}
/* line 795, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.visa {
  background-position: -4px    -790px;
}
/* line 799, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.american, .controlsImg.card.big.amex {
  background-position: -62px   -790px;
}
/* line 804, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.mastercard {
  background-position: -119px  -790px;
}
/* line 808, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.postCard {
  background-position: -176px  -790px;
}
/* line 812, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.post {
  background-position: -232px  -790px;
}
/* line 816, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.paypal {
  background-position: -289px  -790px;
}
/* line 820, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big {
  width: 66px;
  height: 41px;
  line-height: 41px;
}
/* line 826, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big.visa {
  background-position: -4px    -1029px;
}
/* line 830, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big.american, .controlsImg.card.big.amex {
  background-position: -73px   -1029px;
}
/* line 835, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big.mastercard {
  background-position: -139px  -1029px;
}
/* line 839, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big.postCard {
  background-position: -206px  -1029px;
}
/* line 843, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big.post {
  background-position: -272px  -1029px;
}
/* line 847, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big.paypal {
  background-position: -340px  -1029px;
}
/* line 851, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.card.big.invoice {
  background-position: -408px -1029px;
}
/* line 855, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.postFinance {
  width: 107px;
  height: 32px;
  background-position: -111px -832px;
}
/* line 861, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.transport {
  width: 165px;
  height: 32px;
  background-position: -224px -832px;
}
/* line 867, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.socialBig {
  width: 56px;
  height: 56px;
}
/* line 872, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.socialBig.facebook {
  background-position: -5px -664px;
}
/* line 876, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.socialBig.pinterest {
  background-position: -5px -727px;
}
/* line 880, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.socialBig.twitter {
  background-position: -5px -536px;
}
/* line 884, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.socialBig.gplus {
  background-position: -6px -599px;
}
/* line 888, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.ringier {
  width: 216px;
  height: 39px;
  background-position: -3px -3008px;
}
/* line 894, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.gift {
  width: 20px;
  height: 20px;
  background-position: -49px -872px;
}
/* line 900, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.sprite.returnPolicy {
  background-position: -62px -221px;
}
/* line 904, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.sprite.security {
  background-position: -6px -897px;
}
/* line 908, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.security {
  background-position: -7px -898px;
}
/* line 912, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.sprite.trustedShop {
  background-position: -6px -950px;
}
/* line 916, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.trustedShop {
  background-position: -6px -951px;
}
/* line 920, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.qualityGuarantee {
  background-position: -6px -326px;
}
/* line 924, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.trust.qualityGuarantee {
  background-position: -4px -505px;
}
/* line 928, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.trust.discountTag {
  background-position: -4px -409px;
  height: 33px;
  width: 36px;
}
/* line 934, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.trust.returnPolicy {
  background-position: -57px -412px;
}
/* line 938, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.productTrust.warranty {
  background-position: -177px   -217px;
  height: 45px;
  width: 45px;
  display: inline-block;
}
/* line 945, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.productTrust.delivery {
  background-position: -177px   -274px;
  height: 45px;
  width: 45px;
  display: inline-block;
}
/* line 952, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.productTrust.time {
  background-position: -177px   -325px;
  height: 45px;
  width: 45px;
  display: inline-block;
}
/* line 959, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.productTrust.soldBy {
  background-position: -7px   -2382px;
  height: 45px;
  width: 45px;
  display: inline-block;
  margin-top: -5px;
}
/* line 967, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.twitterShare {
  background-position: -42px -2342px;
  height: 37px;
  width: 37px;
  padding-right: 5px;
}
/* line 974, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.mail {
  background-position: 0px -2259px;
  height: 37px;
  width: 37px;
  padding-right: 5px;
}
/* line 981, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.pinterest {
  background-position: -42px -2300px;
  height: 37px;
  width: 37px;
  padding-right: 5px;
}
/* line 988, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.mail:hover {
  background-position: -42px -2259px;
  height: 37px;
  width: 37px;
  padding-right: 5px;
}
/* line 995, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.twitterShare:hover {
  background-position: 0px -2342px;
  height: 37px;
  width: 37px;
  padding-right: 5px;
}
/* line 1002, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.pinterest:hover {
  background-position: 0px -2300px;
  height: 37px;
  width: 37px;
  padding-right: 5px;
}
/* line 1009, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.mail:focus, .controlsImg.twitter:focus, .controlsImg.pinterest:focus {
  outline: 0;
}
/* line 1015, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.sprite.returnPolicy {
  background-position: -6px -217px;
}
/* line 1019, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.returnPolicy {
  background-position: -6px -218px;
}
/* line 1023, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.sprite.security {
  background-position: -4px -2463px;
}
/* line 1027, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.sprite.trustedShop {
  background-position: -4px -2426px;
}
/* line 1031, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.sprite.failureIcon {
  background-position: -6px -1764px;
}
/* line 1035, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.how-it-works {
  width: 47px;
  height: 47px;
  padding: 0;
  float: left;
  line-height: 38px;
  margin-top: -5px;
  margin-right: 5px;
}
/* line 1045, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.how-it-works.warranty {
  background-position: -5px -325px;
}
/* line 1049, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.how-it-works.discount {
  background-position: -5px -1243px;
}
/* line 1053, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.how-it-works.returns {
  background-position: -5px -217px;
}
/* line 1057, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.how-it-works.new {
  background-position: -5px -1194px;
}
/* line 1061, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.legacyExclamationMark {
  background-position: -5px -2548px;
  height: 25px;
  width: 25px;
  margin: 0px 10px 0px 10px;
}
/* line 1068, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.arrow.small {
  width: 15px;
  height: 10px;
  display: block;
}
/* line 1074, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.arrow.small.up {
  background-position: -21px -1874px;
}
/* line 1078, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.arrow.big {
  width: 43px;
  height: 27px;
  display: block;
}
/* line 1084, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.arrow.big.up {
  background-position: -4px -1988px;
}
/* line 1088, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.controlsImg.checkbox.big {
  width: 26px;
  height: 26px;
  background-position: -5px -2509px;
}

/* line 1096, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.lang-fr .controlsImg.postFinance {
  width: 107px;
  height: 32px;
  background-position: -4px   -832px;
}

/* line 1102, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.checked .controlsImg.checkbox.big {
  background-position: -35px -2509px;
}

/* line 1106, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dropdownWrapper {
  background: white;
  display: none;
  position: absolute;
  left: 0;
  top: 35px;
  z-index: 2;
}

/* line 1115, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
ul.dropdownLegacy {
  float: left;
}
/* line 1118, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
ul.dropdownLegacy li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #F2F2F2;
}
/* line 1123, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
ul.dropdownLegacy li a {
  white-space: nowrap;
  float: left;
  width: 100%;
  text-transform: none;
  color: #2F2F2F;
  padding: 5px 20px;
  font-size: 13px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
/* line 1136, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
ul.dropdownLegacy li a:hover {
  background-color: #F2F2F2;
}

/* line 1143, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
ul.dropdownLegacy li.selected a {
  color: #2F2F2F;
  font-weight: bold;
}

/* line 1148, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.custom-select {
  position: relative;
  display: inline-block;
}
/* line 1152, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.custom-select select {
  display: inline-block;
  height: 35px;
  padding: 0 0 0 10px;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  border-radius: 5px;
  border: 1px solid #CCC;
  font-size: 12px;
  width: 100%;
}

/* hack for firefox */
@-moz-document url-prefix() {
  /* line 1168, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
  .custom-select select {
    padding-top: 7px;
  }
}
/* Select arrow styling */
/* line 1175, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.custom-select:after {
  content: ">";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 31px;
  line-height: 29px;
  padding: 0 10px;
  background: #eaeaea;
  color: #2F2F2F;
  pointer-events: none;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #ccc;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: Cabin;
}

/*  Custom Dropdown
================================ */
/* line 1202, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown {
  float: left;
}
/* line 1205, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown label {
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  height: 22px;
}
/* line 1214, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper {
  float: left;
  clear: left;
  position: relative;
  margin: 0 auto;
  min-width: 120px;
  background: #FFFFFF;
  border: 1px solid #CCC;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
  height: 40px;
  text-align: center;
}
/* line 1228, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper .press {
  float: right;
  height: 40px;
  width: 40px;
  background-color: #eaeaea;
  -webkit-border-radius: 0px 5px 5px 0;
  -moz-border-radius: 0px 5px 5px 0;
  border-radius: 0px 5px 5px 0;
  border-left: 1px solid #ccc;
}
/* line 1238, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper .press:after {
  content: "";
  width: 18px;
  height: 10px;
  position: absolute;
  top: 15px;
  right: 10px;
  background-color: transparent;
  background-image: url("//media.deindeal.ch/assets/common/sprite.png");
  background-repeat: no-repeat;
  background-position: -7px -1740px;
}
/* line 1252, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper > span {
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  color: #E13B3B;
  padding: 0 10px;
}
/* line 1260, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper.small {
  height: 35px;
}
/* line 1263, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper.small .press {
  height: 35px;
  width: 35px;
}
/* line 1267, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper.small .press:after {
  background-position: -50px -1740px;
  top: 13px;
  right: 8px;
}
/* line 1274, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper.small > span {
  float: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 35px;
  color: black;
}
/* line 1282, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper.small .dropdownList {
  top: 36px;
}
/* line 1285, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownListWrapper.small .dropdownList li a,
.dd_dropdown .dropdownListWrapper.small .dropdownList li span {
  font-weight: normal;
}
/* line 1293, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList {
  position: absolute;
  top: 41px;
  left: -1px;
  right: 0;
  background: #fff;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  list-style: none;
  display: none;
  overflow-x: scroll;
  width: 100%;
  height: auto;
}
/* line 1311, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li {
  padding: 0;
  text-align: center;
  border-top: 1px solid #EAEAEA;
}
/* line 1316, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li a,
.dd_dropdown .dropdownList li span {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 4px 0;
  font-weight: bold;
  font-size: 12px;
}
/* line 1326, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li:first-child {
  border-top: none;
}
/* line 1331, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li.selected {
  background-color: #2F2F2F;
}
/* line 1335, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li.selected a, .dd_dropdown .dropdownList li.selected span {
  color: #fff;
}
/* line 1340, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li:hover a, .dd_dropdown .dropdownList li:hover span {
  background-color: #EAEAEA;
  color: #333;
}
/* line 1346, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li.selected:hover a, .dd_dropdown .dropdownList li.selected:hover span {
  background-color: #2F2F2F;
  color: white;
  cursor: default;
}
/* line 1353, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li.notAvailable a, .dd_dropdown .dropdownList li.notAvailable span {
  color: #999;
  cursor: pointer !important;
}
/* line 1359, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown .dropdownList li.notAvailable:hover a, .dd_dropdown .dropdownList li.notAvailable:hover span {
  background-color: #FFF;
  color: #999;
  cursor: pointer !important;
}

/* line 1371, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown.open .dropdownList {
  display: block;
  z-index: 2 !important;
}
/* line 1376, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown.open .press {
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
/* line 1383, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown.open.inverse .press {
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
/* line 1389, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown.open.inverse .dropdownListWrapper {
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
}
/* line 1396, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown.open .dropdownListWrapper {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}

/* line 1404, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown.inverse .dropdownList {
  top: auto;
  bottom: 40px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #CCC;
}
/* line 1412, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.dd_dropdown.inverse .dropdownList li:first-child {
  border-top: none;
}

/*  Custom content tabs
==================================== */
/* line 1421, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.contentTabs {
  float: left;
  width: 100%;
}
/* line 1425, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.contentTabs .tabLabel {
  line-height: 22px;
  float: left;
  padding: 10px 20px;
  background: white;
}
/* line 1432, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
.contentTabs .content {
  background: white;
  padding: 20px;
  float: left;
  clear: left;
  width: 100%;
  box-shadow: 0px 0px 5px 0px #DFDFDF;
  -webkit-box-shadow: 0px 0px 5px 0px #DFDFDF;
  -moz-box-shadow: 0px 0px 5px 0px #DFDFDF;
}

/*  Custom 3 state checkbox
======================================*/
/* line 1448, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
span.threeStateCheck {
  padding: 0;
  height: 15px;
  background-position: -5px -1890px;
  display: inline-block;
  line-height: 15px;
  background-repeat: no-repeat;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
  width: 15px;
  font-weight: normal;
  float: left;
}
/* line 1462, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
span.threeStateCheck.notChecked {
  background-position: -5px -1890px;
}
/* line 1466, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
span.threeStateCheck.checked {
  background-position: -22px -1890px;
}
/* line 1470, ../../../../app/assets/stylesheets/common/common_controls.css.scss */
span.threeStateCheck.partial {
  background-position: -40px -1890px;
}

/*) Collections */
/* Generic */
/* line 15, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list.genericItemsList {
  width: 1020px;
  height: auto;
  left: -10px;
  position: relative;
}

/*)
*)  List variations
*/
/* big icon - icon overlay position 4 - valid for .travel */
/* line 22, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
.travel ul.list.collections li:nth-child(3) .content .iconsOverlay .position4 .controls.balloon,
.travel ul.list.collections li:nth-child(3) .position4 .balloon .icon,
.travel ul.list.collections li:nth-child(3) .position4 .balloon .icon .text,
.travel ul.list.collections li:nth-child(3) .position4 .balloon.threeLines .icon .text,
.travel ul.list.collections li:nth-child(3) .content .iconsOverlay .position4 .controls.balloon,
.travel ul.list.collections li:nth-child(3) .position4 .balloon .icon,
.travel ul.list.collections li:nth-child(3) .position4 .balloon .icon .text,
.travel ul.list.collections li:nth-child(3) .position4 .balloon.threeLines .icon .text,
ul.list li .nonClickable.fbBox {
  overflow: hidden;
  background: url("/assets/common/fb_box_bg.jpg") no-repeat top left;
}

/* line 34, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.fbBox .fbWrapper {
  position: relative;
  top: 138px;
  left: -1px;
  overflow: hidden;
}

/* line 35, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.fbBox .fbSecondWrapper {
  position: relative;
  top: -1px;
}

/*) Newsletter subscription box */
/* line 43, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox {
  overflow: hidden;
  background-color: white;
  box-shadow: none;
  background: url(/assets/website/elements/nl_subscription_bg.png);
}

/* line 44, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .action {
  float: left;
  margin-top: 155px;
  padding: 0 25px 0 15px;
}

/* line 45, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .action label {
  font-weight: 600;
  float: left;
  font-size: 20px;
  padding: 0;
}

/* line 46, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .action input {
  width: 100%;
  margin-bottom: 10px;
}

/* line 47, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .action a {
  height: auto;
  float: right;
  width: 50%;
}

/* line 48, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .action a p {
  color: #FFFFFF;
}

/* line 49, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox p.msg {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 13px;
  line-height: 18px;
}

/* line 50, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox p.msg .error {
  color: #cc203c !important;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 15px;
}

/* line 51, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .result {
  display: none;
  float: left;
  margin-top: 150px;
  padding: 0 25px 0 15px;
}

/* line 52, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .result .stamp {
  display: none;
  width: 90px;
  height: 90px;
  background: url(/assets/website/elements/nl_subscription_stamp.png) no-repeat top left;
  position: absolute;
  top: 63px;
  left: 138px;
}

/* line 61, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .result .thanks {
  font-size: 20px;
}

/* line 62, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .result .messages {
  padding-left: 18px;
  line-height: 25px;
}

/* line 63, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .result .email-subscription {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}

/* line 64, ../../../../app/assets/stylesheets/wolfpack/general/lists.css.scss */
ul.list li .nonClickable.nlSubscriptionBox .result .subscribed {
  margin-top: 15px;
  font-family: Georgia, serif;
  font-style: italic;
  width: 100%;
  color: #2F2F2F;
  padding: 8px;
  font-size: 13px;
  margin-left: 18px;
}

/*
======================================================================
   DOCUMENT INFORMATION

   Defines the styles for general tags

   - Document: tags.css.scss
   - Version:  0.1
   - Author:   Deindeal
====================================================================== */
/*
======================================================================
  Partials/imports
====================================================================== */
/* NONE */
/*
======================================================================
  Widget layout
====================================================================== */
/* Tags: Default styles */
/* line 28, ../../../../app/assets/stylesheets/wolfpack/blocks/filter/tags.css.scss */
.tags {
  overflow: hidden;
  width: 100%;
  clear: both;
}
/* line 33, ../../../../app/assets/stylesheets/wolfpack/blocks/filter/tags.css.scss */
.tags li {
  float: left;
  display: block;
  max-width: 100%;
  margin: 0px 8px 8px 0px;
}

/* line 41, ../../../../app/assets/stylesheets/wolfpack/blocks/filter/tags.css.scss */
.tag {
  background: #fafafa;
  border: 1px solid #D6D6D6;
  padding: 5px 15px;
  cursor: pointer;
}
/* line 48, ../../../../app/assets/stylesheets/wolfpack/blocks/filter/tags.css.scss */
.tag p {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the styles for every page or module

   - Document: blocks.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*
*   This file has been split into separate files so we can maintain it
*   I suggest importing these partials inside the needed pages only so we
*   reduce code duplication .
*    This is not a task of 2 points . It should get 8 points because of the workload
*   needed to apply all imports to needed pages and not break it
*/
/*  Partial element imports 
================================= */
/* ===================================
   DOCUMENT INFORMATION

   Defines the breadcrumb element

   - Document: breadcrumb.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*================================
  Breadcrumb
================================*/
/* line 16, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/breadcrumb.css.scss */
.breadcrumb {
  width: 100%;
  padding: 15px 0px;
  font-size: 12px;
}
/* line 21, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/breadcrumb.css.scss */
.breadcrumb .arrow {
  padding: 0 4px;
}
/* line 25, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/breadcrumb.css.scss */
.breadcrumb .active {
  color: #2F2F2F;
  font-weight: 600;
}

/* line 31, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/breadcrumb.css.scss */
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the page head element

   - Document: page_head.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Product and Deal page head
================================= */
/* line 14, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/page_head.css.scss */
#productDetail .info.head {
  float: left;
  width: 100%;
  height: 45px;
  background-color: white;
  margin-bottom: 4px;
  box-shadow: 0px 0px 5px 0px #DFDFDF;
  -webkit-box-shadow: 0px 0px 5px 0px #DFDFDF;
  -moz-box-shadow: 0px 0px 5px 0px #DFDFDF;
}

/* line 26, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/page_head.css.scss */
.info.head img {
  float: left;
}
/* line 30, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/page_head.css.scss */
.info.head .back {
  float: left;
  line-height: 45px;
  margin: 0;
  margin-left: 15px;
}
/* line 37, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/page_head.css.scss */
.info.head .back span {
  font-weight: bold;
  margin-right: 5px;
}
/* line 42, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/page_head.css.scss */
.info.head .countdown {
  float: right;
  line-height: 45px;
  margin-right: 10px;
}
/* line 48, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/page_head.css.scss */
.info.head .back .targetName {
  font-weight: bold;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the commercial bar element

   - Document: commercial_bar.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Commercial bar
================================= */
/* line 14, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/commercial_bar.css.scss */
.channel .commercialBar {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 35px;
  background-color: rgba(250, 250, 250, 0.8);
  width: 1000px;
  text-align: center;
  box-shadow: inset 0 10px 10px -10px #A2A2A2;
  -moz-box-shadow: inset 0 10px 10px -10px #A2A2A2;
  -webkit-box-shadow: inset 0 10px 10px -10px #A2A2A2;
}
/* line 26, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/commercial_bar.css.scss */
.channel .commercialBar p {
  line-height: 35px;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
/* line 33, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/commercial_bar.css.scss */
.channel .commercialBar a {
  text-decoration: underline;
  font-size: 14px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines dealpayment_resume element

   - Document: dealpayment_resume.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Deal payment resume
================================= */
/* line 15, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume {
  float: left;
  width: 100%;
}
/* line 19, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .priceInformation {
  width: 100%;
}
/* line 22, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .priceInformation p.finalPrice {
  display: blocK;
  width: 100%;
  text-align: center;
}
/* line 29, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails {
  float: left;
  width: 100%;
  padding: 15px 0px 10px 0px;
}
/* line 34, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails p {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
}
/* line 41, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails p.startFrom,
.dealPaymentResume .discountDetails p.top {
  line-height: 16px;
}
/* line 46, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails .primary {
  float: right;
  width: 125px;
  border-left: 1px solid #E8E8E8;
}
/* line 52, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails .primary .discount,
.dealPaymentResume .discountDetails .primary .originalPrice {
  font-weight: 600;
  font-size: 18px;
  float: left;
}
/* line 59, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails .secondary {
  float: left;
  width: 124px;
}
/* line 64, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails .secondary p {
  color: #cc203c;
}
/* line 68, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails .secondary .originalPrice {
  width: 100%;
  text-align: center;
}
/* line 73, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice,
.dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice .competitionPriceTooltip .entireText,
.dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice .competitionPriceTooltip .entireText .triangleTop {
  display: none;
}
/* line 81, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .button {
  width: 100%;
  margin-bottom: 10px;
}
/* line 85, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .purchaseCount {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 10px;
}
/* line 91, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.dealPaymentResume .purchaseCount span {
  font-weight: 600;
}

/* line 97, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.channel-wg .dealPaymentResume .discountDetails .secondary .originalPrice {
  width: 100%;
  text-align: center;
  color: #cc203c;
}

/* line 103, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.channel-wg .dealPaymentResume .discountDetails .secondary .originalPrice .originalPriceValue {
  display: inline;
  color: #cc203c;
  margin-right: 5px;
}

/* line 109, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.channel-wg .dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #cc203c;
}

/* line 116, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.channel-wg .dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice .competitionPriceTooltip .entireText {
  display: none;
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 10px;
  color: #2f2f2f;
  width: 160px;
  padding: 5px 17px 3px;
  background: white;
  z-index: 9999;
  position: absolute;
  top: 34px;
  left: -81px;
  float: left;
  text-align: center;
}

/* line 136, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.channel-wg .dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice .competitionPriceTooltip:hover .entireText {
  display: block;
}

/* line 140, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.channel-wg .dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice .competitionPriceTooltip .entireText .triangleTop {
  display: block;
  position: absolute;
  top: -13px;
  left: 86px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent #cacaca transparent;
}

/* line 152, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/dealpayment_resume.css.scss */
.channel-wg .dealPaymentResume .discountDetails .secondary .originalPrice .competitionPrice .competitionPriceTooltip .entireText .triangleTop.grey {
  display: block;
  border-color: transparent transparent #FFFFFF transparent;
  left: 86px;
  position: absolute;
  top: -12px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the partner box element

   - Document: partner_box.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Partner box
================================= */
/* line 14, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul li {
  width: 100%;
  background: white;
}

/* line 19, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul li a {
  word-wrap: break-word;
  box-shadow: none;
}

/* line 24, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul li a:hover {
  box-shadow: none;
}

/* line 28, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner h3 {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: lighter;
  font-family: 'OpenSans-Light', sans-serif;
  color: #2F2F2F;
  line-height: 32px;
}

/* line 37, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.logo {
  height: 100%;
  border-bottom: 1px solid #D9D9D9;
  text-align: center;
}

/* line 43, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.logo img {
  padding: 10px 0;
}

/* line 47, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.partnerDetails {
  height: 100%;
}

/* line 51, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.partnerDetails .partnerPhoto {
  float: left;
  margin: 0 10px 0 0;
  width: 64px;
  height: 64px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
}

/* line 61, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.partnerDetails .partnerPhoto img {
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  border-radius: 64px;
  min-width: 64px;
  max-width: 64px;
  min-height: 64px;
  max-height: 64px;
}

/* line 71, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.partnerDetails .partnerJob {
  color: #8B8B8B;
  margin-bottom: 5px;
  width: 204px;
  float: left;
  font-size: 12px;
  line-height: 17px;
}

/* line 79, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.partnerDetails .partnerName {
  width: 204px;
  float: left;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 17px;
  margin-top: 17px;
  color: #2F2F2F;
}

/* line 90, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner .additionalPartnerInfo {
  clear: both;
  float: left;
  color: #2F2F2F;
  font-size: 14px;
  font-family: 'Georgia', serif;
  font-style: italic;
  margin: 5px 0 10px 0;
}

/* line 100, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner ul.list li.partnerDetails .partnerOpinion {
  color: #2F2F2F;
  font-style: italic;
  font-family: Georgia, serif;
}

/* line 106, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner img {
  max-width: 100%;
}

/* line 110, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner .address {
  margin-top: 10px;
  padding-bottom: 10px;
}

/* line 115, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner .address .name {
  font-weight: bold;
  margin-bottom: 5px;
}

/* line 120, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner .websiteAdress .website {
  color: #cc203c;
  border-top: 1px solid #D9D9D9;
  padding: 15px 0 0 0;
  font-weight: bold;
  box-shadow: none;
}

/* line 128, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner .address .mapLink {
  color: #2f2f2f;
  box-shadow: none;
}

/* line 133, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner .address .mapLink:hover {
  color: #cc203c;
}

/* line 137, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/partner_box.css.scss */
.partner .map {
  margin-top: 20px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines price_information element

   - Document: price_information.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Price information:
  - shared with :
    * product detail page,
    * city product,
    * MOD
    * sticky buy footer
=========================================== */
/* line 19, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation {
  float: left;
}

/* line 23, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation p.finalPrice {
  float: left;
  font-size: 48px;
  font-weight: bold;
  line-height: 48px;
}

/* line 30, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation p.finalPrice span.currency {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
}

/* line 36, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .originalPriceWrapper {
  float: left;
  margin-right: 15px;
  color: #cc203c;
  clear: left;
}

/* line 43, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .originalPriceWrapper p.text {
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}

/* line 49, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .originalPriceWrapper p.value {
  display: inline-block;
  font-size: 20px;
  text-decoration: line-through;
  font-weight: 600;
}

/* line 56, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .competitionPrice {
  float: left;
  font-size: 14px;
  color: #cc203c;
  position: relative;
}

/* line 63, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .competitionPrice .competitionPriceTooltip .entireText {
  display: none;
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 10px;
  color: #2f2f2f;
  width: 227px;
  padding: 5px 17px 3px;
  background: white;
  z-index: 9999;
  position: absolute;
  top: 34px;
  left: -81px;
  float: left;
  text-align: center;
}

/* line 83, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .competitionPrice .competitionPriceTooltip:hover .entireText {
  display: block;
}

/* line 87, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .competitionPrice .competitionPriceTooltip .entireText .triangleTop {
  position: absolute;
  top: -13px;
  left: 86px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent #cacaca transparent;
}

/* line 98, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .competitionPrice .competitionPriceTooltip .entireText .triangleTop.grey {
  border-color: transparent transparent #FFFFFF transparent;
  left: 86px;
  position: absolute;
  top: -12px;
}

/* line 105, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .alreadySoldWrapper {
  float: left;
  border-left: 1px solid #F2F2F2;
  padding-left: 15px;
}

/* line 111, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .alreadySoldWrapper.noDiscount {
  clear: left;
  border-left: none;
  padding-left: 0;
}

/* line 117, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .alreadySoldWrapper p.value {
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  margin-right: 5px;
}

/* line 124, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.priceInformation .alreadySoldWrapper p.text {
  display: inline-block;
}

/* line 128, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/price_information.css.scss */
.lang-fr .priceInformation .competitionPrice .competitionPriceTooltip .entireText {
  width: 180px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines countdown element

   - Document: countdown.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Countdown
================================= */
/* line 16, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/countdown.css.scss */
.dealPaymentResume .countdown {
  float: left;
  padding: 10px 0px;
}

/* line 22, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/countdown.css.scss */
.countdown p.only {
  float: left;
  margin: 0 10px 0 10px;
  font-style: italic;
  font-family: Georgia, serif;
}
/* line 29, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/countdown.css.scss */
.countdown div {
  display: inline;
  margin-right: 3px;
  color: #cc203c;
}
/* line 35, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/countdown.css.scss */
.countdown .counter {
  font-size: 16px;
  font-weight: 600;
}
/* line 40, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/countdown.css.scss */
.countdown .unit {
  font-size: 14px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the mod element

   - Document: mod.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Multi offer deal (MOD)
================================= */
/* line 17, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
.popup .headline h3 {
  margin: 0;
  color: #cc203c;
}
/* line 23, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
.popup h3 {
  font-size: 26px;
  line-height: 60px;
}

/* line 30, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod a:hover {
  color: #2F2F2F;
}
/* line 34, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod p {
  margin: 0;
  padding: 0;
}
/* line 39, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod .table-wrapper {
  max-height: 540px;
  overflow: auto;
  padding-bottom: 20px;
  padding-top: 0px;
  border-top: 1px solid #E8E8E8;
}
/* line 47, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul {
  float: left;
  width: 100%;
}
/* line 51, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li {
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #E8E8E8;
  padding: 10px 5px;
}
/* line 58, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li:last-child {
  border-bottom: none;
}
/* line 64, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod li.soldout p,
#popup-mod li.soldout h2 {
  opacity: 0.2;
}
/* line 69, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod li.soldout .button p {
  opacity: 1;
}
/* line 73, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod li.soldout:hover {
  background-color: #ffffff;
}
/* line 77, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerWrapper {
  float: left;
  position: relative;
  width: 100%;
  min-height: 40px;
}
/* line 84, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerDetails {
  float: left;
  clear: both;
  width: 400px;
}
/* line 90, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerDetails p.option {
  float: left;
  clear: both;
  width: 400px;
  color: #000000;
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
}
/* line 100, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerDetails p.option span.validUntil {
  color: #8D8D8D;
  font-weight: normal;
}
/* line 105, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerDetails h2 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 22px;
  word-wrap: break-word;
}
/* line 114, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .price {
  float: right;
  width: 100px;
  text-align: right;
}
/* line 120, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .priceWrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
/* line 127, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .priceWrapper.noOriginalPrice {
  top: 0;
  bottom: auto;
}
/* line 132, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod .priceInformation p.finalPrice {
  font-size: 26px;
  line-height: 26px;
}
/* line 137, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod .priceInformation p.finalPrice span.currency {
  font-size: 12px;
  line-height: 9px;
}
/* line 142, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .price .old {
  float: right;
  clear: both;
  text-decoration: line-through;
  color: #cc203c;
}
/* line 149, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .price .old span {
  font-weight: bold;
}
/* line 153, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 5px;
}
/* line 160, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .options {
  position: absolute;
  bottom: 0px;
}
/* line 165, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .options {
  position: absolute;
  bottom: 0px;
}
/* line 170, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .options .discount {
  color: #cc203c;
}
/* line 174, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails a {
  display: inline-block;
}
/* line 178, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .options > p {
  display: block;
  float: left;
  color: #8D8D8D;
  font-size: 12px;
  line-height: 24px;
  border-right: 1px solid #E8E8E8;
  margin-right: 20px;
  padding-right: 20px;
}
/* line 189, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .options:last-child {
  border-right: none;
}
/* line 193, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails p span {
  font-weight: 600;
  font-size: 14px;
}
/* line 198, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .buyBtnWrapper {
  float: right;
  height: 100%;
  overflow: hidden;
}
/* line 204, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .alreadySold span {
  font-weight: bold;
}
/* line 208, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .buyBtnWrapper span.button {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 213, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .buyBtnWrapper,
#popup-mod ul li .offerSubDetails .wishlistBtnWrapper {
  float: right;
  height: 100%;
  overflow: hidden;
}
/* line 220, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .wishlistBtnWrapper {
  margin-right: 10px;
}
/* line 224, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/mod.css.scss */
#popup-mod ul li .offerSubDetails .buyBtnWrapper .button p,
#popup-mod ul li .offerSubDetails .wishlistBtnWrapper .button p {
  font-size: 12px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the popup element

   - Document: popups.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  =================================
  Popups
================================= */
/*  Generic Popup
================================= */
/* line 20, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup {
  background-color: #fff;
}

/* line 24, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-register {
  width: 450px;
}

/* line 28, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-login {
  width: 740px;
}

/* line 32, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-age-confirm,
#popup-gift-age-confirm {
  width: 450px;
}

/* line 37, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .headline {
  padding: 0px 15px 0px 30px;
}

/* line 41, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .content {
  float: left;
  width: 100%;
  padding: 0 30px 15px 30px;
}

/* line 47, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .content hr {
  float: left;
  width: 100%;
  margin: 20px 0 15px;
}

/* line 53, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .footer {
  float: left;
  width: 100%;
  padding: 20px 0 15px;
  border-top: 1px solid #8D8D8D;
  background-color: #F2F2F2;
}

/* line 61, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .footer.shadow {
  box-shadow: inset 0px 0px 15px #bbbbbb;
}

/* line 65, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .center {
  float: left;
  width: 100%;
  text-align: center;
}

/* line 71, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup legend {
  display: none;
}

/* line 75, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .footer hr {
  float: left;
  width: 85%;
  margin: 15px 0;
}

/* line 81, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .bottomlink {
  width: 100%;
  float: left;
  line-height: 22px;
}

/* line 87, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .row {
  float: left;
  width: 100%;
}

/* line 92, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .actions {
  margin-top: 15px;
}

/* line 96, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup input[type=radio] {
  float: left;
  margin-right: 10px;
}

/* line 101, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup input[type=checkbox] {
  float: left;
  margin-right: 10px;
}

/* line 106, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .radio-label {
  padding: 0;
  width: 90%;
}

/* line 111, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup form input.big {
  width: 250px;
}

/* line 115, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .instruction-link {
  color: #cc203c;
  font-weight: bold;
  text-decoration: underline;
}

/* line 121, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .error-sign {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  float: left;
  width: 20px;
  height: 20px;
  padding: 2px;
  text-align: center;
  background: #cc203c;
  margin-top: 5px;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
}

/* line 137, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup span.attention {
  color: #ffffff !important;
  font-style: normal !important;
}

/* line 142, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.popup .acceptTermsLabel {
  display: inline;
  float: left;
  width: 350px;
}

/* line 148, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.button#loginWithFacebook {
  width: 60%;
  padding: 0 12px 0 14px;
}

/* line 153, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.scroller,
.table-wrapper,
.headline,
.popup {
  float: left;
  width: 100%;
}

/* line 161, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.productSoldOut {
  padding-bottom: 0px !important;
  text-align: center;
}

/* line 166, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-product-sold-out {
  display: none;
}

/* line 170, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-age-confirm .actions,
#popup-gift-age-confirm .actions {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0;
}

/* line 178, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-age-confirm .actions #age-below-18,
#popup-gift-age-confirm .actions #gift-age-below-18 {
  margin-right: 20px;
  width: 80px;
}

/* line 184, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-age-confirm .actions #age-above-18,
#popup-gift-age-confirm .actions #gift-age-above-18 {
  width: 80px;
}

/*  Gift popup
================================= */
/* line 192, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-as-gift .labelInputWrapper label {
  padding: 10px 0px 2px 0px;
}

/* line 196, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-as-gift .actions {
  float: left;
  width: 100%;
}

/* line 201, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-as-gift .actions #close-buy-as-gift-popup {
  float: right;
}

/* line 205, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#popup-as-gift .actions #buy-now-btn {
  float: right;
  margin-left: 20px;
}

/* line 210, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.table-wrapper {
  padding: 0px 20px 0px 20px;
  color: #000000;
}

/* line 215, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.headline,
.table-wrapper {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}

/*  Sensitive content popup
======================================*/
/* line 225, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#deindealPopup {
  width: 400px;
}

/* line 229, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#deindealPopup hr {
  margin: 10px 0 10px;
}

/* line 233, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#sensitiveCheckValidation {
  margin-top: 4px;
}

/* line 237, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
#sensitiveContentValidation {
  width: 330px;
  float: left;
  padding: 0px;
  margin-top: 20px;
  font-weight: normal;
}

/* line 245, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.sensitiveContentButtons {
  padding: 5px 30px 20px 30px;
}

/* line 249, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.sensitiveContentButtons #no {
  margin-right: 20px;
  padding: 0 62px;
}

/* line 254, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.sensitiveContentButtons #yes {
  padding: 0px 73px;
}

/* line 258, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.lang-fr .sensitiveContentButtons #no {
  padding: 0 64px;
}

/* line 262, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/popups.css.scss */
.lang-fr .sensitiveContentButtons #yes {
  padding: 0px 63px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the login popup element

   - Document: login.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Login popup
================================= */
/* line 15, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.leftLogin {
  width: 360px;
  float: left;
  padding: 0px 60px 25px 30px;
  margin-bottom: 30px;
  position: relative;
  border-right: 1px solid #eaeaea;
  z-index: 0;
}
/* line 24, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.leftLogin .button {
  width: 216px;
  margin-top: 5px;
}
/* line 29, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.leftLogin input {
  background-color: #fbfbfb;
}

/* line 34, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.rightLogin {
  width: 300px;
  float: left;
  padding: 15px 30px 0px 40px;
  margin-top: 34px;
}
/* line 40, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.rightLogin .controls.button.arrow {
  padding: 0 12px 0 12px;
}
/* line 44, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.rightLogin .button.big.facebook {
  font-size: 15px;
}
/* line 48, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.rightLogin .button.big.facebook:hover {
  font-weight: 600 !important;
  font-size: 15px !important;
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
/* line 56, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.rightLogin .button.facebook:before {
  line-height: 57px;
  font-size: 40px;
  height: 100%;
  margin: 0 9px 0 0;
}

/* line 65, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.popup .footer.shadow#loginFooter {
  border-top: none;
}
/* line 69, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.popup .headline h1 {
  margin-top: 14px;
  font-weight: 400;
}
/* line 74, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.popup .leftLogin .instruction-link {
  float: right;
  font-size: 12px;
  text-decoration: none;
}

/* line 81, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.button#loginWithFacebook {
  line-height: 45px !important;
  width: 100%;
}

/* line 86, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#loginWithFacebook p {
  height: 100%;
  font-size: 14px;
}

/* line 91, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#loginFooter .content {
  padding: 13px 30px;
}

/* line 95, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#loginFooter .content .bottomlink {
  font-family: Georgia, serif;
  font-style: italic;
}

/* line 100, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.or {
  position: absolute;
  right: 0px;
  z-index: 1;
  top: 50%;
  left: 97%;
  width: 25px;
  text-align: center;
}

/* line 110, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.or span {
  background-color: #fff;
  padding: 10px 0px;
  font-family: Georgia, serif;
  font-style: italic;
  color: #2f2f2f;
  text-transform: lowercase;
  font-size: 11px;
}

/* line 120, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.bottomlink p.facebookText {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #2f2f2f;
  margin-bottom: 20px;
}

/* line 128, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#sign_in_email,
#sign_in_password,
#buyer_password,
#buyer_email,
#buyer_password_confirmation {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

/* line 137, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#sign_in_email:focus,
#sign_in_password:focus,
#buyer_password:focus,
#buyer_email:focus,
#buyer_password_confirmation:focus {
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 0 0 3px #bbb;
  outline: none !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

/* line 150, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#buyer_password,
#buyer_password_confirmation {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

/* line 157, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#cboxClose {
  color: #fff;
  top: -20px;
  right: -20px;
  background-color: #2f2f2f;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 3px solid #fbfbfb;
  background-image: none;
  z-index: 1;
}

/* line 170, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#cboxClose:before {
  text-indent: 0px;
  color: #fff;
  content: "×";
  width: 30px;
  height: 100%;
  top: 6px;
  right: -4px;
  position: absolute;
  font-size: 30px;
  font-weight: bold;
}

/* line 183, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
#colorbox,
#cboxWrapper {
  overflow: visible;
}

/* line 188, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.popup .headline.lighter h1 {
  font-weight: lighter;
}

/* line 192, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/login.css.scss */
.field .error .attentionWithTwoRows {
  bottom: 30px;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the register popup element

   - Document: register.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Register popup
================================= */
/* line 15, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
#cboxLoadedContent {
  overflow: hidden !important;
}

/* line 19, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
#popup-register {
  width: 740px;
}

/* line 23, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.leftRegister {
  width: 252px;
  float: left;
  padding: 0px 30px 30px 30px;
}
/* line 28, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.leftRegister .row {
  margin-bottom: 25px;
  font-size: 18px;
  color: #2f2f2f;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
}
/* line 36, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.leftRegister span {
  font-size: 13px;
  line-height: 24px;
  font-weight: bold;
}

/* line 45, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.rightRegister {
  margin-bottom: 60px;
  border-left: 1px solid #eaeaea;
  width: 480px;
  float: left;
  padding: 10px 150px 10px 25px;
}

/* line 53, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.rightRegister .acceptTermsLabel {
  width: 360px;
}

/* line 57, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.rightRegister .acceptTermsLabel a {
  text-decoration: none;
}

/* line 61, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.rightRegister .field .error .error-sign {
  left: 267px;
}

/* line 65, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.rightRegister input {
  background-color: #fbfbfb;
}

/* line 69, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.marginTop20 {
  margin-top: 20px;
}

/* line 73, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
#sign_up_password,
#sign_up_email {
  width: 300px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

/* line 80, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
#sign_up_email:focus,
#sign_up_password:focus {
  border: 1px solid #ddd;
  height: 40px;
  padding: 10px;
  box-shadow: 0 0 3px #bbb;
  outline: none !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

/* line 91, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.popup .footer.shadow#registerFooter {
  border-top: none;
}

/* line 95, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
#registerFooter .content {
  padding: 13px 30px;
}

/* line 99, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
#registerFooter .content .bottomlink {
  font-family: Georgia, serif;
  font-style: italic;
}

/* line 104, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/register.css.scss */
.bottomlink .instruction-link {
  text-decoration: none;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the static element

   - Document: static.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Static pages
================================= */
/* line 14, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/static.css.scss */
.aboutLeft {
  float: left;
  width: 640px;
  padding-right: 20px;
}

/* line 20, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/static.css.scss */
.aboutRight {
  float: right;
  width: 330px;
  padding-left: 10px;
  margin-top: 60px;
}
/* line 26, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/static.css.scss */
.aboutRight h2 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* line 33, ../../../../app/assets/stylesheets/wolfpack/blocks/block-elements/static.css.scss */
.aboutImage {
  padding-bottom: 20px;
}

/*  OTHER... group this somewhere elese. TODO.
================================= */
/* line 39, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.channel {
  width: 100%;
  position: relative;
}

/* line 44, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.channel #advertisingCarousel .pagArrow.left {
  left: 341px;
  top: 207px;
}

/* line 49, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.channel #advertisingCarousel .pagArrow.right {
  right: 340px;
  top: 207px;
}

/* line 54, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.contentBox {
  float: left;
  width: 100%;
  background: white;
  padding: 20px;
  overflow: hidden;
}

/* line 62, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.main .title h1 {
  font-size: 34px;
  line-height: 30px;
  margin-bottom: 0;
}

/* line 68, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.main .title h2 {
  font-size: 20px;
  line-height: 26px;
  margin: 5px 0 0 0;
  width: 70%;
}

/* line 75, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.legalHint {
  display: none;
  float: left;
  width: 100%;
  text-align: center;
  font-style: italic;
  margin-top: 10px;
}

/* line 84, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.channel-wg .legalHint {
  display: block;
}

/*  Custon radio buttons
======================================*/
/* line 93, ../../../../app/assets/stylesheets/wolfpack/blocks/blocks.css.scss */
.rightRegister .field:not(#foo) > input[type="radio"] {
  opacity: 0;
  float: left;
  padding: 0;
}

/* ==================================
   DOCUMENT INFORMATION

   - Document: facets.css.scss
   - Version:  0.1
   - Author:   Deindeal
   ================================== */
/* =================================
   P A G I N A T I O N
==================================  */
/* line 14, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.pagination {
  float: right;
  margin: 0;
}
/* line 18, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.pagination .page {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #CCC;
  min-width: 32px;
  height: 32px;
  max-width: 35px;
  max-height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center;
  color: #2F2F2F;
  font-size: 12px;
  cursor: pointer;
}
/* line 33, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.pagination .page:hover, .pagination .page.active {
  background: #eeeeee;
  font-weight: bold;
}

/*==================================
   S O R T  W I D G E T
 ================================== */
/* line 44, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
#sort-results {
  float: left;
}
/* line 47, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
#sort-results .dd_dropdown {
  float: left;
}

/* line 53, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.deal-count {
  color: grey;
  font-size: 11px;
}

/* line 58, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown {
  float: none;
}
/* line 61, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownListWrapper {
  float: none;
  width: 150px;
  text-align: left;
}

/* line 68, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown.open .dropdownListWrapper {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

/* line 74, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd-filter-nav .dd_dropdown .dropdownListWrapper {
  width: 238px;
  height: 32px;
}

/* line 80, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownListWrapper,
.dd_dropdown .press,
.dd_dropdown .dropdownList {
  border-radius: 0;
}
/* line 86, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownListWrapper {
  float: right;
  clear: none;
  height: 32px;
}
/* line 92, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownList {
  height: auto;
  overflow: hidden;
  border-radius: 0;
  z-index: 2 !important;
  top: 33px;
}
/* line 99, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownList li a,
.dd_dropdown .dropdownList li span {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
}
/* line 107, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownListWrapper > span {
  font-size: 12px;
  font-weight: normal;
  color: #000;
  overflow: hidden;
  line-height: 34px;
  padding: 0 5px;
}
/* line 116, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownListWrapper .press {
  border-radius: 0;
  height: 32px;
  width: 32px;
  background-color: none;
}
/* line 123, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown .dropdownListWrapper .press:after {
  background-position: -50px -1740px;
  top: 11px;
  right: 5px;
}
/* line 129, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd_dropdown label {
  float: left;
  width: 80px;
  font-weight: normal;
  padding-top: 7px;
}

/* line 139, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view.links .node .threeStateCheck-label.checked {
  font-weight: bold;
}

/* line 140, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view.links .node .plus-minus {
  display: none;
}

/* line 141, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view.links .node > .arrow {
  display: none;
}

/* ==================================
   T R E E  W I D G E T
================================== */
/* line 148, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view {
  clear: both;
  background: #fafafa;
}
/* line 152, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view .arrow {
  display: none;
  position: absolute;
  top: 26px;
  right: 8px;
  height: 0px;
  width: 0px;
  border-style: solid;
  border-width: 5px 6px 0 6px;
  border-color: #FAFAFA transparent transparent transparent;
}
/* line 165, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view .node[data-is-open='true'] > .arrow {
  display: block;
}
/* line 169, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li {
  position: relative;
  border-bottom: none;
  padding: 0px;
  margin: 0;
  line-height: normal;
}
/* line 177, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li .option {
  height: 18px;
  font-size: 12px;
  line-height: normal;
  padding: 4px 0px;
  padding-left: 10px;
}
/* line 185, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li.open {
  border-bottom: none;
}
/* line 189, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li:last-child {
  border-bottom: none;
}
/* line 193, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li > ul {
  padding: 0;
  background: #eeeeee;
  box-shadow: inset 0 7px 9px -8px #696868, inset 0 -4px 8px -8px #696868;
  font-size: 12px;
}
/* line 200, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li > ul > li {
  clear: left;
  overflow: hidden;
}
/* line 205, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li > ul > li .option {
  padding-left: 30px;
}
/* line 209, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li > ul > li .arrow {
  border-color: #eeeeee transparent transparent transparent;
}
/* line 214, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li > ul > li > ul {
  background: #e1e1e1;
}
/* line 218, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li > ul > li > ul .option {
  padding-left: 49px;
}

/* ==================================
   Nodes
================================== */
/* line 229, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.node .plus-minus {
  position: absolute;
  top: 0px;
  right: 7px;
  padding: 4px 0px;
  font-weight: bold;
  float: right;
  font-size: 16px;
  line-height: 18px;
  width: 15px;
  text-align: center;
  cursor: pointer;
}
/* line 242, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.node .plus-minus .open {
  display: none;
}
/* line 246, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.node .plus-minus .close {
  display: block;
}

/* line 253, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.node[data-is-open='true'] > .plus-minus .open {
  display: block;
}

/* line 257, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.node[data-is-open='true'] > .plus-minus .close {
  display: none;
}

/* line 263, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li > ul {
  display: none;
}
/* line 267, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view li[data-is-open='true'] > ul {
  display: block;
}
/* line 271, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view .threeStateCheck-label {
  cursor: pointer;
}
/* line 275, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tree-view .threeStateCheck {
  margin-top: 1px;
  margin-right: 5px;
  cursor: pointer;
}

/* ==================================
   Link Mode
==================================  */
/* line 286, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.links span.controlsImg {
  display: none;
}

/* line 290, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.links span.threeStateCheck-label:hover {
  color: #cc203c;
}

/* Header and Sort */
/* line 311, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
#other-categories-wrapper {
  display: none;
}

/* Side Bar */
/* line 316, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.side-bar-title {
  background: none;
  color: black;
  font-weight: 100;
  font-size: 24px;
  line-height: 40px;
}

/* line 324, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.reset-filters {
  float: right;
  font-size: 13px;
  color: #cc203c;
  cursor: pointer;
}

/* DD Deals */
/* line 332, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
#dd-deals-view {
  background: url(//media.deindeal.ch/assets/website/ng/filter-gradient-0df505973842e7f7d02ac5db216bf548.png) no-repeat;
  width: 755px;
  overflow: visible;
  float: right;
}

/* end of three columns*/
/* line 340, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
body ul.genericItemsList.list li.collection .footer .primary p.price {
  font-size: 32px !important;
}

/* line 345, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
ul.genericItemsList.list li.collection .footer .secondary p.top,
ul.genericItemsList.list li.collection .footer .tertiary p.top {
  font-size: 10px !important;
}

/* line 355, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
ul.genericItemsList.list li.collection .footer .secondary p.bottom,
ul.genericItemsList.list li.collection .footer .tertiary p.bottom {
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 20px !important;
}
/* line 362, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
ul.genericItemsList.list li.collection h2 {
  font-size: 14px !important;
  line-height: 20px !important;
}
/* line 367, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
ul.genericItemsList.list li.collection h3 {
  font-size: 13px !important;
  line-height: 17px !important;
}

/* end of three columns*/
/*.channel .mainArea.collections ul.list.collections li.last {
  margin-right: 0;
}*/
/* line 379, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.tablet ul.list li.collection a:hover .content > span .controls.balloon {
  display: none;
}

/*
 * WOLFPACK
 */
/* line 386, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.facet-categories {
  display: none;
}

/* line 390, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.otherFacets {
  float: right;
  clear: right;
  width: 744px;
  padding-bottom: 13px;
  position: relative;
}

/* line 398, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.query-container {
  overflow: hidden;
  float: left;
  clear: left;
  width: 256px;
  height: 35px;
  padding-bottom: 13px;
}
/* line 406, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.query-container .query,
.query-container .query-close {
  float: left;
  padding: 4px 11px;
  color: #fff;
  background: #cc203c;
}
/* line 414, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.query-container .query {
  max-width: 179px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 421, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.query-container .query-close {
  border-left: 1px solid #fff;
  cursor: pointer;
}

/* OVER RIDES FROM ANGULAR.CSS */
/* line 428, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
#side-bar {
  width: 256px;
  float: left;
  overflow: hidden;
}

/* line 434, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd-filter-nav {
  width: 232px;
  overflow: hidden;
  padding: 0;
  background: white;
  margin-right: 24px;
  margin-bottom: 20px;
  display: none;
}
/* line 443, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd-filter-nav h2.side-bar-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 12px;
  background: red;
  margin: 0;
  float: left;
  width: 100%;
  background: #fafafa;
  padding-bottom: 10px;
}
/* line 455, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd-filter-nav h2 span.title {
  padding: 10px 0 0 10px;
  float: left;
}
/* line 460, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
.dd-filter-nav .reset-filters {
  float: right;
  padding: 10px 10px 0 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
}

/* line 469, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
#dd-deals-view {
  width: 744px;
}

/* line 473, ../../../../app/assets/stylesheets/wolfpack/blocks/facets.css.scss */
#other-categories-wrapper {
  margin-top: 10px;
}

/* line 1, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.channel-highlights {
  float: left;
  margin-bottom: 20px;
}

/* line 6, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights {
  float: left;
  width: 1000px;
}
/* line 10, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul {
  width: 230px;
  float: right;
}
/* line 14, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 10px;
  margin-bottom: 10px;
  min-height: 92px;
}
/* line 22, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul li a {
  float: left;
  width: 100%;
}
/* line 26, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul li img {
  float: left;
  width: 83px;
  margin-right: 10px;
}
/* line 31, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul li div.details {
  float: left;
  width: 137px;
  padding: 0px;
  margin: 0px;
  line-height: 14px;
}
/* line 38, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul li div.details p.price {
  font-weight: bold;
  margin-top: 5px;
}
/* line 42, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul li div.details p.price .original {
  font-weight: normal;
  color: #8D8D8D;
  text-decoration: line-through;
}
/* line 49, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights ul li div.details p.discount {
  font-weight: bold;
  margin-top: 5px;
  color: #cc203c;
}

/* line 62, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights .mainImage {
  width: 500px;
  float: left;
}
/* line 66, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.collection-highlights .mainImage img {
  width: 500px;
}

/* line 70, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
.channel-highlights ul li:last-child {
  border-bottom: none !important;
  padding: 0px !important;
  margin-bottom: 0 !important;
}

/* line 77, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
#productContent .collection-highlights {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* line 82, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
#productContent .collection-highlights ul {
  width: 460px;
}

/* line 86, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
#productContent .collection-highlights ul li {
  width: 50%;
}

/* line 90, ../../../../app/assets/stylesheets/wolfpack/blocks/collectionHighlights.css.scss */
#productContent .collection-highlights ul li a .description,
.collection-highlights ul li .details .description {
  max-width: 128px;
  margin: 0px;
}

/*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *)  Lists
 *) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* line 18, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list {
  float: left;
  clear: both;
  width: 100%;
  height: auto;
}

/* line 23, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li {
  display: block;
  float: left;
  clear: none;
  background: white;
}

/* line 29, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li p {
  color: #2F2F2F;
}

/* line 30, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li a {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  color: #2F2F2F;
}

/* line 31, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li .nonClickable {
  position: relative;
  float: left;
  width: 100%;
  height: 298px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  background: #FFFFFF;
}

/* line 33, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li a:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

/*)
 *)  List variations
 */
/*)
 *)  Collections
 *)  Generic
 */
/* line 45, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list.collections li {
  width: 232px;
  margin: 0px 24px 24px 0px;
}

/* line 50, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list.collections li.fullWidth {
  width: 100%;
}

/* line 54, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list.collections li .img-holder {
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px;
  width: 232px;
  margin-right: 20px;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 67, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list.collections li:nth-child(3n+3) {
  margin: 0px 0px 24px 0px;
}

/*)
 *)  Collections
 *)  Generic - 2 Column
 */
/* line 76, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.two-column ul.list.collections li,
.two-column ul.results li {
  width: 360px;
  margin: 0px 24px 24px 0px;
}

/* line 82, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.two-column ul.list.collections li .img-holder {
  height: 120px;
  width: 360px;
}

/* line 87, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.two-column ul.list.collections li:nth-child(3n+3),
.two-column ul.results li:nth-child(3n+3) {
  margin: 0px 24px 24px 0px;
}

/* line 92, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.two-column ul.list.collections li:nth-child(2n+2),
.two-column ul.results li:nth-child(2n+2) {
  margin: 0px 0px 24px 0px;
}

/* line 97, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.two-column .results .productBox {
  height: 240px;
}

/* line 100, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.two-column ul.results li a {
  width: 360px;
  height: 240px;
}

/* Box Styles */
/* line 107, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .headerWrapper {
  position: absolute;
  width: 100%;
  display: block;
  height: auto !important;
  z-index: 1;
}

/* line 115, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .header {
  position: relative;
  width: 100%;
  padding: 10px;
  background: #000;
  margin: 0px;
  box-shadow: none !important;
  text-align: left !important;
  height: auto !important;
  display: inline-block;
  float: left;
}

/* line 128, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection h2 {
  display: block;
  float: left;
  width: 100%;
  color: #ffffff;
  font-weight: 600;
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
}

/* line 138, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection h3 {
  display: block;
  float: left;
  width: 100%;
  color: #CCCCCC;
  font-style: italic;
  margin-bottom: 0px;
  font-size: 10px;
  line-height: 14px;
}

/* line 148, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .headerWrapper .overlay {
  width: 100%;
  float: right;
  display: block;
}

/* line 154, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.ui-mobile-viewport ul.products li.productBox .overlay {
  width: 100%;
  float: right;
  display: block;
}

/* line 160, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .headerWrapper .overlay .text {
  width: auto;
  height: 34px;
  line-height: 32px;
  padding: 0 12px 0 14px;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 13px;
  font-weight: bold;
}

/* line 171, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.ui-mobile-viewport ul.products li.productBox .overlay .text {
  width: auto;
  height: 34px;
  line-height: 32px;
  padding: 0 12px 0 14px;
  font-size: 11px;
}

/* line 179, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .headerWrapper .overlay .sold-out {
  background-color: #cc203c;
  color: #fff;
  float: right;
}

/* line 185, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .headerWrapper .overlay .items-remaining {
  background-color: #fff;
  color: #cc203c;
  float: right;
  border: 1px solid #F2F2F2;
}

/* line 192, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.ui-mobile-viewport ul.products li.productBox .overlay .items-remaining {
  background-color: #ce3751;
  color: #fff;
  float: right;
}

/* line 198, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.ui-mobile-viewport ul.products li.productBox .overlay .sold-out {
  background-color: #ce3751;
  color: #fff;
  float: right;
}

/* line 204, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .headerWrapper .overlay .items-remaining .more-label {
  font-weight: normal;
}

/* line 210, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content {
  position: relative;
  margin-top: 36px;
  float: left;
  width: 100%;
}

/* line 211, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .controls.balloon {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 10px;
  display: none;
}

/* line 212, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection a:hover .content .controls.balloon {
  display: block;
}

/* line 213, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.tablet ul.list li.collection a:hover .content > .controls.balloon {
  display: none;
}

/* line 214, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 215, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay .position1 {
  position: absolute;
  bottom: 12px;
  right: 10px;
  width: 55px;
  height: 55px;
}

/* line 216, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay .position2 {
  position: absolute;
  bottom: 79px;
  right: 10px;
  width: 55px;
  height: 55px;
}

/* line 217, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay .position3 {
  position: absolute;
  bottom: 12px;
  right: 77px;
  width: 55px;
  height: 55px;
}

/* line 218, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay .position4 {
  position: absolute;
  bottom: 12px;
  right: 10px;
  width: 95px;
  height: 95px;
}

/* line 219, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay .controls.balloon {
  background: #000000;
  background: rgba(0, 0, 0, 0.9);
  display: block;
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 1px #1F1F1F;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  border: none;
}

/* line 220, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay .position4 .controls.balloon {
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 2px #A2A2A2;
  -mox-box-shadow: 0 0 1px #A2A2A2;
  -webkit-box-shadow: 0 0 1px #A2A2A2;
}

/* line 221, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .content .iconsOverlay .controls.balloon.red {
  background: #cc203c;
  background: rgba(204, 34, 60, 0.9);
}

/* line 223, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer {
  float: left;
  width: 100%;
  background: #ffffff;
  height: auto;
  padding: 7px 6px;
}

/* line 224, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .primary {
  display: block;
  float: right;
  height: 100%;
  /*margin-left: 5px;*/
  padding-left: 5px;
  border-left: 1px solid #eeeeee;
}

/* line 225, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .primary p.startFrom {
  display: block;
  float: left;
  font-size: 8px;
  font-weight: 600;
  line-height: 11px;
  margin: 0;
}

/* line 226, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .primary p.price {
  display: block;
  float: right;
  font-weight: 600;
  color: #000000;
  padding-top: 4px;
  padding-left: 2px;
  font-size: 22px;
  line-height: 19px;
}

/* line 227, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .secondary p,
ul.list li.collection .footer .tertiary p {
  padding: 0px;
  margin: 0px;
  font-size: 8px;
  line-height: 12px;
  font-weight: 600;
}

/* line 229, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .secondary p.top,
ul.list li.collection .footer .tertiary p.top {
  padding: 0px;
}

/* line 231, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .secondary p.bottom,
ul.list li.collection .footer .tertiary p.bottom {
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
}

/* line 233, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .secondary {
  display: block;
  float: right;
  height: 100%;
  margin-right: 5px;
}

/* line 234, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .tertiary {
  display: block;
  float: left;
  height: 100%;
}

/* line 235, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .secondary p {
  color: #cc203c;
}

/* line 236, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .action {
  display: block;
  float: right;
  height: 24px;
}

/* line 237, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .action .button {
  margin: 2px 0px 0px 5px;
}

/* line 238, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
ul.list li.collection .footer .action p {
  color: #ffffff;
  line-height: 20px;
}

/* line 240, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.banner_expedia img {
  margin-left: 10px;
  margin-top: 10px;
}

/* line 255, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.ui-mobile-viewport ul.list li.collection .footer .primary {
  margin-left: 0px;
}

/* line 259, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.countdown-holder {
  float: right;
  margin-top: 5px;
  left: 6px;
  position: relative;
}
/* line 265, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.countdown-holder .countdown {
  float: left;
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  background-position: -673px -343px;
  height: 30px;
  padding: 6px 5px 0 10px;
  color: #FFF;
}
/* line 273, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.countdown-holder .countdown .only,
.countdown-holder .countdown .unit,
.countdown-holder .countdown .days,
.countdown-holder .countdown .hours,
.countdown-holder .countdown .mins,
.countdown-holder .countdown .secs,
.countdown-holder .countdown .limitedQuantity {
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
}
/* line 286, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.countdown-holder .corner {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
  width: 6px;
  height: 50px;
  float: left;
  background-position: -833px -343px;
}
/* line 296, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
.countdown-holder.countdown--position {
  position: absolute;
  right: -6px;
  left: auto;
  top: 0;
}

/* line 304, ../../../../app/assets/stylesheets/common/elements/common_collection_box.css.scss */
#recommendationsCarousel #remaining-time-seconds,
#recommendationsCarousel .unit-secs {
  display: none;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the styles for landing page(newsletter)

   - Document: pages/website-pages/landing_page.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/* ======================================
   DOCUMENT INFORMATION

   Defines the colors used on every view

   - Document: colors.css.scss
   - Version:  0.1
   - Author:   Deindeal
====================================== */
/*#e23636;*/
/*#ae1414;*/
/*  Partials/imports
=============================== */
/*  Subscription landing popup
=============================== */
/* line 20, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopupOverlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
}

/* line 33, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup {
  display: block;
  position: fixed;
  z-index: 99999;
  box-shadow: 0px 0px 10px #444;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -308px;
  border: 0px solid #999;
}
/* line 44, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .organism-list-products {
  margin: 0 auto;
  width: 230px;
}
/* line 49, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .organism-list-products .productBox-wrapper {
  width: 100%;
}
/* line 53, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .organism-list-products .productBox {
  padding-bottom: 0;
}
/* line 57, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .organism-list-products .productBox:hover {
  box-shadow: none;
}
/* line 60, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .organism-list-products .productBox:hover .productBox-footer {
  display: none;
}
/* line 64, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .organism-list-products .productBox a {
  cursor: default;
}
/* line 68, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .organism-list-products .productBox .productBox-details {
  height: 80px;
}
/* line 74, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .lpbox {
  width: 800px;
  background-color: #fff;
  float: left;
}
/* line 80, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .row {
  float: left;
  width: 100%;
}
/* line 85, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .header {
  padding: 15px 10px;
  text-align: center;
  height: 83px;
  -webkit-box-shadow: inset -4px -40px 15px -35px #f1f1f1;
  -moz-box-shadow: inset -4px -40px 15px -35px #f1f1f1;
  box-shadow: inset -4px -40px 15px -35px #f1f1f1;
}
/* line 94, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .header .logo {
  width: 110px;
  height: 56px;
  margin: 0 auto;
}
/* line 100, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body {
  border-bottom: 1px solid #EAEAEA;
}
/* line 104, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body h1 {
  font-family: 'Open Sans', serif;
  font-size: 16px;
  margin: 0;
  line-height: 30px;
  margin-bottom: 20px;
}
/* line 112, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content {
  float: left;
  width: 50%;
  padding: 0 40px;
  margin: 30px 0 0 0;
}
/* line 119, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup form .row {
  margin-bottom: 20px;
}
/* line 123, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .dd_dropdown {
  width: 100%;
}
/* line 127, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .dd_dropdown .dropdownListWrapper {
  width: 100%;
}
/* line 131, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .dd_dropdown .dropdownListWrapper .dropdownList {
  z-index: 100000;
}
/* line 135, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content.right {
  border-left: 1px solid #EAEAEA;
  margin-bottom: 0;
  min-height: 260px;
}
/* line 141, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content form .button {
  width: 100%;
  margin-top: 20px;
}
/* line 146, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content ul.list {
  margin-top: 0px;
}
/* line 149, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content ul.list .controls.balloon {
  display: block;
  position: absolute;
  left: auto;
  right: -20px;
  top: -20px;
  z-index: 1;
}
/* line 159, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content ul.trust {
  float: left;
  margin-top: 40px;
}
/* line 163, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content ul.trust li {
  font-style: italic;
  font-family: Georgia, serif;
  margin-bottom: 15px;
}
/* line 168, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content ul.trust li span.check {
  font-size: 20px;
  margin-right: 10px;
}
/* line 173, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content ul.trust li span.line__break {
  text-indent: -31px;
  padding-left: 31px;
}
/* line 180, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content .item {
  float: left;
  width: 320px;
}
/* line 184, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content .item ul.list li a:hover {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/* line 189, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body > .content .item .controls.button {
  cursor: default;
}
/* line 193, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .body .terms {
  float: left;
  clear: both;
  margin-left: 40px;
  font-size: 11px;
  font-weight: bold;
  color: #cc203c;
  margin-bottom: 10px;
}
/* line 203, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .actions {
  text-align: right;
  padding: 20px;
}
/* line 207, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .actions p {
  margin: 0;
  display: inline;
}
/* line 212, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .actions p.alreadyAccount {
  font-style: italic;
  font-family: Georgia, serif;
}
/* line 218, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .lpbox .skiplink.button.boxsizing {
  margin-right: 20px;
}
/* line 222, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .actions .button {
  margin-left: 15px;
}
/* line 226, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .trustFooter {
  background-color: #eaeaea;
  padding: 10px 0;
  text-align: center;
  -moz-box-shadow: inset 0 10px 15px #ccc;
  -webkit-box-shadow: inset 0 10px 15px #ccc;
  box-shadow: inset 0 10px 15px #ccc;
}
/* line 234, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .trustFooter .methodsPayment,
#subscriptionLpPopup .trustFooter .methodsAward {
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
/* line 241, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .trustFooter .ringierWrapper p {
  margin: 0 0 5px 0;
  font-size: 12px;
  font-style: italic;
  font-family: Georgia, serif;
}
/* line 249, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
#subscriptionLpPopup .centerVerticalElement .middle {
  width: auto;
}

/* line 254, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
.rightRegister {
  margin-bottom: 60px;
  border-left: 1px solid #eaeaea;
  width: 480px;
  float: left;
  padding: 10px 150px 10px 25px;
}
/* line 261, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
.rightRegister .acceptTermsLabel {
  width: 360px;
}
/* line 264, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
.rightRegister .acceptTermsLabel a {
  text-decoration: none;
}
/* line 269, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
.rightRegister .field .error .error-sign {
  left: 267px;
}
/* line 273, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
.rightRegister input {
  background-color: #fbfbfb;
}

/* line 278, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
.marginTop20 {
  margin-top: 20px;
}

/* line 283, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
.landingPage-productBox {
  width: 230px;
  margin: auto;
}

@media screen and (max-width: 900px) {
  /* line 292, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
  #subscriptionLpPopup {
    margin-left: -200px;
    margin-top: -250px;
  }
  /* line 296, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
  #subscriptionLpPopup .lpbox {
    width: 400px;
  }
  /* line 300, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
  #subscriptionLpPopup .body > .content.right,
  #subscriptionLpPopup .trustFooter {
    display: none;
  }
  /* line 305, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
  #subscriptionLpPopup .body > .content {
    width: 100%;
  }
  /* line 309, ../../../../app/assets/stylesheets/wolfpack/pages/popups/landing_page.css.scss */
  #subscriptionLpPopup .actions {
    text-align: center;
  }
}
/* Elements which exist on every page */
/* =================================
 DOCUMENT INFORMATION

 Defines the header block

 - Document: wolfpack/blocks/base.css.scss
 - Version:  1
 - Author:   Deindeal
================================ */
/*  Partials/imports
================================ */
/* ======================================================================
   DOCUMENT INFORMATION

   Defines the styles for download app banner

   - Document: download_app_banner.css.scss
   - Version:  0.1
   - Author:   Deindeal
   ====================================================================== */
/* ======================================================================

   Download app banner

   ====================================================================== */
/* line 17, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
#downloadAppBanner {
  position: relative;
  z-index: 5;
}

/* line 22, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner {
  position: relative;
  display: block;
  background: #cc203c;
  color: #fff;
}

/* line 29, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-closeWrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  text-align: center;
  z-index: 1;
}
/* line 37, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-closeWrap:before {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

/* line 45, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-close {
  padding: 10px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  background: none;
  border-radius: 0;
  line-height: 1;
}

/* line 56, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-link {
  width: 100%;
  padding: 10px 10px 10px 40px;
  display: table;
  color: #fff;
  box-sizing: border-box;
}
/* line 64, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-link:focus, .appBanner-link:active {
  color: #fff;
}

/* line 70, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-logoWrap {
  width: 56px;
  height: 56px;
  margin-right: 20px;
  display: table-cell;
  vertical-align: middle;
  background: #fff;
  box-sizing: border-box;
  border-radius: 15px;
}

/* line 81, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-logo {
  height: 100%;
  display: block;
  background: url("//media.deindeal.ch/production/static_assets/killerbee/logo/dd-logo-mobile.svg") no-repeat;
  background-size: contain;
}

/* line 88, ../../../../app/assets/stylesheets/frontend/widgets/smart-banner.css.scss */
.appBanner-text {
  border-left: 20px solid transparent;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.125;
}

/* ==========================================
   DOCUMENT INFORMATION

   Defines all includes used by cart

   - Document: wolfpack/blocks/cart.css.scss
   - Version:  0.1
   - Author:   Deindeal
   =================================== */
/* =====================================
  Cart & checkout summary
====================================== */
/*  Cart entries table
=========================================*/
/* line 20, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart {
  width: 100%;
}

/* line 24, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart h3,
table.cart h4 {
  padding: 0;
  line-height: 14px;
  font-size: 14px;
  font-weight: bold;
  border: none;
}

/* line 33, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart tr.expired img {
  opacity: 0.2;
}

/* line 37, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th {
  font-size: 14px;
  height: 24px;
  padding: 5px 0px;
  color: #000000;
  text-align: left;
  font-weight: 600;
  background-color: #F2F2F2;
}

/* line 47, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th.first {
  width: 60px;
}

/* line 51, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th.reservation {
  width: 130px;
}

/* line 55, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th.currency {
  width: 50px;
}

/* line 59, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th.price {
  width: 100px;
  text-align: left;
}

/* line 64, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th.actions {
  width: 115px;
}

/* line 68, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th p {
  padding: 0px 15px;
  line-height: 24px;
}

/* line 73, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart th p.b-right {
  border-left: 1px solid #E8E8E8;
}

/* line 77, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart tr:last-child td {
  border-bottom: none;
}

/* line 81, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td.currency {
  padding-left: 15px;
}

/* line 85, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td .collectionTitle {
  font-weight: 600;
  font-size: 14px;
}

/* line 90, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td span.gift {
  font-size: 14px;
  color: #8D8D8D;
}

/* line 95, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td {
  padding: 15px 5px 15px 5px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #E8E8E8;
  font-size: 16px;
}

/* line 103, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td.first {
  padding: 15px 5px 15px 10px;
}

/* line 107, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td.img {
  width: 72px;
}

/* line 111, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td.actions {
  padding: 15px 10px 15px 15px;
  vertical-align: top;
  text-align: right;
  font-size: 12px;
}

/* line 118, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td.actions {
  padding: 15px 10px 15px 15px;
  vertical-align: top;
  text-align: right;
  font-size: 12px;
}

/* line 125, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart td.actions a span {
  font-weight: bold;
  font-size: 16px;
  padding: 0px 4px;
}

/* line 131, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart tr#cart-empty {
  display: none;
}

/* line 135, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart input.cart_quantity {
  width: 37px;
  margin: 0;
  text-align: center;
  border: 0;
}

/* line 142, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart .priceInformation {
  float: right;
}

/* line 146, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table.cart p.before {
  float: right;
  clear: both;
  color: #cc203c;
}

/* line 152, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table th.cart-quantities-cell,
table td.cart-quantities-cell {
  width: 85px;
  text-align: center;
  white-space: nowrap;
}

/* line 159, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table td.cart-quantities-cell .quantityChanger {
  float: left;
  display: block;
  width: 25px;
  width: 24px;
}

/* line 166, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table td.cart-quantities-cell a {
  float: left;
  line-height: 37px;
  font-size: 14px;
  display: block;
  text-align: center;
  width: 100%;
}

/* line 175, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
table td.availability {
  width: 70px;
}

/* line 179, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.remove.product-remove-cart-action {
  font-family: Georgia, serif;
  font-style: italic;
  color: #8b8b8b;
}

/* line 185, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.deliveryDate {
  font-weight: 600;
  font-size: 14px;
}

/*  Cart footer
=========================================*/
/* line 192, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary {
  width: 100%;
}

/* line 196, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer {
  width: 100%;
  float: right;
  position: relative;
  top: -20px;
  border: none;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 2%, white 8%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(2%, rgba(255, 255, 255, 0.25)), color-stop(8%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 2%, white 8%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 2%, white 8%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 2%, white 8%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 2%, white 8%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

/* line 211, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .button-bar {
  padding-bottom: 20px;
  border: none !important;
  margin-top: 20px;
}

/* line 217, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .button-bar a {
  margin-left: 20px;
}

/* line 221, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary.popup .footer {
  float: right;
  clear: both;
  width: 100%;
  border: none;
  padding-bottom: 0px;
  background: none;
  border: none;
}

/* line 231, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer > div {
  width: 550px;
  float: right;
  clear: right;
  text-align: right;
  padding: 0px 20px;
  border-top: 1px solid #E8E8E8;
}

/* line 240, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .description {
  float: left;
}

/* line 244, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .value {
  float: right;
}

/* line 248, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer > div > p {
  float: left;
  font-size: 14px;
  line-height: 40px;
}

/* line 254, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .totalWithDiscount p {
  color: #cc203c;
}

/* line 258, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .totalWithDiscount p.before {
  float: right;
  font-size: 16px;
  font-weight: 600;
}

/* line 264, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .total p {
  color: #000000;
  line-height: 40px;
}

/* line 269, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .total > p {
  float: left;
  font-size: 18px;
}

/* line 274, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .total .priceInformation {
  float: right;
}

/* line 278, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer .total .priceInformation p.finalPrice {
  line-height: 40px !important;
}

/* line 282, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.buttonWrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}

/* line 289, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.footerEmptyCartPopup:after {
  clear: both;
}

/* line 293, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.cart-summary .footer.emptyCartFooter {
  top: 0px;
  padding-top: 35px;
  background-color: #EEEEEE;
  border-top: none;
  box-shadow: 0 0 15px #888;
}

/* line 301, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.footerEmptyCartPopup {
  background-color: #F2F2F2;
  clear: both;
  float: left;
  width: 100%;
}

/* line 308, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.footerEmptyCartPopup .emptyCartFooter {
  background: none;
  background-color: #EEEEEE;
  padding-bottom: 50px;
}

/* line 314, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.footerEmptyCartPopup .emptyCartFooter p {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-size: 21px;
  font-weight: lighter;
  margin: 0 0 19px 30px;
}

/*   EMPTY CART
=====================================*/
/* line 324, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
#popupPlaceholder #popup-cart hr {
  margin: 10px 0 26px;
}

/* line 328, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
#popup-cart .buttonWrapper {
  margin-bottom: 36px;
}

/*  Tags: Default styles
==========================================*/
/* line 338, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.tags {
  overflow: hidden;
  width: 100%;
  clear: both;
}
/* line 343, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.tags li {
  float: left;
  display: block;
  max-width: 100%;
  margin: 0px 8px 8px 0px;
}

/* line 353, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.tag {
  background: #F8F8F8;
  border: 1px solid #D6D6D6;
  padding: 5px 15px;
  cursor: pointer;
}
/* line 361, ../../../../app/assets/stylesheets/wolfpack/blocks/cart.css.scss */
.tag p {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 6, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer {
  background-color: #1c1c1c;
  color: #fff;
  font-size: 12px;
  padding: 24px 0 30px;
  position: relative;
}

/* line 7, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer a {
  color: #ccc;
  text-decoration: none;
}

/* line 8, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer p {
  margin: 0 0 5px 0;
}

/* line 10, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons {
  text-align: center;
  overflow: hidden;
  margin-top: 26px;
}

/* line 11, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .trust-icons,
footer#footer .footer-big-icons .apps,
footer#footer .footer-big-icons .footerText {
  float: left;
}

/* line 15, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .footerText {
  text-align: center;
  width: 470px;
  margin-top: 60px;
}

/* line 16, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .footerText .up-to-date {
  font-family: 'Open-Sans', sans-serif;
  font-weight: 300;
  font-size: 28px;
  color: #ffffff;
  line-height: 38px;
}

/* line 17, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .footerText .up-to-date span {
  font-weight: 400;
}

/* line 18, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .footerText .downloadApp {
  font-family: 'Open-Sans', sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #ffffff;
  line-height: 30px;
}

/* line 19, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .footerText .downloadApp span {
  font-weight: 400;
}

/* line 24, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#footer .trust-icons {
  width: 237px;
  margin-top: 60px;
}

/* line 31, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .apps {
  float: right;
  width: 293px;
}

/* line 32, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .apps a {
  display: block;
  float: left;
}

/* line 34, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .apps .text {
  width: 490px;
  float: left;
}

/* line 35, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .apps .text p,
footer#footer .footer-big-icons .apps .text a {
  display: inline;
  font-size: 18px;
  font-family: Georgia serif;
  font-style: italic;
  color: #ffffff;
}

/* line 37, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .apps .text a {
  text-decoration: underline;
}

/* line 39, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .social-icons {
  text-align: center;
  margin: 20px 0 40px 0;
  height: 56px;
  position: relative;
}

/* line 40, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .social-icons .social-icons-wrapper {
  height: 56px;
  width: 420px;
  margin: 0 auto;
  position: relative;
  padding-left: 20px;
  background: #1c1c1c;
  z-index: 1;
}

/* line 41, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .social-icons .social-icons-wrapper p {
  line-height: 56px;
  float: left;
  font-size: 24px;
  font-weight: lighter;
  margin: 0 30px 0 0;
  color: #d9d9d9;
}

/* line 42, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .social-icons .backLine {
  width: 100%;
  height: 26px;
  position: absolute;
  border-bottom: 1px #4D4C4C solid;
  top: 0px;
  z-index: 0;
}

/* line 45, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footer_col {
  display: inline;
  float: left;
  border-left: 1px #4D4C4C solid;
  width: 225px;
  height: 251px;
  padding-left: 25px;
}

/* line 46, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footer_col ul li {
  line-height: 24px;
}

/* line 47, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footer_first_col {
  border-left: none;
  padding-left: 0;
  width: 240px;
}

/* line 48, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footer_title {
  font-size: 24px;
  color: #ffffff;
  font-weight: lighter;
  line-height: 20px;
  margin-bottom: 15px;
}

/* line 50, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer ul li a {
  font-weight: 600;
}

/* line 52, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footer-logos {
  margin-top: 30px;
}

/* line 54, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footerCardsWrapper {
  width: 360px;
  float: right;
  margin-right: 30px;
}

/* line 55, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footerCardsWrapper .card {
  margin-right: 8px;
}

/* line 57, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.invertLogo {
  float: left;
  margin-top: 24px;
}

/* line 58, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footerLogisticPartners {
  width: 280px;
  float: right;
}

/* line 59, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footerLogisticPartners .transport {
  margin-left: 8px;
}

/* line 60, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footerLogisticPartners h3, .footerCardsWrapper h3 {
  font-size: 15px;
  color: #ffffff;
  font-style: italic;
  font-family: Georgia, serif;
}

/* line 62, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footerRingierWrapper {
  background-color: white;
  height: 50px;
  padding-top: 20px;
}

/* line 63, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footerRingierWrapper .copyrights-label {
  color: #2F2F2F;
  font-size: 10px;
  float: left;
  display: inline-block;
  margin-top: 10px;
}

/* line 64, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.footerRingierWrapper .controlsImg.ringier {
  float: right;
}

/* line 67, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#footerAdvertising {
  margin: 13px auto;
}

/* line 68, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#footerAdvertising .adBox {
  float: left;
  width: 300px;
  text-align: center;
  font-family: Georgia, serif;
  font-style: italic;
  color: #000000;
}

/* line 69, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#footerAdvertising .awards {
  margin-right: 25px;
}

/* line 70, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#footerAdvertising .friends {
  margin: 0 25px;
}

/* line 71, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#footerAdvertising .mobileApp {
  margin-left: 25px;
}

/* line 77, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.sprite-main {
  background: url(//media.deindeal.ch/assets/website/sprites/main-69a38689bfacd21e0a25ed1f1473dec5.png) no-repeat;
}

/* line 81, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer {
  padding: 50px 0 30px;
  font-size: 12px;
  color: #fff;
  background: #1c1c1c;
}

/* line 88, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-size {
  width: 1000px;
  margin: auto;
}

/* line 94, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-apps {
  margin-bottom: 20px;
}
/* line 97, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-apps .apps-text,
.site-footer-apps .apps-icons {
  display: inline-block;
  vertical-align: middle;
}
/* line 103, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-apps .apps-text {
  width: 475px;
  text-align: center;
}
/* line 108, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-apps .apps-text-headline {
  margin-bottom: 5px;
  font: 28px/1.35 "Open-Sans", sans-serif;
}
/* line 113, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-apps .apps-text-subheadline {
  font: 15px/2 'Open-Sans', sans-serif;
}
/* line 117, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-apps .apps-icon {
  display: inline-block;
  width: 129px;
  height: 214px;
  display: inline-block;
  background-size: 129px 214px;
}

/* line 126, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-social {
  position: relative;
  margin-top: 50px;
  margin-bottom: 40px;
  text-align: center;
}
/* line 132, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-social:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  border-bottom: 1px solid #4D4C4C;
  content: "";
}
/* line 139, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-social .social-inner {
  position: relative;
  padding: 0 20px;
  display: inline-block;
  text-align: center;
  background: #1c1c1c;
}
/* line 147, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-social .social-text,
.site-footer-social .social-icons {
  display: inline-block;
  vertical-align: middle;
}
/* line 153, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-social .social-text {
  margin-right: 20px;
  font-size: 24px;
  line-height: 56px;
  font-weight: 300;
  color: #d9d9d9;
}
/* line 161, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-social .social-icon {
  width: 56px;
  height: 56px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
/* line 169, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-social .social-icon:last-child {
  margin-right: 0;
}

/* line 176, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-menu {
  width: 100%;
  margin-bottom: 30px;
  display: table;
}
/* line 181, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-menu .menu-col {
  width: 25%;
  padding-left: 25px;
  border-left: 1px solid #4D4C4C;
  display: table-cell;
}
/* line 187, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-menu .menu-col:first-child {
  padding-left: 0;
  border-left: 0;
}
/* line 193, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-menu .menu-col-headline {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}
/* line 200, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-menu .menu-col-link {
  font-weight: 600;
  line-height: 24px;
  color: #ccc;
}
/* line 205, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-menu .menu-col-link:hover {
  text-decoration: underline;
}

/* line 212, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-logos {
  position: relative;
  text-align: right;
}
/* line 216, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-logos .logos-cards,
.site-footer-logos .logos-partners {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
/* line 223, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-logos .logos-cards {
  margin-right: 43px;
}
/* line 227, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-logos .logos-headline {
  margin-bottom: 8px;
  font: italic 15px/2 "Georgia", serif;
}
/* line 232, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-logos .logos-item {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
/* line 238, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-logos .logos-item:first-child {
  margin-left: 0;
}

/* line 245, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-copyright {
  padding: 15px 0;
  background: #fff;
}
/* line 249, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-copyright .copyright-text {
  font-size: 10px;
  color: #2F2F2F;
}

/* line 257, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#st-track-px {
  display: block;
}

/*  Refactored icons 
======================================== */
/*  Native app icons */
/* line 266, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .apps {
  float: right;
  width: 293px;
}

/* line 267, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
footer#footer .footer-big-icons .apps a {
  display: block;
  float: left;
}

/* line 269, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.sprite__award {
  margin-top: 23px;
  float: left;
}
/* line 273, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.sprite__award p {
  padding-top: 2px;
  margin-left: 115px;
  font-family: "Open Sans";
  font-size: 11px;
  color: #2F2F2F;
  line-height: 15px;
}
/* line 280, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.sprite__award p:first-child {
  padding-top: 6px !important;
}
/* line 283, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.sprite__award p:last-child {
  padding-top: 2px !important;
}

/* line 289, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#androidApp__sprite--bigDe,
#androidApp__sprite--bigFr {
  float: right;
  margin-left: 32px;
}

/* line 295, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#iosApp__sprite--bigDe,
#iosApp__sprite--bigFr {
  float: left;
}

/* Trusted shop icons */
/* line 301, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
.site-footer-apps .apps-trusted {
  width: 230px;
  float: left;
  margin-top: 50px;
}

/* line 307, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#garantie__sprite--mediu {
  margin-left: 30px;
}

/* Social icons */
/* line 313, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#gPlus__sprite--big,
#facebook__sprite--big,
#twitter__sprite--big {
  margin-right: 18px;
}

/*  Logo icon */
/* line 320, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#logo__small {
  float: left;
  margin-top: 24px;
}

/* Payment method Icons */
/* line 326, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#card__visa--small,
#card__american--small,
#card__mastercard--small,
#card__postCard--small,
#card__post--small,
#card__paypal--small {
  margin-right: 8px;
}

/*  Partner Icons */
/* line 336, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#transport__sprite {
  margin-left: 8px;
}

/*  Ringer Icon */
/* line 341, ../../../../app/assets/stylesheets/wolfpack/blocks/footer.css.scss */
#ringier__sprite {
  position: relative;
  bottom: 8px;
}

/*
=================================
 DOCUMENT INFORMATION

 Defines a carousel element

 - Document: wolfpack/blocks/adscarousel.css.scss
 - Version:  1
 - Author:   Deindeal
=============================== */
/* ==================================
  Advertising carousel
================================== */
/* line 16, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.adsCarousel {
  height: 525px;
  width: 100%;
}

/* line 21, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider {
  position: relative;
}

/*  Advertising carousel
================================== */
/* line 27, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider h1,
.ddslider h2,
.ddslider p,
.ddslider a {
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}

/* line 36, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel {
  display: none;
  position: absolute;
  height: 525px;
  width: 1680px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -840px;
  overflow: hidden h1;
  overflow-font-size: 32px;
  overflow-line-height: 40px;
  overflow-font-weight: 600;
}
/* line 53, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel > .bx-wrapper {
  margin-left: -1px !important;
}
/* line 57, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel .bx-wrapper,
#advertisingCarousel .bx-window {
  height: 100%;
}
/* line 62, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel .carousel-arrow {
  display: none;
}
/* line 66, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel .ads {
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 73, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel .ads li {
  float: left;
  width: 100%;
  height: 100%;
}
/* line 78, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel .ads li a {
  display: block;
  width: 1690px;
  height: 525px;
}

/*  Pagination
================================== */
/* line 88, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
ul.pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  float: right;
}
/* line 94, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
ul.pagination li {
  float: left;
  width: 12px;
  height: 12px;
  background: transparent;
  margin: 5px 5px 5px 0px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
}
/* line 105, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
ul.pagination li.selected {
  background: #ffffff;
}

/* line 110, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.button {
  background: #cc203c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc203c), color-stop(100%, #9d132b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cc203c 0%, #9d132b 100%);
  /* W3C */
}

/* line 114, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.button:hover {
  background: #ffffff;
}

/*  Advertising carousel: Templates
================================== */
/* Clickable Deal */
/* line 121, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads {
  /* Main Deal */
  /* Variation 1*/
  /* Variation 2*/
}
/* line 123, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-clickable="false"] a {
  cursor: default;
}
/* line 127, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads .clickableBanner .action {
  position: absolute;
  top: 321px;
  left: 447px;
}
/* line 135, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"][data-variation="variation1"] .cardWrapper {
  left: 420px;
}
/* line 139, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"][data-variation="variation1"] .cardWrapper .card .balloon.discount {
  left: auto;
  right: -65px;
}
/* line 144, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"][data-variation="variation1"] .cardWrapper .card {
  left: 0px;
}
/* line 149, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper {
  position: absolute;
  top: 0;
  right: 420px;
  width: 380px;
  height: 100%;
  float: left;
}
/* line 158, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card {
  position: absolute;
  right: 0;
  width: 315px;
  height: 300px;
  top: 102px;
  float: left;
}
/* line 167, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .balloon.discount {
  position: absolute;
  left: -65px;
  top: -35px;
  float: left;
  background: #cc203c;
}
/* line 175, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .balloon.discount p {
  color: #ffffff;
}
/* line 179, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup {
  float: left;
  clear: both;
  width: 100%;
  height: 30px;
}
/* line 186, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card p.discription {
  margin: 22px 0px;
  font-size: 14px;
  font-weight: 600;
}
/* line 192, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .secondary {
  display: block;
  float: left;
  height: 100%;
  width: 84px;
  border-right: 1px solid #a5abb2;
}
/* line 200, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .secondary p {
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  line-height: 12px;
  font-weight: 600;
}
/* line 208, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .secondary p.originalPrice {
  font-size: 20px;
  line-height: 20px;
}
/* line 213, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .secondary p.before {
  margin-bottom: 5px;
}
/* line 217, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .primary {
  display: block;
  float: right;
  height: 100%;
  width: 230px;
}
/* line 224, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .primary p.startFrom {
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin-left: 10px;
}
/* line 233, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .primary p.price {
  display: block;
  float: right;
  font-size: 40px;
  line-height: 30px;
  font-weight: 600;
}
/* line 241, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .action {
  float: left;
  clear: both;
  height: 40px;
  width: 100%;
  margin-top: 19px;
}
/* line 249, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .action .button {
  float: right;
}
/* line 253, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ads li[data-type="mainDeal"] .cardWrapper .card .action .button {
  float: right;
}

/*   Arrows
================================== */
/* line 262, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider .pagArrow {
  position: absolute;
  top: 50%;
  margin-top: -36px;
  width: 54px;
  height: 54px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 54px;
  cursor: pointer;
  border: 2px solid transparent;
  background: rgba(255, 255, 255, 0.8);
}
/* line 275, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider .pagArrow p {
  line-height: 48px;
  font-size: 55px;
  text-align: center;
  color: #2F2F2F;
}
/* line 283, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider .pagArrow:hover {
  border: 2px solid #ffffff;
  background: none;
}
/* line 286, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider .pagArrow:hover p {
  color: #ffffff;
}

/*   Transitions: Dark Theme
================================== */
/* line 298, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark .button {
  background: #cc203c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc203c), color-stop(100%, #9d132b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cc203c 0%, #9d132b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cc203c 0%, #9d132b 100%);
  /* W3C */
}
/* line 302, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark .button:hover p {
  color: #ffffff;
}
/* line 306, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark ul.pagination li {
  border: 1px solid #2F2F2F;
}
/* line 310, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark ul.pagination li.selected {
  background: #2F2F2F;
}
/* line 314, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark .ads li[data-type="mainDeal"] .cardWrapper .card .balloon.discount {
  background: #cc203c;
}
/* line 318, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark .ads li[data-type="mainDeal"] .cardWrapper .card .balloon.discount p {
  color: #ffffff;
}
/* line 322, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark p.discount {
  color: #ffffff;
}
/* line 325, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark .ads li[data-type="mainDeal"] .cardWrapper .card .detailsGroup .secondary {
  border-right: 1px solid #2F2F2F;
}

/* line 332, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider.dark .pagArrow {
  background: #2F2F2F;
  border: 2px solid #2F2F2F;
}

/* line 337, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark .button p,
.ddslider.dark .pagArrow p {
  color: #ffffff;
}

/* line 342, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel .button:hover {
  background: #9d132b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d132b), color-stop(100%, #cc203c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9d132b 0%, #cc203c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9d132b 0%, #cc203c 100%);
  /* W3C */
}

/* line 346, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider.dark .pagArrow:hover {
  border: 2px solid rgba(0, 0, 0, 0.8);
  background: none;
}

/* line 351, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
.ddslider.dark .pagArrow:hover p {
  color: #000000;
}

/* line 355, ../../../../app/assets/stylesheets/wolfpack/blocks/adscarousel.css.scss */
#advertisingCarousel.dark h1,
.ddslider.dark h2,
.ddslider.dark p,
.ddslider.dark a {
  color: #2F2F2F;
}

/* ===================================
   DOCUMENT INFORMATION

   Defines the styles for purchase confirmation

   - Document: pages/website-pages/purchase_confirmation.css.scss
   - Version:  1
   - Author:   Deindeal
=================================== */
/*  Partials/imports
=============================== */
/* =========================================
   DOCUMENT INFORMATION

   Defines all mixins used on the website

   - Document: wolfpack/general/mixins.css.scss
   - Version:  0.1
   - Author:   Deindeal
======================================== */
/* ======================================
   DOCUMENT INFORMATION

   Defines the colors used on every view

   - Document: colors.css.scss
   - Version:  0.1
   - Author:   Deindeal
====================================== */
/*#e23636;*/
/*#ae1414;*/
/*) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 *)  Theme
 *) ----------------------------------------------------------------------------------------------------------------------------- */
/* line 26, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a {
  color: #2F2F2F;
}

/* line 27, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a:hover {
  color: #cc203c;
}

/* line 28, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a.active {
  color: #cc203c;
}

/* line 29, ../../../../app/assets/stylesheets/common/common_colors.css.scss */
a.active:hover {
  color: #2F2F2F;
}

/* line 19, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
body.checkout header .cart {
  display: none;
}

/* line 25, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation {
  background: #F2F2F2;
  height: 100%;
  padding-bottom: 100px;
  padding-top: 10px;
}
/* line 34, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation h1 {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  line-height: 28px;
  color: #000000;
}
/* line 42, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation p.emailAlert {
  /*color: $defaultColor;*/
}
/* line 53, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary {
  margin-top: 10px;
}
/* line 56, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary .couponTitle {
  float: left;
  clear: both;
}
/* line 61, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary .couponPdf {
  float: left;
  clear: both;
  margin: 5px 0px;
}
/* line 66, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary .footer {
  top: 0px;
}
/* line 69, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary .footer .couponDetails {
  float: left;
  width: 340px;
  padding: 0px 10px;
  border-top: 0px;
}
/* line 76, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary .footer .couponDetails p {
  color: #cc203c;
  font-size: 14px;
  line-height: 22px;
}
/* line 83, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary .vat p {
  font-size: 12px;
}
/* line 88, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .priceInformation p.finalPrice {
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
}
/* line 94, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation table.cart th.first {
  width: 650px;
}
/* line 99, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .summaryFooter {
  border-top: 1px solid #F2F2F2;
}
/* line 103, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .availableCredits {
  float: left;
  width: 400px;
}
/* line 106, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .availableCredits span {
  font-weight: 600;
  font-size: 16px;
}
/* line 112, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .myOrders {
  float: right;
  width: 500px;
}
/* line 116, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .myOrders a {
  float: right;
  font-weight: bold;
}
/* line 121, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .myOrders a.controls.button {
  color: white;
}
/* line 125, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .myOrders .controls {
  width: 22px;
  height: 22px;
  line-height: 20px;
  padding: 0px;
  border-radius: 11px;
  float: right;
  margin: 0px 0px 0px 10px;
}
/* line 133, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .contentBox.deliveryInformation h1 {
  font-weight: normal;
}
/* line 137, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .contentBox.deliveryInformation h3 {
  margin-top: 20px;
  font-weight: 600;
}
/* line 145, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .deliveryInformation .deliveryAddress {
  width: 100%;
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F3F3F3;
  margin: 20px 0px;
  padding-bottom: 20px;
}
/* line 153, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .deliveryInformation p.deliveryInformation {
  width: 75%;
}
/* line 158, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .go-back-to-shopping {
  float: right;
  margin-top: 20px;
}
/* line 164, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
#paymentConfirmation .cart-summary tbody {
  vertical-align: middle;
}

/* line 169, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
.contentBox.deliveryInformation {
  margin-top: 20px;
}

/* line 174, ../../../../app/assets/stylesheets/wolfpack/pages/website-pages/purchase_confirmation.css.scss */
iframe[src*="adclear.deindeal.ch"] {
  position: absolute;
}

/*
 * LOADING VIEW
 */
/* line 89, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.loadingView {
  width: 100%;
  height: 300px;
  float: left;
}

/* line 90, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.loadingView .loadingOverlay {
  display: block;
  position: relative;
}

/* line 96, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
#spa__main {
  overflow: hidden;
}

/* Remove backgrounds from live channel */
/* line 100, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.channel-live #spa__main {
  background: none;
}

/* line 103, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.tablet #spa__main {
  background: none;
}

/* line 106, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.channel-ou #spa__main {
  background: #fff;
}

/* line 109, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
body.checkout {
  background-color: #f2f2f2;
}

/* line 113, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.tablet .-snapengage-tab,
.tablet .-snapengage-chat-container {
  display: none !important;
}

/* line 118, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.whiteBG {
  background-color: #ffffff;
  margin-top: 0px !important;
  padding: 20px;
}

/* line 123, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.faq {
  float: left;
}

/* line 126, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.terms li {
  background: url("http://media.deindeal.ch/production/static_assets/common/content/list_icon_red.png") 0 9px no-repeat;
  padding: 0 0 0 15px;
}

/* line 127, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.tr {
  width: 100%;
}

/* line 128, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.tg {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #ccc;
}

/* line 129, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.tg td {
  font-size: 14px;
  padding: 10px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: #ccc;
  color: #333;
  background-color: #fff;
}

/* line 130, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.tg th {
  font-size: 14px;
  font-weight: normal;
  padding: 10px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: #ccc;
  color: #333;
  background-color: #eee;
}

/* line 131, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.tg .tg-e3zv {
  font-weight: bold;
}

/* line 133, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.staticContent {
  color: #000;
}

/* line 136, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.staticContent iframe {
  margin: 10px 0 0;
}

/* line 139, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.staticContent h1 {
  font-size: 24px;
  margin: 20px 0;
  line-height: 1.35;
}

/* line 144, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.staticContent h2 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* line 149, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.staticContent h3.subtitle {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: bold;
}

/* line 155, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.staticContent p.list {
  margin-bottom: 0px;
}

/* line 158, ../../../../app/assets/stylesheets/wolfpack/general/base.css.scss.erb */
.staticContent .em {
  font: 15px Georgia, sans-serif;
  font-style: italic;
  line-height: 20px;
  margin-bottom: 0;
}

/*
======================================================================
   DOCUMENT INFORMATION

   Defines the styles for the recommended product box (bestsellers,
   sailthru)

   - Document: recommended_product_box.css.scss
   - Version:  0.1
   - Author:   Deindeal
====================================================================== */
/*
======================================================================
  Recomended Box List: All variations
====================================================================== */
/* Default size */
/* line 25, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
ul.recommended-boxes {
  overflow: hidden;
}
/* line 28, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
ul.recommended-boxes li {
  float: left;
  width: 180px !important;
  height: 250px;
  margin-left: 24px;
}
/* line 34, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
ul.recommended-boxes li:first-child {
  margin-left: 0px;
}

/* Small size */
/* line 40, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
ul.recommended-boxes.small li {
  width: 104px;
  height: 192px;
}
/* line 43, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
ul.recommended-boxes.small li .adultText {
  top: 30px;
}

/*
======================================================================
  Recomended Box
====================================================================== */
/* line 53, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 59, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .fa {
  font-size: 14px;
}
/* line 64, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box.checkboxEnabled.disabled .image {
  opacity: 0.4;
}
/* line 65, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box.checkboxEnabled.disabled span {
  color: #CACACA;
}
/* line 66, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box.checkboxEnabled.disabled i {
  color: #2f2f2f;
}
/* line 69, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .image {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 80px;
  box-sizing: border-box;
}
/* line 75, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .image .img-holder {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* line 81, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .content {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #2F2F2F;
}
/* line 87, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .content .title {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  height: 29px;
  font-size: 12px;
  line-height: 16px;
  margin-top: 5px;
  padding: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
/* line 97, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .content .title .fa {
  padding-right: 2px;
}
/* line 99, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .content .title .fa.fa-check-square {
  color: #cc203c;
}
/* line 105, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .content .discount {
  display: block;
  color: #cc203c;
  text-align: left;
  font-weight: 600;
}
/* line 112, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
.recommended-box .content .price {
  font-weight: 600;
  font-size: 14px;
  margin-top: 4px;
}

/*
======================================================================
  OVERRIDE FIXES
====================================================================== */
/* line 124, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
#bestSellers ul.recommended-boxes.small li {
  margin-left: 0px;
}

/* line 126, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_box.css.scss */
#titleBarBoxalinoCoupons, #titleBarBoxalinoProducts {
  display: none;
}

/*
======================================================================
   DOCUMENT INFORMATION

   Defines the styles for the recommended slider (boxalino)

   - Document: recommended_slider.css.scss
   - Version:  0.1
   - Author:   Deindeal
====================================================================== */
/*
======================================================================
  Recomended slider: Arrows and holders
====================================================================== */
/* line 17, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation, #recommendationCoupons {
  max-width: 1000px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
/* line 22, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .title-bar h2, #recommendationCoupons .title-bar h2 {
  color: #2f2f2f;
}
/* line 25, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .bx-viewport, #recommendationCoupons .bx-viewport {
  overflow: visible !important;
  margin-left: -25px;
}
/* line 30, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .recommended-boxes li, #recommendationCoupons .recommended-boxes li {
  margin-left: 25px;
}
/* line 34, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .pagArrow, #recommendationCoupons .pagArrow {
  background-color: #bababa;
}
/* line 36, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .pagArrow p, #recommendationCoupons .pagArrow p {
  color: #fafafa;
}
/* line 40, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .pagArrow:hover p, #recommendationCoupons .pagArrow:hover p {
  color: #fafafa;
}
/* line 41, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .pagArrow:hover, #recommendationCoupons .pagArrow:hover {
  border: 2px solid #bababa;
  background: #bababa;
}
/* line 46, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .right,
#recommendation .left, #recommendationCoupons .right,
#recommendationCoupons .left {
  height: 60px !important;
  width: 60px !important;
  margin-top: -50px;
}
/* line 53, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .left, #recommendationCoupons .left {
  left: -32px;
}
/* line 57, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .right, #recommendationCoupons .right {
  right: -32px;
}
/* line 61, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .right p, #recommendationCoupons .right p {
  margin-right: 30px;
  margin-top: 3px;
}
/* line 66, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
#recommendation .left p, #recommendationCoupons .left p {
  margin-left: 30px;
  margin-top: 3px;
}

/* line 72, ../../../../app/assets/stylesheets/wolfpack/blocks/crossselling/recommended_slider.css.scss */
.recommendationsBoxalino.recommendations {
  visibility: visible;
}

/*  Overwrites
================================= */
/* line 23, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channelViewMerchandise.channel .mainArea {
  position: relative;
  margin-top: 0px;
}

/* this is not really necesary  */
/* line 30, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.lang-fr ul.list li.collection .footer .secondary p.top {
  font-size: 8px;
}

/*  Home
================================= */
/*
* General styles for the home page
*/
/* line 37, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channelViewMerchandise {
  margin-top: 20px;
}

/* line 41, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#homepage-fullwidth {
  margin-top: 10px;
}

/* line 46, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.section .viewAll {
  float: left;
  font-size: 14px;
  line-height: 48px;
  margin-left: 10px;
}

/*  Homepage navigation
================================= */
/* line 55, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.homepage-nav {
  clear: left;
  width: 232px;
  overflow: hidden;
  float: left;
  padding: 0;
  background: #fafafa;
  margin-right: 24px;
  height: 364px;
}
/* line 65, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.homepage-nav a {
  padding: 0 10px;
  display: block;
  line-height: 52px;
}

/*  Channel Boxes
================================= */
/* line 76, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 84, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box img {
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 90, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(30%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
}
/* line 103, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer h2 {
  font-size: 16px;
  line-height: 18px;
  margin: 50px 0 4px 6px;
  color: #fff;
  font-weight: bold;
}
/* line 111, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer h3 {
  display: none;
}
/* line 115, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer .pricing {
  float: right;
  margin-right: 10px;
  border-right: 1px solid #FFF;
  padding-right: 10px;
  margin-bottom: 7px;
}
/* line 123, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer .pricing.last {
  margin-right: 6px;
  border-right: 0px;
  padding-right: 0px;
}
/* line 129, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer .top {
  text-align: right;
  font-size: 10px;
  line-height: 11px;
}
/* line 135, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer .bottom {
  text-align: right;
  font-size: 14px;
  line-height: 15px;
}
/* line 141, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer .discount {
  font-size: 30px;
  position: absolute;
  left: 7px;
  bottom: 4px;
}
/* line 147, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.box footer.footer .discount .percent {
  font-size: 20px;
  margin-left: -6px;
}

/* line 156, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes {
  position: relative;
  height: 364px;
  width: 744px;
  /*  Boxes */
  /* Channel Slider */
}
/* line 162, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes #box-1 {
  position: absolute;
  width: 300px;
  height: 180px;
  top: 0;
  left: 0;
}
/* line 170, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes #box-2 {
  position: absolute;
  width: 300px;
  height: 180px;
  top: 184px;
  left: 0;
}
/* line 179, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes #channelCarousel {
  position: absolute;
  width: 440px;
  height: 364px;
  top: 0px;
  left: 304px;
  overflow: hidden;
  display: none;
}
/* line 188, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes #channelCarousel .bx-wrapper li {
  width: 440px;
  height: 364px;
}
/* line 193, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes #channelCarousel .bx-wrapper li a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
/* line 199, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes #channelCarousel .bx-wrapper li img {
  width: initial;
  height: 100%;
  display: block;
}
/* line 208, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .pagination {
  text-align: center;
  position: absolute;
  bottom: 5px;
  width: 60px;
  left: 50%;
  margin-left: -30px;
}
/* line 216, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .pagination li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
  border: 1px solid #FFF;
}
/* line 225, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .pagination li.selected {
  background: #FFF;
}
/* line 231, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .countdown {
  padding: 6px 10px 0 10px;
}
/* line 235, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .corner {
  display: none;
}
/* line 239, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .right,
#channel-boxes .ddslider .left {
  height: 60px !important;
  width: 60px !important;
  margin-top: -32px;
}
/* line 246, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .left {
  left: -32px;
}
/* line 249, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .left p {
  margin-left: 30px;
  margin-top: 3px;
}
/* line 255, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .right {
  right: -32px;
}
/* line 258, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#channel-boxes .ddslider .right p {
  margin-right: 30px;
  margin-top: 3px;
}

/*  Collections on home
================================= */
/*
* General wrapper for collections on home
*/
/* line 272, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.collection-holder {
  height: 240px;
  width: 100%;
}

/* line 277, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.channel .mainArea.collections ul.list.collections {
  width: 100%;
}

/*
* li:nth-child(4n+4): Removes right margin + add left
* it is too specific, needs tests to remove specificity
*/
/* line 287, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#homepage-fullwidth ul.list.collections li:nth-child(4n+4) {
  margin: 0px 0px 24px 24px;
}

/*  Featured products
================================= */
/* line 295, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.home-wide-box {
  margin: 0 0 22px;
  position: relative;
  height: 364px;
}

/* line 301, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product {
  position: relative;
  margin-bottom: 24px;
  height: 364px;
}
/* line 306, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .box {
  width: 680px;
  height: 364px;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 314, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .channel-highlights {
  position: absolute;
  width: 300px;
  height: 364px;
  top: 0px;
  left: 700px;
  overflow: hidden;
  display: none;
}
/* line 323, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .channel-highlights ul {
  width: 290px;
}
/* line 327, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .channel-highlights li {
  height: 108px;
}
/* line 330, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .channel-highlights li .details {
  padding-top: 5px;
}
/* line 333, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .channel-highlights li .details .description {
  font-size: 12px;
  font-weight: 600;
}
/* line 338, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .channel-highlights li .details .price {
  font-size: 16px;
}
/* line 343, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product .channel-highlights li img {
  width: 98px;
  height: 107px;
}

/*
* Reversed feature product
*================
* For the moment we are not using this on the page
 */
/* line 358, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product.reverse .channel-highlights {
  left: 0;
}
/* line 360, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product.reverse .channel-highlights ul {
  float: left;
}
/* line 364, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.feature-product.reverse .box {
  left: 320px;
}

/* END */
/*
* Advertising Carousel
*==============
* Not present on this page
*/
/* line 376, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#advertisingCarousel .ads {
  height: 416px;
}

/* END */
/*  Bestseller
================================= */
/*
* As a note:
* This bestseller is in many places
* TODO: Find a DRY method to use this
*/
/* line 389, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder {
  margin-bottom: 24px;
  height: 272px;
}
/* line 393, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder .section {
  background: #fafafa;
  overflow: hidden;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 300;
  display: block;
}
/* line 402, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers {
  width: 100%;
  position: relative;
  height: 220px;
  overflow: hidden;
  /* wrappers:end */
}
/* line 408, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper {
  float: none;
}
/* line 411, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport {
  height: 220px !important;
}
/* line 414, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport ul {
  width: 1000px;
  position: relative;
  float: left;
  clear: both;
  height: auto;
}
/* line 422, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport li {
  width: 104px !important;
  padding: 12px;
  overflow: hidden;
}
/* line 428, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport li a .imageMiddle {
  white-space: nowrap;
  text-align: center;
  height: 115px;
}
/* line 433, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport li a .imageMiddle .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 439, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport li a .imageMiddle img {
  width: 100%;
  vertical-align: middle;
  max-height: 115px;
  max-width: 104px;
}
/* line 447, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport li a .title {
  color: #2f2f2f;
  font-size: 12px;
  line-height: 14px;
  width: 90px;
  text-align: left;
  margin-top: 5px;
}
/* line 456, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport li a .price {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-top: 4px;
  color: #2f2f2f;
}
/* line 464, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .bx-wrapper .bx-viewport li a .discount {
  color: #cc203c;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
}
/* line 477, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .pagArrow {
  background-color: #bababa;
}
/* line 479, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .pagArrow p {
  color: #fafafa;
}
/* line 483, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .pagArrow:hover {
  border: 2px solid #bababa;
  background: #bababa;
}
/* line 487, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .pagArrow:hover p {
  color: #fafafa;
}
/* line 494, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .right,
#bestSellersHolder #bestSellers .left {
  height: 60px !important;
  width: 60px !important;
  margin-top: -32px;
}
/* line 501, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .left {
  left: -32px;
}
/* line 503, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .left p {
  margin-left: 30px;
  margin-top: 3px;
}
/* line 509, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .right {
  right: -32px;
}
/* line 511, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#bestSellersHolder #bestSellers .right p {
  margin-right: 30px;
  margin-top: 3px;
}

/*  Travel + Gourmet carousels
================================= */
/* line 522, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel,
#gourmetCarousel {
  height: 316px;
  width: 1000px;
  overflow: hidden;
}
/* line 528, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel .img-holder,
#gourmetCarousel .img-holder {
  background-size: cover;
}
/* line 532, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel .right,
#travelCarousel .left,
#gourmetCarousel .right,
#gourmetCarousel .left {
  height: 60px !important;
  width: 60px !important;
  margin-top: -80px;
  background-color: #bababa;
}
/* line 540, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel .left,
#gourmetCarousel .left {
  left: -32px;
}
/* line 542, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel .left p,
#gourmetCarousel .left p {
  margin-left: 30px;
  margin-top: 3px;
  color: #fafafa;
}
/* line 549, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel .right,
#gourmetCarousel .right {
  right: -32px;
}
/* line 551, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel .right p,
#gourmetCarousel .right p {
  margin-right: 30px;
  margin-top: 3px;
  color: #fafafa;
}
/* line 558, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#travelCarousel .pagArrow:hover,
#gourmetCarousel .pagArrow:hover {
  border: 2px solid #bababa;
}

/*
* Details about this carousel
*==========================
* 1.  On tablet disable ballon
*
* 2.  Inner carousel for travel + wine
*   - define the general homepage carousel
*   - general styles to be used for any channel
*/
/* line 576, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.tablet ul.homepage-carousel li a:hover .balloon {
  display: none;
}

/* line 583, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel {
  clear: left;
}
/* line 586, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li {
  width: 488px !important;
  float: left;
  margin: 0px 24px 24px 0px;
}
/* line 592, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li.action {
  display: none;
}
/* line 596, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li:nth-child(2n+2) {
  margin: 0px 0px 24px 0px;
}
/* line 600, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer {
  overflow: hidden;
  padding: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
/* line 607, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer h2 {
  color: #2f2f2f;
  font-size: 18px;
  width: 475px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 616, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .price {
  float: right;
}
/* line 619, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .price .start-from {
  font-size: 11px;
}
/* line 622, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .price .price-units {
  font-size: 22px;
}
/* line 627, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .value {
  float: right;
  margin-right: 10px;
  border-right: 1px solid #eeeeee;
  padding-right: 10px;
  padding-top: 4px;
}
/* line 634, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .value .originalPrice {
  color: #cc203c;
  font-size: 11px;
}
/* line 638, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .value .strike {
  font-size: 14px;
}
/* line 643, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .sold-count {
  float: left;
  padding-top: 3px;
}
/* line 647, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel li .footer .sold-count .sold-count-bought {
  font-size: 11px;
}
/* line 655, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel a {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #2f2f2f;
}
/* line 660, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel a .img-holder {
  width: 486px;
  height: 220px;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 668, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel a .balloon {
  position: absolute;
  top: 140px;
  left: 20px;
  display: none;
}
/* line 676, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel a:hover .balloon {
  display: block;
}
/* line 683, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
ul.homepage-carousel .content {
  position: relative;
  width: 486px;
  height: 220px;
}

/* line 692, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.section-divider {
  height: 50px;
  text-align: right;
  padding: 0 6px;
  clear: both;
}

/* line 699, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
.section-divider a {
  color: #cc203c;
}

/*  Recommendation carousel
================================= */
/* line 705, ../../../../app/assets/stylesheets/wolfpack/pages/home.css.scss */
#recommendation,
#recommendationCoupons {
  margin-bottom: 30px;
}