/* Modif max-width: 960px vs max-width: 961px */
@media (min-width: 961px) {
	.block__concept {
   		margin-top: 10rem;
		padding-top: 4rem;
		padding-bottom: 0;
		text-align: left;
	}
}
.top__block__concept {
  	position: relative;
}
/* fix font position in buttons */
.btn__skewed span {
    margin-top: 0.2rem;
}

@media (max-width: 960px){
  .navbar-nav .open .dropdown-menu{
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header{
	padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a{
	line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus{
	background-image: none;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{
	border-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider{
	background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
	color: #9d9d9d;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{
	color: #97e300;
	background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{
	color: #fff;
	background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus{
	color: #444;
	background-color: transparent;
  }

  .event__logo{
	display: none;
  }

  .block__concept {
/* 	text-align: center; */
	padding: 0;
  }
  
  .block__concept__title {
  	position: relative;
    top: 5rem;
    z-index: 20;
  }

  .top__block__concept {
  	text-align: center;
  	top: -5rem;
  }

  .top__block__concept__img {
  	background-image: url("/img/openabar/concept_photo_sophia.jpg");
  	clip-path: polygon(0 19%, 100% 6%, 100% 100%, 0% 100%);
  	-webkit-clip-path: polygon(0 19%, 100% 6%, 100% 100%, 0% 100%);
  	background-repeat: no-repeat;
  	background-position-x: center;
/*     background-position-x: -21rem; */
    background-position-y: -2rem;
    background-size: cover;
    height: 25rem;
  }
 
  .block__concept .row {
    margin-top: -2rem;
    box-shadow: 0px 6px 12px 3px rgba(0, 0, 0, 0.06);
  }  
}

@media (max-width: 429px) {
	.top__block__concept__img {
		background-position-y: 0;
	}
}
@media (min-width: 430px) {
	.top__block__concept__img {
		background-position-y: -3rem;
		height: 28rem;
	}
}
@media (min-width: 767px) {
	.top__block__concept__img {
		background-position-y: -5rem;
		height: 37rem;
	}
}
@media (min-width: 961px) {
	.top__block__concept__img {
		background-position-y: -5rem;
		height: 0;
	}
	.block__concept__img__right {
		position: absolute;
	    background-image: url(/img/openabar/concept_photo_sophia.jpg);
	    clip-path: polygon(54% 12%, 96% 0, 96% 100%, 59% 100%);
	    background-repeat: no-repeat;
	    background-position-x: 90%;
	    background-position-y: -2rem;
	    background-size: 52%;
	    width: 100%;
	    bottom: 0;
	    height: 43rem;
	}
}

/* Quote Sophia Franchise */
.block__concept .main__quote__concept {
	   font-size: 1.4rem;
}
@media (max-width: 960px) {
	.block__concept .main__quote__sign {
		max-width: 150px;
		margin: auto;
		margin-top: 2rem;
	    height: 6rem;
	}
}
@media (min-width: 961px) {
	.block__concept .main__quote__concept {
		   margin-left: 40px;
	}
}

.block__concept .main__quote__medals {
	display: flex;
	justify-content: center;
}

.block__concept .main__quote__medals img {
	max-width: 85px;
	margin: 3rem 1rem;
}

.section__franchise__footer .btn {
	margin-bottom: 0rem;
}

#franchise__video {
	width: 530px;
	max-width:100%;
	vertical-align: bottom;
}

.franchise .hero {
	background-color: transparent;
}

/* Taille affichage logo bloquée en largeur */
.event__logo img {
	max-width: 16rem;
}

/* Curseur locked pages contact */
.not-allowed-yet {
	cursor: not-allowed;
}

/* hand icon on bars list */
.visited-bar-selector {
	cursor: pointer;
}

/* hide location button on select-bar page */
.barslist__form__inner {
	padding-left: 0rem;
}

/* Modifs hero home desktop */
.hero__home__background {
	background-position-y: initial;
 	background-position-x: center; /* can be removed for some hero */
/* 	background-position-x: left; */
	background-size: auto;
	background-color: black;
}



.hero__list__item .svg {
	margin-top: 10rem;
}

/* hero home tablet and mobile */
@media (max-width : 960px) {
	.hero__home__hero__mobile {
		display: block;
		background-size: 100%;
		background-color: black;
	}
	
	.hero__list__item {
		height: 250px;
	}
	.hero__home__hero__desktop {
		display: none;
	}
	.hero__footer {
		margin-top: 0;
	}
	.hero__list__item .svg {
		margin-top: 0;
		height: 8rem;
		width: auto;
	}
	/* slider mobile */
	.section__homeslider .slider::-webkit-scrollbar {
		height: 0px;
	}
}

/* fix green bloc home */
@media ( max-width :960px) {
	.barfinder {
		margin: 50rem auto 6rem;
		max-width: 50%;
	}
}

@media ( max-width :560px) {
	.barfinder {
		margin: 31rem auto -1rem;
		max-width: 80%;
	}
	.barfinder__title {
		font-size: 1.8rem;
	}
}

/* Modifs sliders */
.slider::-webkit-scrollbar-track {
	background: transparent;
}

.slider::-webkit-scrollbar {
	height: 30px;
}

.slider::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-top: 5px solid #97e300
}

/* fix slider responsive */
@media ( min-width : 375px) {
	.container_full {
		width: 9999px;
		max-width: 100%;
	}
}

/* Remove visible slider for touch devices */
@media ( hover : none) {
	.slider::-webkit-scrollbar-thumb {
/* 		display: none; */
	}
}

/* fix events images in planning */
@media ( min-width : 961px) {
	.event__image, .event__overlay {
		background-size: 82%;
		background-position: right;
		background-repeat: no-repeat;
	}
}

/* bar list cursor */
.barslist__form .selectize-dropdown .option,
.barslist__form .selectize-dropdown .optgroup-header {
	cursor: pointer;
}

/* fix mobile menuToggle position */
.navbar-toggle {
	margin-right: 0px;
}

/* Modif menu tablet and smartphone */
@media(max-width:960px){
	.container > .navbar-header{
	height: 50px;
	}
	
	.navbar-toggle {
	position: absolute;
	right:2rem;
	margin-right: 0;
	}
}

/* fix green block home position for text readability */
@media (min-width: 961px) {
	.barfinder {
		right: -5rem;
		top: 13%;
	}
	.barfinder__title {
		margin-right: 2rem;
	}
}

/* Register fields */
.form__field__label {
	font-weight: 300;
	color: #000000;
}

.radio__label {
	display: block;
	margin-left: 10px;
}
/* Form errors */
.form-error {
  color: #e74c3c;
  font-size: 1.3rem;
}

/* Center hero positions */
.hero {
	background-position: center top;
	background-color: transparent;
}

/* fix hero */
.hero + .main {
/* 	background-size: 100%; */
	background-size: initial;
}

.fix_sex_profile {
	width: 100%;
}

/* fix button sizes */
.btn__fw {
	min-width: 250px;
	width: auto;
}

/* fix hero titles tablet */
@media (min-width: 767px) and (max-width :1200px) {
	.hero__title {
		font-size: 6rem;
	}
}

/* fix hero titles mobile */
@media (max-width :1200px) {
	.hero .hero__content {
		padding: 7rem 0 8rem;
	}
}

.section__comingsoon {
	margin-top: 2rem;
}

/* peut être à virer */
.bar .main__onhero {
	margin-top: -3rem;
}

/* fix font logout button */
.link__account .btn {
	font-size: 1.1rem;
	box-shadow: none;
}

/* Bar planning with no event */
.title__mark__no__event {
	margin-top: 4rem;
}

/* Background img */
.main.main__player {
  background: url(/img/hero/heronext__blank.png) no-repeat top center;
}

/* Sliders bottom without grey area */
.section__homeslider .slider {
	padding-bottom: 0rem;
}

/* fix hero >1200 */
@media (max-width : 1200px) {
	.hero+.main {
		margin-top: -12rem;
	}
}

@media (min-width : 961px) {
	.homepage .herohome_darkzone {
   		margin-top: -20rem;
	}
}

/* fix hero for all screens */
.hero__all__screens {
	background-repeat: no-repeat;
	background-position: top center;
}

/* fix hero for details events */
.hero_width_100 {
	background-size: 100%;
}

/* Home hero darkzone and slider on mobile */
@media (max-width : 960px) {
	.main .main__onhero {
		margin-top: 0rem;
	}
	.homepage .main .section__homeslider {
		margin-top: 5rem;
	}
}

/* Home and ranking fix mobile app ratio */
.section_mobile_app_img img {
	height: auto;
	position: relative;
	bottom: -1px;
}
@media (min-width: 961px) {
	.section_mobile_app_img {
		margin-top: -10rem;
	}
	.section__concept .section__header {
		margin-top: 1.5rem;
	}
	.section__concept .section__content {
		padding-bottom: 7rem;
		padding-left: 3rem;
	}
	.section__concept__img {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: -87px;
	}
	.section__concept__img img {
		right: -8rem;
	}
}
@media (min-width: 1200px) {
	.section__concept__img {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: -32px;
		margin-right: -6rem;
	}
}

/* hero events */
@media (min-width : 961px) and (max-width : 1200px) {
	.main .section__eventsingle {
		margin-top: -5rem;
	}
}

/* fix elements' width for large screens */
@media (min-width : 1921px) {
	.homepage .herohome_darkzone {
		margin-top: -27rem;
	}
	.hero__all__screens {
		background-size: 100%;
	}
	.franchise .hero__video {
		width: 100%;
	}
	.main.main__player {
		background-size: 100%;
	}
	.section__faq {
		background-size: 100%;
	}
	.hero + .main {
		background-size: 100%;
	}
	.homepage .main .section__homeslider {
		margin-top: 9rem;
	}
}

/* fix popin landing */
.modal__inscriptionConfirm img {
	margin: 6rem auto -4rem;
}

/* improve event hero darkness */
.darkness-plus {
	filter: blur(3px) brightness(0.4);
	opacity: 1;
}

/* fix pic slider Home */
.section__homeslider .slider__item img {
	height: 250px;
}

/* Cliquable and movable sliders */
.slidergallery {
	cursor: pointer;
}

.movingSlider {
    cursor: grab;
}

.slidergallery .slider__item img {
	transition: 0.3s;
}

.slidergallery .slider__item img:hover {opacity: 0.8;}

.modal__large__img {
	max-width: 90%;
	max-height: 90%;
	cursor: pointer;
}

/* The Modal (background) */
.slider__images__modal, .popup__modal {
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 130px; /* Location of the box */
  left: 0;
  top: 22px;
  text-align: center;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.popup__modal {
/* 	display: none; */
}

/* center modal in screen */
.popup__modal .modal {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* The modal close Button */
.img_closeModal {
  position: absolute;
  top: 65px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.img_closeModal:hover,
.img_closeModal:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* Modifs Slider Home Alexandre */ 
.section__homeslider .slider::-webkit-scrollbar {
	height: 30px;
}
.section__homeslider .slider::-webkit-scrollbar-thumb {
	background-color: #97e300;
	border-bottom: 25px solid #f9f9f9;
}

/* Modif language menu */
.dropdown__lang a{
  cursor: pointer;
}

/* Modif hover social share */
.svg.svg__dark:hover {
	fill: #97e300;
	transition: 0.5s;
}

/* Modif transition sub-menu */
@media (min-width: 961px){
	.header .navbar .dropdown-menu {
		transition: 200ms all ease-in;
	}
}

/* Modif Meltdown logo list__franchise */
.list__franchise ol li:last-child::before {
	content: counter(step);
	display: inline-block;
	font-size: 6rem;
	font-weight: bold;
	color: #97e300;
	text-align: center;
	line-height: 1;
	left: 0rem;
}

/* Modif bubble size responsive and mobile */
.concept__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media (max-width:960px) {
	.concept__list__item {
		padding-left: 2px;
		padding-right: 2px;
		width: 33%;
	}
	.concept__list__item img {
		width: 75%;
		max-width: 80px;
	}
}


@media (max-width:960px) {
	.section__advantages {
		background-size: 100%;
	}
}

/* Modif franchise faq hover */
a:not([href]):not([tabindex]):hover {
	color: #97e300;
	transition: 0.5s;
}

/* Modif Meltdown logo list__franchise */
.list__franchise ol li:last-child::before {
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	top: 0;
}

@media(max-width:960px){
	/* Modif Blason Meltdown list__franchise tablet*/
	.list__franchise ol li:last-child::before {
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		top: -1rem;
	}
}

@media(max-width:375px){
	/* Modif Blason Meltdown list__franchise smartphone*/
	.list__franchise ol li:last-child::before {
		-ms-transform: scale(0.6);
		transform: scale(0.6);
		top: -2rem;
	}
}


/* Modif responsive background advantages  */
@media (max-width:960px) and (min-width:425px) {
	.section__advantages {
		background-size: 100%;
	}
}
@media (max-width:425px) {
	.section__advantages {
		background-size: 175%;
	}
}

@media (min-width: 740px) and (max-width:834px) {.section__advantages .advantages__list {margin-top: 10%;}}
@media (min-width: 835px) and (max-width:890px) {.section__advantages .advantages__list {margin-top: 15%;}}
@media (min-width: 891px) and (max-width:960px) {.section__advantages .advantages__list {margin-top: 20%;}}

@media (min-width: 961px) {
	.section__quotes {
    	padding: 15rem 0 12rem;
    }
}

/* Details event hero */
.whitespace-fixer {
	display: none;
} 

.no-white-blur-border {
	width: calc(100% + 8px);
	left: -5px;
	top: -5px;
}

@media (min-width: 2100px) {
	.detail-event .hero + .main {
		background: none;
		margin-top: -12vw;
	}
	
	.detail-event .hero .hero__content {
		padding: 10rem 0 12vw;
	}
	
	.whitespace-fixer {
		display: initial;
		width: calc(100% + 8px);
		left: -5px; 
		background:url(/img/hero/heronext__blank.png) no-repeat top center;
		filter: none;
		opacity:1;
		background-size: 100%;
		background-position-y: 180px;
	}
}

/* fix news slider side */
.section__baractu .slick-slider {
	padding: 0 3rem;
}

/* fix 404 img size */
@media (min-width: 769px) {
	.section__404__img {
		margin: -10rem auto auto auto;
	}
}

/* Fix buttons position on error page */
.f_md_row {
  display: inline;
}

/*****	 Legal mentions	 *****/
.position-legal_mention{
	margin: 3rem 20%;
}
.title-legal_mention{
	text-align: center;
	font-weight:800;
	font-size:50px;
	color:#97e300;
}
.subtitle-legal_mention{
	font-size:50px;
	color:#97e300;
	text-align: center;
	max-width: initial;
}
.paragraphe-Legal_Mention{
	margin: 32px 0;
}
.legal_content-article{
	margin-top: 16px;
}
.title-article-legal_mention{
	font-weight: 700;
	font-size:1.7rem;
}
.legal-table tr td{
	border:1px solid black;
}
.paragraph-legal_mention{
	margin: 32px 0;
}
@media(max-width:768px){
	.position-legal_mention {
		margin: 3rem 10%;
	}
	.title-legal_mention{
		font-size:45px;
	}
	.subtitle-legal_mention {
		font-size:35px;
	}
}
@media(max-width:425px){
	.position-legal_mention {
		margin: 3rem 5%;
	}
	.title-legal_mention{
		font-size:30px;
	}
	.subtitle-legal_mention {
		font-size:25px;
	}
}

/* Increase font size in mobile menu */
@media (max-width: 960px) {
	#meltdown-menu .nav > li > a {
		font-size: 1.8rem;
	}
	#meltdown-menu .navbar-nav > li > a {
		margin-top: 2rem;
	}
	#meltdown-menu .dropdown-menu {
		font-size: 1.8rem;
	}
}

/* Modif menu Burger */
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}

/* Modif background total bar number */
@media (max-width: 425px) {
	.barslist__title {
		font-size: 1.4rem;
	}
}

/* Modif alignement remember me and lost password */
.form__field.form__field__right {
	position: absolute;
	right: 2rem;
	top: -5rem;
}

@media (max-width: 425px) {
	.form__field.form__field__right {
		position: absolute;
		right: 2rem;
		top: -7.5rem;
	}
}

/* Permettre navigation focus au clavier */
/* .radio:focus, .radio:hover, .checkbox:focus, .checkbox:hover { */
/* 	box-shadow: inset 0 0 0 2px #5c5c5c; */
/* } */

/* .btn:focus { */
/* 	box-shadow: 0 0 0px 1px black; */
/* } */

.block__forms .checkbox__label a:focus {
	text-decoration-style: dotted;
}

/* Page User settings */
.block__infosper input.radio {
	box-shadow: inset 0 0 0 1px #e6e6e6;
}

/* .block__infosper input.radio:focus, .block__infosper input.radio:hover{ */
/* 	box-shadow: inset 0 0 0 2px #5c5c5c; */
/* } */

.block__infosper input.radio:checked {
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23333333%22/%3E%3C/svg%3E");
	background-size: 90% 90%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.fix_sex_profile label {
	margin-right: 30px;
}

.block__newpassword {
	background-color: white;
}

/* Contact pages labels */
.contact_step1_label, .contact_step2_label {
	text-transform: uppercase;
	padding: 0 1rem;
	color: #969696;
}

/* Popin content */
.confirmation__send__contact {
	width: 30%;
	max-width: 18rem;
}

/* Contact expendable */
#message {
	overflow: hidden;
	height: 60px;
	white-space: pre-wrap;
}

/* Modif background staff what's up */
@media (max-width: 2025px) and (min-width: 1710px){
	.section__staff {
		padding-bottom: 8vw;
	}
}

/* Modif slider news */
@media(max-width:425px){
	button.slick-prev , button.slick-next {
		width: 2rem;
	}
	.section__baractu .slick-slider {
		padding: 0;
	}	
}

/* Modif slider my_bar */
.section__homeslider .slider::-webkit-scrollbar {
	background: transparent;
}
.section__homeslider .slider::-webkit-scrollbar-track {
	background: transparent;
}
.section__homeslider .slider::-webkit-scrollbar-thumb {
	background: transparent;
	border-bottom:0;
	border-top:5px solid #97e300;
}

/* Reduced time display in events list on mobile */
@media (max-width: 769px) {
	.event__header {
   		padding: 8px;
   		width: 170px;
	}
	.bar__events .event__item .title {
		font-size: 1.4rem;
	}
}



/* Event details page */
.block__event__infos__footer {
	padding-top: 1rem;
	padding-bottom: 1rem;
}


/* Modif font and bubble franchise tablet and mobile  */
@media (max-width:960px){
	p.title.concept__list__item__title {
		font-size: 15px;
/* 		overflow-wrap: break-word; */
	}
}
@media (max-width:370px){
	p.title.concept__list__item__title {
		font-size: 13px;
	}
}

/* Modif Legal Mention */
.paragraph-legal_mention{
	margin: 32px 0;
}
@media(max-width:768px){
	.position-legal_mention {
		margin: 3rem 10%;
	}
	.title-legal_mention{
		font-size:45px;
	}
	.subtitle-legal_mention {
		font-size:35px;
	}
}
@media(max-width:425px){
	.position-legal_mention {
		margin: 3rem 5%;
	}
	.title-legal_mention{
		font-size:30px;
	}
	.subtitle-legal_mention {
		font-size:25px;
	}
}

/* Modif slider event */
@media(max-width:425px){
	button.slick-prev , button.slick-next {
		width: 2rem;
	}
	.section__baractu .slick-slider {
		padding: 0;
	}
}

/* Modif carroussel my_bar */
.section__homeslider .slider::-webkit-scrollbar {
	background: transparent;
}
.section__homeslider .slider::-webkit-scrollbar-track {
	background: transparent;
}
.section__homeslider .slider::-webkit-scrollbar-thumb {
	background: transparent;
	border-bottom:0;
	border-top:5px solid #97e300;
}


/* Short containers for password popups */
.short-container {
	width: 830px;;
}


/*  Modif partner Logo-list */
.logolist img, .logolist svg {
	max-height: none;
	max-width: none;
	 width:11rem;
	
}

.logolist li {
	max-width: none;
}

.section__logolist .container {
	width: 80vw;
}



@media (max-width:1024px){
	.logolist li {
		padding: 1rem;
	}
	.section__logolist .container {
		width: 95vw;
	}
}

@media (max-width:768px){
	.section__logolist .container {
		width: 100vw;
	}
}

/* Fix menu colors and design */
.footer__link {
	color: #4e4e4e;
}

@media (min-width: 961px) {
	.link__account .dropdown-menu {
		-ms-transform: none;
		transform: none;
		width: 180px;
		text-align: center;
		background-color: #f7f7f7;
	}
	.link__account .btn__skewed span {
		-ms-transform: none;
		transform: none;
	}
}

.link__account .btn {
	font-size: 1.2rem;
	margin: 0;
}

@media(max-width:960px){
	.link__account .btn {
		font-size: 1.1rem;
	}
}

/* Remove + character added on detail events */
.block__event__infos__link:after {
	content: "";
	display: none;
}

/*Modif my account menu*/
.link__account .btn {
	font-size: 1.2rem;
	margin: 0;
}

@media(max-width:960px){
	.link__account .btn {
		font-size: 1.1rem;
	}
}

/* Modif scroll menu burger */
@media(max-width:960px){
	.collapsing .navbar-nav, .collapse.in .navbar-nav {
		max-height: calc(100vh - 80px);
	}
}

/* Modif text color and style menu Burger */
@media (max-width:960px) {

	#meltdown-menu .navbar-nav>.open>a,
	#meltdown-menu .navbar-nav>.open>a:hover,
	#meltdown-menu .navbar-nav>.open>a:focus,
	#meltdown-menu .navbar-nav>.active>a,
	#meltdown-menu .navbar-nav>.active>a:hover,
	#meltdown-menu .navbar-nav>.active>a:focus,
	#meltdown-menu .navbar-nav>li>a:hover,
	#meltdown-menu .navbar-nav>li>a:focus {
		color: white;
		font-weight: 400;
	}

	.dropdown-menu>li:hover,
	.dropdown-menu>li:focus {
		background-color: transparent;
	}
}

/* Modif stats what's up */
@media (max-width:425px){
	.databullets__title {
		font-size: 3rem;
	}
	.databullets__item {
		width: 33%;
	}
	.databullets__copy{
		font-size:1.3rem
	}
}
@media (max-width:320px){
	.databullets__copy{
		font-size:1.2rem
	}
}

/* Modif hero homepage */
@media (min-width: 1921px){
	.homepage .herohome_darkzone {
		margin-top: -20rem;
	}
}

@media (min-width: 961px){
	.section__concept__img {
		box-shadow: 12px 0px 8px -10px #13161b;
	}
}

/* Modif bug separation home */
@media (min-width: 1921px){
	.homepage .main .section__homeslider {
		margin-top: 9rem;
		border-bottom: transparent 6px solid;
	}
}

/* Fix title home FR on mobile */
@media (max-width: 376px){
	.homepage .main .section__homeslider .title__mark span {
		font-size: 1.9rem;
	}
	.homepage .main .section__homeslider .title__mark strong {
		font-size: 2.26rem;
	}
}

/* Cursor on language menu but doesn't work */
.language-change-button {
	cursor: pointer;
}
/* Unscrew the logout menu */
#logout-form {
	margin-bottom: 1rem;
}

@media (min-width: 1920px) {
	video {
		width: 100%;
	}
}

/* Color titles page franchise */
.concept__list__item__title {
	color: #1c2129;
}

/* Cursor in event details page*/
.block__event__infos__footer .btn.inactive {
	cursor: default;
}

#btn__foot__candidate__square {
	position: fixed;
	bottom: 2rem;
	line-height:2;
	height:60px;
	right: 9rem;
	cursor:pointer;
	margin:0; 
	z-index: 99;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.section__map__title {
	z-index: auto;
}

#btn__foot__candidate__square > span {
	position:relative;
	bottom:-1px;
}

.section__franchise__footer .section__content {
	padding-bottom: 7rem;
}

.scrolloff {
	pointer-events: none;
}

/* Have the mobile menu above the franchise chat widget*/
.header.navbar.navbar-fixed-top {
	z-index: 99999;
}

/* La carte */

.jsSliderCocktail {
	margin-top: 1rem;
}

.jsSliderCocktail .slick-list {
	padding-top: 0px;
}
/* La carte - Fix background inclinations */
.section__inverse {
	background-color: #f6f6f6;
}

.section__cocktail__angled + .section {
	padding-top: 0;
}
.section__inverse:not(:nth-child(2))::before {
	background-color: white;
}
.section__cocktail__angled {
	margin-bottom: 0;
}
.section__inverse::before {
	-webkit-clip-path:polygon(0 0, 100% 100%, 100% 0%, 100% 0%);
	clip-path:polygon(0 0, 100% 100%, 100% 0%, 100% 0%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 0;
}

.section__inverse_top::before {
	-webkit-clip-path:polygon(100% 100%, 100% 100%, 100% 0%, 100% 0%);
	clip-path:polygon(100% 100%, 100% 100%, 100% 0%, 100% 0%);
}
@media(min-width: 767px) {.section__inverse::before {height: 80px;}}
@media(max-width: 766px) {.section__inverse::before {height: 50px;}}
.slick-slide::after {
	content: "";
	position: relative;
	top: -5px;
	display: block;
	z-index: -1;
	width: 80%;
}
@media(min-width: 767px) {
	.slick-slide::after {
		height: 30px;
	}
}

/* La carte - Added legal line */
.section__legal_line {
	display: block;
   	width: 100%;
   	background-color: #F9F9F9;
   	height: 30px;
}
.legal_line {
	font-size: 1.2rem;
	text-align: center;
	color: #8A8A8A;
	line-height: 30px;
}
@media (max-width: 441px) {
	.section__legal_line {
		height: 42px;
	}
	.legal_line {
   		line-height: 18px;
	}
}

/* La carte - Logitech label */
.menu__cocktail__by__logitech {
	margin-bottom: 3rem;
	position: relative;
}
.menu__cocktail__by__logitech img {
	position: absolute;
	margin-top: -9px;
	max-height: 40px;
	right: -32px;
}

/* La carte - design carousel */
.cocktail__item__pellet {
	top: 0;
	height: 100%;
	left: auto;
	right: 0;
}
@media (min-width: 767px) {
	.jsSliderCocktail .slick-list {padding-bottom: 0;}

	/* carousel arrows position */
	.jsSliderCocktail .slick-arrow {
/* 		margin-top: 3rem; */
	}
	/* fixed carousel square height */
	.cocktail__item__inner {
		-webkit-clip-path: none;
		clip-path: none;
		height: 310px;
	}
}
@media (min-width: 767px) and (max-width: 960px) {
	/* TODO */
	.jsSliderCocktail .cocktail__item__content {
		padding-top: 0;
		padding-right: 26rem;
	}
	.jsSliderCocktail .cocktail__item__pellet {
		margin-right: -16rem;
		margin-top: -25rem;
		width: 40rem;
	}
	.jsSliderCocktail .cocktail__item__glass {
		text-align: right;
		right: -9rem;
	}
	.jsSliderCocktail .cocktail__item__glass_beer {right: -4rem;}
	.jsSliderCocktail .cocktail__item__inner {
		padding: 6rem 4rem;
	}
}
@media (min-width: 961px) {
	.jsSliderCocktail .cocktail__item__glass {
		text-align: right;
		top: -5rem;
		right: -10rem;
	}
	.jsSliderCocktail .cocktail__item__inner {
		padding: 6rem 4rem;
	}
	.jsSliderCocktail .cocktail__item__pellet {
		width: 36%;
	}
}

/* Inverted pellets position carousel */
@media (max-width: 766px) {
	.slick-slide.slick-active .cocktail__item__inner {
		overflow: hidden;
		height: 425px;
	}
	.slick-slide.slick-active .cocktail__item__pellet__big {
		margin-left: -11rem;
		max-width: 200%;
	}
	.slick-dots {left: -3px;}
	.cocktail__item__content {padding-top: 0;}
	.slick-slide.slick-active .title {left: 2rem;}
	.slick-prev {left: -1rem;}
	.slick-next {right: -1rem;}
	.jsSliderCocktail .slick-list {
		padding-top: 6rem;
		padding-bottom: 10rem;
	}
	.slick-slide.slick-active .cocktail__item__glass {
		left: -3rem;
		top: 14rem;
   		width: 122%;
	}
	.slick-slide.slick-active .cocktail__item__glass_refresh {top: 13rem;}
	.slick-slide.slick-active .cocktail__item__glass_beer {
   		width: 112%;
		top: 16rem;
	}
}

/* Removed prev animations */
.slick-slide {
	opacity: 1;
	transition: none !important;
}

/* Carousel background card */
.jsSliderCocktail .slick-list {
	overflow: visible;
}
.slick-slide.slick-active .cocktail__item__inner {
	opacity: 1;
	transition: none;
	box-shadow: -2px 2px 10px 1px #80808085;
	margin: 10px;
	-webkit-clip-path: inset(0 7px 0 0);
	clip-path: inset(0 7px 0 0);
}

/* Carousel animations - Glass */
.slick-slide .cocktail__item__glass {
	opacity: 0;
	transition: none;
	-ms-transform: translate(-1300px);
	transform: translate(-1300px);
}
.slick-slide.slick-active .cocktail__item__glass {
	opacity: 1;
	transition: transform .4s cubic-bezier(0, 0, 0.18, 1.01), opacity 0.1s ease-in-out;
	transition-delay: .5s;
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

/* Carousel animations - Colored pellet */
.slick-slide .cocktail__item__pellet {
	opacity: 0;
	transition: none;
	-ms-transform: translate(1000px);
	transform: translate(1000px);
}

.slick-slide.slick-active .cocktail__item__pellet {
	opacity: 1;
	transition: all .4s cubic-bezier(0, 0, 0.18, 1.01);
	transition-delay: .2s;
}

/* Carousel animations - Cocktail name / Description / Ingredients */
.slick-slide .title, .slick-slide .cocktail__item__content p, .slick-slide .cocktail__list {
	opacity: 0;
	transition: none;
	-ms-transform: translate(0px);
	transform: translate(0px);
}
.slick-slide.slick-active .title, .slick-slide.slick-active .cocktail__item__content p, .slick-slide.slick-active .cocktail__list {
	opacity: 1;
	transition: all .2s cubic-bezier(0, 0, 1, 0);
	transition-delay: 0s;
}

/* Carousel animations - Effect animations */
@media (min-width:961px) {
	.cocktail__item__glass_refresh_effect {
		max-width: 54%;
		left: 60%;
		top: -23%;
	}
	.cocktail__item__glass img.cocktail__nunu {
		margin-top: 9px;
	}
}
@media (min-width: 767px) {
	.cocktail__item__glass_firstblood_effect, .cocktail__item__glass_refresh_effect, .cocktail__item__glass_nunu_effect {
		opacity: 0;
		position: absolute;
		max-width: 45%;
		top: -11%;
		left: 65%;
		z-index: 59;
	}
	.cocktail__item__glass_refresh_effect {
		max-width: 54%;
		left: 59%;
		top: -14%;
	}
}
@media (max-width: 766px) {
	.cocktail__item__glass_firstblood_effect, .cocktail__item__glass_refresh_effect, .cocktail__item__glass_nunu_effect {
		opacity: 0;
		position: absolute;
		max-width: 120%;
		z-index: 59;
	}
	.cocktail__item__glass_firstblood_effect {
		top: 185px;
		left: -37px;
	}
	.cocktail__item__glass_refresh_effect {
		max-width: 132%;
		top: 104px;
		left: -46px;
	}
	.cocktail__item__glass_nunu_effect {
		top: 150px;
		left: -30px;
	}
}

.slick-slide.slick-active .cocktail__item__glass_firstblood_effect {
	opacity: 1;
	transition: all .1s cubic-bezier(0, 0, 1, 0);
	transition-delay: 1s;
}
.slick-slide.slick-active .cocktail__item__glass_refresh_effect {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1.3s;
}
@keyframes fadeInOpacity {
	0% {opacity: 0;}
	60% {opacity: 0;}
	100% {opacity: 1;}
}
.slick-slide.slick-active .cocktail__item__glass_nunu_effect {
	opacity: 1;
	margin-left: 5px;
	margin-top: -15px;
	transition: all .1s cubic-bezier(0, 0, 1, 0);
	transition-delay: 1s;
}
@media (min-width: 961px) {
	.slick-slide.slick-active .cocktail__item__glass_nunu_effect {
		margin-left: -14px;
	}
}

/* La carte - downwload section */
.section__bars_menu_download {
    background-repeat: no-repeat;
    background-image: url(/img/openabar/quotes-bg.png);
    background-size: 100% 100%;
   	padding: 0 0 8rem;
   	min-height: 320px;
}

.section__bars_menu_download .title__mark {
	margin-bottom: 4rem;
}

.section__bars_menu_download .menu_download_barslist {
	max-width: 34rem;
	margin: auto;
}

@media (min-width: 912px) {
	.section__bars_menu_download .menu_pic {
		background-image: url('/img/menu/menu_pic.png');
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
	    background-position-x: right;
		width: 46%;
	    height: 39rem;
	}
}

@media (max-width: 960px) {
	.section__bars_menu_download .menu_pic {
    	background-position-x: 2rem;
	}
}

/* La carte - Title position */
@media (max-width: 766px) {
	.title__mark {z-index:80;}
	.title__tag {top: -1.2rem !important;}
}
.title__tag {
	white-space: nowrap;
}
.title__mark.title__magenta, .title__mark.title__yellow, .title__mark.title__purple, .title__mark.title__red, .title__mark.title__blue {
	position: relative;
	margin-bottom: 2rem;
}
@media (min-width: 767px) {
	.title__mark.title__yellow .title__tag, .title__mark.title__orange .title__tag, .title__mark.title__magenta .title__tag, .title__mark.title__purple .title__tag, .title__mark.title__red .title__tag, .title__mark.title__blue .title__tag {
		top: -1.6rem;
		left: -2rem;
	}
}
@media (min-width: 961px) {
	.title__mark.title__yellow .title__tag, .title__mark.title__orange .title__tag, .title__mark.title__magenta .title__tag, .title__mark.title__purple .title__tag, .title__mark.title__red .title__tag, .title__mark.title__blue .title__tag {
		top: -2rem;
	}
}

/* La carte - Design improvements */
@media (min-width: 767px) {
	.carte .section__white {
    	padding-bottom: 3rem;
	}

	.cocktail__item.inverted .cocktail__item__content {
		padding-left: 39%;
	}

	.cocktail__item__glass img.cocktail__hyperion {margin-top: 50px;}
	.cocktail__item__glass img.cocktail__nunu {margin-right: -13px;}
	.cocktail__item__glass img.cocktail__smite {margin-top: 34px;}
}
@media (max-width: 766px) {
	.section__cocktail .container::after {
		height: 25rem;
	}
	.section__cocktail .container_high::after {
		height: 32rem;
	}
	.cocktail__item__glass {
		top: 14rem;;
	}
	.cocktail__item__glass img.cocktail__prodigy {margin-top: 9rem;}
	.cocktail__item__glass img.cocktail__garrosh {margin-top: 4rem;}
	.cocktail__item__glass img.cocktail__smite {margin-left: -12px;}
}
@media (min-width: 451px) {
	.cocktail__item__glass img.cocktail__lili {margin-top: -25px;}
}
@media (min-width: 961px) {
	.cocktail__item.alt {
		width: 100%;
	}
}
@media (min-width: 961px) {
	.cocktail__item__glass img.cocktail__smite {margin-top: -48px;}
	.cocktail__item__nunu .cocktail__item__inner, .cocktail__item__refresh .cocktail__item__inner, .cocktail__item__firstblood .cocktail__item__inner {
		margin-top: 7rem;
		margin-bottom: -12rem;
	}
	.cocktail__item.alt .cocktail__item__inner {
		padding: 6rem 23rem 0rem 0rem;
	}
	.cocktail__item.inverted .cocktail__item__inner {
		padding: 3rem 0 3rem 0;
	}
}

.slick-slide .cocktail__item__glass {
	width: 400px;
/* 	background: rgba(236, 6, 6, 0.5); */
}

.slick-slide .cocktail__item__glass_effect {
	width: 400px;
	height: 400px;
/* 	background-color: rgba(70, 66, 249, 0.6); */
	position: absolute;
	top: -5rem;
	right: -10rem;
	opacity: 0;
	z-index: 59;
}

.slick-slide.slick-active .cocktail__item__glass_effect {
	opacity: 1;
	transition: all .1s cubic-bezier(0, 0, 1, 0);
	transition-delay: 1s;
}

.slick-slide.slick-active .cocktail__item__glass_effect.refresh_effect {
	transition: initial;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1.3s;
}
@keyframes fadeInOpacity {
	0% {opacity: 0;}
	60% {opacity: 0;}
	100% {opacity: 1;}
}

@media (min-width: 767px) and (max-width: 960px) {
	.jsSliderCocktail .cocktail__item__glass, .jsSliderCocktail .cocktail__item__glass_effect {
		right: -10rem;
	}
}


@media (max-width: 766px) {
	.slick-slide.slick-active .cocktail__item__glass , .slick-slide.slick-active .cocktail__item__glass_effect {
		left: 0rem;
		top: auto;
		bottom: -8rem;
/* 		bottom: -13rem; */
		width: 100%;
		text-align: center;
		height: auto;
		text-align: center;
		width: 100%
	}

	.slick-slide.slick-active .cocktail__item__glass img, .slick-slide.slick-active .cocktail__item__glass_effect img {
		max-width: 350px;
		width: 100%;
	}

	.slick-slide.slick-active .cocktail__item__glass_effect img {
		max-height: 100%;
	}

	.slick-slide.slick-active .cocktail__item__inner {
		height: auto;
	}
	
	.cocktail__item__pellet {
/* 		position: absolute; */
/* 		top: auto; */
/* 		bottom: 0; */
/* 		left: auto; */
/* 		right: auto; */
		width: 95%;
		text-align: center;
		position: static;
		height: 210px;
	}
}



/* Fix space between pic and text */
@media (max-width: 1200px) and (min-width: 961px) {
	.cocktail__item.alt .cocktail__item__glass {
		left: -6rem;
	}
	.cocktail__item.inverted .cocktail__item__glass {
		left: -24rem;
	}
}

/* iPad and mid size screens */
@media (max-width: 960px) and (min-width: 767px) {
	.cocktail__item__glass img {
		margin-top: 0;
	}
	.cocktail__item.alt {
	    max-width: 98%;
	}
	.cocktail__item.alt .cocktail__item__glass {
		text-align: right;
		/* !!! */
/* 		left: 9rem; */
		left: 4rem;
		top: 5rem;
	}
	.cocktail__item.inverted .cocktail__item__glass {
		text-align: left;
		left: -9rem;
		top: -6rem;
	}
	.cocktail__item.alt .cocktail__item__inner {
		padding: 12rem 26rem 3rem 1rem;
	}
	.cocktail__item.inverted .cocktail__item__inner {
		padding: 3rem 0 3rem 3rem;
	}
}


/* cocktail from bar in progress */
.cocktail_from_bar {
	display: flex;
/* 	flex-wrap: wrap; */
	font-size: 1rem;
}

.inverted .cocktail_from_bar {
	float: right;
/* 	justify-content: flex-end; */
}

.cocktail_from_bar span {
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
}

.cocktail_from_bar div {
    margin: 0.2rem;
    padding: 0.3rem 0.8rem;
}

.cocktail_cities p {
	font-size: 13px;
	white-space: nowrap;
}

/* @media (min-width: 961px) { */
@media (min-width: 767px) {
	.cocktail_from_bar_mobile_only {display: none;}
	.cocktail_from_bar_desktop_only {display: inline-flex;}
	.cocktail_cities {
		margin-top: 3rem;
		justify-content: space-between;
	}
	.cocktail_cities p {
		margin: 0.3rem 1rem 0;
	}
	.cocktail_cities .availablein {
		margin-left: 5px;
	}
	.inverted .cocktail_cities {
		margin-left: 8rem;
	}
}

@media (min-width: 420px) and (max-width: 766px) {
	.cocktail__item__glass img {
    	max-height: 85%;
	}
}

@media (max-width: 766px) {
	.cocktail_from_bar_desktop_only {display: none;}
	.cocktail_from_bar_mobile_only {display: flex;}
	.cocktail_from_bar,
	.inverted .cocktail_cities {
		justify-content: flex-end;
	    font-size: 0.8rem;
		margin-top: 1rem;
		margin-left: 1rem;
	}
	
	.cocktail_cities p {
		margin: 0 1rem;
	    font-size: 13px;
	}
	
	.cocktail_cities .availablein {
		margin-left: 1.5rem;
    	margin-bottom: -0.8rem;
		text-align: left;
	}
	
	.section__cocktail {
		padding-bottom: 12rem;
	}
	.section_cocktail_higher {
		padding-bottom: 15rem;
	}
}


/* espace pro */
.espacepros {
	background-color: transparent;
}
.portfolio__item__inner {
	/* temp si pas de popin partenaire */
	cursor: default;
}
@media (min-width: 767px) {
	.portfolio__item {
		width: 16.6666666667%;
	}
}

.main.main__monuments {
	background: url(/img/btb/heronext__monuments.png) no-repeat top center;
}
@media (min-width: 1900px) {
	.main.main__monuments {
		background: url(/img/btb/heronext__monuments.png) no-repeat top center /100%;
	}
}
.portfolio__item__img {
  max-height: 200px;
  width: 100%;
  object-fit: cover;
}

/*************/
/* on joue ? */
/*************/
/* Version intro */
.onjoue .block_push_app_features {
	margin: auto;
	width: 100%;
	max-width: 150rem;
}

.onjoue .block__push_app_features {
    position: relative;
    margin-top: 9rem;
}
.onjoue .block__push_app_features_desc {
	margin-top: 2rem;
}
@media (min-width: 1200px) {
	.onjoue .block__push_app_features {
	    margin-top: 6rem;
	}
	.onjoue .block__push_app_features_desc {
		width: 90%;
	}
}
.onjoue .block__push_app_features_img {
	position: absolute;
    bottom: 2rem;
    right: -11rem;
    width: 42%;
}
.onjoue .block__push_app_features_img img {
	width: 75%;
	max-width: 280px;
}


.meltdown_points {
	margin-bottom: 0.5rem;
}

.section__point__icons img {
	max-width: 100%;
}
@media (min-width: 767px) {
	.section__point__icons img {
		margin: 11rem auto 0;
	}
}
.darkbg_text_white {
	background-color: #13161b !important;
}
@media(min-width:961px){
	.onjoue__score__inner .btn {
		font-size: 1.8rem;
		margin: 1rem 0;
	}
}
.goodie__item {
	transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.goodie__status {
	margin-right: 0.8rem;
}
.goodie__status__wrap {
	right: -15px;
/*	 clip-path: polygon(-20px -20px, 85% -20px, 85% 120%, -20px 120%); */
}

@media (min-width: 961px) {
	.onjoue__score__alt .onjoue__score__inner {
		padding: 3rem 5rem 2rem;
	}
}

/* fix store btn design */
.section__app .app__links a {
	max-width: 100%;
	margin: 1rem;
}
.app__links, .block__games__apps {
	display: flex;
	justify-content: center;
}
.app__links img {
	max-height: 56px;
}
.block__games__apps .block__games__dl img {
	max-height: 72px;
}

/* Alexandre fix encart vert on joue ? */
@media(max-width:960px){
	.onjoue__score__alt {
		top: -4rem;
	}
	.goodie__list {
		padding-top: 8rem;
	}
	.onjoue__score__inner .btn {
		margin-bottom:1rem;
		height: 30px;
		min-width: 100px;
	}
	.onjoue__score__inner .title__register {
		margin: 0 15px;
		height: 40px;
	}
	.onjoue__score__alt .onjoue__score__inner {
		padding: 2rem 2rem 1rem 3rem;
		margin-top: 3rem;
	}
}
@media(max-width:766px){
	.onjoue__score__inner .btn {
		margin-bottom:0;
	}
	.onjoue__score__alt {
		top: -2rem;
	}
	.onjoue__score__alt .onjoue__score__inner {
		padding: 2rem 2rem 2rem 3rem;
		margin-top: 1rem;
	}
}

.onjoue .goodie__list .goodie__content {
	padding: .5rem 1.2rem;
}


/* chouette shadow effect */
.goodie__shadow_effect
{
  position: relative;
}
.goodie__shadow_effect:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*****************/
/* Gifts details */
/*****************/
.onjoue .block__gift__description {
    margin-bottom: 1rem;
}

/****************/
/* Modals gifts */
/****************/
.remodal {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.remodal button {
	width: auto;
}

.modal__goodie .goodie__code__personnal > span, 
.modal__goodie .modal__goodie__text > span {
	display: block;
}
.modalGoodie__bg {
	position: absolute;
	z-index: 20;
	left: 0;
	top: 0;
	background-position-y: top;
	background-position-x: -17rem;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.modalGoodie__bg__mask {
	width: 100%;
	height: 100%;
	background-image: linear-gradient(112deg, transparent, transparent 388px, white 389px, white);
}

@media(max-width:450px) {
	.modalGoodie__bg__mask {
		background-image: linear-gradient(112deg, transparent, transparent 288px, white 289px, white);
	}
}
@media(max-width:550px) {
	.modalGoodie__bg {
		opacity: 0.3;
	}
}

.modal__goodie .preunlock .modal__event__info__footer p {
    padding-left: 50%;
	margin-bottom: 1rem;
}

#unlockOfferForm {
    display: inline;
    padding-left: 2rem;
}

.modal__event__title {
	font-size: 2.8rem;
}

.modal__event__info .tickets__cost span {
    transform: scale(1.6);
}

.modal__tickets__push {
	padding: 0;
}

.modal__tickets__push {
	margin-bottom: 0;
}
.modal__tickets__push form, .preunlock form {
	margin: 0;
}
.modal__push {
  background: url(/img/push_popin_bg.jpg) no-repeat;
  background-size: cover;
}

@media (min-width: 579px) {
	.modal__push {
		background-position: bottom center;
	}
	.modal__push__content {
		display: flex;
		flex-direction: row;
		margin: 1rem 0 5rem;
	}
	.modal__push__content .left {
		border-right: 1px solid #b9b9b9;
	}
	.modal__push__content p {
		margin-top: -1rem;
	}
	.modal__push__content a {
		margin-bottom: -1rem;
	}
	.modal__push__content .left, .modal__push__content .right {
		text-align: center;
		padding: 0 3rem;
	}
}

@media (max-width: 578px) {
	.remodal {
		padding: 20px;
	}
	.modal__push {
		background-position: left center;
	}
	.modal__push .modal__goodie__title {
		font-size: 3.8rem;
	}
	.modal__push__content {
		display: flex;
		flex-direction: column;
		margin: 0 0 3rem;
	}
	.modal__push__content .left {
		border-bottom: 1px solid #b9b9b9;
	}
	.modal__push__content p {
    	margin: 0 -8rem;
	}
	.modal__push__content .right p {
		margin-top: 4rem;
	}
	.modal__push__content a {
	    margin-bottom: 3rem;
	    margin-left: -8rem;
    	margin-right: -8rem;
	}
	.modal__push__content .left, .modal__push__content .right {
		text-align: center;
		padding: 0;
		margin: 0;
	}
	.modal__tickets .modal_gift_confirm_only {
		margin: 0 0 1rem;
	}
	.modal__tickets .goodie__code {
		margin: 0;
	}
	.modal__tickets .goodie__code__personnal {
		margin-top: 4rem;
	}
	.modal__tickets .goodie__code {
		margin: 0;
	}
}

.modal__push__text {
	color: #253140;
}
.modal__push__subtitle{
	font-size: 14px;
	padding-bottom: 2rem;
}
.modal__push__footer {
	display: block;
	margin-top: 5rem;
	text-align: right;
	font-size: 1.5rem;
}
.modal__goodie__title {
	position: relative;
	top: -6rem;
	box-shadow: 0px 0px 40px 2px #ffffff3b
}

.modal__goodie__text {
	padding: 0;
}
.modal__goodie__fail .title span .meltdown_points {
	fill: #97e300;
}
.modal__goodie__fail .modal__goodie__text span {
	padding: 4rem 0 3rem 0;
}

/******************/
/* Player profile */
/******************/
.profile .currentTitleTextContainer {
	/* Si proposition Santi validée */
/* 	background-color: transparent; */
}
.profile__info__name {
	font-size: 3rem;
}
.profile__info {
	display: flex;
	justify-content: space-between;
	background-image: url(/img/profile/header_profil_bg.jpg);
	background-size: cover;
	padding: 0 0 0 18rem;
	height: 22rem;
	margin: -8rem auto 4rem;
}
.profile__achievements_and_games {
	margin: auto;
	max-width: 760px;
}
.profile__info .player__profile__hf__badge {
	z-index: 600;
	order: 1;
	flex-grow: 1;
	flex-shrink: 0;
	max-width: 400px;
	position: absolute;
	top: -5rem;
	left: -17rem;
}

.profile__info_public {
	display:flex;
	flex-flow: wrap;
	justify-content: center;
	background-image: url(/img/profile/header_profil_bg.jpg);
	background-size: cover;
	padding: 0;
	height: 20rem;
	width: 75%;
	margin: auto auto 4rem;
}
.profile__info_public .player__profile_background_pic {
/* 	background-image: url(/img/profile/header_profil_logo.png), url(/img/temp/toulouse.png); */
	background-position: left bottom, right;
	background-repeat: no-repeat;
	background-size: auto, cover;
	width: 100%;
}
.profile__info_public .player__profile__hf__badge {
	position: absolute;
	z-index: 10;
	max-width: 500px;
	align-self: center;
	top: 0;
}
@media (max-width: 1200px) {
	.profile__info_public .player__profile__hf__badge {
		max-width: 450px;
	   	top: 2rem;
	}
}
@media (max-width: 960px) {
	.profile__info_public {
		width: 90%;
	}
	.profile__info_public {
		height: 17rem;
		margin-top: 4rem;
	}
	.profile__info_public .player__profile__hf__badge {
		max-width: 350px;
		margin-top: 1rem;
	   	left: auto;
	}
	.profile__info_public .player__profile_background_pic {
		background-position-x: left bottom, right;
		background-position-y: 1rem, center;
		background-size: 30%, cover;
	}
}
@media (max-width: 766px) {
	.profile__info_public {
		width: 100%;
	}
	.profile__info_public {
		height: 13rem;
		margin-top: 5rem;
	}
	.profile__info_public .player__profile__hf__badge {
		max-width: 300px;
	}
}

.profile__info .profile__info__text {
	order: 2;
	flex-grow: 2;
	flex-shrink: 1;
	background-image: url('/img/profile/header_profil_logo.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: -2rem;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.profile__info .profile__info__text .profile__info__header {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
@media (min-width: 1600px) {
	.profile__info__header {
		padding-left: 3rem;
	}
}
.profile__info .profile__info__text .profile__info__footer {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0;
	border: none;
}
@media (min-width: 801px) {
	.profile__info__qr {
		order: 3;
		flex-shrink: 0;
		top: 50%;
		left: 100%;
		margin-left: 75px;
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	.profile__info__qr img {
		margin-top: 0;
		margin-left: -75px;
	}
}

.profile__info .profile__info__city {
	margin: 83px 2rem auto 0;
	text-align: right;
}

.profile__info__edit {
	margin-bottom: 0.5rem;
	width: 100%;
	text-align: right;
}

.profile__info__edit:visited, .profile__info__edit:hover {
	color: white;
}

@media (max-width: 1199px) {
	.profile__info {max-width: 700px;}
	.profile__achievements_and_games {max-width: 650px;}
}
@media (max-width: 1000px) {
	.profile__info {max-width: 650px;}
	.profile__achievements_and_games {max-width: 600px;}
	
	.profile__info .profile__info__text {
		flex-direction: column;
		align-items: center;
		background-position-y: 4rem;
		margin-top: 1rem;
	}
	.profile__info .profile__info__text .profile__info__header, .profile__info .profile__info__text .profile__info__footer {
		width: 90%;
		text-align: center;
	}
	.profile__info .profile__info__text .profile__info__footer .profile__info__city {
		margin: 0;
		text-align: center;
	}
	.profile__info .profile__info__text .profile__info__footer .profile__info__edit {
		align-self: flex-end;
		margin-right: -2rem;
	}
}
@media (max-width: 960px) {
	.profile__info {max-width: 550px;}
	.profile__achievements_and_games {max-width: 520px;}
}
@media (max-width: 850px) {
	.profile__info {max-width: 500px;}
	.profile__achievements_and_games {max-width: 500px;}
}

@media (max-width: 800px) {
	.profile__info {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		background-image: url(/img/profile/header_profil_bg.jpg);
		background-size: cover;
		padding: 0;
		height: 100%;
		margin-top: 3rem;
		margin-bottom: 12rem;
	}
	.profile__info .player__profile__hf__badge {
		min-width: 250px;
		max-width: 300px;
		top: -7rem;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.profile__info .profile__info__text {
		background-position-x: 0;
		background-position-y: 8rem;
		width: 100%;
		align-items: stretch;
		margin: 12rem auto 0;
	}
	.profile__info .profile__info__text .profile__info__header, .profile__info .profile__info__text .profile__info__footer {
		margin: auto;
	}
	.profile__info .profile__info__text .profile__info__footer {
		padding-bottom: 1rem;
	}
}

/* Player profile achievements (title) */
.block__hautsfaits .block__hautsfaits__name {
	padding: 1rem 2rem;
	user-select: none;
}

.block__hautsfaits .block__hautsfaits__name:after {
	transform: none;
}

.block__hautsfaits .achievements_title_available {
	position: relative;
}
.block__hautsfaits .achievements_title_list {
	display: none;
	position: absolute;
	width: 16.8rem;
	margin-left: 0.6rem;
	margin-top: -0.2rem;
	right: 0;
	z-index: 1;
	text-align: center;
	max-height: 300px;
	overflow: auto;
	background-color: #fff;
	box-shadow: 5px 5px 10px 5px #E9E9E9;
	-moz-box-shadow: 5px 5px 10px 5px #E9E9E9;
	-webkit-box-shadow: 5px 5px 10px 5px #E9E9E9;
}

.block__hautsfaits .achievements_title_available ::-webkit-scrollbar {
	width: 0;
	background: transparent none;
}

.block__hautsfaits .achievements_title_available:hover .achievements_title_list {
	display: block;
}
.block__hautsfaits .achievements_title_list div, .block__hautsfaits .achievements_title_list form {
	border: 2px solid transparent;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.2rem;
	user-select: none;
}
.block__hautsfaits .achievements_title_list div:before, .block__hautsfaits .achievements_title_list form:before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 70%;
	border-bottom: 1px solid #c7c7c7;
}
.block__hautsfaits .achievements_title_list > div:first-child:before, .block__hautsfaits .achievements_title_list > form:first-child:before {
	border-bottom: 1px solid transparent;
}
.block__hautsfaits .achievements_title_list div:hover:before, .block__hautsfaits .achievements_title_list form:hover:before {
	border-bottom: 1px solid transparent;
}
.block__hautsfaits .achievements_title_list div:hover + div:before, .block__hautsfaits .achievements_title_list form:hover + form:before {
	border-bottom: 1px solid transparent;
}
.block__hautsfaits .achievements_title_list div:hover, .block__hautsfaits .achievements_title_list form:hover {
	border: 2px solid #97e300;
/* 	background-color: #97e300; */
}
.block__hautsfaits .current_achievements_title > span::after {
	content:" ▼";
	margin-left: 0.5rem;
	font-size: 12px;
}

.block__hautsfaits .achievements_title_list form {
	width: 100%;
	margin: unset;
}

.block__hautsfaits .achievements_title_list label {
	width: 100%;
	height: 100%;
	margin: 1.2rem 0 0.5rem; 
}
.block__hautsfaits .achievements_title_list .changeTitleForm span {
	vertical-align: text-top;
	line-height: 1.6rem;
}

.fullscreenQrCode {
	max-height: 90%;
}

/* Player profile achievements (badges) */
.hautsfait__badges {
    max-height: 220px;
}
.block__hautsfaits .hautsfait__badges__list .each_badge {
	border: 5px solid transparent;
	position: relative;
}
.hautsfait__badges__list li {
	/* Weird fix */
	margin-bottom: 0.1rem;
}
@media (max-width: 960px) {
	.hautsfait__badges__list {
		justify-content: flex-start;
		padding-right: 2rem;
	}
}
@media (min-width: 961px) {
	.hautsfait__badges__list {
		display: grid;
		grid-template-columns: repeat(auto-fill, 100px);
		grid-gap: 1rem;
		justify-content: space-between;
		padding-right: 2rem;
	}
}

.block__hautsfaits .hautsfait__badges__list div {
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: contain;
}

.block__hautsfaits .hautsfait__badges__list .locked div, .block__hautsfaits .hautsfait__badges__info .locked img {
	filter: grayscale();
}
.block__hautsfaits .hautsfait__badges__list .avatar .achievement-icon {
	filter: brightness(0.5);
}

.achievement-check-displayer {
	position: absolute; 
	top: 0; 
	left:0;
	display: none;
}

.avatar .achievement-check-displayer {
	display: block;
}

.sub-avatar-recap-icon svg {
	display: none;
}

.sub-avatar-recap-icon.avatar svg {
	display: inline-block;
}

.sub-avatar-recap-icon.avatar form {
	display: none;
}

.block__hautsfaits .hautsfait__badges__list .avatar svg {
	visibility: visible;
	fill: #97e300;
	margin-top: 1rem;
	width: 9rem;
	height: 70%;
}
.block__hautsfaits .mobile_only .hautsfait__badges__list .avatar svg {
	width: 12rem;
}
.block__hautsfaits .mobile_only .btn__disabled {
	background-color: #d6d6d6;
	border: 1px solid #d6d6d6;
}

button.btn.btn__skewed[disabled] {
	background-color: #d6d6d6;
	border: 1px solid #d6d6d6;
}

.currently_selected_achievement {
	height: 185px;
}
.currently_selected_achievement_picture {
	max-width: 150px;
}
.mobile_only .currently_selected_achievement {
	display: flex;
	flex-direction: column;
}
.mobile_only .currently_selected_achievement form {
	margin-bottom: 1rem;
}
.mobile_only .hautsfait__badges__info {
	padding-top: 0;
}
.mobile_only .currently_selected_achievement {
	padding-bottom: 2rem;
}

.hautsfait__badges__info .media__body {
/* ?? width: 10000px; */
	width: 100%;
}

.block__hautsfaits .hautsfait__badges__info .currently_selected_achievement_picture {
 	text-align: center;
 	margin-right: 2rem;
}
.block__hautsfaits .mobile_only .hautsfait__badges__info .currently_selected_achievement_picture {
	margin: -3.5rem auto 0;
	min-height: 7.5rem;
}
.block__hautsfaits .hautsfait__badges__info .currently_selected_achievement_picture svg {
	position: relative;
	width: 50%;
	height: 6rem;
	margin-top: -2rem;
 	fill: #97e300;
}

.block__hautsfaits .hautsfait__badges__info .currently_selected_achievement_body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-top: 2rem;
}
.block__hautsfaits .mobile_only .hautsfait__badges__info .currently_selected_achievement_body {
	padding-top: 0;
}

.block__hautsfaits .achievement-recap-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.block__hautsfaits .mobile_only .achievement-recap-footer {
	flex-direction: column;
}
.block__hautsfaits .achievement-recap-footer .achievement_title {
	font-weight: bold;
	text-transform: uppercase;
	flex-shrink: 0;
}
.block__hautsfaits .achievement-recap-footer .achievement_unlocked_date {
	color: grey;
	align-self: flex-end;
}
.block__hautsfaits .hautsfait__badges__list .active {
	border: 5px solid #97e300;
}

.block__hautsfaits .mobile_only .hautsfait__badges__list {
	flex-wrap: initial;
}
.block__hautsfaits .mobile_only .hautsfait__badges__list div {
	width: 120px;
	height: 120px;
}
.block__hautsfaits .mobile_only .hautsfait__badges__list .each_badge {
	width: 100%;
	height: 100%;
	position: relative;
	margin-right: 0.5rem;
}

/* Player profile games */
.block__games__list li {
	/* replace !important so maybe it's needed */	
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.block__games__list .game_logo {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.block__games__list .game_logo img {
	margin-top: 2rem;
	height: 70%;
/* 	Ajouter taille maximale ici: */
/* 	max-height: ???px; */
}

.block__games__dl {
	width: auto;
}

.block__games__list {
    margin: 2rem 0 0;
}

@media (max-width: 960px) {
	.block__games__apps a {
		padding: initial;
		margin: 0 1rem;
	}
}
@media (min-width: 961px) {
	.block__games__apps a {
	    padding: initial;
		margin: 0 2rem;
	}
}


/* Player profile Hero */
.player-profile-title-container {
	ms-transform-origin: 0px;
	transform-origin: 0px;
	ms-transform: rotate(-4deg) skew(-5deg, 0);
	transform: rotate(-4deg) skew(-5deg, 0);
	text-align: right;
	display: inline-block;
}

.hero__suptitle.hero__subtitle:empty {
	display: none;
}

@media (min-width: 767px) and (max-width: 960px) {
	.player-profile-title-container .hero__suptitle {
		top: -19px;
	}
}

.player-profile-title-container .hero__suptitle {
	ms-transform: none;
	transform: none;
}

.player-profile-title-container .hero__title {
	ms-transform: none;
	transform: none;
}

/* Player profile QR modal */
.profile_qr_modal .modal__content {
	margin: 0;
}
/* Modal css if we want it to be nicer */
/* .profile_qr_modal { */
/* 	margin: 0; */
/* 	background: url(../../../img/hero/heronext__blank.png) no-repeat top center; */
/* } */
/* .profile_qr_modal .player-profile-title-container { */
/* 	bottom: -3rem; */
/*	 position: relative; */
/* } */


/* Pro - Bar pages */
.section__infogallery .infos__item {
	height: 200px;
	margin-bottom: 6rem;
}
.section__infogallery .title__mark__bar_pro {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.section__infogallery .infos {
	background: none;
	padding: 0;
	margin: 0;
}
@media (max-width: 766px) {
	.section__infogallery .col_sm_4 {
		width: 50%;
	}
}
@media (max-width: 500px) {
	.section__infogallery .col_sm_4 {
		width: 100%;
	}
}
@media (min-width: 961px) {
	.infosbar {
/* 		display: none; */
		position: fixed;
		top: 15%;
	}
/* 	.section__infogallery::before { */
/* 		position: absolute; */
/* 		background-image: url(/img/btb/gallery-bg-dektop_top.png); */
/* 		background-position: center top; */
/* 		top: -25rem; */
/* 		background-repeat: no-repeat; */
/* 		background-size: 100%; */
/* 		height: 100%; */
/*	 	width: 100%; */
/* 		content: ''; */
/* 	} */
/* 	.section__infogallery::after { */
/* 		position: absolute; */
/* 		background-image: url(/img/btb/gallery-bg-dektop_bottom.png); */
/* 		background-position: center bottom; */
/* 		bottom: -20rem; */
/* 		background-repeat: no-repeat; */
/* 		background-size: 100%; */
/* 		height: 100%; */
/*	 	width: 100%; */
/* 		content: ''; */
/* 		z-index: -100; */
/* 	} */
}

/* Fix hero Open a bar */
.openabar .main.main_concept {
	background-image: url(/img/hero/heronext__blank.png);
/* 	background-size: contain; */
	background-repeat: no-repeat;
	background-position: top center;
}

/* INFO PAGE */
.address__meta__block__inner {
	display: flex; 
	flex-direction: row-reverse;
}

.address__meta__block__infos {
	max-width: 350px;
	line-height: 1.4;
}

.address__meta__block__map {
	width: 80%;
}

.address__meta__map {
	margin-top: 0;
	height: 100%;
}

#map_canvas {
	max-width: 100%; 
	height:100%;
	min-height: 400px;
}
.barpage #map_canvas {
	min-height: 250px;
}

@media (max-width: 960px) {
	.address__meta__block__inner {
		flex-direction: column;
	}
	.address__meta__block__infos {
		margin-bottom: 2rem;
	}
	.address__meta__block__map {
		width: 100%;
	}
}

@media (min-width: 961px) {
	.address__meta__block__infos {
		padding-left: 4rem;
		padding-right: 2rem;
		width: 35%;
	}
	.address__meta__list {
		margin-top: 0;
	}
	
	.address__meta {
		margin-top: 0;
		margin-bottom: 1rem;
	}
	
	.address__meta__title {
		margin-top: 0;
	}
}

/* Bar info Google section */
.section__google {
/* 	background: url("/img/bars/fond_google.jpg") no-repeat top center; */
/*     background-size: cover; */
/*     -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 10%); */
/*     clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 10%); */
    font-family: 'Arial';
    font-size: 13px;
    font-color: #000000;
    padding-top: 8rem;
}

.section__google .address__meta__block {
	overflow: auto;
	height: 50rem;
}

.section__google h2 {
	position: absolute;
    top: -8rem;
    z-index: 10;
}

.section__google h3 {
	font-family: 'Arial';
	font-weight: 500;
    font-size: 3.2rem;
}

.section__google .logo_google {
	max-width: 275px;
    padding-top: 7rem;
}

.section__google .review_img {
	float: left;
	margin-right: 5px;
	height: 40px;
    width: 40px;
}

.section__google .global_note {
	font-size: 2rem;
	margin-right: 1rem;
}

.section__google .review-stars,
#left_google div {
	display: inline-flex;
}

@media (max-width: 960px) {
	.section__google h3,
	#left_google {
		text-align: center;
	}
	.section__google .logo_google {
		display: none;
	}
}

.section__google .review-stars ul {
	margin-right: 1rem;
}

.section__google .review-stars ul li {
	float: left;
    line-height: 2rem;
}

.section__google .review-stars .star {
	color: #f6b603;
	font-size: 18px;
}

.section__google .review-stars ul li span.inactive {
	color: #a7a7a7;
}
.section__google .star:after {
	content: "\2605";
}
.section__google .date {
	line-height: 2rem;
	color: #a7a7a7;
}
.section__google .review_name {
	font-size: 13px;
	font-weight: bold;
}
.section__google .comment {
	padding-bottom: 2.5rem;
    padding-left: 4.5rem;
}
.section__google .right_footer {
/* 	margin-top: -2rem; */
    text-align: right;
    font-style: italic;
}

.section__google .total_ratings {
    line-height: 2.2rem;
    color: #1a0dab;
    text-decoration: underline;
}

.bar_team_background {
	position: absolute;
	background: url(/img/bars/fond_google.jpg) no-repeat bottom center;
    background-size: cover;
    -webkit-mask-image: -webkit-gradient(linear, center bottom, center top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    overflow: hidden;
    right: 0;
    left: 0;
    bottom: 5%;
    height: 50%;
}
.bar_team_background img {
	height: 100%;
    max-width: unset;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.1;
}

/* faq */
.accordion a.inside__accordeon__link {
	display: initial;
	padding: 0;
}

.accordion a.inside__accordeon__link::after {
	display: none;
}

/* New logo */
.navbar-brand img {
	height: 56px;
	margin-top: 0;
}
@media (min-width: 961px) {
	.navbar-brand img {
		height: 65px;
		margin-top: -18px;
	}
}
.footer__svg {
	fill: white;
	width: 80px;
}

/* green register button */
.onjoue .hero {
	z-index: 0;
}

.postUnlock {
	display: none;
}

/* Planning tv */
.events__list_lite .event__item .title {
	font-size: 3rem;
}
.events__list_lite .event__item {
	background-color: black;
}
.events__list_lite .event__item .event__logo img {
	max-width: 20rem;
	max-height: 12rem;
}
.events__list_lite .event__overlay {
	background: rgba(0, 0, 0, 0.35);
}
.events__list_lite_footer {
	bottom: 0;
	position: fixed;
	overflow: initial;
}
.events__list_lite_footer H3 {
	margin-left: -30rem;
	color: black;
	font-size: 3rem;
	text-transform: uppercase;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.events__list_lite .event__date__title {
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.lite_footer_img {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}

.footer_cocktail_pic {
	width: 370px;
    height: 370px;
    transform: rotate(4deg);
    bottom: -5rem;
    right: -10rem;
    z-index: 701;
}

.footer_events__list_lite_qr {
	width: 200px;
    height: 200px;
	right: 13rem;
	top: -1rem;
	z-index: 700;
}

/* espace pro */
.espacepros {
	background-color: transparent;
}
.espacepros .advantages__list__item {
	margin-bottom: 3rem;
}
@media (min-width: 1200px) {
	.espacepros .section__advantages__inner {
    	padding-left: 8rem;
	}
}
.portfolio__item__inner {
	/* temp si pas de popin partenaire */
	cursor: default;
}
.portfolio__item__inner:hover .portfolio__item__logo {
	opacity: 0;
}
.portfolio__item:last-child .portfolio__item__inner:hover .portfolio__item__logo {
    opacity: 1;
}

/* anim on partners grid */
.portfolio__grid li .portfolio__item__inner.wave_animation:before {
	animation: partnerPicturesOpacityAnimation 1.2s ease-out 1;
}

.portfolio__grid li:first-child .portfolio__item__inner.wave_animation:before {animation-delay: 0.05s;}
.portfolio__grid li:nth-child(2) .portfolio__item__inner.wave_animation:before {animation-delay: 0.1s;}
.portfolio__grid li:nth-child(3) .portfolio__item__inner.wave_animation:before {animation-delay: 0.15s;}
.portfolio__grid li:nth-child(4) .portfolio__item__inner.wave_animation:before {animation-delay: 0.2s;}
.portfolio__grid li:nth-child(5) .portfolio__item__inner.wave_animation:before {animation-delay: 0.25s;}
.portfolio__grid li:nth-child(6) .portfolio__item__inner.wave_animation:before {animation-delay: 0.3s;}
.portfolio__grid li:nth-child(7) .portfolio__item__inner.wave_animation:before {animation-delay: 0.35s;}
.portfolio__grid li:nth-child(8) .portfolio__item__inner.wave_animation:before {animation-delay: 0.4s;}
.portfolio__grid li:nth-child(9) .portfolio__item__inner.wave_animation:before {animation-delay: 0.45s;}
.portfolio__grid li:nth-child(10) .portfolio__item__inner.wave_animation:before {animation-delay: 0.5s;}
.portfolio__grid li:nth-child(11) .portfolio__item__inner.wave_animation:before {animation-delay: 0.55s;}
.portfolio__grid li:nth-child(12) .portfolio__item__inner.wave_animation:before {animation-delay: 0.6s;}
.portfolio__grid li:nth-child(13) .portfolio__item__inner.wave_animation:before {animation-delay: 0.65s;}
.portfolio__grid li:nth-child(14) .portfolio__item__inner.wave_animation:before {animation-delay: 0.7s;}
.portfolio__grid li:nth-child(15) .portfolio__item__inner.wave_animation:before {animation-delay: 0.75s;}
.portfolio__grid li:nth-child(16) .portfolio__item__inner.wave_animation:before {animation-delay: 0.8s;}
.portfolio__grid li:nth-child(17) .portfolio__item__inner.wave_animation:before {animation-delay: 0.85s;}

@keyframes partnerPicturesOpacityAnimation {
	12.5% {background-color: none; opacity:0.3;}
	95% {background-color: #13161b; opacity: 1;}
	to {background-color: #13161b; opacity: 1;}
}

.portfolio__item__logo img {
	max-height: 100px;
}
@media (min-width: 767px) {
	.portfolio__item {
	    width: 16.6666666667%;
	}
}

.portfolio__item__img {
  max-height: 200px;
  width: 100%;
  object-fit: cover;
}

/* Repertoire des bars */
/* TODO : pourrait être bien en desktop only si mieux géré quand on clique sur un pays */
/* .repertoire .filters_sticky { */
/* 	position: sticky; */
/* 	top: 12rem; */
/* } */

.repertoire .slider__item {
	background-color: black;
	display: inline-flex !important;
}

.repertoire .slider__item img {
	height: 180px;
	width: 100%;
	margin: auto;
	object-fit: cover;
}

.repertoire .slider__item a {
	width: 100%;
}

@media (min-width: 1201px) {.repertoire .slider__item, .card__header, .repertoire .slider__item img {height: 180px;}}
@media (max-width: 1200px) {.repertoire .slider__item, .card__header, .repertoire .slider__item img {height: 230px;}}
@media (max-width: 766px) {.repertoire .slider__item, .card__header, .repertoire .slider__item img {height: 335px;}}
@media (max-width: 540px) {.repertoire .slider__item, .card__header, .repertoire .slider__item img {height: 180px;}}

.repertoire .card__content {
	position: relative;
}
.repertoire .cardbar__slider .slick-next, .repertoire .cardbar__slider .slick-prev {
    width: 2.3rem;
    height: 2.3rem;
}

.repertoire .cardbar__slider .slick-next svg, .repertoire .cardbar__slider .slick-prev svg {
	width: 1.2rem;
}
.repertoire .slick-slide::after {
    height: 0;
}

.repertoire .slick-dots {
     bottom: 15px;
}
.repertoire .slick-dots li {
	margin: 0;
}
.repertoire .slick-dots li.slick-active button:before, .repertoire .slick-dots li button:before {
    color: white;
}

.repertoire .cardbar {
	padding: 0;
	overflow: hidden;
}
.repertoire .cardbar .svg_deco {
	transform: scale(11.5);
    position: relative;
    top: 2.5rem;
    left: 4.5rem;
    fill: rgba(0, 0, 0, 0.04);
}
.repertoire .cardbar .card__content {
	display: flex;
	padding: 2rem 0;
	height: 130px;
	align-items: center;
}
.repertoire .cardbar__content_left {
	width: 50%;
	text-align: right;
}
.repertoire .cardbar__content_middle {
	width: 100%;
	margin-right: 2rem;
}
.repertoire .cardbar .cardbar_content_text {
	margin-bottom: -9px;
}
.repertoire .cardbar .cardbar_content_thin {
	color: black;
	font-weight: 300;
}
.repertoire .cardbar__content_mid {
	margin: -1.2rem 1rem;
	height: 7.3rem;
	border-right: 2px solid #e3e3e3;
}
.repertoire .cardbar__content_right {
	width: 50%;
	text-align: left;
}
.repertoire .cardbar__content_right SPAN {
	text-transform: none;
	color: #97e300;
}
.repertoire .cardbar_nohover_link {
	color: black;
	text-decoration: none;
}

.repertoire .card__content {
	webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid transparent;
}

@media (hover: hover) and (pointer: fine) {
	.repertoire .has_a_link .cardbar:hover .card__content {
		border: 1px solid #97e300;
	}

	/* cards hover effet */
	.hvr-float-shadow {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  position: relative;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	}
	.hvr-float-shadow:before {
		pointer-events: none;
		content: '';
		opacity: 0;
		position: absolute;
		top: 95%;
	    left: 5%;
	    height: 10px;
	    width: 90%;
		z-index: -1;
		background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
		-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
		-webkit-transition-property: transform, opacity; transition-property: transform, opacity;
	}
	.hvr-float-shadow.has_a_link:hover, .hvr-float-shadow.has_a_link:focus, .hvr-float-shadow.has_a_link:active {
		-webkit-transform: translateY(-5px); transform: translateY(-5px);
	}
	.hvr-float-shadow.has_a_link:hover:before, .hvr-float-shadow.has_a_link:focus:before, .hvr-float-shadow.has_a_link:active:before {
		opacity: 1;
		-webkit-transform: translateY(5px); transform: translateY(5px);
	}
}




.repertoire .checkbox {
	box-shadow: none;
	border: 1px solid #8080806b;
    
}
.repertoire .checkbox:not(:checked) {
	background-color: white;
    transition: background-color 0s;
}
.repertoire .checkbox:checked {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M364%2C861.1L10%2C507l96.2-96.1L364%2C668.8l529.8-529.8l96.2%2C96.1L364%2C861.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-size: 60% 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #97e300;
    transition: background-color 0.8s;
}
.repertoire .checkAll_half_checked {
	background-image: url(data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%201000%201000%22%20viewBox%3D%220%200%201000%201000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m10%2010h980v980h-980z%22%20fill%3D%22%2397e300%22%2F%3E%3C%2Fsvg%3E);
    background-size: 80%;
    background-position: center;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-color: white;
}




#no_result_placeholder {
	display: none;
	padding: 3rem 0;
}
@media (min-width: 961px) {
	#no_result_placeholder {
		padding-top: 10rem;
	}
}
.no_result_img {
	padding: 7rem 0 10rem;
}
.no_result_img svg {
	transform: scale(7);
}


/* Pro - Bar pages */
.barpage .section__infogallery .infos__item {
    height: 200px;
    margin-bottom: 6rem;
}

.barpage .section__infogallery .title__mark__bar_pro {
	margin-top: -1rem;
    margin-bottom: 2rem;
}
.barpage .section__infogallery .infos {
	background: none;
	padding: 0;
	margin: 0;
}
/* @media (max-width: 767px) { */
/* 	.barpage .section__infogallery .col_sm_4 { */
/*     	width: 50%; */
/* 	} */
/* } */
/* @media (max-width: 500px) { */
/* 	.barpage .section__infogallery .col_sm_4 { */
/*     	width: 100%; */
/* 	} */
/* } */
@media (min-width: 1200px) {
	.barpage .section__advantages__inner {
    	padding-left: 10%;
	}
}
@media (min-width: 961px) {
	.barpage .section__homeslider {
		padding-top: 9rem;
		padding-bottom: 32rem;
	}
	.barpage .section__databars {
		margin-top: -38rem;
		padding-bottom: 18rem;
	}
}

/**************************/
/* Pro - Bar pages bloc i */
/**************************/
.barpage .infosbar__header {
	cursor: pointer;
}
.barpage .infosbar__footer {
	background-color: white;
}
@media (min-width: 961px) {
	.barpage .infosbar {
/* 		display: none; */
		position: fixed;
		top: 15%;
	}
}
.barpage .infosbar .infosbar__footer .btn {
	margin: .5rem;
}
.barpage .infosbar .infosbar__footer {
	margin: 1.5rem 0;
}

/* close */
.barpage .hide_pro {
	display:none;
}
.barpage .hide_anim_pro {
	transition: transform 0.8s;
	transform: translate(250px);
}
.barpage .display_anim_pro {
	transition: transform 0.8s;
	transform: translate(0px);
}

/*****************/
/* Bar pro staff */
/*****************/
.bar_team_staff {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.bar_team_staff .staff__item {
	padding: 1.5rem;
}
.bar_team_staff .staff__item__img {
	display: inline-table;
    margin-bottom: 1rem;
}
.bar_team_staff h4 {
    font-size: 2rem;
}

/***********************/
/* Homepage video hero */
/***********************/
.homepage .hero__home__background .video_overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.8;
 	z-index: 1;
}

.homepage .hero__home__background .video-play-button {
	display: block;
	position: absolute;
	bottom: calc(60% - 5rem);
	left: calc(50% - 5rem);
	width: 10rem;
	z-index: 2;
	cursor: pointer;
}

.homepage .hero__home__background .video-play-button svg {
    width: 10rem;
    height: 10rem;
}

#home_hero_video {
	position: fixed;
	top: 0;
	left: 0;
}
@media (min-aspect-ratio: 16/9) {
    #home_hero_video {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #home_hero_video {
        width:auto;
        height: 100%;
    }
}

.homepage .section__homeslider {
    padding: 6rem 0;
}

@media (pointer:coarse) {
	.slidergallery .slider__item img:hover {
		opacity: 1;
	}
}

/* COOKIE BAR */
#cookie-bar #cookie-bar-button {
	background: #97e300 !important;
	color: black !important;
	text-shadow: none;
}

/*****************/
/* WoT help page */
/*****************/
.wot .main {
	margin-top: -7rem;
}
.wot_title_logo {
	position: relative;
	width: fit-content;
}

.section_wot svg {
	position: absolute;
	margin: auto;
	left: 60px;
/*     right: 0; */
    top: -4rem;
    width: 17rem;
}

@media (max-width: 960px) {
	.section__info_event {
		padding-bottom: 0;
	}
	.eventsteps__list {
		padding-top: 7rem;
	}
}

.section_wot {
	background-color: #1c1b16;
	height: 485px;
    padding: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.section_wot .title__mark span {
	opacity: 0;
}

.tank_background {
	background-image:url('/img/temp/mediumtank.jpg');
	background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -12rem;
    background-size: auto 515px;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
	left: 0;
    z-index: 0;
    width: 100%;
    height: 50rem;
    background-size: 1440px auto;
    padding-top: 180px;
}

.tank_background:after {
	background-image:url('/img/temp/mediumtank_1540987610.png');
	background-repeat: no-repeat;
    background-position-x: center;
	background-position-y: -12rem;
    content: "";
    height: 480px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 200;
    top: 80px;
}

.section_wot_ext {
	height: 422px;
}

.section_wot_ext .tank_background {
	background-position-y: -16rem;
	padding-top: 142px;
}
.section_wot_ext .tank_background:after {
	background-position-y: -16rem;
}

.eventsteps__list {
	padding-top: 4rem;
}

.eventsteps__list p {
    line-height: 1.4;
    position: relative;
	z-index: 10;
}

.title__mark_wot {
    padding-bottom: 1rem;
    margin-top: -1rem;
    position: relative;
    z-index: 20;
}

.title__mark_wot span,
.title__mark_wot strong {
	background-color: #97e300;
	color: black;
}

.wot_mid {
	margin-top: -5rem;
	margin-bottom: -8rem;
}

.section_wot_bottom {
    margin-top: -5rem;
	background-image: url(/img/openabar/advantages-bg.png);
    background-repeat: no-repeat;
    background-size: 50% 120%;
    padding-bottom: 3rem;
}

.wot_form_bottom_full {
	background-image: url(/img/homepage/03grunge-dark.jpg);
	background-repeat: no-repeat;
	padding-bottom: 2rem;
}

.wot_bottom {
	margin-top: 12rem;
}
.wot_bottom_ext {
	margin-top: 10rem;
}

.instructions_steps {
	padding-right: 3rem;
}

.wot_drinks {
	position: absolute;
    top: -17rem;
    right: 4rem;
}
.wot_drinks img,
.wot_form_drinks img {
	max-height: 35rem;
}

.section_wot_bottom .wot_start_btn {
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    bottom: 6rem;
	text-align: center;
	width: 15rem;
}

.section_wot_bottom .wot_bars_start_btn .btn {
	margin-top: 4rem;
}

.footer_wot {
	background-image: url(/img/openabar/advantages-bg.png);
	height: 18rem;
    position: relative;
}

.footer_wot .btn {
	z-index: 10;
    position: relative;
}

@media (max-width: 1199px) {
	.tank_background,
	.tank_background:after,
	.section_wot_ext .tank_background,
	.section_wot_ext .tank_background:after {
		background-position-y: -11rem;
	}
	.section_wot_ext .tank_background {
		padding-top: 125px;
	}
	.wot_title_logo {
		margin:auto;
	}
	.tank_background {
		padding-top: 118px;
	}
}


.section__info_event {
	position: relative;
}

.datesandbars {
	position: absolute;
	margin-top: 6rem;
	bottom: 0rem;
	left: 10px;
	color: #ffffffbf;
	font-size: 1.3rem;
	line-height: 1.3rem;
	writing-mode: vertical-rl;
	transform: rotate(-180deg);
}

@media (min-width: 961px) and (max-width: 1199px) {
	.section_wot svg {
		left: 0;
		right: 0;
	}
	.section_wot .title__mark {
		margin: auto;
	}
}

@media (min-width: 961px) and (max-width: 1010px) {
	.wot_steps {
	    padding: 0 2rem;
	}
}

@media (max-width: 960px) {
	.tank_background,
	.tank_background:after {
		background-position-y: -12rem;
	}
	.section_wot_ext .tank_background,
	.section_wot_ext .tank_background:after {
		background-position-y: -14rem;
	}
	.wot_title_logo {
		margin-left: 17%;
	}
	.tank_background {
		padding-top: 132px;
	}
	.section_wot svg {
		width: 14rem;
	}
	.section_wot_bottom {
	    background-size: 100% 60%;
	}
	.section_wot_bottom .title__mark {
		padding-bottom: 2rem;
		margin-top: 0;
    }
	.instructions_steps {
		padding-right: 0;
		text-align: center;
	}
	.footer_wot button {
    	position: absolute;
		top: 50%;
		left: 50%;
		transform: skew(-8deg, 0deg) translate(-50%, -50%);
		z-index: 10;
	}
	.wot_drinks {
    	right: 0;
    	bottom: 0;
	    top: unset;
	    width: 100%;
	    padding: 0 5rem;
	    text-align: -webkit-right;
		text-align: -webkit-right;
		text-align: -moz-right;
		text-align: -o-right; 
		text-align: -ms-right;
	}
	
	.wot_drinks div  {
		width: 45%;
	}
	
	.eventsteps__list > li:last-child p {
		max-width: 60%;
	}
	
	.datesandbars {
		bottom: 37rem;
	}

	.wot_form_bottom_full .datesandbars,
	.wot_form_bottom .datesandbars {
		bottom: 0;
	}
}

@media (max-width: 766px) {
	.tank_background {
		background-position-y: 5rem;
		background-size: 840px auto;
		padding-top: 155px;
	}
	.tank_background:after {
		background-size: 840px;
		background-position-y: 0;
	}
	
	.section_wot_ext .tank_background {
		background-position-y: 0;
	}
	.section_wot_ext .tank_background:after {
		background-position-y: -5rem;
	}
	
	.wot_title_logo {
		margin:auto;
	}
	
	.wot_title_logo svg {
	    left: 0;
	    right: 0;
	}
	
	.wot_title_logo .title__mark {
		margin:auto;
	}
	
	.section_wot_bottom {
	    background-size: 100% 55%;
	}
	
	.datesandbars {
		bottom: 42rem;
	}

	.wot_drinks {
		padding-right: 0;
	}
}

@media (max-width: 600px) {
	.wot_drinks {
		padding-bottom: 15%;
	}
	.datesandbars {
		font-size: 1rem;
	}
}

@media (max-width: 500px) {
	.wot_drinks {
		padding-left: 0;
		padding-bottom: 18%;
	}
	.wot_drinks div {
		width: 50%;
	}
	.section_wot_bottom {
		background-size: 100% 52%;
	}
	.datesandbars {
		font-size: 1rem;
		bottom: 45rem;
		left: 5px;
		line-height: 1.1rem;
	}
}

@media (max-width: 450px) {
	.wot_drinks {
		padding-bottom: 24%;
	}
	.section_wot_bottom {
		background-size: 100% 48%;
	}
}

@media (max-width: 400px) {
	.section_wot_bottom {
		background-size: 100% 46%;
	}
	.datesandbars {
		margin-top: 8rem;
		font-size: 0.9rem;
		bottom: 47rem;
	}
}

.wot_icon {
	position: absolute;
	pointer-events: none;
	width: 34rem;
	filter: invert(1) opacity(0.02);
	right: -2rem;
	top: -3rem;
	z-index: 1;
}

.wot_send_information {
	padding-top: 2rem;
	margin: auto;
	margin-top: 5rem;
}

.wot_send_information h2 {
	position: absolute;
    top: 0rem;
    left: -7rem;
	z-index: 20;
}

.wot_send_information strong {
	transform: translateX(6rem);
}

.wot_block_form {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 6rem 0;
    box-sizing: border-box;
	background-color: #00000087;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.wot_rapport_img {
	position: absolute;
	right: 30px;
	transform: rotate(5deg);
}

.wot_block_form .form-error {
	display: none;
}

.wot_block_form label,
.wot_block_form .feedback_msg {
	color: white;
	display: block;
}

.wot_block_form .feedback_msg {
	padding: 0 2rem;
}

#confirm_wot_info_form {
	display: none;
	padding-bottom: 4rem;
}

.wot_block_form input,
.wot_block_form select {
	width: 30rem;
	margin-bottom: 1rem;
	z-index: 10;
}

.wot_block_form select {
	margin-bottom: 2rem;
}

.wot_form_drinks {
    position: absolute;
    z-index: 10;
    top: 68px;
    right: -18rem;
}

.wot_steps_drink {
	top: -17rem;
    left: 0;
    position: absolute;
    width: 82%;
}

.wot_from_home {
	background-image: url(https://na-wotp.wgcdn.co/static/5.60.0_18922f/wotp_static/img/core/frontend/scss/common/blocks/about-play/img/bg-t.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 0;
	padding: 8rem 0 3rem;
}

.wot_form_bottom_full .wot_bars_start_btn {
	margin-top: 2rem;
}

.wot_steps > div div:first-child {
	height: 98px;
}

.wot_steps .wot_steps_ico {
	object-fit: contain;
    width: 82%;
    height: 100%;
}

.wot_steps .wot_steps_nb {
	position: absolute;
    width: 11rem;
    left: -6rem;
    top: 9rem;
    filter: invert(1) opacity(0.1);
}

.wot_steps h4 {
	text-transform: uppercase;
	display: block;
	margin-top: 2rem;
	font-size: 1.9rem;
}

@media (max-width: 1500px) {
	.wot_form_drinks {
		display: none;
	}
}

@media (max-width: 450px) {
	.wot_block_form input,
	.wot_block_form select {
		width: 80%;
	}
}

@media (max-width: 1200px) {
	.wot_form_bottom .wot_drinks {
		right: 0;
	}
	.wot_steps_drink {
		width: 100%;
	}
}

@media (max-width: 960px) {
	.wot_form_bottom .wot_drinks {
		position: absolute;
	    top: -17rem;
		right: 0;
		padding: 0;
		width: 35%;
	}
	.wot_steps_drink {
		top: -13rem;
	}
	.wot_form_bottom {
		background-size: 100%;
	}
	.wot_send_information h2 {
		left: -1rem;
	    top: 3rem;
	}
	.wot_bottom_ext .wot_steps > div div:first-child {
		display: none;
	}
	.wot_bottom_ext .wot_steps > div:last-child div:first-child {
		display: contents;
	}
	.wot_steps_drink {
		width: 55%;
	    top: -23rem;
	    left: 47rem;
	}
	.wot_steps .wot_steps_nb {
		top: -2rem;
	}
}

@media (max-width: 795px) {
	.wot_steps {
		margin-left: 8rem;
	}
	.wot_steps_drink {
	    top: -17rem;
	    left: 40rem;
	}
}

@media (max-width: 766px) {
	.wot_block_form {
		margin: 2rem;
	}
	.wot_send_information h2 {
		margin-left: 0;
		top: 55px;
		left: 50px;
	}
	.wot_bottom_ext .wot_steps > div:last-child div:first-child {
		display: none;
	}
	.wot_steps {
		margin-left: 0;
	}
}

@media (max-width: 700px) {
	.wot_steps {
    	padding: 0 5rem;
	}
}

@media (max-width: 912px) {
	.wot_form_bottom {
		background-size: auto;
	}
}

.wot_from_home h2 {
	top: -5rem;
}
@media (max-width: 960px) {
	.wot_from_home h2 {
		left: -7rem;
		top: -4rem;
	}
}

@media (max-width: 766px) {
	.wot_form_bottom .wot_drinks {
		right: -5rem;
	    top: -10rem;
	}
	.wot_from_home h2 {
		left: -4rem;
		top: -3rem;
	}
}

@media (max-width: 660px) {
	.wot_form_bottom .wot_drinks {
		display: none;
	}
	.wot_from_home h2 {
		left: 1rem;
		top: -1rem;
	}
}

.section_wot_bottom .wot_bars_start_btn.mobile_only .btn {
    margin-top: 0rem;
}

/*************************/
/* Shop button in header */
/*************************/
.menu_btn_shop svg {
	fill: white;
	height: 18px;
	width: auto;
	margin-top: -0.6rem;
	margin-right: 0.3rem;
	transition: inherit;
}

.menu_btn_shop:hover svg {
	fill: #97e300;
}