@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2"); }
@font-face {font-family:"iconfont";font-display:swap;src:url('iconfont.woff2') format('woff2');}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-whatsapp:before{content:"\e97b"}
.icon-tiktok:before{content:"\ec26"}
.icon-twitter:before{content:"\e633"}
.icon-youtube:before{content:"\ec77"}
.icon-linkedin:before{content:"\e6f2"}
.icon-facebook:before{content:"\e71a"}
body {margin:0; font-family: "Poppins",sans-serif;}
a {text-decoration:none; color:#333366; font-weight:600;}
th{text-align:left;}
table{width:100%;}
input,textarea{font-family: "Poppins",sans-serif;}
li,ol,ul {list-style: none;padding:0;margin:0
}
.shadow { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);position: relative;z-index: 9999}
body>:nth-child(1), body>:nth-child(3), body>div:nth-child(5), body>div:nth-child(7) {background-color:white}
.maintext>p {text-align:justify;}
.mainimg{display:block;margin-left:auto; margin-right:auto;width: 100%;max-width:450px}
.mainproddiv{padding-top:230px;}
.footer {font-size:0.8em;}
.c{margin-right:15px; margin-left:15px;}
.pud{padding-top:30px; padding-bottom:30px;}
.pud table td p{margin:0;padding:0}
.product {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;}

.product>a>div {font-size:0.8em;font-weight:600;display:block;height:195px;width:130px;overflow:hidden;background-color:#6bbbf429;background-size:110px;margin:8px;padding:8px;border: 1px #6bbbf426 solid;}
.nav{ z-index: 102;margin-left: auto;margin-right: auto;position: relative}
nav {height:60px;line-height:60px;text-align:right; overflow:hidden;flex-shrink:1; flex-grow:1}
nav>a {display:inline-block;}
.email{display:none}
#langs img{height:20px;vertical-align: middle;}
.langlist{background-color: #008aec;padding: 15px 10px;color: #fff;position: absolute;right: 0;top: 100%;z-index: -2;-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);transform: translateY(-100%);transition: .5s cubic-bezier(.165,.84,.44,1);}
.langlist [role=menu] {margin-bottom: -10px;padding: 0;list-style: none;}
.active{transform: translateY(0);}
.langlist li {position: relative;border-bottom: 1px solid rgba(255, 255, 255, .2);width: 100%;display: block;float: left;}
.langlist li a {padding: 10px 5px;text-decoration: none;display: block;color: #fff;white-space: nowrap;}
.langb a{margin: 3px;display: inline-block;}
.langlist li a img,.langb a img {height:20px;vertical-align: middle;}
.propic{float: none;padding:5px 0;width: 100%;}
.msg ul li {margin: 0 auto 20px;color: #999;font-size: 14px;line-height: 44px;width: 100%;overflow: hidden;padding: 0;clear: both;}
.msg ul li h4 {width: 20%;height: 44px;line-height: 44px;margin: 0; padding: 0 12px 0 0;color: #333; font-size: 14px;text-align: right;float: left; box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;}
.msg_inp{width: 80%;float: right;}
.msg_inp input, .msg_inp textarea{border: 1px solid #f1f1f1;display: block;background-color: #f8f8f8;width: 100%;margin: 0;padding: 12px;color: #666;box-sizing: border-box;webkit-box-sizing: border-box;}
.msg_btn input {width: 160px;line-height: 44px;font-size: 15px;text-align: center;border: none;cursor: pointer;background: #9e3020;color: #fff;}
.foot{display:block}
.footdiv{width:100%}
.footdiv span{display: block}
.footdiv span:first-child {font-weight: bold;}
.foot-share ul {display: flex;align-items: center;color: #FFF;font-size: 22px;flex-wrap: wrap;}
.foot-share ul li a {color: #FFF;display: inline-flex;width: 32px;height: 32px;align-items: center;justify-content: center;}
@media screen and (min-width:400px) {
.email{display:inline-block}
.langlist li {width: 48%;margin-left: 2%;}
}
@media screen and (min-width:799px) {
.c{margin-right:auto; margin-left:auto; width:min(1110px,99%)}
.propic{float: left;padding: 40px 40px 40px 0;max-width: 350px;}
.langlist li {width: 30%;margin-left: 3%;}
h1{font-size:2.5vw;}
.maintext{order:1; margin-right: 70px;}
.mainproddiv{display:flex; direction:row; align-items:center; justify-content:center;}
.foot{display: flex;flex-wrap: nowrap;}
.footdiv{width:33%;display:inline-block}
}