.pd-l:hover{  color: #118ad1 !important;}
.pd-l{ font-size: 13px}
.grey:hover{
    color: #118ad1 !important;
}
.menu_btn_sidebar_icon:hover{
    
}
.menu_btn_sidebar:hover{
    cursor: pointer;
}

.text-overlay_alex {
    border: 1px solid #d9d9d9; /* thin border */
    border-radius: 6px;
    padding: 10px;
}


.produs-img-wrapper {
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.safe-html {
    all: initial;
    all: revert; /* păstrează stilurile normale, dar repară DOM-ul */
}
.descriere-additionala {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: #888;
    line-height: 1.3;
    font-style: italic;
}


.img-circle-box {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #F5F5F5;          /* gri foarte deschis */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.img-circle-box img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.grad-text {
    font-weight: bold;
    background: linear-gradient(90deg, #ff8c00, #e52e71, #1e90ff); /* gradient text */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    transition: opacity 0.5s ease-in-out;
}

#filtre_produse_bg .white_bg { margin: 5px !important; }
#filtre_produse_bg .radio_filtre { margin-top: 5px !important; margin-bottom: 5px !important; }
.sidebar_filtre_bottom .ui.menu .item {
    padding: 2px 4px !important;
    line-height: 1.1 !important;
}

.detailTit {
    font-size: 20px;
    margin-top: 15px !important;
    font-weight: 700;
    line-height: 24px;
}

/* ------------------------------
   SLIDER GENERAL
--------------------------------*/
.filtre_slider {
    position: relative;
    display: flex;
    align-items: center;
    margin: 25px 0;
}

/* ------------------------------
   SCROLL WRAPPER
--------------------------------*/
.filtre_items_wrapper {
    display: flex;
    gap: 35px; /* spacing exact ca în Rulotix */
    overflow-x: auto;
   justify-content: flex-end; /* mută totul la dreapta */
    scroll-behavior: smooth;
    padding: 10px 5px;
}



.bullet_li {
    display: flex;
    align-items: center;
    gap: 20px;     /* spațiu între iconițe */
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.bullet_li li {
    display: flex;
    align-items: center;
}



.filtre_items_wrapper::-webkit-scrollbar {
    display: none;
}

/* ------------------------------
   ITEM STRUCTURE
--------------------------------*/
.filtre_item {
    flex: 0 0 auto;
    width: 120px;
    text-align: center;
}

.filtre_item_link {
    display: block;
    text-decoration: none !important;
    color: inherit !important;
}

/* ------------------------------
   CERC – EXACT CA ÎN POZA RULOTIX
--------------------------------*/
.filtre_img_circle {
    width: 120px;
    height: 120px;

    /* cerc alb-albăstrui luminos */
    background: rgba(231, 236, 248, 0.95);
    border-radius: 50%;
    backdrop-filter: blur(6px);

    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    margin: 0 auto 12px auto;
    transition: 0.2s;
}

/* Imagine cu fundal alb eliminat */
.filtre_img_circle img {
    width: 75%;
    height: 75%;
    object-fit: contain;
    display: block;
    mix-blend-mode: multiply;
}

/* ------------------------------
   TEXT
--------------------------------*/
.filtre_item_text {
    display: block;
    font-size: 15px;
    color: #555;
    font-weight: 600;
}

/* ------------------------------
   SELECTAT
--------------------------------*/
.filtre_selected .filtre_img_circle {
    transform: scale(1.07);
    box-shadow: 0 0 0 4px #1c5fa8 inset;
}

.filtre_selected .filtre_item_text {
    color: #1c5fa8;
}

/* ------------------------------
   ARROWS – EXACT CA LA RULOTIX
--------------------------------*/
.filtre_arrow {
    background: #1c5fa8;
    border: none;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

.filtre_arrow:hover {
    background: #174f8c;
}

.filtre_arrow_left { margin-right: 10px; }
.filtre_arrow_right { margin-left: 10px; }

/* ------------------------------
   RESPONSIVE
--------------------------------*/
@media (max-width: 600px) {

    .filtre_item {
        width: 80px;
    }

    .filtre_img_circle {
        width: 80px;
        height: 80px;
        margin-bottom: 8px;
    }

    .filtre_item_text {
        font-size: 12px;
    }

    .filtre_items_wrapper {
        gap: 20px;
    }

    .filtre_arrow {
        display: none;
    }
}








/* săgeți */
.filtre_arrow {
    background: #fff;
    border: none;
    font-size: 32px;
    color: #888;
    cursor: pointer;
    padding: 0 12px;
    transition: 0.2s;
}

.filtre_arrow:hover {
    color: #1e70bf;
}

.filtre_arrow_left { margin-right: 5px; }
.filtre_arrow_right { margin-left: 5px; }


.filtre_valori_row {
    padding: 6px;
    border-radius: 4px;
    transition: background 0.15s ease;
    cursor: pointer;
}

.filtre_valori_row:hover {
    background: #f2f2f2; /* gri deschis */
}



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

.favorite-icon {
    cursor: pointer;
    margin-left: 10px;
    color: #f2b01e;
    font-size: 16px;
}
.favorite-icon:hover {
    opacity: 0.7;
}


.row_button_top {
    position: sticky !important;
    top: 0;
    z-index: 999999;
    background: #ffffff !important;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 10px 15px;
    min-height: 55px;

    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.ai-status {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #444;
}

.fade {
    transition: opacity 0.4s ease;
    opacity: 1;
}

.fade.hidden {
    opacity: 0;
}


#animatie {
    display: inline-flex;
    align-items: center;
}

#animatie i {
    margin-right: 8px;
    transition: opacity 0.5s ease-in-out;
    color: #2185d0; /* albastru Semantic UI */
}
.text-resigilat{ color: rgb(0, 153, 0)}
.modal { background-color: rgba(0, 0, 0, 0.4) !important; }
.thin { font-weight: 300 !important;}
.white_bg{ background: white !important;}
.huge_header { font-size: 3em !important;}
.redd { color: darkred !important;}
.orange_dd { color: darkorange !important;}

.wiki { color: #0e76a8; cursor: hand;}



@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;700;900&family=Open+Sans:wght@300;500;700;800&display=swap');

p, span:not(.icons), h1,h2,h3,h4,h5,a, td, button { /*font-family: 'Open Sans', sans-serif !important;  */}
.disponibil_imd,.actualizat { font-weight: 100}
*{outline:none;}

.modal-dialog { background: white !important;}
.varianta { color: black !important; font-size: 12px !important;}

.buttons_mobile { margin-top: 10px}



.sidebar_filtre_bottom {
    position: relative;
}



/* === Scoped styles: nothing leaks outside .ury-scope === */
.ury-scope {  background: #f4f4f4; margin: 0; padding: 20px; }
.ury-scope * { box-sizing: border-box; }

.ury-scope .ury-product { max-width: 800px; margin: auto; background: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.ury-scope .ury-h1 { font-size: 1.8rem; color: #0078d4; margin: 0 0 10px 0; font-weight: 700; }
.ury-scope .ury-h2 { font-size: 1.4rem; color: #333; margin: 20px 0 8px 0; font-weight: 700; }
.ury-scope .ury-p { line-height: 1.6; color: #555; margin: 0 0 12px 0; }
.ury-scope .ury-ul { list-style: none; padding: 0; margin: 0 0 12px 0; }
.ury-scope .ury-li { margin-bottom: 6px; color: #555; }

.ury-scope .ury-label { font-weight: bold; color: #333; }
.ury-scope .ury-sku { color: #0078d4; }
.ury-scope .ury-reference { color: #777; }

.ury-scope a { color: #0078d4; text-decoration: none; }
.ury-scope a:hover { text-decoration: underline; }



/* === URY Product Tabs - safe scoped === */
.ury-informations-product { max-width: 900px; margin: 30px auto; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

/* Sticky product info bar — se poziționează sub meniul fix */
.ury-sticky-menu {
    position: sticky;
    top: 80px; /* Înălțimea meniului fix, ajustează dacă altfel */
    z-index: 998;
    background: #f8f9fb;
    border-bottom: 2px solid #0078d4;
}

/* Dacă vrei o umbră când rămâne lipită */
.ury-sticky-menu.is-stuck {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}




.ury-sticky-menu { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; border-bottom: 2px solid #0078d4; background: #f8f9fb; }
.ury-sticky-menu li { margin: 0; }
.ury-sticky-menu a { display: block; padding: 12px 20px; color: #0078d4; text-decoration: none; font-weight: 600; transition: background 0.3s; }
.ury-sticky-menu a:hover, .ury-sticky-menu a:focus { background: #0078d4; color: #fff; }

.ury-tabs { padding: 20px; }
.ury-section { margin-bottom: 30px; }
.ury-title-section { font-size: 1.4rem; margin-bottom: 10px; color: #0078d4; border-bottom: 1px solid #0078d4; padding-bottom: 5px; display: flex; align-items: center; justify-content: space-between; }
.ury-section-content { padding: 10px 0 0; color: #444; line-height: 1.6; }

.ury-section-content ul { list-style: none; padding-left: 0; }
.ury-section-content ul li { margin-bottom: 6px; padding-left: 18px; position: relative; }
.ury-section-content ul li::before { content: "•"; position: absolute; left: 0; color: #0078d4; }

.ury-specs-list { border: 1px solid #e2e2e2; border-radius: 6px; background: #fafafa; padding: 15px; }
.ury-specs-list li { display: flex; justify-content: space-between; border-bottom: 1px dashed #ccc; padding: 8px 0; }
.ury-specs-list li:last-child { border-bottom: none; }
.ury-specs-list span { font-weight: bold; color: #333; }

.ury-btn { background: #0078d4; color: #fff; border: none; border-radius: 4px; padding: 10px 18px; cursor: pointer; font-weight: 600; transition: background 0.3s; }
.ury-btn:hover { background: #005fa3; }

/* Responsive */
@media (max-width: 600px) {
    .pics_quick { height: 200px !important; width: auto !important;}
    .ury-sticky-menu a { padding: 10px 12px; font-size: 0.9rem; }
    .ury-tabs { padding: 10px; }
}


.sidebar_filtre_bottom .nr_results_counts {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
}


.sidebar_filtre_bottom .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}

.top_fixed_mobile_filtre {
    position: fixed;
    background: white;
    left: 0;
    width: 100% !important;
    top: 108px;
    z-index: 999;
    padding: 5px;
}
.tableFixHead {
    overflow: auto;
    height: 100px;

}
.tableFixHead thead th {
    position: sticky;
    top: 58px;
    z-index: 999;
}
.tableFixHead thead tr th {
    background-color: white !important;
}

[email],[pret_dorit]{ font-size: 10px !important;}

pd-l{ padding-left: 16px !important;}
ul{padding:0; margin:0;}
ul li{list-style:none; padding:0; margin:0;}

.click_strapped_serach_bar { font-size: 2em}
.search_img{ height: 100px; width: auto}

.list_info_icons { font-size: 10px; color: slategray;}
.white{ color: white !important;}
.logo_grid_show { width: 60px; text-align: left; float: left; padding: 10px}
.small { font-size: 8px; color: grey}
.black { color: black !important; }
.grey { }
.ui.search>.results {
    width: 80% !important;
    left: 10% !important;
    max-height: 500px;
    margin-top: -15px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.detail_un_prd .left { color: darkgrey}
.filtre-table { width: 100%}

.filtre-row.odd > td {
    background: whitesmoke;
}
.filtre-row > td {
    padding: 5px;
}





.filtre-grup {
    font-size: 130%;
    font-weight: bold;
    padding: 25px 0px 5px 5px;
}

#Btn_go_top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 3px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: darkgrey;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#Btn_go_top:hover {
    background-color: #555;
}


.img_prd_filter_grey {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.all_page_content { background: #f2f2f7 !important;}
.price_old_b2b{
    text-decoration: line-through;
    color: #fd330d !important;
    font-size: 1.4em !important;
    font-weight: 700 !important;
}

.meniu_cms .nav>li>a {
    padding-left: 2px !important;
}
.meniu_cms a {

    font-size: 12px !important;
}
.fotorama__stage__frame { width: 100% !important;}
.swiper-wrapper {
    max-height: 400px!important;

}

.nume_produs_classX { padding: 15px; margin-left: 15px; font-size: 2em}
.server_description_config {
    position: fixed;
    top: 0px;
    left: 0px;
}

.nav_cos strong{ padding-left: 10px}
.product-brand-link span {
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: right;
    color: #000;
    font-size: 13px;
}
.product-brand-link img {
    max-height: 140px;
    max-width: 100px;
    vertical-align: middle;
}
.product-brand-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 10px;
    border: 0px solid #f4f4f4;
    border-radius: 6px;
}

.prc_sidebar_div {   display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100% !important;
    height: 40px !important;
}
.producator_activ_img { float: right !important; width: 100px}
.margin15 { padding: 15px !important;}
.margin-left15 { padding-left: 15px !important;}
.noborder { border: 0 !important;}
[name=filters_form]>.pilled{ padding-left: 15px}
#filtre_produse_bg { padding-left: 15px;}
input[filtreaza_valori_input]::placeholder {
    color: black !important;
    font-weight:500;
    text-align: left;
}


.culoare_red { color: red !important;}
.culoare_green { color: green !important;}
.filtru_val { font-weight: 300 !important;}
.cele_mai_cautate{ font-weight: 200; }
.cele_mai_cautate_parent{  z-index: 890 !important; margin-top: 30px; padding-top: 30px !important;}

.cele_mai_cautate_parent:hover{ color: white !important; }
.cele_mai_cautate_parent::before{ display: none !important; }
.stages__item_etichete::before{ display: none !important; }
.cele_mai_cautate::before{ }
.emag_color {  color: #ef2809 !important;}
.ury_color {  color: #004481 !important;}

.produs_selectat { border: 2px solid olive !important;}
.alerta_btn:hover {     color: darkred !important; cursor: pointer}

.filter_prc { padding: 5px !important; margin-top: 5px !important; display: inline; cursor: pointer}
.filter_prc span { margin-top: 10px !important;}
#filtre_produse_bgX { background-color: white !important;}
.restrictiv { font-size: 18px; color: red !important; font-weight: 700}
.row_componenta_server{ color: black; font-weight: 200; font-size: 14px}
.row_text_server{ color: black; font-weight: 100; font-size: 10px}
li p .filters_name_label:hover{ cursor: pointer;background-color: #f3faff !important;}
.item.categ_list:hover {background-color: #f3faff !important;}
.item.categ_selectata {background-color: #f3faff !important;}
.pagination>.active>a { background-color: #337ab7 !important;}
[filtre_count]{ color: lightgrey}
.select_filtre {width: 120px; display: inline-block !important;}
.filtru_grup { margin: 5px 0 !important; background-color: white !important;}
.filters_name { text-align: left; font-size:12px}
.filters_num { text-align: right; float: right; font-size:10px}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0px solid #003eff !important;
    background: white !important;
}

#picture-big-laptop {
    width: 100%;
    float: left;
    background-size: cover;
    height: 560px;
    background-repeat: no-repeat;
    background: url(/media/reparatii-laptop.jpg) center center;
    position: relative;
}

.price_quick_search { font-size: 0.8em}

.nume_categorie_filtre { font-size: 0.8em !important;}

.cms_zone>a{ font-size: 8px !important; }
.chenar{ }
.thumbnail a>img { height: auto !important; width: 60px; padding-top: 7px; }
.product-comparison-item { height: 60px !important; width: 60px;  margin-bottom: 5px}

.nume_pret { font-size: 12px !important }
.alert-fixed {
    position:fixed;
    top: 60px;
    left: 0px;
    width: 100%;
    z-index:9999;
    border-radius:0px
}

.filtru_grup_valori { height: 146px; overflow-y: scroll}
.filtre_valori_row { height: 20px}

.numar_filtre_1 { overflow: hidden; height: 26px; }
.numar_filtre_2 { overflow: hidden; height: 46px; }
.numar_filtre_3 { overflow: hidden; height: 66px; }
.numar_filtre_4 { overflow: hidden; height: 86px; }
.numar_filtre_5 { overflow: hidden; height: 106px; }
.numar_filtre_6 { overflow: hidden; height: 126px; }
.numar_filtre_7 { overflow: hidden; height: 146px; }

input.filter_parameter { margin: 0px !important;}
.grey { color: lightgrey !important;}
.blur {
    font-size: 40px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}
#modal_data_raspuns_menu {
    z-index: 1001;
}
.ui.search>.results  .image {
    width: 20px;
}
.ui.search>.results .descriere {
    font-size: 14px !important; vertical-align: middle !important;
}
.ui.search>.results .nume_subcategorie {

}
.ui.search>.results .priceX {
    font-size: 14px; color: black;
}

#search_mobil22 { font-size: 16px; color: darkslateblue}
.disponibil_imd {color: rgb(71, 150, 18); font-size: 10px;}
.actualizat { font-size: 7px; color: grey}

.titlu_ury { text-align: justify}
.descriere { text-align: justify}
.img_prd_filter {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.img_prd_filter:hover {
    -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) !important;
}
.title { line-height: 1em !important;}

a img{border:none;}
nav{ margin:0px; padding:0px;}

form{margin:0px; padding:0px;}
fieldset{margin:0px;padding:8px;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px;}
legend{color:#666666;}
textarea{resize:none;}
input{color:#404040;}
.clear{clear:both;}
.clearfix1 {content: ".";display: block; height: 0; clear: both; visibility: hidden; }
.clearfix2 {clear:both; height: 1% !important;	overflow: visible !important; }/* IE6 */
.sfa label,.sfb label,.sfc label,.sfd label{cursor:pointer;}

.titlu_line{max-height:3.9em; line-height:1.3em; overflow:hidden;margin-bottom:3px; color:#00509d; text-decoration:none;}
p.line{margin-bottom:3px; }
p.line{max-height:3.9em; line-height:1.3em; overflow:hidden;}
.add_box_shadow, .shadow{-moz-box-shadow: 3px 2px 5px #888888;-webkit-box-shadow: 3px 2px 5px #888888;box-shadow: 3px 2px 5px #888888;}
.grey { color: darkgrey !important;}

.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }

.list_scat_modal span:hover { text-decoration: underline !important;
}

.exround{border-radius:15px;-moz-border-radius:15px; -webkit-border-radius: 15px;}
.round{border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px;}
.round_top{border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;}
.round_left{border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px;}
.round_right{border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px;}
.round_bottom{border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;}
.round_top_left{border-radius:5px 0px 0px 0px;-moz-border-radius:5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px;}
.round_top_right{border-radius:0px 5px 0px 0px;-moz-border-radius:0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px;}

.filter_bar { margin-top: 5px !important;}
.border_round {
    border-radius: 0.28571429rem;
    border-top-left-radius: 0.285714rem;
    border-top-right-radius: 0.285714rem;
    border-bottom-right-radius: 0.285714rem;
    border-bottom-left-radius: 0.285714rem;
}
.border{border:1px solid #00509d;}
.border2{border:1px solid #999;}
span.hilight{color:#8b003f !important; font-size:1.16em; }

.product-compare-container {
    display: none; !important;
}

.dfd-fullscreen {
    z-index: 1266 !important;
}
.nav_cos {
    width: 120px;
    border: 0;
    background-color: white;
    padding: 0;
    line-height: 1em;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 1299 !important;
    border-left: 1px solid #bbb;
    display: block;
    right: 0px;
}

.sign_zone { background: white; padding: 15px}

#body_wrapper {color: inherit; text-align: left; padding:0px; overflow: hidden;  max-width:1650px; width:auto; margin:0 auto;}


#cos{ border:#CCF solid 1px; height:40px; margin-right:5px;font-size:9px; cursor:pointer;}
#cos.cblue{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#91a1c2), to(#145fff));
    background-image: -moz-linear-gradient(top,#91a1c2,#145fff);
    background-image: -ms-linear-gradient(bottom, #91a1c2 0%, #145fff 100%);
    background-image: -o-linear-gradient(bottom, #91a1c2 0%, #145fff 100%);
    background-image: -webkit-linear-gradient(bottom, #91a1c2 0%, #145fff 100%);
    background-image: linear-gradient(to top, #91a1c2 0%, #145fff 100%);
    background-color: #145fff;
}
#cos.cwhite{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8291b2), to(#0051ee));
    background-image: -moz-linear-gradient(top,#8291b2,#0051ee);
    background-image: -ms-linear-gradient(bottom, #8291b2 0%, #0051ee 100%);
    background-image: -o-linear-gradient(bottom, #8291b2 0%, #0051ee 100%);
    background-image: -webkit-linear-gradient(bottom, #8291b2 0%, #0051ee 100%);
    background-image: linear-gradient(to top, #8291b2 0%, #0051ee 100%);
    background-color: #0051ee;
}
/*
#cos.cwhite{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeff), to(#ededff));
    background-image: -moz-linear-gradient(top,#eeeeff,#ededff);
	background-image: -ms-linear-gradient(bottom, #eeeeff 0%, #ededff 100%);
	background-image: -o-linear-gradient(bottom, #eeeeff 0%, #ededff 100%);
	background-image: -webkit-linear-gradient(bottom, #eeeeff 0%, #ededff 100%);
	background-image: linear-gradient(to top, #eeeeff 0%, #ededff 100%);
	background-color: #eeeeff;
	} */

#cosl2{padding:10px 15px 10px 10px; }
#cosl2.cl2blue{background:url(./img_v2/cart_white.png) no-repeat center center; color:#FFF; }
#cosl2.cl2white{background:url(/css/img_v2/cart_white.png) no-repeat center center; color:#FFF;  }
/* #cosl2.cl2white{background:url(/css/img_v2/cart_blue.png) no-repeat center center; color:inherit;  } */


.qty {
    display: none;
    padding: 0 5px;
    width: 80%;
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 30px;
    height: 36px;
}
.qty .minus {
    margin: 6px 0 0;
    cursor: pointer;
    float: left;
    display: block;
    color: #fff;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: orangered !important;
}
.qty .count {
    color: #000;
    float: left;
    display: inline-flex;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    width: 70px;
    text-align: center;
}
.qty .plus {
    margin: 6px 0 0;
    cursor: pointer;
    float: right;
    display: block;
    color: #fff;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
    background-color: forestgreen !important;
}





#user_zone1{
    font-size:0.83em;
    border-top:#CCF solid 1px;
    border-right:#CCF solid 1px;
    border-bottom:#CCF solid 1px;
    border-left:#CCF solid 1px;
    padding:8px 0px 0px 10px;
    height:32px;
    background:#eeeeff;
    margin-left:5px;
}
#user_zone1.hoverd{	border-bottom:#CCF solid 0px !important;	}

#user_zone2{
    margin:0 5px;
    text-align:left !important;
    font-size:0.75em;
    background:url(/css/img_v2/200x4_right_fade_blue.png) right top repeat-y #eeeeff;
    height:auto !important;
    padding:10px;
    z-index:20;
    position:relative;
    left:0px;
    top:-1px;
    overflow:hidden;
    display:none;
    -moz-box-shadow: 1px 1px 1px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
    box-shadow: 1px 1px 1px #888888;
    border-top:none;
    border-right:#CCF solid 1px;
    border-bottom:#CCF solid 1px;
    border-left:#CCF solid 1px;
    border-radius:0px 2px 5px 5px;
    -moz-border-radius:0px 2px 5px 5px;
    -webkit-border-radius: 0px 2px 5px 5px;
}

#cos_zone2{
    margin:0 5px;
    text-align:left !important;
    font-size:0.75em;
    background:url(/css/img_v2/200x4_right_fade_blue.png) right top repeat-y #eeeeff;
    height:auto !important;
    /*	padding:10px;*/
    z-index:20;
    position:relative;
    left:0px;
    top:0px;
    overflow:hidden;
    display:none;
    -moz-box-shadow: 1px 1px 1px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
    box-shadow: 1px 1px 1px #888888;
    border-top:none;
    border-right:#CCF solid 1px;
    border-bottom:#CCF solid 1px;
    border-left:#CCF solid 1px;
    border-radius:0px 2px 5px 5px;
    -moz-border-radius:0px 2px 5px 5px;
    -webkit-border-radius: 0px 2px 5px 5px;
}



/*
.sigla1{height:102px; background:url('img/shortcut_logo1.png') repeat-x top left;}
.sigla3{height:102px; background:url('img/shortcut_logo3.png') no-repeat top right;}
.sigla2{height:102px; background:url('img/shortcut_logo2.png') no-repeat top left;}
.sigla4{height:22px; padding-top:58px; padding-right:10px; }
.sigla4_l{ background:url('img/top_menu_left.gif') no-repeat top left;  width:13px; height:21px; }
.sigla4_bg{background:url('img/top_menu_center.gif') repeat-x top right; padding-left:6px; padding-right:6px;  }
.sigla4_m{ background:url('img/top_menu_left_right.gif') no-repeat top left;  width:21px; height:21px; }
.sigla4_r{ background:url('img/top_menu_right.gif') no-repeat top left;  width:12px; height:21px; }
.nav_top {text-align:center; font-weight:bold; color:#FFF;}
.nav_top a{color:#FFF;}
*/


#left_side{width:200px; float:left; margin:0; padding:0;}
#right_side{width:200px; float:right; margin:0; padding:0;margin-right:5px;}

/* #main_wrapper{margin: 0 200px 0 200px;  padding: 0px; overflow:hidden; } */
#main_wrapper{margin: 0px;  padding:0px 5px 5px 5px; overflow:hidden;  }
#main_content{margin:0px; }
#main_content2{min-height:600px;}
.main_content2, .main_content2_tr{	margin:0px 1px 0px 1px;	padding:10px 7px 8px 8px;
    border-top:#8DAECB 1px solid; border-left:#8DAECB 1px solid; border-right:#8DAECB 1px solid; border-bottom:#8DAECB 1px solid; border-radius:0px 0px 5px 5px;	-webkit-border-radius:0px 0px 5px 5px;	-moz-border-radius:0px 0px 5px 5px;  box-shadow: 0px 2px 5px #AAA;-moz-box-shadow: 0px 2px 5px #AAA;-webkit-box-shadow: 0px 2px 5px #AAA;
}
.main_content2{background-color:#FFF;}


/*#footer{ background: url('img_v2/footer.png') left top repeat-x; min-height:73px; padding:9px; border-top: 2px ridge #CCC; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  -khtml-border-radius:2px;
	-moz-box-shadow: 0px 0px 5px #888888;-webkit-box-shadow: 0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
*/
.tbl_promotii_categorii td{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-shadow:none;
}

/* CUTII CONTINUT LATERALE  V1 veche */
.box_holder{}
.box_content{margin: 0px 4px 0px 4px; padding:6px 11px 6px 11px;}
.box_hooks{height:27px;}
.box_end{height:32px;}


.cat_title, .cat_title_red{ font-weight:bold; margin-top:1em; margin-bottom:1em; padding:0 !important;}
.cat_title{color:#00509d; font-size:18px;}
.cat_title_red{color:#7E354D;}


div.gen_bar{padding-bottom:10px;}
div.descarca{padding-bottom:14px; margin-bottom:0px;}
div.filtre{margin-bottom:0.8em; font-size:1.6em;}
div.promo{padding-bottom:18px; margin-bottom:8px;}
div.dotted{height:0px; border-bottom: 0px dotted #CCC; margin:4px 0px 4px 0px;	font-size:0px; line-height:0px;} /*schimbat*/



#menu_scrolat.top_scroll{
    background:#fff;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.36) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.36) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.36) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cffffff', endColorstr='#ffffff',GradientType=0 );
}
#menu_scrolat.body_scroll{background:#fff;}

section{
    -webkit-transition:all .s ease-in;
    -moz-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    -ms-transition:all .2s ease-in;
    transition:all .2s ease-in;}


/* promo right */
.html_block_category_right{ text-align:center;}

div.promo_product{font-size:1em; width:auto; max-width:145px; height:auto; min-height:120px; max-height:170px; border:#CCC 1px solid; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color:#FFF; overflow:hidden; padding-bottom:5px; padding-top:2px; margin:0 auto; font-size:10px;}
div.promo_product a{color:#006699; font-family:Arial, Helvetica, sans-serif;}
div.promo_product a:hover{text-decoration:none !important;}

.showroom_div{ font-size: 12px;}
.price_grey{   color: grey; font-weight: 400; font-size: 20px;  }
.price_b2b{   color: #004481; font-weight: 400; font-size: 18px !important;  }
.table_b2b{  width: 100%; text-align: center}
.money-decimal { font-size: 0.7em; top:-0.5em !important;}
.titlu_un_produs{   color: black; font-weight: 300;  margin-bottom: 5px; line-height: 1em; height: 3em; margin-left: 5px; }
.titlu_un_produs_mobile{   color: black; font-weight: 300;  margin-bottom: 5px; line-height: 1em; margin-right: 10px; margin-left: 10px; text-align: justify }

.price_old{font-weight:lighter; color:#a1a4a7; font-size:12px !important;}
.price_old  small{font-size:1.1em !important;}
hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
.boxx_holder{
    background:url('img_v2/transp_40_white.png');
    -moz-box-shadow: 2px 2px 5px #888888;-webkit-box-shadow: 2px 2px 5px #888888;box-shadow: 2px 2px 5px #888888;
    border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px;
}

.boxy_holder{
    background:url('img_v2/transp_40_white.png');
    -moz-box-shadow: -1px 2px 5px #888888;-webkit-box-shadow: -1px 2px 5px #888888;box-shadow: -1px 2px 5px #888888;
    border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px;
}

/* MENIU JMECHER LATERAL */
#meniu_jmecher{margin:0; padding:3px 0; border:0px #CCC solid; background:url('img_v2/80_blue_transp.png'); text-shadow:none;}
/* .meniu_jmecher_bg2{background:url('img_v2/fade_blue_4x400.png') repeat-x top left;}*/

#meniu_jmecher ul.jm0{z-index:105;padding:0px 0px 0px 10px; margin:10px 0px 15px 0px;}
#meniu_jmecher ul.jm0 li.jm0{z-index:105;list-style:none; display:block; padding:5px 0px 5px 5px ; margin:0; cursor:default; font-weight:bold;color:#000091; font-size:1.16em;}
/*#meniu_jmecher ul.jm0 li.jmh0{background:url('img_v2/jmen_sel_item.png') repeat-y left top;font-weight:bold; color:#DB2424;}*/
#meniu_jmecher ul.jm0 li.jmh0{background:url('img_v2/transp_80_white.png'); font-weight:bold;}

#meniu_jmecher .submenu_jm{z-index:110; width:400px; height:1px; position:absolute;top:1px;left:1px; background:#FFF url('/css/img_v2/jmen_sel_item.png') repeat-y; overflow:visible; display:none;} /*padding:15px;*/
#meniu_jmecher img.jmechera{ position:absolute;top:-25px;left:225px; display:none; border:none;} /* padding:15px from containr div */
#meniu_jmecher img.nejmechera{ position:absolute;top:0px;left:195px; display:none; border:none;} /* padding:15px from containr div */
#meniu_jmecher div.jm_menu_item{padding-top:4px; padding-left:12px;}


.shadow{



    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    /*

    -webkit-box-shadow: 8px 8px 30px 0px rgba(56, 50, 50, 0.75);
    -moz-box-shadow:    8px 8px 30px 0px rgba(56, 50, 50, 0.75);
    box-shadow:         8px 8px 30px 0px rgba(56, 50, 50, 0.75);
        */

}

.shadow2{

    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);

    /*

        -moz-box-shadow: 3px 2px 5px #888888;-webkit-box-shadow: 3px 2px 5px #888888;box-shadow: 3px 2px 5px #888888;
        */

}

.shadow_c{-moz-box-shadow: 0px 2px 5px #888888;-webkit-box-shadow: 0px 2px 5px #888888;box-shadow: 0px 2px 5px #888888;}
.round_left{border-radius:5px 0px 0px 5px !important;-moz-border-radius:5px 0px 0px 5px !important; -webkit-border-radius: 5px 0px 0px 5px !important;}
.round_right{border-radius:0px 5px 5px 0px !important;-moz-border-radius:0px 5px 5px 0px !important; -webkit-border-radius: 0px 5px 5px 0px !important;}
/*.round{border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px;}  COPY */


/* piker produse   */
table.prd_list_tbl{border:#ddd solid 1px; text-align:left;}
.prd_list_tbl td, .prd_list_tbl th{border:1px solid #FFF;}
.prd_list_tbl th{background-color:#DDEEFF;}
.prd_list_tbl tr:nth-child(even){background-color:#F1F1F1;}
.prd_list_tbl tr:nth-child(odd){background-color:#E9E9E9;}
.tr_hover{background-color:#E1FFF1 !important;}
.tr_selected{background-color:#FFEECC !important;}

table.prd_list_tbl2{text-align:left;}
table.prd_list_tbl2 td{}


/* PAG PRODUSE */
div.stoc_el{/*z-index:-2;	font-weight:bold;width:auto;padding: 5px 6px 0px 6px;height:20px;float:left;margin-right:6px;
text-align:center;border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;*/
}
div.stoc_el_nesel{/*border:1px solid #AAC3D8;	background:url('img/box-cont-bg.png') repeat-x;	*/}
div.stoc_el_nesel_hover{ color:red;}
div.stoc_el_sel{/*border-left:1px solid #AAC3D8;border-top:1px solid #AAC3D8;border-right:1px solid #AAC3D8;border-bottom:1px solid #FFF;*/}
.filtru_producatori{height:18px; background:none; outline:none; border:none; font-weight:bold; color:#0f75bc; font-size:1em; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
/* 192 px * 3    LISTARE PRODUSE */

#descrieri_produe_tabelare{text-align:left;}
#descrieri_produe_tabelare img{ max-width:95%; height:auto;}
.container_produse,#container_produse{ margin:0; padding:0; overflow:hidden;padding-bottom:2em; width:100%;}
.produs_wrapper{ /*
-moz-box-shadow: 3px 2px 5px #888888;-webkit-box-shadow: 3px 2px 5px #888888;box-shadow: 3px 2px 5px #888888;
*/
}
.produs_grid{ height:300px;	text-align:center;	margin:0px auto; }/* height:215px;*/
.produs_grid a{text-decoration:none; font-weight:normal;}
.produs_b{	border-right: #CCC thin 1px; }
.produs_grid_cod{ margin-right:0.5em; font-size:0.8em; color:#777; position:relative; top:-1.5em; text-align:right; height:1px; overflow:visible; }
.produs_grid_name{overflow:hidden; color:#000; font-size:1em; height:90px; text-align:left;
    height:3em; line-height:1em;
}

.produs_grid_filtre{color:#666;text-align:justify;
    font-size: 1em;     line-height: 1.1em;     height: 1em;    overflow: hidden;
}
.produs_grid_description{
    color:#666;text-align:justify; padding-left:3px; padding-right:3px;
    font-size: 0.9em;
    line-height: 1em;
    height: 1em;
    overflow: hidden;
    text-decoration:none;

}/* height:24px;*
/*.produs_grid_description{overflow:hidden; font-size:12px; color:#666; height:113px;  text-indent:6px; padding-left:5px; padding-right:5px;}/* height:24px;*/


.produs_border{	width:92%;	height:0px;	border-bottom:#CCC solid 1px;margin-top:8px;margin-bottom:0;margin-left:4%;margin-right:4%;font-size:0px; line-height:0px;}

.produs_pic_container{ width:100%; margin:4px auto; }

.produs_promo_badge{	background:url('ury.ro/css/img/badge_redus.png') top left no-repeat; padding-top:10px; margin-left:25px; padding-left:5px; color:#FFF; font-weight:bold; height:35px; font-family:inherit; font-size:1.6em; text-align:center !important; }
.produs_promo_badge_macro{	background:url('ury.ro/css/img/badge_redus.png') top left no-repeat; padding-top:10px; padding-left:5px; color:#FFF; font-weight:bold; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:28px; text-align:left !important; }
.produs_cadou{	background:url('ury.ro/css/img/cadou.png') top left no-repeat; padding-left:40px; height:35px;  }
.produs_nou{	background:url('ury.ro/css/img/new.png') top left no-repeat; padding-left:40px; height:35px;  }


.badges_container{position:relative; top:30px; left:5px; height:0;}
.produs_cadou_v4{background:url('ury.ro/css/img/cadou.png') top right no-repeat; padding-right:40px; height:35px; overflow:visible; }
.livrare_gratuita{background:url('ury.ro/css/img_v3/livrare-gratuita_x100.png') top right no-repeat; padding-right:90px; height:75px; overflow:visible; top:30px; }
.produs_nou_v4{background:url('ury.ro/css/img/new.png') top right no-repeat; padding-right:40px; height:35px; overflow:visible;}
.produs_promo_badge_v4{	background:url('ury.ro/css/img_v3/badge_ex.png') center right no-repeat; padding-top:12px; color:#FFF; font-weight:bold;
    height:60px; width:60px; font-family:inherit; font-size:1em; text-align:center;
    background-size:cover;top:30px; right:30px;
}


.produs_lichidare{	background:url('ury.ro/css/img/lichidare_mic.png?v1') top left no-repeat; padding-left:48px; height:35px;  }
.produs_lichidare_big{position:absolute;left:220px; top:145px; z-index:5; }
.lichidare_lnk{width:100px; height:auto; display:none;}/* i se adauga clasa produs_lichidare_big onload prin jq */


/*
.add_to_cart, .send_cart{	font-weight:bold;	width:140px;	padding:3px 5px 3px 35px;	border: 1px #AAA solid;	background:url('ury.ro/css/img/cart0.png?v=66') no-repeat 4px center;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;	background-color:#E4F1FA;	cursor:pointer;	margin-top:5px;	}
*/
.add_to_cart_pachet{	font-weight:bold; font-size:10px;	width:110px;	padding:3px 5px 3px 35px;	border: 1px #AAA solid;	background:url('ury.ro/css/img/cart0.png?v=66') no-repeat 4px center;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;	background-color:#E4F1FA;	cursor:pointer;	margin-top:1px;	}


.add_to_cart_sistem{	font-weight:bold;	width:200px;	padding:3px 5px 3px 35px;	border: 1px #AAA solid;	background:url('ury.ro/css/img/cart0.png?v=66') no-repeat 4px center;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;	background-color:#E4F1FA;	cursor:pointer;	margin-top:5px;	}


/*
.add_to_cart, .send_cart{
 border: 1px black doted;
	width:auto !important;
	color:#FFF;
    background:url('ury.ro/css/img/cart3.png') no-repeat 4px center;
	background: -webkit-gradient(linear, left top, left bottom, from(#0079bc), to(#00509d));
    background:-moz-linear-gradient(top, #0079bc, #00509d);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0079bc', endColorstr='#00509d');
    color: #fff;
	text-decoration: none;
font-family: 'Josefin Sans', sans-serif;
}
*/



.add_to_cart:hover,.add_to_cart:focus{
    border: 1px #00509d solid;
    color:white;
    background: #00509d;

}


.add_to_cart_pachet{
    border: 1px black doted;
    width:auto !important;
    color:#FFF;
    background:url('ury.ro/css/img/cart3.png') no-repeat 4px center #474791;


    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.add_to_cart_pachet:hover,.add_to_cart_pachet:focus{
    border: 1px #474791 solid;
    color:#474791;
    background:url('ury.ro/css/img/cart0.png?v=66') no-repeat 4px center;

}

.add_to_cart_sistem{	 border: 1px #474791 solid;
    border: 1px black doted;
    width:auto !important;
    color:#FFF;
    background:url('ury.ro/css/img/cart3.png') no-repeat 4px center #474791;


    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.add_to_cart_sistem:hover,.add_to_cart_sistem:focus{
    border: 1px #474791 solid;
    color:#474791;
    background:url('ury.ro/css/img/cart0.png?v=66') no-repeat 4px center;

}







/*

.add_to_cart, .send_cart{ font-weight:bold; font-size:inherit; color:#FFF; font-family:Verdana, Geneva, sans-serif;	width:140px;	padding:3px 5px 3px 35px;	border: 0px #AAA solid;	background:url('ury.ro/css/img/cart0.png') no-repeat 4px center;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;	background-color:#E4F1FA;	cursor:pointer;	margin-top:5px;	}

.add_to_cart_pachet{	font-weight:bold; font-size:0.83em;	width:110px;	padding:3px 5px 3px 35px;	border: 1px #AAA solid;	background:url('ury.ro/css/img/cart0.png') no-repeat 4px center;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;	background-color:#E4F1FA;	cursor:pointer;	margin-top:1px;	}

.add_to_cart_sistem, .add_to_cart_sistem_v2{	font-weight:bold;	width:150px;	padding:3px 5px 3px 35px;	border: 1px #AAA solid;	background:url('ury.ro/css/img/cart0.png') no-repeat 4px center;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;	background-color:#E4F1FA;	cursor:pointer;	margin-top:5px;	}
*/
.logo_delim3{background:url(img_v2/delim_50x1.png) center center repeat-x; height:30px; width:1px; display:inline-block; margin:0 1px; }
.logo_delim{background:url(img_v2/delim_50x1.png) center center repeat-x; height:50px; width:1px; display:inline-block; margin:0 1px; }
.logo_delim2{background:url(img_v2/delim_80x1.png) center center repeat-x; height:50px; width:1px; display:inline-block; margin:0 1px; }

/*#jq_alert{position: fixed;  top: 45%; width: 230px; left: 38%; margin:3px; z-index: 99;  padding: 6px;  background-color: #00509d;
text-align: center; color:#FFF; font-weight:bold; border: 2px solid #FFF; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px; display:none;}
*/
#jq_alert{ position: fixed;  top: 45%; width: 200px; height:200px; right: 2%; margin:3px; z-index: 99;  padding: 6px; background-color:red;
    background:url(ury.ro/css/img_v3/cos3.png) left no-repeat #00509d; opacity:0.4;
    background-position:left; background-position:center;
    color:#FFF;
    border: 2px solid #00509d;
    border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px; display:none; text-align:center;
}

#jq_alert-link {

    color:#fff;
}
#jq_alert-vezi { Color:yellow;

}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ COS CUMARATURI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.tbl_cos_cmd{border:0;}
table.tbl_cos_cmd td{border-bottom:1px #00509d solid;}
table.tbl_cos_cmd a img{width:auto; height:auto; min-width:70px; max-width:100px; min-height:70px; max-height:100px; }
.del_prod{font-size:1.3em; font-weight:normal !important; color: red; font-weight: 700}

.camp_cantitate{width:25px; height:1.36em; text-align:center; font-size:1em; border: 1px #CCC solid; background:url('ury.ro/css/img/input-bg.gif') repeat-x #FFF;}
.camp_date{width:165px; font-size:1em; border: 1px #CCC solid; padding:3px; background:url('ury.ro/css/img/input-bg.gif') repeat-x #FFF;}
.red{color:#AB6F7E;}
.green{color:#006F00;}
.blue{color:#006699; font-size:1em;}
.dark_yellow{color:#36006C;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAG UN PRODUS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

/*
#continut_pagina{  width:auto; margin:0 auto; margin-bottom:auto; padding-top:0; height:auto; max-width:1250px; 	}
@media (max-width: 749px) { #continut_pagina{	width:auto; }

}
@media (max-width: 1367px) {#continut_pagina{widht:auto; margin-left:20% }}
@media (max-width: 1370px) and (min-width: 750px) {
#continut_pagina{	width:auto; min-width:800px; max-width:1250px; padding:0;  }
}
@media (min-width: 1367px) { #continut_pagina{	width:auto; min-width:700px; max-width:1350px; 	}	}

*/



#pret_descriere_un_prd,#cadou_altele_un_prd,#descriere_pag_un_produs{overflow:hidden; float:right;}

.img_slider { height: 300px !important; text-align: center;}
.nume_produs_slider { }
@media (max-width: 749px) {

    .img_showroom { max-width: 100% !important; margin-top: 80px !important;}
    .font_mobile { font-size: 14px !important;}
    .price_red{   color: #004481; font-weight: 700; font-size: 14px;  }
    #filtre_produse_bg { margin-top: 60px;}
    .hide_mobile_class {   display: none !important;}
    .hide_mobile {   display: none !important;}
    .show_mobile {
        display: block;
    }
    .hidden-xs { display: none !important;}
    .proforma_row1 { width: 30%}
    .proforma_row2 > .qty { width: 40% !important;}
    .descriere_din_filtre img { max-width: 300px !important;}
    .titlu_un_produs { font-size: 20px}
    #scroll_pics{ width:100%; float:none; }
    .nume_produs_slider { font-size: 16px}
    .nume_pret_slider { font-size: 24px}
    .hide_mobile { display: none !important;}
    .img_slider { height: 100px !important; text-align: center; margin-left: 30%}
    #pret_descriere_un_prd,#cadou_altele_un_prd,#descriere_pag_un_produs{ width:100%; float:none; }
    #cos_cump { display:none;}
    .mobile_filters { display: block}
    .desktop_filters { display: none}
    .product-manufacturer { display: none}
    #imagini { display: none}
    .noppading_mobile { padding: 3px !important;}
    .modal_ury-content { width: 90% !important;}
    .modal-body { padding: 0 !important;}
    .cod_quick_view,.titlu_quick_view {font-size: 0.5em !important; }
    .prdslist_grid { background-color: white}
    .descriere_desktop { display: none}
    .icon.search.huge { font-size: 1.2em !important;}
    .compari_menu { display: none }
    .separator_home { display: none }
    .adauga_cos_zone { display: block !important;}
    .compara_icon { display: none !important;}
    .meniu_desktop { display: none !important;}
    .headerbar__itemX { display: none !important;}
    #myCarousel { display: none !important;}

    .hide_mobile { display: none !important;}

    .icon.list{ cursor: hand}
    .product_list_desktop.collapsing{ font-size: 10px !important;}
    .compare_btn { display: none !important;}
    #lista_produse_filtrate { padding: 0 !important; }

    .fx-grid.fx-grid--cols-10 {
        grid-template-columns: repeat(12, 1fr);
    }
    .fx-content-section--first {
        padding-top: 8px;
    }
    .fx-content-section {
        padding-top: 24px;
        padding-bottom: 32px;
    }

    .fx-grid>.fx-grid__col.fx-col--12, .fx-grid.fx-grid--cols-10>.fx-grid__col.fx-col--12 {
        grid-column-start: span 12;
    }

    .fx-category-grid.fx-category-grid--mixed .fx-category-grid__image {
        margin-bottom: 8px;
        max-width: 152px;
    }
    .fx-grid>.fx-grid__col.fx-col--lg-2, .fx-grid.fx-grid--cols-10>.fx-grid__col.fx-col--lg-2 {
        width: calc(100% / 3);
        height: 60px;
        background: #FFF;
        position: relative;
        padding: 0 !important;
        display: inline-block;
        vertical-align: top;
        margin-left: 15px;

    }
    .toate_categoriile {font-size: 2em; color: black !important; font-weight: 700}
    .header_categorie {font-size: 2em; color: white !important; font-weight: 700}
    .fx-category-grid.fx-category-grid--mixed .fx-category-grid__image {
        margin-bottom: 8px;

        max-width: 112px;

    }
    .fx-image {
        max-width: 130px;
        height: 122px;
        align-content: center; margin-left: 40%;
        height: auto;
    }

    .header_blue_categ { height: 222px; background: none !important; padding: 0 !important;}
    .bara_filtre_css { background-color: white !important;}
    .col-hidden-xs { display: none !important;}
    .category-header__title { display: none !important;}
}

.header_thin { font-weight: 300 !important;}
.ui.lightgrey.label, .ui.lightgrey.labels .label {
    background-color: #CCC!important;
    border-color: #CCC!important;
    color: #CCC!important;
}

.nr_results_counts { float: right}

@media (min-width: 750px)
{
    .img_showroom { max-width: 100%}
    .price_red{   color: #004481; font-weight: 700; font-size: 24px;  }
    .img_preview_modal { min-width: 700px !important;}
    .hide_mobile {   display: block !important;}
    .show_mobile {
        display: none !important;
    }
    .descriere_din_filtre img { max-width: 1200px !important;}
    .header_blue_categ { height: 232px}
    .titlu_un_produs { font-size:  24px}
    .qty {    margin: 15px auto; width: 130px !important;}
    .hide-sm { display: none !important;}
    .toate_categoriile {font-size: 4em; color: black !important; font-weight: 700}
    .header_categorie {margin-top:50px; padding-top:15px !important;font-size: 4em; color: white !important; font-weight: 700}
    .fx-grid>.fx-grid__col.fx-col--lg-2, .fx-grid.fx-grid--cols-10>.fx-grid__col.fx-col--lg-2 {
        width: calc(100% / 7);
        background: #FFF;
        position: relative;
        padding: 0 !important;
        display: inline-block;
        vertical-align: top;

    }
    .fx-category-grid__image {
        margin-bottom: 80px;
        max-width: 132px;
    }

    .fx-category-grid.fx-category-grid--mixed .fx-category-grid__image {
        margin: 0 0 12px 0;
        max-width: 132px;
        height: 132px;
        max-height: inherit;
    }
    .fx-category-grid.fx-category-grid--mixed .fx-category-grid__item {
        padding: 20px 8px;
    }

    .fx-category-grid.fx-category-grid--mixed .fx-category-grid__item {
        flex-direction: column;
        padding: 16px 8px;
        text-align: center;
        border: none;
    }

    .fx-category-grid__title, .fx-category-grid__teaser-label {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.29px;
        color: black;
    }
    fx-content-section--first {
        padding-top: 16px;
    }
    .fx-content-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .fx-grid.fx-grid--cols-10 {
        grid-template-columns: repeat(10, 1fr);
    }

    .hide_sm { display: none}
    .mobile_filters { display: none}
    .desktop_filters { display: block}

    #cadou_altele_un_prd table{ width:70%; margin:0.8em auto;  }
    .btn_filtreaza { display: none !important;}
    #jq_alert {display: none !important;}
    #cos_cump_mobil { display:none;}
}

grid.fx-category-grid--mixed .fx-category-grid__label {
    display: flex;
    flex: 1;
    justify-content: space-between;
    flex-direction: row;
}
.fx-image {
    max-width: 100%;
    align-content: center; margin-left: 10%;
    height: auto;
}

/* INFOBOX PRODUS*/

.infobox-container-wrapper{width:auto; max-width:500px; margin:10px auto;}
.infobox-container {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    min-width:350px;

}
.icon_afiseaza_moduri:hover { color: #4a1e7f !important; font-size: 1.4em }
#cos_cump {}

.fx-link { margin-bottom: 80px;}


@media (min-width: 1000px){.infobox-container{min-width:90%;}
    .top-product h1 { font-size: 1.5em;}
}

.infobox {
    width: 90%;
    background: #d7e8ef;
    padding: 10px 5px 5px 5px;
    margin:10px;
    color: #000;
    /*    font-size: 90%; */
    position: relative;
    z-index: 90;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);

    background-image: -webkit-gradient(linear, left top, left bottom, from(#e9f5fe), to(#d7e8ef));
    background-image: -moz-linear-gradient(top,#e9f5fe,#d7e8ef);
    background-image: -ms-linear-gradient(bottom, #e9f5fe 0%, #d7e8ef 100%);
    background-image: -o-linear-gradient(bottom, #e9f5fe 0%, #d7e8ef 100%);
    background-image: -webkit-linear-gradient(bottom, #e9f5fe 0%, #d7e8ef 100%);
    background-image: linear-gradient(to top, #e9f5fe 0%, #d7e8ef 100%);
    border:1px solid #ccc !important;

}
.infobox-data {
    background: #cadcff;
    width: 110%;
    color: #333;
    padding: 10px 5px;
    margin: 0;
    /*    font-size: 160%;*/
    text-align: center;
    font-weight: bold;
    position: relative;
    left: -5%;
    position: relative;
    z-index: 100;

    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cadcff), to(#a4b6ed));
    background-image: -moz-linear-gradient(top,#cadcff,#a4b6ed);
    /*    text-shadow: #2187c8 0 -1px 1px; */
}
.infobox-container .triangle-l {
    border-color: transparent #a4b6ed transparent transparent;
    border-style:solid;
    border-width:10px;
    height:0;
    width:0;
    position: absolute;
    left: 0;
    top: 22.3%;
    z-index: 0; /* displayed under the infobox */
}
.infobox-container .triangle-r {
    border-color: transparent transparent transparent #a4b6ed;
    border-style:solid;
    border-width:9px;
    height:0; margin-top:5px;
    width:0;
    position: absolute;
    left: 95%; /*  */
    top: 20.5%;
    z-index: 0; /* displayed under the infobox */
}
.infobox a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox a:hover, .infobox a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}





.scroll_up_n{background:url(/themes/ury.ro/css/img/scroll_up_n.jpg) center center no-repeat;}
.scroll_up_h{background:url(/themes/ury.ro/css/img/scroll_up_h.jpg) center center no-repeat;}
.scroll_down_n{background:url(/themes/ury.ro/css/img/scroll_down_n.jpg) center center no-repeat;}
.scroll_down_h{background:url(/themes/ury.ro/css/img/scroll_down_h.jpg) center center no-repeat;}

/* ~~~~~~~~~~~~~~~  tabele specs  ~~~~~~~~~~~~~~~~~~~~~~ */
.tbl_specs, .nume_subtab {width:99%; align-content:center;}

.nume_subtab {font-weight:bold;}


.atribut_prd{ width:40%; padding:3px 0 3px 5px;border-bottom:solid 1px #B2B1BC;font-size:1em; color:#B2B1BC;}
.atribut_prd_val{ width:60%; padding:3px 3px 3px 3px;border-bottom:solid 1px #B2B1BC; background:#fff;color:black;}
/*
.atribut_prd{ width:40%; padding:3px 0 3px 5px;border:solid 1px #959595;background:#272727;color:#fff;;font-size:1em;font-weight:bold;}
.atribut_prd_val{ width:60%; padding:3px 3px 3px 3px;border:solid 1px #959595;}

*/
.nume_subtab{padding:3px;}

/* ~~~~~~~~~~~~~~~  tabele specs  V2 ~~~~~~~~~~~~~~~~~~~~~~ */
.tablehd { text-align: left;}
.tbl_specs2{border-collapse:collapse;width:100%;}
.tbl_specs2_title{padding: 2px 0px 2px 5px; font-weight:bold; font-size:1em;}
.atribut_prd2{width:40%;padding:3px 0 3px 5px; border-bottom: solid 0px #959595;background:none;color:#959595; text-align: right}
.atribut_prd_val2{width:60%;padding:3px 3px 3px 23px;border-bottom:solid 1px #959595; font-size:1em;font-weight:bold;}




.brdcrumb_span {
    display: inline-block;
    /*    display: block; */
    position: relative;
    top: -3px;
    right: 7px;
    width: 26px;
    height: 26px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
}







/* FANCY SLIDESHOW */
/* #ftHolder {  height: 332px; padding-top: 90px; } a { color: #5C7F99; text-decoration: none; } a:hover { text-decoration: underline; } */
#ft { border: 0px solid #09C; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px; width:600px; margin:0 auto; overflow:hidden;text-align: center; }
#ft a{color:#FFF;}
#example { float: left; }
.ft-title { padding: 10px 10px; text-align: left; width:999px; }
.ft-prev, .ft-next { background-color: #000; padding: 0 10px; }
.ft-button-ft-active { color: #000 !important; }
#ft-buttons-ft{margin:0 auto;}



/* W8 STYLES Home page
.w8m0{background-color:#5E2FB5; color:#FFF; font-weight:bold;}
.w8m1{background-color:#004993; color:#FFF; font-weight:bold;}
.w8m2{background-color:#F0CD04;	color:#FFF;	font-weight:bold;}
.w8m3{background-color:#5eab08; color:#FFF; font-weight:bold;}
.w8m4{background-color:#00AAE3; color:#FFF; font-weight:bold;}
.w8m5{background-color:#e11926; color:#FFF; font-weight:bold;}
.w8m6{background-color:#097B5B; color:#FFF;	font-weight:bold;} */


.w8m0{background-color:#E50008; color:#FFF; font-weight:bold; text-shadow: 2px 2px 4px #777 !important;}
.w8m1{background-color:#FF6302; color:#FFF; font-weight:bold; text-shadow: 2px 2px 4px #777 !important;}
.w8m2{background-color:#F9EC00;	color:#FFF; font-weight:bold; text-shadow: 2px 2px 4px #555 !important;}
.w8m3{Background-color:#09D71D;	color:#FFF;	font-weight:bold; text-shadow: 2px 2px 4px #777 !important;}
.w8m4{background-color:#3194F2; color:#FFF; font-weight:bold; text-shadow: 2px 2px 4px #777 !important;}
.w8m5{background-color:#195B8F; color:#FFF; font-weight:bold; text-shadow: 2px 2px 4px #EEE !important;}
.w8m6{background-color:#B301D3; color:#FFF;	font-weight:bold; text-shadow: 2px 2px 4px #777 !important;}
.w8btn{ cursor:pointer;}
.w8notbtn{}
.w8witebg{background-color:#FFFFFF !important;}

.w8sp1{ display:none; width:100px; height:100px;}/*image*/


/* slides.jquery.js pt prima pagina */
#slides{width:auto; min-width:560px;}
.slides_container {display:none;}
.slides_container div.slide {width:100%;	/*		height:170px; */		display:block;}

/*.item { 	width:200px;  margin:0 10px;	cursor:pointer;	}*/


/* tabele advertising prima pagina */
.tbl_adv1_1stpag {font-size:1em; float:left; margin:5px; border:#EEE 1px solid; width:550px;}
.tbl_adv1_1stpag div{padding:10px;}
.tbl_adv1_1stpag div.tit{border-bottom:#CCC 2px solid;}
.tbl_adv1_1stpag div.cadouri{font-weight:normal; font-size:0.83em;}
.tbl_adv1_1stpag div.cadouri div, .tbl_adv1_1stpag div.adv1_off_attributes div{padding:0; margin:3px 0;}
.tbl_adv1_1stpag span.pret_adv1{color:#F00; font-size:2em;}




/*mouse trail over stoc*/
.mag_trail_cb, .mag_trail_gr, #comparare_preturi{  display:none; position:absolute;left:0px;top:0px; border:1px solid #999; z-index:150; }
#comparare_preturi{width:150px; height:auto; background-color:#FFF; padding:8px; text-align:left;}

.botomprds{width:auto; height:auto; max-width:40px; max-height:30px; border:none;}

table.prdslist { width:96%; height:auto;  margin:4px auto; padding:0; background:white;border-bottom: dotted 0px #AAC3D8; text-align:center; border-collapse: separate; overflow:hidden; display:table;  } /*nu modifica marginea!*/
table.prdslist tbody{ box-sizing:content-box; width:100%; height:100%;}
table.prdslist td { vertical-align:top;  }
table.prdslist td.valgnb { vertical-align:bottom;  }
table.prdslist td.valgnb div.descr{  padding-left:10px; padding-right:10px; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;   line-height: 2.5ex;
    height: 12.5ex; overflow: hidden; height:auto; min-height:120px;  }
/*.prdslist tbody{ width:100%; height:100%;  }*/





/*meniu overwites*/
#menuScrollerWrapper,#menuScroller,#menuScroller>div,#menuScrollerWrapper div.navbar-main-submenu{height:100%; /*min-height:500px;*/}
#menuScroller,#menuScroller>div,.navbar-main-submenu{min-height:350px;}

/*.navbar-main-submenu div{height:100%;}*/
#menuScroller{ position:relative;}
.wrapper-border{border:none !important;}
.navbar-main-submenu{/*#menuScrollerWrapper*/
    background-position:right bottom;
    background-image:none;/* stat din jq meniu_poze_lateral */
    background-repeat:no-repeat;
}
#menuScrollerWrapper{
    -moz-box-shadow: 1px 3px 5px #888888;-webkit-box-shadow: 1px 3px 5px #888888;box-shadow: 1px 3px 5px #888888;
    border-radius:5px;-moz-border-radius:5px; -webkit-border-radius: 5px;
}
/*#menuScroller>div{position:relative; left:-10px;}*/







.nav_sidebar_thf{
    background-color:#f4f8fb;
}
.nav_sidebar_thf li a { color: black; font-size:1.5em; text-align:left; text-decoration: none }
.nav_sidebar_thf li a:hover {text-decoration:none;  }
.nav_sidebar_thf li:hover {
    background-color:white;
}


.nav_sidebar_thf li a:focus { text-indent:10px;color:blue;   }
.nav_sidebar_thf li a:active {text-indent:10px; color:blue; }
.nav_sidebar_thf li :active {   }
#promotii {
}

.hnav-icons-sidebar{ text-align:left; text-indent:5px; overflow:hidden;
    position:fixed;display:block;top:220px;
    left:20px;width:190px;
    height:auto;
    opacity: 0.4;
    filter: Alpha(opacity=90);
    /*background:white url(<?php echo f(THEME.'css/ury.ro/css/img_v3/darrow_widget.png'); ?>) left center no-repeat;*/
    -webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in; z-index:500;
}
.hnav-icons-sidebar:hover, .hnav-icons-sidebar_opened{right:0;opacity: 1; filter: Alpha(opacity=100); height:auto;}
.hnav-icons-sidebar a{ text-align:left;}
.hnav-icons-sidebar.closed{right:-160px; !important; display:none !important;}

.hnav-icons-sidebar .navbar-switcher.active{
}
.hnav-icons-sidebar .navbar-switcher.active span{font-size:0.8em !important;}
.hnav-icons-sidebar:hover .navbar-switcher.active{display:block;}




#filtre_produse{


    /*background:white url(<?php echo f(THEME.'css/ury.ro/css/img_v3/darrow_widget.png'); ?>) right center no-repeat;
    -webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in; z-index:500;
    */
}
#filtre_produse a{text-decoration:none; font-size:1em;}
#filtre_produse a span{ }



#filtre_produse.closed{left:-195px !important; display:none !important;}
#filtre_produse .navbar-switcher.active{display:none;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in; width:25px; height:25px; }
#filtre_produse .navbar-switcher.active span{font-size:0.8em !important;}

#filtre_produse:hover{left:0;opacity: 1;
    /*
    filter: Alpha(opacity=100);-moz-box-shadow: 3px 2px 5px #888888;-webkit-box-shadow: 3px 2px 5px #888888;box-shadow: 3px 2px 5px #888888;
    background: rgb(234,234,234);
    background: -moz-linear-gradient(left,  rgba(234,234,234,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 );
    */
}
#filtre_produse:hover .navbar-switcher.active{display:block;}


@media (min-width: 1660px) {
    .hnav-icons-sidebar{right:0;  opacity: 1;    filter: Alpha(opacity=100); height:auto;}
}

@media (min-width: 1200px) { /*1340*/

    #filtre_produse{left:0;  opacity: 1;    filter: Alpha(opacity=100); width:200px !important;}
    #filtre_produse .navbar-switcher.active,.hnav-icons-sidebar .navbar-switcher.active{display:none;}
    #filtre_produse:hover .navbar-switcher.active,.hnav-icons-sidebar:hover .navbar-switcher.active{display:none;}
    /*#filtre_produse_bg{ background:none !important;} */
}

@media (max-width: 1400px) {.hide_forever{display:none !important;}}

tr.hide {
visibility: collapse !important;
    width: 0;
    height: 0;
}

tr.hide td, tr.hide th {
    display: none !important;
}

tr.hidden td, tr.hidden th {
    display: none;
}
tr.hidden {
    visibility: collapse;
}

tr.main_row.hide { display: none !important}


@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable) {
        width: 100%;
    }

    .ui.table:not(.unstackable) tbody,
    .ui.table:not(.unstackable) tr,
    .ui.table:not(.hide) tr,
    .ui.table:not(.unstackable) tr > th,
    .ui.table:not(.unstackable) tr > td {
        width: auto !important;
        display: block !important;
    }

}
@media (max-width: 1000px) {
    dt.item{font-size:9px;}
    .navbar-main-menu .item .line:before {display:none;}
    .product-reference { display:none;}

    #filtre_produse {
        background:#FFF;text-align:left;
        /*position:absolute;  */
        display:block;
        top:40%;left:-195px;width:225px;height:auto;    opacity: 1;    filter: Alpha(opacity=90);
        padding-top:1em;padding-bottom:1em;padding-left:1em;

    }



    #statistici_filtrate_producator,#statistici_filtrate_producator_container{height:46px;}
    #statistici_filtrate_producator_container{overflow:visible; margin-bottom:1.5em; display:none;}
    #statistici_filtrate_producator{display:block; overflow:hidden; padding-top:2px; padding-right:3%; padding-left:3%;
        -webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in; }
    #statistici_filtrate_producator:hover{height:auto; z-index:500; position:relative; top:-1px; left:-1px; padding-bottom:8px;
        -moz-box-shadow: 3px 2px 5px #888888;-webkit-box-shadow: 3px 2px 5px #888888;box-shadow: 3px 2px 5px #888888;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
        margin-left:5px; margin-right:5px;
    }
    #statistici_filtrate_producator a img{ margin:3px; height:40px; width:auto;}


    #parteneri_footer{ height:50px; background-image:url(../../../media/banere_parteneri.png); background-position:0px -50px; background-repeat:no-repeat;
        -webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in; }
    #parteneri_footer:hover{background-position:0px 0px;}



    #thf_breadcrumb{
        font-size:12px;height:54px; padding:15px;  text-overflow: ellipsis;
        /*box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
        border-color:#ccc;

        border-bottom: 0 solid rgba(0, 0, 0, 0);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    */
        overflow:hidden;
    }
}
@media (max-width: 999px) {
    .icons_attached { display: none !important}
    .top-product h1 { font-size: 0.8em;}
    #thf_breadcrumb{line-height:2em;font-size:12px;height:60px;}

    #bloc_meniuri_desktop { display:none;}

    #last_name_breadcrumb {}

    #ascunde_text_buton_cos { display:none;}
    #ascunde_imagine_transport_mica{ max-height:40px !important;}

}





#finalizare_comanda {
    width:100%;
}
#left_detalii_personale {
    display:none;

}

detalii_personale { width:100%;}
.hnav-icons-sidebar{ display:none;}



.footer-navbar.dark{
    background-color:#0a3943;
}


/* gsmareana specs tabelare */
table.gsmtabl{
    width:80%;
    max-width:800px;
    margin:0 auto;
    font-size:12px;
    border:none;
}
table.gsmtabl th{background:#900; color:#FFF; vertical-align:top; text-align:left;text-transform:uppercase;}
table.gsmtabl th,table.gsmtabl td{ padding:0.3em; border:thin #CCC solid; }

/*meru logo*/
#thf-logo{position:relative; top:-50px; left:0px; z-index:5; width:1px; height:1px; overflow:visible; margin-left:110px; }
#shr_main_logo,#shr_home_logo{z-index:10;}
/*
.test {border:1px solid #271EFF;}
.test2 {border:1px solid red;}
*/
#filtre-left {max-width:100px; float:left; display:block; width:15%; position:fixed; background-color:red;

}

.info-list > a { color: #00509d; }
.info-list {border-bottom:1px solid #999;}
.info-list:hover {border-bottom:4px solid #00509d; color:red;}
.info-list > a:hover { color: orange; }


.icon-size { width: 24px !important;
    height: 24px !important;}





/* progress barr comenzi */
.progress-box {
    float: left;
    height: 6px;
    width: 33.3%;
    position: relative;
    background-color:#0f75bc;
}

.progress-box-red {
    float: left;
    height: 6px;
    width: 33.3%;
    position: relative;
    background-color: darkred;
}
.progress-box-gray {
    float: left;
    height: 6px;
    width: 33.3%;
    position: relative;
    background-color:#ddd;
}
.colored { color:#0f75bc; background-color:white;
}
.cart-progress-line::before {
    content: " ";
    position: absolute;
    width: 3px;
    height: 6px;
    background-color: #fff;
    left: -2px
}
.cart-progress-text {
    font-size: 12px;
    color: #0f75bc;
    line-height: 15px;
    position: absolute;
    top: 20px;

}
.cart-progress-text-gray {
    font-size: 12px;
    color: #ddd;
    line-height: 15px;
    position: absolute;
    top: 20px;
}
.progress-box::before {
    content: " ";
    position: absolute;
    width: 3px;
    height: 6px;
    background-color: #fff;
    left: -2px
}


.stock-info-box {
    display: inline-block;
    padding: 0 6px 2px;
    line-height: 17px;
    font-size: 0;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 19px;
    margin: 20px 0;
    text-transform: lowercase
}
.meniu_valtec_bara {
    font-weight: 400 !important;
    font-size: 20px !important;


}

.meniu_fixat_sus{
    position:fixed !important; top:0 !important;
    width: 100%; z-index: 999;
}

.ln {border-bottom:solid 1px #ccc;}

#menu-tmm{ z-index:1110 !important;}

.dropdown-header a strong { color: black !important;}
.nume_subcategorie { color: #004481 !important;}





/* tema grid **/
.product .description {	padding:0 0px; color:#888; text-decoration:none;	}
a:hover  {	text-decoration:none;	}

footer a {color:black;}  /*  103091*/
.modal-content{ background:none; border:0;}
.div_poza{	height:180px; width:90%; overflow:hidden; background-color:white;		}
.poza_compare {width:auto; height:100%; max-height:100% }


.ui-widget-header{ border:0}
.ui-widget-content{ border:0}



.pagination > li , .active > li > span {

    color: #ddd;

    background-color: #0f75bc;

}


.list_search{ border: none;}
.fluid-autosuggest {
    text-align: left;

    position: absolute;
    left:33%;
    width: 600px;
    margin: 120px 19px;
    padding: 20px 19px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    z-index: 1001;
    border: solid darkgray 1px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);

}
.mobile_fluid_autosuggest {
    text-align: left;
    position: absolute;
    left:20px;
    width: 80%;
    margin: 120px 19px;
    padding: 20px 19px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    z-index: 1001;

    border: solid darkgray 1px;
}

.closeButton
{
    display:block;
    color: red;
    z-index: 2000;
    float:right;
    width:27px;
    height:27px;

    background: url('http://designmodo.com/wp-content/themes/designmodov2.1/custom-pages/startup/presentation/img/previewImages/close.svg') no-repeat center;
    background-color: #a9daec;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0);
    -webkit-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
    -moz-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
    -ms-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
    -o-transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
    transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
}


.closee {
    position: fixed;
    top: 27px;
    left: 27px;
    opacity: 0.3;
    cursor: pointer;
    display: block;
    height: 45px;
    width: 45px;

}
.closeButton:hover {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 50%;
    border-color: rgba(255,255,255,0.3);
}


.noti_bubble {
    position: relative;
    padding: 3px 0px 3px 3px;
    background-color: mediumblue;
    top: -20px;
    right:10px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    border-radius: 40px;
    width: 20px;
    height: 20px;
    box-shadow: 1px 1px 1px gray;
    text-align: center;
}


.clearr{ color: white; font-size: 1.3em;}

.zone_content { background: none !important; }
/*body.pushable>.pusher { background: none !important;}  */
.titlu_header_grid {
    text-align:justify;
    font-size: 1em;
    padding-left:3px; padding-right:3px;
    line-height: 1em;
    height: 3em;
    overflow: hidden;
    text-decoration:none;
    color:  #0f75bc; }


/*  TOOLTIP TITLE */

.ui-tooltip, .arrow:after {
    background: white;
    border: 1px solid #286090;
}
.ui-tooltip {
    padding: 10px 20px;
    color: #286090;
    text-align: left;
    font: bold 11px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}


#login-dp-class, #login-reg-class, #login-res-class {
    margin: 0 auto;
    width: 100%;
    border: thin solid #CCC;
    margin-top: 1.5em;
}

#header_manyproduse_footer .pink { color: #B12704}  /*  COLOR2*/

.m4 { font-size: 4em;}
.m3 { font-size: 3em;}
.m2 { font-size: 1.5em;}
.m1 { font-size: 1em;}
.m1_5 { font-size: 1.5em;}
.padl10 { padding-left: 10px}
.marg0 { margin: 0 !important;}


.header_logo__image { height: 70px !important; width: auto !important; padding-left: 30%}
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}


.checkbox .cr,
.radio .cr {
    position: relative;
    display: block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}




/*
// Listrap v1.0, by Gustavo Gondim (http://github.com/ggondim)
// Licenced under MIT License
// For updates, improvements and issues, see https://github.com/inosoftbr/listrap
*/

.listrap {
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.listrap li {
    margin: 0;
    padding: 10px;
}

.listrap li.active, .listrap li:hover {
    background-color: #d9edf7;
}

.listrap strong {
    margin-left: 10px;
}

.listrap .listrap-toggle {
    display: inline-block;
    width: 60px;
    height: 60px;
}

.listrap .listrap-toggle span {
    background-color: #428bca;
    opacity: 0.8;
    z-index: 100;
    width: 60px;
    height: 60px;
    display: none;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    color: #ffffff;
}

.listrap .listrap-toggle span:before {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}

.listrap li.active .listrap-toggle span {
    display: block;
}





.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
.nopadding {
    padding: 0 !important;
    margin: 0 !important;

}




.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 15px 16px;
    font-size: 35px;
    line-height: 1.33;
    border-radius: 35px;
}



/* Hiding the checkbox, but allowing it to be focused */
.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
    width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */

    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
    text-indent: 0;
}




.border_blue-top {  border-top: 1px solid #4da6ea;  }
.border_blue-bottom {  border-bottom: 1px solid #4da6ea;  }
.text_footer_bottom {font-size: 1em; color: lightgrey}
.name.name-icon { color: lightslategrey !important; font-size: 2em !important;}


.product-comparison-list {
    list-style-type: none;
    padding-left: 0;
    max-width: 320px;
    width: 100%;
    display: inline-block;
    margin: 0;
}
.product-compare-container {
    width: 70px;
    z-index: 1090;
    position: fixed;
    top: 325px;
    right: 5px;
    height: 305px;
    padding: 5px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
    border: 1px solid #eee;

}
.product-compare-container {
    background-color: #fff;
    border-radius: 3px;
    display: block;
    text-align: center;


}


.thumbnail > img {
    width: auto;
    height: 100%;
    text-indent: -9999px;
}
.thumbnail-wrapper {
    display: block;
    width: 100%;
    position: relative;
    padding: 5px;
    margin: 0;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #222;
}
.remove-item {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;

    z-index: 1061;
    right: 0;
    top: -10px;
    position: relative;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #ef2809;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    padding: 0;
    -webkit-appearance: none;}
.remove-item:hover {
    color: #fff;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    text-decoration: none; }


.thumbnail {
    position: absolute;
    overflow: hidden;
    display: block;
    height: 60px;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    text-align: center;
    z-index: 1;
    color: inherit !important;
    text-decoration: none !important;
}

img.CropCenter {
    position: relative;
    width: auto !important;
    height: 500px !important;
}
img.CropCenter2 {
    position: relative;
    width: auto !important;
    height: 300px !important;
}

.green_bg { background-color: #090;}
.orange_bg { background-color: #f50;}
.label_livrare2 {
    display: inline;
    padding: .3em .6em .3em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    text-transform: lowercase;
    font-size: 85%;
    font-weight: 600;
}

.copy { font-size: 12px}




.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 100%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 100%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}






.product_list{

    width: 100% !important;
    border:3px solid #efefef;
    float:left;
    margin:5px;
    padding:7px 7px 7px 7px;
    position: relative;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    text-align: center;
    -o-transition: -webkit-transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.col7 { padding: 15px}
.hr_list {


    border-width: 0;
    border-top: .1rem solid #e7e7e7;

}
.bg_white { background-color: white; border-bottom: 1px darkgrey dotted}
.descriere_grid_linie { height: 5em; line-height: 14px !important; color: black; overflow-y: hidden !important; text-align: left; word-wrap: break-word;}
.descriere_grid_linie_complex { color: black; overflow-y: hidden !important; text-align: left; word-wrap: break-word;}



@media screen and (min-width: 650px) {
    .hide-mobile { display: none;}
    /* .flip-front{ min-height: 500px}*/
    .about-page-content {border-top: 3px solid <?=SECOND_COLOR?> !important;}
    .titlu { font-size: 3em !important;}
    .descriere_grid_linie {font-size: 1em; margin-top: 15px}
    .text_home2 {
        display: none !important;
    }
    .flip-front-content {
        top: 50%;
        z-index: 999;
    }
}
@media screen and (max-width: 650px) {
    /* .flip-front{ max-height: 500px} */
    .hide-mobile { display: block;}
    #filtre_produse_bg { display: none;}
    .titlu { font-size: 2.4em !important;}
    .subtitlu {  margin-left: 1px !important;  }
    .subtitlu2 {
        margin-left: 145px !important;
    }
    .imagini_slider { display: none}
    .flip-front-content {
        top: 30%;
    }
    .label_livrare2 {
        margin-top: 10px;
        font-size: 65%;
        font-weight: 600;
    }
    .img_prd_filter {  height: 32px !important;}

}
.flip-front-content {
    padding: 20px;
    position: absolute;

    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    color: white;
    text-align: center;
}
.flip-front-content {
    background-color: rgba(0, 0, 0, 0.4);
}
div.transbox2 {
    opacity: 0;
}

div.transbox {
    margin: 30px;
    background-color: #ffffff;
    border: 1px solid black;
    opacity: 0.6;
}







.qty {
    display: none;
    margin: 15px auto;
    padding: 0 5px;
    width: 80%;
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 30px;
    height: 36px;
}
.qty .minus {
    margin: 6px 0 0;
    cursor: pointer;
    float: left;
    display: block;
    color: #fff;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: orangered !important;
}


td > .price { text-align: center; align-content: center}

.nume_prod_grid { color: black !important;}
.actualizat { padding: 0;  margin: 3px !important; margin-bottom: 5px; padding-bottom: 5px;}
.descriere_grid {
    margin-left: 10px;
    margin-right: 10px;
    line-height: 22px;
    height: 90px;
    font-size:16px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    word-break: break-word;
    color: inherit;
    text-decoration: none;
}
.price {
    padding: 4px;
    vertical-align: middle;
    list-style-type: none;
    border: 0px solid #eee;
    border-top: 0px solid #eee;
    margin: 0;
    font-size: 1.6em;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.qty .count {
    color: #000;
    float: left;
    display: inline-flex;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    width: 70px;
    text-align: center;
}
.qty .plus {
    margin: 6px 0 0;
    cursor: pointer;
    float: right;
    display: block;
    color: #fff;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
    background-color: forestgreen !important;
}


.navbar-default.navbar-toggle:focus,
.navbar-default.navbar-toggle:hover,
.navbar-toggle{
    background:none !important;
    border-color: #ddd;
    border: none !important;
}

li.active a{
    background: none !important;
}
.nav, .navbar-default{ background: none !important;}
.navbar-collapse.in{ background: white}



.grid__item .content-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;/*xxxx*/
    z-index: 1;
    padding: 60px 40px 40px;
    color: #fff
}

.grid__item .content-box .h3 {
    margin: 0
}

.grid__item .content-box p:last-child {
    margin: 0
}

@media (min-width:768px) {
    .grid__item:first-child .image-box {
        right: 0
    }

    .grid__item:not(:first-child) .inner {
        padding-bottom: calc(50% - 10px)
    }
}

@media (min-width:992px) {
    .grid__item:not(:first-child) .image-box {
        right: 40%
    }

    .grid__item:not(:first-child) .image-box::after {
        display: none
    }

    .grid__item:not(:first-child) .content-box {
        left: 40%;
        top: -10px; /*xxxx*/
        background: url('/media/bg-feature.png?4') no-repeat left bottom;
        background-size: auto 100%;
        padding: 20px 20px 20px 15%;
        display: flex;        align-items: center
    }
}

a.grid__itemX:hover .image-box {
    transform: scale(1.2);
    transition: transform 2s cubic-bezier(.215, .61, .355, 1)
}

.section--row {
    padding: 0
}

@media (min-width:992px) {
    .section--row .container {
        max-width: none
    }
}

.row__items {
    margin: -15px;
    padding: 60px 15px
}

@media (min-width:768px) {
    .row__items {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:992px) {
    .row__items {
        margin: 0;
        padding: 0
    }
}

.row__item {
    padding: 15px
}

.row__item .image-box {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden
}

.row__item .image-box span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: transform .9s cubic-bezier(.215, .61, .355, 1)
}

.row__item .content-box {
    background: #322b2b;
    color: #fff;
    padding: 50px 40px
}

@media (min-width:768px) {
    .row__item {
        width: 50%
    }
}

@media (min-width:992px) {
    .row__item {
        display: flex;
        flex-wrap: wrap;
        padding: 0
    }

    .row__item .image-box {
        width: 40%;
        padding: 0
    }

    .row__item .content-box {
        width: 60%
    }
}

a.row__item:hover {
    text-decoration: none
}

a.row__item:hover .image-box span {
    transform: scale(1.2);
    transition: transform 2s cubic-bezier(.215, .61, .355, 1)
}



table.main_tech .click_path {
    background-color: #ccc;
    padding: 7px 5px;
    font-weight: bold;
    font-size: 13px;
}
#center .tabs table.main_tech tr td:first-child {
    width: 30%;
}
table.main_tech tr td:first-child {
    color: grey;
}

table.main_tech .odd td, #center .tabs table.main_tech .even td {
    padding: 7px 5px;
    font-size: 13px;
}
.normal .even td, .normal .even th, .even td {
    background-color: #fff;
}
.normal .odd td, .normal .odd th, .odd td, .odd th {
    background-color: #eee;
}


.show_all_description { overflow-x: hidden}
.prd_wrapper:hover ,.prdslist_grid:hover {
    -webkit-box-shadow: 6px 9px 14px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 14px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 14px -5px rgba(0,0,0,0.75);


}

.text_footer_bottom { color: #B12704!important; }

.jxPOhn {
    display: flex;
    margin-top: 14px;
    position: relative;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.fXBuHm {
    text-align: center;
    padding: 7px 10px;
    line-height: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    margin: auto;
}
.dxiAcZ {
    transform: translateX(0px);
    position: relative;
    animation-duration: 0.64s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.16s;
    animation-fill-mode: backwards;
    animation-name: jTSRH;
    box-shadow: rgb(0 0 0 / 10%) 2px 2px 13px;
    border: 1px solid rgb(226, 226, 226);
    border-radius: 5px;
    background: white;
    cursor: pointer;
    margin: auto 31px auto auto;
    max-width: 155px;
    max-height: 44px;
    display: flex;
    order: 1;
    text-decoration: none !important;
    color: rgb(0, 0, 0) !important;
}
.jlzTty {
    width: 50px;
    height: 50px;
    order: 2;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 200;
    display: block;
    border: 0px;
    background: rgb(77, 194, 71) !important;
}
.whatsapp { position: fixed; right: 5px; bottom: 50px; z-index: 9994449}

.autocomplete {
    position: relative;
    display: inline-block;
    width:90%;     padding-left: 4%;padding-right: 4%; display: none
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 4px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}


.meniu_nivel_3 {
    width: calc(100% / 1);
    height: 0px;
    background: #FFF;
    position: relative;
    padding: 0 !important;
    display: inline-block;
    z-index: 1444;
    vertical-align: top;
    box-shadow: 1px 0 0 0 #dedede, 0 1px 0 0 #dedede, 1px 1px 0 0 #dedede, 1px 0 0 0 #dedede inset, 0 1px 0 0 #dedede inset !important;
}
.second-lvl-element {
    width: calc(100% / 8);
    height: 90px;
    background: #FFF;
    position: relative;
    padding: 0 !important;
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 0 0 0 #dedede, 0 1px 0 0 #dedede, 1px 1px 0 0 #dedede, 1px 0 0 0 #dedede inset, 0 1px 0 0 #dedede inset !important;
}
.second-lvl-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 35px auto !important;
    max-width: 100%;
    text-align: left;
    padding: 0 30px !important;
}
.second-lvl-mobile-link {
    display: none !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
}
.second-lvl-element .second-lvl-logo-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.third-lvl-products-container {
    position: relative;
    display: none;
    justify-content: space-between;
    padding-top: 30px;
}
.second-lvl-element div.logo {
    position: relative;
    width: 110px;
    height: 46px;
    overflow: hidden;
}

.second-lvl-element div.logo_prd {
    position: relative;
    width: 46px;
    overflow: hidden;
}

@media (max-width: 1023px){
    .mainNavigation .first-lvl-element, .mainNavigation .second-lvl-element, .mainNavigation .third-lvl-element {
        width: 50%;
        max-width: 50%;
    }

    .second-lvl-element {
        width: calc(100% / 2);
        height: 90px;
        background: #FFF;
        position: relative;
        padding: 0 !important;
        display: inline-block;
        vertical-align: top;
        box-shadow: 1px 0 0 0 #dedede, 0 1px 0 0 #dedede, 1px 1px 0 0 #dedede, 1px 0 0 0 #dedede inset, 0 1px 0 0 #dedede inset !important;
    }
    li.clickable-second-lvl, li.back-second-lvl {
        padding: 0 !important;
        height: 70px;
    }
    li.clickable-second-lvl .second-lvl-logo-wrapper {
        position: absolute;
    }
    li.clickable-second-lvl .second-lvl-logo-wrapper {
        position: absolute;
        border-bottom: none !important;
    }

    .mainNavigation .first-lvl-element, .mainNavigation .second-lvl-element, .mainNavigation .third-lvl-element {
        width: 50%;
        max-width: 50%;
    }
}

.second-lvl-logo-wrapper:hover{
    border: 1px solid dodgerblue;
}
.second-lvl-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto !important;
    max-width: 100%;
    text-align: left;
    padding: 0 0px !important;
}

.fx-breadcrumb .stages {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 32px;
}
.fx-breadcrumb .stages__item:first-child {
    margin-right: 4px;
}

.fx-breadcrumb .stages__item {
    display: inline-flex !important;
    justify-content: center;
    position: relative;
    height: 100%;
    vertical-align: bottom;
}
.fx-breadcrumb .stages__item {
    display: inline-flex;
    justify-content: center;
    position: relative;
    height: 100%;
    max-height: 150px !important;
    vertical-align: bottom;
}
body *, body *:before, body *:after {
    box-sizing: border-box;
}

.fx-breadcrumb .stages__item:not(:first-child)::before, .fx-breadcrumb .stages__item:not(:first-child):not(.cele_mai_cautate)::after {
    content: '';
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    background: #fff;
    opacity: .15;
}
.fx-breadcrumb .stages__link span {
    color: darkgrey !important;
}
.fx-breadcrumb .stages__link {
    z-index: 2;

    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.11px;
    padding: 5px 12px;
    white-space: nowrap;
}
.last_bread::before {
    background: none;
    opacity: 1;
}

.fx-breadcrumb .stages__item {
    display: inline-flex;
    justify-content: center;
    position: relative;
    height: 100%;
    vertical-align: bottom;
}
.fx-breadcrumb .stages__link {
    z-index: 2;
    color: royalblue !important;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.11px;
    padding: 5px 12px;
    white-space: nowrap;
}

.fx-breadcrumb .stages__link span {
    z-index: 2;
    color: #447ec6 !important;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.11px;
    padding: 5px 12px;
    white-space: nowrap;
}


.fx-breadcrumb .stages__item:not(:first-child):not(.cele_mai_cautate)::before {
    top: 0;
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
}
.fx-breadcrumb .stages__item:not(:first-child)::before, .fx-breadcrumb .stages__item:not(:first-child)::after {
    content: '';
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    background: #fff;
    opacity: .15;
}

.stages__link:hover { opacity : 0.5}




.contain_zoom {
    position: fixed;
    right: 15%;
    top: 5%;
    width: 700px;
    height: 700px;
    margin-top: 25px;
    z-index: 1000;
}
.img_zoom {
    width: 250px;
    height: 250px;
    margin: 20px;
}

.white_color { color: white !important;}


@media (max-width: 750px){
    #text-big { display: block !important;}
}
.suport, .h2 { font-size: 1.5em; line-height: 1.5em}
.subtext{ font-size: 1.4em}
.h4{ font-size: 0.9em}
.elementor-widget-container {
    margin: 0px 0px 0px -50px;
    padding: 30px 0px 30px 40px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 5px;
    border-color:  #004481;
    box-shadow: 4px 4px 5px 0px rgb(0 0 0 / 15%);
}
@media screen and (max-width: 600px){
    .child-flex {
        flex-grow: 1;
        width: 30%;
        margin-left: 15px;
    }
}

@media screen and (min-width: 600px){
    .child-flex {
        flex-grow: 1;
        width: 49%;
        margin-left: 15px;
    }
}
#picture-big {
    width: 100%;
    float: left;
    height: 560px;
    background: url(/media/pic-konfig.jpg) center center;
    position: relative;
}
#text-big {
    width: 470px;
    height: 420px;
    background: url(/media/server_text.png);
    color: #fff;
    position: absolute;
    font-size: 1em !important;
    bottom: 0;
    right: 0;
    padding: 147px 30px 0 30px;
}


#ModalData {

    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


/* MODAL */
.modal_ury {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal_ury-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}




.fx-headline.fx-headline--1 {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.75px;
    font-weight: 700;
    color: black;

}

@media screen and (min-width: 600px) {
    .fx-headline.fx-headline--1 {
        font-size:28px;
        line-height: 46px;
        letter-spacing: -1.54px;
        font-weight: 700
    }
}

@media screen and (min-width: 940px) {
    .fx-headline.fx-headline--1 {
        font-size:40px;
        line-height: 66px;
        letter-spacing: -2.07px;
        font-weight: 700
    }
}


.text_expand {
    height: 120px;
    overflow: hidden;
}

#read-more {
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,1));
    color: steelblue;
    font-size: 1.3em;
    font-weight: 700;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.wraper_text_expand {
    position: relative;
    width: 100%;
}

.text_expand2 {
    height: 490px;
    overflow: hidden;
}

#read-more2 {
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,1));
    color: steelblue;
    font-size: 1.3em;
    font-weight: 700;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.wraper_text_expand2 {
    position: relative;
    width: 100%;
}

.avatar_search_selected {
    display: block;
    border-radius: 60px;
    box-sizing: border-box;
    background-color: #DDD;
    border: 5px solid grey;
}
.avatar_search {
    display: block;
    border-radius: 60px;
    box-sizing: border-box;
    background-color: #DDD;
    border: 5px solid #cfd8dc;
}

.img_search {
    height: 60px !important;
    width: 60px !important;
}





.scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px; /* Spațiu pentru a preveni ascunderea scrollbar-ului */
}

.ui.equal.width.grid {
    display: flex; /* Folosește flexbox pentru a alinia elementele pe orizontală */
    flex-wrap: nowrap; /* Previne ca elementele să se împartă pe mai multe linii */
}

.column {
    flex: 0 0 auto; /* Fiecare coloană își păstrează dimensiunea în funcție de conținut */
    margin-right: 15px; /* Poți ajusta distanța între elemente */
}

.scroll-container::-webkit-scrollbar {
    display: none; /* Ascunde scrollbar-ul vizual, dar permite scroll-ul */
}

div.div_item_filtre_imagini {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;

    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */

}
img.img_item_filtre_imagini {


    min-width: 90px !important;
    height: 90px !important;
    object-fit: cover;

}
.caption_item_filtre_imagini {
    font-size: 8px;
    color: black !important;
    display: block;
}


.scroll-btn {
    position: absolute;
    top: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: background 0.3s ease;
}

.scroll-btn:hover {
    background: rgba(0, 0, 0, 0.7);
}

/* Poziționarea săgeților */
.scroll-btn.left {
    left: 10px;
}

.caption_item_filtre_imagini { text-align: center !important;}
.selected_image_border{ border-color: mediumblue !important; border: solid 3px !important;}
.scroll-btn.right {
    right: 10px;
}


/* CONTAINERUL PRINCIPAL */
.search-dropdown-container_ury {
    /* Folosim unități relative (max-width) pentru responsive */
    max-width: 600px;
    margin: 20px auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
}

/* BARĂ DE CĂUTARE ȘI BUTON */
.search-dropdown-container_ury .search-bar {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.search-dropdown-container_ury .search-bar input[type="text"] {
    flex-grow: 1;
    padding: 12px 15px;
    border: none;
    font-size: 1em; /* Folosim unitate 'em' pentru responsive */
    outline: none;
    /* Ajustare pe mobile pentru a nu fi prea mic */
    min-width: 150px;
}

/* STILIZARE BUTON & ICONIȚE UNICODE */
.search-dropdown-container_ury .search-button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 12px 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em; /* Mărim simbolul de lupă */
    line-height: 1; /* Aliniază simbolul corect */
}

/* CONȚINUT DROPDOWN */
.search-dropdown-container_ury .search-dropdown-content {
    padding: 15px 0;
    border-top: 1px solid #eee;
    background-color: white;
}

.search-dropdown-container_ury .search-dropdown-content h3 {
    font-size: 0.9em;
    color: #555;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px 15px;
}

.search-dropdown-container_ury .search-dropdown-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-dropdown-container_ury .search-dropdown-content li {
    padding: 8px 15px;
    font-size: 1em;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.search-dropdown-container_ury .search-dropdown-content li:hover {
    background-color: #f5f5f5;
}

/* Iconița de lupă din lista (simbolul Unicode) */
.search-dropdown-container_ury .search-dropdown-content .search-icon {
    margin-right: 8px;
    color: #999;
    font-size: 1em;
    /* Asigură alinierea verticală */
    line-height: 1;
}

/* -------------------- RESPONSIVE DESIGN (Media Queries) -------------------- */

@media (max-width: 500px) {
    /* Pe ecranele mai mici de 500px, reducem padding-ul și dimensiunea fontului */
    .search-dropdown-container_ury {
        margin: 10px; /* Reducem marginile laterale pe mobil */
    }

    .search-dropdown-container_ury .search-bar input[type="text"] {
        padding: 10px 10px;
        font-size: 0.9em;
    }

    /* Reducem dimensiunea butonului de căutare */
    .search-dropdown-container_ury .search-button {
        padding: 10px 15px;
        font-size: 1.2em;
    }

    .search-dropdown-container_ury .search-dropdown-content li {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}