@import "../drfonts/proximanova/fonts.css"; /* Using a string */
body#bg {
    background: #e8e8e8;
}
/* Template customization: put your own css rules here */
.fl-rt{float: right;}
.fl-lt{float: left;}
header{padding:0;margin:0 auto;width:100%;position: sticky;left:0;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;z-index: 9999;top: 0;}
.top-menu ul li.menu{margin:15px 0px -2px 6px !important;display:none;}
#nav-icon{width:26px;height:20px;position:relative;margin:0px auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;cursor:pointer;}
#nav-icon span{display:block;position:absolute;height:3px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
#nav-icon span:nth-child(1){top:0px;}
#nav-icon span:nth-child(2){top:8px;}
#nav-icon span:nth-child(3){top:16px;}
.open #nav-icon span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-icon span:nth-child(2){opacity:0;left:-60px;}
.open #nav-icon span:nth-child(3){top:10px;transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

.top-menu1{display: flex; width: calc(100% - 148px); padding: 0 0 0 20px; float: left;}
.top-menu ul{margin: 0; padding: 0;}
.top-menu ul li{display: inline-block; margin: 0; padding: 0; position: relative; text-transform: uppercase;}
.top-menu ul li a{padding: 13px 10px;font-size: 14px;text-decoration: none;position: relative;}
.top-menu ul li a span{background: #8cc63f;border-radius: 100%;color: #000;text-align: center;font-size: 11px;width: 16px;height: 16px;display: inline-block;line-height: 16px;margin: 0;position: absolute;right: -1px;top: 6px;}
.top-menu ul li button{display: none; position: absolute;top: 100%;right: 0;border: 0;border-radius: 0;padding: 10px 20px;}
.top-menu ul li:hover button{display: block;}

.top-menu ul li .dropdown-toggle{cursor: pointer;}
.top-menu ul li .dropdown-menu{background-color:#fdedce; top: 5px !important;}
.top-menu ul li .dropdown-menu a.dropdown-item{display: block;padding: 8px 15px;line-height: normal;font-size: 16px;}
.top-menu ul li .dropdown-menu a.dropdown-item:hover{color: #528612 !important;}

.top-menu ul li a .fa-shopping-cart{font-size: 20px;}
#introHome h3{font-size: 40px;margin: 0;}
#introHome h4{font-size: 18px; line-height: normal;margin: 0;font-family: "Open Sans";}
#introHome h5{font-size: 14px; line-height: normal;margin: 0;font-family: "Open Sans"; color: #fff;}
#introHome a.btn {margin: 20px 10px;font-size: 16px; padding: 5px 20px;}
#introHome .introContent{top: 10%;}
#introHome .brand-logo{margin: 0 auto 75px auto;}
.text-fld{margin: 20px 10px; font-size: 16px; padding: 5px 20px;line-height: 2;border-radius: 36px; border: 0; text-align: center; width: 169px; outline: none !important;}

.banner-in{display: table;margin: 0 auto; background: rgb(10 10 10 / 49%);padding: 40px; border-radius: 10px;}
#articles-home .article-content h2{font-size: 22px;}

#testimonials .article-content p{    min-height: 60px;}
#testimonials .article-content h4{text-align: center; line-height: 16px; font-size: 12px; margin: 0;}
#testimonials .article-content i.fa{font-size: 30px; height: 60px; line-height: 60px; width: 60px;}

.how-it-works{padding:40px 0;}
.how-it-works h2{color:#8cc63f;margin-bottom:40px;}
.how-it-works .steps .item{margin:0 auto 25px;}
.how-it-works .steps .item h3{color:#8cc63f;margin-bottom:10px;}
.how-it-works .steps .item p{color:#fff;}
.how-it-works .steps .item img{margin:0 auto 15px;}
.how-it-works .steps .item.arrow-up:after{content:'';background-image:url(../drimages/arrow-up.png);display:block;width:118px;height:48px;position:absolute;bottom:100px;right:-23px;}
.how-it-works .steps .item.arrow-down:after{content:'';background-image:url(../drimages/arrow-down.png);display:block;width:118px;height:48px;position:absolute;bottom:145px;right:-83px;}

.dinners img{width: 100%;}
.dinners p{background: #fff; padding: 10px 10px;}
.dinners article{margin: 0 0 20px;}

.video1{position: absolute;z-index: 0; min-width: 100%; min-height: 100%; left: 0px; top: 0px; overflow: hidden; opacity: 1;transition-property: opacity; transition-duration: 1000ms;height: 600px;}

.video1 .covervid-video{width: 100%;}
.check-btn{position: relative;z-index: 2; float: right; padding: 0 15px;}
.back-btn{padding: 0 15px;}
.tab-list{padding:0 15px;}
#menuCard1 {
    /* background: url("../drimages/blackboard.jpg") no-repeat center top; */
    background: url("/drimages/blackboard.jpg") no-repeat center top;
    background-size: cover;
}

.delArea{font-size:2.5rem;color:unset}
@media(max-width: 1200px) {
.delivery-date{display: block; width: 100%;}
}

@media(max-width: 1100px) {
    
    .slick-prev{left: 20px;}
    .slick-next{right: 20px;}
    .slick-prev, .slick-next{top: 33%;}
    .video1 .covervid-video{width: auto;height: 100%;}
}

@media(max-width: 992px) {
    .container { width: 100%; max-width: 100%;}
    .dinners img {height: 160px;object-fit: cover;}
    .dinners p{font-size: 12px;}
    .how-it-works .steps .item img{width: 50%;}
    .how-it-works .steps .item.arrow-up:after,.how-it-works .steps .item.arrow-down:after{display: none;}
    #preHeader .container{width: 96%;}
  }

  @media(max-width: 767px) {
    #articles-home .article-content{height: auto;}
    .img-container{height: auto;max-height:inherit;}
    #articles-home article figure{padding: 0;}
    #articles-home figure img, #articles-home figure img{position: static !important;width: 100% !important; height: auto !important;}
    .item-details{margin: 20px 0;}
  }

.width2{vertical-align: top; display: inline-block; float: none;}
.height2{vertical-align: top; display: inline-block; float: right;}

#mainHeader a{margin: 0 auto;display: table;}
.tab-list ul{margin: 0;display: inline-block; padding: 0;}
.tab-list ul li{display: inline-block;margin: 5px 0;padding: 0;}
.tab-list ul li a{padding: 6px 16px;border: 1px solid #ccc;margin: 0 0 0 -1px;display: inline-block;}
.tab-list ul li a:hover,.tab-list ul li.active a{background: #74ab2a;color: #fff;}
.checkout{margin:0;float: right;}
.delivery-date h5{margin: 10px 0;text-align: center;}

.fsdelivery-date h5{margin: 10px 0;text-align: center;font-size:16px;font-weight:bold}


.menuitems{display: block; min-height: 260px;}
.menuitems ul{display: inline-block;padding: 0;}
.menuitems ul li{display: inline-block; margin: 0; padding: 15px 15px; float: left;}
.block{display: block;margin: 0;padding: 0;background: #fff;box-shadow: 0 0 14px #ccc;border-radius: 6px;overflow: hidden;}
.block img{width: 100%; height: auto;}
.block figure{position: relative;}
.block a{visibility: hidden; text-align: center;position: absolute;left: 0;top: 0;height: 100%;background: rgb(0 0 0 / 66%);width: 100%;display: table;vertical-align: middle; transition: ease-in-out .5s;}
.block a::after{width: 100%;height: 100%;background: rgb(0 0 0 / 66%);position: absolute;left: 0;top: 0;}
.block a span{display: none; color: #fff;font-size: 16px;font-weight: 600;vertical-align: middle;}
.block h6{color: #000; font-size: 18px; padding: 10px 15px; height: 50px;}
.block p{display: inline-block;margin: 4px 0 0;padding: 0;font-size: 18px;}
.block .input-group{display: flex;width: 84px;float: right;border: 0;}
.block .input-group .btn{padding: 5px 4px;border-radius:4px;font-size: 11px;}
.block .input-group .form-control{height: auto;padding: 5px 0;text-align: center;border: 0;margin: 0 -2px;}
.items{border-top:1px solid #ccc;padding: 15px 15px 20px;}
.menuitems figure:hover a{visibility: visible;}
.menuitems img{width: 100%; height: auto;}

.block figure.sold a{visibility: visible;}
.block figure a span.details{display: table-cell; cursor: pointer;}
.block figure.sold a span.soldout{display: table-cell;}
.block figure.sold a span.soldout img, .block figure a span.details img{width: auto; margin: 0 auto;}
.block figure.sold a span.details{display: none;}

.item-details{display: inline-block;}
.item-details h5{display: block; margin: 0 0 20px; padding: 0;}
.item-details h6{display: block; margin: 20px 0; padding: 0; font-size: 18px; font-weight: 600; color: #528612;}
.item-details p{display: block; margin: 0; padding: 0;}
.item-details .input-group{display:inline-block;width: 94px;border: 0;margin: 0 20px 0 0;vertical-align: middle;border-radius: 5px;overflow: hidden;}
.item-details .input-group .btn{padding: 2px 5px 1px;border-radius: 0;line-height: normal;margin: 0;}
.item-details .input-group .form-control{padding: 6px 0;text-align: center;width: 63px;border: 1px solid #ccc;height: 40px;display: inline-block;float: left;}
.item-details .input-group-btn{display: flex;}
.tabs{display: block;margin: 0;padding: 0 15px;}
.tabs ul{margin: 0 0 -1px; display: table;}
.tabs > ul > li{width: auto;margin:0 0 -1px;padding: 0;display: inline-block;float: left;cursor: pointer;}
.tabs > ul > li > a{font-size: 20px;border-radius: 4px 4px 0 0;border: 1px solid transparent;padding: 10px 15px;display: block;}
.tab-content{display: block; margin: 0 0 20px; padding: 20px 20px; border: 1px solid #ddd;}
.tab-content p{margin: 0 0 20px;}
.nav-tabs>li>a.active, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus{background: #f5f5f5;color: #555;border: 1px solid #ddd;border-bottom-color: transparent;}
.title-block{text-align: center; display: block; padding:0 15px;}
.title-block small{font-size: 18px; margin: -10px auto 0; display: table;}
.cus-radio{position:relative;width:18px;height:18px;top:2px}
.cus-bgclr{ background-color: #8bc53f;padding: 10px 15px !important;  width: 50% !important;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-body {
    padding: 15px;
}
.gifts{display: block;}
.giftcard-cost{cursor: pointer; margin: 0 6px 0 0px;background: #fff;color: #333;border: 1px solid #ddd;border-radius: 4px;min-width: 70px;padding: 10px;}
.input_item_gifc{display: block; margin: 15px 0; padding: 0;}
.panel-body .form-control{border: 1px solid #ddd;}

.cards{display: block;margin: 0; padding: 0;}
.cards ul{margin: 0; padding: 0;}
.cards ul li{display: inline-block; margin: 0; height:180px; padding:10px 5px; width: 25%; float: left; text-align: center;}
.cards ul li button{border: 0;border-radius: 6px;margin: 0 0 8px;}
.cards ul li button:hover{box-shadow: 0 0 6px #a7a7a7;}
.cards ul li span{font-size: 14px; color: #717171; font-weight: 600;}
.cards img{width: 100%; height: auto;}

.details-block{display: inline-block;margin: 0 -10px;}
.details-block ul{padding: 0;margin: 16px 0 16px;display: inline-block;width: 100%;}
.details-block ul li{display: inline-block;margin: 0 0 10px;padding: 0 10px;}

.stepwizard-cont{float: right; width: calc(100% - 70px);}
.stepwizard-step p {margin-top: 0px; color:#666;}
.stepwizard-row { position: relative;}
.stepwizard {display: inline-block;width: 30px;position: relative;float: left;}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn { opacity:1 !important; color:#bbb !important;background-color: #fff;
    border-color: #ccc;}
    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }
.stepwizard-row:before { top: 0; bottom: 0; position: absolute; content:" "; width: 1px; height: 100%; background-color: #ccc; z-index: 0;margin: 0 auto;right: 0; left: 0;}
.stepwizard-step {display: block;text-align: center; position: relative; margin: 0 0 50px 0;}
.btn-circle {width: 30px;height: 30px;text-align: center;padding: 6px 0;font-size: 12px;line-height: 1.428571429;border-radius: 15px;}
#checkout-page .container{display: flex;direction: rtl;}
.left-section{display:block;padding: 3em 15px;margin: 0 auto;direction: ltr;}
.logo2{display: table; margin: 0 0 15px; padding: 0; width: 100px;}
.logo2 img{width: 100%; height: auto;}
.logo3{display: table; margin:0; padding: 0; width: 100px;}
.logo3 img{width: 100%; height: auto;}
.steps-nav{display: block;margin: 0;padding: 0;}
.steps-nav ul{padding: 0; margin: 0; display: block;}
.steps-nav ul li{display: inline-block; margin: 0; padding: 0; float: left;}
.steps-nav ul li a{display: inline-block; margin: 0; padding: 0; font-size:20px; color: #717171;}
.steps-nav ul li.active a{color: #7eb734;font-weight: 600;}

.block2d{display: none;}
.block2{display: block;margin: 50px 0 0;padding: 0;}
.block2 h5{display: inline-block;padding: 0;float: left;margin: 10px 0 20px;}
.block2 p{display: inline-block; margin: 0; padding: 0; float: right; color: #717171;} 
.block2 p a{font-weight: 600;}

.form-check{color: #fff;margin: 12px 0 0;}
.form-check label{font-weight: normal;}

.right-section{background: #f5f5f5; height: 100%; padding: 3em 15px; position: relative;}
.right-section:after{background: #f5f5f5;width: 100%;height:100vh;position: absolute;left: -1px;top: 0;content: '';display: block;z-index: -1;border-left: 1px solid #dcdcdc;}
.product-table{width: 100%;}
.product-table td{font-weight: 600; font-size: 12px;}
.product__quantity{padding: 0 10px 0 0;}
.product-img{width: 60px;position: relative;display: inline-block;vertical-align: middle;}
.product-thumbnail{border: 1px solid #ccc; overflow: hidden; border-radius: 4px;}
.product-thumbnail img{width: 100%; height: auto;}
.product-img span{position: absolute;right: -10px;top: -8px;background: #ccc;border-radius: 100%;width: 20px;height: 20px;text-align: center;line-height: 20px;}
.block3 {border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: 14px 0;margin: 10px 0;}
.block3 .form-control{width: calc(100% - 110px); background: #fff; font-size: 12px; display: inline-block;}
table{width: 100%;margin: 0 !important;}
table td, th{padding: 5px 10px;}
tfoot{border-top: 1px solid #ddd;margin: 0;}

.table-block{margin: 50px 0 30px;padding: 10px 10px;border: 1px solid #ddd;border-radius: 6px;direction: ltr;}
.no-bor td{border: 0 !important;}
.table-block td{vertical-align: middle !important;}
.table-block button{float: right;text-transform: initial;font-size: 13px;padding: 2px 15px;border-radius: 9px;}
.text-align{text-align: right;}

.table-block h2{background: #8bc53f;font-size: 18px;color: #fff;text-align: center;margin: 0;padding: 10px 0;}

.pement-block{display: block;margin:20px 0 20px;padding: 0;}
.pement-block .tabs{padding: 0;}
.pement-block .tab-content{padding: 0;}
/*.pement-block .nav-tabs{border: 0;}*/
.pement-block h5{margin: 0 0 5px;}
.pement-block > ul{padding: 0;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;margin: 30px 0 0;}
.pement-block > ul > li{display: block;padding: 0;border-bottom: 1px solid #ccc;margin: 0 0 -1px;}
.pement-block > ul > li.active .acc_cnt{display: block;}
.pement-block h3{cursor: pointer;font-family: "Open Sans";font-weight: 600;font-size: 14px;text-transform: capitalize;padding: 18px 15px;display: block;margin: 0;}
.pement-block h3::before{content: '';display: inline-block;margin: 0 10px -2px 0;padding: 0;width: 15px;height: 15px;border: 1px solid #ddd;border-radius: 100%;background: #f7f7f7;}
.pement-block > ul > li.active h3::before{border: 5px solid #000;}
.acc_cnt{display: none;margin:0;padding: 15px 0 0px 0;background: #f5f5f5;}
.acc_cnt ul{display: block;padding: 0;}
.acc_cnt ul li{display: inline-block; padding: 0 10px; margin: 0 0 10px; position: relative;}
.acc_cnt ul li .fa{position: absolute;right: 20px;top: 10px;font-size: 20px;color: #717171;}

.cart-page{padding: 20px 0;}
/* .cart-page h2{margin:30px 0 50px 0;} */
.cart-page .input-group{display: flex;width: 84px;border: 0;}
.cart-page .input-group .btn{padding: 0 0px;border-radius:4px;}
.cart-page .input-group .form-control{height: auto;padding: 5px 0;text-align: center;border: 0;}
.cart-page .table>thead>tr>th{border: none !important;}
.cart-page tr{border-bottom: 1px solid #ddd;}
.cart-page td{vertical-align: middle !important;padding: 20px 10px !important;}
.item-name{display: inline-block;vertical-align: middle;padding: 0 0 0 20px;}
.item-name p{margin: 0 0 5px;}
.item-name h5{font-family: "Open Sans"; font-weight: 600; margin: 3px 0;}
.cart-page .table {margin:0 0 20px !important}
.btns a{color: #000; margin: 10px 2px 0 0; display: inline-block;}
.btns a:hover{color: #528612;}
.table-striped tbody tr:nth-of-type(odd)  { background: rgba(0,0,0,.05);}

.product-imgs{width: 130px;display: inline-block;vertical-align: middle;}
#toTop{display: none;}
#rftxt{text-decoration: line-through;}
.block p.discount{color:#ff0000; font-size: 12px;}
.block p.discount strong{font-size: 14px;color:#ff0000;}
.offer-block{-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;z-index: 9999;display: table;margin: 30px auto 0 auto;font-size: 15px;color: #000;background: #b7c1ab;padding: 10px 20px;border-radius: 20px 0 0 20px;text-align: center;position: fixed;right: -150px;top: 70px;width: 150px;border-left: 5px solid #949c89;}
.offer-block span{font-size: 23px;color: #da0000;font-weight: 700;text-shadow: 1px 2px 2px #fff;}
.offer-block .fa{font-size: 13px;color: #000;position: absolute;left: -29px;background: #b7c1ab;padding: 6px;border-radius: 10px 0 0 10px;cursor: pointer;}
.open2{right: -150px !important;}

.block4{padding: 0; margin: 0 0 20px;}
.address-block p strong{display: block; font-size: 16px;}
.pay-details{padding:15px 15px;}
.pay-details h6{font-size: 14px; color: #000; font-weight: 600; margin: 10px 0;}
.pay-details h6 span{font-weight: normal;}
.form-control2{margin: 0 !important;width: calc(100% - 12px) !important;display: inline-block;padding: 6px 3px;text-align: right;}
.inp{width: 70px; float: right;}
.tit{display: block; float: none !important;}
.t-bottom{display: block; margin: 0; padding: 15px 0; text-align: center; border-top:1px solid #ddd ;}
.t-bottom p{display: block; border-bottom: 1px solid #ddd; padding:0 0 15px;}
.top{padding: 20px 0 0;}

.log-page{/* position: relative; */}
/* .log-page::before{content: '';display: block;background: url(../images/bg.jpg) no-repeat left top;background-size: cover; width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;} */
.log-page::before{content: '';display: block;background-size: cover; width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.log-page:after{content: '';display: block;background:rgb(0 0 0 / 50%);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}

.log{width: 90%;display: flex;margin: 0 auto;padding: 0;background: #fff;border-radius: 6px;max-width: 800px;overflow: hidden;align-items: center;transform: translateY(-50%);position: absolute;top: 50%;left: 0;right: 0;height: 520px;}
.log ul{display: block;margin: 0 -15px;padding: 0;}
.log ul li{display: inline-block;margin: 0 0 14px;}
.log a{float: right; margin: 15px 0 0 0;}
.log p{display: table; margin: 20px auto 0 auto;}
.log p a{float: none; margin: 0;}
.log .top-logo{margin:0 auto 20px auto; float: none; display: table; width: 200px;}
.log .top-logo img{width: 100%; height: auto;}
.log-left{padding: 20px 20px;width: 50%;}
.log-left h3{font-size: 16px !important;}
.log-right{width: 50%;background: #131620;height: 100%;}
.log-right img{width: 100%;height: 100%;object-fit: cover;}

.contact-page{display: block;}
.contact-page h2{margin: 0;}
.contact-page h4{margin: 0 0 5px; text-transform: capitalize;}
.contact-page a{font-weight: bold;}

.terms-page h2{margin: 0;}
.terms-page h4{margin: 20px 0 10px; text-transform: capitalize; font-size: 18px;}
.terms-page p{margin: 0 0 15px;}
.terms-page ul{margin: 0; padding: 0 0 0 30px;}
.terms-page ul li{width: 100%;list-style-type: disc;float: none;display: list-item;padding: 6px 0;}


.questions ul{display: block;padding: 0;margin: 0 0 30px 0;}
.questions ul li{display: block;list-style-type: none;border: 1px solid #ddd; margin: 0 0 10px;}
.questions h3{margin: 0;background-color: #f5f5f5;padding: 14px 40px 14px 20px;cursor: pointer;position: relative;text-transform: capitalize;font-family: 'Proxima Nova';font-size: 18px;}
.questions-cont{background-color: #fff;padding: 20px 20px;border-top: 1px solid #ddd; display: none;}
.questions ul li h3::after {
    font-family: 'fontawesome';
    content: "\f054";
    float: right;
    color: #008080;
    font-size: 16px;
    line-height: 22px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #008080;
    position: absolute;
    right: 20px;
    top: 15px;
    }

    .questions ul li.active h3::after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);}
    .questions hr{border-top: 1px solid #eee;}

.frfood{min-height: 600px; display: flex; align-items: center;}
/* .cust-frfoodcont{background:url(../images/gift.png) no-repeat center bottom #f7ffeb;padding: 30px 30px;text-align: center;display: table;margin: 0 auto;box-shadow: 0 0 25px #ccc;border: 1px solid #ddd;} */
.cust-frfoodcont{background:url(/drimages/gift.png) no-repeat center bottom #f7ffeb;padding: 30px 30px;text-align: center;display: table;margin: 0 auto;box-shadow: 0 0 25px #ccc;border: 1px solid #ddd;}
.cust-frfoodcont h3{text-transform: capitalize;}
.cust-frfoodcont h3 span{font-size: 22px;text-transform: none;}
.cust-frfoodcont .btn{padding: 6px 12px;}
.cust-frfoodcont p{margin: 10px 0 10px;}
.cust-frfoodcont a{color: #3c763d; font-weight: 600; text-decoration: underline;}

.fundraiser .row{display: flex;}
.block-cnt{display: flex; align-items: center; margin: 0 0 40px;}
.cnt{text-align: left; direction: ltr; padding: 0 0 0 40px;}
.cust-gvgte-col{background: #e0e0e0; padding-bottom: 12px;}
.cust-gvgte-col h3{margin:40px 0 20px; text-align: center;}


.pay-details label{margin: 20px 0 5px;}
.bottom-block a{display: block; margin: 10px 0;}

.middlehight{min-height: 440px; }
.middlehight h3{text-transform: capitalize;}
.middlehight h6{font-weight: bold; font-size: 16px;}
.middlehight h6 span{color: #3c763d;}
.middlehight h5{font-weight: bold; font-size: 16px; text-transform: none; }
.middlehight h5 span{color: #3c763d;}
.dataTables_wrapper{min-width: 330px;margin: 0 0 40px; display: table; width: 100%;}
.dataTables_length, .dataTables_filter{display: none;}
.example th {
    border: 1px solid #ccc;
    color: #fff;
    background-color: #8bc53f;
    font-family: 'proxima_nova_ltsemibold';
    font-size: 16px;
}
.example tr a{color: #333; text-decoration: underline;}
.example tr:hover td {
    background-color: #bfbfbf  !important;
    color: #333;
}
.ordpel {
    display: block;
    border: 1px solid #ddd;
    margin: 3px 0px;
}
.pref_chbx {
    margin-top: 5px;
    width: 20px;
    height: 20px;
}
.rewrd-soci-lnks{float: right;margin: -20px 0 0;}
.rewrd-soci-lnks a{margin: 10px 0; display: inline-block;}

.about .row{display: flex; align-items: center;}
.about p{margin: 0 0 20px;}
/* .about-banner{background: url(../images/aboutus_banner.jpg) no-repeat top center; */
.about-banner{background: url(/drimages/aboutus_banner.jpg) no-repeat top center;
    background-size: cover;
    height: 280px;
    display: flex;
    width: 100%;
    align-items: center;}

.pr-0{padding-right:0 ;}

/* #dialogoverlay{display:none;opacity:0.6;position:fixed;top:0px;left:0px;background:#000006;background:url(../images/overlay.png) repeat;width:100%;height:100%;z-index:9999999999999} */
#dialogoverlay{display:none;opacity:0.6;position:fixed;top:0px;left:0px;background:#000006;background:url(/drimages/overlay.png) repeat;width:100%;height:100%;z-index:9999999999999}
#dialogbox{display:none;position:fixed;border-radius:12px;width:350px;z-index:999999999999999;box-shadow:0 10px 25px rgba(0,0,0,0.5)}
#dialogbox>div{background:#FFF;margin:2px;border-radius:25px}
#dialogbox>div>#dialogboxhead{background:#fff;font-family:'Open Sans',sans-serif;border-radius:10px 10px 0 0;text-align:right;font-size:20px;font-weight:bold;padding:5px 8px;color:#000}
#dialogbox>div>#dialogboxbody{background:#FFF;padding:20px;font-family:'Proxima Nova';text-align:center;font-size:18px;color:#000}
#dialogbox>div>#dialogboxfoot{background:#FFF;padding:10px 20px 10px 10px;text-align:right;border-radius:0 0 10px 10px}
#okbtn,#nobtn{border:0 none;width:68px;height:30px;border-radius:6px;text-transform:uppercase;font-family:'proxima_nova_ltsemibold';color:#fff;font-weight:700;line-height:30px;background:#8cc63f;cursor:pointer;transition:all 0.4s ease-in-out;text-align:center}
/* .loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999999;background:url(../images/ajax-loader.gif) 50% 50% no-repeat #f9f9f9} */
.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999999;background:url(/drimages/ajax-loader.gif) 50% 50% no-repeat #f9f9f9}
.cs-float{text-align:center;}
/*giftcard page*/
.gclrtyp{padding-bottom:2px!important;border-bottom:4px solid #8cc63f!important;}
.coloradd{background:#8cc63f;color:#fff;font-weight:600;border:1px solid #ddd;}
/*Order confirmation page*/
.card-cust{padding:10px;margin-bottom:30px;font-size:16px;box-shadow:rgb(0 0 0 / 20%) 0 0 15px;}
.cntctsuptlnk{color:#2baadf;word-wrap:break-word;text-decoration:underline;}
/*Order history details page*/
.deliTyp{display:none;}
.prom-rw{display:none;}
.slider{width:100%;}
.cus-mcbtn{margin: 0 auto !important; float:none;}
.btn-block2{float: right; padding: 0 15px;}
.cs-lnheght{line-height: 26px;}

/* order place popup css */
#mask{position:fixed;top:0;left:0;z-index:9000;opacity:.6;background-color:#000006;display:none}
.window{position:fixed;height:auto;display:none;border-radius:10px;z-index:99999;padding:20px 0}
#dialog{width:350px;text-align:center;height:auto;background-color:#fff}
.ord-pro-txt{color:#709a38;font-size:20px;margin-bottom:8px;font-weight:600;font-family:'Proxima Nova'}
.ord-sub-tst{font-size:16px;color:#333;margin-bottom:0;font-weight:600;font-family:'Proxima Nova'}
/* order place popup css */

ul.navbar-nav li{display: inline-block;}
.navbar-collapse{padding:0;position:absolute;width:100%;top:100%;background:#000}

@media(max-width:991px) {
 .right-section-main{width: 40%;}
 /* .left-section{width: 60%;} */
 .testimonials2 article{margin: 0 auto; float: none;display: inline-table;}
 .fundraiser .row{display: block;}

 .top-menu1{
    height: 100%;
    position: fixed;
    display: inline-block;
    float: none;
    background: #fdedce;
    width: 280px;
    padding: 0;
    right: -280px;
    top: 50px;
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
    overflow: auto;
}
.open header{}
.open .top-menu1{right:0;}
 ul.navbar-nav li{display: block;border-top: 1px solid rgb(140 198 63 / 21%);}
 .top-menu ul li .dropdown-menu{background-color: #fdedce; text-align: center; width: 96%;}
 .top-menu ul li.menu{display:inline-block;}
 
 #preHeader{padding: 0 10px;}
}
@media(max-width:767px) {
  #checkout-page .container{display: block; padding: 0;}
 .right-section-main{width: 100%; padding: 0; margin: 0 0 30px;}
 .right-section:after{display: none;}
 .left-section{width: 100%;}
 .block2 p{margin: 0 0 10px;}
 .item-dtls{overflow: auto;}
 .pr-0{padding-right:15px ;}
 
 .block-cnt{display: block; text-align: center;}
 .block-cnt img{margin: 0 0 30px;}
 .cnt{width: 100%; padding: 0;}

 .middlehight h6{float: none !important; text-align: center; }
 .middlehight h5{float: none;text-align: center;}
 .rewrd-soci-lnks{float: none; text-align: center;}
 
 .about .row{display: block; align-items: center;}
}
@media(max-width:599px) {
    .dinners article{width: 100%;min-height: 214px;}
    .dinners img {height: auto;}
    .dinners p{font-size: 14px;}
    .top-menu ul li a{padding: 13px 4px;}
    #introHome.bg-video, .video1{height: 320px;width: 100%;}
    #introHome .introContent {top: 20px;}
    #introHome .brand-logo img {max-height: 50px;}
    #introHome .brand-logo {margin: 0 auto 25px auto;}
    .banner-in{padding: 20px 10px;}
    #introHome h3{font-size: 20px;}
    #introHome h4, #introHome h5{font-size: 12px;}
    .text-fld, #introHome a.btn{width: 120px; padding: 5px 10px; font-size: 12px;margin: 10px 10px 0; vertical-align: middle;}
    #preHeader .pull-left, #preHeader .pull-right{float: none !important; margin: 0 auto; display: table;}
    .info-header{margin: 0 6px;}
    #articles-home .article-content{padding: 20px;}
    #articles-home .article-content h2 {font-size: 18px; line-height: 20px;}
    h2 { font-size: 20px;}
    h3 {font-size: 16px; }
    .tab-list{width: 100%; text-align: center; margin: 15px 0;float: none; display: inline-block;}
    .check-btn{margin: 0 auto; display: table; float: none !important; width: auto;}
    .back-btn{display: none;}
    .tab-list ul li a{padding: 6px 13px ;}
    #mainHeader {height: 160px;}
    #mainHeader a{width: 120px;}
    #mainHeader a img{width: 100%; height: auto;}
    .tabs{margin: 0 15px; padding: 0;}
    .pement-block tabs{margin: 0;}
    .tabs ul{display: block; margin: 0;  border: 1px solid #ddd; border-bottom: 0;}
    .tabs > ul > li {display: block; padding: 0; float: none;}
    .tabs > ul > li > a{margin:-1px 0 0; padding: 10px 15px; display: block;border: 0 !important; border-bottom: 1px solid #ccc !important;border-top: 1px solid #ccc !important;}

    /* .cards ul li{width: 50% !important; margin: 10px 0 ;} */ 
    .cards ul li{width: 100% !important; margin: 0px 0 ;} 
    .stepwizard-cont{width: calc(100% - 40px);}
    .giftcard-cost{margin: 0 6px 12px 0px;}
    .panel-title{font-size: 12px;}
    .cards ul li span{padding: 0 5px; font-size: 12px;}
    .stepwizard-cont .btn{font-size: 12px;}
    .left-section .pull-right {float: none !important; display:table; margin: 0 auto;}
    .left-section .pull-right a{display: table; margin: 0 auto;}
    .left-section .pull-right button{display: table; margin: 0 auto;}
    .item-name{padding: 20px 0 0;}
    .btn-clear, .btn-up{float: none !important;}
    /* .cart-page h2{margin: 0px 0 20px 0;} */
    .offer-block{font-size: 14px;}
    .offer-block{top: 80px;}

    h1.line-through:before, h2.line-through:before, h3.line-through:before, h4.line-through:before, h5.line-through:before,
    h1.line-through:after, h2.line-through:after, h3.line-through:after, h4.line-through:after, h5.line-through:after {
        display: none;
    }
    .log{height: auto;}
    .log-left{width: 100%;}
    .log-right{display: none;}

    .steps-nav ul li a{font-size: 14px;}

    .item-dtls table{width: 530px;}
    
    .btn-block2{float:none; width: 100%; text-align: center;}
    .btn-block2 .btn{margin: 10px 0 !important;}
    .cus-bgclr{width: 100% !important;}
}

@media(min-width:599px) {
    .how-it-works .steps .item img{width: 150px;}
    .cs-float{text-align:left;}
}
@media(max-width:575px) {
    .form-group1 .btn{width: 100%;}
}
@media(max-width:425px) {
	.giftcard-cost{margin: 0 2% 9px 0px; width: 47%;}
	.delArea{font-size:1.6rem}
}

@media(max-width: 992px) {
    .pull-right .button-submit-gifc-pre{display:none;}
}

.mat-lnht{font-family:'Proxima Nova';font-size: 16px;color:#666;line-height:26px;margin-bottom: 10px;}

.mat-lnht a {color: #666;}

 .modal_subscri .modal-header h2 {line-height: 25px; color: #666; margin: 0 15px 0 15px;}
.modal_subscri .modal-header h3{color: #666;}


#wrong_zip_popup_hom .zip-button, #advwrong_zip_popup_hom .zip-button { display: block;width: 100%;}

.pement-block .delivary_addre{margin:0px}			
ul .delivary .delivary_rasio{color: white !important;background: #8bc53f !important;text-align: center;}
/* ul .delivary .delivary_rasio:hover{color: white;background: #8bc53f;text-align: center;} */

.ordercancel p{font-size:16px;}
.cus-row {
    z-index: 1;
    background: #fff;
    position: fixed;
    padding: 15px 0px 0px 0px;
    margin: 0px;
    top: 52px;
}

.menuitem_block{
	margin-top:218px;
}


.menuitem_fsblock{
	margin-top:120px;
}
.orderplaced_block{
	position: fixed;
    z-index: 1;
    width: 100%;
    top: 50px;
    padding: 10px 0px 0px 0px;
    background: #fff;
}

.ordersum_block{margin-top: 180px;}
.placeOrder{width:200px;}

/* // on Image food item des */

.imageOntextImage{ position: relative;text-align: center;}
.imageOntext{color: black;position: absolute;top: 40%;left: 15%;font-family: 'Proxima Nova';font-size: 17px;font-weight:600;margin-bottom: 0;transform: translate(-10%, -50%);}
.imageOntext1{color: black;position: absolute;top: 40%;left: 5%;font-family: 'Proxima Nova';font-size: 17px;font-weight:600;margin-bottom: 0;transform: translate(-2%, -50%);}


/* @media (min-width: 374px){ .ordersum_block{margin-top: 176px;}} */

/* @media (min-width: 424px){ .menuitem_block { margin-top: 220px;}} */

@media (min-width: 767px){.pl0{padding-left:0px;} .menuitem_block { margin-top: 142px;} .menuitem_fsblock { margin-top: 80px;} .steps-nav {padding: 0 15px;} .ordersum_block{margin-top: 110px;}}

@media (min-width: 991px){#wrong_zip_popup_hom .zip-button, #advwrong_zip_popup_hom .zip-button {width: auto;margin: 0 0 0 10px;display: inline-block;} .cus-row { top:44px;} .orderplaced_block{ top: 44px; }.menuitem_block { margin-top: 96px;} .menuitem_fsblock { margin-top: 64px;}}

/* @media (min-width: 1200px){.menuitem_block { margin-top: 106px;}} */