@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

html { height: 100%; width: 100%; }
body {
    font-family: 'Work Sans', sans-serif;
	min-height: 100%;
	position: relative;
	color: #000;
	max-width: 100vw;
	overflow-x: hidden;
	line-height: 26px;
	font-size: 16px;
}
@media (max-width:1200px) {
    body.noScroll {
        overflow: hidden;
    }
}
a {
	color: #000;
	outline: 0;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
    image-rendering: -webkit-optimize-contrast;
}
p {
	margin-bottom: 5px;
}
hr {
	border-top: 1px solid #CFCFCF;
	margin: 25px 0;
}
input:focus-visible { outline: none; }
#mycartForm .form-group {
	position: relative;
}
.invalid-tooltip {
	right: 15px;
}
.scrolling {
	max-width: 100%;
	overflow-x: auto;
}
.hScrollable {
    overflow-x: auto;
}
.mobileOnly { display: none; }
.desktopOnly { display: block; }
@media(max-width: 992px) {
    .mobileOnly { display: block; }
    .desktopOnly { display: none; }
}


.text-shadow-black { text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff !important; height: auto !important; }
.slider .text-shadow-black span { background: rgba(255, 255, 255, .75); }
@media(max-width:768px) {
    .slider .text-shadow-black { top: 30px !important; left: 50% !important; transform: translateX(-50%) !important; font-size: 4em !important; width: 90% !important; height: auto !important; }
    .slider .text-shadow-black span { background: rgba(255, 255, 255, .75); }
}

.leftSidebar { position: fixed; left: 0; top: 270px; background: #343434; padding: 5px; display: flex; flex-direction: column; border-radius: 0 5px 5px 0; }
.leftSidebar > a { padding: 5px; }
.leftSidebar img { max-width: 25px; }
.leftSidebar img:hover { opacity: .7; }
@media(max-width: 992px) {
    .leftSidebar { display: none; }
    header .socials { display: flex; margin-bottom: 30px; }
    header .socials > a { padding: 0 6px; }
    header .socials img { width: 26px; }
}

header, header * { transition: .3s all ease-out; }
header { position: fixed; top: 0; left: 0; right: 0; padding: 10px 0; z-index: 100; }
header.mic { background: #7d0202; box-shadow: 0 1px 4px rgb(0 0 0 / 60%); }
header > .container { position: relative; }
header .logo { max-width: 200px; }

header .rightMenu { display: flex; color: #fff; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
header .mainMenu { list-style: none; display: flex; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }
header .mainMenu a { color: #fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-left: 25px; font-size: 14px; text-transform: uppercase; }
header .mainMenu a:hover, header .mainMenu li.active a { color: #fefb03; }
header .mainMenu .inchideMenu { color: #fff; display: none; }
header .cautareButton { margin-left: 20px; font-size: 1.2em; cursor: pointer; }
header .cautareButton:hover i { color: #fefb03; }
header .mobileButton { display: none; }

.bandaTop { background: #343434; padding: 15px; position: relative; top: -10px; color: #fff; }
.bandaTop a { color: #fff; }
.bandaTop .inchide { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 1.4em; }

@media (max-width: 1200px) {
    body { padding-top: 70px; }
    header { background: #7d0202; box-shadow: 0 1px 4px rgb(0 0 0 / 60%); }
    header .cautareButton { font-size: 1.5em; }
    header .mobileButton { display: inline; font-size: 1.5em; margin-left: 20px; }

    header .mainMenu .inchideMenu { display: block; position: absolute; top: 15px; right: 15px; font-size: 2em; }
    header .mainMenu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0 / 90%); transform: none; z-index: 200; flex-direction: column; align-items: center; justify-content: start; max-height: 100vh; overflow-y: auto; padding: 25px 10px; margin: 0; opacity: 0; visibility: hidden; }
    header .mainMenu.open { opacity: 1; visibility: visible; }
    header .mainMenu a { display: block; margin: 10px 0; }
    .bandaTop .inchide { position: absolute; right: 10px; top: 5px; transform: none; font-size: 1.8em; }
}


.cautareWrapper * { transition: all .25s ease-out; }
.cautareWrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0 / 90%); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: scale(1.2); transition: all .25s ease-out; z-index: -1; }
.cautareWrapper.open { opacity: 1; visibility: visible; transform: scale(1); z-index: 99; }
.cautareWrapper .cautareForm { position: relative; max-width: 80%; }
.cautareWrapper #submit { display: none; }
.cautareWrapper .cautareInput { background: transparent; border: 0; border-bottom: 3px solid #fff; padding: 10px; color: #fff; width: 600px; max-width: 100%; padding-right: 40px; }
.cautareWrapper .cautareInput:focus-visible { outline: none; }
.cautareWrapper .cautareIcon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff; cursor: pointer; font-size: 1.2em; }
.cautareWrapper .cautareIcon:hover { color: #00ff26; }
.cautareWrapper .cautareInchide { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); color: #ff0000; cursor: pointer; font-size: 1.5em; }
.cautareWrapper .cautareInchide:hover { color: #c50000; }



section.slider { background-image: url("../images/pageTop.jpg"); background-repeat: no-repeat; background-size: cover; height: 168px; background-position: center right; margin-bottom: 40px; }
section.slider.mainPage { background-image: none; height: auto; }


section.main-content { margin-bottom: 40px; }
.titlu-pag { text-align: center; font-size: 1.4em; margin-bottom: 15px; }

.blogReg { border: 1px solid #e2e2e2; }
.blogReg .blogImage { text-align: center; }
.blogReg .blogDesc { padding: 15px 15px 15px 0; }
.blogReg .blogDesc .title { font-size: 1.3em; font-weight: bold; margin-bottom: 20px; }
.blogReg .blogDesc .shortDesc { margin-bottom: 30px; }
.blogReg .blogDesc .top { margin-bottom: 25px; font-size: .9em; display: flex; color: #212121; flex-wrap: wrap; }
.blogReg .blogDesc .top > div { margin-right: 25px; }
@media(max-width: 768px) {
    .blogReg .blogDesc { padding: 15px; }
}

.cautareWidget { padding: 20px; border: 1px solid #e2e2e2; position: relative; margin-bottom: 20px; }
.cautareWidget #submitCautaWidget { display: none; }
.cautareWidget .cautaInput { border: 1px solid #e2e2e2; width: 100%; padding: 10px 20px 10px 15px; transition: all .2s ease-out; }
.cautareWidget .cautaInput:focus { border: 1px solid #09276f; border-left-width: 5px; }
.cautareWidget label { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 1.2em; }

.taguriWidget { padding: 20px; border: 1px solid #e2e2e2; position: relative; display: flex; flex-wrap: wrap; font-size: .8em; }
.taguriWidget a { padding: 5px 10px; margin-bottom: 5px; margin-right: 5px; background: #f6f6f6; transition: all .2s ease-out; border-radius: 4px; }
.taguriWidget a:hover, .taguriWidget a.active { background: #09276f; color: #fff; }


.widgetDr { background-color: #FFBD14FF; background-image: url("../images/info-box.jpg"); background-repeat: no-repeat; background-position: right bottom; padding: 20px; text-align: center; }
.widgetDr p { margin-bottom: 40px; }
.widgetDr .title { font-weight: bold; font-size: 1.4em; margin-bottom: 50px; text-align: center; position: relative; }
.widgetDr .title::after { content: ""; display: block; position: absolute; bottom: -25px; width: 100%; height: 1px; background: rgba(255 255 255 / 40%); }
.shortBox { padding: 28px; border: 1px solid #e6e6e6; background: #f9f9f9; font-size: .8em; line-height: 20px; }


footer { background: #7d0202; color: #fff; }
footer img { max-width: 200px; image-rendering: -webkit-optimize-contrast; }
footer a { color: #fff; padding: 3px 0; display: inline-block; }
footer a:hover { text-decoration: none; color: #e7e7e7; }
footer .top { padding-top: 40px; padding-bottom: 20px; }
footer .copyright { padding: 30px 0; border-top: 1px solid rgba(255,255,255,0.2); font-size: 14px; color: rgba(255,255,255,0.4); }
footer .socialIcon { border: 1px solid #bbbbbb; border-radius: 50%; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; color: #bbbbbb; transition: all .25s ease-out; }
footer .socialIcon.facebook:hover { color: #1b74e4; border-color: #1b74e4; background: #fff; }
footer .socialIcon.youtube:hover { color: #ff0000; border-color: #ff0000; background: #fff; }

.latestBlog { font-size: .9em; margin-bottom: 15px; }
.latestBlog a i { margin-right: 10px; }
.latestBlog span { font-size: .9em; color: #cfcfcf; margin-left: 23px; }



/** Preloader **/
.loadingPay { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.25); z-index: 9999; opacity: 0; visibility: hidden; }
.loadingPay.active { opacity: 1; visibility: visible; }
/** END Loading finalizare plata **/


/*** PAGINA PRODUSULUI ***/
.product_page h1.title_produs { color: #a00429; font-size: 22px; margin: 0 0 5px 0; text-transform: uppercase; }
.product_page h2.title_produs { display: block; font-size: 14px; text-transform: uppercase; }
.product_page .cod_produs { display: inline-block; font-size: 12px; padding-top: 15px; margin-top: 10px; border-top: 2px solid #949ca1; }
.product_page .price { color: #a00429; font-size: 1.5rem; font-weight: 500; padding: 15px 0; }
.product_page .prodImages .prod_main_image { text-align: center; padding: 5px; border: 1px solid #CFCFCF; border-radius: 3px; margin: 0 3px 6px 3px; }
.product_page .prodImages .prod_main_image img { max-height: 450px; }
.product_page .prodImages .small-img { display: block; padding: 5px; border-radius: 3px; border: 1px solid #CFCFCF; margin: 0 3px; }
.product_page .prodImages .slick-arrow { z-index: 1; }
.product_page .prodImages .slick-arrow::before { color: #B1B1B1; }
.product_page .prodImages .slick-track { margin: 0; }
.product_page .prodImages .slick-slide img { margin: 0 auto; }

.product_page .voucher_wrapper { margin-bottom: 40px; }
.product_page .voucher_el { margin-bottom: 15px; }
.product_page .voucher_el label, .product_page .voucher_el input { display: block; min-width: 300px; }
.product_page .voucher_el input { padding: 5px 10px; border-radius: 4px; border: 1px solid #000; }
.product_page .voucher_el input.err { animation: pulseRed 1s infinite; }
@keyframes pulseRed {
    0% { border-color: #000; }
    100% { border-color: #da000e; }
}

.product_page .quantity { position: relative; float: left; margin: 0 0 20px 40px; }
.product_page input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.product_page input[type=number] { -moz-appearance: textfield; }
.product_page .quantity input { width: 45px; height: 45px; line-height: 1.65; display: block; padding: 0; margin: 0; text-align: center; border: 1px solid #eee; border-top-color: #e7e7e7; border-bottom-color: #e7e7e7; }
.product_page .quantity input:focus { outline: 0; }
.product_page .quantity-nav { float: left; position: relative; height: 42px; }
.product_page .quantity-button { position: relative; cursor: pointer; border: 1px solid #e7e7e7; width: 42px; text-align: center; color: #333; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; display: flex;	align-items: center; justify-content: center; width: 40px; background: #fafafa; }
.product_page .quantity-button:hover { background: #e6e6e6; }
.product_page .quantity-button.quantity-up { position: absolute; height: 100%; top: 0; left: calc(100% - 1px); border-left: 0; }
.product_page .quantity-button.quantity-down { position: absolute; top: 0; right: calc(100% - 1px); height: 100%; border-right: 0; }
.product_page .buton_add_cos { float: left; margin-left: 38px; height: 45px; border: 1px solid #7e001d; background: #a00429; color: #fff; font-weight: 300; padding: 0 30px; text-transform: uppercase; font-size: .8rem; letter-spacing: 0; transition: all .2s ease-in-out; }
.product_page .buton_add_cos:hover { background: #c80230; }
.product_page .buton_add_cos.buton_favorite { border: 1px solid #e7e7e7; position: relative; margin-left: 15px; background: #fff; color: #425059; padding: 0 50px 0 20px; }
.product_page .buton_add_cos.buton_favorite:hover { border: 1px solid #5f4c1a; }
.product_page .buton_add_cos.buton_favorite i { position: absolute; color: #f0f0f0; font-size: 1.7em; right: 15px; transition: all .3s ease-out; }
.product_page .buton_add_cos.buton_favorite.is-favorited i { color: #a00429; }
@media (max-width:1200px) {
  .product_page .quantity input { width: 35px; }
  .product_page .buton_add_cos { padding: 0 15px; }
  .product_page .buton_add_cos.buton_favorite { padding: 0 12px; margin-left: 5px; }
  .product_page .buton_add_cos.buton_favorite i { position: relative; right: 0; }
  .product_page .buton_add_cos.buton_favorite span { display: none; }
}
/*** END PAGINA PRODUSULUI ***/



/** COS **/
.produs_cos { border-radius: 5px; margin-bottom: 15px; padding: 10px; box-shadow: 0px 2px 2px 0px rgba(27,27,27,0.2); border: 1px solid #f7f7f7; }
.produs_cos.no_stoc { border: 1px solid #fb5001; }
.produs_cos.no_stoc .mess { font-size: 1.3em; color: #d90000; }
.produs_cos select { max-width: 85px; }
.produs_cos .sterge-prod { color: #0056b3; display: inline-block; }
@media (max-width:767px) {
	.produs_cos .sterge-prod { margin-top: 10px; }
}
.detalii-cos { margin: 30px 0 50px 0; border-top: 1px dashed #bdbdbd; border-bottom: 1px dashed #bdbdbd; padding: 10px 0; }

.tip-plata .custom-control , .tip-livrare .custom-control{ padding: 0; }
.tip-plata .custom-control label, .tip-livrare .custom-control label { display: block; padding: 10px 10px 10px 33px; border: 1px solid #dddddd; border-radius: 4px; background: #f5f5f5; margin-bottom: 8px; }
.tip-plata.selected .custom-control label, .tip-livrare.selected .custom-control label { border: 1px solid #007bff; background: #fff; }
.tip-plata .custom-control-label::before, .tip-plata .custom-control-label::after { left: .5rem; top: .9rem; }
.tip-livrare .custom-control-label::before, .tip-livrare .custom-control-label::after { left: .5rem; top: .9rem; }
.info-cost-tr { cursor: pointer; color: #ff7467; }

.cod_discount { margin: 30px 0; border: 1px solid #007bff; border-radius:5px; padding:15px; }
.cod_discount p { font-size: 16px; margin-bottom: 15px; }
.cod_discount input { float: left; border: 1px solid #125997; padding: 3px 5px; }
.cod_discount a { float: left; margin-left: 10px; border: 1px solid #007bff; background: #007bff; color: #fff; padding: 5px 12px; font-size: 16px; }
.cod_discount a:hover { background: #0069d9; }
/** END COS **/


/* STIL POPUP */
.popupWindow {
    max-width:700px;
    height: auto;
    text-align:center;
    margin-top: 40px;
    position: fixed;
    background: #FFFCEA;
    display:none;
    border:1px solid #7F7F7F;
}
.popupWindow .content { min-width: 300px; min-height: 300px; padding: 30px 20px 20px 20px; }
.popupWindow h3 { font-size:18px; }
.popupWindow h4 { font-size:16px; }
.b-close {
    position: absolute;
    display:block;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 3px 8px 1px 8px;
}
.popupWindow img {
    max-width: 100%;
    height: auto;
}
.b-close span { color:#343434; font-weight:bold; font-size:22px; }
/* END STIL POPUP */



/* Widgets stanga*/
.telefon-widget {
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    top: 200px;
    /* transform: translateY(-50%); */
    transition: all .3s ease;
    left: -2px;
    max-width: 250px;
    margin-left: -260px;
    z-index: 100;
}
.telefon-widget.open .widget-inner .close-widget::before {
    position: absolute;
    top: 0;
    right: -34px;
    font-family: FontAwesome;
    content: "\f0d9";
    font-weight: 400;
    width: 35px;
    height: 100%;
    border-radius: 0 6px 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7d0202;
    border: 1px solid #7d0202;
    border-left: 0px;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}
.telefon-widget.open {
    margin-left: 0px;
    transition: all .3s ease;
}

.telefon-widget .widget-inner {
    padding: 10px 0 10px 15px;
    font-size: 12px;
    background: #7d0202;
    box-shadow: 0px 1px 20px -10px rgba(0, 0, 0, 0.5);
    border: 1px solid #7d0202;
    border-left: 0px;
}
.telefon-widget .widget-inner a {
    color: #fff;
    font-size: 15px;
}
.telefon-widget .widget-inner a.textWidget {
    position: relative;
    top: 1px;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.telefon-widget .widget-inner strong {
    color: #B50003;
    font-size: 13px;
}
.telefon-widget .widget-inner .padd {
    display: block;
    padding-top: 10px;

}
.telefon-widget .widget-inner h4 {
    margin: 0px;
    font-size: 16px;
    padding-bottom: 10px;
}
.telefon-widget .widget-title {
    position: absolute;
    left: 250px;
    top: 0px;
    margin-left: 0px;
    background-color: #fff;
    border-radius: 0 6px 6px 0;
    box-shadow: 0px 1px 20px -10px rgba(0, 0, 0, 0.5);
    padding: 7px;
    padding-left: 5px;
    transition: all .3s ease;
    visibility: visible;
    text-align: left;
    width: 57px;
    cursor: pointer;
}
.telefon-widget .widget-title i {
    font-size: 29px;
    position: relative;
    top: 3px;
    left: 16px;
}
.telefon-widget.open .widget-title {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: -100px;
    visibility: hidden;
    transition: all .3s ease;
}
@media (max-width: 992px) {
    .telefon-widget {
        display: none;
    }
}



/* Widgets dreapta */
.transport-widget {
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    top: 260px;
    /* transform: translateY(-50%); */
    transition: all .3s ease;
    right: 0px;
    max-width: 250px;
    margin-right: -260px;
    z-index: 100;
}
.transport-widget.membri {
    top: 200px;
}
.transport-widget.open .widget-inner .close-widget::before {
    position: absolute;
    top: 0;
    left: -34px;
    font-family: FontAwesome;
    content: "\f0da";
    font-weight: 400;
    width: 35px;
    height: 100%;
    border-radius: 6px 0 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7d0202;
    color: #fff;
    border: 1px solid #7d0202;
    border-right: 0px;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}
.transport-widget.open {
    margin-right: 0px;
    transition: all .3s ease;
}
.transport-widget .widget-inner {
    padding: 10px 15px 10px 0;
    color: #fff;
    font-size: 12px;
    background: #7d0202;
    box-shadow: 0px 1px 20px -10px rgba(0, 0, 0, 0.5);
    border: 1px solid #7d0202;
    border-right: 0px;
}
.transport-widget .widget-inner a { color: #fff; font-size: 15px; }
.transport-widget .widget-inner a.textWidget { position: relative; top: 1px; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.transport-widget .widget-inner strong {
    color: #B50003;
    font-size: 13px;
}
.transport-widget .widget-inner .padd {
    display: block;
    padding-top: 10px;

}
.transport-widget .widget-inner h3, .transport-widget .widget-inner h4 {
    margin: 0px;
}
.transport-widget .widget-title {
    position: absolute;
    right: 250px;
    top: 0px;
    margin-right: 0px;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
    box-shadow: 0px 1px 20px -10px rgba(0, 0, 0, 0.5);
    padding: 10px;
    padding-left: 13px;
    transition: all .3s ease;
    visibility: visible;
    text-align: left;
    width: 70px;
    cursor: pointer;
}
.transport-widget .widget-title i {
    font-size: 1.4em;
    position: relative;
    top: 4px;
    left: 2px;
}
.transport-widget.open .widget-title {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: -100px;
    visibility: hidden;
    transition: all .3s ease;
}
@media (max-width: 992px) {
    .transport-widget {
        display: none;
    }
}



/* cookie bar */
#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index: 9999; }
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:5px;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700; animation: colorchange2 2s step-end infinite; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
#cookie-bar::after { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.02); z-index: -1; }

@keyframes colorchange2
{
    0%,100% {background-color: #007700 }
    50% {background-color: #FF0000 }
}
/* /cookie bar */