@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Rubik:wght@300;400;500;600;700&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');
/*font-family: 'Monoton', cursive;*/
/*font-family: 'Rubik', sans-serif;*/
/*** Margin and padding ****/
.mt-1{margin-top:1px}.mt-2{margin-top:2px}.mt-3{margin-top:3px}.mt-4{margin-top:4px}.mt-5{margin-top:5px}.mt-6{margin-top:6px}.mt-7{margin-top:7px}.mt-8{margin-top:8px}.mt-9{margin-top:9px}.mt-10{margin-top:10px}.mt-11{margin-top:11px}.mt-12{margin-top:12px}.mt-13{margin-top:13px}.mt-14{margin-top:14px}.mt-15{margin-top:15px}.mt-16{margin-top:16px}.mt-17{margin-top:17px}.mt-18{margin-top:18px}.mt-19{margin-top:19px}.mt-20{margin-top:20px}.mt-21{margin-top:21px}.mt-22{margin-top:22px}.mt-23{margin-top:23px}.mt-24{margin-top:24px}.mt-25{margin-top:25px}.mt-26{margin-top:26px}.mt-27{margin-top:27px}.mt-28{margin-top:28px}.mt-29{margin-top:29px}.mt-30{margin-top:30px}.mt-31{margin-top:31px}.mt-32{margin-top:32px}.mt-33{margin-top:33px}.mt-34{margin-top:34px}.mt-35{margin-top:35px}.mt-36{margin-top:36px}.mt-37{margin-top:37px}.mt-38{margin-top:38px}.mt-39{margin-top:39px}.mt-40{margin-top:40px}.mt-41{margin-top:41px}.mt-42{margin-top:42px}.mt-43{margin-top:43px}.mt-44{margin-top:44px}.mt-45{margin-top:45px}.mt-46{margin-top:46px}.mt-47{margin-top:47px}.mt-48{margin-top:48px}.mt-49{margin-top:49px}.mt-50{margin-top:50px}.mt-51{margin-top:51px}.mt-52{margin-top:52px}.mt-53{margin-top:53px}.mt-54{margin-top:54px}.mt-55{margin-top:55px}.mt-56{margin-top:56px}.mt-57{margin-top:57px}.mt-58{margin-top:58px}.mt-59{margin-top:59px}.mt-60{margin-top:60px}.mt-61{margin-top:61px}.mt-62{margin-top:62px}.mt-63{margin-top:63px}.mt-64{margin-top:64px}.mt-65{margin-top:65px}.mt-66{margin-top:66px}.mt-67{margin-top:67px}.mt-68{margin-top:68px}.mt-69{margin-top:69px}.mt-70{margin-top:70px}.mt-71{margin-top:71px}.mt-72{margin-top:72px}.mt-73{margin-top:73px}.mt-74{margin-top:74px}.mt-75{margin-top:75px}.mt-76{margin-top:76px}.mt-77{margin-top:77px}.mt-78{margin-top:78px}.mt-79{margin-top:79px}.mt-80{margin-top:80px}.mt-81{margin-top:81px}.mt-82{margin-top:82px}.mt-83{margin-top:83px}.mt-84{margin-top:84px}.mt-85{margin-top:85px}.mt-86{margin-top:86px}.mt-87{margin-top:87px}.mt-88{margin-top:88px}.mt-89{margin-top:89px}.mt-90{margin-top:90px}.mt-91{margin-top:91px}.mt-92{margin-top:92px}.mt-93{margin-top:93px}.mt-94{margin-top:94px}.mt-95{margin-top:95px}.mt-96{margin-top:96px}.mt-97{margin-top:97px}.mt-98{margin-top:98px}.mt-99{margin-top:99px}.mt-100{margin-top:100px}.mb-1{margin-bottom:1px}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-4{margin-bottom:4px}.mb-5{margin-bottom:5px}.mb-6{margin-bottom:6px}.mb-7{margin-bottom:7px}.mb-8{margin-bottom:8px}.mb-9{margin-bottom:9px}.mb-10{margin-bottom:10px}.mb-11{margin-bottom:11px}.mb-12{margin-bottom:12px}.mb-13{margin-bottom:13px}.mb-14{margin-bottom:14px}.mb-15{margin-bottom:15px}.mb-16{margin-bottom:16px}.mb-17{margin-bottom:17px}.mb-18{margin-bottom:18px}.mb-19{margin-bottom:19px}.mb-20{margin-bottom:20px}.mb-21{margin-bottom:21px}.mb-22{margin-bottom:22px}.mb-23{margin-bottom:23px}.mb-24{margin-bottom:24px}.mb-25{margin-bottom:25px}.mb-26{margin-bottom:26px}.mb-27{margin-bottom:27px}.mb-28{margin-bottom:28px}.mb-29{margin-bottom:29px}.mb-30{margin-bottom:30px}.mb-31{margin-bottom:31px}.mb-32{margin-bottom:32px}.mb-33{margin-bottom:33px}.mb-34{margin-bottom:34px}.mb-35{margin-bottom:35px}.mb-36{margin-bottom:36px}.mb-37{margin-bottom:37px}.mb-38{margin-bottom:38px}.mb-39{margin-bottom:39px}.mb-40{margin-bottom:40px}.mb-41{margin-bottom:41px}.mb-42{margin-bottom:42px}.mb-43{margin-bottom:43px}.mb-44{margin-bottom:44px}.mb-45{margin-bottom:45px}.mb-46{margin-bottom:46px}.mb-47{margin-bottom:47px}.mb-48{margin-bottom:48px}.mb-49{margin-bottom:49px}.mb-50{margin-bottom:50px}.mb-51{margin-bottom:51px}.mb-52{margin-bottom:52px}.mb-53{margin-bottom:53px}.mb-54{margin-bottom:54px}.mb-55{margin-bottom:55px}.mb-56{margin-bottom:56px}.mb-57{margin-bottom:57px}.mb-58{margin-bottom:58px}.mb-59{margin-bottom:59px}.mb-60{margin-bottom:60px}.mb-61{margin-bottom:61px}.mb-62{margin-bottom:62px}.mb-63{margin-bottom:63px}.mb-64{margin-bottom:64px}.mb-65{margin-bottom:65px}.mb-66{margin-bottom:66px}.mb-67{margin-bottom:67px}.mb-68{margin-bottom:68px}.mb-69{margin-bottom:69px}.mb-70{margin-bottom:70px}.mb-71{margin-bottom:71px}.mb-72{margin-bottom:72px}.mb-73{margin-bottom:73px}.mb-74{margin-bottom:74px}.mb-75{margin-bottom:75px}.mb-76{margin-bottom:76px}.mb-77{margin-bottom:77px}.mb-78{margin-bottom:78px}.mb-79{margin-bottom:79px}.mb-80{margin-bottom:80px}.mb-81{margin-bottom:81px}.mb-82{margin-bottom:82px}.mb-83{margin-bottom:83px}.mb-84{margin-bottom:84px}.mb-85{margin-bottom:85px}.mb-86{margin-bottom:86px}.mb-87{margin-bottom:87px}.mb-88{margin-bottom:88px}.mb-89{margin-bottom:89px}.mb-90{margin-bottom:90px}.mb-91{margin-bottom:91px}.mb-92{margin-bottom:92px}.mb-93{margin-bottom:93px}.mb-94{margin-bottom:94px}.mb-95{margin-bottom:95px}.mb-96{margin-bottom:96px}.mb-97{margin-bottom:97px}.mb-98{margin-bottom:98px}.mb-99{margin-bottom:99px}.mb-100{margin-bottom:100px}.mtb-1{margin-top:1px;margin-bottom:1px}.mtb-2{margin-top:2px;margin-bottom:2px}.mtb-3{margin-top:3px;margin-bottom:3px}.mtb-4{margin-top:4px;margin-bottom:4px}.mtb-5{margin-top:5px;margin-bottom:5px}.mtb-6{margin-top:6px;margin-bottom:6px}.mtb-7{margin-top:7px;margin-bottom:7px}.mtb-8{margin-top:8px;margin-bottom:8px}.mtb-9{margin-top:9px;margin-bottom:9px}.mtb-10{margin-top:10px;margin-bottom:10px}.mtb-11{margin-top:11px;margin-bottom:11px}.mtb-12{margin-top:12px;margin-bottom:12px}.mtb-13{margin-top:13px;margin-bottom:13px}.mtb-14{margin-top:14px;margin-bottom:14px}.mtb-15{margin-top:15px;margin-bottom:15px}.mtb-16{margin-top:16px;margin-bottom:16px}.mtb-17{margin-top:17px;margin-bottom:17px}.mtb-18{margin-top:18px;margin-bottom:18px}.mtb-19{margin-top:19px;margin-bottom:19px}.mtb-20{margin-top:20px;margin-bottom:20px}.mtb-21{margin-top:21px;margin-bottom:21px}.mtb-22{margin-top:22px;margin-bottom:22px}.mtb-23{margin-top:23px;margin-bottom:23px}.mtb-24{margin-top:24px;margin-bottom:24px}.mtb-25{margin-top:25px;margin-bottom:25px}.mtb-26{margin-top:26px;margin-bottom:26px}.mtb-27{margin-top:27px;margin-bottom:27px}.mtb-28{margin-top:28px;margin-bottom:28px}.mtb-29{margin-top:29px;margin-bottom:29px}.mtb-30{margin-top:30px;margin-bottom:30px}.mtb-31{margin-top:31px;margin-bottom:31px}.mtb-32{margin-top:32px;margin-bottom:32px}.mtb-33{margin-top:33px;margin-bottom:33px}.mtb-34{margin-top:34px;margin-bottom:34px}.mtb-35{margin-top:35px;margin-bottom:35px}.mtb-36{margin-top:36px;margin-bottom:36px}.mtb-37{margin-top:37px;margin-bottom:37px}.mtb-38{margin-top:38px;margin-bottom:38px}.mtb-39{margin-top:39px;margin-bottom:39px}.mtb-40{margin-top:40px;margin-bottom:40px}.mtb-41{margin-top:41px;margin-bottom:41px}.mtb-42{margin-top:42px;margin-bottom:42px}.mtb-43{margin-top:43px;margin-bottom:43px}.mtb-44{margin-top:44px;margin-bottom:44px}.mtb-45{margin-top:45px;margin-bottom:45px}.mtb-46{margin-top:46px;margin-bottom:46px}.mtb-47{margin-top:47px;margin-bottom:47px}.mtb-48{margin-top:48px;margin-bottom:48px}.mtb-49{margin-top:49px;margin-bottom:49px}.mtb-50{margin-top:50px;margin-bottom:50px}.mtb-51{margin-top:51px;margin-bottom:51px}.mtb-52{margin-top:52px;margin-bottom:52px}.mtb-53{margin-top:53px;margin-bottom:53px}.mtb-54{margin-top:54px;margin-bottom:54px}.mtb-55{margin-top:55px;margin-bottom:55px}.mtb-56{margin-top:56px;margin-bottom:56px}.mtb-57{margin-top:57px;margin-bottom:57px}.mtb-58{margin-top:58px;margin-bottom:58px}.mtb-59{margin-top:59px;margin-bottom:59px}.mtb-60{margin-top:60px;margin-bottom:60px}.mtb-61{margin-top:61px;margin-bottom:61px}.mtb-62{margin-top:62px;margin-bottom:62px}.mtb-63{margin-top:63px;margin-bottom:63px}.mtb-64{margin-top:64px;margin-bottom:64px}.mtb-65{margin-top:65px;margin-bottom:65px}.mtb-66{margin-top:66px;margin-bottom:66px}.mtb-67{margin-top:67px;margin-bottom:67px}.mtb-68{margin-top:68px;margin-bottom:68px}.mtb-69{margin-top:69px;margin-bottom:69px}.mtb-70{margin-top:70px;margin-bottom:70px}.mtb-71{margin-top:71px;margin-bottom:71px}.mtb-72{margin-top:72px;margin-bottom:72px}.mtb-73{margin-top:73px;margin-bottom:73px}.mtb-74{margin-top:74px;margin-bottom:74px}.mtb-75{margin-top:75px;margin-bottom:75px}.mtb-76{margin-top:76px;margin-bottom:76px}.mtb-77{margin-top:77px;margin-bottom:77px}.mtb-78{margin-top:78px;margin-bottom:78px}.mtb-79{margin-top:79px;margin-bottom:79px}.mtb-80{margin-top:80px;margin-bottom:80px}.mtb-81{margin-top:81px;margin-bottom:81px}.mtb-82{margin-top:82px;margin-bottom:82px}.mtb-83{margin-top:83px;margin-bottom:83px}.mtb-84{margin-top:84px;margin-bottom:84px}.mtb-85{margin-top:85px;margin-bottom:85px}.mtb-86{margin-top:86px;margin-bottom:86px}.mtb-87{margin-top:87px;margin-bottom:87px}.mtb-88{margin-top:88px;margin-bottom:88px}.mtb-89{margin-top:89px;margin-bottom:89px}.mtb-90{margin-top:90px;margin-bottom:90px}.mtb-91{margin-top:91px;margin-bottom:91px}.mtb-92{margin-top:92px;margin-bottom:92px}.mtb-93{margin-top:93px;margin-bottom:93px}.mtb-94{margin-top:94px;margin-bottom:94px}.mtb-95{margin-top:95px;margin-bottom:95px}.mtb-96{margin-top:96px;margin-bottom:96px}.mtb-97{margin-top:97px;margin-bottom:97px}.mtb-98{margin-top:98px;margin-bottom:98px}.mtb-99{margin-top:99px;margin-bottom:99px}.mtb-100{margin-top:100px;margin-bottom:100px}@media screen and (max-width:768px){.mt-1{margin-top:1px}.mt-2{margin-top:2px}.mt-3{margin-top:3px}.mt-4{margin-top:4px}.mt-5{margin-top:5px}.mt-6{margin-top:6px}.mt-7{margin-top:7px}.mt-8{margin-top:8px}.mt-9{margin-top:9px}.mb-1{margin-bottom:1px}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-4{margin-bottom:4px}.mb-5{margin-bottom:5px}.mb-6{margin-bottom:6px}.mb-7{margin-bottom:7px}.mb-8{margin-bottom:8px}.mb-9{margin-bottom:9px}.mtb-1{margin-top:1px;margin-bottom:1px}.mtb-2{margin-top:2px;margin-bottom:2px}.mtb-3{margin-top:3px;margin-bottom:3px}.mtb-4{margin-top:4px;margin-bottom:4px}.mtb-5{margin-top:5px;margin-bottom:5px}.mtb-6{margin-top:6px;margin-bottom:6px}.mtb-7{margin-top:7px;margin-bottom:7px}.mtb-8{margin-top:8px;margin-bottom:8px}.mtb-9{margin-top:9px;margin-bottom:9px}.mt-10,.mt-100,.mt-11,.mt-12,.mt-13,.mt-14,.mt-15,.mt-16,.mt-17,.mt-18,.mt-19,.mt-20,.mt-21,.mt-22,.mt-23,.mt-24,.mt-25,.mt-26,.mt-27,.mt-28,.mt-29,.mt-30,.mt-31,.mt-32,.mt-33,.mt-34,.mt-35,.mt-36,.mt-37,.mt-38,.mt-39,.mt-40,.mt-41,.mt-42,.mt-43,.mt-44,.mt-45,.mt-46,.mt-47,.mt-48,.mt-49,.mt-50,.mt-51,.mt-52,.mt-53,.mt-54,.mt-55,.mt-56,.mt-57,.mt-58,.mt-59,.mt-60,.mt-61,.mt-62,.mt-63,.mt-64,.mt-65,.mt-66,.mt-67,.mt-68,.mt-69,.mt-70,.mt-71,.mt-72,.mt-73,.mt-74,.mt-75,.mt-76,.mt-77,.mt-78,.mt-79,.mt-80,.mt-81,.mt-82,.mt-83,.mt-84,.mt-85,.mt-86,.mt-87,.mt-88,.mt-89,.mt-90,.mt-91,.mt-92,.mt-93,.mt-94,.mt-95,.mt-96,.mt-97,.mt-98,.mt-99{margin-top:10px}.mb-10,.mb-100,.mb-11,.mb-12,.mb-13,.mb-14,.mb-15,.mb-16,.mb-17,.mb-18,.mb-19,.mb-20,.mb-21,.mb-22,.mb-23,.mb-24,.mb-25,.mb-26,.mb-27,.mb-28,.mb-29,.mb-30,.mb-31,.mb-32,.mb-33,.mb-34,.mb-35,.mb-36,.mb-37,.mb-38,.mb-39,.mb-40,.mb-41,.mb-42,.mb-43,.mb-44,.mb-45,.mb-46,.mb-47,.mb-48,.mb-49,.mb-50,.mb-51,.mb-52,.mb-53,.mb-54,.mb-55,.mb-56,.mb-57,.mb-58,.mb-59,.mb-60,.mb-61,.mb-62,.mb-63,.mb-64,.mb-65,.mb-66,.mb-67,.mb-68,.mb-69,.mb-70,.mb-71,.mb-72,.mb-73,.mb-74,.mb-75,.mb-76,.mb-77,.mb-78,.mb-79,.mb-80,.mb-81,.mb-82,.mb-83,.mb-84,.mb-85,.mb-86,.mb-87,.mb-88,.mb-89,.mb-90,.mb-91,.mb-92,.mb-93,.mb-94,.mb-95,.mb-96,.mb-97,.mb-98,.mb-99{margin-bottom:10px}.mtb-10,.mtb-100,.mtb-11,.mtb-12,.mtb-13,.mtb-14,.mtb-15,.mtb-16,.mtb-17,.mtb-18,.mtb-19,.mtb-20,.mtb-21,.mtb-22,.mtb-23,.mtb-24,.mtb-25,.mtb-26,.mtb-27,.mtb-28,.mtb-29,.mtb-30,.mtb-31,.mtb-32,.mtb-33,.mtb-34,.mtb-35,.mtb-36,.mtb-37,.mtb-38,.mtb-39,.mtb-40,.mtb-41,.mtb-42,.mtb-43,.mtb-44,.mtb-45,.mtb-46,.mtb-47,.mtb-48,.mtb-49,.mtb-50,.mtb-51,.mtb-52,.mtb-53,.mtb-54,.mtb-55,.mtb-56,.mtb-57,.mtb-58,.mtb-59,.mtb-60,.mtb-61,.mtb-62,.mtb-63,.mtb-64,.mtb-65,.mtb-66,.mtb-67,.mtb-68,.mtb-69,.mtb-70,.mtb-71,.mtb-72,.mtb-73,.mtb-74,.mtb-75,.mtb-76,.mtb-77,.mtb-78,.mtb-79,.mtb-80,.mtb-81,.mtb-82,.mtb-83,.mtb-84,.mtb-85,.mtb-86,.mtb-87,.mtb-88,.mtb-89,.mtb-90,.mtb-91,.mtb-92,.mtb-93,.mtb-94,.mtb-95,.mtb-96,.mtb-97,.mtb-98,.mtb-99{margin-top:10px;margin-bottom:10px}}

body{
    background: #f9fafc;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 0.03em;
    font-size: 16px;
    color: #231E41;
}
.theme1-heading1, .theme1-heading2, .theme1-heading3, .theme1-heading4, .theme1-heading5, .theme1-heading6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.theme1-heading1, h1 {
    line-height: 100%;
    font-size: 72px;
    letter-spacing: -3px;
}
.theme1-heading2, h2 {
    line-height: 110%;
    font-size: 40px;
    letter-spacing: -2px;
}
.theme1-heading3, h3 {
    line-height: 120%;
    font-size: 22px;
    letter-spacing: -1px;
}
.theme1-heading4, h4 {
    line-height: 120%;
    font-size: 16px;
    letter-spacing: 0;
}
.theme1-heading5, h5 {
    font-size: 14px;
    letter-spacing: 0;
}
.theme1-text{
    color: #6F6F87;
    font-size: 15px;
}
a {
    text-decoration: none;color: inherit;
}
a:hover {
    text-decoration: none;color: inherit;
}

@media (max-width: 768px) {
    .theme1-heading1, h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }
    .theme1-heading2, h2 {
        font-size: 36px;
        letter-spacing: -1px;
    }
    .theme1-heading3, h3 {
        font-size: 20px;
        letter-spacing: -1px;
    }
}
@media (max-width: 450px) {
    .theme1-heading1, h1 {
        font-size: 46px;
    }
    .theme1-heading2, h2 {
        font-size: 28px;
    }
    .theme1-heading3, h3 {
        font-size: 18px;
    }
}

.theme1-separator-top{
    margin-top: 50px;
}
/*@media (max-width: 768px) {*/
/*    .container {padding: 0 30px;}*/
/*}*/
/**** Animations *****/
@keyframes anima1 {
    0% {
        transform: translateY(0) scale(1); }
    50% {
        transform: translateY(-5px) scale(1.05); }
    0% {
        transform: translateY(0) scale(1); }
}
@keyframes anima2 {
    0% {
        transform: translateY(0) scale(1) rotate(0); }
    25% {
        transform: translateY(-5px) scale(1.1) rotate(-5deg); }
    75% {
        transform: translateY(-5px) scale(1.1) rotate(5deg); }
    0% {
        transform: translateY(0) scale(1) rotate(0); }
}
@keyframes anima3 {
    0% {
        transform: translateY(0); }
    25% {
        transform: translateY(-5px); }
    75% {
        transform: translateY(5px); }
    0% {
        transform: translateY(0); }
}
@keyframes anima4 {
    0% {
        margin-top: 0; }
    50% {
        margin-top: -5px; }
    0% {
        margin-top: 0; }
}
@keyframes ce-1 {
    0% {
        transform: scale(1);
        opacity: 0; }
    50% {
        transform: scale(1.7);
        opacity: 0.8; }
    100% {
        transform: scale(1);
        opacity: 0; }
}
@keyframes ce-2 {
    0% {
        transform: scale(1);
        opacity: 0; }
    50% {
        transform: scale(0.4);
        opacity: 0.8; }
    100% {
        transform: scale(1);
        opacity: 0; }
}
@keyframes zoom {
    0% {
        transform: scale(1); }
    50% {
        transform: scale(1.2); }
    100% {
        transform: scale(1); }
}
@keyframes message {
    0% {
        opacity: 0;
        transform: translateX(30px); }
    100% {
        opacity: 1;
        transform: translateX(0); }
}
@keyframes marker {
    0% {
        transform: scale(1.4) translateY(0); }
    50% {
        transform: scale(1.4) translateY(-10px); }
    0% {
        transform: scale(1.4) translateY(0); }
}

.parallax {
    /* Set a specific height */
    min-height: 200px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 10px;
}

/******************************/


header{
    border-bottom: solid 1px #F2F3F5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    background-color: rgba(249, 250, 252, 0.91);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
header .navbar{
    background-color: transparent !important;
}
header .navbar .navbar-brand{}

header .navbar .navbar-toggler{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background: #e5e5e5;
    border: 0;
    border-bottom: 2px transparent solid;
    transition: all 0.3s;
    padding: 0;
    font-size: 14px;
    position: absolute;
    right: 105px;
    top: 18px;
}
header .navbar .navbar-toggler:hover{
    color: #F5C332;
    border-bottom: 2px #F5C332 solid;
}

header .navbar .navbar-toggler:focus {
    box-shadow: none;
}


header .navbar .navbar-brand img{max-width: 150px;}

header .navbar-light .navbar-nav li.nav-item {
    padding: 0 25px;
}
header .navbar-light .navbar-nav .nav-link {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #231E41;
    border-bottom: 2px transparent solid;
    opacity: 0.9;
    transition: all 0.3s;
}
header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover {
    color: #F5C332;
    border-bottom: 2px #F5C332 solid;
}
header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show>.nav-link {
    color: #F5C332;
    border-bottom: 2px #F5C332 solid;
}
header .navbar-light .navbar-nav .nav-item.icons{padding: 0 2px;}
header .navbar-light .navbar-nav .nav-item.icons a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background: #e5e5e5;
    border-bottom: 2px transparent solid;
    transition: all 0.3s;
}
header .navbar-light .navbar-nav .nav-item.icons ul li a{
    width: 100%;
    height: auto;
    border-radius: 0;
    text-align: left;
    background: none;
}
header .navbar-light .navbar-nav .nav-item.icons a:hover{
    border-bottom: 2px #F5C332 solid;
}
header .navbar-light .navbar-nav .nav-item.icons img{
    max-width: 16px;
    max-height: 16px;
    transform: translateY(-3px);
}
header .navbar-light .navbar-nav .nav-item.icons a i{
    font-size: 16px;
}
.search-window {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.8);
}
.search-window .search-window-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
.search-window .closebtn {
    position: absolute;
    top: 55px;
    right: 10px;
    font-size: 48px;
    cursor: pointer;
    color: white;
}
.search-window .closebtn:hover {
    color: #F5C332;
}
.search-window form{position: relative;}
.search-window input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 100%;
    background: white;
    height: 56px;
    border-radius: 5px;
}
.search-window input[type=text]:hover {
    background: #f1f1f1;
}
.search-window button {
    padding: 7px 8%;
    background: #F5C332;
    font-size: 28px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    border-radius: 0 5px 5px 0;
}
.search-window button:hover {
    background: #bbb;
}

/************** Slider Area Start*/
.sliderbox{}
.carousel-control-next, .carousel-control-prev {filter: invert(100%);}
.sliderbox .slider0-animation-box{
    position: relative;
    overflow: hidden;
    height: calc(100vh - 150px);
    margin-top: 120px;
    width: 100%;
    float: right;
    border-bottom-right-radius: 400px;
    border-bottom-left-radius: 400px;
    box-shadow: 0 8px 8px -9px rgba(0, 0, 0, 0.40);
}
.sliderbox .slider0-animation-box .girl{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    bottom: 0;
    right: 0;
}
.sliderbox .slider1-animation-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.sliderbox .slider1-animation-box .slider1-animation-area{
    position: relative;
    padding-bottom: 110%;
    width: 100%;
    float: right;
}
.sliderbox .slider1-animation-box .slider1-animation-area .dish1{
    position: absolute;
    width: 60%;
    top: 18%;
    left: -5%;
    animation: anima1 3s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .slider1-animation-area .dish2{
    position: absolute;
    width: 60%;
    top: -2%;
    right: -5%;
    animation: anima1 2s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .slider1-animation-area .dish3{
    position: absolute;
    width: 60%;
    bottom: -3%;
    right: 0;
    animation: anima1 4s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .slider1-animation-area .dialog-1,.sliderbox .slider1-animation-box .slider1-animation-area .dialog-2{
    white-space: nowrap;
    opacity: 0;
    background-color: #FFFFFF;
    display: block;
    padding: 0 30px 10px;
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    border-radius: 20px;
    box-shadow: 0 2px 46px 0 rgba(0, 0, 0, 0.36);
}
.sliderbox .slider1-animation-box .slider1-animation-area .dialog-1{
    top: 10%;
    right: 20%;
    margin-right: -30px;
    animation: message 0.4s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}
.sliderbox .slider1-animation-box .slider1-animation-area .dialog-2{
    bottom: 35%;
    left: 25%;
    margin-right: 30px;
    animation: message 0.4s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
.sliderbox .slider1-animation-box .slider1-animation-area .dialog-1 span,.sliderbox .slider1-animation-box .slider1-animation-area .dialog-2 span{
    display: inline-block;
    margin-right: 15px;
    font-size: 26px;
    transform: translateY(5px);
}
.sliderbox .slider1-animation-box .slider1-animation-area .dialog-1:after,.sliderbox .slider1-animation-box .slider1-animation-area .dialog-2:after{
    transform: rotate(45deg);
    content: '';
    position: absolute;
    z-index: 9;
    bottom: -5px;
    right: 30px;
    background-color: #FFFFFF;
    height: 10px;
    width: 10px
}

.sliderbox .slider0-animation-box .circle-1 {
    position: absolute;
    height: 140px;
    width: 140px;
    border-radius: 50%;
    border: solid 22px #fff;
    right: 10%;
    bottom: 15%;
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,.09) , 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima3 3s 1s infinite ease-in-out;
}
.sliderbox .slider0-animation-box .circle-2 {
    position: absolute;
    top: 40%;
    left: 20%;
    height: 25px;
    width: 25px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima1 2s 3s infinite ease-in-out;
}
.sliderbox .slider0-animation-box .circle-3 {
    position: absolute;
    bottom: 10%;
    left: 8%;
    width: 55px;
    height: 55px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima1 3s infinite ease-in-out;
}
.sliderbox .slider0-animation-box .circle-4 {
    position: absolute;
    top: 15%;
    right: 30%;
    width: 15px;
    height: 15px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima1 3s 4s infinite ease-in-out;
}
.sliderbox .slider0-animation-box .circle-5 {
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: solid 10px #fff;
    left: 28%;
    bottom: 45%;
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,.09) , 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima3 3s 1.5s infinite ease-in-out;
}

.sliderbox .slider0-animation-box .ico-1{
    position: absolute;
    width: 8%;
    opacity: 0.07;
    bottom: 45%;
    left: 2%;
    animation: anima2 3s 2s infinite ease-in-out;
}
.sliderbox .slider0-animation-box .ico-2{
    position: absolute;
    width: 8%;
    opacity: 0.07;
    right: 2%;
    bottom: 38%;
    animation: anima2 3s 1s infinite ease-in-out;
}
.sliderbox .slider0-animation-box .ico-3{
    position: absolute;
    width: 8%;
    opacity: 0.07;
    top: 24%;
    right: 18%;
    animation: anima2 3s infinite ease-in-out;
}

.sliderbox .slider1-animation-box .circle-1 {
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: solid 22px #fff;
    right: 0;
    top: 35%;
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,.09) , 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima3 3s 1s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .circle-2 {
    position: absolute;
    top: 20%;
    left: 20%;
    height: 25px;
    width: 25px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima1 2s 3s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .circle-3 {
    position: absolute;
    bottom: 15%;
    right: 52%;
    width: 55px;
    height: 55px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima1 3s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .circle-4 {
    position: absolute;
    bottom: 35%;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima1 3s 4s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .circle-5 {
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: solid 10px #fff;
    left: 15%;
    bottom: 30%;
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,.09) , 0 3px 6px 0 rgba(0,0,0,.09);
    animation: anima3 3s 1.5s infinite ease-in-out;
}

.sliderbox .slider1-animation-box .ico-1{
    position: absolute;
    width: 8%;
    opacity: 0.07;
    top: 5%;
    left: 25%;
    animation: anima2 3s 2s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .ico-2{
    position: absolute;
    width: 8%;
    opacity: 0.07;
    right: 0;
    bottom: 0;
    animation: anima2 3s 1s infinite ease-in-out;
}
.sliderbox .slider1-animation-box .ico-3{
    position: absolute;
    width: 8%;
    opacity: 0.07;
    left: 22%;
    bottom: 18%;
    animation: anima2 3s infinite ease-in-out;
}

.sliderbox .slider1-text-box{
    padding-top: 7vh;
    display: flex;
    align-items: center;
    height: 100vh;
}
.sliderbox .slider1-text-box .slider1-text-area{
    width: 100%;
}
.sliderbox .slider1-text-box .slider1-text-area p.paragraph{
    font-size: 16px;
    color: #6F6F87;
}
.theme1-cstm-btn{
    opacity: 1;
    border: none;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    transform: scale(1);
    height: 55px;
    letter-spacing: 0;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #F5C332;
    transition: 0.3s ease-in-out;
}
.theme1-cstm-btn:hover{
    filter: brightness(110%);
}
.theme1-cstm-btn .cstm-icon {
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 !important;
    margin: 0;
    width: 55px;
    height: 55px;
}
.theme1-cstm-btn span {
    white-space: nowrap;
    line-height: 55px;
    display: inline-block;
    padding: 0 20px 0 0;
    font-weight: 500;
}
.theme1-cstm-btn.cstm-btn-gray {
    background-color: #F9FAFC;
    box-shadow: 0 0 0 2px #ffffff;
}
theme1-cstm-btn.cstm-btn-2 {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}
.theme1-cstm-btn.cstm-btn-2.cstm-btn-gray {
    background-color: transparent;
}
.theme1-cstm-btn.cstm-btn-2.cstm-btn-gray .cstm-icon {
    background-color: #F2F3F5;
    box-shadow: 0 0 0 2px #ffffff;
}
.theme1-cstm-btn.cstm-btn-2 .cstm-icon {
    background-color: #F5C332;
    transform: scale(0.95);
}
.theme1-cstm-btn.cstm-btn-2 span {
    padding: 0 0 0 15px;
}


.theme1-cstm-btn-2{
    opacity: 1;
    border: none;
    padding: 9px 15px;
    cursor: pointer;
    transform: scale(1);
    font-size: 13px;
    background-color: #F5C332;
    transition: 0.3s ease-in-out;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
}
.theme1-cstm-btn-2:hover{
    filter: brightness(95%);
}

.modal {
    z-index: 999999;
}
.modal-backdrop {
    z-index: 99999;
}
.sweet-alert {
    z-index: 99999999 !important;
}
.sweet-overlay {
    z-index: 9999999 !important;
}

@keyframes blinkingBackground{
    0%		{ background-color: red; color: #fff;}
    25%		{ background-color: #EFEDED; color: #000}
    50%		{ background-color: red; color: #fff;}
    75%		{ background-color: #EFEDED; color: #000}
    100%	{ background-color: red; color: #fff;}
}

.datetime-button-error{
    animation: blinkingBackground 2s infinite;
}

/*********************************************************************/

.datepicker-inline {
    width: auto;
}

.datepicker-inline table {
    width: 100%;
}
.datepicker-inline table .day {
    padding: 14px 12px;
    border: 1px #ccc solid;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #F5C332;
    color: #fff;
}
.datepicker table {
    border-collapse: collapse;
}
.datepicker table tr td,
.datepicker table tr th {
    padding: 0;
    border-radius: 0;
}
.datepicker table tbody {
    background-color: #efeded;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #F5C332;
    color: #fff;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted.focus:active,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.focus:active,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled.focus:active,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled.active.focus:hover,
.datepicker table tr td span.active.disabled.active:hover:focus,
.datepicker table tr td span.active.disabled.active:hover:hover,
.datepicker table tr td span.active.disabled.focus:hover:active,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.focus:active,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active.active.focus:hover,
.datepicker table tr td span.active.active:hover:focus,
.datepicker table tr td span.active.active:hover:hover,
.datepicker table tr td span.active.focus:hover:active,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
    background-color: #F5C332;
    border-color: #F5C332;
}

.bootstrap-datetimepicker-widget table td {
    border-top: 0 none;
}
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td.day {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.datepicker table tr td.disabled{
    background: white;
    color: #c2c2c2;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.datepicker table tr td.disabled::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
    transform: rotate(160deg);
    top: 27px;
    right: 0;
}
.datepicker table tr td.disabled:hover{
    background: white;
    color: #c2c2c2;
}

/*******************************************************************/

/********** Short About ***********/
.short-about{}
.short-about .short-about-img-box{
    position: relative;
    padding-bottom: 120%;
    width: 100%;
}
.short-about .short-about-img-box .short-about-img-frame{
    position: absolute;
    overflow: hidden;
    z-index: 2;
    width: 80%;
    height: 90%;
    bottom: 10%;
    left: 0;
    box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.10);
}
.short-about .short-about-img-box .short-about-img-frame img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    animation: zoom 30s infinite ease-in-out;
}
.short-about .short-about-img-box .short-about-img-extra{
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    width: 70%;
    height: 80%;
    background-color: rgb(245 195 50);
    border: 8px #231e41 dashed;
}
.short-about .short-about-img-box .circle-1{
    position: absolute;
    z-index: 4;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: solid 20px #FFFFFF;
    left: 15%;
    bottom: 2%;
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    animation: anima3 3s 1s infinite ease-in-out;
}
.short-about .short-about-img-box .circle-2{
    position: absolute;
    z-index: 4;
    top: 35%;
    right: 18%;
    height: 20px;
    width: 20px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    animation: anima1 2s 3s infinite ease-in-out;
}
.short-about .short-about-img-box .circle-3{
    position: absolute;
    z-index: 4;
    bottom: 15%;
    left: -5%;
    width: 55px;
    height: 55px;
    background-color: #F5C332;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    animation: anima1 3s infinite ease-in-out;
}
.short-about .short-about-img-box .circle-4{
    position: absolute;
    z-index: 4;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: solid 7px #FFFFFF;
    left: 15%;
    top: -2%;
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    animation: anima3 3s 1s infinite ease-in-out;
}
.short-about .short-about-img-box .exp-box{
    background-color: #FFFFFF;
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 10%;
    width: 40%;
    padding: 30px;
    box-shadow: 6px 6px 8px -6px rgba(0, 0, 0, 0.1);
}
.short-about .short-about-img-box .exp-box .exp-content{
    padding: 15px;
    text-align: center;
    border: dotted 3px #e7e8eb;
}
.short-about .short-about-img-box .exp-box .exp-content .theme1-heading1{
    font-weight: 500;
    font-family: 'Monoton', cursive;
}
.short-about .short-about-img-box .exp-box .exp-content .theme1-heading3{}
/********************************************************************/

/************* Our Features *************************/
.our-features{}
.our-features .feature-item{
    display: flex;
    position: relative;
    z-index: 2;
}
.our-features .feature-item .number-box{
    min-width: 62px;
    margin-right: 30px;
    font-family: 'Monoton', cursive;
    color: #F5C332;
    font-size: 42px;
    line-height: 36px;
}
/**************************************************/

/********** Special Prods ***********************/
.special-prods-box{overflow: hidden; position: relative;}
.special-prods-box ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.special-prods-box ul li{
    list-style: none;
    margin: 10px 15px;
}
.special-prods-box ul li button.control{
    background: transparent;
    border: 0;
}

.special-prods-box ul li button img{
    max-width: 50px;
    margin-bottom: 15px;
}
.special-prods-box ul li button.control.mixitup-control-active{
    color: #F5C332;
}

.special-prods-box .special-prods{}

.special-prods-box .special-prods .special-brod-box{
    background: #fff;
    position: relative;
    box-shadow: 0px 6px 20px 1px #ddd;
    margin: 20px 0;
}
.special-prods-box .special-prods .special-brod-box .prod-img{
    overflow: hidden;
}
.special-prods-box .special-prods .special-brod-box .prod-img img{
    width: 100%;
    transition: 0.3s ease-in-out;
}
.special-prods-box .special-prods .special-brod-box .prod-details{
    padding: 18px 10px;
}
.special-prods-box .special-prods .special-brod-box .prod-details a.prod-name{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    transition: 0.3s ease-in-out;
}
.special-prods-box .special-prods .special-brod-box .prod-details p.prod-detail{
    color: #666666;
    font-size: 14px;
    font-weight: 300;
}
.special-prods-box .special-prods .special-brod-box .prod-details .cart-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.special-prods-box .special-prods .special-brod-box .prod-details .cart-price .prod-price{
    color: #F5C332;
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 20px;
}
.special-prods-box .special-prods .special-brod-box .prod-details .cart-price .prod-price{
    color: #F5C332;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
}
.special-prods-box .special-prods .special-brod-box .prod-details .cart-price a.add-to-cart{
    border: 1px #000 solid;
    background: transparent;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transition: 0.3s ease-in-out;
}
.special-prods-box .special-prods .special-brod-box .prod-details .cart-price a.add-to-cart:hover{
    border: 1px #fff solid;
    background: #F5C332;
    color: #fff;
}
.special-prods-box .special-prods .special-brod-box:hover .prod-img img{
    transform: scale(1.05);
}
.special-prods-box .special-prods .special-brod-box:hover .prod-details a.prod-name{
    color: #F5C332;
}
/*********************************************************/

/*********** Categories ***************/
.categories-box{}
.categories-box .category-box{
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.06);
    text-align: center;
    position: relative;
    z-index: 1;
    border: 1px #e9e9e9 solid;
}
.categories-box .category-box:before{
    background-color: #F5C332;
    clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0 100%);
    content: "";
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.3s ease-in-out;
    z-index: -1;
}
.categories-box .category-box:hover:before{
    height: 100%;
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
}
.categories-box .category-box .category-icon{
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
}
.categories-box .category-box .category-icon i{
    position: absolute;
    top: 0;
    left: 0;
    color: #F5C332;
    font-size: 60px;
    transition: 0.3s ease-in-out;
    animation: anima2 3s 1s infinite ease-in-out;
}
.categories-box .category-box:hover .category-icon i{
    color: #fff;
}
.categories-box .category-box .category-content h3 {
    letter-spacing: -0.8px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    transition: 0.3s ease-in-out;
    padding-top: 85px;
}
.categories-box .category-box:hover .category-content h3{
    color: #fff;
}
.categories-box .category-box .category-content p {
    font-size: 14px;
    transition: 0.3s ease-in-out;
}
.categories-box .category-box:hover .category-content p{
    color: #fff;
}
.categories-box .category-box .category-thumb {
    text-align: center;
}
.categories-box .category-box .category-thumb img{
    margin: 0 auto;
    animation: anima1 2s infinite ease-in-out;
}
.home-categories button.owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    background: #fff !important;
    width: 50px;
    height: 50px;
    font-size: 35px !important;
    border-radius: 50%;
    line-height: 50px !important;
    text-align: center !important;
    border: 1px #e9e9e9 solid !important;
    transition: 0.3s ease-in-out;
}
.home-categories button.owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
    background: #fff !important;
    width: 50px;
    height: 50px;
    font-size: 35px !important;
    border-radius: 50%;
    line-height: 50px !important;
    text-align: center !important;
    border: 1px #e9e9e9 solid !important;
    transition: 0.3s ease-in-out;
}
.home-categories button.owl-prev:hover, .home-categories button.owl-next:hover{
    background: #F5C332 !important;
    color: #fff !important;
}
/*************************************/



.special-prods-pagination {text-align: center;}
.special-prods-pagination a {
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
    padding: 7px;
    border-radius: 50%;
    background-color: #b1b1b1;
}
.special-prods-pagination a:hover {
    background-color: #f5c332;
    color: #fff;
}
.special-prods-pagination a.jp-previous { margin-right: 15px; }
.special-prods-pagination a.jp-next { margin-left: 15px; }
.special-prods-pagination a.jp-current, a.jp-current:hover {
    color: #FF4242;
    font-weight: bold;
}
.special-prods-pagination a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
}
.special-prods-pagination a.jp-current, a.jp-current:hover,
.special-prods-pagination a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background-color: #f5c332;
}
.special-prods-pagination span { margin: 0 5px; }

/******************************************/

/***************** Available Box ******************/
.available-box{
    background: url("../img/available-bg.png");
}
.available-box .bg-overlay{
    background: #00000099;
    padding: 80px 0;
}
.available-box .bg-overlay .available-content{}
.available-box .bg-overlay .available-content h3{
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
}
.available-box .bg-overlay .available-content p{
    color: #fff;
    margin-bottom: 0;
}
.available-box .bg-overlay .avail-inner{
    width: 100%;
    position: relative;
    z-index: 9;
}
.available-box .bg-overlay .avail-inner .available-note{
    position: absolute;
    background: #fff;
    width: 100%;
    padding: 20px;
    box-shadow: 0px 1px 20px 1px #2f2e2e52;
}
.available-box .bg-overlay .avail-inner .available-note .note-head {
    text-align: center;
    padding-bottom: 10px;
}
.available-box .bg-overlay .avail-inner .available-note .note-head h4{
    color: #F5C332;
    font-size: 17px;
}
.available-box .bg-overlay .avail-inner .available-note .note-head h3{
    font-size: 34px;
}
.available-box .bg-overlay .avail-inner .available-note .note-ul {
    padding: 0;
    margin: 0;
}
.available-box .bg-overlay .avail-inner .available-note .note-ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #ddd;
    padding: 5px;
    color: #666666;
    transition: .3s;
}

.available-box .bg-overlay .avail-inner .available-note .note-ul li p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
}
.available-box .bg-overlay .avail-inner .available-note .note-ul li:hover{
    color: #F5C332;
    border-color: #F5C332;
}
.available-box .bg-overlay .avail-inner .available-note .note-footer {
    text-align: center;
    padding-top: 10px;
}
.available-box .bg-overlay .avail-inner .available-note .note-footer h4{
    font-size: 22px;
    color: #f5c332;
}
.available-box .bg-overlay .avail-inner .available-note .note-footer h5{
    font-family: 'Monoton', cursive;
    font-size: 20px;
}
/*****************************************************************************

/*************** Subscriber Box *********************/
.subscriber-box{
    background: url("../img/subscriber-bg.png");
}
.subscriber-box .bg-overlay{
    background: #00000099;
    padding: 80px 0;
}
.subscriber-box .bg-overlay h4{
    color: #fff;
    font-size: 21px;
}
.subscriber-box .bg-overlay p{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
}
.subscriber-box .bg-overlay form input{
    padding: 10px;
    border-radius: 0;
}
.subscriber-box .bg-overlay form button{
    border-radius: 0;
    background: #f5c332;
    border-color: #f5c332;
    color: #fff;
}
/*******************************************************/

/************** Today Menu *************************/
.gallery-box {
    padding: 150px 0 100px 0;
    position: relative;
    background: url('../img/today-menu-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.gallery-box .gallery-inner{
    background: rgba(255, 255, 255, 0.4);
    padding: 50px;
    border-left: 15px #f5c332 solid;
    border-right: 15px #f5c332 solid;
    border-radius: 20px;
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
}
.gallery-box .gallery-inner h4{
    color: #f5c332;
}
.gallery-box .gallery-inner h3{
    font-size: 30px;
    margin-bottom: 30px;
}
.gallery-box .gallery-inner .gallery-item{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}
.gallery-box .gallery-inner .gallery-item img{
    transform: scale(1);
    transition: 0.3s ease-in-out;
}
.gallery-box .gallery-inner .gallery-item .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(245, 195, 50, 0.7);
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.gallery-box .gallery-inner .gallery-item:hover .overlay{
    opacity: 1;
}
.gallery-box .gallery-inner .gallery-item:hover img{
    transform: scale(1.1);
}
.gallery-box .gallery-inner .gallery-item .overlay a{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 33px;
    text-align: center;
    line-height: 50px;
}
.gallery-box .gallery-inner .gallery-item .overlay h5{
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 20px;
    color: #fff;
}
/**************************************************************************/

/******************* Footer *********************/

footer{ background: #fff}
footer .footerarea{padding: 30px 0;}
footer .footerarea h4{
    font-size: 20px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #f5c332;
    font-weight: 400;
}
footer .footerarea h4:after{
    content: '';
    background: #f5c332;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 2px;
}
footer .footerarea p{line-height: 28px; font-weight: 300;}
footer .footerarea ul.social{display: flex;margin: 0;padding: 0;list-style: none}
footer .footerarea ul.social li{margin: 0 8px;}
footer .footerarea ul.social li a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f5c332;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 25px;
    transform: translateY(0px);
    transition: 0.3s ease-in-out;
}
footer .footerarea ul.social li a:hover{
    padding-left: 0;
    color: #fff;
    transform: translateY(-5px);
}

footer .footerarea ul{margin: 0; padding: 0; list-style: none;}
footer .footerarea ul li{}
footer .footerarea ul li a{
    padding: 3px 0;
    display: block;
    font-weight: 300;
    transition:0.3s ease-in-out;
}
footer .footerarea ul li a:hover{color: #f5c332;padding: 3px 0 3px 5px;}

footer .footerarea ul.open-hours li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px #ddd dashed;}
footer .footerarea ul.open-hours li p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
}
footer .footerarea p.addr,footer .footerarea p.pho,footer .footerarea p.ema{
    position: relative;
    padding-left: 22px;
}
footer .footerarea p.addr:before{
    font-family: FontAwesome;
    content: "\f041";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    color: #f5c332;
}

footer .footerarea p.pho:before{
    font-family: FontAwesome;
    content: "\f095";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    color: #f5c332;
}
footer .footerarea p.ema:before{
    font-family: FontAwesome;
    content: "\f003";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    color: #f5c332;
}
footer .copyright{
    background: #f5c332;
    text-align: center;
    color: #fff;
    padding: 14px 0 13px;
    position: relative;
}
footer .copyright:before{
    content: "";
    position: absolute;
    background-image: url('../img/footer-shape.png');
    background-repeat: repeat-x;
    background-position: center;
    height: 10px;
    left: 0;
    right: 0;
    top: -8px;
}
footer .copyright p{
    margin-bottom: 0;
    font-weight: 300;
}

.back-top{
    position: fixed;
    bottom: 5px;
    right: 5px;
    background: #f5c332;
    color: #fff;
    padding: 0px 10px;
    font-size: 22px;
    border-radius: 3px;
    z-index: 9;
    transition: 0.3s ease-in-out;
}
.back-top:hover{
    background: #1a1a1a;
    color: #fff;
}
/*************************************************************/

.menu-page{
    background-image: url("../img/menu-bg.jpg");
}

/************ Menu Header **********************/
.menu-header{margin-bottom: 10px;}
.default-header-margin{margin-top: 72px;padding-top: 10px;}
.menu-header .menu-header-box{
    background: url('../img/menu-header-bg.jpg');
    position: relative;
    padding: 15px;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-radius: 5px;
    overflow: hidden;
}
.menu-header .menu-header-box:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f5c332;
    opacity: 0.8;
    filter: brightness(60%);
}
.menu-header .menu-header-box .menu-header-content{
    position: relative;
    color: #fff;
    font-size: 14px;
}
.menu-header .menu-header-box .menu-header-content h2{
    font-size: 26px;
    letter-spacing: normal;
    color: #f5c332;
    margin-bottom: 10px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.menu-header .menu-header-box .menu-header-content .rating{
    margin-bottom: 10px;
}
.menu-header .menu-header-box .menu-header-content p{
    margin-bottom: 0;
}
.menu-header .menu-header-box .menu-header-content .menu-status-box{
    text-align: right;
    font-weight: 300;
}
.menu-header .menu-header-box .menu-header-content .menu-status-box p{
    margin-bottom: 5px;
}
.menu-header .menu-header-box .menu-header-content .menu-status-box p.opening-status-bx span{
    background: #ff9d00;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    color: white;
    border: 1px #fff solid;
    font-weight: 100;
    display: inline-block;
}
.menu-header .menu-header-box .menu-header-content .menu-status-box p.open-status-bx span{
    background: #28a745;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    color: white;
    border: 1px #fff solid;
    font-weight: 100;
    display: inline-block;
}
.menu-header .menu-header-box .menu-header-content .menu-status-box p.closed-status-bx span{
    background: red;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    color: white;
    border: 1px #fff solid;
    font-weight: 100;
    display: inline-block;
    text-transform: uppercase;
}






/*****************************************************************/

/**************** Menu Area *********************/
.menu-area{}
.menu-area .container{}

.menu-area .position-box{position: sticky; top: 81px;border-top: 1px #e9e9e9 solid;border-bottom: 1px #e9e9e9 solid;}
@media (max-width: 992px){
    .menu-area .position-box{position: sticky; top: 71px;}
}


.menu-area .categories-box{background: #fff; padding: 20px; border-radius: 5px;}
.menu-area .categories-box h3{
    color: #f5c332;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.menu-area .categories-box ul{margin: 0;padding: 0;list-style: none;}
.menu-area .categories-box ul li{}
.menu-area .categories-box ul li:before{content: '\f101';font-family: FontAwesome;padding-right: 5px;}
.menu-area .categories-box ul li a{color: #1a1a1a; font-size: 14px; transition:0.3s ease-in-out;}
.menu-area .categories-box ul li a:hover{color: #f5c332;}
.menu-area .categories-box ul ul{padding-left: 10px;}
.menu-area .categories-box ul ul li{}
.menu-area .categories-box ul ul li:before{content: '\f105';font-family: FontAwesome;padding-right: 5px;}
.menu-area .categories-box ul ul li a{}
.menu-area .categories-box ul ul li a:hover{}

.menu-area .menu-box{}



.menu-area .menu-box .menu-tabs{
    background: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px;
    padding: 5px 0;
}
.menu-area .menu-box .menu-tabs ul{border: 0; justify-content: center;}
.menu-area .menu-box .menu-tabs ul li{}
.menu-area .menu-box .menu-tabs ul li a.nav-link{border: 0; border-bottom: 2px transparent solid;color: #65617a; transition: 0.3s ease-in-out;}
.menu-area .menu-box .menu-tabs ul li a.nav-link:hover, .menu-area .menu-box .menu-tabs ul li a.nav-link.active{
    color: #f5c332; border-bottom: 2px #f5c332 solid;
}



.menu-area .checkout-box{background: #fff; padding: 20px; border-radius: 5px;}
.menu-area .checkout-box h4{
    color: #f5c332;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}













.nav-slider .owl-nav button.owl-next, .nav-slider .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    color: #232323 !important;
    width: 14px;
    text-align: center;
    height: 100%;
    font-size: 23px !important;
}
.nav-slider .owl-nav button.owl-prev {
    left: 0;
    background-image: linear-gradient(to right, rgba(148, 148, 148, 0.57), rgba(255,255,255,1)) !important;
}
.nav-slider .owl-nav button.owl-next {
    right: 0;
    background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(148, 148, 148, 0.57)) !important;
}

.mobile-category-box{display:none;position:sticky; top:118px;background: #fff;border-top: 1px #e9e9e9 solid; border-bottom: 1px #e9e9e9 solid;z-index: 1;}
.mobile-category-box .nav-link{
    border-color: #fff;
    padding: 6px 13px;
}




.menu-area .menu-box .search-box{
    border-top: 1px #e9e9e9 solid;
    border-bottom: 1px #e9e9e9 solid;
    z-index: 1;
}

.menu-area .menu-box .search-box input{
    border-radius: 0;
    background: #fff;
    border: 0;
}
.menu-area .menu-box .search-box button{
    border-radius: 0;
    background: #fff;
    border: 0;
    border-left: 1px #efeded solid;
}



.menu-area .menu-box .menu-items-box{
    background: #fff;
}


@media (max-width: 992px){
    .menu-area .position-box{position: sticky; top: 71px;}
    .menu-area .menu-box .menu-tabs{margin: 0 -12px;}
    .menu-area .menu-box .search-box{margin: 0 -12px; border-bottom: 0;}
    .mobile-category-box{background: #fff; margin: 0 -12px;top: 108px; display: block;}
    .menu-area .menu-box .menu-items-box{margin: 0 -12px;}
}




.menu-area .cart-box{background: #fff; border-radius: 5px; padding: 20px;}
.menu-area .cart-box .schedule-order-box{position: relative;}
.menu-area .cart-box .schedule-order-box button.dropdown-toggle{
    color: #29201D;
    background-color: #EFEDED;
    border-color: #EFEDED;
    display: block;
    width: 100%;
    padding: 5px;
    font-size: 15px;
}
.menu-area .cart-box .schedule-order-box button.dropdown-toggle:hover{
    background-color: #e1e1e1;
}
.menu-area .cart-box .schedule-order-box button.dropdown-toggle:focus{
    background-color: #f5c332;
    box-shadow: none;
}
.menu-area .cart-box .schedule-order-box h4{
    background: #f5c332;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 15px;
}
.menu-area .cart-box .schedule-order-box form{
    padding: 15px !important;
}
.menu-area .cart-box .schedule-order-box .dropdown-menu{
    width: 100%;
}
.menu-area .cart-box .schedule-order-box form select{
    padding: 3px 10px;
    font-size: 14px;
}
.menu-area .cart-box .schedule-order-box form button{
    background: #f5c332;
    font-size: 14px;
    width: 100%;
    margin-top: 10px;
}
.menu-area .cart-mobile-box{
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2px;
    z-index: 101;
}
.menu-area .cart-mobile-box .schedule-order-box{position: relative;}
.menu-area .cart-mobile-box .schedule-order-box button.dropdown-toggle{
    color: #29201D;
    background-color: #EFEDED;
    border-color: #EFEDED;
    display: block;
    width: 100%;
    padding: 5px;
    font-size: 15px;
}
.menu-area .cart-mobile-box .schedule-order-box button.dropdown-toggle:hover{
    background-color: #e1e1e1;
}
.menu-area .cart-mobile-box .schedule-order-box button.dropdown-toggle:focus{
    background-color: #f5c332;
    box-shadow: none;
}
.menu-area .cart-mobile-box .schedule-order-box h4{
    background: #f5c332;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 15px;
}
.menu-area .cart-mobile-box .schedule-order-box form{
    padding: 15px !important;
}
.menu-area .cart-mobile-box .schedule-order-box .dropdown-menu{
    width: 100%;
}
.menu-area .cart-mobile-box .schedule-order-box form select{
    padding: 3px 10px;
    font-size: 14px;
}
.menu-area .cart-mobile-box .schedule-order-box form button{
    background: #f5c332;
    font-size: 14px;
    width: 100%;
    margin-top: 10px;
}

.menu-area .cart-mobile-box button.checkout-btn{
    background: #f5c332;
    color: #120e00;
    width: 100%;
    padding: 6px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border-radius: 4px;
    font-size: 15px;
}
.menu-area .cart-mobile-box button.checkout-btn:hover{
    background: #dfa703;
    color: #fff;
}




.menu-area .cart-box .cart-order-type{
    padding: 10px 0;
}
.menu-area .cart-box .cart-order-type p.type-info{
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0;
}
.menu-area .cart-box .cart-item-box{
    max-height: 36vh;
    overflow-x: auto;
    font-size: 14px;
    padding: 10px 0;
}
.menu-area .cart-box .cart-item-box ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    line-height: 1.8;
}

.menu-area .cart-box .cart-item-box ul ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    line-height: 1.8;
}

.menu-area .cart-box .cart-item-box ul li{
    border-bottom: 1px dashed #EEE;
    overflow: hidden;
    padding: 4px 0;
}

.menu-area .cart-box .cart-item-box ul ul li{
    border-bottom: 0;
    overflow: hidden;
    padding: 0;
}

.menu-area .cart-box .cart-item-box ul li:last-child{
    border-bottom: 0px;
}
.menu-area .cart-box .cart-item-box ul li:before,.menu-area .cart-box .cart-item-box ul li:after{
    content: " ";
    display: table;
    box-sizing: border-box;
}
.menu-area .cart-box .cart-item-box ul li button.qty-btn{
    float: left;
    cursor: pointer;
    background: #efeded;
    color: #6c757d;
    padding: 3px 5px;
    line-height: 1;
    transition:0.3s ease-in-out;
}
.menu-area .cart-box .cart-item-box ul li button.qty-btn:hover{
    background: #f5c332;
    color: #fff;
}
.menu-area .cart-box .cart-item-box ul li span.price{
    padding-left: 10px;
}
.menu-area .cart-box .cart-item-box ul li a.name-image{
    cursor: pointer;
    display: block;
    text-decoration: none;
    padding-left: 30px;
    transition: 0.3s ease-in-out;
}
.menu-area .cart-box .cart-item-box ul li a.name-image:hover{
    color: #f5c332;
}
.menu-area .cart-box .cart-item-box ul li a.name-image span.name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.menu-area .cart-box .coupon-code-box{
    padding: 10px 0;
    border-top: 1px #efeded solid;
}
.menu-area .cart-box .coupon-code-box input{
    padding: 5px 10px;
    font-size: 14px;
}
.menu-area .cart-box .coupon-code-box button{
    font-size: 13px;
    padding: 9px 16px;
    line-height: 1;
    background: #efeded;
    border-color: #ced4da;
}
.menu-area .cart-box .coupon-code-box button:hover{
    background: #f5c332;

}

.custom-group-btn1{width: 100%;}
.custom-group-btn1 label{
    background: #efeded;
    padding: 5px;
    text-align: center;
    color: #413936;
    font-size: 15px;
    border-color: #dbdbdb;
    white-space: nowrap;
}
.custom-group-btn1 label span.small{
    font-size: 11px;
    white-space: break-spaces;
}
.menu-area .cart-box .waiter-tip-box{padding: 10px 0;border-top: 1px #efeded solid;}
.menu-area .cart-box .waiter-tip-box .custom-tip{padding-top: 10px; display: none;}
.menu-area .cart-box .waiter-tip-box .custom-tip input {
    padding: 5px 10px;
    font-size: 14px;
}
.menu-area .cart-box .waiter-tip-box .custom-tip button {
    font-size: 13px;
    padding: 9px 16px;
    line-height: 1;
    background: #efeded;
    border-color: #ced4da;
}



.menu-area .cart-box .total-box{padding: 10px 0 0 0;border-top: 1px #efeded solid;}
.menu-area .cart-box .total-box table{margin-bottom: 10px}
.menu-area .cart-box .total-box table tr td{
    border-width: 0;
    font-size: 14px;
    padding: 3px 0;
}
.menu-area .cart-box .total-box button.checkout-btn{
    background: #f5c332;
    color: #120e00;
    width: 100%;
    padding: 13px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border-radius: 0;
    font-size: 18px;
}
.menu-area .cart-box .total-box button.checkout-btn:hover{
    background: #dfa703;
    color: #fff;
}


.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion{}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item{
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item h4{}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item h4 button{font-size: 18px; font-weight: 500; color: #f5c332;padding: 15px;}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item h4 button:not(.collapsed){box-shadow: none;background-color: transparent;}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item h4 button::after{
    font-family: FontAwesome;
    content: "\f078";
    background-image: none;
    color: #666666;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item h4 button:not(.collapsed)::after{
    background-image: none;
}




.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body{
    font-family: 'Open Sans', sans-serif;
    padding: 0 15px;
    color: #777;
    font-size: 14px;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item{
    display: flex;
    border-bottom: 1px #dfdfdf dashed;
    padding: 10px 0;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item:last-child{
    border-bottom: 0;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item p{
    margin-bottom: 0;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .content{padding-right: 10px;text-align: justify;width: 100%;}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .content h6{
    font-weight: 400;
    font-size: 15px;
    color: #f5c332;
    text-align: left;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .img-price-add{padding-left: 10px;}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .img-price-add .menu-price{
    font-weight: 700; float: right;
    font-size: 16px;
    padding-right: 5px;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .img-price-add .add-button{ float: right;}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .img-price-add .add-button button{
    border: 0;
    background: #e1e1e1;
    color: #555656;
    border-radius: 3px;
    font-size: 15px;
    transition: 0.3s ease-in-out;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .img-price-add .add-button button:hover{
    background: #f5c332;
    color: #fff;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .img-price-add .menu-image{
    float: right;
    padding-top: 5px;
    width: 100%;
    text-align: right;
}
.menu-area .menu-box .menu-tabs-box .menu-items-box .accordion .accordion-item .accordion-body .single-menu-item .img-price-add img{width:100%;max-width: 75px;border-radius: 5px;}






/************************************************/


@media (max-width: 1200px) {
    .short-about .short-about-img-box .exp-box{
        width: 50%;
    }
    .available-box .bg-overlay .avail-inner .available-note .note-head h3{
        font-size: 30px;
    }
}
@media (max-width: 992px) {
    .sliderbox .slider0-animation-box{
        margin-top: 0;
        height: auto;
        padding-bottom: 105%;
    }
    .sliderbox .slider1-animation-box{
        height: auto;
    }
    .sliderbox .slider1-text-box {
        height: auto;
        padding: 100px 0 30px;
    }
    .sliderbox .slider1-text-box .slider1-text-area{
        text-align: center;
    }
    .short-about .short-about-img-box{
        padding-bottom: 65%;
    }
    .short-about .short-about-img-box .short-about-img-extra{
        background-color: #F9FAFC;
        border: none;
    }
    .short-about .short-about-img-box .short-about-img-frame{
        width: 100%;
    }
    .short-about .short-about-img-box .exp-box{
        width: 40%;
        right: 0;
    }
    .special-prods-box ul{
        display: block;
        text-align: center;
    }
    .special-prods-box ul li{
        margin: 10px 10px;
        display: inline-block;
    }
    .special-prods-box ul li button img{
        max-width: 32px;
        margin-bottom: 10px;
    }
    .home-categories button.owl-prev,.home-categories button.owl-next{
        font-size: 28px !important;
        width: 40px;
        height: 40px;
        line-height: 40px !important;
    }
    footer .footerarea .col-md-6{margin-bottom: 20px;}




    .menu-header .menu-header-box .menu-header-content .menu-status-box{
        text-align: left;
    }



}
@media (max-width: 768px) {
    .navbar .container-fluid{padding: 0;}
    header .navbar .navbar-toggler {right: 80px;}
    .sliderbox .slider1-animation-box .slider1-animation-area .dialog-1 {top: 15%;}
    .sliderbox .slider1-animation-box .slider1-animation-area .dialog-2 {bottom: 15%;}
    .circle-1{height: 60px;width: 60px;border: solid 12px #FFFFFF;}
    .circle-2{top: 5%;left: 5%;}
    .circle-3{bottom: 5%;left: 15%;width: 30px;height: 30px;}
    .short-about .short-about-img-box{
        padding-bottom: 110%;
    }
    .short-about .short-about-img-box .exp-box{
        width: 60%;
    }
    .our-features .feature-item{
        flex-direction: column;
        justify-content: flex-start;
        text-align: center;
    }
    .our-features .feature-item .number-box{
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .home-categories button.owl-prev {
        left: 0px;
    }
    .home-categories button.owl-next {
        right: 0px;
    }
    .available-box .bg-overlay {
        padding: 40px 0;
    }
    .available-box .bg-overlay .available-content h3 {
        font-size: 25px;
        font-weight: 400;
    }
    .gallery-box {
        padding: 320px 0 50px 0;
    }
    .gallery-box .gallery-inner {
        padding: 10px;
    }
    .gallery-box .gallery-inner .gallery-item {
        margin-bottom: 15px;
    }
    .gallery-box .gallery-inner h3 {
        font-size: 25px;
    }
    .sliderbox .slider1-animation-box{margin-top: 80px;}
    .sliderbox .slider1-text-box {padding: 20px 0 30px;}

    .sliderbox .slider0-animation-box{margin-top: 80px;}
    .sliderbox .slider0-text-box {padding: 20px 0 30px;}
}

.closed-status-text{
    text-transform: uppercase;
}

.StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    margin: 7px 0;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--complete {
    border-color: green;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}


.order-status-box{
    background: #fff;
    padding: 20px;
    border-radius: 3px;
}
.order-status-box .time-label{
    display: inline-block;
    background: #f5c436;
    color: #000;
    border-radius: 10rem;
    padding: 0 5px;
    font-size: 14px;
}
.order-status-box .card{}
.order-status-box .card .card-header{
    background: none;
    border: 0;
}

.order-status-box .cart-summary{
    border: 1px #ccc solid;
    border-radius: 3px;
    padding: 20px;
}

.payment-methods-box .list-group-item p small em{
    font-size: 12px;
    color: #858585;
}

.menu-info-box{ background: #fff;border-top: 1px #e9e9e9 solid;padding: 10px 0;}
.menu-info-box h1{letter-spacing: 0px; text-align: center;}
.menu-info-box h5{line-height: 30px;}
.menu-info-box .items-info-bx{padding: 0 1rem;}

.menu-info-box span.opening-status-bx{

    color: #ff9d00;
    font-weight: bold;
}
.menu-info-box span.open-status-bx{
    color: #28a745;
    font-weight: bold;
}
.menu-info-box span.closed-status-bx{
    color: red;
    font-weight: bold;
}
td.small-timebox{font-size: 12px;}

.menu-gallery-pg .gallery-item{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}
.menu-gallery-pg .gallery-item img{
    transform: scale(1);
    transition: 0.3s ease-in-out;
}
.menu-gallery-pg .gallery-item .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(245, 195, 50, 0.7);
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.menu-gallery-pg .gallery-item:hover .overlay{
    opacity: 1;
}
.menu-gallery-pg .gallery-item:hover img{
    transform: scale(1.1);
}
.menu-gallery-pg .gallery-item .overlay span{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 33px;
    text-align: center;
    line-height: 50px;
}


.booking-table-box .btn-outline-primary{
    background-color: rgba(245, 195, 50, 0.3);
    border-color: rgba(245, 195, 50, 1);
    color: #000000 !important;
}
.booking-table-box .btn-outline-primary p{
    color: #000000 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.booking-table-box .btn-outline-primary:hover {
    color: #fff !important;
    background-color: rgba(245, 195, 50, 1);
    border-color: rgba(245, 195, 50, 1);
}
.booking-table-box .btn-outline-primary:hover p{
    color: #fff !important;
}
.booking-table-box .btn-check:active+.btn-outline-primary,
.booking-table-box .btn-check:checked+.btn-outline-primary,
.booking-table-box .btn-outline-primary.active,
.booking-table-box .booking-table-box .btn-outline-primary.dropdown-toggle.show,
.booking-table-box .btn-outline-primary:active {
    color: #fff !important;
    background-color: rgba(245, 195, 50, 1);
    border-color: rgba(245, 195, 50, 1);
}
.booking-table-box .btn-check:active+.btn-outline-primary p,
.booking-table-box .btn-check:checked+.btn-outline-primary p,
.booking-table-box .btn-outline-primary.active p,
.booking-table-box .btn-outline-primary:active p{
    color: #fff !important;
}

.product-addons{}
.product-addons .product-addon{
    margin-bottom: 10px;
}
.product-addons .product-addon .addon-details{
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 10px 1rem;
    background-color: rgba(239, 237, 237, 0.5);
}
.product-addons .product-addon .addon-details h5{
    font-weight: 500;
    font-size: 16px;
}
.product-addons .product-addon .addon-details h5 span{font-weight: 400;}
.product-addons .product-addon .addon-details p{}
.product-addons .product-addon .addon-group{}
.product-addons .product-addon .addon-group .custom-quantity{margin-bottom: 5px;clear: both;}
.product-addons .product-addon .addon-group .custom-quantity .input-group-sm{float: left;width: 85px;clear: both;}
.product-addons .product-addon .addon-group .custom-quantity label{}
.product-addons .product-addon .addon-group .custom-quantity label span.custom-text{transform: translateY(3px);display: inline-block;padding-left: 5px;}
.product-addons .product-addon .addon-group .custom-quantity label span.custom-price{transform: translateY(3px);display: inline-block;padding-left: 5px; margin-left: auto;}
.product-addons .product-addon .addon-group .custom-quantity label input.custom-input{padding: 0;text-align: center;}


#login-register-box{}
#login-register-box .card{ border: 0;}
#login-register-box h1{letter-spacing: 0; color: #f5c332; font-weight: 400;}
#login-register-box button.btn-primary{background: #f5c332; border-color: #f5c332}
#login-register-box button.btn-primary:hover{background: #d7a71b; border-color: #d7a71b}
#login-register-box a:not([class]){color: #f5c332; text-decoration: none;}
#login-register-box a:not([class]):hover{text-decoration:underline;}

#account-box .address-box{padding: 10px; border: 1px #ccc dashed; margin-bottom: 10px}
#account-box .address-box.default{border: 1px #8eb8be dashed; background: #bee5eb;}
#account-box .address-box p{margin-bottom: 0}



/*********************************************/
.next-banners{}
.next-banners img{display: block;margin: 0 auto;}
.banner-space{height: 75px;}
.cms-contents{}
.cms-contents h1{
    font-size: 33px;
    font-weight: 400;
    letter-spacing: -1px;
}
.cms-contents p{
    color: #6F6F87;
    font-size: 15px;
    line-height: 28px;
    font-weight: 300;
}
.img-inside img{max-width: 100%;}