/* GENERIC */

* {
	margin:0;
	padding:0;
}

a,
a:focus,
a:active,
a:hover {
	text-decoration:none;
	outline:none;
	outline:0;
}

input,
input:focus,
input:active,
input:hover {
	outline:none;
	outline:0;
}



.validation-summary-errors {
    width:100%;
    padding:10px 15px;
    background:rgb(239, 72, 54);
    margin:0 0 20px 0;
    color:#fff;
    font-size:16px;
}

.validation-summary-errors ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

html,
body {
	width:100%;
  	height:100%;
    margin:0;
}

body {
	font-size:12px;
	font-family:"museo-sans",sans-serif;
	font-style:normal;
	font-weight:500;
	-webkit-transform: translateZ(0);
}

body.body-popin-open {
	overflow: hidden;
}

.container {
	width: 100%;
	max-width:1440px;
	padding:0;
	box-sizing:border-box;
	border:20px solid #fff;
}

.wrapper {
	width:100%;
	overflow:hidden;
}

.page-content {
	width:100%;
	min-height:calc(100% - 80px);
	height:auto !important;
  	height:calc(100% - 80px);
	position:relative;
	float:left;
    display:flex;
    flex-direction:row;
    justify-content: space-between
}

.breakline {
	display:none;
}

.invert-breakline {
	display:inline-block;
}

/* HEADER */

header {
	width:100%;
	height:80px;
	background:#fff;
	float:left;
	position:relative;
}

.home header {
	height:250px;
}

header nav {
	width:100%;
	height:50px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	padding:0 0 0 80px;
	display:none;
}

header nav li {
	float:left;
	margin:0 30px 0 0;
	height:50px;
	line-height:50px;
}

header nav li.search {
	width:50px;
	background:#b3b1b0;
	text-align:center;
}

header nav li:hover.search {
	background:#ef4836;
	cursor:pointer;
}

header nav li a {
	font-size:14px;
	font-style: normal;
	font-weight: 600;
	color:#b3b1b0;
	text-transform:uppercase;
}

header nal li a:focus,
header nal li a:active {
    color:#b3b1b0;
}

header nav li a:hover,
header nav li.active a {
	color:#ef4836;
}

header .logo {
	position:absolute;
	top:0;
	left:50%;
	width:70px;
	height:80px;
	margin:0 0 0 -35px;
	overflow:hidden;
	z-index:3;
}

header .logo img{
	max-width:100%;
}

/* SEARCH */

#search {
    position: absolute;
	left:0;
	top:0;
    width: 100%;
	display:none;
    overflow:hidden;
}

#search.active {
    overflow:inherit;
}

#search-mobile {
	width:100%;
	margin:0 0 30px 0;
	padding:0 20px;
	position:relative;
}

#label {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 21;
}

#label label {
    display: block;
    width: 50px;
    height: 50px;
    background:#b3b1b0 url(../img/icon-search.png) no-repeat center center;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
}

#label label:hover {
    background:#f64747 url(../img/icon-search.png) no-repeat center center;
	cursor:pointer;
}

#label.active label {
    background:#b3b1b0 url(../img/icon-search.png) no-repeat center center;
}

#label-mobile {
    width: 50px;
    height: 50px;
    position: absolute;
	left:0;
	top:0;
    z-index: 21;
}

#label-mobile label {
    display: block;
    width: 50px;
    height: 50px;
    background:#fff url(../img/icon-search-mobile.png) no-repeat center center;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
}

#input {
    position: absolute;
    top:0;
    left:-350px;
    width: 350px;
    z-index: 5;
    overflow: hidden;
    -webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: left 0;
    -moz-transition: left 0;
    -ms-transition: left 0;
    -o-transition: left 0;
    transition: left 0;
}

#input-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 5;
}

#input input {
    display: block;
    width: 350px;
    height: 50px;
    margin: 0;
    padding: 0 10px;
    border: none;
    background:#f0efef url(../img/bg-input-search.jpg) no-repeat right center;
    color: #4b4340;
    font-size: 18px;
	font-weight:300;
}

#input-mobile input {
    display: block;
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 10px 0 60px;
    border: none;
    background:#fff;
    color: #4b4340;
    font-size: 15px;
	font-weight:300;
}

#input input:focus,
#input-mobile input:focus  {
    outline: none
}

#input.focus {
    z-index: 20;
    left: 50px;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
}

#search .results {
    width:350px;
    border: none;
    background:#f0efef;
    padding:1px;
    display:none;
}

#search .results a {
    display: block;
}

#search .results .item {
    min-height:150px;
	background:#fff;
	margin:0 0 1px 0;
	padding:25px 25px 25px 0;
	position:relative;
	overflow:hidden;
    display:flex;
    align-items:center;
}

#search .results .item:last-child {
	margin:0;
}

#search .results .item .visu {
	float:left;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 25px;
    margin:0 10px 0 0;
}

#search .results .item img {
	max-height:100px;
}

#search .results .item .visu .zoom {
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8) url(../img/zoom-cta-list.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#search .results .item .visu:hover .zoom {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 100;
}

#search .results .item .desc {
	width:40%;
	float:left;
	color:#b3b1b0;
	font-size:15px;
}

#search .results .item .desc h1{
	margin:0 0 5px 0;
	padding:0;
	font-size:25px;
	font-weight:500;
	color:#1d1d1b;
}

#search .results .item .desc h2 {
	color:#b3b1b0;
	margin:0 0 5px 0;
	padding:0;
	font-size:20px;
}

#search .results .item.beers .desc h2 {
	color:#ecbb40;
}

#search .results .item.wines .desc h2 {
	color:#f64747;
}

#search .results .item.softs .desc h2 {
	color:#81cfe0;
}

#search .results .item.alcohol .desc h2 {
	color:#00b16a;
}

#search .results .item.gifts .desc h2 {
	color:#87d37c;
}

#search .results .item.coffee .desc h2 {
	color:#4f4746;
}

#search .results .item.celebration .desc h2 {
	color:#eb9532;
}

#search .results .item .desc h3 {
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

#search .results .item .input-group {
	width:77px;
	border-right:1px solid #f0efef;
    position:absolute;
    bottom:85px;
    right:20px;
}

#search .results .item input {
	width:46px;
	height:40px;
	background:#f0efef;
	border:none;
	box-shadow:none;
	padding:0;
	text-align:center;
	color:#b3b1b0;
	font-size:13px;
}

#search .results .item a.cta {
	display:inline-block;
	padding:0 20px 0 49px;
	height:50px;
	line-height:50px;
	position:absolute;
	right:20px;
	bottom:20px;
	font-size:13px;
	color:#fff;
    background:#b3b1b0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#search .results .item.beers a.cta {
	background:#ecbb40;
	border:2px solid #ecbb40;
}

#search .results .item.wines a.cta {
	background:#f64747;
	border:2px solid #f64747;
}

#search .results .item.softs a.cta {
	background:#81cfe0;
	border:2px solid #81cfe0;
}

#search .results .item.alcohol a.cta {
	background:#00b16a;
	border:2px solid #00b16a;
}

#search .results .item.gifts a.cta {
	background:#87d37c;
	border:2px solid #87d37c;
}

#search .results .item.coffee a.cta {
	background:#4f4746;
	border:2px solid #4f4746;
}

#search .results .item.celebration a.cta {
	background:#eb9532;
	border:2px solid #eb9532;
}

#search .results .item a.cta span.arrow {
	width:21px;
	height:21px;
	position:absolute;
	left:20px;
	top:14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:url(../img/arrow-cta-list.png) no-repeat center center;
}

#search .results .item.beers a:hover.cta {
	color:#ecbb40;
	background:#fff;
}

#search .results .item.wines a:hover.cta {
	color:#f64747;
	background:#fff;
}

#search .results .item.softs a:hover.cta {
	color:#81cfe0;
	background:#fff;
}

#search .results .item.alcohol a:hover.cta {
	color:#00b16a;
	background:#fff;
}

#search .results .item.gifts a:hover.cta {
	color:#87d37c;
	background:#fff;
}

#search .results .item.coffee a:hover.cta {
	color:#4f4746;
	background:#fff;
}

#search .results .item.celebration a:hover.cta {
	color:#eb9532;
	background:#fff;
}

#search .results .item.beers a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-beers.png) no-repeat center center;
}

#search .results .item.wines a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-wines.png) no-repeat center center;
}

#search .results .item.softs a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-softs.png) no-repeat center center;
}

#search .results .item.alcohol a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-alcohol.png) no-repeat center center;
}

#search .results .item.gifts a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-gifts.png) no-repeat center center;
}

#search .results .item.coffee a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-coffee.png) no-repeat center center;
}

#search .results .item.celebration a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-celebration.png) no-repeat center center;
}

/* MOBILE MENU */

.c-hamburger {
  display: block;
  position: absolute;
  left:0;
  top:0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background:#b3b1b0;
  z-index:501;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 25px;
  left: 15px;
  right: 0;
  width:20px;
  height: 3px;
  background: #fff;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	top:20px;
	left:20px;
	position:fixed;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.popin {
	-webkit-transition: opacity 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: opacity 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	background: rgba(179, 177, 176, 1);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0%;
	z-index: 500;
	overflow: auto;
	visibility: hidden;
	opacity: 0;
	box-sizing:border-box;
	border:20px solid #fff;
}

.popin .content {
	-webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	padding: 270px 0px;
	margin-top: -50px;
}

@media (max-width: 767px) {
	.popin .content {
		padding: 150px 0px;
	}
}

.popin-open {
	visibility: visible;
	opacity: 100;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.popin-open .content {
	margin-top: 0px;
}

.mobile-nav {
  text-transform: uppercase;
}

.mobile-nav ul {
  list-style: none;
  margin: 0px 0 50px 0;
  padding: 0px;
  font-weight: 900;
  width:100%;
}

.mobile-nav ul li  {
	height:50px;
	border-bottom:1px solid #f0efef;
}

.mobile-nav ul li:last-child  {
	border-bottom:none;
}

.mobile-nav .content {
  padding: 50px 30px 0 30px;
}

.mobile-nav .content a {
	color:#fff;
	text-transform:uppercase;
	line-height: 50px;
	display: block;
	font-size: 15px;
	text-align: center;
	font-weight: 600;
}

.mobile-nav .content a:focus,
.mobile-nav .content a:active,
.mobile-nav .content a:hover,
.mobile-nav .content a.active {
  color: #ef4836;
}

/* BAG */

header .bag {
	width:50px;
	height:50px;
	max-height: 50px;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
	-webkit-transition: width 0.3s ease, max-height 0.3s linear 0.4s;
	-moz-transition: width 0.3s ease, max-height 0.3s linear 0.4s;
	-o-transition: width 0.3s ease, max-height 0.3s linear 0.4s;
	-ms-transition: width 0.3s ease, max-height 0.3s linear 0.4s;
	transition: width 0.3s ease, max-height 0.3s linear 0.4s;
	overflow:hidden;
}

header .bag.open-bag {
	width:295px;
	height:auto;
	max-height:810px;
}

header .bag:hover {
	cursor:pointer;
}

header .bag:hover.open-bag {
	cursor:auto;
}

header .bag h1 {
	font-size:15px;
	text-transform:uppercase;
	color:#b3b1b0;
	margin:0;
	height:50px;
	line-height:50px;
	position:absolute;
	right:72px;
	top:0;
	font-weight:700;
	letter-spacing:0.12em;
	display:none;
}

header .bag:hover h1,
header .bag.open-bag h1 {
	color:#f64747;
}

header .bag span.badge {
	background:#f0efef url(../img/sticker-bag.png) no-repeat center center;
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	line-height:50px;
	text-align:center;
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:900;
	border-radius:0;
}

header .bag .content {
	width:100%;
	margin:50px 0 0 0;
	background:#f0efef;
	padding:1px 0 0 0;
}

header .bag .content .notlogged,
header .bag .content .bagfilled {
	width:100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

header .bag.open-bag .content .notlogged,
header .bag.open-bag .content .bagfilled {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 100;
}

header .bag .content ul {
	padding:20px 20px 25px 20px;
}

header .bag .content li {
	width:100%;
	margin:0 0 20px 0;
	color:#000;
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
	padding:0 0 0 35px;
	position:relative;
}

header .bag .content li a {
	color:#000;
}

header .bag .content li a:hover {
	color:#b3b1b0;
}

header .bag .content li a:before {
	position:absolute;
	left:0;
	top:2px;
}

header .bag .content li.bag-link a:before {
    content:"";
    width:16px;
    height:15px;
    background:url(../img/picto-bag.png) center center no-repeat;
}

header .bag .content li.account-link a:before {
    content:"";
    width:15px;
    height:15px;
    background:url(../img/picto-account.png) center center no-repeat;
}

header .bag .content li.register-link a:before {
    content:"";
    width:14px;
    height:14px;
    background:url(../img/picto-register.png) center center no-repeat;
}

header .bag .content li.login-link a:before {
    content:"";
    width:15px;
    height:14px;
    background:url(../img/picto-user-popin.png) center center no-repeat;
}

header .bag .content li span.red {
	color:#f64747;
}

header .bag .content .product {
	background:#fff;
	border-left:1px solid #f0efef;
	border-right:1px solid #f0efef;
	margin:0 0 1px 0;
	padding:10px 20px;
	position:relative;
	overflow:hidden;
    height:100px;
    display:flex;
    /*justify-content:space-between;*/
}

header .bag .content .product:last-child {
	margin:0;
}

header .bag .content .product .visu {
	width:58px;
    height:100%;
	float:left;
	margin:0 30px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    object-fit:contain;
}

header .bag .content .product .visu img{
	height:100%;
    display:inline-block;
}

header .bag .content .product .desc {
	width:auto;
	float:left;
	color:#b3b1b0;
	font-size:15px;
}

header .bag .content .product .desc h2{
	margin:20px 0 5px 0;
	padding:0;
	font-size:15px;
	font-weight:500;
	color:#1d1d1b;
}

header .bag .content .product .desc span.price {
	color:#f64747;
	font-weight:700;
}

header .bag .content .validation {
	padding:15px 20px 0 20px;
}

header .bag .content .validation .more-products {
    display:table;
    width:100%;
    max-width:100%;
	margin:0;
}

header .bag .content .validation .more-products div {
    display:table-row;
    line-height:1.5em;
	font-size: 18px; 
	text-transform: uppercase;
    white-space:nowrap;
}

header .bag .content .validation .more-products .text {
	color:#b3b1b0;
	font-size:12px;
	letter-spacing:0.05;
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    width:1px;
    table-layout:fixed;
	margin:0;
	padding:0;
	text-transform:none;
}

header .bag .content .validation .more-products .text span {
	color:#e94938;
}

header .bag .content .validation .more-products span.spacer {
    display:table-cell;
}

header .bag .content .validation .more-products .text {
    padding:0 15px;
}

header .bag .content .validation .more-products span.spacer:after {
    display:inline-block;
    width:100%;
    content:".";
    font-size:0;
    color:transparent;
    height:1px;
    background:#b3b1b0;
    vertical-align:middle;
    position:relative;
    top:-1px;
}

header .bag .content .validation a.cta {
	width:100%;
	height:50px;
	background:#e94938;
	line-height:50px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	display:inline-block;
	margin:15px 0 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

header .bag .content .validation a.cta span {
	font-size:16px;
	font-weight:900;
}

header .bag .content .validation a:hover.cta {
	background:#1d1d1b;
}

/* SLIDER */

header .slider {
	width:100%;
	height:100%;
	background:url(../img/bg-slide1.jpg) center 50px no-repeat;
	border:none;
	position:relative;
	float:left;
	overflow:hidden;
	z-index:1;
}

header .slider .visu {
	width:210px;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	transform: translateX(-50%);
	background:url(../img/visu-slide1.png) top center no-repeat;
	background-size:cover;
}

/* BREADCRUMB */

.breadcrumb {
	width:100%;
	height:100%;
	background:url(../img/bg-breadcrumb.jpg) center 50px no-repeat;
	border:none;
	border-radius:0;
	position:relative;
	float:left;
	overflow:hidden;
	z-index:1;
	padding:50px 0 0 0;
	margin:0;
}

.breadcrumb h1 {
	width:auto;
	height:30px;
	display:inline-block;
	background:#ef4836;
	color:#fff;
	font-weight:900;
	margin:0;
	padding:0 20px;
	line-height:30px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	display:none;
}

.breadcrumb-list {
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:12px;
	display:inline-block;
	margin:0 0 0 20px;
	display:none;
}

.breadcrumb-list a {
	color:#fff;
	text-decoration:underline;
}

.breadcrumb-list a:hover {
	color:#ef4836;
	text-decoration:underline;
}

/* HOME BOX */

.top-menu {
	width:100%;
	float:left;
	margin:0;
}

.left,
.right {
	width:100%;
	float:left;
}

.box-home {
	width:100%;
	height:215px;
	float:left;
	padding:30px;
	position:relative;
	overflow:hidden;
}

.box-home .bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	z-index:1;
}

.box-home:hover .bg {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.box-home.beers {
	background-color:#e5a42a;
}

.box-home.beers .bg {
	background-image:url(../img/bg-box-beers.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.box-home:hover.beers .bg{
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.box-home.wines {
	background-color:#f64747;
}

.box-home.wines .bg {
	left:-35%;
	top:-35%;
	width:170%;
	height:170%;
	background-image:url(../img/bg-box-wines.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.box-home:hover.wines .bg{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.box-home.softs {
	background-color:#81cfe0;
}

.box-home.softs .bg {
	background-image:url(../img/bg-box-softs.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:contain;
}

.box-home:hover.softs .bg{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.box-home.alcohol {
	background-color:#00b16a;
}

.box-home.alcohol .bg {
	left:-20%;
	top:-5%;
	width:140%;
	height:140%;
	background-image:url(../img/bg-box-alcohol.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.box-home:hover.alcohol .bg{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.box-home.gifts {
	height:430px;
	background-color:#87d37c;
}

.box-home.gifts .bg {
	background-image:url(../img/bg-box-gifts.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.box-home:hover.gifts .bg{
	-webkit-transform: scale(0.75) translateY(-6%);
	-moz-transform: scale(0.75) translateY(-6%);
	-o-transform: scale(0.75) translateY(-6%);
	-ms-transform: scale(0.75) translateY(-6%);
	transform: scale(0.75) translateY(-6%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 100;
}

.box-home.coffee {
	background-color:#4f4746;
}

.box-home.coffee .bg {
	background-image:url(../img/bg-box-coffee.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.box-home:hover.coffee .bg{
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.box-home.celebration {
	background-color:#eb9532;
}

.box-home.celebration .bg {
	background-image:url(../img/bg-box-celebration.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.box-home:hover.celebration .bg{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.box-home h1 {
	color:#fff;
	font-size:1.8em;
    line-height:110%;
	font-style: normal;
	font-weight: 800;
	margin:0;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	position:relative;
	z-index:2;
}

.box-home h1 span {
	font-size:20px;
}

.box-home .content {
	position:absolute;
	left:0;
	bottom:0;
	padding:20px;
	width:100%;
	text-align:center;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay:0.1s;
	transition-delay:0.1s;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	letter-spacing:0.05em;
}

.box-home:hover .content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.box-home .content p {
	color:#fff;
	font-size:15px;
}

.box-home .content ul li {
	display:inline-block;
	font-size:13px;
	margin:0 1px;
	text-transform:uppercase;
	color:#fff;
}

.box-home .content ul li:after {
	content:"·";
	padding:0 0 0 4px;
	font-weight:700;
}

.box-home .content ul li:last-child:after {
	content:"";
	padding:0;
}

.box-home .content ul li a{
	color:#fff;
	text-decoration:underline;
}

.box-home.beers .content ul li a:hover {
	color:#dd8a14;
}

.box-home.wines .content ul li a:hover {
	color:#e51f20;
}

.box-home.softs .content ul li a:hover {
	color:#4ab7d6;
}

.box-home.alcohol .content ul li a:hover {
	color:#01954b;
}

.box-home .content a.cta {
	margin:10px 0 0 0;
	display:inline-block;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	height:53px;
	line-height:53px;
	padding:0 30px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.box-home.beers .content a.cta {
	background:url(../img/bg-cta-box-beers.jpg) repeat-x;
}

.box-home.beers .content a:hover.cta {
	color:#dd8a14;
	background:#fff;
}

.box-home.wines .content a.cta {
	background:url(../img/bg-cta-box-wines.jpg) repeat-x;
}

.box-home.wines .content a:hover.cta {
	color:#e51f20;
	background:#fff;
}

.box-home.softs .content a.cta {
	background:url(../img/bg-cta-box-softs.jpg) repeat-x;
}

.box-home.softs .content a:hover.cta {
	color:#4ab7d6;
	background:#fff;
}

.box-home.alcohol .content a.cta {
	background:url(../img/bg-cta-box-alcohol.jpg) repeat-x;
}

.box-home.alcohol .content a:hover.cta {
	color:#01954b;
	background:#fff;
}

.box-home.gifts .content a.cta {
	background:url(../img/bg-cta-box-gifts.jpg) repeat-x;
}

.box-home.gifts .content a:hover.cta {
	color:#4fb144;
	background:#fff;
}

.box-home.coffee .content a.cta {
	background:url(../img/bg-cta-box-coffee.jpg) repeat-x;
}

.box-home.coffee .content a:hover.cta {
	color:#32292a;
	background:#fff;
}

.box-home.celebration .content a.cta {
	background:url(../img/bg-cta-box-celebration.jpg) repeat-x;
}

.box-home.celebration .content a:hover.cta {
	color:#de701b;
	background:#fff;
}

/* BOX HOME NEWS */

.box-home-news {
	float:left; 
  	width: 100%;
	background:#f0efef;
	text-align:center;
	padding:30px;
	margin:20px 0;
}

.box-home-news h2 {
	font-weight:900;
	text-transform:uppercase;
	font-size:20px;
	margin:0 0 10px 0;
	padding:0;
	color:#ef4836;
}

.box-home-news p {
	color:#000000;
	font-size:15px;
}

/* BOX HOME SLIDER */

.box-home-slider {
	float:right; 
  	width: 100%;
	border-left:1px solid #d9d8d7;
}

.box-home-slider .title{
	width:100%;
	text-align:center;
	margin:0 0 20px 0;
}

.box-home-slider .title h2 {
	font-weight:900;
	text-transform:uppercase;
	font-size:20px;
	margin:0 0 20px 0;
	padding:0;
	color:#ef4836;
	width:100%;
	padding:0 20px;
}

.box-home-slider .title a.prev {
	width:39px;
	height:39px;
	background:url(../img/arrow-prev-slider.png) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
}

.box-home-slider .title a.next {
	width:39px;
	height:39px;
	background:url(../img/arrow-next-slider.png) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
}

.box-home-slider .title a:hover.prev,
.box-home-slider .title a:hover.next {
	background-position:0 -39px;
}

.box-home-slider #product-home-slider {
	width:100%;
	margin:0 0 0 -1px;
}

.box-home-slider .item {
  	width:100%;
	height:310px;
	margin:0;
	float:left;
	border-left:1px solid #d9d8d7;
	border-bottom:1px solid #d9d8d7;
	padding:0 30px 30px 30px;
	position:relative;
}

.box-home-slider .item h1 {
	color:#1d1d1b;
	margin:0;
	padding:0;
	font-size:25px;
}

.box-home-slider .item h2 {
	color:#b3b1b0;
	margin:0 0 5px 0;
	padding:0;
	font-size:15px;
}

.box-home-slider .item h3 {
	font-size:9px;
	text-transform:uppercase;
	margin:0 0 15px 0;
	padding:0;
}

.box-home-slider .item.beers h2 {
	color:#ecbb40;
}

.box-home-slider .item.wines h2{
	color:#f64747;
}

.box-home-slider .item.softs h2 {
	color:#81cfe0;
}

.box-home-slider .item.alcohol h2 {
	color:#00b16a;
}

.box-home-slider .item.gifts h2 {
	color:#87d37c;
}

.box-home-slider .item.coffee h2 {
	color:#4f4746;
}

#.box-home-slider .item.celebration h2 {
	color:#eb9532;
}

#search .results .item .desc h3 {
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.box-home-slider .item span.price {
	font-size:25px;
	color:#ef4836;
}

.box-home-slider .item .input-group {
	width:77px;
	margin:25px 0 0 0;
	border-right:1px solid #f0efef;
}

.box-home-slider .item input {
	width:46px;
	height:40px;
	background:#f0efef;
	border:none;
	box-shadow:none;
	padding:0;
	text-align:center;
	color:#b3b1b0;
	font-size:13px;
}

.box-home-slider .item .visu {
	width:auto;
	position:absolute;
	bottom:0;
	right:0;
	padding:30px;
}

.box-home-slider .item .visu .zoom {
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8) url(../img/zoom-cta-list.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.box-home-slider .item .visu:hover .zoom {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 100;
}

.box-home-slider .item a.cta {
	display:inline-block;
	padding:0 20px 0 49px;
	height:50px;
	line-height:50px;
	position:absolute;
	left:30px;
	bottom:30px;
	font-size:13px;
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.box-home-slider .item.beers a.cta {
	background:#ecbb40;
	border:2px solid #ecbb40;
}

.box-home-slider .item.wines a.cta {
	background:#f64747;
	border:2px solid #f64747;
}

.box-home-slider .item.softs a.cta {
	background:#81cfe0;
	border:2px solid #81cfe0;
}

.box-home-slider .item.alcohol a.cta {
	background:#00b16a;
	border:2px solid #00b16a;
}

.box-home-slider .item.gifts a.cta {
	background:#87d37c;
	border:2px solid #87d37c;
}

.box-home-slider .item.coffee a.cta {
	background:#4f4746;
	border:2px solid #4f4746;
}

.box-home-slider .item.celebration a.cta {
	background:#eb9532;
	border:2px solid #eb9532;
}

.box-home-slider .item a.cta span.arrow {
	width:21px;
	height:21px;
	position:absolute;
	left:20px;
	top:14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:url(../img/arrow-cta-list.png) no-repeat center center;
}

.box-home-slider .item.beers a:hover.cta {
	color:#ecbb40;
	background:#fff;
}

.box-home-slider .item.wines a:hover.cta {
	color:#f64747;
	background:#fff;
}

.box-home-slider .item.softs a:hover.cta {
	color:#81cfe0;
	background:#fff;
}

.box-home-slider .item.alcohol a:hover.cta {
	color:#00b16a;
	background:#fff;
}

.box-home-slider .item.gifts a:hover.cta {
	color:#87d37c;
	background:#fff;
}

.box-home-slider .item.coffee a:hover.cta {
	color:#4f4746;
	background:#fff;
}

.box-home-slider .item.celebration a:hover.cta {
	color:#eb9532;
	background:#fff;
}

.box-home-slider .item.beers a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-beers.png) no-repeat center center;
}

.box-home-slider .item.wines a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-wines.png) no-repeat center center;
}

.box-home-slider .item.softs a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-softs.png) no-repeat center center;
}

.box-home-slider .item.alcohol a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-alcohol.png) no-repeat center center;
}

.box-home-slider .item.gifts a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-gifts.png) no-repeat center center;
}

.box-home-slider .item.coffee a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-coffee.png) no-repeat center center;
}

.box-home-slider .item.celebration a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-celebration.png) no-repeat center center;
}

/* GOOGLE MAP */

.gmap {
	width:100%;
	height:370px;
	margin:40px 0 0 0;
	float:left;
	overflow:hidden;
	position:relative;
	clear:both;
    background:#353535;
}

.gmap .pattern {
	width:100%;
	height:11px;
	background:#323232 url(../img/pattern-gmap.png) repeat-x top center;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

#map {
	width: 100%;
	height: 400px;
	position:relative;
	z-index:1;
}

.box-gmap {
	width:100%;
	padding:20px;
	float:left;
	background:#fff;
	position:relative;
}

.box-gmap.active {
	background:#ef4836;
}

.box-gmap h1 {
	width:100%;
	margin:0;
	text-align:center;
	padding:0 0 20px 0;
	border-bottom:1px solid #f0efef;
	font-size:25px;
	text-transform:uppercase;
	color:#b3b1b0;
}

.box-gmap.active h1 {
	color:#fff;
	border-bottom:1px solid #f26d5e;
}

.box-gmap .info {
	width:100%;
	padding:30px 0 20px 0;
	border-bottom:1px solid #f0efef;
}

.box-gmap .info ul li {
	font-size:13px;
	color:#1d1d1b;
	padding:0 0 0 35px;
	position:relative;
}

.box-gmap.active .info ul li {
	color:#fff;
}

.box-gmap .info ul li:before {
	position:absolute;
	top:0;
	left:0;
	content:""
}

.box-gmap .info ul li.location:before {
	background:url(../img/picto-location-box-gmap.png) no-repeat 0 0;
	width:10px;
	height:14px;
	top:2px;
	left:2px;
}

.box-gmap.active .info ul li.location:before {
	background-position:0 -14px;
}

.box-gmap .info ul li.phone:before {
	background:url(../img/picto-phone-box-gmap.png) no-repeat 0 0;
	width:13px;
	height:11px;
	top:4px;
}

.box-gmap.active .info ul li.phone:before {
	background-position:0 -11px;
}

.box-gmap .info ul li.mail:before {
	background:url(../img/picto-email-box-gmap.png) no-repeat 0 0;
	width:14px;
	height:10px;
	top:6px;
}

.box-gmap.active .info ul li.mail:before {
	background-position:0 -10px;
}

.box-gmap .info ul li a{
	color:#ef4836;
	text-decoration:underline;
}

.box-gmap.active .info ul li a{
	color:#1d1d1b;
}

.box-gmap .scheduler {
	width:100%;
	height:350px;
	margin:35px 0 0 0;
	position:relative;
}

.box-gmap .scheduler h2{
	font-size:15px;
	color:#1d1d1b;
	width:100%;
	margin: 0;
	text-align: center;
}

.box-gmap.active .scheduler h2{
	color:#fff;
}

.box-gmap .scheduler .days {
	width:40px;
	position:absolute;
	top:30px;
	left:0;
	text-align:center;
}

.box-gmap .scheduler .days ul{
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}

.box-gmap .scheduler .days ul li{
	width:100%;
	height:45px;
	font-size:13px;
	line-height:45px;
	color:#1d1d1b;
	text-transform:uppercase;
	position:relative;
}

.box-gmap.active .scheduler .days ul li{
	color:#fff;
}

.box-gmap .scheduler .days ul li span{
	position:absolute;
}

.box-gmap .scheduler .events {
	width:100%;
	height:307px;
	position:absolute;
	left:0;
	top:31px;
	padding:0 0 0 40px;
}

.box-gmap .scheduler .events span{
	position:absolute;
	height: 25px;
	line-height: 15px;
	display: inline-block;
	text-align: center;
	font-size: 13px;
}

.box-gmap .scheduler .events > div {
	width:100%;
	height: 25px;
	border-bottom:5px solid #f0efef;
	margin:10px 0;
	float:left;
	position:relative;
}

.box-gmap.active .scheduler .events > div {
	border-bottom:5px solid #f26d5e;
	color: #f26d5e;
}

.box-gmap .scheduler .events span.store-close{
	border-bottom:5px solid #ef695b;
	color: #ef695b;
}

.box-gmap.active .scheduler .events span.store-close{
	border-bottom:5px solid #6f4e4a;
	color: #6f4e4a;
}

.box-gmap .scheduler .events span.store-open{
	border-bottom:5px solid #87d37c;
	color: #87d37c;
}

.box-gmap.active .scheduler .events span.store-open{
	border-bottom:5px solid #fff;
	color: #fff;
}

.box-gmap .legend {
	width:100%;
	padding:0;
	font-size:13px;
	color:#b3b1b0;
	text-align:center;
}

/* SIDEBAR */

.sidebar {
    width:100%;
    max-width: 250px;
	background:#f0efef;
	padding:0;
	overflow:hidden;
    float:left;
    display:none;
}

.list-page .sidebar {
    display:block;
    position: absolute;
    width: 100%;
    max-width:inherit;
    height: 50px;
    background: #f0efef;
    padding: 0;
    overflow: hidden;
    top: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.account-page .sidebar {
    position: absolute;
    width: 100%;
    max-width:inherit;
    height: 50px;
    display:block;
}

.sidebar.open {
	height:calc(100% - 50px);
	z-index:98;
}

.account-page .sidebar.open {
	height:auto;
	z-index:98;
}

.sidebar .collapse-btn {
	display:inline-block;
	width:100%;
	height:50px;
	text-align:center;
	color:#f64747;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
	line-height:50px;
	letter-spacing:0.2em;
}

.sidebar:hover .collapse-btn {
	cursor:pointer;
	color:#1d1d1b;
}

.sidebar .collapse-btn:before {
	content:"filtrer les résultats";
}

.sidebar.open .collapse-btn:before {
	content:"fermer";
}

.sidebar .filters h1 {
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-weight:900;
	letter-spacing:0.2em;
	font-size:30px;
	margin:20px 0 0 0;
	padding:0;
	color:#ef4836;
	display:none;
}

.sidebar .filters .sub-family {
	width:100%;
	padding:0;
	margin:40px 0;
	text-align:center;
}

.sidebar .filters .sub-family ul li {
	display:inline-block;
	width: 110px;
	text-align:center;
	color:#b3b1b0;
	text-transform:uppercase;
	font-size:12px;
	font-weight:900;
	letter-spacing:0.2em;
	margin:0 0 20px 0;
}

.sidebar .filters .sub-family ul li a {
    color:#b3b1b0;
}

.sidebar .filters .sub-family ul li:hover {
	cursor:pointer;
}

.beers .sidebar .filters .sub-family ul li:hover a,
.beers .sidebar .filters .sub-family ul li.active a {
    color:#f5b138;
}

.wines .sidebar .filters .sub-family ul li:hover a,
.wines .sidebar .filters .sub-family ul li.active a {
    color:#f64747;
}

.alcohol .sidebar .filters .sub-family ul li:hover a,
.alcohol .sidebar .filters .sub-family ul li.active a {
    color:#00b16a;
}

.softs .sidebar .filters .sub-family ul li:hover a,
.softs .sidebar .filters .sub-family ul li.active a {
    color:#87d37c;
}

.coffee .sidebar .filters .sub-family ul li:hover a,
.coffee .sidebar .filters .sub-family ul li.active a {
    color:#4f4746;
}

.celebration .sidebar .filters .sub-family ul li:hover a,
.celebration .sidebar .filters .sub-family ul li.active a {
    color:#eb9532;
}

.sidebar .filters .sub-family ul li .glass {
	width:100%;
	height:100px;
	background:url(../img/beer_shadow.png) no-repeat center center;
	display:inline-block;
	margin:0 0 10px 0;
	position:relative;
	overflow:hidden;
}

.wines .filters .sub-family ul li .glass {
    background:none;
}

.sidebar .filters .sub-family ul li .bg {
	width:100%;
	height:100px;
	background:url(../img/glass_empty.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.wines .sidebar .filters .sub-family ul li .bg {
    background:url(../img/wine-glass-empty.png) no-repeat center center;
}

.sidebar .filters .sub-family ul li .bg-hover {
	width:100%;
	height:0;
	position:absolute;
	bottom: 0px;
	left:0;
	z-index:2;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.sidebar .filters .sub-family ul li.ambree .bg-hover{
	background-image: url(../img/glassful_1.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.blanche .bg-hover{
	background-image: url(../img/glassful_2.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.blonde .bg-hover{
	background-image: url(../img/glassful_3.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.brune .bg-hover{
	background-image: url(../img/glassful_4.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.fruitee .bg-hover{
	background-image: url(../img/glassful_5.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.noire .bg-hover{
	background-image: url(../img/glassful_6.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.rose .bg-hover{
	background-image: url(../img/wine-glass-rose.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.rouge .bg-hover{
	background-image: url(../img/wine-glass-red.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.blanc .bg-hover{
	background-image: url(../img/wine-glass-white.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li.bulles .bg-hover{
	background-image: url(../img/wine-glass-bulle.png);
    background-repeat: no-repeat;
	background-position:bottom center;
}

.sidebar .filters .sub-family ul li:hover .bg-hover,
.sidebar .filters .sub-family ul li.active .bg-hover {
	height:100px;
}

.sidebar .filters .sub-family ul li .mask {
  	width:100%;
	height:19px;
	background:url(../img/glass_mask.png) no-repeat center center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}

.wines .sidebar .filters .sub-family ul li .mask {
    display:none;
}

.sidebar .filters a.cta-filter {
    width:100%;
    color: #000;
    font-size: 15px;
    display:inline-block;
}

.beers .sidebar .filters a:hover.cta-filter,
.beers .sidebar .filters a.active.cta-filter{
    color:#f5b138;
}

.wines .sidebar .filters a:hover.cta-filter,
.wines .sidebar .filters a.active.cta-filter{
    color:#f64747;
}

.softs .sidebar .filters a:hover.cta-filter,
.softs .sidebar .filters a.active.cta-filter{
    color:#81cfe0;
}

.alcohol .sidebar .filters a:hover.cta-filter,
.alcohol .sidebar .filters a.active.cta-filter{
    color:#00b16a;
}

.gifts .sidebar .filters a:hover.cta-filter,
.gifts .sidebar .filters a.active.cta-filter{
    color:#87d37c;
}

.coffee .sidebar .filters a:hover.cta-filter,
.coffee .sidebar .filters a.active.cta-filter{
    color:#4f4746;
}

.celebration .sidebar .filters a:hover.cta-filter,
.celebration .sidebar .filters a.active.cta-filter{
    color:#eb9532;
}

.sidebar .filters a.active.cta-filter::after{
    content: "\f00c";
    font-family: Fontawesome;
    display:inline-block;
    margin:0 0 0 10px;
}

.sidebar form,
.sidebar .sub-family-dropdown {
	width:100%;
	margin:30px 0 0 0;
	padding:0 20px;
}

.sidebar .form-group {
	width:50%;
	float:left;
	padding:0 10px;
	margin:0 0 30px 0;
}

.sidebar label {
    width:100%;
	color:#ef4836;
	text-transform:uppercase;
	font-size:13px;
	margin:0 0 20px 0;
}

.sidebar .form-control.search {
	color:#1d1d1b;
	background:#fff url(../img/search-input-sidebar-list.png) center right 20px no-repeat;
}

.sidebar .form-control {
	color:#1d1d1b;
}

.sidebar .form-control::-moz-placeholder {
  color: #1d1d1b;
  opacity: 1;
}

.sidebar .form-control:-ms-input-placeholder {
  color: #1d1d1b;
}

.sidebar .form-control::-webkit-input-placeholder {
  color: #1d1d1b;
}

.sidebar .ProductFamily-container,
.sidebar .ProductMark-container,
.sidebar .ProductType-container,
.sidebar .ProductBrasserie-container,
.sidebar .ProductCountry-container {
	position:relative;
}

.sidebar .separation {
	width:100%;
	height:90px;
	background:url(../img/arrow-dropdown-list.png) no-repeat center center;
	border-top:1px solid #d1d0cf;
	border-bottom:1px solid #d1d0cf;
	display:none;
}

.sidebar .filters a.cta {
    width:calc(100% - 40px);
    margin:20px 0 0 20px;
    font-size:18px;
    padding:0 20px;
    display:inline-block;
}

.sidebar .filters a.cta::after {
    background:none;
}

.sidebar .command-sidebar {
	width:100%;
	padding:30px 0;
}

.list-page .command-sidebar {
    display:none;
}

.sidebar .command-sidebar h2 {
	font-weight:900;
	text-transform:uppercase;
	font-size:20px;
	margin:0 0 10px 0;
	padding:0;
	color:#ef4836;
	width:100%;
	padding:0 20px;
}

.sidebar .command-sidebar p {
	color:#000000;
	font-size:15px;
	width:100%;
	padding:0 20px;
	margin:0 0 20px 0;
}

.sidebar .command-sidebar img {
	max-width:100%;
}

.sidebar a.cta-back {
	display:inline-block;
	padding:0;
	height:39px;
	line-height:39px;
	font-size:13px;
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:20px 0 0 20px;
	position:relative;
	text-indent:-9999px;
	float:left;
}

.sidebar a.cta-back span.arrow {
	width:39px;
	height:39px;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/arrow-prev-slider.png) no-repeat 0 0;
}

.sidebar a:hover.cta-back span.arrow{
	background-position:0 -39px;
}

.sidebar a.cta {
	text-align:center;
	height:60px;
	line-height:60px;
	text-align:center;
	color:#fff;
	padding:0 65px 0 20px;
	text-transform:uppercase;
	font-size:13px;
	display:inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float:left;
	position:relative;
	border:none;
    background:#e94938;
	margin:20px 0 30px 30px;
}

.sidebar a.cta:after {
    content:"";
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:15px;
	background:url(../img/arrow-cta-validate-order.png) no-repeat 0 0;
}

.sidebar a:hover.cta {
	background:#1d1d1b;
}

.sidebar .info {
	width:100%;
	margin:30px 0 0 79px;
	padding:0 20px 20px 0;
}

.sidebar .info ul {
	width:100%;
	padding:0 0 0 10px;
	border-left:1px solid #d1d0cf
}

.sidebar .info ul li {
	font-size:15px;
	width:100%;
	display:inline-block;
	margin:0;
	color:#b3b1b0;
}

.sidebar .info ul li span.title {
	text-transform:uppercase;
	color:#ef4836;
}

.sidebar .info ul li span.desc {
	color:#1d1d1b;
}

.sidebar .account-sidebar {
	width:100%;
	padding:15px 0 0 0;
	overflow:hidden;
	float:left;
}

.sidebar .account-sidebar h1 {
	font-size:20px;
	color:#ef4836;
	font-weight:700;
	margin:0 0 30px 0;
	width:100%;
	padding:0 30px 0 60px;
	background:url(../img/picto-account-title-sidebar.png) no-repeat center left 20px;
}

.sidebar .account-sidebar h2 {
	font-weight:500;
	color:#1d1d1b;
	font-size:20px;
	width:100%;
	padding:0 30px;
}


.sidebar .account-sidebar ul {
	width:100%;
	margin:40px 0 0 0;
}

.sidebar .account-sidebar ul li a {
	width:100%;
	height:70px;
	float:left;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	color:#1d1d1b;
	padding:0 30px 0 65px;
	position:relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.sidebar .account-sidebar ul li a:hover,
.sidebar .account-sidebar ul li a.active {
	color:#fff;
	background:#e94938;
}

.sidebar .account-sidebar ul li.in-progress a span.picto{
	width:14px;
	height:14px;
	background:url(../img/picto-order-in-progress-sidebar.png) no-repeat 0 0;
	position:absolute;
	left:30px;
	top:28px;
}

.sidebar .account-sidebar ul li.in-progress a:hover span.picto,
.sidebar .account-sidebar ul li.in-progress a.active span.picto {
	background-position:0 -14px;
}

.sidebar .account-sidebar ul li.saved-bag a span.picto{
	width:15px;
	height:13px;
	background:url(../img/picto-saves-bags-account-sidebar.png) no-repeat 0 0;
	position:absolute;
	left:30px;
	top:28.5px;
}

.sidebar .account-sidebar ul li.saved-bag a:hover span.picto,
.sidebar .account-sidebar ul li.saved-bag a.active span.picto {
	background-position:0 -13px;
}

.sidebar .account-sidebar ul li.modify-account a span.picto{
	width:18px;
	height:16px;
	background:url(../img/picto-modify-account-sidebar.png) no-repeat 0 0;
	position:absolute;
	left:30px;
	top:26px;
}

.sidebar .account-sidebar ul li.modify-account a:hover span.picto,
.sidebar .account-sidebar ul li.modify-account a.active span.picto {
	background-position:0 -16px;
}

.sidebar .account-sidebar ul li.modify-password a span.picto{
	width:12px;
	height:15px;
	background:url(../img/picto-password.png) no-repeat 0 0;
	position:absolute;
	left:31px;
	top:26px;
}

.sidebar .account-sidebar ul li.modify-password a:hover span.picto,
.sidebar .account-sidebar ul li.modify-password a.active span.picto {
	background-position:0 -15px;
}

.sidebar .account-sidebar ul li.logout a span.picto{
	width:15px;
	height:14px;
	background:url(../img/picto-user-account-sidebar.png) no-repeat 0 0;
	position:absolute;
	left:30px;
	top:27px;
}

.sidebar .account-sidebar ul li.logout a:hover span.picto,
.sidebar .account-sidebar ul li.logout a.active span.picto {
	background-position:0 -14px;
}

.sidebar .account-cta-mobile {
  display: block;
  position: absolute;
  right:0;
  top:0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  z-index:501;
}

.sidebar .account-cta-mobile:focus {
  outline: none;
}

.sidebar .account-cta-mobile span {
  display: block;
  position: absolute;
  top: 25px;
  left: 15px;
  right: 0;
  width:20px;
  height: 3px;
  background: #1d1d1b;
}

.sidebar .account-cta-mobile span::before,
.sidebar .account-cta-mobile span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #1d1d1b;
  content: "";
}

.sidebar .account-cta-mobile span::before {
  top: -8px;
}

.sidebar .account-cta-mobile span::after {
  bottom: -8px;
}

.sidebar .account-cta-mobile span {
  transition: background 0s 0.3s;
}

.sidebar .account-cta-mobile span::before,
.sidebar .account-cta-mobile span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.sidebar .account-cta-mobile span::before {
  transition-property: top, transform;
}

.sidebar .account-cta-mobile span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.sidebar .account-cta-mobile.is-active span {
  background: none;
}

.sidebar .account-cta-mobile.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.sidebar .account-cta-mobile.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.sidebar .account-cta-mobile.is-active span::before,
.sidebar .account-cta-mobile.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.sidebar .order-sidebar {
	width:100%;
	padding:30px 0 0 0;
	overflow:hidden;
	float:left;
}

.sidebar .order-sidebar h1 {
	font-size:30px;
	color:#ef4836;
	font-weight:700;
	margin:0 0 10px 0;
	width:100%;
	padding:0 20px;
	line-height:24px;
}

.sidebar .order-sidebar h1 span{
	font-size:20px;
}

.sidebar .order-sidebar p.intro {
	width:100%;
	padding:0 20px;
	font-size:13px;
	color:#1d1d1b;
	margin:0 0 30px 0;
}

.sidebar .order-sidebar ul {
	width:100%;
	margin:0 0 30px 0;
	float:left;
	overflow:hidden;
}

.sidebar .order-sidebar ul li {
	width:100%;
	height:70px;
	float:left;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	color:#1d1d1b;
	padding:0 30px 0 65px;
	position:relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.sidebar .order-sidebar ul li.active {
	color:#fff;
	background:#e94938;
}

.sidebar .order-sidebar ul li.shop-choice span.picto{
	width:17px;
	height:13px;
	background:url(../img/picto-shop-choice.png) no-repeat 0 0;
	position:absolute;
	left:30px;
	top:27px;
}

.sidebar .order-sidebar ul li.shop-choice.active span.picto {
	background-position:0 -13px;
}

.sidebar .order-sidebar ul li.bill-info span.picto{
	width:15px;
	height:14px;
	background:url(../img/picto-user-account-sidebar.png) no-repeat 0 0;
	position:absolute;
	left:30px;
	top:27px;
}

.sidebar .order-sidebar ul li.bill-info.active span.picto {
	background-position:0 -14px;
}

.sidebar .order-sidebar ul li.validation span.picto{
	width:15px;
	height:11px;
	background:url(../img/picto-validation-order.png) no-repeat 0 0;
	position:absolute;
	left:30px;
	top:30px;
}

.sidebar .order-sidebar ul li.validation.active span.picto {
	background-position:0 -11px;
}

.sidebar .order-sidebar .separation {
	float:left;
}

.sidebar .order-sidebar .total-order {
	width:100%;
	padding:30px;
	background:#b3b1b0;
	float:left;
	margin:30px 0;
}

.sidebar .order-sidebar .total-order h2 {
	font-size:20px;
	color:#fff;
	font-weight:700;
	margin:0 0 5px 0;
}

.sidebar .order-sidebar .total-order p {
	font-size:13px;
	color:#1d1d1b;
	margin:0 0 30px 0;
}

.sidebar .order-sidebar .total-order span.price {
	font-size:35px;
	color:#fff;
	font-weight:900;
	width:100%;
	display:inline-block;
}

.sidebar .order-sidebar .total-order span.tva {
	font-size:15px;
	color:#1d1d1b;
}

@media screen and (max-width: 768px) {
	
	.sidebar .collapse-btn {
		line-height:55px;
	}
}

@media screen and (max-width: 420px) {
	
	.sidebar .form-group {
		width:100%;
		padding:0;
	}
}

.sidebar .onlyDesktop {
	display:none;
}

.search .sidebar ul {
    width:100%;
    padding:0 30px;
    margin:30px 0 20px 0;
    list-style-type:none;
}

.search .sidebar ul li {
    counter-increment: step-counter;
    margin:0 0 10px 0;
}

.search .sidebar ul li a {
    color:#000;
}

.search .sidebar ul li::before {
	content: counter(step-counter);
    color:#b3b1b0;
    height: 30px;
    width: 30px;
    background:url(../img/bg-top5-search.png) no-repeat center center;
    display:inline-block;
    font-size:11px;
    text-align:center;
    line-height:30px;
    margin:0 15px 0 0;
}

/* CATEGORIES */

.categories {
	width:100%;
	float:left;
	margin:0 0 100px 0;
}

.categories ul li {
	float:left;
	width: 14.285714285714285714285714285714%; 
  	width: calc(100% / 7);
	height:130px;
	text-align:center;
	border-right:1px solid #f0efef;
	font-size:12px;
	text-transform:uppercase;
	font-weight:900;
	position:relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.categories ul li:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.categories ul li:hover:after,
.categories ul li:active:after,
.categories ul li.active:after {
	height: 100%;
}

.categories ul li .bg {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.categories ul li .bg:after {
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
    bottom: -15px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 0; 
    height: 0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear 0.3s;
	-moz-transition: all 0.2s linear 0.3s;
	transition: all 0.2s linear 0.3s;
}

.categories ul li.active .bg:after {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 100;
}

.categories ul li:hover {
	cursor:pointer;
}

.categories ul li.beers {
	border-bottom:3px solid #ecbb40;
}

.categories ul li.beers a{
	color:#ecbb40;
}

.categories ul li.beers:after {
	background:#ecbb40;
}

.categories ul li.beers .bg{
	background:url(../img/bg-beers-list.png) no-repeat top center;
	background-size:cover;
}

.categories ul li.beers .bg:after {
    border-top: 15px solid #ecbb40;
}

.categories ul li.wines {
	border-bottom:3px solid #f64747;
}

.categories ul li.wines a{
	color:#f64747;
}

.categories ul li.wines:after {
	background:#f64747;
}

.categories ul li.wines .bg{
	background:url(../img/bg-wines-list.png) no-repeat top center;
	background-size:cover;
}

.categories ul li.wines .bg:after {
    border-top: 15px solid #f64747;
}

.categories ul li.softs {
	border-bottom:3px solid #81cfe0;
}

.categories ul li.softs a{
	color:#81cfe0;
}

.categories ul li.softs:after {
	background:#81cfe0;
}

.categories ul li.softs .bg{
	background:url(../img/bg-softs-list.png) no-repeat top center;
	background-size:cover;
}

.categories ul li.softs .bg:after {
    border-top: 15px solid #81cfe0;
}

.categories ul li.alcohol {
	border-bottom:3px solid #00b16a;
}

.categories ul li.alcohol a{
	color:#00b16a;
}

.categories ul li.alcohol:after {
	background:#00b16a;
}

.categories ul li.alcohol .bg{
	background:url(../img/bg-alcohol-list.png) no-repeat top center;
	background-size:cover;
}

.categories ul li.alcohol .bg:after {
    border-top: 15px solid #00b16a;
}

.categories ul li.gifts {
	border-bottom:3px solid #87d37c;
}

.categories ul li.gifts a{
	color:#87d37c;
}

.categories ul li.gifts:after {
	background:#87d37c;
}

.categories ul li.gifts .bg{
	background:url(../img/bg-gifts-list.png) no-repeat top center;
	background-size:cover;
}

.categories ul li.gifts .bg:after {
    border-top: 15px solid #87d37c;
}

.categories ul li.coffee {
	border-bottom:3px solid #4f4746;
}

.categories ul li.coffee a{
	color:#4f4746;
}

.categories ul li.coffee:after {
	background:#4f4746;
}

.categories ul li.coffee .bg{
	background:url(../img/bg-coffee-list.png) no-repeat top center;
	background-size:cover;
}

.categories ul li.coffee .bg:after {
    border-top: 15px solid #4f4746;
}

.categories ul li.celebration {
	border-bottom:3px solid #eb9532;
}

.categories ul li.celebration a{
	color:#eb9532;
}

.categories ul li.celebration:after {
	background:#eb9532;
}

.categories ul li.celebration .bg{
	background:url(../img/bg-celebration-list.png) no-repeat top center;
	background-size:cover;
}

.categories ul li.celebration .bg:after {
    border-top: 15px solid #eb9532;
}

.categories ul li span.title {
	width:100%;
	position:absolute;
	text-align:center;
	bottom:12px;
	left:0;
	z-index:2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
    line-height:14px;
}

.categories ul li.coffee span.title {
    padding:0 15px;
}

.categories ul li:hover span.title,
.categories ul li:active span.title,
.categories ul li.active span.title {
	color: #fff;
}

@media screen and (max-width: 768px) {
	.categories {
		position: relative;
		height: 50px;
		z-index:99;
	}	
	
	.categories ul {
		width: 100%;
		padding:0;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.categories ul li {
		width: 100% !important;
		height:50px !important;
		display: none;
		border:none;
		margin: 0;
		text-align:left !important;
		background:#f0efef;
	}
	
	.categories ul li.beers .bg{
		background:none;
	}
	
	.categories ul li.wines .bg{
		background:none;
	}
	
	.categories ul li.softs .bg{
		background:none;
	}
	
	.categories ul li.alcohol .bg{
		background:none;
	}
	
	.categories ul li.gifts .bg{
		background:none;
	}
	
	.categories ul li.coffee .bg{
		background:none;
	}
	
	.categories ul li.celebration .bg{
		background:none;
	}
	
	.categories ul li span.title {
		width:100%;
		height:50px;
		line-height:55px;
		text-align:left;
		bottom:0;
		padding:0 20px;
	}
	
	.categories ul li:after {
		display:none;
	}
	
	.categories li.active {
		display: block;
	}
	
	.categories ul li.beers.active,
	.categories ul li:hover.beers.active {
		background:#ecbb40 url(../img/icon-categories-mobile.png) no-repeat center right 10px;
	}
	
	.categories ul li:hover.beers {
		background:#ecbb40;
	}
	
	.categories ul li.wines.active,
	.categories ul li:hover.wines.active {
		background:#f64747 url(../img/icon-categories-mobile.png) no-repeat center right 10px;
	}
	
	.categories ul li:hover.wines {
		background:#f64747;
	}
	
	.categories ul li.softs.active,
	.categories ul li:hover.softs.active {
		background:#81cfe0 url(../img/icon-categories-mobile.png) no-repeat center right 10px;
	}
	
	.categories ul li:hover.softs {
		background:#81cfe0;
	}
	
	.categories ul li.alcohol.active,
	.categories ul li:hover.alcohol.active {
		background:#00b16a url(../img/icon-categories-mobile.png) no-repeat center right 10px;
	}
	
	.categories ul li:hover.alcohol {
		background:#00b16a;
	}
	
	.categories ul li.gifts.active,
	.categories ul li:hover.gifts.active {
		background:#87d37c url(../img/icon-categories-mobile.png) no-repeat center right 10px;
	}
	
	.categories ul li:hover.gifts {
		background:#87d37c;
	}
	
	.categories ul li.coffee.active,
	.categories ul li:hover.coffee.active {
		background:#4f4746 url(../img/icon-categories-mobile.png) no-repeat center right 10px;
	}
	
	.categories ul li:hover.coffee {
		background:#4f4746;
	}
	
	.categories ul li.celebration.active,
	.categories ul li:hover.celebration.active {
		background:#eb9532 url(../img/icon-categories-mobile.png) no-repeat center right 10px;
	}
	
	.categories ul li:hover.celebration {
		background:#eb9532;
	}

	.categories ul:hover li {
		display: block;
		margin: 0;
	}
	.categories ul:hover .current {
	}

	/* right nav */
	.categories.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.categories.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}

/* LIST */

.list {
	width:100%;
}

.products-list {
	width:100%;
	padding:0;
	overflow:hidden;
}

.products-list .item {
  	width: 100%;
	height:310px;
	margin:0 0 30px 0;
	float:left;
	border-left:1px solid #d9d8d7;
	border-bottom:1px solid #d9d8d7;
	padding:0 30px 30px 30px;
	position:relative;
}

.products-list .item .hide-list {
    display:none;
}

.products-list .item h1 {
	color:#1d1d1b;
	margin:0 0 5px 0;
	padding:0;
	font-size:23px;
}

.products-list .item h2 {
	color:#b3b1b0;
	margin:0 0 5px 0;
	padding:0;
	font-size:15px;
}

.beers .products-list .item h2,
.products-list .item.beers h2 {
	color:#ecbb40;
}

.wines .products-list .item h2,
 .products-list .item.wines h2 {
	color:#f64747;
}

.softs .products-list .item h2,
 .products-list .item.softs h2 {
	color:#81cfe0;
}

.alcohol .products-list .item h2,
 .products-list.alcohol .item h2 {
	color:#00b16a;
}

.gifts .products-list .item h2,
 .products-list .item.gifts h2 {
	color:#87d37c;
}

.coffee .products-list .item h2,
 .products-list .item.coffee h2 {
	color:#4f4746;
}

.celebration .products-list .item h2,
 .products-list .item.celebration h2 {
	color:#eb9532;
}

.products-list .item h3 {
	font-size:9px;
	text-transform:uppercase;
	margin:0 0 15px 0;
	padding:0;
}

.products-list .item span.price {
	font-size:20px;
	color:#ef4836;
}

.products-list .item .input-group {
	width:77px;
	margin:25px 0 0 0;
	border-right:1px solid #f0efef;
}

.products-list .item input {
	width:46px;
	height:40px;
	background:#f0efef;
	border:none;
	box-shadow:none;
	padding:0;
	text-align:center;
	color:#b3b1b0;
	font-size:13px;
}

.products-list .item .visu {
	position:absolute;
	bottom:0;
	right:0;
	padding:30px;
    max-width:176px;
    display:flex;
    align-items:center;
}

.products-list .item .visu img {
    display:inline-block;
}

.products-list .item .visu .zoom {
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8) url(../img/zoom-cta-list.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.products-list .item .visu:hover .zoom {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 100;
}

.products-list .item a.cta {
	display:inline-block;
	padding:0 20px 0 49px;
	height:50px;
	line-height:50px;
	position:absolute;
	left:30px;
	bottom:30px;
	font-size:13px;
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.beers .products-list .item a.cta,
.products-list .item.beers a.cta {
	background:#ecbb40;
	border:2px solid #ecbb40;
}

.wines .products-list .item a.cta,
.products-list .item.wines a.cta {
	background:#f64747;
	border:2px solid #f64747;
}

.softs .products-list .item a.cta,
.products-list .item.softs a.cta {
	background:#81cfe0;
	border:2px solid #81cfe0;
}

.alcohol .products-list .item a.cta,
.products-list .item.alcohol a.cta {
	background:#00b16a;
	border:2px solid #00b16a;
}

.gifts .products-list .item a.cta,
.products-list .item.gifts a.cta {
	background:#87d37c;
	border:2px solid #87d37c;
}

.coffee .products-list .item a.cta,
.products-list .item.coffee a.cta {
	background:#4f4746;
	border:2px solid #4f4746;
}

.celebration .products-list .item a.cta,
.products-list .item.celebration a.cta {
	background:#eb9532;
	border:2px solid #eb9532;
}

.products-list .item a.cta span.arrow {
	width:21px;
	height:21px;
	position:absolute;
	left:20px;
	top:14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:url(../img/arrow-cta-list.png) no-repeat center center;
}

.beers .products-list .item a:hover.cta,
.products-list .item.beers a:hover.cta {
	color:#ecbb40;
	background:#fff;
}

.wines .products-list .item a:hover.cta,
.products-list .item.wines a:hover.cta {
	color:#f64747;
	background:#fff;
}

.softs .products-list .item a:hover.cta,
.products-list .item.softs a:hover.cta {
	color:#81cfe0;
	background:#fff;
}

.alcohol .products-list .item a:hover.cta,
.products-list .item.alcohol a:hover.cta {
	color:#00b16a;
	background:#fff;
}

.gifts .products-list .item a:hover.cta,
.products-list .item.gifts a:hover.cta {
	color:#87d37c;
	background:#fff;
}

.coffee .products-list .item a:hover.cta,
.products-list .item.coffee a:hover.cta {
	color:#4f4746;
	background:#fff;
}

.celebration .products-list .item a:hover.cta,
.products-list .item.celebration a:hover.cta {
	color:#eb9532;
	background:#fff;
}

.beers .products-list .item a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-beers.png) no-repeat center center;
}

.wines .products-list .item a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-wines.png) no-repeat center center;
}

.softs .products-list .item a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-softs.png) no-repeat center center;
}

.alcohol .products-list .item a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-alcohol.png) no-repeat center center;
}

.gifts .products-list .item a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-gifts.png) no-repeat center center;
}

.coffee .products-list .item a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-coffee.png) no-repeat center center;
}

.celebration .products-list .item a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-celebration.png) no-repeat center center;
}

.product-clone {
    position: fixed;
    z-index: 9999;
    background:red;
}

.products-list .item-family {
  	width: 100%;
	height:310px;
	margin:0 0 30px 0;
	float:left;
	padding:0 30px 30px 30px;
	position:relative;
    overflow:hidden;
}

.products-list .item-family.beers {
	background-color:#e5a42a;
}

.products-list .item-family.wines {
	background-color:#f64747;
}

.products-list .item-family.softs {
	background-color:#81cfe0;
}

.products-list .item-family.alcohol {
	background-color:#00b16a;
}

.products-list .item-family.gifts {
	background-color:#87d37c;
}

.products-list .item-family.coffee {
	background-color:#4f4746;
}

.products-list .item-family.celebration {
	background-color:#eb9532;
}

.products-list .item-family h1 {
	color:#fff;
	font-size:1.8em;
	font-style: normal;
	font-weight: 800;
	margin:20px 0 0 0;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	position:relative;
	z-index:2;
}

.products-list .item-family .content {
	width:100%;
	text-align:center;
	letter-spacing:0.05em;
    margin:20px 0 0 0;
    position:relative;
    z-index:2;
}

.products-list .item-family .content p {
	color:#fff;
	font-size:15px;
}

.products-list .item-family .content ul li {
	display:inline-block;
	font-size:13px;
	margin:0 1px;
	text-transform:uppercase;
	color:#fff;
}

.products-list .item-family .content ul li:after {
	content:"·";
	padding:0 0 0 4px;
	font-weight:700;
}

.products-list .item-family .content ul li:last-child:after {
	content:"";
	padding:0;
}

.products-list .item-family .content ul li a{
	color:#fff;
	text-decoration:underline;
}

.products-list .item-family.beers .content ul li a:hover {
	color:#dd8a14;
}

.products-list .item-family.wines .content ul li a:hover {
	color:#e51f20;
}

.products-list .item-family.softs .content ul li a:hover {
	color:#4ab7d6;
}

.products-list .item-family.alcohol .content ul li a:hover {
	color:#01954b;
}

.products-list .item-family .content a.cta {
	margin:10px 0 0 0;
	display:inline-block;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	height:53px;
	line-height:53px;
	padding:0 30px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.products-list .item-family.beers .content a.cta {
	background:url(../img/bg-cta-box-beers.jpg) repeat-x;
}

.products-list .item-family.beers .content a:hover.cta {
	color:#dd8a14;
	background:#fff;
}

.products-list .item-family.wines .content a.cta {
	background:url(../img/bg-cta-box-wines.jpg) repeat-x;
}

.products-list .item-family.wines .content a:hover.cta {
	color:#e51f20;
	background:#fff;
}

.products-list .item-family.softs .content a.cta {
	background:url(../img/bg-cta-box-softs.jpg) repeat-x;
}

.products-list .item-family.softs .content a:hover.cta {
	color:#4ab7d6;
	background:#fff;
}

.products-list .item-family.alcohol .content a.cta {
	background:url(../img/bg-cta-box-alcohol.jpg) repeat-x;
}

.products-list .item-family.alcohol .content a:hover.cta {
	color:#01954b;
	background:#fff;
}

.products-list .item-family.gifts .content a.cta {
	background:url(../img/bg-cta-box-gifts.jpg) repeat-x;
}

.products-list .item-family.gifts .content a:hover.cta {
	color:#4fb144;
	background:#fff;
}

.products-list .item-family.coffee .content a.cta {
	background:url(../img/bg-cta-box-coffee.jpg) repeat-x;
}

.products-list .item-family.coffee .content a:hover.cta {
	color:#32292a;
	background:#fff;
}

.products-list .item-family.celebration .content a.cta {
	background:url(../img/bg-cta-box-celebration.jpg) repeat-x;
}

.products-list .item-family.celebration .content a:hover.cta {
	color:#de701b;
	background:#fff;
}

.products-list .item-family .bg {
	width:100%;
	height:100%;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

.products-list .item-family.beers .bg{
	background-image:url(../img/bg-box-beers.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.products-list .item-family.wines .bg{
	background-image:url(../img/bg-box-wines.png);
	background-position:center 60px;
	background-repeat:no-repeat;
	background-size:contain;
}

.products-list .item-family.softs .bg{
	background-image:url(../img/bg-box-softs.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.products-list .item-family.alcohol .bg{
	background-image:url(../img/bg-box-alcohol.png);
	background-position:center 60px;
	background-repeat:no-repeat;
	background-size:contain;
}

.products-list .item-family.gifts .bg{
	background-image:url(../img/bg-box-gifts.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.products-list .item-family.coffee .bg{
	background-image:url(../img/bg-box-coffee.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.products-list .item-family.celebration .bg{
	background-image:url(../img/bg-box-celebration.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

/* PAGINATION */

#pagination-data-container {
    width:100%;
    overflow:hidden;
}

#pagination-bar {
    width:100%;
    text-align:center;
}

.paginationjs {
	border:none;
	border-radius:none;
	margin:25px 0 0 0;
    font-family:"museo-sans",sans-serif;
}

.paginationjs ul {
    list-style-type:none;
}

.paginationjs,
.paginationjs li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.paginationjs li {
    display:inline-block;
}

.paginationjs li a {
  font-weight: 500;
  padding-top: 1px;
  text-decoration:none;  
  border-right:1px solid #d9d8d7;
  border-left-width: 0;
  min-width:44px;
  min-height:30px;
  color: #b3b1b0;
  font-size:13px;  
  box-shadow:none;
}

.paginationjs li:first-of-type a,
.paginationjs li:last-of-type a,
.paginationjs li:nth-last-of-type(2) a {
	border-right:none;
}

.paginationjs li:not([class*="active"]) a:hover {
	color:#ef4836;
	font-weight:900;
}

.paginationjs li:first-of-type span,
.paginationjs li:last-of-type span,
.paginationjs li:nth-of-type(2) span,
.paginationjs li:nth-last-of-type(2) span { 
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.paginationjs li:first-child a::before,
.paginationjs li:last-child a::after,
.paginationjs li:nth-of-type(2) a::before,
.paginationjs li:nth-last-of-type(2) a::after {  
  display: inline-block;
  font-family: Fontawesome;  
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.paginationjs li:first-child a { 
	background:url(../img/arrow-prev-pagination.png) no-repeat left 0;
	width:30px;
	height:30px;
    text-indent:-9999px;
}

.paginationjs li:last-child a {
	background:url(../img/arrow-next-pagination.png) no-repeat right 0;
	width:30px;
	height:30px;
    text-indent:-9999px;
}

.paginationjs li:first-child a:hover {
	background-position:left -30px;
}

.paginationjs li:last-child a:hover {
	background-position:right -30px;
}

.paginationjs li.active a { 
  color:#ef4836;
  font-weight:900;
  cursor: default;
  pointer-events: none;
}

@media only screen and ( max-width: 40.063em ) {  
  .paginationjs li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .paginationjs li.current,
  .paginationjs li:first-of-type,
  .paginationjs li:last-of-type,
  .paginationjs li:nth-of-type(2),
  .paginationjs li:nth-last-of-type(2) {
    position: initial;
    top: initial;
    left: initial;
  }

}

@media only screen and ( max-width: 15.063em ) { 
  
  .paginationjs li { width: 50%;}
  
  .paginationjs li.current { 
    order: 2;
    width: 100%;
    border-left-width: 1px;
      
  }  

}

/* DETAIL */

.detail {
	width:100%;
}

.detail article {
	width:100%;
	margin:0 0 30px 0;
	float:left;
	position:relative;
}

.detail article .product-detail{
	width:100%;
	border-left:1px solid #d9d8d7;
	border-bottom:1px solid #d9d8d7;
	padding:0 30px 30px 20px;
	position:relative;
	overflow:hidden;
}

.detail article .product-detail .left {
	width:100%;
	margin:0 0 30px 0;
}

.detail article .product-detail .right {
	width:100%;
	text-align:center;
    display:flex;
    align-items:center;
    flex-direction:column;
}

.detail article .product-detail .right img{
	max-width:100%;
}

.detail article .product-detail h1 {
	color:#1d1d1b;
	margin:0 0 20px 0;
	padding:0;
	font-size:38px;
}

.detail article .product-detail h2 {
	color:#b3b1b0;
	margin:0 0 5px 0;
	padding:0;
	font-size:23px;
}

.detail article .product-detail h3 {
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 30px 0;
	padding:0;
}

.detail article .product-detail.beers h3 {
	color:#ecbb40;
}

.detail article .product-detail.wines h3 {
	color:#f64747;
}

.detail article .product-detail.softs h3 {
	color:#81cfe0;
}

.detail article .product-detail.alcohol h3 {
	color:#00b16a;
}

.detail article .product-detail.gifts h3 {
	color:#87d37c;
}

.detail article .product-detail.coffee h3 {
	color:#4f4746;
}

.detail article .product-detail.celebration h3 {
	color:#eb9532;
}

.detail article .product-detail p {
	font-size:15px;
    text-align:justify;
}

.detail article .product-detail span.price {
	font-size:38px;
	color:#ef4836;
	display:inline-block;
	margin:30px 0;
	width:100%;
}

.detail article .product-detail .input-group {
	width:77px;
	border-right:1px solid #f0efef;
	float:left;
}

.detail article .product-detail input {
	width:46px;
	height:50px;
	background:#f0efef;
	border:none;
	box-shadow:none;
	padding:0;
	text-align:center;
	color:#b3b1b0;
	font-size:13px;
}

.detail article .product-detail input[type=checkbox] {
	width:24px;
	height:24px;
	background:#f0efef;
	border:none;
	box-shadow:none;
	padding:0;
	text-align:left;
	color:#b3b1b0;
	font-size:14px;
    line-height:24px;
    margin: 0 10px 0 0;
}

.detail article .product-detail .flag {
    margin:20px 0 0 0;
}

.detail article .product-detail .bootstrap-touchspin .input-group-btn-vertical > .btn {
  height:25px;
}

.detail article .product-detail .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	height:24px;
}

.detail article .product-detail a.cta {
	display:inline-block;
	padding:0 20px 0 49px;
	height:50px;
	line-height:50px;
	float:left;
	font-size:13px;
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:0 0 0 30px;
	position:relative;
}

.detail article .product-detail.beers a.cta {
    background:#ecbb40;
	border:2px solid #ecbb40;
}

.detail article .product-detail.wines a.cta {
    background:#f64747;
	border:2px solid #f64747;
}

.detail article .product-detail.softs a.cta {
    background:#81cfe0;
	border:2px solid #81cfe0;
}

.detail article .product-detail.alcohol a.cta {
    background:#00b16a;
	border:2px solid #00b16a;
}

.detail article .product-detail.gifts a.cta {
    background:#87d37c;
	border:2px solid #87d37c;
}

.detail article .product-detail.coffee a.cta {
    background:#4f4746;
	border:2px solid #4f4746;
}

.detail article .product-detail.celebration a.cta {
    background:#eb9532;
	border:2px solid #eb9532;
}

.detail article .product-detail a.cta span.arrow {
	width:21px;
	height:21px;
	position:absolute;
	left:20px;
	top:14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:url(../img/arrow-cta-list.png) no-repeat center center;
}

.detail article .product-detail.beers a:hover.cta  {
	color:#ecbb40;
	background:#fff;
}

.detail article .product-detail a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-beers.png) no-repeat center center;
}

.detail .similar-products {
	width:100%;
	margin:0;
	float:left;
	padding:0 0 50px 0;
	position:relative;
}

.detail .similar-products .title {
	width: 100%;
	float:left;
	text-align:right;
	padding:0 10px 0 0;
	margin:0 0 20px 0;
}

.detail .similar-products .title h1 {
	font-weight:900;
	text-transform:uppercase;
	font-size:25px;
	margin:0 0 10px 0;
	padding:0;
	color:#ef4836;
}

.detail .similar-products .title p {
	color:#000;
	font-size:20px;
	margin:0 0 20px 0;
}

.detail .similar-products .title a.prev {
	width:39px;
	height:39px;
	background:url(../img/arrow-prev-slider.png) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
}

.detail .similar-products .title a.next {
	width:39px;
	height:39px;
	background:url(../img/arrow-next-slider.png) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
}

.detail .similar-products .title a:hover.prev,
.detail .similar-products .title a:hover.next {
	background-position:0 -39px;
}

.detail .similar-products .slider {
	width:100%;
	padding:0;
	overflow:hidden;
	float:right;
}

.detail .similar-products .slider .item {
  	width:100%;
	height:310px;
	margin:0;
	float:left;
	border-left:1px solid #d9d8d7;
	border-bottom:1px solid #d9d8d7;
	padding:0 30px 30px 30px;
	position:relative;
}

.detail .similar-products .slider .item h1 {
	color:#1d1d1b;
	margin:0;
	padding:0;
	font-size:25px;
}

.detail .similar-products .slider .item h2 {
	color:#b3b1b0;
	margin:0 0 5px 0;
	padding:0;
	font-size:15px;
}

.detail .similar-products .slider .item.beers h2 {
	color:#ecbb40;
}

.detail .similar-products .slider .item.wines h2{
	color:#f64747;
}

.detail .similar-products .slider .item.softs h2 {
	color:#81cfe0;
}

.detail .similar-products .slider .item.alcohol h2 {
	color:#00b16a;
}

.detail .similar-products .slider .item.gifts h2 {
	color:#87d37c;
}

.detail .similar-products .slider .item.coffee h2 {
	color:#4f4746;
}

.detail .similar-products .slider .item.celebration h2 {
	color:#eb9532;
}

.detail .similar-products .slider .item .desc h3 {
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.detail .similar-products .slider .item span.price {
	font-size:25px;
	color:#ef4836;
}

.detail .similar-products .slider .item .input-group {
	width:77px;
	margin:25px 0 0 0;
	border-right:1px solid #f0efef;
}

.detail .similar-products .slider .item input {
	width:46px;
	height:40px;
	background:#f0efef;
	border:none;
	box-shadow:none;
	padding:0;
	text-align:center;
	color:#b3b1b0;
	font-size:13px;
}

.detail .similar-products .slider .item .visu {
	width:auto;
	position:absolute;
	bottom:0;
	right:0;
	padding:30px;
}

.detail .similar-products .slider .item .visu .zoom {
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8) url(../img/zoom-cta-list.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.detail .similar-products .slider .item .visu:hover .zoom {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 100;
}

.detail .similar-products .slider .item a.cta {
	display:inline-block;
	padding:0 20px 0 49px;
	height:50px;
	line-height:50px;
	position:absolute;
	left:30px;
	bottom:30px;
	font-size:13px;
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.detail .similar-products .slider .item.beers a.cta {
	background:#ecbb40;
	border:2px solid #ecbb40;
}

.detail .similar-products .slider .item.wines a.cta {
	background:#f64747;
	border:2px solid #f64747;
}

.detail .similar-products .slider .item.softs a.cta {
	background:#81cfe0;
	border:2px solid #81cfe0;
}

.detail .similar-products .slider .item.alcohol a.cta {
	background:#00b16a;
	border:2px solid #00b16a;
}

.detail .similar-products .slider .item.gifts a.cta {
	background:#87d37c;
	border:2px solid #87d37c;
}

.detail .similar-products .slider .item.coffee a.cta {
	background:#4f4746;
	border:2px solid #4f4746;
}

.detail .similar-products .slider .item.celebration a.cta {
	background:#eb9532;
	border:2px solid #eb9532;
}

.detail .similar-products .slider .item a.cta span.arrow {
	width:21px;
	height:21px;
	position:absolute;
	left:20px;
	top:14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:url(../img/arrow-cta-list.png) no-repeat center center;
}

.detail .similar-products .slider .item.beers a:hover.cta {
	color:#ecbb40;
	background:#fff;
}

.detail .similar-products .slider .item.wines a:hover.cta {
	color:#f64747;
	background:#fff;
}

.detail .similar-products .slider .item.softs a:hover.cta {
	color:#81cfe0;
	background:#fff;
}

.detail .similar-products .slider .item.alcohol a:hover.cta {
	color:#00b16a;
	background:#fff;
}

.detail .similar-products .slider .item.gifts a:hover.cta {
	color:#87d37c;
	background:#fff;
}

.detail .similar-products .slider .item.coffee a:hover.cta {
	color:#4f4746;
	background:#fff;
}

.detail .similar-products .slider .item.celebration a:hover.cta {
	color:#eb9532;
	background:#fff;
}

.detail .similar-products .slider .item.beers a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-beers.png) no-repeat center center;
}

.detail .similar-products .slider .item.wines a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-wines.png) no-repeat center center;
}

..detail .similar-products .slider .item.softs a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-softs.png) no-repeat center center;
}

.detail .similar-products .slider .item.alcohol a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-alcohol.png) no-repeat center center;
}

.detail .similar-products .slider .item.gifts a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-gifts.png) no-repeat center center;
}

.detail .similar-products .slider .item.coffee a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-coffee.png) no-repeat center center;
}

.detail .similar-products .slider .item.celebration a:hover.cta span.arrow {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	background:url(../img/arrow-cta-list-celebration.png) no-repeat center center;
}

/* BAG */

.bag-page {
	width:100%;
}

.bag-page h1 {
	font-weight:900;
	text-transform:uppercase;
	font-size:25px;
	margin:30px 0 40px 0;
	padding:0;
	color:#ef4836;
}

.bag-page section {
  	width:100%;
	margin:0 0 20px 0;
	float:left;
	border-left:5px solid #b3b1b0;
	border-bottom:1px solid #b3b1b0;
	padding:0 0 30px 30px;
	position:relative;
}

.bag-page section.beers {
	border-left:5px solid #ecbb40;
}

.bag-page section.wines {
	border-left:5px solid #f64747;
}

.bag-page section.softs {
	border-left:5px solid #81cfe0;
}

.bag-page section.alcohol {
	border-left:5px solid #01954b;
}

.bag-page section.gifts {
	border-left:5px solid #87d37c;
}

.bag-page section.coffee {
	border-left:5px solid #4f4746;
}

.bag-page section.celebration {
	border-left:5px solid #eb9532;
}

.bag-page section .visu {
	width:100px;
	height:150px;
	float:left;
}

.bag-page section .visu img {
    max-width:100%;
	position:relative;
	top:50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.bag-page section .product-bag {
	width:100%;
	position:relative;
	overflow:hidden;
}

.bag-page section .product-bag .title {
	width:100%;
	float:left;
}

.bag-page section .product-bag h1 {
	color:#1d1d1b;
	margin:0;
	padding:0;
	font-size:20px;
	text-transform:none;
	font-weight:500;
}

.bag-page section .product-bag h2 {
	color:#b3b1b0;
	margin:0;
	padding:0;
	font-size:15px;
	display:inline-block;
	width:100%;
}

.bag-page section .product-bag h3 {
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	display:inline-block;
	width:100%;
}

.bag-page section.beers .product-bag h3 {
	color:#ecbb40;
}

.bag-page section.wines .product-bag h3 {
	color:#f64747;
}

.bag-page section.softs .product-bag h3 {
	color:#81cfe0;
}

.bag-page section.alcohol .product-bag h3 {
	color:#01954b;
}

.bag-page section.gifts .product-bag h3 {
	color:#87d37c;
}

.bag-page section.coffee .product-bag h3 {
	color:#4f4746;
}

.bag-page section.celebration .product-bag h3 {
	color:#eb9532;
}

.bag-page section .product-bag span.divider {
	width:100%;
	height:1px;
	background:#d9d8d7;
	margin:10px 0 20px 0;
	float:left;
}

.bag-page section .product-bag p {
	width:100%;
	font-size:12px;
	font-weight:700;
	color:#6b7170;
	margin:0;
	padding:0;
	float:left;
}

.bag-page section .product-bag .info {
	width:85px;
	float:left;
}

.bag-page section .product-bag .input-group {
	width:70px;
	height:40px;
	float:left;
	border-right:1px solid #f0efef;
	margin:40px 0 0 0;
}

.bag-page section .product-bag input {
	width:40px;
	height:40px;
	background:#f0efef;
	border:none;
	box-shadow:none;
	padding:0;
	text-align:center;
	color:#b3b1b0;
	font-size:13px;
}

.bag-page section .product-bag span.price {
	width:auto;
	height:40px;
	float:left;
	margin:10px 0 0 0;
	line-height:40px;
	font-size:25px;
	letter-spacing:0.05em;
	color:#1d1d1b;
}

.bag-page section .product-bag a.cta {
	display:inline-block;
	padding:0 0 0 30px;
	height:20px;
	line-height:20px;
	position:relative;
	margin:20px 0 0 0;
	font-size:13px;
	color:#ef4836;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float:left;
}

.bag-page section .product-bag a.cta span.arrow {
	width:20px;
	height:20px;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/arrow-remove-bag.png) no-repeat 0 0;
}

.bag-page section .product-bag a:hover.cta  {
	color:#1d1d1b;
}

.bag-page section .product-bag a:hover.cta span.arrow {
	background-position:0 -20px;
}

.bag-page .total-bag {
	width:100%;
	margin:10px 0 0 0;
	float:left;
	padding:20px 30px;
	background:#b3b1b0;
}

.bag-page .total-bag .left{
	width:100%;
	text-align:left;
}

.bag-page .total-bag .left h2 {
	font-weight:700;
	color:#fff;
	font-size:25px;
	margin:0;
}

.bag-page .total-bag .left p {
	color:#1d1d1b;
	font-size:12px;
	margin:0;
}

.bag-page .total-bag .right{
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
}

.bag-page .total-bag .right h2 {
	font-weight:900;
	color:#fff;
	font-size:25px;
	margin:0;
}

.bag-page .total-bag .right p {
	color:#1d1d1b;
	font-size:13px;
	margin:0;
}

.bag-page .buttons-group {
  	width:100%;
	float:left;
	border-left:1px solid #b3b1b0;
	border-bottom:1px solid #b3b1b0;
	padding:30px;
	position:relative;
	text-align:center;
}

.bag-page .buttons-group a.cta{
	display:inline-block;
	padding:0 40px 0 0;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#ef4836;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position:relative;
	margin:0 0 15px 0;
}

.bag-page .buttons-group a.cta span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
}

.bag-page .buttons-group a.cta.save-bag span.arrow {
	background:url(../img/cta-more-bag.png) no-repeat 0 0;
}

.bag-page .buttons-group a.cta.saved-bag span.arrow {
	background:url(../img/cta-search-bag.png) no-repeat 0 0;
}

.bag-page .buttons-group a:hover.cta {
	color:#1d1d1b;
}

.bag-page .buttons-group a:hover.cta span.arrow {
	background-position:0 -30px;
}

.bag-page .buttons-group a.cta-validate {
	height:60px;
	background:#e94938;
	line-height:60px;
	text-align:center;
	color:#fff;
	padding:0 65px 0 25px;
	text-transform:uppercase;
	font-size:12px;
	display:inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position:relative;
}

.bag-page .buttons-group a.cta-validate span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:15px;
	background:url(../img/arrow-cta-validate-bag.png) no-repeat 0 0;
}

.bag-page .buttons-group a:hover.cta-validate {
	background:#1d1d1b;
}

/* ORDER STATUS */

.order-status-page {
	width:100%;
	margin:70px 0 0 0;
}

.order-status-page h1 {
	font-weight:900;
	text-transform:uppercase;
	font-size:25px;
	margin:30px 0 40px 0;
	padding:0;
	color:#ef4836;
}

.order-status-page section {
  	width:100%;
	margin:0 0 20px 0;
	float:left;
	border-left:5px solid #b3b1b0;
	border-bottom:1px solid #b3b1b0;
	padding:30px 0 30px 30px;
	position:relative;
}

.order-status-page section:last-child {
	margin:0;
}

.order-status-page section.in-progress {
	border-left:5px solid #e94938;
}

.order-status-page section.validate {
	border-left:5px solid #00b16a;
}

.order-status-page section.denied {
	border-left:5px solid #eb9532;
}

.order-status-page section .visu {
	position:absolute;
	top:30px;
	left:0;
	width:100px;
	height:160px;
	text-align:center;
}

.order-status-page section .visu img{
	max-width:100%;
}

.order-status-page section .order-content {
	width:100%;
	position:relative;
	padding:0 0 30px 0;
}

.order-status-page section .order-content h1 {
	color:#1d1d1b;
	margin:0;
	padding:15px 0 0 70px;
	font-size:13px;
}

.order-status-page section.in-progress .order-content h1 {
	color:#e94938;
}

.order-status-page section.validate .order-content h1 {
	color:#00b16a;
}

.order-status-page section.denied .order-content h1 {
	color:#eb9532;
}

.order-status-page section .order-content h2 {
	color:#1d1d1b;
	margin:3px 0 0 0;
	padding:0 0 0 70px;
	font-size:20px;
}

.order-status-page section .order-content h2 span{
	color:#b3b1b0;
}

.order-status-page section .order-content span.divider {
	width:100%;
	height:1px;
	background:#d9d8d7;
	margin:20px 0;
	float:left;
}

.order-status-page section .order-content .status {
	font-size:20px;
	color:#b3b1b0;
	font-weight:700;
	margin:10px 0 0 0;
	display:inline-block;
}

.order-status-page section.validate .order-content .status {
	color:#00b16a;
}

.order-status-page section.denied .order-content .status {
	color:#eb9532;
}

.order-status-page section .order-content p {
	font-weight:700;
	font-size:12px;
	color:#6b7170;
	margin:0;
}

.order-status-page section .order-content a.cta {
	display:inline-block;
	padding:0 25px 0 50px;
	height:50px;
	line-height:50px;
	position:relative;
	margin:20px 0 0 0;
	font-size:13px;
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:#e94938;
}

.order-status-page section .order-content a.cta span.arrow {
	width:20px;
	height:20px;
	position:absolute;
	left:20px;
	top:15px;
	background:url(../img/picto-cancel-order.png) no-repeat 0 0;
}

.order-status-page section .order-content a:hover.cta  {
	background:#1d1d1b;
}

.order-status-page section .buttons-group {
	width:100%;
	border-top:1px solid #b3b1b0;
	padding:30px 0;
	overflow:hidden;
}

.order-status-page section .buttons-group a.cta{
	display:inline-block;
	padding:0 40px 0 0;
	height:30px;
	line-height:30px;
	font-size:13px;
	text-transform:uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position:relative;
}

.order-status-page section.in-progress .buttons-group a.cta{
	color:#e94938;
}

.order-status-page section.validate .buttons-group a.cta{
	color:#00b16a;
}

.order-status-page section.denied .buttons-group a.cta{
	color:#eb9532;
}

.order-status-page section .buttons-group a.cta.save-bag{
	margin:0 15px 0 0;
}

.order-status-page section .buttons-group a.cta span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
}

.order-status-page section.in-progress .buttons-group a.cta.save-bag span.arrow {
	background:url(../img/picto-save-bag-order-in-progress.png) no-repeat 0 0;
}

.order-status-page section.in-progress .buttons-group a.cta.show-bag span.arrow {
	background:url(../img/picto-show-bag-order-in-progress.png) no-repeat 0 0;
}

.order-status-page section.validate .buttons-group a.cta.save-bag span.arrow {
	background:url(../img/picto-save-bag-order-validate.png) no-repeat 0 0;
}

.order-status-page section.validate .buttons-group a.cta.show-bag span.arrow {
	background:url(../img/picto-show-bag-order-validate.png) no-repeat 0 0;
}

.order-status-page section.denied .buttons-group a.cta.save-bag span.arrow {
	background:url(../img/picto-save-bag-order-denied.png) no-repeat 0 0;
}

.order-status-page section.denied .buttons-group a.cta.show-bag span.arrow {
	background:url(../img/picto-show-bag-order-denied.png) no-repeat 0 0;
}

.order-status-page section .buttons-group a:hover.cta {
	color:#1d1d1b;
}

.order-status-page section .buttons-group a:hover.cta span.arrow {
	background-position:0 -30px;
}

.order-status-page section .buttons-group p {
	height:30px;
	line-height:30px;
	float:left;
	width:100%;
	margin:15px 0 0 0;
	font-size:15px;
	color:#1d1d1b;
}

.order-status-page section.in-progress .buttons-group p span{
	color:#e94938;
}

.order-status-page section.validate .buttons-group p span{
	color:#00b16a;
}

.order-status-page section.denied .buttons-group p span{
	color:#eb9532;
}

.order-status-page section .buttons-group p .icon {
	display:inline-block;
	margin:0 5px 0 5px;
}

/* SAVED BAGS */

.saved-bags-page {
	width:100%;
	margin:40px 0 0 0;
}

.saved-bags-page h1 {
	font-weight:900;
	text-transform:uppercase;
	font-size:25px;
	margin:30px 0 40px 0;
	padding:0;
	color:#ef4836;
}

.saved-bags-page section {
  	width:100%;
	margin:0 0 40px 0;
	float:left;
	border-left:1px solid #b3b1b0;
	border-bottom:1px solid #b3b1b0;
	padding:0 0 30px 0;
	position:relative;
}

.saved-bags-page section .visu {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:160px;
	text-align:center;
}

.saved-bags-page section .saved-bag-title {
	width:100%;
	position:relative;
	padding:10px 0 50px 20px;
}

.saved-bags-page section .saved-bag-title h1 {
	color:#e94938;
	margin:0;
	padding:0 0 0 80px;
	font-size:13px;
}

.saved-bags-page section .saved-bag-title h2 {
	color:#1d1d1b;
	margin:3px 0 0 0;
	padding:0 0 0 80px;
	font-size:20px;
}

.saved-bags-page section .saved-bag-title h2 span{
	color:#b3b1b0;
}

.saved-bags-page section .saved-bag-title span.divider {
	width:100%;
	height:1px;
	background:#d9d8d7;
	margin:20px 0;
	float:left;
}

.saved-bags-page section .saved-bag-title .buttons-group {
	margin:20px 0 0 0;
}

.saved-bags-page section .saved-bag-title .buttons-group a.cta{
	display:inline-block;
	padding:0 40px 0 0;
	height:30px;
	line-height:30px;
	font-size:13px;
	text-transform:uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position:relative;
	color:#e94938;
}

.saved-bags-page section .saved-bag-title a.cta.delete-bag{
	margin:0 0 10px 0;
}

.saved-bags-page section .saved-bag-title a.cta span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
}

.saved-bags-page section .saved-bag-title a.cta.delete-bag span.arrow {
	background:url(../img/picto-remove-bag-page.png) no-repeat 0 0;
}

.saved-bags-page section .saved-bag-title a.cta.show-bag span.arrow {
	background:url(../img/picto-show-bag-order-in-progress.png) no-repeat 0 0;
}

.saved-bags-page section .saved-bag-title a:hover.cta {
	color:#1d1d1b;
}

.saved-bags-page section .saved-bag-title a:hover.cta span.arrow {
	background-position:0 -30px;
}

.saved-bags-page section .saved-bag-content {
	width:100%;
	float:left;
}

.saved-bags-page section .item {
  	width: 100%;
	height:70px;
	margin:0 0 20px 20px;
	float:left;
	border-left:5px solid #d9d8d7;
	border-bottom:1px solid #d9d8d7;
	padding:10px 30px 30px 55px;
	position:relative;
}

.saved-bags-page section .item.beers {
	border-left:5px solid #ecbb40;
}

.saved-bags-page section .item.wines {
	border-left:5px solid #f64747;
}

.saved-bags-page section .item.softs {
	border-left:5px solid #81cfe0;
}

.saved-bags-page section .item.alcohol {
	border-left:5px solid #01954b;
}

.saved-bags-page section .item.gifts {
	border-left:5px solid #87d37c;
}

.saved-bags-page section .item.coffee {
	border-left:5px solid #4f4746;
}

.saved-bags-page section .item.celebration {
	border-left:5px solid #eb9532;
}

.saved-bags-page section .item .visu{
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:70px;
}

.saved-bags-page section .item .visu img{
	max-width:40px;
	position:relative;
	top:50%;
	left:0;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.saved-bags-page section .item h1 {
	color:#1d1d1b;
	font-size:13px;
	margin:0;
	text-transform:none;
	font-weight:500;
}

.saved-bags-page section .item h1 span {
	color:#b3b1b0;
}

.saved-bags-page section .item span.price {
	font-size:13px;
	color:#e94938;
}

.saved-bags-page section .saved-bag-price {
	width:100%;
	padding:0 0 0 20px;
	float:left;
	position:relative;
}

.saved-bags-page section .saved-bag-price .info {
	width:100%;
	background:#b3b1b0;
	padding:20px 30px;
	margin:0 0 0 0;
	overflow:hidden;
	position:relative;
}

.saved-bags-page section .saved-bag-price .info h1{
	font-size:25px;
	font-weight:700;
	color:#fff;
	margin:0 0 30px 0;
	padding:0;
	text-transform:none;
}

.saved-bags-page section .saved-bag-price .info .bag-price {
	font-size:25px;
	line-height:16px;
	font-weight:900;
	color:#fff;
}

.saved-bags-page section .saved-bag-price .info .bag-price span {
	font-size:13px;
	font-weight:500;
	color:#1d1d1b;
}

.saved-bags-page section .saved-bag-price a.cta-validate {
	height:60px;
	background:#e94938;
	line-height:60px;
	text-align:center;
	color:#fff;
	padding:0 65px 0 25px;
	text-transform:uppercase;
	font-size:13px;
	display:inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:20px 0 0 0;
	float:left;
	position:relative;
}

.saved-bags-page section .saved-bag-price a.cta-validate span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:15px;
	background:url(../img/arrow-cta-validate-bag.png) no-repeat 0 0;
}

.saved-bags-page section .saved-bag-price a:hover.cta-validate {
	background:#1d1d1b;
}

/* MODIFY-ACCOUNT */

.modify-account-page {
	width:100%;
    margin: 50px 0 0 0;
}

.modify-account-page #company-field {
    display:none;
} 

.modify-account-page h1 {
	font-weight:900;
	text-transform:uppercase;
	font-size:25px;
	margin:30px 0 40px 0;
	padding:0;
	color:#ef4836;
}

.modify-account-page form {
	width:100%;
	margin:0;
	float:left;
	border-left:5px solid #e94938;
	border-bottom:1px solid #b3b1b0;
	padding:0 0 30px 20px;
	position:relative;
}

.modify-account-page form .divider {
	width: 100%;
	height:1px;
	background:#d9d8d7;
	margin:10px 0 30px 0;
	float:right;
}

.modify-account-page form .form-group {
	width:100%;
	float:left;
	margin:0 0 30px 0;
}

.modify-account-page label {
	color:#ef4836;
	font-size:13px;
	font-weight:500;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

.modify-account-page .form-control {
	background-color: #f0efef;
	color:#1d1d1b;
	font-size:13px;
}

.modify-account-page .form-control::-moz-placeholder {
  color: #1d1d1b;
  opacity: 1;
}

.modify-account-page .form-control:-ms-input-placeholder {
  color: #1d1d1b;
}

.modify-account-page .form-control::-webkit-input-placeholder {
  color: #1d1d1b;
}

.modify-account-page .Gender-container {
	width:100%;
	position:relative;
}

.modify-account-page a.lost {
	color:#1d1d1b;
	font-size:13px;
	text-decoration:underline;
	width:100%;
}

.modify-account-page a:hover.lost {
	color:#00b16a;
	text-decoration:underline;
}

.radios {
	width:100%;
	margin:13px 0 0 0;
	overflow:hidden;
}

.radios label {
	width:auto;
    display: block;
    cursor: pointer;
    line-height: 24px;
    float: left;
    margin: 0 20px 0 0;
    font-size: 13px;
    color: #1d1d1b;
	text-transform:none;
}

.label_radio input {
    margin-right: 5px;
}

.has-js .label_radio,
.radios label span {
    padding-left:20px;
}

.has-js .label_radio {
    background: url(../img/radio-button.png) no-repeat 0 0;
}

.has-js label.r_on {
    background-position:0 -24px;
}

.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}

.modify-account-page button[type=submit] {
	height:60px;
	background:#e94938;
	line-height:60px;
	text-align:center;
	color:#fff;
	padding:0 65px 0 25px;
	text-transform:uppercase;
	font-size:13px;
	display:inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float:right;
	position:relative;
	border:none;
}

.modify-account-page button[type=submit] span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:15px;
	background:url(../img/picto-save-account.png) no-repeat 0 0;
}

.modify-account-page button[type=submit]:hover {
	background:#1d1d1b;
}

/* ORDER VALIDATION */

.order-validation-page {
	width:100%;
	overflow:hidden;
	padding:40px 0 0 0;
}

.order-validation-page h1 {
	font-weight:900;
	text-transform:uppercase;
	font-size:25px;
	margin:0 0 30px 0;
	padding:0;
	color:#ef4836;
	width:100%;
	float:left;
}

.order-validation-page form {
	width:100%;
	margin:0;
	position:relative;
}

.order-validation-page form .step{
	width:100%;
	margin:0;
	float:left;
	margin:0 0 40px 0;
	position:relative;
}

.order-validation-page form .step .bg-disabled{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	cursor:not-allowed;
	display:none;
	z-index:999;
}

.order-validation-page form .step.disabled {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.order-validation-page form .step.disabled .bg-disabled{
	display:block;
}

.order-validation-page form .step .content{
	width:100%;
	margin:0;
	float:left;
	border-left:5px solid #e94938;
	border-bottom:1px solid #b3b1b0;
	padding:0 0 30px 0;
	position:relative;
}

.order-validation-page form .step.step1 .content{
	padding:0;
}

.order-validation-page form .step.step2 .content{
	padding:0 0 30px 20px;
}

.order-validation-page form .step3 .content{
	padding:0 0 30px 20px;
}

.order-validation-page form .step1 .content .radios {
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
}

.order-validation-page form .step1 .content .radios label {
	width:100%;
    display: block;
    cursor: pointer;
    float: left;
    margin: 0 0 30px 0;
    font-size: 15px;
    color: #b3b1b0;
	text-transform:uppercase;
	text-align:center;
	padding:0 0 40px 0;
}

.order-validation-page form .step1 .content .radios label span.visu{
	background:url(../img/bg-radio-button-order-validation.png) no-repeat 0 0;
	width:242px;
	height:102px;
	display:inline-block;
}

.order-validation-page form .step1 .content .radios label span.name{
	width:100%;
	display:inline-block;
	text-align:center;
	margin:10px 0 0 0;
}

.order-validation-page form .step1 .content .label_radio input {
    margin-right: 0;
}

.has-js .order-validation-page form .step1 .content .label_radio {
    padding-left:0;
}

.has-js .order-validation-page form .step1 .content .label_radio {
    background: url(../img/radio-button-order.png) no-repeat bottom center;
}

.has-js .order-validation-page form .step1 .content label.r_on {
	background-image: url(../img/radio-button-order-activated.png);
	background-repeat:no-repeat;
    background-position:bottom center;
}

.has-js .order-validation-page form .step1 .content label.r_on span.visu{
	background-position:0 -102px;
}

.has-js .order-validation-page form .step1 .content label.r_on span.name{
	color:#e94938;
}

.order-validation-page form .step .content .form-group {
	width:100%;
	float:left;
	margin:0 0 30px 0;
}

.order-validation-page form .step1 .content .form-group {
	max-width:100%;
	margin:0;
}

.order-validation-page form .step3 .content .form-group {
	max-width:100%;
	margin:10px 0 30px 0;
}

.order-validation-page form .step .content label {
	color:#ef4836;
	font-size:13px;
	font-weight:500;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

.order-validation-page form .step .content .form-control {
	background-color: #f0efef;
	color:#1d1d1b;
	font-size:13px;
}

.order-validation-page form .step .content .form-control::-moz-placeholder {
  color: #1d1d1b;
  opacity: 1;
}

.order-validation-page form .step .content .form-control:-ms-input-placeholder {
  color: #1d1d1b;
}

.order-validation-page form .step .content .form-control::-webkit-input-placeholder {
  color: #1d1d1b;
}

.order-validation-page form .step .content .Gender-container {
	width:100%;
	position:relative;
}

.order-validation-page form .step2 .content .radios {
	width:100%;
	margin:13px 0 0 0;
	overflow:hidden;
}

.order-validation-page form .step2 .content .radios label {
	width:auto;
    display: block;
    cursor: pointer;
    line-height: 24px;
    float: left;
    margin: 0 20px 0 0;
    font-size: 13px;
    color: #1d1d1b;
	text-transform:none;
}

.order-validation-page a#next,
.order-validation-page button[type=submit] {
	width:100%;
	text-align:center;
	height:60px;
	background:#e94938;
	line-height:60px;
	text-align:center;
	color:#fff;
	padding:0 65px 0 20px;
	text-transform:uppercase;
	font-size:11px;
	display:inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float:left;
	position:relative;
	border:none;
}

.order-validation-page a#next span.arrow,
.order-validation-page button[type=submit] span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:15px;
}

.order-validation-page a#next span.arrow {
	background:url(../img/picto-save-account.png) no-repeat 0 0;
}

.order-validation-page button[type=submit] span.arrow {
	background:url(../img/arrow-cta-validate-order.png) no-repeat 0 0;
}

.order-validation-page a:hover#next,
.order-validation-page button[type=submit]:hover {
	background:#1d1d1b;
}

.order-validation-page button[type=submit] span.price {
	font-size:12px;
	font-weight:900;
}

.order-validation-page form .step3 .content h2 {
	font-size:13px;
	font-weight:500;
	color:#ef4836;
	margin:0 0 30px 0;
	text-transform:uppercase;
}

.order-validation-page form .step3 .content p {
	color:#bbbbbb;
	margin:0 0 20px 0;
	font-size:13px;
}

input[type=checkbox] {
    width:24px;
    height:24px;
    float:left;
}

.ez-hide { 
	opacity:0; 
	filter:alpha(opacity=0);
}

.ez-checkbox {
    background: transparent url(../img/checkbox.jpg) 0 0 no-repeat;
    display:inline-block;
    float:left;
}

.ez-checked{ 
	background-position: 0 -24px;
}

.ez-checkbox { 
	zoom:1; 
	*display:inline;
	width:24px;
    height:24px;
	_height:48px;
    z-index:99;
    position:relative;
}

.order-validation-page form .step .content label.checkbox {
	min-height: 24px;
	padding-left: 10px;
	font-size:13px;
	color: #1d1d1b;
	margin:4px 0 0 0;
	display:inline-flex;
    align-items:center;
	width:80%;
	text-transform:none;
}

.order-validation-page form .step .content label.checkbox a {
    color:#000;
    text-decoration:underline;
}

.modify-account-page label.checkbox {
	min-height: 24px;
	padding-left: 10px;
	font-size:13px;
	color: #1d1d1b;
	margin:0;
	display:inline-block;
	width:80%;
	text-transform:none;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

/* INPUT SPINNER */

.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 30px;
  position: relative;
  border:none;
  border-radius: 0;
  height:20px;
  padding:0;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn:hover {
	background:none;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn:hover i{
	color:#ef4836;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	height:19px;
}

.bootstrap-touchspin .input-group-btn-vertical span.sep {
	width:21px;
	height:1px;
	background:#f0efef;
	float:left;
	margin:0 0 0 4px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  font-size: 18px;
  font-weight: normal;
  color:#c6c5c4;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up i{
	top:-5px;
	left:9px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down i{
	bottom:-5px;
	left:9px;
}

/* FOOTER */

footer {
	width:100%;
	height:70px;
	background:#f2f2f2;
	text-align:center;
	line-height:70px;
	float:left;
}

footer p {
	margin:0;
	font-size:15px;
	color:#1d1d1b;
}

/* LOGIN */

.login-popup-block,
.thanks-popup-block {
  width:100%;
  position: relative;
  overflow:hidden;
  display: flex;
  flex-direction:column;
}

.lost-password-popup-block {
  background: #FFF;
  padding:30px 10px 20px 10px;
  text-align: left;
  max-width: 480px;
  margin: 20px 15px;
  position: relative;
  overflow:hidden;
  display: flex;
  flex-wrap: wrap;
}

.lost-password-popup-block h1 {
	font-size:20px;
	text-transform:uppercase;
	color:#b3b1b0;
	font-weight:900;
	margin:0 0 30px 10px;
	width:100%;
	padding:0 30px 0 30px;
	background:url(../img/picto-user-popin.png) no-repeat center left 0;
}

.login-popup-block h1,
.thanks-popup-block h1 {
	font-size:25px;
	text-transform:uppercase;
	color:#ef4836;
	font-weight:900;
	margin:10px 0 20px 0;
	width:100%;
	padding:0 20px 0 0;
}

.login-popup-block .col-container,
.thanks-popup-block .col-container,
.lost-password-popup-block .col-container {
    display:flex;
    flex-wrap:wrap;
}

.login-popup-block .col,
.lost-password-popup-block .col,
.thanks-popup-block .col {
	width:100%;
	padding:0;
	float:left;
	margin:0 0 20px 0;
}

.login-popup-block .login,
.thanks-popup-block .login {
	background:#f0efef;
	padding:20px;
	width:100%;
	position:relative;
	overflow:hidden;	
}

.lost-password-popup-block .lost-password {
	background:#f0efef;
	padding:20px;
	width:100%;
	position:relative;
	overflow:hidden;	
}

.login-popup-block .login h2,
.thanks-popup-block .login h2 {
	font-size:18px;
	text-transform:uppercase;
	color:#00b16a;
	font-weight:900;
	margin:0 0 25px 0;
	padding:0;
}

.lost-password-popup-block .lost-password h2 {
	font-size:18px;
	text-transform:uppercase;
	color:#e94938;
	font-weight:900;
	margin:0 0 25px 0;
	padding:0;
}

.login-popup-block .sign-in,
.thanks-popup-block .sign-in {
	background:#f0efef;
	padding:20px;
	width: 100%;
	position:relative;
	overflow:hidden;
}

.login-popup-block .sign-in h2,
.thanks-popup-block .sign-in h2 {
	font-size:18px;
	text-transform:uppercase;
	color:#f64747;
	font-weight:900;
	margin:0 0 25px 0;
	padding:0;
}

.login-popup-block .sign-in p,
.thanks-popup-block .sign-in p,
.lost-password-popup-block .lost-password p  {
	color:#1d1d1b;
	font-size:15px;
	line-height:18px;
}

.lost-password-popup-block .lost-password p  {
	margin:0 0 25px 0;
}

.login-popup-block .form-group,
.thanks-popup-block .form-group,
.lost-password-popup-block .form-group {
	margin:0 0 30px 0;
}

.login-popup-block label,
.thanks-popup-block label {
	color:#1d1d1b;
	font-size:13px;
	font-weight:500;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

.login-popup-block a.cta,
.thanks-popup-block a.cta,
.login-popup-block button[type=submit],
.lost-password-popup-block button[type=submit] {
	text-align:center;
	height:60px;
	line-height:60px;
	text-align:center;
	color:#fff;
	padding:0 65px 0 20px;
	text-transform:uppercase;
	font-size:11px;
	display:inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float:left;
	position:relative;
	border:none;
}

.login-popup-block a.cta,
.thanks-popup-block a.cta {
	background:#e94938;
	margin:30px 0 0 0;
}

.login-popup-block button[type=submit] {
	background:#00b16a;
	margin:0;
}

.lost-password-popup-block button[type=submit] {
	background:#e94938;
	margin:0;
}

.login-popup-block a.cta span.arrow,
.thanks-popup-block a.cta span.arrow,
.login-popup-block button[type=submit] span.arrow,
.lost-password-popup-block button[type=submit] span.arrow {
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:15px;
	background:url(../img/arrow-cta-validate-order.png) no-repeat 0 0;
}

.login-popup-block a:hover.cta,
.thanks-popup-block a:hover.cta,
.login-popup-block button[type=submit]:hover,
.lost-password-popup-block button[type=submit]:hover {
	background:#1d1d1b;
}

.login-popup-block a.lost,
.thanks-popup-block a.lost {
	color:#1d1d1b;
	font-size:13px;
	text-decoration:underline;
	width:100%;
	float:left;
	margin:20px 0 0 0;
}

.login-popup-block a:hover.lost,
.thanks-popup-block a:hover.lost {
	color:#00b16a;
	text-decoration:underline;
}

.login-popup-block .info,
.thanks-popup-block .info,
.lost-password-popup-block .info {
	margin:20px 0;
	width:100%;
	text-align:center;
	float:left;
	overflow:hidden;
}

.login-popup-block .info p,
.thanks-popup-block .info p,
.lost-password-popup-block .info p {
	float:left;
	width:100%;
	margin:0;
	font-size:15px;
	color:#1d1d1b;
}

.login-popup-block .info p span,
.thanks-popup-block .info p span,
.lost-password-popup-block .info p span{
	color:#e94938;
}

.login-popup-block p .icon,
.thanks-popup-block p .icon,
.lost-password-popup-block p .icon {
	display:inline-block;
	margin:0 5px 0 5px;
}

.thanks-popup-block .product-bag {
    display: flex;
    justify-content: space-between;
    align-items:center;
    padding: 10px 0;
    border-bottom: 1px solid #000;
}

.thanks-popup-block .product-bag .title {
    width: 60%;
    font-weight: bold;
    padding:0 20px 0 0;
}

.thanks-popup-block .product-bag .info {
    margin: 0;
    width: 40%;
    text-align: right;
}

/* WAITING */

.waiting {
  position: relative;
  background: #FFF;
  padding:80px 40px 30px 40px;
  width: auto;
  max-width: 600px;
  margin: 20px 15px;
}

.waiting h1 {
	font-weight:900;
	text-transform:uppercase;
	font-size:30px;
	margin:0 0 20px 0;
	padding:0;
	color:#ef4836;
}

.waiting p {
	color:#000000;
	font-size:15px;
}

/* SEARCH */

.search-content {
    width:100%;
    padding:0;
}

.search-content h1 {
	width:100%;
	text-align:left;
	text-transform:uppercase;
	font-weight:900;
	letter-spacing:0.2em;
	font-size:25px;
	margin:20px 0 30px 0;
	padding:0;
	color:#ef4836;
}

.search-content input {
	width:100%;
    height:60px;
    border:1px solid #e2e2e1;
    padding:0 30px;
    margin:0 0 40px 0;
    font-size:20px;
}

.search-content button[type=submit] {
	border:none;
    text-align:center;
    width:60px;
    height:60px;
    background:none;
    color:#c6c5c4;
    font-size:22px;
    position:absolute;
    right:0;
}

.noresult {
    width:100%;
    padding:0 0 0 10px;
    font-size:20px;
}

@media (min-width: 480px ) {
	.breakline {
		display:inline-block;
	}
	
	body {
		font-size:14px;
	}
	
	header .bag.open-bag {
		width:320px;
	}
	
	header .bag .content ul {
		padding:30px 30px 25px 30px;
	}
	
	header .bag .content .product {
		padding:10px 30px;
	}
	
	header .bag .content .validation {
		padding:15px 30px 0 30px;
	}
	
	header .bag .content .validation a.cta {
		font-size:12px;
	}

	.box-home h1 {
		letter-spacing:0.2em;
	}
	
	.sidebar a.cta-back {
		padding:0 20px 0 65px;
		height:50px;
		line-height:50px;
		background:#e94938;
		float:none;
		text-indent:0;
	}
	
	.sidebar a.cta-back span.arrow {
		width:31px;
		height:31px;
		position:absolute;
		left:20px;
		top:10px;
		background:url(../img/arrow-cta-back.png) no-repeat center center;
	}
	
	.sidebar a:hover.cta-back {
		background:#1d1d1b;
	}
	
	.sidebar a:hover.cta-back span.arrow{
		background-position:center center;
	}
	
	.sidebar .info {
		margin:30px 0 0 0;
		padding:0 20px;
	}
	
	.sidebar .info ul {
		border-top:1px solid #d1d0cf;
		border-left:none;
		padding:20px 0;
	}
	
	.sidebar .info ul li {
		width:auto;
		padding:0 5px 0 0;
	}
	
	.sidebar .info ul li:after {
		content:"-";
		padding:0 0 0 10px;
	}
	
	.sidebar .info ul li:last-child {
		padding:0;
	}
	
	.sidebar .info ul li:last-child:after {
		content:"";
		padding:0;
	}
	
	.bag-page .buttons-group a.cta{
		margin:0 5px 15px 0;
	}
	
	.saved-bags-page section .item {
		width: calc(50% - 20px);
	}
	
	.saved-bags-page section .saved-bag-title a.cta.delete-bag{
		margin:0 15px 0 0;
	}
	
	.login-popup-block .login h2,
	.login-popup-block .sign-in h2,
    .thanks-popup-block .login h2,
	.thanks-popup-block .sign-in h2,
	.lost-password-popup-block .lost-password h2 {
		font-size:20px;
	}
	
}

@media (min-width: 600px) {
	
	.waiting {
	  padding:30px 40px;
	  margin: 20px auto;
	}
	
	.box-home-slider .item {
		margin:0 0 0 30px;
	}
	
	.products-list .item {
		width: calc(50% - 20px);
		margin:0 20px 30px 0;
	}

    .products-list .item:nth-child(2n) {
		margin:0 0 30px 0;
	}

    .products-list .item-family {
		width: calc(50% - 20px);
		margin:0 20px 20px 0;
	}

    .products-list .item-family:nth-child(2n) {
		margin:0 0 20px 0;
	}
	
	.detail article .product-detail .left {
		width:50%;
		margin:0;
	}
	
	.detail article .product-detail .right {
		width:50%;
		text-align:right;
	}
	
	.detail .similar-products {
		padding:0 0 50px 20px;
	}
	
	.detail .similar-products .title {
		width: 33.33%;
		margin:0;
	}
	
	.detail .similar-products .slider {
		width:66.66%;
	}
	
	.detail .similar-products .slider .item {
		margin:0 0 0 20px;
	}
	
	.bag-page h1 {
		font-size:35px;
	}
	
	.bag-page section {
		padding:0 0 30px 0;
	}
	
	.bag-page section .visu {
		width:140px;
		float:none;
		position:absolute;
		left:0;
		top:0;
	}
	
	.bag-page section .visu img {
		position:relative;
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.bag-page section .product-bag h1 {
		margin:30px 0 0 140px;
	}
	
	.bag-page section .product-bag h2 {
		margin:0 0 0 140px;
	}
	
	.bag-page section .product-bag h3 {
		margin:0 0 0 140px;
	}
	
	.bag-page section .product-bag span.divider {
		margin:10px 0 20px 140px;
	}
	
	.bag-page section .product-bag p {
		width:auto;
		max-width:60%;
		margin:0 0 0 140px;
	}
	
	.bag-page section .product-bag .input-group {
		float:none;
		position:absolute;
		top:30px;
		right:210px;
		margin:0;
	}
	
	.bag-page section .product-bag span.price {
		float:none;
		margin:0;
		position:absolute;
		right:0;
		top:30px;
	}
	
	.bag-page section .product-bag a.cta {
		position:absolute;
		margin:0;
		right:0;
		bottom:0;
		float:none;
	}
	
	.bag-page .total-bag .left{
		width:70%;
	}
	
	.bag-page .total-bag .right{
		width:30%;
		text-align:right;
		margin:0;
	}
	
	.bag-page .buttons-group a.cta-validate {
		float:right;
	}
	
	.order-validation-page form .step1 .content .radios {
		padding:0 0 0 5px;
	}
	
	.order-validation-page form .step1 .content .radios label {
		max-width:242px;
		margin: 0 25px 30px 25px;
	}
	
	.saved-bags-page section .item {
		width: calc(33.33% - 40px);
		margin:0 0 40px 40px;
		padding:10px 30px 30px 75px;
	}
	
	.saved-bags-page section .item .visu{
		position:absolute;
		left:0;
		top:0;
		width:75px;
		height:70px;
	}
	
}

@media (min-width: 768px) {
	
	.invert-breakline {
		display:none;
	}
	
	body {
		font-size:12px;
	}
	
	.box-home h1 {
		letter-spacing:0.1em;
	}
	
	.home header {
		height:380px;
	}
	
	#search,
	header nav {
		display:block;
	}
	
	header .bag {
		width:230px;
		background:#f0efef;
	}
	
	header .bag.open-bag {
		width:350px;
	}
	
	header .bag h1 {
		display:block;
	}
	
	header .bag .content {
		padding:0;
	}
	
	.breadcrumb h1,
	.breadcrumb-list {
		display:inline-block;
	}
		
	header .slider .visu {
		width:310px;
	}
	
	.c-hamburger {
		display:none;
	}

	.box-home {
		width:50%;
		height:215px;
		padding:20px;
	}
	
	.box.gifts {
		height:430px;
	}

    .sidebar {
        display:block;
    }

    .account-page .sidebar {
        position: relative;
        width: 100%;
        max-width:250px;
        height: auto;
        top: inherit;
    }

    .list-page .sidebar {
        top:50px;
    }

    .bag-page,
	.modify-account-page,
	.order-status-page,
	.saved-bags-page,
    .login-popup-block,
    .thanks-popup-block  {
		padding:0 0 0 20px;
	}

    .search-content {
        padding:0 0 0 20px;
    }

    .products-list {
		padding:0 0 0 20px;
	}
	
	.bag-page section .product-bag h2 {
		display:inline-block;
		width:auto;
	}
	
	.bag-page section .product-bag h2:after {
		content:"·";
		padding:0 2px 0 5px;
	}
	
	.bag-page section .product-bag h3 {
		display:inline-block;
		width:auto;
		margin:0;
	}
	
	.bag-page .total-bag .left h2 {
		font-size:35px;
	}
	
	.bag-page .total-bag .left p {
		font-size:13px;
	}
	
	.bag-page .total-bag .right h2 {
		font-size:35px;
	}
	
	.bag-page .total-bag .right p {
		font-size:15px;
	}
	
	.bag-page .buttons-group {
		text-align:left;
		padding:30px 0 30px 30px;
	}
	
	.bag-page .buttons-group a.cta{
		margin:15px 0 0 0;
	}
	
	.bag-page .buttons-group a.cta.save-bag {
		margin:0 15px 0 0;
	}
	
	.modify-account-page form {
		padding:0 0 30px 0;
	}
	
	.modify-account-page form .form-group {
		max-width:290px;
		margin:0 0 30px 30px;
	}
	
	.modify-account-page form .form-group.medium {
		max-width:130px;
	}

    .modify-account-page form .divider {
	    width: calc(100% - 30px);
    }
	
	.order-status-page section .visu {
		width:140px;
	}
	
	.order-status-page section .order-content {
		padding:0 0 50px 110px;
	}
	
	.order-status-page section .order-content h1 {
		padding:0;
	}
	
	.order-status-page section .order-content h2 {
		padding:0;
	}
	
	.order-status-page section .order-content .status {
		position:absolute;
		top:15px;
		right:0;
		margin:0;
		padding:0;
	}

	.order-status-page section .order-content p {
		max-width:60%;
	}
	
	.order-status-page section .order-content a.cta {
		position:absolute;
		right:0;
		top:80px;
		margin:0;
	}
	
	.order-validation-page form .step.step2 .content{
		padding:0 0 30px 0;
	}
	
	.order-validation-page form .step3 .content{
		padding:0 0 30px 30px;
	}
		
	.order-validation-page form .step2 .content .form-group {
		max-width:290px;
		margin:0 0 30px 30px;
	}
	
	.order-validation-page form .step2 .content .form-group.medium {
		max-width:130px;
	}
	
	.order-validation-page a#next,
	.order-validation-page button[type=submit] {
		width:auto;
		font-size:13px;
		padding:0 65px 0 25px;
		float:right;
	}
	
	.order-validation-page button[type=submit] span.price {
		font-size:16px;
	}
	
	.order-validation-page form .step3 .content p {
		margin:0 175px 20px 0;
	}
	
	.order-validation-page form .step .content label.checkbox {
		width:80%;
	}
	
	.saved-bags-page section {
		padding:30px 0 30px 0;
	}
	
	.saved-bags-page section .visu {
		top:30px;
		width:140px;
	}
	
	.saved-bags-page section .saved-bag-title {
		padding:0 0 50px 140px;
	}
	
	.saved-bags-page section .saved-bag-title h1{
		padding:0;
	}
	
	.saved-bags-page section .saved-bag-title h2{
		padding:0;
	}
	
	.saved-bags-page section .saved-bag-price {
		width:100%;
		padding:0 40px;
		float:left;
		position:relative;
	}
	
	.saved-bags-page section .saved-bag-price .info {
		width:auto;
		height:60px;
		padding:0 30px;
		margin:0 260px 0 0;
	}
	
	.saved-bags-page section .saved-bag-price .info h1{
		height:60px;
		line-height:60px;
		margin:0;
	}
	
	.saved-bags-page section .saved-bag-price .info .bag-price {
		position:absolute;
		top:15px;
		right:30px;
		text-align:right;
	}
	
	.saved-bags-page section .saved-bag-price .info .bag-price span {
		font-size:13px;
		font-weight:500;
		color:#1d1d1b;
	}

	
	.saved-bags-page section .saved-bag-price a.cta-validate {
		width:270px;
		position:absolute;
		top:0;
		right:0;
		float:none;
		margin:0;
	}
	
	.saved-bags-page section .saved-bag-title a.cta.delete-bag {
		margin:0 30px 0 0;
	}

    .login-popup-block,
    .thanks-popup-block {
        margin: 20px auto;
    }
	
	.lost-password-popup-block .col {
		padding:0 10px;
		margin:0;
	}
	
	.login-popup-block .login,
    .thanks-popup-block .login {
		padding:40px 40px 80px 40px;
	}
	
	.login-popup-block .sign-in,
    .thanks-popup-block .sign-in {
		padding:40px 40px 80px 40px;
	}
	
	.lost-password-popup-block .lost-password {
		padding:40px 40px 80px 40px;
	}
	
	.login-popup-block a.cta,
    .thanks-popup-block a.cta,
	.login-popup-block button[type=submit],
	.lost-password-popup-block button[type=submit] {
		width:auto;
		font-size:13px;
		padding:0 65px 0 25px;
	}

}

@media (min-width: 960px) {
	body {
		font-size:9px;
	}
	
	.home .container {
		height:100%;
		max-height:860px;
	}
	
	.wrapper {
		height:100%;
		max-height:860px;
	}
	
	.box-home h1 {
		letter-spacing:0.1em;
	}
	
	.home header {
		height:50%;
	}
	
	header nav li a {
		font-size:15px;
	}
	
	.slider .visu {
		width:280px;
	}
	
	.top-menu {
		height:50%;
	}
	
	.left,
	.right {
		width:50%;
		height:100%;
	}
	
	.box-home {
		width:50%;
		height:50%;
		padding:20px;
	}

    .box-home-container {
        display:flex;
        flex-direction:row;
        width:100%;
        overflow:hidden;
        float:left;
    }
	
	.box-home.gifts {
		height:100%;
	}
	
	.box-home .content {
		padding:0 0 0 20px 0;
	}
	
	.box-home .content p {
		font-size:13px;
	}
	
	.box-home .content ul li {
		font-size:12px;
		margin:0;
	}
	
	.box-home .content a.cta {
		font-size:12px;
		padding:0 15px;
		height:35px;
		line-height:35px;
	}
	
	.box-home-news {
        flex-grow:1;
		width: 50%;
		background:url(../img/visu-office-home.jpg) no-repeat bottom right;
		background-size:contain;
		text-align:right;
		padding:0 40px 0 25%;
		margin:40px 0 0 0;
	}
	
	.box-home-news h2 {
		font-size:25px;
	}
	
	.box-home-slider {
        flex-grow:1;
		width: 50%;
		margin:40px 0 0 0;
	}
	
	.box-home-slider .title{
		height:136px;
		text-align:right;
	}
	
	.box-home-slider .title h2 {
		font-size:25px;
		padding:0;
	}
	
	.gmap {
		height:430px;
	}
		
	#map {
		height: 460px;
	}
	
	.box-gmap {
		width: 50%; 
		width: calc(100% / 2);
		padding:30px;
	}
	
	.box-gmap:after {
		border-left: 20px solid transparent; 
		border-right: 20px solid transparent; 
		border-bottom: 20px solid #ef4836;
		top:-20px;
		content: "";
		position: absolute;
		left: 50%;
		margin-left: -20px;
		width: 0; 
		height: 0;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		z-index:3;
	}
	
	.box-gmap.active:after {
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 100;
	}
	
	.box-gmap h1 {
		padding:0 0 30px 0;
	}
	
	.box-gmap .info {
		padding:30px 20px 20px 20px;
	}
	
	.box-gmap .info ul li {
		font-size:13px;
		padding:0 0 0 30px;
	}
	
	header .bag .content li {
		font-size:15px;
	}
	
	.box-gmap .legend {
		padding:0 0 0 60px;
		text-align:left;
	}

    .list-page .sidebar,
    .account-page .sidebar {
        position: relative;
        width: 100%;
        max-width:250px;
        height: auto;
        top: inherit;
    }
		
	.sidebar .collapse-btn,
	.sidebar .account-cta-mobile {
		display:none;
	}
	
	.sidebar .filters h1 {
		display:block;
	}
	
	.sidebar .separation {
		display:block;
	}
	
	.sidebar .form-group {
		width:100%;
		padding:0;
		float:none;
	}
	
	.sidebar a.cta-back {
		margin:30px 0 0 30px;
	}
	
	.sidebar .info {
		padding:0 30px;
	}
	
	.sidebar .info ul {
		padding:30px 0;
	}
	
	.sidebar .info ul li {
		font-size:18px;
		width:100%;
		padding:0;
	}
	
	.sidebar .info ul li:after {
		content:"";
		padding:0;
	}
	
	.sidebar .account-sidebar {
		padding:30px 0 0 0;
	}
	
	.sidebar .account-sidebar h1 {
		padding:0 30px 0 60px;
		background:url(../img/picto-account-title-sidebar.png) no-repeat center left 30px;
	}
	
	.sidebar .account-sidebar h2 {
		padding:0 30px;
	}
	
	.sidebar .account-sidebar ul li a {
		font-size:13px;
		padding:0 30px 0 55px;
	}
	
	.sidebar .order-sidebar ul li {
		font-size:13px;
		padding:0 30px 0 55px;
	}
	
	.sidebar .onlyDesktop {
		display:block !important;
	}
	
	.sidebar .order-sidebar h1 {
		padding:0 30px;
	}
	
	.sidebar .order-sidebar p.intro {
		padding:0 30px;
		margin:0 0 40px 0;
	}

    .sidebar .filters a.cta {
        display: none;
    }

    .list-page .command-sidebar {
        display:block;
    }
	
	.categories {
		margin:0 0 50px 0;
	}
	
	.detail article {
		padding:0 0 0 30px;
	}
	
	.detail article .product-detail span.price {
		margin:50px 0 30px 0;
	}
	
	.order-validation-page {
		padding:40px 0 0 20px;
	}
	
	.modify-account-page,
	.order-status-page,
	.saved-bags-page {
		margin:0;
	}
	
	.order-status-page section .buttons-group p {
		width:100%;
		float:left;
		margin:15px 0 0 0;
	}
	
	.order-status-page section .buttons-group a.cta.save-bag{
		margin:0 15px 0 0;
	}
	
	.order-status-page section .buttons-group {
		padding:30px 0 0 0;
	}
	
	.saved-bags-page section .saved-bag-price .info {
		padding:0 20px;
	}

	.saved-bags-page section .saved-bag-price .info h1{
		font-size:18px;
	}
	
	.saved-bags-page section .saved-bag-price .info .bag-price {
		font-size:18px;
		line-height:16px;
		top:15px;
		right:20px;
	}

    .login-popup-block .col,
    .thanks-popup-block .col {
		display: flex;
		width: 50%;
		padding:0 20px 0 0;
		margin:0;
	}

    .login-popup-block .col.last,
    .thanks-popup-block .col.last {
	    padding:0;
    }
	
	.login-popup-block .login,
    .thanks-popup-block .login {
		padding:40px;
	}
	
	.login-popup-block .sign-in,
    .thanks-popup-block .sign-in {
		padding:40px;
	}
	
	.lost-password-popup-block .lost-password {
		padding:40px;
	}
	
	.login-popup-block a.lost {
		float:none;
		position:absolute;
		right:40px;
		bottom:60px;
		margin:0;
		width:auto;
	}
	
	.login-popup-block .info p,
    .thanks-popup-block .info p,
	.lost-password-popup-block .info p  {
		float:left;
		width:100%;
		margin:0;
		font-size:15px;
		color:#1d1d1b;
	}

    .login-popup-block a.cta {
		position:absolute;
		left:40px;
		bottom:40px;
		margin:0;
	}
	
}

@media (min-width: 1200px) {
	
	html,
	body {
		height:100%;
	}
	
	body {
		font-size:13px;
	}
	
	.home .container {
		height:100%;
		max-height:860px;
	}
	
	.wrapper {
		height:100%;
		max-height:860px;
	}
	
	#input {
        left: -475px;
		width: 475px;
	}
	
	#input input {
		width: 475px;
	}

     #search .results {
		width: 475px;
	}
	
	.box-home.beers .bg{
		background-position:top center;
		background-size:cover;
	}
	
	.box-home.wines .bg{
		background-position:center center;
		background-size:contain;
	}
	
	.box-home.softs .bg{
		background-position:top center;
		background-size:cover;
	}
	
	.box-home.alcohol .bg{
		background-position:center center;
		background-size:contain;
	}
	
	.box-home.gifts .bg{
		background-position:top center;
		background-size:cover;
	}
	
	.box-home.coffee .bg{
		background-position:top center;
		background-size:cover;
	}
	
	.box-home.celebration .bg{
		background-position:top center;
		background-size:cover;
	}
	
	.box-home h1 {
		letter-spacing:0.15em;
	}
	
	.box-home .content {
		padding:20px;
	}
	
	.box-home .content p {
		font-size:15px;
	}
	
	.box-home .content ul li {
		font-size:13px;
		margin:0 1px;
	}
	
	.box-home .content a.cta {
		font-size:15px;
		padding:0 30px;
		height:53px;
		line-height:53px;
	}
	
	.box-gmap .info {
		padding:30px 50px 20px 50px;
	}
	
	.box-gmap .info ul li {
		font-size:15px;
		padding:0 0 0 35px;
	}

    .sidebar,
    .list-page .sidebar,
    .account-page .sidebar {
        max-width: 350px;
    }
	
	.sidebar .filters h1 {
		font-size:30px;
	}

    .search .sidebar .filters h1 {
        font-size:25px;
        text-align:left;
        width:100%;
        padding: 0 30px;
    }
	
	.sidebar .filters .sub-family ul li {
		display:block;
		float:left;
		width: 33.33%; 
		width: calc(100% / 3);
		margin:0 0 30px 0;
	}
	
	.sidebar form,
    .sidebar .sub-family-dropdown {
		padding:0 30px;
	}
	
	.sidebar .command-sidebar h2 {
		font-size:25px;
		padding:0 30px;
	}
	
	.sidebar .command-sidebar p {
		padding:0 30px;
	}
	
	.sidebar .account-sidebar h1 {
		font-size:30px;
		padding:0 30px 0 70px;
	}
	
	.sidebar .account-sidebar ul li a {
		font-size:15px;
		padding:0 30px 0 65px;
	}
	
	.sidebar .order-sidebar ul li {
		font-size:15px;
		padding:0 30px 0 65px;
	} 
	
	.products-list .item {
		width: calc(33.33% - 20px);
		height:310px;
	}

    .products-list .item:nth-child(2n) {
		margin:0 20px 30px 0;
	}

    .products-list .item:nth-child(3n) {
		margin:0 0 30px 0;
	}

    .products-list .item-family {
		width: calc(33.33% - 20px);
		height:310px;
	}

    .products-list .item-family:nth-child(2n) {
		margin:0 20px 20px 0;
	}

    .products-list .item-family:nth-child(3n) {
		margin:0 0 20px 0;
	}
	
	.bag-page .buttons-group a.cta.save-bag {
		margin:0 20px 0 0;
	}
	
	.modify-account-page h1 {
		font-size:35px;
	}
	.order-status-page h1 {
		font-size:35px;
	}
	
	.order-validation-page h1 {
		font-size:35px;
	}
	
	.saved-bags-page h1 {
		font-size:35px;
	}
	
	.saved-bags-page section .saved-bag-title .buttons-group {
		position:absolute;
		right:0;
		top:15px;
		margin:0;
	}
	
	.saved-bags-page section .saved-bag-price .info {
		padding:0 30px;
	}

	.saved-bags-page section .saved-bag-price .info h1{
		font-size:25px;
	}
	
	.saved-bags-page section .saved-bag-price .info .bag-price {
		font-size:25px;
		line-height:20px;
		top:10px;
		right:30px;
	}
	
}

@media (min-width: 1366px) {
	
	.home .container {
		height:auto;
		max-height:none;
	}
	
	.wrapper {
		height:auto;
		max-height:none;
	}
	
	.home header {
		height:380px;
	}
	
	header .slider .visu {
		width:280px;
	}
	
	.top-menu {
		height:auto;
	}
	
	.left,
	.right {
		height:auto;
	}
	
	.box-home {
		height:215px;
	}
	
	.box-home.gifts {
		height:430px;
	}
	
	.order-status-page section .buttons-group p {
		width:auto;
		float:right;
		margin:0;
	}
	
	.order-status-page section .buttons-group a.cta.save-bag{
		margin:0 30px 0 0;
	}
	
}

@media (min-width: 1440px) {
	body {
		font-size:15px;
	}
	
	.home .container {
		height:100%;
		max-height:860px;
	}
	
	.wrapper {
		height:100%;
		max-height:860px;
	}
}