*
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html
{
   background-color: #fff;
   font-size: 20px;
   font-weight: 300;
   color: #2c2b2b;
   font-family: "Lato","arial",sans-serif;
    /* to maintain the gape between characters in the words */
   text-rendering: optimizeLegibility; 
}
h1,h2,h3
{
  
    font-weight: 300;
    text-transform: uppercase;
   
}
.row
{
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px;
}
section
{
  padding: 50px 0;
}
.main-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1140px;
    /* background-color: black; */
    transform: translate(-50%,-50%);
}
header
{
    
    background-image:linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)) ,url(img/hero.jpg);
    height: 100vh;
    background-position:center;
    background-size: cover;
    position: relative;
    background-attachment: fixed;

}
.btn:link,.btn:visited
{
    display: inline-block;
    padding:10px 25px;
    color: white;
    text-decoration: none;
    border-radius: 100px;
    transition: background-color 0.2s,border 0.2s,color 0.2s;
}
.btn-full:link,.btn-full:visited
{
   background-color: #f5550a;
   margin-right: 5px;
}
.btn-border:link,.btn-border:visited
{
    border: 2px solid #f5540a;
    color: #f5550a;

}
.btn-border:hover,.btn-border:active
{
   border: 2px solid #471903;
   color:white;
}
.btn-full:hover,.btn-full:active
{
    background-color: #471903;
}
/* .main-text a:hover,.main-text a:focus
{
    color: white;
} */
.logo-white
{
  width: 100px;
  height: 100px;
  float: left;
  margin-left: 0;
}
.logo-black
{
    width: 50px;
  height: auto;
  float: left;
  visibility: hidden;
  
}
.main-nav
{
    float: right;
    list-style: none;
    margin-top: 45px;
}
.main-nav li
{
    display: inline-block;
    margin-left: 40px;
}
.main-nav li a:link,.main-nav li a:visited
{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    padding-bottom:5px ;
    transition: border-bottom 0.4s;
   
}
.main-nav li a:hover,.main-nav li a:active
{
    border-bottom: 2px solid #f5550a;
}
h1
{
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 240%;
    word-spacing: 4px;
    letter-spacing: 2px;
}
h3
{
    font-size: 110%;
    margin-bottom: 7px;
}
h2
{
     font-size: 180%;
     text-align: center;
    padding-bottom: 30px;
}
h2:after
{
    height: 2px;
    background-color: #f5550a;
    display: block;
    content: "";
    width: 100px;
    margin:0 auto;
    margin-top: 20px;
}
.feature-text
{
    width: 70%;
    margin: 0 15%;
    line-height: 145%;
}
.box
{
   padding: 1%;
   font-size: 90%;
   line-height:  130%;
   text-align: justify;
}
.icon
{
    display: inline-block;
    color: #f5550a;
    font-size: 250%;
    font-weight: 500;
    margin-bottom: 10px;
}
.meels-imag ul
{
   list-style: none;
}
.meels-imag ul li
{
    display:block;
    float: left;
    width: 25%;
    

}
/* .meels-imag ul li img
{
   width: 100%;
   
} */
 .meals-photo
 {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: black;
 }
 .meals-photo img
 {
    width: 100%;
    height: 100%;
    transform: scale(115%);
    transition: transform 1.5s;
    opacity: 70%;
  
 }
 .meals-photo img:hover
 {
    transform: scale(103%);
    opacity: 100%;
 }
 .section-meals
 {
    padding: 0px;
 }
 .iphone
 {
    width: 40%;
    opacity: 93%;
    transition: transform 0.5s , opacity 0.3s;
    /* height:100vh; */
 }
 .iphone:hover
 {
     opacity: 100%;
     transform: scale(110%);
 }
.app-image
{
    height: 70px;
    width: auto;
}
.plan-box:first-child
{
     text-align: right;
     margin-top: 30px;
     padding-right: 3%;
}
.plan-box:last-child
{
    padding-left: 3%;
    margin-top: 70px;
}
.step-box div
{
    
     border-radius: 50%;
     width: 40px;
     height: 40px;
     padding: 5px;
     border: 2px solid#f5550a;
     text-align: center;
     float: left;
     font-size: 110%;
     margin-right: 10px;

}
.step-box
{
    margin-bottom: 30px;

}
.step-box:last-of-type
{
   margin-bottom: 60px;
}
.clear-fix::after
{
    Zoom:100%;
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}
.section-works
{
    background-color: #dfdada;
}
.box img
{
width: 100%;
margin-bottom: 10px;
}
.city-fet a:link,.city-fet a:visited
{
  text-decoration: none;
  color: #4e1c05;
  border-bottom: 1px solid transparent;
  transition: color 0.2s , border-bottom 0.3s;
}
.city-fet a:hover,.city-fet a:active
{
    border-bottom: 1px solid #f5550a ;
    color: #f5550a;
}
.icon-small
{
    color: #eb4f06;
    font-size: 130%;
    vertical-align: middle;
}
.city-fet
{
    margin-bottom: 5px;
    text-align: justify;
    
}
.review
{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)) , url(img/back-customers.jpg);
  background-position: center;
  background-size: cover;
    color: rgb(223, 220, 220);
    background-attachment: fixed;
}
blockquote cite
{
    display: block;
    margin-top: 20px;
    font-size: 90%;
}
blockquote cite img
{
    width:20%;
    margin-right:  10px;
    vertical-align: middle;
    border-radius: 50%;
    
}
blockquote
{
    text-align: justify;
    padding-right: 10px;
    font-style: italic;
    line-height: 110%;
    position: relative;
}
blockquote:before
{
    content: "\201c";
    margin: 0;
    padding: 0;
    font-size: 60px;
    position: absolute;
    top: -4px;
    left: -11px;
    
}
.section-plans{
    background-color: #f1f1f1;   
}

.price-box{
    background-color: #fff;
    width: 90%;
    margin-left: 5%;
    box-shadow: 15px 15px 15px rgb(92, 91, 90);
    border-radius: 10px;
}


.price-box div
{
    padding: 15px;
    border-top: 1px solid #d1d0d0;
}

.meal-month{
    font-size: 250%;
    color: #e27f15;
    font-weight: 200;
}

.meal-month span{
    font-size: 30%;
    font-weight: 300;
}

.meal-daily{
    font-size: 90%;
    margin-top: 5px;
}

.plan-details{
    list-style: none;
}

.plan-details li{
    padding: 5px;
}
.btn-borders:link,.btn-borders:visited
{
    border: 2px solid #f5540a;
    color: #f5550a;
    transition:  border 0.3s,color 0.3s;

}
.btn-borders:hover,.btn-borders:active
{
   border: 2px solid #471903;
   color:  #471903;
}
.plan-details li i
{
      margin-right: 8px;
}
.price-box div:first-child
{
    background-color: #dbd8d8;
}
.pbb a
{
    margin-left: 20%;
}
.contect-form
{
    width: 60%;
    margin: 0 auto;
}
input[type='text'],input[type='email'],select,textarea
{
    width: 100%;
    padding: 7px;
    border-radius: 7px;
    border: 1px solid rgb(209, 206, 206);
}
textarea
{
    height: 190%;
}
input[type="submit"]
{
    color: #f5550a;
    border: 1px solid #f5550a;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: white;
    text-align: center;
    transition: background-color 0.3s , color 0.3s;
    
}
input[type="submit"]:hover
{
    background-color:#f5550a;
    color: white;
}
.sb 
{
    text-align: center;
}
.footer-nav a:link,.footer-nav a:visited
{
    text-decoration: none;
    color:#9e9d9d;
    margin-right: 30px;
}
.social-nav a:link,.social-nav a:visited
{
    text-decoration: none;
    color:#9e9d9d;
    margin-right: 30px;
    font-size: 140%;
}
.footer-nav a:hover,.footer-nav a:active
{
  color: white;
}
.social-nav a:hover,.social-nav a:active
{
    .ion-social-instagram
    {
         color: rgb(230, 74, 18);
    }
    .ion-social-facebook
    {
       color: #1877F2;
    }
    .ion-social-twitter
    {
           color: #1DA1F2;
    }
    .ion-social-googleplus
    {
         color: #db4437;
    }
}
.footer-nav
{
  
    list-style: none;
}
.footer-nav li
{
    display: inline-block;
  
}
.social-nav
{
    list-style: none;
    float: right;
    
}
.social-nav li
{
    display: inline-block;
}


footer
{
    background-color: rgb(51, 40, 40);
    padding: 20px;
}
footer p
{
   color:  #9e9d9d;
   font-size: 80%;
}
.sticky
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background-color: rgba(255, 255, 255, 0.938);
    box-shadow: 0 2px 2px #6e6666;
    z-index:9999;
}
.sticky .logo-black
{
    visibility: visible;
   

}
.sticky .logo-white
{
    visibility: hidden;
}
.sticky .main-nav li a:link,.sticky .main-nav li a:visited
{
    color: rgb(41, 37, 37);
    padding-bottom:8px;
    
}
.sticky .main-nav
{
    margin-top: 10px;
}
.js--wp-1, .js--wp-2,.js--wp-3
{
    opacity: 0%;
    
}
.js--wp-1.animated,.js--wp-2.animated,.js--wp-3.animated
{
    opacity: 100%;
    animation-duration: 1s;
}
.js--wp-4.animated
{
    animation-duration: 1s;
}