@charset "UTF-8";
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
/* line 3, ../sass/_base.scss */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
/* line 21, ../sass/_base.scss */
.hamburger:hover {
  opacity: 0.7;
}

/* line 31, ../sass/_base.scss */
.hamburger-box {
  width: 34px;
  height: 24px;
  display: inline-block;
  position: relative;
}

/* line 38, ../sass/_base.scss */
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
/* line 43, ../sass/_base.scss */
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 34px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
/* line 56, ../sass/_base.scss */
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
/* line 62, ../sass/_base.scss */
.hamburger-inner::before {
  top: -10px;
}
/* line 66, ../sass/_base.scss */
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * 3DX
 */
/* line 6, ../sass/types/_3dx.scss */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}
/* line 10, ../sass/types/_3dx.scss */
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 14, ../sass/types/_3dx.scss */
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 21, ../sass/types/_3dx.scss */
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}
/* line 25, ../sass/types/_3dx.scss */
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
/* line 29, ../sass/types/_3dx.scss */
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
/* line 6, ../sass/types/_3dx-r.scss */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}
/* line 10, ../sass/types/_3dx-r.scss */
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 14, ../sass/types/_3dx-r.scss */
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 21, ../sass/types/_3dx-r.scss */
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg);
}
/* line 25, ../sass/types/_3dx-r.scss */
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
/* line 29, ../sass/types/_3dx-r.scss */
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
/* line 6, ../sass/types/_3dy.scss */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}
/* line 10, ../sass/types/_3dy.scss */
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 14, ../sass/types/_3dy.scss */
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 21, ../sass/types/_3dy.scss */
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg);
}
/* line 25, ../sass/types/_3dy.scss */
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
/* line 29, ../sass/types/_3dy.scss */
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
/* line 6, ../sass/types/_3dy-r.scss */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}
/* line 10, ../sass/types/_3dy-r.scss */
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 14, ../sass/types/_3dy-r.scss */
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 21, ../sass/types/_3dy-r.scss */
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg);
}
/* line 25, ../sass/types/_3dy-r.scss */
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
/* line 29, ../sass/types/_3dy-r.scss */
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
/* line 7, ../sass/types/_arrow.scss */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/* line 11, ../sass/types/_arrow.scss */
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
/* line 7, ../sass/types/_arrow-r.scss */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/* line 11, ../sass/types/_arrow-r.scss */
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
/* line 7, ../sass/types/_arrowalt.scss */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 12, ../sass/types/_arrowalt.scss */
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 20, ../sass/types/_arrowalt.scss */
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/* line 27, ../sass/types/_arrowalt.scss */
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
/* line 7, ../sass/types/_arrowalt-r.scss */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 12, ../sass/types/_arrowalt-r.scss */
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 20, ../sass/types/_arrowalt-r.scss */
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/* line 27, ../sass/types/_arrowalt-r.scss */
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Boring
 */
/* line 7, ../sass/types/_boring.scss */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
/* line 15, ../sass/types/_boring.scss */
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
/* line 18, ../sass/types/_boring.scss */
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
/* line 23, ../sass/types/_boring.scss */
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
/* line 6, ../sass/types/_collapse.scss */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 13, ../sass/types/_collapse.scss */
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
/* line 19, ../sass/types/_collapse.scss */
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 26, ../sass/types/_collapse.scss */
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 31, ../sass/types/_collapse.scss */
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
/* line 38, ../sass/types/_collapse.scss */
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
/* line 6, ../sass/types/_collapse-r.scss */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 13, ../sass/types/_collapse-r.scss */
.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
/* line 19, ../sass/types/_collapse-r.scss */
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 26, ../sass/types/_collapse-r.scss */
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 31, ../sass/types/_collapse-r.scss */
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
/* line 38, ../sass/types/_collapse-r.scss */
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
/* line 6, ../sass/types/_elastic.scss */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* line 11, ../sass/types/_elastic.scss */
.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}
/* line 16, ../sass/types/_elastic.scss */
.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* line 23, ../sass/types/_elastic.scss */
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
/* line 29, ../sass/types/_elastic.scss */
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
/* line 34, ../sass/types/_elastic.scss */
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
/* line 6, ../sass/types/_elastic-r.scss */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* line 11, ../sass/types/_elastic-r.scss */
.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}
/* line 16, ../sass/types/_elastic-r.scss */
.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* line 23, ../sass/types/_elastic-r.scss */
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
/* line 29, ../sass/types/_elastic-r.scss */
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
/* line 34, ../sass/types/_elastic-r.scss */
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
/* line 5, ../sass/types/_emphatic.scss */
.hamburger--emphatic {
  overflow: hidden;
}
/* line 8, ../sass/types/_emphatic.scss */
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
/* line 11, ../sass/types/_emphatic.scss */
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
/* line 18, ../sass/types/_emphatic.scss */
.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
/* line 28, ../sass/types/_emphatic.scss */
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
/* line 33, ../sass/types/_emphatic.scss */
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 42, ../sass/types/_emphatic.scss */
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
/* line 5, ../sass/types/_emphatic-r.scss */
.hamburger--emphatic-r {
  overflow: hidden;
}
/* line 8, ../sass/types/_emphatic-r.scss */
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
/* line 11, ../sass/types/_emphatic-r.scss */
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
/* line 18, ../sass/types/_emphatic-r.scss */
.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
/* line 28, ../sass/types/_emphatic-r.scss */
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
/* line 33, ../sass/types/_emphatic-r.scss */
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* line 42, ../sass/types/_emphatic-r.scss */
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Slider
 */
/* line 6, ../sass/types/_slider.scss */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
/* line 9, ../sass/types/_slider.scss */
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
/* line 16, ../sass/types/_slider.scss */
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
/* line 22, ../sass/types/_slider.scss */
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
/* line 27, ../sass/types/_slider.scss */
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
/* line 32, ../sass/types/_slider.scss */
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
/* line 6, ../sass/types/_slider-r.scss */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
/* line 9, ../sass/types/_slider-r.scss */
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
/* line 16, ../sass/types/_slider-r.scss */
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
/* line 22, ../sass/types/_slider-r.scss */
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
/* line 27, ../sass/types/_slider-r.scss */
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}
/* line 32, ../sass/types/_slider-r.scss */
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spring
 */
/* line 6, ../sass/types/_spring.scss */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}
/* line 10, ../sass/types/_spring.scss */
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 16, ../sass/types/_spring.scss */
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 24, ../sass/types/_spring.scss */
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}
/* line 28, ../sass/types/_spring.scss */
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
/* line 35, ../sass/types/_spring.scss */
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
/* line 6, ../sass/types/_spring-r.scss */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 13, ../sass/types/_spring-r.scss */
.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
/* line 19, ../sass/types/_spring-r.scss */
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 26, ../sass/types/_spring-r.scss */
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 31, ../sass/types/_spring-r.scss */
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
/* line 38, ../sass/types/_spring-r.scss */
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
/* line 6, ../sass/types/_stand.scss */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
/* line 10, ../sass/types/_stand.scss */
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 15, ../sass/types/_stand.scss */
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 22, ../sass/types/_stand.scss */
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
/* line 29, ../sass/types/_stand.scss */
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 36, ../sass/types/_stand.scss */
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
/* line 6, ../sass/types/_stand-r.scss */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
/* line 10, ../sass/types/_stand-r.scss */
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 15, ../sass/types/_stand-r.scss */
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 22, ../sass/types/_stand-r.scss */
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
/* line 29, ../sass/types/_stand-r.scss */
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 36, ../sass/types/_stand-r.scss */
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin
 */
/* line 6, ../sass/types/_spin.scss */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 10, ../sass/types/_spin.scss */
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
/* line 15, ../sass/types/_spin.scss */
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 22, ../sass/types/_spin.scss */
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 27, ../sass/types/_spin.scss */
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
/* line 34, ../sass/types/_spin.scss */
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
/* line 6, ../sass/types/_spin-r.scss */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 10, ../sass/types/_spin-r.scss */
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
/* line 15, ../sass/types/_spin-r.scss */
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 22, ../sass/types/_spin-r.scss */
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 27, ../sass/types/_spin-r.scss */
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
/* line 34, ../sass/types/_spin-r.scss */
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
/* line 6, ../sass/types/_squeeze.scss */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 10, ../sass/types/_squeeze.scss */
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
/* line 15, ../sass/types/_squeeze.scss */
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* line 22, ../sass/types/_squeeze.scss */
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 27, ../sass/types/_squeeze.scss */
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
/* line 34, ../sass/types/_squeeze.scss */
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
/* line 6, ../sass/types/_vortex.scss */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 10, ../sass/types/_vortex.scss */
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
/* line 17, ../sass/types/_vortex.scss */
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
/* line 21, ../sass/types/_vortex.scss */
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
/* line 27, ../sass/types/_vortex.scss */
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 31, ../sass/types/_vortex.scss */
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
/* line 36, ../sass/types/_vortex.scss */
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
/* line 41, ../sass/types/_vortex.scss */
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
/* line 6, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 10, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
/* line 17, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
/* line 21, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
/* line 27, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 31, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
/* line 36, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
/* line 41, ../sass/types/_vortex-r.scss */
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/* FONTS */
/* Generated by Glyphter (http://www.glyphter.com) on  Wed Apr 12 2017*/
@font-face {
  font-family: 'navBar';
  src: url("../fonts/nav-bar.eot");
  src: url("../fonts/nav-bar.eot?#iefix") format("embedded-opentype"), url("../fonts/nav-bar.woff") format("woff"), url("../fonts/nav-bar.ttf") format("truetype"), url("../fonts/nav-bar.svg#nav-bar") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 19, ../sass/boutique.scss */
[class*='icon-']:before {
  display: inline-block;
  font-family: 'navBar';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 29, ../sass/boutique.scss */
.icon-house:before {
  content: '\0040';
}

/* line 30, ../sass/boutique.scss */
.icon-shopping-list:before {
  content: '\0041';
}

/* line 31, ../sass/boutique.scss */
.icon-user:before {
  content: '\0042';
}

/*
FONTS
 */
@font-face {
  font-family: 'segoe_uiregular';
  src: url("../fonts/segoe/5834388143-webfont.eot");
  src: url("../fonts/segoe/5834388143-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/5834388143-webfont.woff") format("woff"), url("../fonts/segoe/5834388143-webfont.ttf") format("truetype"), url("../fonts/segoe/5834388143-webfont.svg#segoe_uiregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeWP-SemiLight';
  src: url("../fonts/segoe/SegoeWP-SemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeWP-SemiLight.woff") format("woff"), url("../fonts/segoe/SegoeWP-SemiLight.ttf") format("truetype"), url("../fonts/segoe/SegoeWP-SemiLight.svg#SegoeWP-SemiLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeWP-Light';
  src: url("../fonts/segoe/SegoeWP-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeWP-Light.woff") format("woff"), url("../fonts/segoe/SegoeWP-Light.ttf") format("truetype"), url("../fonts/segoe/SegoeWP-Light.svg#SegoeWP-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeWP-Bold';
  src: url("../fonts/segoe/SegoeWP-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeWP-Bold.woff") format("woff"), url("../fonts/segoe/SegoeWP-Bold.ttf") format("truetype"), url("../fonts/segoe/SegoeWP-Bold.svg#SegoeWP-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeWP-Semibold';
  src: url("../fonts/segoe/SegoeWP-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeWP-Semibold.woff") format("woff"), url("../fonts/segoe/SegoeWP-Semibold.ttf") format("truetype"), url("../fonts/segoe/SegoeWP-Semibold.svg#SegoeWP-Semibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/************************/
/* line 95, ../sass/boutique.scss */
body {
  margin: 0;
  padding: 0;
}

/* line 100, ../sass/boutique.scss */
h1, h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/* line 105, ../sass/boutique.scss */
.row, .container > .navbar-header {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* line 111, ../sass/boutique.scss */
.navbar {
  margin-bottom: 0px !important;
}

/* line 115, ../sass/boutique.scss */
.back {
  display: block;
  text-align: left;
  color: #000;
  padding-top: 20px;
  position: absolute;
  left: 20px;
  font-family: 'Roboto';
  font-weight: 600;
  -moz-transition: color 0.1s;
  -o-transition: color 0.1s;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.image-produit .preloader-wrapper {
    top: 40%;
    position: absolute;
    left: 0%;
    right: 0%;
}


/* line 127, ../sass/boutique.scss */
.back:hover {
  color: #e91e63;
}

.no-article
{
      font-family: 'Roboto';
    font-weight: 100;
    text-align: center;
}

/* line 131, ../sass/boutique.scss */
.head-content {
  padding: 20px 0px 30px 0px;
}
/* line 134, ../sass/boutique.scss */
.head-content h1 {
    color: #242424;
    font-size: 28px;
    text-align: center;
    /* margin-top: 8px; */
    font-weight: 600;
    margin-bottom: 0px;
        margin: 10px 0px !!important;
}
/* line 140, ../sass/boutique.scss */
.head-content h2 {
    color: #cacaca;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
}

/* line 147, ../sass/boutique.scss */
h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  padding-top: 0px;
}

/* line 155, ../sass/boutique.scss */
.separator {
  height: 3px;
  width: 80px;
  z-index: 9999;
  background: #3d3d3d;
  margin: 0 auto;
}

/* line 163, ../sass/boutique.scss */
.navbar-default {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0px 2px 0px rgba(0, 0, 0, 0.24);
  border: none;
  border-radius: 0px;
}

/* line 170, ../sass/boutique.scss */
.navbar-brand-full img, .navbar-toggler img {
  max-height: 45px;
}

/* line 174, ../sass/boutique.scss */
a.navbar-brand-full {
  width: 100%;
}

/* line 178, ../sass/boutique.scss */
.open .icon-user:before {
  color: #e91e63;
}

/* line 183, ../sass/boutique.scss */
.container, .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 189, ../sass/boutique.scss */
.navbar .navbar-nav {
  padding: 10px 0px 9px 0px;
}
/* line 191, ../sass/boutique.scss */
.navbar .navbar-nav .first-bloc-nav {
  text-align: left;
  padding-top: 15px;
  padding-left: 5px;
}
/* line 197, ../sass/boutique.scss */
.navbar .navbar-nav .logo-client {
  text-align: center;
}
/* line 197, ../sass/boutique.scss */
.navbar .navbar-nav .logo-client .logo {
    position: relative;
    z-index: 9;
}
/* line 201, ../sass/boutique.scss */
.navbar .navbar-nav .connexion-panier {
  text-align: right;
  padding-top: 7px;
}
/* line 206, ../sass/boutique.scss */
.navbar .navbar-nav li {
  display: inline-block;
}
/* line 209, ../sass/boutique.scss */
.navbar .navbar-nav li.collection {
  font-family: 'Roboto' !important;
  font-size: 16px;
  font-weight: 700;
  padding: 0px 15px;
      height: 30px;
}
/* line 214, ../sass/boutique.scss */
.navbar .navbar-nav li.collection a {
  color: #000;
/*  position: relative;
  top: 4px;*/
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
  display: block;
}
/* line 221, ../sass/boutique.scss */
.navbar .navbar-nav li.collection.nav-link > a:hover {
  color: #e91e63 !important;
}
/* line 228, ../sass/boutique.scss */
.navbar .navbar-nav .nav-item a {
  display: block;
  padding: 5px 10px 0px 10px;
}
/* line 231, ../sass/boutique.scss */
.navbar .navbar-nav .nav-item a span {
  font-size: 27px;
  color: #000;
}
/* line 236, ../sass/boutique.scss */
.navbar .navbar-nav .nav-item a .icon-shopping-list:hover, .navbar .navbar-nav .nav-item a .icon-user:hover {
  color: #e91e63;
}
/* line 240, ../sass/boutique.scss */
.navbar .navbar-nav .nav-item a span.shop {
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
    background: #e91e63;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #fff;
    position: relative;
    right: 0px;
    bottom: 25px;
    min-height: 22px;
    min-width: 22px;
        position: absolute;
}
/* line 253, ../sass/boutique.scss */
.navbar .navbar-nav .nav-item a span.shop .number-shop {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 7px;
  margin-right: 7px;
  font-size: 12px;
  color: #fff;
/*      position: relative;
    right: 1px;*/
}
/* line 267, ../sass/boutique.scss */
.navbar .navbar-nav .collection a:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .2s ease, background-color .2s ease;
  position: relative;
  top: 2px;
}
/* line 278, ../sass/boutique.scss */
.navbar .navbar-nav .collection:hover > a:after {
  width: 100%;
  background: #e91e63;
}

/* line 286, ../sass/boutique.scss */
.navbar .open > .dropdown-menu {
  box-shadow: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
      left: -55px;

}
/* line 291, ../sass/boutique.scss */
.navbar .open > .dropdown-menu .dropdown-item {
    padding: 10px 0px 10px 20px;
    font-size: 16px;
    color: #000;
    -moz-transition: color 0.25s;
    -o-transition: color 0.25s;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
/* line 297, ../sass/boutique.scss */
.navbar .open > .dropdown-menu .connexion {
  padding: 0px !important;
}
/* line 301, ../sass/boutique.scss */
.navbar .open > .dropdown-menu .connexion button {
  border: none;
  width: 100%;
  background: transparent;
  text-align: center;
  outline: none;
  padding: 10px 0px 10px 0px;
}
/* line 312, ../sass/boutique.scss */
.navbar .open > .dropdown-menu .dropdown-item:hover {
  background: #f7f7f9;
  color: #e91e63;
}

.connexion-panier a.dropdown-item {
    padding-left: 0px !important;
}

.content {
    min-height: 20vh;
}

/* line 321, ../sass/boutique.scss */
section#home {
  margin-bottom: 70px;
background: #fff;
min-height: 84vh;
  /*	.content {
  		margin-top: 50px;
  	}*/
}
/* line 324, ../sass/boutique.scss */
section#home .produit {
    /*padding: 0px 10px;*/
    margin-bottom: 20px;
    /*min-height: 310px;*/
}
/* line 326, ../sass/boutique.scss */
section#home .produit a {
    -webkit-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    -moz-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    -o-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    /*min-height: 310px;*/
    color: #fff;
    text-decoration: none;
    width: 100%;
    margin: 0 auto;
    z-index: 900;
    overflow: hidden;
    display: block;
    /*background: #f7f7f9;*/
}

section#home .bloc-produit {
    width: 100% !important;
    /*min-height: inherit !important;*/
}

section#home .bloc-produit .product-link :hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  padding: auto;
  z-index:10;
  transition: all 0.4s;

} 

section#home .produit .info-product {
/*position: absolute;
    bottom: 0px;*/
    width: 100%;
    /*max-width: 272.5px !important;*/
    /*background: #fff !important;*/
}

/* line 328, ../sass/boutique.scss */
section#home .produit a img {
    max-width: 100%;
    padding: 0px;
    background: #f7f7f9;

    
/*    max-height: 280px;
    display: block;
    margin: 0 auto;
    margin-top: 0px;*/
}
/* line 328, ../sass/boutique.scss */
section#home .produit .product-link  {
        overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background: #f7f7f9;
    min-height: 300px;
}
/* line 336, ../sass/boutique.scss */
section#home .produit a .title {
  padding-top: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  float: left;
  color: #8c8c8c;
      overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
/* line 345, ../sass/boutique.scss */
section#home .produit a .price {
  padding-top: 10px;
  float: right;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 14px;
      position: relative;
    /*right: 21px;*/
}
/* line 356, ../sass/boutique.scss */
section#home .produit a:hover .title {
  text-decoration: underline;
}
/* line 359, ../sass/boutique.scss */
/*section#home .produit a:hover img {
  opacity: 0.8;
}
*/
/* line 368, ../sass/boutique.scss */
.pagination {
  margin-bottom: 40px;
  display: inline-block;
  text-align: right;
}
/* line 372, ../sass/boutique.scss */
.pagination a {
  color: #3d3d3d;
  padding: 8px 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  padding-bottom: 0px;
}
/* line 381, ../sass/boutique.scss */
.pagination a:hover {
  color: #e91e63;
}
/* line 384, ../sass/boutique.scss */
.pagination a.active {
  color: #e91e63;
  border-bottom: 2px solid #e91e63;
}

/* line 391, ../sass/boutique.scss */
footer {
  background: #fafafa;
}
/* line 393, ../sass/boutique.scss */
footer ul {
}
/* line 395, ../sass/boutique.scss */
footer ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0px 10px;
}
/* line 399, ../sass/boutique.scss */
footer ul li a {
  font-size: 13px;
  font-family: 'Roboto';
  color: #7d7d7d;
}
/* line 404, ../sass/boutique.scss */
footer ul li a:hover {
  text-decoration: underline !important;
}
/* line 409, ../sass/boutique.scss */
footer img {
  width: 100%;
  position: relative;
  bottom: 5px;
}
/* line 413, ../sass/boutique.scss */
footer p {
  text-align: right;
  font-size: 13px;
  font-family: 'Roboto';
  color: #7d7d7d;
}
/* line 420, ../sass/boutique.scss */
footer p span {
  font-weight: 600;
}

/* line 426, ../sass/boutique.scss */
.head-img {
  max-height: 600px;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
      /*border-bottom: 1px solid #f1f1f1;*/
}
/* line 431, ../sass/boutique.scss */
.head-img img {
  width: 100%;
}
/* line 434, ../sass/boutique.scss */
.head-img .fa {
  margin: 0 auto;
  text-align: center;
  position: relative;
  bottom: 40px;
  color: #000;
  display: block;
  width: 30px;
  border: 2px solid;
  padding: 7px 0px;
  border-radius: 50px;
  height: 30px;
}

/*page produit*/
/* line 452, ../sass/boutique.scss */
section#produit .container {
  display: none;
}

/* line 458, ../sass/boutique.scss */
.other-view {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 463, ../sass/boutique.scss */
.vue-produit {
  margin: 40px 0px;
  overflow: hidden;
}
.vue-produit .image-produit {
    text-align: center;
    background: #f7f7f9;
    padding: 10px;
}
/* line 467, ../sass/boutique.scss */
.vue-produit ul li {
  padding: 0px 5px;
  list-style-type: none;
}
/* line 470, ../sass/boutique.scss */
.other-view li img {
max-height: 70px;
    width: inherit;
}

.other-view button.btn-image-produit {
    border: none;
    background: #f7f7f9;
    max-width: 82px;
    width: 100%;
    outline: none;
    margin-top: 10px;
    min-height: 72px;
}

/* line 476, ../sass/boutique.scss */
.vue-produit > img {
  padding: 20px;
}
/* line 479, ../sass/boutique.scss */
.vue-produit img {
    max-width: 100%;
/*    max-height: 650px;
        max-width: 100%;*/
}

/* line 486, ../sass/boutique.scss */
section hr.first-separator {
  border-top: 1px solid #ebebeb;
}

/* line 491, ../sass/boutique.scss */
section select.taille {
  background: url(../images/arrow-select.png) no-repeat;
  background-position: right;
  background-color: white;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 40px;
  font-family: 'Roboto';
  font-weight: 600;
  color: #242424;
  border-radius: 3px !important;
  box-shadow: none;
  margin-bottom: 12px;
  margin-top: 5px;
  padding-left: 20px;
}

/* line 512, ../sass/boutique.scss */
.form-control:focus {
  box-shadow: none !important;
  border-color: #e91e63;
}

/* line 517, ../sass/boutique.scss */
.info-produit {
  padding: 0px 65px;
}
/* line 519, ../sass/boutique.scss */
.info-produit h1 {
  font-size: 20px;
  font-weight: 600 ;
  color: #242424 ;
  padding-top: 20px;
  margin-bottom: 2px ;
}
/* line 527, ../sass/boutique.scss */
.info-produit h3 {
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  padding-top: 0px;
  margin-top: 0px;
  color: #cacaca;
  letter-spacing: 0px;
}
/* line 537, ../sass/boutique.scss */
.info-produit button.moins, .info-produit button.plus {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  border: none;
  font-family: 'Roboto';
  font-weight: 800;
  color: #fff;
  padding-top: 2px;
  outline: none;
}
/* line 550, ../sass/boutique.scss */
.info-produit button.moins {
  padding-left: 7px;
}
/* line 554, ../sass/boutique.scss */
.info-produit button.moins:active, .info-produit button.plus:active {
  background: #e91e63;
}
/* line 558, ../sass/boutique.scss */
.info-produit input.quantite {
  display: inline-block;
  max-width: 137px;
  font-family: 'Roboto';
  font-weight: 600;
  height: 40px;
  box-shadow: none;
  margin-top: 4px;
  text-align: center;
}
/* line 570, ../sass/boutique.scss */
.info-produit input {
  /* Firefox */
  -moz-appearance: textfield;
  /* Chrome */
  /* Op├®ra*/
}
/* line 575, ../sass/boutique.scss */
.info-produit input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 581, ../sass/boutique.scss */
.info-produit input::-o-inner-spin-button {
  -o-appearance: none;
  margin: 0;
}
/* line 587, ../sass/boutique.scss */
.info-produit .cta {
    border: none;
    padding: 12px 0px;
    width: 97%;
    border-radius: 3px;
    color: #fff;
    background: #e91e63;
    -webkit-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    -moz-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    -o-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    transition: all 0.2s cubic-bezier(0.17, 0.67, 0.38, 0.75);
    display: block;
    margin: 15px auto;
    font-family: 'SegoeWP-SemiBold'!important;
    font-size: 16px;
}


.added__animation {
  position: absolute;
  right: 0px;
  margin: auto;
  height: 38px;
  width: 38px;
  display: inline-block;
  border: 2px solid #e91e63;
  border-radius: 50%;
  text-align: center;
  opacity: 0;
  -webkit-transform: scale(0.75) translateY(0px);
          transform: scale(0.75) translateY(0px);
  transition: opacity 0.2s ease, -webkit-transform 0.6s cubic-bezier(0.18, 1.22, 0.61, 1.38);
  transition: opacity 0.2s ease, transform 0.6s cubic-bezier(0.18, 1.22, 0.61, 1.38);
  transition: opacity 0.2s ease, transform 0.6s cubic-bezier(0.18, 1.22, 0.61, 1.38), -webkit-transform 0.6s cubic-bezier(0.18, 1.22, 0.61, 1.38);
}
.added__animation span {
  color: #e91e63;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 15px;
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 14px;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.added__animation.clicked {
  opacity: 1;
  -webkit-transform: scale(1) translateY(-50px);
          transform: scale(1) translateY(-50px);
}

/* line 587, ../sass/boutique.scss */
.info-produit .cta:hover {
opacity: .8;
}
/* line 598, ../sass/boutique.scss */
.info-produit .cta .fa {
  font-size: 12px;
}
/* line 603, ../sass/boutique.scss */
.info-produit .price {
    text-align: right;
    margin-bottom: 0px !important;
    font-family: 'SegoeWP-Bold';
    font-size: 20px;
        line-height: 1;
}
/* line 610, ../sass/boutique.scss */
.info-produit .price span:nth-of-type(2) {
  font-weight: 300 !important;
  font-size: 16px;
}
/* line 615, ../sass/boutique.scss */
.info-produit .fdp {
  text-align: right;
  display: block;
  font-weight: 300 !important;
  font-size: 16px;
  color: #7d7d7d;
}
/* line 624, ../sass/boutique.scss */
.info-produit .securise > img {
  position: initial;
  max-width: 228px;
  display: block;
  margin: 0 auto;
}
/* line 629, ../sass/boutique.scss */
.info-produit .securise p {
  font-size: 12px;
  margin-bottom: 2px;
  font-family: 'Montserrat';
  text-align: center;
}
/* line 634, ../sass/boutique.scss */
.info-produit .securise p img {
  position: relative;
  right: 4px;
}
/* line 639, ../sass/boutique.scss */
.info-produit .securise span {
  color: #00a651;
}
/* line 644, ../sass/boutique.scss */
.info-produit .label {
  color: #7d7d7d;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  padding-left: 0px;
}

span.label.quantity {
    padding-left: 30px;
}

/* line 652, ../sass/boutique.scss */
.info-produit .couleurs ul {
  padding-left: 0px;
}
/* line 654, ../sass/boutique.scss */
.info-produit .couleurs ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0px 3px;
}
/* line 658, ../sass/boutique.scss */
.info-produit .couleurs ul li a {
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #ebebeb;
  width: 23px;
  height: 23px;
}
/* line 664, ../sass/boutique.scss */
.info-produit .couleurs ul li a span {
  background-color: #3d3b3d;
  width: 23px;
  height: 23px;
  border-radius: 20px;
  display: inline-block;
  overflow: hidden;
}
/* line 678, ../sass/boutique.scss */
.info-produit .nav-tabs > li.active > a, .info-produit .nav-tabs > li.active > a:focus, .info-produit .nav-tabs > li.active > a:hover {
  border-width: 0;
}
/* line 679, ../sass/boutique.scss */
.info-produit .nav-tabs > li > a {
  border: none;
  color: #666;
  position: relative;
}
/* line 680, ../sass/boutique.scss */
.info-produit .nav-tabs > li.active > a, .info-produit .nav-tabs > li > a:hover {
  border: none;
  color: #e91e63 !important;
  background: transparent;
}
/* line 681, ../sass/boutique.scss */
.info-produit .nav-tabs > li > a::after {
  content: "";
  background: #e91e63;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}
/* line 682, ../sass/boutique.scss */
.info-produit .nav-tabs > li.active > a::after, .info-produit .nav-tabs > li:hover > a::after {
  transform: scale(1);
}
/* line 683, ../sass/boutique.scss */
.info-produit .tab-nav > li > a::after {
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}
/* line 684, ../sass/boutique.scss */
.info-produit .tab-pane {
  padding: 15px 0;
}
/* line 685, ../sass/boutique.scss */
.info-produit .tab-content {
  padding: 20px;
}
/* line 687, ../sass/boutique.scss */
.info-produit .card {
  background: #fafafa;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 688, ../sass/boutique.scss */
.info-produit body {
  background: #EDECEC;
  padding: 50px;
}
/* line 691, ../sass/boutique.scss */
.info-produit #description h4 {
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 14px;
}
/* line 697, ../sass/boutique.scss */
.info-produit .tab-pane {
  padding: 0px !important;
}
/* line 699, ../sass/boutique.scss */
.info-produit .tab-pane img {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #fafafa;
}
/* line 708, ../sass/boutique.scss */
.info-produit th {
  font-family: 'Roboto';
  font-weight: 600;
}
/* line 711, ../sass/boutique.scss */
.tab-content .fa {
    color: #cacaca;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: 30px;
    margin-top: 8px;
    top: 23px;
}


/*Loader*/
/*
.load-vignette .circle-clipper .circle {
    width: 100%;
    height: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 13px;
    right: 0;
    bottom: 0;
}*/

  /* line 1122, ../sass/boutique.scss */
  footer {
    background: #fafafa;
    padding: 30px 0px 15px 0px;
    border-top: 1px solid #f1f1f1;
  }

.load-produit .circle-clipper, .load-vignette .circle-clipper {
display: block !important;
}



/*.load-produit .spinner-layer {
position: absolute;
    top: 40%;
    right: 0%;
    left: 0%;
    bottom: 0%;
}*/

/* line 718, ../sass/boutique.scss */
.info-produit table .grey td, .info-produit table .grey th {
  font-family: 'Roboto';
  font-weight: 600;
  border-top: none;
}
/* line 723, ../sass/boutique.scss */
.info-produit .nav > li > a:focus {
  outline: none;
  background-color: transparent !important;
}

/*fin page produit*/
/*page commandes*/
/* line 736, ../sass/boutique.scss */
section#commandes {
  background-color: #fafafa !important;
  padding: 9vh 0 33vh 0px;
  min-height: 84vh;
}

/* line 742, ../sass/boutique.scss */
.list-commandes {
  display: none;
  background: #fff;
  padding: 40px 40px;
  box-shadow: 0px 1px 1px #cacaca;
}
/* line 747, ../sass/boutique.scss */
.list-commandes .filter {
  float: right;
  width: 250px;
  margin: 0px 10px 20px 0px;
  padding: 20px 10px;
}
/* line 754, ../sass/boutique.scss */
.list-commandes h1 {
  float: left;
  text-transform: none;
  font-size: 18px;
  color: #242424;
  font-family: "SegoeWP-Bold" !important;
  padding-bottom: 15px !important;
}
/* line 763, ../sass/boutique.scss */
.list-commandes .table-commandes, .list-commandes .table-commandes td {
  border: 1px solid #ccc;
}
/* line 767, ../sass/boutique.scss */
.list-commandes .table > tbody > tr > td, .list-commandes .table > tbody > tr > th, .list-commandes .table > tfoot > tr > td, .list-commandes .table > tfoot > tr > th, .list-commandes .table > thead > tr > td, .list-commandes .table > thead > tr > th {
  border-top: 1px solid #ddd;
}
/* line 771, ../sass/boutique.scss */
.list-commandes .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "SegoeWP-SemiLight";
  font-weight: 100;
  text-align: center;
  color: #7d7d7d;
}
/* line 782, ../sass/boutique.scss */
.list-commandes td, .list-commandes th {
  padding: 20px 0px !important;
  text-align: center;
  vertical-align: inherit !important;
}

/* fin page commande */
/* Modal Connexion */
/* line 795, ../sass/boutique.scss */
.error-message {
  color: #e74c3c;
  position: absolute;
}

/* line 800, ../sass/boutique.scss */
#connexion .info-message {
  color: #00b0ff;
  padding: 0px 20px 10px 20px;
  margin-top: -20px;
}

/* line 806, ../sass/boutique.scss */
#connexion .forget-password-visible {
  display: none !important;
}

/* line 810, ../sass/boutique.scss */
#connexion.forget-password-mode .forget-password-visible {
  display: block !important;
}

/* line 814, ../sass/boutique.scss */
#connexion.forget-password-mode .forget-password-invisible {
  display: none !important;
}

/*
MODAL
*/
/* line 823, ../sass/boutique.scss */
#connexion .modal-header {
  border: none;
  padding: 15px 15px 5px 15px !important;
}
/* line 827, ../sass/boutique.scss */
#connexion .modal-header .logo {
  text-align: center;
  padding-bottom: 10px;
}
/* line 831, ../sass/boutique.scss */
#connexion .modal-header .logo img {
  max-height: 45px;
}
/* line 836, ../sass/boutique.scss */
#connexion .modal-header .close {
  outline: none;
}
/* line 842, ../sass/boutique.scss */
#connexion .modal-dialog {
  max-width: 400px;
  z-index: 9999;
  margin: 10px auto !important;
}
/* line 842, ../sass/boutique.scss */
#connexion .modal-body {
    margin-bottom: 20px;
}

.content .col-xs-6, .content .col-sm-4, .content .col-md-4, .content .col-lg-3 {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


/* line 847, ../sass/boutique.scss */
#connexion h4 {
  font-family: 'segoeWP-Bold';
  font-size: 18px;
  padding: 0px 7px;
  text-align: center;
}
/* line 854, ../sass/boutique.scss */
#connexion input {
  box-shadow: none;
  border-radius: 3px;
  height: 40px;
  padding-left: 30px;
  font-family: "segoeWP-SemiBold";
}
/* line 861, ../sass/boutique.scss */
#connexion .form-group {
  margin-bottom: 10px;
  padding: 0px 20px;
}
/* line 864, ../sass/boutique.scss */
#connexion .form-group .icon-adresse, #connexion .form-group .icon-mp {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  color: #cacaca;
  top: 7px;
}
/* line 871, ../sass/boutique.scss */
#connexion .form-group .icon-adresse {
  left: 28px;
}
/* line 874, ../sass/boutique.scss */
#connexion .form-group .icon-mp {
  left: 31px;
}
/* line 879, ../sass/boutique.scss */
#connexion input:-webkit-autofill, #connexion textarea:-webkit-autofill, #connexion select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/* line 884, ../sass/boutique.scss */
#connexion ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cacaca;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 13px;
}
/* line 890, ../sass/boutique.scss */
#connexion ::-moz-placeholder {
  /* Firefox 19+ */
  color: #cacaca;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 13px;
}
/* line 896, ../sass/boutique.scss */
#connexion :-ms-input-placeholder {
  /* IE 10+ */
  color: #cacaca;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 13px;
}
/* line 902, ../sass/boutique.scss */
#connexion :-moz-placeholder {
  /* Firefox 18- */
  color: #cacaca;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 13px;
}
/* line 909, ../sass/boutique.scss */
#connexion .btn-cancel {
  width: 100%;
  color: #cacaca;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  padding: 10px 0px;
  border-radius: 3px;
  background: #f1f1f1;
  margin-left: 5px;
}
/* line 921, ../sass/boutique.scss */
#connexion .btn-validate {
  width: 100%;
  color: #fff;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  padding: 10px 0px;
  border-radius: 3px;
  background: #e91e63;
  margin-right: 5px;
}
/* line 935, ../sass/boutique.scss */
#connexion #renseignement-livraison .action div {
  padding: 5px 20px 10px 20px;
}
/* line 938, ../sass/boutique.scss */
#connexion #renseignement-livraison .action div:nth-of-type(1) {
  padding-right: 7px !important;
}
/* line 941, ../sass/boutique.scss */
#connexion #renseignement-livraison .action div:nth-of-type(2) {
  padding-left: 7px !important;
}
/* line 945, ../sass/boutique.scss */
#connexion #renseignement-livraison .mp-oublie {
  font-size: 12px;
  color: #7d7d7d;
  font-family: 'Roboto';
  font-weight: 500;
  display: block;
  float: right;
  margin-top: 15px;
}
/* line 954, ../sass/boutique.scss */
#connexion #renseignement-livraison .mp-oublie:hover {
  text-decoration: underline;
}

/*
END MODAL
 */

/*************** > 1331px NAVIGATION ********************/

@media screen and (min-width: 1170px) {
  .navbar .navbar-nav .logo-client {
    text-align: center;
    position: absolute;
    left: 0px;
}

}

@media screen and (max-width: 1330px) {
  .navbar .navbar-nav .logo-client {
    text-align: center;
/*    position: absolute;
    left: 0px;*/
}
}


/***************************************************/

@media screen and (min-width: 993px) and (max-width: 1199px) {

.vue-produit .image-produit {
  min-height: 525px !important;
}

  }


/********* MEDIA QUERIES MOBILE < 992px ************/
@media screen and (min-width: 772px) and (max-width: 992px) {

  section#home .produit .product-link {
      line-height: 300px !important;
  }

  .info-produit input.quantite {
    max-width: 97px !important;
  }


  .other-view button.btn-image-produit {
    max-width: 63px;
    margin: 10px 3px;
    width: inherit;
  }

  .vue-produit ul li img {
    max-height: 59px;
    max-width: 59px;
    background: #f7f7f9;
}

.vue-produit ul li img {
  width: inherit !important;
}

ul.other-view {
  position: inherit !important;
}

.image-produit image-loader > img {
      max-height: 351px !important;
    width: inherit !important;
}

  /* line 972, ../sass/boutique.scss */
  footer li {
    padding: 2px !important;
  }
  /* line 975, ../sass/boutique.scss */
  footer a, footer p {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 1199px) {


  section#home .produit .product-link {
    line-height: 300px;
  }


  .vue-produit .image-produit {
    max-height: 700px;
    min-height: 700px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

section#home .produit a img {
    max-width: 100% !important;
    max-height: 280px;
}

section#home .produit .product-link {
  min-height: 245px;
  line-height: 245px;
}

section#home .produit a .title  {
      max-width: 185px !important;
}

  /* line 984, ../sass/boutique.scss */
  .info-produit {
    padding: 0 20px !important;
  }
  /* line 986, ../sass/boutique.scss */
  .info-produit .quantite {
    max-width: 132px !important;
  }
}
@media screen and (min-width: 771px) {


/*.navbar .navbar-nav .first-bloc-nav {
  padding-top: 5px !important;
}

.navbar .navbar-nav .connexion-panier {
  padding-top: 0px !important;
}
*/

  /* line 994, ../sass/boutique.scss */
  .navbar-header {
    display: none;
  }

  /* line 999, ../sass/boutique.scss */
  .content {
    /*min-height: 600px;*/
  }
}
@media screen and (max-width: 772px) {

ul.nav-menu-secondary {
  border: none !important;
  position: inherit !important;
}

  section#home .produit {
    min-height: 170px;
  }

.navbar .navbar-nav li.collection {
    padding: 0px !important;
}

a.nav-link {
    margin: 0px !important;
    padding: 0px !important;
}

ul.nav-menu-first-level {
    display: block !important;
    padding: 0px !important;
}

.first-bloc-nav.col-sm-9 {
    width: 100%;
        padding: 0px;
    margin: 0px;
}

ul.nav-menu-secondary {
    width: 95% !important;
    padding: 0px;
    margin: 0px;
}

div#connexion {
    padding: 0px !important;
}

.navbar .navbar-nav li.collection a {
    /* color: #000; */
    -moz-transition: color 0.25s;
    -o-transition: color 0.25s;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    display: block;
    /* max-width: 100% !important; */
    padding: 0px;
    /* color: #7d7d7d; */
    text-align: center !important;
    margin: 0px auto;
}

}

@media screen and (max-width: 992px) {

  .added__animation {
    display: none;
  }

  .add-product {
    top: 10px !important;
    right: 10px !important;
    position: fixed !important;
  }


.info-produit {
  padding: 0px !important;
}

.tab-content .fa {
  top: 0px !important;
}

.vue-produit img {
      max-height: 350px;
    width: inherit;
    background: #f7f7f9;
}
.vue-produit{
      min-height: 350px;
}

  /* line 1009, ../sass/boutique.scss */
  .vue-produit ul li {
    padding: 0px;
  }

  /* line 1013, ../sass/boutique.scss */
  ul.other-view {
/*    position: absolute;
    bottom: 0px;*/
    background: white;
    width: 100%;
    margin: 0 auto;
    /*text-align: center;*/
  }

  /* line 1023, ../sass/boutique.scss */
  .vue-produit ul li {
    display: inline-block;
  }

  .other-view button.btn-image-produit {
    margin-right: 10px;
  }

  /* line 1026, ../sass/boutique.scss */
  .vue-produit ul li img {
    /*width: 62px;*/
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 500px) {
  /* line 1033, ../sass/boutique.scss */
  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px !important;
    font-size: 10px !important;
  }
}
@media screen and (max-width: 585px) {

  h1 {

      font-size: 20px !important;

  }

  /* line 1092, ../sass/boutique.scss */
  h2 {
    font-size: 14px !important;
  }

section#home .produit a .title, section#home .produit a .price {
  font-size: 12px !important;
  padding-top: 5px !important;
}

  section#home .produit a .title {
    width: 100%;
}

.info-produit input.quantite {
  max-width: 75px;
}

section#home .produit .product-link {
  min-height: inherit !important;
}

section#home .produit a img {
}

}

@media screen and (max-width: 772px) {


section#home .produit a img {

        /*width: 100% !important;*/

}

.info-product {
  bottom: initial !important;
}

.logo-xs {
  padding: 16px;
}

#navigation {
  overflow: hidden;
}


  /* line 1043, ../sass/boutique.scss */
  .count-xs {
    display: none !important;
  }

  /* line 1048, ../sass/boutique.scss */
  .mobile-nav-connexion {
    text-align: right;
    padding: 5px 15px 5px 15px;
    background: #fafafa;
  }
  /* line 1048, ../sass/boutique.scss */
  .mobile-nav-connexion li .separatormobile{
    position: relative;
    left: 5px;
    color: #cacaca;
  }
  /* line 1052, ../sass/boutique.scss */
  .mobile-nav-connexion ul {
margin-bottom: 0px !important;
    padding: 0px 10px 0px 0px;
  }
  /* line 1056, ../sass/boutique.scss */
  .mobile-nav-connexion ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 5px 0px 0px;
  }
  /* line 1060, ../sass/boutique.scss */
  .mobile-nav-connexion ul li a {
    color: #000000;
    font-size: 13px;
    font-family: 'Roboto' !important;
    font-weight: 600;
  }
  /* line 1067, ../sass/boutique.scss */
  .mobile-nav-connexion ul li a:hover {
    color: #e91e63 !important;
  }

  /* line 1076, ../sass/boutique.scss */
  .info-produit {
    padding: 0px 20px;
  }

  /* line 1080, ../sass/boutique.scss */
  

  /* line 1085, ../sass/boutique.scss */
  .logo-client, .connexion-panier {
    display: none;
  }

  /* line 1089, ../sass/boutique.scss */
  h1, h3 {
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-left: 15px !important;

  }

  /* line 1092, ../sass/boutique.scss */
  h2 {
    font-size: 18px;
  }

  /* line 1098, ../sass/boutique.scss */
  section .produit a .title {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;

  }
  /* line 1107, ../sass/boutique.scss */
/*  section .produit a .price {
    position: absolute;
    right: 20px;
    background: #fff;
    padding: 9px 3px;
  }*/

  /* line 1116, ../sass/boutique.scss */
  .liens-footer {
    text-align: center;
    padding-bottom: 0px;
  }

  /* line 1124, ../sass/boutique.scss */
  footer a {
    font-size: 14px !important;
  }
  /* line 1128, ../sass/boutique.scss */
  footer img {
    max-width: 400px;
    margin: 0 auto;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  /* line 1136, ../sass/boutique.scss */
  footer p {
    font-size: 14px;
    text-align: center;
  }

  /* line 1142, ../sass/boutique.scss */
  .logo-xs {
    text-align: center;
  }
  /* line 1145, ../sass/boutique.scss */
  .logo-xs img {
    max-height: 35px;
    /*margin-top: 10px;*/
    max-width: 148px;
  }

  /* line 1152, ../sass/boutique.scss */
  .count-xs a, .panier-xs a ::before {
    color: #000;
    font-size: 27px;
    padding-top: 0px;
    display: block;
  }

  /* line 1159, ../sass/boutique.scss */
  .navbar .navbar-nav li {
    display: block;
    text-align: center;
    padding-bottom: 10px;
  }

  /* line 1165, ../sass/boutique.scss */
  .shop {
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
    background: #e91e63;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #fff;
    position: relative;
    bottom: 36px;
    min-height: 22px;
    float: right;
    left: 15px;
  }

  /* line 1179, ../sass/boutique.scss */
  .number-shop {
    display: inline-block;
    padding-top: 50%;
    padding-bottom: 50%;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    color: #fff;
    min-width: 11px;
    text-align: center;
  }

  /* line 1191, ../sass/boutique.scss */
  .col-xs-4 li {
    display: inline-block;
    padding-left: 7px;
    position: relative;
    top: 20px;
  }

  /* line 1197, ../sass/boutique.scss */
  .first-bloc-nav {
    display: initial;
  }

  /* line 1201, ../sass/boutique.scss */
  .hamburger {
    text-align: left;
    padding-top: 24px;
    padding-left: 30px;
  }

  /* line 1207, ../sass/boutique.scss */
  .right-side {
    text-align: right;
    position: relative;
    right: 20px;
  }

  /* line 1214, ../sass/boutique.scss */
  .panier-xs a {
    display: block;
  }

  /* line 1218, ../sass/boutique.scss */
  .open > .dropdown-menu {
    box-shadow: none !important;
  }
}

/** MENU NAVIGATION **/

#navigation {
      max-width: 1600px;
}

.sub-menu {
        transition-duration: 0.2s;
  transition-delay: 0.2s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  position: absolute;
}

ul.nav-menu-secondary {
    /* visibility: visible; */
    display: none;
    /*height: 0px;*/
    position: absolute;
    z-index: 99999;
    text-align: left;
     /*left: 6.6em; */
    padding: 0px;
    background: #fff;
    /* max-width: 200px; */
    border: 1px solid #f1f1f1;
    border-radius: 2px;
      transition-duration: 0.2s;
  transition-delay: 0.2s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     min-width: 188px; 
    top: 27px;
}

li.list-subcategorie {
    font-family: 'Roboto';  
    font-size: 15px;
    width: 100%;
}

li.list-subcategorie a.second-level {
    padding:12px 12px 9px 12px;
    display: block;
        max-width: 180px;
        width: 100%;
        font-weight: 400;
}

li.list-subcategorie:hover {
    background: #fafafa !important;
    /*color: crimson;*/
}
li.list-subcategorie a:hover {
    color: crimson !important;
}

ul.nav-menu-first-level {
  display: inline-block;
}
ul.nav-menu-first-level li:first-child a {
    margin-right: 15px;
}

  a.nohref:hover {
    cursor: pointer;
  }
  #connexion #renseignement-livraison .no-account {
    font-size: 12px;
    color: #7d7d7d;
    font-family: 'Roboto';
    font-weight: 500;
    display: block;
    float: right;
    margin-top: 15px;
  }
  #btn-deconnexion {
    border: none;
    background: none;
  }
  .deconnexion {
    color: crimson !important;
    /*color: #fff !important;*/
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
  }

  .deconnexion:hover {
   color: crimson !important;
 }
  .connexion-panier .dropdown-menu a {
      display: inline-block;
      text-align: center;
      width: 100%;
      padding: 14px 0px;
 }

 /* cta toggle connexion/inscription */
 #connexion .sign-in-visible {
   display: none !important;
 }
 #connexion.sign-in-mode .sign-in-visible {
   display: block !important;
 }
 #connexion.sign-in-mode .sign-in-invisible {
   display: none !important;
 }
 /*#connexion #renseignement-livraison .no-account {*/
 #connexion #renseignement-livraison-inscription .no-account {
   font-size: 12px;
   color: #7d7d7d;
   font-family: 'Roboto';
   font-weight: 500;
   display: block;
   float: right;
   margin-top: 15px;
 }
 #connexion #renseignement-livraison-inscription .no-account:hover {
   text-decoration: underline;
 }

 #connexion #renseignement-livraison-inscription .action div {
   padding: 5px 20px 10px 20px;
 }
 #connexion #renseignement-livraison-inscription .action div:nth-of-type(1) {
   padding-right: 7px !important;
 }
 #connexion #renseignement-livraison-inscription .action div:nth-of-type(2) {
   padding-left: 7px !important;
 }

 input#nom-inscription {
    padding-left: 15px;
 }
 input#prenom-inscription {
    padding-left: 15px;
 }

 /* erreurs */
 form input.good:not(:focus), form select.good:not(:focus) {
   border: 1px solid #00cd69 !important;
 }
 form input.wrong:not(:focus), form select.wrong:not(:focus) {
   border: 1px solid #e74c3c !important;
 }

 .nav-menu-first-level li {
    /*float: left;*/
    text-align: left;
    list-style: none !important;
    padding: 0px 0px 0px 0px;
 }
 .nav-menu-first-level li a, .list-subcategorie a {
    cursor: pointer;
 }
 /*.list-subcategorie {*/
 .nav-menu-secondary {
    float:left;
    text-align: center;
    list-style: none !important;
    padding: 0px 0px 0px 0px;
 }

 .nav-menu-first-level .nav-header {
      position: relative;
    top: 3px;
 }

 .add-product {
    top: 80px;
    position: absolute;
    right: 30px;
    background: #fff;
    color: limegreen;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 0px 2px 0px rgba(0, 0, 0, 0.12);
    padding: 10px 30px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
    border-radius: 50px;
    opacity: 1;
}

 .mymove
 {
      position: relative;
    -webkit-animation: mymove infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation: mymove;
    animation-duration: 1s;
 }

 .bubble{
  animation: animateElement linear .3s;
  animation-iteration-count: 1;
 }

 /* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {
        opacity: 0;
        transform: scale(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1.25, 1.25);
    }
    to {
        transform: scale(1, 1);
    }
}

@keyframes mymove {
    from {
        opacity: 0;
        transform: scale(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1.25, 1.25);
    }
    to {
        transform: scale(1, 1);
    }
}
 /* Safari 4.0 - 8.0 */
@-webkit-keyframes mymoveSimple {
    from {
        opacity: 0;
        transform: scale(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1, 1);
    }
    to {
        transform: scale(1, 1);
    }
}

@keyframes mymoveSimple {
    from {
        opacity: 0;
        transform: scale(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1, 1);
    }
    to {
        transform: scale(1, 1);
    }
}

::-webkit-scrollbar {width: 12px }::-webkit-scrollbar-track {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(241,241,241, 1) }::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(190,190,190, 1)}

@-webkit-keyframes animateElement {
  0% {
    opacity:0;
    transform:  translate(0px,10px);
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px);
  }
}


@keyframes animateElement{
  0% {
    opacity:0;
    transform:  translate(0px,10px);
  }
  50% {
    opacity:1;
    transform:  translate(0px,0px);
  }
}