@import url('https://fonts.googleapis.com/css?family=Cabin|Cuprum|Josefin+Sans|Lato|Montserrat|Open+Sans|PT+Sans|Raleway|Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Montserrat:800');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush|Covered+By+Your+Grace|Gloria+Hallelujah');



/*header*/

#topInfoTemp{ background-color:#880f0f; font-family:Source Sans Pro; padding:1% 0%; color:#fff;   }

.topinfoDiv i { font-size: 1em; width:20px; height:20px;  text-align:center; padding-right:5px;    }
.allinconsTopInfo div { float:left; padding:0% 1%;  }
.socacialMediaTopIconG div{ float:right;  }
.clearTopIconFloat{ clear:both; } 
.topinfoDiv{ padding-right:1%;  }
.socialMediaIconTop{ margin-top:-5px; }
.socialMediaIconTop i { border-radius:50%; border:2px solid #FFF; padding:5px ;  width:28px; height:28px;     }
.socacialMediaTopIconG{ margin-left:100px; }

/*header*/

/*navgationBar*/

.logoTopNavBar img{ height:100px; width:auto; }
.navigationBarTop{  height:110px; font-family:Montserrat; font-weight:600;   font-size:1.2em; letter-spacing:0.05em;     }
.navigationBarTop a{ color:#000; }
.navigationUl{ margin-top:3.8%; }

/*home page slider*/


.sliderImages{ background-position:center; height:500px; position:relative; background-size:cover;    }
.sliderImages::after{ background-color:rgba(0,0,0,0.2); position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:"";   }
.sliderFirst{ background-image:url(../image/slider/1.jpeg);  }
.sliderSecond{ background-image:url(../image/slider/2.jpeg); }
.sliderThree{ background-image:url(../image/slider/3.jpeg); }
.sliderFour{ background-image:url(../image/slider/4.jpeg); }
.sliderFive{ background-image:url(../image/slider/5.jpeg); }
#homeSlider{ position:relative; }
#sliderSearch{ position: absolute; z-index:9; top:35%;  text-align:center; left:0%; right:0%;      }
.sliderTextOne{ font-size:1.7em; color:#FFF; text-transform:uppercase;  font-family:Montserrat; font-weight:bold;   }
.sliderTextTwo{font-size:4.5em; color:#FFF; text-transform:uppercase; font-family:Montserrat; font-weight:800;    }
.iconLocation{ float:left; width:10%;   }
.textLocation{ float:left; width:65%;   }
.iconLocation i { font-size:2em; padding:15px 20px;  }
.textLocation input[type="text"]{ width:100%; border:none;   padding:15px; font-size:1.6em; font-family:Montserrat; outline: none;     }
.buttonLoc{ float:right; width:25%;   }
.buttonLoc button{  background-color:#880F0F;  border:none; font-family:Montserrat; color:#FFF; padding:11px 18px; outline: none;    }
.clearLocButton{ clear:both; }
.searchDiv{ background-color:#FFF; border-radius:2px;  }
/*homeslider*/

/*download App*/
#downloadAppDiv{ background-color:#000; padding:2% 0%; font-family:Montserrat; color:#FFF;   background-image:url(../image/bg/1.png); background-size:45%; background-repeat:no-repeat; background-position:70px 210px;       }
.headingAppdownload{  font-size:2em; font-weight:bold; text-align:center;      }
.downloadAppTextOnly{ text-align:center; font-size:4em; font-weight:bold;  }
.otherAppDownloadText{ font-size:1.4em; color:#FFF; margin-top:5%;  }
.otherAppDownloadTextOther{ font-size:1.2em; margin-top:4%; margin-bottom:4%; color:#666;   }
.otherAppDownloadTextThree{ font-size:1.5em; margin-top:4%;  }
.appImageHome{ padding:15% 0% 0% 0%; }
.rowDownloadMargin{ margin:4% 0%; }
.marginBottomFour{ margin-bottom:5%; }
.donwloadAppImage{ margin-top:2%;   }
.donwloadAppImage span img{ width:150px; height:auto; margin-right:1%;  }
/*download app */

/*howtoOrder*/
#makeOrderDiv{ background-image:url(../image/orderProcess/food.png); position:relative; padding:4% 0%; background-size:50%; background-position:center;    }
#makeOrderDiv::after{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:""; 
background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.9), #000 ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.9), #000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.9), #000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.9), #000); /* Standard syntax */
}
.makeOrderDivItem{ padding:5%; }
.foodProcessHeading{ color:#FFF; font-size:2.2em; font-family:Covered By Your Grace; position:relative; z-index:9; text-shadow:0px 2px 0px #000;   }
.foodProcessHeadingText{ color:#FFF; font-size:1.2em; font-family: Open Sans; position:relative; z-index:9;   }
.imgProcessImage{ position:relative; z-index:9; }
.makeOrderMainHeading{ font-family:Gloria Hallelujah; position:relative; z-index:9; color:#FFF; text-align:center; font-size:4em; text-shadow:0px 5px 0px #000;  margin-bottom:3%;   }

/*howtoOrder*/

/*testimonials*/

#homeTestmonials{ margin-top:5%; margin-bottom:5%; }
.headingTestSec{ font-family:Montserrat; font-weight:800; font-size:3em; }
.lineTestSec{ font-family:Montserrat; font-size:1.2em; color: #888686; }
.testimonialsComm{ font-size:3em; }
.leftquote{ text-align:left; color:#CCC;  }
.rightQuote{ text-align:right; color:#CCC;  }
.testMessage{ font-family:Open Sans; font-size:1.5em; height:120px; overflow:hidden;  }
.testimonialsCarousel{ top:90%; padding:5% 0%;  }
.testimonialsCarousel li{ border:1px solid #ccc; }
.testimonialsCarousel .active{ background:#ccc; }
.clientLogoDiv{ padding:0.5%; }
.logoClientMain{ border:1px solid #ccc;    padding:2% 10%;   }
.logoDiv{ padding:3% 0%; }
.logoDiv img{ height:80px; width:auto; }
#clientLogoDivMain{ margin-top:8%; position:relative;  }
#clientLogoDivMain::after{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:""; 

background: rgba(255,255,255,0); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0), #FFF ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0), #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0), #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0), #FFF); /* Standard syntax */

}
.viewAllStoreLink{ text-align:center; font-family:Montserrat; font-size:1.2em; margin-top:1%;    }
.viewAllStoreLink a{ color:#000; }
.viewAllStoreLink i{ font-size:0.8em; }
/*testimonials*/


/*orderfoodByPhone*/

#orderPhoneMain{ background-image:url(../image/otherImages/orderPhoneBg.jpg); margin-top:4%; padding:10% 0%; position:relative; background-size:cover;   }
#orderPhoneMain::after{ background-color:rgba(0,0,0,0.3); top:0px; right:0px; left:0px; bottom:0px; content:" "; position:absolute;  }
.headingPhoneOrder{ text-align:right; font-family:Montserrat; font-size:3em; font-weight:bold; color:#FFF; position:relative; z-index:9; text-shadow:0px 3px 0px #000;      }
.orderPhoneNumber i{ padding-top:1%; font-size:0.8em;  }
.orderPhoneNumber{ text-align:right; font-family:Montserrat; font-size:3em; color:#FFF; position:relative; z-index:9; text-shadow:0px 3px 0px #000;   }
.orderPhoneCondition{ text-align:right; font-family:Montserrat; font-size:1.5em; color:#FFF; position:relative; z-index:9; text-shadow:0px 3px 0px #000;   }


/*footer*/
#footerMain{ padding:4% 0%; font-family:Montserrat;  }
.footerLinkHeading{ font-weight:bold; font-size:1.4em; margin-bottom:2%;    }
.footerDivData{ font-size:1em; color:#666; line-height:1.8em;  }
#footerCopyLogo{ text-align:center; }
#footerCopyLogo{ font-family:Montserrat; }
.footerLogo img{ height:120px; margin-bottom:2%;  width:auto; }
.resLineYear{ font-weight:bold; font-size:1.1em; margin-bottom:2%;  }
.partnerLine{ font-size:0.9em; }
.meNameCoder{ margin-bottom:1%; font-weight:bold;  }

@media screen and (max-width:768px){

.hiddenMobile{ display:none; }
.sliderTextTwo{font-size:2.5em; color:#FFF; text-transform:uppercase; font-family:Montserrat; font-weight:800; margin-bottom:5%;     }
.sliderTextOne{ font-size:1.2em; color:#FFF; text-transform:uppercase;  font-family:Montserrat; font-weight:bold;   }
.sliderImages{ background-position:center; height:650px; position:relative;   }
.buttonLoc{ float: none; width:100%;    }
.buttonLoc button{  background-color:#880F0F; width:100%; font-size:1.2em;   border:none; font-family:Montserrat; color:#FFF; padding:20px; outline: none;    }
.textLocation{ float:left; width:80%;   }
.textLocation input[type="text"]{ width:100%; border:none;   padding:18px; font-size:1.2em; font-family:Montserrat; outline: none;     }
#sliderSearch{ position: absolute; z-index:9; top:20%;  text-align:center; left:0%; right:0%;      }
.foodProcessHeading{ color:#FFF; font-size:2.2em; margin-top:20%;  font-family:Covered By Your Grace; position:relative; z-index:9; text-shadow:0px 2px 0px #000;   }
.orderPhoneNumber i{ padding-top:1%; font-size:0.6em;  }
.orderPhoneNumber{ text-align:right; font-family:Montserrat; font-size:2em; color:#FFF; position:relative; z-index:9; text-shadow:0px 1px 0px #000;   }
.orderPhoneCondition{ text-align:right; font-family:Montserrat; font-size:1.2em; color:#FFF; position:relative; z-index:9; text-shadow:0px 1px 0px #000;   }
#orderPhoneMain{ background-image:url(../image/otherImages/orderPhoneBg.jpg); margin-top:4%; padding:20% 0%; position:relative; background-size:cover;   }
.footerDivData{ font-size:1em; color:#666; line-height:1.8em; height:2em;     }
.footerLinkHeading{ font-weight:bold; font-size:1.4em; margin-bottom:5%; margin-top:10%;     }
#clientLogoDivMain{ padding:2%;  }
#makeOrderDiv{ background-size:cover; }	
.topNavToggle{ background-color:#efefef; margin-top:10%;  }
.topNavToggle .icon-bar{ background-color:#000; }
#myNavbar{ position: relative; z-index:99; top:50px; background-color:#FFF; left:-18px; right:0px; bottom:0px; width:130%;     }
.navigationUl>li>a{ line-height:30px; border-top:#efefef dashed 2px; padding-left:5%;    }
}