body{ background: linear-gradient(to bottom, #b8e3f4, #7fcff2); color: #afafaf }
header{ background: #004a8f; padding: 1rem 0; text-align: left; position: relative;z-index: 5;}
.logo img{ width: 170px; }
.cmnmodal .modal-dialog{ width:100%; margin: 0; max-width: 100%;}
.cmnmodal .modal-header{ border: none; }
.cmnmodal .close{ opacity: 1; color: #fff; }
.cmnmodal .modal-content{ min-height:100vh; width: 100vw; border: 0; border-radius: 0; background: #1b1b1b; color: #fff;}
h2{ font-size: 21px; font-weight: 400; color: #ffffff; margin: 0; }
h3{ font-size: 21px; font-weight: 300; color: #1e86ff; }
h4{ font-size: 16px; font-weight: 400; margin: 0; }
p{ font-size: 13px; font-weight: 400; color: #afafaf; }
.cmnBtn{ font-size: 16px; font-weight: 600; color: #ffffff; padding: 15px; width: 220px; display: inline-block; border: 1px solid; border-radius: 5px; max-width: 100%;}
.cmnBtn:hover{ text-decoration: none; color: #fff; }
.blueBtn{ background: #1e86ff; border-color: #1e86ff; }
.transBtn{ background: transparent; border-color: #535353; color: #d8d8d8; }
.blackBtn{ background: #001920; border-color: #001920; color: #d8d8d8; font-size: 13px; padding: 12px 15px; margin-top: 16px;}
.categories_name{ position: relative; text-align: left; margin-bottom: 15px;}
.categories_name a{ display: block;position: relative;padding: 0 1rem 0 0;}
.categories_name a img{width: 100%;}
.categories_name h4{ position: absolute; bottom: 20px; left: 20px; color: #fff; }
.top_band a{ display: inline-block; }
.top_band a.logo{position: absolute;left: 50%;margin-left: -80px;}
.top_band a.back{position: absolute;left: 15px;top: 15px;}
.top_band a.back img{width: 22px;}
.top_band a.logo img{width: 160px;}
section{padding:0rem 0;}
#categories .categories_name a{padding:0;}
.top_banner{ position: relative; min-height: 150px;}
.top_banner .filter{ position: absolute; top: 20px; right: 20px; }
.top_banner .category_title{ position: absolute; left: 20px; bottom: 10px; }
.off_details_page .top_banner .category_title{ position: static; left: 0px; bottom: 0px; }
.top_banner .badge{ position: absolute; left: 0; top: -30px; padding: 5px 12px; border-radius: 25px; background: #e60057; font-size: 11px; font-weight: 600;}
.top_banner .backarrow{ position: absolute; top: 20px; left: 20px; }
.top_banner .backarrow a{color: #fff;font-size: 12px;font-weight: bold;}
.top_banner .backarrow img{ width: auto; }
.availtitle{ color: #004a8f; font-size: 12px; font-weight: 600; }
.offer_details{ padding: 5px 0; }
.offerbox{background-image: url('../resources/images/vector.png'); background-position: center; padding: 20px; border-radius: 15px; text-align: center; margin-bottom: 20px; min-height: 325px;padding-bottom: 1rem;position: relative;}
.cyanbg{ background-color: #95cedd; }
.purplebg{ background-color: #3c277b; color: #fff; }
.cfff{color: #fff;}
.c000{color: #000;}
.cyanbg{ background-color: #95cedd; }
#offer_list .row > div:nth-child(odd) > div h5{color: #002630;}
#offer_list .row > div:nth-child(odd) > div p{color: #00252f;}
#offer_list .row > div:nth-child(odd) > div .validity{border: 1px dashed #00252f;}

#offer_list .row > div > div{background-color: #fad4d1;}
#offer_list .row > div:nth-child(2n) > div{background-color: #d2d4fd;}
#offer_list .row > div:nth-child(3n) > div{background-color: #dcffdc;}
#offer_list .row > div:nth-child(4n) > div{background-color: #ffe7ff;}
#offer_list .row > div:nth-child(5n) > div{background-color: #b5fdf9;}
#offer_list .row > div:nth-child(even) > div h5{color: #002630;}
#offer_list .row > div:nth-child(even) > div p{color: #002630;}
#offer_list .row > div:nth-child(even) > div .validity{border: 1px dashed #00252f;}



#online_list .row > div:nth-child(odd) > div{background-color: #95cedd;}
#online_list .row > div:nth-child(odd) > div h5{color: #002630;}
#online_list .row > div:nth-child(odd) > div p{color: #00252f;}
#online_list .row > div:nth-child(odd) > div .validity{border: 1px dashed #00252f;}

#online_list .row > div:nth-child(even) > div{background-color: #3c277b;}
#online_list .row > div:nth-child(even) > div h5{color: #fff;}
#online_list .row > div:nth-child(even) > div p{color: #fff;}


#related_offers div.owl-item:nth-child(odd) .item > div{background-color: #95cedd;}
#related_offers div.owl-item .item > div h5{color: #002630;}
#related_offers div.owl-item .item > div p{color: #00252f;}
#related_offers div.owl-item:nth-child(odd) .item > div .validity,#related_offers div.owl-item:nth-child(even) .item > div .validity{border: 1px dashed #00252f;}

#related_offers div.owl-item:nth-child(even) .item > div{background-color: #3c277b;}
/* #related_offers div.owl-item:nth-child(even) .item > div h5{color: #fff;}
#related_offers div.owl-item:nth-child(even) .item > div p{color: #fff;} */

.validity.expiry{background:url(../resources/images/datepicker.png) no-repeat 10px center;padding-left: 35px !important;}
.validity.available_on{background:url(../resources/images/available.png) no-repeat 10px center;padding-left: 35px !important;}

#related_offers div.owl-item:nth-child(even) .item > div .validity.expiry{background:url(../resources/images/datepicker.png) no-repeat 10px center;padding-left: 35px !important;}
#related_offers div.owl-item:nth-child(even) .item > div .validity.available_on{background:url(../resources/images/available.png) no-repeat 10px center;padding-left: 35px !important;}

#online_list .row > div:nth-child(even) > div .validity.expiry{background:url(../resources/images/datepicker_w.png) no-repeat 10px center;padding-left: 35px !important;}
#online_list .row > div:nth-child(even) > div .validity.available_on{background:url(../resources/images/available_w.png) no-repeat 10px center;padding-left: 35px !important;}

#offer_list .row > div:nth-child(even) > div .validity.expiry{background:url(../resources/images/datepicker.png) no-repeat 10px center;padding-left: 35px !important;}
#offer_list .row > div:nth-child(even) > div .validity.available_on{background:url(../resources/images/available.png) no-repeat 10px center;padding-left: 35px !important;}


.cyanbg h5{color: #002630;}
.cyanbg p{color: #00252f;}
.purplebg h5, .purplebg p{color: #ffffff;}
.offerbox h5{ font-size: 15px; font-weight: 600; padding-bottom: 10px; }
.offerbox p{ font-size: 13px; font-weight: 400; }
.offerdiscount span{ font-size: 20px; font-weight: 400;}
.offerbox .validity{ font-size: 13px;border: 1px dashed #fff;padding: 5px 20px;display: block; border-radius: 5px; display: inline-block;}
.offerbox .validity span{ font-weight: 600; }
.offerbox .validity img{ padding-right: 8px; }
.cyanbg .validity{border: 1px dashed #00252f;}
.offerbox .blackBtn{position: absolute;bottom:1rem;left: 7.5%;width: 85%;}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked { position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; font-size: 13px; }
[type="checkbox"]:not(:checked) + label::before,
[type="checkbox"]:checked + label::before { content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; border: 2px solid #000; background: #333; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); }
[type="checkbox"]:not(:checked) + label::after,
[type="checkbox"]:checked + label::after { content: '\2713\0020'; position: absolute; top: 6px; left: 6px; font-size: 1.3em; line-height: 0.8; color: #fff; transition: all .2s; font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial; }
[type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1);  }
[type="checkbox"]:checked + label::before { border-color: #0c64cd; background: #0c64cd; }
[type="checkbox"]:checked:focus + label::before,
[type="checkbox"]:not(:checked):focus + label::before { border: 2px dotted blue; }
label:hover::before { border: 2px solid #4778d9!important; }
.top_banner img{ width: 100%; }
.category_title.shopname{ padding-left: 0px; }
.top_banner .category_title.shopname .badge{ top: 4px; }
.about_offer{ margin-bottom: 40px;}
.about_offer p.discount{ color: #333;font-size: 1rem; }
.discount span{ font-size: 26px; }
.about_offer .validity.expiry{ background: #fff; color: #ed1c24; font-size: 12px; padding: 8px 20px; border-radius: 5px 25px 25px 5px; display: inline-block;}
.about_offer .validity.expiry span{ font-weight: 600; }
.about_offer .validity.expiry img{ padding-right: 8px; }
.about_offer .validity.available{ background: #207dec; color: #fff; font-size: 12px; padding: 10px 20px; border-radius: 7px 25px 25px 7px; display: inline-block; }
.about_offer .validity.available span{ font-weight: 600; }
.about_offer .validity.available img{ padding-right: 8px; }
p.address{ font-size: 12px; color: #d9d9d9; line-height: 22px; }
p.address span{ font-weight: bold; display: block; }
.offer_details h2{ margin-bottom: 20px; color: #004a8f}
.blueborder{ border-color: #207dec; color: #207dec; }

.dialog{position:fixed;background:#0b9042;color:#fff;font-size:0.80rem;bottom:5%;left:5%;padding:12px 0px;width:90%;display:none;text-align:center;text-transform:capitalize;z-index:999999;border-radius:20px;font-weight:bold;font-family: 'Heebo', sans-serif;}
.form_element .error{background:red;padding:10px 15px 10px 10px;font-size:13px;color:#fff !important;  position:absolute;left:0px;top:-30px;border-radius:2px;text-align:left;font-family: 'Heebo', sans-serif;z-index:5;line-height: 1;}
.form_element .error:after{border-width:10px;border-color:red transparent transparent transparent;border-style:solid;content:'';position:absolute;bottom:-18px;left:15px;}
#alertBox{z-index:2000;}
.form_element{position:relative;}
#map{width: 100%;height:300px;}
.preloader{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9999;background:#fff url(../resources/images/preloader.gif) no-repeat center;}
#pincode_box{display: inline-block;}
.container{max-width: 960px;}
.top_banner{max-width: 960px;margin:0 auto;}
.branding{background: url(../resources/images/branding_bg.png) no-repeat;border-radius: 10px;background-size: cover;width: 325px;margin:0 auto 1rem auto;padding:1.5rem 1.25rem;max-width: 100%;}
#pincode_box{position: relative;}
#pincode_box #search_button{position: absolute;width: 50px;height: 100%;right: 0;top:0;}
#pincode_box input{text-align: left;padding-right: 50px;}
.off_details_page .top_banner{min-height: auto;margin:40px auto 10px auto;}
.about_offer .offerdiscount{color: #333;}
.about_offer .offerdiscount span{font-size: 20px;color: #004a8f;}

.back_arrow{ color: #333; display: block;    font-weight: 600;font-size: 14px; }
.back_arrow img{vertical-align: baseline;}
.brand_card{ display: flex; margin-bottom: 30px;  border-radius: 10px; background: #fff;}
.brand_card> div{ flex: 1; padding: 20px; text-align: center; border-radius: 10px; width: 50%; align-self: center;}
.brand_card .logo{ background: #fff;}
.brand_card .offer_detail::after{ content: ""; width: 20px;height: 20px; background: #1b1b1b; position: absolute; top:-10px; left: -10px; z-index: 1; border-radius: 50%;}
.brand_card .offer_detail::before{ content: ""; width: 20px;height: 20px; background: #1b1b1b; position: absolute; bottom:-10px; left: -10px; z-index: 1; border-radius: 50%;}
.brand_card .offer_detail{ background: #88c4e4; border-left: 1px dashed #97a5ac; position: relative; }
.brand_card .offer_detail p{ color: #00252f; font-size: 13px; font-weight: 600;}
.brand_card .offer_detail p span{ font-size: 22px; font-weight: bold;} 
.greybtn{ background: #001920; color: #fff; padding: 12px 20px; border-radius: 6px; display: inline-block; font-weight: 600;}


.online_off_box{text-align: center;padding:3.5rem 1rem 1.5rem 1rem;}
.online_off_box > div{margin-bottom: 1rem;}
header .city {
    color: #fff;
    line-height: 25px;
}
header .city:hover{cursor: pointer;text-decoration: underline;}

/*festivetreat css*/
.bodybg{ background:linear-gradient(to bottom, #b8e3f4, #7fcff2); min-height: 100vh;}
#store_name{color: #004a8f;font-weight: 600;}
.about_offer p{color: #333;}
#category_title_box h3{color: #004a8f;font-weight: 600}
#category_title_box p{color: #004a8f;}
.swipe_salider{margin-bottom: 20px;}
.swiperArrow{position: absolute;left: 0;top: 60%;transform: translateY(-50%);z-index: 1; width: 100%;}
.swiper-scrollbar-drag{background: rgb(119, 171, 218)}
#swip_cat{padding-top: 5px;z-index: 1;}
#onlinesh .swiper-slide{ background-color: transparent;min-width: 10%}
#onlinesh .swiper-slide a{ text-align: center; transition:all 0.5s ease; cursor:pointer;  display:block; text-decoration:none; color:#ffffff; height:85px}
#onlinesh .swiper-slide img{/*width: 100%;*/display: block; border-radius:12px;  -webkit-filter: brightness(100%);  -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;   -ms-transition: all 0.3s ease;    transition: all 0.3s ease;}
/*#onlinesh .swiper-slide img:hover{ -webkit-filter: brightness(50%);  }*/
/*#onlinesh .swiper-slide a.active img{ -webkit-filter: brightness(50%);  }*/
#onlinesh .swiper-slide a.active p{}
#onlinesh .swiper-slide a p{ font-size: 0.8rem; margin-bottom:0; line-height:15px; margin-top:0px; color:#ffffff; min-height:40px; padding:0px 5px; position:relative; bottom:42px;text-transform: capitalize;}
.top_banner{display: none;}
.dnyou{color: #333;font-size: 16px;font-weight: 600;}
.backto{color: #333;font-size: 12px;vertical-align: middle;font-weight: 600;margin: 10px 0;display: block;}
.backto:hover{text-decoration: none;}
.backto img {vertical-align: baseline;}
.stopscroll{height:100%;overflow:hidden}
.mhead{position:absolute}
.menu-ham{cursor: pointer;}
#mainNav div .hdfclogo{display:block;margin:0 auto}
.burger-menu{width:350px;height:100%;position:fixed;left:-350px;top:0;background-color:#fff;transition:all ease 1s;z-index:999}
.close-menu{float:right;min-height:30px;padding-right:18px;padding-top:23px;cursor:pointer}
.burger-menu ul{padding-left:0;margin-top:80px}
.burger-menu li{list-style:none;text-decoration-style:none;line-height:170%;padding:5px 0 5px 40px}
.burger-menu li a{text-decoration:none;text-transform:uppercase;font-size:16px;color:#292929}
.bluebtn{background: #004a8f;color: #fff;padding: 8px 20px;border-radius: 20px;margin: 0 auto;display: block;text-align: center;width: 150px;font-weight: 700;}
#nearby .modal-header{border-bottom: 0;z-index: 99999;}
#nearby .modal-body{padding: 30px 10px;}
#nearby .modal-content{border-radius: 20px}
#nearby .modal-dialog{top: 30%;width: 80%;margin: 0 auto;}
#nearby .modal-body h4{text-align: center;font-weight: 600;margin-bottom: 20px;font-size: 1.2rem;color: #212529;}
.locsearch{width: 220px;margin: 0 auto;}
.locsearch p{padding-bottom: 10px;}
.locsearch p img{padding-right: 5px;}
.locsearch p input{border: 0;border-bottom: 1px solid #1E86FF;width: 80%;}
.locsearch ul{list-style: none;padding-left: 0;margin-bottom: 30px;}
.locsearch ul li{background: url(../resources/images/mark.png) no-repeat;background-position: left;padding-left: 30px;margin-bottom: 5px;font-weight: 600;font-size: 16px;}
.locsearch .bluebtn{width: 100%; background: #1E86FF;}
.ui-front{z-index: 9999;}

#onlinesh .swiper-slide a > img{display: block;border-bottom: 5px solid transparent;margin:0 auto;}
#onlinesh .swiper-slide a.active > img{
border-bottom: 5px solid #d6252b !important;
display: block;
margin: 0 auto;
}

@media (min-width: 768px){
	.modal-header .close{margin-right: 0;}
	.brand_card .offer_detail p{ min-height: 66px; }
}
@media (max-width: 767px){
	.bodybg{ background:linear-gradient(to bottom, #b8e3f4, #7fcff2);  background-size: 100%;}
	.branding{width: 90%}
	.categories_name{ text-align: center; }
	.categories_name h4{ left: 30px; }
	.offerbox .blackBtn{position: static;}
	#pincode{width: 100%;}
	#use_location{padding: 18px 5%;font-size: 12px;width: 90%;}
	.about_offer{ margin: 0 auto 40px; width: 85%; }
}
@media (max-width: 650px){
	.offerbox{ min-height: auto; } 
	#category_list .row>div:nth-child(){ order: 4; }
}

@media (max-width: 580px){
	.offer_detail .greybtn{font-size: 12px;padding: 10px 10px;}
	header .city{ font-size: 12px; }
	.top_band a.logo{ margin-left: -90px; }
}