.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;}
.capdiv{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:99999999;}
.capinfo{overflow-y:scroll;position:relative;padding-top:30px!important;border-radius:20px;padding:15px;margin:100px auto 0 auto!important;width:500px!important;max-width:100%!important;max-height:400px;background:#fff;}
.capinfo i{position:absolute;top:10px;right:15px;font-size:20px;color:#555;}
.rowcap{border-bottom:1px solid #ddd;}
.rowcap h4{font-size:12px;}
#rowToAppend{padding-bottom:50px!important;}
@media(max-width:767px){
   .box-info-dett{width:65%!important;}
   .box-qta-add{width:35%!important;}
   .lab-comp i{font-size:13px!important}
   .lab-comp{width:20px!important;;height:20px!important;padding-top:4px!important;} 
   .sez-title{font-size:19px!important;}
}
.bounce-an{ 
   animation: bounce 500ms;
	-webkit-animation: bounce 500ms;
	-moz-animation: bounce 500ms;
	-o-animation: bounce 500ms;
 }
.main-search{width:100%;padding:10px;margin-top:15px;border:1px solid #ddd;font-size:16px;border-radius:20px;}
.info-cart{float:left;text-align:center;width:20px;display:inline-block;height:20px;border-radius:50%;}
.fixed-btm-ord button{max-width:770px!important;text-align:right!important;width:100%;border:0;border-radius:4px;padding:10px;}
.fixed-btm-ord{width:100%!important;position:fixed;bottom:0;left:0;right:0;padding:10px;z-index:999;}
.scroll-products{padding-top:50px!important;padding-left:0!important;padding-right:0!important;padding-bottom:50px;}
.btn-success{border:0!important;}
.slot-time.selected span{color:#fff;}
.slot-time.selected:hover{background:#000;}
.slot-time.selected:hover span{color:#fff;}
.slot-time:hover{background:#eee;}
.slot-time{margin-top:5px;margin-right: 5px!important;border-radius:15px;cursor:pointer;padding:5px 15px;border:1px solid #888;display:inline-block;}
.slot-time span{color:#333;}
.radio-cc{display:none!important;}
.radio-cc:checked + .slot-time {background:#000!important;}
.radio-cc:checked + .slot-time span {color:#fff;}
.radio-cc:checked + .slot-time:hover {background:#000;}

.singleopt-prodcomp{margin:6px 0;border-bottom:1px solid #eee;}
.txt-comp{font-weight:bold;width:35px;border:0;background:transparent;text-align:center;}
.boxcheck-comp{width:100%;text-align:right;display:block;float:right;margin-top:5px;}
.lab-comp{border-radius:50%;color:#fff;text-align:center;padding-top:5px;font-weight:bold;font-size:16px;font-weight:bold;width:25px;height:25px;display:inline-block;}
.head-sec{max-width: 800px;margin: 0 auto;width: 100%;padding-bottom:10px;background:#fff;z-index:9999;position:fixed!important;top:0;left:0;right:0;}
.contain-main{background:#fff;max-width: 800px;margin: 0 auto;width: 100%;position: relative;}
.nopd{padding-left:0!important;padding-right:0!important;}
.main-cent{padding-bottom:30px;}
.main-cent h4{margin:0px;margin-bottom:10px;}
.select-cc i{font-size:17px;position:absolute;right:15px;top:13px;pointer-events: none;}
.select-cc{background:#fff;position:relative;max-width:100%;border:1px solid #ddd;border-radius:35px;padding:10px;font-size:17px;width:210px;margin:0 auto;}
.select-cc select{background:#fff;width:100%;border:0;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.inp-cc{max-width:100%;border:1px solid #ddd;border-radius:10px;padding:10px;font-size:17px;width:210px;}
.inp-cc-f{resize:none;width:100%;border:1px solid #ddd;border-radius:10px;padding:10px 15px;font-size:16px;}
.coup-cc{margin:20px 0;}
.coup-cc-f{margin:5px 0;}
.btn-cc-f{width:100%!important;}
.btn-cc{width:210px;max-width:100%;font-size:17px;text-align:center;background:#000;color:#fff;font-weight:bold;color:#fff;border-radius:35px;padding:10px;border:0;}
.btn-cc.disabled{background:#ccc;cursor:not-allowed}
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;}
.contain-main{background:#fff;padding-left:15px;padding-right:15px;}
.logo-main{width:auto;height:auto;text-align:left;max-height:50px;max-width:50px;margin:15px 0 0 10px;}
.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;width:40px;height:40px;border-radius:50%;float:right;margin-right:15px;margin-top:18px;text-align:center;}
.circle-icon i{font-size:20px;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;}



    /*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;
     }

   @-webkit-keyframes bounce {
      0%       {transform: translateY(0px); }
      25%, 75% {transform: translateY(-15px);}
      50%      {transform: translateY(-10px); }
      100%     {transform: translateY(0px);}
   }
   @keyframes bounce {
      0%       {transform: translateY(0px); }
      25%, 75% {transform: translateY(-15px);}
      50%      {transform: translateY(-10px); }
      100%     {transform: translateY(0px);}
   }