body{font-family: "Source Serif 4", serif; font-weight:300; font-size:17px; line-height:1.7; color:#0d0d0d; overflow-x: hidden;}

html{scroll-padding-top:160px;}

a{ color:#0d221c; text-decoration:none;}

a:hover{ color:#000;}

a:focus{ outline:none;}

.pdf {height: 100%; width: 100%; aspect-ratio: 4 / 3;}


.bullet-group{ margin-bottom:30px;}

.bullet-group .style{ margin:0 !important;}



.heading, .sub-heading{font-family: "Averia Serif Libre", serif; font-size:32px; line-height:1.2; color:#732f00; margin:0 0 20px; font-weight:800;}

.heading.black{color: #000;}

.sub-heading{font-size:26px; color: #283931; font-weight: 700;}



.heading .heading{ margin-bottom:10px;}

.heading .sub-heading{ margin-bottom:0;}



hr.bdr{ border:none; height:3px; background:#ddd; opacity:1; width:60%; margin:50px auto}

b, strong{font-weight: 600;}



p{ font-size:17px; line-height:1.7}

p, .mb{ margin-bottom:30px;}

.style{margin:0 0 20px 0;}

.style li{list-style:disc; margin:0 0 10px 20px; line-height:26px}

.style ul{ margin-top:10px}

.style li a{ text-decoration:underline;}

.style li a:hover{ text-decoration:none}

.style .style li{list-style:circle;}

ol.style li{list-style:decimal;}

ol.style li ul li{list-style:disc;}



.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}



img.right {float: right; margin: 5px 0 20px 15px;}

img.left {float: left; margin: 5px 20px 5px 0;}

img{ max-width:100%}



section{ padding:80px 0px 50px;}



div, p{ scrollbar-color: #f0e2cb #fff; scrollbar-width: thin;}



.social{margin-bottom: 30px;}

.social a{margin:0 2px; transition:all .3s ease-in-out}



.button{background: #b84101; color: #f0e2cb; display:inline-block; font-size: 16px; line-height: 1.2; padding:12px 15px; margin: 5px; text-align:center; transition:all .3s ease-in-out; border-radius: 10px;}

.button:hover{background: #283931; color: #f0e2cb;}

.button.rounded{border-radius: 50px!important; padding: 12px 20px;}





.wave-bg{position: relative; background: #d6c398; margin-top: 40px;}

.wave-bg::before{content: ''; position: absolute; width: 100%; height: 50px; top: -50px; left: 0; right: 0; background-color: #d6c398;

clip-path: polygon(100% 100%, 0% 100% , 0.00% 92.59%, 2.00% 90.69%, 4.00% 85.17%, 6.00% 76.56%, 8.00% 65.72%, 10.00% 53.70%, 12.00% 41.69%, 14.00% 30.85%, 16.00% 22.24%, 18.00% 16.72%, 20.00% 14.81%, 22.00% 16.72%, 24.00% 22.24%, 26.00% 30.85%, 28.00% 41.69%, 30.00% 53.70%, 32.00% 65.72%, 34.00% 76.56%, 36.00% 85.17%, 38.00% 90.69%, 40.00% 92.59%, 42.00% 90.69%, 44.00% 85.17%, 46.00% 76.56%, 48.00% 65.72%, 50.00% 53.70%, 52.00% 41.69%, 54.00% 30.85%, 56.00% 22.24%, 58.00% 16.72%, 60.00% 14.81%, 62.00% 16.72%, 64.00% 22.24%, 66.00% 30.85%, 68.00% 41.69%, 70.00% 53.70%, 72.00% 65.72%, 74.00% 76.56%, 76.00% 85.17%, 78.00% 90.69%, 80.00% 92.59%, 82.00% 90.69%, 84.00% 85.17%, 86.00% 76.56%, 88.00% 65.72%, 90.00% 53.70%, 92.00% 41.69%, 94.00% 30.85%, 96.00% 22.24%, 98.00% 16.72%, 100.00% 14.81%);}

.wave-bg::after{content: ''; position: absolute; width: 100%; height: 50px; bottom: 0; left: 0; right: 0; background-color: #fff;

clip-path: polygon(100% 100%, 0% 100% , 0.00% 92.59%, 2.00% 90.69%, 4.00% 85.17%, 6.00% 76.56%, 8.00% 65.72%, 10.00% 53.70%, 12.00% 41.69%, 14.00% 30.85%, 16.00% 22.24%, 18.00% 16.72%, 20.00% 14.81%, 22.00% 16.72%, 24.00% 22.24%, 26.00% 30.85%, 28.00% 41.69%, 30.00% 53.70%, 32.00% 65.72%, 34.00% 76.56%, 36.00% 85.17%, 38.00% 90.69%, 40.00% 92.59%, 42.00% 90.69%, 44.00% 85.17%, 46.00% 76.56%, 48.00% 65.72%, 50.00% 53.70%, 52.00% 41.69%, 54.00% 30.85%, 56.00% 22.24%, 58.00% 16.72%, 60.00% 14.81%, 62.00% 16.72%, 64.00% 22.24%, 66.00% 30.85%, 68.00% 41.69%, 70.00% 53.70%, 72.00% 65.72%, 74.00% 76.56%, 76.00% 85.17%, 78.00% 90.69%, 80.00% 92.59%, 82.00% 90.69%, 84.00% 85.17%, 86.00% 76.56%, 88.00% 65.72%, 90.00% 53.70%, 92.00% 41.69%, 94.00% 30.85%, 96.00% 22.24%, 98.00% 16.72%, 100.00% 14.81%);}



/*header::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 200px; z-index: 11; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#732f00+0,000000+100&0.65+0,0+100 */ background: linear-gradient(to bottom,  rgba(14,8,1,0.9) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

header .row{position: relative; z-index: 12;}



header{position: fixed; top: 0; transition: all 0.3s ease-in-out; width: 100%; z-index: 1000; padding: 20px;}

.logo img{ transition:all .1s ease-in-out; max-height: 100px;}

.logo .black{display: none;}





header .contact-info{display: inline-block;}

header .contact-info a{display: inline-block; text-align: center; color: #f0e2cb; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 1.4; margin: 0 15px;}

header .contact-info a span{display: block;}



.home header{top: -300px;}

.home header.is-stuck{top: 0;}



/* Start Menu css */

.navbar-brand{ display:none}

.navbar .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(72, 72, 72, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.navbar .navbar-toggler{ border:none; color:#000; }

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

.navbar .navbar-toggler .open-menu{ font-size:19px;}

.navbar .navbar-brand{ display:none}

.navbar .navbar-nav{margin: 0 0 0 auto;}

.navbar .navbar-nav .nav-item .nav-link{text-align:center; color:#f0e2cb; font-size:17px; line-height:1.3; font-weight:400; padding:10px 20px; transition:all .3s ease-in-out; text-transform: uppercase;}

.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item.current-parent .nav-link, .navbar .navbar-nav .nav-item.current-parent .nav-link.current{ background: #283931;}



/*.dropdown-toggle::after { display: none}*/

.dropdown-menu{ min-width:12rem}

.dropdown-menu .nav-item.dropdown .nav-link{font-size:14px; text-align:left; padding:5px 1rem; color:#212529}

.dropdown-item{ line-height:1.3; padding:5px 1rem; font-size:16px; }

.dropdown-item:hover, .dropdown-item:focus, .dropdown-menu .nav-item.dropdown .nav-link:hover{ background:#f49c00!important; color:#fff;}

.dropdown-item.current{ background:#051ca2!important; color:#fff!important;}

/* End Menu css */



.js-offcanvas-close{position: absolute; top: 10px; right: 10px; color: #f0e2cb!important; font-size: 25px;}

#slide-menu{width: 100%; background: url(../img/slilde-menu.webp) center no-repeat; background-size: cover; display: none;}

#slide-menu .container-fluid{position: relative; padding: 20px;}

#slide-menu .container-fluid::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; background: rgba(0, 0, 0, .8); z-index: 1;}

#slide-menu .container-fluid .col{position: relative; z-index: 1;}

#slide-menu .logo{display: block; margin-bottom: 20px;}

#slide-menu .navbar-nav{padding: 0; margin: 0; list-style: none;}

#slide-menu .navbar-nav li{border-bottom: solid 1px #f0e2cb;}

#slide-menu .navbar-nav li a{display: block; color: #fff; padding:18px 15px; font-size: 20px; font-weight: 400; text-transform: uppercase;}

#slide-menu .social{margin: 20px 15px;}

#slide-menu .social a{font-size: 25px; color: #fff; margin: 0 5px;}



/* Start Sticky Header */

header.is-stuck::before{display: none;}

.is-stuck{padding: 15px 0; background: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgba(27, 17, 6, .3);

-moz-box-shadow: 0px 0px 3px 0px rgba(27, 17, 6, .3);

box-shadow: 0px 0px 3px 0px rgba(27, 17, 6, .3);}

.is-stuck .logo img{max-height: 80px;}

.is-stuck .logo img{display: none;}

.is-stuck .logo img.black{display: block;}

.is-stuck .navbar .navbar-nav .nav-item .nav-link{color:#732f00;}

.is-stuck .navbar .navbar-nav .nav-item .nav-link:hover, .is-stuck .navbar .navbar-nav .nav-item.current-parent .nav-link, .is-stuck .navbar .navbar-nav .nav-item.current-parent .nav-link.current{ background: #283931; color: #fff;}

/* End Sticky Header */





.banner{position: relative;}

.banner::before, .contact-page::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 1;}

.banner img.logo{position: absolute; display: block; text-align: center; position: absolute; inset: 0; margin: auto; z-index: 10;}



.banner-text{position: absolute; bottom: 0; z-index: 2; color: #fff; width: 100%;}

.banner-text .heading{font-family: "PT Sans Narrow", sans-serif; font-weight: normal; color: #fff; font-size: 50px; text-transform: uppercase;}



.banner-inner .container-xl{position: relative;}

.banner-inner img{object-fit: cover; object-position: center; height: 70vh; width: 100%;}

.banner-menu img, .banner-gallery img, .banner-order img{height: 60vh;}



.contact-page{background: url(../img/banner-contact.webp) center no-repeat; background-size: cover; min-height: 100vh; position: relative; color: #fff;}

.contact-page .container-xl{padding-top: 200px; padding-bottom: 50px; z-index: 2; position: relative;}

.contact-page .heading, .contact-page .sub-heading, .contact-page a{color: #fff;}



.map{width: 100%; padding: 8px 8px 1px; border: solid 3px #f0e2cb;}

.map iframe{width: 100%;}



.main-img{margin-bottom: 40px;}

.main-img .col-5{margin: -20px -40px 20px 0; z-index: 2;}

.main-services{margin-top: 80px;}



.home-gallery .gallery ul{list-style: none; margin: 0; padding: 0;}



.grid-sizer{float: left; width: 33.33%;}

.grid-image-item{float: left; width: 33.33%; padding: 1.5%;}



.grandmas-pie{background: url(../img/grandmas-pie.webp) center no-repeat fixed; background-size: cover; position: relative; /*clip-path: polygon(0 40px, 100% 0%, 100% 95%, 0% 100%);*/ text-align: center; padding: 100px 0 60px;}

.grandmas-pie::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(27, 17, 6, .9); z-index: 1;}

.grandmas-pie .row{position: relative; z-index: 2; color: #fff;}

.grandmas-pie span{display: inline-block; margin-bottom: 30px;}

.grandmas-pie span img{max-height: 80px;}

.grandmas-pie .sub-heading{color: #fff;}





footer .row{border-top: solid 1px #ccc; padding: 20px 0;}

footer .social{display: inline; margin-left: 20px;}

footer .copyright{text-align: right;}



#back-to-top{position:fixed; bottom:10%; right:2%; background:#000; padding:5px 10px 10px; transition:.5s; z-index:1000}

#back-to-top:hover{background: #000;}



/* modal contact */

.modal-body .btn-close{position:absolute; top:5px; right:5px; font-size:18px;}

.modal-body .btn-close:focus{ box-shadow:none}

.modal .modal-body{color:#fff; background:#484848; text-align:center}

.modal .modal-body a{ color:#fff}

.modal .modal-body a:hover{ color:#fff}

/* modal contact */



@media (max-width: 1199.98px) {

.heading, .sub-heading{font-size:28px;}

.sub-heading{font-size:22px;}



.navbar .navbar-nav .nav-item .nav-link{font-size:16px; padding:10px 18px;}

}



@media (max-width: 991.98px) {

.heading, .sub-heading{font-size:24px;}

.sub-heading{font-size:18px;}

.heading br, .sub-heading br{ display:none}



section{ padding:50px 0 30px}



.navbar .navbar-nav .nav-item .nav-link{font-size:15px; padding:10px 7px;}



.grid-sizer{float: left; width: 50%;}

.grid-image-item{float: left; width: 50%; padding: 1.5%;}



footer a{font-size: 15px;}

}



@media (max-width: 767.98px) {

#slide-menu{display: block;}

header.is-stuck .contact-info a{color: #1b1106;}



.contact-page{background: url(../img/banner-contact-s.webp) center no-repeat; background-size: cover;}



footer, footer .copyright{text-align: center;}

}



@media (max-width: 575.98px) {

header .contact-info a{margin: 0 8px;}

footer .social{display: block; margin: 5px 0;}

footer .social a{font-size: 20px;}

}