:root {
  --header-background-color: #fffdfd;
  --background-color: #ffffff;
  --header-font-size: 13px;
}

* {
  box-sizing: border-box
}

ul, p, ol {
  padding: 0;
  margin: 0;
}



@font-face {
  font-family: avenir-medium;
  src: url(../Avenir-Medium.ttf);
}

@font-face {
  font-family: holachef;
  src: url(../holachef.ttf);
}

body {
  font-family: avenir-medium;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1240px;
  overflow-x: hidden;
  background: var(--background-color);
}

header {
  background: var(--header-background-color);
  width: 100%;
  padding: 0px 1.3%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  font-size: var(--header-font-size);
}

.logo-container {
  width: 400px;
  height: 100%;
  display:flex;
  flex-direction: row;
}

.logo{
  width:222px;
  height:100%;
  background: url('../images/rambhog_logo.png') no-repeat;
  background-size: 100% 100%;
}

.after-logo-text{
  width:250px;
  font-size:13px;
  color:#333333;
  display:flex;
  align-items: center;
  justify-content: center;
}

.menu-container {
  width: 230px;
  height: 60%;
  display: flex;
  align-items: center;
  align-self: flex-end;
  justify-content: space-between;
  color: #333333 !important;
  font-weight: bold;
}

.menu-container>a {
  height: 100%;
  text-decoration: none;
}

.menu-container > a {color:#333;}      /* unvisited link */
.menu-container > a:visited {color:#333;}  /* visited link */
.menu-container > a:hover {color:#d41a02;}  /* mouse over link */
.menu-container > a:active {color:#333;}  /* selected link */


.active1, .active2 {
  position: relative;
  color: #d41a02 !important;
}

.menu-container>a.active1:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 4px;
  background: #d41a02;
  top: 90%;
  left: 26%;
}

.menu-container>a.active2:after {
  position: absolute;
  content: '';
  width: 24px;
  height: 4px;
  background: #d41a02;
  top: 90%;
  left: 40%;
}

/* Products Page CSS*/

.banner-container {
  width: 100%;
  height: 330px;
  position: relative;
}

.banner-content1{
  position:absolute;
  text-align: center;
  top:18%;
  left:7%;
  font-weight:100;
  width:350px;
  font-size:30px;
  color:#333333;
}

.banner-content2{
  position:absolute;
  top:45%;
  left:8%;
  font-weight:100;
  width:350px;
  font-size:16px;
  color:#333333;
}

.banner-container>img {
  width: 100%;
  height: auto;
}

.middle-container {
  width: 100%;
  height: auto;
  display:flex;
  flex-direction: column;
}

.middle-container > .subheader{
  height:50px;
  display:flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left:50px;
  font-size:22px;
  color: #333333;
}

.food-items-container{
  position:relative;
  width:100%;
  height:auto;
  margin: 0 auto;
  padding: 0px 45px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.food-item{
  display:flex;
  flex-direction: column;
  width:31.3%;
  height:310px;
  background: #ffffff;
  margin: 15px 0px;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.08);
  border-radius:2px;
  overflow:hidden;
}

.food-image{
  width:100%;
  height:240px;
  position:relative;
}

.food-image:after{
  position:absolute;
  content:'';
  background: url('../images/veg-icon/veg-icon@2x.png') no-repeat;
  width:18px;
  height:18px;
  bottom:5%;
  right:4%;
}

.image-1{
  background:url('../images/food-item-1/food-item-1@2x.png') no-repeat;
}
.image-2{
  background:url('../images/food-item-2/food-item-2@2x.png') no-repeat;
}
.image-3{
  background:url('../images/food-item-3/food-item-3@2x.png') no-repeat;
}
.image-4{
  background:url('../images/food-item-4/food-item-4@2x.png') no-repeat;
}
.image-5{
  background:url('../images/food-item-5/food-item-5@2x.png') no-repeat;
}
.image-6{
  background:url('../images/food-item-6/food-item-6@2x.png') no-repeat;
}
.image-7{
  background:url('../images/food-item-7/food-item-7@2x.png') no-repeat;
}
.image-8{
  background:url('../images/food-item-8/food-item-8@2x.png') no-repeat;
}
.image-9{
  background:url('../images/food-item-9/food-item-9@2x.png') no-repeat;
}
.image-10{
  background:url('../images/food-item-10/food-item-10@2x.png') no-repeat;
}
.image-11{
  background:url('../images/food-item-11/food-item-11@2x.png') no-repeat;
}
.image-12{
  background:url('../images/food-item-12/food-item-12@2x.png') no-repeat;
}

.food-detail-container{
  width:100%;
  height:70px;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.food-name{
  width:93%;
  font-size: 15px;
  color: #333333;
}

.other-detail-container{
  width:93%;
  display:flex;
  justify-content: space-between;
  font-size:12px;
  line-height:2.4;
}

.available-in,.shell-life{
}

.disclaimer-text{
  align-self:flex-end;
  margin: 20px 50px;
  color: #707070;
  font-size:12px;
}

footer{
  width: 100%;
  height:200px;
  background: #f2f2f2;
  height: auto;
  display:flex;
  flex-direction: column;
}

.section1{
    width:100%;
    height:150px;
    padding:0px 50px;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
    position:relative;
    /*border-bottom: 1px solid #cccccc;*/
}

.section1:after{
  content:'';
  width:92%;
  position:absolute;
  bottom:1%;
  left:4%;
  height: 2px;
  background:#cccccc;
}

.footer-logo{
  width:124px;
  height:100px;
  background:url('../images/rambhog_logo_footer.png') no-repeat;
  background-size: contain;
}

.about-us,.quick-links,.legal,.follow-us{
    display:flex;
    flex-direction:column;
    height:100px;
    padding-right: 35px;
    /*justify-content:space-between;*/
}

.quick-links > .title,.legal > .title{
    color: #646464;
    font-size:15px;
}

.about-us > .title{
    color: #5d5d5d;
    font-size:16px;
}

.follow-us > .title{
  color: #707070;
  font-size:15px;
}

.about-us > .content{
    width:256px;
    color:#969696;
    font-size:12px;
    height: 80px;
    display: flex;
    align-items: center;
}

.quick-links > .link, .legal > .link{
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5px;
  font-size: 13px;
  color: #f2f2f2;
}

.quick-links > .link > a, .legal > .link > a{
  text-decoration: none;
}

.quick-links > .link > a, .legal > .link > a ,.franchise-docket-download-bo,.franchise-application-download{color:#969696;text-decoration: none;}      /* unvisited link */
.quick-links > .link > a:visited, .legal > .link > a:visited,.franchise-docket-download-bo:visited,.franchise-application-download:visited{color:#969696;}  /* visited link */
.quick-links > .link > a:hover, .legal > .link > a:hover ,.franchise-docket-download-bo:hover,.franchise-application-download:hover{color:#d41a02;}  /* mouse over link */
.quick-links > .link > a:active, .legal > .link > a:active ,.franchise-docket-download-bo:active,.franchise-application-download:active{color:#969696;}  /* selected link */

.follow-us > .social-icons{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  height:60px;
}

.section2{
  width:100%;
  height:50px;
  padding:0px 50px;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color:#5d5d5d;
  font-size:14px;
  text-align: center;
}


.social-icons a {
  color: #919191;
  text-decoration: none;
}

.social-icons a:hover {
  color: #403141;
}

.icon {
  font-family: holachef;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all .5s;
  transition: all .5s;
  font-size: 35px;
  margin-right:15px;
}

.icon-facebook:before {
  content: "\f082";
}

.icon-twitter:before {
  content: "\f081";
}

.icon-instagram:before {
  content: "\f16d";
}
.icon-linkedin:before {
    content: "\f08c";
}

.franchise-docket-download-footer > i{
  padding-right:5px;
}
.franchise-application-download-footer > i{
  padding-right:5px;
}

.franchise-docket-download-bo{
  background: url('../images/rambhog_thumbnail.png') no-repeat;
  background-size: contain;
  width: 150px;
  height: 75px;
  cursor: pointer;
  align-self: center;
  display: flex;
  align-items: flex-end;
  margin-top:4%;
}

.franchise-docket-download-bo > i {
  padding-right:5px;
  padding-bottom: 4px;
}

.franchise-application-download-container{
  text-align: center;
}

.franchise-application-download > i{
  padding-right:5px;
  padding-bottom: 4px;
}

.upload-franchise-application-container{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
  margin-top:3%;
}

.upload-application-header{
  width:100%;
  text-align:center;
  font-size:22px;
  font-weight:400;
}
#application-form{
  margin-top:4%;
  width:70%;
  height:40px;
  font-size: 16px;
}

.application-form-submit{
  width: 100px;
  height: 30px;
  border-radius: 4px;
  background-color: #d7240d;
  color: #ffffff;
  font-size:16px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor:pointer;
  border:0px;
}

/* Business Opportunities Page CSS*/

.section-container{
  width:100%;
  height:auto;
  display:flex;
  height:auto;
  margin-bottom:2%;
  padding-top:2%;
  border-top: 1px solid rgba(151, 151, 151, 0.5);
}
.business-details-container{
  display:flex;
  width:69%;
  margin-left:1%;
  flex-direction: column;
}

.business-details-header{
  width:100%;
  height:48px;
  background:#f2f2f2;
  display:flex;
  align-items:center;
  padding-left:15px;
  font-size:22px;
  margin-bottom: 10px;
}
.contact-us-container{
  display:flex;
  width:28%;
  margin-right:1%;
  margin-left:1%;
  flex-direction: column;
}

.contact-us-header{
  width:100%;
  height:48px;
  background:#f2f2f2;
  display:flex;
  align-items:center;
  padding-left:15px;
  font-size:22px;
  margin-bottom: 10px;
}

.desc1{
  width:95%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}
.desc1 > p{
  font-size:14px;
  color: #333333;
}
.desc1>p:nth-child(1){
  margin-top:10px;
  margin-bottom:10px;
}

.what-we-offer-container,.business-model-container,.franchise-facts-container,.franchise-benefits-container,.other-details-container{
  width:95%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  margin-top:2%;
}

.what-we-offer-header, .business-model-header,.franchise-facts-header,.franchise-benefits-header,.other-details-header{
  color: #0b0b0b;
  font-size:14px;
  font-weight:bold;
}

.kioskorotc{
  font-size: 14px;
  color: #333333;
  font-weight:normal;
}

.what-we-offer,.franchise-facts,.franchise-benefits,.other-details{
  position:relative;
  left:4%;
  color: #333333;
  font-size:14px;
  margin-top:2%;
}

.contactusform{
  width:100%;
  height:auto;
}

label{
  line-height: 2;
  font-size: 13px;
  color: #333333;
}

.contactusform > input{
  width:100%;
  height:32px;
  border: solid 1px #e2e2e2;
  margin-bottom:3%;
}

input:focus {
  outline: none !important;
}

.submit-button{
  display:block;
  margin: 0 auto;
  margin-top: 6%;
  width: 148px !important;
  height: 36px;
  border-radius: 4px;
  background-color: #d7240d;
  color: #ffffff;
  font-size:18px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor:pointer;
}
.notes-container{
  width:100%;
  height:80px;
  width:360px;
  background:#f2f2f2;
  padding: 10px;
  font-size:14px;
  color: #333333;
  font-weight:100;
}

.callus-container{
  /*margin-top:4%;*/
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}

.email-error, .mobile-error{
  display:none;
  color:#d7240d;
  text-align: right;
  width:100%;
  height:15px;
  font-size:12px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


input[type="text"],input[type="number"],input[type="email"]{
  padding-left:8px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus{
    border: solid 1px #969696;
}

@media all and (max-width: 360px) and (min-width: 320px)
{
	.logo
	{
		width: 164px;
		height: 75%;
		margin-top:8px;
	}
	.banner-content1{
	  top:10%;
	  left:5%;
	  text-align:left;
	  font-weight:300;
	  width:110px;
	  font-size:12px;
	}

	.banner-content2{
	  top:47%;
	  left:5%;
	  width:185px;
	  font-size:12px;
	}

	.menu-container
	{
		width:150px;    font-size: 12px;
	}
	.menu-container>a
	{
		text-align: center;
		margin-right: 7px;
	}
	.banner-container
	{
		height: 165px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.5);
	}
  .middle-container
  {
    padding-top: 15px;
  }
	.food-items-container{
		padding:0 20px;
	}
	.food-item
	{
		width: calc(100% / 1);
		height:320px;
	}
	.middle-container > .subheader
	{
		justify-content: center;
		padding-left: 0;
	}
	.disclaimer-text
	{
		text-align:justify;
	}
	.section1
	{
		flex-direction:column;
		height:320px;
		text-align:center;
		justify-content: start;
	}
	.footer-logo{
		padding-bottom:10px;
	}
	.quick-links,.legal
	{
		height: 100px;
		padding-top: 10px;
	}

	.quick-links > .link,.legal > .link
	{
    align-items: center;
	}

	.follow-us
	{
		padding-top: 15px;
		height: 80px;
	}
	.about-us, .quick-links, .legal, .follow-us {
	padding-right:0;
	}
	.section1:after{
		bottom:0%;
	}
	.section2{
		text-align:center;
    height: 150px;
    padding: 0px 35px;
	}

	/*Responsive CSS for Business op page*/

	.section-container{
		flex-direction:column;
	}
	.business-details-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.contact-us-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.notes-container
	{
		text-align:justify;
		width:100%;
		height:100px;
	}
	.callus-container{
		font-size:18px;
	}
}

@media all and (max-width: 420px) and (min-width: 361px)
{
	.menu-container
	{
		width:160px;
	}
	.banner-container{
		height:170px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.5);
	}
  .middle-container
  {
    padding-top: 15px;
  }
	.banner-content1{
	  top:5%;
	  left:5%;
	  text-align:left;
	  font-weight:300;
	  width:110px;
	  font-size:12px;
	}

	.banner-content2{
	  top:53%;
	  left:5%;
	  width:185px;
	  font-size:12px;
	}
	.menu-container>a
	{
		text-align: center;
		margin-right: 7px;
	}
	.food-items-container{
		padding:0 20px;
	}
	.food-item
	{
		width: calc(100% / 1);
		height:340px;
		margin:15px 20px;
	}
	.middle-container > .subheader
	{
		justify-content: center;
		padding-left: 0;
	}
	.disclaimer-text
	{
		text-align:justify;
		margin:20px 35px;
	}
	.section1
	{
		flex-direction:column;
		height:320px;
		text-align:center;
		justify-content: start;
	}
	.footer-logo{
		padding-bottom:10px;
	}
	.quick-links,.legal
	{
		height: 100px;
		padding-top: 10px;
	}
  .quick-links > .link,.legal > .link
  {
    align-items: center;
  }
	.follow-us
	{
		padding-top: 15px;
		height: 80px;
	}
	.about-us, .quick-links, .legal, .follow-us {
	padding-right:0;
	}
	.about-us, .quick-links, .legal, .follow-us {
    padding-top: 15px;
	}
	.quick-links > .link, .legal > .link
	{
		height: 35px;
	}
	.section1:after{
		bottom:0%;
	}
	.section2{
		text-align:center;
    height: 150px;
    padding: 0px 35px;
	}

	/*Responsive CSS for Business op page*/

	.section-container{
		flex-direction:column;
	}
	.business-details-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.contact-us-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.notes-container
	{
		text-align:justify;
		width:100%;
		height:100px;
	}
	.callus-container{
		font-size:18px;
	}

}



@media all and (max-width: 500px) and (min-width: 421px)
{
	.menu-container
	{
		width:160px;
	}
	.menu-container>a
	{
		text-align: center;
		margin-right: 7px;
	}
	.banner-container
	{
		height: 300px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.5);
	}
  .middle-container
  {
    padding-top: 15px;
  }
	.food-items-container{
		padding:0 20px;
	}
	.food-item
	{
		width: calc(100% / 1);
		height:340px;
		margin:15px 20px;
	}
	.middle-container > .subheader
	{
		justify-content: center;
		padding-left: 0;
	}
	.disclaimer-text
	{
		text-align:justify;
		margin:20px 35px;
	}
	.section1
	{
		flex-direction:column;
		height:320px;
		text-align:center;
		justify-content: start;
	}
	.footer-logo{
		padding-bottom:10px;
	}
	.quick-links,.legal
	{
		height: 100px;
		padding-top: 10px;
	}
  .quick-links > .link,.legal > .link
  {
    align-items: center;
  }
	.follow-us
	{
		padding-top: 15px;
		height: 80px;
	}
	.about-us, .quick-links, .legal, .follow-us {
	padding-right:0;
	}
	.about-us, .quick-links, .legal, .follow-us {
    padding-top: 15px;
	}
	.quick-links > .link, .legal > .link
	{
		height: 35px;
	}
	.section1:after{
		bottom:0%;
	}
	.section2{
		text-align:center;
    height: 120px;
    padding: 0px 35px;
	}

	/*Responsive CSS for Business op page*/

	.section-container{
		flex-direction:column;
	}
	.business-details-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.contact-us-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.notes-container
	{
		text-align:justify;
		width:100%;
		height:100px;
	}
	.callus-container{
		font-size:18px;
	}

}


@media all and (max-width: 600px) and (min-width: 501px)
{
	.menu-container
	{
		width:265px;
		padding-right: 10px;
	}
	.banner-container{
		height:255px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.5);
	}
  .middle-container
  {
    padding-top: 15px;
  }
	.banner-content1{
		left:3%;
		font-size: 16px;
		width: 175px;
	}
	.banner-content2{
		left:5%;
		top:50%;
		width:250px;
	}
	.food-item
	{
		width:calc(100% / 2 - 10px);
	}
	.food-items-container
	{
		padding: 0px 30px;
	}
	.middle-container > .subheader {
		justify-content: center;
	}
	.section1
	{
		flex-direction:column;
		height:320px;
		text-align:center;
		justify-content: start;
	}
	.footer-logo{
		padding-bottom:10px;
	}
	.quick-links,.legal
	{
		height: 100px;
		padding-top: 10px;
	}
  /*.quick-links > .link,.legal > .link
  {
    align-items: center;
  }*/
	.follow-us
	{
		padding-top: 15px;
		height: 80px;
	}
	.about-us, .quick-links, .legal, .follow-us {
	padding-right:0;
	}
	.about-us, .quick-links, .legal, .follow-us {
    padding-top: 5px;
	}
	.quick-links > .link, .legal > .link
	{
		height: 35px;
	}

	.section1:after{
		bottom:0%;
	}
	.section2{
		text-align:center;
    height: 150px;
    padding: 0px 35px;
	}

	/*Responsive CSS for Business op page*/

	.section-container{
		flex-direction:column;
	}
	.business-details-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.contact-us-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.notes-container
	{
		text-align:justify;
		width:100%;
		height:100px;
	}
	.callus-container{
		font-size:18px;
	}
}


@media all and (max-width: 800px) and (min-width: 601px)
{
	.menu-container
	{
		width:225px;
	}
  .banner-container
  {
    border-bottom: 1px solid rgba(151, 151, 151, 0.5);
    height: 220px;
  }
  .middle-container
  {
    padding-top: 20px;
  }
	.banner-content1{
    left: 2%;
    width: 220px;
    font-size: 20px;
	}
	.banner-content2{
    left: 4%;
    top: 49%;
    font-size: 14px;
	}
	.food-item
	{
		width:calc(100% / 2 - 10px);
	}
	.food-items-container
	{
		padding: 0px 30px;
	}
	.middle-container > .subheader {
		justify-content: center;
	}
	.section1
	{
		flex-direction:row;
		height:210px;
		text-align:center;
		justify-content: start;
		padding:0 20px;
	}
	.footer-logo{
		padding-bottom:10px;
	}
	.quick-links,.legal
	{
		height: 70px;
		padding-top: 10px;
	}
  /*.quick-links > .link,.legal > .link
  {
    align-items: center;
  }*/
	.follow-us
	{
		padding-top: 15px;
		height: 80px;
	}
	.about-us
	{
		width:252px;
	}
	.about-us, .quick-links, .legal, .follow-us {
	padding-right:0;
	height:100px;
	}
	.about-us, .quick-links, .legal, .follow-us {
    padding-top: 5px;
	}
	.quick-links > .link, .legal > .link
	{
		height: 35px;
		padding-top:10px;
	}
	.about-us> .content
	{
		text-align:left;
		padding-left:12px;
	}
	.section1:after{
		bottom:0%;
	}
	.section2{
		text-align:center;
    height: 100px;
	}

	/*Responsive CSS for Business op page*/

	.section-container{
		flex-direction:column;
	}
	.business-details-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.contact-us-container{
		width: 90%;
		margin: 0 auto;
		padding-top:20px;
	}
	.notes-container
	{
		text-align:justify;
		width:100%;
		height:65px;
	}
	.callus-container{
		font-size:18px;
	}

}