html,div,h1,h2,h3,h4,h5,h6,span,p,button,input,li,a,select,option,label{font-family: DM Sans,sans-serif;font-family: 'DM Sans',sans-serif;}
.img-line-prod{cursor:pointer;}
.img-line-prod i{background:#fff;border-radius:50%;background:#eee;padding:2px;color:#000;position:absolute;left:0;top:0;}
.big-img i:hover{background:#eee;}
.big-img i{cursor:pointer;font-size:20px;position:absolute;top:15px;right:15px;color:#222;background:#fff;border-radius:50%;padding:5px;}
.big-img{display:none;background-position:center!important;border-radius:10px;background-size:cover!important;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);right:0;bottom:0;background-color:#fff!important;width:500px;height:500px;max-width:100%;z-index:9999;}

.head-sec{background:#fff;margin-top:25px;}
.contain-main{background:#fff;padding-left:30px;padding-right:30px;}
.logo-main{width:auto;text-align:left;max-width:100%;height:50px;margin:20px auto 10px auto;}
.scroll-cat{position:absolute!important;right:0;left:0;top:120px;margin-top:10px;background:#eee;width:100%;overflow-x:scroll;padding:30px 10px;white-space: nowrap}
.cat-sc{color:#222;font-size:16px;border:1px solid #ddd;margin-right:15px;background:#fff;border-radius:10px;padding:10px;width:120px;display:inline-block;cursor:pointer;}
.cat-sc.active{font-weight:bold;}
.nopd{padding-left:0!important;padding-right:0!important;}
.img-line-prod{float:left;position:relative;width:60px;border-radius:50%;height:60px;background-size:cover!important;background-position:center!important;background:url('../img/placeholder-img.png');}
.single-prod{padding:10px 0;}
.dett-single-prod{text-align:left;width:100%;position:relative;float:left;}
.dett-single-prod h4{padding-right:5px;color:#222;font-size:18px!important;margin:0;}
.dett-single-prod span{color:#222;font-size:16px!important;margin:0;}
.dett-single-prod h6{text-align:justify;color:#333;margin-top:5px;}
.under-zone img{width:20px;height:20px;margin-right:5px;}
.sez-title{font-weight: bold;text-align: left;font-size:30px;margin-top:40px;}
.bottom-bord-sez{height:2px;width:100px;margin:10px 0;position:relative;float:left;}
.circle-icon{z-index:9999;position:fixed;width:50px;height:50px;border-radius:50%;float:right;right:30px;top:130px;margin-left:8px;text-align:center;}
.circle-icon i{font-size:30px;margin-top:10px;}
.side-menu{display:none;height:100%;overflow-y:scroll;position:fixed;top:0;right:0;width:310px;background:#333;max-width:100%;z-index:999999;padding:20px;}
.side-menu h4{cursor:pointer;text-align:left;margin:25px 0;color:#fff;font-weight:bold;}
.close-side-menu{position:fixed;top:20px;right:20px;font-size:30px!important;text-align:right;}
.multimenu-item{padding:15px;background:#fff;display:block;text-align: left;font-size:30px;font-weight:bold;}
.multimenu-item i{font-size:21px!important;}
.copyright{text-align:left;padding:0 15px;color:#555;font-weight:300;margin-bottom:50px;font-size:12px;}
.copyright a{color:#222!important;text-decoration: underline!important;}
.copyright-abs{color:#555;font-weight:300;position:absolute;bottom:45px;left:45px;font-size:12px;}
.copyright-abs a{color:#222!important;text-decoration: underline!important;}
.box-sez-sup{top:88px;position:fixed!important;left:0;right:0;margin-top:10px;-ms-overflow-style: none;scrollbar-width: none; box-shadow:2px 2px 15px #ddd;z-index:9;padding:10px;background:#fff;overflow:scroll;white-space: nowrap;}
.box-sez-sup h4{cursor:pointer;font-weight:300;font-size:15px;padding:0 15px;color:#555!important;display:inline-block!important;width:auto!important}
.box-sez-sup h4.active{font-weight:bold;text-decoration: underline;}
    /*fontface*/

    @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-Thin.ttf');
        font-weight: 100;
        font-style: normal;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-ThinItalic.ttf');
        font-weight: 100;
        font-style: italic;
     }

     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-Light.ttf');
        font-weight: 300;
        font-style: normal;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-LightItalic.ttf');
        font-weight: 300;
        font-style: italic;
     }

     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-Regular.ttf');
        font-weight: 400;
        font-style: normal;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-Medium.ttf');
        font-weight: 500;
        font-style: normal;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-MediumItalic.ttf');
        font-weight: 500;
        font-style: italic;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-Bold.ttf');
        font-weight: 700;
        font-style: normal;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-BoldItalic.ttf');
        font-weight: 700;
        font-style: italic;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-Black.ttf');
        font-weight: 900;
        font-style: normal;
     }
     @font-face {
        font-family: 'DM Sans';
           src: url('../../../administrator/assets/fonts/DMSans-BlackItalic.ttf');
        font-weight: 900;
        font-style: italic;
     }