html{
scroll-behavior: smooth;
}
/* header-top-area-css-start-here */
.header-logo a img {
height: 90px;
}
.header-top-menu ul li{
display: inline-block;
}
.header-top-menu ul li a{
font-size: 39px;
font-weight: 400;
font-family: 'Segoe UI Emoji';
text-transform: uppercase;
margin-right: 40px;
color: #fff;
}
.header-top-menu ul li:last-child a{
margin-right: 0;
}
.header-top-menu {
text-align: center;
}
.header-top-area{
padding: 20px 0;
border-bottom: 1px solid #fff;
}
/* hero-area-css-start-here */
.hero-single-slide{
background-image: url(../img/1/Depositphotos_212302156_XL.jpg);
height: 880px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hero-single-slide-2{
background-image: url(../img/1/Depositphotos_53773293_XL.jpg);
}
.hero-single-slide-3{
background-image: url(../img/1/Depositphotos_82685228_XL.jpg);
}
.hero-single-slide a img {
height: 100px;
width: auto;
}
.hero-single-slide a {
margin-top: 100px;
display: inline-block;
margin-left: 70px;
}
/* welcome-area-css-start-here */
.welcome-content {
text-align: center;
color: #fff;
}
.welcome-content h1 {
font-size: 95px;
font-weight: 400;
font-family: 'Segoe UI Emoji';
color: #fff;
letter-spacing: 5px;
margin-bottom: 30px;
position: relative;
display: inline-block;
line-height: 98px;
}
.welcome-content h1:after, .welcome-content h1:before{
position: absolute;
left: -40px;
right: auto;
top: 60%;
height: 10px;
width: 10px;
background-color: #fff;
content: "";
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
transform: translateY(-60%);
-webkit-transform: translateY(-60%);
-moz-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-o-transform: translateY(-60%);
}
.welcome-content h1:before{
right: -40px;
left: auto;
}
.welcome-content p {
font-size: 36px;
color: #fff;
line-height: 84px;
}
section.welcome-area {
padding-top: 120px;
padding-bottom: 50px;
}
/* menu-separator-css-start */
.menu-separator{
text-align: center;
}
.menu-separator-img img {
height: 89px;
}
.menu-separator-img{
position: relative;
height: 89px;
}
.menu-separator-img .line-shape-left, .menu-separator-img .line-shape-right{
height: 1.42px;
position: absolute;
top: 50%;
left: 0;
right: auto;
max-width: 630px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.menu-separator-img .line-shape-right{
right: 0;
left: auto;
}
/* food-menu-area-css-start-here */
.food-menu-content-single {
font-size: 42px;
line-height: 54px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
text-align: center;
margin-top: 100px;
background-image: url(../img/menu-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 275px;
width: 256px;
display: flex;
align-items: center;
justify-content: center;
}
.food-menu-content {
display: flex;
justify-content: space-between;
}
section.food-menu {
padding-bottom: 100px;
}
/* offerta-area-css-start-here */
.offerta-content-slide h2 {
font-size: 97px;
color: #fff;
font-weight: 400;
font-family: 'Segoe UI Emoji';
text-transform: uppercase;
padding-top: 20px;
letter-spacing: 10px;
}
.offerta-content-slide {
text-align: center;
}
section.offerta-area {
padding-top: 60px;
}
.offerta-content-slide{
background-image: url(../img/2/Depositphotos_256941662_XL.jpg);
height: 880px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.offerta-content-slide-2{
background-image: url(../img/2/Depositphotos_327335792_XL.jpg);
}
.offerta-content-slide-3{
background-image: url(../img/2/sushi-set-with-avocado-salmon-crab-sesame-seeds-ginger-soy-sauce.jpg);
}
/* delivery-area-css-start-here */
.delivery-content h2 {
font-size: 66px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
}
.delivery-content p {
font-size: 46px;
line-height: 84px;
margin-bottom: 0;
color: #fff;
}
.delivery-content {
text-align: center;
}
section.delivery-area {
padding-top: 65px;
padding-bottom: 100px;
}
/* gallery-area-css-start-here */
.gallery-slide{
/* height: clamp(550px, 10vw, 880px); */
/* height: 880px; */
}
.gallery-slide img{
height: 100%;
width: 100%;
}
/* social-area-css-start-here */
.social-area{
padding-top: 100px;
padding-bottom: 130px;
}
.social-content a{
font-size: 36px;
font-weight: 400;
font-family: 'Segoe UI Emoji';
color: #fff;
transition: .3s all ease-in-out;
-webkit-transition: .3s all ease-in-out;
-moz-transition: .3s all ease-in-out;
-ms-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
}
.social-content a:hover{
opacity: .5;
}
.social-content{
display: flex;
justify-content: space-between;
}
.social-content a{
background: #638565;
padding: 12px 30px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.social-content a.social-facebook{
background: #3069B1;
}
.social-content a.social-instagram{
background: #833E92;
}
/* feature-area-css-start-here */
.feature-area{
padding-bottom: 150px;
}
.feature-content span{
font-size: 31px;
position: relative;
display: block;
}
.feature-content{
text-align: center;
}
.feature-content span:after, .feature-content span:before{
position: absolute;
top: 60%;
left: 0;
right: auto;
height: 1.42px;
width: 100%;
max-width: 285px;
background-color: #fff;
content: "";
transform: translateY(-60%);
-webkit-transform: translateY(-60%);
-moz-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-o-transform: translateY(-60%);
}
.feature-content span:before{
right: 0;
left: auto;
}
/* feature-gallery-area-start-here */
.feature-gallery-area{
padding: 50px 0;
background-color: #0e0c0e;
}
.feature-gallery-slide-single{
max-height: 840px;
}
/* contact-area-css-start-here */
.contact-area{
padding: 130px 0;
}
.contact-content-single {
text-align: center;
}
.contact-content-single p, .contact-content-single a {
font-size: 46px;
line-height: 84px;
color: #fff;
text-transform: uppercase;
}
.contact-content-single {
margin-bottom: 100px;
}
.contact-single-icon img {
max-height: 100px;
margin-bottom: 20px;
}
.contact-content-single-3{
margin-bottom: 0;
}
.contact-content-single-2 a{
display: inline-block;
border: 1px solid #fff;
padding: 10px 30px;
margin-top: 20px;
}
.contact-content-single-2 a:hover{
background-color: #fff;
color: #000;
opacity: 1 !important;
}
.contact-content-single a:hover{
opacity: .5;
}
.google-map{
height: 645px;
margin-top: 20px;
}
.google-map iframe{
height: 100%;
width: 100%;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
/* footer-area-css-start-here */
.footer-area{
text-align: center;
}
.footer-content p{
font-size: 23px;
color: #fff;
}
.footer-content p a:hover{
opacity: .5;
}
.creadit {
display: flex;
justify-content: center;
align-items: center;
}
.creadit p {
font-size: 21px;
text-transform: uppercase;
margin: 0;
}
.creadit p span {
text-transform: lowercase;
}
.creadit img {
margin-right: 30px;
}
.creadit {
margin-top: 50px;
}
section.footer-area {
padding-bottom: 50px;
}
/* scroll-to-top-css-start-here */
.scroll-top {
width: 45px;
height: 45px;
background: #fff;
font-size: 37px;
color: #000;
border-radius: 5px;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
display: flex;
justify-content: center;
align-items: center;
}
/* off-canvas-menu-css-start-here */
.off-canvas-menu {
background: #000;
position: fixed;
width: 100%;
z-index: 99;
height: 100%;
padding:25px 0;
margin-left:-100%;
transition:.2s;
}
.off-canvas-menu.active{margin-left:0}
.off-canvas-menu ul{
margin:0;
padding:0;
list-style:none;
padding-top:100px;
}
.off-canvas-menu li a {
display: block;
color: #fff;
border-bottom: 1px solid #444;
font-size: 17px;
padding: 12px 30px;
text-transform: uppercase;
}
.menu-close {
color: #fff;
right: 30px;
top: 20px;
position: absolute;
cursor: pointer;
font-size: 47px;
padding: 0;
}
a.menu-trigger span{
height:3px;
width:35px;
display:block;
background:#fff;
margin-bottom:8px;
position: relative;
}
a.menu-trigger span:nth-child(2) {
width: 20px;
left: 15px;
}
a.menu-trigger span:nth-child(3) {
width: 30px;
left: 5px;
}
.header-logo {
display: flex;
align-items: center;
justify-content: space-between;
}
.row.mobile-header{
display: none;
}
/* header-sticky-css */
.sticky-menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #090809;
color: #fff;
z-index: 9;
transition: .3s;
padding: 20px 0;
}