@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  margin-right: 5px;
  color: #fff;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
body{ font-family: 'Roboto Slab', sans-serif; background: #000;
font-size:14px; line-height:1.4;  }

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container{ width:100%; max-width:95%; padding:0 10px; display:block; }
.main_wrap{ padding:40px 0 40px 0; display: block; text-align: center;}
.wrap_bg{ position:relative; }

.main-wrapper{ position:relative;  }
.btn-fluid{ padding:60px 20px;  }
.btn-fluid a{ text-decoration:none; }
.main_wrap img{ width:48% }

.btn {
    width: 100%;
    display: inline-block;
    font-family: inherit;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    line-height: 25px;
    color: #fff;
    padding: 17px 25px 17px 25px;
    border: 0px;
    text-align: center;
    margin: 5px 0;
    border-radius: 10px;
    vertical-align: middle;
}

.btn-robin-egg-blue{ background:#ed7a05; }
/*.btn-dd-purble{ background: #006c22; color: #fff !important; padding: 10px 0 !important; font-size: 20px; text-align: center; display: flex; justify-content: center; }*/
.btn-orange{ background:#f0a320 }
.btn-blue{ background:#3699dd }
.btn-meganta{ background:#f94c72 }
.btn-fb{ background:#0571ea }
.btn-insta{ background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.btn-google{ background:#f45e51 }
.btn i{ float: left; vertical-align:middle;  }

footer{ padding:210px 0; position:relative; }
.red_chilli{ position:absolute; right:10px; bottom:10px; width:80px; }
.tomato{ position:absolute; left:10px; top:-10px; width:40px; }
address{ font-family:inherit; font-size:15px; color:#343538; text-align:center; }
address p{ padding-bottom:5px; color:#fff; }
address h2{ font-family: inherit; font-size: 18px; color: #0f57e1; text-transform: uppercase; font-weight: 500; text-decoration: underline; padding-bottom: 10px; letter-spacing: 1px;  }
address a{ color:#fff; text-decoration:none; }
address h3{ font-weight:600; font-size:21px; color:#fff; margin-bottom: 5px }
.social{ margin:10px 0; display:block; }
.social a{ display:inline-block; width:44px; height:44px;  } .social a img{ width:100%; }
.jdd{ background:url(../img/dd_icon.png) no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block; vertical-align: middle; margin-right:5px; }
.fmenu{ background:url(../img/kitchen_icon.png) no-repeat; width: 40px; height: 28px; background-size: 100%;  }
.face{ background:url(../img/facebook.png) no-repeat; width: 30px; height: 30px; background-size: 100%;}
.insta{ background:url(../img/instagram.png) no-repeat; width: 30px; height: 30px; background-size: 100%; }
.google{ background:url(../img/google.png) no-repeat; width: 28px; height: 28px; background-size: 100%; }
.copyright{ font-family:inherit; font-size:14px; color:#fff; text-align:center; display:block; padding:10px 0 }
.copyright a{ color:#ffd550; text-decoration:none; }

@media only screen and (max-width: 600px) {
	footer{ padding:40px 0 30px; }
	}
