@-webkit-keyframes hdNavStoreDown{
    from { top:-14px  }
    to { top:-7px }
}
@keyframes hdNavStoreDown{
    from { top:-14px  }
    to { top:-7px }
}

#hd_c_nav li.hd_c_nav_mea span { position:relative; overflow: hidden }
#hd_c_nav li.hd_c_nav_mea:hover i { position: absolute; width: 13px; height: 13px; border: 1px solid #fff; top:-20px; left:0; border-radius: 14px; -webkit-animation:hdNavStoreDown 0.3s; -webkit-animation-fill-mode: forwards;  -moz-animation:hdNavStoreDown 0.3s; -moz-animation-fill-mode: forwards;  -o-animation:hdNavStoreDown 0.3s; -o-animation-fill-mode: forwards; -webkit-animation:hdNavStoreDown 0.3s; animation:hdNavStoreDown 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;  }
    #hd_c_nav li.hd_c_nav_mea i:nth-child(2) { left:-8px; }
    #hd_c_nav li.hd_c_nav_mea i:nth-child(3) { left:6px;  -webkit-animation-delay: 0.05s; animation-delay: 0.05s;  }
    #hd_c_nav li.hd_c_nav_mea i:nth-child(4) { left:20px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
    #hd_c_nav li.hd_c_nav_mea i:nth-child(5) { left:34px; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
    #hd_c_nav li.hd_c_nav_mea i:nth-child(6) { left:48px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
    #hd_c_nav li.hd_c_nav_mea i:nth-child(7) { left:62px; -webkit-animation-delay: 0.25s; animation-delay: 0.25s;  }
    #hd_c_nav li.hd_c_nav_mea i:nth-child(8) { left:76px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.with_darkMenu #hd_c_nav li.hd_c_nav_mea:hover i { border-color: #2d130e }
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}

/*
####### RESET #######
*/
html,body,img,ul,ol,li,em,strong,table,tr,th,td,hr,a,h1,h2,h3,input,p,span, figure { margin:0; padding:0; list-style: outside none none; font-weight:normal; font-style:normal; box-sizing: border-box }
img,a,input,textarea,table,tr,th,td,hr, button, a { border:none; outline: 0 }
a { text-decoration: none; display: block; color: #fff }
table { width: 100%; border-collapse: collapse; border-spacing: 0 }
input[type='submit'], button[type='submit'] { cursor: pointer; font-family: 'Source Sans Pro' }

/*
####### STRUCTURE #######
*/
body { font: 400 13px/20px 'Source Sans Pro'; color: #fff; background: #2b1e1d; position: relative; background-repeat:no-repeat;background-position:top center; }
#wp {}
#ct { width: 940px; margin: 0 auto }

@media (max-width: 940px) {
	#ct { width: 100% }
}
.contact_tab_header{
	font-weight: bold;
	border: 1px solid;
	padding: 5px;
	background-color: lightblue;
}

#legalcookie { background:#1f1514; color: white; letter-spacing:1px; font-size:11px;  -webkit-transition:all 1s; transition:all 1s; box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 0;

}
    #legalcookie a:not(.classButton) { display:inline; text-decoration: underline; color:#94908d;cursor: pointer;}
    #legalcookie.hide { opacity:0; -webkit-transform: translate(0,-100px); -ms-transform: translate(0,-100px); transform: translate(0,-100px);  }


@media (max-width: 940px) {
	#legalcookie {
		flex-direction: column;
		padding: 0;
	}

	.legalcookie-content:first-child div {
		padding-bottom: 0;
	}
}
.legalcookie-content {
	display: flex;
	align-items: center;
	justify-content: center;
}
.legalcookie-content div {
	padding: 20px;
}

.classButton {
	padding: 9px;
	font-size: 15px;
	font-weight: 600;
	background: #55bfcf;
	text-decoration: none;
	letter-spacing: 0;
	cursor: pointer;
}
.classButton:hover,
.classButton:focus {
	opacity: .8;
}
/* ----------------- */

#legalcookie_form  { background: #f8f8f8;color: black;position: relative;display: flex; }

#legalcookie_form_tab { display: block;width: 35%;padding: 2% 2% 8% 2%;float: left;background: white;box-shadow: 0 0 30px 0 rgba(35,35,35,.1); }
	#legalcookie_form_tab figure { text-align: center;	margin-bottom: 20px; display: block; }
	#legalcookie_form_tab figure img { max-width: 100%; }

	#legalcookie_form_tab li {
		display: block;
		vertical-align: middle;
	}
	#legalcookie_form_tab li a {
		padding: 16px 20px;
		font-size: 13px;
		line-height: 13px;
		color: #958f8e;
		text-transform: uppercase;
		border: 1px solid #958f8e;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
		-webkit-transition: color 500ms ease, border-color 500ms ease;
		transition: color 500ms ease, border-color 500ms ease;

		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
	}

	#legalcookie_form_tab li.active a,
	#legalcookie_form_tab li a:hover { border-color: #55bfcf; color: #55bfcf; }

	#legalcookie_form_tab li a:before {
		content: '';
		display: block;
		width: 8px;
		height: 12px;
		background: url(../bundles/westjdbintegration/css/i/contact_big_stripe.png) no-repeat 0 0;
		position: absolute;
		right: 6px;
		top: 50%;
		margin-top: -6px;
		opacity: 0;
		-webkit-transition: bottom 350ms ease, opacity 350ms ease;
		transition: bottom 350ms ease, opacity 350ms ease;
	}

	#legalcookie_form_tab li.active a:before,
	#legalcookie_form_tab li a:hover:before {
		right: 12px;
		opacity: 1;
	}

	#legalcookie_form_tab li a i { margin-right: 20px; font-size: 1.5em; }


#legalcookie_form_panel { display: block;width: 53%; padding:2% 4%;float: left; }

	#legalcookie_form_panel .popin_n_h { padding: 0; margin-bottom: 20px; }
	#legalcookie_form_panel .popin_n_h h2 { text-align: center;font: 600 20px/24px 'Source Sans Pro';color: #2b1e1d;padding: 0.8em 0; }

	#legalcookie_form_panel .popin_n_c {padding-bottom: 0;}
	#legalcookie_form_panel label,
	#legalcookie_form_panel p { letter-spacing: 1px; margin-bottom: 1em; }
	#legalcookie_form_panel label { text-transform: uppercase; width: 100%; }
		#legalcookie_form_panel label b { line-height: 30px; }

	#legalcookie_form_panel .tab-pane { display: none; }
		#legalcookie_form_panel .tab-pane.active { display: block; }

	#legalcookie_form_panel .fade { opacity: 0;	-webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear;	transition: opacity .15s linear; }
	#legalcookie_form_panel .fade.in { opacity: 1; }

	#legalcookie_form_panel .popin_n_c a { float: none; display: inline; width: auto; text-decoration: underline; }

	#legalcookie_form_panel dt { font-style: oblique;}
	#legalcookie_form_panel dd { margin-inline-start:20px;margin-bottom: 0.5em;letter-spacing: 1px; }



#modal-content-cookie .popin_n_f { position: absolute; left: 2%; width: 35%;	bottom: 5%; }
#modal-content-cookie .popin_n_f button { width: 100%; }

/* ----------------------- */


@media (max-width: 940px) {
	#legalcookie { padding: 20px 60px 20px 20px }
}


@media (max-width: 629px) {
	#legalcookie_form { display: block;}
	#legalcookie_form_tab { display: block;width: auto;float: none;}

	#legalcookie_form_tab ul { display: flex; justify-content: center; }
	#legalcookie_form_tab li a { margin: 0 5px 5px 5px; }

	#legalcookie_form_tab li a:before {
		width: 11px;
		height: 5px;
		background: url(../bundles/westjdbintegration/css/i/product_c_list.png) no-repeat 0 0;
		bottom: 16px;
		left: 50%;
		margin-left: -5px;

		right: auto;
		top: auto;
		margin-top: auto;
	}

	#legalcookie_form_tab li.active a:before,
	#legalcookie_form_tab li a:hover:before {
		right: auto;
		bottom: 6px;
		opacity: 1;
	}
	#legalcookie_form_tab li a span { display: none; }
	#legalcookie_form_tab li a i { margin-right: auto;}

	#legalcookie_form_panel { display: block;width: auto;float: none;}
	#legalcookie_form_panel .tab-pane { height: auto !important;}

	#modal-content-cookie .popin_n_f {
		display: block;
		width: auto;
		position: relative;
		float: none;
		left: auto;
		right: auto;
		padding: 2%;
	}
}
@media (max-width: 330px) {
	#legalcookie_form_tab li a { padding: 10px; }
}

/* ------------------- */

.switch {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 30px;
	vertical-align: middle;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: red;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 30px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .slider {
	background-color: #2e9935;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2e9935;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

input:disabled + .slider {
	background-color: #958f8e;
}

/* ------------------- */

    
#hd { width: 940px; margin: 0 auto; position: relative; z-index: 15 }
	#hd_h { padding: 23px 0; overflow: hidden;padding-left: 10px; }
	#hd_h:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
		#hd_h_actions { float: right; }
		#hd_c #hd_h_actions { margin-top: 30px;padding: 16px 0; }
		#hd_h_actions li { display: inline-block; margin-right: -4px }
			#hd_h_actions li:last-child { margin-right: 0 }
				#hd_h_actions li a { font-size: 10px; line-height: 15px; color: #50bbc1; text-transform: uppercase; padding: 0 17px; border-left: 1px solid #1f4f52; -webkit-transition: color 500ms ease, background-position 500ms ease, opacity 500ms ease; transition: color 500ms ease, background-position 500ms ease, opacity 500ms ease }
				#hd_h_actions li:first-child a { border-left: 0px none;}
				#hd_h_actions li a:hover { color: #fff }
				#hd_h_actions li.hd_h_actions_basket a { padding-left: 40px; background: url('../bundles/westjdbintegration/css/i/hd_h_actions_basket.png') no-repeat 14px 0 }
				#hd_h_actions li.hd_h_actions_basket a:hover { background-position: 14px -47px }
#hd_h_actions div.submenu {
	position: absolute;
	background-color: #2b1e1d;
	padding: 10px;
	width: 140px;
	border: 1px solid #1f4f52;
	/* top: 0; */
	right: 0;
	z-index: 1;
}
#hd_h_actions li div.submenu { display: none; }
#hd_h_actions li:hover div.submenu { display: block;}
#hd_h_actions li div.submenu:hover { display: block;}
#hd_h_actions div.submenu li { display: block;margin: 5px; }
#hd_h_actions div.submenu li a { border-left: 0px none; }
		#hd_h_socials { float: right; padding-right: 12px }
			#hd_h_socials li { display: inline-block; vertical-align: middle }
				#hd_h_socials li a { background: url('../bundles/westjdbintegration/css/i/hd_h_socials.png') 0 0 no-repeat; height: 14px; -webkit-transition: background-position 350ms ease-in-out, opacity 350ms ease; transition: background-position 350ms ease-in-out, opacity 350ms ease; opacity: .5; margin: 0 7px }
				#hd_h_socials li a:hover { opacity: 1 }
				#hd_h_socials li.fb a { width: 6px; background-position: 0 0 }
					#hd_h_socials li.fb a:hover { background-position: 0 -19px }
				#hd_h_socials li.tw a { width: 13px; background-position: -12px 0 }
					#hd_h_socials li.tw a:hover { background-position: -12px -19px }
				#hd_h_socials li.gp a { width: 13px; background-position: -27px 0 }
					#hd_h_socials li.gp a:hover { background-position: -27px -19px }
				#hd_h_socials li.pin a { width: 12px; background-position: -44px 0 }
					#hd_h_socials li.pin a:hover { background-position: -44px -19px }
				#hd_h_socials li.ins a { width: 12px; background-position: -62px 0 }
					#hd_h_socials li.ins a:hover { background-position: -62px -19px }
	#hd_c { padding-bottom: 20px; position: relative;text-align: center; }
	#hd_c:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
		#hd_c_mobile { width: 30px; height: 20px; background: url('../bundles/westjdbintegration/css/i/hd_c_mobile.png') 0 0 no-repeat; position: absolute; top: 25px; left: 20px; display: none }
		#hd_c_logo { width: 250px; margin-top: 30px; float: left; padding-top: 52px; background: url('../bundles/westjdbintegration/css/i/hd_c_logo_1x_new.png') no-repeat 0 0; background-size: 100%; text-indent: -999px }
		#hd_c_nav { float: right }
			#hd_c_nav li { display: inline-block; vertical-align: middle; position: relative }
			#hd_c_nav li.hd_c_nav_home { display: none }
				#hd_c_nav li a { width: 90px; height: 80px; border: 1px solid rgba(85,191,207,.2); padding: 2px; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #55bfcf; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
				#hd_c_nav li a span { width: 84px; height: 74px; border: 1px solid rgba(85,191,207,.5); display: block; position: relative; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease }
				#hd_c_nav li a span strong span.hd_c_nav_martial { width: 63px; height: 19px; display: block; background: url('../bundles/westjdbintegration/css/i/hd_c_nav_martial.png') 0 0 no-repeat; border: 0; margin: 0 0 3px 0; padding: 0 }
				#hd_c_nav li a:hover span { border: 1px solid rgba(85,191,207,1) }
				#hd_c_nav li.sel a span { background-color: #397077 }
				#hd_c_nav li.hd_c_nav_mea a { border: 1px solid rgba(255,255,255,.2); color: #fff }
					#hd_c_nav li.hd_c_nav_mea a span { border: 1px solid rgba(255,255,255,.5) }
					#hd_c_nav li.hd_c_nav_mea a:hover span { border: 1px solid rgba(255,255,255, 1) }
					#hd_c_nav li a strong { width: 100%; position: absolute; bottom: 0; display: inline-block; padding: 0 8px 10px }
					#hd_c_nav li:first-child a strong { padding: 0 6px 10px }
						#hd_c_nav li a strong i { display: block; position: absolute; bottom: 4px; right: 4px; width: 5px; height: 3px; background: url('../bundles/westjdbintegration/css/i/hd_c_nav.png') 0 0 no-repeat }
						#hd_c_nav li a strong img { margin-left: -5px }

		#hd_c_nav.active { display: block !important; float: inherit; width: 250px; margin: 60px auto }
			#hd_c_nav.active li a { margin-right: 12px; margin-bottom: 12px }
			#hd_c_nav.active li:nth-child(2n+2) a { margin-right: 15px }

			#hd_c_nav.active li ul { display: none }

				/* submenu */
				#hd_c_nav li ul { position: absolute; background: #397077; padding: 20px; width: 200px; top: 105px; left: 3px; opacity: 0; -webkit-transition: visibility 350ms ease, opacity 300ms ease, top 350ms ease; transition: visibility 350ms ease, opacity 300ms ease, top 350ms ease; visibility: hidden }
				#hd_c_nav li:hover ul { opacity: 1; top: 85px; visibility: visible; -webkit-transition-delay: 0; transition-delay: 0 }
					#hd_c_nav li ul li { display: block }
						#hd_c_nav li ul li a { font-size: 12px; color: #fff !important; border: 0; width: inherit; height: inherit; padding: 0; margin-top: 9px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
						#hd_c_nav li ul li a:hover { opacity: .6 }
						#hd_c_nav li ul li:first-child a { margin-top: 0 }

			#hd_c_basket { width: 21px; height: 25px; background: url('../bundles/westjdbintegration/css/i/hd_c_basket.png') 0 0 no-repeat; position: absolute; top: 21px; right: 20px; display: none }

	#hd #hd_c_logo { float: none;overflow: hidden;background-position: center top;}
	#hd .hd_c_baseline {
		display: block;
		font-size: 20px;
		color: white;
		text-transform: uppercase;
		letter-spacing: 0.4em;
		text-indent: 0;
		padding-top: 5px;
		padding-bottom: 10px;
		min-width: 250px;
	}


	@media (min-width: 599px) {
		#hd #hd_c_logo { display: inline-block; }
	}

	@media (max-width: 979px) {
		#hd_h { padding-bottom: 0 }
		#hd_c { padding: 20px 15px }
			#hd_c_logo { float: none; margin: 0 auto; padding-bottom: 15px }
			#hd_c_nav { float: none; width: 650px; margin: 0 auto }
	}

	@media (max-width: 699px) {
		#hd_c { padding: 20px 0; }
			#hd_c_mobile { display: block }
			#hd_c_logo { width: 160px; padding-top: 0; margin: 0 auto; background-image: url('../bundles/westjdbintegration/css/i/hd_c_logo_2x.png') }
			#hd_c_nav { display: none }
			#hd_c_nav.active { display: block }
				#hd_c_nav li a { width: 110px; height: 110px }
				#hd_c_nav li.hd_c_nav_home { display: inline-block }
					#hd_c_nav li a span { width: 104px; height: 104px; border: 1px solid rgba(85,191,207,.5); display: block; position: relative; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease }
					#hd_c_nav li a span i:first-child { display: none }
			#hd_c_basket { display: block }
		#hd_h { padding-top: 120px;padding-bottom: 10px; text-align: center; }
			#hd_h_socials { display: none }
			#hd_h_actions { text-align: center; width: 100% }
			#hd_c #hd_h_actions { margin:0; padding: 20px 0 8px 0; }
				#hd_h_actions li:first-child a { border-left: 0 }
				#hd_h_actions li.hd_h_actions_basket { display: none }
	}
	@media (max-height: 560px) and (max-width:699px) { /* Menu for small height devices */
            #hd_c_nav ul { text-align: center }
            #hd_c_nav li { text-align: left }
            #hd_c_nav.active { width:auto; margin:60px 5px; }
            #hd_c_nav.active li:nth-child(2n+2) a,
            #hd_c_nav.active li a { width:90px; height:90px; margin-left:0; margin-right:6px; }
            #hd_c_nav li a span { width:84px; height:84px; }
            #hd_c_nav li:first-child a strong,
            #hd_c_nav li a strong { padding:0 4px 4px; }
        }

	#hd_f { padding-bottom: 20px;overflow: hidden; }
		#hd_f_breadcrumb { padding-left: 10px;float: left; }
			#hd_f_breadcrumb ol { }
				#hd_f_breadcrumb ol li { display: inline-block; vertical-align: middle; margin-right: -4px }
					#hd_f_breadcrumb ol li a { font: 400 11px/11px 'Source Sans Pro'; color: #6b6261; padding-right: 10px; -webkit-transition: color 500ms ease; transition: color 500ms ease }
					#hd_f_breadcrumb ol li a:after { padding-left: 10px; content: '\003e'; -webkit-transition: inherit; transition: inherit; color: #6b6261 }
					#hd_f_breadcrumb ol li a:hover { color: #55bfcf }
					#hd_f_breadcrumb ol li a:hover:after { color: #6b6261 }
					#hd_f_breadcrumb ol li.sel a, #hd_f_breadcrumb ol li:last-child a { color: #55bfcf; cursor: default }
					#hd_f_breadcrumb ol li.sel a:after, #hd_f_breadcrumb ol li:last-child a:after { content: '' }
	@media (max-width: 699px) {
		#hd_f { padding-bottom: 0 }
			#hd_f_breadcrumb { display: none }
	}

@media (min-width: 980px) {
	/* dark menu */					
	.with_darkMenu #hd {}
		.with_darkMenu #hd_h_socials li a { background-image: url('../bundles/westjdbintegration/css/i/hd_h_socials_dark.png'); opacity: .4 }
		.with_darkMenu #hd_h_socials li a:hover { opacity: 1 }
		.with_darkMenu #hd_h_actions li a { color: #2d130e; border-color: #2d130e }
		.with_darkMenu #hd_h_actions li a:hover { opacity: .6 }
		.with_darkMenu #hd_h_actions li.hd_h_actions_basket a { background-image: url('../bundles/westjdbintegration/css/i/hd_h_actions_basket_dark.png') }
		.with_darkMenu #hd_c_logo { background-image: url('../bundles/westjdbintegration/css/i/hd_c_logo_dark.png') }
			.with_darkMenu #hd_c_nav li a { border-color: rgba(45,19,14,.2); color: #2d130e }
			.with_darkMenu #hd_c_nav li a:hover { opacity: .6 }
				.with_darkMenu #hd_c_nav li a span { border-color: rgba(45,19,14,.4) }
				.with_darkMenu #hd_c_nav li a:hover span { border-color: rgba(45,19,14,1) }
				.with_darkMenu #hd_c_nav li.sel a span { background-color: rgba(45,19,14,.1) }
					.with_darkMenu #hd_c_nav li a strong i { background-image: url('../bundles/westjdbintegration/css/i/hd_c_nav_dark.png') }	
					.with_darkMenu #hd_c_nav li a span strong span.hd_c_nav_martial { background-image: url('../bundles/westjdbintegration/css/i/hd_c_nav_martial_dark.png') }
}
@media (max-width: 979px) {

	body.with_hpmea #wp {
		background: none !important;
	}

}


@media (max-width: 940px) {
	#hd { width: 100% }
}

#ft { background: #2b1e1d }
	#ft_w { width: 940px; margin: 0 auto; }
		#ft_links { padding-left: 180px; display: inline-block; vertical-align: top; margin-right: -2px; }
			#ft_links ul { display: inline-block; vertical-align: top; padding-left: 100px }
			#ft_links ul:first-child { padding-left: 0 }
				#ft_links ul li { }
					#ft_links ul li a { font: 10px/10px Verdana, Helvetica, sans-serif; text-transform: uppercase; margin-top: 20px; opacity: 0.5; color: #fff; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
					#ft_links ul li:first-child a { margin-top: 0 }
					#ft_links ul li a:hover { opacity: 1 }
		#ft_actions { display: inline-block; vertical-align: top; margin-left: 120px }
			#ft_actions_h { }
				#ft_actions_h form { position: relative }
				#ft_actions_h p { font: 10px/16px Verdana, Helvetica, sans-serif; text-transform: uppercase; opacity: 0.5; color: #fff; margin-bottom: 20px }
				/*#ft_actions_h p:first-child { opacity: 1; }*/
				/*#ft_actions_h p:first-child > a { font: 10px/10px Verdana, Helvetica, sans-serif; text-transform: uppercase; margin-top: 0; opacity: 0.5; color: #fff; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }*/
				/*#ft_actions_h p:first-child > a:hover { opacity: 1 }*/
				/*#ft_actions_h input[type='button'] { width: 30px; height: 30px; position: absolute; top: 0; right: 0; bottom: 0; background: url('i/ft_actions_h.png') center 11px no-repeat transparent; -webkit-transition: background 500ms ease; transition: background 500ms ease }*/
				/*#ft_actions_h input[type='text'] { width: 100%; border: 1px solid rgba(255,255,255,.5); height: 30px; padding: 0 30px 0 8px;  color: #fff; background: none; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; font-family: "Source Sans Pro"; }*/
				/*#ft_actions_h input[type='text']:focus { border-color: #fff }*/
				/*#ft_actions_h input[type='text']:focus + input[type='button'] { border-color: #fff; background-position: center -28px }*/
				/*#ft_actions_h input[type='text']::-webkit-input-placeholder { color: rgba(255,255,255,.3) }*/
				/*#ft_actions_h input[type='text']:-moz-placeholder { color: rgba(255,255,255,.3) }*/
				/*#ft_actions_h input[type='text']::-moz-placeholder { color: rgba(255,255,255,.3) }*/
				/*#ft_actions_h input[type='text']:-ms-input-placeholder { color: rgba(255,255,255,.3) }*/

#ft_actions_h p {
	border: 1px solid rgba(128,128,128,.5);
	display: inline-block;
	opacity: 1;
}

#ft_actions_h p:first-child > a {

	font: 10px/10px Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 15px;
	opacity: 0.5;
	color: #fff;

	/*background: url(i/hd_h_actions_basket.png) no-repeat 0px -47px;*/
	margin: 7px;
	/*padding-left: 20px;*/

	-webkit-transition: color 350ms ease,  opacity 500ms ease, border-color 500ms ease;
	transition: color 350ms ease, opacity 500ms ease, border-color 500ms ease;
}
#ft_actions_h p:first-child:hover {
	border: 1px solid rgba(85,191,207,.5);
}
#ft_actions_h p:first-child:hover > a {
	color: #50bbc1;
	opacity: 1;
	/*background: url(i/hd_h_actions_basket.png) no-repeat 0px 0px;*/
}


#ft_actions_c { padding-top: 17px }
				#ft_actions_c ul { float: left }
					#ft_actions_c ul li { width: 28px; height: 28px; text-align: center; border: 1px solid rgba(128,128,128,.5); margin-left: 10px }
					#ft_actions_c ul li:first-child { margin-left: 0 }
						#ft_actions_c ul li a { margin: 7px auto }
		#ft_f { padding: 45px 0; text-align: center }
			#ft_f p, #ft_f p a { font: 10px/18px Verdana; color: rgba(255,255,255,.2); text-transform: uppercase }
			#ft_f p.ft_f_mention { text-transform: none }
				#ft_f p a { display: inline; -webkit-transition: color 350ms ease; transition: color 350ms ease; padding: 0 10px; border-left: 1px solid rgba(255,255,255,.2) }
				#ft_f p a:hover { color: rgba(255,255,255,.5) }
				#ft_f p span { display: inline-block; padding-right: 10px }

@media (max-width: 940px) {
	#ft_w { width: 100%; background-position: 5% 50px }
		#ft_links { width: 50%; padding-left: 20% }
			#ft_links ul { padding-left: 10% }
			#ft_links ul:first-child { padding-left: 0 }
		#ft_actions { width: 25%; margin: 0; padding-right: 4% }
			#ft_actions_h { padding: 0 2% }
				#ft_actions_h input { width: 100% }
}

@media (max-width: 699px) {
	#ft_actions_c #hd_h_socials { display: block; float: none; width: 100%; text-align: center }
}

@media (max-width: 940px) {
	#ft { }
		#ft_w { padding-top: 80px; position: relative; background-position: center 10px; background-size: 80px }
			#ft_links { width: 100%; padding-left: 0 }
				#ft_links ul:first-child { display: none }
				#ft_links ul { padding-left: 0; display: block; width: 100%; text-align: center }
					#ft_links ul li a { margin-top: 35px }
			#ft_actions { width: 80%; margin-left: 0; margin-right: 0; padding: 0 10%; position: absolute; top: 120px; left: 0 }
				#ft_actions_h { text-align: center } 
					#ft_actions_h input { max-width: 70%; margin: 0 auto }
		#ft_f { padding: 45px 20px }
			#ft_f p { line-height: 20px }
		#ft_actions_h input[type='text'] { width: 218px }
}

/*
####### ELEMENTS COMMUNS ######
*/

.empty { color:#2b1e1d; text-align: center; background:url(../bundles/westjdbintegration/css/i/empty.png) no-repeat top center; padding-top:170px; margin:40px 0 }
		.empty_asOk { background-image: url(../bundles/westjdbintegration/css/i/empty_ok.png); padding-top: 230px }
        .empty_h { font-size:20px; font-weight:700; text-transform: uppercase; margin-bottom: 20px; letter-spacing:2px}
        .empty_c { font-size:13px; letter-spacing:1px; max-width: 50%; margin: 0 auto }
        .empty a { text-decoration: underline; display: inline; color:#2b1e1d;}
        
    @media (max-height:600px) {
        .empty { background-size:120px; padding-top:90px; margin:20px 0 }
        .empty_h { font-size:16px; margin-bottom:10px }
        .empty_c { max-width: 100% }
        .empty_asOk { background-image: url(../bundles/westjdbintegration/css/i/empty_ok.png); padding-top: 130px }
    }

.warning { color:#cf557a; font-style:italic; font-size:13px; letter-spacing:1px;  background:url(../bundles/westjdbintegration/css/i/warning.png) no-repeat 0 0; padding:0 0 0 60px; min-height: 40px; margin:30px 0; max-width:340px; } 

.flashbag { background:#1f1514; color:#94908d; letter-spacing:1px; font-size:11px; padding:20px; text-align: center; line-height:15px; -webkit-transition:all 1s; transition:all 1s; box-sizing: border-box}
    .flashbag_asOk { color:#93d611 }
    .flashbag_asKo { color:#f55 }
    
/*
####### CUSTOMS BLOC #######
*/
.hpmea { height: 245px;  }
	.hpmea img { width: 100%; display: block; display: none }

@media (max-width: 979px) {
	.hpmea { height: inherit; padding: 0 0 20px }
		.hpmea img { display: block }	
}

/* hpcarousel */
.hpcarousel { padding-bottom: 20px }

/* hppush */
.hppush {}
.hppush:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
	.hppush_tile { width: 220px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative }
	.hppush_tile_asTablet { color: #000; margin: 125px auto 0px; right: 20px; text-align: center; }
	.hppush_tile_asMartial { }
	.hppush_tile_asMartialadv { }
		.hppush_tile img { display: block; width: 100%; position: relative; z-index: 0 }
		.hppush_tile a { display: block; height: 100% }
		.hppush_tile_h { position: absolute; top: 20px; left: 20px; right: 20px }
			.hppush_tile_h h2 { font: 600 15px/15px 'Source Sans Pro'; text-transform: uppercase; letter-spacing: 1px }
		.hppush_tile_c { min-height: 80px; position: absolute; bottom: 0; left: 0; width: 100%;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.21)), color-stop(100%,rgba(0,0,0,0.51)));
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 30%, rgba(0,0,0,0.51) 100%);
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ) /* IE6-9 */
		}
	.hppush_cat {}
		.hppush_cat {}
	.hppush_mea { width: 460px }
		.hppush_mea .hppush_mea_play { width: 83px; height: 83px; position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: -42px; background: url('../bundles/westjdbintegration/css/i/hppush_mea_play.png') 0 0 no-repeat }
		.hppush_mea .hppush_tile_c {}
			.hppush_mea .hppush_tile_c h2 { font: 400 20px/24px 'Source Sans Pro'; text-transform: uppercase; padding: 0 20px 25px }
	.hppush_ad_220x460 { width: 220px }
	.hppush_ad_460x220 { width: 460px }
	.hppush_ad_700x220 { width: 700px }
	.hppush_social { width: 220px; }
		.hppush_social img { display: block; width: 100% }
		
	.hppush_social_asFb { background: #3b5998 }
	.hppush_tile.lastofrow { margin-right: 0; float: right }

@media (max-width: 940px) {
	.hppush { padding: 0 2.15% }
		.hppush_tile { width: 31.9%; margin-right: 2.15%; margin-bottom: 2.15%; border: 0!important }
		.hppush_tile_asMartial { width: 21.1%; left: 4%; }
		.hppush_tile.hppush_tile_asMartialadv.lastofrow { top: -19px; left: 34%; }
		.hppush_tile.lastofrow { float: left; margin-right: 2.15% }
		.hppush_tile.hppush_tile_3, .hppush_tile.hppush_tile_5, .hppush_tile.hppush_tile_7, .hppush_tile.hppush_tile_9 { margin-right: 0 }
		.hppush_tile.hppush_tile_4 { width: 31.9% }
		.hppush_tile.hppush_tile_5 { width: 65.95% }
		.hppush_tile.hppush_tile_7 { width: 100% }
		.hppush_tile.hppush_tile_8 { width: 100% }
}

@media (max-width: 699px) {
		.hppush_tile_asMartial { width: 32%; left: 17%; }
		.hppush_tile.hppush_tile_asMartialadv.lastofrow { width: 32%; left: 34%; top: -12px; clear: both; }
}

@media (max-width: 479px) {
	.hppush_tile { width: 49%; margin-right: 2%; margin-bottom: 2% }
		.hppush_tile_asMartial { width: 48%; left: 1%; }
		.hppush_tile.hppush_tile_asMartialadv.lastofrow { left: 25%; width: 50%; }
		.hppush_tile.lastofrow { margin-right: 2% }
		.hppush_tile.hppush_tile_3, .hppush_tile.hppush_tile_5, .hppush_tile.hppush_tile_7, .hppush_tile.hppush_tile_9 { margin-right: 2% }
		.hppush_tile.hppush_tile_2, .hppush_tile.hppush_tile_4 { margin-right: 0 }
		.hppush_tile.hppush_tile_4 { float: right; width: 49%  }
		.hppush_tile.hppush_tile_5 { width: 100% }
}

/* collection */
.collection {  }
.collection:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }

	.collection_h { position: relative }
	.collection_h:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
		.collection_h_intro { width: 37%; min-height: 275px; margin: 0px; background-color: #55bfcf; float: left; text-align: center; padding-top: 70px; -webkit-transition: width 800ms ease; transition: width 800ms ease; position: relative; z-index: 1 }
		.collection_h_intro.expand { width: 100% }
			.collection_h_intro img { width: 40px; margin-bottom: 20px }
			.collection_h_intro h2 { font: 400 20px/20px 'Source Sans Pro'; color: #2b1e1d; text-transform: uppercase; padding-bottom: 25px; letter-spacing: 1px }
			.collection_h_intro p, .collection_h_intro a { font: 400 13px/20px 'Source Sans Pro'; color: #2b1e1d; padding-bottom: 20px; letter-spacing: 1px; width: 70%; margin: 0 auto; overflow: hidden; -webkit-transition: width 650ms ease-in-out; transition: width 650ms ease-in-out }
				.collection_h_intro p span.more { opacity: 0; line-height: 0; max-height: 0; display: block; -webkit-transition: opacity 650ms ease 300ms, line-height 650ms ease 300ms, max-height 650ms ease 300ms; transition: opacity 650ms ease 300ms, line-height 650ms ease 300ms, max-height 650ms ease 300ms; overflow: hidden  }
			.collection_h_intro a {  padding-bottom: 25px; opacity: .6; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
			.collection_h_intro a:hover { opacity: 1 }

			/* expand */
			.collection_h_intro.expand p { width: 70% }
				.collection_h_intro.expand p span { opacity: 1; line-height: 20px; max-height: 100px }
			.collection_h_intro.expand a { text-indent: -9999px; line-height: 5px }
			.collection_h_intro.expand a:after { content: '[x]'; display: block; text-indent: 0 }

		.collection_h_mea { width: 63%; height: 345px; margin: 0px; top: 0; right: 0;position: absolute; z-index: 0; overflow: hidden }

	@media (max-width: 839px) {
		.collection_h_intro { width: 50% }
	}

	@media (max-width: 699px) {
		.collection_h_intro { width: 70% }
	}

	@media (max-width: 599px) {
		.collection_h_intro { width: 100% }
	}
	
	.collection_help { background: #fff; padding: 50px 0 }
		.collection_help_w { padding: 15px 20px; border: 1px solid #e5e5e5; max-width: 80%; margin: 0 auto }
		.collection_help_w:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
			.collection_help_pdf { width: 26%; float: left; font-size: 13px; line-height: 20px; color: #55bfcf; text-transform: uppercase; padding: 2% 4% 2% 7%; border-right: 1px solid #d5d5d2; background: url('../bundles/westjdbintegration/css/i/collection_help_pdf.png') left center no-repeat; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
			.collection_help_pdf:hover { opacity: .7 }
			.collection_help_contact { width: 72%; float: left; padding: 2% 4%; box-sizing: border-box  }
				.collection_help_contact p { font-size: 13px; line-height: 20px; color: #2b1e1d; font-style: italic }
					.collection_help_contact p a { text-decoration: underline; display: inline; color: #2b1e1d; font-style: italic }
					.collection_help_contact p a:hover { text-decoration: none }
	
	@media (max-width: 940px) {
		.collection_help_w { max-width: 90% }
	}

	@media (max-width: 699px) {
		.collection_help_pdf { width: 100%; float: none; text-align: center; margin-top: 4%; padding: 50px 7% 4%; background-position: center top; border-right: 0; border-bottom: 1px solid #d5d5d2; }
		.collection_help_contact { width: 100%; float: none; text-align: center }
	}

	.collection_notice { background: url('../bundles/westjdbintegration/css/i/collection_notice.png') 60px center no-repeat #fff; padding: 5px 80px 5px 140px; font: italic 400 13px/20px 'Source Sans Pro'; color: #cf557a; min-height: 40px }
		.collection_notice span { padding: 20px 0; display: block; max-width: 48%; font-style: italic }
	.collection_c { background: #fff; padding: 10px 70px 40px }
	.collection_c:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0 }
		.collection_c_n { color: #000; width: 220px; margin-right: -4px; margin-left: 70px; margin-bottom: 10px; display: inline-block; vertical-align: top }
		.collection_c a:nth-child(3n+1) { margin-left: 0 }
			.collection_c_n figure img { display: block; width: 100%; max-width: 210px; margin: 0 auto }
				.collection_c_n figure img { display: block; width: 100% }
			.collection_c_n header { font: 400 14px 'Source Sans Pro'; color: #2b1e1d }
				.collection_c_n header h2 { text-transform: uppercase; font: 700 14px/16px 'Source Sans Pro'; padding-bottom: 3px }
					.collection_c_n header p { padding-bottom: 3px }
					.collection_c_n header p span { text-decoration: line-through; padding-right: 10px }
					.collection_c_n header p i { float: right; width: 10px; height: 10px; margin-top: 5px; margin-left: 6px }
				.collection_c_n .collection_c_n_cta { width: 30px; height: 30px; background: url('../bundles/westjdbintegration/css/i/collection_c_n_cta.png') 0 0 no-repeat; display: inline-block; margin-top: 8px;margin-right: 8px }
				.collection_c_n .collection_c_n_custom { width: 50px; height: 30px; background: url('../bundles/westjdbintegration/css/i/collection_c_n_custom.png') 0 0 no-repeat; display: inline-block; margin-top: 8px;margin-right: 8px }

	@media (max-width: 940px) {
		.collection_c { padding: 2% 7% 4%; }
			.collection_c_n { width: 30%; margin-left: 5% }
			.collection_c a:nth-child(3n+1) { margin-left: 0 }
	}

	@media (max-width: 699px) {
                .collection_notice { padding:5px 20px 5px 60px; background-position:0 center; }
		.collection_notice span { max-width: 70% }
		.collection_c { padding: 2% 14% 4% }
			.collection_c_n { width: 40%; margin-left: 20% }
			.collection_c a:nth-child(3n+1) { margin-left: 20% }
			.collection_c a:nth-child(2n+1) { margin-left: 0 }
	}

	@media (max-width: 499px) {
		.collection_notice span { max-width: 100% }
		.collection_c { padding: 2% 10% 4% }
			.collection_c_n { width: 45%; margin-left: 10% }
			.collection_c a:nth-child(3n+1) { margin-left: 10% }
			.collection_c a:nth-child(2n+1) { margin-left: 0 }
	}

	@media (max-width: 380px) {
			.collection_c .collection_c_n { width: 100%; margin-left: 0 }
			.collection_c a:nth-child(3n+1) { margin-left: 0 }
	}

	.collection_tile { width: 220px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative }
	.collection_tile_asBig { width: 460px }
	.collection_tile_asBigpush { width: 640px }
	.collection_tile_asCarousel { width: 280px; height: 420px}
	.collection_tile_asMartiallinks { width: 700px }
	.collection_tile.lastofrow { margin-right: 0; float: right }
		.collection_tile img { display: block; width: 100%; position: relative; z-index: 0 }
		.collection_tile a { display: block; height: 100% }
		.collection_tile_h { position: absolute; top: 20px; left: 20px; right: 20px }
		.collection_tile_h_asDark { color: #000 }
			.collection_tile_h h2 { font: 600 15px/15px 'Source Sans Pro'; text-transform: uppercase; letter-spacing: 1px }
		.collection_tile_c { min-height: 80px; position: absolute; bottom: 0; left: 0; width: 100%; /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.21)), color-stop(100%,rgba(0,0,0,0.51))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 30%, rgba(0,0,0,0.51) 100%);
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ) /* IE6-9 */ }

@media (max-width: 940px) {
	.collection { padding: 0 2.15% }
	.collection.collection_asList { padding: 0 }
	.collection.collection-list .collection_tile:first-child:first-child {
		width: 63.95%;
	}
	.collection .collection_tile:nth-child(2) {
		width: 30.9%;
	}
		.collection-list .collection_tile { width: 30.9%; margin-right: 2.15%; margin-bottom: 2.15%; border: 0!important }
	.collection_tile_asBig .collection_tile.collection_tile_asBig { width: 65.95% }
		.collection_tile_asBigpush { width: 61.7%; overflow: hidden; height: auto; left: 4%; }
		.collection_tile_asCarousel { width: 27%; overflow: hidden; height: auto; display: inline-block; left: 4%; }
		.collection_tile_asMartiallinks { width: 90.8%; text-align: center; top: -19px; left: 4%;}
		.collection_tile.lastofrow { float: left; margin-right: 2.15% }
		/*.collection_tile:nth-of-type(2), .collection_tile:nth-of-type(3n+5) { margin-right: 0 }*/
}

@media (max-width: 699px) {
	.collection.collection-list .collection_tile:first-child:first-chil {
		width: 100%;
	}
	.collection .collection_tile:nth-child(2) {
		width: 49%;
	}
	.collection-list .collection_tile { width: 49%; margin-right: 2%; margin-bottom: 2% }
	.collection.collection-list .collection_tile:first-child:first-child {
		width: 100%;
	}
	collection_tile_asBig .collection_tile.collection_tile_asBig { width: 100%; margin-right: 0 }
	/*.collection_tile:nth-of-type(2), .collection_tile:nth-of-type(3n+5) { margin-right: 2% }*/
	.collection_tile:nth-of-type(2n+3) { margin-right: 0 }
	.collection_tile_asBigpush { width: 66%; left: 17%; display: block; margin: 0 auto; }
	.collection_tile_asCarousel { position: inherit; top: 0; margin-bottom: inherit; clear: both; display: block; margin: 2% 34%; width: 32%; height: inherit; }
	.collection_tile_asMartiallinks { width: 32%; left: 34%; margin-bottom: inherit; }
}

@media (max-width: 479px) {
	collection_tile_asBig .collection_tile_asBigpush { width: 98%; left: 1%; }
	.collection_tile_asCarousel { width: 50%; margin-left: 25%; }
	.collection_tile_asMartiallinks { width: 50%; left: 25%; }
}


/* product */
.product {  }
	.product_h { background: #fff; margin-bottom: 25px; display: flex; flex-direction: row; }
		.product_h_gallery { width: 63% }
			.product_h_gallery_h { position: relative }
				.product_h_gallery_h_prev,
				.product_h_gallery_h_next { width: 12px; height: 21px; display: block; background: url('../bundles/westjdbintegration/css/i/product_h_gallery_h_ctrls.png') 0 0 no-repeat; position: absolute; top: 50%; margin-top: -10px; z-index: 10; cursor: pointer; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
				.product_h_gallery_h_prev { left: 25px; background-position: 0 0}
				.product_h_gallery_h_next { right: 25px; background-position: 0 -22px }
				.product_h_gallery_h_prev:hover,
				.product_h_gallery_h_next:hover { opacity: .8 }
				.product_h_gallery_h_prev.disabled,
				.product_h_gallery_h_prev.disabled:hover,
				.product_h_gallery_h_next.disabled,
				.product_h_gallery_h_next.disabled:hover { opacity: .3; cursor: default }
				.product_h_gallery_h img { display: block; width: 100%; max-height: 485px; max-width: 592px }
			.product_h_gallery_c { text-align: center; padding: 20px }
				.product_h_gallery_c li { display: inline-block; vertical-align: middle; margin-right: -4px; margin-left: 10px }
				.product_h_gallery_c li:first-child { margin-left: 0 }
					.product_h_gallery_c li a { width: 65px; height: 65px; overflow: hidden; position: relative }
					.product_h_gallery_c li.sel a:before { content: ''; display: block; border: 1px solid #55bfcf; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 5px }
						.product_h_gallery_c li a img { display: block; height: 100%; margin-left: -8px }
		.product_h_details { width: 29%; padding: 0 4%; background: #f8f8f8 }
			.product_h_details_h { padding-top: 50px }
				.product_h_details_h h1, .product_h_details_h p, .product_h_details_h span { text-transform: uppercase; letter-spacing: 1px }
					.product_h_details_h div i {float: right; width: 10px; height: 10px; margin-top: 3px; margin-left: 6px;}
				
				.product_h_details_asMartial .product_h_details_h span { text-transform: none }
				.product_h_details_asMartial .product_h_details_h div p {text-transform: inherit; display: inline-block;}
				
				.product_h_details_h h1 { font: 600 20px/24px 'Source Sans Pro'; color: #2b1e1d; padding-bottom: 7px }
				.product_h_details_h p { font-size: 13px; line-height: 16px; color: #958f8e; padding-bottom: 6px}
				.product_h_details_h span { font-size: 20px; line-height: 20px; color: #55bfcf; display: block; padding: 20px 0 10px }
			.product_h_details_c { padding-bottom: 30px }
				.product_h_details_c_desc { font-size: 13px; line-height: 20px; color: #2b1e1d; letter-spacing: 1px; word-wrap: break-word; max-height: 110px; overflow-y: auto }
.product_h_details_c_cust { padding-top:20px;}
.product_h_details_c_cust p { font-size: 13px; line-height: 20px; color: black; letter-spacing: 1px; word-wrap: break-word; max-height: 110px; overflow-y: auto; width: 180px; padding-top: 8px; display: inline-block }
.product_h_details_c_cust a { background: url('../bundles/westjdbintegration/css/i/collection_c_n_custom.png') 0 0 no-repeat; width: 50px; height: 30px; display: inline-block; float: right; margin-top: 14px; vertical-align: top }

			.product_h_details_f { padding-bottom: 100px; text-align: center; position: relative }
			.product_h_details_asMartial .product_h_details_f { padding-bottom: 50px; padding-top: 93px; }
				.product_h_details_asMartial .product_h_details_f_asPack { padding-bottom: 53px; text-align: center; position: relative; padding-top: 10px; }
			.product_h_details_f_f:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
				.select2-choice span.product_h_details_f_color { width: 8px; height: 8px; display: inline-block; margin-right: 10px; border: 1px solid #b4a9a7 }

				.product_h_details_f .quantity,
				.product_h_details_f .select2-container { display: inline-block; vertical-align: top; margin-right: -4px }
				.product_h_details_f .quantity { padding-bottom: 24px; float: right; }
				.product_h_details_f_f_withoutSelect .quantity { display: inline-block; float: none }
				.product_h_details_f .select2-container { float: left }
				.product_h_details_f a,
				.product_h_details_f button { padding: 9px; font-size: 15px; color: #fff; font-weight: 600; text-transform: uppercase; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; margin-bottom: 7px; width: 100% }
				.product_h_details_f a:hover,
				.product_h_details_f button:hover { opacity: .8 }
				.product_h_details_f_basket { background: #55bfcf; }
					.product_h_details_f_basket i { width: 17px; height: 20px; background: url('../bundles/westjdbintegration/css/i/product_h_details_f_basket.png') 0 0 no-repeat; display: inline-block; vertical-align: sub; margin-right: 13px }
					.product_h_details_asMartial .product_h_details_f_basket i { width: 21px; background-image: url('../bundles/westjdbintegration/css/i/product_h_details_f_martial.png') }
				.product_h_details_f_asPack .product_h_details_f_basket { background: #55bfcf; }
					.product_h_details_f_asPack .product_h_details_f_basket i { width: 22px; height: 22px; background: url('../bundles/westjdbintegration/css/i/hd_h_actions_basket_asPack.png') 0 0 no-repeat; display: inline-block; vertical-align: sub; margin-right: 13px }
				.product_h_details_f_find { background: #544a49; }
				.product_h_details_f.product_h_details_f_asPack .product_h_details_f_find { background: #544949; width: 100%; position: relative; padding: 9px; font-size: 15px; font-weight: 600; margin-bottom: 7px; color: #fff }
				.product_h_details_asMartial .product_h_details_f_find { width: auto; background: none; position: absolute; left: 0; font-size: 11px; color: #958f8e; padding: 0; font-weight: 400; margin-bottom: 0; padding-top: 4px }
				.product_h_details_f_share { position: absolute; bottom: 10px; right: 0; color: #958f8e; font-size: 11px; line-height: 11px; text-transform: uppercase; cursor: pointer; padding-bottom: 20px }
				.product_h_details_f_share:after { content: ''; display: block; width: 5px; height: 3px; background: url('../bundles/westjdbintegration/css/i/product_h_details_f_share_i.png') 0 0 no-repeat; position: absolute; top: 14px; right: 0 }
					.product_h_details_f_share ul { background: #eae9e8; position: absolute; margin-top: 50px; top: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 350ms ease, visibility 350ms ease, margin-top 350ms ease; transition: opacity 350ms ease, visibility 350ms ease, margin-top 350ms ease; min-width: 240px }
					.product_h_details_f_share ul:after { content: ''; display: block; clear: both; line-height: 0; height: 0 }
					/*.product_h_details_f div:hover > ul, */
					.product_h_details_f_share ul.active { margin-top: 25px; opacity: 1; visibility: visible; -webkit-transition-delay: 0; transition-delay: 0 }
						.product_h_details_f_share ul li { float: left; padding: 20px 15px; -webkit-transition: background-color 350ms ease; transition: background-color 350ms ease }
						.product_h_details_f_share ul li:hover { background-color: rgba(0,0,0,.1) }
							.product_h_details_f_share ul li a { width: 18px; height: 13px; background-repeat: no-repeat; background-image: url('../bundles/westjdbintegration/css/i/product_h_details_f_share.png'); padding: 0; margin-bottom: 0; font-size: inherit; color: inherit; opacity: .4; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease }
							.product_h_details_f_share ul li:hover > a:hover { opacity: 1 }
							.product_h_details_f_share ul li a.product_h_details_f_share_fb { background-position: center 0 }
							.product_h_details_f_share ul li a.product_h_details_f_share_tw { background-position: center -31px }
							.product_h_details_f_share ul li a.product_h_details_f_share_gp { background-position: center -61px }
							.product_h_details_f_share ul li a.product_h_details_f_share_pin { background-position: center -93px }
							.product_h_details_f_share ul li a.product_h_details_f_share_mail { background-position: center -126px }

	@media (max-width: 699px) {
		.product_h_gallery, .product_h_details { display: block; margin-right: 0; width: 100%;  min-height: inherit }
		.product_h_details { width: 92% }
			.product_h_details_f a { max-width: 60%; margin: 0 auto 10px }
			.product_h_gallery_c { padding: 20px 10px }
	}
	@media (max-width: 480px) {
		.product_h { flex-direction: column; }
		.product_h_details_f a { max-width: 100% }
	}

	.product_c { background: #fff; padding: 30px 40px; color: #2b1e1d; position: relative }
		.product_c h3 { padding-bottom: 20px; font-size: 16px; font-weight: 600; text-transform: uppercase }
		.product_c p { padding-bottom: 30px }
			.product_c p b { font-weight: 700 }
		.product_c img { display: block; width: 100%; padding-bottom: 30px }
		.product_c header { padding-bottom: 30px }
			.product_c header ul {}
				.product_c header ul li { display: inline-block; vertical-align: middle; margin-right: -4px; width: 25% }
					.product_c header ul li a { padding: 16px 20px; font-size: 13px; color: #958f8e; text-transform: uppercase; border: 1px solid #958f8e; text-align: center; margin-left: 10px; position: relative; overflow: hidden; -webkit-transition: color 500ms ease, border-color 500ms ease; transition: color 500ms ease, border-color 500ms ease; outline: 0 }
					.product_c header ul li a:before { content: ''; display: block; width: 11px; height: 5px; background: url('../bundles/westjdbintegration/css/i/product_c_list.png') no-repeat 0 0; position: absolute; bottom: 16px; left: 50%; margin-left: -5px; opacity: 0; -webkit-transition: bottom 350ms ease, opacity 350ms ease; transition: bottom 350ms ease, opacity 350ms ease }
					.product_c header ul li.ui-tabs-active a, .product_c header ul li a:hover { border-color: #55bfcf; color: #55bfcf }
					.product_c header ul li.ui-tabs-active a:before, .product_c header ul li a:hover:before { bottom: 6px; opacity: 1 }
					.product_c header ul li:first-child a { margin-left: 0 }


		@media (max-width: 699px) {
			.product_h_details_asMartial .product_h_details_f_find { padding-top: 0 }
			.product_h_details_f_share { bottom: 20px }
			.product_c header ul li { display: block; width: 100%; margin-right: 0 }
				.product_c header ul li a { margin-left: 0; margin-bottom: 10px }
		}
		
		@media (max-width: 480px) {
			.product_c { padding: 20px }
		}

		.product_c_desc { padding: 0 20px }
			.product_c_desc_dim { background: url('../bundles/westjdbintegration/css/i/product_c_desc_dim.jpg') left center no-repeat; padding-left: 40px; font-size: 15px; display: block; margin-bottom: 30px }
				.product_c_desc_dim span { display: block; font-weight: 700 }
			.product_c_desc ul { padding-bottom: 30px }
				.product_c_desc ul li { list-style: initial; margin-left: 40px }

		.product_c_assort { padding: 0 20px }
			.product_c_assort_h { max-width: 70%; margin: 0 auto; text-align: center }
				.product_c_assort_h p { font-style: italic; font-size: 14px }
					.product_c_assort_h p b { display: block; font-weight: 700 } 
			.product_c_assort_c {}
				.product_c_assort_c_n { width: 160px; display: inline-block; vertical-align: top; margin-right: -4px; margin-left: 62px; text-align: center }
				.product_c_assort_c a:nth-child(4n+1) { margin-left: 0 }
					.product_c_assort_c_n img { width: 110px; margin: 0 auto; padding-bottom: 7px }
					.product_c_assort_c_n h3 { color: #2b1e1d; font-size: 13px; line-height: 15px; padding-bottom: 13px }
					.product_c_assort_c_n p { font-size: 11px; line-height: 15px; color: #958f8e }
		
		@media (max-width: 940px) {
			.product_c_assort_c_n { width: 20%; margin-left: 6.66666% }	
		}

		@media (max-width: 759px) {
			.product_c_assort_c_n { width: 28%; margin-left: 8% }
			.product_c_assort_c a:nth-child(4n+1) { margin-left: 8% }
			.product_c_assort_c a:nth-child(3n+1) { margin-left: 0 }
		}

		@media (max-width: 579px) {
			.product_c_assort_c_n { width: 46% }
			.product_c_assort_c a:nth-child(3n+1) { margin-left: 8% }
			.product_c_assort_c a:nth-child(2n+1) { margin-left: 0 }
		}

		@media (max-width: 479px) {
			.product_c_assort_c_n { width: 100%; margin-left: 0 }
			.product_c_assort_c a:nth-child(3n+1) { margin-left: 0 }
		}

		.product_c_ingre { padding-right: 40% }
			.product_c_ingre_table { width: 280px; border: 1px solid #e5e5e5; padding: 25px; }
				.product_c_ingre table tr {}
					.product_c_ingre table tr th { width: 45%; font: 600 13px/20px 'Source Sans Pro'; color: #958f8e; text-transform: uppercase; text-align: left; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
					.product_c_ingre table tr th:first-child { width: 55%; padding-right: 25px }
					.product_c_ingre table tr td { padding-top: 19px }
					.product_c_ingre table tr td:first-child { font-weight: 700 }
					.product_c_ingre table tr.sub td:first-child { padding-left: 25px }

		@media (max-width: 699px) {
			.product_c_assort_h { max-width: 100% }
			.product_c_ingre { padding-right: 0 }
				.product_c_ingre_table { margin: 0 auto }
		}

/* jeff */
.jeff {  }
.jeff:after { content: ''; display: block; clear: both; line-height: 0; height: 0 }
	.jeff .collection_tile:nth-of-type(2n+2) { margin-right: 0 }
	.jeff .collection_tile_h { top: 0; left: 0; bottom: 0; width: 100%; padding-top : 20px; }
		.jeff .collection_tile_h h2 { padding: 0 20px; max-width: 70%; line-height: 20px }

@media (max-width: 940px) {
	.jeff { padding: 0 2% }
		.jeff .collection_tile.collection_tile_asBig { width: 48%; margin-right: 4%; margin-bottom: 4% }
		.jeff .collection_tile.collection_tile_asBig:nth-of-type(2n+2) { margin-right: 0 }
}

@media (max-width: 699px) {
	.jeff { padding: 0 2% }
		.jeff .collection_tile.collection_tile_asBig { width: 80%; margin: 0 10% 4% 10% }
}

@media (max-width: 529px) {
	.jeff { padding: 0 2% }
		.jeff .collection_tile.collection_tile_asBig { width: 100%; margin: 0 0 4% }
}

/* cms + sidemenu + rte */
.cms:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0 }

@media (max-width: 940px) {
	.cms { padding: 0 2% } 
}

.cms_c { width: 66%; float: right; color: #2b1e1d; background: #fff; padding: 4% }
.sidemenu { width: 23%; float: left }
	.sidemenu ul { background: #55bfcf; padding: 20px 0 }
		.sidemenu ul li {}
			.sidemenu ul li a, .sidemenu ul li .a { font-size: 13px; line-height: 20px; font-weight: 600; color: #42828c; text-transform: uppercase; position: relative; padding: 3px 15px; -webkit-transition: padding-left 350ms ease; transition: padding-left 350ms ease; margin: 6px 0; overflow: hidden; letter-spacing: 1px }
			.sidemenu ul li:first-child a, .sidemenu ul li:first-child .a { margin-top: 0 }
			.sidemenu ul li:last-child a, .sidemenu ul li:last-child .a { margin-bottom: 0 }
			.sidemenu ul li a:hover, .sidemenu ul li .a:hover { padding-left: 19px }
			.sidemenu ul li a:before, .sidemenu ul li .a:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -40px; width: 4px; background: #42828c; -webkit-transition: left 350ms ease; transition: left 350ms ease }
			.sidemenu ul li a:hover:before, .sidemenu ul li .a:hover:before { left: 0 }
			.sidemenu ul li.sel a, .sidemenu ul li.sel .a { color: #fff; padding-left: 15px }
			.sidemenu ul li.sel a:before, .sidemenu ul li.sel .a:before { background-color: #fff; left: 0 }
	.sidemenu img { display: block; width: 100%; margin-top: 20px }
	.sidemenu_franchise { background: url('../bundles/westjdbintegration/css/i/sidemenu_franchise.png') right bottom no-repeat #542418; padding: 20px 15px; margin-top: 25px }
		.sidemenu_franchise h3 { font-size: 13px; color: #fff; font-weight: 600; text-transform: uppercase; padding-bottom: 15px; letter-spacing: 2px }
		.sidemenu_franchise a { font-size: 12px; line-height: 20px; color: #ab8f87; letter-spacing: 1px; -webkit-transition: color 350ms ease; transition: color 350ms ease }
		.sidemenu_franchise a:hover { color: #d5bab3 }
	.sidemenu.sidemenu_asMartial {float: none; width: 100%;}

@media (max-width: 699px) {
	.sidemenu { width: 100%; float: none; margin-bottom: 20px }
		.sidemenu ul { text-align: center; padding: 10px 0 }
			.sidemenu ul li {}
				.sidemenu ul li a { display: inline-block; overflow: hidden; margin: 3px 6px; padding-left: 15px  }
				.sidemenu ul li a:before { width: 100%; bottom: -40px; top: inherit; height: 4px; }
				.sidemenu ul li a:hover { padding-left: 15px }
				.sidemenu ul li a:before { -webkit-transition: bottom 500ms ease; transition: bottom 500ms ease }
				.sidemenu ul li a:hover:before, .sidemenu ul li.sel a:before { bottom: 0 }
}

.rte, .popin_n_c .rte { font-family: 'Source Sans Pro'; font-size: 13px }
	.rte_h,.popin_n_c .rte_h { padding-bottom: 20px }
	.rte img,.popin_n_c .rte img { width:100%; display: block; margin-bottom: 15px }
	.rte a, .popin_n_c .rte a { display: inline }
	.rte em, .rte em *, .popin_n_c .rte em, .popin_n_c .rte em * { font-style: italic }
	.rte b, .rte b *, .popin_n_c .rte b, .popin_n_c .rte b * { font-weight: bold }
	.rte strong,.rte strong *, .popin_n_c .rte strong, .popin_n_c .rte strong * { font-weight: bold }
	.rte p,.popin_n_c .rte p { padding-bottom: 15px; position: relative; word-break: break-word; }
	.rte p.quote_first, .rte p.quote_last { background-position: 0 0 }
	.rte p.quote_first { background-image: url('../bundles/westjdbintegration/css/i/quote_first.png'); background-repeat: no-repeat }
	.rte p.quote_last { background-image: url('../bundles/westjdbintegration/css/i/quote_last.png'); background-repeat: no-repeat; background-position: right 0 }
	.rte a,.popin_n_c .rte a { color: #55bfcf;float:none;margin: 0; width: auto; }
	.rte ul,.popin_n_c .rte ul { padding-bottom: 25px }
		.rte ul li,.popin_n_c .rte ul li { list-style: disc; margin-left: 40px }
	.rte ol,.popin_n_c .rte ol { padding-bottom: 25px }
		.rte ol li,.popin_n_c .rte ol li { list-style: decimal; margin-left: 40px }
	.rte_h1,.popin_n_c .rte_h2, .rte_h3, .rte_h4 { text-transform: uppercase; padding-bottom: 10px; letter-spacing: 2px }
	.rte_h1,.popin_n_c .rte_h1 { font-size: 30px; line-height: 34px }
	.rte_h2,.popin_n_c .rte_h2 { font-size: 20px; line-height: 24px; color: #55bfcf }
	.rte_h3,.popin_n_c .rte_h3 { font-size: 16px; line-height: 20px }
	.rte_h4,.popin_n_c .rte_h4 { font-size: 13px; line-height: 18px }
	.rte_legend,.popin_n_c .rte_legend { font-size: 13px; text-align: center; padding-top: 5px }
	.rte_copy,.popin_n_c .rte_copy { font-size: 11px; color: #958f8e; padding-bottom: 10px }
	.rte hr,.popin_n_c .rte hr {  margin: 10px;border: 1px solid #55bfcf; }
	.jsHrToCols_cols { margin-bottom: 20px; padding-bottom: 25px; border-bottom: 1px solid #d5d2d2 }
	.jsHrToCols_cols:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
		.jsHrToCols_oneCol { margin-bottom: 10px; float:left }
			.jsHrToCols_oneCol img { margin-bottom: 2% }
		.jsHrToCols_cols_with2cols .jsHrToCols_oneCol { width: 49%; margin-right: 2% }
		.jsHrToCols_cols_with3cols .jsHrToCols_oneCol { width: 32%; margin-right: 2% }
		.jsHrToCols_cols_with4cols .jsHrToCols_oneCol { width: 23.5%; margin-right: 2% }
		.jsHrToCols_cols_with2cols .jsHrToCols_oneCol:nth-of-type(2),
		.jsHrToCols_cols_with3cols .jsHrToCols_oneCol:nth-of-type(3),
		.jsHrToCols_cols_with4cols .jsHrToCols_oneCol:nth-of-type(4) { margin-right: 0 }


/* -------------------------------------
	CGV POPIN
------------------------------------- */

.contact--popin .rte p {
	padding: 0 0 5px 0;
	display: block;
}

@media (max-width: 699px) {
	.cms_c { width: 92%; float: none }
	.rte { width: 92%; float: none; padding: 4% }
	.jsHrToCols_cols_with4cols .jsHrToCols_oneCol,
	.jsHrToCols_cols_with3cols .jsHrToCols_oneCol,
	.jsHrToCols_cols_with2cols .jsHrToCols_oneCol { width: 100% }
	.jsHrToCols_cols_with4cols .jsHrToCols_oneCol:nth-of-type(2),
	.jsHrToCols_cols_with3cols .jsHrToCols_oneCol:nth-of-type(2) { margin: 0 }
	.jsHrToCols_cols_with3cols .jsHrToCols_oneCol:nth-of-type(3) { margin: 0 }
}

/* recrut */
.recrut { background-color: #fff; padding: 40px; color: #2b1e1d; display: inline-block; }
.recrut:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
	.recrut_main { width: 65%; float: left; }
		.recrut_main_h { }
			.recrut_main_h h1 { text-transform: uppercase; color: #55bfcf; font-size: 35px; padding-bottom: 32px; line-height: 39px; }
			.recrut_main_h h2 { text-transform: uppercase; font-size: 20px; padding-bottom: 35px; padding-right: 155px; line-height: 23px;}
			.recrut_main_h p { font-size: 15px; padding-right: 10px; padding-bottom: 85px; }
		.recrut_main_c { }
			.recrut_main_c_h { width: 100%; }
			.recrut_main_c_h:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
				.recrut_main_c_h_filter { float: right; margin-bottom: 15px; }
					.recrut_main_c_h_filter p { float: left; font-size: 13px; color: #958f8e; margin-right: 30px; }
					.recrut_main_c_h_filtertype { font-size: 13px; color: #2b1e1d; padding-left: 30px; }
				.recrut_main_c_h_numoffer { float: left; width: 30%; font-size: 20px; color: #55bfcf; }
					.recrut_main_c_h_numoffer span { display: inline-block; font-size: 30px; }
					.recrut_main_c_h_numoffer p { display: inline-block; }
			.recrut_main_c_list { display: block; width: 100%; float: left; }
				.recrut_main_c_list li:last-child { border-bottom: solid 1px #eae9e8; margin-bottom: 18px; }
				.recrut_main_c_list li { border-top: solid 1px #eae9e8; }
					.recrut_main_c_list li p { text-transform: uppercase; font-size: 16px; color: #2b1e1d; font-weight: 600; padding: 8px 0px; -webkit-transition: color 350ms ease; transition: color 350ms ease; }
					.recrut_main_c_list li a:hover p:first-child { color: #55bfcf }
					.recrut_main_c_list li p + p { text-transform: none; font-size: 15px; color: #958f8e; font-weight: inherit; padding: 0px 0px 8px 0px;  }
	.recrut_mea { float: left; width: 30%; margin-left: 5%; }
		.recrut_mea img { width: 265px }
		.recrut_mea_main { background: url('../bundles/westjdbintegration/css/i/recrut_mea_f.jpg') 100% 96% no-repeat; border: solid 1px #2b1e1d; padding: 27px 20px; margin-top: 25px; width: 220px; }
			.recrut_mea_main p:first-child { font-size: 15px; color: #55bfcf; text-transform: uppercase; font-weight: 600; padding-bottom: 30px; }
			.recrut_mea_main p { font-size: 15px; color: #2b1e1d; text-transform: none; padding-bottom: 30px; }
			.recrut_mea_main_adr { }
				.recrut_mea_main_adr p:first-child { font-size: 15px; color: #2b1e1d; text-transform: none; font-weight: bold; padding-bottom: 0px; }
				.recrut_mea_main_adr a { font-size: 15px; color: #2b1e1d; text-transform: none; font-weight: bold; padding-bottom: 30px; text-decoration: underline; -webkit-transition: color 350ms ease; transition: color 350ms ease }
				.recrut_mea_main_adr a:hover { color: #55bfcf }
			.recrut_mea_main_f { }
				.recrut_mea_main_f p:first-child { font-size: 13px; color: #958f8e; text-transform: none; font-weight: 400; padding-bottom: 0px; padding-right: 53px; }


@media (max-width: 940px ) {
	.recrut_main { width: 100%; padding-bottom: 30px; }
	.recrut_mea { width: 100%; margin-left: 0px; text-align: center }
		.recrut_mea img { display: none }
		.recrut_mea_main { display: block; width: 90%; margin: 0px; padding: 5%; }
		.recrut_main_h h2 { width: 100%; padding-right: 0 }
			.recrut_mea_main_f p:first-child { padding: 0 10% }
}
 
@media (max-width: 417px ) {
	.recrut_main_c_h_numoffer { margin-bottom: 15px; }
}

@media (max-width: 320px ) {
	.recrut { padding: 23px; }
	.recrut_main_c_h_numoffer { margin-bottom: 15px; }
}


/* job */
.job { background-color: #fff; padding: 40px; color: #2b1e1d; display: inline-block; }
.job:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
	.job_main { width: 65%; float: left; }
		.job_main_h { }
			.job_main_h h1 { text-transform: uppercase; color: #55bfcf; font-size: 35px; padding-bottom: 32px; line-height: 39px; }
			.job_main_h h2 { text-transform: uppercase; font-size: 20px; padding-bottom: 4px; padding-right: 155px; line-height: 23px;}
			.job_main_h p { font-size: 15px; padding-right: 10px; padding-bottom: 22px; line-height: 20px; }
			.job_main_h p:nth-child(3) { text-transform: uppercase; color: #958f8e; }
			.job_main_h span { font-weight: bold; }

@media (max-width: 942px ) {
	.job_main { width: 100%; padding-bottom: 30px; }
}

@media (max-width: 310px) {
	.job { padding: 10px; }
		.job_main_h { width: 250px; padding-left: 26px; }
}

/* form */
.form { font-size: 13px; color: #2b1e1d; letter-spacing: 1px }
.form h3 { font-size: 16px; color: #958f8e; margin-bottom: 15px; text-transform: uppercase; font-weight: 600 }
.form hr { color: #eae9e8; margin-bottom: 30px; border: solid 1px; }
.form label { display: block; margin-bottom: 20px; text-align: left }
.form label label { width: 25%; display: inline-block; vertical-align: middle; margin-right: -4px }
.form label p { display: inline-block; width: 45%; vertical-align: middle; margin-right: -4px }
.form label input { display: inline-block; width: 55%; background-color: #eae9e8; padding: 10px 2%; vertical-align: middle; margin-right: -4px }
.form label textarea { display: inline-block; width: 51%; background-color: #eae9e8; padding: 10px 2%; vertical-align: middle; margin-right: -4px }
.form label input[type='radio'] { width: 14px; margin-right: 10px; padding: 0; vertical-align: sub }
.form label.get_newsletter input { width: 25px; display: inline-block; vertical-align: inherit; margin-bottom: 0px; margin-right: 10px; }
.form label select { width: 25%; }
.form label [readonly],
.form label .select2-container-disabled .select2-choice { cursor: not-allowed; opacity: 0.5; }
.form label.form_birth input, .form label.form_zip input { width: 30%; }
.form textarea { display: inline-block; width: 274px; background-color: #eae9e8; padding: 17px 13px; height: 87px; resize: none; }
.form label.form_submit .btn { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px 9px 7px; width: 280px; margin-left: 140px; border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; cursor: pointer }
.form label.form_submit .btn:hover { border-color: #48a3b0 }
.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin-left: 140px; }
.form label span,
.form .help { display: block; color: #958f8e; font-size: 11px; padding-left: 45%; padding-top: 9px; }
.form label > span span { color: #55bfcf; text-transform: none; padding: 0px; display: inline; }
.form label.get_newsletter > span { padding-left: 0%; }
.form label.form_motivation { float: left; margin-right: 2px; }
.form label.form_cv { width: 100% }
.form label.form_cv p { font-weight: 600; width: 100%; }
.form label.form_cv_choice {}
.form label.form_cv_choice input { background-color: inherit; padding-left: 0px; padding-top: 6px; }
.form_asContact { font-size: 13px; color: #958f8e; padding-bottom: 30px; }
.form_error p { color:#c00 }
.form_error input, .form_error textarea { border:1px solid #c00; }
.form_error .form_error_why { color:#c00 }
.form_generalerror { color:#c00; margin-bottom: 40px; border-left:5px solid #c00; padding: 5px 20px; }
.form_error .checkbox input { outline:1px solid #c00; }
.form_error .checkbox .form_generalerror { color:#c00;margin: 0 !important;border: 0; padding: 0; }

@media (max-width: 940px) {
	.form { float: none; width: 100%; margin-left: 0px }
	.form_birth input { width: 140px; margin-right: 160px; }
	.form p {}
	.get_newsletter { margin-left: 0 }
	#attachment { padding: 6px 31px; }
	.form_motivation { float: none; margin-right: 0px; vertical-align: top; }
	.form label.form_submit { text-align: center }
	.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin: 0 auto; }
}

@media (max-width: 629px ) {
	.form span { text-align: left }
	.form label { text-align: center }
	.form label p { display: block; width: 100%; margin-right: 0 }
	.form label input { width: 98%; display: block; margin-right: 0 }
	.form label textarea { width: 96%; display: block; margin-right: 0; padding: 10px 2%; }
	.form label .select2-container { width: 98%; display: block; }
	.form label input[type='radio'] { display: inline-block; width: auto }
	.form label.form_birth input,
	.form label.form_zip input { width: 50%; margin: 0 auto; text-align: center }
	.form label span { padding-left: 0 }
	.form label.form_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; margin: 0 auto; }
}

@media (max-width: 380px) {
	.form label.form_birth input,
	.form label.form_zip input { width: 100%; margin: 0 auto; text-align: center }
}

/* register */
.register { background-color: #fff; padding: 40px; color: #2b1e1d }
.register:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
.register_main { width: 65%; float: left }
.register_main h1 { text-transform: uppercase; color: #2b1e1d; font-size: 30px; padding-bottom: 32px; line-height: 39px; }
.form label.register_check { display: block; padding: 17px 0px 30px; margin-left: 0px; }
.form label.register_check input { width: 25px; display: inline; margin-right: 10px }
.form label.register_check_jdb { display: block; margin-top: 50px; padding: 0px; margin-left: 0px; }
.form label.register_check_jdb input { width: 25px; display: inline; margin-right: 10px; padding: 0 }
.form label.register_check_partner { display: block; padding: 0px; margin-left: 0px; }
.form label.register_check_partner input { width: 25px; display: inline; margin-right: 10px; padding: 0 }
.form div.register_info { margin-bottom: 40px; }
.form div.register_info p { font-size: 13px; color: #958f8e; width: 100%;}
.form div.register_radio { display: block; margin-bottom: 20px; text-align: left }
.form div.register_radio:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.form div.register_radio p { width: 50%; float: left; }
.form div.register_radio label { margin-bottom: 0; width: 25%; float: left; }
.form div.register_radio input {}
.form label.register_submit { width: 100%; text-align: center }
.form label.register_submit input { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 215px; margin: 0 auto; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; cursor: pointer }
.register_submit input:hover { opacity: .9 }
.form label.register_required { padding-top: 15px; padding-bottom: 10px }
.form label.register_required p { font-weight: 700 }
.form label .security { display: block; padding: 17px 0 0 45% }
.form label .security p {  width: 150px; color: #958f8e; text-transform: uppercase; font-size: 11px }
.form label .security p + p { color: red; text-align: right }
.register_side { float: left; width: 30%; margin-left: 5%; }
.register_side img { width: 100%; display: block }
form.fos_user_registration_register label.form_submit input { margin-left: 10px;}

@media (max-width: 629px) {
	.form div.register_radio label { width: 50% }
	.form label .security { padding-left: 0; text-align: left }
	.form label .security p { width: 50%; margin-right: 0; display: inline-block; vertical-align: middle; margin-right: -4px }
	.form label .security p + p { text-align: left }
}

@media (max-width: 940px) {
	.register_main { width: 100%; float: none }
	.register_side { display: none }
	.form div.register_radio p { width: 100% !important; padding-bottom: 20px }
}

/* contact */
.contact { background-color: #fff; padding: 40px; color: #2b1e1d; display: inline-block; width: 100%; box-sizing: border-box;}
	.contact_main { width: 65%; float: left; }
		.contact_main_h { }
			.contact_main_h h1 { text-transform: uppercase; color: #55bfcf; font-size: 35px; padding-bottom: 32px; line-height: 39px; }
			.contact_main_h h3 { font-size: 16px; color: #958f8e; margin-bottom: 15px; text-transform: uppercase; }
			.contact_main_h hr { color: #eae9e8; margin-bottom: 30px; border: solid 1px; }
		.contact_main_f { font-size: 11px; color: #958f8e;}
	.contact_ask { color: #2b1e1d; margin-bottom: 50px; }
		.contact_ask li {}
		.contact_ask li p { cursor: pointer }
		.contact_ask li p:before { content: ''; display: inline-block; background: url('../bundles/westjdbintegration/css/i/contact_big_stripe.png') 0px 0px no-repeat; width: 17px; height: 14px; vertical-align: middle; -webkit-transition: -webkit-transform 350ms ease, margin 350ms ease; transition: transform 350ms ease, margin 350ms ease; margin-right: 5px }
		.contact_ask li p.active:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
			.contact_ask li p { display: inline-block; margin-bottom: 10px; font-size: 15px; font-weight: bold; padding-left: 0px }
			.contact_ask li ul { margin-left: 10px }
			.contact_ask li > ul,.contact_ask li ul li .contact_ask_answer { opacity: 0; visibility: hidden; max-height: 0; -webkit-transition: opacity 500ms ease, visibility 500ms ease, max-height 600ms ease; transition: opacity 500ms ease, visibility 500ms ease, max-height 600ms ease; cursor: default }
			.contact_ask li p.active + ul, .contact_ask li ul li p.active + .contact_ask_answer {
				opacity: 1;
				visibility: visible; -webkit-transition-delay: 0;
				transition-delay: 0;
				max-height: inherit;
				position: relative;
			}
				.contact_ask li ul li { margin-left: 10px; }
					.contact_ask li ul li p { margin-bottom: 10px; font-size: 13px; font-weight: 600; margin-left: 0px; }
					.contact_ask li ul li .contact_ask_answer { display: block; font-size: 13px; font-weight: normal; color: #989291; font-style: italic; margin-left: 40px; margin-bottom: 20px }
					.contact_ask li ul li p:before { content: ''; display: inline-block; background: url('../bundles/westjdbintegration/css/i/contact_small_stripe.png') 0px 0px no-repeat; width: 17px; height: 11px; -webkit-transition: -webkit-transform .35s ease; transition: transform .35s ease; }
					.contact_ask li ul li p.active:before { content: ''; display: inline-block; background: url('../bundles/westjdbintegration/css/i/contact_small_stripe.png') 3px 0px no-repeat; width: 17px; height: 11px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px; }
		.contact_mea_main { background: url('../bundles/westjdbintegration/css/i/contact_mea_f.jpg') 100% 19% no-repeat; border: solid 1px #2b1e1d; padding: 27px 20px; margin-top: 25px; width: 220px; }
			.contact_mea_main p:first-child { font-size: 15px; color: #55bfcf; text-transform: uppercase; font-weight: 600; padding-bottom: 20px; }
			.contact_cat { color: #989291; text-transform: uppercase; font-weight: bold; padding-bottom: 8px; }
			.contact_mea_main p:nth-child(3) { font-weight: bold; }
			.contact_mea_main p:nth-child(4) { padding-bottom: 20px; }
			.contact_mea_main p:nth-child(6) { font-weight: 600; }
			.contact_mea_main p:nth-child(7) { font-size: 20px; }
.popin_n_c .contact_main { width: 100%; float: none; }
.popin_n_c .contact_main a { float: none; display: inline; }
.contact .contact-reson select, .contact .contact-reson  .select2-container { width: 27%; }


@media (max-width: 629px) {
	.contact .contact-reson select, .contact .contact-reson .select2-container { width: 49%; display: inline-block; }
}

@media (max-width: 380px) {
	.contact .contact-reson select, .contact .contact-reson  .select2-container { width: 98%; display: inline-block; }
	.contact .contact-reson select + .select2-container {margin-top: 10px;}
}

@media (max-width: 940px ) {
	.contact_main { width: 100%; float: none; }
		.contact_main_f { margin-bottom: 40px; }
		.contact_mea_main { background: url('../bundles/westjdbintegration/css/i/contact_mea_f.jpg') 100% 27% no-repeat; display: block; margin: 0; padding: 5% 2%; width: 96% }
			.contact_mea_main p { text-align: left; }
}

/* account */
.account { margin-bottom: 20px }
.account:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
	.accountmain { width: 67%; float: right; background: #fff; padding: 4% }
		.accountmain_h { letter-spacing: 2px; text-transform: uppercase; padding-bottom: 25px; line-height: 1 }
			.accountmain_h h1 { font-size: 20px; color: #2b1e1d; padding-bottom: 15px }
			.accountmain_h h2 { font-size: 34px; color: #55bfcf; padding-bottom: 15px }
		.accountmain_order { color: #2b1e1d; letter-spacing: 1px; font-size: 13px; font-weight: 400; text-align: center }
			.accountmain_order a { color: #55bfcf; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
			.accountmain_order a:hover { opacity: .7 }
			.accountmain_order table { margin-bottom: 20px }
				.accountmain_order tr { border-bottom: 1px solid #dfdfdf }
					.accountmain_order th { color: #958f8e; font-size: 14px; font-weight: bold; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 7px 0 }
					.accountmain_order td { padding: 13px 0 }
					.accountmain_order td.accountmain_order_num { font-weight: 700 }
					.accountmain_order td.accountmain_order_status { font-style: italic }
					.accountmain_order td a.accountmain_order_purchase,
					.accountmain_order td a.accountmain_order_invoice { background: url('../bundles/westjdbintegration/css/i/accountmain_order.png') no-repeat center 0; padding: 40px 0 5px; width: 60px; display: inline-block; vertical-align: top; font-size: 10px; line-height: 12px; color: #aba9a8; text-transform: uppercase }
					.accountmain_order td a.accountmain_order_purchase {}
					.accountmain_order td a.accountmain_order_invoice { background-position: center -140px }
			.accountmain_order_mention { text-align: left; font-size: 11px; line-height: 15px; color: #958f8e }
		.accountmain_address { color: #2b1e1d }
		.accountmain_address:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
			.accountmain_address_n { width: 48%; padding: 3%; margin-right: 4%; margin-bottom: 4%; float: left; border: 1px solid #e6e5e5; letter-spacing: 1px; box-sizing: border-box; position: relative }
			.accountmain_address_n:nth-of-type(2n+2) { margin-right: 0 }
				.accountmain_address_n h2 { padding-bottom: 20px; font-size: 14px; font-weight: 600; color: #958f8e }
				.accountmain_address_n p { margin-bottom: 4px }
				.accountmain_address_n .accountmain_address_n_edit,
				.accountmain_address_n .accountmain_address_n_remove { width: 21px; height: 22px; background: url('../bundles/westjdbintegration/css/i/accountmain_address_n.png') 0 0 no-repeat; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; position: absolute; top: 20px; right: 20px }
				.accountmain_address_n .accountmain_address_n_edit:hover,
				.accountmain_address_n .accountmain_address_n_remove:hover { opacity: .7 }
				.accountmain_address_n .accountmain_address_n_edit { background-position: 0 0 }
				.accountmain_address_n .accountmain_address_n_remove { background-position: 0 -40px; top: 60px }
		.accountmain_f { text-align: right }
			.accountmain_f_add { background-color: #55bfcf; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px 20px; margin: 0 auto; display: inline-block; border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease }
			.accountmain_f_add:hover { border-color: #48a3b0 }

@media (max-width: 826px) {
	.accountmain_address_n { width: 100%; padding: 3% 4%; margin-right: 0 }
}

@media (max-width: 699px) {
	.account .sidemenu img { display: none }
	.accountmain { width: 92%; float: none }
		.accountmain_f { text-align: center }
}

/* pagination */
.pagination { text-align: center; padding-left: 14px; }
	.pagination a { display: inline-block; vertical-align: middle;margin-right: -1px; margin-top: 0px; color: #2b1e1d; }
	.pagination .pagination_first { width: 7px; height: 9px; background: url('../bundles/westjdbintegration/css/i/pagination.png') 0px 0px no-repeat; padding-right: 20px; text-indent: -2000px }
	.pagination .pagination_prev { width: 7px; height: 9px; background: url('../bundles/westjdbintegration/css/i/pagination.png') 0px -10px no-repeat; padding-right: 22px; text-indent: -2000px }
	.pagination .pagination_next { width: 7px; height: 9px; background: url('../bundles/westjdbintegration/css/i/pagination.png') 0px -20px no-repeat; padding-left: 15px; padding-right: 4px; text-indent: -2000px }
	.pagination .pagination_last { width: 7px; height: 9px; background: url('../bundles/westjdbintegration/css/i/pagination.png') 0px -30px no-repeat; padding-left: 20px; text-indent: -2000px }
	.numpage_list { font-size: 13px; margin-right: 15px; display: inline-block; vertical-align: middle; margin-right: -4px }
		.numpage_list li { display: inline-block; vertical-align: middle; margin-right: -4px }
		.numpage_list li.sel a,
		.numpage_list li.sel a:hover { background-color: #55bfcf; color: #fff; }
		.numpage_list li a { -webkit-transition: color 350ms ease; transition: color 350ms ease }
		.numpage_list li a:hover { color: #55bfcf }
		.numpage_list_li { padding: 3px 9px; }
		.numpage_list_li_last { padding: 3px 28px 3px 9px; }

/* cartsteps */
    .cartsteps { width:460px; margin:0 auto; position:relative; text-transform: uppercase; font-size:12px; letter-spacing:0.5px;  }
        .cartsteps:after { content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
        .cartsteps_done { z-index:0; border-top:1px solid #55bfcf; position:absolute; top:20px; left:50px; right:50px;}
        .cartsteps_todo { z-index:1; border-top:1px solid #787170; position:absolute; top:20px; left:50px; right:50px; -webkit-transition:left 1s; transition:left 1s;}
            .cartsteps_asStep2 .cartsteps_todo { left:170px; }
            .cartsteps_asStep3 .cartsteps_todo { left:290px; }
            .cartsteps_asStep4 .cartsteps_todo { left:410px; }
        .cartsteps a { z-index:2; position:relative; text-align:center; color:#787170; display:block; width: 100px; margin:0 10px; height:90px; float:left; -webkit-transition:color 1s,background 0.5s; transition:color 1s,background 0.5s; background:url(../bundles/westjdbintegration/css/i/cart.png) center 90px  no-repeat; }
                .cartsteps a.des { cursor:default }
        .cartsteps i { background:url(../bundles/westjdbintegration/css/i/cart.png) no-repeat 0 -20px; width:40px; height:40px; display: block; margin:0 auto 10px }
            a.cartsteps_step1 { margin-left:0; color:#55bfcf}
            a.cartsteps_step2 i { background-position: 0 -60px;}
            a.cartsteps_step3 i { background-position: 0 -100px;}
            a.cartsteps_step4 { margin-right:0; }
            a.cartsteps_step4 i { background-position: 0 -140px;}
            .cartsteps_asStep2 a.cartsteps_step2,
            .cartsteps_asStep3 a.cartsteps_step2,
            .cartsteps_asStep3 a.cartsteps_step3,
            .cartsteps_asStep4 a.cartsteps_step2,
            .cartsteps_asStep4 a.cartsteps_step3,
            .cartsteps_asStep4 a.cartsteps_step4 { color:#55bfcf }
            .cartsteps_asStep2 a.cartsteps_step2 i,
            .cartsteps_asStep3 a.cartsteps_step2 i,
            .cartsteps_asStep4 a.cartsteps_step2 i  { background-position:0 -180px; }
            .cartsteps_asStep3 a.cartsteps_step3 i,
            .cartsteps_asStep4 a.cartsteps_step3 i { background-position:0 -220px; }
            .cartsteps_asStep4 a.cartsteps_step4 i { background-position:0 -260px; }
            .cartsteps_asStep1 a.cartsteps_step1,
            .cartsteps_asStep2 a.cartsteps_step2,
            .cartsteps_asStep3 a.cartsteps_step3,
            .cartsteps_asStep4 a.cartsteps_step4 { background:url(../bundles/westjdbintegration/css/i/cart.png) center 83px  no-repeat; }

    @media (max-width:460px) {
        .cartsteps { width:300px }
        .cartsteps a span { display:none }
        .cartsteps a { width:75px; margin:0;  height: 60px; padding:0 }
            .cartsteps_asStep2 .cartsteps_todo { left:120px; }
            .cartsteps_asStep3 .cartsteps_todo { left:200px; }
            .cartsteps_asStep4 .cartsteps_todo { left:300px; }
            .cartsteps_asStep1 a.cartsteps_step1,
            .cartsteps_asStep2 a.cartsteps_step2,
            .cartsteps_asStep3 a.cartsteps_step3,
            .cartsteps_asStep4 a.cartsteps_step4 { background-position:center 53px; }
    }
            
    /* cartmain */
    .cartmain { background:#fff; padding:40px; margin-bottom: 40px; color:#2b1e1d; }
        .cartmain_h { font-size:30px; color:#55bfcf; text-transform:uppercase; font-weight:300; letter-spacing:2px; margin-bottom:30px; }
        .cartmain_products { margin:30px 0  }
        	.cartmain_products_asShort { margin-top: 0 } 
        .cartmain_products table { width:100%; }
       		.cartmain_products th { font-size:14px; line-height:14px; padding:13px; font-weight:700; color:#958f8e; text-align:center; letter-spacing: 1px; border-top:1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
	       		.cartmain_products_asShort th { border-top: none; }
       		.cartmain_products td { border-bottom: 1px solid #dfdfdf; }
       		td.cartmain_products_i { width:200px; }
       		td.cartmain_products_i img { width:160px; }
       		td.cartmain_products_name {  text-transform: uppercase; font-size:13px; color:#958f8e; width:180px; padding:20px 0; }
       			.cartmain_products_asShort td.cartmain_products_name { padding: 10px 0 }
	       		td.cartmain_products_name strong {  color:#2b1e1d; display: block; font-weight: 700; font-size:14px; }
	       		.cartmain_products_asShort td.cartmain_products_name strong {  display: inline-block; padding-left: 10px }
	       		.cartmain_products_asShort td.cartmain_products_name { width: auto; }
	       		.cartmain_products_name_detail { display: block; text-transform: none; }
	       		td.cartmain_products_incl { text-transform: uppercase; font-size:13px; color:#958f8e; padding:10px 0; }
		       		td.cartmain_products_incl strong { color:#999; display: block; font-weight: 700; font-size:12px; padding-left: 40px }
	       	td.cartmain_products_price { text-align: center; font-size:14px; color:#2b1e1d}
	       	td.cartmain_products_qty { text-align: center; font-size:14px; color:#2b1e1d}
	       	td.cartmain_products_sum { text-align: center; font-size:20px; color:#2b1e1d; position: relative; padding-right: 60px;}
	       	th.cartmain_products_sum { padding-right: 60px; }
	       		.cartmain_products_asShort th.cartmain_products_sum { padding-right: 0; }
	       		.cartmain_products_asShort td.cartmain_products_sum { padding-right: 0; font-size:14px; }
	       		td.cartmain_products_sum del { display: block; text-decoration: line-through; }
	       	.cartmain_products_remove { background:url(../bundles/westjdbintegration/css/i/cartmain_products_remove.png) center center no-repeat; opacity:0.7; width: 50px; height: 50px; text-indent: 100px; overflow: hidden; position: absolute; right:0; }
	       			.cartmain_products_remove:hover { opacity: 1 }
	       	tr.cartmain_products_rowsum td { background: #ddf2f5; border-bottom:none; position: relative; top:-1px; }
	       	tr.cartmain_products_rowsum strong { color:#55bfcf; }
	       	tr.cartmain_products_rowsum td.cartmain_products_sum { font-size:20px; color:#55bfcf;  }
	       	.cartmain_title { border-bottom: 1px solid #dfdfdf; font-size: 14px; color: #958f8e; letter-spacing: 1px; text-transform:uppercase; padding-bottom: 10px; margin-bottom: 20px }
	       		.cartmain_title_noSpaceAfter { margin-bottom: 0 }
	       		.cartmain_title_withSpaceBefore { margin-top: 40px }
	    .cartmain_options { overflow: auto;  }
	    	.cartmain_options_code { width:44%; float:left;  }
				.cartmain_options_code_h strong,
				.cartmain_options_sum_h strong { float: right; color:#2b1e1d; font-size: 20px }
				.cartmain_options_code .cartmain_options_field { width: 80%; max-width:260px; }
				.cartmain_options_field { background:#eae9e8; padding:10px 15px; font-size:12px; line-height: 15px; margin-top: 10px }
				.cartmain_options_code_cta { display: inline-block; background:#999; padding:10px 10px; font-size:12px; line-height: 14px;  }
	    	.cartmain_options_sum { width:44%; float:right;  }
	    		.cartmain_options_sum li { font-size:14px; letter-spacing: 1px; margin-left:40px; text-indent: -20px; margin-bottom: 20px; }
	    .cartmain_greetings { margin:0 0 40px 40px; }
		    .cartmain_greetings textarea { width:100%; box-sizing: border-box; height:120px;-webkit-transition:all 0.3s;transition:all 0.3s; resize: none; }
		    .cartmain_greetings_metrics { position: relative; font-size:11px; letter-spacing: 1px; color:#958f8e; -webkit-transition:all 0.3s; transition:all 0.3s; height:15px;  }
		    .cartmain_greetings_car { position: absolute; right:0;  }
		    .cartmain_greetings_cta { display: block; text-align: right; color:#958f8e; font-size:12px; letter-spacing: 0.5px; text-transform: uppercase; padding: 10px 0; height:15px;  }
                    .cartmain_greetings.inactive textarea { height:60px; }
                    .cartmain_greetings.inactive .cartmain_greetings_metrics,
                    .cartmain_greetings.inactive .cartmain_greetings_cta { height:1px; opacity:0;  }
	    .cartmain_sum { background:#ddf2f5; color:#55bfcf; padding: 14px 18px 14px 20px; position: relative; line-height: 22px; font-size: 14px;  letter-spacing: 1px}
    	    .cartmain_sum strong { font-size: 20px; float: right; position: absolute; right: 20px; top:14px; }
			.cartmain_delivery + .cartmain_sum { text-transform: uppercase; }
   	    .cartmain_next { text-align: right; margin: 20px 0 }
	    	.cartmain_next .btn { text-align: center;width: 220px; padding:10px 0 8px; line-height: 15px; letter-spacing: 1px;  display: inline-block;border-bottom: 2px solid transparent }
	    	.cartmain_next .btn:hover { border-color: #48a3b0; padding-bottom: 8px }
    	.cartmain_delivery { margin-bottom: 20px}
    		.cartmain_delivery label { display: block; padding:10px 20px; position: relative; -webkit-transition: background 0.5s; transition: background 0.5s; cursor: pointer; }
	    		.cartmain_delivery .sel label { background: #f4f4f3 }
    		.cartmain_delivery li strong { font-weight: 700; font-size:15px; letter-spacing: 1px; display: inline-block; padding: 0 20px; width:240px; }
    		.cartmain_delivery_i { width:130px; height: 50px; vertical-align: middle; }
    		.cartmain_delivery_details { display: inline-block; margin-left:20px; letter-spacing: 1px; }
	    		.cartmain_delivery_details em { color:#55bfcf;  }
	    	.cartmain_delivery_price { position: absolute; top: 20px; right: 20px; color: #2b1e1d; font-size: 20px; }
	    	.cartmain_delivery_legal { color:#958f8e;font-size:11px; letter-spacing: 0.5px; margin-top:20px; }
	    		.cartmain_delivery_legal a { text-decoration: underline; text-transform: uppercase;font-size:11px; letter-spacing: 1px ; color:#958f8e;}
        .cartmain_recap { display: inline } 
    		.cartmain_recap:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
		    .cartmain_recap_delivery { width:27%; float:left; }
		    	.cartmain_recap_delivery address { background: #f4f4f4; padding: 10px; font-style: normal; }
		    	.cartmain_recap_delivery p { font-weight: 600; margin-top: 10px; }
		    .cartmain_recap_invoice { width:69%; float:right; }
        .cartmain_agree { display: block; font-size:14px;}
                .cartmain_agree a { color:#000; text-decoration: underline; display: inline; }
        .cartmain_deliverybox { padding: 40px; margin: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2); background: #fff  }
        	.cartmain_deliverybox_h { color:#55bfcf; font-size: 20px; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }
        	.cartmain_deliverybox_offer { font-weight: 700; margin-top: 10px; }
        	.cartmain_deliverybox_tbl { border:1px solid #e9e8e8; padding:10px; margin: 30px 0 }
   	        	.cartmain_deliverybox_tbl { font-weight: 700 }
   	        	.cartmain_deliverybox_tbl th,
   	        	.cartmain_deliverybox_tbl td { border-bottom: 1px solid #e9e9e8; padding:10px 30px 10px 0; text-align: left}
   	        	.cartmain_deliverybox_tbl th { text-transform: uppercase; font-size:13px; text-transform: uppercase; color: #958f8e; font-weight: 700 }
   	        		.cartmain_deliverybox_tbl tr:last-child td { border-bottom:none }
   	        		.cartmain_deliverybox_tbl th.cartmain_deliverybox_tbl_mergecol { border-bottom: none; padding-bottom: 0 }
   	        		.cartmain_deliverybox_tbl_mergerow th { padding-top: 0}
   	        	.cartmain_deliverybox_tbl td:first-child { width: 20%; }
   	        	.cartmain_deliverybox_tbl strong { font-weight: 700 }
   	        	.cartmain_deliverybox_tbl em { color:#5dc1d1; }
   	        .cartmain_deliverybox_legals p { font-size: 12px; margin-bottom: 10px; }
   	        	.cartmain_deliverybox_legals strong { font-weight: 700; }
   	        	.cartmain_deliverybox_legals em { color:#958f8e; }
		.cartmain_deliveryadress { margin-bottom: 20px}
   	    .cartmain_deliveryadress:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
   	    	.cartmain_deliveryadress_edit,
   	    	.cartmain_deliveryadress_new { width: 45%; float: left; padding: 2.5%; position: relative }
			.cartmain_deliveryadress_edit.sel,
			.cartmain_deliveryadress_new.sel { background: #f4f4f3; }
   	    	.cartmain_deliveryadress_edit { font-style: normal }
   	    		.cartmain_deliveryadress_edit span,
   	    		.cartmain_deliveryadress_new span { font-weight: 700; display: block; margin-bottom: 5px; padding-left: 40px }
   	    		.cartmain_deliveryadress_new span { text-align: center; clear: right; display: block; width: 100%; margin: 15px 0; padding-left: 0 }
   	    		.cartmain_deliveryadress_edit address,
   	    		.cartmain_deliveryadress_new address { font-style: normal; padding-left: 40px }
   	    		.cartmain_deliveryadress_edit label,
   	    		.cartmain_deliveryadress_new label { margin-bottom: 15px; display: block }
   	    			.cartmain_deliveryadress_edit input[type='radio'],
   	    			.cartmain_deliveryadress_new input[type='radio'] { margin-right: 20px }
   	    		.cartmain_deliveryadress_edit .btn,
				.cartmain_deliveryadress_new .btn { position: absolute; bottom:30px; right: 
   	    		30px; background:#999; color:#fff; font-size: 13px; text-align: center;width: 100px; padding:10px 0 8px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px;  display: inline-block;border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; font-weight: 700; cursor: pointer }
				.cartmain_deliveryadress_new .btn { position: relative; bottom: inherit; right: inherit; margin: 0 auto; width: 220px; display: block }
				.cartmain_deliveryadress_edit .btn:hover,
				.cartmain_deliveryadress_new .btn:hover { border-color: #787878; padding-bottom: 8px }
	    		.cartmain_deliveryadress_new select { width: 90%; margin-left: 10% }
				.cartmain_deliveryadress_new .adress_conteneur  { position:relative; margin-top:5px; }
				.cartmain_deliveryadress_new .adress_conteneur .btn { position: absolute; bottom: 10px;width: 100px;display: inline-block; right:0px; }

   	    .EVOL1214cartmain_deliveryadress { border-bottom:1px solid #ddd; margin-bottom:40px;}
                .EVOL1214cartmain_deliveryadress:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
                .EVOL1214cartmain_deliveryadress li { width:33%; float:left; padding:2%; box-sizing:border-box; }
                    .EVOL1214cartmain_deliveryadress li.sel { background: #f4f4f3; }
                    .EVOL1214cartmain_deliveryadress li input { float:left; position:relative; top:3px }
                        .EVOL1214cartmain_deliveryadress li address { font-style: normal; padding-left: 25px;  }
                        .EVOL1214cartmain_deliveryadress li address strong { font-weight: 700; display: block; }
                    .EVOL1214cartmain_deliveryadress li .btn { margin-top:10px;  width:auto; margin-left:25px; }
                    .EVOL1214cartmain_deliveryadress_new { clear:left  }
                .EVOL1214cartmain_deliveryadress li:nth-child(3n+1) { clear:left }
                .EVOL1214cartmain_deliveryadress .btn_asGrey { background:#999 }
                a.EVOL1214cartmain_deliveryadress_edit { color:#000; text-decoration: underline; margin:5px 0 0 25px;}
            /*
   	    	.EVOL1214cartmain_deliveryadress_edit {  padding: 2.5%; position: relative; background: #f4f4f3; font-style: normal }
                    .EVOL1214cartmain_deliveryadress_edit:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
                    .EVOL1214cartmain_deliveryadress_edit label,
                    .EVOL1214cartmain_deliveryadress_new label { margin-bottom: 15px; display: block }
                    .EVOL1214cartmain_deliveryadress_edit label { float:left; width:50%; }
                    .EVOL1214cartmain_deliveryadress_edit address { font-style: normal; padding-left: 40px; float:left; width:30%; }
                    .EVOL1214cartmain_deliveryadress_edit .btn { width:15% }
                    .EVOL1214cartmain_deliveryadress address strong { font-weight: 700; display: block; }
   	    	.EVOL1214cartmain_deliveryadress_new {  padding: 2.5%; position: relative; clear:left; }
                    .EVOL1214cartmain_deliveryadress_new span { text-align: center; clear: right; display: block; width: 100%; margin: 15px 0; padding-left: 0 }
                            .EVOL1214cartmain_deliveryadress_edit input[type='radio'],
                            .EVOL1214cartmain_deliveryadress_new input[type='radio'] { margin-right: 20px }
                    .EVOL1214cartmain_deliveryadress_edit .btn,
                            .EVOL1214cartmain_deliveryadress_new .btn { position: absolute; bottom:30px; right:30px; background:#999; color:#fff; font-size: 13px; text-align: center;width: 100px; padding:10px 0 8px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px;  display: inline-block;border-bottom: 2px solid transparent; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; font-weight: 700; cursor: pointer }
                            .EVOL1214cartmain_deliveryadress_new .btn { position: relative; bottom: inherit; right: inherit; margin: 0 auto; width: 220px; display: block }
                            .EVOL1214cartmain_deliveryadress_edit .btn:hover,
                            .EVOL1214cartmain_deliveryadress_new .btn:hover { border-color: #787878; padding-bottom: 8px }
                    .EVOL1214cartmain_deliveryadress_new select {  }
            */
		.cartmain_shops {}
			.cartmain_shops_intro { font-size:13px; letter-spacing: 1px; margin-bottom: 40px }
			.cartmain_shops_search { margin-bottom: 40px }
				.cartmain_shops_search_inp { background: #eae9e8 url(../bundles/westjdbintegration/css/i/cartmain_shops_search_inp.gif) no-repeat 93% 50%; border-bottom: 2px solid #eae9e8; color:#000; padding:10px 10px 8px; font-size: 13px; margin-right: 40px  }
					.cartmain_shops_search_inp:focus { border-bottom: 2px solid #ccc  }
				.cartmain_shops_search_result { font-size:15px; font-style: italic;color:#55bfcf; letter-spacing: 1px}
   	    	.cartmain_shops_list { margin-bottom:40px;}
                .cartmain_shops_list:after { content: ''; display: block; clear: both; line-height: 0; visibility: hidden; height: 0 }
                .cartmain_shops_list li { width:33%; float:left; padding:2%; box-sizing:border-box; }
                    .cartmain_shops_list li.sel { background: #f4f4f3; }
                    .cartmain_shops_list li input { float:left; position:relative; top:3px }
                        .cartmain_shops_list li address { font-style: normal; padding-left: 25px;  }
                        .cartmain_shops_list li address strong { font-weight: 700; display: block; }
                    .cartmain_shops_list li .btn { margin-top:10px;  width:auto; margin-left:25px; }
                    .cartmain_shops_list_new { clear:left  }
                .cartmain_shops_list li:nth-child(3n+1) { clear:left }
			.cartmain_shops_sel { border:2px solid #000; padding:40px 20px; overflow: auto; }
				.cartmain_shops_sel_h { text-align: center; font-size: 15px;letter-spacing: 1px; padding-bottom: 40px }
					.cartmain_shops_sel_h strong { font-weight: bold; text-transform: uppercase; display: block; padding: 5px;  }
                .cartmain_shops_sel_c_addr { text-align: center; width: 240px; margin-right: 20px; float:left; border-right: 1px solid #ccc; }
					.cartmain_shops_sel_c_addr p { margin-bottom: 10px }
				.cartmain_shops_sel_c_hours p { float:left; width:130px; margin-bottom: 20px }
					.cartmain_shops_sel_c_hours p strong { color: #b1acab; display: block;  }

        .cartmain_f { border-top:1px solid #dfdfdf; color:#2b1e1d; overflow:auto; text-align: center; padding:30px 0 0; margin-top: 40px; }
            .cartmain_f a { color: #2b1e1d; opacity:0.5; text-transform:uppercase; font-size:12px; font-weight:600 }
                .cartmain_f a:hover { opacity:0.8 }
            .cartmain_f_cards { float:left; width:64%; letter-spacing: 1px; font-size:14px; }
                .cartmain_f_cards span {  display:block; }
                .cartmain_f_cards img {  margin:10px 0 }
            .cartmain_f_contact { float:left; width:21%; }
                 .cartmain_f_contact i { background:url(../bundles/westjdbintegration/css/i/cart.png) center -300px no-repeat; display:block; height:40px; margin:0 0 10px; }
            .cartmain_f_legal { float:left; width:15%; }
                 .cartmain_f_legal i { background:url(../bundles/westjdbintegration/css/i/cart.png) center -340px no-repeat; display:block; height:40px; margin:0 0 10px; }

    @media (max-width:990px) {
    	.cartmain_delivery label { border-bottom: 1px solid #eae9e8 }
    	.cartmain_delivery_i { width:65px; height: 25px }
    	.cartmain_delivery_details { letter-spacing: 0 }
    	.cartmain_delivery_price { top:10px; }
		.cartmain_deliverybox { padding: 20px; }
    		.cartmain_deliverybox_tbl { overflow: auto; padding: 5px; }
    		.cartmain_deliverybox_tbl th,
    		.cartmain_deliverybox_tbl td { padding: 3px }
    	.cartmain_shops_search_result { display: block; padding-top: 10px }
    	.cartmain_shops_sel_c_addr { float: none; width:auto;border-right: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 10px }
    	.cartmain_shops_sel_c_hours p { width: auto; padding:0 0 0 30px  }
    }
    @media (max-width:810px) {
        .cartmain { padding:30px 20px }
        .cartmain_f_cards { float:none; width:100%; margin-bottom:20px; border-bottom:1px solid #dfdfdf; padding-bottom: 20px; }
        .cartmain_f_cards img { width:100%; max-width:400px;}
        .cartmain_f_contact,
        .cartmain_f_legal { width:50% }
        td.cartmain_products_i { width:15% }
        td.cartmain_products_name { width:25%; }
       		td.cartmain_products_i img { max-width:160px; width:90%; }
       	.cartmain_options_code,
       	.cartmain_options_sum { width: 30%; float: none; margin: 0 auto }
       	.cartmain_options_code .btn,
       	.cartmain_options_sum .btn { width: 100% }
       	.cartmain_options_sum li  { margin-left: 20px;  }
       	.cartmain_greetings  { margin-left: 20px;  }
       	.cartmain_recap_delivery,
       	.cartmain_recap_invoice { float: none; width: auto; }
       	.cartmain_recap_invoice { margin-top: 40px }
       	.cartmain_delivery label { padding: 10px }
       	.cartmain_delivery_details { display: block; padding-left: 15px }
       	.cartmain_delivery_i { display: block; margin:10px 35px; width:100px; height: auto; }
       	.cartmain_deliveryadress_edit,
   	    .cartmain_deliveryadress_new { width: 92%; float: none; padding: 4%; margin-bottom: 4% }

    }

    @media (max-width:600px) {
        td.cartmain_products_i { width:2%;}
       		td.cartmain_products_i img { display:none }
       	.cartmain_products th.cartmain_products_price,
       	td.cartmain_products_price { display: none }
       	td.cartmain_products_sum { padding: 13px 13px 60px 13px}
       		.cartmain_products_asShort td.cartmain_products_sum { padding-bottom: 10px}
       	th.cartmain_products_sum { padding: 13px}
       	.cartmain_products_remove { bottom: 0;}
       	.cartmain_delivery_i { display: none }
   	    .cartmain_shops_list li { width:100%; float: none; }
		.cartmain_options_code,
       	.cartmain_options_sum { width: 50% }
    }

	@media (max-width:480px) {
		td.cartmain_products_qty .quantity span { padding: 9px 8px }
	    td.cartmain_products_qty .quantity input  { padding: 10px 5px 9px; width: 30px }
		.cartmain_options_code,
       	.cartmain_options_sum { width: 100% }
	}
	
/* guide */
.guide:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
	.guidemain { width: 75%; float: right; font-family: 'Source Sans Pro'; color: #2b1e1d; background: #fff; }
		.guidemain_h { position: relative }
			.guidemain_h img { position: relative; display: block; width: 100%; z-index: 0 }
			.guidemain_h_c { position: absolute; z-index: 1; padding-top: 30px; padding-left: 40px; top: 0; left: 0; right: 0; bottom: 0; text-transform: uppercase; letter-spacing: 2px;
			background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.21)), color-stop(100%,rgba(0,0,0,0.51)));
			background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
			background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 30%, rgba(0,0,0,0.51) 100%);
			background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 30%,rgba(0,0,0,0.51) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ) /* IE6-9 */ }
				.guidemain_h_c h1 { color: #bbb; font-size: 20px; padding-bottom: 16px }
				.guidemain_h_c h2 { color: #fff; font-size: 35px }
		.guidemain_c { background: #fff; padding: 0 60px }
			.guidemain_c_h { padding: 50px 0; text-align: center }
				.guidemain_c_h p { font-size: 15px; line-height: 20px; color: #2b1e1d; font-style: italic }
			.guidemain_c_products {}
				.guidemain_c_products_n { width: 260px; display: inline-block; vertical-align: top; margin: 0 -4px 0 60px; padding-bottom: 70px; border-top: 1px solid #e9e9e8 }
				.guidemain_c_products_n:nth-of-type(2n+1) { margin-left: 0 }
					.guidemain_c_products_n img { max-width: 160px; display: block; margin: 30px auto }
					.guidemain_c_products_n h3 { font-size: 20px; text-transform: uppercase; color: #2b1e1d; letter-spacing: 2px }
					.guidemain_c_products_n h4, .guidemain_c_products_n p { font-size: 13px; line-height: 20px; letter-spacing: 1px }
					.guidemain_c_products_n h4 { color: #2b1e1d }
					.guidemain_c_products_n p { color: #938f8e }


@media (max-width: 940px) {
	.guidemain_c { background: #fff; padding: 0 10% }
		.guidemain_c_products_n { width: 45%; margin: 0 -4px 0 10%; padding-bottom: 10%; text-align: center }
}

@media (max-width: 699px) {
	.guidemain { width: 100%; float: none }	
}

@media (max-width: 569px) {
	.guidemain_c_products_n { width: 100%; margin: 0 }
	.guidemain_c_products_n:nth-of-type(2n+1) { margin-left: 0 }
}
/* Popin */
.popin { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.5); z-index: 9999 }
	.popin_flex { display: flex; flex-direction: row;}
	.popin_w { position: absolute; top: 150px; left: 50%; margin-left: -470px; width: 860px; background: url('../bundles/westjdbintegration/css/i/popin.jpg') 0 0 no-repeat; padding: 70px 40px 50px; background-size: cover }
	.popin_w_asDeliverybox, .popin_w_asImage { background: #fff; width: 940px; padding: 0; color:#2b1e1d; }
        .popin_w_asImage_c {   background: none repeat scroll 0 0 #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin: 0; padding: 10px;}
        .popin_w_asImage_c figure { text-align: center; }
        .popin_w_asImage_c figure:empty { min-height:100px;}
        .popin_w_asImage_c figure img { max-width:100%;}
    .popin_w:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0 }
		.popin_close { z-index: 100000; width: 16px; height: 16px; position: absolute; top: 20px; right: 20px; background: url('../bundles/westjdbintegration/css/i/popin_close.png') 0 0 no-repeat; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
		.popin_close:hover { opacity: .6 }
		.popin_ce { background: #fff; padding: 35px }
		.popin_ce:after { content: ''; clear: both; display: block; visibility: hidden; line-height: 0; height: 0 }
			.popin_ce_infos { width: 40%; float: left }
				.popin_ce_infos h2 { font-size: 20px; color: #55bfcf; text-transform: uppercase; padding-bottom: 25px; letter-spacing: 2px }
				.popin_ce_infos p { font-size: 15px; line-height: 22px; color: #2b1e1d; letter-spacing: 1px; padding-bottom: 30px }
				.popin_ce_infos p:last-child { padding-bottom: 0 }
					.popin_ce_infos p span { font-weight: 600 }
			.popin_ce_login { width: 45%; float: right }
				.popin_ce_login img { display: block; width: 100% }
				.popin_ce_login form { padding-top: 70px }
					.popin_ce_login form button[type='submit'] { padding: 8px 70px 6px; background: #55bfcf; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 600; display: inline-block; float: right; margin-top: 20px; cursor: pointer; border-bottom: 2px solid transparent; -webkit-transition: opacity 350ms ease, border-color 350ms ease; transition: opacity 350ms ease, border-color 350ms ease }
					.popin_ce_login form button[type='submit']:hover,
					.popin_ce_login form button[type='submit']:focus { border-color: #48a3b0 }
					.popin_ce_login form button[type='submit']:after { content: ''; display: block; clear: right }
					.popin_ce_login_caract { font-size: 11px; text-align: right; color: #958f8e; display: block; padding-bottom: 10px; }
		.popin_n { width: 41%; background: #fff; padding: 35px 3.5%; float: left; color: #2b1e1d; letter-spacing: 1px }
		.popin_n:first-of-type { margin-right: 4% }
			.popin_n p { padding-bottom: 15px }
			.popin_n_h { padding-bottom: 20px }
				.popin_n_h h2 { font-size: 20px; line-height: 24px; color: #55bfcf; text-transform: uppercase; letter-spacing: 0 }
			.popin_n_c { padding-bottom: 25px }
				.popin_n_c form:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
					.popin_n_c a { float: left; width: 50%; color: #2b1e1d; margin: 10px 0 15px }
					.popin_n_c label { float: left; width: 50%; margin-top: 10px }
					.popin_n_c input[type='email'],
					.popin_n_c input[type='password'],
					.popin_n_c input[type='text'],
					.popin_ce_login input[type='text'],
					.form-in input[type='password'],
					.form-in input[type='text'] { background: #eae9e8; padding: 8px 18px; width: 100%; margin-bottom: 15px; color: #2b1e1d }
					.popin_n_c input[type='checkbox'],
					.form-in input[type='checkbox'] { vertical-align: middle; display: inline-block; margin-right: 12px }
					.popin_n_c input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e }
					.popin_n_c input:-moz-placeholder { letter-spacing: 1px; color: #958f8e }
					.popin_n_c input::-moz-placeholder { letter-spacing: 1px; color: #958f8e }
					.popin_n_c input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e }
					.form-in input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e }
					.form-in input:-moz-placeholder { letter-spacing: 1px; color: #958f8e }
					.form-in input::-moz-placeholder { letter-spacing: 1px; color: #958f8e }
					.form-in input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e }
			.popin_n_f { text-align: center }
				.popin_n_f > * { padding: 8px 30px 6px; -webkit-transition: border-color 350ms ease; transition: border-color 350ms ease; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 600; display: inline-block; border-bottom: 2px solid transparent }
				.popin_n_f > * { opacity: .9 }
				.popin_n_f_dark { background: #554b4a }
				.popin_n_f_dark:hover { border-color: #787878 }
				.popin_n_f_light { background: #55bfcf }
				.popin_n_f_light:hover { border-color: #48a3b0 }

@media (max-width: 940px) {
	.popin_w { width: 92%; left: 0; margin-left: 0; padding: 8% 4% 5% }
	.popin_w_asDeliverybox, .popin_w_asImage { width: 100%; left: 0; margin-left: 0; padding: 0 }
}

@media (max-width: 829px) {
	.popin_close { top: 10px }
		.popin_n_c form a { float: none; width: 100% }
		.popin_n_c form label { float: none; width: 100% }
}

@media (max-width: 699px) {
	.popin_close { top: 20px }
	.popin_ce_infos, .popin_ce_login { width: 100%; float: none }
	.popin_ce_infos { padding-bottom: 40px }
		.popin_ce_login form { padding-top: 30px }
}

@media (max-width: 629px) {
	.popin_flex { display: flex; flex-direction: column;}
	.popin_w { top: 50px; overflow: auto; padding: 10% 4% }
	.popin_w_asDeliverybox, .popin_w_asImage { width: 100%; left: 0; margin-left: 0; padding: 0 }
		.popin_n { width: 90%; ; padding: 35px 5%; float: none; margin-bottom: 4%; margin-top: 10% }
		.popin_n:last-of-type { margin-bottom: 0 }
}

/* quantity */
.quantity { font-size: 0; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } 
	.quantity_asPack {text-align: center}
	.quantity input, .quantity span { display: inline-block; vertical-align: middle; background: #e6e4e4; color: #958f8e; border: 0; padding: 9px 14px; font-weight: 600; margin: 0 1px }
	.quantity input { padding: 12px 5px 9px; width: 50px; text-align: center }
	.quantity span { font-size: 16px; line-height: 16px; cursor: pointer; -webkit-transition: background 350ms ease; transition: background 350ms ease }
	.quantity span { font-size: 16px; line-height: 16px; cursor: pointer; -webkit-transition: background 350ms ease; transition: background 350ms ease }
	.quantity span:hover { background: #d9d7d7 }
	.quantity span.inc {}
	.quantity span.dec {}

/* js Interactions */
@-webkit-keyframes animDown {
	from {
		-webkit-transform: translate(0, -1000px)
	}
	to {
		-webkit-transform: translate(0,0)
	}
}


@-webkit-keyframes animUp {
	from {
		-webkit-transform: translate(0,0)
	}
	to {
		-webkit-transform: translate(0, -1000px);
	}
}

.jsOverflow { overflow: hidden }
.jsOverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.9); z-index: 9999; overflow: hidden }
.jsOverlay_asDown { -webkit-animation: animDown 600ms; }
.jsOverlay_asUp { -webkit-animation: animUp 600ms; }
	.jsOverlay .jsNavClose { width: 24px; height: 24px; background: url('../bundles/westjdbintegration/css/i/hd_c_nav_close.png') 0 0 no-repeat; position: absolute; top: 25px; left: 25px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
		.jsOverlay .jsNavClose:hover { opacity: .7 }

.btn { font-family: 'Source Sans Pro'; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px; width: 280px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
.btn:hover { opacity: .8 }
.btn[disabled] { opacity: .2;-webkit-transition: none;transition:none !important; }
.btn_asBlue { background-color: #55bfcf }
.btn_asBrown { background-color: #544a49 }
.btn_asBrown:hover { background-color: #6F6362 }
.btn_asGrey { background-color: #d9d7d7 }

/*
####### PLUGINS #######
*/

/* bx slider */
.bx-wrapper { position: relative; margin: 0 auto 20px; padding: 0; *zoom: 1 }
.bx-wrapper img { max-width: 100%; display: block }
.bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {	position: absolute;	bottom: 5px; width: 100%; }
.bx-wrapper .bx-pager { text-align: center;	font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; border: 1px solid #7e7371; outline: 0; position: relative; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease }
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {border-color: #4ca7ad }
.bx-wrapper .bx-pager.bx-default-pager a::before{ content: ''; width: 12px; height: 12px; border: 1px solid transparent; position: absolute; top: -3px;	left: -3px;	-webkit-transition: border-color 350ms ease .2s; transition: border-color 350ms ease .2s }
.bx-wrapper .bx-pager.bx-default-pager a:hover::before,
.bx-wrapper .bx-pager.bx-default-pager a.active::before { content: ''; width: 12px; height: 12px; border: 1px solid #a5d3d6; position: absolute; top: -3px; left: -3px }
.bx-wrapper .bx-controls-direction a.bx-prev { left: 0 }
.bx-wrapper .bx-controls-direction a.bx-next:before { background-position: 0 -21px; right: 10px }
.bx-wrapper .bx-controls-direction a.bx-prev:before::hover { background-position: -38px 0 }
.bx-wrapper .bx-controls-direction a.bx-next:before::hover { background-position: -38px -21px }
.bx-wrapper .bx-controls-direction a.disabled.bx-prev:before::hover { background-position: 0 0 }
.bx-wrapper .bx-controls-direction a.disabled.bx-next:before::hover { background-position: 0 -21px }
.bx-wrapper .bx-controls-direction a:before { content: ''; background: url('../bundles/westjdbintegration/css/i/hpcarousel_ctrl.png') no-repeat;	position: absolute; top: 50%; margin-top: -10px; outline: 0; width: 11px; height: 21px; z-index: 1000; -webkit-transition: background-position 350ms ease-in-out; transition: background-position 350ms ease-in-out; }
.bx-wrapper .bx-controls-direction a.bx-prev:before { left: 10px }
.bx-wrapper .bx-controls-direction a.bx-next { right: 0 }
.bx-wrapper .bx-controls-direction a { width:20px; position: absolute; top: 0; bottom: 0; text-indent: -9999px; height: 100% }
.bx-wrapper .bx-controls-direction a.disabled { opacity: .4; cursor: default }






/* -------------------------------------
	Popin
------------------------------------- */

.popin {
    position: fixed!important;
}

.popin__wrapper {
    background: white;
    position: absolute;
    padding: 30px 35px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.popin__wrapper--login {
    width: 420px;
    box-sizing: border-box;
}

.popin__wrapper--cgv {
    position: fixed;
    box-sizing: border-box;
    width: 940px;
    padding: 0px;
    top: 80px;
    bottom: 80px;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}

.popin__scroll {
    overflow: auto;
    height: 100%;
    text-align: left;
}

.popin__scroll .btn.btn_asGrey {
    background: #999999;
    width: 140px;
    height: 35px;
    text-align: center;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin: 0 auto;
    float: left;
}


@media (max-width: 440px) {
    .popin__wrapper--cgv .contact--popin {
        padding: 0;
    }
}

.popin__header {
    text-align: center;
    padding-bottom: 25px;
}

.popin__header h2 span {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #55bfcf;
    letter-spacing: 0.1em;
}

.popin__header p {
    color: #958f8e;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: left;
    margin-top: 20px;
}

.popin__header span {
    display: block;
}

.popin__form input[type='password'],
.popin__form input[type='text'],
.popin__form input[type='text'],
.popin__form input[type='password'],
.popin__form input[type='text'] {
    background: #eae9e8;
    padding: 8px 18px;
    width: 100%;
    margin-bottom: 15px;
    color: #2b1e1d;
}

.popin__form input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.popin__form input:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.popin__form input::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.popin__form input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.popin__form input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.popin__form input:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.popin__form input::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.popin__form input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }

.popin__form input[type='submit'] {
    padding: 8px 30px 6px;
    -webkit-transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1em;
    display: inline-block;
    border-bottom: 2px solid transparent;
    background: #55bfcf;
}

.popin__form input[type='submit']:hover {
    border-color: #48a3b0;
}

.popin__form p {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: grey;
    display: inline-block;
}



.popin__check {
    margin: 20px 0;
    position: relative;
    padding-left: 28px;
}

.popin__check input {
    position: absolute;
    top: 3px;
    left: 0;
}


.popin__hover a:hover +.popin__hide {
    display: block;
}

.popin__hover {
    position: relative;
}

.popin__hide {
    display: none;
    background: #55bfcf;
    opacity: 0.9;
    color: white;
    padding: 20px 25px;
    position: absolute;
    width: 340px;
    top: 25%;
    left: -100%;
    transform: translate(-50%,0);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    box-sizing: border-box;
}

.popin__hide:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent #55bfcf;
    opacity: 0.9;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

.popin__hide p {
    font-size: 13px;
    color: white;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
}

.popin__hide p strong {
    font-weight: bold;
}

.popin__hide p + p {
    margin-top: 20px;
}

.popin__link {
    font-size: 13px;
    line-height: 1;
    color: #958f8e;
    letter-spacing: 0.05em;
    display: inline-block;
    position: relative;
    margin-bottom: 25px;
}

.popin__link::before {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 1px;
    background: #958f8e;
    transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
}

.popin__link:hover::before {
    left: 100%;
}

.popin__center {
    text-align: center;
}

/*.popin__article .article__bloc h3, p {*/
/*display: inline-block;*/
/*}*/

.popin__article .article__bloc h3 {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 20px;
    color: black;
}

.popin__article .article__bloc p {
    float: right;
    color: #958f8e;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.1em;
    line-height: 20px;
}

.popin__text {
    margin: 20px 0;
}

.popin__text p {
    color: #958f8e;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-size: 13px;
    text-transform: none;
}

.popin__align {
    overflow: hidden;
}

.popin__form .popin__buttons input{
    width: 140px;
    padding: 8px 15px 6px;
    background: #999999;
    float: left;
}

.popin__form .popin__buttons input + input{
    width: 140px;
    padding: 8px 15px 6px;
    background: #55bfcf;
    float: right;
}



@media (max-width: 980px) {

    .popin__wrapper--cgv {
        width: auto;
        top: 100px;
        left: 50px;
        right: 50px;
        bottom: 50px;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }

}

@media (max-width: 720px) {

    .popin {
        transition: all 350ms ease;
    }

    .popin__hide {
        display: none!important;
    }

}

@media (max-width: 440px) {

    .popin__wrapper {
        width: auto;
        left: 20px;
        right: 20px;
        padding: 20px;
        transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
    }

    .popin__wrapper--cgv {
        top: 70px;
        bottom: 20px;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }

}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.modal-open-320 {
  overflow: hidden;
}
.modal-320 {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-320.fade .modal-dialog-320 {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-320.in .modal-dialog-320 {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog-320 {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content-320 {
  position: relative;
  outline: none;
  top: auto;
  left: auto;
  width: auto;
  margin: 0;
}
.modal-backdrop-320 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop-320.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop-320.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media (min-width: 768px) {
  .modal-dialog-320 {
    width: 415px;
    margin: 150px auto 0px auto;
  }
  .modal-sm {
    width: 300px;
  }
}
.modal-lg {
  width: 940px;
}
@media (max-width: 940px) {
  .modal-lg {
    width: auto;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box; /* webkit */
    -moz-box-sizing: border-box; /* firefox */
    box-sizing: border-box; /* css3 */
    outline: 0
}

.select2-container .select2-choice {
    display: block;
    height: 34px;
    padding: 0 13px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    line-height: 34px;
    color: #444;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e5e4e4
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    padding:0;
    font-size: 13px;
    color: #463c3a;
    letter-spacing: 1px;
    text-transform: none;
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
}

.select2-drop-active {

}

.select2-drop.select2-drop-above.select2-drop-active {

}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    padding:0;
    text-align: center;
    display: inline-block;
    width: 32px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
}
.select2-container .select2-choice .select2-arrow b:before {
    display: block;
    line-height: 32px;
    color: #958f8e;
    content: "▼";
    font-size: 10px
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background-image: url('../bundles/sedonajdbsiteweb/images/select2-spinner.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: 0;
}

.select2-dropdown-open .select2-choice {
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {

}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {

}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    background: #e5e4e4;
    margin-top: -6px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit,
.select2-results .select2-more-results {
    background-color: #E5E4E4;
    display: list-item;
    padding: 0 5px 10px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background-image: url('../bundles/sedonajdbsiteweb/images/select2-spinner.gif');
    background-repeat: no-repeat;
    background-position: center right;
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, .2);
}

.select2-more-results {
    /*background: #f4f4f4;*/
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px;
}

.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    outline: 0;
    border: 0;
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background-image: url('../bundles/sedonajdbsiteweb/images/select2-spinner.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;

    background-clip: padding-box;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #e4e4e4;
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    /*background: url('../images/select2.png') right top no-repeat;*/
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        /*background-image: url('select2x2.png') !important;*/
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}


/* A ajoute au main.csss */
.btn { cursor:pointer; }
.cartmain_recap_delivery address p { margin:0;font-weight: normal;}
.product_h_gallery_c:empty { height: 105px;}
.product_c_assort_c_n { background-color:white; }
.collection_h_intro { z-index:12; }
.product_h_details_h p #weight-show { text-transform: lowercase; }
.empty_c { max-width: 55%; }

@media (min-width: 599px) {
    .product_c_ingre_table {
        width: 100%;
    }
}
.product_c_ingre table tr td:first-child * {font-weight: 700; padding: 0px; }
.guidemain_h_c { background:transparent;}
.collection_notice span { max-width:none;}
.cartmain_options_code .cartmain_options_code_h { margin-bottom:10px;}

.cartmain_products_asShort td.cartmain_products_name .cartmain_products_name_detail {
    padding-left: 20px;
}

.product_h_details_h span del { margin-right: 30px; }
.product_h_details_f .select2-container { width: 100%; }

.form label input[type="checkbox"],
.form label.register_check_partner input,
.form label.register_check_jdb input { width:auto; }

.collection_h_intro p {
    max-height: 98px;
    padding-bottom:0;
    margin-bottom:20px;
}

td.cartmain_products_name a {
    color: #958f8e;
    font-size: 13px;
    text-transform: uppercase;
}

@media (max-width: 599px) {
    .collection_h_intro.expand p {
        max-height:100%;
        transition: max-height 650ms ease-in-out 0s;
    }
}

.flashbag_error { color: #f55; }
.flashbag_success { color: #93d611; }
.flashbag_info { color: #55bfcf; }
.flashbag a {
    display: inline;
    padding-left: 10px;
}

.hppush_tile_c {
    width: auto;
    right:0;
    font: 400 20px/24px "Source Sans Pro";
    padding: 0 20px 25px;
    text-transform: uppercase;
}

.ws-popover { z-index:1500; }

.popin_n_r {  margin-top: 10px; text-align: center; }
.popin_n_r a {  color: #2b1e1d;  }


@media (min-width: 941px) {
    /* pour les chocolas > pour le drag & drop */
    .guidemain_c { padding: 0; }
    .guidemain_c_h { padding: 0; margin: 50px 60px;}
    .guidemain_c_products_n,
    .guidemain_c_products_n:nth-of-type(2n+1) {padding-bottom: 0;margin: 0 0 70px 60px;background-color:white;}
}

#hd_c_nav li ul {
    z-index: 50;
}
/* --------------------------------------------------------- */

.form-help  {
    color: #958f8e;
    display: block;
    font-size: 11px;
    padding-bottom: 10px;
}
.form-in input > .form-help {
    margin-bottom: 15px;
    padding:0;
}

.form-text {
    background-color: #eae9e8;
    color: #2b1e1d;
    margin-bottom: 15px;
    padding: 8px 18px;
}
.form label .form-text {
    margin-right: -4px;
    margin-bottom: 0px;
    padding: 10px 2%;
    vertical-align: middle;
    width: 55%;
}

.form label select.input {
    width: 55%;
}

.form .select2-container {
    width: 55%;
}

.form label.form_cv_choice span {
    display: none;
}

.form .uppercase {
    text-transform: uppercase;
}
.form label.form_submit .btn {
    margin-left: 0;
}
/*.form label.form_submit {
    text-align: center !important;
}*/

.unpublish { opacity:0.5; }

.loading {
    background: url("../bundles/sedonajdbsiteweb/images/ajax-loader.gif") center center no-repeat transparent;
    min-height:30px;
}

.security p + p.security_error{color:#f55 !important;}
.security p + p.security_weak{color:#f55 !important;}
.security p + p.security_medium{color:#55bfcf !important;}
.security p + p.security_strong{color:#93d611 !important;}

.btn_asSmall {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 20px;
    padding: 0;
}

.popin_n_c select, .form-in select {
    background: none repeat scroll 0 0 #eae9e8;
    color: #2b1e1d;
    margin-bottom: 15px;
    padding: 8px 18px;
    width: 100%;
    border: medium none;
}
.popin_n_c .select2-container .select2-choice {
    color: #2b1e1d;
    float: none;
    margin-bottom: 15px;
    width: auto;
}


/* -------------------------------------------------- */

.ui-midgarde-editZone-bottom,
.ui-midgarde-editZone-top {
    background-color: white;
    padding: 10px 10px 10px 10px;
    left: 0;
    position: absolute;
    right: 0;
    display:none;
}
.ui-midgarde-editZone-top {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    top: 0;
    padding-bottom:0;
}
.ui-midgarde-editZone-bottom {
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    bottom: 0;
    padding-top:0;
}

.ui-midgarde-editZone-bottom.ui-midgarde-edit,
.ui-midgarde-editZone-top.ui-midgarde-edit {
    display:block;
}

/* -------------------------------------------------- */

*:not(.ui-sortable) > .ui-midgarde-editZone { position:relative; }
*:not(.ui-sortable) > .ui-midgarde-editZone > .ui-midgarde-edit-hover {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    border:1px solid #55bfcf;
    height: auto;
    left: -11px;
    padding: 10px;
    position: absolute;
    right: -11px;
    top: -11px;
    z-index: 100;
}
.ui-midgarde-editZone > .ui-midgarde .ui-midgarde { display: none; }
*:not(.ui-sortable) > .ui-midgarde-editZone > .ui-midgarde-edit-hover .ui-midgarde-edit { display: block; }
.ui-midgarde-editZone-include .btn { float: right; }
.ui-midgarde-editZone-include .form { padding-right:50px; }

.ui-sortable > .sortableItem { outline:1px #B2DE5E dotted;cursor:move;}
.ui-sortable > .sortableItem .contenteditable { outline:0px none;}

div.ui-midgarde-edit p {
    color: #000;
    padding: 1px;
}

/* --- Menu -------------------------------------- */
#ft nav.company-unknown ul li.direct { display: none; }
#ft nav.company-unknown ul li.connect { display: block; }
#ft nav.company-connect ul li.direct { display: block; }
#ft nav.company-connect ul li.connect { display: none; }

/* --- Home Page---------------------------------- */

.hpmea { outline:0 none !important;display:none; }
.with_hpmea .hpmea { display:block; }
.hppush_tile_c { position:absolute !important; }
.hppush_tile_c:empty { display:none; }
.carousel-content { position: relative; }
.carousel-content [data-toggle="midgarde-append"] { position: absolute;bottom:10px;right:10px; }

.hpcarousel:empty  { height:420px;width:940px; }
.hpcarousel figure:empty { height:420px;width:940px; }
.hpcarousel .ui-midgarde-edit figure { min-height:420px; }

[contenteditable=true].hppush_tile_c:empty { display:block; }

#backgroundArea .image { height:100px; }
#backgroundArea .image img {
    max-height:100%;
    max-width:100%;
}

.carousel-content .btn { width: auto; margin: 0 0 5px 5px; }
.hpcarousel .ui-midgarde-editZone-top .button-zone { float: right; }
.hpcarousel .ui-midgarde-editZone-top .form { padding-right: 127px; }
.hpcarousel .bx-clone .ui-midgarde-editZone-top {display: none;}

.collection_tile_asCarousel .ui-midgarde-editZone-top .button-zone { width:40px; }
.collection_tile_asCarousel .ui-midgarde-editZone-top .form { padding-right:40px; }

/* -- Collection ----------------------- */

.collection_tile figure { max-height: 215px;overflow: hidden;}
.collection_tile figure:empty { height: 215px;}

.collection-list article { width: 220px; }
.collection-list article:first-child { width: 460px; }
.collection-list article .collection_tile_isBig { display:none;}
.collection article.collection_tile_asBig .collection_tile_isBig { display:block;}
.collection article.collection_tile_asBig .collection_tile_isSmall { display:none;}
.collection-list.ui-state-hover {
    background-color:rgba(160, 216, 56, 0.8);
    outline: 1px solid rgba(160, 216, 56, 0.8);
}
.collection-list .ui-state-highlight {
    background-color:#55bfcf;
    opacity:0.5;
    display: inline-block;

    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative;
    width: 220px;
    height: 215px;
}
.collection-list .ui-state-highlight.lastofrow {
    float: right;
    margin-right: 0;
}

/* -- Page List ---------------------------------------------- */

.collection_h_intro img { height: 41px; }
.collection_notice  { display: block; }
.collection_notice.ui-midgarde-edit { display: block !important; }
.collection_notice .ui-midgarde { display: none;}
.collection_notice .ui-midgarde-edit { display: block; float: right; max-width: 48%; padding: 20px 0;}
.collection .collection_tile.unpublish:hover { opacity:1; }
.collection .collection_tile div { position:relative; }
.collection_notice.text-info { background-image: url("../bundles/sedonajdbsiteweb/css/i/collection_info.png"); color: #007000; }

@media (min-width: 941px) {
    .collection_c {
        padding: 10px 70px 40px 0;
    }

    .collection_c a:nth-child(3n+1) {
        margin-left: 70px;
    }

    .collection_c.ui-state-hover {
        background-color: rgba(160, 216, 56, 0.8);
        outline: 1px solid rgba(160, 216, 56, 0.8);
    }

    .collection_c .ui-state-highlight {
        background-color: #55bfcf;
        opacity: 0.5;

        display: inline-block;
        margin-bottom: 10px;
        margin-left: 70px;
        margin-right: -4px;
        vertical-align: top;
        width: 220px;
        min-height: 185px;
    }

    /*.collection_c {padding-left:0px; }*/
    /*.collection_c a:nth-child(3n+1) { margin-left:70px;}*/
}

/* -- Page CE ----------------------------------------------- */

.collection_help .collection_help_w .ui-midgarde-edit div { color: #ab8f87;margin-bottom: 0; }
.collection_help .collection_help_w div.ui-midgarde { display: none; }
.collection_help .collection_help_w div.ui-midgarde-edit { display: block;padding: 75px 0 0; }

/* -- Guide chocolat ---------------------------------------- */

.guidemain .ui-midgarde-edit-hover .guidemain_h_c {bottom:auto;}
.ui-midgarde-edit .guidemain_h_c {bottom:auto;}
.guidemain_h.ui-midgarde-edit figure:empty { width:700px;height:345px; }

.guidemain { position:relative;}
.guidemain_c_products_n figure:empty { height:100px;width:260px;}
.guidemain_c_products_n .btn_asSmall { right: 10px;top: 5px; }

.guidemain_c_products.ui-state-hover {
    transition:background-color 0.5s;
    background-color:rgba(160, 216, 56, 0.8);
    outline: 1px solid rgba(160, 216, 56, 0.8);
}
.guidemain_c_products .ui-state-highlight {
    background-color:#55bfcf;
    opacity:0.5;

    display: inline-block;
    margin: 0 0 70px 60px;
    vertical-align: top;
    width: 260px;
    min-height: 260px;
}

/* -- Tous Sur Jeff ------------------------- */

.jeff.ui-state-hover {
    background-color:rgba(160, 216, 56, 0.8);
    outline: 1px solid rgba(160, 216, 56, 0.8);
}
.jeff article.ui-state-highlight {
    background-color:#55bfcf;opacity:0.5;
    width: 460px;
    height:215px;
    float: left;
    margin-bottom: 20px;
    margin-right: 0px;
    position: relative;
}

.jeff article.unpublish { opacity:0.5; }
.jeff article.unpublish:hover { opacity:1; }
.jeff:not(.ui-sortable) .ui-midgarde-edit .collection_tile_h { bottom:auto; }
.jeff:not(.ui-sortable) .ui-midgarde-edit-hover .collection_tile_h {
    right:10px;
    left:10px;
    top:10px;
}

/* -- Page Recrutement ------------------------- */

div#edit-ref.ui-midgarde-edit { display: block !important; }
div#edit-ref.ui-midgarde { display: none; }


/* -- Produit -------------------------- */

.product_h_details_h .ui-midgarde{display: none;color: #958f8e;padding:10px 0px;}
.product_h_details_h .ui-midgarde.ui-midgarde-edit {display: block;}
.product_h_details_h .ui-midgarde span { display: inline-block;padding: 0;font-size: 13px; }
.product_c_desc_dim .ui-midgarde{display: none;}
.product_c_desc_dim .ui-midgarde.ui-midgarde-edit {display: inline;font-style: italic;color: #808080;}

.product_c_desc_dim.ui-midgarde { display:none; }
.product_c_desc_dim.ui-midgarde-edit {display:block !important;}
.product_c_desc_dim[data-height][data-width][data-depth] {display:block;}

.product_c_assort .ui-midgarde { display:none;}
.product_c_assort .ui-midgarde.ui-midgarde-edit {display:block;padding-bottom:30px;}

.product_c_more figure.contenteditable:empty {
    min-height:100px;
}

.select2-search,
.select2-no-results {
    background: none repeat scroll 0 0 #e5e4e4;
    padding: 0 5px 10px;
}
.select2-result .product_c_assort_c_n {
    background-color: transparent;
    clear: both;
    display: block;
    height: 65px;
    margin: 0;
    width: 100%;
}
.select2-result .product_c_assort_c_n .btn {display:none; }
.select2-result .product_c_assort_c_n img {
    float: left;
    margin: 0;
    padding-right: 7px;
    height: 100%;
}
.select2-drop {
    border:1px solid #5897fb;
    border-top:0;
}
.select2-highlighted .product_c_assort_c_n p {color: white; }

.product_h_gallery {position: relative;}
.product_c_assort_c .product_c_assort_c_n,
.product_h_gallery_c li {position: relative;}
.product_c_assort_c .product_c_assort_c_n .btn,
.product_h_gallery_c li .btn {
    right: -10px;
    top: -10px;
    display:none;
    padding:0;
}
.product_h_gallery.contenteditable .jsGalleryBig {min-height: 200px;}
.product_h_gallery.contenteditable .jsGalleryThumbs li:hover  button { display:block; }
.product_c_assort_c .product_c_assort_c_n:hover button.ui-midgarde-edit { display:block; }
.product_h_gallery.contenteditable .jsGalleryThumbs li.ui-sortable-handle { cursor:move; }
.product_c_assort_c > .product_c_assort_c_n.ui-sortable-handle { outline:0px none;border:1px #B2DE5E dotted;cursor:move;}
.ui-midgarde-editZone-top { z-index:10; }

.product_h_gallery_c li.ui-state-highlight {background-color:#55bfcf;opacity:0.5;height:65px;width:65px;}
.product_c_assort_c .ui-state-highlight {background-color:#55bfcf;opacity:0.5;height:160px;width:160px;}

.jsGalleryThumbs .product_image_hidden {display: none;}
.contenteditable .jsGalleryThumbs li.product_image_hidden {display: inline-block;}

/* -- Page CMS --------------------- */

.sidemenu ul li a, .sidemenu ul li .a { min-height:20px;}
.sidemenu ul.ui-state-hover {
    background-color:rgba(160, 216, 56, 0.8);
    outline: 1px solid rgba(160, 216, 56, 0.8);
}

.sidemenu_franchise.ui-midgarde-edit-hover {
    padding: 30px 25px !important;
}
.sidemenu_franchise.ui-midgarde-edit-hover h3 {
    color: #ab8f87;
}
.sidemenu_franchise div.ui-midgarde {
    display: none;
}
.sidemenu_franchise.ui-midgarde-edit-hover div {
    display: block;
}

/* -- Connect company --------------------- */

#modal-company .popin_ce_infos a {
    color: #000;
    text-decoration: underline;
}
.popin_ce_login > div { padding-top: 70px; }
.popin_ce_login button[type='submit'] {
    padding: 8px 70px 6px;
    background: #55bfcf;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    float: right;
    margin-top: 20px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: opacity 350ms ease, border-color 350ms ease;
}

.rte img { width: auto; max-width: 100%; }
.rte .jsHrToCols_oneCol img  { width: 100%; }

/* -- Confirmation add cart --------------------- */

#confirmeCartAdding .popin_n {
    float: none;
    margin: 0;
    padding: 35px 5%;
    width: 90%;
}
#confirmeCartAdding .popin_n_c {
    /*padding-bottom: 40px;*/
    padding-bottom: 0;
}
#confirmeCartAdding .popin_close {
    margin: 0;
    padding: 0;
    transition: opacity 350ms ease 0s;
    width: 16px;
}

#confirmeCartAdding .popin_n a {
    color: #fff;
    float: none;
    margin: 0 0 7px;
    width: 100%;
}
#confirmeCartAdding .popin_n .popin_n_c div {
    margin: 20px 0 40px;
}


.cke_editable table th,.cke_editable table td {
    border: 1px dotted #e5e5e5;
}
.contact_ask_answer table {
    margin: 20px 0;
    color: black;
    text-align: center;
}
@media (max-width:500px) {
    .contact_ask_answer table {
       margin: 20px 0 20px -45px;
    }
}

.contact_ask_answer table thead {
    background-color: lightblue;
}
.contact_ask_answer table thead th {
    font-weight: bold;
    border: 1px solid;
    padding: 5px;
}
.contact_ask_answer table tbody td {
    border: 1px solid;
    padding: 5px;
}


element.style {
    font-size: 18px;
}
.form {
    color: #2b1e1d;
    font-size: 13px;
    letter-spacing: 1px;
}
.contact {
    color: #2b1e1d;
}

.contact_main_f {
    margin-bottom: 30px;
}

body .create-ui-toolbar-wrapper {
    z-index: 1130;
}

body .cartmain_products_remove {
    height: auto;
}

.label-warning {
    color: #FF0000;
    padding-bottom: 30px;
}

/* -- Cart Product messages --------------------- */

.cart-product-messages-label {
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
    text-indent: -20px;
    margin-top: 10px;
}

.cart-product-messages-container {
    width: 100%;
    display: table;
    margin-top: 10px;
    margin-bottom: 15px;
}

.cart-product-message {
    width: 45%;
    display: inline-block;
    margin-right: 20px;
}

.cart-product-message textarea {
    width:100%;
    box-sizing: border-box;
    padding: 10px 15px;
    resize: none;
}

@media (max-width: 810px) {
    .cart-product-message {
        width: 100%;
        display: inline-block;
        margin-right: 0;
    }
}

.cartmain_product_message_metrics {
    color: #958f8e;
    font-size: 11px;
    height: 15px;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease 0s;
}


.cartmain_product_message_car {
    position: absolute;
    right: 0;
}


/* -- concour ------------------------------------------------------------------------------------------------------- */

.concour {
    color: #2b1e1d;
}

.concour_main h1 {
    text-transform: uppercase;
    color: #55bfcf;
    font-size: 35px;
    padding-bottom: 32px;
    line-height: 39px
}

.concour_main h3 {
    font-size: 16px;
    color: #958f8e;
    margin-bottom: 15px;
    text-transform: uppercase
}

.concour_main_h hr {
    color: #eae9e8;
    margin-bottom: 30px;
    border: solid 1px
}

.concour_form .form_link {
    background: none repeat scroll 0 0 #fff;
    float: left;
    width: 50%;
}
.concour_form .form_link div:first-child {
    margin: 10px;
}

.concour_form .form_link div.ui-midgarde {
    display: none;
    border: 0 none;
}

.concour_form .form_link div.ui-midgarde-edit-hover {
    display: block;
}

.concour_form .form_link a {
    padding-top: 14px;
    height: 50px;
    color: #2b1e1d;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.5;
    text-transform: uppercase;
}

.link-hint {
    background: url('../bundles/sedonajdbsiteweb/css/i/contact_big_stripe.png') left center no-repeat;
    transition: opacity 350ms ease;
    padding-left: 15px;
}

.link-modality {
    background: url('../bundles/sedonajdbsiteweb/css/i/collection_help_pdf.png') left center no-repeat;
    transition: opacity 350ms ease;
    padding-left: 40px;
}

/* -- Martial ------------------------------------------------------------------------------------------------------- */

.confstep_c_choice li.common-image ~ li.common-image { display: none;}

.choosecolor_c_img figure img {
    max-width:100%;
}

.cartmain_shops_search_inp.cartmain_shops_loading {
    background-image: url("../bundles/sedonajdbsiteweb/images/input-loader.gif");
}

.hppush_tile_asMartialadv .hppush_tile_c {
    display: none !important;
}

#pageListReferrersAreaContent div.autocomplete-control {
    text-align: center;
    padding-bottom: 15px;
}
#pageListReferrersAreaContent div.autocomplete-control button {
    width: 80%;
}
#pageListReferrersAreaContent ul li div.autocomplete-select {
    white-space: nowrap;
}
#pageListReferrersAreaContent ul li div.select2-container {
    padding-bottom: 5px;
    padding-left: 5px;
    vertical-align: top;
    width: 80%;
}
#pageListReferrersAreaContent ul li div.select2-container div {
    width: 100%;
}
#pageListReferrersAreaContent ul li button {
    width: 34px;
    height: 34px;
}

/* -- Store --------------------------------------------------------------------------------------------------------- */
div.right {
    float: right;
}

.not-allowed{
    cursor: not-allowed;
}

/* -- Checkout order ------------------------------------------------------------------------------------------------ */
.cartmain_delivery .bloc__info i {
    display: block;
    padding: 0 20px;
    color: #c00;
    font-weight: bold;
}
.cartmain_delivery .bloc__info i.msg_delivrey_date li {
    list-style: inside;
}
.cartmain_delivery .bloc__info i.msg_delivrey_date em {
    font-weight: normal;
    font-style: normal;
}

.cartmain_delivery ul li.disabled-bloc-form {
    opacity: 0.5;
}
.cartmain_delivery div.no-delivery-address,
.cartmain--livraison div.no-delivery-address {
    color: #c00;
    margin: 20px 0;
}

.form-control.border-raduis-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-control.border-raduis-right-none {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }


/* -- Formulaire mot de passe oublié -------------------------------------------------------------------------------- */
#reset_password_block .popin_n_c { padding-bottom: 0; }

/* -- Popin subscribe newsletter ------------------------------------------------------------------------------------ */
#newsletter_subscribe_form .popin_n {
    max-height: 320px;
    overflow-y: auto;
}

.contact_main_h p
{
    display: flex;
    flex-direction: column;
}

/* -- Popin catalog ------------------------------------------------------------------------------------ */
.catalog-popin {
    width: 90%;
}


/* -------------------------------------
	JDB CE
------------------------------------- */


/* -------------------------------------
	Header
------------------------------------- */

.site-ce .hd_welcome {
	float: left;
	font-size: 11px;
	color: white;
}

.site-ce #hd_h_actions li:first-child a { border-left: 0; }

.site-ce  #hd .hd_c_baseline {
	font-size: 16px;
	color: white;
}

@media (max-width: 699px) {

	.site-ce .hd_welcome {
		float: none;
		font-size: 14px;
		padding-bottom: 20px;
	}


	#ct .catalogue_ce_link {
		position: relative;
		bottom: unset;
		float: none;
		top: unset;
		display: block;
		left: unset;
		margin: 0px 2% 10px 2%;
		text-align: center;
	}

	.catalog__bloc .catalog__button {
		height: auto;
		min-height: 35px;
		padding: 0px 5px;
	}

}

/* -------------------------------------
	CE Livraison
------------------------------------- */

.cartmain--livraison .cartmain_h {
	line-height: normal;
}

.cartmain--livraison input[type='password'],
.cartmain--livraison input[type='text'],
.cartmain--livraison input[type='email'],
.cartmain--livraison textarea {
	background: #eae9e8;
	padding: 8px 18px;
	width: 100%;
	margin-bottom: 15px;
	color: #2b1e1d;
}
.cartmain--livraison textarea { width: 90%; }

.cartmain--livraison select {
	background: #eae9e8;
	padding: 8px 18px;
	width: 100%;
	margin-bottom: 15px;
	color: #2b1e1d;
	border: #ff9900 none;
}

.cartmain--livraison input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison textarea:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }

.cartmain--livraison input[type='submit'] {
	padding: 8px 30px 6px;
	-webkit-transition: border-color 350ms ease;
	transition: border-color 350ms ease;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.1em;
	display: inline-block;
	border-bottom: 2px solid transparent;
	background: #55bfcf;
}

.cartmain--livraison h3 {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1em;
	color: #958f8e;
	font-weight: 600;
}

.cartmain--livraison input[type='submit']:hover {
	border-color: #48a3b0;
}

.cartmain--livraison .popin__buttons {
	margin-bottom: 40px;
}

/*.cartmain--livraison .popin__buttons input{*/
/*width: 140px;*/
/*padding: 8px 15px 6px;*/
/*background: #999999;*/
/*float: left;*/
/*}*/

/*.cartmain--livraison .popin__buttons input + input{*/
/*width: 140px;*/
/*padding: 8px 15px 6px;*/
/*background: #55bfcf;*/
/*float: right;*/
/*}*/

.cartmain--livraison .cartmain_delivery label {
	position: relative;
	padding: 20px 20px 20px 40px;
}

.cartmain--livraison .cartmain_delivery_price {
	top: 30px;
}

.cartmain--livraison .cartmain_delivery_price {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

.cartmain--livraison .cartmain_delivery_price span {
	color: #55bfcf;
}

.cartmain--livraison .bloc__info {
	display: inline-block;
	vertical-align: middle;
}
.cartmain--livraison .bloc__info strong { width: auto;}

.cartmain--livraison .fa {
	color: #55bfcf;vertical-align: middle;margin-left:20px;
}

.cartmain--livraison .bloc__info span { font-size:15px; letter-spacing: 1px; display: inline-block; padding: 0 20px; }

.cartmain--livraison .bloc__info em {
	text-transform: uppercase;
}

.cartmain--livraison input.jsCheckSelLi {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 20px;
}

.cartmain--livraison .bloc__input input {
	display: block;
}

.cartmain--livraison .bloc__info strong, p{
	display: block;
}

.cartmain--livraison .bloc__info  p{
	padding: 0 20px;
	letter-spacing: 0.1em
}

.cartmain--livraison .cartmain_agree {
	text-align: right;
	margin-bottom: 30px;
}
.cartmain--livraison .cartmain_agree input {
	position: inherit;
}

@media (max-width: 690px) {

	.cartmain--livraison .cartmain_agree a {
		display: block;
	}
}

/* -------------------------------------
Content
------------------------------------- */

.banner {
	height: 250px;
	width: 940px;
	background-image:none;
	position: relative;
}

.banner figure {
	height:100%;
	width:100%;
	overflow:hidden;
	text-align: center;
}

.banner img { width:100%; }

@media (max-width: 1024px) {
	.banner {
		height: auto;
		width: 100%;
		margin-bottom:-6px;
	}
}

@media (max-width: 699px) {
	.banner {
		height: auto;
		width: 100%;
		background-color:white;
	}
}

.content-ce-homepage {
	width: 940px;
	background: white;
	box-sizing: border-box;
	padding: 60px;
	padding-top: 38px;
	overflow: hidden;
}

@media (max-width: 1024px) {

	.content-ce-homepage {
		width: 100%;
		padding: 40px;
	}
}

@media (max-width: 699px) {

	.content-ce-homepage {
		padding: 20px;
	}
}


.ce-offer__head {
	overflow: hidden;
}


.ce-offer__head h3 {
	font-size: 20px;
	line-height: auto;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: black;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 12px;
	margin-top: 20px;
}

.ce-offer__head p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: black;
	text-align: center;
	padding: 0 38px;
}

.ce-offer__head strong {
	font-weight: 700;
}

.ce-offer__links {
	color: #55bfcf;
	font-size: 13px;
	line-height: 35px;
	height: 35px;
	text-transform: uppercase;
	font-weight: 600;
	background: url('../bundles/westjdbintegration/css/i/picto.png') left center no-repeat;
	padding-left: 32px;
	margin-right: 40px;
	float: left;
}

.ce-offer__links--picto {
	background: url('../bundles/westjdbintegration/css/i/picto-acrobat.png') left no-repeat;
}

.ce-offer__links--newimg {
	background: url('../bundles/westjdbintegration/css/i/hlm.png') left no-repeat;
}

.ce-offer__head--center {
	overflow: inherit;
}

.ce-offer__center {
	text-align: center;
	padding-top: 26px;
}

.ce-offer__center .ce-offer__links {
	float: none;
	display: inline-block;
}

.ce-offer__notice_edit {
	margin:60px;
	color:red;
}

.ce-offer__separator {
	margin: 0px -60px 0px -60px;height:30px;
	background-color:#2b1e1d;
}

@media (max-width: 850px) {

}


@media (max-width: 480px) {

	.ce-offer__center {
		max-width: 280px;
		margin: 0 auto;
	}

	.ce-offer__center .ce-offer__links {
		line-height: 35px;
		margin-right: 0;
	}

	.ce-offer__center .ce-offer__links + .ce-offer__links {
		margin-top: 10px;
	}

}

@media (max-width: 320px) {

	.ce-offer__head h3 {
		margin-bottom: 32px;
	}

	.ce-offer__head p {
		padding: 0;
	}

}

.ce-offer__button {
	background: black;
	width: 220px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em;
	float: right;
}

.bloc__button{
	background: black;
	width: 220px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em;
	display: inline-block;
	margin: 30px 35% 0;
}

@media (max-width: 480px) {
	.bloc__button {
		margin: 30px 25% 0;
	}
}

@media (max-width: 320px) {
	.bloc__button {
		margin: 30px 12% 0;
	}
}

.ce-offer__content {
	color: black;
}

.ce-offer__content h1 {
	font-size: 30px;
	margin-top: 40px;
	margin-bottom: 28px;
	line-height: 25px;
	text-transform: uppercase;
}

.ce-offer__content p {
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}

.ce-offer__content strong {
	font-weight: bold;
}

.ce-offer__list {
	border: 2px solid #d6d6d6;
	color: black;
	margin-top: 30px;
}

.ce-offer__list h2 {
	font-size: 20px;
	line-height: 20px;
	margin-left: 30px;
	margin-top: 27px;
	margin-bottom: 24px;
	text-transform: uppercase;
	font-weight: 600;
}

.ce-offer__list ul {
	margin-left: 35px;
	margin-bottom: 27px;
}

.ce-offer__list li {
	/*list-style: disc;*/
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}

.ce-offer__list li:before {
	/*content: "•";*/
	padding-right: 10px;
	font-size: 20px;
}

.ce-offer__list strong {
	font-weight: bold;
}

.ce-offer__bloc {
	float: left;
	width: 50%;
	margin-top: 50px;
}
.ce-offer__bloc--padding {
	padding-right: 40px;
	box-sizing: border-box;
}

.ce-offer__bloc h2 {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 600;

}

.ce-offer__bloc p {
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}

@media (max-width: 480px) {

	.ce-offer__bloc {
		float: none;
		width: 100%;
	}
	.ce-offer__bloc--padding {
		padding-right: inherit;
	}
}


@media (max-width: 1024px) {

	.content-ce-homepage {
		width: 100%;
	}

	.ce-offer__head {
		overflow: hidden;
		position: relative;
	}


	.ce-offer__button {
		float: right;
		float: none;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
	}

	.ce-offer__links {
		background: url('../bundles/westjdbintegration/css/i/picto.png') left center no-repeat;
		float: none;
		display: block;
	}

	.ce-offer__links--picto {
		background: url('../bundles/westjdbintegration/css/i/picto-acrobat.png') left no-repeat;
	}

}

@media (max-width: 699px) {

	.ce-offer__head {
		overflow: inherit;
	}

	.ce-offer__button {
		float: left;
		position: absolute;
		top: 80px;
		left: 0px;
	}

	.ce-offer__content h1 {
		margin-top: 80px;
	}

}

@media (max-width: 480px) {

	.ce-offer__links--picto {
		line-height: 15px;
	}

	.ce-offer__list {
		padding-right: 20px;
	}

}

@media (max-width: 320px) {

	.ce-offer__list {
		padding-right: 20px;
	}

}

.info {
	background: #55bfcf;
	color: black;
	overflow: hidden;
}


.info__bloc {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: 46px;
	padding-bottom: 60px;
}


.info__bloc img {
	margin-bottom: 20px;
	max-height: 150px;
	max-width: 150px;
}

.info__bloc h3 {
	font-size: 20px;
	line-height: auto;
	font-weight: 600;
	margin-bottom: 15px;
	letter-spacing: 0.1em;
}

.info__bloc span {
	display: block;
	font-weight: 600;
}

.info__bloc p {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-weight: 600;
	display: block;
}

.info__schedule {
	color: #427f89;
	margin-top: 13px;
}

.info__phone {
	margin-top: 20px;
}

.info__picture,
.info__person {
	float: left;
}

.info__person {
	margin-left: 20px;
}

.info__picture {
	/*margin-right: 20px;*/
	margin-left: 30px;
}

.info__bloc--right {
	text-align: left;
	position: relative;
	padding-top: 88px;
}

.info__bloc--right:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 234px;
	background: #4996a2;
	position: absolute;
	top: 47px;
	left: 0px;
}


.info__bloc--right p {
	font-size: 13px;
	line-height: auto;
	letter-spacing: 0.1em;
	font-weight: 600;
}

.info__bloc--right strong {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}

.info__bloc--right a {
	color: black;
	line-height: 25px;
	letter-spacing: 0.1em;
	font-weight: 600;
}


@media (max-width: 850px) {

	.info {
		text-align: center;
	}

	.info__bloc {
		float: none;
		display: inline-block;
		padding-top: 25px;
		padding-bottom: 25px;
		min-width: 420px;
	}

	.info__person {
		text-align: left;

		/*--beurk--*/
		padding-left: 140px;
		float: none;
		/*--beurk--*/
	}

	.info__picture {
		margin-left: 0;
	}

	.info__bloc--right:before {
		width: 100%;
		height: 1px;
		top: 0px;
		left: 50%;
		transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}

}

@media (max-width: 480px) {

	.info {
		padding: 0 25px;
	}

	.info__bloc {
		min-width: inherit;
		text-align: center;
		display: block;
		width: 100%;
	}

	.info__picture,
	.info__person {
		float: none;
		text-align: center;

		/*--beurk--*/
		padding-left: inherit;
		/*--beurk--*/
	}

	.info__picture {
		display: inline-block;
		margin: 0;
	}

	.info__person {
		display: block;
		margin-left: 0px;
	}

}


.catalog {
	background: url('../bundles/westjdbintegration/css/i/cover.png') 0 0 no-repeat;
	background-size: cover;
	padding: 45px 0;
}

.catalog__bloc {
	box-sizing: border-box;
	width: 460px;
	margin: 0 auto;
	background: #422e2f;
	border: 3px solid #523b34;
	display: block;
	text-align: center;
	padding: 30px 70px;
}

.catalog__bloc h3 {
	font-size: 20px;
	line-height: auto;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
	font-weight: 600;
}

.catalog__bloc p {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 17px;
}

.catalog__button {
	background: #55bfcf;
	width: 280px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin: 0 auto;
}

@media (max-width: 540px) {

	.catalog {
		padding: 40px;
	}

	.catalog__bloc {
		width: 100%;
		padding: 40px 25px;
	}

	.catalog__button {
		width: 70%;
		margin: 0 auto;
	}

}

@media (max-width: 540px) {

	.catalog {
		padding: 0;
	}

	.catalog__bloc {
		border: 0;
	}

}


@media (max-width: 350px) {

	.catalog__button {
		width: 90%;
		margin: 0 auto;
	}

}




/* -------------------------------------
Ancien CSS pour les boutton fait en type submit de la page Achat : section Paiement & adr livraison
------------------------------------- */



/*.cartmain--livraison .popin__buttons input{
	width: 140px;
	padding: 8px 15px 6px;
	background: #999999;
	float: left;
	position: inherit;
}

.cartmain--livraison .popin__buttons input + input{
	width: 140px;
	padding: 8px 15px 6px;
	background: #55bfcf;
	float: right;
	position: inherit;
}*/

/* -------------------------------------
Ancien CSS pour les boutton fait en type submit de la page Achat : section Paiement & adr livraison
------------------------------------- */
.cartmain--livraison .popin__buttons button {
	width: 140px;
	background: #55bfcf;
	float: right;
	height: 35px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em;
}
.cartmain--livraison .popin__buttons button.btn_asBrown {
	background: #999999;
}

.cartmain--livraison .buttons__link {
	background: #999999;
	width: 140px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin: 0 auto;
	float: left;
}

@media (max-width: 340px) {
	.cartmain--livraison .popin__buttons button {
		width: 120px;
	}
	.cartmain--livraison .buttons__link {
		width: 120px;
	}
}


@media (max-width: 980px) {

	.popin__wrapper--cgv {
		width: auto;
		top: 100px;
		left: 50px;
		right: 50px;
		bottom: 50px;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}

}

@media (max-width: 720px) {

	.popin {
		transition: all 350ms ease;
	}

	.popin__hide {
		display: none!important;
	}

}

@media (max-width: 440px) {

	.popin__wrapper {
		width: auto;
		left: 20px;
		right: 20px;
		padding: 20px;
		transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}

	.popin__wrapper--cgv {
		top: 70px;
		bottom: 20px;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}

}

.message_link {
	margin-top: 20px;
}

.message_link a {
	background-color: #6F6362;
	padding: 5px;
	text-align: center;
	color: white !important;
	display: block;
}


/* -------------------------------------
Mon_Compte_Ce TABLE
------------------------------------- */

.myaccount {
	/*width: 100%;
	max-width: 100%;*/
	background: #fff;
	padding: 4%;
}

.myaccount table {
	background: white;
	color: black;
	text-align: left;
	font-weight: 600;
	width: 100%;
	max-width: 100%;
}

.myaccount .block__table {
	overflow: auto;
	width: 100%;
}

.myaccount h1 {
	font-size: 30px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: black;
	margin-bottom: 50px;
	font-weight: 400;
	margin-top: 10px;
}

.myaccount h2 {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.1em;
	color: black;
	font-weight: 600;
	margin-bottom: 15px;
}

.myaccount .accountmain_order + table {
	margin-bottom: 130px;
}

.myaccount .accountmain_order_status {
	color: black;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: 100;
	font-style: normal;
	font-weight: 600;
}

.myaccount .accountmain_order_status--done {
	color: #958f8e;
}


.myaccount .accountmain_order_status--wait {
	color: #bd9851;
}

.myaccount .accountmain_order td.accountmain_order_status {
	font-style: normal;
}

.myaccount .align_right {
	text-align: right;
}

.myaccount__title {
	display: block;
}

.myaccount__title h2 {
	float: left;
	display: block;
}

.myaccount__title a {
	float: right;
	display: block;
}


.myaccount__links {
	color: #55bfcf;
	font-size: 13px;
	line-height: 35px;
	height: 35px;
	text-transform: uppercase;
	font-weight: 600;
	background: url('../bundles/westjdbintegration/css/i/picto_table.png') left center no-repeat;
	padding-left: 32px;
	float: left;
}

.myaccount .accountmain_order tr {
	border-bottom: 0px solid #dfdfdf;
}

.myaccount .accountmain_order tbody  {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 50px;
}
.myaccount .accountmain_order  {
	margin-bottom: 50px;
}

.myaccount .accountmain_order td {
	padding: 5px 0;
}

@media (max-width: 625px) {

	.myaccount .accountmain_order td {
		padding: 5px 20px;
	}

}

@media (max-width: 550px) {

	.myaccount__title h2,
	.myaccount__title a {
		float: inherit;
	}

}

/* -------------------------------------
	Offre entreprise
------------------------------------- */


.section_offre_entreprise .content {
	padding: inherit;
	background: inherit;
}




/* -------------------------------------
	Footer
------------------------------------- */

.site-ce #ft {
	margin-top: 40px;
}

.site-ce #ft #ft_w {
	background-position: center top;
}

.site-ce .ft_address {
	padding-top: 6px;
	padding-bottom: 25px;
}

.site-ce #ft .ft_address p {
	font-size: 11px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255,255,255,0.3);
	text-transform: inherit;
	letter-spacing: 0.1em;
	display: block;
}

@media (max-width: 679px) {

	.site-ce #ft #ft_w {
		padding-top: 60px;
	}

}


/* -------------------------------------
	CE Livraison
------------------------------------- */

.cartmain--livraison .cartmain_h {
    line-height: normal;
}

.cartmain--livraison input[type='password'],
.cartmain--livraison input[type='text'],
.cartmain--livraison input[type='email']{
    background: #eae9e8;
    padding: 8px 18px;
    width: 100%;
    margin-bottom: 15px;
    color: #2b1e1d;
}

.cartmain--livraison input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input::-webkit-input-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input::-moz-placeholder { letter-spacing: 1px; color: #958f8e; }
.cartmain--livraison input:-ms-input-placeholder { letter-spacing: 1px; color: #958f8e; }

.cartmain--livraison input[type='submit'] {
    padding: 8px 30px 6px;
    -webkit-transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1em;
    display: inline-block;
    border-bottom: 2px solid transparent;
    background: #55bfcf;
}

.cartmain--livraison h3 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #958f8e;
    font-weight: 600;
}

.cartmain--livraison input[type='submit']:hover {
    border-color: #48a3b0;
}

.cartmain--livraison .popin__buttons {
    margin-bottom: 40px;
}

/*.cartmain--livraison .popin__buttons input{*/
/*width: 140px;*/
/*padding: 8px 15px 6px;*/
/*background: #999999;*/
/*float: left;*/
/*}*/

/*.cartmain--livraison .popin__buttons input + input{*/
/*width: 140px;*/
/*padding: 8px 15px 6px;*/
/*background: #55bfcf;*/
/*float: right;*/
/*}*/

.cartmain--livraison .cartmain_delivery label {
    position: relative;
    padding: 20px 20px 20px 40px;
}

.cartmain--livraison .cartmain_delivery_price {
    top: 30px;
}

.cartmain--livraison .cartmain_delivery_price {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1em;
}

.cartmain--livraison .cartmain_delivery_price span {
    color: #55bfcf;
}

.cartmain--livraison .bloc__info {
    display: inline-block;
}

.cartmain--livraison .bloc__info span { font-size:15px; letter-spacing: 1px; display: inline-block; padding: 0 20px; }

.cartmain--livraison .bloc__info em {
    text-transform: uppercase;
}

.cartmain--livraison input.jsCheckSelLi {
    position: absolute;
    top: 24px;
    left: 20px;
}

.cartmain--livraison .bloc__input input {
    display: block;
}

.cartmain--livraison .bloc__info strong, p{
    display: block;
}

.cartmain--livraison .bloc__info  p{
    padding: 0 20px;
    letter-spacing: 0.1em
}


.cartmain--livraison .info__buy {
    margin-left: 40px;
    margin-top: 20px;
}

.cartmain--livraison .info__buy li  {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1em;
}

.cartmain--livraison .info__buy li strong {
    display: inline-block;
    padding: inherit;
    width: inherit;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1em;
}

@media (max-width: 690px) {

    .cartmain--livraison .bloc__info {
        display: block;
    }

    .cartmain--livraison .bloc__responsiv {
        display: block;
        padding-left: 20px;
    }

    .cartmain--livraison .cartmain_delivery_price {
        position: inherit;
        top: 20px;
        right: 20px;
    }
}


@media (max-width: 350px) {

    .cartmain--livraison .popin__buttons {
        margin-bottom: 60px;
    }

    .cartmain--livraison .popin__buttons input{
        width: 120px;
        padding: 8px 15px 6px;
        background: #999999;
        float: left;
    }

    .cartmain--livraison .popin__buttons input + input{
        width: 120px;
        padding: 8px 15px 6px;
        background: #55bfcf;
        float: right;
    }

}

.cartmain div.confirm_paiement {
    font-size: 20px!important;
}
.popin__article_container{
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.trail_ce {
    color: rgba(255, 255, 255, 0.3);
    padding-right: 14px;
}
.catalogue_ce_link {
    bottom: 40px;
    cursor: hand;
    float: right;
    left: 0;
    position: relative;
    z-index: 100;
    background: #55bfcf;
    color: white;
    height: 25px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 12px;
}
div.accountmain_order {
    clear:both;
}

.popin__form .alert {
    margin-bottom: 30px;
}
.popin__form .alert-success {
    color: #3c763d;
}
.popin__form .alert-warning {
    color: #8a6d3b;
}
.popin__form .alert-warning strong {
    font-weight: bold;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../js/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../js/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../js/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../js/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../js/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../js/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}