/*---------------------------------- 
CheeseBread section 
--------------------------------- */

#CheeseBread {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Foxtail\ Millet\ cheese\ Bread.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#CheeseBread:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#CheeseBread .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #CheeseBread .container {
        padding-top: 98px;
    }
}

#CheeseBread h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#CheeseBread h1 span {
    color: #cda45e;
}

#CheeseBread h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#CheeseBread .btns {
    margin-top: 30px;
}

#CheeseBread .btn-menu,
#CheeseBread .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#CheeseBread .btn-menu:hover,
#CheeseBread .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#CheeseBread .btn-book {
    margin-left: 15px;
}

#CheeseBread .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#CheeseBread .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#CheeseBread .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#CheeseBread .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#CheeseBread .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#CheeseBread {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #CheeseBread .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #CheeseBread {
        height: auto;
    }
    #CheeseBread .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #CheeseBread h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #CheeseBread h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* CheeseBread section end  */


/* ChocolateSheet section */

#ChocolateSheet {
    width: 100%;
    height: 100vh;
    background: url("../img/international/sheet\ Buns.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ChocolateSheet:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ChocolateSheet .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChocolateSheet .container {
        padding-top: 98px;
    }
}

#ChocolateSheet h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ChocolateSheet h1 span {
    color: #cda45e;
}

#ChocolateSheet h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ChocolateSheet .btns {
    margin-top: 30px;
}

#ChocolateSheet .btn-menu,
#ChocolateSheet .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ChocolateSheet .btn-menu:hover,
#ChocolateSheet .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ChocolateSheet .btn-book {
    margin-left: 15px;
}

#ChocolateSheet .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ChocolateSheet .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ChocolateSheet .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ChocolateSheet .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ChocolateSheet .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ChocolateSheet {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #ChocolateSheet .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ChocolateSheet {
        height: auto;
    }
    #ChocolateSheet .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ChocolateSheet h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ChocolateSheet h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* ChocolateSheet section end */


/* PuffsSticks section*/

#PuffsSticks {
    width: 100%;
    height: 100vh;
    background: url("../img/international/puffs\ honey\ sticks.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#PuffsSticks:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#PuffsSticks .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #PuffsSticks .container {
        padding-top: 98px;
    }
}

#PuffsSticks h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#PuffsSticks h1 span {
    color: #cda45e;
}

#PuffsSticks h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#PuffsSticks .btns {
    margin-top: 30px;
}

#PuffsSticks .btn-menu,
#PuffsSticks .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#PuffsSticks .btn-menu:hover,
#PuffsSticks .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#PuffsSticks .btn-book {
    margin-left: 15px;
}

#PuffsSticks .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#PuffsSticks .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#PuffsSticks .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#PuffsSticks .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#PuffsSticks .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#PuffsSticks {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #PuffsSticks .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #PuffsSticks {
        height: auto;
    }
    #PuffsSticks .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #PuffsSticks h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #PuffsSticks h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end PuffsSticks */


/* Churros section  */

#Churros {
    width: 100%;
    height: 100vh;
    background: url("../img/international/foxtail\ churros.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#Churros:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#Churros .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #Churros .container {
        padding-top: 98px;
    }
}

#Churros h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#Churros h1 span {
    color: #cda45e;
}

#Churros h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#Churros .btns {
    margin-top: 30px;
}

#Churros .btn-menu,
#Churros .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#Churros .btn-menu:hover,
#Churros .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#Churros .btn-book {
    margin-left: 15px;
}

#Churros .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#Churros .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#Churros .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#Churros .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#Churros .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#Churros {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #Churros .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #Churros {
        height: auto;
    }
    #Churros .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #Churros h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #Churros h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Churros section  */


/*  YogurtPudding section  */

#YogurtPudding {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Pudding.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#YogurtPudding:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#YogurtPudding .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #YogurtPudding .container {
        padding-top: 98px;
    }
}

#YogurtPudding h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#YogurtPudding h1 span {
    color: #cda45e;
}

#YogurtPudding h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#YogurtPudding .btns {
    margin-top: 30px;
}

#YogurtPudding .btn-menu,
#YogurtPudding .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#YogurtPudding .btn-menu:hover,
#YogurtPudding .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#YogurtPudding .btn-book {
    margin-left: 15px;
}

#YogurtPudding .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#YogurtPudding .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#YogurtPudding .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#YogurtPudding .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#YogurtPudding .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#YogurtPudding {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #YogurtPudding .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #YogurtPudding {
        height: auto;
    }
    #YogurtPudding .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #YogurtPudding h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #YogurtPudding h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end YogurtPudding section  */


/* Spaghetti Napolitana bourbon */

#SpaghettiNapolitana {
    width: 100%;
    height: 100vh;
    background: url("../img/international/spaghetti\ Napolitana.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#SpaghettiNapolitana:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#SpaghettiNapolitana .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #SpaghettiNapolitana .container {
        padding-top: 98px;
    }
}

#SpaghettiNapolitana h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#SpaghettiNapolitana h1 span {
    color: #cda45e;
}

#SpaghettiNapolitana h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#SpaghettiNapolitana .btns {
    margin-top: 30px;
}

#SpaghettiNapolitana .btn-menu,
#SpaghettiNapolitana .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#SpaghettiNapolitana .btn-menu:hover,
#SpaghettiNapolitana .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#SpaghettiNapolitana .btn-book {
    margin-left: 15px;
}

#SpaghettiNapolitana .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#SpaghettiNapolitana .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#SpaghettiNapolitana .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#SpaghettiNapolitana .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#SpaghettiNapolitana .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#SpaghettiNapolitana {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #SpaghettiNapolitana .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #SpaghettiNapolitana {
        height: auto;
    }
    #SpaghettiNapolitana .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #SpaghettiNapolitana h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #SpaghettiNapolitana h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Spaghetti Napolitana section  */


/* Falafe junnu */

#Falafe {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Falafel.png") no-repeat top;
    background-size: cover;
    position: relative;
    padding: 0;
}

#Falafe:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#Falafe .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #Falafe .container {
        padding-top: 98px;
    }
}

#Falafe h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#Falafe h1 span {
    color: #cda45e;
}

#Falafe h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#Falafe .btns {
    margin-top: 30px;
}

#Falafe .btn-menu,
#Falafe .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#Falafe .btn-menu:hover,
#Falafe .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#Falafe .btn-book {
    margin-left: 15px;
}

#Falafe .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#Falafe .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#Falafe .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#Falafe .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#Falafe .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#Falafe {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #Falafe .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #Falafe {
        height: auto;
    }
    #Falafe .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #Falafe h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #Falafe h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Falafe section  */


/* Tea Cakes mudde */

#TeaCakes {
    width: 100%;
    height: 100vh;
    background: url("../img/international/tea\ cakes.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#TeaCakes:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#TeaCakes .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #TeaCakes .container {
        padding-top: 98px;
    }
}

#TeaCakes h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#TeaCakes h1 span {
    color: #cda45e;
}

#TeaCakes h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#TeaCakes .btns {
    margin-top: 30px;
}

#TeaCakes .btn-menu,
#TeaCakes .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#TeaCakes .btn-menu:hover,
#TeaCakes .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#TeaCakes .btn-book {
    margin-left: 15px;
}

#TeaCakes .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#TeaCakes .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#TeaCakes .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#TeaCakes .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#TeaCakes .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#TeaCakes {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #TeaCakes .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #TeaCakes {
        height: auto;
    }
    #TeaCakes .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #TeaCakes h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #TeaCakes h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Tea Cakes section  */


/*  Cream Puffs */

#CreamPuffs {
    width: 100%;
    height: 100vh;
    background: url("../img/international/cream\ puffs.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#CreamPuffs:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#CreamPuffs .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #CreamPuffs .container {
        padding-top: 98px;
    }
}

#CreamPuffs h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#CreamPuffs h1 span {
    color: #cda45e;
}

#CreamPuffs h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#CreamPuffs .btns {
    margin-top: 30px;
}

#CreamPuffs .btn-menu,
#CreamPuffs .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#CreamPuffs .btn-menu:hover,
#CreamPuffs .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#CreamPuffs .btn-book {
    margin-left: 15px;
}

#CreamPuffs .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#CreamPuffs .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#CreamPuffs .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#CreamPuffs .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#CreamPuffs .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#CreamPuffs {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #CreamPuffs .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #CreamPuffs {
        height: auto;
    }
    #CreamPuffs .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #CreamPuffs h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #CreamPuffs h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Cream Puffs */


/*  Jam Cake*/

#JamCake {
    width: 100%;
    height: 100vh;
    background: url("../img/international/jam\ cake.png") no-repeat bottom;
    background-size: cover;
    position: relative;
    padding: 0;
}

#JamCake:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#JamCake .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #JamCake .container {
        padding-top: 98px;
    }
}

#JamCake h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#JamCake h1 span {
    color: #cda45e;
}

#JamCake h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#JamCake .btns {
    margin-top: 30px;
}

#JamCake .btn-menu,
#JamCake .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#JamCake .btn-menu:hover,
#JamCake .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#JamCake .btn-book {
    margin-left: 15px;
}

#JamCake .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#JamCake .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#JamCake .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#JamCake .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#JamCake .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#JamCake {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #JamCake .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #JamCake {
        height: auto;
    }
    #JamCake .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #JamCake h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #JamCake h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Jam Cake */


/*  Burfi srction*/

#Burfi {
    width: 100%;
    height: 100vh;
    background: url("../img/international/littel\ Burfi.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#Burfi:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#Burfi .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #Burfi .container {
        padding-top: 98px;
    }
}

#Burfi h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#Burfi h1 span {
    color: #cda45e;
}

#Burfi h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#Burfi .btns {
    margin-top: 30px;
}

#Burfi .btn-menu,
#Burfi .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#Burfi .btn-menu:hover,
#Burfi .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#Burfi .btn-book {
    margin-left: 15px;
}

#Burfi .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#Burfi .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#Burfi .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#Burfi .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#Burfi .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#Burfi {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #Burfi .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #Burfi {
        height: auto;
    }
    #Burfi .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #Burfi h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #Burfi h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Foxtail cutlet*/


/*  Pita Bread*/

#PitaBread {
    width: 100%;
    height: 100vh;
    background: url("../img/international/pita\ Bread.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#PitaBread:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#PitaBread .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #PitaBread .container {
        padding-top: 98px;
    }
}

#PitaBread h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#PitaBread h1 span {
    color: #cda45e;
}

#PitaBread h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#PitaBread .btns {
    margin-top: 30px;
}

#PitaBread .btn-menu,
#PitaBread .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#PitaBread .btn-menu:hover,
#PitaBread .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#PitaBread .btn-book {
    margin-left: 15px;
}

#PitaBread .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#PitaBread .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#PitaBread .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#PitaBread .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#PitaBread .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#PitaBread {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #PitaBread .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #PitaBread {
        height: auto;
    }
    #PitaBread .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #PitaBread h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #PitaBread h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end PitaBread*/


/*  MexicanRice */

#MexicanRice {
    width: 100%;
    height: 100vh;
    background: url("../img/international/little-millet-mexican-rice.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#MexicanRice:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#MexicanRice .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #MexicanRice .container {
        padding-top: 98px;
    }
}

#MexicanRice h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#MexicanRice h1 span {
    color: #cda45e;
}

#MexicanRice h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#MexicanRice .btns {
    margin-top: 30px;
}

#MexicanRice .btn-menu,
#MexicanRice .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#MexicanRice .btn-menu:hover,
#MexicanRice .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#MexicanRice .btn-book {
    margin-left: 15px;
}

#MexicanRice .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#MexicanRice .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#MexicanRice .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#MexicanRice .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#MexicanRice .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#MexicanRice {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #MexicanRice .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #MexicanRice {
        height: auto;
    }
    #MexicanRice .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #MexicanRice h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #MexicanRice h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end MexicanRice  */


/*  SwissRollCake */

#SwissRollCake {
    width: 100%;
    height: 100vh;
    background: url("../img/international/roll\ cake.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#SwissRollCake:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#SwissRollCake .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #SwissRollCake .container {
        padding-top: 98px;
    }
}

#SwissRollCake h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#SwissRollCake h1 span {
    color: #cda45e;
}

#SwissRollCake h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#SwissRollCake .btns {
    margin-top: 30px;
}

#SwissRollCake .btn-menu,
#SwissRollCake .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#SwissRollCake .btn-menu:hover,
#SwissRollCake .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#SwissRollCake .btn-book {
    margin-left: 15px;
}

#SwissRollCake .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#SwissRollCake .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#SwissRollCake .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#SwissRollCake .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#SwissRollCake .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#SwissRollCake {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #SwissRollCake .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #SwissRollCake {
        height: auto;
    }
    #SwissRollCake .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #SwissRollCake h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #SwissRollCake h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* SwissRollCake end */


/*  OliveHerb */

#OliveHerb {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Olive\ Herb\ Focaccia.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#OliveHerb:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#OliveHerb .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #OliveHerb .container {
        padding-top: 98px;
    }
}

#OliveHerb h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#OliveHerb h1 span {
    color: #cda45e;
}

#OliveHerb h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#OliveHerb .btns {
    margin-top: 30px;
}

#OliveHerb .btn-menu,
#OliveHerb .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#OliveHerb .btn-menu:hover,
#OliveHerb .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#OliveHerb .btn-book {
    margin-left: 15px;
}

#OliveHerb .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#OliveHerb .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#OliveHerb .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#OliveHerb .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#OliveHerb .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#OliveHerb {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #OliveHerb .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #OliveHerb {
        height: auto;
    }
    #OliveHerb .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #OliveHerb h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #OliveHerb h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end OliveHerb */


/*  ChickpeaSalad */

#ChickpeaSalad {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Chickpea-Salad.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ChickpeaSalad:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ChickpeaSalad .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChickpeaSalad .container {
        padding-top: 98px;
    }
}

#ChickpeaSalad h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ChickpeaSalad h1 span {
    color: #cda45e;
}

#ChickpeaSalad h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ChickpeaSalad .btns {
    margin-top: 30px;
}

#ChickpeaSalad .btn-menu,
#ChickpeaSalad .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ChickpeaSalad .btn-menu:hover,
#ChickpeaSalad .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ChickpeaSalad .btn-book {
    margin-left: 15px;
}

#ChickpeaSalad .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ChickpeaSalad .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ChickpeaSalad .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ChickpeaSalad .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ChickpeaSalad .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ChickpeaSalad {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #ChickpeaSalad .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ChickpeaSalad {
        height: auto;
    }
    #ChickpeaSalad .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ChickpeaSalad h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ChickpeaSalad h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end ChickpeaSalad */


/*  FlatBread */

#FlatBread {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Flat\ Bread.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FlatBread:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FlatBread .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChickpeaSalad .container {
        padding-top: 98px;
    }
}

#FlatBread h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FlatBread h1 span {
    color: #cda45e;
}

#FlatBread h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FlatBread .btns {
    margin-top: 30px;
}

#FlatBread .btn-menu,
#FlatBread .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FlatBread .btn-menu:hover,
#FlatBread .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FlatBread .btn-book {
    margin-left: 15px;
}

#FlatBread .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FlatBread .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FlatBread .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FlatBread .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FlatBread .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FlatBread {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #FlatBread .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FlatBread {
        height: auto;
    }
    #FlatBread .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FlatBread h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FlatBread h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end FlatBread*/


/*  FoxtailVermicelli section*/

#FoxtailVermicelli {
    width: 100%;
    height: 100vh;
    background: url("../img/international/vermicelli.png") no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FoxtailVermicelli:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FoxtailVermicelli .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #FoxtailVermicelli .container {
        padding-top: 98px;
    }
}

#FoxtailVermicelli h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FoxtailVermicelli h1 span {
    color: #cda45e;
}

#FoxtailVermicelli h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FoxtailVermicelli .btns {
    margin-top: 30px;
}

#FoxtailVermicelli .btn-menu,
#FoxtailVermicelli .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FoxtailVermicelli .btn-menu:hover,
#FoxtailVermicelli .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FoxtailVermicelli .btn-book {
    margin-left: 15px;
}

#FoxtailVermicelli .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FoxtailVermicelli .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FoxtailVermicelli .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FoxtailVermicelli .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FoxtailVermicelli .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FoxtailVermicelli {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #FoxtailVermicelli .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FoxtailVermicelli {
        height: auto;
    }
    #FoxtailVermicelli .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FoxtailVermicelli h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FoxtailVermicelli h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Foxtail Vermicelli*/


/*  risotto section*/

#risotto {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Risotto.png") no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
}

#risotto:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#risotto .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #risotto .container {
        padding-top: 98px;
    }
}

#risotto h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#risotto h1 span {
    color: #cda45e;
}

#risotto h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#risotto .btns {
    margin-top: 30px;
}

#risotto .btn-menu,
#risotto .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#risotto .btn-menu:hover,
#risotto .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#risotto .btn-book {
    margin-left: 15px;
}

#risotto .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#risotto .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#risotto .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#risotto .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#risotto .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#risotto {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #risotto .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #risotto {
        height: auto;
    }
    #risotto .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #risotto h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #risotto h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end risotto */


/*  ButtCarrot section*/

#ButtCarrot {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Bunny\ Butt\ Pancakes.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ButtCarrot:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ButtCarrot .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ButtCarrot .container {
        padding-top: 98px;
    }
}

#ButtCarrot h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ButtCarrot h1 span {
    color: #cda45e;
}

#ButtCarrot h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ButtCarrot .btns {
    margin-top: 30px;
}

#ButtCarrot .btn-menu,
#ButtCarrot .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ButtCarrot .btn-menu:hover,
#ButtCarrot .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ButtCarrot .btn-book {
    margin-left: 15px;
}

#ButtCarrot .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ButtCarrot .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ButtCarrot .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ButtCarrot .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ButtCarrot .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ButtCarrot {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #ButtCarrot .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ButtCarrot {
        height: auto;
    }
    #ButtCarrot .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ButtCarrot h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ButtCarrot h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end ButtCarrot */


/*  Crepes section*/

#Crepes {
    width: 100%;
    height: 100vh;
    background: url("../img/international/crepes.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#Crepes:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#Crepes .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #Crepes .container {
        padding-top: 98px;
    }
}

#Crepes h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#Crepes h1 span {
    color: #cda45e;
}

#Crepes h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#Crepes .btns {
    margin-top: 30px;
}

#Crepes .btn-menu,
#Crepes .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#Crepes .btn-menu:hover,
#Crepes .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#Crepes .btn-book {
    margin-left: 15px;
}

#Crepes .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#Crepes .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#Crepes .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#Crepes .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#Crepes .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#Crepes {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #Crepes .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #Crepes {
        height: auto;
    }
    #Crepes .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #Crepes h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #Crepes h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Crepes */


/*  FlakesSoup section*/

#FlakesSoup {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Flakes\ Soup.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FlakesSoup:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FlakesSoup .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #FlakesSoup .container {
        padding-top: 98px;
    }
}

#FlakesSoup h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FlakesSoup h1 span {
    color: #cda45e;
}

#FlakesSoup h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FlakesSoup .btns {
    margin-top: 30px;
}

#FlakesSoup .btn-menu,
#FlakesSoup .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FlakesSoup .btn-menu:hover,
#FlakesSoup .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FlakesSoup .btn-book {
    margin-left: 15px;
}

#FlakesSoup .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FlakesSoup .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FlakesSoup .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FlakesSoup .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FlakesSoup .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FlakesSoup {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #FlakesSoup .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FlakesSoup {
        height: auto;
    }
    #FlakesSoup .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FlakesSoup h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FlakesSoup h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end FlakesSoup */


/*  Smoothie section*/

#Smoothie {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Smoothie.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#Smoothie:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#Smoothie .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #Smoothie .container {
        padding-top: 98px;
    }
}

#Smoothie h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#Smoothie h1 span {
    color: #cda45e;
}

#Smoothie h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#Smoothie .btns {
    margin-top: 30px;
}

#Smoothie .btn-menu,
#Smoothie .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#Smoothie .btn-menu:hover,
#Smoothie .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#Smoothie .btn-book {
    margin-left: 15px;
}

#Smoothie .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#Smoothie .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#Smoothie .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#Smoothie .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#Smoothie .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#Smoothie {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #Smoothie .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #Smoothie {
        height: auto;
    }
    #Smoothie .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #Smoothie h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #Smoothie h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Smoothie */


/*  Smoothie section*/

#ChocolateBuns {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Chocolate\ Buns.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ChocolateBuns:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ChocolateBuns .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChocolateBuns .container {
        padding-top: 98px;
    }
}

#ChocolateBuns h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ChocolateBuns h1 span {
    color: #cda45e;
}

#ChocolateBuns h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ChocolateBuns .btns {
    margin-top: 30px;
}

#ChocolateBuns .btn-menu,
#ChocolateBuns .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ChocolateBuns .btn-menu:hover,
#ChocolateBuns .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ChocolateBuns .btn-book {
    margin-left: 15px;
}

#ChocolateBuns .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ChocolateBuns .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ChocolateBuns .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ChocolateBuns .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ChocolateBuns .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ChocolateBuns {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #ChocolateBuns .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ChocolateBuns {
        height: auto;
    }
    #ChocolateBuns .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ChocolateBuns h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ChocolateBuns h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end ChocolateBuns */


/*-----------------------------------------
                wrong css 
 --------------======================= */