/* CSS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

html { scroll-behavior: unset !important; max-width: 100vw; overflow-x: hidden; }
body { max-width: 100vw; overflow-x: hidden; color: #060606; font-family: 'Roboto', sans-serif; letter-spacing: 0.5px; }
body.noScroll, html.noScroll { overflow-y: hidden; }
p { margin: 0; }
img { max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; }
a { color: #000000; }
a:hover { color: #5c5c5c; }
a, a:active, a:focus, button, button:active, button:focus { outline: 0; }
.wrapper { max-width: 1470px; }
.noborder { border: 0 !important; }
.invalid-tooltip { right: 15px; }
.slick-prev::before, .slick-next::before {
  color: #000;
}
.slick-track { display: grid; grid-auto-flow: column; }
.slick-track .product { height: 100%; }
hr {
	border-top: 1px solid #CFCFCF;
	margin: 25px 0;
}
.scrolling {
	max-width: 100%;
	overflow-x: auto;
}
.flex-center { display: flex; justify-content: center; align-items: center; }
.text-shadow-black { text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
@media(max-width:992px) {
	.desktop_only { display: none !important; }
}
@media(min-width:992px) {
	.mobile_only { display: none !important; }
}


.breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem; }
ol.breadcrumb br { display: none; }

.special_title { position: relative; text-align: center; font-size: 1.4em; text-transform: uppercase; font-weight: 500; margin: 20px 0; z-index: 1; }



.user-menu * { transition: all .2s ease-out; }
.user-menu { z-index: 1; position: absolute; top: 30px; right: 30px; display: flex; }
.user-menu > div { margin-right: 20px; }
.user-menu a { font-weight: bold; text-decoration: none; font-size: 1.2em; color: #fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; position: relative; }
.user-menu a.active { color: #1dc300; }
.user-menu .social { margin-right: 10px; }
.user-menu .social img { max-width: 28px; position: relative; top: -2px; }
@media (max-width:600px) {
    .user-menu .social img { max-width: 24px; }
}

.user-menu a span.cont { position: absolute; left: 15px; top: -14px; background-color: #a00429; font-size: 80%; line-height: 18px; vertical-align: middle; min-width: 18px; height: 18px; text-align: center; display: inline-block; color: #fff; border-radius: 9px; padding: 0 3px 0 5px; text-shadow: none; }
.user-menu a span.cont.no_prods { opacity: 0; }

.user-menu .cautare_btnwrap { position: relative; }
#cautare, #cautare * { transition: all .2s ease-out; }
#cautare { position: fixed; right: 0; top: 0; left: 0; opacity: 0; visibility: hidden; transform: scaleY(0.5); z-index: 11; display: flex; width: 100%; background: #fff; padding: 10px 0; justify-content: center; -webkit-box-shadow: 0px 10px 11px -12px #000000; box-shadow: 0px 10px 11px -12px #000000; }
#cautare.open { opacity: 1; visibility: visible; transform: scaleY(1); }
#cautare #submit { display: none; }
#cautare form { display: flex; padding: 7px 7px 7px 15px; border: 1px solid #d3d3d3; background: #fff; border-radius: 4px; position: relative; max-width: 80%; }
#cautare form label { display: flex; cursor: pointer; padding: 0 10px; }
#cautare form label:hover i { color: #a00429; }
#cautare form input { border: 0; padding: 3px; font-size: 1.1em; width: 400px; }
#cautare form input:focus-visible { outline: none; }
#cautare form i { font-size: 2em; color: #828282; }
#cautare form .close_search { position: absolute; top: 50%; right: -30px; transform: translateY(-50%); margin: 0; font-size: .5em; background: #fff; border: 1px solid #d3d3d3; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
#cautare form .close_search:hover { color: #a00606; }

@media(min-width:768px) {
}
@media(max-width:768px) {
	.slider .text-shadow-black { font-size: 3em !important; top: 30px !important; left: 50% !important; transform: translateX(-50%) !important; font-size: 4em !important; width: 90% !important; }
}


.overlay-site { z-index: 998; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .4); visibility: hidden; opacity: 0; transition: all .2s ease-out; }
.overlay-site.open { visibility: visible; opacity: 1; }
.menu-principal { position: fixed; top: 0; left: 0; bottom: 0; background: #fff; z-index: 999; display: flex; flex-direction: column; transform: translateX(-100%); transition: all .2s ease-out; }
.menu-principal.open { transform: translateX(0); }
.menu-principal .close_menu { font-size: 1.3em; padding: 24px 0 18px 0; width: 50px; text-align: center; }
.menu-principal .close_menu:hover { background: #c2c2c2; cursor: pointer; }
.menu-principal a { text-decoration: none; }
.menu-principal > div a { display: block; padding: 10px 100px 10px 20px ; font-size: 1.2em; font-weight: 500; font-style: italic; }


.slider { position: relative; }
.slider .logo { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: 150px; }
.slider .mobile_prodmenu { z-index: 1; position: absolute; top: 30px; left: 30px; }


.video-container { position: relative; padding-bottom: 40%; overflow: hidden; background: #000; }
.video-container video { position: absolute; }
.video-container video.full { height: 100%; left: 50%; top: 0; transform: translateX(-50%); }
.video-container video.crop { width: 100%; left: 0; top: 50%; transform: translateY(-50%); }
@media(max-width:992px) {
	.video-container { padding-bottom: 50%; }
}
@media(max-width:500px) {
	.video-container { padding-bottom: 65%; }
	.video-container video { height: 100%; width: auto; top: 0; left: 50%; transform: translateX(-50%); }
	.slider .logo { max-width: 90px; }
	.slider .mobile_prodmenu { position: fixed; top: 10px; left: 10px; }
	.user-menu { top: 20px; right: 0px; }
}


header { position: relative; }
header .mobile_prodmenu { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; }
header .logo { margin: 0 auto; max-width: 150px; padding: 15px 20px; }
header .user-menu { top: 50%; transform: translateY(-50%); }
@media(max-width:992px) {
	header .logo { margin: 0 0 0 70px; max-width: 100px; }
}


section.menu { background: #1a1a1a; }
section.menu .main-menu { display: flex; justify-content: center; position: relative; color: #fff; }
section.menu .main-menu a { text-decoration: none; color: #fff; }
section.menu .main-menu ul { list-style: none; margin: 0; padding: 0; }
section.menu .main-menu .menu_item { position: relative; }
section.menu .main-menu .menu_item > a { display: block; padding: 14px 10px; font-size: .95em; font-weight: 500; text-decoration: none; letter-spacing: 1px; }
section.menu .main-menu .menu_item > .drop { opacity: 0; visibility: hidden; position: absolute; top: 120%; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 7px; padding: 20px; border: 1px solid #cacaca; display: flex; justify-content: space-between; min-width: 200px; }
section.menu .main-menu .menu_item > .drop::before { content: ''; display: block; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #cacaca; }
section.menu .main-menu .menu_item .drop a { white-space: nowrap; display: block; }
section.menu .main-menu .menu_item:hover > .drop { opacity: 1; visibility: visible; top: 90%; }
section.menu .main-menu .menu_item > .drop div > a { font-weight: 500; font-size: 1em; }
section.menu .main-menu .menu_item > .drop div > a > .drop ul.flex { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; padding-left: 20px; }
section.menu .main-menu .menu_item > .drop .drop ul.flex a { font-size: .9em; }


section.main-content { margin: 15px 0; }


.prod_menu { list-style: none; margin: 0 0 20px 0; padding: 30px; border: 1px solid #e7e7e7; }
.prod_menu > li { color: #455560; font-weight: 500; font-size: 1.1rem; letter-spacing: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(6, 6, 6, .1); }
.prod_menu > li:last-child { margin: 0; padding: 0; border: 0; }
.prod_menu ul { list-style: none; padding: 0; }
.prod_menu a { text-decoration: none; }
.prod_menu ul li a { color: #a00429; font-size: .7rem; text-decoration: none; }
.prod_menu ul li a:hover { text-decoration: underline; }
.prod_menu ul li.active a { color: #455560; }


.atribute .attr_container { margin: 0 0 10px 0; padding: 15px; border: 1px solid #e7e7e7; }
.atribute .attr_container a { text-decoration: none; }
.atribute .attr_container .titlu { position: relative; font-size: 0.9em; font-weight: 500; margin-bottom: 20px; }
.atribute .attr_container .titlu::after { content: ''; display: block; position: absolute; left: 0; bottom: -5px; width: 40px; height: 1px; background: #e7e7e7; }
@media(max-width:992px) {
	.atribute { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.atribute .attr_container { width: 49%; }
}


section.best-sellers { margin: 80px 0; }

.articol { border: 1px solid #ececec; border-radius: 4px; padding: 3px; }
.articol:hover { border: 1px solid #797979; }
.articol .jos { text-align: center; padding: 5px 0; }
.articol .jos a { text-decoration: none; font-weight: bold; margin-bottom: 10px; }


.product_wrapper * { transition: all .3s ease-out; }
.product_wrapper { position: relative; display: flex; flex-direction: column; height: 100%; text-align: center; margin-bottom: 0; }
.product_wrapper a { text-decoration: none; }
.product_wrapper .details { flex-grow: 1; display: flex; flex-direction: column; padding-top: 20px; }
.product_wrapper .details .pr_price { display: flex; flex-direction: column; height: 100%; }
.product_wrapper .details .pr_price figcaption { flex-grow: 1; }
.product_wrapper .details .pr_price .add_cos { text-transform: uppercase; font-weight: 500; font-style: normal; padding: 6px 20px 6px; line-height: 1.5; font-size: 12px; border-radius: 30px; border: 1px solid #ff7300; background: #ff7300; color: #fff; }
.product_wrapper .details .pr_price .add_cos:hover { background: #fff; color: #000; cursor: pointer; }
.product_wrapper .details .pr_price .add_cos i { margin-right: 10px; }
@media(max-width:992px) {
	.product_wrapper .details .pr_price .add_cos { padding: 5px 7px 4px 7px; font-size: 11px; flex-grow: 1; }
	.product_wrapper .details .pr_price .add_cos i { margin-right: 4px; }
}
.product_wrapper .details .pr_price .pretprod { margin: 5px 0 10px 0; }
.product_wrapper .nou { width: 60px; position: absolute; top: 15px; right: -5px; z-index: 1; }
.product_wrapper .pr_image { position: relative; overflow: hidden; padding-bottom: 100%; background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; }
.product_wrapper .pr_image img.lozad { opacity: 0; }
.product_wrapper .pr_image img.lozad.fade { opacity: 1; }
.product_wrapper .img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; }
.product_wrapper .img2nd { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-10deg) scale(1.2); background: #fff; display: flex; align-items: center; }
.product_wrapper:hover .img2nd { opacity: 1; visibility: visible; transform: rotate(0deg) scale(1); }
.product_wrapper .actions { position: absolute; bottom: 10px; display: flex; width: 100%; align-items: center; justify-content: flex-end; opacity: 0; visibility: hidden; }
.product_wrapper:hover .actions { opacity: 1; visibility: visible; }
.product_wrapper .actions > div { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; width: 40px; height: 40px; border: 1px solid #c7c7c7; margin: 0 5px; transform: scale(1.2); }
.product_wrapper:hover .actions > div { transform: scale(1); }
.product_wrapper .actions > div:hover { cursor: pointer; background: #a00429; border: 1px solid #a00429; }
.product_wrapper .actions > div i { font-size: 1.5em; }
.product_wrapper .actions > div:hover i { color: #fff; }
.product_wrapper .actions > div.is-favorited { background: #15ff00; border: 1px solid #13e200; }
.product_wrapper .pretprod span { color: #000; font-weight: bold; }
.product_wrapper .pretprod span.old-price { color: #858585; text-decoration: line-through; font-weight: normal; }


footer { border-top: 1px solid #eee; margin-top: 50px; position: relative; background: #f3f3f3; }
footer .top { padding: 30px 0 10px 0; }
footer .top .logo_footer img { max-width: 145px; }
footer .top h3 { color: #425059; text-transform: uppercase; font-size: 14px; font-weight: bold; }
footer .top ul { margin: 0; padding: 0; list-style: none; }
footer .top a { color: #4b5969 ; font-weight: 400; text-decoration: none; font-size: 14px; }
footer .top a:hover { color: #000; }

@media(max-width:992px) {
	footer img { max-width: 300px; }
	footer { text-align: center; }
	footer .row > div { margin: 20px 0; }
	footer::before { opacity: .2; }
	footer::after { opacity: .2; }

	.prod_menu > li.sortare { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
}


.copyright { text-align: center; background: #1a1a1a; color: #fff; padding: 10px 0; font-size: 14px; letter-spacing: 0.5px; }


/*** PAGINA PRODUSULUI ***/
.product_page h1.title_produs { color: #000; font-size: 22px; margin: 0 0 5px 0; }
.product_page h1.title_produs br { display: none; }
.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: #000; font-size: 1.5rem; font-weight: 500; padding: 15px 0; }
.product_page .price .price_s { color: #949ca1; margin-left: 15px; font-size: .9em; }
.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 .add-cart form { display: flex; }
.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 #000; background: #000; color: #fff; font-weight: 300; padding: 0 30px; text-transform: uppercase; font-size: .8rem; letter-spacing: 0; transition: all .2s ease-in-out; flex-grow: 1; }
.product_page .buton_add_cos:hover { background: #313131; }
.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; }
}

.product_page .atribute_produs { margin-bottom: 20px; }

.product_page .icons-produs { margin-top: 30px; }
.product_page .icons-produs .title_icons { font-size: .9em; text-transform: uppercase; margin-bottom: 40px; }
.product_page .icons-produs .svg_icon { display: flex; justify-content: center; align-items: center; height: 40px; margin-bottom: 10px; }
.product_page .icons-produs svg { height: auto; width: auto; max-width: 100%; max-height: 100%; }
.product_page .icons-produs p { font-size: .7em; font-weight: 500; text-align: center; }

.produse-asociate { margin-top: 50px; }
.produse-asociate .title_prod { font-size: 22px; }

/*** END PAGINA PRODUSULUI ***/


.account_menu { list-style: none; margin: 0; padding: 0; }
.account_menu li a { padding: 5px 0; display: block; }
@media (max-width:767px) {
  .account_menu { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #000; }
}


/*** Stil comentarii produse ***/
.comentarii, .comentarii hr { margin: 30px 0; }
.comentarii .pull-left { float: left ; }
.comentarii .pull-right { float: right; }
.comentarii .row.add_review { display: flex; margin-top: 10px; }
.comentarii .widget_com { max-width: 100%;	margin: 0 auto;	padding: 20px; border: 1px solid #ddd; border-radius: 3px; height: 100%; background: #fff; }
.comentarii label.comentariu { margin-top: 10px; }
.comentarii h3 { margin: 0; }
.comentarii .widget_com input, .comentarii .widget_com textarea { width: 100%; resize: vertical; min-height: 40px; }
.comentarii .add_comment { background:#0061C5; max-width: 500px; margin: 0 auto; margin-top: 40px; padding:10px 20px; display:block; color:#FFF; text-decoration:none; font-weight:900; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.comentarii .add_comment:hover { color:#FFF; background:#a40831; }
.comentarii .widget { text-align: center; max-width: 500px; margin: 0 auto; padding: 20px; border: 1px solid #ddd; border-radius: 3px; background: #fff; }
.comentarii .widget > p { font-size: 1.5em; }
.comentarii input, .comentarii textarea, .comentarii select { padding: 8px 8px;	border: 1px solid #d5d6d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.comentarii .rating-widget-outer { display: inline-block; margin-top: 30px; }
.comentarii .rating-widget-outer .labels { color: #999; }
.comentarii .rating-widget-outer .rating-widget { display: inline-block; }
.comentarii .rating-widget-outer .rating-widget input { display: none; }
.comentarii .rating-widget-outer .rating-widget label { float: right; color: #999; cursor: pointer; position: relative; font-size: 1.8em; padding: 0 5px; }
.comentarii .rating-widget-outer .rating-widget label:before { margin: 0 0.2em; font-family: "Font Awesome 5 Free"; font-weight: 400; content: '\f005'; display: inline-block; transition: all 0.1s ease-in-out; }
.comentarii .rating-widget-outer .rating-widget label:hover:before { transform: scale(1.3); font-weight: 900; }
.comentarii .rating-widget-outer .rating-widget label > span { font-weight: normal; position: absolute; top: 115%; font-size: .6em; color: #999; width: 100%; left: 0; text-align: center; line-height: .8em; }
.comentarii .rating-widget-outer .rating-widget input:checked ~ label,
.comentarii .rating-widget-outer .rating-widget:not(:checked) > label:hover,
.comentarii .rating-widget-outer .rating-widget:not(:checked) > label:hover ~ label {
  color: #cd1d4b;
}
.comentarii .rating-widget-outer .rating-widget input:checked ~ label:before,
.comentarii .rating-widget-outer .rating-widget:not(:checked) > label:hover:before,
.comentarii .rating-widget-outer .rating-widget:not(:checked) > label:hover ~ label:before {
  content: '\f005';
}

.comentarii .required { animation-name: required; animation-duration: 4s; animation-iteration-count: infinite; }

@keyframes required {
    0%   {border-color: #ddd;}
    25%  {border-color: #FF0004;}
    75%  {border-color: #FF0004;}
    100% {border-color: #ddd;}
}

.all_comments > h3 { font-size: 20px; }

.all_comments .comment { margin-bottom: 25px; border: 1px dotted #DDDDDD; border-radius: 3px; padding: 10px; }
.all_comments .comment .nume h3 { font-size: 1.2em; }
.all_comments .comment .nume h3 .nota { display: inline-flex; vertical-align: text-top; }
.all_comments .comment .nume h3 .data { font-weight: normal; }
.all_comments .comment .titlu h4 { font-size: 16px; margin-bottom: 0px; color: #0061C5; }
.all_comments .comment .txt p { font-size: 14px; }

.rating-produs { position: relative; display: block; float: left; margin-left: 10px; }
.product .rating-produs { float: none; display: inline-block; margin: 0 auto; }
.scroll-to-comments { cursor: pointer; float: left; }
.rating-produs .rating-overlay { display: block; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; background: rgba(255,255,255,0.75); }

@media screen and (max-width: 767px) {
	.comentarii .row.add_review { display: block; }
	.comentarii .row.add_review .left, .comentarii .row.add_review .right { margin-bottom: 2%; }
	.comentarii .add_comment { margin-top: 10px; }
}
/*** END Stil comentarii produse ***/


/*** PAGINA COS ***/
.breadcos { background: #fafafa; padding: 30px 0; margin-bottom: 30px; }
.breadcos .pathto { text-transform: uppercase; color: #a00429; font-size: .8rem; }
.breadcos h1 { text-transform: uppercase; color: #a00429; padding: 20px 0; font-weight: 400; font-size: 2em; margin: 0; }
.cap_tabel { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.produs_cos { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; color: #455560; }
.produs_cos img { max-height: 130px; width: auto; }
.produs_cos .nume_produs, .produs_cos .nume_produs a { color: #000; text-decoration: none; }
.produs_cos .nume_produs a:hover { color: #a00429; }
.detalii-cos { margin: 30px 0 50px 0; border-top: 1px solid #ddd; font-weight: 500; color: #455560; }
.detalii-cos .det_col { padding: 10px 25px; border-bottom: 1px solid #ddd; }
.detalii-cos .det_col.last { background: #f2f2f2; }

.donatie-cont { padding: 10px 0 10px 0; }
.donatie-cont h3 { font-size: 18px; }
.donatie-cont img { margin: 15px 0; }
.donation {
	text-align: center;
	padding: 25px 20px;
	display: inline-block;
	background-color: #efefef;
	border-radius: 5px;
	color: #000;
	font-weight: 700;
	margin-right: 10px;
	border: 1px solid #efefef;
	transition: all .3s ease;
	margin-bottom: 10px;
}
.donation span {
	font-family: 'arial';
	display: block;
	font-size: 22px;
}
.donation:hover  {
	background-position: -22px -22px;
	text-decoration: none;
	color: #007eb4;
	border: 1px solid #007eb4;
	transition: all .3s ease;
}


.tip-plata .form-check , .tip-livrare .form-check{ padding: 0; position: relative; }
.tip-plata .form-check label, .tip-livrare .form-check label { display: block; padding: 10px 10px 10px 33px; border: 1px solid #dddddd; border-radius: 4px; background: #f5f5f5; margin-bottom: 8px; }
.tip-plata.selected .form-check label, .tip-livrare.selected .form-check label { border: 2px solid #000; background: #fff; }
.tip-plata .form-check-label::before, .tip-plata .form-check-label::after { left: .5rem; top: .9rem; }
.tip-livrare .form-check-label::before, .tip-livrare .form-check-label::after { left: .5rem; top: .9rem; }
.tip-plata .form-check-input, .tip-livrare .form-check-input { position: absolute; top: 11px; left: 33px; }
.tip-plata .form-check-input:checked, .tip-livrare .form-check-input:checked { background-color: #000; border-color: #000; }
.tip-plata .form-check-input:focus, .tip-livrare .form-check-input:focus { box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%); }
.btn-primary { background-color: #a00429; border-color: #a00429; }
.btn-primary:hover { background-color: #a00429; border-color: #a00429; }

@media (min-width:768px) {
  .cos-wrapper .del_pr_mob { display: none; }
}
@media (max-width:768px) {
  .cos-wrapper .cap_tabel { display: none; }
  .cos-wrapper .del_pr_desk { display: none; }
  .cos-wrapper .del_pr_mob { position: absolute; top: 0; right: 15px; font-size: 1.2em; z-index: 1; }
}

.cod_discount { margin: 30px 0; border: 1px solid #826b2f; border-radius:5px; padding:15px; }
.cod_discount p { font-size: 16px; margin-bottom: 15px; }
.cod_discount input { float: left; border: 1px solid #826b2f; padding: 5px; }
.cod_discount a { float: left; margin-left: 10px; border: 1px solid #826b2f; background: #826b2f; color: #fff; padding: 5px 12px; font-size: 16px; }
.cod_discount a:hover { background: #826b2f; }
/*** END PAGINA COS ***/


/*** Istoric comenzi ***/
.comanda_istoric { position: relative; padding: 20px; margin-bottom: 10px; background-color: #f5f5f5; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(27,27,27,0.2); }
.comanda_istoric p { margin: 0; }
.comanda_istoric .nr_com { color: #005596; font-weight: bold; font-size: 18px; }
.comanda_istoric .status { color: #c30000; font-weight: bold; margin-top: 15px; }
.comanda_istoric .btn_detalii { display: block; position: absolute; top: 20px; right: 20px; border-radius: 3px; border: 1px solid #005596; color: #005596; font-weight: bold; font-size: 12px; padding: 4px 8px; }
.comanda_istoric .btn_detalii:hover { text-decoration: none; background: #E2F2FF; }

.body_comanda { min-width: auto !important; max-width: 100% !important; }

@media screen and (max-width: 767px) {
  .body_comanda .wrapper_top > table { display: block; }
	.body_comanda .wrapper_top > table td.st, .body_comanda .wrapper_top > table td.dr { display: block; width: 100%; padding: 0 !important; margin-bottom: 20px; }
	.body_comanda .wrapper_bottom { max-width: 100%; overflow-x: scroll; }
	.body_comanda .wrapper_bottom table { width: 362px; padding-right: 10px; }
}
/*** END Istoric comenzi ***/

/** Anunt sarbatori**/
body .anunt { display: none; }
body.announcement .anunt { display: block; }
.anunt {
	text-align:center;
	padding:10px;
	background-color:#FFFD00;
	border-bottom:1px solid #000000;
	width: 100%;
	z-index: 999;
}
.anunt p {
	padding:0px;
	margin:0px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color:#000;
	font-size:14px;
}
@media screen and (max-width: 992px) {
}
/** END Anunt sarbatori**/


/** Mobile btn menu **/
.menu-toggle { flex:0 0 auto; width:40px; height:40px; cursor:pointer; position:relative; background: rgba(0,0,0,.3); }
.hamburger,.cross { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.hamburger span { display:block; width:24px; height:2px; margin-bottom:5px; overflow:hidden; position:relative;	}
.hamburger span:last-child { margin:0; }
.hamburger span:before,.hamburger span:after { content:""; position:absolute; width:100%; height:100%; background-color:#fff; transform:translateX(-200%); transition:transform ease 300ms; }
.hamburger span:after { transform:translateX(0); }
.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after { transition-delay:75ms;	}
.hamburger span:last-child:before,.hamburger span:last-child:after { transition-delay:150ms; }
.menu-toggle:hover .hamburger span:before { transform:translateX(0); }
.menu-toggle:hover .hamburger span:after { transform:translateX(200%); }
.menu-toggle.active .hamburger span:before { transform:translateX(100%); }
.menu-toggle.active .hamburger span:after { transform:translateX(200%); }
.cross span { display:block; width:18px; height:2px; background-color:#fff; transform:translateY(50%) rotate(45deg) scaleX(0); transition:transform ease 200ms; }
.cross span:last-child { transform:translateY(-50%) rotate(-45deg) scaleX(0); }
.menu-toggle.active .cross span { transition-delay:450ms; transform:translateY(50%) rotate(45deg) scaleX(1); }
.menu-toggle.active .cross span:last-child { transform:translateY(-50%) rotate(-45deg) scaleX(1); }


.menu-toggle-produse { display: flex; flex-direction: column; width:24px; height:40px; cursor:pointer; position:relative; align-items: center; justify-content: space-around; padding: 10px 0; }
.menu-toggle-produse span { width: 3px; height: 3px; border-radius: 50%; background: #000; }
/** END Mobile btn menu **/


/** Back to top btn **/
.scrollup {	width: 50px; height: 50px; font-size: 32px;	color: #a4a4a4;	background-color: rgba(0,0,0,.1); border-radius: 40px; position:fixed; bottom: 30px; right: 30px; display: none; transition: all .3s ease; z-index: 997; }
.scrollup i { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); transition: all .3s ease; }
.scrollup:hover i {	color: #cd1d4b;	transition: all .3s ease; }
.scrollup:hover { background-color: rgba(0,0,0,.2);	transition: all .3s ease; }
.scrollup:focus i {	color: #cd1d4b; }
.scrollup i::before { top: 3px;	position: relative; }
@media (max-width: 992px) {
	.scrollup { width:40px; height:40px; position:fixed; bottom:13px; right:calc(50% - 20px); display:none;	}
	.scrollup i { top: 0; }
}
/** END Back to top btn **/


/* cookie bar */
.consent-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-family: arial;
    box-shadow: #121212 2px 2px 14px 2px;
    background: #fff;
    box-sizing: border-box;
    z-index: 999;
    display: none
}
.consent-bar * {
    box-sizing: border-box
}
.consent-bar.open {
    display: block
}
.consent-bar .wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 15px 0
}
.consent-bar .wrapper .text {
    padding: 0 15px;
	font-size: 0.9em;
}
.consent-bar .wrapper .text h3 {
    margin: 0 0 15px 0
}
.consent-bar .wrapper .cookie-consent {
    display: none
}
.consent-bar .wrapper .cookie-consent.open {
    display: block
}
.consent-bar .wrapper .buton {
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
	font-size: 0.95em;
}
.consent-bar .wrapper .buton.btn_accept {
    background: #18a300;
    color: #fff
}
.consent-bar .wrapper .buton.btn_accept:hover {
    background: #1cc000
}
.consent-bar .wrapper .tab-link.btn_refuz {
    background: #ccc;
	font-weight: normal;
    color: #333333;
	float: right
}
.consent-bar .wrapper .tab-link.btn_refuz:hover {
	background: #d5d5d5
}
.consent-bar .wrapper .buton.btn_more {
    background: #ccc
}
.consent-bar .wrapper .buton.btn_more:hover {
    background: #d5d5d5
}

.cookie-consent {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 15px
}
.cookie-consent ul {
    margin: 0;
    padding: 0
}
.cookie-consent .scroll {
    max-height: 190px;
    padding: 10px;
    overflow-y: scroll
}
.cookie-consent .scroll>div {
    min-width: 500px
}
.cookie-consent .top-menu {
    list-style: none;
    z-index: 1;
    position: relative
}
.cookie-consent .top-menu::after {
    content: "";
    display: block;
    clear: both
}
.cookie-consent .top-menu>li {
    float: left;
    border: 1px solid #b7b7b7;
    border-right: 0;
    background: #f5f5f5
}
.cookie-consent .top-menu>li.current {
    background: #fff;
    border-bottom: 1px solid #fff
}
.cookie-consent .top-menu>li:nth-last-child(-n+2) {
    border-right: 1px solid #b7b7b7
}
.cookie-consent .top-menu>li:last-child {
	float: right;
}
.cookie-consent .top-menu>li a {
    display: block;
    font-size: .85em;
	padding: 9px 24px 8px 24px;
    color: #000;
    text-decoration: none
}
@media (max-width:767px){
	.cookie-consent .top-menu>li {
		width: 33.33%;
	}
	.cookie-consent .top-menu>li a {
		font-size: .75em;
		padding: 9px 5px 8px 5px;
		width: 100%;
		text-align: center;
		height: 47px;
	}
}

.cookie-consent .gdpr_wrapper {
    width: 100%;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    border-top-left-radius: 0;
    font-family: Arial;
    height: 190px;
    overflow: hidden;
    font-size: 14px;
    position: relative;
    top: -1px
}
.cookie-consent .gdpr_wrapper>div {
    max-height: 100%
}
.cookie-consent .gdpr_wrapper::before,
.gdpr_wrapper::after {
    content: "";
    display: block;
    clear: both
}
.cookie-consent .gdpr_wrapper .left_col {
    width: 150px;
    padding: 10px;
    float: left
}
.cookie-consent .gdpr_wrapper .right_col {
    width: calc(100% - 150px);
    padding: 13px 10px 10px 10px;
    float: right;
    font-size: 14px
}
.cookie-consent .tab-content {
    display: none
}
.cookie-consent .tab-content.current {
    display: block
}
.cookie-consent .gdpr_wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.cookie-consent .gdpr_wrapper ul li a {
    display: block;
    padding: 5px;
    margin: 3px 0;
    font-size: 14px;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    color: #000;
    text-decoration: none
}
.cookie-consent .gdpr_wrapper ul li a:hover,
.gdpr_wrapper ul li a.current {
    box-shadow: 0 1px #5a585b
}
.cookie-consent .gdpr_wrapper hr {
    margin: 15px 0
}
.cookie-consent .gdpr_wrapper .cookie-table {
    width: 100%
}
.cookie-consent .gdpr_wrapper .cookie-table tr th {
    background: #f6f6f9;
    border-bottom: 1px solid #cfcfcf;
    font-weight: 400;
    padding: 3px;
    text-align: left
}
.cookie-consent .gdpr_wrapper .cookie-table tr td {
    border-bottom: 1px solid #c3c3c3;
    padding: 5px 3px;
    border-right: 1px solid #cfcfcf
}
.cookie-consent .gdpr_wrapper .cookie-table tr td:last-child {
    border-right: 0
}