@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
body{margin:0;background-image:url(../images/background.png);background-size:100% auto;font-family:'Roboto'}
a.homepage, a.homepage:hover{color:#08222e;text-decoration:none}
.bg-logo-main:hover {
    /* -webkit-transform: scale(1.05); */
    /* background-size: 150px; */
    -webkit-box-shadow: 0px 4px 20px 10px rgba(0,0,0,0.3); 
    box-shadow: 0px 4px 20px 10px rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease-in-out;
}
.body-container{width:1140px;margin:0 auto}
.header-container{color:#08222e}
.header-container .header-logo{height: 35px;}
.home-page .box-home-page-banner-logo{height: 100px;}
.font-logo{height:80px;margin:20px auto}
.bar-logo{background-color:#08222e;height:30px;width:100%}
.box-brand{width:100%}
.box-brand .box-left{width:70px;float:left;background-color:#d7c9b0}
.box-brand .box-left .hd-text{height:700px;display:flex}
.box-brand .box-left .box-text{display:block;filter:flipv fliph;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);position:relative;width:100%;white-space:nowrap;font-size:20px;color:#08222e}
.box-brand .box-right{width:1070px;float:left}
.box-brand .box-right .bg-logo-main{background-size:100% auto;height:220px;margin-bottom:20px;display:flex;-webkit-transition: all 0.3s ease-in-out;}
.box-brand .box-right .bg-logo-main .logo{width:220px}
.box-brand .box-right .bg-logo-summerland{background-image:url(../images/bg-summerland.png);background-size:100% auto;height:250px;margin-bottom:20px;display:flex}
.box-brand .box-right .bg-logo-summerland .logo{width:220px}
.box-brand .box-right .bg-logo-aiyara{background-image:url(../images/bg-aiyara.png);background-size:100% auto;height:250px;margin-bottom:20px;display:flex}
.box-brand .box-right .bg-logo-aiyara .logo{width:220px}
.box-brand .box-right .bg-logo-chalini{background-image:url(../images/bg-chalini.png);background-size:100% auto;height:250px;display:flex}
.box-brand .box-right .bg-logo-chalini .logo{width:220px}
.box-main-category .box-category-list{ -webkit-transition: all 0.3s ease-in-out;}
.box-logo{width:100%;display:flex;margin-bottom: 20px;}
.box-logo .bg-logo-foodsthern{height:250px;margin:10px auto}
.box-logo .bg-logo-foodsthern .logo{width:220px}
.footer-fs{background-color: #08222e;}
.footer-fs .body-container{font-size: 13px;}
.bg-footer{background-color:#082835;width:100%;display:flex}
.bg-footer a.link-about-us, .bg-footer a.link-about-us:hover{color:#fff}
.bg-footer .box-left{width:740px;padding:20px 10px;float:left}
.bg-footer .box-left h4{color:#c7bda6}
.bg-footer .box-left p{color:#fff;font-size:18px;font-style:normal;line-height:30px}
.bg-footer .box-left p b{font-size:22px}
.bg-footer .box-right{width:360px;float:left}
.bg-footer .box-right ul{width:80px;list-style:none;margin-top:30px;padding-left:20px;padding-right:20px}
.bg-footer .box-right ul li{margin-top:10px}
.bg-footer .box-right ul li:first-child{margin-top:0}
.bg-footer .box-right .box-socail{width:80px;float:left}
.bg-footer .box-right .box-contact{padding:20px 10px;width:260px;float:left;margin-left:15px}
.bg-footer .box-right .box-contact h6{color:#fff}
.bg-footer .box-right .box-contact p{color:#fff}
.bg-footer .box-right .box-contact a,.bg-footer .box-right .box-contact a:hover{color:#fff}
/* .bg-logo-aiyara-in-product{background-image:url(../images/bg-aiyara.png);background-size:100% auto;height:250px;margin-bottom:0;display:flex} */
.bg-logo-aiyara-in-product{background-size:100% auto;height:250px;margin-bottom:0;display:flex}
.bg-logo-aiyara-in-product .logo{width:220px}
.bar-product{background-color:#cccbcb;width:100%;height:40px;padding-top:8px;color:#fff}
.bar-product p{text-align:center}
.bar-top{background-color:#777068;width:100%;height:40px;padding:8px 10px;font-weight:400}
.bar-top h5{font-size:20px;color:#fff}
.box-product .p-picture{background-color:#e6e5e3}
.box-product .p-picture img{width:100%}
.box-product .p-info table td{background-color:#c1c2c1;border:2px solid #fff;padding:5px 5px 10px;vertical-align:top;font-size:14px}
.box-product-category .box-product-category-list{ 
    cursor: pointer; 
    border-radius: 30px; 
    -webkit-box-shadow: 0px 1px 7px 4px rgba(193,194,193,0.6); 
    box-shadow: 0px 1px 7px 4px rgba(193,194,193,0.6);
    -webkit-transition: all 0.3s ease-in-out;
}
.box-product-category .box-product-category-list-active{ 
    -webkit-box-shadow: 0px 2px 15px 7px rgba(115,115,115,0.8)!important; 
    box-shadow: 0px 2px 15px 7px rgba(115,115,115,0.8)!important;
    -webkit-transition: all 0.3s ease-in-out!important; 
}
.box-product-category .box-product-category-list:hover { 
    -webkit-box-shadow: 0px 2px 15px 7px rgba(115,115,115,0.8)!important; 
    box-shadow: 0px 2px 15px 7px rgba(115,115,115,0.8)!important;
    -webkit-transition: all 0.3s ease-in-out!important; 
}
.box-fix-sszx:hover{
    -webkit-box-shadow: 0px 2px 15px 7px rgba(115,115,115,0.8)!important; 
    box-shadow: 0px 2px 15px 7px rgba(115,115,115,0.8)!important;
    -webkit-transition: all 0.3s ease-in-out!important; 
}
.box-product-category .box-product-category-list .box-product-category-list-img{ padding: 5px; }
.box-product-category .box-product-category-list .box-product-category-list-img img{ border-radius: 50%; height: 50px;}
.box-product-category .box-product-category-list .box-product-category-list-title{ padding: 5px 15px 5px 5px; }
.box-about-us-banner .box-about-us-banner-logo{height: 150px;}
.box-about-us-container .box-about-us-banner-main{max-height: 600px; opacity: .88;}
.box-about-us{width:100%;margin:20px auto;}
.box-about-us .top-bar{background-color:#d7c9b0;height:40px;padding-top:8px}
.box-about-us .top-bar h5{color:#fff;font-size:20px;}
.box-about-us .box-text{background-color:#082835;padding:40px 50px 60px 50px;color:#fff;font-size:18px}
.footer-fs .icon-soial-hr{display: none;}
@media (max-width: 768px) {
body{margin:0;background-image:url(../images/background-mb.png)}
.body-container{width:100%}
.font-logo{width:80%;height:auto}
.box-brand .box-left{width:10%}
.box-brand .box-left .hd-text{height:790px}
.box-brand .box-left .box-text{font-size:16px}
.box-brand .box-right{width:90%}
.box-brand .box-right .bg-logo-main{background-size:auto 250px}
.box-brand .box-right .bg-logo-summerland{background-size:auto 250px}
.box-brand .box-right .bg-logo-summerland .logo{width:180px}
.box-brand .box-right .bg-logo-aiyara{background-size:auto 250px}
.box-brand .box-right .bg-logo-aiyara .logo{width:180px}
.box-brand .box-right .bg-logo-chalini{background-size:auto 250px}
.box-brand .box-right .bg-logo-chalini .logo{width:180px}
.box-main-category .box-category{ margin-left: 10px!important; margin-right: 10px!important; }
.box-main-category .box-category-list .card-body{ font-size: 13px!important; }
footer .body-container{padding:0}
.bg-footer{margin:0;display:flow-root}
.bg-footer .box-left{width:100%;float:none}
.bg-footer .box-left h4{color:#c7bda6}
.bg-footer .box-left p{color:#fff;font-size:16px;font-style:normal;line-height:28px}
.bg-footer .box-left p b{font-size:20px}
.bg-footer .box-right{width:100%;float:none}
.bg-footer .box-right ul{width:80px;list-style:none;margin-top:30px;padding-left:20px;padding-right:20px}
.bg-footer .box-right ul li{margin-top:10px}
.bg-footer .box-right ul li:first-child{margin-top:0}
.bg-footer .box-right .box-socail{width:20%}
.bg-footer .box-right .box-contact{width:70%}
.bg-logo-aiyara-in-product{background-size:auto 250px}
.bg-logo-aiyara-in-product .logo{width:180px}
.box-product .p-info table td{padding:3px 3px 8px;font-size:16px}

.footer-fs{padding-left: 20px; padding-right: 20px;}
.footer-fs .icon-soial{margin-top: 10px;}
.footer-fs .icon-soial-hr{display: unset;}
}