@font-face {
    font-family: 'gizaregular';
    src: url('fonts/giza-fivefive-webfont.woff2') format('woff2'), url('fonts/giza-fivefive-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.opacit {
    opacity: 0.7;
    background-image: linear-gradient(to left, rgba(53, 39, 29, 0), rgba(53, 39, 29, 0.5));
}

/**page heading**/
.page-heading {
    position: relative;
    margin-bottom: 10px;
}

.heading-title {
    text-align: center;
    height: 110px;
}

.heading-content h2, .specialite-content h2 {
    font-family: 'Camera Obscura';
    font-size: 80px;
    text-align: left;
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
}

.heading-content p, .specialite-content p {
    font-family: 'Gotham', sans-serif;
    font-size: 17px;
    line-height: 1.21;
    letter-spacing: -0.2px;
    text-align: left;
    color: #ffffff;
    padding-top: 40px;
}

.heading-content, .specialite-content {
    width: 45vw;
    top: 234px;
    position: absolute;
    left: 122px;
}

.heading-img {
    position: relative;
}

.heading-img:after,
.specialite-img:after {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}

.ingredient .heading-img:after {
    display: none;
}

.specialite-content, #sp-secondary-slider .specialite-content {
    z-index: 555;
}

.heading-content {
    z-index: 1;
}

.sp-content.green h3,
.sp-choix:hover .sp-content.green h3 {
    top: 50px;
}

.list-green {
    display: block;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    top: 100px;
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
}

.sp-choix:hover ul.list-green {
    top: 100px;
}

.list-green p {
    font-family: 'Gotham', sans-serif;
    font-size: 1.250rem;
    letter-spacing: -0.7px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}

.heading-title h1 {
    margin-top: 50px;
    display: inline-block;
    position: relative;
    line-height: 55px;
    font-family: 'Camera Obscura';
    font-size: 2.063rem;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    margin-top: 25px;
    font-weight: 300;
}

.heading-title h1:after {
    content: '';
    width: 50px;
    margin: 0 auto;
    height: 6px;
    background: #fffbfb;
    display: block;
    text-align: center;
}

.a-home {
    height: 100%;
}

#blocs-home-bottom {
    overflow: hidden;
}

/*IOS 6 safari button play  fix*/
/* This used to work for parent element of button divs */
/* But it is not enough now, below dont hide play button parent div */
*::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

/* Old shadow dom for play button */
*::--webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

/* New shadow dom for play button */
/* This one works */
*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

/** NOTRE CONCEPT **/
.concept-item {
    margin-bottom: 10px;
    margin-right: 0;
}

.concept-item:nth-child(2n) {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.concept-item:nth-child(2n+1) {
    flex-direction: row;
    -webkit-flex-direction: row;
}

header.header-page {
    /*display: block;

    height: 135px;

    background: white;

    width: 100%;

    position: fixed;

    width: 100% !important;

    padding: 0!important;

       /* -webkit-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);

    -moz-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);

    -o-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);

    -ms-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);

    transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);*/
    /* -webkit-transition: height 0.4s;

 -moz-transition: height 0.4s;

 transition: height 0.4s;*/
}

@media (min-width: 768px) {
    header.header-page {
        margin-top: 70px;
    }
}

.main {
    padding-top: 135px;
}

header.header-page .menu li.home-link a, .page header.header-page .menu li.home-link a {
    line-height: 125px;
}

header.header-page li.home-link {
    top: 10px;
    margin-right: 15px;
}

header.header-page.fixed-header li.home-link {
    margin-right: 0px;
}

.menu li a, .page .menu li a {
    text-decoration: none;
    color: #999999;
    margin: 0;
    font-weight: 500;
}

.home .menu li a {
    color: #ffffff;
}

.home .fixed-header .menu li a {
    color: #999999;
}

.home .fixed-header .nav .menu-item.commander a {
    color: #ffffff;
}

.menu-container {
    width: 100%;
    text-align: center;
    display: block;
    height: 125px;
}

li.current-menu-item a, .page li.current-menu-item a {
    color: black;
}

li.current-menu-item a, .page li.current-menu-item.commander a {
    color: #ffffff;
}

.current-menu-item.commander:after {
    display: none;
}

.current-menu-item.home-link:after {
    display: none;
}

/*ul.menu li:last-child {

	margin: 0;

	margin-left:30px;

}*/
ul#menu-menu-principal, .page ul#menu-menu-principal,
ul#menu-main-menu-english, .page ul#menu-main-menu-english {
    line-height: 100px;
    padding: 0;
    position: relative;
    float: none;
    top: 0;
    display: inline-block;
    margin: 0;
    text-align: center;
    margin-left: -50px;
    /* -webkit-transition: all .2s ease-out 0s;

 -moz-transition: all .2s ease-out 0s;

 -o-transition: all .2s ease-out 0s;

 transition: all .2s ease-out 0s;*/
}

.fixed-header ul#menu-menu-principal, .page .fixed-header ul#menu-menu-principal,
.fixed-header ul#menu-main-menu-english, .page .fixed-header ul#menu-main-menu-english {
    margin-left: 0px;
}

ul#menu-menu_right, .page ul#menu-menu_right {
    position: relative;
    width: 45%;
    float: left;
    top: 55px;
    padding: 0;
    margin: 0;
}

ul.logo, .page ul.logo {
    text-align: center;
    position: relative;
    top: 15px;
    width: 10%;
    float: left;
    box-sizing: border-box;
    list-style: none;
}

.bloc-section-content h2 {
    font-family: 'Camera Obscura';
    font-size: 2.063rem;
    text-align: left;
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
}

section.bloc-section:after {
    clear: both;
    display: inline-block;
    content: '';
}

.bloc-section-content {
    height: 100%;
    padding: 124px 64px;
    display: block;
    box-sizing: border-box;
}

section.bloc-section {
    overflow: hidden;
    position: relative;
    margin-bottom: 13px;
    width: 100%;
    display: inline-block;
    padding: 0;
}

.bloc-section-content p {
    font-family: 'Gotham', sans-serif;
    font-size: 1.125rem;
    line-height: 1.78;
    letter-spacing: -0.1px;
    text-align: justify;
    color: #ffffff;
    margin-top: 50px;
}

.bloc-section-content:after {
    clear: both;
    content: '';
    width: 100%;
    display: table;
}

/** Nos ingredients **/
.box-item {
    margin-right: 0;
    margin-bottom: 15px;
}

.box-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.box-item:nth-child(2n+1) {
    flex-direction: row;
}

.box-item:nth-child(2n) .box-content {
    padding: 0;
    background-color: #87a180;
    margin-left: 15px;
}

.row.ingredient .bloc-section-content {
    width: 100%;
}

.box-image img {
    /* width: calc(100% - 15px); */
    height: 100%;
}

.page-template-nos-ingredients .bloc-section-content {
    float: none;
    position: initial;
    width: 100% !important;
    height: 100%;
}

.ingredient.even .box-image {
    padding-right: 1%;
}

.ingredient.odd .box-content {
    padding-right: 1%;
}

/** nos specialites**/
.specialite-slide {
    position: relative;
}

#sp-main-slider, #sp-secondary-slider {
    position: relative;
    margin-bottom: 10px;
}

.specialites-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 3;
    text-align: center;
}

.specialite-slide-nav {
    padding: 0 10px;
    cursor: pointer;
    /*border-right: 1px solid white;*/
    display: inline-block;
    margin-bottom: 25px;
    min-width: 150px;
    position: relative;
    padding-left: 7px;
}

.specialite-slide-nav h2 {
    margin-top: 15px;
    text-transform: uppercase;
    font-family: 'Gotham', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.specialite-slide-nav:last-child:after {
    display: none;
}

.specialite-content {
    top: 25%;
}

.specialite-slide-nav.active:before {
    bottom: -25px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFFFFF;
    border-width: 20px;
    margin-left: -20px;
    /*

    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    -moz-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    -ms-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    content: '';

    display: inline-block;

    width: 30px;

    height: 20px;

    background: white;

    text-align: center;

    position: absolute;

    bottom: -25px;

    left:40%;*/
}

.specialite-slide-nav:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100px;
    background: white;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0%;
}

#sp-secondary-slider .specialite-content {
    right: 10%;
    left: inherit;
}

.sp-choix {
    width: 20%;
    display: block;
    float: left;
}

.sp-choix h2, .sp-choix h3 {
    color: white;
    font-family: monospace;
}

.sp-content {
    transform-origin: center;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    text-align: center;
    margin: 0;
    height: 400px;
    left: 0;
    z-index: 0;
}

section#sp-choisissez {
    margin-bottom: 80px;
    display: block;
    position: relative;
    height: 400px;
    margin-top: -20px;
}

.white-bg {
    background: #ffffff;
}

.white-bg h1 {
    color: #ad3632;
}

.white-bg h1:after {
    background: #ad3632;
}

section#sp-choisissez:after {
    clear: both;
    content: '';
    width: 100%;
    display: block;
}

.sp-choix img {
    position: absolute;
    height: 420px;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.sp-choix .sp-content-hover {
    overflow: hidden;
    width: 0;
    height: 100%;
    position: absolute;
    opacity: 0.8;
    background-color: #8da382;
    z-index: 2;
    transition: transform 1s ease-in-out;
    transform: scale(1.0);
}

.sp-choix:hover .sp-content-hover {
    transform: scale(1.2);
    display: block;
    width: 100%;
}

.sp-content h2 {
    position: relative;
    color: white;
    font-family: 'Camera Obscura';
    font-size: 2.500rem;
    line-height: 1.25;
    text-align: center;
    z-index: 100;
    top: 40%; /*25px*/
    width: 100%;
    height: 25px;
    display: table;
}

.sp-content h3 {
    position: absolute;
    color: white;
    font-family: 'Camera Obscura';
    font-size: 1.750rem;
    line-height: 30px;
    text-align: center;
    top: 55%; /*100px*/
    z-index: 555;
    width: 50%;
    margin: 0 25%;
    text-transform: uppercase;
}

.sp-choix:hover .sp-content h2 {
    top: 30px;
}

.sp-choix:hover .sp-content h3 {
    top: 90px;
}

.sp-choix:hover .sp-content {
    cursor: pointer;
    transition: transform 0.5s;
    z-index: 2;
    transform: scale(1.1);
}

.specia .sp-choix:hover .sp-content {
    height: 420px;
}

.sp-choix:hover .sp-content:after {
    position: absolute;
    display: block;
    background: #8da382;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0.7;
    z-index: 1;
    top: 0;
}

.sp-choix:last-child:hover .sp-content:after {
    display: none;
}

.sp-choix:hover .sp-content .button {
    display: block !important;
    position: absolute;
    height: 50px;
    top: 330px;
    width: 100%;
    z-index: 100;
}

.sp-choix:hover ul {
    position: absolute;
    top: 160px;
    width: 100%;
    z-index: 100;
    padding-left: 0;
}

.sp-choix ul li {
    list-style: none;
    font-size: 1.250rem;
    letter-spacing: -0.7px;
    text-align: center;
    color: #ffffff;
}

.sp-content .btn {
    padding: 15px 35px;
}

.sp-choix:first-child .sp-content {
    transform-origin: left !important;
}

.sp-choix:last-child .sp-content {
    transform-origin: right !important;
}

.sp-choix:last-child .sp-content {
    background: #8da382;
    opacity: 1;
    transform: scale(1.0) !important;
    top: 21px;
}

.specia .sp-choix:last-child .sp-content {
    height: 420px;
}

.concept-page .heading-content h2:after,
.bloc-section-content h2:after {
    content: '';
    width: 70px;
    margin: 0 auto;
    height: 10px;
    background: #fffbfb;
    display: block;
    text-align: center;
    position: absolute;
    margin-top: 10px;
}

.concept-page .heading-content p {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.78;
    letter-spacing: -0.1px;
    text-align: justify;
    color: #ffffff;
    padding-top: 20px;
}

.concept-page .heading-content {
    left: inherit;
    right: 10%;
    width: 24%;
}

.bloc-section-content .button {
    margin-top: 80px;
    display: block;
}

.ingredient .heading-content {
    display: none;
}

ul.slick-dots, button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
    display: none !important;
}

.franche .sp-choix:last-child .sp-content {
    background: none;
    top: 0;
    transform: scale(1.0) !important;
}

.franche .sp-choix:last-child:hover .sp-content {
    transform: scale(1.1) !important;
}

.franchise-page #sp-choisissez {
    margin-bottom: 40px;
    height: 100%;
}

.franchise-page .sp-choix img,
.franchise-page .sp-content {
    height: 740px;
}

.franchise-page .sp-choix:hover .sp-content:after,
.franchise-page .sp-choix:last-child:hover .sp-content:after {
    background: #e96a4a;
    opacity: 1;
    display: block;
}

.franche .sp-choix:last-child:hover .sp-content {
    transform: scale(1) !important;
    background: #e96a4a;
}

.bloc-text-chosir {
    position: absolute;
    top: 45%;
    font-family: 'Gotham', sans-serif;
    font-size: 1.250rem;
    letter-spacing: -0.7px;
    text-align: left;
    color: #ffffff;
    padding: 0 40px;
    z-index: 555;
}

.franche .sp-content h1 {
    position: absolute;
    width: 100%;
    font-family: 'Camera Obscura';
    font-size: 1.875rem;
    text-align: left;
    color: #ffffff;
    font-weight: 300;
    margin-top: 55px;
    padding-left: 40px;
    z-index: -1;
}

.franche .sp-content h1:after {
    content: '';
    width: 75px;
    height: 6px;
    background: #fffbfb;
    display: block;
    text-align: left;
    margin-top: 15px;
}

.franche .sp-choix:hover .sp-content h1 {
    z-index: 555;
}

.bloc-text-chosir p {
    margin-bottom: 20px;
}

.franche .sp-content h2,
.franche .sp-choix:hover .sp-content h2 {
    top: 25%;
}

.franche .sp-content h3,
.franche .sp-choix:hover .sp-content h3 {
    top: 35%;
    width: 100%;
    margin: 0 auto;
}

.franche .sp-choix:hover .sp-content {
    transform: scale(1);
}

.franchise-page .bloc-section-content p {
    text-align: left;
}

.franchise-page .bloc-section-content span {
    font-size: 0.938rem;
}

.franchise-page .heading-title.white-bg h1 {
    margin-top: 50px;
}

span.oblige {
    font-family: 'Camera Obscura';
    font-size: 1.250rem;
    letter-spacing: -0.4px;
    text-align: left;
    color: #242424;
}

.commander .page-heading {
    margin-bottom: 0px;
}

.autocomplete-suggestions {
    background: #ad3632;
}

.autocomplete-suggestion {
    padding: 10px;
    color: white;
}

.video-slide:before {
    opacity: 0.5;
    background: black;
    content: '';
    width: 100%;
    height: 950px;
    display: block;
    position: absolute;
    top: 0;
}

.video-slide {
    max-height: 100%;
    max-height: 100vh;
    overflow: hidden;
    position: relative;
}

video#home-video {
    /*height: 950px;*/
    height: 100%;
    width: 100%;
    object-fit: fill;
}

/*.home-image{

	height:100%;

}*/
.bloc-left.concept {
    margin-bottom: 15px;
}

img.img-bloc2 {
    margin-top: 0;
    /* min-height: 580px; */
}

.franchise-nb {
    height: 50%;
}

.franchise-page .home-left {
    justify-content: flex-start;
}

.freshresto {
    margin-left: 40px !important;
}

.inputs-commander {
    padding-right: 50px !important;
    width: 780px;
    margin: 0 auto !important;
}

/**home scroll**/
/*.bloc-left.resto,.bloc-left.concept,.bloc-right.burrito{

    position:relative;

    z-index:300;

    overflow:hidden;

    display: block;

}

.fill{

    position:absolute;

    z-index: 1;

    width:100%;

    height:100%;

    top: 0;

    left: 0;

    display: block;

    clear: both;

}

.fill:before {

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    background: #1f232e;

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(-101%);

    -webkit-transition: -webkit-transform .5s cubic-bezier(.77,0,.175,1);

    transition: -webkit-transform .5s cubic-bezier(.77,0,.175,1);

    transition: transform .5s cubic-bezier(.77,0,.175,1);

    transition: transform .5s cubic-bezier(.77,0,.175,1),-webkit-transform .5s cubic-bezier(.77,0,.175,1);

    z-index: 2;

    content:'';

}



.bloc-left.resto:hover .fill:before,.bloc-left.concept:hover .fill:before,.bloc-right.burrito:hover .fill:before  {

     transform: translateX(0%);

}*/
.bloc-left.concept, .bloc-right.burrito {
    height: 100%;
}

.content-resto, .content-burrito, .content-concept {
    position: relative;
    z-index: 3;
}

.wyp-bloc.wyp-on .fill:before {
    transform: translateX(0%);
}

/** end home scroll**/
.img-comm {
    height: 100%;
}

@media screen and (max-width: 1280px) {
    header.header-page {
        padding: 0% !important;
    }
}

@media screen and (max-width: 1440px) {
    .heading-content, .specialite-content {
        width: 45vw;
        top: 20%;
    }

    .concept-page .heading-content {
        width: 32%;
    }

    .page-template-franchise .heading-content {
        width: 50%;
        top: 40%;
    }

    .franchise-page .bloc-section-content {
        padding: 124px 45px;
    }

    video#home-video,
    .video-slide:before,
    .video-slide {
        /*height: 640px;*/
        height: 100%;
    }

    ul.menu li:last-child {
        margin-left: 15px;
    }

    .menu li {
        margin-right: 5px;
    }

    .sp-content .btn {
        padding: 15px 28px;
    }

    .freshresto {
        margin-left: 15px !important;
    }

    .inputs-commander {
        padding-right: 20px !important;
        width: 500px;
    }

    .nav .menu-item a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@keyframes logo-sprite {
    /* from {

       background-position: 0 0;

     }

     to {

       background-position: 0 -684rem;

     }*/
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -434.625rem;
    }
}

@keyframes fadeInLogo {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0.1;
    }
    30% {
        display: block;
        opacity: 0.3;
    }
    70% {
        display: block;
        opacity: 0.7;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

div#preloader {
    transition: 1s all ease-in-out;
    padding: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00ADAB;
    top: 0;
    left: 0;
    z-index: 1000;
}

body.preloader {
    overflow: hidden;
}

#preloader .logo {
    width: 150px;
    height: 115px;
    position: absolute;
    left: calc((100% - 150px) / 2);
    top: calc((100% - 115px) / 2);
    margin: 0 auto;
    animation: fadeInLogo 3.2s infinite;
    padding: 0;
}

div#preloader.animated {
    height: 150px;
    width: 150px;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: calc((100% - 150px) / 2);
}

.content-search form {
    display: inline-block;
}

.content-search form input {
    font-family: 'Gotham', sans-serif;
    font-size: 1.250rem;
    text-align: left;
    color: #1a1e29;
    font-weight: 500;
}

.content-search label {
    font-family: 'Camera Obscura';
    font-size: 1.500rem;
    text-align: left;
    color: #1a1e29;
}

.result {
    height: 50px;
    display: inline-block;
    position: relative;
    top: -28px;
    vertical-align: middle;
    padding-left: 70px;
}

#no-result .result,
#search-result .result {
    top: 0px;
    display: table-cell;
    padding-left: 20px;
}

.result-edit {
    margin-top: 12px;
}

.resto-cmd {
    margin-top: 30px;
}

.result-edit a {
    display: block;
    margin-left: 68px;
    margin-top: 0px;
    font-size: 18px;
    text-decoration: underline;
    color: #1a1e29;
    font-weight: 500;
    font-family: 'Gotham', sans-serif;
}

.result-edit a:hover {
    text-decoration: none;
    color: #ad3632;
}

.result .localite {
    margin-top: 64px;
}

.msg-box {
    font-family: 'Gotham', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: left;
    color: #242424;
    line-height: 30px;
    border: 2px solid #ad3632;
    padding: 10px 25px;
}

.msg-box img {
    margin-right: 25px;
}

.found-resto h2:after {
    content: '';
    width: 50px;
    margin: 0 auto;
    height: 6px;
    background: #ad3632;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.found-resto h2 {
    font-family: 'Camera Obscura';
    font-size: 1.750rem;
    text-align: center;
    color: #ad3632;
    height: 35px;
    margin-bottom: 35px;
}

.found-resto h3 {
    margin-bottom: 10px;
    text-align: left;
    font-weight: 600;
    font-family: 'Gotham', sans-serif;
    font-size: 1rem;
    letter-spacing: -0.4px;
}

.found-resto {
}

.found-resto p {
    color: #949494;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Gotham', sans-serif;
}

.deliver-options h3 {
    font-size: 1.250rem;
    font-weight: 500;
    text-align: center;
    color: #1a1e29;
    text-align: center;
}

li.list-item a {
    text-transform: uppercase;
    display: block;
    font-family: 'Gotham', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 64px;
}

li.list-item {
    display: block;
    text-align: center;
    background-color: #8da382;
    margin-bottom: 20px;
    border: 2px solid #8da382;
}

li.list-item:hover {
    background-color: #ffffff;
}

li.list-item:hover a {
    color: #8da382;
}

ul.list {
    display: inline-block;
}

.deliver-options {
    text-align: center;
    margin-top: 25px;
}

.deliver-options ul {
    padding: 0;
    margin: 0;
    margin-top: 19px;
}

.header-page.header-page_theme_dark-mode .nav .logo-widescreen.home-link, .home-link {
    position: relative;
    width: 150px;
    height: 114px;
    margin: 0 auto;
    animation: logo-sprite steps(96) 3.2s infinite;
    animation: logo-sprite steps(61) 2.03333s infinite;
    padding: 0;
    animation-iteration-count: 1;
    margin-top: -33px;
}

.menu li.home-link a, .page .menu li.home-link a {
    display: block !important;
    opacity: 0;
    width: 150px;
    line-height: 115px;
}

/*.fixed-header li.home-link{

    animation:none;

}*/
.home .header-page.header-page_theme_dark-mode .nav .logo-widescreen.home-link {
    margin-right: 15px;
}

.home .fixed-header .home-link {
    margin-right: 0;
}

header.header-page.clear.fixed-header {
    /*-webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;*/
    position: fixed;
    background: rgba(255, 255, 255, 0.97);
    z-index: 99999;
}

.fixed-header #menu-menu-principal li a,
.fixed-header #menu-main-menu-english li a {
    color: #999999;
}

.fixed-header #menu-menu-principal li.commander a,
.fixed-header #menu-main-menu-english li.commander a,
.fixed-header #menu-main-menu-english li.current-menu-item.commander a {
    color: #ffffff;
    line-height: 30px;
}

.fixed-header .home-link {
    animation: logo-sprite steps(61) 2.03333s infinite;
    animation-iteration-count: 1;
}

/* Dots */
#hp-main-slider .slick-slider {
    margin-bottom: 10px;
}

#hp-main-slider .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block !important;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    z-index: 100;
}

#hp-main-slider .slick-dots li {
    background: transparent;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 11px;
    border: 2px solid white;
}

#hp-main-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: rgba(123, 51, 51, 0);
}

#hp-main-slider .slick-dots li button:hover,
#hp-main-slider .slick-dots li button:focus {
    outline: none;
}

#hp-main-slider .slick-dots li button:hover:before,
#hp-main-slider .slick-dots li button:focus:before {
    opacity: 1;
}

#hp-main-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#hp-main-slider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

#hp-main-slider .slick-dots li.slick-active {
    background: white;
}

#hp-main-slider .home-nav {
    display: none;
}

.home-right {
    justify-content: space-between;
    display: flex;
    flex-direction: column-reverse;
}

.home-left {
    justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    /*display: -moz-box;*/
    flex-direction: column;
}

.franchise-page .home-left {
    display: -moz-box;
}

.bloc-right.burrito {
    margin-bottom: 0;
}

section#blocs-home {
    margin-bottom: 15px;
}

header.header-page.fixed-header li.home-link {
    top: 12px;
    transform: scale(.6);
}

/*header.header-page.fixed-header {

	height: 80px;

}*/
.fixed-header .menu li a:hover:after {
    background: #242424;
}

/*.home.page-template-home-template .fixed-header .menu li a, .fixed-header .menu li a{

	line-height:15px;

}*/
.fixed-header #menu-menu-principal li.current-menu-item a, .page .fixed-header #menu-menu-principal li.current-menu-item a,
.fixed-header #menu-main-menu-english li.current-menu-item a, .page .fixed-header #menu-main-menu-english li.current-menu-item a {
    color: #242424;
}

.fixed-header #menu-main-menu-english li.current-menu-item.commander a {
    color: #ffffff;
}

.fixed-header ul#menu-menu-principal, .page .fixed-header ul#menu-menu-principal,
.fixed-header ul#menu-main-menu-english, .page .fixed-header ul#menu-main-menu-english {
    line-height: 80px;
    top: -30px;
}

@media (max-width: 1220px) {
    header.header-page {
        padding: 0 2% !important;
    }
}

@media (max-width: 1100px) {
    header.header-page {
        padding: 0 !important;
    }

    .menu li.home-link a {
        line-height: 85px;
    }

    .heading-content, .specialite-content {
        width: 50%;
        top: 10%;
    }

    .inputs-commander {
        width: 380px;
    }

    .commander .content-search input {
        width: 340px;
    }
}

@media (max-width: 1024px) {
    header.header-page li.home-link {
        top: 0px;
    }

    ul#menu-menu-principal, .page ul#menu-menu-principal,
    ul#menu-main-menu-english, .page ul#menu-main-menu-english {
        top: -5px;
    }

    .concept-page .heading-content {
        width: 52%;
        top: 30%;
    }

    header.header-page.fixed-header li.home-link {
        top: 9px;
        transform: scale(.6);
        height: 115px !important;
    }

    header.header-page.fixed-header .active li.home-link {
        height: auto !important;
    }

    .fixed-header .active ul#menu-menu-principal, .page .fixed-header .active ul#menu-menu-principal,
    .fixed-header .active ul#menu-main-menu-english, .page .fixed-header .active ul#menu-main-menu-english {
        top: 0px;
    }
}

@media (max-width: 991px) {
    .row-eq-height {
        display: block;
    }

    .menu-container {
        display: none;
    }

    .box-item .bloc-section-content {
        padding: 32px;
        margin-bottom: 0;
    }

    .box-item {
        margin: 0 10px;
        margin-bottom: 10px;
    }

    .box-item:nth-child(2n) .box-content {
        margin-left: 0;
    }

    .box-item .box-image {
        padding: 0;
    }
}

@media (max-width: 960px) {
    header.header-page {
        height: 50px;
    }

    .heading-content h2, .specialite-content h2 {
        font-size: 2.213rem;
    }

    .heading-content, .specialite-content {
        width: 50%;
        top: 20%;
    }

    .concept-page .heading-content p {
        font-size: 1rem;
    }

    section#sp-choisissez {
        height: 100%;
    }

    .sp-choix {
        width: 100%;
    }

    .box-image, .box-content {
        padding: 0;
    }

    .bloc-right.burrito {
        margin-bottom: 15px;
    }

    .content-reverse {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        box-orient: vertical;
    }

    /*----------menu--------------------------*/
    .menu li.home-link a, .page .menu li.home-link a {
        display: none !important;
    }

    ul#menu-menu-principal, .page ul#menu-menu-principal,
    ul#menu-main-menu-english, .page ul#menu-main-menu-english {
        float: left;
    }

    .menu-container, .page .menu-container {
        height: auto;
        text-align: left;
        margin-top: 65px;
    }

    .menu {
        padding-left: 0;
    }

    ul#menu-menu-principal, .page ul#menu-menu-principal,
    ul#menu-main-menu-english, .page ul#menu-main-menu-english {
        margin-left: 20px;
    }

    .current-menu-item:after, .page .current-menu-item:after {
        display: none;
    }

    .menu li.commander a:before {
        display: none;
    }

    .menu li.commander a, .page .menu li.commander a {
        text-align: center;
        padding: 15px;
    }

    .home #bs-example-navbar-collapse-1.in:before {
        content: "";
        height: 75px;
        width: 100%;
        position: absolute;
        top: -74px;
        display: block;
        background: #ffffff;
        z-index: 99999;
    }

    .home .navbar-toggle,
    .home .logo-mobile {
        position: relative;
        z-index: 9;
    }

    .home .commander-mobile {
        position: absolute;
    }

    .logo-mobile {
        width: 126px;
    }

    .logo-img {
        width: 126px;
    }

    .home .footer-logo .logo-img,
    .footer-logo .logo-img {
        width: 50px;
    }

    .specialite-slide-nav {
        padding: 0;
        cursor: pointer;
        border-right: none;
        display: inline-block;
        margin-bottom: 0;
        width: 15px;
        height: 15px;
        min-width: 15px;
        margin-right: 5px;
        background: transparent;
        border-radius: 60px;
        border: 2px solid #ffffff;
    }

    .specialite-slide-nav img,
    .specialite-slide-nav h2,
    .specialite-slide-nav.active:before {
        display: none;
    }

    .specialites-nav {
        bottom: 10px;
    }

    .specialite-slide-nav.active {
        background: #ffffff;
    }

    section#sp-choisissez {
        margin-bottom: 40px;
    }

    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .padmobile {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .marg-top15 {
        margin-top: 15px !important;
    }

    video#home-video, .video-slide:before, .video-slide {
        /*height: 280px;*/
        height: 100%;
    }

    .video-slide img {
        width: 100%;
    }

    /* Dots */
    .slick-slider {
        margin-bottom: 10px;
    }

    ul.slick-dots {
        position: absolute;
        bottom: 10px;
        display: block !important;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
        z-index: 100;
    }

    .slick-dots li {
        background: transparent;
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
        border-radius: 11px;
        border: 2px solid white;
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: rgba(123, 51, 51, 0);
    }

    .slick-dots li button:hover,
    .slick-dots li button:focus {
        outline: none;
    }

    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before {
        opacity: 1;
    }

    .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: black;
    }

    .slick-dots li.slick-active {
        background: white;
    }

    .specialites-nav {
        display: none;
    }

    .concept-item {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*ul.menu li:last-child {

        width: 140px;

    }*/
    ul.menu li:last-child {
        margin-left: 0px;
    }

    .sp-choix img {
        height: 400px;
    }

    .fixed-header ul#menu-menu-principal, .page .fixed-header ul#menu-menu-principal,
    .fixed-header ul#menu-main-menu-english, .page .fixed-header ul#menu-main-menu-english {
        margin-left: 20px;
    }

    .main {
        padding-top: 80px;
    }

    .disable-scroll main {
        padding-top: 0px;
    }

    .disable-scroll header.header-page {
        position: inherit;
    }
}

@media (max-width: 1280px) {
    .header-page.header-page_theme_dark-mode .nav .logo-widescreen.home-link, .home-link {
        margin-top: -45px;
    }

    .header-page.header-page_theme_dark-mode.fixed-header .nav .logo-widescreen.home-link, .home-link {
        margin-top: -33px;
    }
}

@media (max-width: 800px) {
    .sp-choix ul {
        position: absolute;
        top: 190px;
        width: 100%;
        z-index: 100;
        padding-left: 0;
    }

    .sp-content h2 {
        top: 15%;
    }

    .sp-content h3 {
        top: 28%;
    }

    .sp-choix ul li,
    .list-green p {
        font-size: 1.667rem;
    }

    .sp-choix .list-green {
        top: 109px;
    }
}

@media (max-width: 768px) {
    .concept-page .heading-content,
    .page-template-franchise .heading-content {
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o--transform: translate(-50%, -50%);
        -ms--transform: translate(-50%, -50%);
        width: 60%;
    }

    .concept-page .heading-content h2:after, .bloc-section-content h2:after,
    .specialite-content h2:after {
        height: 6px;
        width: 40px;
    }

    .concept-page .heading-content h2:after {
        margin-top: 36px;
        margin-bottom: 30px;
    }

    .concept-page .heading-content p {
        padding-top: 80px;
    }

    .bloc-section-content {
        padding: 64px;
    }

    .franchise-page .bloc-section-content {
        padding: 64px 45px;
    }

    .flexrow {
        display: flex;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    }

    .bloc3 {
        order: 1;
        -webkit-order: 1;
    }

    .bloc-3 {
        order: 1;
        -webkit-order: 1;
    }

    .bloc-1 {
        order: 5;
        -webkit-order: 5;
    }

    .bloc-2 {
        order: 2;
        -webkit-order: 2;
    }

    .bloc-5 {
        margin-bottom: 15px;
        order: 3;
        -webkit-order: 3;
    }

    .bloc-4 {
        order: 6;
        -webkit-order: 6;
    }

    .bloc-6 {
        margin-bottom: 15px;
        order: 4;
        -webkit-order: 4;
    }

    .bloc-3 .concept {
        background: #8da382;
    }

    .img-comm img {
        display: none;
    }

    .commander .img-comm {
        display: block;
    }

    div#restos-map.visible {
        height: 300px !important;
    }

    #search-result {
        margin-top: 25rem;
    }
}

@media (max-width: 600px) {
    .ingredient .bloc-section-content h2:after {
        margin-top: 15px;
    }

    .resto-page .heading-img {
        height: 180px;
    }

    .commander .content-search input {
        width: 260px;
    }

    .img-comm img {
        display: none;
    }

    .commander .img-comm {
        display: block;
    }

    .content-commander .localite,
    .content-commander .adresse-comm {
        margin-top: 60px;
    }

    .inputs-commander .form-group input.form-control,
    .inputs-commander .form-group input::placeholder {
        padding-bottom: 5px;
    }

    .content-commander h3 {
        font-size: 1.667rem;
    }

    .inputs-commander input[type="submit"] {
        font-size: 1.333rem;
    }
}

@media (max-width: 480px) {
    .concept-page .heading-content {
        width: 80%;
    }

    .concept-page .heading-content {
        top: 55%;
    }

    .heading-content h2, .specialite-content h2 {
        font-size: 30px;
    }

    .specialite-content, #sp-secondary-slider .specialite-content {
        width: 60%;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o--transform: translate(-50%, -50%);
        -ms--transform: translate(-50%, -50%);
    }

    .specialite-content p {
        font-size: 1.250rem;
    }

    .heading-title h1 {
        font-size: 1.667rem;
        margin-top: 20px;
        line-height: 35px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .heading-title {
        height: auto;
        padding-bottom: 20px;
    }

    .bloc-section-content p,
    .concept-page .heading-content p {
        font-size: 1.167rem;
    }

    .concept-page .heading-content h2:after {
        margin-top: 20px;
    }

    section.page-heading.sp-heading .heading-title h1 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .page-template-nos-specialites .heading-title.white-bg h1:after {
        height: 3px;
    }

    #search-result {
        margin-top: 28rem;
    }

    .inputs-commander {
        width: 350px;
    }

    #menu-menu-footer, #menu-menu-footer-3 {
        text-align: center;
    }

    .specia .sp-choix:hover .sp-content {
        transform: scale(1);
        height: 420px;
    }

    .specia .sp-choix .sp-content {
        height: 420px;
    }

    .specia .sp-choix .sp-content h2 {
        top: 30px;
    }

    .specia .sp-choix .sp-content h3 {
        top: 90px;
    }

    .sp-content.green h3, .sp-choix:hover .sp-content.green h3 {
        top: 90px;
    }

    .specia .sp-choix ul {
        position: absolute;
        top: 160px;
        width: 100%;
        z-index: 100;
        padding-left: 0;
    }

    .specia .sp-choix:hover .sp-content:after {
        display: none;
    }

    .specia .sp-choix .sp-content .button {
        display: block !important;
        position: absolute;
        height: 50px;
        top: 330px;
        width: 100%;
        z-index: 100;
    }
}

@media (max-width: 320px) {
    .bloc-section-content {
        padding: 64px 40px;
    }

    .inputs-commander {
        width: 300px;
    }

    .commander .content-search input {
        width: 220px;
    }

    .form-group input[type="submit"] {
        padding-left: 70px;
        padding-right: 70px;
    }

    .logo-mobile {
        width: 80px;
    }
}

img {
    object-fit: cover;
    object-position: center;
}

#section-scroll {
    top: 90%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
}

#section-scroll::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 80%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
}

#section-scroll a {
    position: relative;
    bottom: 20px;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100px;
    font-size: 14px;
    padding-top: 25px;
    opacity: 0.6;
}

#section-scroll a span {
    position: absolute;
    top: -35px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb04 2s infinite;
    animation: sdb04 2s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb04 {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
    }
    20% {
        -webkit-transform: rotate(-45deg) translate(-10px, 10px);
    }
    40% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
    }
}

p.cosavostra {
    color: #fff;
    display: inline-block;
    padding-top: 10px;
    font-size: 12px;
    position: relative;
    width: 100%;
    text-align: center;
}

p.cosavostra a {
    color: #fff;
}

p.cosavostra .fa-heart {
    color: #ad3632;
}

@media (max-width: 768px) {
    p.cosavostra {
        right: 0;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
    }
}

div.wpcf7 .screen-reader-response {
    font-size: 25px;
    height: auto;
    width: 100%;
    color: #ad3632;
    margin: 10px 0;
    position: relative;
    padding: 5px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.page-id-74 main {
    background: none;
}

.page-id-74.page .press h1 {
    color: black;
}