#header { /*min-height: 112px;*/ }

.tbsmob, .mbl, .shopcart { display: none !important; }
.account .cart-overlay { /*top: 100px !important;*/ }
#center_column .products-grid { margin-top: 8px; }
#right_column { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DFDFDF; padding: 19px 0 0 19px !important; }
#primary_block { margin: 0; }
/*.curasfoieste .actions { margin-left: 39% !important; }*/
.odddup { display: inline-block; }
.nuprods { position: relative; margin-top: 35px; margin-left: 15px; }
.page-title-content { width: fit-content; max-height: 50px; text-align: center; padding: 5px; } /* background: rgba(0,0,0,0.4);  */

/*------------------------------------------------- HOMEPAGE ----------------------------------------------*/
/*------------------------------------------------- HOMEPAGE ----------------------------------------------*/
/*------------------------------------------------- HOMEPAGE ----------------------------------------------*/
/*------------------------------------------------- HOMEPAGE ----------------------------------------------*/

#index > #page > #columns {
    margin-bottom: 80px;
}

header .hrmx-logo img {
    max-width: 190px;
}

#cssmenu {
    background-color: #0492c2;    
}
.meniuDeNavigare #cssmenu > ul {
    background-color: #0492c2 !important;
    width: 1217px;
}
.navbar .nav > li i {
    color: #0492c2;
}


#nav-search .nav-search-submit {
    background-color: #0492c2;
    border: 1px solid #0492c2;
}
.nav-search-submit:hover {
    background-color: #0492c2!important;
    border: 1px solid #0492c2;

}

header .hrmx-meta .account li i {
    color: #0492c2;
}
header .hrmx-meta .account li .count-cap {
    background-color: #0492c2 !important;
}

header .hrmx-meta .account li .count-cap:before {
    border-color: transparent #0492c2 transparent transparent !important;
}

.shopcart .count-cap {
        background-color: #0492c2 !important;
}
.shopcart .count-cap:before {
    border-color: transparent #0492c2 transparent transparent !important;
}

.shopcart .icon-shopping-cart {
    color: #0492c2 !important;
}

#center_column .bx-pager a {
    background: rgba(4, 146, 194, .55) !important;
    border: 3px solid rgba(4, 146, 194, .55) !important;
}

#center_column .bx-pager a.active {
    background: none repeat scroll 0 0 #0492c2 !important;
    border: 3px solid #0492c2 !important;
}

.nav-search-scope select {
    border: none;
}


.bx-prev, .bx-next {
    top: 30%;
}

/*------------------------------------------------- CENTER COLUMNS ----------------------------------------------*/
/*------------------------------------------------- CENTER COLUMNS ----------------------------------------------*/
/*------------------------------------------------- CENTER COLUMNS ----------------------------------------------*/
/*------------------------------------------------- CENTER COLUMNS ----------------------------------------------*/

#columns {
    
}
#columns #center_column {
    background-color: #f8f8f8;
}
/*#columns #center_column .title-carousel {
    font-family: Raleway;
    font-weight: 700;
    font-size: 37px;
    color: #0492c2;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    text-align: center;
    border: none;
    background-color: white;
} */
#columns #center_column .promo-right {
    padding-left: 25px;
}
#columns #center_column .promo-right .title-carousel {
    font-size: 25px;
    /*color: #0492c2;*/
    text-align: left;
    margin-bottom: 25px;
    margin-top: 30px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-top: 0;
    background-color: transparent;
}


#columns #center_column .promo-right .actions i {
    /*color: #0492c2 !important;*/
}

.products-grid .item:hover {
    border-color: #0492c2 !important;
}
.products-grid .product-name a {
    color: #0492c2 !important;
}
.products-grid .item .prices b {
    color: #0492c2 !important;
}
.rasfoieste i.icon-book {
    color: #0492c2 !important;
}
.actions i {
    /*color: #0492c2 !important;*/
}




#center_column > .products-grid.feat {
    background-color: white;
    text-align: center;
    width: 100%;
    padding: 0 3% 40px;
}
article#center_column > .title-carousel:last-of-type {
    background-color: #f8f8f8 !important;
    margin-top: 30px !important;
}

#center_column .item {
    margin-bottom: 10px;
}

/*------------------------------------------------- PAGINA PRODUS ----------------------------------------------*/
/*------------------------------------------------- PAGINA PRODUS ----------------------------------------------*/
/*------------------------------------------------- PAGINA PRODUS ----------------------------------------------*/
/*------------------------------------------------- PAGINA PRODUS ----------------------------------------------*/
/*------------------------------------------------- PAGINA PRODUS ----------------------------------------------*/
/*------------------------------------------------- PAGINA PRODUS ----------------------------------------------*/

.breadcrumb {
    color: #0492c2; 
}
aside .block h4 {
    background: transparent;
    color: #f8821e;
    text-align: left;
    padding: 0 0 10px 0;
    font-size: 18px !important;
    font-family: 'Adobe Caslon Pro' !important;
    font-weight: 600;
}
#categories_block_left li.active a {
    color: #7B7B7B;
    text-decoration: underline;
}

.price_product .reducere {
    background: #0492c2 none repeat scroll 0 0;
    border: 3px solid #0492c2;
}


.product_description .prices b {
    color: #0492c2;
}
.product_description .price_product .actions #image {
    background-image: none;
    background-color: #0492c2;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #0492c2;
}

.social-items a em:hover {
    color: #0492c2;
}


/*---------------------------------------------------------PAGINA COLECTII ----------------------------------------*/

.pagination ul > li > a > font {
    color: #0492c2 !important;
}

.pagination ul li:hover a {
    background-color: #0492c2;
    color: white !important;
}

.pagination ul li:hover a > font {
    
    color: white !important;
}

/*---------------------------------------------------------- COS MIC ---------------------------------------------*/
.cart-overlay .product .product-price .cart-price {
    color: #0492c2;
}
.cart-overlay .cart-foot .total span {
    color: #0492c2;
}

.cart-overlay .cart-foot .checkout input {
    background-color: #0492c2;
}






/*------------------------------------------------ INREGISTREAZA-TE -----------------------------------------------*/
/*------------------------------------------------ INREGISTREAZA-TE -----------------------------------------------*/
/*------------------------------------------------ INREGISTREAZA-TE -----------------------------------------------*/
#register_form {
    border: 1px solid #0492c2 !important;
    /*border: 1px solid #DFDFDF !important;*/
}
#register_form h1, #login_form h1 {
    color: #0492c2 !important;
}

.nice_links {
    color: #0492c2 !important;
}.nice_links:hover {
    color: #0492c2 !important;
}


#loginform .trimite {
    /*background-color: #0492c2 !important;*/
}
#loginform a.trimite {
    background-color: #0492c2 !important;
}


#formregistr .trimite {
    background-color: #0492c2 !important;
}
#formregistr a.trimite {
    background-color: #0492c2 !important;
}


#emailform .trimite {
    background-color: #0492c2 !important;
}
#emailform a.trimite {
    background-color: #0492c2 !important;
}

#center_column .error p {
    color: #0492c2 !important;
}


/*------------------------------------------------ Newsletter -----------------------------------------------*/
/*------------------------------------------------ Newsletter -----------------------------------------------*/
/*------------------------------------------------ Newsletter -----------------------------------------------*/


#center_column #newsletter h3 {
    color: #0492c2 !important;
}
#newsletter .omega input[type=submit] {
    background-color: #0492c2;
}#newsletter .omega input[type=submit]:hover {
    background-color: #0492c2;
}

/*------------------------------------------------ Privacy -----------------------------------------------*/
/*------------------------------------------------ Privacy -----------------------------------------------*/
/*------------------------------------------------ Privacy -----------------------------------------------*/


#privacypol div:first-child a { 
    color: #0492c2 !important;
}#privacypol div:first-child a:hover {
    color: #0492c2 !important;
}

#privacypol div:last-child a {
    background-color: #0492c2 !important;
}#privacypol div:last-child a:hover {
    background-color: #0492c2 !important;
}


/*------------------------------------------------------- COS EROSCOP -----------------------------------*/
/*------------------------------------------------------- COS EROSCOP -----------------------------------*/
/*------------------------------------------------------- COS EROSCOP -----------------------------------*/



#cos-cumparaturi .table .ob-info p a {
    color: #0492c2 !important;
}


#cos-cumparaturi h1 {
    /*color: #0492c2 !important;*/
}

#total .total-container h1:last-child {
    color: #0492c2 !important;
}



#modalitate-de-livrare.livrare .livrare-select.infoFAN > div {
    color: #0492c2 !important;
}

#modalitate-de-livrare.informatii-plata h1 {
    /*color: #0492c2 !important;*/
} 




#total .buton-finalizeaza {
    /*background-color: #0492c2 !important;*/
}#total .buton-finalizeaza:hover {
    background-color: #0492c2 !important;
}



#form-add input[type=submit] {
    background-color: #0492c2 !important;
} #form-add input[type=submit]:hover {
    background-color: #0492c2 !important;
}

#form-add-fact-pf input[type=submit] {
    background-color: #0492c2 !important;
}#form-add-fact-pf input[type=submit]:hover {
    background-color: #0492c2 !important;
}



#form-add-fact-pj input[type=submit] {
    background-color: #0492c2 !important;
}#form-add-fact-pj input[type=submit]:hover {
    background-color: #0492c2 !important;
}



#date-de-livrare .buton-date-adauga {
    background-color: #0492c2 !important;
} #date-de-livrare .buton-date-adauga:hover {
    background-color: #0492c2 !important;
}


#cosAlert #ccAlert {
    /*background-color: #0492c2 !important;*/
}
#cosAlert #fcAlert {
    background-color: #0492c2 !important;    
}
/*----------------------------------------------- CONTUL MEU -------------------------------------------*/
/*----------------------------------------------- CONTUL MEU -------------------------------------------*/
/*----------------------------------------------- CONTUL MEU -------------------------------------------*/

#date-de-livrare > h1 {
    /*color: #0492c2 !important;*/
}
#date-de-facturare > h1 {
    /*color: #0492c2 !important;*/
}

.incont #date-de-livrare .buton-date-adauga {
    background-color: #0492c2 !important;
    width: 302px !important;
}.incont #date-de-livrare .buton-date-adauga:hover {
    background-color: #0492c2 !important;
}


#date-de-facturare .buton-date-adauga {
    background-color: #0492c2 !important;
     width: 302px !important;
}#date-de-facturare .buton-date-adauga:hover {
    background-color: #0492c2 !important;
}



#center_column.incont table.table.table-striped thead {
    background-color: #0492c2 !important;
}



/*-------------------------------------------------------------- FOOTER -----------------------------------------*/
#footer a:hover {
    color: #0492c2 !important;
}

/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/
/*----------------------------------------------------------- DE LA EDITURA -------------------------------------*/


.tbsmob, .mbl, .shopcart { display: none !important; }
.account .cart-overlay { /*top: 100px !important;*/ }

@media (max-width: 667px) {

    .meniuDeNavigare { width: 55px !important; height: 41px !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 99999 !important; }
    #cssmenu ul { /*width: 100vw !important; */background: #0492c2 !important; }
    #cssmenu #menu-button { height: 41px !important; }
    header .hrmx-logo { /*width: auto !important;*/ width: 70% !important; margin: 0 auto; /*float: none !important;*/ }
    header .hrmx-logo img { /*height: auto !important;*/ }
    .hrmx-logo a { margin: 0 35% !important; }
    .hrmx-nav, .top-links, .hrmx-meta, .left_content, .shopcarta { display: none !important; }
    .icon-shopping-cart { /*color: #f7821e !important; margin-right: 10px !important; font-size: 24px !important;*/ }
    .count-cap { background-color: #f7821e !important; color: #fff !important; display: inline-block !important; font-size: 14px !important; height: 25px !important; padding-top: 4px !important; position: relative !important; right: -7px !important; text-align: center !important; top: 0px !important; width: 29px !important; }
    .count-cap:before { border-color: transparent #f7821e transparent transparent !important; border-style: solid !important; border-width: 7px 7px 7px 0 !important; bottom: 7px !important; content: " " !important; display: block !important; height: 0 !important; left: -6px !important; position: absolute !important; width: 0 !important; }
    .shopcart { display: block !important; /*float: right !important; */margin-top: auto !important; margin-right: 20px !important; }
    .search-bar { clear: both !important; margin: 0 13px !important; }
    /*.content_shoppingcart { margin-top: 60px !important; margin-right: 0 !important; margin-left: 40px; }*/
    .cart-overlay { border-top: 1px solid #d6d6d6 !important; }
    .open_close_cart { float: right !important; }
    .open_close_cart:after { position: absolute; top: 0; left: 0; content: ' '; height: 32px; width: 100%; z-index: 15; }
    .open_close_cart:active { margin-top: -60px !important; }
    #cos-cumparaturi { min-width: 100% !important; max-width: 100% !important; }
    #cos-cumparaturi .table .titluri-cos th { font-size: 14px !important; }
    .modalitate-de-livrare-content, .date-de-livrare-content, .date-de-facturare-content { padding: 0px 10px !important; }
    #modalitate-de-livrare .radio-buttons-livrare-container { width: 100% !important; }
    #cos-cumparaturi h1, #date-de-livrare h1, #date-de-facturare h1, #modalitate-de-livrare h1 { padding: 20px 10px !important; }
    #date-de-livrare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    #date-de-livrare input[type=radio ]:not(old) + label > span, #date-de-facturare input[type=radio ]:not(old) + label > span { margin: auto !important; }
    #total, #total .total-container { width: 98% !important; margin: 0 1%; }
    #total .total-container { height: auto !important; }
    .textarea-observatii { width: 100%; }
    .bdaa { float: none !important; clear: both !important; display: block !important; }
    #cos-cumparaturi .subtotal-si-reducere { left: 0 !important; width: auto !important; }
    #cos-cumparaturi .subtotal-si-reducere .voucher-subtotal p, #cos-cumparaturi .subtotal-si-reducere .voucher-reducere p { margin-right: 10px !important; }
    .rbl { float: left !important; /*width: 50% !important;*/ }
    .rbr { float: right !important; width: 50% !important; }
    /*.cantitate-comanda, */.pret-comanda, .total-comanda, /*.ob-cantitate, */.ob-pret, .ob-total, .dsk { display: none !important; }
    #cos-cumparaturi .table .ob-info h5 a, #cos-cumparaturi .table .ob-info p { font-size: 13px !important; }
    #cos-cumparaturi .tbsmob .rbl p, #cos-cumparaturi .tbsmob .rbr p { font-size: 12px !important; }
    .tbsmob, .mbl { display: block !important; }
    #cos-cumparaturi .table .sterge-din-cos { /*bottom: 0 !important; */left: 25% !important; }
    #quantity_wanted { margin-top: 0 !important; }
    .cart-overlay { width: 100% !important; }
    .cart-overlay .product .product-price { float: right !important; }
    .cart-overlay .product .product-meta { width: auto !important; }

    #cssmenu #menu-button:after { height: 2px !important; }
    #cssmenu #menu-button:before { height: 2px !important; }


    /*
    TBD:
    1. de aranjat footer-ul
    */

    #date-de-facturare > div > div.radio-buttons-date-container > div:nth-child(1) > label > span, #date-de-facturare > div > div.radio-buttons-date-container > div:nth-child(2) > label > span, #date-de-livrare > div > div.radio-buttons-date-container > div > label > span { float: left !important; margin-top: 5px !important; margin-left: -10px !important; }
    .radio-info { width: 95% !important; float: right !important; margin-top: 0px !important; }
    header .hrmx-logo .logo { left: 0 !important; }
    .bx-controls { display: none !important; }
    #presta-slider { margin: 0 auto !important; }
    .radio-buttons-date-container .butoane-date { margin-right: 0 !important; }
    /*.bx-viewport { height: 300px !important; }*/

    header .hrmx-logo img { max-height: 90px; }



    header .hrmx-logo { width: 100% !important; margin: 0 auto; position: absolute; text-align: center; }
    header .hrmx-logo .logo { left: 0 !important; width: 100%; margin: 0 auto !important; }

    .shopcart { display: block !important; margin-top: auto !important; margin-right: 20px !important; margin-bottom: 40px; width: 100%; float: right; z-index: 99999 !important; }
    header .hrmx-logo { width: 100% !important; margin: 0 auto; position: absolute; text-align: center; }
    header .hrmx-logo .logo { text-align: center; left: 0 !important; width: auto; margin: 0 auto !important; float: none; z-index: 99999; }


    .modal { width: 100% !important; margin: 0 !important; left: 0 !important; }

}




















/*@media (max-width: 480px) { .shopcart { margin-bottom: 55px; } }
@media (max-width: 667px) { .shopcart { display: block !important; margin-top: auto !important; margin-right: 20px !important; margin-bottom: 55px; } }*/

#cos-cumparaturi {
    min-width: auto !important;
    background-color: #f8f8f8;
}


.shop-checkout {
    margin-top: 0 !important;
}


.te-rugam {
    background-color: transparent !important;
    text-align: right;
    color: black !important;
    width: 100%;
}
#total .total-container h1 {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.radio-buttons-date-container .butoane-date {
    margin-right: 0px !important;
}

@media (max-width: 1024px) {
    
    
    
    
    /*------------------------------------------------- reduceri cos ---------------------------------*/
    
    
    #cos-cumparaturi {
        padding: 0 3% !important;
    }
    #cos-cumparaturi > section.descriere-comanda .radio-buttons-date-container .butoane-date > .buton-date:last-child {
        display: block;
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }
    #cos-cumparaturi h1 {
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }
    
    #modalitate-de-livrare.reduceri {
        margin-top: 40px;
    }
    
    
    
    #modalitate-de-livrare.reduceri #continua-section {
        padding: 20px 0 !important;
    }
    #modalitate-de-livrare.reduceri #continua-section a {
        display: block;
        margin-bottom: 20px;
    }
    
    
    
    
    
    #cos-cumparaturi #modalitate-de-livrare.reduceri > h1 {
        padding: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 60px !important;
    }
    
    
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content {
        padding: 0 !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare-container {
        display: flex !important;
        justify-content: space-between;
        margin-bottom: 30px !important;
    }
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare-container {
        
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .modalitate-de-livrare-content {
        padding: 0 !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select {
        width: 58.7%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    #cos-cumparaturi > section.descriere-comanda .radio-buttons-date-container .butoane-date > .buton-date:nth-child(1) {
        margin-bottom: 22px !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select div:last-of-type {
        width: 92px !important;
        margin-left: 30px !important;
    }
    
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare {
        width: 100% !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare #partner_code {
        float: right;
        background-color: white !important;
        width: 32% !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare .cupon-buton-ok {
        float: right;
    }
    
    
    
    .shop-checkout .onleft {
        margin-bottom: 0;
        padding-bottom: 3px;
    }
    
    
        /*------------------------------------------------- date de livrare cos ---------------------------------*/
    #date-de-livrare {
        padding: 0 3%;
    }
    #date-de-livrare .date-de-livrare-content .radio-buttons-date-container .radio-buttons-date > label {
        padding: 15px 20px;
    }
    
    #modalitate-de-livrare.livrare .radio-buttons-livrare-container { 
        width: 100% !important;
    }
    #total {
        padding: 5px 10px;
        margin: 20px auto !important;
        width: 94% !important;
        float: none !important;
    }
    #total .total-container {
        width: 90% !important;
    }
    #date-de-livrare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    
    
    #date-de-livrare div.radio-buttons-date-container .radio-info {
        width: CALC(100% - 100px) !important;
        margin-top: 0 !important;
    }
    
    
    /*---- modal ----*/
    .fieldmic.fpv , .fieldmic.fct {
        width: 100% !important;
    }
    .fieldmic.fpv label , .fieldmic.fct label {
        display: block;
        float: left;
        padding: 8px 10px;
        width: 25% !important;
        margin-bottom: 15px;
    }
    .fieldmic.fpv select , .fieldmic.fct select, .fieldmic.fpv input , .fieldmic.fct input {
        width: 75%;
        margin-bottom: 15px;
    }
    
    
    
    /*------------------------------------------------- date de facturare cos ---------------------------------*/
    
    
    #date-de-facturare {
        padding: 0 3% 40px !important;
    }
    #date-de-facturare .date-de-facturare-content .radio-buttons-date-container .radio-buttons-date > label {
        padding: 15px 20px;
    }
    
    #modalitate-de-livrare.livrare .radio-buttons-livrare-container { 
        width: 100% !important;
    }
    #date-de-facturare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    
    
    #date-de-facturare div.radio-buttons-date-container .radio-info {
        width: CALC(100% - 100px) !important;
        margin-top: 0 !important;
    }
    
     /*------------------------------------------------- informatii plata cos ---------------------------------*/
    
    #modalitate-de-livrare.informatii-plata {
        padding: 0 3% 40px !important;
    }
    
    
    
    #total:last-of-type .total-container {
        width: 100% !important;
    }
}








@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    #cssmenu #menu-button:before { top: auto; }
}
@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    #cssmenu #menu-button:after { top: 21px; }
    
    
    
}

@media (max-width: 640px) {
    #date-de-livrare div.radio-buttons-date-container .radio-info {
        width: 95% !important;
        margin-top: 0 !important;
    }
    #date-de-facturare div.radio-buttons-date-container .radio-info {
        width: 95% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 600px){
    .fieldmic.fpv , .fieldmic.fct {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .fieldmic.fpv label , .fieldmic.fct label {
        margin-bottom: 0;
        padding-bottom: 3px;
        display: block;
        float: left;
        width: 40%;
    }
    .fieldmic.fpv select , .fieldmic.fct select, .fieldmic.fpv input , .fieldmic.fct input {        
        margin-right: 0;
        float: none !important;
        width: 75%;
        display: block;
    }
    .fieldmic.fct {
        margin-bottom: 0;
    }
    
}

@media (max-width: 480px) {

    .shopcart { /*margin-top: -60px !important;*/ }
    .hrmx-logo a { /*margin: 0 !important;*/ }
    #continua-section .buton-continua { display: block; }
    /*.bx-viewport { height: 180px !important; }*/
    
    .shop-checkout input[type=submit] {
        width: 50% !important;
    }

}

@media (max-width: 360px) {

    /*header .hrmx-logo .logo { left: 55% !important; }*/
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select div:last-of-type {
        width: 92px !important;
        margin-left: 0px !important;
    }
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare #partner_code {
        float: none;
        display: inline-block;
        width: 180px !important;
        margin-top: 10px;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare .cupon-buton-ok {
        float: none;
        margin-top: 10px;
    }
    .radio-buttons-date-container .buton-date  {
        width: 150px !important;
    }
    
    
    
    
    .fieldmic.fnr , .fieldmic.fbl , .fieldmic.fsc , .fieldmic.fap {
        width: 50% !important;
    }
    .fieldmic.fnr input, .fieldmic.fbl input, .fieldmic.fsc input, .fieldmic.fap input {
        width: 60%;
    }
}



@media (max-width: 320px) {
    .radio-buttons-date-container .buton-date  {
        width: 138px !important;
    }
    #date-de-livrare .buton-date-adauga {
        width: 279px !important;
    }
    #date-de-facturare .buton-date-adauga {
        width: 279px !important;
    }
}












/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/
/*----------------------------------------------------------- END - DE LA EDITURA ----------------------------*/

 


/*------------------------------------------------------------- COS ------------------------------------------*/
#continua-section .buton-continua {
    background-color: #0492c2 !important;
}
#continua-section .buton-continua:last-child {
    background-color: #0492c2 !important;
}
    
    
    
    
    
    
    
    
    
    
    



















/*header { -webkit-box-sizing: unset !important; -moz-box-sizing: unset !important; box-sizing: unset !important; }*/

header .hrmx-logo .logo.absolute { display: none; }
header .hrmx-logo { width: 30%; }
.left_content { float: left; width: 70%; }
header .hrmx-meta { width: 100% !important; float: none; padding-top: 0; padding-left: 0; padding-right: 0; }

header .hrmx-nav #menuv { display: flex; justify-content: flex-end; align-items: center; width: 55%; }

header .hrmx-nav { width: 100% !important; float: none; margin-top: 0; padding-left: 0; display: flex; justify-content: flex-end; align-items: center; }
header .hrmx-nav .search-bar { width: 45%; }
.clasa_laura_3 { width: 10% !important; background: url(/images_new/icos/login_edituratrei.png); background-repeat: no-repeat; padding-left: 33px; background-position: left; padding-right: 20px; }
ul.account { width: auto; text-align: right; background: url(/images_new/icos/cos_edituratrei.png); background-repeat: no-repeat; padding-left: 33px; background-position: left; }
ul.account li { width: 100% !important; }
.clasa_laura_2 { width: auto !important; background: url(/images_new/icos/login_edituratrei.png); background-repeat: no-repeat; padding-left: 33px; background-position: left; padding-right: 20px; }
.clasa_laura_1 { width: auto !important; background: url(/images_new/icos/logout_edituratrei.png); background-repeat: no-repeat; padding-left: 33px; background-position: left; }
.clasa_laura_6 { width: auto !important; background: url(/images_new/icos/wishlist_edituratrei.png); background-repeat: no-repeat; padding-left: 33px; background-position: left; padding-right: 20px; }

.clasa_laura_4 { float: none !important; width: 32% !important; display: inline-block !important; }
.clasa_laura_5 { float: none !important; width: 33% !important; display: inline-block !important; }
.clasa_laura_6 { float: right !important; text-align: left !important; position: relative; }
.sp { float: none !important; width: auto !important; display: inline-block !important; padding-left: 4px; }

header .hrmx-nav .account li .count-cap { background-color: #0492c2; color: #fff; display: inline-block; font-size: 14px; height: 25px; padding-top: 4px; position: relative; right: -7px; text-align: center; top: 0px; width: 29px; }
header .hrmx-nav .account li .count-cap:before { border-color: transparent #0492c2 transparent transparent; border-style: solid; border-width: 7px 7px 7px 0; bottom: 7px; content: " "; display: block; height: 0; left: -6px; position: absolute; width: 0; }

header .hrmx-nav div a, .shopcarta, .count-cap { font-family: open sans; font-size: 14px; font-weight: 600; color: #525252; }
header .hrmx-nav div a i, .menuv .icon-shopping-cart { display: none !important; }



.ccmeu { display: none; position: absolute; top: 60px; background: transparent; z-index: 1; padding-top: 10px; }
.ccmeul { padding: 8px 10px; /*border-bottom: 1px solid #ccc;*/ background: #0492c2; }
header .hrmx-nav #formsitesearch1 { width: 80%; }
#nav-search .nav-search-field .nav-input { width: 100%; }
header .hrmx-nav .nav-left { height: 27px; }
#nav-search .nav-search-scope { height: 27px; border-radius: 0; }
#nav-search .nav-search-facade .nav-search-label { line-height: 27px; }
#nav-search .nav-search-facade .nav-icon { top: 12px; }
#nav-search .nav-search-dropdown { height: 27px; line-height: 27px; }
#nav-search .nav-searchbar .nav-fill, #nav-search .nav-searchbar .nav-left, #nav-search .nav-searchbar .nav-right { height: 27px; }
#nav-search .nav-search-submit { height: 27px; border-radius: 0; background-color: transparent; border: none; background-position: 0; }
#nav-search .nav-search-submit .nav-search-submit-text { top: 2px; left: 8px; width: 100%; height: 100%; }
#nav-search .nav-searchbar .nav-fill, #nav-search .nav-searchbar .nav-left, #nav-search .nav-searchbar .nav-right { height: 28px !important; }
#nav-search .nav-searchbar .nav-right { position: absolute; right: 0; z-index: 1; }
#nav-search .nav-search-field { height: 27px; border-right: 1px solid #bdbdbd; }
#nav-search .nav-search-field .nav-input { height: 27px; }
#nav-search-submit-text { background: url(/images_new/icos/lupa_edituratrei.png); background-repeat: no-repeat; background-position: left; }
#nav-search-submit-text .icon-search { display: none; }
#nav-search .nav-search-submit:focus, #nav-search .nav-search-submit:hover { background-color: transparent !important; border: none; }



.navbar { border-radius: 0 !important; position: relative !important; min-height: auto !important; margin-bottom: 0 !important; border: 0 !important; }



.nrwishlist { position: absolute; top: 12px; left: 16px; color: #fff; background: #f8821e; width: 15px; height: 15px; font-size: 12px; font-weight: 600; text-align: center; border-radius: 50%; line-height: 15px; }
.sp { position: relative; line-height: 16px; }
.nrcos { position: absolute; top: 8px; left: -12px; color: #fff; background: #f8821e; width: 15px; height: 15px; font-size: 12px; font-weight: 600; text-align: center; border-radius: 50%; line-height: 15px; }




.icon-pencil, .icon-envelope { display: none !important; }
.clasa_laura_si { float: right !important; width: 35% !important; display: flex !important; display: flex; justify-content: space-between; align-items: center; text-transform: none; font-size: 14px; color: #777; font-family: "Open Sans","Arial",sans-serif; }
.navbar .nav > li a { font-size: 14px; }
.clasa_laura_si_1 { margin: 0; padding: 0; }



#header_nav { display: flex; justify-content: space-between; align-items: center; margin-left: 2px; }



header .hrmx-logo img { max-width: 250px; margin-left: -13px; }
a.logo { margin: 10px 0 0; }



.col2-right #right_column { padding-left: 0; }
#categories_block_left { margin: 0 35px 15px 0; }
#categories_block_left li > a { font-family: 'Adobe Caslon Pro'; font-weight: normal; font-style: normal; font-size: 16px; border-bottom: none; padding: 8px 0; }
aside .block_content { background: none; border: none; }
aside .block h4 { font-family: "Open Sans","Arial",sans-serif; font-size: 14px; margin-bottom: 10px; }

.category-image { margin: 0 0 20px; min-height: 100px; }
.category-image .page-title { max-width: 1185px; position: relative; text-align: left; background: none; margin-left: auto; margin-right: auto; font-family: 'Adobe Caslon Pro'; font-weight: normal; font-style: normal; font-size: 36px; text-transform: none; color: #fff; }

.category-image .page-title-description { max-width: 1185px; position: relative; text-align: left; background: none; margin-left: auto; margin-right: auto; font-family: 'Adobe Caslon Pro'; font-weight: 100 !important; font-style: normal; font-size: 21px; text-transform: none; color: #fff; margin-top: 22px; }
.category-image .page-title-description p { width: 50%; }
.catstd { /*padding-top: 20px;*/ }

.breadcrumb { margin: 0 0 10px 0; font-family: 'Adobe Caslon Pro' !important; font-weight: normal; font-style: italic; font-size: 15px; color: #7B7B7B; }
.breadcrumb a { color: #7B7B7B; font-size: 15px; font-family: 'Adobe Caslon Pro' !important; }
.navigation_page { font-family: 'Adobe Caslon Pro' !important; }
.breadcrumb .navigation-pipe { color: #7B7B7B; }

.clasa_laura_5 > a > img { margin-left: -6px; }
.container_9 { padding-right: 0; }
.liblog { float: right !important; }
.liblog a { padding-right: 10px !important; }





#cssmenu ul ul li a {
    background: #0492c2 none repeat scroll 0 0;
}



@media (max-width: 1200px) {

    .meniuDeNavigare { width: 55px !important; height: 41px !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 99999 !important; }
    #cssmenu ul { /*width: 100vw !important; */background: #0492c2 !important; }
    #cssmenu #menu-button { height: 41px !important; }
    header .hrmx-logo { /*width: auto !important;*/ width: 70% !important; margin: 0 auto; /*float: none !important;*/ }
    header .hrmx-logo img { /*height: auto !important;*/ }
    .hrmx-logo a { margin: 0 35% !important; }
    .hrmx-nav, .top-links, .hrmx-meta, .left_content, .shopcarta { display: none !important; }
    .icon-shopping-cart { /*color: #f7821e !important; margin-right: 10px !important; font-size: 24px !important;*/ }
    .count-cap { background-color: #f7821e !important; color: #fff !important; display: inline-block !important; font-size: 14px !important; height: 25px !important; padding-top: 4px !important; position: relative !important; right: -7px !important; text-align: center !important; top: 0px !important; width: 29px !important; }
    .count-cap:before { border-color: transparent #f7821e transparent transparent !important; border-style: solid !important; border-width: 7px 7px 7px 0 !important; bottom: 7px !important; content: " " !important; display: block !important; height: 0 !important; left: -6px !important; position: absolute !important; width: 0 !important; }
    .shopcart { display: block !important; /*float: right !important; */margin-top: auto !important; margin-right: 20px !important; }
    .search-bar { clear: both !important; margin: 0 13px !important; }
    .content_shoppingcart { /*margin-top: 60px !important; margin-right: 0 !important; margin-left: 40px;*/ }
    .cart-overlay { border-top: 1px solid #d6d6d6 !important; }
    .open_close_cart { float: right !important; }
    .open_close_cart:after { position: absolute; top: 0; left: 0; content: ' '; height: 32px; width: 100%; z-index: 15; }
    .open_close_cart:active { margin-top: -60px !important; }
    #cos-cumparaturi { min-width: 100% !important; max-width: 100% !important; }
    #cos-cumparaturi .table .titluri-cos th { font-size: 14px !important; }
    .modalitate-de-livrare-content, .date-de-livrare-content, .date-de-facturare-content { padding: 0px 10px !important; }
    #modalitate-de-livrare .radio-buttons-livrare-container { width: 100% !important; }
    #cos-cumparaturi h1, #date-de-livrare h1, #date-de-facturare h1, #modalitate-de-livrare h1 { padding: 20px 10px !important; }
    #date-de-livrare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    #date-de-livrare input[type=radio ]:not(old) + label > span, #date-de-facturare input[type=radio ]:not(old) + label > span { margin: auto !important; }
    #total, #total .total-container { width: 98% !important; margin: 0 1%; }
    #total .total-container { height: auto !important; }
    .textarea-observatii { width: 100%; }
    .bdaa { float: none !important; clear: both !important; display: block !important; }
    #cos-cumparaturi .subtotal-si-reducere { left: 0 !important; width: auto !important; }
    #cos-cumparaturi .subtotal-si-reducere .voucher-subtotal p, #cos-cumparaturi .subtotal-si-reducere .voucher-reducere p { margin-right: 10px !important; }
    .rbl { float: left !important; /*width: 50% !important;*/ }
    .rbr { float: right !important; width: 50% !important; }
    /*.cantitate-comanda, */.pret-comanda, .total-comanda, /*.ob-cantitate, */.ob-pret, .ob-total, .dsk { display: none !important; }
    #cos-cumparaturi .table .ob-info h5 a, #cos-cumparaturi .table .ob-info p { font-size: 13px !important; }
    #cos-cumparaturi .tbsmob .rbl p, #cos-cumparaturi .tbsmob .rbr p { font-size: 12px !important; }
    .tbsmob, .mbl { display: block !important; }
    #cos-cumparaturi .table .sterge-din-cos { /*bottom: 0 !important; */left: 25% !important; }
    #quantity_wanted { margin-top: 0 !important; }
    .cart-overlay { width: 100% !important; }
    .cart-overlay .product .product-price { float: right !important; }
    .cart-overlay .product .product-meta { width: auto !important; }

    #cssmenu #menu-button:after { height: 2px !important; }
    #cssmenu #menu-button:before { height: 2px !important; }


    /*
    TBD:
    1. de aranjat footer-ul
    */

    #date-de-facturare > div > div.radio-buttons-date-container > div:nth-child(1) > label > span, #date-de-facturare > div > div.radio-buttons-date-container > div:nth-child(2) > label > span, #date-de-livrare > div > div.radio-buttons-date-container > div > label > span { float: left !important; margin-top: 5px !important; margin-left: -10px !important; }
    .radio-info { width: 95% !important; float: right !important; margin-top: 0px !important; }
    header .hrmx-logo .logo { left: 0 !important; }
    .bx-controls { display: none !important; }
    #presta-slider { margin: 0 auto !important; }
    .radio-buttons-date-container .butoane-date { margin-right: 0 !important; }
    /*.bx-viewport { height: 300px !important; }*/

    header .hrmx-logo img { max-height: 90px; }



    header .hrmx-logo { width: 100% !important; margin: 0 auto; position: absolute; text-align: center; }
    header .hrmx-logo .logo { left: 0 !important; width: 100%; margin: 0 auto !important; }

    .shopcart { display: block !important; margin-top: auto !important; margin-right: 20px !important; margin-bottom: 40px; width: auto; float: right; z-index: 99999 !important; }
    header .hrmx-logo { width: 100% !important; margin: 0 auto; position: absolute; text-align: center; }
    header .hrmx-logo .logo { text-align: center; left: 0 !important; width: auto; margin: 0 auto !important; float: none; z-index: 99; }

    header .hrmx-logo .logo.absolute {
        width: auto!important;
    }

    #cssmenu #menu-button:before { top: auto; }
    #cssmenu #menu-button:after { top: 21px; }


    /*------------------------------------------------- reduceri cos ---------------------------------*/
    
    
    #cos-cumparaturi {
        padding: 0 3% !important;
    }
    #cos-cumparaturi > section.descriere-comanda .radio-buttons-date-container .butoane-date > .buton-date:last-child {
        display: block;
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }
    #cos-cumparaturi h1 {
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }
    
    #modalitate-de-livrare.reduceri {
        margin-top: 40px;
    }
    
    
    
    #modalitate-de-livrare.reduceri #continua-section {
        padding: 20px 0 !important;
    }
    #modalitate-de-livrare.reduceri #continua-section a {
        display: block;
        margin-bottom: 20px;
    }
    
    
    
    
    
    #cos-cumparaturi #modalitate-de-livrare.reduceri > h1 {
        padding: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 60px !important;
    }
    
    
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content {
        padding: 0 !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare-container {
        display: flex !important;
        justify-content: space-between;
        margin-bottom: 30px !important;
    }
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare-container {
        
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .modalitate-de-livrare-content {
        padding: 0 !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select {
        width: 58.7%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    #cos-cumparaturi > section.descriere-comanda .radio-buttons-date-container .butoane-date > .buton-date:nth-child(1) {
        margin-bottom: 22px !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select div:last-of-type {
        width: 92px !important;
        margin-left: 30px !important;
    }
    
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare {
        width: 100% !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare #partner_code {
        float: right;
        background-color: white !important;
        width: 32% !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare .cupon-buton-ok {
        float: right;
    }
    
    
    
    .shop-checkout .onleft {
        margin-bottom: 0;
        padding-bottom: 3px;
    }
    
    
        /*------------------------------------------------- date de livrare cos ---------------------------------*/
    #date-de-livrare {
        padding: 0 3%;
    }
    #date-de-livrare .date-de-livrare-content .radio-buttons-date-container .radio-buttons-date > label {
        padding: 15px 20px;
    }
    
    #modalitate-de-livrare.livrare .radio-buttons-livrare-container { 
        width: 100% !important;
    }
    #total {
        padding: 5px 10px;
        margin: 20px auto !important;
        width: 94% !important;
        float: none !important;
    }
    #total .total-container {
        width: 90% !important;
    }
    #date-de-livrare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    
    
    #date-de-livrare div.radio-buttons-date-container .radio-info {
        width: CALC(100% - 100px) !important;
        margin-top: 0 !important;
    }
    
    
    /*---- modal ----*/
    .fieldmic.fpv , .fieldmic.fct {
        width: 100% !important;
    }
    .fieldmic.fpv label , .fieldmic.fct label {
        display: block;
        float: left;
        padding: 8px 10px;
        width: 25% !important;
        margin-bottom: 15px;
    }
    .fieldmic.fpv select , .fieldmic.fct select, .fieldmic.fpv input , .fieldmic.fct input {
        width: 75%;
        margin-bottom: 15px;
    }
    
    
    
    /*------------------------------------------------- date de facturare cos ---------------------------------*/
    
    
    #date-de-facturare {
        padding: 0 3% 40px !important;
    }
    #date-de-facturare .date-de-facturare-content .radio-buttons-date-container .radio-buttons-date > label {
        padding: 15px 20px;
    }
    
    #modalitate-de-livrare.livrare .radio-buttons-livrare-container { 
        width: 100% !important;
    }
    #date-de-facturare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    
    
    #date-de-facturare div.radio-buttons-date-container .radio-info {
        width: CALC(100% - 100px) !important;
        margin-top: 0 !important;
    }
    
     /*------------------------------------------------- informatii plata cos ---------------------------------*/
    
    #modalitate-de-livrare.informatii-plata {
        padding: 0 3% 40px !important;
    }
    
    
    
    #total:last-of-type .total-container {
        width: 100% !important;
    }
    
    
     /*------------------------------------------------- mod vizitator ---------------------------------*/
    #vizviz {
       padding: 0 3% !important;
    }
    #vizviz .formular-vizitator .mod-vizitator-tabel ul.nav li {
        width: 45%;
    }

    /*.meniuDeNavigare #cssmenu > ul { display: none; }*/
    .open { display: block; }
    #menu-button { display: block !important; }
    #cssmenu #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; }
    #cssmenu #menu-button:before { position: absolute; top: 18px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; }
    #cssmenu > ul > li { float: none !important; }

    #cssmenu #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    #cssmenu #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

    .nrcos { position: absolute; /*top: -7px !important; left: -16px;*/ color: #fff; background: #f7821e; width: 15px; height: 15px; font-size: 12px; font-weight: 600; text-align: center; border-radius: 50%; line-height: 15px; }

    a.logo img { height: 70px; margin-top: -13px; }

    /*.sp { margin: 10px 0 -10px 0; }*/

    .open_close_cart .icon-shopping-cart { display: none !important; }

    ul.account { margin: 12px 0 -12px 0 !important; }

    .category-image .page-title-description { padding: 0 15px; }

    .category-image .page-title-description p { width: 100%; }

    header .hrmx-logo img { margin-left: 0; }

    .cart-overlay { width: 400px !important; }

}



















































@media (max-width: 667px) {

    .meniuDeNavigare { width: 55px !important; height: 41px !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 99999 !important; }
    #cssmenu ul { /*width: 100vw !important; */background: #0492c2 !important; }
    #cssmenu #menu-button { height: 41px !important; }
    header .hrmx-logo { /*width: auto !important;*/ width: 70% !important; margin: 0 auto; /*float: none !important;*/ }
    header .hrmx-logo img { /*height: auto !important;*/ }
    .hrmx-logo a { margin: 0 35% !important; }
    .hrmx-nav, .top-links, .hrmx-meta, .left_content, .shopcarta { display: none !important; }
    .icon-shopping-cart { /*color: #f7821e !important; margin-right: 10px !important; font-size: 24px !important;*/ }
    .count-cap { background-color: #f7821e !important; color: #fff !important; display: inline-block !important; font-size: 14px !important; height: 25px !important; padding-top: 4px !important; position: relative !important; right: -7px !important; text-align: center !important; top: 0px !important; width: 29px !important; }
    .count-cap:before { border-color: transparent #f7821e transparent transparent !important; border-style: solid !important; border-width: 7px 7px 7px 0 !important; bottom: 7px !important; content: " " !important; display: block !important; height: 0 !important; left: -6px !important; position: absolute !important; width: 0 !important; }
    .shopcart { display: block !important; /*float: right !important; */margin-top: auto !important; margin-right: 20px !important; }
    .search-bar { clear: both !important; margin: 0 13px !important; }
    /*.content_shoppingcart { margin-top: 60px !important; margin-right: 0 !important; margin-left: 40px; }*/
    .cart-overlay { border-top: 1px solid #d6d6d6 !important; }
    .open_close_cart { float: right !important; }
    .open_close_cart:after { position: absolute; top: 0; left: 0; content: ' '; height: 32px; width: 100%; z-index: 15; }
    /*.open_close_cart:active { margin-top: -60px !important; }*/
    #cos-cumparaturi { min-width: 100% !important; max-width: 100% !important; }
    #cos-cumparaturi .table .titluri-cos th { font-size: 14px !important; }
    .modalitate-de-livrare-content, .date-de-livrare-content, .date-de-facturare-content { padding: 0px 10px !important; }
    #modalitate-de-livrare .radio-buttons-livrare-container { width: 100% !important; }
    #cos-cumparaturi h1, #date-de-livrare h1, #date-de-facturare h1, #modalitate-de-livrare h1 { padding: 20px 10px !important; }
    #date-de-livrare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    #date-de-livrare input[type=radio ]:not(old) + label > span, #date-de-facturare input[type=radio ]:not(old) + label > span { margin: auto !important; }
    #total, #total .total-container { width: 98% !important; margin: 0 1%; }
    #total .total-container { height: auto !important; }
    .textarea-observatii { width: 100%; }
    .bdaa { float: none !important; clear: both !important; display: block !important; }
    #cos-cumparaturi .subtotal-si-reducere { left: 0 !important; width: auto !important; }
    #cos-cumparaturi .subtotal-si-reducere .voucher-subtotal p, #cos-cumparaturi .subtotal-si-reducere .voucher-reducere p { margin-right: 10px !important; }
    .rbl { float: left !important; /*width: 50% !important;*/ }
    .rbr { float: right !important; width: 50% !important; }





    .ob-full-info { width: 70%; }
    .add-to-box { min-height: 36px; }
    /*.cantitate-comanda, */.pret-comanda, .total-comanda, /*.ob-cantitate, */.ob-pret, .ob-total, .dsk { display: none !important; }
    .tot-mob{ display: block; }
    .z1 p { display: inline-block; }
    #quantity_wanted, #quantity_wanted_tm { top: -5px; width: 11px !important; font-size: inherit; border: none !important; background: none; box-shadow: none; position: absolute; padding: 6px 6px 6px 10px !important; bottom: 0; font-family: inherit; line-height: inherit; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; border-collapse: collapse; empty-cells: show; }
    #quantity_wanted_tm { top: 14px; }
    #cos-cumparaturi .table .sterge-din-cos { position: relative !important; left: 0 !important; }
    .input-qty-box .range { float: none; }
    .input-qty-box .input .range .item.plus { position: relative; float: right; left: auto; top: auto; right: 0; }
    .input-qty-box .input .range .item.minus { position: relative; float: right; left: auto; top: auto; right: 16px; }
    .input-qty-box .input .range .item.plus a { top: 10px; }
    .itcant { float: right; position: relative; left: auto; top: auto; }
    .sterge-din-cos { float: left; /*top: 8px;*/ }
    #cos-cumparaturi .table { border-collapse: separate !important; }
    #cos-cumparaturi .table .sterge-din-cos a { /*color: #337ab7 !important;*/ }
    .bsmobb { float: none !important; width: 100% !important; text-align: right; margin-top: 30px; }
    #modalitate-de-livrare.reduceri { margin-top: -40px !important; }
    #partner_code, .cupon-buton-ok { float: none !important; }
    #partner_code { margin-left: 20px; }
    .ddff { width: 100% !important; }
    .ffdd { display: block !important; }
    .cupon-buton-nok { left: 221px; }


    #cos-cumparaturi .table .table-first { width: 20% !important; }


    #cos-cumparaturi .table .ob-info h5 a, #cos-cumparaturi .table .ob-info p { font-size: 13px !important; }
    #cos-cumparaturi .tbsmob .rbl p, #cos-cumparaturi .tbsmob .rbr p { font-size: 12px !important; }
    .tbsmob, .mbl { display: block !important; }
    #cos-cumparaturi .table .sterge-din-cos { bottom: -30px !important; left: 25% !important; }
    #quantity_wanted { margin-top: 0 !important; }
    /*.cart-overlay { width: 100% !important; }*/
    .cart-overlay .product .product-price { float: right !important; }
    .cart-overlay .product .product-meta { width: auto !important; }

    #cssmenu #menu-button:after { height: 2px !important; }
    #cssmenu #menu-button:before { height: 2px !important; }


    /*
    TBD:
    1. de aranjat footer-ul
    */

    #date-de-facturare > div > div.radio-buttons-date-container > div:nth-child(1) > label > span, #date-de-facturare > div > div.radio-buttons-date-container > div:nth-child(2) > label > span, #date-de-livrare > div > div.radio-buttons-date-container > div > label > span { float: left !important; margin-top: 5px !important; margin-left: -10px !important; }
    .radio-info { width: 95% !important; float: right !important; margin-top: 0px !important; }
    header .hrmx-logo .logo { left: 0 !important; }
    .bx-controls { display: none !important; }
    #presta-slider { margin: 0 auto !important; }
    .radio-buttons-date-container .butoane-date { margin-right: 0 !important; }
    /*.bx-viewport { height: 300px !important; }*/

    header .hrmx-logo img { max-height: 90px; }



    header .hrmx-logo { width: 100% !important; margin: 0 auto; position: absolute; text-align: center; }
    header .hrmx-logo .logo { left: 0 !important; width: 100%; margin: 0 auto !important; }

    .shopcart { display: block !important; margin-top: auto !important; margin-right: 20px !important; margin-bottom: 40px; width: auto; float: right; z-index: 99999 !important; }
    header .hrmx-logo { width: 100% !important; margin: 0 auto; position: absolute; text-align: center; }
    header .hrmx-logo .logo { text-align: center; left: 0 !important; width: auto; margin: 0 auto !important; float: none; z-index: 99; }

    header .hrmx-logo .logo.absolute {
        width: auto!important;
    }
}

/*@media (max-width: 480px) { .shopcart { margin-bottom: 55px; } }
@media (max-width: 667px) { .shopcart { display: block !important; margin-top: auto !important; margin-right: 20px !important; margin-bottom: 55px; } }*/




@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    #cssmenu #menu-button:before { top: auto; }
}
@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    #cssmenu #menu-button:after { top: 21px; }
}

@media (max-width: 480px) {

    .shopcart { /*margin-top: -60px !important;*/ }
    .hrmx-logo a { /*margin: 0 !important;*/ }
    #continua-section .buton-continua { display: block; }
    /*.bx-viewport { height: 180px !important; }*/

    .ob-full-info { width: 65%; }

}

@media (max-width: 380px) {
    header .hrmx-logo img { width: 130px; height: auto; margin-top: 16px; height: auto !important;
    margin-top: 17px !important; }
}

@media (max-width: 360px) {

    /*header .hrmx-logo .logo { left: 55% !important; }*/

}
@media (max-width: 320px) {
    .incont #date-de-livrare .buton-date-adauga {
        width: 279px !important;
    }
    header .hrmx-logo img {
        width: 130px;
        height: auto;
        margin-top: 6px;
    }
    .ob-full-info { vertical-align: top !important; }
}








































































































































































/*-------------------------------------------------------- NEAUTENTIFICAT --------------------------------*/
/*-------------------------------------------------------- NEAUTENTIFICAT --------------------------------*/
/*-------------------------------------------------------- NEAUTENTIFICAT --------------------------------*/
/*-------------------------------------------------------- NEAUTENTIFICAT --------------------------------*/

.continua-centru.buton-continua-cst {
    background-color: #a2a2a2;
    width: 97%;
    max-width: 290px;
    height: 32px;
    display: inline-block;
    /* margin: 0 0 0 10px; */
    text-align: center;
    float: right;
    cursor: pointer;
    margin-top: 20px;
}
.continua-centru.buton-continua-cst:hover {
    background-color: #bbb;
}


#modalitate-de-livrare .continua-centru.buton-continua-cst h2 {
    color: white !important;
    text-transform: uppercase;
        color: white;
    font-family: open sans;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center;
    width: 100%;
    line-height: 32px;
    margin: 0;
    padding: 0;
}




#vizviz {
    margin-top: 70px;
    border-top: solid 1px #dedbdb;
    padding-top: 20px;
    margin-bottom: 100px;
}



#vizviz #chenare-logare {
    text-align: center;
    margin-top: 15px;
}

#vizviz #chenare-logare .auth {
    display: inline-block;
    width: 97%;
    max-width: 350px;
    text-align: center;
    margin: 0 10px 30px;
    
    border: 1px solid #0492c2;
    border-radius: 5px;
    padding: 25px;
    padding-bottom: 40px;
    vertical-align: top;
    
}

#vizviz #chenare-logare .chenar-logare.fara-cont {
    display: inline-block;
    width: 97%;
    max-width: 350px;
    text-align: center;
    margin: 0 10px;
    border: 1px solid #0492c2;
    border-radius: 5px;
    padding: 25px;
    vertical-align: top;
}

#vizviz #chenare-logare h2 {
    font-size: 16px !important;
    color: #555 !important;
    font-family: Open sans;
    font-weight: 900 !important;
    padding: 20px 0;
    margin: 15px 0 0 0;
    width: 100%;
    text-transform: uppercase;
}




#vizviz #chenare-logare * {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}


#vizviz #chenare-logare .auth input {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    width: 100%;
    float: none !important;
    
    border: 1px solid #ddd !important;
    border-radius: 2px;
    color: #7b7b7b;
    
    font-size: 13px;
    height: 28px;
    line-height: 20px;
    margin-bottom: 7px;
    text-align: left;
    width: 100%;
}
#vizviz #chenare-logare .auth input[type=submit] {
    
    background: #F7821E;
    height: 32px;
    display: inline-block;
    text-align: center;
    cursor: pointer;    
    
    color: white;
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    line-height: 32px;
    margin: 0;
    padding: 0;
}
#vizviz #chenare-logare .auth input[type=submit]#ccnou {
    background-color: #0492c2;
}

#vizviz #paicont {
    margin-bottom: 10px;
    margin-top: 12px;
}

#vizviz #chenare-logare .auth .uitat-parola {
    text-align: right;
    color: #0492c2 !important;
    width: 100%;
}




#vizviz .chenar-logare.fara-cont input {
    background: #F7821E;
    height: 36px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    
    color: white;
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
    margin: 0;
    padding: 0;
    margin-top: 1px;
    width: 100%;
}


#vizviz #chenare-logare .auth label {
    text-align: left;
    margin-bottom: 0;
    color: #7b7b7b;
    display: block;
    float: left;
    font-size: 13px;
    height: 19px;
    line-height: 14px;
    margin-top: 5px;
    text-align: left;
    width: 100%;
    font-weight: 300;
}




/*
#vizviz input[type="radio"] {
    left: auto !important;
    width: auto !important;
}

#same_df {
    left: auto !important;
    width: auto !important;
}
*/
/*----------------------------------------------- formular vizitator -----------------------------------*/
/*----------------------------------------------- formular vizitator -----------------------------------*/
/*----------------------------------------------- formular vizitator -----------------------------------*/
/*----------------------------------------------- formular vizitator -----------------------------------*/
/*----------------------------------------------- formular vizitator -----------------------------------*/

#vizviz .formular-vizitator h2 {
    font-family: Open sans;
    font-size: 21px !important;
    font-weight: 900 !important;
    color: #F7821E !important;
    padding: 20px 0;
    margin: 15px 0 0 0;
    width: 100%;
}
#vizviz .formular-vizitator .center-text-info {
    margin-bottom: 0 !important;
    margin-top: 20px !important;
    padding-bottom: 20px;
}
#vizviz .formular-vizitator .center-text-info p {
    font-family: Open sans;
    color: #444 !important;
    font-style: italic;
    font-size: 14px !important;
}

#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel h2{
    margin-bottom: 0;
    padding-bottom: 0;
}

#vizviz .formular-vizitator .mod-vizitator-tabel ul.nav {
    border-bottom: none !important;
}
#vizviz .formular-vizitator .mod-vizitator-tabel ul.nav a {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #777777;
    font-size: 14px;
    font-style: italic;
    font-weight: 800;
    text-align: center;
}#vizviz .formular-vizitator .mod-vizitator-tabel ul.nav a:hover {
    background-color: #0492c2;
    color: #ffffff;
}

#vizviz .formular-vizitator .mod-vizitator-tabel ul.nav li.active a {
    background-color: #0492c2;
    color: #ffffff;
}




#vizviz .formular-vizitator .container {
    width: auto;
    padding: 0;
}
#vizviz .formular-vizitator .flex {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}
#vizviz .formular-vizitator .flex > * {
    width: 31%;
}
#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel br {
    display: none;
}

#vizviz .formular-vizitator .tab-content {
    
    /*box-shadow: 2px 2px 4px #aaa;*/
    /*border: 1px solid #f0f0f0;*/
}



#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
    padding: 8px 10px;
    
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel .mici-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel .mici-container > * {
    width: 22%;
}
#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel .mici-container input {
    
    display: inline;
}
#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
}#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel select:focus {
    box-shadow: none;
}
#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel .caret {
    display: none;
}


#vizviz .formular-vizitator .chenar-logare-part3 .modalitate-livrare .radio-buttons-livrare-container {
    background-color: white;
    border: solid 1px #D5D5D5;
    padding: 20px;
    padding-left: 22px;
    padding-bottom: 15px;
    padding-right: 5px;
}

.modalitate-livrare .livrare-select.infoFAN div:first-of-type {
    font-family: Open sans;
    color: #444 !important;
    font-style: italic;
    font-size: 14px !important;
    margin-bottom: 5px;
}
.modalitate-livrare .livrare-select.infoFAN span {
    font-family: Open sans;
    color: #444 !important;
    font-style: italic;
    font-size: 14px !important;
    margin-bottom: 5px;
}



#vizviz .formular-vizitator .chenar-logare.mod-vizitator-tabel textarea {
    width: 100%;
}



#vizviz .formular-vizitator #gMap {
    width: 100%;
    height: auto;
    padding-bottom: 80%;
}

#vizviz .formular-vizitator .cos-totaluri {
    display: flex;
    flex-wrap: wrap;
}
#vizviz .formular-vizitator .cos-totaluri h3 {
    display: inline-block;
    width: 50%;
    text-align: right;
    
    font-family: Open sans;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 17px;
    color: #777 !important;
    margin-top: 4px;
}



#vizviz .formular-vizitator .chenar-logare-part3 input[type=submit] {
    margin: 0;
    padding: 0;
    color: white;
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    line-height: 30px;
    
    background-color: #0492c2;
    height: 32px;
    margin-top: 12px;
}

#vizviz .formular-vizitator .chenar-logare-part3 input[type=submit]:hover {
    background-color: #0492c2;
    text-decoration: none;
}




#vizviz .formular-vizitator .chenar-logare-part3 .modalitate-livrare > .center-text-info {
    margin-top: -10px !important;
    margin-bottom: -20px !important;
}





.after-cos {
        background: #0492c2 none repeat scroll 0 0;
    border: medium none !important;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff !important;
    display: block;
    float: none;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    left: 6%;
    line-height: 14px;
    padding: 8px;
    text-align: center !important;
    width: 300px;
    z-index: 2;
    margin: 20px auto;
}
#center_column span.after-cos-multumim {
    font-size: 18px !important;
    color: #555 !important;
    font-family: Open sans;
    font-weight: 900 !important;
    padding: 0;
    margin: 15px 0 0 0;
    width: 100%;
    text-transform: uppercase;
    display: block;
}

/*----------------------------------------------- radio ---------------------------------------------------*/
/*----------------------------------------------- radio ---------------------------------------------------*/
/*----------------------------------------------- radio ---------------------------------------------------*/
/*----------------------------------------------- radio ---------------------------------------------------*/
/*----------------------------------------------- radio ---------------------------------------------------*/

#vizviz .formular-vizitator input[type=radio ]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em;
    cursor: pointer;
}

#vizviz .formular-vizitator .radio-buttons-livrare label {
    
}
#vizviz .formular-vizitator input[type="radio"]:checked + label {
    background-position: 0 0px;
}

#vizviz .formular-vizitator label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

#vizviz .formular-vizitator input[type="radio"] + label {
    background: url(../images/button/sprite2.png) no-repeat scroll 0 -25px transparent;
    padding-left: 9px;
    margin-left: -12px !important;
}

#vizviz .formular-vizitator input[type=radio ]:not(old):checked + label > span {
    background-color: transparent;
}
#vizviz .formular-vizitator input[type=radio ]:not(old) + label > span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0.25em 20px 0.25em 0em;
    border: solid 2px black;
    border-radius: 100px;
    background-color: transparent;
    vertical-align: bottom;
}

#vizviz .formular-vizitator input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0;
    border: none;
    border-radius: 100px;
    background-color: black;
}
#vizviz .formular-vizitator .radio-buttons-livrare label {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}


/*----------------------------------------------- checkbox ---------------------------------------------------*/
/*----------------------------------------------- checkbox ---------------------------------------------------*/
/*----------------------------------------------- checkbox ---------------------------------------------------*/
/*----------------------------------------------- checkbox ---------------------------------------------------*/
/*----------------------------------------------- checkbox ---------------------------------------------------*/



/*

*/

#vizviz .formular-vizitator .la-fel-k {
    position: relative;
}
#vizviz .formular-vizitator .la-fel-k span {    
    font-family: Open sans;
    color: #444 !important;
    font-style: italic;
    font-size: 14px !important;
}

#vizviz .formular-vizitator .checkbox-wrapper {
  position: relative; 
}
#vizviz .formular-vizitator input[type="checkbox"]{
  /*display:  none;*/   
  position:  absolute; 
  top:  0px; 
  left: 0px; 
  height:  20px; 
  width:  20px; 
  -webkit-appearance:  none;
    opacity: 0;
}
#vizviz .formular-vizitator .checkbox-label {
  display:  flex; 
  position:  relative;
  font-size:  20px; 
  font-weight:  400;
  align-items:  center; 
  justify-content:  flex-start; 
  margin-bottom: 10px;
  margin-top: 10px;
}
#vizviz .formular-vizitator .checkbox-label:before, 
#vizviz .formular-vizitator .checkbox-label:after {
  pointer-events: none; 
}

#vizviz .formular-vizitator .checkbox-label:before {
  display:  flex; 
  content: ' ';
  height:  18px; 
  width:  18px; 
  border:  solid 2px #777;
  background: #f8f8f8;

  margin-right:  10px;
}

#vizviz .formular-vizitator .checkbox-label:after {
  position:  absolute; 
  top:  5px; 
  left:  29px; 
  display:  flex; 
  content: ' '; 
  height:  10px; 
  width:  10px;  
  background: #777;
  transform: scale(0);
  transition:  transform .3s ease; 
}

#vizviz .formular-vizitator .checkbox-wrapper input[type="checkbox"]:checked + .checkbox-label:after {
  transform:  scale(1);
}



/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/
/*---------------------------------------------------- MEDIA QUERY ---------------------------------------*/




@media (max-width: 1024px) {
    
    
    
    
    /*------------------------------------------------- reduceri cos ---------------------------------*/
    
    
    #cos-cumparaturi {
        padding: 0 3% !important;
    }
    #cos-cumparaturi > section.descriere-comanda .radio-buttons-date-container .butoane-date > .buton-date:last-child {
        display: block;
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }
    #cos-cumparaturi h1 {
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }
    
    #modalitate-de-livrare.reduceri {
        margin-top: 40px;
    }
    
    
    
    #modalitate-de-livrare.reduceri #continua-section {
        padding: 20px 0 !important;
    }
    #modalitate-de-livrare.reduceri #continua-section a {
        display: block;
        margin-bottom: 20px;
    }
    
    
    
    
    
    #cos-cumparaturi #modalitate-de-livrare.reduceri > h1 {
        padding: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 60px !important;
    }
    
    
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content {
        padding: 0 !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare-container {
        display: flex !important;
        justify-content: space-between;
        margin-bottom: 30px !important;
    }
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare-container {
        
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .modalitate-de-livrare-content {
        padding: 0 !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select {
        width: 58.7%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    #cos-cumparaturi > section.descriere-comanda .radio-buttons-date-container .butoane-date > .buton-date:nth-child(1) {
        margin-bottom: 22px !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select div:last-of-type {
        width: 92px !important;
        margin-left: 30px !important;
    }
    
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare {
        width: 100% !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare #partner_code {
        float: right;
        background-color: white !important;
        width: 32% !important;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare .cupon-buton-ok {
        float: right;
    }
    
    
    
    .shop-checkout .onleft {
        margin-bottom: 0;
        padding-bottom: 3px;
    }
    
    
        /*------------------------------------------------- date de livrare cos ---------------------------------*/
    #date-de-livrare {
        padding: 0 3%;
    }
    #date-de-livrare .date-de-livrare-content .radio-buttons-date-container .radio-buttons-date > label {
        padding: 15px 20px;
    }
    
    #modalitate-de-livrare.livrare .radio-buttons-livrare-container { 
        width: 100% !important;
    }
    #total {
        padding: 5px 10px;
        margin: 20px auto !important;
        width: 94% !important;
        float: none !important;
    }
    #total .total-container {
        width: 90% !important;
    }
    #date-de-livrare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    
    
    #date-de-livrare div.radio-buttons-date-container .radio-info {
        width: CALC(100% - 100px) !important;
        margin-top: 0 !important;
    }
    
    
    /*---- modal ----*/
    .fieldmic.fpv , .fieldmic.fct {
        width: 100% !important;
    }
    .fieldmic.fpv label , .fieldmic.fct label {
        display: block;
        float: left;
        padding: 8px 10px;
        width: 25% !important;
        margin-bottom: 15px;
    }
    .fieldmic.fpv select , .fieldmic.fct select, .fieldmic.fpv input , .fieldmic.fct input {
        width: 75%;
        margin-bottom: 15px;
    }
    
    
    
    /*------------------------------------------------- date de facturare cos ---------------------------------*/
    
    
    #date-de-facturare {
        padding: 0 3% 40px !important;
    }
    #date-de-facturare .date-de-facturare-content .radio-buttons-date-container .radio-buttons-date > label {
        padding: 15px 20px;
    }
    
    #modalitate-de-livrare.livrare .radio-buttons-livrare-container { 
        width: 100% !important;
    }
    #date-de-facturare input[type=radio ]:not(old) + label, #date-de-facturare input[type=radio ]:not(old) + label { height: auto !important; }
    
    
    #date-de-facturare div.radio-buttons-date-container .radio-info {
        width: CALC(100% - 100px) !important;
        margin-top: 0 !important;
    }
    
     /*------------------------------------------------- informatii plata cos ---------------------------------*/
    
    #modalitate-de-livrare.informatii-plata {
        padding: 0 3% 40px !important;
    }
    
    
    
    #total:last-of-type .total-container {
        width: 100% !important;
    }
    
    
     /*------------------------------------------------- mod vizitator ---------------------------------*/
    #vizviz {
       padding: 0 3% !important;
    }
    #vizviz .formular-vizitator .mod-vizitator-tabel ul.nav li {
        width: 45%;
    }
}


@media (max-width: 899px) {
    #vizviz .formular-vizitator .flex {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    #vizviz .formular-vizitator .flex > * {
        width: 70%;
        min-width: 300px;
    }
}




@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    #cssmenu #menu-button:before { top: auto; }
}
@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    #cssmenu #menu-button:after { top: 21px; }
    
    
    
}

@media (max-width: 640px) {
    #date-de-livrare div.radio-buttons-date-container .radio-info {
        width: 95% !important;
        margin-top: 0 !important;
    }
    #date-de-facturare div.radio-buttons-date-container .radio-info {
        width: 95% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 600px){
    .fieldmic.fpv , .fieldmic.fct {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .fieldmic.fpv label , .fieldmic.fct label {
        margin-bottom: 0;
        padding-bottom: 3px;
        display: block;
        float: left;
        width: 40%;
    }
    .fieldmic.fpv select , .fieldmic.fct select, .fieldmic.fpv input , .fieldmic.fct input {        
        margin-right: 0;
        float: none !important;
        width: 75%;
        display: block;
    }
    .fieldmic.fct {
        margin-bottom: 0;
    }
    #vizviz .formular-vizitator .flex > * {
        width: 100%;
        min-width: auto;
    }
        a.logo img { height: 70px; margin-top: 0; }

    .odddup { display: none; }

}

@media (max-width: 480px) {

    .shopcart { /*margin-top: -60px !important;*/ }
    .hrmx-logo a { /*margin: 0 !important;*/ }
    #continua-section .buton-continua { display: block; }
    /*.bx-viewport { height: 180px !important; }*/
    
    .shop-checkout input[type=submit] {
        width: 50% !important;
    }

}

@media (max-width: 479px) {

    .cart-overlay { width: 300px !important; }

}

@media (max-width: 360px) {

    /*header .hrmx-logo .logo { left: 55% !important; }*/
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .livrare-select div:last-of-type {
        width: 92px !important;
        margin-left: 0px !important;
    }
    
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare #partner_code {
        float: none;
        display: inline-block;
        width: 180px !important;
        margin-top: 10px;
    }
    #modalitate-de-livrare.reduceri > .modalitate-de-livrare-content .radio-buttons-livrare .cupon-buton-ok {
        float: none;
        margin-top: 10px;
    }
    .radio-buttons-date-container .buton-date  {
        width: 150px !important;
    }
    
    
    
    
    .fieldmic.fnr , .fieldmic.fbl , .fieldmic.fsc , .fieldmic.fap {
        width: 50% !important;
    }
    .fieldmic.fnr input, .fieldmic.fbl input, .fieldmic.fsc input, .fieldmic.fap input {
        width: 60%;
    }
    #vizviz .formular-vizitator .mod-vizitator-tabel ul.nav a {
        font-size: 12px;
    }
    
}


@media (max-width: 320px) {
    .radio-buttons-date-container .buton-date  {
        width: 97% !important;
        margin-bottom: 20px;
    }
    #date-de-livrare .buton-date-adauga {
        width: 279px !important;
    }
    #date-de-facturare .buton-date-adauga {
        width: 279px !important;
    }
}