/* ---- Menu connecté ----------------------------------------------------------------------------------------------- */
#div_menu_connecte ul li span:hover {color:var(--couleur_principale);}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Validation de commande ------------------------------------------------------------------------------- */
#div_historique_commande .section {
    border:					1px solid var(--couleur_principale);
}
#div_historique_commande .detail_resto h4 {font-size:30px;text-align:center;color:var(--couleur_principale);}
#div_historique_commande tr.precisions td {font-weight:normal; font-size:13px; font-style:italic; color:var(--couleur_principale); }
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Boutons ----------------------------------------------------------------------------------------------------- */
.classe_btn_secondaire {
    color:                  var(--couleur_secondaire);
    border:					1px solid var(--couleur_secondaire);
}
.classe_btn_secondaire:hover {
    color:                  var(--couleur_principale);
    border:					1px solid var(--couleur_principale);
}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Changement de quartier (Pop-up) ----------------------------------------------------------------------------- */
#changement_quartier a, #changer_quartier a {color:var(--couleur_principale);}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up ------------------------------------------------------------------------------------------------------ */
.section {
    width:					100%;
    padding:				5px;
    border:					1px solid var(--couleur_principale);
}
.section h5 { margin-bottom:5px; }
.section p { margin-bottom:.5rem; text-align:left; font-size:14px; }
.section a { color:#98969b; font-size:14px; }
.section ul { margin:0px; text-align:left; color:#98969b; font-size:14px; }

.content-popup span.close {border:3px solid var(--couleur_principale);}
.content-popup h2 {color:var(--couleur_principale);}
.content-popup h4 span {color:var(--couleur_principale);font-style:italic;font-size:16px;display:block;}
.content-popup h5 {font-size:16px;margin-bottom:20px;}
.content-popup h6 {font-size:14px;margin:10px 0px; color:#98969b;}
.content-popup h6.special {font-size:14px;margin:10px 0px; color:var(--couleur_principale);}
.content-popup h6.special span {font-weight:bold;}
.content-popup p {margin-bottom:.8rem; color:#98969b; font-size:14px;}
.content-popup p.or {text-align:center;margin:.3rem 0;}
.content-popup p.classe_h2 {margin:0px;font-size:32px;color: #d9242e;text-align: center;font-weight: 600;}
.custom-control {padding-left:0;}
.content-popup .warning h2,
.content-popup .warning p {color:#CC3300;}
h6.rouge {font-weight:bold; color:#CC3300;}
.custom-radio .custom-control-label::before {display:none;}
.content-popup select {
    display: 				block;
    width: 					100%;
    padding:				2px 1.75rem 2px .75rem;
    margin-bottom: 			20px;
    line-height: 			40px;
    color: 					#495057;
    vertical-align: 		middle;
    background: 			#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 		8px 10px;
    border: 1px solid 		#ced4da;
    border-radius: 			.25rem;
    -webkit-appearance:		none;
    -moz-appearance:		none;
    appearance:				none;
    text-align:				center;
}
.content-popuple label span.simp::after, .contenu_categorie label span.simp::after {content:')';}
.content-popup label span.italique {font-style:italic;}
.content-popup label span.italique::before {content:'';}
.content-popup label span.italique::after {content:' )';}
.content-popup label div, .contenu_categorie label div {position:relative;border:2px solid #cbcacc;border-radius:3px;width:21px;height:21px;margin-right:10px;display:inline-block;vertical-align:-5px;}
.content-popup #div_erreur_commande label div {position:relative;background:#FFF; border:2px solid var(--couleur_principale); border-radius:3px;width:21px;height:21px;margin-right:10px;display:inline-block;vertical-align:-5px;}
.content-popup #div_erreur_commande label div.erreur {border:2px solid #CC3300;}

.content-popup .div_parametre.erreur {
    color:				#CC3300;
    border: 			2px solid #CC3300;
    background-color:	#F4ADAD;
}
.content-popup .div_parametre.erreur h4 {
    color:				#CC3300;
}
.content-popup .div_parametre.erreur label div {
    border: 			2px solid #CC3300;
}
.content-popup .div_parametre.erreur label.active div::before {
    background: 	    #CC3300;
}
.content-popup .div_parametre.erreur .has-erreur p {
    padding: 10px;
    margin: 10px;
    background: 	    #CC3300;
    font-weight:        bold;
    color:				white;
}

.content-popup .div_parametre .btn_qty .col-gauche { padding:0px; }
.content-popup .div_parametre .btn_qty .col-gauche .row { border:1px solid #a8a8a8; border-radius:5px; }
.content-popup .div_parametre.erreur .btn_qty .col-gauche .row { border:1px solid #CC3300; }
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-moins,
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-sup-moins { background-color:#e8e8e8; padding:0px; padding-left:8px; padding-top:4px; border:0px; border-top-left-radius:5px; border-bottom-left-radius:5px; }
.content-popup .div_parametre.erreur .btn_qty .col-gauche .row .qty { border-left:1px solid #CC3300; border-right:1px solid #CC3300; }
.content-popup .div_parametre .btn_qty .col-gauche .row .qty { padding-left:6px; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; }
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-plus,
.content-popup .div_parametre .btn_qty .col-gauche .row .btn-sup-plus { background-color:#e8e8e8; padding:0px; padding-left:8px; padding-top:4px; border:0px; border-top-right-radius:5px; border-bottom-right-radius:5px; }
.content-popup .div_parametre .btn_qty .col-droite { margin-bottom:1rem; }

.content-popup label.active div, .contenu_categorie label.active div {border-color:var(--couleur_principale);}
.content-popup label.active div::before, .contenu_categorie label.active div::before {position:absolute;top:15%;left:15%;display:block;background:var(--couleur_principale);border-radius:3px;width:70%;height:70%;content:'';}
.content-popup .row input[type="number"] {background:var(--couleur_principale);border:0;outline:0;width:50%;line-height:40px;color:#fff;font-family:'Montserrat', sans-serif;font-size:24px;text-align:center;position:absolute;left:0;padding:0;border-radius:0;}
.content-popup .bt-top {
    position:		absolute;
    top:			0;
    left:			30px;
    width:			calc(100% - 60px);
    padding:		12px 0 17px 0;
    margin:			0;
    font-size:		15px;
    border-bottom:	1px solid #e0dddd;
}
.content-popup .bt-top div {padding:0 3px;}
.content-popup .contenu_page {
    position:		absolute;
    top:			90px;
    width:			100%;
    border:			0px solid red;
}
.content-popup input[type="reset"] {color:#a8a8a8;text-align:center;text-transform:uppercase;font-family:'Montserrat', sans-serif;font-size:16px;line-height:41px;border:1px solid #a8a8a8;border-radius:0;background:none;display:block;width:100%;cursor:pointer;transition:all .5s ease;}
.content-popup input[type="reset"]:hover {background:#a8a8a8;color:#fff;}
.content-popup [type="submit"],
.content-popup [type="button"],
.content-popup [name="previous"],
.content-popup [name="next"],
.content-popup [name="validation"],
.content-popup [name="facebook"],
.content-popup a.etape,
.acces_banque,
.classe_btn {
    background:var(--couleur_principale);
    color:#fff;
    font-family:'Montserrat', sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;width:100%;
    display:block;line-height:43px;border:0;border-radius:0;cursor:pointer;transition:all .5s ease;
    border: 1px solid #FFF;
}
.classe_btn.active {
    background:#000;
    color:#FFF;
}
.classe_btn_top {
    background:#FFF;
    color:var(--couleur_principale);
    font-family:'Montserrat', sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;width:100%;display:block;line-height:43px;border:0;border-radius:0;
    cursor:pointer;transition:all .5s ease;
    border:1px solid var(--couleur_principale);
}
.classe_btn_top.active {
    background:#000;
    color:#FFF;
    font-family:'Montserrat', sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;width:100%;display:block;line-height:43px;border:0;border-radius:0;cursor:pointer;transition:all .5s ease;
    border:1px solid #FFF;
}
.btn-blanc {
    background:#FFF;
    color:var(--couleur_principale);
    font-family:'Montserrat', sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;width:100%;display:block;line-height:43px;border:0;border-radius:0;
    cursor:pointer;transition:all .5s ease;
    border:1px solid var(--couleur_principale);
}
.content-popup .etape span {color:#fff;}
.content-popup .etape.active {background:#000;}
.content-popup [type="submit"]:hover,
.content-popup [type="button"]:hover,
.content-popup [name="previous"]:hover,
.content-popup [name="next"]:hover,
.content-popup [name="validation"]:hover,
.content-popup [name="facebook"]:hover,
.acces_banque:hover {
    background:#000;
}
.content-popup .btn-blanc:hover {
    background:#000;
}
.content-popup a.etape:hover,
.classe_btn:hover, .classe_btn_top:hover {
    background:#000;
    color:#FFF;
    text-decoration:none;
}
.classe_btn_top:hover {
    border:1px solid #FFF;
}
.classe_btn.active:hover {
    background:var(--couleur_principale);
    color:#FFF;
}
.btn-blanc:hover {
    border:1px solid #FFF;
    background:var(--couleur_principale);
    color:#FFF;
}
.content-popup [name="facebook"] {background:#4267b2;}
/*.content-popup [type="submit"] span::after {content:' €';}*/
.content-popup [type="submit"] span.simple::after {content:'';}
.content-popup .centre {text-align:center;}
.content-popup .ferme {color:#CC3300; font-weight:bold;}
.content-popup .notice {color:#CC3300;}
.content-popup .gris {color:#98969b;}

.content-popup .livraison_et_reglement li, .content-popup .moyen_paiement li {color:#98969b;}
#promotionchoice p span {display:none;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Module de navigation ---------------------------------------------------------------------------------------- */
nav .login ul li span.type_lien:not([href]):not([tabindex]) {color:#FFF;cursor:pointer;}
nav .login ul li span.type_lien:not([href]):not([tabindex]):hover {color:var(--couleur_principale);}
body.page_detail #container .row.product-list.active {animation:none;height:auto;max-height:none;}
.principal { color:var(--couleur_principale); }
nav {background:var(--couleur_principale);height:113px;display:flex;align-items:center;box-shadow:0 0 10px 0 rgba(0,1,1,0.27);transition:all .5s ease;}
nav.pattern-eat-boulevard {
    background-image:url('/site_v3/img/pattern-eat-boulevard.png');
}
nav.scrolled {height:85px;}
nav.scrolled > .row {height:85px;}
nav.scrolled ul li a::before, nav.scrolled .login ul li a::after,
nav.scrolled ul li span.type_lien::before, nav.scrolled .login ul li span.type_lien::after{width:25px;height:25px;}
nav.scrolled .login ul li span.type_lien .nb{ top:25px; }
nav.scrolled img.logo {height:100%;width:85px;}
nav.scrolled .logo + p {font-size:26px;}
nav.scrolled .login {height:100%;}
nav.scrolled > .row div {padding:0;margin:0;}
nav > .row {width:100%;margin:0;height:113px;position:relative;transition:all .5s ease;}
nav > .row div {padding:0;transition:all .5s ease;}
nav > .row div > div {padding:0;height:100%;}
nav img.logo {vertical-align:top;margin-right:5px;transition:all .5s ease;cursor:pointer;border:5px solid transparent; border-radius:50px; }
nav .logo {display:inline-block;font-family:'Permanent Marker';color:#fff;font-size:28px;margin-bottom:0;transition:all .5s ease;max-width:155px;}
nav .logo + p {display:inline-block;font-family:'Permanent Marker';color:#fff;font-size:28px;margin-bottom:0;transition:all .5s ease;max-width:155px;}
nav .logo + p span {font-size:12px;line-height:14px;font-family:'Montserrat', sans-serif;font-weight:normal;display:block;}
nav .logo + p span strong {font-weight:bolder;text-transform:uppercase;}
nav .login {background:#000;height:113px;transition:all .5s ease;}
nav .login .menu {display:none;cursor:pointer;position:fixed;top:10px;left:10px;height:auto;}
nav .login .menu::before, .menu::after {position:relative;content:'';display:block;}
nav .login .menu div, nav .login .menu::before, nav .login .menu::after {width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.4s;}
nav .login .menu.active div {opacity:0;}
nav .login .menu.active::before {transform:rotate(-45deg) translate(-9px, 6px);}
nav .login .menu.active::after {transform:rotate(45deg) translate(-8px, -8px);}
nav .address {height:auto!important;}
nav .address::before {content:'';background:url('/site_v3/img/picto-map.svg') center center no-repeat;background-size:contain;width:28px;height:28px;display:block;position:absolute;top:-2px;}
nav .address + ul {margin-top:.7rem;}
nav ul {display:flex;align-self:flex-start;justify-content:flex-start;align-items:center;margin-bottom:0;margin-top:1rem;padding-left:0;}
nav ul li {list-style-type:none;text-transform:uppercase;font-size:14px;line-height:1;color:#fff;text-align:center;margin:0 15px;}
nav ul li a {color:#fff;display:block;text-align:center;}
nav ul li a:hover {color:#000;text-decoration:none;}
nav ul li a span {margin-left:5px; font-weight:lighter;font-size:12px;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Auto-complétion du haut de page ----------------------------------------------------------------------------- */
.postcode {
    text-align:			center;
    width:				90%;
    background:			none;
    border:				none;
    border-bottom:		1px solid rgba(255,255,255,.3);
    color:				rgba(255,255,255,.6);
    font-family:		'Montserrat';
    font-style:			italic;
}
.postcode:-moz-placeholder { color:#fff; }
.postcode::-moz-placeholder { color:#fff; }
.postcode::-webkit-input-placeholder { color:#fff; }
.postcode:-ms-input-placeholder { color:#fff; }
.postcode:focus {outline:none;}
.ui-autocomplete-loading {
    background: 		white url( '/img/ajax-loader.gif' ) right center no-repeat;
}
.ui-autocomplete {
    background: 		#fff;
    border: 			1px solid #fff;
    z-index: 			40000;
    font-weight: 		300;
    font-size: 			13px;
    line-height: 		19px;
    text-align: 		center;
    color : 			#a8a8a8;
    list-style-type: 	none;
    max-height: 		200px;
    overflow-y: 		auto;
    overflow-x: 		hidden;
}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Sliders ----------------------------------------------------------------------------------------------------- */
.swiper-pagination-bullet-active {background:var(--couleur_principale);}
.slider.round {border-radius:34px;display:inline-block;width:10px;height:32px;left:-19px;top:2px;}
.slider.round:before {border-radius:50%;}
.slider.round:before {display:none;}

/* ---- Promo ------------------------------------------------------------------------------------------------------- */
.promo {display:block;width:100%;text-align:center;background:#000;height:35px;color:#fff;top:0;position:fixed;font-size:12px;line-height:35px;z-index:99;}
.promo p {margin-bottom:0;}
.promo a.close {width:15px;height:15px;position:absolute;right:10px;top:10px;border:1px solid #fff;border-radius:50px;line-height:12px;padding:0;font-size:12px;color:#fff;font-weight:normal;font-family:'Montserrat', sans-serif;text-align:center;}
.promo ul {
    display:			flex;
    align-self:			flex-start;
    justify-content: 	flex-start;
    align-items:		flex-end;
    margin-bottom:		0;
    margin-top:			0;
    padding-left:		0;
}
.promo ul li {
    list-style-type:	none;
    text-transform:		uppercase;
    font-size:			12px;
    line-height:		1;
    color:				#fff;
    text-align:			center;
    margin:				10px;
}
.promo ul li a {color:#FFF;font-size:12px;text-decoration:none;}
.promo ul li a:hover {color:var(--couleur_principale);}

.ui-menu-item-wrapper {
    color:				var(--couleur_principale);
}
.ui-menu-item-wrapper:hover {
    background:			var(--couleur_principale);
    color:				#FFF;
    border:				none;
    border-bottom:		1px solid rgba(255,255,255,.3);
}
nav.scrolled .address + ul {margin-top:.3rem;}
nav .login ul li span.type_lien {color:#FFF;text-decoration:none;}
nav .login ul li span.type_lien::before {display:none;}
nav .login ul li span.type_lien::after {
    content:'';background:url('/site_v3/img/picto-connexion.svg') no-repeat center center;background-size:contain;
    width:45px;height:45px;display:block;margin:10px auto 0 auto;transition:all .5s ease;
}
nav .login ul li span.type_lien.show-cart {position:relative;cursor:pointer;}
nav .login ul li span.show-cart::after {background-image:url('/site_v3/img/picto-panier.svg');}
nav .login ul li span.type_lien .nb {position:absolute;top:30px; left:40px; bottom:10px;right:-7px;background:#fff;border-radius:50px;width:20px;height:20px;text-align:center;line-height:20px;font-size:13px;color:#ff002a;}
nav .login ul li span.type_lien:hover {color:var(--couleur_principale);}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Avis ------------------------------------------------------------------------------------------------- */
.star-1, .star-2, .star-3, .star-4, .star-5, .star-moy {border-right:12px solid transparent;border-bottom:8px solid #dfdfdf;border-left:12px solid transparent;position:relative;margin:0;display:block;width:0;height:0;transform:rotate(35deg);}
.star-1:before, .star-2:before, .star-3:before, .star-4:before, .star-5:before , .star-moy:before {border-bottom:10px solid #dfdfdf;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;display:block;width:0;height:0;top:-6px;left:-8px;transform:rotate(-35deg);content:'';}
.star-1:after, .star-2:after, .star-3:after, .star-4:after, .star-5:after, .star-moy:after {position:absolute;display:block;width:0;height:0;top:1px;left:-13px;border-right:12px solid transparent;border-bottom:8px solid #dfdfdf;border-left:12px solid transparent;transform:rotate(-70deg);content:'';}
.rating {display:inline-block;padding:0;margin:0;cursor:pointer;list-style-type:none;vertical-align:3px;}
.rating .star {display:inline-block;margin:0;padding:0;}
.rating.note-globale {margin:0 auto;display:block;text-align:center;}
.rating.note-clients {transform:scale(.75);transform-origin:0 0; margin-bottom:5px;}

.rating.note-internaute {margin-bottom:20px;}
.rating.note-internaute:hover .star-five, .rating.note-internaute:hover .star-five:before, .rating.note-internaute:hover .star-five:after {border-bottom-color:#d9242e;}
.rating.note-internaute:hover .star:hover .star-five {border-bottom-color:#d9242e;}
.rating.note-internaute:hover .star:hover .star-five:before, .rating.note-internaute:hover .star:hover .star-five:after {border-bottom-color:#d9242e;}
.rating.note-internaute:hover .star:hover ~ .star .star-five {border-bottom-color:#dfdfdf;}
.rating.note-internaute:hover .star:hover ~ .star .star-five:before, .rating.note-internaute:hover .star:hover ~ .star .star-five:after {border-bottom-color:#dfdfdf;}

#avis .content-popup h5 {margin-bottom:5px;}
#avis .content-popup p.h4 {font-size:30px;text-align:center;color:#d9242e;}
#avis .content-popup p {font-size:14px;}
#avis .avis-internaute {text-align:center;}
#avis .content-popup .avis-internaute {padding-top:20px;}
#avis .content-popup .avis-internaute p {color:#d9242e;font-size:16px;margin-bottom:0;}
#avis .liste {overflow:auto;height:100%;max-height:560px;}
#avis [name="commentaire-internaute"] {resize:none;width:100%;font-size:14px;padding:5px;}
#avis h4 {margin-bottom:10px; font-size:30px;text-align:center;color:#d9242e;}
#avis h4 span {text-align:center;font-style:normal;}
#avis h4 span em {display:block;font-size:30px;color:#000;display:block;font-style:normal;}
#avis h4 span::after {content:'';display:block;width:80px;height:6px;margin:20px auto 10px auto;background:#000;}
#avis a {color:var(--couleur_principale);}
#avis .content-popup .row:first-of-type {border:0;}

#avis_ajout .principal { color:var(--couleur_principale); }
#avis_ajout span::before, #avis_ajout span::after {content:'';}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Infos pratiques -------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Connexion / Inscription ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Validation de commande ------------------------------------------------------------------------------- */
#div_validation_commande .section_connexion {
    width:					100%;
    padding:5px;
    border:1px solid var(--couleur_principale);
}
#div_validation_commande tr.precisions td {font-weight:normal; font-size:13px; font-style:italic; color:var(--couleur_principale); }
#principal .liste_acces {
    padding: 30px 30px 50px 30px;
}
#principal .acces {
    margin-bottom: 30px;
    padding: 10px;
    text-align: center;
    border: 1px solid #000;
    border-radius:3px;
}
#principal a h4 {
    text-align: center;
    font-size: 18px;
    color: #000;
}
#principal a p {
    font-size: 14px;
    color: #000;
}
#principal a:hover {
    text-decoration: none;
    border: 1px solid #000;
}
#principal a.flyer {
    text-decoration: none;
    font-weigth: bold;
    color: var(--couleur_principale);
}
#principal a.flyer:hover {
    text-decoration: none;
    border: 0px;
}
#principal .acces:hover {
    background-color: #FFF;
    text-decoration: none;
    border: 1px solid var(--couleur_principale);
}
#principal .acces:hover h4, #principal .acces:hover p {
    color: var(--couleur_principale);
}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Pop-up Historique & Suivi de commandes ---------------------------------------------------------------------- */
#div_historique_commande_contenu a {color:var(--couleur_principale);}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Changement de quartier (Pop-up) ----------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Panier ------------------------------------------------------------------------------------------------------ */
#cart h3::before {content:'';display:block;width:100%;height:1px;background:var(--couleur_principale);}
#cart h3::after {content:'';display:block;width:35px;height:6px;margin:0 auto;background:var(--couleur_principale);}
#cart input {display:block;width:100%;background:var(--couleur_principale);border:0;font-family:'Montserrat', sans-serif;text-align:center;color:#fff;}
#cart .row div:first-child .bt-remove:hover {color:var(--couleur_principale);border-color:var(--couleur_principale);}
#cart .row div:first-child .bt-remove-menu:hover {color:var(--couleur_principale);border-color:var(--couleur_principale);}
/* ------------------------------------------------------------------------------------------------------------------ */


header {margin-top:113px;height:330px;display:flex;align-items:center;align-self:center;align-content:center;justify-content:flex-end;}
header.principal {height:150px;}
header.menu {margin-top:113px;height:0px;display:flex;align-items:center;align-self:center;align-content:center;justify-content:flex-end;}
header.notification {height:150px;}
header > div {flex:1;}
h1 {font-family:'Montserrat', sans-serif; font-size:50px; font-weight:bolder; color:#000;}
h1 span {display:block;font-size:18px;font-weight:normal;line-height:40px;color:#000;}
.carte h2, .carte span.style_h2 {margin-bottom:0px;font-size:16px;font-weight:400;line-height:1.5;}
.carte a:hover h2, .carte a.active h2,
.carte a:hover span.style_h2, .carte a.active span.style_h2 {color:var(--couleur_principale); font-weight:600;}
.carte.fixed h2, .carte.fixed span.style_h2 {padding: 0;}
h3, span.style_h3 {font-family:'Permanent Marker';color:var(--couleur_principale);line-height:80px;}
p.titre_colonne_gauche {font-family:'Permanent Marker';font-size:1.75rem;color:var(--couleur_principale);}
.tiret {content:''; display:block; width:120px; height:6px; margin:20px auto 0 auto; background:#000;}
#moyens_paiement img { margin-bottom:5px;}
#top {-moz-box-shadow:-5px 10px 10px 0px #bcbbbb;-webkit-box-shadow:-5px 10px 10px 0px #bcbbbb;-o-box-shadow:-5px 10px 10px 0px #bcbbbb;box-shadow:-5px 10px 10px 0px #bcbbbb;filter:progid:DXImageTransform.Microsoft.Shadow(color=#bcbbbb, Direction=243, Strength=10);}
#la-carte {margin-top:10px;}
span.type_lien:hover {cursor:pointer;}
a.lien_simple_couleur, span.lien_simple_couleur {color:var(--couleur_principale);}
a.lien_simple, span.lien_simple {color:var(--couleur_principale); font-size:18px;}
a.lien_simple_bis, span.lien_simple_bis {color:var(--couleur_secondaire); font-size:18px;}
a.lien_simple_couleur:hover, a.lien_simple:hover, a.lien_simple_bis:hover,
span.lien_simple_couleur:hover, span.lien_simple:hover, span.lien_simple_bis:hover {font-weight:600; text-decoration:none;}

span.lien_ouverture { cursor: pointer; }
span.lien_ouverture.ouvert { color: green; }
span.lien_ouverture.ferme { color: #CC3300; }
span.lien_ouverture.precommande { color: var(--couleur_principale); }
span.lien_ouverture:hover { cursor: pointer; text-decoration:underline; }

.bg-first-color {background:var(--couleur_principale);}
.bg-second-color {background:var(--couleur_secondaire);}
.mb-3, .my-3 {margin:0!important;}
#container .right-column h3, #container .right-column h4 {font-family:'Montserrat', sans-serif;font-weight:600;font-size:30px;line-height:1;color:#3d3c3f;text-align:center;}
#container .right-column h4 {font-weight:normal;font-size:14px;color:#3d3c3f;}
#container .bt-collapse {color:var(--couleur_principale);font-weight:normal;text-align:center;display:flex;justify-content:center;cursor:pointer;}
#container .bt-collapse-link {font-size:50px; transition:all .5s ease;}
#container .bt-collapse-link:hover {font-size:80px;}
#container .right-column .bg-second-color h3, #container .right-column .bg-second-color span.style_h3,
#container .right-column .bg-second-color h4, #container .right-column .bg-second-color span.style_h4,
#container .bg-second-color .bt-collapse {color:#fff;}
#container .right-column span.style_h3, #container .right-column span.style_h4 {color:#3d3c3f;}
#container .right-column span.style_h3, #container .right-column .bg-second-color span.style_h3 {font-family:'Montserrat', sans-serif; width:100%; font-weight:600; font-size:30px; line-height:1; text-align:center;}
#container .right-column span.style_h4, #container .right-column .bg-second-color span.style_h4 {font-family:'Montserrat', sans-serif; width:100%; font-weight:normal; font-size:14px; line-height:1; text-align:center;}
#container .right-column .bg-second-color span.style_h3,
#container .right-column .bg-second-color span.style_h4 { margin-top:0; margin-bottom:0.5rem; }
/*#container .bt-collapse {color:var(--couleur_principale);font-size:50px;font-weight:normal;text-align:center;display:flex;justify-content:center;cursor:pointer;transition:all .5s ease;}*/

#container .right-column .row {min-height:205px;}
#container .right-column .row.affichage_rm {min-height:235px; padding-top:25px;}
#container .row.product-list {display:block;border:0 solid transparent;padding:0 35px;min-height:0;max-height:0;overflow:hidden;}
#container .row.product-list.active {animation:none;height:auto;max-height:none;}
#container .row.product-list.inactive {animation:openListReverse .5s ease forwards; overflow:hidden;}
.product-list .addtocart img, img.addfrompopup {opacity:0;position:absolute;height:35px;width:35px;z-index:100;pointer-events:none;}

@keyframes openList {
    0% {border:0 solid var(--couleur_principale);max-height:0;}
    50% {border:1px solid var(--couleur_principale);max-height:0;}
    100% {border:1px solid var(--couleur_principale);max-height:500px;}
}
@keyframes openListReverse {
    0% {border:1px solid var(--couleur_principale);max-height:500px;}
    50% {border:1px solid var(--couleur_principale);max-height:0;}
    100% {border:0 solid var(--couleur_principale);max-height:0;}
}
#container .product-list .row {border-bottom:1px solid #ddd;min-height:0;padding:15px 0;}
#div_contenu_categorie {
    max-height: 	1000px;
}
.product-list p span {display:block;color:#9d9d9f;font-size:14px;}
.product-list p a {color:var(--couleur_principale); font-size:14px;}
.product-list button {background:var(--couleur_principale);color:#fff;border:none;box-shadow:none;width:100%;line-height:38px;font-family:'Montserrat', sans-serif;padding:0;transition:all .5s ease;cursor:pointer;overflow:hidden;position:relative;padding-right:46px;}
.product-list button::after {position:absolute;content:'+';line-height:38px;font-size:40px;right:0;width:46px;text-align:center;transition:all .2s ease;}
img {max-width:100%;}
.bg-light {background:#fff;}
.bg-illustration {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.flex {display:flex;align-items:center;align-content:center;justify-content:center;}
.btn-primary {background-color:var(--couleur_principale);border-color:var(--couleur_principale);}
.btn-primary:hover {background-color:#000;border-color:#000;}
#infos {background-color:#FFF;}
#div_carte h3::before {content:'';display:block;width:230px;height:6px;background:var(--couleur_principale);margin:30px auto 0 auto;}
#div_carte.fixed h3 {line-height:40px;}
.carte.fixed {position:fixed; top:150px; overflow: auto; max-height: calc(100vh - 100px);}
.carte.fixed ul li a {padding:0;font-size:12px;}
.carte ul {margin:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;}
.carte ul li {list-style-type:none;}
.carte ul li a {display:block;color:#3d3c3f;padding:3px 0;transition:all .5s ease;}
.carte ul li a:hover {
    color:var(--couleur_principale);
    text-decoration:none;
}
/* ------------------------------------------------------------------------------------------------------------------ */



/* ---- Section Inscription ----------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ==== Divers ====================================================================================================== */

/* ---- Formules ---------------------------------------------------------------------------------------------------- */
#top {min-height:300px;}
#principal #top {min-height:200px;}
.btns_fonctionnement { margin-top:8px; }
div.bg-illustration { padding: 0px; }

.formules h3 {transition:all .5s ease;}
.formules .formule, .formules .promotion {padding:5px;cursor:pointer;}
.formules .formule p, .formules .promotion p, .formules .formule p span, .formules .promotion p span {font-size:13px;font-weight:bold;}
.formules .formule p, .formules .promotion p {box-shadow:0 0 10px 0 rgba(0,1,1,0.27);font-size:11px;font-weight:normal;padding:20px;margin-bottom:0;color:#3d3c3f;}
.formules .formule p span, .formules .promotion p span {display:block;}
.formules .formule p.txt-gray, .formules .promotion p.txt-gray {color:#68676b;}
.formules .row {margin:0;}

.swiper-button-next, .swiper-button-prev {width:17px;height:24px;margin-top:-12px;background-size:17px 24px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23var(--couleur_principale_bis)'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23var(--couleur_principale_bis)'%2F%3E%3C%2Fsvg%3E");}

.slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.3);transition:.4s;}
.slider:before {position:absolute;content:'';height:16px;width:16px;left:-2px;bottom:0;background-color:#fff;transition:.4s;}
input:checked + .slider {background-color:rgba(255,255,255,.3);}
input:focus + .slider {box-shadow:0 0 1px #2196F3;}
input:checked + .slider:before {transform:translateY(-16px);}
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}

.commentaire { border:2px solid var(--couleur_principale); }
/* ------------------------------------------------------------------------------------------------------------------ */

/* ---- Sliders ----------------------------------------------------------------------------------------------------- */
.swiper-container {width:100%;height:100%;}
.swiper-slide {display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-bottom:50px;}
.swiper-formules .swiper-slide, .swiper-validation-commande .swiper-slide {padding-bottom:0;}
/* ------------------------------------------------------------------------------------------------------------------ */
/* ================================================================================================================== */


/* ---- Présentation des catégories --------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Liste des catégories de gauche ------------------------------------------------------------------------------ */

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


/* ---- Footer ------------------------------------------------------------------------------------------------------ */
footer {position:relative;background:#ebebeb;font-family:'Montserrat', sans-serif;font-size:11px;padding-top:75px;padding-bottom:20px;}
footer .row {margin:0;}
footer h3, footer span.style_h3 {font-size:20px;line-height:40px;margin-bottom:0;}
footer img + p::before {content:'';background:var(--couleur_principale);width:35px;height:6px;display:block;margin:65px auto 45px auto;}
footer a[rel="nofollow"] {color:#a0a0a0;}
footer h5 {margin-bottom:0px; font-size:13px;}
footer a.social { font-size:30px; }
footer ul {list-style-type:none; padding-left:10px;}
footer ul li a {color:var(--couleur_principale);}
footer ul li a:hover {color:#000; text-decoration:none;}
footer .paiement::before, footer .livraison::before {content:'';width:70px;height:90px;float:left;margin-right:10px;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url('/site_v3/img/picto-paiement.svg');}
footer .livraison::before {background-image:url('/site_v3/img/picto-livraison.svg');margin-top:25px;}
footer .livraison h3::before {background:var(--couleur_principale);margin:35px 0 25px 80px;width:35px;height:6px;display:block;content:'';}
/* ------------------------------------------------------------------------------------------------------------------ */



/* ---- Version MOBILE ---------------------------------------------------------------------------------------------- */
@media screen and (max-width:991px){
    .hidden-xs {
        display: none !important;
    }

    nav > .row div { margin: 0; }
    nav > .row div > div {height:25%;}
    nav div.col-md-4, nav div.col-md-7 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    h1 {font-size:18px;}
    #btn_fonctionnement {
        width:100%;
        height:50px;
        padding:10px;
        padding-left:20px;
        margin-top:0px;
        background:var(--couleur_principale);
        display:block;
    }
    #zone_categories {
        width:100%;
        height:85px;
        padding:10px;
        margin-top:0px;
        background:var(--couleur_principale);
        display:block;
    }
    #zone_categories select {
        display: 				block;
        width: 					100%;
        padding:				2px 1.75rem 2px .75rem;
        margin-bottom: 			20px;
        line-height: 			40px;
        color: 					#495057;
        vertical-align: 		middle;
        background: 			#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
        background-size: 		8px 10px;
        -webkit-appearance:		none;
        -moz-appearance:		none;
        appearance:				none;
        text-align:				center;
    }
    #cart, #cart.scrolled {padding-top:0px; margin-top:95px; padding-bottom:125px; z-index:9999;}
    #btn_changer_quartier { margin-top:0px; }
    nav ul {justify-content:flex-end;align-items:flex-end;margin-top:0;}
    nav, nav .login, nav.scrolled, nav.scrolled > .row, nav > .row {height:60px;}
    nav > .row div > .col-md-7 {transition:all .5s ease;overflow:hidden;}
    nav.scrolled > .row div > .col-md-7 {height:0;}
    nav div.col-md-9 col-sm-9 {display:none;}
    nav div.col-md-9 .col-md-4 {display:none;}
    nav div.col-md-9 ul {display:none;}
    nav div.col-md-9 ul li.bt-switch {display:flex;}
    nav .login ul li.bt-switch a {font-size: 12px;}
    nav div.col-md-7 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
    nav div.col-md-7 ul {justify-content:center;}

    nav ul li.bt-switch div, nav.scrolled ul li.bt-switch div {line-height:1.5;}
    nav ul li a span {
        display: 			block;
        position: 			absolute;
        bottom: 			25px;
        right: 				2px;
        background: 		#fff;
        border-radius: 		50px;
        width: 				20px;
        height: 			20px;
        text-align: 		center;
        line-height: 		20px;
        font-size: 			13px;
        color: 				#ff002a;
    }

    .no_scroll{ overflow:hidden; }
    nav .login .menu {display:inline-block;}
    nav .login .menu.promoactive {top:45px;}
    nav .login ul li {margin:0 20px;}
    nav .login ul li span.type_lien::after { margin: 0 auto; }
    nav .login ul li span.type_lien { font-size:0;}
    nav .login ul li span.type_lien::after, nav.scrolled ul li span.type_lien::before, nav.scrolled .login ul li span.type_lien::after {width:35px;height:35px;}
    nav.scrolled .login ul li span.type_lien .nb{ top:5px; }
    nav .login ul li span.type_lien.connexion::after, nav .login ul li span.se_deconnecter::after {background-image:url('../img/picto-connexion.svg');}
    nav .login ul li span.type_lien.show-cart::after {background-image:url('../img/picto-panier.svg');}
    nav .login ul li span.type_lien .nb { top:5px; left:8px; }
    nav ul li .choixlivraison label {color:#fff;}
    nav .address {display:block;background:var(--couleur_principale);width:100%;}
    nav .address::before {display:none;}
    nav .address input {width:100%;border:0;font-size:1rem;line-height:2;color:#fff;}
    .switch {margin-bottom:0;}
    nav ul li input[id="choixlivraison"]:checked ~ .choixlivraison::before {top:22px;}
    .addtocart {padding-right:0;}
    .product-list p {padding-bottom:5px;}
    footer .col-md-2 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;text-align:center;}
    footer .col-md-3 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;text-align:center;}

    header {
        margin-top:215px;
        height:145px;
    }
    header.livraison {
        margin-top:255px;
    }
    #top {min-height:180px;}
    #top .bg-illustration {display:none;}

    #container .right-column .row .bg-illustration { height:150px; }
    #container .product-list .row { min-height:0px; }
    /*#container .bt-collapse:hover { font-size:50px; }*/

    #div_connexion { margin-top:40px; }

    .content-popup {max-height:700px;}
    /*.content-popup .bt-bottom {position:static; width:100%; height:125px;}
    .content-popup .bt-bottom button {margin-bottom:1px; border:0px solid blue;}*/
    .content-popup .etape span {font-size:12px;line-height:2;}
    #div_suivi_commande_contenu .bt-top {position:relative;}
    #div_suivi_commande_contenu .container-popup { overflow:auto; margin-top:40px; margin-bottom:0; width:100%; height:calc(100% - 40px); display:block; }

    #addtocart .container-popup,
    #addtocart .container-popup-offert { overflow:auto; margin-top:40px; margin-bottom:0; width:100%; height:calc(100% - 100px); display:block; }

    .classe_btn {margin-bottom:2px;}

    #div_inscription_contenu .container-popup { overflow:auto; margin-top:40px; margin-bottom:0; width:100%; height:calc(100% - 40px); display:block; }
    #div_inscription_contenu .bt-top {position:relative; padding:0;}
    #div_inscription_contenu .container-popup { overflow:auto; margin-top:0px; margin-bottom:0; width:100%; height:100%; display:block; }
    #cart {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
    .carte, .carte.fixed {
        position:fixed;left:-100%!important;text-align:center;
        width:100%!important;
        height: 100%;
        max-height: calc(100vh - 100px);
        overflow:auto;
        z-index:99;background-color:#fff;top:90px;padding:30px;transition:all .5s ease;
    }
    .carte.active {
        left:0!important;
        overflow: auto;
        height: 100%;
        min-height: calc(100vh - 150px);
    }
    .carte.promoactive {top:115px;}
    .carte h3, .carte.fixed h3 {line-height:40px;}
    .carte ul li a, .carte.fixed ul li a {padding:2px 0;font-size:14px;}
    .carte::before {content:'';}
    .ouverture { text-align:center; }
    .afficher_horaire_ouverture { font-size:22px; }
    #avis [name="commentaire-internaute"] {max-height:50px;}
    #avis h4 span {display:none;}
    #avis .content-popup .avis-internaute {padding-top:10px;}
    #avis .content-popup p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    #div_historique_commande_contenu .bt-top {position:relative;}
    #div_historique_commande_contenu .container-popup { overflow:auto; margin-top:40px; margin-bottom:0; width:100%; height:calc(100% - 40px); display:block; }
    #div_historique_commande table, thead, tbody, th, td, tr {display:block;}
    #div_historique_commande thead tr {position:absolute;top:-9999px;left:-9999px;}
    #div_historique_commande tr {border:1px solid #ccc;}
    #div_historique_commande td {border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;}
    #div_historique_commande td:before {position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}
    #div_historique_commande td:nth-of-type(1):before {content:"Désignation";}
    #div_historique_commande td:nth-of-type(2):before {content:"Prix unitaire";}
    #div_historique_commande td:nth-of-type(3):before {content:"Quantité";}
    #div_historique_commande td:nth-of-type(4):before {content:"Sous-total";}
    #div_historique_commande tr.informations td:nth-of-type(1):before {content:"Informations";}
    #div_historique_commande tr.precisions td:nth-of-type(1):before {content:"Précisions";}
    #div_historique_commande tr.precisions td:nth-of-type(1):after {content:"";}
    #div_historique_commande tr.reductions td:nth-of-type(1), tr.livraison td:nth-of-type(1) {display:none;}
    #div_historique_commande tr.reductions td:nth-of-type(2):before {content:"Réductions";}
    #div_historique_commande tr.frais td:nth-of-type(1), tr.frais td:nth-of-type(1) {display:none;}
    #div_historique_commande tr.frais td:nth-of-type(2):before {content:"Frais";}
    #div_historique_commande tr.total td:nth-of-type(1), tr.total td:nth-of-type(1) {display:none;}
    #div_historique_commande tr.total td:nth-of-type(2):before {content:"Total TTC";}

    #div_suivi_commande table, thead, tbody, th, td, tr {display:block;}
    #div_suivi_commande thead tr {position:absolute;top:-9999px;left:-9999px;}
    #div_suivi_commande tr {border:1px solid #ccc;}
    #div_suivi_commande td {border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;}
    #div_suivi_commande td:before {position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}
    #div_suivi_commande td:nth-of-type(1):before {font-weight:bold; content:"Etape";}
    #div_suivi_commande td:nth-of-type(2) {text-align:left;}
    #div_suivi_commande td:nth-of-type(2):before {font-weight:bold; content:"Etat";}

    /* ---- Divers -------------------------------------------------------------------------------------------------- */
    h1, h2, h3, h4, h5, h6, .h1 {text-align:center;}

    footer {font-size:22px;}
    /* -------------------------------------------------------------------------------------------------------------- */

}
@keyframes anim-container {
    0% { top: -100%; }
    10% { top: 0; }
    100% { top: 0; }
}
@keyframes anim-container-close {
    0% { top: 0; }
    100% { top: 100%; }
}
@keyframes anim-container-bubble {
    0% { transform: rotate(-130deg) scale(0);}
    10% { transform: scale(1.2);}
    15% { transform: rotate(0) scale(1);}
    100% { transform: rotate(0) scale(1);}
}
@keyframes rotate-topbun{
    0% { transform: translate(0px, -100px) rotate(-90deg) ; width:40px; height:7px; }
    20% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:7px; }
    22% { transform: translate(0, -20px) rotate(-45deg); width:40px; height:7px; }
    27% { transform: translate(0, 1px); width:42px; height:6px; }
    30% { transform: translate(0, -1px); width:40px; height:7px; }
    32% { transform: translate(0, 0) rotate(0deg); width:40px; height:7px; }
    92% { transform: translate(0, 0) rotate(0deg);width:40px; height:7px; }
    99% { transform: translate(0, 20px) rotate(10deg); width:40px; height:7px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:7px; }
}
@keyframes rotate-chez{
    0% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:2px; }
    18% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:2px; }
    20% { transform: translate(0, -20px) rotate(45deg); width:40px; height:2px; }
    25% { transform: translate(0); width:42px; height:1px; }
    28% { transform: translate(0); width:40px; height:2px; }
    30% { transform: translate(0, 0) rotate(0deg); width:40px; height:2px; }
    90% { transform: translate(0, 0) rotate(0deg);width:40px; height:2px; }
    98% { transform: translate(0, 20px) rotate(10deg); width:40px; height:2px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:2px; }
}
@keyframes rotate-meet{
    0% { transform: translate(0px, -100px) rotate(-90deg) ; width:40px; height:7px; }
    15% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:7px; }
    17% { transform: translate(0, -20px) rotate(-45deg); width:40px; height:7px; }
    22% { transform: translate(0); width:42px; height:6px; }
    25% { transform: translate(0); width:40px; height:7px; }
    27% { transform: translate(0) rotate(0deg); width:40px; height:7px; }
    87% { transform: translate(0) rotate(0deg);width:40px; height:7px; }
    95% { transform: translate(0, 20px) rotate(10deg); width:40px; height:7px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:7px; }
}
@keyframes rotate-lettus{
    0% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:3px; }
    10% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:3px; }
    12% { transform: translate(0, -20px) rotate(45deg); width:40px; height:3px; }
    17% { transform: translate(0); width:42px; height:1px; }
    20% { transform: translate(0); width:40px; height:3px; }
    22% { transform: translate(0) rotate(0deg); rotate(0deg);width:40px; height:3px; }
    85% { transform: translate(0) rotate(0deg);width:40px; height:3px; }
    92% { transform: translate(0, 20px) rotate(10deg); width:40px; height:3px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:3px; }
}
@keyframes rotate-bun-bottom{
    0% { transform: translate(0px, -100px) rotate(90deg) ; width:40px; height:7px; }
    5% { transform: translate(0, -40px) rotate(45deg); width:40px; height:7px; }
    7% { transform: translate(0) rotate(0deg); width:44px; height:5px; }
    12% { transform: translate(0) rotate(0deg); width:40px; height:7px; }
    15% { transform: translate(0) rotate(0deg); width:40px; height:7px;}
    18% { transform: translate(0) rotate(0deg);width:40px; height:7px; }
    80% { transform: translate(0) rotate(0deg);width:40px; height:7px; }
    87% { transform: translate(0, 10px) rotate(10deg); width:40px; height:7px; }
    100% { transform: translate(0, 150px) rotate(45deg); width:40px; height:7px; }
}
@media (min-width: 992px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-xs,
.visible-lg {
    display: none !important;
}
@media (max-width: 991px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (min-width: 992px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}