body{ font-family: 'Catamaran', sans-serif; color: #000000; font-size: 20px; line-height: 30px; } ul{margin-bottom: 0px;padding-left: 0px;} ul li{ list-style: none; } img{max-width: 100%; height:auto;} h1,h2,h3,h4,h5{ font-family: 'Playfair Display', serif; color: #d1c6bc; font-weight: bold; } h1{font-size: 48px;line-height: 64px;} h2{font-size: 42px;line-height: 54px;} h3{font-size: 30px;line-height: 36px;} h4{font-size: 24px;line-height: 36px;} h5{} h6{} .header{ padding-top: 35px; padding-bottom: 25px; } .mainmenu{ display: flex; justify-content: space-between; } .mainmenu li a{ color: #000000; font-weight: bold; text-transform: uppercase; } .swiper-button-prev:after, .swiper-button-next:after{display: none;} .swiper-button-prev i, .swiper-button-next i{color: #fff;} .bannerinner{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center;background-color:#00000066; } .bannerinner h1{color: #fff; margin-bottom: 100px;} .transparent_button{ border: 1px solid #fff; font-size: 18px; position: relative; display: inline-block; padding:12px 50px 10px 50px; color: #fff; text-transform: uppercase; font-weight: bold; margin:0px 10px; } .transparent_button:after{content: ''; position: absolute; bottom: -1px; left: -1px; width: 16px; height: 16px; border-left: 10px solid #fff;border-bottom: 10px solid #fff;border-top: 10px solid transparent; border-right: 10px solid transparent; } .transparent_button:hover{background: #fff;color:#c5c3b2; text-decoration: none; } .transparent_button:hover:after{ border-left: 10px solid #c5c3b2; border-bottom: 10px solid #c5c3b2; border-top: 10px solid transparent; border-right: 10px solid transparent; } .white_button{ border: 1px solid #fff; background: #fff; font-size: 18px; position: relative; display: inline-block; padding:12px 50px 10px 50px; color: #c5c3b2; text-transform: uppercase; font-weight: bold; margin:0px 10px; } .white_button:after{content: ''; position: absolute; bottom: -1px; left: -1px; width: 16px; height: 16px; border-left: 10px solid #c5c3b2; border-bottom: 10px solid #c5c3b2; border-top: 10px solid transparent; border-right: 10px solid transparent;} .white_button:hover{background: #c5c3b2;color:#fff; text-decoration: none; border: 1px solid #c5c3b2; } .white_button:hover:after{ border-left: 10px solid #fff; border-bottom: 10px solid #fff; border-top: 10px solid transparent; border-right: 10px solid transparent; } .brown_button{ border: 1px solid #c5c3b2; background: #fff; font-size: 18px; position: relative; display: inline-block; padding:12px 50px 10px 50px; color: #c5c3b2; text-transform: uppercase; font-weight: bold; } .brown_button:after{content: ''; position: absolute; bottom: -1px; left: -1px; width: 16px; height: 16px; border-left: 10px solid #c5c3b2; border-bottom: 10px solid #c5c3b2; border-top: 10px solid transparent; border-right: 10px solid transparent;} .brown_button:hover{background: #c5c3b2;color:#fff; text-decoration: none; border: 1px solid #c5c3b2; } .brown_button:hover:after{ border-left: 10px solid #e9e4e1; border-bottom: 10px solid #e9e4e1; border-top: 10px solid transparent; border-right: 10px solid transparent; } .our_history_container{padding-top: 140px; padding-bottom: 100px; } .our_history_container h1{font-size: 140px;line-height:140px;color:#c5c3b2; font-weight: 500; } .our_history_container h2{margin-bottom: 30px;} .our_history_container h4{color: #d1c6bc;margin-bottom: 30px;} .banner_container{ padding-left: 40px; padding-right: 40px; } .spec_box img{margin-bottom: 30px;} .spec_box h3{margin-bottom: 20px;} .specialties_container{ padding-bottom: 150px; } .reseve_container select{ border:none; background: transparent; border-bottom: 1px solid #BD8F53; width: 100%; color: #777777; } .reseve_container{background: #f1f0ee; padding: 90px 0px; } .reseve_container button{background: transparent;} .bar_container{padding: 120px 0px;} .bar_container .brown_height{ color: #c5c3b2;font-weight: 500; font-size: 80px; } .border_top_colored{ display: inline-block; margin-bottom: 10px; border-left: 1px solid #c5c3b2; height: 75px;} .banner_slide > img{width: 100%; } .banner_container .swiper-button-prev {left: 50px; right: auto; } .banner_container .swiper-button-next i,.banner_container .swiper-button-prev i{ font-size: 30px; } .banner_container .swiper-button-next { right: 50px; left: auto; } .videocontainer {position: relative;} .videocontainer .icon_cont { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; flex-direction: column; } .videocontainer p{color: #fff;font-size: 24px; font-weight: bold; line-height: 36px; } .price_box{text-align: left;margin-bottom: 30px;} .header_price{ display: flex; align-items: flex-end; justify-content: space-between; } .header_price .line_price{width: 260px; height: 0px; margin-bottom: 10px; background: #BD8F53; display: block;} .header_price .title_price{width: 200px; background: #fff;} .header_price .price_{font-weight: 500; } .fblue_button{ border: 1px solid #c5c3b2; background: #c5c3b2; font-size: 18px; position: relative; display: inline-block; padding:12px 50px 10px 50px; color: #fff; text-transform: uppercase; font-weight: bold; } .fblue_button:after{content: ''; position: absolute; bottom: -1px; left: -1px; width: 16px; height: 16px; border-left: 10px solid #fff; border-bottom: 10px solid #fff; border-top: 10px solid transparent; border-right: 10px solid transparent;} .fblue_button:hover{background: #e9e4e1;color:#fff; text-decoration: none; border: 1px solid #e9e4e1; } .fblue_button:hover:after{ border-left: 10px solid #fff; border-bottom: 10px solid #fff; border-top: 10px solid transparent; border-right: 10px solid transparent; } .testi_container{background: #f1f0ee;padding: 100px 0px;} .text_box{ background: #fff; padding: 30px; text-align: center; z-index: 9999; position: relative; left: 100px; } .sybol{ font-family: 'Playfair Display', serif; color: #c5c3b2; font-size: 140px; line-height: 36px; font-weight: bold; float: left; margin-top: 35px; display: block; width: 100%; text-align: left;} .test_line{position: relative; left: 100px; } .gallery_container{padding-top: 100px ; padding-bottom: 50px; } .news_block{ width: 480px; max-width: 100%; text-align: center; } .news_block h3{margin-bottom: 30px;} .news_block p{margin-bottom: 15px;} .news_block input{background: none; border: none; margin-bottom: 20px; padding: 8px 0px; text-align: center; border-bottom: 1px solid #BD8F53; width: 100%; } .news_block input:focus{outline: none;} .fbrown_butt{ border: 1px solid #c5c3b2; background: transparent; font-size: 18px; position: relative; display: inline-block; padding:12px 50px 10px 50px; color: #c5c3b2; text-transform: uppercase; font-weight: bold; } .fbrown_butt:after{content: ''; position: absolute; bottom: -1px; left: -1px; width: 16px; height: 16px; border-left: 10px solid #c5c3b2; border-bottom: 10px solid #c5c3b2; border-top: 10px solid transparent; border-right: 10px solid transparent;} .fbrown_butt:hover{background: #c5c3b2;color:#fff; text-decoration: none; border: 1px solid #c5c3b2; } .fbrown_butt:hover:after{ border-left: 10px solid #c5c3b2; border-bottom: 10px solid #c5c3b2; border-top: 10px solid transparent; border-right: 10px solid transparent; } .footer{background: #c5c3b2;padding-top: 85px; padding-bottom: 30px;color: #ffff; } .footer a{color: #fff;} .footer h4{color:#e9e4e1; margin-bottom: 30px; } .border_class_footer{border-top:1px solid #e9e4e1;text-align: center; margin-top: 50px; } .border_class_footer p{display: inline-block; position: relative; top: -16px; background: #c5c3b2; padding: 0px 15px; } .social_info li{display: inline-block; margin-right: 15px; } .social_info{margin-top: 25px;} .footerinfo li{margin-bottom: 15px;position: relative; padding-left: 30px; } .footerinfo li i{position: absolute; top: 5px; left: 0px; } .quicklinks li{ margin-bottom: 15px; } .openingtime li{margin-bottom: 15px;} .openingtime li span{float: right; } .nav_button{ display: none; } .icon-x{display: inline-block;cursor: pointer; float: right;} .bar1, .bar2, .bar3 {width: 35px;height: 3px; border-radius: 5px; background-color: #002d4e;margin: 7px 0; transition: 0.4s; } .change .bar1 {webkit-transform: rotate(-45deg) translate(-3px, 4px);transform: rotate(-45deg) translate(-3px, 4px);} .change .bar2 {opacity: 0;} .change .bar3 {-webkit-transform:rotate(45deg) translate(-10px, -10px);transform:rotate(45deg) translate(-10px, -10px);} .today_specail{padding-top: 80px;} .banner_cont{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; color: #fff;text-align: center; } .subpage_container{position: relative; } .subpage_container h1{ font-size: 60px;color: #fff;line-height: 64px; } .about_container h2{ color: #BD8F53; font-size: 48px; line-height: 58px; } .about_container h4{ color: #002D4E; font-weight: 500; } .about_container{padding-top: 100px;} .background_bg{ background: url(../images/about_bg.jpg) no-repeat; background-size: cover; padding: 120px 0px; color: #fff; } .background_bg h3{color: #BD8F53; font-size: 80px; line-height: 1; } .background_bg h1{color: #fff;} .our_history{ padding-top: 140px; padding-bottom: 140px; } .accord_item{ border:1px solid #BD8F53; padding: 20px; max-width: 500px; position: relative; margin: 0 auto; margin-bottom: 40px; } .accord_item:after{ content: ''; position: absolute; bottom: -1px; left: -1px; width: 16px; height: 16px; border-left: 10px solid #BD8F53;border-bottom: 10px solid #BD8F53;border-top: 10px solid transparent; border-right: 10px solid transparent; } .accord_item p{ display: none; } .accord_item.active p{ display: block; } .accord_item.active h3{ font-size: 36px; color:#BD8F53; } .quotes_container{ background: #FDF8F2; padding:100px 0px; text-align: center; } .meet_chef{ padding-top: 100px; } .best_deals{background: #FDF8F2; padding: 100px 0px; } .about_3{display: flex; align-items: flex-end; } .about_3 h2{font-size: 80px; line-height: 1; color:#BD8F53; margin-bottom:40px; } .about_3 h3{margin-bottom: 20px; } .about_3 li{ margin-bottom: 10px; position: relative; padding-left: 20px; } .about_3 li:after{content: ''; position: absolute; width: 8px; height: 8px; background:#BD8F53; border-radius: 50%; top: 9px; left: 0px; } .footer_top{ padding: 60px 0px; } .callus_bar{ text-align: center; background: url(../images/about_bg2.jpg)no-repeat; background-size: cover; padding: 80px 0px; } .callus_bar h3{font-size: 36px; color: #fff; margin-bottom: 30px;} .callus_bar a{ font-family: 'Playfair Display', serif; line-height: 1.3; font-weight: 500; font-size: 36px; } .callus_bar.contact_info{ background: url(../images/contact_info.jpg) no-repeat; background-size: cover; } .breadcrumbcontainer{position: absolute; z-index: 999; color: #fff; bottom: 10px; width: 100%; left: 0px; } .contact_info a{font-size: 18px; font-family: 'Catamaran', sans-serif; } .con_i {margin: 0 auto;color: #fff;} .con_i p { font-family: 'Playfair Display', serif;} .kitchen_cont h1{color:#BD8F53; } .gallery_itemm{margin-top: 40px; } .kitchen_cont{ padding-top: 200px; padding-bottom: 200px; } .title_about_2 h2{ font-size: 80px; line-height: 90px; text-align: center; color: #BD8F53; margin-bottom: 60px; } .dark_bg{background: #002D4E; padding: 90px 0px; } .content_box_bg{text-align: center; background: #FDF8F2; padding: 30px; } .content_box_bg h3{color:#BD8F53; margin-bottom: 30px; font-size: 36px; } .content_box_bg a{color:#002D4E; border-bottom: 2px solid #002D4E; text-transform: uppercase; font-weight: bold; } .content_box_bg a:hover{ color:#BD8F53; text-decoration: none; border-bottom: 2px solid #BD8F53; } .menubox{margin: 0px -15px;} .content_box_bg { height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .menubox img{height: 400px; width: 100%; object-fit: cover;} .contact_container{padding: 70px 0px; } .contact_forms h3{margin-bottom: 30px; } .contact_forms input{ border:none; background: none; width: 100%; margin-bottom: 30px; border-bottom: 1px solid #BD8F53; padding: 4px 0px; } .contact_forms textarea{border: 1px solid #BD8F53; padding: 15px 25px; width: 100%; resize: none; background: none; margin-bottom: 30px; max-height: 120px; } .conact_boxes{margin-bottom: 30px; } .conact_boxes h3{font-size: 36px; line-height: 1; margin-bottom: 20px; } .map_container{padding: 70px 0px; } .subpage_container > img{ min-height: 200px; object-fit: cover; } .mainmenu li{position: relative;} .mainmenu .current_page_item a{color: #c5c3b2;} .breadcrumbcontainer a{color: #fff;} .menubox {display: flex; flex-direction: column; } .manuboxx1 .img_class{ order: 2; } .contact_info img{margin-bottom: 20px;} .map_container iframe{width: 100%!important;} .contact_forms [type="submit"]{ border: 1px solid #BD8F53;background: transparent; font-size: 18px; position: relative; display: inline-block; padding: 12px 50px 10px 50px; color: #002D4E;text-transform: uppercase; font-weight: bold; } .contact_forms [type="submit"]:after{ content: ''; position: absolute; bottom: -1px; left: -1px; width: 16px; height: 16px; border-left: 10px solid #BD8F53; border-bottom: 10px solid #BD8F53; border-top: 10px solid transparent; border-right: 10px solid transparent; } .contact_forms [type="submit"]:hover:after{ border-left: 10px solid #BD8F53; border-bottom: 10px solid #BD8F53; border-top: 10px solid transparent; border-right: 10px solid transparent; } .header img,.contact_info img { width: 100px; } ul.sub-menu li:after { display: none; } /* ====== Base menu (your markup uses: