html {
  scroll-behavior: smooth;
}


@font-face {
    font-family: 'PPNeueMachina';
    src: url('./PPNeueMachina-Regular.woff2') format('woff2'),
         url('./PPNeueMachina-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body{
    font-family: 'PPNeueMachina', sans-serif;
    font-size:14px;
}
    
}
.font-para{ font-family: 'Rubik';}
/*.font-title{font-family: 'Croissant One'}*/
.font-title{font-family: 'Rubik'}
#movetop{position:fixed;right:20px;bottom:20px;width: 35px;height: 35px;background: #d2151e;text-align: center;color: #fff;font-size: 20px;}
.p0{padding:0 !important;}
.text-green{color:#83ad7b !important}
.text-darkgreen{color:#385d52}
.background-darkgee{background: #335e54;}
.text-brown{color: #240f0a !important}
.text-red{color:#d2151e !important}
.text-grey{color:#9e9e9e !important}
.m0{margin:0 !important;}
.text-orange{color: #ff5e14 !important;}
.bg-grey{background-color: #eee}
.background-darkblue{background: #020d26;}
.background-blue{background: #902878 !important;}
.background-red{background: #d2151e;}
.background-orange{background:#f48734}
.text-orange{color:#f48734 !important}
.btn-orange{background:#8a2933;border-radius:10px;}
.title1{font-size:2.5rem;}
.title2{font-size:2rem;}
.title3{font-size:1.75rem;}
.title4{font-size:1.5rem;}
.title5{font-size:1.25em;}
.title6{font-size:1rem;}
.span50{margin-top:50px;margin-bottom: 50px;}
.weight400{font-weight:400 !important}
.weight500{font-weight:500 !important}
.weight600{font-weight:600 !important}
.weight700{font-weight:700 !important}
.weight800{font-weight:800 !important}
.short-line{width:100%;height:5px;background:#f68f67}

.short-2-lines{ display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.625;overflow: hidden; text-overflow: ellipsis;}
.short-name{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}

.header-menu .main-menu li a.nav-link{padding:10px 35px;font-size: 1.7em;color: #333;    font-weight: 600;transition:0.5s;}
.header-menu .main-menu li{position:relative;}
.header-menu .main-menu li a.nav-link:hover{color:#f68f67}
.header-menu .main-menu li a.nav-link.active{color:#f68f67;border-bottom:5px double #f68f67; background: #fef4f0;}
.header-menu .main-menu li a.nav-link:before{content: ''; position: absolute;width: 0px;left: 0;bottom: 0px;border-bottom:5px double #f68f67; transition: all .5s ease;}
 .header-menu .main-menu li a.nav-link:hover:before {  width: 100%;}
 
#main-carousel .carousel-inner .slider-img{background-size: cover !important;min-height:700px;background-position:center center !important}
#main-carousel .carousel-inner .carousel-item video{height: 650px;width: 100%;object-fit:cover;}
#main-carousel .carousel-caption{bottom:auto;text-align:left;top:15%; }
#main-carousel .carousel-caption p{text-shadow: 0 0 10px black;font-weight: 600;}
#main-carousel .slider-img{ -webkit-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;
    -moz-animation: kbrns_zoomOutIn 15s linear 0s infinite alternate;
    -o-animation: kbrns_zoomOutIn 15s linear 0s infinite alternate;
    -ms-animation: kbrns_zoomOutIn 15s linear 0s infinite alternate;
    animation: kbrns_zoomOutIn 15s linear 0s infinite alternate;
	}
@-webkit-keyframes kbrns_zoomOutIn { 0% {   -webkit-transform: scale(1); }  100% {     -webkit-transform: scale(1.3);  }}
@-moz-keyframes kbrns_zoomOutIn {   0% {    -moz-transform: scale(1);  } 100% {     -moz-transform: scale(1.3);   }}
@-ms-keyframes kbrns_zoomOutIn {   0% {       -ms-transform: scale(1);   }   100% {     -ms-transform: scale(1.3);    }}
@-o-keyframes kbrns_zoomOutIn {    0% {        -o-transform: scale(1);    }    100% {        -o-transform: scale(1.3);    }}
@keyframes kbrns_zoomOutIn {    0% {        transform: scale(1);    }    100% {        transform: scale(1.3);    }}
.banner-overlay{position: absolute; top: 0;left: 0; right: 0; bottom: 0;background:rgba(0, 0, 0, 0.3)}
.what-is-nfc .img-1{float: left; margin-left: -50px;}
.what-is-nfc .img-2{width: 400px;height: 250px; float: right;object-fit: cover; margin-top: -100px; z-index: 999;  border: 10px solid #86ae7b;  box-shadow: -10px 10px 0px #a1c19b61;}
.services .bg-image{background:url(../images/hd-da-ivan.jpg);background-size: cover;background-position: center;height: 100%;position: absolute;left: 0;right: 0;top: 0; bottom: 0; filter: blur(2px); -webkit-filter: blur(2px);}
.services .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85)}
.menu-owl-carousel .item img{width:100%;height:400px;object-fit:cover;filter:blur(0px);transition:0.2s;}
.menu-owl-carousel .item:hover img{filter:blur(7px)}
.menu-owl-carousel .item .overlay{position:absolute;right:0;left:0;top:0;bottom:0;background:rgba(0,0,0,0.5)}
.menu-owl-carousel .item p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:30px;color:#fff;text-align:center}
.testimonials{background:url(../images/image-3.jpg);background-size: cover; background-position: center;}
.testimonials .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 54 41 / 73%)}
.social-icons{border: 1px solid #335e54;width: 40px;height: 40px;text-align: center;padding: 10px;border-radius: 100%; color: #335e54; font-size: 20px;transition:0.5s;}
.social-icons:hover{transform:rotate(360deg)}
footer{    background: url(../images/footer-back.jpg);   background-position: bottom;background-size: contain;}
footer .overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background: rgb(0 0 0 / 92%);}
.contact-banner .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / 73%)}
.contact-banner .text-container{position:absolute;top:100px;}
.contact-details{background:url(../images/image-3.jpg);background-position: center;background-size: cover;}
.contact-details .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / 85%)}
.contact-details img{width: 80px; height: 80px; padding: 20px;}
.contact-details .img-square{width: 80px;height: 80px;  border: 3px solid #f68f67; margin-top: -80px;  margin-left: 0; transform: rotate(45deg);transition:1s;}
.contact-details .img-square:hover {transform: rotate(320deg);}
.what-is-nude-food{background:url(../images/nude-food.jpg);background-position: center;background-size: cover;background-attachment: fixed;}
.what-is-nude-food .overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background:linear-gradient(90deg, #000000e6, transparent);}
.ambience-owl-carousel .item img{width:100%;height:400px;object-fit:cover;filter:blur(0px);transition:0.2s;}
.wave {
  position: absolute;
  width: 100%;
  padding-top: 12%;
  top: -5px;
  left: 0;
  background-image: url(../images/wave.png);
  background-repeat: repeat-x;
  background-size: 100%;
  animation: wave 8s linear infinite;
}
.wave::before {
  content: '';
  position: absolute;
  width: 100%;
  padding-top: 12%;
  top: -5px;
  left: 0;
  background-image: url(../images/wave.png);
  background-repeat: repeat-x;
  background-size: 100%;
  opacity: .2;
  animation: wave-reverse 8s linear infinite;
}
.wave::after {
  content: '';
  position: absolute;
  width: 100%;
  padding-top: 12%;
  top: -5px;
  left: 0;
  background-image: url(../images/wave.png);
  background-repeat: repeat-x;
  background-size: 100%;
  opacity: .8;
  animation-delay: -4s;
  animation: wave 16s linear infinite;
}
@keyframes wave {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 100vw;
  }
}
@keyframes wave-reverse {
  0% {
    background-position: 100vw;
  }
  100% {
    background-position: 0;
  }
}
html {
  scroll-behavior: smooth;
}
.zero-waste{background:url(../images/contact-back.jpg);background-position: center; background-attachment: fixed;height: 600px; padding-top: 200px;}
.zero-waste .overlay{position:absolute;right:0;left:0;top:0;bottom:0;background:linear-gradient(90deg, #000000, transparent)}
.service-customers .inner{border: 4px solid #a1c19b;}
.service-customers .inner .overlay{position:absolute;right:0;left:0;top:0;bottom:100%;background:#709e679c;transition:0.5s}
.service-customers .inner:hover .overlay{bottom:0}
.more-about .inner-top{background: #fbab8d21;border-radius: 20px;height: 43%;border:5px solid #f68f67;}
.more-about .inner-bottom{position:relative;border-radius:20px;overflow:hidden}
.more-about .inner-bottom img{border-radius: 20px;height:450px;object-fit:cover}
.more-about .inner-bottom .img-overlay{position:absolute;right:0;left:0;top:0;bottom:0;background:linear-gradient(180deg, transparent, #08382d)}
.more-about .inner-bottom .img-overlay p{position:absolute;bottom:0;transition:0.5s}
.more-about .inner-bottom:hover .img-overlay{}
.more-about .inner-bottom:hover .img-overlay p{opacity:0;bottom:-100px;}
.more-about .inner-bottom .img-overlay .btn{opacity:0;position:absolute;bottom:0;transition:0.5s;background: #0000009e;border: 3px solid #a1c19b;color: #fff;border-radius: 0px;width: 200px; transform: translate(-50%, -40%); left: 50%;}
.more-about .inner-bottom:hover .img-overlay .btn{opacity:1;bottom: 40%;}
.about-page-more .inner-right{background:#eee;padding:20px;margin-left: -100px;  margin-top: 15%;border: 10px solid #f68f67;box-shadow: -10px 10px 0px #f68f6761;}
.about-page-more img{height:650px;object-fit:cover;}
.about-page-more .inner-left{background:#eee;padding:20px;margin-right: -100px;  margin-top: 15%;border: 10px solid #86ae7b;box-shadow: -10px 10px 0px #a1c19b61;}
.menu-page img{width:100%;height:100%;object-fit:cover}
.menu-page .right-text:after{content: ''; display: block;  height: 30px;   width: 30px;   position: absolute;    left: -30px;    top: 50%;    margin-top: -15px;   border-top: 15px solid transparent;   border-right: 15px solid #a1c19b;    border-bottom: 15px solid transparent;}
.menu-page .left-text:before{content: ''; display: block;  height: 30px;   width: 30px;   position: absolute;    right: -30px;    top: 50%;    margin-top: -15px;  border-top: 15px solid transparent; border-left: 15px solid #a1c19b; border-bottom: 15px solid transparent;   z-index: 9;}
.menu-page .thumb .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);opacity:0;transition:0.5s;}
.menu-page .thumb:hover .overlay{opacity:1}
.menu-page .thumb i{position: absolute; color: #fff; top: 50%;  left: 50%;  z-index: 999;   font-size: 35px;   transform: translate(-50%, -50%);}
.dropdown:hover>.dropdown-menu {
  display: block;margin-top:-2px;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.takeaway-menu-page .left-img img{position:absolute;left: -50px;width: 450px;   top: 50px;}
.takeaway-menu-page .right-img img{position:absolute;right: -50px;width: 450px;   top: 50px;}
.takeaway-menu-page .title3{background: url(../images/scratch-label.png); height: 150px;  background-position: center;  background-size: contain;  width: 480px;  margin: auto;padding-top: 50px;
    text-align: center;   color: #fff;   font-weight: bold;margin-top:-70px;   }
    
 .takeaway-menu-page .horizontal_dotted_line{     width: 100%;     display : flex;    } 
  .takeaway-menu-page  .dot{      flex: 1;      border-bottom: 2px dotted #83ae7b;    height: 20px;    }   
    .dropdown-item.active, .dropdown-item:active{background:#83ae7b;}
    .about-team .inner{background:#fff;position:relative;height:100%;padding:15px;transition:0.5s;border: 5px solid #f68f67;    box-shadow: -5px 5px 0px #f68f6752}
    .about-team img{width:93%;height:100%;object-fit:cover;position:absolute;z-index:-9;}
    .about-team .inner:hover{background:rgba(255,255,255,0.9);}
    .short-left-line{width:100px;height:5px;background:#86ae7b;}
    .takeaway-menu-page .menu-inner{margin-top:70px;border:3px solid #86ae7b;border-radius:30px;}
    .takeaway-menu-page .menu-inner img{width:120px;margin-bottom: -75px;}
    .floating-whatsaap {position: fixed;    bottom: 20px;    right: 20px;    z-index: 9;}
    .floating-whatsaap i {padding: 10px;background: #4dc247;color: #fff; border-radius: 100%; font-size: 32px;width: 50px; height: 50px;    text-align: center;  
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);box-shadow: 0 0 0 rgb(244,157,22);	animation: pulse 1s infinite;}
    @-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(77,194,71, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(77,194,71, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(77,194,71, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(77,194,71, 0.8);
    box-shadow: 0 0 0 0 rgba(77,194,71, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(77,194,71, 0);
      box-shadow: 0 0 0 10px rgba(77,194,71, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(77,194,71, 0);
      box-shadow: 0 0 0 0 rgba(77,194,71, 0);
  }
}
@media (max-width: 1200px){
.more-about .inner-top{    height: 45%;}
}
@media (max-width: 1024px){
.header-menu .main-menu li a.nav-link{padding:10px 20px;}
}
@media (max-width: 978px){
.more-about .inner-top{    height: 55%;}
}

 @media all and (max-width: 768px) {
  .display-1{font-size:3rem;}
 .display-2{font-size:2.5rem;}
 .display-3{font-size:2.2rem;}
 .display-4{font-size:1.5rem;}
 .title1{font-size:2rem;}
.title2{font-size:1.5rem;}
.title3{font-size:1.3rem;}
.title4{font-size:1.2rem;}
.title5{font-size:1em;}
.title6{font-size:1rem;}
 .padding0{padding:0px !important}
 .padding15{padding:15px !important}
 .padding-left15{padding-left:15px !important}
 .padding-right15{padding-right:15px !important}
.what-is-nude-food .overlay{background:linear-gradient(90deg, #000000e6, #000000a8)}
.navbar-collapse{background: rgb(154, 189, 147); margin-bottom: 20px;}
.menu-owl-carousel .item img{filter: blur(0px);}
#main-carousel .carousel-inner .slider-img{min-height: 250px;}
.what-is-nfc .img-1{margin-left:0;width:90%;}
.what-is-nfc .img-2{width: 250px;height: 200px;margin-bottom: 40px;}
.zero-waste{padding-top: 50px;height: auto;}
.more-about .inner-top{    height: auto;}
.more-about .inner-bottom img{height:250px;}
.more-about .inner-bottom .img-overlay .btn{opacity:1;bottom: 40%;width:auto}
.about-page-more img{height:450px}
.about-page-more .inner-right{margin-left: 0px;margin-top: -400px;background: #eeeeeee3;}
.about-page-more .inner-left{margin-right: 0px;margin-top: -400px; background: #eeeeeee3;}
.menu-page .right-text:after{content: none;}
.menu-page .left-text:before{content: none;} 
.header-menu .main-menu li a.nav-link.active{color: #ffffff;    border-bottom: 5px double #ffffff;}
.takeaway-menu-page .title3{height: 120px;padding-top:48px;font-size:15px;background-repeat: no-repeat;width: 90%;    }
.takeaway-menu-page .menu-inner{margin-top:95px;}
.takeaway-menu-page .menu-inner img {   width: 100px;    margin-bottom: -65px;}
.takeaway-menu-page .left-img img{display:none;}
.takeaway-menu-page .right-img img{display:none;}
.contact-banner .text-container{top:70px;}
.contact-banner img{height:200px !important;}
.header-menu .main-menu li a.nav-link{font-size:1.4em}
 }