.resume_shopping{
    text-decoration: underline;
    padding-top: 15px;
    cursor: pointer;
}

.search_svg {
    border-top-left-radius: 10px;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../css/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../css/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../css/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../css/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../css/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../css/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }

  .loader {
    display: none; /* Initially hidden */
    border: 16px solid #dddddd;
    border-top: 16px solid #801524;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
  }
  
  /* Spin animation */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


.newsletter_div {
position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
    background-color: #fff;
    padding: 40px 30px 20px 30px;
    width: 75%;
    max-width: 420px;
    border-radius: 8px;
    text-align: left;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    top:10%;
    margin: 0 auto;
    font-size:1.1em;
    line-height: 1.5em;
  }
  

.popup-content .close-btn{
    position: absolute;
    top:10px;
    right: 10px;
    color: #000;
    padding: 2px 8px 2px 8px;
    border-radius: 5px;
    border: solid 1px #666;
    cursor: pointer;
    font-weight: bolder;
}


.popup-content .subscribe-btn{
    font-size: 1.2em;
}

.popup-content h1:after{
    content: "";
    background: #580712;
    position: absolute;
    bottom: -19px;
    left: 0%;
    right: unset !important;
    height: 7px;
    width: 45px;
}

.popup-content h1{
   margin: 0 0 40px 0;
}

.popup-content .close-btn:hover{
    background-color: #580712;
    color:#fff;
    border: solid 1px #000;
}

.portal_table {
    display: table;
    width: 100%;
}
.portal_header {
    display: table-row;
    background-color: darkblue;
    color: white;
    font-weight: bold;
}
.portal_row {
    display: table-row;
}
.portal_row:nth-child(odd) {
    background-color: lightblue;
}
.portal_row:nth-child(even) {
    background-color: #6495ED;
}
.portal_cell {
    display: table-cell;
    border: 1px solid black;
    padding: 5px;
    
}

.prodimg-svg-container {
    position: relative;
  
    z-index: 1;
}

.prodimg-svg-overlay-detail {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.prodimg-svg-overlay-list {
    position: absolute;
    top: -22px;
    left: -17px;
    display: none;
}

.search_overlay {
    top: -2px;
    left: -1px;
    z-index: 1;
}

.pricepopall{
    display:none;
    z-index: 1000;
    position: fixed;
    top:10%;
    left:40%;
    border: solid 1px #F1f1f1;
    width:300px;
    height: 200px;
    border-radius:7px;
    font-size: 1.1em;
    box-shadow: 0 590px 590px 590px rgb(0 0 0 / 30%);
    background-color: #fff;
}
.pricepopin{
    padding:20px 20px 20px 20px;
    text-align: center;
}
.pricepopin span{
    font-weight: bold;
}
.descarcabutt{
    width:auto;
    display:inline-block;
    padding:8px 15px 8px 15px;
    border: solid 1px #22333B;
    background-color: #22333B;
    color: #fff;
    border-radius:6px;
    cursor: pointer;
}

.descarcabutt:hover{
    background-color: #801524;
}
.cerepretlist{
position: relative;
/*top: 68px;
right: 0;*/
font-size: 1.3em;
color: #801524;
font-weight: 900;
padding: 12px 0 12px 0;
}


    
.cerepretdet{
    margin: 25px 0 5px 0;
    display: inline-block;
    color: #801524;
    font-size: 2.1em;
    font-weight: bold;
}    

body{
margin:0;
padding: 0;


font-size: 14px;

background-image: url('../images/footer.jpg');
background-position: bottom center;
background-size: 100%;
font-family: 'Open Sans',sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat';
color: #22333B;

background-color: #22333B;
background-image: unset !important;
}
a{
    outline: none;
    text-decoration: none;
    color: #801524;
}
a:visited{
   /* color: #22333B;*/
   
}
a:hover{
    color: #801524;
}

input{
    outline: none;
    font-family: 'Montserrat';
    border-radius: 7px;
    color:#666;

}
select{font-family: 'Montserrat';   border-radius: 10px !important;  outline: none;}
textarea {  border-radius: 15px;}
#email{
    text-transform: lowercase;
}
h1{

font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: 600 !important;
line-height: 1.1em;
/*text-transform: uppercase;*/

font-size: 2.3em;
color: #22333B;
font-weight: 900;
margin: 20px 0 90px 0;
position: relative;
display: block;
}



h2{
font-size: 1.3em;
color: #801524;
font-weight: normal;
margin:0px 0 10px 0;
padding:0;
line-height: 1.1em;
text-align: left;
font-weight: bold;
}

.prod_detail2 h2{
    font-size: 1.1em;
    padding:10px 15px 10px 0px;
}
h3{
    font-size: 1.2em;
    color: #801524;
    font-weight: normal;
    margin:0px 0 5px 0;
    padding:7px 15px 7px 15px;
    padding:0;
    display: inline-block;
    text-align: left;
    /*background-color: #f1f1f1;
    border-radius: 8px;*/
    }
    .compl {
        text-align: center;
        padding: 20px 0 0 0;
        clear:both;
    }
    .simmil{
        padding: 90px 0 0 0;
    }
    .complementare_all{
        margin: 0 0 90px 0;
        display: block;
        text-align: center;
    }
.subtit1{
        font-size: 1.2em;
        color: #D50101;
        font-weight: normal;
    }
.subtit2{
        font-size: 1.1em;
        font-weight: normal;
        margin:2px 0 5px 0;
    }
.h2tit{
    text-align: left;
    font-size:1.2em;
    line-height: 1.2em;
}
.h3tit{
    text-align: left;
    font-size:1em;
    line-height: 1em;
    color: #333
}
h4, h5{
    font-size: 1.1em;
    color: #D50101;
    font-weight: normal;
    margin:0px 0 0px 0;
    padding:0;
    line-height: 1.1em;
}
h4 span{
    font-size: 0.9em;
    color: #333;
}
.cathead{
text-transform: uppercase; text-align: center; margin:5px 0 25px 0; font-size:1.8em;
}
.top_all{
position: relative;
min-width: 100%;
/*height: 105px;*/
z-index: 100;
margin:0;
padding:0;
transition: all 0.2s ease-in;
background-color: #fff; 
border-bottom: solid 1px #ddd;
background-image: unset !important;
}
.top_all_sm{
 position: fixed; 
min-width: 100%;
height: 105px;
z-index: 100;
margin:0;
top:0;
padding:0;
transition: all 0.2s ease-in;
background-color: #fff; 
border-bottom: solid 1px #ddd;
background-image: unset !important;
}


#coslink{
    display: none;
}
.top{
width: 100%;
height: 40px;
background-color: #e9e9e9;
border-bottom:#b9b9b9;
position: relative;
}

.menubar{
    background-color: #fff;
    height: 60px;
      /* max-width: 1920px; */
    max-width: 1600px;
    margin:0 auto;
}
.menu_bottom{
    background-color: #EFF2F4;
    height: 45px;
}
.menu_bottom_in{
   /* max-width: 1920px; */
   max-width: 1600px;
   margin:0 auto;
   padding: 14px 20px 0 20px;
}
.menu_bottom a{
    color: #333;
    margin: 0px 25px 0 0px;
    font-size: 1.1em;
    display: inline-block;
    position: relative;
    font-weight: 600;
}
.menu_bottom a:hover{
    color: #6e0a18;
   
}
.menu_bottom a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -6px;
    left: 0;
    background-color: 
  #333;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }


  .menu_bottom a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
    background-color: 
    #6e0a18;
  }


  .hamburger:after, .hamburger_cos:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 1px;
    left: 0;
    background-color: #333;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.hamburger:hover:after, .hamburger_cos:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }


.login_butt{
    position: relative;
    padding:10px 20px 10px 40px;
    border: solid 1px #801524;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
}
.login_butt:hover{
background-color: #EFF2F4;
}
.login_butt span{
  color:  #801524;
  font-weight: 900;
}

.login_butt_no_log span{
    font-size: 14px !important;
  color: #fff !important;
}

.login_butt_no_log {
    background-color:  #801524 !important;
    
    color: #fff !important;
    padding: 10px 20px 10px 20px !important;
    margin: 0 0 20px 0;
}
.login_butt_no_log:hover {
    background-color:  #22333B !important;
    
   
}

.login_butt img{
    height: 17px;
    width: auto;
    position: absolute;
    top:10px;
    left:11px;
   
}

.top_in, .menu_in{
max-width: 1920px;
width: 100%;
position: relative;
margin:0 auto;
}
.top_left{
width: 5%;
float: left;
height: 100%;
}
.logo{
float:left;
width: 20%;
padding: 4px 0 0 0;
transition: all 0.3s ease-in;

}
.hamburger,.hamburger_cos{/*display: none;*/

text-align: center;
position: relative;
cursor: pointer;
display: inline-block;
margin: 0 0 0 17px;
border:solid 1px #fff;
padding: 9px 10px 9px 35px;
border-radius: 5px;
}
.hamburger span, .hamburger_cos span{
display: block;
font-size: 1.1em;
color: #22333B;
font-weight: 600;
}
/* .hamburger:hover, .hamburger_cos:hover{
    background-color: #EEF2F4; 
}
*/

.hamburger:nth-child(1){
    padding: 9px 10px 9px 9px;
}




.hamburger_search, .hamburger_cos_up{display: none;
}

.hamburger a{
    color:#333;
}

.hamburger img, .hamburger_search img, .hamburger_cos img{width:17px; position: absolute; padding: 0 0px 0 0; left:7px; top:9px;}
.hamburger_log_div, .hamburger_menu, .stiri_div, .hamburger_cos_up{
display: none;
position: absolute;
right: 1px;
top:37px;
z-index: 43;
/* height: 210px; */
width: 210px;


cursor: default;
text-align: left;

}


.hamburger_log_div, .hamburger_menu, .stiri_div{
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    background-color: #fff;
    padding: 15px 10px 15px 10px !important;
    border: solid 1px #eee;
    border-radius: 8px;
}

.hamburger_cos_up{
    height: 290px;
    width: 500px;
    background-color: #fff;
    /*border: solid 2px #f1f1f1;*/
    right: -5px;
    top:-3px;
   padding:0 !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);

}

.hamburger_cos_list{
    padding: 20px 25px 20px 25px;
}
.cosh2{
    padding:3px 0 3px 0;
    font-size:0.9em;
}


.cosprod{
    height:110px;
    overflow-y: auto;
    border-top:solid 2px #f1f1f1;
    /*border-bottom:solid 2px #f1f1f1;*/
    padding: 20px 0 40px 0;
}
.cosprod a{
    color: #000;
    font-size:0.9em;
}
.cosprod a:hover{
    color:#D50101;
}
.cosprod_line{
    padding: 5px 0 5px 0;
    position: relative;
    height:40px;
}
.cosprod_line .linee{
    display: block;
    padding: 5px 7px 5px 60px;
    margin-right:25px;
}
.cosprod_line img{
height: 35px; width: 45px;
position: absolute;
top:12px;
left:3px;
}
.cosprod_bottom{
    background-color: #D50101;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 35px;
}
.cosprod_total{
    width:43%;
    float:left;
   
}
.cosprod_totalin{
text-align: left;
padding-top:4px;
font-size: 1.4em;
display: inline-block;
}
.cosprod_totalin span{
font-size: 0.7em;
color:#fff;
display: inline-block;
}
.cosprod_butt{
    width:35%;
    float:right;
}
.cosprod_buttin{
    padding: 7px 10px 7px 10px;
    background-color: #fff;
    color: #D50101;
    margin:0 5px 0 0;
    border-radius:7px;
    text-align: center;
}
.cosprod_buttin:hover{
 
    background-color: rgb(255, 208, 0) !important;
    color: #000;

}
/* .hamburger_log_div{
    height: 260px;
    } */

.stiri_div{
background-color: #fff;
height: 500px;
width: 350px;
padding:10px 10px 10px 10px;
right: 35px;
top:-6px;
border-radius: 15px;
}

.hamburger_log_div a,  .hamburger_menu a{
margin:0px !important;
padding: 5px 10px 5px 10px !important;
display: block;
border-radius: 7px;
background-color: #D50101 !important;
color: #fff !important;
}

.hamburger_log_div a:hover, .hamburger_menu a:hover{
    background-color: #fff !important;
    color: #D50101 !important;
    }
    
.hamburger_search_div{
display: none;
position: relative;
width:100%;
text-align: center;/*
margin:0px 10px 0px 10px;
right: 15px;
top:25px;*/
/* box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); */


}

.hamburger_search_div_inside{
 /*   padding:5px 10px 5px 10px;
    border-radius: 15px; */
z-index: 4444;
height: 50px;


padding:0px 10px 0px 10px;
cursor: default;
text-align: center;
}



#resultham .show img{
    top:10px;
}
.hamburger_search_div input{
    border: solid 1px #dce1e5;
    background-color: #EFF2F4;
    color: #333;
    padding: 10px 10px 10px 10px;
    position: relative;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    /* margin: 1px 0 0 0; */
    width: 95%;
}
.hamburger_search_div input:hover{
    border:none;
}
.search_close{
    padding:0 2px 7px 0;
    text-align: right;
}
.search_close span{
cursor: pointer;
padding:3px 5px 3px 5px;
background-color: #D50101;
color:#fff;
}
.logo img{
transition: all 0.3s ease-in;
height:45px;
padding:4px 0 0 0px;
}
.logo_sm{
display: none;
float:left;
padding: 5px 0 0 0;
transition: all 0.3s ease-in;
}
.logo_sm img{
transition: all 0.3s ease-in;
height: 50px;
}

.logoshow{display:none;}

.search_all{
    float: left;
        width: 350px;
       height: 60px;
        margin: 0 20px 0 20px;
}
.search_in{
   position: relative;
}

.search_in input{border:solid 1px #dce1e5;    background-color: #EFF2F4; color: #333;  padding: 10px 20px 10px 50px; position: relative;  font-family: 'Montserrat'; font-weight: 600; font-size: 14px; margin:11px 0 0 0; width:270px;}
.search_in img{position: absolute; top: 18px; left:17px; width:23px; height: auto;}



.menus{
float: right;
max-width: 60%;
text-align: right;
}
.menus_in{
padding: 11px 0px 0 0;
}
.social{
padding:8px 0 0 0;
}
.social img{height: 25px; width: auto; margin-right: 7px;
border-radius: 7px;
    cursor: pointer;
    transition: all 100ms ease;
opacity: 0.9;
}
.social img:hover{
    opacity: 1;
}
.shop{
padding:0px 0 0 0;
  position: relative;
  height: 40px;
}
.shop img{
position: absolute;
    height: 25px;
    left:7px;
    top:5px;
}
.quantity, .quantity:hover{
    appearance: textfield;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
   max-width:60px; 
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.shop a{
text-decoration: none;
display: inline-block;
    margin:0px 0 0 25px;
    padding: 0 10px 0 10px;
    position: relative;
    font-size: 1em;
   opacity: 0.9;
   color: #333;
   height: 40px;
}

.shop a span{
position: relative;
display: inline;
top: 11px;
margin: 10px 0 0 0 !important;
padding:10px 0 0 25px !important;

}

.shop a:hover{
color: #333;
opacity: 1;
background-color: #ccc;
}
.coss{
    position: absolute;
    
    color: #fff;
  
    top:-7px;
    
   
    padding: 2px 5px 2px 5px;
   
    right: -1px;
    background-color: #580712;

    border-radius: 50px;
    z-index: 5;
 
    font-size: 0.8em;
}
.top_right{
width: 90%;
float: right;
text-align: right;
height: 40px;
}




.adv{
    background-color: #fff;
    width: 100%;
    position: relative;
    
    transition: all 0.3s ease-in;
    vertical-align: bottom;
    text-align: center;
    z-index: 41;
    }
    
.banner_in{
        max-width: 1980px;
        position: relative;
        margin: 0 auto;
        background-color: #fff;
        height: auto;
    }
    
.bannerl{
        width:29%;
        float: left;
        height: 405px;
        text-align: right;
        vertical-align: bottom;
        position: relative;
        display:none;
    }
.bannerl_in{
    text-align: left;
margin: 0 0 0 12px;
    vertical-align: bottom;
    position: absolute;
bottom:0;
left:0;
width: 100%;
}

.bannerr{
    position: relative;
       /* width:67%;*/
       width: 100%;
        float: right;
        height: 720px;
        text-align: right;
       /* margin: 0 12px 0 0;*/
 }

.rslidesall{
position: relative;
bottom:0;
right:0;
width: 100%;
text-align: right;
background-color: #fff;
 /* max-width: 1920px; */
 max-width: 1600px;
    margin: 0 auto;
    }

.cats{
    display: none;

padding:0 0 0 0;
top:25px;
left: 0px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.10);
z-index: 100;
position: absolute;
transition: all 0.2s ease-in;

}



.cats_show{
    width: 1000px;
}


.catpopinnerall{
    width: 700px;
}

.catpopinnerpic{
display: inline-block;
width: 350px;
height: 645px;
float: left;
background-color: #EEF2F4;
cursor: default;

}
.catpoponlycats{
    display: inline-block;
    width: 350px;
    float: right;
    height: 645px;
    position:relative;

    }

    .catpoponlycats_inner{
      padding: 0px 10px 0px 60px;
     
        
        }

        .catpoponlycats_in{
           
            /*position: fixed;*/
            z-index: 5;
            height: 645px;
          /*  width: 100%; */
            display: flex;
            justify-content: center;
            align-items: center;
              
              }

        .catpopinnerpic_in{
            padding: 0px;
              width:100%;
              height: 100%;
              background-size: 100%;
              background-position: bottom;
              background-repeat: no-repeat;
              }
.catpoponlycatstext{
    padding:200px 22px 0 22px;
    color: #666;
    font-size: 1.1em;
}

              .catpopinnerpic_in img{
                width: 100% !important;
                height: auto !important;
                left: unset !important;
                top: unset !important;
                padding: 5px 0 0 0;
              }




.cats_in{



margin:0 auto;
padding: 8px 0 8px 0;
text-align: center;
transition: all 0.2s ease-in;
}
#prodcats:after{
   /* content: "\25bc";
    color: #666;*/
    content: "";
    margin:0 0.5em;
    display:inline-block;
    border: 4px solid transparent;
    border-top:7px solid #333;
    border-bottom:0 none;
}
.cat_show{
    height: 1px;
    width: 50%;
    position: absolute;
    right: 4px;
    z-index: 2;
    top: 80px;
    /*box-shadow: 0px -6px 8px -6px rgba(0,0,0,0.7);*/
   /* background-color: #fff; */
  /*  border-top:solid 1px #cccccc;*/
}

.all_categories{
    overflow-y: scroll;
    display: none;
    position: absolute;
    top:30px;
    right: -15px;
    max-height: 500px;
    width: 200px;
    background-color: #D50101;
    padding: 1px 15px 20px 15px;
    border-radius: 15px;
}

.all_categories a{
    color: #e9e9e9;
    padding:2px 10px 2px 10px;  
    display: block;
    border-radius: 7px;
}

.all_categories a:hover{
background-color: #e9e9e9;
color: #AF1016;
}

.catallh{
    display: block;
    background-color: #e9e9e9;
    padding:6px 10px 6px 10px;
    margin:20px 0 3px 0;
    border-radius: 10px;
}

.togglein, .toggleup{
    position: absolute;
    right:20px;
    top: -1px;
padding:5px 10px 5px 10px;
background-color: #D50101;
color: #fff;
border-radius: 10px;
cursor: pointer;
display: none;
opacity: 0.5;
}

.togglein:hover, .toggleup:hover{
    opacity: 1;
}

.toggleup{display: none;}

.cat{
text-align: left;
display: block;
width:250px;


padding: 1px 1px 1px 1px;


display: block;
background-color: #fff;
margin:0;
margin-bottom:2px;
cursor: pointer;
color:#fff;
border-radius: 0px;
transition: all 0.2s ease-in;



}
/*
.catpop5, .catpop17, .catpop6, .catpop7, .catpop12, .catpop16, .catpop8, .catpop9, .catpop18{display:none;}
*/
.cat:hover{  background-color: #EEF2F4;
    transition: unset !important;
    transform:  unset !important;
   
    box-shadow: unset !important;
}
.cat img{ width: 16px; height: auto;
position: relative;
left: 30px;
top:4px; }
.cat span{
padding:10px 10px 10px 50px;
font-size: 0.85em;
font-weight: bold;
display: block;
color:#333;
line-height: 1em;
color: #22333B;
 display: inline-block;
/*overflow-wrap: break-word;*/
}
.cat_tit{
    font-size: 1.6em; 
    font-weight: normal;
    margin:0px 0 5px 0;
    padding:0;
    }


.container{
    background-color: #F5F5F5;
width: 100%;
margin-bottom:470px;
margin-top: 0px;
z-index: 50;
position: relative;
}
.divss a{    color: #22333B;
    margin: 0;
    padding: 0;
 
 
    border-radius: none;
}
.divss a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 6px;
    left: 0;
    background-color: #333;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.divs{  text-align: left;  padding:9px 20px 9px 20px;    width: 99%;
    font-size: 1em;
    font-weight: normal;
    background-color: #fff;
    border-radius: unset;}
.divs:hover{color: rgb(128, 1, 1);}

@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.catpop,.catpop1,.catpop2,.catpop3,.catpop4,.catpop5,.catpop6,.catpop7,.catpop8,.catpop9,.catpop10,.catpop11,.catpop12,.catpop13,.catpop14,.catpop15,.catpop16,.catpop17,.catpop18{}
.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9, .catpopup10, .catpopup11, .catpopup12, .catpopup13, .catpopup14, .catpopup15, .catpopup16, .catpopup17, .catpopup18{
display: none;
position: absolute;
top:0px;
left: 250px;
/*  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
border: 1px solid #c9c9c9; */
z-index: 4;
padding:0;


text-align: left;
}

.prod_base{
    width:16%;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 70px 10px;
    padding:20px 15px 20px 15px;
    position: relative;
    border-radius: 12px;
    border: solid 2px #eee;
    background-color: #fff;
text-align: center;
  
    }
    
    .productlistall_list_in .prod_base{
        width:28%;
    }

.prod_base:hover{
transition:all 0.2s ease-in-out;
border: solid 2px #3c5865;  
box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
 }

.pic img{
        height:auto;
        max-height: 300px;
        max-width: 340px;
      min-height: 160px; 
    width:85%;
    padding:20 0 10px 0;
    }
.pic{
      
    }
    
.piccat{
    padding:0 10px 10px 10px;
}

.piccat img{
    padding:0 10px 0px 10px;
    max-height: 250px;
    max-width: 250px;
}
.pret_list_prom_in {
   /* background-color: #801524 !important;*/

}
.pret_list{
   display: block;
    font-size: 1.1em;
    
   
    }
.pret_listdvs{
    z-index:4;
    position:absolute;
    bottom: 10px;
    right: 20px;
    }

.pret_list span{
font-size: 11px;
/* font-style: italic; */
display: block;
color:#d9d9d9;
border-radius: 0px;
}
.pret_list span img{
    width: 50px;
    height:10px;
    padding:2px 0 0 0;
}
.pret_list div{
/*background-color: #D50101;*/

padding: 6px 8px 6px 8px;
color: #fff;
font-size: 1.1em;
 text-align: center;
 border-radius: 8px;
}
.pret_list div:hover{
    /*background-color: #AF1016;*/
    opacity: 1;
}
.pret_list div span{
font-size: 0.6em;
}
.pret_listcat{
font-size: 0.9em;
text-align: center;
            }


            .pret_list div {
    
                border-radius: 6px;
            }
.pret_list_prom{
   
    padding:0 0 0 0 !important;
    margin:0 0 0 0;
    opacity: 1 !important;
}
.pret_list_prom span{
    font-size: 1.1em;
    display: block;
    padding:4px 0 5px 0;
    color: #801524;
font-weight: bold;
}
.pret_list_prom_in{
    
    opacity: 1 !important;
}

.pretsim{
    bottom:80px !important;
    right: 10px !important;
}

.prod_base_sim .pret_list{
    bottom:90px;
    right: 30px;
}


.listprice_det{

}
.listprice_det .listprice{
  
}

.listprice_det .pret_hp{
color:#26333A !important;
   display: block;
    font-size: 1.7em !important;
    text-align: left;
    padding:7px 20px 0px 0 !important;
}

.pretbgall{
   
}

.pret_hp{
    font-size: 1em !important;
    padding:0 10px 0 0 !important;
    text-decoration: line-through;
    background-color: unset !important;
    color: #22333B !important;
    display: inline-block;
 
}
.pret_lp{
    font-size:  1.4em !important;
    color: #801524 !important;
    padding:0 0 0 0 !important;
    background-color: unset !important;
    display: inline-block;
    font-weight: 900;
}

.pret_lp:hover, .pret_hp:hover{
    background-color: unset !important;
}








.picmain{
position: relative;
width: 98%;
text-align: left;
}
.picmain img{
    width: 95%;
    height: auto;
    margin:0 auto;
    border-radius: 14px;
    border:solid 1px #ddd !important;
}

.picmain img:hover{
    border:solid 1px #22333B !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    }

.prod_stoc{
    z-index:5;
    position:absolute;
    bottom: 9px;
    left: 5px;
    }
.prod_stoc img{
height: 30px;
width: auto;
opacity: 0.8;
}
.toatecat{
padding: 5px 0 5px 0;
}
.toatecat a{
    background-color: #0093DD;
    padding: 5px 10px 5px 10px;
    color: #fff;
    border-radius: 0px;
}
.navigator{
margin: 5px 0 10px 0;
}
.navigatorcos{
margin: 15px 0 10px 0;
}
.content_in{
width: 96%;
position: relative;
margin:0 auto;
padding: 80px 0 90px 0;
text-align: center;
 /* max-width: 1920px; */
 max-width: 1600px;
}
.sec_but{
    display: block;
    padding: 6px 10px 6px 40px;
    position: relative;
    margin: 8px 0 8px 0;
}
.sec_but img {
width: 27px;
height: 27px;
position: absolute;
left:0;
top:1px;
}
.footer{
position: fixed;
bottom: 0;
height: 470px;
width: 100%;
/*z-index: 40;*/
color:#ccc;
line-height: 1.2em;
font-size: 1.1em;
}
.footer_in{
width: 99%;
position: relative;
margin:0 auto;
padding: 30px 0 30px 0;
text-align: center;
 /* max-width: 1920px; */
 max-width: 1600px;
}
.footer_col{
display: inline-flex;
width:23%;
height: auto;
margin:0px 30px 10px 0px
}
.footer_col:last-child{
margin:0px 0px 20px 0px
}
.footer_col div{
display: block;
text-align: left;
width: 100%;
}
.footer_col a{
color: #fff;
font-style: italic;
}

.footer h4{
    color: #fff;
    padding:0 0 5px 0;
    font-weight: bold;
}
#resultham	{
    position:absolute;
    width:265px;
    padding:8px;
    display:none;
    left:0px;
    margin-top:10px;
    overflow:hidden;
    background-color:#fff;
    z-index: 100;
    opacity: 1;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
    border: 4px solid #fff;
    overflow-y: scroll;
    max-height: 470px;
    border-radius: 7px;
       
        scrollbar-width: thin;
        scrollbar-color: #999 #fff;
            }
        
            #resultham::-webkit-scrollbar {
                width: 3px;           
              }
              
              #resultham::-webkit-scrollbar-track {
                background: #fff;    
              }
              
              #resultham::-webkit-scrollbar-thumb {
                background-color: #999;   
                border-radius: 5px;     
              
              }



#result, #result2	{
position:absolute;
width:380px;
padding:8px;
display:none;
left:0px;
margin-top:5px;
overflow:hidden;
background-color:#fff;
z-index: 100;
opacity: 1;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
border: 4px solid #fff;
overflow-y: scroll;
max-height: 560px;
border-radius: 11px;
scrollbar-width: thin;
scrollbar-color: #999 #fff;
	}

    #result::-webkit-scrollbar {
        width: 3px;           
      }
      
      #result::-webkit-scrollbar-track {
        background: #fff;    
      }
      
      #result::-webkit-scrollbar-thumb {
        background-color: #999;   
        border-radius: 5px;     
      
      }




.show{
padding:10px 35px 10px 70px;
width: 80%;
position: relative;
font-size:1.1em;
display: block;
border-bottom:solid 1px #e9e9e9;
}
.show a{color: #801524; position: relative; text-align: left;}
.show a:hover{color:black; }
.show img{
width:50px; height:35px;
position: absolute;
left: -70px;
top: -2px;
	}
.show:hover	{ cursor:pointer;  background-image: linear-gradient(to right, #fff , #EFF2F4);	}
.show_toate{
margin: 0 0 6px 0;
}
#result .selected { /*background: #ebebeb; border-radius:8px;*/}
#result .selected a{
color: #22333B !important;
font-weight: 900 !important;
}
.show:first-child{height: 10px;}
.show span{
    display: block;
font-size:0.9em;
color: #801524;

}
#totrez{
font-weight: bold;
display: block;
padding:0 0 15px 5px;
text-align: left;
}
.prod_tit, .prod_tit_sm, .prod_tit_cod{
    padding:25px 0px 20px 0px;
    text-align: left;
    line-height: 14px;
}
.prod_base_sim .prod_tit, .prod_base_sim .prod_tit_cod{
    text-align: center;
}
.prod_tit_sm{
    font-size: 1.1em;
    height: 130px;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 10px 0 20px 0;
    padding: 5px 10px 5px 10px;
    color:#777;
    scrollbar-width: thin;
    scrollbar-color: #999 #fff;
    line-height: 1.3em;
    font-weight: normal;
        color: #26333A;
}
.prod_tit_sm::-webkit-scrollbar {
    width: 3px;           
  }
  
  .prod_tit_sm::-webkit-scrollbar-track {
    background: #fff;    
  }
  
  .prod_tit_sm::-webkit-scrollbar-thumb {
    background-color: #999;   
    border-radius: 5px;     
  
  }
.prod_tit_cod{
    font-size:1em;
    color: #801524;
    font-weight: 900;
    padding: 20px 10px 5px 10px;
    line-height: 1.2em;
    text-align: center;
}
.prod_tit{
font-size:1em;
color: #333;
line-height: 1.2em;
font-weight: normal;
}

.prod_cos{
  
    padding: 10px 10px 10px 10px;
    display: inline-block;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #22333B;
    color: #22333B;
    float: left;
    position: relative;
    margin: 10px 0 10px 10px;
    }
.prod_cos:hover{
   background-color: #EFF2F4;
    }
    
.prod_cos img{
        height: 17px;
    }

.prod_detail1{
width:49%;
float:left;
text-align: center;
margin: 0 auto;
}

.prod_detail2{
width: 49%;
float:left;
text-align: left;
padding:0 0 50px 0;
}

.prod_detail2 h1{
margin: 0 0 20px 0;
font-size: 1.5em;
}

.prod_detail3{
width: 20%;
float:right;
text-align: left;
padding: 0 0 0 10px;
color:#999;
}

.prod_det{
width: 100% !important;
text-align: center;
font-size: 1em;

clear: both;

}

.prod_det_in{
    width: 80%;
    margin:0 auto !important;
    text-align: left;
    font-size:1.1em;
padding:90px 0px 20px 0px;
line-height: 1.3em;
}

.prod_det_in img{
max-width: 700px !important;
border-radius: 0px;
}

.prod_det_in iframe{
max-width: 750px;
width: 650px;
height: 400px;
border: 0;
border-radius: 15px;
}


.prod_det_atu{
width: 90%;
float: left;
text-align: left;
}

.prod_cod{
padding: 10px 0 10px 0;
}
.prod_stock_in{
display: block;
clear: both;
}

.prod_desc, .prod_stock{
padding:5px 0px 20px 0px;
float:left;
display: inline-block;
border-radius: 13px;
}
.prod_desc{
   color:#000;
   font-size: 1.1em;
   line-height: 1.5em;
   font-weight: bold;
    }
.prod_stock{
padding:10px 20px 10px 0px;
margin: 0 20px 10px 0;
}

.prod_mon{  
float:left;
display: inline-block;
border-radius: 13px;
    padding:10px 15px 10px 0px;
    margin: 0 10px 10px 0;
    background-color: #fff;
}

.prod_stock span, .prod_mon span{
color:#801524;
line-height: 1.1em !important;
font-size: 1.1em !important;
font-weight: bold;
}
.prod_cod span, .prod_disp span{
    font-weight: bold;
}
.prod_disp{
   padding: 10px 0 10px 0;
}
.clear{
    clear:both;
}

.listprice{
    margin: 3px 0 5px 0;
    
 display: inline-block;
 
    color:#801524;
     font-size:2.0em;
     font-weight: bolder;
}

.prod_mon .moneda select{
    padding: 6px 12px 6px 12px;
    margin: 8px 0 0 0;
}

.price span{
    font-size:16px !important;
    font-weight: bold;
}
.price_cu{
    font-family: 'Montserrat';
    font-weight: bold;
}
.price{
    display: inline-block;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.pricetva{
   
    font-size:0.55em !important;
    font-weight: bold;
    padding:0 0 0 20px;
    color: #22333B;
    display: inline-block;
}
.prod_detail_last{
    border: solid 4px #f1f1f1;
    padding: 10px 10px 10px 10px;
    color:#999;
    border-radius: 0px;
    margin: 10px 10px 10px 0;
}
.buttred, .buttyel, .buttblu{
    text-align: center;
    padding: 10px 21px 10px 21px;
    border:0 !important;
    background-color: #801524 !important;
    color:#fff !important;
    cursor: pointer; 
    border-radius: 8px;
    font-size: 1em;
    min-width: 45px;
    min-height: 35px;
    margin:3px 0 3px 0;
}

.buttyel{
    background-color: #801524 !important;
    color:#fff !important;
}

.buttblu{
    background-color: #801524 !important;
    color:#fff !important;
}

.buttred:hover{
    background-color: #22333B !important;
}

.buttyel:hover{
    background-color: #22333B !important;
}

.buttblu:hover{
    background-color: #22333B !important;
}

.buttcos_in{
    position: relative;
    }

.buttcos_img{
        height: 50px;
        width: 50px;
        position: absolute;
        background-color: #fff;
        border: solid 2px #ddd;
        top:-7px;
        left:4px;
        border-radius: 8px;
    }

    .buttcos_cant{
       
        position: absolute;
        padding: 10px 8px 10px 8px;
        display: inline-block;
        background-color: #fff;
        border-radius: 5px;
        border: solid 2px #8D99AD;
        color: #22333B;
    
     top:15px;
     left:0;
       
    }
    .buttcos_cant:hover{

        border: solid 2px #22333B;

    }
    .buttcos_cant input{
        font-size: 1.2em;
        font-weight: bold;
 width: 48px;
  
        border:none;
        text-align: center;
    }
    .buttcos_cant input:hover{

        border:none;
    }

.buttcos_img img{
        height: 25px;
        width: 25px;
        position: absolute;
        top:13px;
        left:13px;
    }

.buttcos_buc{
    position: absolute;
    bottom:5px;
    right: 16px;
    font-size: 0.8em;
    color: #ccc;
}

.buttcos{
    padding: 12px 20px 12px 20px;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    border: solid 2px #801524;
    color: #fff;
    background-color: #801524;
   font-size: 1em;
   font-weight: bold;
    position: relative;
    margin: 10px 0 10px 85px;
    background-image: url(../images/adauga_cart_icon.png);
background-repeat: no-repeat;
background-position: 10px 7px;
padding-left: 45px;
background-size: 28px;
}
.buttcos:hover{
  
    border: solid 2px #22333B;
    background-color: #22333B;
  
}
.buttcomp_out{
   
cursor: pointer;
    position: absolute;
    top:14px;
    left:459px;
}


.buttcomp{
    padding:12px 15px 12px 15px;
    border: solid 2px #8D99AD;
    cursor: pointer;
    color: #22333B;
   font-weight: bold;
    font-size:1em;
    background-image: url(../images/adauga_compara_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 8px;
    padding-left: 45px;
    background-size: 26px;
}

.buttcomp:hover{
  
    border: solid 2px #22333B;
    background-color: #eee;
    color: #801524 !important;
   

}

.recommended_overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    z-index: 999;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

.recommended{
    width: 66%;
    background-color: white;
    border-radius: 7px;
    z-index: 1000;
    margin: 60px;
    margin-top: 75px;
    height: fit-content;
    max-width: 1100px;
    filter: drop-shadow(0px 0px 300px #000000);
}

.recommendedclose {
    cursor: pointer;
    border-radius: 5px;
    background-color: #8d99ad !important;
    color: #fff !important;
    padding: 10px;
}

.closetext{
    display: inline-block;
}

.closex{
    display: inline-block;
    font-family: arial;
}

.recommendedclose:hover {
    background-color: #801524 !important;
    color:#fff;
}

.recproduct .pinlist{
   margin: 1px 10px 5px 10px;
    float: left;
}

.added{
    display: flex;
    justify-content: space-between;
    padding: 15px 40px;
    background-color: #F5F5F5;
    border-radius: inherit;
}

.addedproduct{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.image_code_price{
    display: flex;
    align-items: center;
}

.image{
    margin: 20px 20px 20px 40px;
    width: 25%;
}

.image img{
    width: 75%;
    height: auto;
   /* border: 1px solid #ddd; */
    border-radius: 8px;
    padding: 0px 5px;
}

.image_code_price .code{
    font-weight: bold;
    padding: 2px 0px;
}

.image_code_price .price{
    padding: 2px 0px;
    color: #801524;
}

.showcos{
    margin-right: 40px;
    width: 200px;
    border: 1px solid #bf8a91;
    background-color: #801524;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px 10px;
    display: flex;
    justify-content: space-around;
    cursor: pointer;
}

.showcos img{
    height: 17px;
}

.recommendedtitle{
    font-size: 1.6em;
    font-weight: bold;
    font-family: sans-serif;
    padding: 40px 0 1px 0;
    text-align: center;
}

.recommendedtitleunderlinediv{
    display: flex;
    justify-content: center;
    padding: 10px 0px 30px 0px;
}

.recommendedtitleunderline{
    background-color: #801524;
    height: 5px;
    width: 25px;
}

.recommendedproducts{
    display: flex;
    padding: 0px 35px 30px 35px;
    font-size:0.9em;
}

.recommendedproducts .slick-dots{
    bottom: 5px;
}

.recproduct{
    margin: 0px 5px;
    background-color: #fff;
    border-radius: 6px;
    width: 25%;
    border: solid 2px #eee;
}

.recproduct:hover{
    
    border: solid 2px #22333B;
}

.addedproduct .showcos{
width: 140px;
}
.prod_base_rec .prod_tit_sm{
font-size: 1em;
height: 50px;
margin: 5px 0 5px 0;
}

.pic_rec{
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.pic_rec img{
    width: 70%;
    border-radius: 5px;
}

.message{
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
    padding-top: 8px;
}

.recommendations{
    background-color: #f5f5f5;
    border-radius: 5px;
}

.messager{
position: fixed;
padding: 15px 20px 15px 20px;
background-color: rgb(255, 208, 0) !important;
color:#333;
margin: 0; /* left: 0; */
right: 50px;
/*margin-left: auto;
margin-right: auto; */
top: 500px; width: 20%;
z-index:10000;
border-radius:15px;
opacity: 0.9; 
text-align: center;
}

.messagerp{
    background-color: #eee;
    border:solid 2px #ddd;
    border-radius: 10px;
    padding: 20px 30px 20px 60px;
    color: #666 !important;
  font-size: 1em;
  line-height: 1.4em;
  margin: 20px 0 20px 0;
  position: relative;
  text-align: left;
    }
    .messagerpp{
    text-align: left;
        padding: 10px 0px 0px 0px;
     /*   color: orange !important;*/
      font-size: 0.9em;
        }


    .detail_description_text a{
padding:7px 20px 7px 20px;
border:solid 2px #ccc;
border-radius: 5px;
margin:10px 0 10px 0;
background-color: #fff;
color:#22333B;
font-size: 0.9em;
font-weight: bold;
display: inline-block;
background-image: url(../images/ajax_download.png);
background-repeat: no-repeat;
background-position: 12px 8px;
padding-left: 35px;
background-size: 20px;
    }

    .detail_description_text a:hover{
      
        border:solid 2px #22333B;
       
        background-color: #f1f1f1;
        color:#000;
       
            }

            .prod_desc a{
                padding:7px 20px 7px 20px;
                border:solid 2px #ccc;
                border-radius: 5px;
                margin:10px 0 10px 0;
                background-color: #fff;
                color:#22333B;
                font-size: 0.9em;
                font-weight: bold;
                display: inline-block;
                background-image: url(../images/ajax_download.png);
                background-repeat: no-repeat;
                background-position: 12px 8px;
                padding-left: 35px;
                background-size: 20px;
                    }
                
                    .prod_desc a:hover{
                      
                        border:solid 2px #22333B;
                       
                        background-color: #f1f1f1;
                        color:#000;
                       
                            }

                            .prod_tit_sm a{
                                padding:7px 20px 7px 20px;
                                border:solid 2px #ccc;
                                border-radius: 5px;
                                margin:10px 0 10px 0;
                                background-color: #fff;
                                color:#22333B;
                                font-size: 0.9em;
                                font-weight: bold;
                                display: inline-block;
                                background-image: url(../images/ajax_download.png);
                                background-repeat: no-repeat;
                                background-position: 12px 8px;
                                padding-left: 35px;
                                background-size: 20px;
                                    }
                                
                                    .prod_tit_sm a:hover{
                                      
                                        border:solid 2px #22333B;
                                       
                                        background-color: #f1f1f1;
                                        color:#000;
                                       
                                            }

.addingbox{
    background-color: #EFF2F4;
    padding: 30px 25px 30px 25px;
    border-radius: 10px;
    margin:0 0 50px 0;
}

.buttin{
    text-align: center;
   width: 150px !important;
padding: 10px 15px 10px 15px;
    border:0 !important;
    background-color: #D50101 !important;
    color:#fff !important;
    cursor: pointer; 
    border-radius: 10px;
    font-size: 1.1em;
}
.buttsec{
    text-align: center;
    width: 150px !important;
 padding: 10px 15px 10px 15px;
     border:0 !important;
     background-color: rgb(255, 189, 9) !important;
     color:#fff !important;
     cursor: pointer; 
     border-radius: 10px;
     font-size: 1.1em;
 }

 .buttth{
    text-align: center;
    width: 150px !important;
 padding: 10px 15px 10px 15px;
     border:0 !important;
     background-color: rgb(0, 61, 228) !important;
     color:#fff !important;
     cursor: pointer; 
     border-radius: 10px;
     font-size: 1.1em;
 }

 .buttvalue{
    text-align: center;
    width: 50px !important;
 padding: 10px 15px 10px 15px;
     border:0 !important;
     background-color: #d9d9d9 !important;
     color:#333 !important;
     cursor: pointer; 
 }

.buttin:hover, .buttsec:hover{
background-color: rgb(121, 3, 3) !important;
border:0;
}

.buttsec:hover{
    background-color: rgb(255, 189, 9) !important;
    color: #333 !important;
}
.form_in{
    margin:0;
    padding: 5px 0 5px 0;
}
.pic_det{
width:99%;
height: auto;
}

.pic_sec{
width:46%;
height: auto;
}

.logo_list{
z-index:2;
position:absolute;
top: 20px;
left: 0px;
}

.logo_list img{
max-width: 200px;
height: 30px;
}

.offers{
background-color: #f1f1f1;
width:100%;
}

.offers_in{
background-repeat: no-repeat;
margin: 0 auto;
padding: 20px 30px 30px 30px;
height: 400px;
vertical-align: top;
}

.offers_col{
display: inline-flex;
width:28%;
height: auto;
margin:20px 40px 20px 0px
}

.offers_col:last-child{
   margin:20px 0px 20px 0px
}

.offers_col div{
display: block;
text-align: left;
width: 100%;
}

.offers input, textarea{
padding:8px 15px 8px 15px;
border:solid 1px #e9e9e9;
width: 90%;
color:#0093DD;
margin: 3px 0 15px 0;
font-family: 'Open Sans',sans-serif;
font-size: 12px;
}

.offers textarea{
display: block;
font-family: 'Open Sans',sans-serif;
font-size: 12px;
width: 90%;
height: 218px;
}

.offers_in h1{
    margin:0 0 7px 0; padding:0;
}

.input_butt{
width:66%;
background-color: #0093DD;
color: #fff;
cursor: pointer;
font-family: 'Open Sans',sans-serif;
}

.producator_small{
width: 100%;
}

.producator_small_in{
margin:0 auto;
width: 100%;
padding: 30px 0 0px 0;
display: block;
text-align: center;

}

.prod_ic_all{


margin: 0 auto;
background-color: #fff;

}

.prod_ic_all_in{
    padding:150px 20px 130px 20px ;
    text-align: center;
    display: block;
    margin: 0 auto;
 /* max-width: 1920px; */
 max-width: 1600px;
    }

.prod_ic_all a img{
  max-width: 200px;
  height: 30px;
  width: auto;
    opacity: 1;
    filter: grayscale(100%);
    cursor: pointer;
    transition: all 100ms ease;
    padding: 30px 35px 30px 35px;
    border-radius: 13px;
    margin: 5px 5px 5px 5px;
    background-color: #fff;
    height: 25px;
    border-radius: 7px;
    border: solid 1px #fff;
}

.prod_ic_all a img:hover{
filter:  grayscale(0%);
transition:all 0.2s ease-in-out;

transform: scale(1.10);
    border: solid 1px #dbe3e9;
}

.producator img{
max-width: 95px;
width: 98%;
}

.marimi_all{
margin:15px 0 15px 0;
}

.marimi_all table {
width: 90%;
}

.marimi_all table th{
text-align: center;
background-color: #e9e9e9;
padding: 7px 15px 7px 15px;
}

.marimi_all table th:nth-child(1){
width: 5%;
}

.marimi_all table th:nth-child(2){
width: 7%;
}

.marimi_all table td{
text-align: center;
background-color: #fff;
padding: 7px 15px 7px 15px;
}

.pret_td{
text-align: center;
width: 25%;
padding: 5px 7px 5px 7px;
}

.pret_sel{
font-size: 1.7em;
font-weight: bold;
color: #0093DD;
}

.pret_sela{
font-size: 1.7em;
font-weight: normal;
color: #ccc;
text-decoration: line-through;
}

.pret_lei{
color:#ccc;
   font-size: 1.1em;
}

.decimal{
font-weight: normal;
   font-size: 0.7em;
}

.marimi_list{
padding: 3px 5px 3px 5px;
}

.atuu_all{
position: relative;  
width:100%;
display: block;
 /*background-color: #eeeeee;*/
  }

.atuu{
width: 100%;
margin:0 auto;
top: 0px;
position: relative;
display: block;
text-align: center;
max-width: 1920px;
}

.atuu1{
display: inline-flex;
padding: 15px 10px 15px 10px;
width: 18%;
border-radius: 0px;
font-size: 0.9em;
position: relative;    
}
.atuu1 div{padding:45px 0 45px 0; display: block;  width: 100%; text-align: center;  }
.atuu1 img{width: 90px; height: auto; margin-bottom: 18px;}
.atuu1 span{color: #777; font-size: 16px; margin:5px 0 5px 0px; display: block; font-weight: bold; }
.atuu1 a{color: #333; text-decoration: none;}
.atuu1 a:hover{color: #AF1016;}
.atuu_txt{
    padding: 7px 0 30px 0;
    font-size: 1em;
    line-height: 15px;
}

.content_col{
    width: 100%;
   
    text-align: center;
}
.content_col_inner{
    margin:0 auto;
    max-width: 1600px;
   
}
.content_col_in{
    position: relative;
    display: flex;
    padding: 5px 5px 5px;
    margin: 0 0 50px 0;
}

.content_col1{
    width: 46%;
  float: left;
    text-align: left;
}

.content_col2{
    width: 45%;
float: right;
     text-align: left;
}

.content_col4{
    width: 30%;
  float: left;
    text-align: center;
}

.content_col5{
    width: 65%;
float: right;
     text-align: left;
}

.content_col4 img{
    width: 95%;
    padding:20px 0 20px 0;
}

.content_col44{
    width:43%;
    display: inline-block;
    text-align: center;
    margin: 5px 15px 10px 15px;
}

.content_col44 h3{
text-align: left;
padding:20px 0 12px 10px;
color: #801524;
font-weight: bold;
}

.content_col44 img{
width: 65%;
padding:0 0 10px;
}
.bolder{
    font-weight: bold;
    font-size: 1em;
    color: #000;
}

.content_col1a{
    width: 32%;
    float: left;
      text-align: left;
}

.content_col2a{
    width: 32%;
    float: left;
      text-align: left;
}

.content_col3a{
    width: 32%;
    float: left;
      text-align: left;
}

.content_col2 img, .content_col1 img, .content_col3a img, .content_col2a img,  .content_col1a img {
    width:90%;
    height: auto;
    margin: 10px 0 20px 0;
    border-radius: 0px;
}

.content_col1 input, .content_col1 select, .content_col1 textarea, .rapida input, .rapida select, .rapida textarea, .content_col2 input, .content_col2 select, .content_col2 textarea{
margin: 5px 5px 5px 5px;
padding: 9px 15px 9px 15px;
border:solid 1px #e9e9e9;
background-color: #e9e9e9;
color:#333;
font-family: 'Open Sans',sans-serif;
}

textarea:hover, input:hover, select:hover{
    border: solid 1px #c9c9c9;
}

.limiter{
clear:both;
    height: 40px;
}

.cont_table{
    width:100%;
}

.cont_table th{
    padding:7px 10px 7px 10px;
    background-color: #F1f1f1;
    color: #999;
}

.cont_table td{
    padding:7px 10px 7px 10px;
    color: #333;
}

.table_act_cant{
width: 40px;
     padding:7px 10px 7px 10px;
     border: solid 3px #f2f2f2;
     background-color: #fff;
}

.table_act_cant:hover{
    border: solid 3px #e5e5e5;
}

.table_act{
    padding:7px 10px 7px 10px;
     border: solid 3px #004996;
    width: 90px;
    background-color: #004996;
    color: #fff;
     cursor: pointer;
}

.table_act:hover{
  background-color: #0093DD;
}

.total_all{
text-align: right;
  float: right;
}

.total{
   color:#245283;
    margin: 20px 0 10px 0;
    padding: 10px 20px 10px 20px;
    text-align: right;
}

.total span{font-size:1.3em;}

.total input, .butt_gen{
    padding: 10px 20px 10px 20px;
    background-color: #245283;
    color:#fff;
    border:none;
    cursor: pointer;
    border-radius: 0px;
}

.menus_foot{
    padding:10px 0 10px 0;
}
.menus_foot a{
    font-style: normal;
    padding:2px 5px 2px 5px;
    border-radius: 0px;
   line-height: 27px;
}

.menus_foot a:hover{
    font-style: normal;
    color: #fff;
    background-color: rgb(151, 0, 0);
    border-radius: 10px;
}

.istoric{
padding: 25px 0 10px 0;
text-align: left;
}
.drepturile{
    font-size:0.8em;
    padding:10px 0 10px 0;
}
.wish_del{
text-align: right;
z-index: 100;
position: relative;
top:30px;
right:30px;
}
.atuu_arrow{
    padding:15px 0 1px 0 !important;
}
.atuu_arrow img{
    height: 20px !important;
    width: auto;
    margin-bottom: 5px !important;
}
.panel {
	width:180px;
	float:left;
    top:170px;
	height:280px;
	position:fixed;
	left:-180px;
  font-size: 12px;
  padding:15px 5px 15px 10px;
  z-index: 1001;
  border:none;
  background-color: rgba(243, 243, 243, 0.9);
    border-left: 0px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.20);
text-shadow: 1px 1px 1px #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.slider-arrow {
  top:30px;
	padding:0px;
	width:50px;
  height: 50px;
  font-size: 12px;
  margin:0;
background: none;
z-index: 1000;
	color:#000;
border:none;
	text-decoration:none;
	position:absolute;
	right:-25px;
}

.slider-arrow img{
height: 50px;
border:none;
opacity: 0.7;
}

.slider-arrow img:hover{
opacity: 1;
}


.lang{
    width: 100%;
    text-align: right;
}

.download{
padding:15px 0 0 30px;
height: 35px;
background-image:url(../images/download.png);
background-repeat: no-repeat;
background-position: left 12px;
background-size: 20px 25px;
}

.download a{color: #fff; background-color: #004996; padding: 5px 9px 5px 9px; border-radius: 0px; }
.download a:hover{background-color: #0093DD;}

.patu {
width:100%;
vertical-align:top;
}

.patu div{
width:24%;
text-align: center;
align-content: center;
display: inline-block;
vertical-align:top;
height: 100px;
}

.patu div img{
height: 48px;
margin: 0 auto;
padding:0 0 5px 0;
display: block;
}

.patu div span{
display: block;
font-weight: bold;
}

.prod_tit_sim,.prod_tit_sm_sim, .maimulte_sim{
    font-size:0.9em;
}

.prod_base_sim{
    width: 26%;


}

.prod_base_sim:hover{




}

.prod_base_sim .pic{
    min-height: 110px;
    }
.prod_base_sim .pic img{
        min-height: 110px;
}

.prod_base_sim .prod_tit_cod{
    font-size: 0.9em !important;
}

.similar{
width: 67%;
text-align: left;
font-size: 1.1em;
float: right;
clear: both;
}

.similar_in{
 padding:20px 20px 20px 30px;
margin:20px 0 20px 29px;
    border-bottom: solid 2px #f3f3f3;
    background-color: #fff;
}

.fb-like{
    padding:0 0 10px 0;
}

.stare_schimbz{
    margin: 10px 5px 10px 5px;
    background-color: green;
    width: 40%;
    padding:8px 0 8px 0;
}

.stare_schimbp{
    margin: 10px 5px 10px 5px;
    background-color: red;
     width: 40%;
    padding:8px 0 8px 0;
}

.stare_schimbz a, .stare_schimbp a{color:white;}

.alert{
    margin:1px 5px 20px 5px;
    background-color: #f2f2f2;
    padding: 8px 10px 8px 10px;
    border: solid 1px #e5e5e5;
    font-size: 1.1em;
}

#alerta{
          
    position: fixed; display: none; margin: 0; 
    font-size: 1.1em;
    padding: 15px 0 15px 0;
    bottom: 0px;   width: 100%; background-color: #fff !important;color: #000; opacity: 1; z-index:1000; border-top: solid 1px #ddd; }

.aloff{
   color: #fff; padding: 2px 7px 2px 7px;  background-color: #D50101; cursor: pointer; border-radius:4px;
   position: absolute;
   right: 30px;
   top:14px;
       }

.lang{
    float: left;
}

.lang a img{
    height:33px;
    padding:0 0 10px 10px;
}

.scroll_div {
 position:fixed;
 bottom:50px;
 right: 30px;
 display: none;
 z-index: 10000;
}

.scroll_div img{height:45px; opacity: 0.5; }

.scroll_div img:hover{opacity: 0.8;}

.socall{text-align:left; padding:0px 2px 0px 0px;}

.prod_tit:hover{
    color: #000;
}

.pic img:hover{
    transition:all 0.2s ease-in-out;
    transform: scale(1.10);
    opacity: 1 !important;
}

.filtr{
    text-align: left;
    display: block;
    margin: 0px 0 7px 0px;

}
.filtr_img{
    height:25px;
}
.filtra{
    font-size: 16px;
}

.paginate{
    width: 100%;
    text-align: right;
    z-index: 10000;
     }

.paginate_in{
    padding:0 5px 30px 0;
   text-align: center;
   font-weight: 900;
 }

.paginate_in .current{
    color: #22333B;
    padding:13px 5px 13px 5px;
    min-width: 34px;
    display: inline-block;
    text-align: center;
    color: #22333B;
    border:solid 1px #ccc;
    }

.paginate_in a{
    display: inline-block;
    background-color: #fff;
    padding:13px 5px 13px 5px;
   
    min-width: 34px;
border:solid 1px #ccc;
    color: #22333B;
    text-align: center;
   
}

.paginate_in a:first-child, .paginate_in .disabled{
    border-top-left-radius:7px;
    border-bottom-left-radius:7px;
}

.paginate_in a:last-child{
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
}

.paginate_in a:hover{
background-color: #22333B;
color: #fff;
    }

.paginate_in .disabled{
    background-color: #fff;
    padding:13px 5px 13px 5px;
    min-width: 34px;
    border:solid 1px #ccc;
    color:#c9c9c9;
   
display: inline-block;
text-align: center;

    }

.newboxes {
    display: none;
    margin-top:10px;
    width: 100%;
    border-bottom: solid 3px #e5e5e5;
    }



.pretdvss{
    font-size: 0.8em;
}

.stoc_of{background-color:rgba(192, 38, 0, 0.80);}
.stoc_nou{background-color:rgba(41, 22, 111, 0.80)}

.atentie{
    padding:10px 10px 10px 10px;
    border: solid 2px #ffb397;
    border-radius: 0px;
    margin: 10px 0 5px 0;
    color: #c05026;
}

.kitt, .kittc{
    display: block;
    clear: both;
    padding:0 0 20px 0;
}

.kitt table{
    width:100%;
}

.kitt table td{text-align: center;}

.kitt table img{
    width: 100px;
    border-radius: 4px;
}

.kittc img{
    width: 140px;
    height: 110px;
    margin :0 5px 5px 0;
    border-radius: 4px;
}

.kitt table img:hover, .kittc img:hover{
    transition:all 0.2s ease-in-out;
    transform: scale(1.7);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}

.kitt table td h3{
    text-align: center;
    font-size: 13px;
    padding:0;
    margin: 0;
}

.simcats{
    padding:20px 0 10px 0;
    line-height: 20px;
}

.content_col1b{
    width: 25%;
  float: left;
    text-align: left;
}

.content_col2b{
    width: 68%;
float: right;
     text-align: left;
}

.search_ideii{
    width: 100%;
    background-color: #004996;
}

.search_ideii_in{
    padding:3px 3px 3px 3px; 
}

.search_ideii input {
border: none;
background-color: #004996;
color: #fff;
width: 90%;
font-style: italic;
font-size: 13px;
margin:9px 15px 9px 15px; 
}

#resultidei{
    width: 100%;
    padding: 0 0 0 0;
    margin:0;
    }

.idei_box{

margin: 15px 10px 15px 10px;
width: 18%;
border-radius:15px;
text-align: center;
vertical-align: top;
display: inline-block;
background-color: #fff;
border: solid 2px #eee;
}

.idei_boximage{
    
}

.idei_box:hover{
    transition:all 0.2s ease-in-out;
border: solid 2px #3c5865;  
box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

.idei_boxtext{
    padding:5px 25px 25px 25px;
   text-align: left;
  
    color: #22333B;
   font-size: 1.1em;
  
}

.idei_box img{
width: 100%;
height: auto;
border-top-left-radius: 12px;
border-top-right-radius: 12px;

}

.idei_boxtit{
    padding:15px 15px 15px 15px;
   
    margin:0 10px 0 10px;
   
}

.idei_boxtit h2{
    color:#333;
    font-size:1.2em;
}

.idei_boxtit span{
   
   color: #999;
   font-size: 1em;
 padding:0 0 10px 0;
 display: block;
 text-align: left;
}

.idei_box_inner{
padding: 7px 15px 10px 15px;
text-align: center;
}

.idei_box_s{
margin:3px 10px 3px 0;
width:100%;
}

.idei_box_inner_s{
    background-color: #F1f1f1;
    padding: 10px 15px 10px 15px;
    text-align: left;
}

.idei_box_inner_s img{
    width: 60px;
    height: 50px;
}

#accordion {
	list-style: none;
	padding: 0 0 0 0;
margin:0;
width: 100%;
}
#accordion div {
font-weight: bold;
	cursor: pointer;
    width: 100%;
	list-style: circle;
color: #fff;
margin:0;
padding: 0;
}

#accordion div .in{
  width: 90%;
    padding: 8px 15px 8px 15px;
}

#accordion ul {
	list-style: none;
    padding: 0 0 0 0;
    width: 100%;
	display: none;
}
#accordion ul li {
	font-weight: normal;
	cursor: auto;
	background-color: #f1f1f1;
    padding: 0;
    border-bottom: solid 1px #ccc;
   padding: 8px 15px 8px 15px;
    margin:0;
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
}

.idee{
padding:15px 0 5px 0;
}

.idee a{
padding: 0 10px 0 10px;
display: block;
}

.idee a:hover{
background-color: #7FC00C;
color: #fff;
}

.blogg{
   font-size:1.1em;
    text-align: justify !important;
    line-height: 25px;
   
    }
.blogg_all{
    text-align: center;
}

.blogg table, .blogg table td{
    border:none;
    line-height: normal;
}

.blogg img{
  /* float: left;*/
    margin: 20px 0px 20px 0;
   /* padding: 5px 5px 5px 5px;*/
   max-width: 100% ! important;
width: auto;
/* display: block; */
/*margin-left: auto;
margin-right: auto;*/
 /* top: 0; left: 0;*/
height: auto !important;
border-radius: 10px;
/*border: solid 1px #ccc;*/
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
}
.blogg img:hover{
  /*  transition:all 0.2s ease-in-out;
    transform: scale(1.3);*/
}
.blogg iframe{
    width:100%;
    height: 500px;
    border: none;
    border-radius: 10px;
    float: none;
}

.prom_a{
    background-color:rgba(192, 38, 0, 0.80) !important;
}

.prom_b{
    background-color:rgba(41, 22, 111, 0.80) !important;
}

.filter_container{
border-radius: 0px;
text-align: left;
width: 100%;
margin: 0 auto;
}

.resetform{margin:0; padding:0; display: inline-block;position: absolute; top:-2px; right:0px;}
.resetfiltre{
    font-size: 0.8em !important;
}

.resetfiltre input{
    background-color: #22333B;
    color: #fff;
    border: none;
    padding:6px 10px 6px 10px;
    border-radius: 6px;
    cursor: pointer;
}

.resetfiltre input:hover{background-color: rgb(131, 1, 1); color: #fff;}

.navigation{
    padding: 0px 0px 25px 0;
    text-align: left;
    font-size: 1.1em;
  
}

.navigation span{
color:#999 !important;
display:inline-block;
text-transform: lowercase;
}

.navigation a{
    display:inline-block;
    text-transform: lowercase;
}
.navigation a::first-letter {text-transform: uppercase !important;}
.navigation span::first-letter {text-transform: uppercase !important;}
.navigation a{
    color: #999;
  
}

.navigation a:hover{
    color: #22333B;
}

.author {
    display: none;
   max-width: 500px;
    text-align: center;
    position: fixed;
    color:#333;
    z-index: 44;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 590px 590px 590px rgba(0,0,0,.5);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; top: 50px; 
  padding:30px 40px 40px 40px;
  width: 25%; 
        }


.author h1{
    text-align: center;
    margin: 20px 0 40px 0;
}

.author_close{
    position: absolute;
    bottom:15px;
    right:30px;
    color: #22333B;
    cursor: pointer;
}

.author_close:hover{text-decoration: underline;}


.author .inputt{
padding: 12px 15px 12px 15px;
border:solid 1px #22333B !important;
background-color: #fff !important;
width: 90%;
}

.author .inputt:hover{
border: solid 1px #801524 !important;
background-color: #F5F5F5 !important;
}
.authortit{
    padding:0 0 6px 8px;
    text-align: left;
    font-size: 0.9em;

}
.author .buttlogin{
    width: 97%;
    background-color: #801524 !important;
    color: #fff;
    margin: 20px 0 0 0;
}
.author .buttlogin:hover{
    width: 97%;
    background-color: #22333B !important;
    
}
.authorcontnou{
    padding:30px 0 10px 0 !important;
    display: block;
}
.authorcontnou span{
    color:#22333B;
    font-weight: 900;
    font-size: 1.1em;
}
.authorcontnou span:hover{
    text-decoration: underline !important;
}
.forgotpass{
    text-align: left;
}
.forgotpass input{
    text-decoration: underline;
    background-color: #fff;
    border: unset !important;
    cursor: pointer;
}
.forgotpass input:hover{
    color: #801524;
}
.logintext{
    font-size: 0.8em;
}
.prod_maimult, .blog_maimult, .prod_comp{
    
    
    border-radius: 4px;
    font-size: 1.1em;
    padding:5px 10px 5px 0px;
   
    font-weight: 600;
   /* margin-top:30px;*/
    cursor: pointer;
    text-align: left !important;
    color: #801524;
}
.prod_comp{
   /* float:left;
    background-color: #f1f1f1;
    border-radius: 4px;*/
    font-size: 0.9em;
    padding:5px 10px 5px 10px;
    margin-right: 1px;
    margin-top:15px;
    position: absolute;
    top:-5px;
    right: 0px;
}
.prod_comp:hover{
    color: #22333B;
    text-decoration: underline;
}
.prod_maimult{
    position: relative;
    padding:5px 10px 5px 10px;
}

.prod_maimult a, .blog_maimult a{
    color: #801524;
}

.blog_maimult{
    position: relative;
    padding:15px 10px 5px 0px;
}

.prod_maimult a:hover, .blog_maimult a:hover, .prod_comp a:hover{
    color: #22333B;
}

.monedain{
    position: relative;
    display: inline-block;
  padding:0px 10px 0 5px;
  float: right;
 top: 17px;
}

.orderby .monedain{
    top: 0px;
}
.moneda select{
    border: solid 2px #8D99AD;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    color: #22333B;
    cursor: pointer;
    border-radius:7px !important;
}

.moneda select:hover{
   
    background-color: #dde5ea;
  
}

.moneda option{
    background-color: #EFF2F4;
    color: #22333B;
}

.detail_table table{
   width:100%;
}
.detail_table{
   line-height: 1.5em;
 }
table{
border-collapse: collapse;
}

.prod_det_in table th, .table th{
    font-weight: 900;
  
    font-size: 1em;
}

.prod_det_in table tr, .table tr{
 /* border-bottom: solid 1px #999; */
  
   font-weight: normal;
    font-size: 1em;
}
.table td, .table th{
    text-align: center;
   font-weight: normal;
}
.detail_table table td span{font-weight: 900 !important; font-size: 1em; color: #801524 !important; }
.detail_table table tr{
    border-bottom:solid 1px #ccc;
}

.totalcart table td span{
    color: #801524 !important;
}
.detail_table table th{
    max-width: 25%;
    text-align: left;
}



.detail_table table td{
    padding:12px 20px 12px 7px;
    overflow-wrap: break-word;
}

.detail_table input, .detail_table select{
padding: 8px 13px 8px 13px;
border:none;
background-color: #fff;
border: solid 1px #22333B;
font-size: 1.1em;
margin: 2px 2px 2px 2px;
}



.detail_table [type=checkbox]{
   width:20px;
   height: 20px;
    }

.detail_table input:hover, .detail_table select:hover{
    background-color: #e9e9e9;
    }

.resurse, .resurse_link{
    width: 40%;
    float: left;
    margin:20px 30px 20px 10px;
    padding:20px 30px 10px 10px;
    cursor: pointer;
    position: relative;
    text-align: left;
    border-bottom: solid 1px #ccc;
    
}

.resurse:hover, .resurse_link:hover{
background-color: #fff;
}

.blog_prod_cont{
    padding:20px 30px 20px 30px;
   
  
    text-align: center;
    font-size: 0.9em;
}
.blog_prod_cont_table{
   
    border-radius: 12px;
    background-color: #fff;
}

.blog_prod_cont img{
    width: 90%;
    max-width: 250px;
}

.resurse span, .resurse_link span{
    margin:0 0 0 40px;
    text-align: left;
    display: inline-block;
   background-color: unset !important;
}

.resurse button, .resurse_link button{
    margin:0 0 0 0px 0;
    cursor: pointer;
    border:none;
    padding: 10px 20px 20px 10px;
    background-color: unset !important;
text-align: left;
 font-size: 1.1em;
    margin:0 0 0 55px;
    word-wrap: break-word;
    color:#22333B;
}








.resurse img, .resurse_link img{
 
    cursor: pointer;
    width: 50px;
    height: auto;
   top:20px;
   left: 12px;
    position: absolute;
    border-radius: 7px;
}



.tabbs {
margin: 10px 0 50px 0px;
  }
.tabb {
   /* float: left;
    line-height: 25px;*/
    margin: 0px 0 30px 0;
  }
.tabb label {
    /* background: #e9e9e9;  */
    padding: 15px 0px 15px 10px; 
    margin:0 3px 0 0px;
cursor: pointer;
   /* border-right: 1px solid #f7f7f7; */
   color: #22333B;
   font-weight: 600;
   font-size: 1.2em;
   border-bottom: solid 1px #ddd;
   /*border-top: solid 1px #ddd;*/
   display: block;
  }
.tabb label:hover{
color:#22333B;
background-color: #e3eaef;
/*background-color: rgb(128, 1, 1);*/
}
.tabb [type=radio] {
    display: none;   
  }
.content {
   /* position: absolute;
    top: 27px;
     right: 0;
    bottom: 0;
    left: 0;/*
    /* background: #f1f1f1; */
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #999 #f5f5f5;
    max-height: 200px;
    padding: 0px 0px 0px 0px;
    margin: 5px 10px 5px 0;
    /* background-image: linear-gradient(#fff, #fff); */
     
  }
  .content::-webkit-scrollbar {
    width: 3px;           
  }
  
  .content::-webkit-scrollbar-track {
    background: #fff;    
  }
  
  .content::-webkit-scrollbar-thumb {
    background-color: #999;   
    border-radius: 5px;     
  
  }
  [type=radio]:checked ~ label {
   /*/ background: #D50101;
    color: #F1f1f1;
    z-index: 2;*/
  }
  [type=radio]:checked ~ label ~ .content {
    z-index: 1;
  }

.tabbv{
      padding: 10px 0px 10px 40px;
      /* background-color: #eeeeee; */
      margin: 1px 0px 1px 0px;
    /*  display: inline-block;*/
     position: relative;
    
    
     
  }

.tabbv input{
    position: absolute;
    right:10px;
    top:6px;
    height: 20px;
    width: 20px;

}

.tabbv:hover{
    background-color: #e3eaef;
}

.tabbv a{
    color: #22333B;
    font-size: 1.1em;
   display: block;
}

.tabbv_all{
    text-align: left;
    padding:1px 0 0 0px;
    color:#999;
    font-size:0.8em;
}

.tabbv span{
 position: absolute;
    font-size: 0.8em;
   top:12px;
   left:10px;
    padding: 0px 0px 0px 0px;
    color: #999;
}

.activfilter{
    margin:0px 0 30px 0;
text-align: left;
position: relative;
line-height: 25px;
min-height: 40px;
}

.activfilter{
    margin:0px 0 30px 0;
text-align: left;
position: relative;
line-height: 25px;
min-height: 40px;
}
.filterproducer{
    min-height: 0px !important;
}

.activfilter a{
    padding:2px 25px 2px 9px !important;
    background-color: #EFF2F4;
    color: #22333B !important;
    margin:3px 10px 3px 0;
    border:solid 1px  #425c68;
    border-radius: 15px;
    position: relative;
    display: inline-block;
}
.activfilter a span{
    position: absolute;
    top:1px; 
    right: 7px;
    margin:0;
    font-size:1.3em;
    color: #22333B !important;
    }
    .activfilter a:hover{
       
        background-color: #dde5ea;
      
    }

.filtreacttit{
    padding:0 0 20px 0;
    font-weight: 900;
    font-size: 1.1em;
}
.messageclose {
    position: absolute;
    top: -6px;
    cursor: pointer;
    right: -6px;
    margin: 0;
    line-height: 12px !important;
    padding: 3px 7px 6px 7px;
  
    border-radius: 6px;
    background-color: #801524 !important;
    color: #fff !important;
    font-size: 1em;
}

.messageclose:hover {
background-color: #d01a29 !important;
color:#fff;
}

.downloadcat{
    width: 15%;
    display: inline-block;
    margin: 0 10px 30px 10px;
}

.downloadcat img{max-width: 150px;
width: 60%;
height: auto;}

.downloadcat span{
    display: block;
}

.downloadbox{
    width: 15%;
    display: inline-block;
    margin: 0 10px 30px 10px;
    text-align: center;
}
.downloadbox img{
    display: block;
    margin:0 auto;
}
.nou_offer{
   /* background-color: #e9e9e9; */
    margin:40px 0px 20px 0px;
    padding: 10px 20px 10px 20px;
    border-radius: 0px;
    color:#666;
    font-size: 1.4em;
    /*border-bottom:solid 2px #e9e9e9;*/
}

.page_in{
    text-align: left;
}

.comp_sel{
    width: 30%;
    background-color: #fff;
    padding: 8px 10px 8px 10px;
    border-radius: 0px;
    border: none;
}

.comp_sel:hover{
    border: none;
    color: #801524;
}

.price_cu{
    font-size: 0.8em;
    display: inline-block !important;
    color: #801524 !important;
}

div.tab {
    border-top: #22333B solid 1px;
    clear: left;
    padding: 6px 0 6px 0;
}

div.tab.inactive {
	display: none;
}

ol#toc {
 height: 37px;
    list-style: none;
    margin: 0;
    padding:0 0 0 0px;
}

ol#toc a {
    color: #22333B;
    display: block;
    float: left;
  padding:4px 5px 4px 5px;
    padding-left: 13px;
    text-decoration: none;
    font-weight: 900;
border-top-left-radius: 8px;
border-top-right-radius: 8px;


}

ol#toc a:hover {
    color: #801524;
}

ol#toc li {
    float: left;
    margin: 0 4px 0 0;
    padding:0 7px 0 0;
}

ol#toc li a.active {
    color: #801524;
    border-bottom:solid 3px #801524;
}

ol#toc span {
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

.tab_in{
    padding:20px 0 0 0;
}

.tab_in h2{
    color: #666;
    padding:0 0 20px 0;
}

.col2div{
   padding: 30px 0 30px 110px;
   position: relative;
   font-size: 1em;
   line-height:19px;
}

.col2div h3{
    font-size: 1.3em;
    padding:0 0 13px 0;
    font-weight: bold;
}

.col2div img{
    height: 70px; width: 70px;
    position: absolute;
    left:5px;
    
    top:70px;
    /*background-color: #f1f1f1;
    border-radius: 90px;*/
 }

 .col2acc{
    margin: 0px 0 10px 70px;
    position: relative;
padding:10px 0 0 0;
 }
 
 .col2acc img{
     height: 45px; width: 45px;
     position: absolute;
     left:-65px;
     top:10px;
  }

  .prod_detail_acc{
    border: solid 2px #f1f1f1;
    padding: 5px 10px 10px 10px;
    color:#999;
    border-radius: 10px;
    margin: 10px 10px 0px 0;
}

.prod_detail_acc:hover{
    border: solid 2px #c9c9c9;
}

.contact{
    text-align: center;
}

.contact table{
    margin:0 auto;
    width: 100%;
    border-collapse: collapse;
   margin:10px 10px 50px 10px;
   font-size: 1.1em;
}

.contact table tr{
  
    border-bottom: solid 1px #ccc;
}
.contact table td{
    text-align: left;
    padding:15px 20px 15px 0px;
   position: relative;
}
.contact table td:first-child{
   font-weight: bold;
   
   padding:15px 20px 15px 40px;
}
.contact h3{
    display: block;
}
.kitt_all{
    margin: 40px 0 20px 0;
}

.kitt_all h3{
    padding:10px 0 10px 0;
    font-weight: 900;
    font-size: 1.5em;
}
.kitt_all table{
   width: 95%;
}

.kitt_all table td{
    padding: 8px 3px 8px 3px;
    vertical-align: top;
    text-align: left;
    border-bottom: solid 1px #ddd;
   
}

.kitt_all table th{
    padding: 3px 3px 3px 3px;
    vertical-align: top;
    text-align: left;
    background-color: #eee;
    font-size: 0.9em !important;
}

.kitt_all table td:last-child{
    text-align: left;
}

.certificat img:hover, .social img:hover{
    transition:all 0.1s ease-in-out;
    transform: scale(1.10);
}

.col2acc h3{
    color:#666;
}

.stick {
    position: fixed;
width:100%;
    padding:0 0 0 0;
    top:-55px;
    background-color: #fff;
    z-index: 60;
    transition: all 0.2s ease-in;
    /*background-image: linear-gradient(#d9d9d9, #e3e3e3);*/
}

.totalcart{
    text-align: right;
position: relative;


    padding:10px 0px 10px 0px;
}
.totalcart span{
font-weight: bold;
}

.totalcart table{
    width:310px;
    margin-right: 0;
	margin-left: auto;
    border-collapse: collapse;
}
.totalcart table td:nth-child(2){
    text-align: right;
}
.totalcart td{
    font-size:1.2em;
 color: #000;
    padding:8px 2px 8px 2px;
    
}
.totalcartall{
    text-align: right;
   
}

.totalcartall table{
    border-top: solid 2px #fff;
    margin-left:auto; margin-right:0;
}


.totalcartall table td{
    color: #000;
    border: none;
    padding: 3px 2px 3px 2px;
    
}
.datein{
    padding:10px 10px 10px 10px;
    border:solid 1px #dddddd;
}
.nostock{
    background-color: #eee;
    padding: 18px 20px 18px 20px;
    border-radius: 15px;
    display: inline-block;
    color: #D50101;
}



.cart td{
    border-bottom: solid 2px #f1f1f1;
}
.getstock{
    position: absolute;
    left:10px;
    top:8px;
    font-size:1em;
    padding: 6px 13px 6px 8px;
    min-width: 75px;
    background-color: #EFF2F4;
text-align: left;
    color:#22333B;
    z-index: 0;
    border-radius: 6px;
    border: solid 1px #ddd;
    cursor: pointer;
}

.onlystock{
    border: solid 2px #eee !important;
    box-shadow: none !important;
}

.getstock:hover{
    background-color: #eee;
    border: solid 1px #666;
}

.stockproducer .getstock{
    left:30px;
    top:-15px;

}

.getstockin{
    position: relative;
}
.stockk{
position: absolute;
    padding: 0px 0px 0px 0px;
  
   padding:0 10px 0 0;
   top:1px;
   left: 35px;
  
}
.stockknum{
    border-radius:5px;
    padding:2px 8px 2px 8px;
    color:#22333B;
    right:2px;
    
    top:-2px;
}
.getstockimg{
    height: 15px !important;
    width: auto !important;
    max-width: 60px !important;
    max-height: none !important;
    min-height: 15px !important;
    padding:0 0 0 0 !important;
}
.getstocksim{
    position: absolute;
    left:25px;
    top:25px;
    font-size:0.8em;
    padding: 4px 50px 4px 8px;
    background-color: #eee;
    border-radius:7px;
    color:#333;
    border:solid 1px #ccc;
}
.getstocksim .stockk{
top:4px;
left: 37px;
}
.getstocksim .stockknum{
    top:2px;
    left: 37px;
    }
.orderby{
 height: 30px;
    margin: 5px 15px 40px 0;
    outline: none;
    text-align: right;
}

.orderbysel{
    cursor: pointer;
text-align: center;
    width: 150px;
    border-radius: 6px;
    overflow: hidden;
    color: #22333B;
 padding: 6px 10px 6px 10px;
 border: solid 2px #8D99AD;
    float:right;
    outline: none;
   background: #fff url("../images/selectb.png") no-repeat 96% 50%;
}
.orderbysel:hover{
       background: #dde5ea url("../images/selectb.png") no-repeat 96% 50% !important;
      
       
    }
.orderbysel select {
    padding: 5px 8px;
    width: 100%;
   cursor: pointer;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            outline: none;
}
.orderbysel select option{

    color: #22333B;
background-color: #EFF2F4;
padding: 4px 5px 4px 5px;
            outline: none;
}
.orderbysel select:focus {
    outline: none;
}
.addcos{
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.addcos a{
    color: #22333B;
    font-weight: 900;
}
.addcos a:hover{
    color: #22333B;
}
.addcosshow{
    position: absolute;
    display: none;
    bottom: -1px;
    left: -9px;
    width: 180px;
    height: 40px;
    border-radius: 5px;
    text-align: right;
    background-color: #D50101;
    color: #fff;
   
}
.addcosshow input{
width: 37px;
display: inline-block;
border-radius: 0px;
border:none;
margin: 7px 5px 0 15px;
padding:3px 5px 3px 5px;
background-color: #D50101;
color: #fff;
border-bottom: solid 2px #fff;
text-align: center;
}
.addcosshowadd{
display: inline-block;
margin: 6px 10px 0 10px;
padding:5px 7px 5px 7px;
font-size:0.9em;
background-color: #ddd;
color: #333;
border-radius: 4px;
cursor: pointer;
}
.addcosshowadd:hover{
    background-color: rgb(255, 208, 0);
}
.buttadd{
    padding:3px 7px 3px 7px;
    
    background-color: rgb(253, 226, 106);
  color: #000;
    font-size:1em;
    position: absolute;
    top: -8px;
    left:-6px;
    border-radius: 5px;
    cursor: pointer;
}
.buttadd:hover{
    background-color: rgb(255, 208, 0);
}


#popp{
    border-radius: 15px;
    box-shadow: 0 590px 590px 590px rgba(0,0,0,.5);
     position: fixed; display: none; margin: 0; padding: 25px; left: 0;
     right: 0;
     font-size: 0.9em;
     margin-left: auto;
     margin-right: auto; top: 70px; width: 50%; background-color:#D50101; color: #ffffff; opacity: 0.9; z-index:10000;  border:solid 0px #fff;}

#popp span{
    position: absolute;
            color: rgb(138, 1, 1); padding: 7px;  background-color: #ffffff; cursor: pointer; border-radius:10px; right:20px; top:20px;
        }

#popp div{
padding:15px 15px 10px 15px;
text-align: left;
}

#popp div a{
  color: #fff;
  text-decoration: underline;
    }

    .comments{
        width: 50%;
        height:100px; color:#666;
        border-radius: 10px;
        padding: 15px 15px 15px 15px;
    }
.cossline{
    position: relative;
}

.del_btn{
  position: absolute;
  top:11px;
  right:5px;
   padding: 2px 6px 2px 6px;
   background-color: rgb(253, 226, 106);
   cursor: pointer;
   border-radius: 5px;
}
.del_btn:hover{
    background-color: rgb(255, 187, 0);
}
.quicksearch{
    text-align: left;
   position: relative;
   top:30px;
   left:0px;

}
.search2{
  background-color: #fff !important;
  border:solid 1px  #dde5ea !important;
   color:#000 !important;
   padding: 17px 25px 17px 25px !important;
   font-weight: bold;
   font-size: 1.2em !important;
}

.search2:hover{
  
    border:solid 1px  #22333B !important;
 
  }


#result2{
    margin-top:-4px;
    left: 10px;
    max-height: 300px;
}
#result2 .show img {
  
    left: -1px !important;
    top:12px !important;
}

.ablack a{
    color: #333;
    font-weight: bold;
}
.ablack a:hover{
    text-decoration: underline;
}


.downl .resurse .resurse_link img {
    padding: 0 0 10px 0;
    cursor: pointer;
    width: 35px;
    height: auto;
    top: -7px;
    left: -5px;
    position: absolute;
}
.pindetail{
    position: absolute;
    display: inline-block;
    height: 40px;
    top: 28px;
    left: 266px;
  
}


.pindetail a{
    padding:12px 15px 12px 15px;
    border: solid 2px #8D99AD;
    color: #580712;
    border-radius: 6px;
    font-size: 1em;
    font-weight: bold;
    background-image: url(../images/adauga_rapida_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 7px;
    padding-left: 45px;
    background-size: 28px;
}

.pindetail a:hover{
    
    border: solid 2px #22333B;
    color: #22333B;
    background-color: #eee;
   
}


.pindetail img{
    width: 40px !important;
    height: 40px !important;
}
  .pinlist{
   /* position: absolute;
    top: -10px;
    right: -3px;
    z-index: 3;*/
    display: inline-block;
    height: 40px;
    margin: 20px 10px 5px 0;
    float: right;

  }
  .pinlist  img{
    height: 30px !important;
    width: 30px !important;
    min-height: 30px !important;
  }
.pinlist a{
    color: #22333B;
    font-weight: 900;
}
.pinlist a:hover{
    color: #801524;
    text-decoration: underline;
   
}
.dashopt{
    width: unset;
    border-radius: 10px;
    border:solid 2px #ddd;
    display: inline-block;
    margin: 15px 15px 15px 15px;
}

.dashopt:hover{
background-color: #fff;
    border:solid 2px #22333B;

}

.dashoptin{
    padding:35px 40px 35px 40px;
    text-align: center;
}

.dashoptin img{
    width:50px;
    height: auto;
}

.dashoptin h2{
    padding: 20px 0 0 0;
    text-align: center;
    color: #22333B;
}

.dashopt a span{
    color: #333;
}

.dashall{
    padding:0 0 75px 0;
}

.dashtaball{

  /*  border: solid 1px #004996;*/

}

.dashtabch{
display: inline-block;
  /*  border: solid 1px red;*/
max-width:400px;
margin:10px 10px 10px 10px;
/*width: 23%;*/
}

.dashtabpro{
 width:95%;
    }


    .dashdown{
        border-left: solid 2px #ddd;
        border-right: solid 2px #ddd;
        border-bottom: solid 2px #ddd;
        background-color: #fff;
    }


.dashraptabb{
    width: 90%;
    border-collapse: collapse;
}

.dashraptabb td{
    text-align: left;
    padding: 6px 10px 6px 10px;
border-bottom: solid 1px #eee;
}


.index_despre{
  
    background-color: #697A97;

}
.index_despre_inner{
    background-image: url('../images/main_despre.png');
    background-position: bottom right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    max-width: 1400px;
    margin:0 auto;
    padding: 50px 50px 50px 50px;
}
.index_despre_in{
    padding: 50px 50px 50px 50px;
    width:45%;
    color:#fff;
    max-width: 100%;
    text-align:left;
    font-size: 1.4em;
    line-height: 1.4em;
  
}
.buttondesprest{
    padding: 13px 20px 13px 20px;
    border-radius: 7px;
    background-color: #fff;
    margin:20px 0 20px 0;
    display: inline-block;
    color: #22333B;
    cursor: pointer;
  font-size: 0.9em;
}

.buttondesprest:hover{
 
   background-color: #801524;
    color: #fff;
  
  
}
.buttoncarierest{
    padding: 13px 20px 13px 20px;
    border-radius: 7px;
    background-color: #22333B;
  
    color: #fff;
    margin:20px 0 20px 0;
    display: inline-block;
   
    cursor: pointer;
  font-size: 0.9em;
}

.buttoncarierest:hover{
    background-color: #801524;
    color: #fff;
   
  
  
}
.index_cariere_container h1{
    margin: 10px 0 30px 0;
}
.index_despre_in h1{
    color:#fff;
    margin: 10px 0 30px 0;
}
.index_cariere{
    padding: 50px 20px 50px 20px;
    
}
.index_cariere_in{
    
    font-size: 1.4em;
    line-height: 1.4em;
    max-width: 1400px;
    margin:0 auto;
}
.index_cariere_inner{
    width: 60%;
}


.index_cariere_container{
    padding: 50px 50px 50px 50px;
    background-color: #E5E6E6;
    border-radius: 20px;
    background-image: url('../images/main_cariere.png');
    background-position: bottom right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}


.button_center_big{
    padding:30px 0 30px 0;
}
.button_center_big a{
    padding: 15px 30px 15px 30px;
    background-color: #801524;
    border-radius: 7px;
    color:#fff !important;
    font-size: 1.3em;
}
.button_center_big a:hover{
    color:#fff;
    background-color: #22333B;
    
}


.atuu_number{
    font-size: 2.5em;
    font-weight: bold;
    position: relative;
}

.content_in h1:after, .h1underline:after {
    content: "";
    background: #580712;
    position: absolute;
    bottom: -19px;
    left: 49% ;
    right: unset !important;
    height: 7px;
    width: 45px;
}
.prod_detail2 h1:after {
    display: none;
   /* content: "";
    background: #580712;
    position: absolute;
    bottom: -19px;
    left: 0% !important;
   
    height: 7px;
    width: 45px;*/
}
.h1left{
    text-align: left;
}
.h1left:after{
    content: "";
    left: 0px !important;
    right: unset !important;
}
.h1noline:after{
    content:unset !important
   
}
.atuu_number:after {
    content: "";
    background: #580712;
    position: absolute;
    bottom: 5px;
    left: 42% !important;
    right: unset !important;
    height: 7px;
    width: 45px;
}


.atuuindexx span {
   
    font-size: 1.7em !important;
    margin: 15px 0 5px 0px !important;
   
}

.atuuindexx img {
    height: 40px !important;
   width: auto !important;
    
}

#produsedropdown{
    position: relative;
    display: inline-block;
}

.catslist{
    position: relative;
}

.productlist_header{
    background-color: #22333B;
    z-index: 10;
    
}

.newheader{
    background-image: url('../images/header/headnew.jpg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;

}

.contactheader{
    background-image: url('../images/header/headcontact.jpg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;

}
.blogheader{
    background-image: url('../images/header/headcontact.jpg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;

}
.offerheader{
    background-image: url('../images/header/headcontact.jpg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;

}
.dealheader{
    background-image: url('../images/header/headcontact.jpg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;

}
.contactheader{
    background-image: url('../images/header/headcontact.jpg');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;

}
.newheader .productlist_header_in, .contactheader .productlist_header_in,  .blogheader .productlist_header_in, .offerheader .productlist_header_in, .dealheader .productlist_header_in, .contactheader .productlist_header_in {
    padding: 70px 20px 30px 20px;
   
}


.productlist_header_in{
   padding:50px 20px 10px 20px;
   text-align: center;
   color: #fff;
    
}

.productlist_header_in h1{
    
    
    color: #fff;
     
 }

 .productlist_header_in h1:after {
   content: "";
    background: #eee;
    position: absolute;
    bottom: -29px;
    left: 49% !important;
    right: unset !important;
    height: 7px;
    width: 45px; 
}


.productlistall{
    width: 100%;
    display: block;
}

.productlistall_filter{
    width: 20%;
    display: inline-block;
    float: left;
    text-align: left;
  
}

.productlistall_filter_in{
    margin:10px 10px 10px 0;
    
}

.productlistall_list{
    width: 80%;
    display: inline-block;
    float: right;
}

.productlistall_list_in{
    text-align: center;
}

.prod_nou_index{
    width:15%;
}

.secondarypics{
    width:25%;
    border: solid 1px #ddd;
    border-radius: 8px;
}
.secondarypics:hover{
 
    border: solid 1px #999;
   
}

.register_content{
    max-width:700px;
    text-align: center;
    margin: 0 auto;
}

.regtabinfo{
    margin:0 0 20px 0;
    color: #999;
    font-size: 0.9em;
    text-align: left;
}

.regtablabel{
    display: block;
    text-align: left;
    margin:25px 0 3px 0;
}

.tabcolin input, .tabcolin select{
width: 93%;
}

.navbuttonadd{
    border:unset !important;
}


.quickbigtext{
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    width: 70%;
}

.quicktopbutt{
    display: inline-block;
    width: 25%;
    float: right;
    text-align: right;
}

.quicktopb{
    padding:12px 15px 12px 15px;
    background-color: #fff;
    border: solid 1px #22333B;
    font-weight: normal;
    border-radius: 8px;
    color: #22333B;
    cursor: pointer;
    font-size: 1.1em;
    
}
.quicktopb:hover{
  
    border: solid 1px #801524;
 
    color: #801524;
}

.quicktopunder{
display: block;

text-align: left;
}

.quickclient{
    display: inline-block;
    width: 70%;
  
    text-align: left;
}

.monedain{
 
}

.monedalabel{
    display: block;
    color: #801524;
    font-size: 1.1em;
}

.ordertable{
    width:100%; border-radius:13px; margin:0;padding:0;
    background-color: #fff;

    box-shadow: 0 0 15px rgba(0,0,0,0.10);
}

.ordertable table, .ordertable{
border-collapse: collapse; 
}
#cart th{
    text-align: center;
    padding:20px 20px 20px 20px;
    text-align: left;
    color: #801524;
   
}
#cart tr{
    border-bottom: 1pt solid #ddd;
}
#cart tr:hover{
   background-color: #F5F5F5;
}
.ordertableimage{
    height: 80px;
    border-radius: 12px;
}
.totalcart table tr{
    border-bottom: unset !important;
}

.orderstocktable{
    color: #801524;
    padding:2px 0 0 0;
}
.buttredordertable{
    background-color:  #EFF2F4;
    padding:9px 15px 7px 15px;
    border: solid 2px  #425c68;
    border-radius: 8px;
    cursor: pointer;
}
.buttredordertable:hover{
   
    border: solid 2px  #801524;
    color: #fff;
    background-color: #801524;
    
}

.orderquickbottomform{
    padding: 30px 0 0 0;
}

.quickbiggerbutt{
    margin:0 7px 0 0 !important;
    padding: 12px 20px 12px 20px !important;
    font-weight: bold;
    background-color: #801524 !important;
    color: #fff !important;
}

.quickbiggerbutt:hover{

    background-color: #22333B !important;
    color: #fff !important;
    padding: 12px 20px 12px 20px !important;
}

.redenumirecart{
    text-align: left;
    padding: 20px 0 0 0;
    display: inline-block;
}

.rdenumirecartinside{
   float: right;
}
.redenumirecartall{
    text-align: left;
}

.quicktopbuttcart{
    display: inline-block;
    padding: 15px 0 0 0;
}

.messagerpimg{
    position: absolute;
    top:20px;
    left:12px;
}

.messagerpimg img{
   width:35px;
   height: auto;
}

.quickclient .messagerpimg{
   
    top:12px;
    left:12px;
}

.messagerpimg2{
   
    top:12px;
    left:12px;
}

.resursedownicon{
    top:15px;
    right:50px;
    position: absolute;  
}

.resursedownicon img{
    width:25px;
    height: auto;
 }

.btext{
    line-height: 1.4em;
    font-size: 1.1em;
}
.btext h3{
    font-size: 1.3em;
    padding:40px 0 5px 0;
    font-weight: bold;
}

.companiebuilding{
max-width:400px;
width:80%;
}

.contactsmimg{
    position: absolute;
    top:12px;
    left:1px;
    width:25px !important;
    height: auto !important;
}


.contactcontainer, .nlcontainer, .compcontainer{
    width: 100%;
    text-align: center;
}

.contactcontainerin{
    max-width: 1500px;
    margin:0 auto;
    background-color: #fff;
    border-radius: 13px;
    background-image: url("../images/contact1.png") ;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
    
}
.nltcontainerin{
    max-width: 1500px;
    margin:0 auto;
    background-color: #EBECF5;
    border-radius: 13px;
    background-image: url("../images/contact2.png") ;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    
}
.comptcontainerin{
    max-width: 1500px;
    margin:0 auto;
    background-color: #fff;
    border-radius: 13px;
    background-image: url("../images/contact3.png") ;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    
}
.contactcontainerinin, .compcontainerinin{
  
    padding:40px 50px 40px 500px;
}
.compcontainerinin{
  
    padding:40px 500px 40px 70px;
}
.nlcontainerinin{
  font-size: 1.3em;
  line-height: 1.4em;
    padding:50px 500px 50px 70px;
}
.contactcontainertxt, .nlcontainertxt, .compcontainertxt{
    text-align: left;
    
}

.h1height{
    margin: 20px 0 40px 0; 
}


.compcontainertxt .contact table td:first-child {
    font-weight: bold;
    padding: 15px 20px 15px 0px;
}

.usercolsall{
   
    max-width: 1800px;
width: 100%;
    display: table;
    margin: 0 auto;
}

.usercols{
  
  
    display: table-row; 
}

.usercols1{
    width: 20%;
   position: relative;
  
    top:0;
    display: table-cell;

vertical-align: top;
}

.usercols2{
    width: 70%;
    top:0;
    display: table-cell;

vertical-align: top;
    position: relative;
   
}

.usercols1in{
   
    margin:0 30px 0 0;
padding:30px 35px 30px 35px;
background-color: #fff;
border-radius: 12px;
text-align: left;
}

.usercols2in{
  
    margin:0  0 30px;
padding:30px 35px 30px 35px;
background-color: #fff;
border-radius: 12px;
text-align: left;
position: relative;
}


.usercols1in a{
   
padding: 15px 20px 15px 20px;
display: block;
font-size: 1.2em;
border-bottom: solid 1px #ddd;

}

.usercols1in a:hover{ 
  
    background-color: #801524;
    color: #fff;
    border-radius: 9px;
    border-bottom: solid 1px #fff;
    }
    
.usercols h1{
    margin: 20px 0 60px 0;
}

.usercols h3{
    margin: 20px 0 5px 0;
    font-weight: bold;
}

.buttintable{
    background-color: #fff !important;
    color: #801524 !important;
border: solid 2px #801524 !important;
border-radius: 9px !important;
padding:7px 15px 7px 15px !important;
cursor: pointer !important;
}

.buttintable:hover{
    background-color: #801524 !important;
    color: #fff !important;
border: solid 2px #801524 !important;

}


.buttusertop{
    float:right;
    position: absolute;
    top:50px;
    right:30px;
}

.myordertable table th{
    text-align: center;
    padding:20px 0 15px 0;
    color: #801524;
}
.myordertable table{
    background-color: #fff;
    border-radius: 10px;
}

.myorderdet{
    padding:5px 12px 5px 12px;
    border:solid 2px #801524;
    color: #801524;
    background-color: #fff;
    border-radius: 8px;

}

.myorderdet:hover{
    background-color: #22333B;
    border:solid 2px #22333B;
    color:#fff;
}
.myordertotal{
    padding:30px 20px 20px 0;
    font-size: 1.2em;
}


.ordertableall{
    max-width: 1800px;
    margin:0 auto;
    background-color: #fff;
    border-radius:15px;
}

.ordertableall table th{
padding:20px 0 15px 0;
color: #801524;
text-align: center;
}

.ordercomemnts, .orderbottomtotal{
    max-width: 1800px;
    text-align: center;
    margin:0 auto;
}

.orderbottomtotal td{
padding:4px 10px 4px 10px !important;
text-align: left;
}
.orderbottomtotal table{
margin:0 auto;

font-size:0.9em;

}

.financialtable{
    background-color: #fff;
    border-radius: 12px;
    padding:2px 3px 20px 3px;
}

.financialtable table th{

background-color: #fff;
padding:12px 0 12px 0;
text-align: center;
}


.paginatef{
    padding:30px 0 20px 0;
    text-align: center;
}

.paginatef form{
    display: inline-block;
  
}

.paginatef form input{
   
    padding:13px 5px 13px 5px;
    min-width: 34px;
  background-color: #fff;
    text-align: center;
    color: #22333B;
    border:solid 1px #ccc;
    cursor:pointer;
}

.paginatef form input:hover{
    background-color: #801524;
    color:#fff;

}


.datetablefinancial{
    background-color: #fff;
    padding: 20px 30px 20px 30px;
    border-radius: 12px;
}

.furnizortablefin{
    background-color: #fff;
    padding: 20px 30px 20px 30px;
    border-radius: 12px;
}


.selectt{
    width:100%;
    max-width:1800px;
    margin:0 auto;
    background-color: #fff;
    border-radius: 15px;
  }
  .sel1, .sel2{
    margin:0 auto;
  
   
    margin: 10px 0 10px 0;
    padding: 15px 10px 15px 10px;
  
  }
  .sel1{
  
     border-top-left-radius:15px;
     border-top-right-radius:15px;
  }
  .sel2{
  
    border-bottom-left-radius:15px;
     border-bottom-right-radius:15px;
  }
  .sel1a{
  width:5%;
  text-align: left;
  display: inline-block;
  padding:7px 0 0 0;
  }
  .sel1b{
    width:20%;
    text-align: left;
    display: inline-block;
    padding:7px 0 0 0;
  }
  .sel1c{
    width:70%;
    text-align: left;
    display: inline-block;
    
    vertical-align:top;
  }
  .sel1c select{
    width:60%;
  }
  .sel1c .buttyel a{
  color: #fff ;
  }
  
  .sel1{
    color: #fff ;
    background-color:#425c68;
  }
  
  .sel2{
    color:#ddd;
  }





  *:focus {
	outline: none;
}

details{
    margin:20px 0 0 0;
}
details div {
	
border-radius: 8px;
	padding: 1.5em;
}



summary {
	list-style: none;
    font-size:1.4em;
}

summary::-webkit-details-marker {
	display: none;
}

summary {
	border: 2px solid #ddd;
	padding: .75em 1em;
	cursor: pointer;
	position: relative;
	padding-left:  1rem;
    border-radius:8px;
    background-color: #ddd;
}

summary:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .75rem;
	content: "↓";
	width: 1.75rem;
	height: 1.75rem;
	background-color: #999;
	color: #FFF;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
    font-size:1.5em;
    border-radius:3px;
}

details[open] summary {
	background-color: #22333B;
    border:  solid 2px #22333B;
    color: #fff;
}

details[open] summary:before {
	content: "↑";
}

summary:hover {
	background-color: #eee;
    border: solid 2px #22333B;
}


.dashtabch{
    border:solid 2px #f1f1f1;
    margin: 40px 10px 20px 10px;
    position: relative;
}

.dashtabchlabel, .dashtabchlabel2{
    position: absolute;
    top:-16px;
    left: 20px;
    background-color: white;
    padding:5px 30px 5px 30px;
    font-weight: bold;
    color: #000;
}

.dashtabchlabel2{
    top:-28px;
}
.dashtabchlabel2 span{
    font-weight: normal;
    font-style: italic;
    font-size: 0.9em;
    color: #999;
}
.dashdown {
  
    padding: 20px 10px 10px 10px;
}

.anpcimg{
    max-width: 250px;
    margin:3px 0 3px 0;
}

.quickdisabled{
    color: #ccc;
    border:solid 1px #ccc !important;
    padding:12px 10px 12px 10px !important;
}


.hamburgercontact{
    padding: 9px 10px 9px 10px !important;
    margin:0 15px 0 0 !important;
}

.hamburgercontact a{
    font-weight: bold;
}

.prodtogg{
    display: none;
    padding:0 0 20px 10px;
}

.prodtogg span{
    cursor: pointer;
    background-color: #f5f5f5;
  
   
   display: inline-block;
  


   padding: 12px 20px 12px 20px;
   border: solid 2px #8D99AD;
   color: #22333B;
   border-radius: 6px;
   font-size: 1em;
   font-weight: bold;
   background-image: url(../images/filter_icon.png);
   background-repeat: no-repeat;
   background-position: 12px 7px;
   padding-left: 45px;
   background-size: 28px;



}

.prodtogg span:hover{
    border: solid 2px #22333B;
    background-color: #eee;
  
}



.caroussinn{
    width:98%;
    margin: 0 auto;
    text-align: center;
}




.sharee{
    text-align: left;
    
}
.share_all{
    padding:13px 125px 13px 20px;
    background-color: #f1f1f1;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    margin: 5px 0 20px 0; 
}

.share_all .img1, .share_all .img2, .share_all .img3{
    width:30px !important;
    height: 30px !important;
    opacity: 0.8;
    top:8px;
    left: 70px;
position: absolute;
}
.share_all .img2{

    left: 105px;

}
.share_all .img3{

left: 140px;

}
.share_all  img:hover{

    opacity: 1;

}

.blogcontainer{
   /* max-width:1300px; */
    margin:0 auto;
}
.blog1{
    width: 63%;
    float: left;
}

.blog2{
    width:7%;
    float: right;
}

.blog3{
   
    width:30%;
    float: right;
    

   
}
.blog3in{
    border-radius:15px;
    padding: 30px 20px 50px 0px;
    background-color: #f1f1f1;
    margin: 80px 0 0 0;
}

.idei_boxr{
padding: 10px 15px 10px 15px;
margin: 15px 10px 15px 10px;
width: 95%;
text-align: left;
position: relative;
height: 80px;
}

.idei_boxr img{
width: 120px;
height: auto;
border-radius: 7px;
position:absolute;
top:0;
left:10px;
border:solid 2px #f1f1f1;
}

.idei_boxr img:hover{
    border:solid 2px #ccc;
   /* box-shadow: 0 0 10px rgba(0,0,0,0.4);*/
}




.idei_boxt{
    padding:0px 10px 5px 140px;
   text-align: left;

  
    
}
.idei_boxt h2{
    color: #666;
    font-size: 1em;
    line-height: 17px;
}

.allblog{
margin:40px 0 10px 0;
}

.allblog a{
    padding: 10px 20px 10px 20px;
  font-size: 1.1em;
    border-radius: 7px;
    background-color: rgb(255, 208, 0);
    color:#666;
}
.allblog a:hover{
    background-color: #D50101;
    color: #fff;
   
}

.cariereinputs{
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 14px;
    max-width: 700px;
}

.cariereinputs{
padding:40px 25px 40px 25px;
text-align: center;
}
.cariereinputs h1{
margin: 10px 0 40px 0 !important;
}
.cariereinputfield{
    width: 80%;
    margin: 0 0 20px 0 !important;
}

.cariereinputs textarea{
    width: 78%;
    padding: 20px 20px 20px 20px;
    color: #666;
    border-radius: 7px;
    border: solid 1px #999;
    font-size: 1.1em;
    font-family: 'Montserrat';
}

.branddetail{
    padding:7px 0 0 0;
    font-weight: bold;
}

.stocdetail{
    padding:7px 0 0 0;
    font-weight: bold;
    cursor: pointer;
}

.stocdetwin{
    display: none;
   /* position: absolute; */
    left:-8px;
    top: 10px;
    width:auto;
    height: auto;
    padding: 3px 0px 5px 0px;
    /*border: solid 1px #d9d9d9;
    background-color: #f1f1f1;
    border-radius: 5px;*/
    cursor: pointer;
    border-top:solid 1px #999;
    margin-top:8px;
}

.stocdetwin table td{
padding: 3px 3px 3px 3px;
}
.stocdetwin table tr td:last-child{
    font-weight: bold;
    }
.stocdetstoc{
    text-align: end;
}

.stockdetails{
   
    position: relative;
}

.stockdetailsshow{
    display: block;
}

.resursecod{
    color: #580712;
    font-weight: bold;
    font-size: 0.9em;
}

.closeButton{
    position: absolute;
    top:-38px;
    right:-18px;
    background-color: #ccc;
    border:none !important;
    padding:4px 8px 4px 8px;
    border-radius:5px;
}

.closeButton:hover{
background-color: #580712;
color: #fff;
}

.stockdetailss{
    display:none;
    position: absolute;
    background-color: #ddd;
    border: solid 1px #999;
    top: 32px;
    border-radius: 6px;
    left:0px;
    padding: 10px 15px 10px 15px;
    z-index: 10;
    width: max-content;
}

.stocdetaildetail3{
    margin:2px 0 0 0;
    padding:4px 8px 4px 8px;
    border: solid 1px #ddd;
border-radius:4px;
background-color: #EFF2F4;
   display: inline-block;
   position: relative;

}

.stocdetaildetail3:hover{

    border: solid 1px #999;

}
.stockdetailssshow{
    display: block;
}

.stockdetailssshow .stockdetailsshow{
    position: relative;
}

.stockdetailssshow .stockdetailsshow {
    position: unset !important; 
}
.stockdetailssshow .stockdetailsshow .closeButton{
    top: -10px;
    right: -10px;
}

.stockdetailssshow  .stocdetwin{
    border-top: unset !important;
}

.stockdetailssshow{
    background-color: #fff;
}



.comrapidam{
    text-align: center;
    position: relative;
    cursor: pointer;
    display: inline-block;
 color: #999;
    padding: 9px 0px 9px 16px;
    
}

.listpindett a{
color:#22333B !important;
}


.bf_all{
    min-height:45px;
    background-color: #000;
    color: #fff;
    text-align: center;
    display: block;
}
.bf_in{
    padding:12px 8px 12px 8px;
    font-size: 1.0em;
}

.bf_in a{
    padding:7px 10px 7px 10px;
    border-radius: 5px;
    background-color: #580712;
    color:#fff;
}

.bf_in a:hover{
    
    background-color: #fff;
    color:#000;
}

.bfp1, .bfp2{
    display: inline-block;
}






/* ------------------------------------------------------------------------------------------------ */

/* 1920 */

@media (max-width:1925px) {
    .banner_in{
          /*  max-width: 1851px; */
          height: auto; }
        

    
          .menubar {
           
            padding:0 20px 0 20px;
          
        }


    }







/* 1900 */

@media (max-width:1900px) {
    .productlistall_list_in .prod_base{
        width: 28%;
    }

  

}








/* 1600 */

@media (max-width:1920px) {


.prod_base{
    width: 20%;
}
.prod_base_sim{
    width: 25%;

}

.prod_nou_index{
    width: 20%;
}
 .index_blog_all .idei_box{
    width: 22%;
}
.index_blog_all .idei_box:nth-child(5), .prod_nou_index:nth-child(5){
    display: none;
}

.prod_base_sim .pic{
    min-height: 100px;
    }
.prod_base_sim .pic img{
    min-height: 100px;
}
.footer_col:last-child {
    margin: 0px 10px 10px 0px;
}
.idei_box {
   
    width: 22%;
  
}
}



/* 1600 */

@media (max-width:1600px) {
 

    .recommended{
    /*    width: 100%;
        max-width: 1100px; */
    }

}






/* 1500 */

@media (max-width:1501px) {
  .usercols1{
    width: 25%;
  }

  .usercols2{
    width: 65%;
  }
  .productlistall_list_in .prod_base {
    width: 27%;
}
.idei_box {
    width: 22%;
}
.quickbigtext, .quickclient  {
    
    width: 60%;
}
.quicktopbutt {
  
    width: 40%;
   
}

.author {
   
    width: 50%;
}
.recommended{
  
    max-width: 1100px;
}
}










/* 1366 */

@media (max-width:1367px) {

    .content_in {
        width: 97%;
       
    }

.blog2{
    display:none !important;
}
.blog1{
    width:100% !important;
}
.blog3{
    display:none !important;
}

.prod_det_in {
    width: 80%;
   
}

.hide1,  .hide{display: none;}

.atuu1{width: 19% !important; }

.hamburger img, .hamburger_search img, .hamburger_cos img {
   display: none;
}
.hamburger, .hamburger_cos {
    margin: 0 0 0 15px;
    padding: 9px 10px 9px 10px;
    
}
.search_all {
    
    width: 250px;
  
}
.search_in input {
   
    width: 200px;
}

.footer_col:nth-child(3) {
   display: none;

}
.footer_col {
 
    width: 30%;
 }

 .productlistall_list {
    width: 75%;

}
.productlistall_filter {
    width: 25%;
   
}
.prod_detail1{
    width:40%;
}
.prod_detail2{
    width:58%;
}

.idei_box{
    width: 29%;
    }

    .recommended{
       
        max-width: 900px;
    }

    .recommended .recproduct:last-child{
     /*  display: none; */
    }
    .recproduct{
        width:33%;
     }
}






/* 1300 ---------------------- */

@media (max-width:1280px) {

    .prod_nou_index {
        width: 27%;
    }
    .index_blog_all .idei_box:nth-child(4), .prod_nou_index:nth-child(4){
        display: none;
    }
    .index_blog_all .idei_box {
        width: 28%;
    }
    .comments{
        width: 90%;
      
    }
    .prod_base {
        width: 27%;
    }
    .productlistall_list_in .prod_base {
        width: 42%;
    }
    .prod_det_in {
        width: 100%;
    }
    .content_in {
        width: 94%;
    }
    .buttcos_cant{
       /* display: none; */
    }
    .buttcos {
   
       /* margin: 10px 0 10px 85px; */
    }
    .pindetail {
    
      /*  left: 245px; */
    }
    .buttcomp_out {
       
       /* left: 345px; */
    }
    .usercols1in {
        margin: 0 20px 0 0;
        padding: 30px 25px 30px 25px;
       
    }
    .usercols h1 {
        margin: 10px 0 40px 0;
        font-size: 2em;
    }
    .usercols1in a {
        padding: 10px 10px 10px 10px;
       
    }
    .usercols2in {
       
        padding: 30px 25px 30px 25px;
        
    }
}


/* 1200 ---------------------- */

@media (max-width:1150px) {
   .catpopinnerpic {display: none;}
    .catpopinnerall{
        width: 300px;
    }
    .cats_show {
        width: 600px;
    }
    .catpoponlycats_in {
        
     
         /*display: block;*/
       
    }
    .catpoponlycats_inner {
        padding: 0px 5px 0px 5px;
    }

    .catpoponlycats {
        background-color: #EFF2F4;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
    }

    .catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9, .catpopup10, .catpopup11, .catpopup12, .catpopup13, .catpopup14, .catpopup15, .catpopup16, .catpopup17, .catpopup18 {
        
        left: 290px;
       
    }
    .divs {
       
         background-color: unset !important;
        
    }

    .recommended{
        width: 99%;
       
    }
    .recommendedtitle {
        font-size: 1.2em;
        
        padding: 30px 0 0px 0;
        
    }
 
    .recproduct{
        width:50%;
     }

     .recommendedproducts {
        
        padding: 0px 20px 30px 20px;
    }
    .recommended .image {
        margin: 20px 20px 20px 20px;
        width: 25%;
    }

.recommended .showcos{

    margin: 40px 20px 40px 20px;
}

.recommended .added{
    padding: 15px 20px 15px 20px;
}

    .prod_nou_index {
        width: 26% !important;
    }
    .index_blog_all .idei_box:nth-child(4), .prod_nou_index:nth-child(4){
        display: none;
    }
    .index_blog_all .idei_box {
        width: 27%;
    }
    .tabs-nav-line {
       
        display: none;
      
    }
    .hidec{
        display: none;
     }

     .slick-prev, .slick-next {
     display: none !important;
    }

    .carouss {
        
        padding: 10px 0px 30px 0px !important;
    }
    .blog3, .blog2{
        display: none;
        }
        .blog1{
            width: 100%;
            
        }
        .share_all .img1, .share_all .img2{
            top:8px !important;
        }

        .recommendations .carouss {
            padding: 10px 10px 30px 10px !important;
        }
}















/* 1100 ---------------------- */

@media (max-width:1050px) {
    .recproduct{
        margin: 0px 15px;
    }
.logoshow{
    display: block;
}
.logohide{
    display: none;
}
.logo {
   
    width: 10%;
   
}
.menus {
    
    max-width: 85%;
    
}
.prodtogg{
    display: block;
}
.tabbs{display: none ;}
.footer_col:nth-child(4) {
    display: none;
 
 }
 .footer_col {
  
     width: 40%;
  }

  .footer_col:nth-child(2) div {
    
    text-align: right;
   
}


.index_despre_inner {
   background-image: none !important;
}
.index_despre_in {
    padding: 50px 30px 50px 30px;
    width: 90%;
  
}

.index_cariere_container {
    background-image: none !important;
}
.index_cariere_inner {
    width: 90%;
}
.rslidesall{
    display:none;
}

.index_despre_inner {
   
    background-position: bottom center;
  
}

.prod_base {
    width: 43%;
}
.prod_base_sim {
    width: 33% !important;
}
.productlistall_filter {
    width: 100%;
}
.productlistall_list {
    width: 100%;
}
.activfilter {
  
     min-height: 5px; 
}
.productlistall_filter_in {
    margin: 10px 0px 10px 0;
}
.productlistall_list_in .prod_base {
    width: 41%;
}
.content_in h1:after, .h1underline:after {
    content: "";
    background: #580712;
    position: absolute;
    bottom: -19px;
    left: 47%;
    right: unset !important;
    height: 7px;
    width: 45px;
}


.content_col44 {
    width: 75%;
   
}

.contactcontainerinin {
    padding: 30px 40px 30px 400px;
}
.compcontainerinin {
    padding: 30px 350px 30px 50px;
}
.nlcontainerinin {
   
    padding: 30px 400px 30px 50px;
}

.idei_box{
    width: 44%;
    }
    .hamburgercontact{
       display: none;
    }
    .search_all{
        display: none;
    }

    .hamburger_search{
        display: inline-block !important;
    }

    .hamburger_search_div {
        display: block !important;
    }
    .top_all_sm {
        position: relative !important;
    }

/*
    .productlistall_filter {
        position: absolute;
    top: 10px;
    left: 1px;
    z-index: 99;
}

.productlistall_filter_in {
background-color: #f5f5f5;
border-radius:10px;


}

.prodtogg {
    display: block;
    position: absolute;
    top: 30px;
    left: 1px;
}
*/
}









/* 900px ------------------ */

@media (max-width:901px) {
 .hide2{
    display:none;
}
/*.hamburger_cos{
    display:none;
}*/
    .author {
   
        width: 70%;
    }
 
  .atuu_all{
   /* display: none; */
  }
  .atuu1 {
    width: 39% !important;
    margin: 10px 10px 10px 10px !important;
}
  .index_cariere {
    
    margin: 50px 0 10px 0;
}

.prod_nou_index {
    width: 40% !important;
}
.index_blog_all .idei_box:nth-child(3), .prod_nou_index:nth-child(3){
    display: none;
}
.index_blog_all .idei_box {
    width: 41%;
}

.anpcimg{
    max-width: 170px;
    margin:3px 0 3px 0;
}

.prod_base {
    width: 41%;
}

.pinlist{
    display: none;
}
.pindetail{
    display: none;
}
.form_in{
   /* display: none;*/
}
.buttcos_in{
   /* display: none;*/
}
.prod_cos{
   /* display: none; */
}

.redenumirecart {
   display: none;
}
.rdenumirecartinside {
     float: unset !important; 
}

.detail_table table td {
    padding: 10px 10px 10px 7px;
   
}

.loader {
    width: 80px;
    height: 80px;
    top: 30%;
    left: 33%;
  }

.resurse, .resurse_link {
    width: 90%;
    margin: 20px 10px 20px 10px;
   
}

.prod_detail1 {
    width: 100%;
 
}
.picmain {
   
    width: 100%;
    
}
.picmain img {
    width: 100%;
  
}

.prod_detail2 {
    width: 100%;
    
    padding: 20px 0 50px 0;
}

.contactcontainerinin {
    padding: 30px 30px 30px 30px;
}
.compcontainerinin {
    padding: 30px 30px 30px 30px;
}
.nlcontainerinin {
   
    padding: 30px 30px 30px 30px;
}

.nltcontainerin, .contactcontainerin, .comptcontainerin {
   
    background-image: unset !important;
   
}

.content_col44 {
    width: 90%;
}

.usercols2, .usercols1 {
    width: 100%;
    display: block;
}

.usercolsall {
   
    display: block;
   
}
.usercols {
    display: block;
}

.usercols1 {
  
    margin: 0 0 30px 0;
}
.usercols1in {
    margin: 0 0px 0 0;
   
}
.show {
    padding: 10px 15px 10px 15px;
   
}
.prod_base_sim {
    width: 35% !important;
   
}
.prod_base_sim:nth-child(1),.prod_base_sim:nth-child(2) {
    
    display: inline-block !important;
}
.recommended .recproduct:nth-child(3){
   /* display: none; */
 }
 .recommended {
    width: 70%;
}

}











/* 800px ------------------ */

@media (max-width:800px) {

    .flex_column{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .hide2{
        display: none !important;
    }
    .top_all_sm{
       /* position: fixed; */
    }
  
    .blog_prod_cont_table{
        display: none;
     }

    .author {
       
     
        top: 50px;
        padding: 30px 10px 40px 10px;
        width: 90%;
    }

.recommended_overlay{
    position: absolute;
}
.recommended {
    width: 90%;
}
    .register_content{
        max-width:99%;
       
    }
    .tabcont {
        padding: 40px 20px 20px 20px !important;
        
    }

.cats{
    left:-20px;
    width:310px;
}
.cats_show{
   
}
.catpoponlycats_in {
    display: block;
}
.catpoponlycats {
  
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
    .catpoponlycats {
        height: auto;
        background-color: #EEF2F4;
       padding:0px 0 20px 0;
    }
 
    .catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9, .catpopup10, .catpopup11, .catpopup12, .catpopup13, .catpopup14, .catpopup15, .catpopup16, .catpopup17, .catpopup18 {
        display: none;
        position: relative; 
       left:10px;
       
    }
    .catpoponlycats_inner {
        padding: 5px 10px 5px 35px;
    }
    .catpoponlycats_in {
        position: relative; 
        height: auto;
        padding: 0 0 0 18px;
    }

    .divs {
       background-color: unset !important;
    }
.divss:hover{
    background-color: #dde5ea;
}
.divss a::after{display: none;}

.divs:hover{
    color:#22333B;
}
.divs a:hover{
    color: #22333B;
}
.cat {
   
    width: 100%;
    padding: 5px 0px 5px 0px;
   
}
.cat span {
  
    font-size: 1em;
}

.prod_det_in table tr, .table tr {
   
    font-weight: normal;
   /* font-size: 0.9em; */
}


h1 {
   
    font-size: 1.7em;
    
}
.footlogo img {
    width: 160px;
}


.content_in {
    width: 97%;
}
.prod_det_in {
    padding: 30px 0px 10px 0px;
    font-size: 1em;

}
.navigation {
 
    font-size: 0.8em;
}
.hidedash{
    display: none;
}

.content_in {
  
    padding: 40px 5px 40px 5px;
   
}

.slick-prev, .slick-next {
 
    display: none;
}
.prod_base_sim {
    width: 39% !important;
    
}
.hamburger, .hamburger_cos {
    margin: 0 0 0 5px;
    padding: 9px 7px 9px 7px;
}

.navbutton{
   
    width:60% !important;
    max-width:300px !important;
}
.recommended{
    margin: 20px;
}

 .detail_table  #cart .cart tr:first-child{
display:none;
}

.detail_table  #cart .cart td{
    display:block;
    text-align: left;
    border-color: #fff;
    }
    .detail_table  #cart .cart td:last-child{
        display:block;
        text-align: right;
        }
        .messager {
          
            top: 200px;
        right:30px;
        width: 70%;
        }
        .recommendations .carouss {
            padding: 10px 5px 30px 5px !important;
        }
}








/* 700px ------------------ */

@media (max-width:700px) {

     .index_despre, .index_cariere {
        display:none;
    }

    .prod_nou_index {
        width: 90% !important;
    }
   
    .index_blog_all .idei_box {
        width: 92%;
    }
    .prod_base {
        
        margin: 0 10px 70px 10px;
        padding: 20px 0px 20px 0px;
        
    }
    .footer_col {
       
        margin: 0px 10px 10px 10px;
    }
    .hamburger_search_div {
    
      /*  left: -10px;
        top: 45px;
     width:90%; */
    }

    .register_content{
        max-width:99%;
       
    }
    .tabcont {
        padding: 40px 10px 20px 10px !important;
        
    }

    .tabcol1 {
        width: 98% !important;
       
    }
    .tabcolin input, .tabcolin select {
        width: 86%;
    }
    .prod_base {
        width: 89%;
    }
    .productlistall_list_in .prod_base {
        width: 93%;
    }

    .resurse, .resurse_link {
        width: 86%;
        margin: 20px 10px 20px 10px;
    }

    .idei_box{
        width: 84%;
        }
        .prod_base_sim:nth-child(3),.prod_base_sim:nth-child(4),.prod_base_sim:nth-child(5) {
    
            display: none !important;
        }
        .buttcos_in {
            
           /* text-align: center; */
        }

        .recommended .recproduct:nth-child(2){
           /* display: none; */
         }
         .recproduct{
             width:100%;
          }

          .recommended .addedproduct .image_code_price .image{
            display: none;
          }

          .recommended .addedproduct .image_code_price{
          margin: 20px 20px 20px 20px;
          
          }
          #details .detail_table table th, #details .detail_table table td {
            
            display: block;
        }
        #details  .detail_table table td {
            padding: 10px 10px 10px 0px;
           
        }
}








/* 600 ------------- */

@media (max-width:600px) {


    .idei_box{
        width: 92%;
        }
.navyhide{
   /* display: none !important; */
}

.prod_base_sim {
    width: 66% !important;
   
}
.picmain {
    width: 99%;
}

.atuu1 {
    width: 70% !important;
    
}
.bfp1, .bfp2{
    display: block;
    padding:5px 0 5px 0;
}
.recommendedclose {
   
    height: 17px;
}
.hamburger_search_div {

    width: 99%;

}

.usercols2 .detail_table td, .usercols2 .detail_table th{
    display: block;
    padding: 10px 10px 10px 0px;
}
.usercols2 .detail_table th {
    display: none;
   
}
.usercols2 .detail_table td:nth-child(4), .usercols2 .detail_table td:nth-child(3), .usercols2 .detail_table td:nth-child(2){
    display: inline-block;
} 
.buttusertop {
   
    top: 70px;
    
}

.usercols2inus .detail_table td:nth-child(2){
    display: block;
}
.usercols2inus .detail_table td:nth-child(4), .usercols2inus .detail_table td:nth-child(3), .usercols2inus .detail_table td:nth-child(6){
    display: inline-block;
}

.usercols2inus .buttusertop {
   
    top: 60px;
    
}
.comments {
    width: 92%;
}



 }













/* ------------------------------- */

@media (max-height:760px) {
 
    .catpoponlycats_in {
        position: relative !important;
    }
    .catpoponlycats_inner {
        padding: 0px 10px 0px 20px;
    }
  

 

}
@media (max-height:820px) {
 
 


   

}
@media (max-height:950px) {
 
 
    .recommended_overlay {
        position: absolute;
    }

    .top_all_sm{
        position: relative; 
      
       }

}

@media (max-width:800px) {
    .top_all_sm {
      /*  position: fixed !important; */
    }
    .catslist {
        
        overflow-y: auto;
        overflow-x: hidden;
        height: 75vh;
        scrollbar-width: thin;
    scrollbar-color: #999 #fff;
    }
    .catslist::-webkit-scrollbar {
        width: 5px;           
      }
      
      .catslist::-webkit-scrollbar-track {
        background: #fff;    
      }
      
      .catslist::-webkit-scrollbar-thumb {
        background-color: #999;   
        border-radius: 5px;     
      
      }
}