body{
margin:0;
padding: 0;
color: #333;
font-family: 'Helvetica', sans-serif;
font-size: 13px;
background-color: #004996;
}
a, a:visited{
    outline: none;
    text-decoration: none;
    color: #0093DD;
}
a:hover{
    color: #004996;
}

input{
    outline: none;
    font-family: 'Roboto', sans-serif;
    
}
select, textarea {font-family: 'Helvetica', sans-serif; }
#email{
    text-transform: lowercase;
}
h1{
font-size: 1.7em;
color: #004996;
font-weight: normal;
margin:30px 0 30px 0;
line-height: 1.1em;
text-transform: uppercase;
}
h2{
font-size: 1.4em;
color: #004996;
font-weight: normal;
margin:0px 0 10px 0;
padding:0;
line-height: 1.1em;
text-align: left;
}
h3{
    font-size: 1.2em;
    color: #0093DD;
    font-weight: normal;
    margin:0px 0 5px 0;
    padding:0;
    text-align: left;
    }
.subtit1{
        font-size: 1.2em;
        color: #004996;
        font-weight: normal;
        margin: 0 0 7px 0;
    }
.subtit2{
        font-size: 1em;

        font-weight: normal;
        margin:4px 0 10px 0;
    }
    .subtit3{
        font-size: 1em;
        text-transform: uppercase;
        font-weight: bold;
      
    }
.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: #0093DD;
    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;
}
    .logosmhide{
        display:none;
    }

.top_all{
position: fixed;
min-width: 100%;
height: 90px;
background-color: #e7e7e7;

z-index: 100;

margin:0;
padding:0;
transition: all 0.2s ease-in;
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
}
.top_all_sm{
position: fixed;
min-width: 100%;
height: 75px;
background-color: #eee;
z-index: 100;

margin:0;
padding:0;
transition: all 0.2s ease-in;

}
.top{
width: 100%;
height: 35px;
background-color: #fff;

position: relative;
}
.top_in, .menu_in{
max-width: 1920px;
width: 96%;
position: relative;
margin:0 auto;
}
.top_left{
width: 30%;
float: left;
}

.contact_left{
    padding:10px 0 0 40px;
}
.top_left_in a{
    color:#004996;
    padding: 0 0 0 25px;
    position: relative;
 }
 .top_left_in a img{
  width:20px; height:20px;
  position: absolute;
  top:-3px;
  left:0;
 }
.logo{
float:left;
width: auto;
padding: 15px 0 0 0;
transition: all 0.3s ease-in;
}
.logo img{
    transition: all 0.3s ease-in;
    width:250px;
    }
    .logo_sm{
display: none;
    float:left;
    width: 190px;
    padding: 14px 0 0 0;
    transition: all 0.3s ease-in;
    }
    .logo_sm img{
    transition: all 0.3s ease-in;
    width:190px;
    }

.ofertepopup{
    display: none;
    position: absolute;
    left: -330px;
    top: -50px;
    height: 400px;
    width: 300px;
    background-color: #0093DD;
   
    padding: 15px 10px 15px 10px;
    color: #f1f1f1;
    font-size: 0.9em;
    z-index: 10;
}

.ofertepopup input,  .ofertepopup textarea{
    padding: 4px 10px 4px 10px;
    border:solid 1px #f1f1f1;
    background: #f1f1f1;
    color: #004996;
    margin: 3px 0 3px 0;
   font-size: 0.9em;
}

.ofertepopup input:hover,  .ofertepopup textarea:hover{
    border:solid 1px #004996;
}

.inchide{
    right: 20px;
    top: -12px;
    padding: 6px 12px 6px 12px;
    background-color: #004996;
    color: #fff;
    position: absolute;
   
    cursor: pointer;
}

#ofertepop{
    color: #0093DD;
}

.hamburger{display: none;
    margin:0 0 0 9px;
    width: 50px;
    height: 30px;
    position: relative;
    cursor: pointer;
    }
    
    .hamburger_search{display: none;
   /* margin:0 0 0 7px;
    width: 50px;
    height: 30px;
    position: relative;
    cursor: pointer;*/
    }
    
    .hamburger img, .hamburger_search img{/*width:40px; position: absolute; top: -11px; left:28px;*/}
    
    .hamburger_div{
    display: none;
    position: absolute;
    right: -30px;
    top:20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
    border: 1px solid #fff;
    z-index: 4444;
    height: 270px;
    width: 160px;
    background-color: #fff;
    padding:15px 40px 15px 30px;
    cursor: default;
    text-align: left;
    /*border-radius: 7px;*/
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    background-image: url('../images/pic/off.svg');
    background-position: 96% 5%;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    }
    .search_off{
        display: none;
    }
    .hamburger_div a:first-child{
        display: none;
    }
    
    .hamburger_search_div{
    display: none;
    position: absolute;
    right: -15px;
    top:10px;
    /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);*/
    border: 1px solid #004996;
    z-index: 4444;
    height: 40px;
    width: 99%;
    background-color: #004996 !important;
    padding:5px 15px 15px 15px;
    cursor: default;
    text-align: left;
    }
    
    .hamburger_search_div input{
        padding:3px 10px 10px 3px;
        background-color: #004996 !important;
        border: 1px solid #004996;
        width: 80%;
        position: relative;
        color: #fff;
        top:-10px;
    }
    .hamburger_search_div input:hover{
     
        background-color: #004996 !important;
        border: 1px solid #004996;
     
    }

    .searchsubmit{
        background-color: #004996;
        border:none;
        
    }
    .searchsubmit img{
        padding:3px 0 0 0;
        cursor: pointer;
    }
.langdiv{
    position: relative;
}
.langh{
    position: absolute;
    bottom:-40px;
    left: 10px;
    width: 300px;
}
.langh a{
    display: inline-block !important;
    padding: 6px 6px 6px 6px;
    background-color: #004996;
    color: #fff !important;
    border:solid 2px #fff;
}

.langh a:hover{
background-color: #0093DD !important;
}
.search_close{
    padding:0 2px 7px 0;
    text-align: right;
}
.search_close span{
cursor: pointer;
padding:3px 5px 3px 5px;
background-color: #0093DD;
color:#fff;
}

.search_all{
    float: right;
    width: 30%;
    height: 20px;
}
.search_in{
    /*margin: 20px 0px 0 0;*/
    margin: 26px 0px 0 0;
    /*background-color: #e9e9e9;*/
    background-color: #0093DD;
    height: 35px;
    border:solid 1px #0093DD;
    padding: 0 18px 0 18px;
    position: relative;
  border-radius: 10px;
}
.search_in:hover{
    border:solid 1px #015782;
}
.search_in input:hover{
   border:solid 1px #0093DD; 
}
.search_in input{border:solid 1px #0093DD;   background-color: #0093DD; color: #fff; width:65%; padding: 6px 20px 6px 50px; position: absolute; top: 3px; font-family: 'Roboto', sans-serif;}
.search_in img{position: absolute; top: 5px; height:25px; width:25px;}
.menus{
float: right;
max-width: 50%;
text-align: right;
padding:0 0 0 10px;
}
.menus_in{
padding: 23px 0px 0 0;
}
.menus_inner div{
    padding:7px 10px 7px 10px;
   /* display: inline-block;*/
    margin: 0 5px 0 5px;
    border-radius: 10px;
   /* width:50px;
    height:50px;*/
}
.menus_inner div:hover{
  background-color: #fff;
}
.menus img{
  /*  position: absolute;
    top:0px;
    left: 13px;*/
    height:30px;}
.menus img{
/*padding: 0 15px 0 15px;*/
font-size: 1.1em;
text-decoration: none;
color: #666;
position: relative;
}
.menus_in a:hover{
    color: #0093DD;
}

.address{
padding: 22px 0 0 0;
line-height: 18px;
font-size: 0.9em;
}

.social{
padding:0px 0 10px 0;
}
.social img{height: 35px; width: 35px; padding-right: 10px;
filter:      grayscale(90%);
    cursor: pointer;
    transition: all 100ms ease;
opacity: 0.9;
}
.social img:hover{
    filter: none;
}
.shop{
padding:9px 0 0 0;
  position: relative;
}
.shop img{
position: absolute;
    height: 25px;
    left:0;
    top:-7px;
}
.shop a{
text-decoration: none;
display: inline-block;
    margin:2px 0 0 35px;
    padding: 0 0 0 27px;
    position: relative;
    font-size: 1em;
   opacity: 0.9;
   color: #004996;
}
.shop a:hover{
color: #0093DD;
opacity: 1;
}
.coss{
    position: absolute;
    background-color: #0093DD;
    color: white;
    padding:4px 6px 4px 6px;
    top:-6px;
    right:-2px;
   font-size: 0.8em;
   border-radius: 5px;
}
.top_right{
width: 66%;
float: right;
text-align: right;
}
.banner{
height: auto;
background-color: #004996;

background-position: bottom center;
background-repeat: no-repeat;
width: 100%;
position: relative;
z-index: 49;
transition: all 0.3s ease-in;
    background-size: 100% 100%;

}
.cats{
   
width:100%;
display: block;
top:-2px;
background-color: #fff;

z-index: 60;
position: relative;
transition: all 0.3s ease-in;

}
.cats_in{
   width: 96%;
   max-width: 1920px;
position: relative;
margin:0 auto;
padding: 15px 0 12px 0;
text-align: center;
background-color: #0093DD;
border: solid 1px #ddd;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.cat{
text-align: center;
display: inline-block;
width:9%;
vertical-align: top;
position: relative;
padding:5px 3px 0 3px;
cursor: pointer;
color:#333;

}
.cat:hover{background-color: #ffffff; color: #0093DD;}
.cat img{ width: 37%; height: auto; }
.cat span{
margin:5px 0 10px 0;
font-size: 1em;
font-weight: normal;
display: block;
color:#666;
}
.cat_tit{
    font-size: 1.4em;
    color: #0093DD;
    font-weight: normal;
    margin:10px 0 30px 0;

    padding:0;
    }
.container{
background-color: #fff;
width: 100%;
margin-bottom:300px;
margin-top: -17px;
z-index: 50;
position: relative;
}
.divs{width: 19%; float: left; position: relative;  text-align: center; line-height: 15px;  padding:4px 3px 4px 3px; display: inline-flex; height: 100px; justify-content: center;   }
.divs:hover{background-color: #ffffff;}
.divs a{text-decoration: none; font-size:0.9em; font-weight: normal; color:#666; padding:0px 5px 5px 5px;
display: inline-block; text-align: center;
}
.divs a:hover{ color: #004996;}
.divs img{
    min-width: 50px;
width: 45%;
min-height: 50px;
height: 45%;
/* height: auto; */
padding: 5px 0 5px 0;
display: block;
margin: 0 auto;
text-align: center;
}
@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{position: relative;}
.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9{
display: none;
position: absolute;
top:105px;
background-color:#f5f5f5;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border: 1px solid #ccc;
z-index: 4;
padding:20px 20px 20px 20px;
width: 700px;
 
}

.catpopup:hover, .catpopup1:hover, .catpopup2:hover, .catpopup3:hover, .catpopup4:hover, .catpopup5:hover, .catpopup6:hover, .catpopup7:hover, .catpopup8:hover, .catpopup9:hover{

 
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
        border: 1px solid #aaa;

     
    }

.catpopup9::after, .catpopup8::after, .catpopup7::after, .catpopup6::after, .catpopup5::after, .catpopup4::after, .catpopup3::after, .catpopup2::after, .catpopup1::after, .catpopup::after{
    content:"x";
    position: absolute;
    top:0;
    right:0;
    width:20px;
    height: 20px;
    padding:3px 3px 2px 3px;
    background-color: #999;
    color:#fff;
}

.catpopup{
left: 20px;
}
.catpopup1{
left: -20px;
}
.catpopup2{
left: -20px;
}
.catpopup3{
left: -400px;
}
.catpopup4{
left: -550px;
}
.catpopup5{
left: -300px;
}
.catpopup6{
left: -100px;
}
.catpopup7{
left: -150px;
}
.catpopup8{
left: -250px;
}
.catpopup9{
left: -670px;
}
.prod_base{
width:17%;
display: inline-block;
vertical-align: top;
margin: 0 15px 50px 15px;
border: solid 3px #f5f5f5;
 border-radius:10px;
padding:20px 0 0px 0;
background-color: #fff;
}
.prod_base:hover{
    border: solid 3px #0093DD;
}

.prod_base_det, .prod_base_deti{
    width:56% !important;
    border: solid 3px #0093DD;
    padding: 5px 0 10px 0 !important;
}

.prod_base_det:hover, .prod_base_deti{
   
    border: solid 3px #004996;
}


.det_col1, .det_col2i{
float: left;
width:52%;

}

.det_col2, .det_col2i{
    float: right;
    width:47%;

    }


.pic img{
width:85%;
height:auto;
padding:15px 0 40px 0;
}
.pic{
    position: relative;
  
}
.maimulte{
text-align: right;
margin:6px 20px 0 0;
}
.maimulte a{
    color:#004996;
    font-style: italic;
    font-size: 0.9em;
    background-color: #f4f4f4;
    padding:4px 10px 4px 10px;
}
.maimulte a:hover{
  background-color: #f1f1f1;
  color:#0093DD;
}
.pret_list{
z-index:4;
position:absolute;
bottom: 1px;
right: 0px;
}

.detpretf{
    z-index:4;
    position:absolute;
    bottom: 25px;
    right: 30px;
    }

.pret_listdvs{
    z-index:4;
    position:absolute;
    bottom: 1px;
right: -2px;
    }

.pret_list span, .pret_listdvs span{
font-size: 0.9em;

/*display: block;*/
color:#eee;
 

}
.pret_list span img, .pret_listdvs span img{
    width: 40px;
    height:8px;
    padding:2px 0 0 0;
}
.pret_list div{
background-color: rgba(0, 147, 221, 0.80);
padding: 7px 20px 7px 20px;
color: #fff;
font-size: 1.1em;

 text-align: center;
  
 border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.pret_listdvs div{
    background-color: rgba(41, 22, 111, 0.80);
    padding: 7px 10px 7px 10px;
    color: #fff;
    font-size: 1.1em;
   
     text-align: right;
      
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
    }
.pret_list div:hover{
    background-color: rgba(0, 147, 221, 1);
    }
.pret_list div span{
font-size: 0.8em;
/*text-decoration: line-through;*/
}
.pret_listcat{
    font-size: 0.9em;
    text-align: center;
            }
.picmain{
    position: relative;
    text-align: left;
}
.transp_list{

    padding:0px 0px 3px 0px;
    color: #999 !important;
   
    }

.transp_p, .transp_l, .original{
    z-index:4;
    position:absolute;
    background-color: transparent;
    top: 30px;
    right: 20px !important;
}
.transp_l{
    top: -30px;
    right: 6px !important;
}

.original{
    right: 85px !important;
}

.transp_p:hover, .original:hover{
    background-color: transparent;
    }
    .transp_p img,   .transp_l img, .original img{
height: 80px;
width: auto;
opacity: 0.8;
transition: width 1s, height 1s;
}
.transp_l img{
    height: 60px;

    }
.transp_p img:hover, .transp_l img:hover, .original img:hover{
 
    opacity: 1;
    }
   .original img:hover{
        height: 110px;
        width: auto;
        transition: width 1s, height 1s;
        }
.prod_stoc{
    z-index:5;
    position:absolute;
    bottom: 9px;
    left: 5px;
    }
.prod_stoc img{
height: 30px;
width: auto;
opacity: 0.8;
}
.toatecat{
    text-align: left;

}
.toatecat a{
 
    padding: 9px 12px 9px 12px;
    background-color: #0093DD;
    color: #fff;
      border-radius: 8px;
}
.toatecat a:hover{
    background-color: #004996;
    color: #fff;
   
 }
.navigator{
margin: 0px 0 10px 10px;
}
.navigatorcos{
margin: 15px 0 10px 0;
}
.content_in{
    max-width: 1950px;
width: 96%;
position: relative;
margin:0 auto;
padding: 50px 0 30px 0;
text-align: center;
}
.sec_but{
    display: block;
    padding: 17px 13px 17px 45px;
    position: relative;
    margin: 10px 0 10px 0;
    cursor: pointer;
    background-color: #f1f1f1;
    color: #004996;
    border: solid 2px #f1f1f1;
}

.sec_but:hover{
    border: solid 2px #ddd;
}

#ofertepop{
    color: #004996;
}
.sec_but img {
width: 23px;
height: 23px;
position: absolute;
left:10px;
top:15px;
}
.footer{
position: fixed;
bottom: 0;
height: 300px;
width: 100%;
z-index: 40;
color:#fff;
}
.footer_in{
    max-width: 1950px;
width: 96%;
position: relative;
margin:0 auto;
padding: 35px 0 30px 0;
text-align: center;
line-height: 18px;
font-size: 1.1em;
}

.footer_inner{
    text-align: center; 
}

.footer_col{
display: inline-flex;
width:21%;
height: auto;
margin:0px 40px 20px 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;
}
.wishlb{
    display: inline-block;
    position: relative;
    height: 40px;
   /* width: 120px;*/
}
.wishlb img{
    position: relative;
    height: 30px;
    width: auto;
    top:10px;
    left:10px;
    opacity: 0.8;
    display: inline-block;
    padding: 0 3px 0 3px;
}


.wishlb img:hover{
    opacity: 1;
}
#result	{
position:absolute;
width:450px;
padding:8px;
display:none;
right:0px;
margin-top:35px;
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;
 
	}
.show{
padding:15px 35px 15px 70px;
width: 90%;
position: relative;
font-size:1.1em;
display: block;
border-bottom:solid 1px #f2f2f2;
}
.show a{color: #0093DD; position: relative; }
.show a:hover{color:black; }
.show img{
width:55px; height:44px;
position: absolute;
left: -70px;
top: -3px;
	}
.show:hover	{ cursor:pointer;	}
.show_toate{
margin: 0 0 6px 0;
}
.show:first-child{height: 10px;}
.show span{
    display: block;
font-size:0.9em;
color: #333;
}
#totrez{
font-weight: bold;
display: block;
padding:0 0 15px 5px;
text-align: left;
}
.prod_tit, .prod_tit_sm{
    padding:10px 15px 15px 15px;
    text-align: center;
  background-color: #f5f5f5;
}
.prod_tit_sm{
    font-size:1em;
    color:#666;
    line-height: 16px;
    padding:1px 15px 10px 15px;
}
.prod_tit_sm{
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
}
.prod_tit_ca{
    font-size:1em;
    color:#666;
    line-height: 16px;
    padding:1px 15px 10px 15px;
    text-align: left;
}

.prod_tit{
font-size:1.1em;
color: #004996;
line-height: 18px;
font-weight: normal;

text-transform: uppercase;
}
.prod_titulus{
width:100%;
text-align: left;
padding:5px 0 5px 0;
}

.prod_titulus table{
    padding:0;
    margin:0;
    border:0;
}

.prodtit_producator{
    padding:5px 5px 0 25px;
}


.prod_titulus img{
max-height:40px;
width: auto;
}



.prod_detail1{
width:33%;
float:left;
text-align: center;
}

.prod_detail2{
width: 66%;
float:right;
text-align: left;
padding: 0 0px 0 0px;
font-size: 1.1em;
}

.prod_detail2a{
width: 60%;
float:left;
text-align: left;
padding: 10px 0 0 0px;

}
.prod_detail2b{
    width: 30%;
    float:right;
    text-align: left;
    padding: 10px 0 0 10px;

    }
.prod_det{
width: 100%;
text-align: left;
font-size: 1em;
float: right;
clear: both;
line-height: 18px;
}

.prod_det_in{
    padding:20px 20px 20px 20px;
margin:20px 0 20px 0px;
    border-bottom: solid 2px #e9e9e9;
    border-top: solid 2px #e9e9e9;
    background-color: #f7f7f7;
     
}

.prod_det_in img{
    max-width: 500px !important;
     
}

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

.prod_det_in table th, .table th{
    background-color: #f1f1f1;
    padding:4px 8px 4px 8px;
    font-size: 0.8em;
    color:#666;
    font-weight: normal;
}

.prod_det_in table th{
    border-right: solid 1px #ffffff;
}
.prod_det_in table th:nth-child(2), .prod_det_in table td:nth-child(2){
    border-right: none !important;
}

.prod_det_in table td, .table td{
    border-bottom: solid 1px #f1f1f1;
    border-right: solid 1px #f1f1f1;
    background-color: #fdfdfd;
    padding:3px 8px 3px 8px;
    font-size: 0.9em;
}
.prod_det_in table td:nth-child(1){
  color: #666;
  
}
.prod_det_in table{
width: 95%;
}

.table td, .table th{
    text-align: center;
   font-weight: normal;
}
.table th span{color:#0093DD;}
.prod_det_atu{
    width: 90%;
float: left;
text-align: left;
}

.prod_cod{
padding: 10px 0 10px 0;
}

.prod_cod span, .prod_disp span{
    font-weight: bold;
}

.prod_disp{
   padding: 10px 0 10px 0;
}

.clear{
    clear:both;
}

.comandar{
margin: 10px 0 10px 0px;
padding: 10px 15px 10px 15px;
background-color: #fff;
color: #0093DD;
border:solid 3px #004996;
text-decoration: none;
text-align: left;
text-align: center;
width: 220px;
position: relative;
display: inline-block;
 
}

.comandar:hover{
    color:#fff;
    border:solid 3px #004996;
    background-color: #0093DD;
}

.comandarr{
  width: 83px;
  padding: 15px 15px 15px 15px;
display: inline-block;
}

.comandabg, .anuntabg{
margin: 10px 0 10px 0;
text-decoration: none;
text-align: left;


padding: 5px 5px 5px 0px;
color: #004996;
}

.comandabgrap{
    background-color: #f1f1f1;
}

.comanda_cant{
padding: 15px 15px 15px 15px;
   border:0;
    background-color: #ffffff;
    color: #004996;
     width: 47px;
     text-align: right;
}

.comanda_cant:hover{
    border:0;
}
.comanda_but{
   width: 200px;
padding: 15px 15px 15px 15px;
    border:0;
    background-color: #004996;
    color:#fff;
    cursor: pointer;
     border-radius:9px;
}

.comanda_but:hover, .anunta_but:hover{
background-color: #0093DD;
border:0;
}

.anunta_cant{
padding: 15px 15px 15px 15px;
   border:solid 1px #e9e9e9;
    background-color: #ffffff;
    color: #004996;
     width: 40%;
     text-align: left;
}

.anunta_but{
   width: 100px;
padding: 15px 15px 15px 15px;
    border:0;
    background-color: #C03411;
    color:#fff;
    cursor: pointer;
}

.pic_det{
width:95%;
height: auto;
padding:20px 0 0 0;
}

.pic_sec{
    width:auto;
    height: 63px;
    margin: 15px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
     
    border: solid 3px #f1f1f1;
}
.pic_sec:hover{
    border: solid 3px #0093DD;
}
.detpic{
    width:auto;
    height: 66px;
    padding: 2px 2px 2px 2px;
}
.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: 'Roboto', sans-serif;
font-size: 0.9em;
}

.offers textarea{
display: block;
font-family: 'Roboto', sans-serif;
font-size: 0.9em;
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: 'Roboto', sans-serif;
}

.producator_small{
width: 100%;
text-align: center;
background-color: #fff;
}

.producator_small_in{
    margin:0 auto;
    width: 100%;
padding: 10px 0 60px 0;
text-align: center;
}

.producator_small_in a img{
 width: auto;
  max-height:40px;
    opacity: 1;
    filter: grayscale(100%);
    cursor: pointer;
    transition: all 100ms ease;
    margin: 15px 13px 15px 13px;
}

.producator_small_in a img:hover{
filter:  grayscale(0%);
}

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

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

.marimi_all table {
width: 100%;

}

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

.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: 5px 10px 5px 10px;

}

.marimi_all table th:last-child, .marimi_all table tD:last-child
{
    display: none;
    }


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

.pret_sel{
font-size: 1.7em;
font-weight: bold;
color: #2b8f73;
}

.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{
    display: none;
    height: 300px; position: relative;   width:100%;
    background-color: #fff;
  }

.atuu{
width: 100%;
margin:0 auto;
top: 20px;
position: absolute;
height: 100px;
vertical-align: bottom;
text-align: center;
}

.atuu1{
    display: inline-flex;
background-color:  #f1f1f1;
padding: 20px 10px 10px 10px;
width: 14%;
color:#666;
height: 200px;
margin:0 10px 0 10px;
 
font-size: 0.9em;
position: relative;
     
          border: #cccccc;
}
.atuu1 div{padding:20px 0 0 0; display: block; height: 100px; width: 100%; text-align: center;}
.atuu1 img{height: 50px; margin-bottom: 8px;}
.atuu1 span{color: #333; font-size: 1em; margin-bottom: 10px; display: block;}

.content_col{
    width: 100%;
}

.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_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;
    padding: 10px 0 20px 0;
}

.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: 'Roboto', sans-serif;
}

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

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

.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: 50px;
     padding:6px 10px 6px 3px;
     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:#004996;
    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: #004996;
    color:#fff;
    border:none;
    cursor: pointer;
     border-radius: 5px;
}


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

.copyright{
    font-size:0.9em;
    padding:0px 0 40px 0;
}

.menus_foot a{
    font-style: normal;
    padding: 3px 7px 3px 7px;
    color: #fff;
    font-size: 0.9em;
    margin:3px 3px 3px 3px;
    background-color: #0c56a5;
  line-height: 30px;
  border-radius: 8px;
}

.menus_foot a:hover{
   
    background-color: #1b69bd;
text-decoration: none;
   
}

.hamburger_div div a{
padding:5px 15px 5px 15px;
color:#0093DD;
font-size: 1.1em;
display: block;
}

.hamburger_div div a:hover{
background-color: #e5e5e5;
color:#004996;
font-weight: bold;
}

.despre{
    width: 100%;
    display: inline-block;
    margin: 2% 1% 2% 1%;
text-align: left;
    position: relative;
    height: 150px;
}

.despre div, .despre h3{
    padding:0 0 0 150px;
}

.despre img{
position: absolute;
width: 130px;
left:0;
top:-15px;
 
}

.istoric{
padding: 25px 0 10px 0;
text-align: left;
}

.wish_del{
text-align: right;
z-index: 100;
position: relative;
top:-30px;
right:-8px;
}

.panel {
	width:180px;
	float:left;
    top:170px;
	height:280px;
	position:fixed;
	left:-180px;
  font-size: 1em;
  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: 1em;
  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;
}

.divss{
    display: inline-block;
    width: 140px;
    margin:10px 10px 10px 10px;
    text-align: center;
}

.divss span{
    display: block;
}

.divss img{
margin: 15px 0 7px 0;
    width:80px;
    height: auto;
}

.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;   }
.download a:hover{background-color: #0093DD;}


.downloadm{
    padding:15px 0 0 30px;
    height: 35px;
    background-image:url(../images/downloadm.png);
    background-repeat: no-repeat;
    background-position: left 12px;
    background-size: 20px 25px;
    }
    
    .downloadm a{color: #fff; background-color: #54458C; padding: 5px 9px 5px 9px;   }
    .downloadm a:hover{background-color: #004996;}
    

.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: 27%;
    border:none;
    padding: 5px 0 5px 0;
}

.prod_base_sim:hover{
    border:none;
}

.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;
}

.lang{
   /* float: left;*/
    margin:0 0 10px 0px;
}

.lang a{
 color: #fff;
 background-color: #004996;
    padding:8px 10px 8px 10px;
    margin:0 0 0 4px;
}
.lang a:hover{

    background-color: #0093DD;

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

.afa{
    font-size: 0.8em;
}
   
   .scroll_div img{height:40px; opacity: 0.5; }
   
   .scroll_div img:hover{opacity: 0.8;}
   
.consiliere{
    padding:20px 0 10px 0;
}

.consiliere img{width:85%; height:auto;}

.consiliere_all img{width:65%; height:auto;}

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

.gplus{
    padding-top:5px; float:left; display: inline-block;
}

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

.promoin{
   background-color: #fff2ba;
    padding:12px  20px  12px 20px;
    color: #000;
    text-align: center;
    max-width:1600px;
    margin:0 auto;
    font-size: 1em;

}

.promoin img{
    max-width:981px;
    width:100%;
    height:auto;
}

.prod_tit:hover{
    color: #0093DD;
}

.pic img:hover{
    transition:all 0.2s ease-in-out;
    transform: scale(1.1);
}

.pumpcatall{
    max-width: 1920px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
padding:10px 0 0 0;
}

.pumpcat{
padding:10px 15px 10px 15px;
    width: 21%;
    margin:0 5px 10px 5px;
     
   background-color: #f1f1f1;

    display: block;
}

.pumpcat:hover{
    background-color: #e9e9e9;
}

.pumpcat span{
    font-size: 1.1em;
    float: right;
    width: 70%;
    text-align: left;
    padding:0 0 0 0;
    color: #004996;
}

.pumpcat img{
    height: 50px;
    float: left;
    padding:0 0 0 10px;
}

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

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

.notaa{
    color: #0093DD;
    font-style: italic;
    padding: 5px 20px 10px 5px;
}


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

    .paginate_in{
    padding:0 5px 30px 0;

    }

    .paginate_in .current{
    background-color: #004996;
    padding:10px 4px 1px 4px;
    margin:0 2px 0 2px;
    width: 20px;
height:22px;
    display: inline-block;
    text-align: center;
    color: #ccc;
    }

    .paginate_in a{
    display: inline-block;
    background-color: #0093DD;
    padding:10px 4px 1px 4px;
    margin:0 2px 0 2px;
    width: 20px;
height:22px;
    color: #fff;
    text-align: center;
}

    .paginate_in a:hover{
background-color: #004996;
    }

.paginate_in .disabled{
    padding:10px 4px 1px 4px;
    margin:0 2px 0 2px;
    width: 20px;
    height:22px;
    background-color: #e9e9e9;
display: inline-block;
text-align: center;
    }

.newboxes {
    display: none;
    margin-top:10px;
    width: 100%;
    }

.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;
     
    margin: 10px 0 5px 0;
    color: #2b8f73;
}

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

.kitt table{
    width:100%;
}

.simm{
    width: 100%;
    float: right;
    text-align: left;
    padding:15px 0px 15px 0px;
}

.simm_all{
margin:8px 0 8px 0;
    border:solid 3px #f1f1f1;
     
}
.simm_all:hover{

        border:solid 3px #0093DD;

    }
.simm_in{
    padding:10px 20px 10px 20px;
    text-align: left;
    position: relative;
}

.simm_in table{
    width: 100%;
}

.simm_in table td:nth-child(2){
    width:75%;
}
.simm_in table td:nth-child(3){
    width:10%;
}

.simm_in img{
    height:70px;
    width: auto;
   
}

.simmtext{

    text-align: left;
    font-size: 1.1em;
}
.simm1{
    color: #0093DD;
    padding:0 0 10px 0;
}

.simm2{
    color: #666;
    font-size: 1em;
}

.simmprice{

    text-align: right;
    font-size: 1.2em;
}

.simm h2{
    background-color: #0093DD;
    color:#fff;
    display: inline-block;
     font-size: 1.1em;
 
    padding:8px 15px 8px 15px;
  
}
.kitt table td{text-align: center; 
font-size: 1em;
padding:10px 5px 10px 5px;}

.kitt table img{
    height: 40px;
    width: auto;
   
}

.kittc img{
    width: 150px;
    height: 115px;
    margin :0 5px 5px 0;
    
}

.kitt table img:hover, .kittc img:hover, .simm_in 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: 1em;
    padding:0;
    margin: 0;
    color: #004996;
}
.kitt table td h3:hover{

    color: #0093DD;
}
.kitt table td span{
    font-size: 0.9em;
    color: #999;
}
.kitt table td span:hover{

    color: #333;
}
.var {
    width: 100%;
    margin:40px 0 0 0;
}

.var .simmprice{
    color: #000;
}

.var a{
    color: #000;
}

.var h3{
   
    color: #004996;
}
.simcats{
    padding:20px 0 10px 0;
    line-height: 20px;
}

.simcats a{
    font-size: 0.9em;
    margin: 4px 10px 4px 0;
    padding:5px 13px 5px 13px;
    background-color: #e1e1e1;
    display: inline-block;
     
    color: #004996;
}

.simcats a:hover{

    background-color: #0093DD;
    color: #fff;
}

.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: 1em;
margin:9px 15px 9px 15px; 
}

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


.idei_box{
display: inline-block;
padding: 10px 0 10px 0;
margin: 15px 10px 15px 10px;
width: 22%;
text-align: center;
vertical-align: top;
}

.idei_box img{
width: 100%;
height: auto;
}

.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 li{
    display: inline-block;
    position: relative;
}

#accordion div {
	
	color: #fff;
	font-weight: bold;
	cursor: pointer;
    width: 100%;
	list-style: circle;
border-radius: 10px;
margin:0;
padding: 0;
}
#accordion div:hover {
	color:#fff;
	background-color: #2baae9;

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


#accordion ul {
	list-style: none;
    padding: 10px 10px 10px 10px;
    width: 170px;
	display: none;
    position: absolute;
    top:25px;
    left:0px;
    background-color: #fff;
    z-index: 30;
    border:solid 1px #ccc;
    border-radius: 10px;
}
#accordion ul li {
	font-weight: normal;
	cursor: auto;
	/*background-color: #f1f1f1;*/
    padding: 0;
    border-bottom: solid 1px #f1f1f1;
   padding: 8px 15px 8px 15px;
    margin:0;
    display: block;
}
#accordion ul li:hover {
text-decoration: none;
	background-color: #004996;
color: #fff;
    border-bottom: solid 1px #fff;
border-radius: 6px;
cursor: pointer;
}

#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{
    clear: both;
    text-align: left;
    }
.blogg img{
   
    padding: 10px 10px 10px 0;
    max-width: 900px ! important;
width: 90%;

display: block;
  top: 0; left: 0;

  width: auto !important;
  height: auto !important;
}

.blogg iframe{
    width:90%;
    height: 500px;
    border: none;
}


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

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

.addf{
width: 100%;
text-align: center;
}

.addf_in{
padding:20px 10px 20px 10px;
border-radius: 10px;
background-color: #f0fff4;
}

.addf_inoff{
    background-color: #fff2ee;
}

.prodfoot{
    background-color: #fff;
    border: solid 3px #e9e9e9;
    margin: 0 15px 20px 15px;
   
}

.noubutf{
    padding:5px 20px 20px 0;
    text-align: right;
}

.subb{
    text-align: right;
    margin: 0px 0 30px 0;
    display:block;
width: 98%;
}

.subb a{
    padding:6px 7px 6px 7px;
    background-color: #004996;
     
    color: #fff;
display: inline-block;
margin: 2px 0 2px 0;
}

.subb a:hover{

    background-color: #0093DD;

}
.call_div {
    display:none;
   }
.refreshtab{
position: relative;
width:100%;

}
.refresh{
    border:none;
    background-color: #fff;
    height: 35px;
    width: 35px;
    cursor: pointer;
  

    position: absolute;
    top:0px;
    right:5px;
}

.refresh img, .delcos{
    height: 30px;
    width: 30px;

}
.prodtogg{
    border-radius: 8px;
    display: none;
 }

 .dropbtn {
    background-color: #004996;
    color: white;
    padding: 7px 15px 8px 15px;
    font-size: 13px;
    border: none;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
    text-align: right;
    display: none;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    right: 0px;
  }
  
  .dropdown-content a {
    color: black;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    display: block;
    background-color: #f1f1f1 !important;
  }

  .dropdown-content a:hover {background-color: #ddd !important;}

  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {background-color: #0093DD;}



  .proddetin{
      text-align: left;
      color: #666;
      padding: 20px 20px 10px 0;
  }
  .proddetindet{
 display: block !important;
    padding: 2px 0px 0px 0;
}
.detbutt{
    font-size: 0.9em;
    padding:5px 5px 5px 5px;
    margin:10px 0 10px 0 !important;
    background-color: #0093DD;
    display: inline-block;
color: #fff;
}
.detbutt:hover{

    background-color: #004996;

}

.discpop{
    width:100%;
    text-align: right;
    vertical-align: top;
    display: inline-block;
    margin:10px 0 0 0;
}

.discpopin{
font-size: 0.9em;
    background-color: #2b8f73;
    color: #fff;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    margin:0 0 7px 0;
}
.discpopind{
    font-size: 1.9em;
        background-color: #6b1e02;
        color: #fff;
        padding: 10px 10px 7px 10px;
        display: inline-block;
        margin:0 0 7px 0;
       
    }
.discpopin span{
    font-size: 0.8em;
}

.discpopin span a{
    color: #000;
}

.highlight
{background-color: #D02A00 !important;
}
.highlight:hover
{background-color: #0093DD !important;
}

.gallery{
    padding: 20px 0 0px 0;
}
.galleryall{
    padding: 0px 0 30px 0;
}
.gallery img{
    max-width: 95%;
}

.galleryall img{
    max-height: 300px;
    margin:2px 2px 2x 2px;
}

.desp_left{
    margin:0 0 10px 0;
    border:solid 2px #f1f1f1;
}
.desp_left img{
   width: 40px;
   height: 40px;
 
}

.fidellivr img{
width:25px;
height: 25px;
top: 4px;
}

::placeholder { 
    color: #eee;
    opacity: 1;
  }
  
  :-ms-input-placeholder { 
    color: #eee;
  }
  
  ::-ms-input-placeholder { 
    color: #eee;
  }

.varprodall{
    padding:10px 10px 10px 10px;
    text-align: left;
    font-size:0.8em;
}

.varianteprod{
    /*border: solid 1px #F1F1F1;*/
    display: inline-block;
    margin:1px 1px 1px 1px;
}

.varianteprodtxt{
   width: 60%;
   float: right;
    display: inline-block;
    margin:1px 1px 1px 1px;
    padding: 5px 5px 0 0;
    color: #0093DD;
}

.varianteprodtxt:hover{
     color: #000;
 }

.varianteprodone{
    border: solid 1px #F1F1F1;
    display: block;
    margin:2px 1px 2px 1px;
    padding:3px 4px 3px 4px;
}

.varianteprod img{
    width: 41px;
    height:30px;
    padding:3px 3px 3px 3px;
}
.varianteprodone:hover{
    border: solid 1px #0093DD;
}

.varianteall{
    width: 100%;
}

.variantebox{
    display: inline-block;
    width: 130px;
    vertical-align: top;
    border: solid 3px #f1f1f1;
    padding:6px 10px 6px 10px;
    margin: 5px 10px 5px 0px;
}
.variantebox:hover{

    border: solid 3px #0093DD;

}
.picsvariante{
    width: 100%;
    vertical-align: top;
    /*height: 140px;*/
    display: block;
    text-align: center;
}

.picsvariante img{
    width: 90%;
    vertical-align: top;
   
    padding: 0 0 10px 0;
}

.variantetext{
    font-size: 0.9em;
    height: 45px;
 
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Tabs */
.tabs {
    width: 100%;
    background-color: #004996;
  
  }
  ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
  }
  ul#tabs-nav li {
    float: left;
    font-weight: normal;
    margin-right: 2px;
    padding: 8px 10px;
    
    /*border: 1px solid #d5d5de;
    border-bottom: none;*/
    cursor: pointer;
  }
  ul#tabs-nav li:hover,
  ul#tabs-nav li.active {
    background-color: #0093DD;
  }
  #tabs-nav li a {
    text-decoration: none;
    color: #FFF;
    font-size: 0.9em;
  }
  .tab-content {
    padding: 0px;
    margin: 0px;
    border-left: 3px solid #004996;
    border-right: 3px solid #004996;
    border-bottom: 3px solid #004996;
    background-color: #FFF;
  }
  
.navbottom{
background-color: #f1f1f1;
width: 100%;

text-align: right;
}

.navbutton{
    background-color: #004996;
    padding:10px 15px 10px 10px;
    display: inline-block;
    margin: 5px 10px 5px 10px;
    color: #fff;
    cursor: pointer;
}
.navbutton:hover{
    background-color: #0093DD;

}
.tabcont{
    padding:30px 20px 30px 20px;
    vertical-align: top;
    text-align: left;
}

.tabcol2{
    width:35%;
    display: inline-block;
 
    vertical-align: top;
    margin-left:30px;
}
.tabcol1{
    width:60%;
   display: inline-block;
 
    vertical-align: top;
}

.tabcont input{
padding:5px 10px 5px 10px;
border: solid 1px #eee;
margin:2px 2px 2px 2px;
}

.tabcont input:hover{
 
    border: solid 1px #ccc;
  
    }

.tabcolin{
    padding:0 0 0 0;
    vertical-align: top;
}

.confline{
  
    border: solid 1px #f1f1f1;
    margin:5px 0 5px 0;
    vertical-align:top;
}

.confline:hover{
  background-color: #F1F1F1;
    border: solid 1px #0093DD;

}

.confline input[type='checkbox']{
    height:20px;
    width: 20px;
}

.confline img{
    height: 35px;
    width: 35px;
    position: absolute;
   top:2px;
   left: 11px;
}
.confline label{
    width:250px;
    height: 40px;
}

.confcheck{
width:45px;
vertical-align: top;
display: inline-block;
padding: 13px 0 0 15px;
}

.confimg{
    width:60px;
    height: 40px;
    display: inline-block;
    padding:0px 0 0 0;
    background-color: #f1f1f1;
    position: relative;
    margin:5px 0 0 0;
}

.conftext{
   /* width: 200px;
     height: 40px; */
    display: inline-block;
    vertical-align: top;
    padding: 14px 0 0 20px;
    font-size: 1.2em;
    text-transform: uppercase;
}

.confprom{
    border:solid 1px #f1f1f1;
}
.confprom:hover{
    border:solid 1px #0093DD;
}

.userdiv{
    display: inline-block;
}

.popcos, .popauth{
   
    text-decoration: none;
display: inline-block;
    margin:3px 0 0 35px;
    padding: 0 0 0 27px;

    font-size: 0.9em;
   opacity: 1;
  
position: relative; 
cursor: pointer;}

 .popcoss, .popauthh{
display: none;
position: absolute;
top:105px;
background-color:#fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  border: 1px solid #c9c9c9;
z-index: 4;
padding:25px 0px 25px 25px;
width: 800px;
border-radius: 7px;
background-image: url('../images/pic/off.svg');
background-position: top right;
background-size: 30px 30px;
background-repeat: no-repeat;
}

.popcoss{
    right: 10px;
    top: 18px;
    padding:10px 10px 10px 10px;
width: 300px;

    }
    .popauthh{
        right: 10px;
        top: 18px;
        padding:10px 10px 10px 10px;
    width: 100px;
    text-align: center;
        }

.popauthh a{
padding: 7px 10px 7px 10px;
display: block;
border-radius: 0px;
border-bottom: solid 1px #f1f1f1;
}
.popauthh a:hover{
   background-color: #004996;
   color: #fff;
   border-radius: 6px;
   border-bottom: solid 1px #fff;
    }

    .popcoss a{
    
    }


.cosin{
    padding:5px 1px 5px 1px !important;
}

.input1{
    background-color: #0093DD;
    padding:5px 5px 5px 5px;
    color: #fff;
    font-size: 0.9em;
    border-radius: 5px;
}
.input1:hover{
    background-color: #004996;
}
.promoprice{
    text-decoration: line-through;
    color:#ccc;
    font-weight: normal;
    font-size: 0.9em;
    
}
.pretcur{
    font-size: 0.7em;
    text-decoration: unset !important;
    color: #ccc;
    font-weight: normal;
}

.prom_a .promoprice{
    color: #ccc;
    font-size: 0.9em;
}
.prom_a .pretcur{
    color: #ccc;
}

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



































/* 1600 */

@media (max-width:1601px) {

.cats{
    width:100%;
    }

.prod_det_in img{
        max-width: 500px !important;
  }
.content_col1b {      width: 25%;   }
.content_col2b{ width: 68%;  }
.search_ideii input {    width: 90%; }
.idei_box{    width: 30%;    }
.idei_box img{ width: 100%;    height: auto;  }
 #accordion { width: 100%;   }
.blogg img{   padding: 10px 10px 10px 0;   max-width: 700px ! important;   width: 90% ! important;       }


.prod_base_deti{
    width:56% !important;
}
.det_col1i{ float: left; width:52%;}
.det_col2i{ float: right; width:47%;    }
.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9{
    top:95px;
    }
    .variantebox:nth-child(4),  .variantebox:nth-child(5),  .variantebox:nth-child(6){
        display: none;

    }
}

/* 1366 */

@media (max-width:1368px) {

.top_in, .menu_in{
max-width: 1366px;
width: 96%;
}

.cats{
width:100%;
max-width: 1366px;

}


.cat span{
font-size: 1em;
}
.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9{
top:92px;
}


    .catpopup3{
    left: -470px;
    }
    .catpopup4{
    left: -550px;
    }
    .catpopup5{
    left: -300px;
    }
    .catpopup6{
    left: -100px;
    }



.search_all{
width: 40%;
}

.prod_base{
width:21%;
}

.prod_detail3{font-size: 0.9em;}

.hide1,  .hide{display: none;}

.menus a img{/*top:-30px*/}

.atuu1{height: 200px;}

.footer_col{
width:30%;
}

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

.prod_base_sim{
    width: 26%;
}

.pumpcat span{
    font-size: 1.2em;
    width: 60%;
    text-align: left;

}

.pumpcat img{
    height: 60px;
    float: left;
    padding:0 0 0 10px;
}

.prodfoot:nth-last-child(5){
display: none;
}
.atuu_all{
    display: none;
}
.producator_small{
    display:none;
   }

   .prod_base_deti{
    width:69% !important;
}
.det_col1i{ float: left; width:52%;}
.det_col2i{ float: right; width:47%;    }

.prod_detail2a{
    width: 100%;
}
.prod_detail2b{
display: none;;
}

}


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

@media (max-width:1150px) {
.cat span{
font-size: 0.9em;
}

.cat img{ width: 37%; height: auto; }

.atuu1 {
  font-size: 0.8em;
}

.atuu1 span{
    font-size: 1em;
}

.prod_det_in iframe{
max-width: 550px;
width: 450px;
height: 300px;

}

.prod_base_sim{
    width: 25%;
}

.pumpcat{

        width: 20%;
        margin:0 5px 10px 5px;


    }

.pumpcat span{
    font-size: 1.1em;
    width: 65%;
    text-align: left;

}

.pumpcat img{
    height: 50px;
    float: left;
    padding:0 0 0 0px;
}

}

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

@media (max-width:1050px) {

.top_in, .menu_in{
max-width: 1040px;
width: 96%;

}

.top_all .search_all, .top_all .menus{
    margin: -8px 0px 0px 0px;
}

.top_all{
height: 75px;
}

.logo img{
    width:170px;
}


.top_left, .top_right{
    width: 50%;
   
    }

.cat{
    width: 18%;
}
.cat img{ width: 20%; height: auto; }


.cat span{
font-size: 0.9em;
}


.prod_base{
width:28%;
margin: 0 10px 40px 10px;
}

.prod_detail1{
    width:45%;
    text-align: center;
    }
    
    .prod_detail2{
    width: 47%;
    }

.prod_detail3{display: none;}

.prod_det, .similar{
width: 100%;

margin:0 0px 0 0;
}

.container{font-size:0.9em;}

.atuu1 div{font-size:0.9em; }
.atuu1{height: 200px;}

.atuu1 span{font-size: 1em;}

.content_col1{
    width: 99%;
  float: left;
}

.content_col2{
    width: 99%;
float: left;
}

.content_col1a, .content_col2a, .content_col3a{
    width: 48%;
  float: left;
}



.footer_col{
width:42%;
}

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

.hide2{
    display: none;
}


.divs{width: 77%; float: left; position: relative;  text-align: left; line-height: 15px;  padding:10px 10px 10px 55px; display:block; height: auto; border-bottom:solid 1px #ddd;  }

.divs a{text-decoration: none; font-size:1em; font-weight: normal; color:#666; padding:5px 0px 5px 0px;
display: inline-block; text-align: center; font-weight: bold;
}

.divs img{
    position: absolute;
    left:10px;
    top:5px;
 min-width: 25px;
 max-width: 25px;
width: 25px;
min-height: 25px;
max-height: 25px;
height: 25px;
/* height: auto; */

display: inline-block;

}


.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9{
top:78px;
padding:20px 20px 20px 20px;
width: 300px;
}

.catpopup{
left: -20px;
}

.catpopup1{
left: -20px;
}

.catpopup2{
left: -100px;
}

.catpopup3{
left: -150px ;
}

.catpopup4{
left: -200px;
}

.catpopup5{
left: -20px;
}

.catpopup6{
left: -100px;
}

.catpopup7{
left: -190px;
}

.catpopup8{
left: 100px;
}

.catpopup9{
left: -200px;
}

.pumpcat{

    width: 19%;
    margin:0 5px 10px 5px;


}

.pumpcat span{
    font-size: 1.1em;
    width: 60%;
    text-align: left;

}

.pumpcat img{
    height: 50px;
    float: left;
    padding:0 0 0 0px;
}

.content_col1b {      width: 30%;   }
.content_col2b{      width: 65%;  }
.search_ideii input {    width: 90%; }
.idei_box{    width: 28%;  }
.idei_box img{    width: 100%;    height: auto;  }
 #accordion {       width: 100%;   }
.blogg img{   padding: 10px 10px 10px 0;   max-width: 700px ! important;   width: 90% ! important;       }
.simm{
    width: 100%;
}
.addf{
display: none;
    }
.limiter{

            height: 10px;
        }

        .dropdown {

            display: block;
           
          }

          .subbin{
              display:none;
             
          }
          .prod_base_deti{
            width:95% !important;
        }
        .det_col1i{ float: left; width:52%;}
        .det_col2i{ float: right; width:47%;    }
        
.cats{
    top: -16px;
}

        }
  



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

@media (max-width:901px) {
    .prod_detail1{
        width: 96%;
    }
    .prod_detail2{
         width: 100%;
         padding: 0 0px 0 9px;
       
    
    }

.hideaa{
    display: none !important;
}
.banner{
    height: 90px;
}
.rsslidesall{
    display: none;
}
.pic img{
    width:95%;
}
.rslides img {
display: none;
}
.atuu1 div{font-size:0px;}
.atuu1{height: 150px;  width: 13%;}

.atuu1 span{font-size: 1em;}

#result	{
width:500px;
right:0px;
    }

    .cat_tit{
        font-size: 1.4em;

        }
    .marimi_all table {
    width: 100%;
    }

.marimi_all table th, .marimi_all table td{
padding: 5px 7px 5px 7px;
font-size: 0.9em;
}

.prod_det_atu{
    display: none;
}

.cont_table th, .cont_table td{
    padding:5px 3px 5px 3px;
font-size:1em;}

.refresh img, .delcos{
    height: 25px;
    width: 25px;

}
.refresh{
    height: 35px;
    width: 35px;
    top:-1px;
    right:5px;
}


.table_act_cant{
width: 45px;
font-size:1em;
     padding:5px 10px 5px 3px;
     border: solid 3px #f2f2f2;
     margin-bottom:6px;
 
}

.table_act{
    font-size:0.9em;
  padding:5px 3px 5px 3px;
     border: solid 1px #004996;
    width: 50px;

}
.producator_small_in img{
    height: 40px;
}
.prod_det_in{
    padding:20px 10px 20px 15px;

}

.pumpcat span{
    font-size: 1.1em;
    width: 60%;
    text-align: left;
    padding:0px 0 0 0;

}

.pumpcat img{
    height: 40px;
    float: left;
    padding:8px 0 0 0px;
}

.similar_in{
    padding:20px 10px 20px 20px;
   margin:20px 0 20px 0px;
       border-bottom: solid 2px #f3f3f3;
   }

.prod_base_sim{
    width: 45% !important;
}
.prod_tit_sim, .prod_tit_sm_sim{
    font-size: 0.9em !important;
}
.content_col1b {      width: 30%;   }
.content_col2b{      width: 63%;  }
.search_ideii input {    width: 90%; }
.idei_box{    width: 41%;    }
.idei_box img{    width: 100%;    height: auto;  }
 #accordion {       width: 100%;   }
.blogg img{   padding: 10px 10px 10px 0;   max-width: 700px ! important;   width: 90% ! important;       }
.kitt table img:hover, .kittc img:hover, .simm_in img:hover{
    transition: none;
    transform: none;
    box-shadow: none;
}

.content_in{

padding: 100px 0 30px 0;

}


.prodtogg{
    display: block;
    position: absolute;
    bottom:-48px;
    right: 17px;
    padding:8px 15px 8px 15px;
    background-color: #C03411;
    color:#fff;
    z-index: 2;
    cursor: pointer;
}
.prodtogg:hover{
    background-color: #54458C;
}
.cats_in{
    display: none;
}



}























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

@media (max-width:800px) {
.prod_base{
width:43%;
}

.hide3{
    display: none;
}

.catpopup{
    left: -1px;
    }
    
    .catpopup1{
    left: -20px;
    }
    
    .catpopup2{
    left: -100px;
    }
    
    .catpopup3{
    left: -130px ;
    }
    
    .catpopup4{
    left: -150px;
    }
    
    .catpopup5{
    left: -1px;
    }
    
    .catpopup6{
    left: -120px;
    }
    
    .catpopup7{
    left: -220px;
    }
    
    .catpopup8{
    left: -1px;
    }
    
    .catpopup9{
    left: -250px;
    }
    

.listprr{display:none;}

.call_div img{height:50px; opacity: 0.8; }

.call_div img:hover{opacity: 1;}
.call_div {
    position:fixed;
    bottom:20px;
    left: 20px;
 display:block;
    z-index: 10000;
   }



.patu div span{
   font-size: 0.9em;
        }
.patu div img{
            height: 35px;
 }

.prod_tit_sm{
                font-size:1.1em;
            }

.prod_tit{
            font-size:1.2em;
            }

.pumpcat{

width: 18%;
text-align: center;
display: block;
                }

.pumpcat span{
                font-size: 1.1em;
                width: 60%;
                float: none;
                padding:1px 0 0 0;

            }

.pumpcat img{
                height: 40px;
          float: none;
                padding:0 0 6px 0px;
            }

            .prod_det_in img{
                max-width: 400px !important;
            }
            .pic_sec{
                width:auto;
                height: 50px;
                margin: 15px 3px 3px 3px;
                padding: 3px 4px 3px 4px;
                }

                .simm_in{
                    padding:10px 10px 10px 10px;

                }
                .simm_in table td:nth-child(2){
                    width:65%;
                }
                .simm_in table td:nth-child(3){
                    width:20%;
                }
                
                .simm_in img{
                    height:70px;

                }
                .contact_left{
                    display: none;}
                   .top_right{
                        width: 92%;
                       
                        }


                        .tabcol2{
                           display: none;
                        }
                        .tabcol1{
                            width:100%;
                         
                        }

}


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

@media (max-width:700px) {

    .pret_list div, .pret_listdvs div{

        font-size: 1.4em;

        }

    
    .cat_tit{
        font-size: 1.2em;

        }

.shop a{
 margin:3px 0 0 20px;
    padding: 0 20px 0 0px;
}

.coss{

  
   
 
}

.prod_tit{
    text-align: center;
   
}




.pic_det{
width:100%;
}

.top_all{
height: 75px;
}




.search_in{
max-width: 90%;
 padding: 0 10px 0 5px;
}

.search_in input{ width:70%; top: 2px; padding: 6px 10px 0px 50px;  }

.transp_p{
  /*  right: -10px !important;*/
}

.cat{
    width: 23%;
}

.cat span{
font-size: 0.9em;
}
.cats_in{
    width: 100%;
border: none;
 border-bottom: solid 1px #ccc;

 }

.prod_base{
width:45%;
}

.atuu1 div{font-size:0px;}
.atuu1{height: 130px;  width: 12%; }

.atuu1 span{font-size: 0.9em;}

#result	{
width:350px;
right:0px;
	}

.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9{
top:70px;
padding:20px 10px 20px 10px;
width: 300px;
}

.catpopup{
    left: 10px;
    }
    
    .catpopup1{
    left: -20px;
    }
    
    .catpopup2{
    left: -150px;
    }
    
    .catpopup3{
    left: -220px ;
    }
    
    .catpopup4{
    left: -50px;
    }
    
    .catpopup5{
    left: -170px;
    }
    
    .catpopup6{
    left: -200px;
    }
    
    .catpopup7{
    left: 10px;
    }
    
   .catpopup8{
    left: -80px;
    }
    
    .catpopup9{
    left: -160px;
    }
    
.producator_small_in img{
    height: 40px;
}
.panel{display: none;}


.pumpcat{

    width: 20%;
text-align: center;
margin: 0 5px 5px 5px;
padding: 5px 5px 5px 5px;
    display: block;

}

.pumpcat span{
font-size: 1.1em;
width: 80%;
float: none;
padding:1px 0 0 0;

}

.pumpcat img{
height: 40px;
float: none;
padding:0 0 6px 0px;
}
.content_col1a, .content_col2a, .content_col3a{
    width: 96%;
  float: left;
}
/*
.catpop8,.catpop9{
    display: none;
}
*/
.kitt table td h3{
    font-size: 1em;
}

.pic img:hover{
    transition:none;
    transition-property: none;
    transform: none;
}
.prod_base_sim{
    width: 40% !important;
}
.content_col1b {      width: 97%; padding:0 0 0 7px;  }
.content_col2b{      width: 95%; float:left;  }
.search_ideii input {    width: 95%; }
.idei_box{    width: 100%;    }
.idei_box img{    width: 100%;    height: auto;  }
 #accordion {       width: 100%;   }
.blogg img{   padding: 10px 10px 10px 0;   max-width: 400px ! important;   width: 90%; }
.blogg iframe{  width: 99%; height:300px;}

.refresh img{
    height: 30px;
    width: 30px;

}
.refresh{
    width: 100%;
  text-align: center;
    position: relative;
}


.table_act_cant{
width: 30px;
font-size:1em;
     padding:7px 8px 7px 8px;
     border: solid 3px #f2f2f2;
     margin-bottom:6px;
 
}
.prod_base_deti{
    width:98% !important;
}
.det_col1i{ float: left; width:100%;}
.det_col2i{ float: left; width:100%;    }
.proddetin{
    text-align: left;
    color: #666;
    padding: 20px 20px 10px 20px;
}
.variantebox:nth-child(3){
    display: none;

}
}


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

@media (max-width:600px) {

.tablesm{
    display: none;
}

.search_all{
    display: none;
}

    .patu div{width:48%;}
    .patu div span{
        font-size: 0.8em;
             }
             .patu div img{
                 height: 40px;

                 }

.prod_detail{
    margin:0;
    padding:0;
    width: 100%;
}

.prod_detail1{
     width: 100%;
}

.prod_detail2{
    width: 100%;
    }

.comandarr{
   display: block;
   padding:0;
   margin:0;
}

.hamburger_search{
    display: inline-block;
}

.search_all{
    width: 50%;
   
}

.prod_base{
    margin: 0 10px 60px 0px;
width:98%;
}

.cat{
    width: 21%;
    padding:5px 3px 0 3px;
}







.cat img{ width: 60%; height: auto; }

.cat span{
font-size: 0.8em;
margin:5px 0 10px 0;
}


.footer_in{
padding: 15px 0 30px 0;
font-size: 1em;
}

.prod_titulus div{

width: 24%;
}

.prod_titulus img{
/*width: 85%;*/
}

.pro{
 /*   padding:0 0 18px 0;*/
}


.prod_titulus{

/*text-align: center;*/
    padding:10px 0 10px 0;
    }




.hamburger_search_div #resultham{
position:absolute;
width:92%;
padding:8px;
display:none;
left:0px;
margin-top:6px;
max-height: 420px;
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;
	}

.hamburger_search_div #resultham .show{
padding:10px 10px 10px 10px;
/*width: 90%;*/
position: relative;
font-size:1.1em;
display: block;
border-bottom:solid 1px #f2f2f2;
}

.show a{color: #0093DD; position: relative; font-size:1em; margin:0; /*padding:2px; */}
.show a:hover{color:black; }


.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9{
top:95px;
padding:10px 5px 10px 5px;
width: 300px;
}

.catpopup{
left: 0px;
}

.catpopup1{
left: -70px;
}

.catpopup2{
left: -160px;
}

.catpopup3{
left: -250px;
}

.catpopup4{
left: -80px;
}

.catpopup5{
left: -150px;
}

.catpopup6{
left: -250px;
}

.catpopup7{
left: -0px;
}



h1{
    font-size: 1.8em;
}

h2{
    font-size: 1.4em;
}

h3{
    font-size: 1.2em;
}

.prod_det_in iframe{

width: 99%;
height: 230px;

}

.listprr,.listprrr{display:none;}

.pumpcat{

    width: 21%;
text-align: center;
margin: 0 2px 5px 2px;
padding: 3px 2px 3px 2px;
    display: block;


}

.pumpcat span{
font-size: 0.8em;
width: 80%;
float: none;
padding:1px 0 0 0;

}

.pumpcat img{
height: 35px;
float: none;
padding:0 0 5px 0px;
}

.prod_det_in img{
    max-width: 98% !important;
}


}




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

@media (max-width:500px) {




h1{
    font-size: 1.5em;
}

h2{
    font-size: 1.3em;
}

h3{
    font-size: 1.1em;
}



.catpopup, .catpopup1, .catpopup2, .catpopup3, .catpopup4, .catpopup5, .catpopup6, .catpopup7, .catpopup8, .catpopup9{
top:80px;
padding:30px 10px 30px 10px;
width: 300px;
}

.prod_det_in{
    padding:20px 10px 20px 10px;
margin:10px 0 20px 0px;

}


.prod_det_in iframe{

width: 95%;
height: 200px;
}

.logo{
 
    padding: 0px 0 0 0;

    }
.logo img{
    display:inline-block;
    width: 60px;
    padding: 6px 0 0 0;
/*display: none;
    width:140px;*/
    }
    .logosmhide{
        display:inline-block;
    }
    .logosmshow{
        display:none;
    }
    .logo_sm{
display:none;
    width: 70px;
   padding:6px 0 0 0;

    }
    .logo_sm img{

    width:60px;
    }

.menus{
    max-width: 75%;
}

}