/*
Theme Name: Ducres Creole Catering
*/


/*--================== 
    #Common
==================--*/
:root {
    --red-color: #b70017;
	--alata: "Alata", sans-serif;
	--bebas-neue: "Bebas Neue", sans-serif;
	--open-sans: "Open Sans", sans-serif;
	--playball: "Playball", cursive;
	--bree-serif: "Bree Serif", serif;
	--oswald: "Oswald", sans-serif;
}

*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative;font-family: var(--alata); margin: 0; padding: 0; } 
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6,textarea{color:#000000;font-weight:400;}
ul, a, input,textarea{text-decoration: none;list-style: none;text-decoration: none;outline:none;font-family: var(--alata);}
a:hover,a:focus{ text-decoration: none;outline: 0;}
p,li{    font-size: 18px;
    line-height: 26px;
    color: #444;
    font-weight: 300;}
p{    margin: 15px 0;}
/* 
h1{ font-size: 82px;line-height: 100px;letter-spacing: 1px;}
h2{ font-size: 70px;line-height: 90px;letter-spacing: 1px;}
h3{ font-size: 45px;line-height: 50px;font-weight: 500;letter-spacing: 1px;} */

ul li{list-style: disc;}

.clear{clear: both;float:left;width:100%;}
.container{width: 1200px; margin: auto;padding: 0;}
.container-lg{width: 100%; margin: auto;padding: 0 15px;}
.flex{display: flex;flex-wrap:wrap;}
.title-sec h1,
.title-sec h2{
	margin: 0;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 400;
    font-family: var(--bebas-neue);
	padding: 0;
    line-height: 40px;
}
.title-sec hr{
	    border-bottom: 10px double;
    background: transparent;
    color: var(--red-color);
    margin: 15px auto 30px;
    display: block;
    width: 166px;
}
header.title-sec{text-align:center;}
.default-page{padding:80px 0;}
.redbtn{
      display: flex;
    align-items: center;
    justify-content: center;
    background: var(--red-color);
    border: 2px solid var(--red-color);
    color: #fff;
    padding: 12px 30px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    transition: all 0.3s ease;
    font-family: var(--alata);
}
.redbtn:hover,.redbtn:focus{color:#fff;}

.whitebtn{
	display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #fff;
    color: var(--red-color);
    padding: 12px 30px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    transition: all 0.3s ease;
    font-family: var(--alata);
}
.whitebtn:hover,.whitebtn:focus{color: var(--red-color);}


/*--================== 
    #Header 
==================--*/

.navs-toggle{display: none;}
.header-block{position: fixed;z-index: 9;background: transparent;height:auto;height: auto;    transition: 0.5s;padding: 0;}
.header-block .flex{    justify-content: space-between;    align-items: center;}
.top-hdr {
    background: #000;
    padding: 7px 0;height:40px;
}

.top-hdr .social{
	    display: flex;
    justify-content: right;
}

.social a{
	    color: #fff;
    display: flex;
    border: 3px solid;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.nav-hdr {
    background: var(--red-color);    height: 93px;
}

.hdr-logo .main-logo a{
	    display: inline-block;
    width: 200px;
    position: absolute;
    top: 10px;
}




.primary-menu ul {float: right;margin: 0; padding: 0;}
.primary-menu ul li{display: inline-block;position: relative;margin:30px 15px;}
/* 
.primary-menu .current-menu-item a,  .primary-menu ul li a:hover{color:var(--pink-color)!important;}

.primary-menu ul li a::before {
	content: attr(data-hover);
    white-space: nowrap;
    position: absolute;
    transition: width .3s 
ease-in-out;
    overflow: hidden;
    background-color: transparent;
    width: 0;
    height: 100%;
    transform-origin: left;
    left: 0;
    opacity: 1;
}
.primary-menu ul li a:hover::before, .primary-menu ul li a:focus::before {
     width: 100%;
} */


.primary-menu ul li a{   
    color: #f6f6f6;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    transition: 0.5s;
    font-weight: 400;
    display: inline-block;
    letter-spacing: 0;
    font-family: var(--alata);   
    position: relative;}

  
.primary-menu ul li a::after,
.primary-menu ul li.current-menu-item a::after{
  content: attr(data-hover);
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  width: 0;
  overflow: hidden;
  transition: width .4s ease;
}
.primary-menu ul li a:hover::after,
.primary-menu ul li.current-menu-item a::after{
  width: 100%;
}


.sub{position: relative;cursor: pointer;color: #fff;}
/* .sub .fa-angle-up, .submenu-hide .fa-angle-down{display: none; }
.sub .fa-angle-up, .sub .fa-angle-down{position: relative;    top: 0px;left: 5px;}
.submenu-hide .fa-angle-up{display: inherit;} */
/*ul.sub-menu::before{content: "";}*/
.primary-menu ul li ul.sub-menu {
    position: absolute;
    z-index: 1000;
    display: block; /* block rakhenge, opacity se hide karenge */
    width: 165px;
    list-style: none;
    background: #faf9f9;
    padding: 0;
    border-radius: 0;
    transform: translateY(-10px); 
    opacity: 0;                  
    pointer-events: none;         
    transition: transform 0.3s ease, opacity 0.3s ease; 
}

.primary-menu ul li ul.sub-menu li {width: 100%;float:none;    display: inherit;    margin: 0;}
.primary-menu ul li ul.sub-menu li a{
        color: #999;
    padding: 15px;
    width: 100%;
    line-height: 18px;
    margin-left: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
}
.primary-menu ul li ul.sub-menu li a:hover,
.primary-menu ul li ul.sub-menu .current-menu-item a{color:#fff;background:#000;}
/* .primary-menu ul li svg.icon {display:none;} */


.all-heading h3 {
    background: var(--red-color);
    border-left: 5px solid #333333;
    color: #fff;
    font-size: 35px;
    font-family: var(--bebas-neue);
    padding: 10px 60px 5px 15px;
    display: inline-block;
    margin: 0;
    line-height: 40px;
}
.contact-left{float:left;width:54%;}
.contact-right{float:right;width:40%;}
.contact-block_page{padding:60px 0;background-color: rgba(244, 244, 244, 1) !important;}
.contact-subheading .title-sec h1{text-align:center;}
.contact-subheading p{margin:0 0 30px;text-align:center;}
.contact-outer-page{margin-top:10px;}
.questions-form{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.questions-form-left{width:48%;}
.questions-form-left input{
    font-size: 16px;
    background-color: rgba(102, 102, 102, .15);
    border: 0;
    width: 100%;
    margin: 3px 0;
    height: 40px;
    padding: 0 10px;
}
.questions-form-full textarea {
    font-size: 16px;
    background-color: rgba(102, 102, 102, .15);
    border: 0;
    width: 100%;
    margin: 3px 0;
    height: 80px;
    padding: 10px 10px;
}
.questions-form-full{width:100%;}
input[type="submit"].sead-message{background: var(--red-color);
    border: 2px solid var(--red-color);width:274px;font-size:16px;padding: 16px 0;
    color: rgba(246, 246, 246, 1) !important;
    font-family: var(--alata);

    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    font-weight: 300;
    letter-spacing: 0;}

.questions-form-left .wpcf7-not-valid-tip{display:none !important;}
.questions-form-left .wpcf7-not-valid{outline: 1px solid red !important;}
.questions-form p{margin: 0 0 8px;}
.questions-form-button{margin-top:25px;}
.contact-left .all-heading, .contact-right .all-heading{margin-bottom:30px;}
.rod-heading {
    color: rgb(102, 102, 102);
    font-weight: 400;
    display: initial;
    font-family: 'Open Sans', 'Open Sans Fallback';
    font-style: italic;
	font-size: 24px;
}
.rod-heading span{
	display: inline-block;
    font-style: normal;
    text-decoration: underline;
	
}

.rod-outer a {
    color: rgb(0, 0, 0);
    font-weight: bold;
    display: inline-block;
    font-family:  var(--open-sans);
	font-size: 24px !important;    margin: 3px 0;
}
.rod-outer a[itemprop="email"]{
	    font-size: 18px !important;
    font-weight: 300;
    color: #444;
    font-family: var(--alata);
}
.rod-outer p{margin:0;}
.licen{
    color: rgb(183, 0, 23);
    font-weight: 400;
    display: block;
    font-family: 'Open Sans', 'Open Sans Fallback';
    font-style: italic;
	font-size: 24px;    margin-top: 20px;
}


.contact-map_page iframe{height: 300px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    line-height: 1px;vertical-align:bottom;}


@media (min-width:1201px){
.primary-menu ul li:hover > ul.sub-menu {transform: translateY(0); opacity: 1;pointer-events: auto;}
/* .primary-menu li.menu-item-has-children a:before{content:"\f107";transition: 0.5s;font-family: 'FontAwesome';display: inline-block;    position: absolute;right: -20px;}
.primary-menu li.menu-item-has-children a:hover:before{transform: rotate(180deg);} */
.primary-menu li.menu-item-has-children ul.sub-menu li a:after{content: none;}
/* .primary-menu li.menu-item-has-children{margin:30px;} */
.primary-menu ul li:hover a svg.icon{transform: rotate(180deg);transition: 0.5s;} 
.primary-menu ul li ul.sub-menu li a:before{content:none;}
.primary-menu ul li a svg.icon{    font-size: 16px;}
}

/* hero */
.hero-block {width: 100%;position: relative; }
.hero-block img{width:100%;height:400px;}
.hero-block .item{height:770px; background-repeat: no-repeat;background-size: cover;    background-position: center 131px;}
.hero-block .caption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero-block .caption .table1 {width: 100%;height: 100%;display: table;}
.hero-block .caption .table2 {width: 100%;height: 100%;display: table-cell;    vertical-align: middle;background: rgb(0 0 0 / 8%);}
.hero-block .caption .content { text-align: center;width: 85%;position: relative;z-index: 1;margin:150px auto 0;}
.hero-block .caption .content h1{font-size: 48px; color: #fff;font-weight: 700;position: relative; margin: 0;font-family: var(--open-sans);line-height: 70px;}
.hero-block .caption .content h1 span{display: block;font-family: var(--playball);font-weight: 400;}
/* ------ */
.home-wecater { background: #810b01; padding: 100px 0;text-align: center;}
.home-wecater img{width:100%;}
/* ------ */
.home-chefrod{position:relative;background: #f6f6f6; padding: 80px 0;}
.home-chefrod .flex{justify-content:space-between;}
.home-chefrod .img-side .item { height: 500px; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto;}
.home-chefrod .img-side,
.home-chefrod .content-side{width:580px;}
.home-chefrod .content-side{text-align:center;}
.home-chefrod .more-btn{ display: flex;justify-content: center;}
/* ------ */
.home-testimonials{padding: 80px 0;}
.home-testimonials .title-sec{text-align:center;}
.testimonials-box { text-align: center; width: 840px;  margin: auto;}
.testimonials-box p{font-family: var(--bree-serif); font-size: 24px;  font-weight: 700; line-height: 30px;}
.testimonials-box h3{font-family: var(--bree-serif);color: var(--red-color); font-size: 20px;letter-spacing: 0;margin: 30px 0 0; padding: 0;}
.arrow-owl{position: relative;}
.arrow-owl .owl-nav.disabled{  display: block;}
.arrow-owl.owl-theme .owl-nav button {	color: #000;opacity: 9;  margin: 0; position: absolute;  top: 50%; margin-top: 0; border: none; border-radius: 0; line-height: normal;  width: 50px; height: 50px;}
.arrow-owl .owl-nav .owl-prev {left: 22px;}
.arrow-owl .owl-nav .owl-next {right: 22px;}
.arrow-owl .owl-nav button span{    font-family: 'Open Sans';  text-shadow: 1px 1px 0 rgba(0, 0, 0, .3); font-weight: 300; display: inline-block;  font-size: 70px; position: relative; top: -30px;}
.arrow-owl.owl-theme .owl-nav [class*=owl-]:hover{background: transparent !important;border: none !important;color:#000;}

/* ------ */
.home-gallery{position:relative;background: var(--red-color);padding: 80px 0;}
.home-gallery .title-sec{text-align:center;margin-bottom:30px;}
.home-gallery .title-sec h2{color:#fff;}
.home-gallery .container{width:1250px;}
.lightgallery li { list-style: none; width: 293px;margin: 9px;cursor:pointer;}
.lightgallery li img{width:100%;    height: 293px;object-fit: cover;}
.home-gallery .more-btn{display:flex;justify-content:center;}

/* ------ */
.home-news{position:relative;padding:80px 0;}
.home-news .title-sec{text-align:center;margin-bottom:30px;}
.home-news .flex{ justify-content: space-between;}
.news-box { display: inline-block;  width: 570px;    height: 361px; background-repeat: no-repeat; background-size: cover;position:relative;}
.news-box img{width:100%;}
.news-box span{background: #000; position: absolute;bottom: 0; width: 100%; border-top: 8px solid var(--red-color); font-size: 35px; text-transform: uppercase;color: var(--red-color);  font-family: var(--bebas-neue);  padding: 10px 15px; font-weight: 400;}
/* ------ */

.footer-block{
	    background: #000;
    padding: 80px 0 0;
}
.ft-box {
    width: 400px;
}
.ft-box h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: var(--bebas-neue);
    font-size: 32px;
    font-weight: 400;
/*     border-bottom: 2px solid var(--red-color);
	 padding-bottom: 20px; */
    display: inline-block;
	position:relative;
   
}

.ft-box h3:after {
    content: "";
    height: 3px;
    background: var(--red-color);
    position: absolute;
    width: 128px;
       bottom: -15px;
    left: 0;
}

.ft-info h4{
	    margin: 0;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-family: var(--open-sans);padding: 0;
}
.ft-info h4 span{
	    display: block;
    text-decoration: underline;
}
.ft-info .contacts a{
	    color: #f6f6f6;
    font-size: 18px;
    font-weight: 400;
	    display: block;
}

.ft-info .red-txt{
	    font-size: 18px;
    color: var(--red-color);
    font-style: italic;
    font-family: var(--open-sans);
    font-weight: 400;
    margin: 0;
}
.ft-info .social{    margin-top: 30px;}
.ft-info .social a{
	    width: 33px;
    height: 33px;font-size:20px;
}
.ft-menu #site-navigation ul li{list-style:none;position:relative;    margin: 0 10px 10px;}


.ft-menu #site-navigation ul li .sub{
	    position: absolute;
    left: 72px;
    top: 0;    color: #999;font-size:14px;
}

.ft-menu #site-navigation ul li svg.icon {display:none;}

.ft-menu #site-navigation ul li ul.sub-menu{position:relative;    padding: 0 10px;
    margin: 0;display:none;}

.ft-menu #site-navigation ul li ul.sub-menu li a{font-size:13px;font-weight:600;}
.ft-menu #site-navigation ul li:hover .sub,
.ft-menu #site-navigation ul li .sub.submenu-hide{
	    transform: rotate(180deg);    transition: all 0.3s ease;
}


.ft-menu #site-navigation ul li a{    color: #999;
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--open-sans);
    letter-spacing: 0.5px;    
	padding: 0;
/*     width: 100%; */
    display: block;position: relative;overflow: hidden;}

.ft-menu #site-navigation ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
   letter-spacing: 0.5px;    
	padding: 0;
  max-width: 0;
  color: var(--red-color);
  content: attr(data-hover);
  -webkit-transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  transition: max-width 0.5s;
}
.ft-menu #site-navigation ul li a:hover::before, .ft-menu #site-navigation ul li a:focus::before {
  max-width: 100%;
}

.ft-menu #site-navigation ul li.current-menu-item a{color: var(--red-color);}
.ft-menu #site-navigation ul li ul.sub-menu li a::before{content:none;}
.ft-menu #site-navigation ul li ul.sub-menu li a:hover,
.ft-menu #site-navigation ul li ul.sub-menu li a:focus{color:#fff !important;}

.ft-subscribe input[type="text"], .ft-subscribe input[type="email"]{
	    height: 30px;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 14px;
}
.ft-subscribe input[type="text"]:placeholder, .ft-subscribe input[type="email"]:placeholder{color:#999;}

.ft-subscribe input[type="submit"]{
	background: var(--red-color);
    border: 2px solid var(--red-color);
    color: #f6f6f6;
    font-family: var(--alata);
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    font-weight: 300;
    letter-spacing: 0;
}

.wpcf7 form .wpcf7-response-output{border-color:unset !important;color:#fff;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{    background: #f12222;}
.wpcf7 form.sent .wpcf7-response-output{    background: #46b450;}
.wpcf7 form.validating .wpcf7-response-output{display:none !important;}

.copyright {
    background: #212121;
    padding: 30px 0;
    text-align: center;
    margin-top: 60px;
}
.copyright p,.copyright p a{
	    margin: 0;
    font-size: 13px;
    font-weight: 400;
    font-family: var(--open-sans);
    color: #999;
}
.copyright p a{display:inline-block;}
.copyright p a:hover{color:var(--red-color);}
/* ------ */

.hero-block-in .item{
	    background-repeat: no-repeat;
    background-size: cover;
    height: 320px;
}
.hero-block-in .title-sec{
	    text-align: center;
    margin-top: 80px;
}

/*  ----- */
.dcc-about{    background: #f4f4f4;padding:80px 0;}
.dcc-about .title-sec{text-align:center;margin-bottom:40px;}
.dcc-about .content-side,
.dcc-about .img-side{width:600px;}
.dcc-about .content-side h3{
	    background: var(--red-color);
    border-left: 5px solid #333333;
    color: #fff;
    font-size: 35px;
    font-family: var(--bebas-neue);
    padding: 10px 60px 5px 15px;
    display: inline-block;
    margin: 0;
    line-height: 40px;
}
.dcc-about .content-side ul{
	    padding-left: 15px;
    margin: 0;
}
.dcc-about .content-side ul li{    margin: 20px 0;}
.dcc-about .content-side ul li::marker{font-size:10px;}
/* ------ */

.meet-about{
	    background: #424242;
    padding: 80px 0;
    position: relative;

}
.meet-about .title-sec h2{
	    color: #fff;
    text-align: center;
}
.meet-about .lightgallery{justify-content:space-between;}
.meet-about .lightgallery li{width:582px;}
.meet-about .lightgallery li h3{
	    margin: 0;
    background: #000;
    border-top: 6px solid var(--red-color);
    padding: 8px 30px;
    color: var(--red-color);
    font-family: var(--bebas-neue);
    font-size: 35px;
    font-weight: 400;
}
.meet-about .lightgallery li h3 span{
	    display: block;
    font-size: 15px;
    color: #999;
    font-weight: 400;
    font-family: var(--alata);
}
.meet-about .lightgallery li img{vertical-align:bottom;height: 400px;
    object-fit: cover;
    object-position: top;}

/*===================================*/

.manu-page_bar{padding:70px 0;    background-color: rgba(244, 244, 244, 1) !important;}
.manu-page_bar p{margin-top:26px;}
.manu-page_bar .title-sec{text-align:center;}

.package-page_bar{padding:70px 0;}

.package-page_bar h2 {
    margin: 0 0 40px 0;text-align:center;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 400;
    font-family: var(--bebas-neue);
    padding: 0;
    line-height: 46px;
}

.package_box-4{width:285px; }
.package_box{    box-shadow: rgba(0, 0, 0, 0.25) 0 3px 11px 0 !important;   position: relative;
    -moz-box-shadow: rgba(0,0,0,0.25) 0 3px 11px 0 !important;    padding-bottom: 5%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 11px 0 !important;}
.package-top{background-color: rgba(204, 204, 204, 1) !important;
text-align:center;color:#b70017;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 400;
    font-family: var(--bebas-neue);
    padding: 10px 0 5px;
    line-height: 40px;

}

.package-botttom{
	background-color: rgba(204, 204, 204, 1) !important;
text-align:center;color:#000;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 400;
    font-family: var(--bebas-neue);
    padding: 10px 0 5px;
    line-height: 40px;position: absolute;
    bottom: 0;
    width: 100%;left:0;
}
.package-middle{margin-bottom:8px;}
.package-middle p{margin:0;text-align:center;color:#fff;}


.package-middle-1{
    float: none ;
    top: 0 ;
    left: 0 ;
    width: calc(100% - 33px);
    position: relative;
    height: auto;
    padding-top: 2px;
    padding-left: 0 ;
    padding-bottom: 2px;
    margin-right: auto;
    margin-left: auto ;
    max-width: 200px ;
    margin-top: 14px ;
    margin-bottom: 8px;
    padding-right: 0 ;
    min-width: 25px ;
    display: block;
	    background-color: rgba(183, 0, 23, 1) ;
}

.package_flex{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.package_box-3{width:387px;}

.package-page_bar_second{padding-top:0;}
.event-page_bar{padding-top:40px;}
.faq_outer_bar h2{margin-bottom:10px;}
.faq_outer_bar p{margin:0;text-align:center;}


.faq-top {
    color: rgba(183, 0, 23, 1) !important;
    font-weight: normal !important;
    background-color: rgba(242, 242, 242, 1) !important;
	font-size: 20px !important;
	justify-content: space-between;
    padding:18px 50px 18px 20px;
    background: #f2f2f2;
	position:relative;
}

.faq-botttom {
    background-color: rgba(255, 255, 255, 1) !important;
    color: rgba(102, 102, 102, 1) !important;
	    font-size: 18px !important;padding: 18px 20px;
}

.faq-boxes{margin-bottom:12px;}
.arrow-wrapper{position:absolute;right:15px;top:15px;background-color: rgba(183, 0, 23, 1) !important;    padding: 5px !important;border-radius: 50%;width:35px;height:35px;}
.arrow-wrapper .close {
    fill: #e3e3e3;width: 25px;height: 25px;   transform: rotate(0deg);transition: transform 0.3s ease-in-out;
}
.faq-top.active .arrow-wrapper .close{ transform: rotate(180deg);transition: transform 0.3s ease-in-out;}
.faq_outer_bar{margin-bottom:40px;}

/* ----- */

/* Tabs container */
.tabs {
  display: flex;
  margin-bottom: 20px;
}

/* Tab buttons */
.tab-button {
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    font-size: 32px;
    transition: 0.3s;
    color: #ffffff;
    width: 300px;
    background: #000;
    font-family: var(--oswald);
    font-weight: 400;
	border-radius: 0;
}



.tab-button.active,
.tabs .tab-button:hover,
.tabs .tab-button:focus{
     background: var(--red-color);
	border-radius:0;
}

/* Content panels */
.tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.tab-content.active {
  display: block;
  opacity: 1;
}

.tab-content .flex{
	    justify-content: space-evenly;
    align-items: center;
}
.tab-content .img-side{    width: 300px;}
.tab-content .content-side{width:840px;}
.tab-content .img-side .img{
	 width: 291px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
}

.tab-content .content-side h4{
	font-size: 22px;
    font-weight: 700;
    font-family: var(--alata);
    color: #444;
    line-height: normal;
}

.tab-content .content-side .il-link{
	    background: #fef04a;
    padding: 15px 30px;
    display: inline-block;
    color: #000;
    text-align: center;
}
.tab-content .content-side .il-link:hover{color:#444;}


.whatknow-about{
	    padding: 80px 0;
    background: #f6f6f6;
}
.whatknow-about .title-sec{
	    text-align: center;
    margin-bottom: 50px;
}
.whatknow-about .title-sec h2{
	font-size:50px;
}

/* ----- */
.gallery-top{padding:80px 0;background:#f4f4f4;}
.gallery-top .title-sec,
.video-gallery .title-sec,
.cooking-gallery .title-sec{text-align: center;}
.gallery-top .title-sec p,
.video-gallery .title-sec p{
	    margin: 0;
    font-weight: 700;
    color: #666;
}
.gallery-navbar {margin-top: 80px;    margin-bottom: 80px;}
.gallery-navbar ul{display:flex;justify-content:space-around;}
.gallery-navbar ul li{list-style: none; width: 222px;}
.gallery-navbar ul li a{
	background: var(--red-color);
    color: #fff;
    padding: 15px 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-gallery{ background: #f4f4f4;}
.video-gallery .flex, .cooking-gallery .flex{justify-content: space-between;}
.video-gallery .iframe-box {
    width: 582px;
}

.video-gallery .iframe-box iframe,
.video-gallery .iframe-box video{width:100%;vertical-align:bottom;    height: 350px;border:none;}
.video-gallery .title-sec{margin-bottom:80px;}

.cooking-gallery {padding:  80px 0;background: #f4f4f4;}
.cooking-gallery .iframe-box{width:372px;}
.cooking-gallery .iframe-box iframe{width:100%;vertical-align:bottom;    height: 600px;border:none;}
/* ----- */
.error-404.not-found{
	    padding: 200px 0;
    text-align: center;
    margin-top: 100px;
}
.error-404.not-found h1{
	    font-size: 130px;
    font-family: var(--oswald);
    font-weight: 300;
    color: #444;
    margin: 0;
}
.error-404.not-found h1 span{
	transform: rotate(15deg) translate(-5px, -4px);
    display: inline-block;
}
.error-404.not-found p{    font-size: 22px;}
.error-404.not-found a{
	    padding: 0 10px;
    display: inline-block;
    width: 184px;
    margin-bottom: 20px;
    background: #898989;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 37px;
    border-radius: 2px;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    height: 37px;
	margin-top:30px;
}
/* ----------------- */

@media (max-width:1299px){
	.container,
	.home-gallery .container{width:100%;padding:0 15px;}
	.home-chefrod .img-side, .home-chefrod .content-side{width:48%;}
	.lightgallery li{width:23%;}
	.news-box,.dcc-about .content-side, .dcc-about .img-side{width:48%;}
	.ft-box {width: 33.333339%;}
	.hero-block .item{height:600px;}
	.dcc-about .flex{justify-content:space-between;}
	.meet-about .lightgallery li{width:47%;}
	.tab-content .img-side{width:30%;}
	.tab-content .img-side .img{width:100%;}
	.tab-content .content-side { width: 65%;}
}

@media (max-width:1200px){
	
	.container{width:96%;}	
	.package_box-4 {
  width: 23%;
}
.package_box-3 {
  width: 31%;
}	
header.header-block{display:none;}	
.hero-block .item{background-position:center;}	
#wprmenu_bar .menu_title{font-size:0;}	
#wprmenu_bar .menu_title a{ top: -28px;}	
#wprmenu_bar .bar_logo{padding:0;height: 95px;}
#mg-wprm-wrap{ padding-top: 100px; max-width: 100%;background-image:url('https://www.webdesigndemo1.com/ducrescreolecateringllc/wp-content/uploads/2025/12/steaks-640w.webp');
	background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 60%);}	
	#mg-wprm-wrap li.current-menu-item > a {
        background: transparent;
        color: var(--red-color) !important;
    }
	
#mg-wprm-wrap .contacts a{color:#fff;}
#mg-wprm-wrap .contacts a .fa{color: var(--red-color);  font-size: 24px;}
#wprmenu_menu_ul{text-align:center;}
div#mg-wprm-wrap ul li span.wprmenu_icon{right:unset;left:50%;    padding: 30px;}
#mg-wprm-wrap .social{display:flex;justify-content:center;}
.wprmenu_bar .hamburger{right:40px;position:relative;}
	
.locker-block{padding-bottom: 0;}
.lm-abouts{width: 100%;position: relative;top: 0;margin-top: 0; padding: 30px;}
.trusted-block {margin-top: 30px;}
}


@media (max-width:1023px){
	.hero-block .item{height:500px;}
	.hero-block .caption .content{margin: 50px auto 0;}
	.package_box-4 {width: 48%;margin-bottom:30px;}
    .package_box-3 {width: 48%;margin-bottom:30px;}
	.package_box{padding-bottom:8%;}
	.contact-left{width:100%;margin-bottom:40px;}
	.contact-right{width:100%;}
	.testimonials-box{width:100%;}
	.lightgallery li{width:46%;}
	.arrow-owl.owl-theme .owl-nav button{position:relative;margin:0 20px;}	
	.wprmenu_bar .hamburger{right:30px;}
}

@media (max-width:767px){
	.hero-block .item{height:450px;}
	.hero-block .caption .content{margin: 50px auto 0;}
	.hero-block-in .item{height:200px;}
	.package_box-4 {width: 100%;margin-bottom:30px;}
    .package_box-3 {width: 100%;margin-bottom:30px;}
	.package-botttom{position:inherit;margin-top:14px;}
	.package_box{padding-bottom:0;}	
	.package-page_bar{padding-bottom:0;}
	.questions-form-left {width: 100%;}
	.home-wecater{padding:50px 0;}
	.news-box{width:100%;margin:15px 0;}
	.ft-box{width:100%;}
	.ft-box h3{display:inherit;}
	.ft-box h3:after{width:100%;}
	.home-chefrod .img-side, .home-chefrod .content-side{width:100%;}
	.dcc-about .content-side, .dcc-about .img-side { width: 100%; }
	.dcc-about .content-side h3{display:grid;}
	.meet-about .lightgallery li,
	.tab-content .img-side,
	.tab-content .content-side{width:100%;}
	.tab-content .content-side{padding-top:20px;}
    .tab-button{width:100%;}
	.tabs,.gallery-navbar ul{flex-wrap:wrap;}
	.gallery-navbar ul li{width:100%;margin:10px 0;}
	.video-gallery .iframe-box,.cooking-gallery .iframe-box{width:100%;}
	.all-heading h3{display:grid;}
	.wprmenu_bar .hamburger{right:20px;}
}


@media (max-width:485px){
	.hero-block .item{height:350px;}
	.hero-block .caption .content{width:100%;    margin: 50px auto 0;}
	.hero-block .caption .content h1{line-height:50px;}
	.lightgallery li{width:100%;}
}

@media (min-width: 486px) and (max-width:1023px){
	.lightgallery li img{height:250px;}
}

@media (min-width: 768px) and (max-width:1200px){
		.hero-block-in .item{height:220px;}
}

@media (min-width: 768px) and (max-width:1299px){
	.gallery-navbar ul li{text-align:center;margin:10px;}

}