body {
	background-color:#6B6E70;	

}


	/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
	  padding: 5px 50px ;	
	}
    .bg-brown{
		background: #222629;
	}
	 .navbar-collapse .navbar-nav .nav-link {	 
	 padding-left: 15px;
	 text-transform: lowercase;
	 font-size: 21px;
	 font-family: "Arial Rounded MT Bold",  sans-serif;
	 color:#9ACD32;
	 font-weight: bold;
	 }
	
	 .navbar-collapse .navbar-nav .dropdown-item {	 
	 padding-left: 15px;
	 text-transform: lowercase;
	 font-size: 21px;
	 font-family: "Arial Rounded MT Bold",  sans-serif;
	 color:#000;
	 font-weight: bold;
	 background: #9ACD32;
	 }

    /* Add a gray background color and some padding to the footer */
    footer {
    
	  background:#222629;
	  background-repeat: repeat-x;
	  color:#fff;
	  font-weight:bold;
		min-height:75px;
	    padding: 10px;
		background-position:bottom;
    }
    
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
     
  }

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }
.navbar-collapse {
float:right;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
   
 
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 100%, 100%;
  
}
.card {
	border: none;
}
.mycontainer{
	min-height: 500px;
	background:#fff;
}
.card_plain{
	background-color: rgba(0, 0, 0, 0.3);
}
.jumbotron{
	
}
.dropdown-menu{
	background-color:transparent;
	border:none;
	padding-left: 50px;
}
.dropdown-item:hover{
	background-color:#D3D3D3;
	border:none;
	border-radius:0;
}

/* flip card css start */

.flip-card {
  background-color: transparent; 
  height: 250px; 
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #9ACD32;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: black;
  color:#fff;
  transform: rotateY(180deg);
}

/* flip card css */
.menu-heading{
	color:#86C232;
	font-size:22px;
	text-transform:uppercase;
	font-family: "Arial Rounded MT Bold",  sans-serif;	
	font-weight: bold;
}
.sub-menu{
	font-size:18px;
	text-decoration: underline;
}

/* Slider Form CSS */

.slide-form {
    position: fixed;
    z-index: 9999;   
    right:-300px;
    bottom: 130px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px ;	
	padding:10px;
	background:#FFDAB9 url("../img/nutrition.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom;
	
}

.btnrotate{
    position: fixed;
    z-index: 9999;   
    right: -110px;
    bottom: 300px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;    
    transform: rotate(270deg);
}

/*-- Slide Form CSS Ends --*/
footer a{
color:white;
}
.fa-2x{
color:black;
}
.bg-axia{
background:#61892F
}
.bg-mygreen{
background:#9ACD32
}