@charset "UTF-8";

body,html,ul{box-sizing: border-box;font-family: 'Century Gothic';margin:0;padding:0}a{text-decoration:none}nav ul li a{font-size:min(1.4rem,1.2vw);font-weight:bold;padding:0 0.9rem;color:black}ul,li{list-style:none}img{max-width:100%;height:auto}

.wrapper{width:min(1366px,90%);margin-inline:auto}button,a,div,input{transition:all ease-in-out 0.2s}.saffron{color:#000}

.green{color:#000}.pos-rel{position:relative}.index{z-index:10}.padding-bt{padding:3rem 0 4rem}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:4px}.navigation{padding:1rem 1.5rem 1rem 1rem}nav ul li a:hover{color:#ec2c26}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.search{margin-left:2rem}.header-wrapper{padding-top:19px}.header-wrapper::before{content:'';position:absolute;height: 65px;width:98%;background:rgba(255,255,255,0.75);border-radius:25px;z-index:1;left:2%}.header-wrapper-innner::before{content:'';position:absolute;height: 65px;width:98%;background-color:#f3e8e8 ;border-radius:25px;z-index:1;left:2%}.bg{background:url(../images/banner.webp);background-size:cover}.header-content h1{color:#202020;margin-bottom: 0.5rem;margin-top: 0px;font-size: 19px;}.header-content p{font-size: 1.138rem;font-weight:bold;}.header-button,.product-button{border:none;border-radius:30px;padding:15px 26px;background:#ec2c26;font-size:1.1rem;color:white;width: max-content}.grid-3{ grid-template-columns:repeat(3,1fr)}.header-button{margin-top:2rem}.product-button{margin-top:1rem}.header-button:hover,.product-button:hover{background:#b30500}.rev-button:hover{background:black;color:white}.grid{display: grid}.grid-gap-2{grid-gap:3rem 4rem}
.brands{background:#f3f3f3;text-align:center;border-radius:15px;display:flex}.brands img{margin-inline:auto;max-width:65%}.align-self-center{align-self:center}.rev-button{border:none;border-radius:30px;padding:15px 26px;background:white;font-size:1.1rem;margin-top:2rem;color:black;width: max-content}.story{background: #ee8e54}.food-service-range{background: #f0cb12}.food-service-range .food-range-block  img{max-height:200px}.food-service-range .food-range-block .packaging{text-align:center;padding:0 0 2rem}.food-range-block {padding-top:1rem}.packaging{border-radius:15px}.packaging img{transition:ease-in-out all 1s;transform:rotateY(0deg)}.packaging img:hover{transform:rotateY(180deg)}.story h1,.story p{color:white}.story p{line-height:1.3}.heading{font-size:min(2rem,6vw)}.heading-2{font-size:min(1.7rem,4vw);color:#ec2c26;margin-top:0;margin-bottom:0}.product-image{overflow:hidden}.product-image img{transition:all ease-in-out 3s}.product-image img:hover{transform:scale(1.5)}.product-details{justify-content: center;display: flex;flex-direction: column}.sub-heading{font-size:min(1.44rem,4vw)}.sub-heading-2{font-size:17px;font-family: system-ui;margin-bottom:5px; text-align: justify;}.responsive-menu{background: #ec2d25;padding: 3px 0px 0px}.responsive-menu img{filter:invert(100%) sepia(100%) saturate(30%) hue-rotate(2deg) brightness(118%) contrast(119%) opacity(1);padding: 0px 5px}
.brands_about{text-align:center;border-radius:15px;}.brands_about img{margin-inline:auto;max-width:65%}
.responsive-menu img:hover{cursor:pointer}.filter-colors{ margin-right:4px;margin-bottom:4px}.filter-color{ margin-right:4px;margin-bottom:4px;filter: invert(100%) sepia(98%) saturate(0) hue-rotate(327deg) brightness(118%) contrast(119%)       

/* invert(48%) sepia(79%) saturate(2476%) hue-rotate(345deg) brightness(118%) contrast(119%);margin-right: 6px*/}.contact p,.quick-links li a{font-size:1.1rem}.quick-links li a{margin-bottom: 4px;display: flex}.company h2{text-transform: capitalize}

.footer-wrapper{background:url(../images/footer.jpg);background-size:cover}.footer-content a,.footer-content p,.footer-content h2{color:white}

header{position:absolute;width:100%}

.slick-prev:before, .slick-next:before{font-size:40px}

.slick-next {right: 40px!important}

.slider-nav {width:50px}
.rfk{font-size: 32px !important;font-weight: bold; font-family: cursive !important;}
.sbr{margin-bottom: 23px !important;
    font-family: cursive !important;}
.sbrs{margin-bottom: 23px !important;
    font-family: cursive !important;
    text-align: center;}
    .icon{height: 13px !important;}

    .sbr_about{margin-top: -97px !important;
    font-family: cursive !important;
    text-align: center;}
    .icon{height: 13px !important;}
    .sbr_heading{ font-family: cursive !important;}
    .about_text{font-family: system-ui;}
    .sp{padding-left: 67px;
    margin-top: 22px;}

.custom2{display:flex;flex-direction:column;justify-content:center;height:100vh}

.spl{    background: rgba(255,255,255,0.6);

    position: absolute;

    top: 55%;border-radius: 0px 60px;

    transform: translateY(-50%);

    padding: 2rem;}

 .sbr_success{
    font-family: cursive !important;
    text-align: center;
    color: #ec2c26;
    font-size: min(1.7rem,4vw);}

    .sbr_avtar{
    text-align: center;
  }
  .sbr_avtar_text{
    
   
    text-align: justify;
    font-family: system-ui;
    font-size: 18px;
    width: 354px;
   
  }
  .text_color{
     color: #ec2c26;
  }
  .text_Buhler{
    font-size:22px;font-family: system-ui;margin-bottom:5px; text-align: justify;
   
  }
  .sec53{margin-left: 400px}
.q_link{margin-left: 38px;}
.map{width:1350px}

@media screen and (max-width:1920px){}

@media screen and (min-width:1601px){.HC{padding:10rem 0}.grid-2{ grid-template-columns:repeat(1,1fr)}.grid-gap{grid-gap:1.5rem} .brands{padding:3rem}}

@media screen and (max-width:1600px){.HC{padding:3.5rem 0}

.grid-gap{grid-gap:1rem}.brands{padding:2.5rem}}

@media screen and (min-width:1201px){.responsive-menu{display:none}}

@media screen and (max-width:1200px){

    .navigation{display:none}

    .header-wrapper::before{background:none}



    .responsive-menu {

        display: block;

        position: absolute;

        z-index: 2;

        top: 53px;

        right: 0px;

    }
    .resmen{font-size: 16px}
    .navigation.responsive{display:block; z-index:9; background: #ddd; position: absolute; top: 91px; right: 0px;}

    .navigation.responsive .flex{display:inherit; border: 0px;}

    .navigation.responsive ul.flex li{border-bottom: solid 1px #bfbfbf; padding:5px 0px;} 

    .navigation.responsive nav{    width: 150px;}

    .navigation.responsive nav ul li a{padding-left:0px;}

    .navigation.responsive .search{margin-left:0px; padding-top: 5px;}}

@media screen and (min-width:993px){  .grid-2{ grid-template-columns:repeat(2,1fr)}}

@media screen and (max-width:992px){ .HC{padding:2.5rem 0 }.grid-2{ grid-template-columns:repeat(1,1fr)}

    .order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}

    .order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}
    /*.spl{ top: 326px;width: 88%;left: 6%;background:rgba(255,255,255,0.9)}*/
    .spl{ width: 55%;left: 26%;background:rgba(255,255,255,0.9)}
    .sbr_avtar_text{margin-right: 23px;}
    .sbr_avtar {text-align: center;}
    .slider-for .item{height:60vh}
    .q_link{margin-left: 0px;}
    .resmen{font-size: 16px}
    .sec53{margin-left: 0px !important}
    .map{width:999px}
    .res{width:100px !important; height: 100px !important; }
/* 

    .product-details{border-bottom: 2px dotted #ededed;padding-bottom: 25px}

    #last-product{border:none;padding-bottom:0}

*/

}



@media screen and (min-width:769px){.grid-4{grid-template-columns:repeat(4,1fr)}.custom{display:flex;flex-direction:column;align-items: center}.tagline{ font-size:17px;width: 174px;text-align: center}.header-content{width:35rem}}

@media screen and (max-width:768px){ .HC{padding:2.5rem 0 }.grid-2{ grid-template-columns:repeat(1,1fr)}

.grid-3{ grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.tagline{ font-size:13px}


}

@media screen and (max-width:560px){ .grid-4{grid-template-columns:repeat(1,1fr)}

    .product-image img{width:100%;max-width:100%}}