*{
    
    /* font-family: 'Poppins', sans-serif; */
    font-size: 1em;
}

::selection{
    background:#677688 ;
    color: #fff;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'poppins', sans-serif;
    font-weight: 600;
   
}
a,p{
    font-family: 'Open Sans', sans-serif;
}
.wrapper{
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: hidden;
}
body{
    /* color: #555555; */
      overflow-x: hidden;
    font-family: 'poppins', sans-serif;
}
header .food-logo,.nav1-left,.nav1-right{
    width: 200px;
    
}
.menu-list{
    display: none;
    background: #fff;
   
}
.menu-list li{
    padding-top: 20px;
    padding-left: 0px;
    border-bottom: 1px solid #bdbaba;
    padding-bottom: 15px;
}
 .menu-list  li a {
    color: #000;
}
.home-menu-arrow-down{
    display: none;
}
a:hover{
    text-decoration: none;
    color: #999999;
}
header a{
    color: #999999;
}
header .blank{
    width: 50px;
    border-radius: 50px;
    height: 50px;
    
}
header ul li a p{
    margin: -10px 0px 5px 15px;
   font-size: 20px;
  
    color: #ccc;
}
header ul li{
    /* padding: 8px 14px; */
    font-size: 14px;
    display: block;
  
}
.delicious{
    /* margin: 0px; */
}
.delicious .bg-light{
    border-radius: 5%;
    width: 135px;
}
.delicious .bg-light .four{
    width: 30px;
    height:30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;    
    margin-left: auto;
    position: relative;
    right: 12px;

}
.delicious .bg-light a{
    
  

    color: rgba(0,0,0,.4);
    
 border-radius: 20%;

 font-size: 15px; 
}



.delicious img{
    width: 50px;
    height: 50px;
}
.delicious h6{
    font-size: 15px;
    font-weight: 500;
}
.delicious p{
    font-size: 12px;
    font-weight: 300;
    color: #221c24;
}
.an-easyown .container .col-12,.col-6,.col-3{
    padding-right: 1px;
   
    padding-left: 11px;
}
.an-easyown .container .an-easyown-row-1-img1,.an-easyown-row-1-img2, .an-easyown-row-1-img3,
.an-easyown-row-2-img1, .an-easyown-row-2-img2, .an-easyown-row-2-img3 {
    background-image:linear-gradient(rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-17.jpg);
   background-size: 100% 100%;
    /* height: 280px; */
}
.an-easyown .container .an-easyown-row-1-img1:hover{
    background-image:linear-gradient(rgba(26, 17, 17, 0.2),rgba(26, 17, 17, 0.2)), url(../images/background/food-post-17.jpg);
    transition: ease-in-out;

   
}
.an-easyown .container .an-easyown-row-1-img1{
    border-radius:3% 0% 0% 0% ;
    transition: 3s;
}
.an-easyown .container .an-easyown-row-1-img2 {
    background-image:linear-gradient(rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-5.jpg);
    transition: 3s;
}
.an-easyown .container .an-easyown-row-1-img2:hover{
    background-image:linear-gradient(rgba(26, 17, 17, 0.2),rgba(26, 17, 17, 0.2)), url(../images/background/food-post-5.jpg);
    transition: ease-in-out;

   
}
.an-easyown .container .an-easyown-row-1-img3 {
    background-image:linear-gradient(rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-12.jpg);
    border-radius:0% 5% 0% 0% ;
    transition: 3s;
}
.an-easyown .container .an-easyown-row-1-img3:hover{
    background-image:linear-gradient(rgba(26, 17, 17, 0.2),rgba(26, 17, 17, 0.2)), url(../images/background/food-post-12.jpg);
    transition: ease-in-out;

   
}
.an-easyown .container .an-easyown-row-2-img1{
    background-image:linear-gradient(rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-8.jpg);
    border-radius:0% 0% 0% 5% ;
    transition: 3s;
}
.an-easyown .container .an-easyown-row-2-img1:hover{
    background-image:linear-gradient(rgba(26, 17, 17, 0.2),rgba(26, 17, 17, 0.2)), url(../images/background/food-post-8.jpg);
    transition: ease-in-out;

   
}
.an-easyown .container .an-easyown-row-2-img2{
    background-image:linear-gradient(rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-10.jpg);
    transition: 3s;
}
.an-easyown .container .an-easyown-row-2-img2:hover{
    background-image:linear-gradient(rgba(26, 17, 17, 0.2),rgba(26, 17, 17, 0.2)), url(../images/background/food-post-10.jpg);
    transition: ease-in-out;

   
}
[class^="hvr-"] {
    cursor: pointer;
    color: rgb(102, 102, 102);
    -webkit-tap-highlight-color: rgba(26, 17, 17, 0.6);
    -webkit-font-smoothing: antialiased;
    margin: 0.4em;
    padding: 1em;
  
    text-decoration: none;
}
.hvr-radial-out::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transform: scale(0);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    background: rgba(26, 17, 17, 0.6);
    border-radius: 100%;
}
.an-easyown .container .an-easyown-row-2-img3{
    background-image:linear-gradient(rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-19.jpg);
    border-radius:0% 0% 3% 0% ;
    transition: 3s;
}
.an-easyown .container .an-easyown-row-2-img3:hover{
    background-image:linear-gradient(rgba(26, 17, 17, 0.2),rgba(26, 17, 17, 0.2)), url(../images/background/food-post-19.jpg);
    transition: ease-in-out;

   
}
.an-easyown  .an-easyown-row-1-img1 ul li a,.an-easyown-row-1-img2 a,.an-easyown-row-1-img3 a,
.an-easyown .an-easyown-row-2-img1  ul li a,.an-easyown-row-2-img2 a,.an-easyown-row-2-img3 a{
    background-color: #f5f5f5;
    color: #221c24;
    padding: 3px 10px;
    display: inline-flex;
    line-height: 1em; 
    border-radius: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
}
.an-easyown .an-easyown-row-1-img1 h6 a{
    padding: 29%  0% 4% 5%; 
}
.an-easyown .an-easyown-row-1-img2 h6 a
{
    background: transparent;
    padding: 55%  0% 4% 5%;
}

.an-easyown .an-easyown-row-1-img3 h6 a{
    background: transparent;
    padding: 56.5% 0% 4% 5%;
}

.an-easyown .an-easyown-row-1-img1 h6 a,.an-easyown-row-1-img2 h6 a,.an-easyown-row-1-img3 h6 a,
.an-easyown .an-easyown-row-2-img1 h6 a,.an-easyown-row-2-img2 h6 a,.an-easyown-row-2-img3 h6 a{
  display: flex;
  align-items: flex-end;
  /* margin:28% 0% 5% 5%; */
  font-family: Poppins, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.2;
}
.an-easyown .an-easyown-row-2-img2 h6 a{
    background: transparent;
    padding: 75.5% 0% 5% 5%;
}

.an-easyown .an-easyown-row-2-img1 h6 a{
    padding: 59.5% 0% 5% 5%; 
}

.an-easyown .an-easyown-row-2-img3 h6 a {
    background: transparent;
    padding: 37% 0% 5% 5%;
}
.recent-popular .recent-post h5{
    /* font-family: "Metropolis-SemiBold"; */
    /* font-weight: regular; */
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 2px;
  
    /* text-align: left; */

}
.recent-popular .recent-post  .d-sm-flex ul li .recent-post-a{
   color: #fff;
    background: linear-gradient( #677688 30%, #838e9f 100%);
}
.recent-popular .recent-post  .d-sm-flex ul li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    width: auto;
    padding: 10px 20px 10px 20px;
    border-radius: 25px;
    cursor: pointer; 
    /* margin-right: 0; */
    color: #838e9f;
    /* background-color: #f5f5f5; */
    transition: 0.4s;
}
.recent-popular .recent-post  .d-sm-flex ul li a:hover{
    color: #fff;
    background: linear-gradient( #677688 30%, #838e9f 100%);
    transition: ease-in-out;
}
.recent-popular .recent-post .recent-post-img figure img{
    border-radius:3%;
    height: 100%;
    width: 100%;
    padding: 0px;
    /* background: linear-gradient(45deg, #555555 0%,rgba(0,0,0,0) 50%); */
}
.recent-popular .recent-post .recent-post-img figure figcaption{
    /* background-color: rebeccapurple; */
/* padding: 0px 40px 0px 30px; */
}
.recent-popular .recent-post .recent-post-img figure figcaption a{
    background-color: #f5f5f5;
    color: #221c24;
   
   
    /* padding: 3px 10px; */
    border-radius: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5; 
}
.recent-popular .recent-post  .recent-lastest  .firstcolumn figure figcaption ul li a{ 
    background-color: #f5f5f5;
}
.recent-popular .recent-post .recent-post-img figure figcaption h6 a{
  background-color: transparent ;
    color: #000000;
    font-size: 18px;
    line-height: 1.5;
    padding: 0px 0px;
    font-weight: 600;
    
}
.recent-popular .recent-post {
    padding: 0px;
}
.recent-popular .recent-post figure {
    /* margin: 0px 15px 1rem; */
    border: 1px solid #f5f5f5;
    border-radius: 8% 8% 3% 3%;
    /* box-shadow: 0 3px 50px -100px rgba(0,0,0,0.06), 0 3px 6px rgba(0,0,0,0.05);
    transition: all .2s ease-in-out; */
}
.recent-popular .recent-post  .firstcolumn:hover{
box-shadow: 1px 2px 5px 5px rgba(0,0,0,0.06) ;
transition: ease-in-out;
}
.recent-popular .recent-post  .firstcolumn{
    margin-left: -0px;
    transition: 2s;
    transition-delay: 0.5s;


}
  
.recent-popular .recent-post  .firstcolumn h6 {
    margin-bottom: 30px;
    font-family: "Metropolis-SemiBold";
    font-weight: 900;
    margin-top: 16px;

   
}

.recent-popular .recent-post  .firstcolumn h6 span{
    font-size: 19px;}
.recent-popular .recent-post  .firstcolumn p{
   
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #999999;
    margin-top: -11px;
}
.recent-popular .recent-post .recent-post-img figure figcaption  .a1 {
    background: linear-gradient(to right, #677688 30%, #838e9f 100%);
  color: #fff;
    padding: 15px 20px 15px 30px;
    font-size: 15px;
   
    /* box-shadow: 0px 18px 22px -20px rgba(0,0,0,.4) !important;
    transition: all .2s cubic-bezier(.45,0,.14,1.03); */

    border-radius: 25px;
    width: 130px;
   
}
.recent-popular .recent-post .firstcolumn  .review p {
    font-size: 14px;
    line-height: 1;
    margin-top: -11px;
    letter-spacing: 0px;
}
.recent-popular .recent-post .firstcolumn  .review p i{
    font-size: 18px;
}
.recent-popular .recent-post .recent-post-img figure figcaption .none1 img{
    width: 25px;
    height: 25px;
    border-radius: 50px !important;
}
.recent-popular .recent-post .recent-post-img figure figcaption .none1 p{
    margin: 0px;
    padding: 0px;
    
}

.recent-popular .recent-post .recent-post-img figure figcaption .mrchef{
    background-color:transparent;
    padding-left: 0px;
    
}
.recent-popular .recent-post .recent-post-img figure figcaption .number{
    font-size: 13px;
}
.most-popular {
    padding-left: 23px;
}

.most-popular h5{
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 2.2px;
}
.most-popular ul li .most-popular-a{
    color: #fff;
    background: linear-gradient( #677688 30%, #838e9f 100%);
}
.most-popular ul li a:hover{
    color: #fff;
    background: linear-gradient( #677688 30%, #838e9f 100%);
    transition: ease-in-out;
}
.most-popular ul li a{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    width: auto;
    padding: 10px 15px 10px 15px;
    border-radius: 25px;
    cursor: pointer; 
    /* margin-right: 0; */
    color: #555555;
    transition: 0.3s;
}
.most-popular img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-size: 100% 100%;
}
.ultimate{
transition: 0.3s;

}
.ultimate:hover .one{
    transform: scale(1.02,1.02);
    transition: ease-in-out;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
}
.most-popular .ultimate .one{
    width: 30px;
    height:30px;
    background-color: #4bcbb2;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;    
    margin: auto;
    position: relative;
    top: -92px;
    right: 35px;
}


.most-popular h6,.most-popular h6 span{
    font-size: 16px;
    padding: 0;
    /* font-family: "Metropolis-SemiBold"; */
    font-weight: regular;
    line-height: 1.5;
    letter-spacing: 0px;
    color:  #000000;
    /* font-weight: lighter; */
}
.most-popular span {
    font-size: 13px;
    
}
.most-popular span a{
    color: #858585;
    font-size: 13px;
}
.recent-popular .recent-comments p a{
   
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    font-weight: lighter;
   

}
.recent-popular .recent-comments p,a {
    color: #555555;
    font-size: 15px;
    line-height: 1.5;
 
}

.fourimages{
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 55px;
 
}
.fourimages .image1:hover{
   
      transition: ease-in-out;
      background-image:linear-gradient( rgba(128, 224, 99, 0.7),rgba(128, 224, 99, 0.7) ), url(../images/background/food-post-15-800x800.jpg);
    
   
}
.fourimages .image1,.fourimages .image2,.fourimages .image3,.fourimages .image4{
    background-image:linear-gradient( rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-15-800x800.jpg);
    height: 220px;
    background-size: 100% 100%;
    max-width: 22%;
    border-radius: 8%;
    /* background: linear-gradient(45deg, #4bcbb2 0%,rgba(0,0,0,0) 50%); */
    background: linear-gradient();
    margin-top: 80px;
   transition: 3s;
}
.fourimages .image2:hover{
   
    transition: ease-in-out;
    background-image:linear-gradient( rgba(128, 224, 99, 0.7),rgba(128, 224, 99, 0.7) ), url(../images/background/food-post-18-800x800.jpg);
  
 
}
.fourimages .image2{
    background-image:linear-gradient( rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-18-800x800.jpg);
}
.fourimages .image3:hover{
   
    transition: ease-in-out;
    background-image:linear-gradient( rgba(128, 224, 99, 0.7),rgba(128, 224, 99, 0.7) ), url(../images/background/food-post-17-800x800.jpg);
  
 
}
.fourimages .image3{
    background-image:linear-gradient( rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ), url(../images/background/food-post-17-800x800.jpg);
}
.fourimages .image4:hover{
   
    transition: ease-in-out;
    background-image:linear-gradient( rgba(128, 224, 99, 0.7),rgba(128, 224, 99, 0.7) ), url(../images/background/food-post-13-800x800.jpg);
  
 
}
.fourimages .image4{
    background-image:linear-gradient(rgba(128, 224, 99, 0.6),rgba(128, 224, 99, 0.6) ),url(../images/background/food-post-13-800x800.jpg);
}

footer{
    padding-top: 5px;
  /* margin-top: 50px; */
    background-color: #221c24;
}
footer .container{
    padding-right: 0px;
    /* padding-left: 30px; */
}
footer .col-3 {

}
.footer-1  h5{
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 2.2px;
  
    color:#fff;
    margin-left: 2px;
   
}
.footer-1 .populars  h5,.recent-posts h5{
    margin-left: 12px;
   
}
.footer-1 .newsletter form{
    width: 190px;
 border: 1px solid rgba(0,0,0,.07);
    padding: 10% 10%;
    box-shadow: 0 -1px 0px 3px rgba(0,0,0,.02);
    border-radius: 15px;
    background-size: cover; 
    background-image: url(../images/background/subscribe-image-1.jpg);
}


.footer-1 .newsletter form label{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #999999;
  
   
}
.footer-1 .newsletter form input{

    background: #fff;
    border: 1px solid #ccc;
    height: 38px;
    width: 140px;
    color: #555!important;
 text-align: center;
  
   
    border-radius: 10px;
   font-size: 12px;
}
.footer-1 .newsletter form a input{
    height: 37px;
    width: 94px;
    color: black!important;
 text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
   font-size: 13px;
} 
.footer-1 .populars .col-lg-9{
    max-width: 110%;
}

.footer-1 .populars img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-size: 100% 100%;
}
.footer-1 .populars .mt-4{
    margin-top: 1.1rem!important;
}
.ultimate{
    transition: 0.3s;
    
    }
    .ultimate:hover .footer-1 .one{
        transform: scale(1.02,1.02);
        transition: ease-in-out;
        box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
    }
.footer-1 .one{
    width: 30px;
    height:30px;
    background-color: #4bcbb2;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;    
    margin: auto;
    position: relative;
    top: -73px;
    right: 35px;
}
.footer-1 .populars h6  {
   font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #fff;
}

.footer-1 .populars span a{
    color: #999999;
    font-size: 13px;
}

.footer-1 .aboutus p{
    color: #999999;
    font-weight: 300;
    line-height: 22px;
   
 
    
    font-size: 15px;
    
   
}
.footer-1 .aboutus .categories{
    margin-top: 72px;
}
.footer-1 .aboutus ul li{
    margin-top: 17px;
    
   
}
.footer-1 .aboutus ul li a{
    color: #fff;
 font-weight: 500px;
   
  
    font-size: 14px;
    line-height: 1.5;
}
footer .horizontal-line{
    background: rgba(255,255,255,.05);
    
    
}
.footer-2 p,a{
    font-size: 14px;
    font-weight: 500;
}

@media only screen and (max-width:991px){
    
    .an-easyown .container .an-easyown-row-1-img1,.an-easyown .container .an-easyown-row-2-img1,
    .an-easyown .container .an-easyown-row-2-img3 ,.an-easyown .container .an-easyown-row-1-img3  {
        border-radius: 0% 0% 0% 0%;
    }
    .fourimages .image1, .fourimages .image2, .fourimages .image3, .fourimages .image4 {
        max-width: 100%;
        margin-top: 28px;
    }
    .delicious .bg-light{
        border-radius: 5%;
        width:100%;
    }
  
}
@media only screen and (min-width:576px) and (max-width:991px){
    .fourimages .image1, .fourimages .image2, .fourimages .image3, .fourimages .image4 {
      
        max-width:22%;
       
        
    }
}
@media only screen and (min-width:1200px){
    .delicious .bg-light {
      
        width: 163px;
    }
    .recent-popular .recent-post .recent-post-img figure figcaption .none1 img {
        width: 40px;
        height: 40px;
        border-radius: 50px !important;
    }
}
@media (min-width:600px) and (max-width:769px){
    .recent-popular .recent-post .recent-post-img figure figcaption .none1 img{
        width: 38px;
        height: 38px;
        border-radius: 50px !important;
    }
}
@media (min-width:576px) and (max-width:599px) {
    .recent-popular .recent-post .recent-post-img figure figcaption .none1 img{
        width: 32px;
        height: 32px;
        border-radius: 50px !important;
    }
}
@media (min-width:320px) and (max-width:365px){
    .recent-post-pop  {
        padding-top: 1.5em;
    }
    .recent-post-trend{
        padding-top: 1.5em;

    }
}
@media (min-width:366px) and (max-width:473px){
    .recent-post-trend{
        padding-top: 1.5em;

    }
}
@media (min-width:576px) and (max-width:768px){
    .recent-post-trend{
        padding-top: 1.5em;

    }
}