.order_number
{
	display:inline-block;
	margin-right: 30px;

}
.fiveicons a {
    padding: 0px !important;
}

@media screen and (max-width: 767px)
{
	ul.nav.navbar-nav.pull-right.fiveicons {
    float: left !important;
    width: 100%;
    display: inline-flex;
    margin-bottom: 30px;
	}
}
/** =========== Order Tracking ========= **/

.clear {
	clear:both;
}

.content{
	width:60%;
	margin:3% auto 0 auto;
	height:460px;
	background-color:#F5F5F5;
}
.content1 {
	background-color:#98d091;
	text-align:center;
	padding:2em;
}
.content1 h2 {
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	margin:0;
	color:#fff;
}
.content2 {
	background-color:#b5e6ae;
}
.content2-header1 {
	float:left;
	width:27%;
	text-align:center;
	padding:1.5em;
}
.content2-header1 p {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:700;
	color:#4E7D48;
	margin:0;
}
.content2-header1 span {
	font-size:14px;
	font-weight:400;
}
.shipment {
	width:100%;
	margin-top:4%;
}
span.line {
    width: 123px;
    background-color:#fff;
    display: block;
    position: absolute;
    top: 35%;
    left: 37%;
    border-right: 1px solid #f69b9e;
    border-left: 1px solid #f69b9e;
}
.confirm{
	text-align:center;
	width:23%;
	position:relative;
	float:left;
	margin-left:5%;
}
.order_process_sucess {
	background-color: #fff !important;
    border: 2px solid #98d091 !important;
}
.confirm span.line, .process span.line {
	    background-color: #fff;
    border: 1px solid #a0d39a;
    
}
.confirm span.red-line, .process span.red-line {
        background-color: #fff;
    border-top: 1px solid #f69b9e !important;
    border-bottom: 1px solid #f69b9e !important;
}
/*@media screen and (max-width:414px)
{
	.confirm span.line, .process span.line {
    background-color: #fff;
    border-right: 1px solid #a0d39a !important;
    border-left: 1px solid #a0d39a !important;
}
.confirm span.line, .process span.line {
    background-color: #fff;
    border-top: 0px solid #a0d39a !important;
    border-bottom: 0px solid #a0d39a !important;
}
span.line {
    border-right: 1px solid #f69b9e !important;
    border-left: 1px solid #f69b9e !important;
    border-top: 0px solid #f69b9e !important;
    border-bottom: 0px solid #f69b9e !important;
}
span.line {
    width: 6px !important;
    left: 47.5% !important;
    height: 36px !important;
    top: 127% !important;
}
}
@media screen and (min-width:385px )
{
	.confirm span.line, .process span.line {
    background-color: #fff;
    border-top: 1px solid #a0d39a;
    border-bottom: 1px solid #a0d39a;
}
.confirm span.line, .process span.line {
    background-color: #fff;
    border-right: 0px solid #a0d39a;
    border-left: 0px solid #a0d39a;
}
span.line {
    
    border-right: 0px solid #f69b9e;
    border-left: 0px solid #f69b9e;
    border-top: 1px solid #f69b9e;
    border-bottom: 1px solid #f69b9e;
}
}
*/

.content3 p {
	margin-left:-50%;
	font-size:15px;
	font-weight:600;
} 
.imgcircle {
	height:75px;
	width:75px;
	border-radius:50%;
	background-color:#fff;
	position:relative;
	border: 2px solid #f69b9e;
}
.imgcircle img {
	height:30px;
	position:absolute;
	top: 28%;
	left: 25%;
}
.process{
	position:relative;
	width:23%;
	text-align:center;
	float:left;
}
.quality {
	position:relative;
	width:23%;
	text-align:center;
	float:left;
}
.dispatch{
	position:relative;
	width:23%;
	text-align:center;
	float:left;
}
.delivery{
	position:relative;
	width:23%;
	text-align:center;
	float:left;
	margin-right:-9%;
}



/*---- responsive-design -----*/
/*
@media(max-width:1920px){
	span.line {
	 width: 77px;
    left: 51%
	}
	.shipment{
		margin-top:4%;
	}
.content3 p{
margin-left:-65%;
}
}

@media(max-width:1680px){
	.content3 p {
    margin-left: -60%;
    margin-top: 12px;
}
span.line {
        width: 77px;
    left: 51%
}
}

@media(max-width:1600px){
span.line {
           width: 77px;
    left: 51%
}
}

@media(max-width:1440px){
.content3 p {
    margin-left: -53%;
    margin-top: 12px;
}
span.line {
    width: 99px;
    left: 43%;
}
}

@media (max-width: 1366px){
span.line {
    width: 90px;
    left: 45%;
}
.shipment {
    margin-top: 4%;
}
}

@media (max-width: 1280px){
span.line {
       width: 55px;
    left: 57%;
    top: 33%;
}
}

@media (max-width: 1080px){
.content {
width: 75%;
}
span.line {
    width: 88px;
left: 46%;
}
}

@media (max-width: 1050px){
span.line {
          width: 46px;
    left: 61%;
}
}

@media (max-width: 1024px){
	.content{
		width:77%;
	}
	.content3 p {
		font-size:14px;
		 margin-top: 12px;
	}
}

@media (max-width: 991px){
	.content {
    width: 80%;
}
span.line {
    width: 84px;
    left: 47%;
}
}

@media (max-width: 900px){
.content {
    width: 85%;
}
span.line {
         width: 57px;
    left: 56%;
}
}

@media (max-width: 800px){
.content {
    width: 95%;
}
.content2-header1 p {
	margin: 0 0 0 -7%;
}
}

@media (max-width: 768px){
.content2-header1 {
	width: 25%;
}
.content2-header1 p {
    margin: 0 -19% 0 -10%;
}
span.line {
    width: 72px;
    left: 51%;
}
}

@media (max-width: 736px){
	span.line {
   width: 47px;
    left: 61%;
}
}

@media (max-width: 667px){
	.content2-header1 p {
	font-size:14px;
	}
	.content2-header1 span {
    font-size: 13px;
}
.shipment {
    margin-top: 4%;
}
.content3 p {
    font-size: 12px;
	margin-left: -35%;
	 margin-top: 12px;
}
.confirm{
	margin-left:4%;
}
span.line {
    width: 24px;
    left: 74%;
}
}

@media (max-width: 600px){
	.content1 {
		padding:1.2em;
	}
.content2-header1 p {
    font-size: 13px;
}
.content2-header1 span {
    font-size: 12px;
}
.content2-header1 {
    width: 24%;
}
.imgcircle {
    height: 65px;
    width: 65px;
}
.imgcircle img{
	top: 26%;
    left: 27%;
}
.content3 p {
	margin-left: -38%;
	font-size:11px;
	 margin-top: 12px;
}
.content {
	height: 395px;
}
span.line {
        width: 31px;
    left: 67%;
}
}

@media (max-width: 568px){
	.content{
		height:380px;
	}
	.content1{
	padding: 1em;
}
span.line {
   width: 20px;
    left: 69%;

}
.content2-header1 {
    width: 23%;
}
.imgcircle {
    height: 50px;
    width: 50px;
}
.imgcircle img {
    height: 25px;
    top: 27%;
    left: 25%;
}
.content3 p {
    font-size: 10px;
    margin-left: -46%;
     margin-top: 12px;
}
.confirm {
    margin-left: 5%;
}
}

@media (max-width: 414px){
	
	.content {
    width: 93%;
	height:885px;
	margin-top:9%;
}
	.content1 h2 {
	font-size:22px;
}
	.content2-header1 {
	padding:0.7em;
    width: 80%;
	margin-left: 3%;
}
	.content2-header1 p {
    font-size: 19px;
}
	.content2-header1 span {
    font-size: 16px;
}
	.confirm {
	width:100%;
}
	.process {
	width:100%;
	margin: 22% 0 0 5%;
}
	.quality{
	width:100%;
	margin: 22% 0 0 5%;
}
	.dispatch{
	width:100%;
	margin: 22% 0 0 5%;
}
	.delivery{
	width:100%;
	margin: 22% 0 0 5%;
}
	.imgcircle {
    height: 70px;
    width: 70px;
	margin-left: 35%;
}
	.imgcircle img {
    height: 30px;
    top: 27%;
    left: 28%;
}
	span.line {
    width: 6px;
    left: 43.5%;
    height: 58px;
	top:152%;
}
	.content3 p {
    font-size: 15px;
    margin: -12% 0 0 -72%;
     margin-top: 12px;
}
	.shipment {
    margin-left: 16%;
}

}

@media (max-width: 384px){
	
	.content1 h2 {
    font-size: 21px;
}
	.content3 p {
    margin: -13% 0 0 -74%;
}
	.shipment {
    margin-top: 4%;
}
	span.line {
	top: 111%;
    left: 48%;
    height: 52px;
}
	.content {
    height: 845px;
}
	
}

@media (max-width: 375px){
	.content {
    height: 840px;
}
	.content1 h2 {
    font-size: 20px;
}
	span.line {
    top: 149%;
    left: 44.5%;
    height: 51px;
}
	.shipment {
    margin-left: 17%;
}
}

@media (max-width: 320px){
	
	.content{
	margin-top: 10%;
}
	.content1 {
    padding: 1em;
}
	.header h1{
	font-size:31px;
}
	.content {
    height: 830px;
}
	.content1 h2 {
    font-size: 17px;
}
	.content2-header1 span {
    font-size: 15px;
}
	.content3 p {
    margin: -16% 0 0 -79%;
}
	.shipment {
    margin-left: 19%;
}
	span.line {
    top: 115%;
    left: 46%;
}

}*/

.content3
{
	width: 100%;
	display: inline-block;
}
/** =========== ! Order Tracking ========= **/

/** CUstomer Name and Add **/
.customer_add_name
{
	
	border-top:0px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding: 20px 0px;
}
.grand_total_color
{
	color: #f69b9e;
}
.border_bottom_orders
{
	border-bottom: 1px solid #e6e6e6;
}
.order_deatils.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
	border:0px !important;
	padding: 6px !important;
}
.delvered_class
{
	/*color: #03c010;*/
	font-weight: 700;
	margin-right:20px;
	display: block;
	margin-bottom: 10px;
}
.delvered_class_div
{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
}
.delivery_boy_div
{
	
	
}
.payment_method_div
{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
}
.delivery_boy
{
	font-weight: 600;
	margin-right:20px;
	display: block;
	margin-bottom: 10px
}
.items_count_heading
{
	    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    padding-left: 15px !important;
    padding-top: 7px;
}
.product_img
{
	border: 1px solid #e6e6e6;
    padding: 8px 7px;
    vertical-align: baseline;
    margin-right: 15px;
    border-radius: 4px;
    background: #f8f8f8;
}
.delvrd_icon{
	display: inline;
    background: rgb(248, 203, 0);
    color: #fff;
    padding: 9px 20px;
    border-radius: 4px;
}
.Rounded_Rectangle_3_copy_6_delvrd_icon { border-radius: 8px; background-color: rgb(248, 203, 0); position: absolute; left: 130px; top: 630px; width: 147px; height: 41px; z-index: 22; }

.product_details
{
	display: inline-block;
}
p.item_qty {
    font-size: 13px;
    padding: 5px;
}
h4.product_title {
    display: inline-block;
}
.item_counts_number
{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 5px;
	padding-top: 10px;
}
.item_counts_number:last-child{
	border-bottom: 0px;
}
.padding_left_34px
{
	padding-left: 34px;
}
.td_text_right_rates{
	text-align: right;
}
.order_deatils.table .td_text_right_rates{
	text-align: right;
	font-size: 15px;
}
.order_deatils.table>tbody>tr>td
{
	text-align: left;
	padding-left: 0px !important;
}
/** CUstomer Name and Add **/

/** ============== SHOPPING PREFERENCES =============== **/
.button_add_pref {
    background-image: linear-gradient(#fba861, #fe5185);

    border: none;
    color: white;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    font-size: 25px;
    font-weight: 700;
    height: 41px;
    padding-right: 10px;
    padding-left: 10px;
    float: right;
    border:1px solid #d4d4d4;
	transition:box-shadow ease-in-out 0.35s;
    
}
.button_add_pref:hover{box-shadow: 3px 2px #88888847;}
.button_add_pref:hover{
	color: #fff;
}
.button_add_pref:focus{
	color: #fff;
}
.items_grid div p
{
	font-weight: 700;
}

.col-md-12.items_grid {
    margin-top: 42px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 23px;
    margin-bottom: 20px;
}


/*** paging ******* **/
	/** Checkboxwes **/
/*Check box*/
.shopping_preferecensss input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

.shopping_preferecensss input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #e94f19;
	animation: effect 250ms ease-in;
}

.shopping_preferecensss input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

.shopping_preferecensss input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}
@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}
.shopping_preferecensss input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
}
.shopping_preferecensss .form-check {
    text-align: right;
    position: absolute;
    right: 20px;
}
.shopping_preferecensss span.label-text
{
	font-size: 25px;
	cursor: pointer;
}
/** ! Checkboxwes **/
/** fast select **/
.shopping_preferecensss .fstElement
{
	width: 100% !important;
	    font-size: 10px !important;
}
.shopping_preferecensss .fstMultipleMode .fstControls
{
	width: 100% !important;
	font-size: 10px !important;

}
.shopping_preferecensss .fstChoiceItem {
    display: inline-block;
    font-size: 1.2em;
    position: relative;
    margin: 0 0.41667em 0.41667em 0;
    padding: 0.33333em 0.33333em 0.33333em 1.5em;
    float: left;
    border-radius: 0.25em;
    border: 1px solid #fdeaea !important;
    cursor: auto;
    color: #000;
    background-color: #fdeaea !important;
    -webkit-animation: fstAnimationEnter 0.2s;
    -moz-animation: fstAnimationEnter 0.2s;
    animation: fstAnimationEnter 0.2s;
}
.shopping_preferecensss .fstChoiceRemove {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    font-size: 1.16667em;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.28571em;
    line-height: 1.28571em;
    margin-top: -0.64286em;
    text-align: center;
    color: #000 !important;
}
.shopping_preferecensss .fstResultItem.fstSelected {
    color: #000;
    background-color: #fdeaea;
    border-color: #fdeaea;
}

.shopping_preferecensss .fstResultItem.fstFocused {
    color: #000;
    background-color: #e2c9c9;
    border-color: #fdeaea;
}
.fstChoiceItem
{
	color: #000 !important;
}
.sp_img_div {
    max-width: 160px;
    min-width: 161px;
    max-height: 111px;
    min-height: 111px;
	margin-top: 15px;
}
.sp_main_div{
	padding: 5px;
    border: 1px solid #f6f6f6;
    border-radius: 10px;
	box-shadow: 1px 1px 1px 1px #1f1f1f1f;
	min-height: 198px;
    max-height: 198px;
    margin-bottom: 10px;
}
.absolute_links{
	position: absolute;
    right: 140px;
	z-index:1;
    /* border: 1px solid #ede6e6; */
}
.resp_img{
	position:relative;
}
/*.resp_img:after {
    position: absolute;
    content: '';
    left: auto;
    top: auto;
    right: 14.04%;
    height: 350px;
    width: 515px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 1%, rgba(132, 129, 129, 0.4196078431372549));
    -webkit-background: linear-gradient(180deg, rgb(255, 255, 255) 1%, rgba(132, 129, 129, 0.4196078431372549));
    -moz-background: linear-gradient(180deg, rgb(255, 255, 255) 1%, rgba(132, 129, 129, 0.4196078431372549));
    bottom: 0;
    z-index: 0;
}*/

.absolute_links div.quick_links_head{
	background: #da002ae8;
    color: #fff;
	border-radius: 5px 5px 0px 0px;
}
.absolute_links div.quick_links_head > span{
	margin-left: 7px;
}
.absolute_links div{
	padding: 10px 20px 7px 5px;
    border-bottom: 1px solid #e5371ea6;
    text-align: left;
    width: 180px;
}
.absolute_links div > a{
	color: #1f1f1f;
    font-weight: 400;
    cursor: pointer;
    font-size: 13px;
}
.absolute_links div > a:hover{
	color: #ea1241;
    font-weight: 400;
}
/** fast select **/
/** ============== ! SHOPPING PREFERENCES =============== **/
/*****************edited by praggya*********/
.blog_details_page.recipe .recent_blog_list ul > li > div.recent_img > img {
    width: 100%;
    min-height: 110px;
    max-height: 110px;
}

.blog_details_page.recipe .recent_blog_list ul > li > div.recent_img {
    width: 20%;
  
    min-height: 110px;
    max-height: 110px;
   
}.blog_details_page.recipe .recent_blog_list ul > li > .recent_text {
    width: 79%;
  
    padding: 11px 50px;
}.blog_details_page.recipe .recent_blog_list ul > li > .recent_text > h4 {
    font-size: 20px;
	    font-weight: 500;
    font-family: AvenirNextLTPro-Medium;
       margin-bottom: 0px;
 
    }
	.blog_details_page.recipe .recent_blog_list ul > li > .recent_text > span {

    margin-top: 13px;
    display: inline-block;
}
.blog_details_page.recipe .recent_blog_list ul > li {
    padding: 18px 0px;}
	.blog_details_page.recipe .recent_blog_head h4 {

    font-size: 21px;
    font-family: 'AvenirNextLTPro-Medium';
    font-weight: 500;
    text-transform: capitalize;
}
.blog_details_page.recipe a#toggle {
    float: right;
    font-weight: 600;
    color: #e11922;
    font-size: 15px;
    font-family: AvenirNextLTPro-Demi;
	cursor: pointer;
}
.blog_details_page.recipe .select_blog_head h3 {
  
        font-size: 24px;
    font-family: AvenirNextLTPro-Demi;
}

.blog_details_page.recipe.recipe_detail .recent_blog_head h4 {
    margin-top: 0px;
    text-align: left;
    font-size: 21px;
    font-family: 'AvenirNextLTPro-Medium';
    font-weight: 600;
}
.blog_details_page.recipe.recipe_detail div.select_list > ol > li {
  

   font-weight: 500; 

}



/*-- --*/

.best_seller_name{
    position: relative;
}
.non_veg{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.actual_net_weight{
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular';
    color: #1f1f1f;
}
.country_flag{
    width: 10%;
}
.country_flag img{
    width: 100%;
}



/*--popover--*/

.wrapper{
  position: absolute;
  left: 50%;
  top:50%;
  transform:translate(-50%,-50%);
  display: flex;
  flex-flow: wrap;
  max-width: 400px;
}
.anim img{
    width: 35px !important;
}
.anim img.offer{
    width: 50px !important;
    height: 50px;
    position: absolute;
    top: -10px;
    left: -10px;
}
.spl_discount3{
    position: absolute;
    top: 0;
}


.anim {
  position: relative;
    text-align: center;
}
.anim:hover .popover{
  visibility:visible;
}



.popover {
  background-color: rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    color: #fff;
    display: block;
    font-size: 12px;
    visibility: hidden;
    font-family: cursive;
    /* transform: translate(-50%); */
    position: absolute;
    width: 182px;
    height: 150px;
    padding: 15px;
    left: 100%;
    top: 0;
    /* bottom: 123%; */
    margin-bottom: 20px;
    margin-left: 25px;
    z-index: 217;
    /* top: 0; */
}

/*
.popover:before {
    border-top: 25px solid rgb(54, 157, 242);
    border-right: 25px solid transparent;
    border-left: 0 solid transparent;
    bottom: -20px;
    content: "";
    display: block;
    left: 15%;
    margin-left: -7px;
    position: absolute;
} */

  /* #for better cross-browser compatibility use this

  -moz-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  -ms-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  */

.anim:hover .popover {
  display: block;
  -webkit-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}



@-webkit-keyframes fade-in    {from   { opacity: 0;   } to { opacity: 1;   } }
@-webkit-keyframes move-up    {from   { bottom: 25px; } to { bottom: 35px; } }

 .popover_offer p {
    color: #1f1f1f;
    font-size: 15px;
    font-family: 'AvenirNextLTPro-Demi';
    font-weight: 500;
    line-height: 1.1;
    margin-top: 10px;
}





.pdng{
	padding: 10px 10px;
	width:100%;
	color: #999;
	border: 1px solid #D7D7D7;
}
.content111{
    margin-top: 10px;
}




.best_seller_img {
    position: relative;
}

.non_veg img {
    max-width: 15px;
    max-height: 15px;
    min-width: 15px;
    min-height: 15px;
}

span.veg_nonveg img{
    vertical-align: baseline;
}

/*Food NON-food ITEM*/
div.food{
	position: absolute;
    bottom: 0;
    width: max-content;
	left:0;
	display: flex;
}
div.food > img{
	max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px;
}
.pac-container.pac-logo{
	z-index:99999 !important;
}