@charset "utf-8";
@import url('enjekte.grid.css');
/* MODULE */
    @import url('../../products/css.css?v=1.2.1');
    @import url('../../orderitems/css.css?v=1.2.1');
    @import url('../../orders/css.css?v=1.2.1');
    @import url('../../membership/css.css?v=1.2.1');
    @import url('../../memberaddresses/css.css?v=1.2.1');
    @import url('../../categories/css.css?v=1.2.1');
    @import url('../../paymentbanks/css.css?v=1.2.1');
    @import url('../../paymentmethods/css.css?v=1.2.1');
    @import url('../../forms/css.css?v=1.2.1');
    @import url('../../elements/css.css?v=1.2.1');
/* FONTS */
    /*@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap&subset=latin-ext');*/
    @import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
    @import url('../fonts/angelface/fonts.css');
    @import url('../fonts/dosis/fonts.css');
    /*font-family: 'Dosis', sans-serif;*/
/* RESET */
    *{margin:0px; padding:0px; border:none; outline:none; list-style:none; text-decoration:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
    *{font-family:'Dosis', sans-serif;}
    code, kbd, pre, samp{font-family:'Dosis', sans-serif !important;}
    *:before, *:after{box-sizing:inherit;}
    a, button{-webkit-transition:0.3s; transition:0.3s;}
    body{background:#F7F7F7;}
    :root{
        --prime:#65331A;
        --claretred:#65331A;
        --orange:#DC543D;
        --black:#333;
        --white:#FFF;
        --red:#F00;
        --green:#5ECF80;
    }
    .body{width:100%; overflow:hidden;}
/* HEADER */
    header{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin:20px 0 40px; padding:0 50px; z-index:1000; position:relative;}
    header.fixed{position:fixed; left:0; top:0;}
    header .menu-lang{width:25%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; padding-top:10px;}
    header .menu-lang .menu{width:29px; height:20px; background:url(../images/icon-menu.svg); background-size:cover;}
    header .menu-lang .lang{margin-left:1rem; font-size:14px; color:var(--claretred);}
    header .menu-lang .lang a{font-size:14px; color:var(--claretred);}
    header .menu-lang .lang span{font-size:14px; color:var(--claretred); padding: 0 10px;}
    header .menu-lang .lang a.active{font-weight:bold; }
    header .menu-lang .lang a:hover{color:var(--orange);}
    header .logo{width:50%; display:flex; flex-wrap:wrap; justify-content:center;}
    header .logo a{width:100px;}
    header .logo a img{width:100%; float:left;}
    header .basket{width:25%; display:flex; flex-wrap:wrap; justify-content:flex-end; padding-top:10px;}
    header .basket a{width:24px; height:30px; display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-end; color:var(--claretred); font-size:.75rem; padding-bottom:.125rem; background:url(../images/icon-shoppingbag.svg); background-size:cover;}
    @media only screen and (max-width:767px){
        header{margin:10px 0 20px; padding:0 20px;}
        header .menu-lang{width:100px;}
        header .basket{width:100px;}
        header .logo{width:100px;}
        header .logo a{width:100px;}
    }
    @media only screen and (max-width:375px){
        header .menu-lang{width:100px;}
        header .basket{width:80px;}
        header .logo{width:80px;}
        header .logo a{width:80px;}
    }
/* HEADER */
    .orderheader .logo{width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
    .orderheader .logo a{width:120px;}
    .orderheader .logo a img{width:100%; float:left;}
    @media only screen and (max-width:767px){
        .orderheader .logo a{width:100px;}
    }
/* MENU */
    .menusection{display:flex; flex-wrap:nowrap; flex-direction:column; justify-content:space-between; width:250px; position:fixed; left:-250px; top:0; z-index:1000; opacity:.95; background-color:var(--claretred);}
    .menusection.open{left:0px; -webkit-transition:0.3s; transition:0.3s;}
    .menusection.close{left:-250px; -webkit-transition:0.3s; transition:0.3s;}
    .menusection .menu{width:100%; padding:70px 0 0 50px; position:relative;}
    .menusection .menu .close{display:none; position:absolute; right:20px; top:20px; width:20px; height:22px; background:url(../images/arrow-left.svg); background-size:cover;}
    .menusection .menu ul{width:100%;}
    .menusection .menu ul li{width:100%;}
    .menusection .menu ul li a{font-size:35px; color:#FFF; font-weight:300; line-height:1.75;}
    .menusection .menu li li a:hover{color:var(--orange);}
    .menusection .social{width:100%; display:flex; flex-wrap:nowrap; align-items:center; padding:0 0 30px 50px;}
    .menusection .social a{margin-right:40px;}
    .menusection .social a:last-child{margin-right:0px;}
    @media only screen and (max-width:767px){
        .menusection .menu .close{display:flex;}
        .menusection .menu{width:100%; padding:50px 0 0 30px;}
        .menusection .menu ul li a{font-size:30px;}
        .menusection .social{width:100%; display:flex; flex-wrap:nowrap; align-items:center; padding:0 0 20px 30px;}
    }
/* PROJECT */
    @media only screen and (max-width:767px){
        .mmt-50{margin-top:-50px;}
    }





/* GENERAL LINKBOX */
    .e-linkbox{display:flex; flex-wrap:nowrap; position:relative; overflow:hidden; justify-content:center; align-items:center; white-space:nowrap;}
    .e-linkbox.percent50{}
    .e-linkbox.r20{margin-right:20px;}
    /* SIZE */
        .e-linkbox.large{font-size:16px; line-height:40px; padding:0 .5rem;}
        .e-linkbox.medium{font-size:20px; line-height:50px; padding:0 .5rem;}
        .e-linkbox.small{font-size:24px; line-height:60px; padding:0 .5rem;}
    /* COLOR */
        .e-linkbox.claretred{background:var(--claretred); color:#FFF;}
        .e-linkbox.claretred:hover{background:var(--orange);}

        .e-linkbox.orange{background:var(--orange); color:#FFF;}
        .e-linkbox.orange:hover{background:var(--claretred);}


    .swalconfirm{width:47%; height:50px; margin-right:6%; font-size:20px; line-height:50px; display:flex; flex-wrap:nowrap; position:relative; overflow:hidden; justify-content:center; align-items:center; white-space:nowrap; background:var(--claretred); color:#FFF;}
    .swalcancel{width:47%; height:50px; font-size:20px; line-height:50px; display:flex; flex-wrap:nowrap; position:relative; overflow:hidden; justify-content:center; align-items:center; white-space:nowrap; background:var(--orange); color:#FFF;}




/* GENERAL TEXT */
    .e-generaltext{width:100%; color:var(--claretred);}
    .e-generaltext h1, .e-generaltext h2, .e-generaltext h3, .e-generaltext h4, .e-generaltext h5, .e-generaltext h6{line-height:2; color:var(--claretred); font-weight:700;}
    .e-generaltext h1{font-size:20px;}
    .e-generaltext h2{font-size:19px;}
    .e-generaltext h3{font-size:18px;}
    .e-generaltext h4{font-size:17px;}
    .e-generaltext h5{font-size:16px;}
    .e-generaltext h6{font-size:15px;}
    .e-generaltext p{font-size:15px; line-height:1.875; color:var(--claretred); margin-bottom:16px;}
    .e-generaltext b, .e-generaltext strong{font-size:15px; line-height:1.875; font-weight:700; color:var(--claretred);}
    .e-generaltext a, .e-generaltext a b, .e-generaltext strong{font-size:15px; line-height:1.875; color:var(--claretred);}
    .e-generaltext a:hover{text-decoration:underline;}
    .e-generaltext ul{width:100%; padding-left:25px;}
    .e-generaltext ul li{width:100%; font-size:15px; line-height:2; color:var(--claretred); margin-top:.25rem; font-weight:500; list-style:circle;}
/* GENERAL ERROR */
    .e-error{width:100%; display:flex; flex-wrap:wrap; flex-direction:column; padding:1rem; background:url(../images/error.gif); border-radius:.25rem;}
    .e-error div{background:rgba(0,0,0,.5); padding:.5rem 1rem; border-radius:.25rem; font-size:1rem; color:#FF0000; font-weight:bold;}
/* NOTFOUND */
    .e-notfound{width:100%; display:flex; flex-wrap:wrap; padding:3rem 0px;}
    .e-notfound h1{width:100%; text-align:center; margin-bottom:1rem; font-size:2rem; font-weight:300;}
    .e-notfound p{width:100%; text-align:center; margin-bottom:.25rem; font-size:1.25rem; font-weight:300;}
    .e-notfound .buttons{width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:1rem;}