@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

html, body {
    position: relative;
    height: 100%;
}

body{ font-family: 'Montserrat', sans-serif; background:#fff;  font-weight:400; }


.form-control::-moz-placeholder {color: #818181 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #818181 !important;}
.form-control::-webkit-input-placeholder {color: #818181 !important;}

#loader-wrapper img {height: 120px; left: 50%; margin: -60px 0 0 -88px; position: absolute; top: 50%; width: 176px; }
#loader-wrapper {background: rgba(255,255,255, 0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999999999 !important;}
#loader { display: block; }
#toTop { border-radius:0; bottom:50px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
/*.container{max-width: 1500px; min-width: 1300px; margin: auto; }*/

.padding_0{padding:0px;}
.margin_0{margin:0px;}
.margin_5{margin:0 -5px !important}
.padding_5{padding:0 5px !important}
.margin_10{margin:0 -10px !important}
.padding_10{padding:0 10px !important}
.md_bottom_30{margin-bottom:30px}


header .nav_sec{width:100%; float:left; padding:20px 0; margin:0; position:absolute; z-index:2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition:all .3s ease-in-out;}
header .nav_sec .logo{ height:40px; float:left; margin:0px}
header .nav_sec .logo img{height:100%}
header .nav_sec ul.social{padding:0; margin:0px; list-style:none; float:right}
header .nav_sec ul.social li{ padding:0; margin:0px; display:inline-block; text-decoration:none;}
header .nav_sec ul.social li a i{ width:40px; height:40px; padding:0; margin:0; font-size:20px; color:#fff; text-align:center; line-height:40px; display:block;  text-decoration:none;}
header .nav_sec ul.social li a:hover i{color:#000; text-decoration:none}
header .nav_sec .menu_btn{width:40px; height:40px; background:url(../images/menu-icon.png) center center no-repeat; border:none; background-color:transparent; float:right; cursor:pointer; margin-left: 10px}
header .nav_sec .menu_btn:focus{outline:none}
.sticky-wrapper {position: absolute; width: 100%; z-index: 4;}
.sticky-wrapper.is-sticky .nav_sec{padding:10px 0; background:#ed3237;}


.menu_full_area {height: 100%; width: 100%; position: fixed; z-index: 50; top: 0; right: -100%; background:#000; overflow-x: hidden; transition: 0.5s ease;}
.menu_full_area.active{right:0px; transition: 0.5s ease; overflow:hidden}
.menu_full_area .content_area{position:absolute; top:0px; width:100%; height:100%; left:0px; display: flex; justify-content: flex-start; align-items: center; z-index:222}
.menu_full_area .content_area .menu-logo{width:200px; border-radius:15px; margin-bottom:50px; }
.menu_full_area .content_area .menu-logo img{width:100%;}
.menu_full_area .content_area h3{font-size:40px; line-height:40px; font-weight:800; color:#fff; margin:0px 0 20px 0; letter-spacing:1px;}
.menu_full_area .content_area ul.brand{padding:0; margin:0px 0px 30px 0px; list-style:none; display: inline-block;}
.menu_full_area .content_area ul.brand li{ float: left; background: #fff; border-radius: 10px; overflow: hidden; margin-right: 20px; padding: 10px}
.menu_full_area .content_area ul.menu{margin:0px; padding:0px; list-style:none}
.menu_full_area .content_area ul.menu li{font-size:30px; line-height:36px; font-weight:800; margin:25px 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position:relative; }
.menu_full_area .content_area ul.menu li:before{content:''; position:absolute; left:0px; top:12px; width:8px; height:8px; background:#ed3237; border-radius:50%; opacity:0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu_full_area .content_area ul.menu li a{color:#ed3237; text-decoration:none;}
.menu_full_area .content_area ul.menu li:hover, .menu_full_area .content_area ul.menu li.active{letter-spacing:1px; color:#ed3237; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu_full_area .content_area ul.menu li:hover a,  .menu_full_area .content_area ul.menu li.active a{color: #fff}
.menu_full_area .content_area ul.info{margin:0px; padding:0px; list-style:none; display: flex; flex-wrap: wrap; }
.menu_full_area .content_area ul.info li{font-size:16px; line-height:24px; font-weight:700; width: 48%; margin-right: 2%; margin-bottom: 10px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position:relative; }
.menu_full_area .content_area ul.info li a{color:#fff; text-decoration:none; background: #ed3237; padding: 10px 12px; border-radius: 5px; display: block;}

.menuscroll {
    width: 100%;
    height: 400px;
}

.swiper-slide {
    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
}


.form-box{padding: 30px 25px 25px 25px}
.form-box .form-group{margin-bottom: 25px !important;position: relative !important;}
.form-box .form-group label{position: absolute;background-color: #fff;color: #000;padding: 0 10px;top: -9px;left: 15px;font-size: 14px;font-weight: 500;z-index: 1;}
.form-box .form-group .form-control{font-size: 16px;padding: 18px 25px 14px 25px;border: 1px solid #dcdcdc;border-radius: 6px;background-color: transparent;}
.form-box .form-group .form-control:focus{box-shadow: none; border:#ed3237 1px solid;}
.form-box .btn-submit{background: #000000; color: #ed3237; padding: 13px 30px; font-size: 16px; display: inline-block; text-decoration: none; border-radius: 0px;}
.form-box .btn-submit:hover{background: #ed3237; color: #000;}


.menu_full_area .menu-bg{/*background:url(../images/menu-bg.png) center bottom repeat-x;*/ position:absolute; bottom:-15px; left:-5%; width:110%; height:100%; z-index:1}
.menu_full_area .menu_btn{position:absolute; top:0px; right:0px; background:#fff; width:100px; height:100px; border-radius:0 0 0 100px; padding:28px 28px 48px 48px; cursor:pointer }


.main-slider{width: 100%; margin:0px; height:100vh; position:relative; overflow: hidden;}
.main-slider .swiper-slide{position: relative; background: #ed3237; height:100vh;}
.main-slider .swiper-slide .pro-img{width: 700px; position: absolute; right: 12%; top: 50%; margin-top: -350px}
.main-slider .swiper-slide .pro-img img{width: 100%;}
.main-slider .swiper-slide .pro-img img.bg{width: 100%; position: absolute; left: 0px}
.main-slider .swiper-slide .pro-img img.pro{width: 100%; position: absolute; left: 0px; z-index: 1}
.main-slider .swiper-slide img{width: 100%;}
.main-slider .swiper-slide .d-flex{display: flex;}
.main-slider .swiper-slide .content-area{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex;}
.main-slider .swiper-slide .content-area .content-box{display: flex; align-items: center; justify-content: center; width: 45%}
.main-slider .swiper-slide .content-area .content-box .full{width: 100%}
.main-slider .swiper-slide .content-area .content-box h2{font-size: 52px; color: #000000; line-height: 56px; margin: 0 0 30px 0; font-weight: 700}
.main-slider .swiper-slide .content-area .content-box h2 span{font-size: 34px; color: #fff; font-weight: 300; display: block;}
.main-slider .swiper-slide .content-area .content-box p{font-size: 18px; line-height: 30px; font-weight: 400; color: #000000; margin-bottom: 30px}
.main-slider .swiper-slide .content-area .content-box .btn-read{background: #000000; color: #ed3237; padding: 13px 30px; font-size: 16px; display: inline-block; text-decoration: none; border-radius: 8px;}
.main-slider .swiper-slide .content-area .content-box .btn-read i{margin-left: 10px}
.main-slider .swiper-button-next,
.main-slider .swiper-button-prev{background-image: none; z-index: 4; top: 48%}
.main-slider .swiper-button-next{right: 20px}
.main-slider .swiper-button-prev{left: 20px}
.main-slider .swiper-button-next::after, .main-slider .swiper-button-prev::after {content: none}
.main-slider .slider-icon-1{position: absolute; bottom: 14px; left: 166px; z-index: 1}
.main-slider .slider-icon-2{position: absolute; top: 125px; right: 602px; z-index: 1}
.main-slider .slider-icon-3{position: absolute; bottom: 38px; right: -100px; z-index: 1}
.main-slider .slider-icon-4{position: absolute; top: 52px;left: 414px; z-index: 1}
.main-slider .slider-icon-5{position: absolute; bottom: 60px;right: 360px; z-index: 1}
.main-slider .slider-icon-6{position: absolute; bottom: 118px;right: 868px; z-index: 1}
.main-slider .slider-icon-7{position: absolute; top: 290px;right: 103px; z-index: 1}

.product-range{width: 100%; margin:0px; padding: 80px 0; position:relative; overflow:hidden ; }
.product-range h2{font-size: 36px; color: #000; font-weight: 800; text-transform: uppercase; text-align: center; margin: 0 0 40px 0}
.product-range h2 span{font-size: 16px; color: #ed3237; font-weight: 700; display: block;}
.product-range .cate-small-box{width: 100%; height: 270px; background: #e8cbee; position:relative; margin-bottom: 30px;  -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-range .cate-small-box .cate-name{text-align: center; position: absolute; left: 0px; top: 25px; width: 100%; font-size: 20px; font-weight: 700; color: #313131; line-height: 24px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-range .cate-small-box .view{text-align: center; position: absolute; left: 0px; bottom: 15px; width: 100%; font-size: 16px; font-weight: 400; color: #313131; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-range .cate-small-box .view i{margin-left: 10px}
.product-range .cate-small-box img{width: 100%; -webkit- transform: scale(1.0); transform: scale(1.0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin-top: 10px}
.product-range .cate-small-box:hover img{-webkit- transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-range .cate-small-box:hover .cate-name{top: 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-range .cate-small-box:hover .view{bottom: 10px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-range .cate-small-box:hover{border-radius:20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-range .cate-small-box.large_full{height: 570px}
.product-range .cate-small-box.large_full .cate-name{font-size: 36px; line-height: 44px; text-align: left; left: 50px; top: 50px}
.product-range .cate-small-box.large_full .view{bottom: auto; top: 150px; text-align: left; width: auto; left: 50px}
.product-range .cate-small-box.large_full:hover .cate-name{top: 60px}
.product-range .cate-small-box.large_full:hover .view{top: 160px}
.product-range .cate-small-box.large_full2 .cate-name{font-size: 36px; line-height: 44px; text-align: left; left: 40px; top: 50px}
.product-range .cate-small-box.large_full2 .view{bottom: auto; top: 150px; text-align: left; width: auto; left: 40px}
.product-range .cate-small-box.large_full2:hover .cate-name{top: 60px}
.product-range .cate-small-box.large_full2:hover .view{top: 160px}

.about_area{position: relative; overflow: hidden;}
.about_area::before{content: ''; position: absolute; right: 0px;}
.about_area .photo-area{ width: 63%; position: relative;}
.about_area .photo-area img{width: 100%}
.about_area .photo-area .name{position: absolute; color: #000000; bottom: 50px; left: 0px; background: #ed3237; padding: 20px 30px; font-size: 24px; font-weight: 700; -webkit-box-shadow: 25px 25px 19px 0px rgba(0,0,0,0.23); -moz-box-shadow: 25px 25px 19px 0px rgba(0,0,0,0.23); box-shadow: 25px 25px 19px 0px rgba(0,0,0,0.23);}
.about_area .photo-area .name span{display: block; font-size: 16px; font-weight: 400}
.about_area .photo-area .year{position: absolute; color: #362c1a;  -webkit-text-fill-color: #362c1a; -webkit-text-stroke-width:2px; -webkit-text-stroke-color: #fff; text-transform: uppercase; top: 50px; left: 40px; font-size: 30px; font-weight: 800;  padding-left: 125px; line-height: 36px}
.about_area .photo-area .year span{font-weight: 800; font-size: 82px;  -webkit-text-fill-color: #ed3237; -webkit-text-stroke-width:4px; -webkit-text-stroke-color: #fff; position: absolute; top: 0px; line-height: 74px; left: 0px}
.about_area .cooker-icon{position: absolute; right: 0px; top: 0px; z-index: 1}
.about_area .white-content-box{background: #fff; position: absolute; width:570px; top: 50%; margin-top:-280px; left:50%; z-index: 2; padding: 50px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);}
.about_area .white-content-box h2{font-size: 36px; color: #000; font-weight: 800;  margin: 0 0 30px 0; position: relative; padding-bottom: 30px;}
.about_area .white-content-box h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; background: #edebeb; height: 2px; width: 200px}
.about_area .white-content-box h2::after{content: ''; position: absolute; bottom: 0px; left: 0px; background: #ed3237; height: 2px; width: 60px}
.about_area .white-content-box h2 span{font-size: 16px; color: #ed3237; font-weight: 700; display: block; text-transform: uppercase;}
.about_area .white-content-box p{font-size: 18px; line-height: 28px; color: #262525; margin: 0px 0px 25px 0px; font-weight: 400}
.about_area .white-content-box p strong{font-size: 24px; line-height: 28px; color: #005982; margin: 0px 0px 10px 0px; font-weight: 600; font-style: italic; text-transform: uppercase; display: block;}
.about_area .white-content-box .btn-read{background: #000000; color: #ed3237; padding: 13px 30px; font-size: 16px; display: inline-block; text-decoration: none; border-radius: 0px;}
.about_area .white-content-box .btn-read:hover{background: #ed3237; color: #000;}
.about_area .white-content-box .btn-read i{margin-left: 10px}

.why_choose_area{position: relative; overflow: hidden; padding: 100px 0}
.why_choose_area .why-flex-content{width: 100%; display: flex;}
.why_choose_area .why-flex-content .leftside{width: 45%; display: flex; justify-content: center;align-items: center; padding-right: 40px}
.why_choose_area .why-flex-content .rightside{width: 55%; display: flex; justify-content: center;align-items: center;}
.why_choose_area .why-flex-content .full{width: 100%}
.why_choose_area .why-flex-content h2{font-size: 36px; color: #000; font-weight: 800;  margin: 0 0 30px 0; position: relative; padding-bottom: 30px;}
.why_choose_area .why-flex-content h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; background: #edebeb; height: 2px; width: 200px}
.why_choose_area .why-flex-content h2::after{content: ''; position: absolute; bottom: 0px; left: 0px; background: #ed3237; height: 2px; width: 60px}
.why_choose_area .why-flex-content h2 span{font-size: 16px; color: #ed3237; font-weight: 700; display: block; text-transform: uppercase;}
.why_choose_area .why-flex-content p{font-size: 18px; line-height: 28px; color: #262525; margin: 0px 0px 25px 0px; font-weight: 400}
.why_choose_area .why-flex-content .btn-video{background: #000000; color: #ed3237; padding: 13px 30px; font-size: 16px; display: inline-block; text-decoration: none; border-radius: 0px;}
.why_choose_area .why-flex-content .btn-video:hover{background: #ed3237; color: #000;}
.why_choose_area .why-flex-content .btn-video i{margin-left: 10px}
.why_choose_area .why-flex-content .icon-box{text-align: center; padding: 40px 10px; background: rgb(162,234,245); background: radial-gradient(circle, rgba(162,234,245,1) 0%, rgba(119,200,213,1) 58%); border-radius: 10px}
.why_choose_area .why-flex-content .icon-box img{margin-bottom: 35px}
.why_choose_area .why-flex-content .icon-box .title{font-size: 15px; font-weight: 700; color: #2c626a; text-transform: uppercase;}
.why_choose_area .why-flex-content .icon-box .title span{display: block; font-size: 68px; color: #000; line-height: 70px; position: relative;}
.why_choose_area .why-flex-content .icon-box .title span::after{content: '+'; }
.why_choose_area .why-flex-content .icon-box.green_box{background: rgb(192,242,218); background: radial-gradient(circle, rgba(192,242,218,1) 0%, rgba(114,200,159,1) 58%);}
.why_choose_area .why-flex-content .icon-box.green_box .title{color: #195036}

.download-brochure{position: relative; overflow: hidden; background: url(../images/download-bg.png) center center/cover no-repeat fixed}
.download-brochure .bg{background:rgb(0,0,0,0.7); padding: 100px 0}
.download-brochure .center-content{width: 64%; margin: 0 auto; text-align: center;}
.download-brochure .center-content h2{font-size: 32px; font-weight: 800; color: #ed3237; margin: 0 0 20px 0}
.download-brochure .center-content p{font-size: 16px; font-weight: 400; color: #fff; margin: 0 0 20px 0}
.download-brochure .center-content .btn-download{background: #ed3237; color: #000; padding: 13px 30px; font-size: 18px; font-weight: 700; display: inline-block; text-decoration: none; border-radius: 25px;}
.download-brochure .center-content .btn-download:hover{background: #fff; color: #000;}
.download-brochure .center-content .btn-download i{margin-right: 10px}


footer .footer-main{width: 100%; margin:0px; padding:40px 0; background:#f1f1f1}
footer .footer-main .footer-logo{width:200px; margin: 0 auto;}
footer .footer-main .footer-logo img{width:100%;}
footer .footer-main .icon{width: 46px; height: 46px; background: #000000; color: #ed3237; line-height: 46px; text-align: center; font-size: 22px; border-radius: 5px; margin-bottom: 15px}
footer .footer-main h2{font-size: 20px; font-weight: 700; text-transform: uppercase;}
footer .footer-main p{font-size: 14px; line-height: 24px; color: #000; margin: 0px 0px 5px 0px}
footer .footer-main p strong{color: #ed3237}
footer .footer-main p a{color: #000; }
footer .footer-main ul.info{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
footer .footer-main ul.info li{font-size: 14px; line-height: 24px; color: #000; width: 50%}
footer .footer-main ul.info li i{color: red; margin-right: 5px}
footer .footer-main ul.info li a{color: #000; text-decoration: none}
footer .copyright{background:#dedede; }
footer .copyright p{font-size: 15px; line-height: 24px; color: #000; margin: 8px 0px}
footer .copyright ul.social{padding:0; margin:0px; list-style:none; float:right}
footer .copyright ul.social li{ padding:0; margin:0px; display:inline-block; text-decoration:none;}
footer .copyright ul.social li a i{ width:40px; height:40px; padding:0; margin:0; font-size:16px; color:#000; text-align:center; line-height:40px; display:block;  text-decoration:none;}
footer .copyright ul.social li a:hover i{color:#000; text-decoration:none}



.title-area{background: #ed3237; padding: 130px 0 100px 0; border-radius: 0 0 500px 500px; text-align: center; position: relative; }
.title-area h1{margin: 0px 0px 15px 0px; font-size: 40px; color: #fff; font-weight: 800}
.title-area .breadcrumb{background: transparent; padding: 0px; margin: 0px; text-align: center; justify-content: center;}
.title-area .breadcrumb .breadcrumb-item{display: inline-block; color: #000}
.title-area .breadcrumb .breadcrumb-item a{color: #000}
.title-area img{width: 100%}
.title-area .icon-1{position: absolute; bottom: -145px; left: 50px; z-index: 1; width: 400px}
.title-area .icon-2{position: absolute; bottom: -145px; right: 50px; z-index: 1; width: 400px}

.contact-page{position: relative; overflow: hidden; padding: 100px 0}
.contact-page h2{font-size: 36px; color: #000; font-weight: 800;  margin: 0 0 25px 0; position: relative; padding-bottom: 30px; text-align: center;}
.contact-page h2::before{content: ''; position: absolute; bottom: 0px; left: 50%; background: #edebeb; height: 2px; width: 200px; margin-left: -100px}
.contact-page h2::after{content: ''; position: absolute; bottom: 0px; left: 50%; background: #ed3237; height: 2px; width: 60px; margin-left: -30px}
.contact-page h2 span{font-size: 16px; color: #ed3237; font-weight: 700; display: block; text-transform: uppercase;}
.contact-page p{font-size: 16px; line-height: 28px; color: #262525; margin: 0px 0px 40px 0px; font-weight: 400;  padding: 0 150px}
.contact-page .form-group{margin-bottom: 25px !important;position: relative !important;}
.contact-page .form-group label{position: absolute;background-color: #fff;color: #000;padding: 0 10px;top: -9px;left: 15px;font-size: 14px;font-weight: 500;}
.contact-page .form-group .form-control{font-size: 16px;padding: 18px 25px 14px 25px;border: 1px solid #dcdcdc;border-radius: 6px;background-color: transparent;}
.contact-page .form-group .form-control:focus{box-shadow: none; border:#ed3237 1px solid;}

.contact-page .btn-submit{background: #000000; color: #ed3237; padding: 13px 30px; font-size: 16px; display: inline-block; text-decoration: none; border-radius: 0px;}
.contact-page .btn-submit:hover{background: #ed3237; color: #000;}
.contact-page .info-box{position: relative; background: #000; padding: 15px 25px 15px 70px; color: #fff; line-height: 30px; font-size: 16px; color: #fff; font-weight: 300;  border-radius: 15px 0; margin-bottom: 40px}
/*.contact-page .info-box::before{content: ''; border:#ed3237 1px solid; position: absolute; bottom: -20px; right: -20px; width: 100%; height: 100%}*/
.contact-page .info-box strong{display: block; font-weight: 700; color:#ed3237 }
.contact-page .info-box a{display: block; color:#fff; text-decoration: none}
.contact-page .info-box a:hover{display: block; color:#ed3237; text-decoration: none}
.contact-page .info-box i{position: absolute; top: -10px; left: -10px; width: 60px; height: 60px; background: #ed3237; border-radius: 15px 0; line-height: 60px; text-align: center; font-size: 26px}

.contact-page .map{width: 100%; height: 400px; margin-top: 80px; position: relative;}
.contact-page .map::before{content: ''; border:#ed3237 1px solid; position: absolute; bottom: -20px; right: -20px; width: 100%; height: 100%}
.contact-page .map::after{content: ''; border:#000 1px solid; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%}
.contact-page .map iframe{position: relative; z-index: 1}


.about-page{position: relative; overflow: hidden; padding: 100px 0}
.about-page .logo{width: 200px; margin: 0 auto 40px auto;}
.about-page .logo img{width: 100%}
.about-page h2{font-size: 36px; color: #000; font-weight: 800;  margin: 0 0 25px 0; position: relative; padding-bottom: 30px;}
.about-page h2::before{content: ''; position: absolute; bottom: 0px; left:0%; background: #edebeb; height: 2px; width: 200px;}
.about-page h2::after{content: ''; position: absolute; bottom: 0px; left: 0%; background: #ed3237; height: 2px; width: 60px; }
.about-page h2 span{font-size: 16px; color: #ed3237; font-weight: 700; display: block; text-transform: uppercase;}
.about-page .sub_text{font-size: 16px; line-height: 28px; color: #262525; margin:0px; font-weight: 400;  padding: 0 150px; text-align: center;}
.about-page .about-content-block{display: flex; position: relative; margin-top: 100px}
.about-page .about-content-block .photo-area{display: flex; justify-content: center; align-items: center; width: 70%; overflow: hidden;}
.about-page .about-content-block .photo-area img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; width: 100%;}
.about-page .about-content-block .content-area{position: absolute; display: flex; justify-content: center; align-items: center; background:#fff;  width: 60%; top:50%; margin-top:-190px; height:386px; right: 0px; padding: 30px ; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);}
.about-page .about-content-block .content-area .full{width: 100%}
.about-page .about-content-block .content-area h3{font-size: 24px; font-weight: 700; color: #000; margin: 0 0 10px 0}
.about-page .about-content-block .content-area p{font-size: 15px; line-height: 24px; font-weight: 300; color: #000; margin: 0}
.about-page .about-content-block .content-area ul{margin: 20px 0px 0px 0px; padding: 0px; list-style: none}
.about-page .about-content-block .content-area ul li{font-size: 15px; line-height: 24px; font-weight: 300; color: #000; position: relative; padding-left: 15px}
.about-page .about-content-block .content-area ul li::before{content: ''; position: absolute; left: 0px; top: 8px; width: 8px; height: 8px; background: #ed3237}
.about-page .about-content-block.right-image{flex-direction: row-reverse;}
.about-page .about-content-block.right-image .content-area{left: 0px}
.about-page .about-content-block:hover .photo-area img{width:100%; -webkit-filter: grayscale(100%); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.media-page{position: relative; overflow: hidden; padding: 100px 0 20px 0}
.media-page .tab-area{width: 362px;
                      background: #eee;
                      padding: 10px;
                      border-radius: 40px;
                      margin: 0 auto 40px auto;}
.media-page .tab-area a{color: #000; font-weight: 500; padding: 12px 30px; border-radius: 35px;}
.media-page .tab-area a.active, .media-page .tab-area a:hover{background: #ed3237; color: #fff}
.media-page .media-block{margin: 0 10px 50px 10px; position: relative;}
.media-page .media-block::before{content: ''; position: absolute; background: #fff; border: #ed3237 4px solid; width: 200px; height: 200px; top: 0px; left: 0px; z-index: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.media-page .media-block::after{content: ''; position: absolute; background: #fff; border: #000 4px solid; width: 200px; height: 200px; bottom: 0px; right: 0px; z-index: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.media-page .media-block:hover::before{left: -20px; top: -20px}
.media-page .media-block:hover::after{right: -20px; bottom: -20px}
.media-page .video-box{position: relative;  overflow: hidden; z-index: 2}
.media-page .media-box{position: relative;  overflow: hidden; z-index: 2; height: 300px; width: 100%}
.media-page .media-box img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.media-page .media-box .content-box{position: absolute; background: rgba(0,0,0,.8); bottom: 10px; left: 10px; display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px 20px;  -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.media-page .media-box .content-box h2{font-size: 24px; color:#fff; font-weight: 700; margin:0}
.media-page .media-box .content-box p{font-size: 16px; color:#fff; font-weight: 300; margin: 0 0 15px 0}
.media-page .media-box:hover .content-box{bottom: 20px; left: 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.media-page .media-box:hover img{width:100%; -webkit-filter: grayscale(100%); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}


.product-page{position: relative; overflow: hidden; padding: 100px 0 70px 0}
.product-page .product-box{ margin-bottom: 30px;  -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.product-page .product-box .pro-img{width: 100%; margin: 0 auto; padding: 0px; border-radius: 10px; background: #f9ebd3}
.product-page .product-box .pro-img img{width: 100%; -webkit- transform: scale(1.0); transform: scale(1.0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-page .product-box .pro-name{text-align: center; font-size: 20px; font-weight: 700; color: #313131; line-height: 24px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin-top: 10px}
.product-page .product-box a{text-decoration: none}
.product-page .product-box:hover .pro-img img{-webkit- transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-page .product-box.large-box{background: #f9ebd3}

.product-page .main-box{width: 100%; height: 570px;border-radius: 10px; background: #e8cbee; position:relative; margin-bottom: 30px;  -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-page .main-box .cate-name{text-align: center; position: absolute;  text-align: left; left: 50px; top: 50px; font-size: 36px; line-height: 44px; font-weight: 700; color: #313131; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-page .main-box .view{text-align: center; position: absolute; left: 0px; top: 150px; text-align: left; width: auto; left: 50px; font-size: 16px; font-weight: 400; color: #313131; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-page .main-box .view i{margin-left: 10px}
.product-page .main-box img{width: 100%; -webkit- transform: scale(1.0); transform: scale(1.0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin-top: 10px}
.product-page .main-box:hover img{-webkit- transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-page .main-box:hover .cate-name{top: 60px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.product-page .main-box:hover .view{top: 160px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.product-page .stainless-steel-cookers-area{display: none;}
.product-page .aluminium-cooker-area{display: none;}
.product-page .stainless-steel-cookers-area.active{display: block;}
.product-page .aluminium-cooker-area.active{display: block;}

.product-page .pro-box{border:#ececec 1px solid; margin-bottom: 30px; border-radius: 15px}
.product-page .pro-box .pro-img{width: 100%; height: 200px; position: relative;  border-radius: 15px; overflow: hidden;}
.product-page .pro-box .pro-img img{width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; object-fit: cover;}
.product-page .pro-box .title {border-top: #ececec 1px solid;padding: 10px 15px;font-size: 14px;font-weight: 500;text-align: center; line-height: 24px; min-height: 70px;display: flex;justify-content: center;align-items: center;color: #000;text-decoration: none !important;}

.product-detail-page{position: relative; overflow: hidden; padding: 100px 0 50px 0}
.product-detail-page .pro-slider-area{overflow: hidden;}
.product-detail-page .pro-slider-area .large-product-img .swiper-slide{width: 440px; height: 440px; position: relative; overflow: hidden; border:#ececec 1px solid}
.product-detail-page .pro-slider-area .large-product-img .swiper-slide img{position: absolute;max-width: 100%; max-height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-slide{width: 100px; height: 100px; position: relative; overflow: hidden;}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-slide img{position: absolute;max-width: 100%; max-height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;  border:#ececec 1px solid}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-slide.swiper-slide-thumb-active img{border:#000 1px solid; width: 100%}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider{position: relative; margin-top: 30px}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-button-next,
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-button-prev{background-image: none; z-index: 4;}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-button-next img,
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-button-prev img{width: 10px; height: 20px}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-button-next{right: 0px;background: #ed3237; width: 30px; height: 30px; margin-top: -15px}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-button-prev{left: 0px;background: #ed3237; width: 30px; height: 30px; margin-top: -15px}
.product-detail-page .pro-slider-area .thumb_area .thumb_slider .swiper-button-next::after, .pro-slider-area .thumb_area .thumb_slider .swiper-button-prev::after {content: none}
.product-detail-page .product-title{font-size: 36px; line-height:40px; color: #000; font-weight: 800;  margin: 0 0 25px 0; position: relative; padding-bottom: 30px;}
.product-detail-page .product-title::before{content: ''; position: absolute; bottom: 0px; left: 0%; background: #edebeb; height: 2px; width: 200px;}
.product-detail-page .product-title::after{content: ''; position: absolute; bottom: 0px; left: 0%; background: #ed3237; height: 2px; width: 60px; }
.product-detail-page h2{font-size: 20px; font-weight: 700; color: #ed3237}
.product-detail-page h2 span{color: #000}
.product-detail-page p{font-size: 16px; line-height: 28px; font-weight: 400; color: #000; margin: 0 0 15px 0}
.product-detail-page ul{margin:0px 0px 25px 0px; padding: 0px; list-style: none}
.product-detail-page ul li{font-size: 16px; line-height: 28px; font-weight: 400; color: #000; position: relative; padding-left: 15px}
.product-detail-page ul li::before{content: ''; position: absolute; left: 0px; top: 10px; width: 8px; height: 8px; background: #ed3237}
.product-detail-page .btn-area{display: inline-block;}
.product-detail-page .btn-area a {border: #000 2px solid;padding: 10px 15px;display: inline-block;border-radius: 4px; margin-right: 15px;width: 120px;margin-bottom: 10px;}
.product-detail-page .btn-area a img{width:100%}
.product-detail-page .btn-area a:hover{border:#ed3237 2px solid}


.product-info{position: relative; overflow: hidden; padding: 50px 0 70px 0; border-top: #ececec 2px dashed;}
.product-info h2{font-size: 24px; color: #000; font-weight: 700; margin: 0 0 25px 0; position: relative; padding-bottom: 30px;}
.product-info h2::before{content: ''; position: absolute; bottom: 0px; left: 0%; background: #edebeb; height: 2px; width: 100%;}
.product-info h2::after{content: ''; position: absolute; bottom: 0px; left: 0%; background: #ed3237; height: 2px; width: 60px; }
.product-info .other-product{background: #f4f4f4; border-radius: 10px; position: relative; padding: 15px 15px 15px 260px; min-height: 260px; margin-bottom: 20px}
.product-info .other-product .pro-img-box{width: 230px; height: 230px;  border-radius: 10px; position: absolute; top: 15px; left: 15px; background: #fff; overflow: hidden; border:#ececec 1px solid}
.product-info .other-product .pro-img-box img{position: absolute;max-width: 100%; max-height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
.product-info .other-product h3{ color: #ed3237; margin: 15px 0; font-size: 22px; font-weight: 700}
.product-info .other-product ul{margin: 0 0 14px 0; padding: 0px; list-style: none}
.product-info .other-product ul li{ padding:8px 15px; border-radius: 5px; background: #fff; font-size: 15px; line-height:20px; margin-bottom: 8px; display: inline-block; margin-right: 5px}
.product-info .other-product ul li strong{color: #ed3237}
.product-info .other-product .barcode{width: 140px; border-radius: 5px; padding: 10px; background: #fff}
.product-info .other-product .barcode img{width: 100%}
.product-info h4{font-size: 18px; font-weight: 700; color: #ed3237}
.product-info .table {border: 1px solid #ececec; margin-bottom: 25px}
.product-info .table td {color: #000; font-size: 14px; line-height: 15px; padding: 15px; vertical-align: middle;}
.product-info .table th {color: #000; font-weight:700; width: 300px; background: #f5f5f5; border-right:#ececec 1px solid; font-size: 14px; line-height: 15px; padding: 15px; vertical-align: middle;}


.related-product{position: relative; overflow: hidden; padding: 50px 0 70px 0; border-top: #ececec 2px dashed;}
.related-product h2{font-size: 24px; color: #000; font-weight: 700; margin: 0 0 25px 0; position: relative; padding-bottom: 30px;}
.related-product h2::before{content: ''; position: absolute; bottom: 0px; left: 0%; background: #edebeb; height: 2px; width: 100%;}
.related-product h2::after{content: ''; position: absolute; bottom: 0px; left: 0%; background: #ed3237; height: 2px; width: 60px; }
.related-product .product-box{border:#ececec 1px solid; transition: all .5s ease;}
.related-product .product-box .pro-img{width: 100%; height: 250px; position: relative; overflow: hidden; border-bottom: #ececec 1px solid}
.related-product .product-box .pro-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px;right: 0px; object-fit: contain; transform: scale(1); transition: all .5s ease;}
.related-product .product-box .product-name{font-size: 14px; font-weight: 500; padding: 10px 10px 5px 10px; text-align: center; line-height: 18px; color: #000}
.related-product .product-box .price{font-weight: 700; color:#ed3237; font-size: 16px; text-align: center; margin-bottom: 10px}
.related-product .product-box:hover{border: #000 1px solid; transition: all .5s ease;}
.related-product .product-box:hover .pro-img img{transform: scale(1.1); transition: all .5s ease;}
.related-product a:hover{text-decoration: none}


.shop-page{position: relative; overflow: hidden; padding: 50px 0 70px 0; border-top: #ececec 2px dashed;}
.shop-page h2{font-size: 24px; color: #000; font-weight: 700; margin: 0 0 25px 0; position: relative; padding-bottom: 30px;}
.shop-page h2::before{content: ''; position: absolute; bottom: 0px; left: 0%; background: #edebeb; height: 2px; width: 100%;}
.shop-page h2::after{content: ''; position: absolute; bottom: 0px; left: 0%; background: #ed3237; height: 2px; width: 60px; }
.shop-page .product-box{border:#ececec 1px solid; transition: all .5s ease; margin-bottom: 30px}
.shop-page .product-box .pro-img{width: 100%; height: 250px; position: relative; overflow: hidden; border-bottom: #ececec 1px solid}
.shop-page .product-box .pro-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px;right: 0px; object-fit: contain; transform: scale(1); transition: all .5s ease;}
.shop-page .product-box .product-name{font-size: 14px; font-weight: 500; padding: 10px 10px 5px 10px; text-align: center; line-height: 18px; color: #000}
.shop-page .product-box .price{font-weight: 700; color:#ed3237; font-size: 16px; text-align: center; margin-bottom: 10px}
.shop-page .product-box:hover{border: #000 1px solid; transition: all .5s ease;}
.shop-page .product-box:hover .pro-img img{transform: scale(1.1); transition: all .5s ease;}
.shop-page a:hover{text-decoration: none}


.product-page.c_prolist .product-box{
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    padding-bottom: 15px;
}
.product-page.c_prolist .product-box .pro-img {
    background-color: #fff;
    border-radius: 5px;
}
.about-page .post-thumb img {
    max-width: 100%;
    margin-bottom: 15px;
}
.blog_item {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    padding: 15px;
}
.blog_item img {
    max-width: 100%;
    margin-bottom: 15px;
}
.blog_item h3 {
    font-size: 20px;
    color: #000;
}
.blog_item h3 a {
    color: #000;
}
.blog_item a.text-brand {
    background-color: #ed3237;
    color: #fff;
    padding: 8px 10px;
    display: inline-table;
    margin-top: 10px;
    border-radius: 22px;
}
button.btn.btn-primary.btn-inquiry {
    background-color: #ed3237;
    border-color: #ed3237;
    height: 50px;
    padding: 0px 33px;
}
.radio-form-group .radio-inline .wpcf7-list-item {
    margin-left: 0px;
    margin-right: 15px;
}
input#phone_country_code,.phone_country_code_1,.phone_country_code_2 {
    display: none;
}
input#The_phone_number {
    padding-left: 50px;
}