/** CURSOR BEAN **/

html:not(.has-mobile) body{
	overflow-x: hidden;
}
html:not(.has-mobile) #bean {
	height:35px;
	width:35px;
	margin-top:20px;
	margin-left:10px;
	position:absolute;
	opacity: 0;
	pointer-events: none;
	z-index: 9999999999999999;
}

.has-mobile #bean {
	display: none;
}

/** POP IN CUP **/

#cup {
	position: fixed;
    bottom: 0;
    right: 0;
    z-index: 12;
	pointer-events: none;
	display: none;
}

#cup .close {
	position: absolute;
	bottom: max(290px, 20vw, 30vw);
    right: 8%;
	color: #FFF;
    font-size: 35px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    opacity: 1;
    z-index: 12;
	cursor: pointer;
    pointer-events: auto;
	
}
	
#cup .close:hover {
	color:#AAAAAA;
}

#cup a {
	display: block;
	pointer-events: auto;
    position: absolute;
    bottom: -1.3vw;
    right: 0vw;
    width: 100%;
    height: 95%;
    transform: rotate(4deg);
    clip-path: polygon(22.5% 18%, 24% 17%, 26.5% 11.4%, 36% 10.4%, 55% 9.8%, 76% 10.2%, 88.5% 11.6%, 90% 17%, 92% 17.5%, 94% 23%, 89% 24%, 81.5% 71%, 97% 68%, 100% 100%, 0% 100%, 0% 95%, 34.7% 85%, 25.5% 24%, 20.5% 23%);
    z-index: 99;
}

#cup img.coffee-beans {
	position: absolute;
    bottom: -1vw;
    right: 0px;
    width: 25vw;
    min-width: 245px;
}	
	
#cup .cup-container { 
	position: relative;
    width: 22vw;
    height: 35vw;
    overflow: hidden;
    right: 0;
    bottom: 0;
	min-width: 210px;
    min-height: 335px;
}

#cup .cup-container .cup-backup {
	position: absolute;
    bottom: -1.3vw;
    right: 0vw;
    width: 85%;
    transform: rotate(4deg);
    -webkit-mask-image: url(../../../img/home/cup/cup-mask.png);
    mask-image: url(../../../img/home/cup/cup-mask.png);
    mask-repeat: no-repeat;
	mask-position: 50% 25%;
    mask-size: 99.4%;
}

#cup .cup-container video.cup {
	position: absolute;
    bottom: -1.3vw;
    right: 0vw;
    width: 85%;
    transform: rotate(4deg);
    -webkit-mask-image: url(../../../img/home/cup/cup-mask.png);
    mask-image: url(../../../img/home/cup/cup-mask.png);
    mask-repeat: no-repeat;
	mask-position: 50% 25%;
    mask-size: 99.4%;
}


/** HEADER GREEN **/

#header2021:before {
	display: none;
}

.open_menu svg.logo.logo-desktop.img-responsive.cup,
.prevent-scroll svg.logo.logo-mobile.img-responsive.cup,
.stickySearch svg.logo.logo-desktop.img-responsive.cup,
.stickySearch svg.logo.logo-mobile.img-responsive.cup,
#index:not(.open_menu, .stickySearch) svg.logo.logo-desktop.img-responsive.classic,
#index:not(.stickySearch) #page:not(.prevent-scroll) svg.logo.logo-mobile.img-responsive.classic {
    display: none;
}

.stickyHeader .header2021 .main_header.container,
.stickyHeader .header2021 .main_header.container,
.open_sous_menu .header2021 .main_header.container,
.open_menu .header2021 .main_header.container,
.header2021:hover .main_header.container {
    transition: all 0.1s ease;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #header2021:hover .block_menu,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .block_menu {
	border: none;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .logo-desktop,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .logo-mobile,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .logo_header,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .btn_outlet svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .main_header svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .main_header img,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .list_products img,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .menu_header .conciergerie img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 svg,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .header2021 svg,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .btn_outlet svg,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .btn_outlet svg,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .main_header img,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .header2021 .main_header img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .main_header img,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .main_header img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .list_products img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 div.list_menu li.bobo_menu-container img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .logo_header,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .logo_header,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021.scrollUp div.list_menu .right_onglets .header_icons img {
	filter: none;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 div.list_menu li.bobo_menu-container.sousmenu:hover .dropdown-item-service img,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .dropmenu_service .dropdown-item-service svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .header_icons .search_query_menu svg {
	filter: invert(1);
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .main_header.container,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .main_header.container,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .main_header.container,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .bobo_menu-container.espace-pro:hover .dropmenu_service,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #menu1:hover .dropmenu_service,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .bobo_menu-container.sousmenu:hover .dropmenu_service {
	background-color: #006241 !important;
	transition: all 0.3s ease;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .menu_header ul li a,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .list_products > a > p,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header_icons .btn_outlet a,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .contact_avant_vente p small,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .menu_header ul li a,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .list_products > a > p{
	color: #FFFFFF;
}

@media (min-width: 1025px) {
	#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .header_icons .btn_outlet a,
	#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .contact_avant_vente a {
		color: #FFFFFF;
	}
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .wishlist:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .compte:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .big-block-cart:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .contact_avant_vente:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .btn_outlet:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .pop-up:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .list_products:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) div.list_menu li.bobo_menu-container:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .dropdown-item-service:hover,	
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .wishlist:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .compte:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .big-block-cart:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .contact_avant_vente:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .btn_outlet:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .search_query_menu:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .pop-up:hover	{
	background-color: #004930;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #header2021:hover #close_picto_menu>span,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #header2021:hover #close_picto>span,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 #close_picto_menu>span,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 #close_picto>span {
	background: #FFFFFF;
}

.has-mobile #index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #closeMobile {
	background: #000000;
}
.has-mobile #index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) svg.croix_menu_mobile {
	filter: invert(1);
}

@media (max-width: 768px) {
	.contain-search {
		background: rgba(243, 243, 243, 0.75);
	}
}