.grecaptcha-badge{display:none;}

body {
    overflow: hidden;
    background: #000000;
    font-family: "Helvetica-Neue", sans-serif;
    font-size: 20px;
}

.msie body{
    background: url('/img/cooking.jpg') no-repeat center center;
    background-size: cover;
}
.msie  #wrapper{
    background: url('/img/cooking.jpg') no-repeat center center;
    background-size: cover;
}

body:before {
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: url('../img/cooking.jpg') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
body:after {
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0,0,0,0.4);
    overflow: hidden;
}

a {
    font-weight: 600;
    color: #adc53b;
}

a:hover,
a:focus {
    color: #fff;
}

h2{
    font-family: 'Playfair Display', serif;
    font-weight: 300;
    font-size: 50px;
    text-align: center;
}

h3{
    font-weight: normal;
    text-align: center;
}

div#wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#wrapper.no-mask{
    animation: no-mask 1.2s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

div#wrapper.mask{
    animation: opacity 1s, mask 1.2s;
    animation-delay: 0, 0.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes no-mask {
    from{
        transform: translate(-100%,0);
    }
    to {
        transform: translate(0,0);
    }
}
@keyframes no-mask {
    from{
        transform: translate(-100%,0);
    }
    to {
        transform: translate(0,0);
    }
}

@-webkit-keyframes mask {
    to {
        transform: translate(-100%,0);
    }
}
@keyframes mask {
    to {
        transform: translate(-100%,0);
    }
}
/* Header */

.codrops-header {
    position: absolute;
    z-index: 1000;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 1em 1em 0 1em;
    text-align: right;
}

.codrops-header h1 {
    font-family: 'Playfair Display', serif;
    font-size: 1.95em;
    font-weight: normal;
    font-weight: bold;
    line-height: 1;
    margin: 0.75em 0.25em 0.5em;
}

.codrops-links a {
    color: #fff;
}

.codrops-links a:hover,
.codrops-links a:focus {
    color: #adc53b;
}

.codrops-demos {
    color: #aaa;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover,
.codrops-demos a.current-demo:focus {
    color: #fff;
}

.background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.5), transparent 50%, rgba(0, 0, 0, 0.5));
}

.intro {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    padding: 1em;
    transform: translate(-50%,-50%);
}

.intro__subtitle {
    font-family: 'Playfair Display', serif;
    font-size: 3vw;
    margin: 0.5em 0;
    letter-spacing: -0.025em;
    color: #ffffff;
    opacity: 0;
}

@media(max-width: 768px){
    .intro__subtitle{
        margin-bottom: 15%!important;
        font-size: 25px;
    }
}

.intro__button {
    font-weight: 600;
    margin: 2em 0 0 0;
    padding: 1em 2.5em;
    letter-spacing: 0.05em;
    color: #adc53b;
    border: 2px solid #adc53b;
    border-radius: 2em;
    background: none;
    -webkit-transition: color 0.2s, background 0.2s;
    transition: color 0.2s, background 0.2s;
}

.intro__button:hover,
.intro__button:focus {
    color: #fff;
    outline: none;
    background: #adc53b;
}

.codrops-demos {
    padding: 0 0 1.5em;
}

@media screen and (max-width: 600px) {
    .background::after {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent 80%);
    }
    .intro {
        padding: .5em;
        width: 100%;
    }
}


/*Custom*/

form{
    margin: auto;
    text-align: center;
}

.address{
    display: inline-block;
    width: 100%;
}

.address-marker {
    position: relative;
    width: 60px;
    height: 60px;
    background: #000000;
    transition: background .4s ease-out;
    float: left;
}

.address-marker:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    left: 99%;
    top: 50%;
    z-index: 1;
    margin-top: -8px;
    transition: border .4s ease-out;
}

.marker-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%,-50%);
}

/*.marker-icon:before{
    content:"";
    position: absolute;
    bottom: 15%;
    left: 50%;
    width: 30%;
    height: 1px;
    background: #ffffff;
    transform: translate(-30%,0);
}*/

.marker-icon > img{
    max-width: 100%;
}

.address-search{
    position: relative;
    width: calc(100% - 60px);
    height: 60px;
    margin-bottom: 0;
    vertical-align: middle;
    float: left;
}

.address-search input, .user #user-place,
.user #user-email, div#contact input{
    height: 60px;
    border: none;
    padding-left: 20px;
    width: calc(100% - 60px);
    float: left;
    font-size: 20px;
    outline: 0;
}

div#contact input{
    float: none;
    height: 75px;
}

.user #user-email, .user #user-place,
div#contact input, div#contact textarea{
    display: block;
    margin: 8px auto;
    border: 1px solid #000000;
    width: 100%;
}

div#contact textarea{
    padding: 10px 5px 5px 10px;
    font-size: 20px;
    resize: none;
}

.address-search input[type=submit] {
    background: #000000;
    color: transparent;
    width: 50px;
    height: 50px;
}

.user input[type=submit],
div#contact input[type=submit] {
    margin-top: 15px;
}

.user input[type=submit],
div#contact input[type=submit] {
    background: #000000;
    color: transparent;
    height: 50px;
    color: #ffffff;
    font-size: 20px;
    padding: 0 22px;
    border: 1px solid transparent;
}

div#contact input[type=submit]{
    height: 75px;
}

.address-search.error input{
    border: 1px solid #FF1744!important;
}

.address-search.error ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #FF1744!important;
}
.address-search.error :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FF1744!important;
}
.address-search.error ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FF1744!important;
}
.address-search.error :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FF1744!important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 20px;
    transition: all ease-out 0.3s;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 20px;
    opacity:  1;
    transition: all ease-out 0.3s;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 20px;
    opacity:  1;
    transition: all ease-out 0.3s;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 20px;
    transition: all ease-out 0.3s;
}

.address-search input[type=submit] {
    background: #000000;
    color: transparent;
    width: 60px;
    height: 60px;
    border: none;
    padding: 0;
    margin: 0;
}

.address-search-icon:before{
    content: "";
    background: url('/img/search.svg') no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 23px;
    width: 50px;
    margin-top: 6px;
    margin-right: 4px;
    cursor: pointer;
}

@media(max-width:768px){
    div#contact input{
        display: block;
    }

    .address-search{
        float: none;
        width: 100%;
        height: 100%;
    }

    .address-search input[type=submit]{
        margin: 5px auto!important;
        width: 100%!important;
        float: none;
    }
    #address-search{
        font-size: 16px;
        line-height: 20px;
    }

    .address-search-icon:before{
        top: 50%;
        left: 50%;
        transform: translate(-50%,0);
    }

}
/*Anime SO DAILYCOUS*/

.sodailycous{
    position: absolute;
    top: 15%;
    left: 50%;
    width: 450px;
    text-align: center;
    margin: auto;
    transform: translate(-50%,-15%);
    opacity: 0;
    margin-bottom: 35px;
}

body.loaded .sodailycous{
    animation: opacity 2s;
    animation-delay: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.address-block{
    opacity: 0;
}

body.loaded .address-block{
    text-align: center;
    margin: auto;
    transform: translate(0,-20%);
    opacity: 0;
    animation: opacity 2s;
    animation-delay: 1.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
body.loaded .address-block form{
    transform: translate(0,100%);
    opacity: 0;
    animation: opacity 1s, move2 2s;
    animation-delay: 1.8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
body.loaded .intro__subtitle{
    margin-bottom: 5%;
    opacity: 0;
    animation: opacity 1s, move2 2s;
    animation-delay: 1.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

body.loaded .st2 {
    /*    stroke-linecap: round;
        stroke-linejoin: round;*/
    stroke-dasharray: 200;
    stroke-dashoffset: -150;
}
body.loaded .st3 {
    /*    stroke-linecap: round;
        stroke-linejoin: round;*/
    stroke-dasharray: 200;
    stroke-dashoffset: -150;
}
body.loaded .st4 {
    /*    stroke-linecap: round;
        stroke-linejoin: round;*/
    stroke-dasharray: 15;
    stroke-dashoffset: -14;
}
@-webkit-keyframes opacity {
    to {
        opacity: 1;
    }
}
@keyframes opacity {
    to {
        opacity: 1;
    }
}

@-webkit-keyframes move2 {
    to {
        transform: translate(0,0);
    }
}
@keyframes move2 {
    to {
        transform: translate(0,0);
    }
}

@media(max-width:768px){
    .sodailycous{
        width: 85%;
    }
}

/* Custom autocomplete */
.pac-container .pac-item{
    padding: 10px!important;
    font-size: 20px;
}

.pac-container .pac-matched,
.pac-container .pac-item-query{
    font-size: 20px;
}

@media(max-width: 768px){
    .pac-container .pac-item{
        padding: 6px!important;
        font-size: 16px;
    }

    .pac-container .pac-matched,
    .pac-container .pac-item-query{
        font-size: 16px;
    }
}
/*MODAL*/

#modal1{
  overflow-y: scroll;
  height: 100vh;
  width: 100%;
  left: 0;
  transform: perspective(1px) translate3d(0,-200%,0);
}

div[id^="modal"]{
    position: absolute;
    background: #ffffff;
    top: 50%;
    left: 50%;
    opacity: .2;
    padding: 50px;
    z-index: 1100;
    visibility: hidden;
    transform: perspective(1px) translate3d(-50%,-200%,0);
    display: none;
    transition: all linear .3s;
}

div[id^="modal"].active{
  display: block;
  visibility: visible;
  opacity: 1;
  transform: perspective(1px) translate3d(-50%,-50%,0);
}
#modal1.active{
  transform: perspective(1px) translate3d(0,-50%,0);
}

@-webkit-keyframes modal {
    from{
        display: none;
        visibility: visible;
        opacity: .2;
        transform: translate(-50%,-200%);
    }
    to {
        display: block;
        visibility: visible;
        opacity: 1;
        transform: translate(-50%,-49%);
    }
}


@media (max-width:768px){
    div[id^="modal"]{
        top: 0;
        left: 0;
        padding: 50px 10px;
        overflow: scroll;
        height: 100vh;
        width: 100%;
    }

    div[id^="modal"].active{
        -webkit-animation: modal 1.5s ease-in-out forwards;
        animation: modal 1.5s ease-in-out forwards;
    }

    div[id^="modal"] .container-fluid{
        min-height: 100vh;
        height: auto;
    }

    @-webkit-keyframes modal {
        from{
            display: none;
            visibility: visible;
            opacity: .2;
            transform: translate(-50%,-200%);
        }
        to {
            display: block;
            visibility: visible;
            opacity: 1;
            transform: translate(0,0);
        }
    }

}

@keyframes opacity {
    to {
        opacity: 1;
    }
}
div[id^="modal"] form{
    margin-top: 30px;
}

.user #user-id{
    display: none;
    visibility: hidden;
}

div[id^="modal"] .close{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    background: transparent;
    cursor: pointer;
}


div[id^="modal"] .close:before, div[id^="modal"] .close:after {
    position: absolute;
    content: '';
    height: 1px;
    width: inherit;
    background: #000000;
    left: 0;
    transition: all .3s ease-in;
}

div[id^="modal"] .close:before {
    top: 50%;
    transform: rotate(45deg);
}

div[id^="modal"] .close:after {
    bottom: 50%;
    transform: rotate(-45deg);
}


/*CONTACT SODAILYCIOUS*/

div.email{
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 4px;
    z-index: 99;
}

div.email i{
    color: #ffffff;
    font-size: 20px;
    padding: 14px;
}

div.email.close i{
    display: none;
}

div.email.close:before{
    content: "";
    background: url('/img/angle-right.svg') no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
}

div#contact{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 70%;
    padding: 50px;
    z-index: 0;
    opacity: 0;
    transform: translate(-150%,-50%);
    animation: visibility 2s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

div#contact h2, div#contact h3{
    color: #ffffff;
}

@media(max-width: 768px){
    div#contact{
        position: relative;
        top: initial;
        left: initial;
        width: 100%;
        padding: 25px;
        animation: none;
        opacity: 1;
        transform: translate(0,0);
        height: 100vh;
        overflow: scroll;
    }
}

@-webkit-keyframes visibility {
    to {
        transform: translate(-50%,-50%);
        opacity: 1;
    }
}
@keyframes visibility {
    to {
        transform: translate(-50%,-50%);
        opacity: 1;
    }
}

div#contact.error input, #adrs-email.error,
.user.error #user-email, div#contact.error textarea{
    border: 1px solid #FF1744!important;
}

div#contact.error ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #FF1744!important;
}
div#contact.error :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FF1744!important;
}
div#contact.error ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FF1744!important;
}
div#contact.error :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FF1744!important;
}

.user.error ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #FF1744!important;
}
.user.error :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FF1744!important;
}
.user.error ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FF1744!important;
}
.user.error :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FF1744!important;
}

.msg-error{
    font-size:20px;
    font-weight:bold;
    color:#FF1744;
    text-align:center;
}

.msg-success{
    font-size:20px;
    font-weight:bold;
    color:#00E676;
    text-align:center;
}

/*LANGAGE*/

div.langage{
    position: fixed;
    font-weight: 300;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
    z-index: 999;
    font-size: 18px;
    line-height: 35px;
}

div.langage.en{
    right: 60px;
    border-right: 1px solid #ffffff;
}

div.langage a{
    color: #ffffff;
    font-weight: 300;
}

div.langage a.select{
    color: #ffffff;
    font-weight: bold;
}

/*@media(max-width:768px){
    div.lang{
        width: 35px;
        height: 35px;
        font-size: 20px;
        line-height: 35px;
        z-index: 1;
    }

    div.lang.en{
        right: 60px;
        border-right: 1px solid #ffffff;
    }
}*/


/*Website Loader*/


div#website-loaded{
    position:fixed;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
    z-index: 999999;
    background:transparent;
    transition: 2s all ease-in-out;
    -webkit-transition: 2s all linear;
    overflow: hidden;
    animation: loaded 1.4s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
}

div#website-loaded .st1 {
    /*    stroke-linecap: round;
        stroke-linejoin: round;*/
    stroke-dasharray: 400;
    -webkit-animation: dash2 .5s linear forwards;
    animation: dash2 .5s linear;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
}
div#website-loaded .st2 {
    /*    stroke-linecap: round;
        stroke-linejoin: round;*/
    stroke-dasharray: 400;
    -webkit-animation: dash2 .5s linear forwards;
    animation: dash2 .5s linear;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
}
div#website-loaded .st3 {
    /*    stroke-linecap: round;
        stroke-linejoin: round;*/
    stroke-dasharray: 44;
    -webkit-animation: dash3 .2s linear forwards;
    animation: dash3 .2s linear;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
}

@-webkit-keyframes dash2 {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -350;
    }
}
@keyframes dash2 {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -350;
    }
}
@-webkit-keyframes dash3 {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -25;
    }
}
@keyframes dash3 {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -42;
    }
}


body.loaded div#website-loaded{
    visibility: hidden;
}

@keyframes loaded{
    to{
        opacity: 0;
    }
}


#address-search.expand{
    width: 100%
}

.store-coming-soon{
    position: fixed;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.store-coming-soon img{
    width: 275px;
    margin: 5px;
}

body.loaded .store-coming-soon,
body.loaded div.email, body.loaded div.langage{
    opacity: 0;
    animation: opacity 1;
    animation-delay: 1.8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

input.disabled {
    pointer-events: none;
    cursor: default;
    color:#00E676!important;
}


.cookie-disclmr{
  position: fixed;
  will-change: transform;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #000000;
  color: #ffffff;
  opacity: 0;
  padding: 10px;
  transform: translate(0,100%);
  transition: opacity 0.3s, transform 0.5s;
}

.cookie-disclmr.is-active{
  opacity: 1;
  transform: translate(0,0);
}

.cookie-disclmr .media__body p{
  line-height: normal;
  font-size: 16px;
}

.media {
  display: flex;
}

.media--center {
  align-items: center;
}

.media__object--left {
  margin-right: 1em;
}

.media__object--right {
  margin-left: 1em;
  order: 1;
}

.media__body {
  flex-grow: 1;
}

.cookie-disclmr button{
  font-size: 15px;
  background: transparent;
  letter-spacing: normal;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-transform: none;
  margin: auto;
  padding: 10px 20px;
}
.cookie-disclmr button:hover{
  border: 1px solid #adc53b;
  color: #adc53b;
  box-shadow: none;
}