@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
body{
   font-family: 'Lato', sans-serif;
   background: #f2f2f2;
}
.container, .container-lg, .container-md, .container-sm, .container-xl{
   max-width: 1200px;
}
.fontMic{
   font-size: 12px;
}
.livrareAltaAdresaNoua{
   width: 100%;
}
/* carousel produse homepage */
.MultiCarousel { float: left; overflow: hidden; width: 100%; position:relative; padding-top: 40px}
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
/* .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:15px; background:#f1f1f1; color:#666;} */
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; top:0; right:0; border-radius:0; padding: 0}
.MultiCarousel .leftLst{
   right: 30px;
}

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; color:#b8c9e2;}
.MultiCarousel .btnSageti{
   color: #194483;
   font-size: 20px;
}


.marginBottomMinus40{
   margin-bottom: -40px !important;
}

.MultiCarousel .btn:focus{
   box-shadow: none;
}

.MultiCarousel .produse{
   margin-bottom: 10px;
}

.MultiCarousel .over{
   background: none;
   color: #222;
}

.desc_sectiune{
   font-size: 14px;
}

.desc_sectiune img{
   margin-right: 30px;
}

a:hover{
   text-decoration: none;
}
/* ribbon reducere */
.ribbon {
   width: 100px;
   height: 100px;
   overflow: hidden;
   position: absolute;
}
.ribbon::before,
.ribbon::after {
   position: absolute;
   z-index: -1;
   content: '';
   display: block;
   border: 3px solid #ea1313;
}
.ribbon span {
   position: absolute;
   display: block;
   width: 165px;
   padding: 5px 0;
   background-color: #ea1313;
   box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.wdp-ribbon-six{
   background: none !important;
   position: relative;
   box-sizing: border-box;
   position: absolute;
   width: 65px;
   height: 65px;
   top:0px;
   right:0px;
   padding:0px;
   overflow: hidden;
}
.wdp-ribbon-inner-wrap{
   -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
   -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
   transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.wdp-ribbon-border{
   width: 0;
   height: 0;
   border-right: 65px solid #ea1313;
   border-bottom: 65px solid transparent;
   z-index: 12;
   position:relative;
   top:-20px;
}
.wdp-ribbon-text {
   font-size: 12px;
   color: white;
   font-weight: bold;
   line-height: 12px;
   position: absolute;
   z-index: 14;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   top: 15px;
   left: -2px;
   width: 91px;
   text-align: center;
}
/* -------------------- HEADER --------------- */

/* header alb */
.avatarUser{
   background: #ddd;
   height: 34px;
   width: 34px;
   line-height: 34px;
   text-transform: uppercase;
   display: inline-block;
   text-align: center;
   border-radius: 17px;
   margin-right: 5px;
   color: #222;
   font-weight: 600;
}

.ul-header li{
   line-height: 34px;
}
.header .header1{
   background: #f2f2f2;
   padding: 15px 0;
   z-index: 16;

   -webkit-transition: all 0.5s ease;
   -moz-transition: position 10s;
   -ms-transition: position 10s;
   -o-transition: position 10s;
   transition: all 0.5s ease;
}
.fixed{
   position: fixed;
   top:0;
   left:0;
   width: 100%;
   animation: smoothScroll 1s forwards;
   background: white !important;
   box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.15);
   border-bottom: 2px solid #194483;
}
@keyframes smoothScroll {
   0% {
      transform: translateY(-30px);
   }
   100% {
      transform: translateY(0px);
   }
}
.header .logo_mare{
   height: 58px;
   /* margin-left: 30px */
}
.header .logo_mic{
   height: 45px;
}
.colWidthFixLogo{
   max-width: 19%;
}

.colWidthFixSearch{
   flex: 0 0 47.5%;
   max-width: 47.5%;
}

.btn_open_menu {
   font-size:23px;
   vertical-align: middle;
   padding-right: 12px;
   cursor:pointer;
}

.searchGroup input{
   background: white  !important;
   border-radius: 5px 0 0 5px;
   border-right: none;
   color: #313131;
   font-size:14px;
   height:44px;
   padding: 20px;
}

.searchGroup input:focus{
   background: white !important;
   border-right:none !important;
   box-shadow: none;
   border-color: #ced4da;
}
.produse_sumar_cos i{
   font-size: 15px !important;
}
.searchGroup .input-group-text{
   background: #dd5f27  !important;
   border-left:none;
   border-radius: 0 5px 5px 0;
   color: white;
   border: 0;
}

.searchGroup .input-group-text a{
   color: #fff;
}

.searchGroup .input-group-append{
   margin-left: 0;
   height: 44px;
}

.header1 a{
   color:#222;
}

.click-cart{
   cursor:pointer;
   color: #222
}

.icon_cart{
   width: 23px;
   margin-right: 5px;
}

.header .header1 .ul-header{
   display: flex;
   list-style-type: none;
   justify-content: space-between;
   margin-bottom: 0;
}

.header .colDreapta{
   font-size:14px;
   font-family: 'Lato', sans-serif;
   color:#54595F;
   font-weight: 400;
}

.header .colDreapta a:hover{
   color: #194483;
}

.header .colDreapta i:not(.fa-stack-2x):not(.fa-stack-1x){
   font-size:20px;
   color:#194483;
   margin-right: 7px;
}

.fa-stack{
   font-size: 20px;
   height: 20px;
   line-height: 20px;
   width: 20px;
   margin-right: 3px;
}

.fa-stack-2x{
   font-size: 20px;
   color: #194483;
}

.fa-stack-1x{
   color: #194483;
   font-size: 14px;
   left: 6px;
   top: -1px;
}

#nr_prod_cos{
   background: #dd5f27;
   color: white;
   height: 18px;
   width: 18px;
   position: absolute;
   text-align: center;
   line-height: 18px;
   border-radius: 9px;
   font-size: 80%;
   font-weight: 700;
   top: -11px;
   right: -3px;
}

.hover-cos #sumar-cos{
   position:absolute;
   max-width:380px;
   min-width: 380px;
   display:none;
   z-index: 1;
   right: 15px;
   padding: 10px;
   top: 35px;
   z-index:100;
   background: white;
}

#sumar-cos .rand_prod_cos {
   border-bottom: 1px solid #f2f2f2;
   display: block;
   padding: 10px;
   transition: all 0.3s ease-out;
}

#sumar-cos .rand_prod_cos:last-child{
   border:none;
}

#sumar-cos .rand_prod_cos:hover {
   background: #f2f2f2;
}

#sumar-cos .nume_prod_cos{
   font-size:11px;
   color: #888;
   display: block;
   line-height: 14px;
   font-family: 'Lato';
}

.rand_prod_cos .pret_final{
   margin-bottom:0px !important;
   color:#194483;
   font-size:15px;
   font-family: 'Lato';
   font-weight: 600;
}

.rand_prod_cos .pret_intreg{
   margin-bottom:0px !important;
   color:grey;
   font-size: 12px;
   font-family: 'Lato';
   font-weight: 600;
   text-decoration: line-through;
}
.produse_sumar_cos{
   max-height: 200px;
   overflow-y:auto;
   overflow-x:hidden;
}

.nr_prod_cos_sumar{
   border-bottom:1px solid #f2f2f2;
   border-top:1px solid #f2f2f2;
   padding: 10px;
   margin-left: 0;
   margin-right: 0;
   font-family: 'Lato';
}
#sumar-cos .btn-mov{
   color: white !important
}
.relative{
   position: relative
}
/* favorite header */
#nr_prod_favorite{
   background: #dd5f27;
   color: white;
   height: 18px;
   width: 18px;
   position: absolute;
   text-align: center;
   line-height: 18px;
   border-radius: 9px;
   font-size: 80%;
   font-weight: 700;
   top: -11px;
   right: -1px;
}

/* header cautare */
.hiddenAjax{
   position: absolute;
   top:42px;
   background: white;
   z-index: 10;
   width: 100%;
   max-height: 400px;
   overflow-y: auto;
   z-index:999;
}

.item_cautare{
   padding: 10px;
   border-bottom: 1px solid #f2f2f2;
   display: flex;
   transition: all 0.3s ease-out;
}

.item_cautare:hover{
   background: #dde6f3;
}

.hiddenAjax a:last-child .item_cautare{
   border-bottom:0;
}

.nume_prod{
   color: #222222 !important;
   font-weight: 700 !important;
   font-size: 13px;
}

.desc_prod{
   font-size:12px;
}
.desc_prod p{
   margin:0;
}

.vezi_tot{
   display:block !important;
   text-align: center;
   font-weight: 600;
   font-size: 12px;
}
/* header cu gradient */
.header2 a{
   color: #222;
   font-size: 14px;
}

.header .header2{
   /* background-image: linear-gradient(110deg, rgb(38, 42, 111), rgb(134, 0, 152));
   background: linear-gradient(110deg,#194483,#194483); */
   background: white;
   padding:0;
}

.header2{
   color:white;
   font-size:12px;
}

#listaDinGradient{
   display: flex;
}
#listaDinGradient div{
   border-right: 1px solid #ddd;
   padding-right: 10px;
}
#listaDinGradient .first{
   margin: 0;
   padding-right: 0;
}

.listaDreapta li{
   margin-right: 0 !important;
}

.listaDreapta li div{
   border-right: 1px solid #ddd;
   padding-right: 10px;
}
.header2 li{
   padding: 10px;
}

.header2 li:last-child{
   padding-right: 0;
}

.header2 li i{
   margin-right:7px;
}

#listaDinGradient li:first-child{
   font-size: 16px;
   background: #194483;
   color:#fff;
   font-weight: 600;
   letter-spacing: 0.5px;
   cursor:pointer;
   border-radius: 5px 5px 0 0;
   width: 33.5%;
}

/* -------------- FOOTER ------------------- */
.scrollTop{
   position: fixed;
   bottom: 5px;
   right: 5px;
}

.scrollTop a{
   height: 40px;
   width: 40px;
   line-height: 40px;
   background: #194483;
   color: white;
   display: inline-block;
   text-align: center;
   border-radius: 20px;
}
footer{
   background-color: #fff;
   background-position:center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 20px 0 0px 0;
   color:#231f20;
   border-style: solid;
   border-width: 2px;
   -webkit-border-image: -webkit-linear-gradient(right, rgb(255 255 255) 1%, rgb(25 68 131) 50%, rgb(255 255 255) 100%) 100% 0 100% 0/2px 0 0px 0 stretch;
   -o-border-image: -o-linear-gradient(right, rgb(255 255 255) 1%, rgb(25 68 131) 50%, rgb(255 255 255) 100%) 100% 0 100% 0/2px 0 0px 0 stretch;
   border-image: linear-gradient(to left, rgb(255 255 255) 1%, rgb(25 68 131) 50%, rgb(255 255 255) 100%) 100% 0 100% 0/2px 0 0px 0 stretch;
}

footer .lista_verticala i{
   font-size: 14px;
   color: #194483;
   margin-right:7px;
}

footer .lista_verticala li{
   padding-bottom: 5px;
}

footer span{
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 0.5px;
   font-family: "Lato", "Lato" !Important;
   color:#231f20;
}

footer span:hover{
   color:#194483;
}

footer ul{
   list-style-type: none;
   padding: 0;
   margin-bottom: 10px;
}

#logo_footer{
   height: 48px;
   margin-bottom: 20px;
}

footer .lista_social a{
   /* color:#194483; */
   font-size:34px;
}


.iconFb a{
   color: #3B5998;
}
.iconYt a{
   color: #FF0000;
}
.iconBlog a{
   color: #222;
}

footer .list-inline-item a:hover{
   color:#194483;
}

footer .titlu_footer{
   font-size:18px;
   font-weight:500;
   letter-spacing: 0.5px;
   margin-bottom: 12px;
}

footer .ultima_coloana{
   padding-left: 86px;
}

.copyright{
   padding: 10px;
   margin-left: -15px;
   margin-right: -15px;
   font-size: 12px;
   background-color: #f2f2f2;
   border-style: solid;
   border-width: 2px;
   -webkit-border-image: -webkit-linear-gradient(right, rgb(255 255 255) 1%, rgb(25 68 131) 50%, rgb(255 255 255) 100%) 100% 0 100% 0/2px 0 0px 0 stretch;
   -o-border-image: -o-linear-gradient(right, rgb(255 255 255) 1%, rgb(25 68 131) 50%, rgb(255 255 255) 100%) 100% 0 100% 0/2px 0 0px 0 stretch;
   border-image: linear-gradient(to left, rgb(255 255 255) 1%, rgb(25 68 131) 50%, rgb(255 255 255) 100%) 100% 0 100% 0/2px 0 0px 0 stretch;
}

.copyright span{
   color: #231f20;
   font-family: "Lato", Lato;
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 0.5px;
}

.copyright span:hover{
   color: #231f20;
}
/* -------------- HOME ------------------- */
.bannereHome img{
   width: 100%;
   height: 200px;
   object-fit: cover
}
/*carousel */
#carousel-home .carousel-item img{
   height: 407px;
   object-fit: cover;
   object-position: 100% 0;
}
#carousel-home .carousel-caption{
   left: 6%;
   top: 25%;
   width:50%;
   text-align: left;
}
#carousel-home .carousel-caption h3{
   font-weight: 700;
   font-size:35px;
   line-height: 45px;
   margin-bottom:0;
}

#carousel-home .carousel-caption p{
   margin-bottom:0 !important;
   letter-spacing: 0.6px;
}

#carousel-home .caption-slider{
   padding: 10px;
   background: #01428491;
   margin-bottom: 20px !important
}
#carousel-home .carousel-indicators{
   z-index: 2 !important;
}
#carousel-home .carousel-indicators li {
   width: 7px !important;
   height: 7px !important;
   border-radius: 50% !important;
   background-color: rgba(0, 0, 0, 0.7);
}

#carousel-home .carousel-indicators .active{
   background-color: #89acbeb0;
}

/* FLIP - CARD */
.sectiune-cards{
   margin-top:10px;
}
.sectiune-cards .colCard{
   padding-right: 0px;
   padding-left: 0px;
   width: 20%;
   max-width: 20%;
   min-width: 20%;

}
.sectiune-cards .col-6:first-child{
   padding-left: 15px;
}
.sectiune-cards .col-6:last-child{
   padding-right: 15px !important;
}
.flip-cards{
   display: grid;
   grid-template-columns: repeat(4,2fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}


.flip-card{
   background: white;
   width:auto;
   box-sizing: border-box;
   padding: 15px;
   display: block;
}

.btn-light-bg-none{
   color:#194483;
   font-size: 16px;
   font-weight: 400;
}

.flip-card h4{
   font-size: 16px;
   font-weight: 600;
   color: #222;
   font-family: "Lato";
   margin: 0;
}

.flip-card i{
   color: #194483;
   font-size: 20px;
   line-height: 30px;
   height: 30px;
   width: 30px;
   margin-right: 5px;
}
.hover {
  position: relative;
  top: 50px;
  left: 50px;
}



.hoverIntaritor:hover .tooltipBox {
  /* display tooltip on hover */
  display: block;
}

.flip-card .tooltipBox {
  display: none;
  background-color: #555;
  color: #fff;
  padding: 10px;
  position: relative;
  float: left;
  position: absolute;
  z-index: 1;
  font-size: 14px;
   top: 43px;
   border-radius: 5px;
   z-index: 3;
}


.flip-card .tooltipBox:after {
  content: " ";
  position: absolute;
  left: 73px;
  top: -10px;
  border-top: none;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #444;
}

.colCard:not(:last-child) .hoverIntaritor{
   border-right: 1px solid #ddd
}
.flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: transform 0.6s;
   transform-style: preserve-3d;
   color: #54595F;
   box-sizing: border-box;
}

.flip-card:hover .flip-card-inner {
   transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
   padding: 20px;
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   background-color: white;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content:center;
}

.flip-card-front h4{
   font-size:16px;
   line-height: 20px;
   font-weight: 600;
   margin:0;
   font-family: 'Lato';
}

.flip-card-back {
   transform: rotateY(180deg);
   border-right: 2px solid #194483;
}

.slogan h3{
   color: #194483;
   font-size: 23px;
   font-weight: 600;
}
.titlu_sectiune{
   margin-bottom:10px;
}

.titlu_sectiune span{
   font-size:23px;
   color: #333;
   font-family: 'Lato';
   font-weight:500;
   vertical-align: middle;
}

.titlu_sectiune i{
   font-size:35px;
   margin-right: 5px;
}
.sectiune-top-vanzari{
   margin-top:27px;
}

.sectiuneText p{
   margin-bottom: 5px;
}

.newsletter{
   background: white;
   background: white;
   padding: 20px;
}
.newsletter h4{
   margin-bottom: 0;
}
.newsletter form input{
   display: inline-block;
}
.radius5{
   border-radius: 5px !Important;
}

/* PRODUCATORI */
.boxProducator{
   background: white;
   display: inline-block;
   color: #222;
   font-weight: 500;
   text-align: center;
   transition: all 0.8s ease;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0;
}


.carouselProducatori .MultiCarousel-inner{
   height: 115px;
}

.carouselProducatori .MultiCarousel-inner .item {
   padding-right: 30px;
}

.boxProducator img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
  transition: all 0.3s ease
}

/*  carousel producatori */
.carouselCategorii .MultiCarousel-inner{
   background: white;
   padding: 5px 0;
}
.boxProducator .nume_categorie {
   font-size: 13px;
   font-weight: 600;
   display: block;
   margin-top: 5px;
}
/* ----------- CATEGORII CU SLIDER PRODUSE -------------*/
.boxCategoriiProduse{
   margin-top: 90px;
}

.bgCategSlider{
   background-image: url('/images/blocator-5.jpg');
   border-radius: 0px 50px 80px 0px;
   margin-bottom: 10px;
   background-position: center center;
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
}

.boxTextCateg{
   padding: 30px;
}

.bgCategSlider img{
   border-radius: 80px 50px 80px 0px;
}

.colImgCateg{
   background: white;
   border-radius: 80px 50px 80px 0px;
   padding: 0px;
   height: 100%;
   background-size: 70%;
   background-position: center;
   background-repeat: no-repeat;
}

.titlu_categ_slider{
   color: white;
   margin-bottom: 20px;
   font-size: 30px;
}

/* produse recomandate */
.boxRecomandari{
   margin-left: 0;
   margin-right: 0;
   background-color: transparent;
   /* background-image: url('/images/bg-2.jpg'); */
   opacity: 1;
   background-size: cover;
   background-position: top center;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
   display: flex;
   align-items: center;
   padding:0 0 13px 0;
   background-attachment: fixed;
}

.boxRecomandari .colDreaptaExtraReduceri{
   background-position: bottom center;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: hidden;
   background-color: #ddd;
}

.boxRecomandari .colDreaptaExtraReduceri::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.boxRecomandari .colDreaptaExtraReduceri:hover::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}


.boxRecomandari .colDreaptaExtraReduceriMobile {
   box-shadow: none !important;
   background: transparent;
}

.boxRecomandari .colDreaptaExtraReduceri{
   display: flex;
   justify-content: center;
   align-items: center;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/* de copiat */

/* reset filtre */
.reset_filtru_single{
   cursor: pointer;
   font-size: 14px;
   color: red;
}
.reset_filtru_single i{
   color: red;
}
/* POSTARI */
.postariHome{
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}

.postariHome .postareHome{
   background: white;
   padding: 20px;
}

.postareHome .titlu{
   color: #222;
   font-size: 17px;
   font-weight: 600;
   line-height: 20px;
   max-height: 40px;
   height: 40px;
   overflow-y: hidden;
   margin-bottom: 10px;
}

.postareHome img{
   height: 150px;
   object-fit: cover;
   width: 100%;
   margin-bottom: 10px;
}

.postareHome .footerPostare{
   color: #666;
   font-size: 14px;
}

.desc_postare{
   color: #222;
   font-size: 14px;
   height: 104px;
   overflow: hidden;
   margin-bottom: 20px;
}

.footerPostare .fa-calendar-alt{
   color: #194483;
   font-size: 16px;
}
/* pana aici */

/* ----------- PRODUSE LISTARE -------------*/
.produse{
   display: grid;
   grid-template-columns: repeat(6,1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}

.produse .produs{
   background: white;
   padding: 10px;
   box-sizing: border-box;
   text-align: left;
   width:auto;
   border-radius: 5px;
   position: relative;
}

/* .produse .produs:hover{
   transform:scale(1.02);
} */

.produse .produs img{
   height: 200px;
   width:200px;
   object-fit: cover;
   margin-bottom:10px;
}
.divDetaliiProd{
   margin-top: 10px;
   margin-bottom: 10px;
   height:30px;

}
.produse .produs .nume_produs{
   font-family: "Open Sans";
   color:#222;
   font-size: 13px;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: -0.3px;
   height:65px;
   margin-bottom: 5px;
   overflow: hidden;
   text-align: left;
}

.produse .produs .pret{
   height: 42px;
   margin-bottom: 5px;
   position: relative;
}

.produse .produs .pret .pret_intreg{
   margin-bottom:0px !important;
   color:grey;
   font-size: 12px;
   font-family: 'Lato';
   font-weight: 400;
   text-decoration: line-through;
}

.produse .produs .pret .pret_final{
   margin-bottom:0px !important;
   color:#dd5f27;
   font-size:16px;
   font-family: 'Open Sans';
   font-weight: 700;
   position: absolute;
   bottom: 0;
   width: 100%
}

 .reducere{
   right:10px;
   color: #fff;
   background-color: #ea1313;
   font-family: "Lato", Lato;
   font-size: 12px;
   font-weight: 600;
   padding: 1px 8px;
   letter-spacing: 0.5px;
   border-radius: 0px;
   line-height: 24px;
}

.boxExtraReduceri{
   margin-left: 0;
   margin-right: 0;
}

#imgReduceriCard{
   object-fit: contain;
}

.colProdReduceriCard{
   background-image: url("/images/bile-1.png");
   background-position: center center;
   background-repeat: no-repeat;
   display: flex;
}

.boxExtraReduceri #text-extra-reduceri{
   margin: 0;
   position: absolute;
   top: 40px;
   right: -70px;
   text-align: center;
   width: 59%;
   color:#194483;
   font-weight: 400;
   font-size:33px;
   font-family: "Lato", 'Lato';
   letter-spacing: -1.6px
}

.boxExtraReduceri #text-extra-reduceri span{
   font-weight: 900;
}

.boxReduceriFinale{
   margin: 0;
}

.boxExtraReduceri .produse{
   grid-template-columns: repeat(6,1fr) !important;
}

.boxReduceriFinale .colDreaptaReduceriFinale{
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   margin-left: 7px;
   padding-right: 0;
   width: 100%;
}

.colReduceriFinale img{
   width: 100%;

}
.colStangaReduceriFinale {
   padding-right: 0;
   padding-left: 0;
}

.carouselProduse{
   margin-top: -45px;
}

.carouselProduseTabs{
   margin-top: -56px;
   padding-top: 50px;
}

.carouselProduse .produse{
   grid-template-columns: repeat(10,1fr);
   overflow-x: hidden;
}

.boxReduceriFinale .veziOferta{
   position: absolute;
   bottom: 40px;
   left: 27px;
}

.boxReduceriFinale .veziOferta:hover{
   transform: scale(1.1);
   transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
}

/* VIDEO */
.sectiuneVideo{
   background-image: url('/images/Background-2.jpg');
   background-repeat: no-repeat;
   background-position: top center;
   padding: 50px 0;
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.sectiuneVideo > .parallax-overlay{
   background: rgba(0,0,0,0.65);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.cerc_albastru{
   background: #388DCF;
}
.cerc_orange{
   background: #194483;
}

.cerc{
   border-radius: 100%;
   padding: 30px;
   height: 500px;
   width: 500px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto !important;
}

.modalBox{
   height: 410px;
   width: 410px;
   background-repeat: no-repeat;
   background-position: center center;
   border-radius: 5%;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 0px 0px 50px -5px rgba(0, 0, 0, 0.45);
   cursor: pointer;
   background-size: cover;
}

.modalBox i{
   font-size: 100px;
}

.cerc_albastru i{
   color:#194483;
}

.cerc_orange i{
   color: #388DCF;
}

.sectiuneVideo #titlu_video{
   color: #353535;
   font-size: 35px;
   font-weight: 600;
   margin-bottom: 0;
}
.sectiuneVideo #text_video{
   color: #54595f;
   font-size: 16px;
   font-weight: 600;
}

.sectiuneVideo .modal{
   padding: 0;
}

.sectiuneVideo .modal .close{
   position: absolute;
   top: -15px;
   right: -15px;
   background: rgba(0,0,0,0.75);
   height: 30px;
   z-index: 2;
   width: 30px;
   color: white;
   border-radius: 15px;
   box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.5);
}

.sectiuneVideo .modal .modal-body{
   padding: 40px;
}

.sectiuneVideo .modal .modal-dialog{
   max-width: 62%;
}

.btnDetalii{
   padding: 8px 0 !important
}

.btnDetalii i{
   margin-right: 5px;
}
.endFlex{
   display: flex;
   align-items: end;
}
/* CATEGORII */
.categoriiHomepage{
   display: grid;
   grid-template-columns: repeat(5,1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}

.boxCategorie{
   background: white;
   display: block;
   color: #222;
   text-align: center;
   transition: all 0.5s ease;
   background-size: cover;
   background-position: center center;
   position: relative;

}

.boxCategorie img{
   width: 100%;
   object-fit: contain;
   padding: 0;
}

.boxCategorie .nume_categorie{
   display: block;
   line-height: 19px;
   font-size: 15px;
   background: #194483;
   /* position: absolute; */
   color: white;
   bottom: 0;
   width: 100%;
   line-height: 30px;
   font-weight: 500;
   transition: all 0.4s ease;
}
.boxCategorie:hover .nume_categorie{
   background: white;
   color: #222;
   font-weight: 600;
}

.produs .stoc_listare_prod{
   display: block;
   font-size: 12px;
   color: #555;
   line-height: 12px;
}

/* ----- TABS ----- */

.content_wrapper .produse{
   grid-template-columns: repeat(10,1fr);
}
.tab_wrapper ul{
   list-style-type: none;
   display: inline-block;
   width: 100% !important;
   border-bottom: 0 !important;
   margin-bottom: 10px;
}
.bgBlue{
   background: #e0e7eb;
   padding-top:15px;
   padding-bottom:30px;
}
.tab_wrapper > ul li.active{
   background: transparent;
   color: #194483 !Important;
   font-weight: 600;
}

.tab_wrapper .content_wrapper .tab_content{
   padding: 10px 0;
}
.tab_wrapper > ul li{
   font-family: "Lato", Lato;
   font-size: 15px;
   font-weight: 500;
   color: #222 !Important;
   background-color: transparent;
   border-radius: 0px 0px 0px 0px;
   transition: all .3s;
   line-height:15px;
   border: none;
   text-align: center;
   width: auto !important;
   margin: 0;
   border-right: 1px solid #ddd !important;
   z-index: 2;
}

.tab_wrapper > ul li:first-child{
   padding-left: 0;
}

.tab_wrapper > ul li:last-child{
   border-right:0 !important;
}

.tab_wrapper > ul li:hover{
   background: transparent;
   color:#194483 !important;
}

.tab_wrapper.left_side .content_wrapper{
   width: 100%;
   background-image: linear-gradient(180deg, #005b8c14 0%, rgba(255, 255, 255, 0.9) 100%);
   background-image: none;
}

.vezi_mai_multe{
   font-family: "Lato", Lato;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: 0.5px;
   color: #194483;
}

/* ---------------- CATEGORIE ------------- */
.header_categorie{
   padding: 15px 0;
}

.header_categorie .titlu_cat{
   color: #194483;
   font-size: 30px;
   font-weight: 700;
   line-height: 30px;
   margin-bottom:0;
   font-family:"Lato", 'Lato';
}

.breadcrumps{
   color: #c2c5ca;
}

.breadcrumps a{
   color:#194483;
   font-size:14px;
   font-weight: 600;
   font-family:"Lato", 'Lato';
}

.breadcrumps span{
   color:#194483;
   font-size:14px;
   font-weight: 500;
   font-family:"Lato", 'Lato';
}

.titlu_filtru{
   background: white;
   color: #222222;
   font-family: "Lato", 'Lato';
   font-size: 13px;
   font-weight: 600;
   line-height: 26px;
   padding: 15px;
   border-top: solid 2px #194483;
}

.boxResetFiltre{
   background: white;
   color: #222;
   font-family: "Lato", 'Lato';
   font-size: 13px;
   font-weight: 600;
   line-height: 26px;
   padding: 15px;
}

/* de copiat */
.resetFiltre{
   cursor: pointer;
   color: #222;
}

/* pana aici */

.subcategorii_categorie{
   display: grid;
   grid-template-columns: repeat(6,1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}

.subcategorie_categorie{
   background: white;
   padding: 10px;
   min-height: 182px;
}

.subcategorie_categorie:hover{
   transform: scale(1.02);
}

.subcategorie_categorie img{
   height: 95px;
   margin-bottom: 10px;
}

.listaSubcat{
   background: #005b8c14;
   border-radius: 5px;
}

.listaSubcat a{
   color: #222;
   font-weight: 500;
}
.listaSubcat a:not(.bold):hover{
   color: #dd5f27
}

.listaSubcat .bold{
   font-weight: 600;
   color: #194483;
   display: block;
}

.listaSubcat .subsubcat{
   list-style: none;
   padding-left: 10px;
}
.cat-has-children::before{
   content: "›";
   float: right;
   font-size: 21px;
}
.subcategorie_categorie span{
   font-family: "Lato", 'Lato';
   font-size: 13px;
   font-weight: 600;
   color:#222;
   display: block;
}

.produse_categorie_listare{
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}

.produse_categorie_listare .produs{
   /* width:197px !important; */
}

#amount{
   border: none;
   font-weight: bold;
   color: #194483;
   width: 100%;
}
select[name='sortare']{
   border: 1px solid #f2f2f2;
   border-radius: 0;
   font-family: 'Lato';
   font-size: 14px;
}

.ribbon_reducere {
  position: absolute;
  top: 15px;
  padding: 4px 10px;
  background: red;
  border-radius: 0 3px 3px 0;
  box-shadow: -1px 2px 3px rgba(0,0,0,.3);
  left: 0;
  font-size: 12px;
  color: white;
  font-weight: 600;
}
.ribbon_reducere:before, .ribbon_reducere:after {
  content: "";
  position: absolute;
  box-sizing: initial;
}
.ribbon_reducere:before {
  width: 7px;
  height: 100%;
  top: 0;
  left: -6.5px;
  padding: 0 0 7px;
  background: inherit;
  border-radius: 5px 0 0 5px;
}
.ribbon_reducere:after {
  width: 5px;
  height: 5px;
  bottom: -5px;
  left: -4.5px;
  background: #ef9090;
  border-radius: 5px 0 0 5px;
 }

/* PAGINARE */
.pagination{
   justify-content: center;
   margin-top: 30px;
   margin-bottom: 0px;
   flex-wrap: wrap;
}

.page-link{
   color: #194483;
   border-color: #f2f2f2;
}
.page-item.active .page-link{
   background: #194483;
   color: white;
}

.page-item.disabled .page-link{
   color: #ebe1e1;
}

.nr_prod_paginare{
   font-family: 'Lato';
   font-size: 14px;
}

/* FILTRE */
.filtru_specificatii{
   background: white;
   padding: 20px;
   margin-top: 10px;
   border-radius: 5px;
}

.nume_specificatie{
   font-family: "Lato", 'Lato';
   font-size: 15px;
   font-weight: 600;
   color: #333;
}

.box_valori_filtru{
   margin-top: 10px;
   max-height: 210px;
   overflow-y: auto;
   font-size: 13px;
}

.box_valori_filtru input{
   vertical-align: middle;
   margin-right: 5px;
}

.box_valori_filtru label{
   cursor: pointer;
}

/* PRODUS */
.breadcrumps_produs{
   font-size:14px;
   font-family: "Lato", 'Lato';
   padding: 15px 15px;
}

.breadcrumps_produs a{
   color: #54595F;
}

.breadcrumps_produs span{
   color:#222;
}

.boxProdusSingle{
   padding:20px 0;
}

.divCodBrand{
   display: flex;
}

.divCodBrand div{
   flex-shrink:0;
}

.divCodBrand .cod{
   padding-right: 10px;
   line-height: 14px;
}

.divCodBrand .brand{
   padding-left: 10px;
   border-left: 1px solid #999;
   line-height: 14px;
}

.col-dreapta-detalii-produs  .btn-alb:hover{
   background: #005b8c14 !important;
   color: #194483 !important
}

.col-dreapta-detalii-produs  .btn-alb:hover i{
   color:
}

.col-dreapta-detalii-produs .pret_produs{
   display: inline-flex;
   flex-direction: column;
   justify-content: flex-end;
   height: 78px;
}

.marginLinieTop{
   margin-top: 28px;
}


/* GALERIE produs */

.scroll-custom::-webkit-scrollbar{
   width: 2px;
   height: 8px;
   border-radius: 3px;
}

.scroll-custom::-webkit-scrollbar-button {
   width: 0px;
   height: 0px;
}

.scroll-custom::-webkit-scrollbar-thumb {
   background: #194483;
   border: 0px none #ffffff;
   border-radius: 50px;
}

.scroll-custom::-webkit-scrollbar-track {
   background: #e1e1e1;
   border: 0px none #ffffff;
   border-radius: 50px;
}

.scroll-custom::-webkit-scrollbar-corner {
   background: transparent;
}

#xzoom-magnific{
   width: 100% !Important;
   object-fit: contain;
   background: white;
}

.xzoom-container{
   margin-right: 25px;
   width: 100%;
}

.xzoom-thumbs  img{
   max-width: 100%;
   max-height: 100%;
   margin-right: 5px;
}

.xzoom-gallery5{
   margin-left: 0;
   margin-right: 5px;
   opacity: 0.5;
   transition: all ease-out 0.3s;
}
.xzoom-gallery5:hover{
   opacity: 1;
}
.xactive{
   box-shadow: none !important;
   border:1px solid #194483;
   opacity: 1;
}

#nume_produs{
   color: #54595F;
   font-family: "Lato", 'Lato';
   font-size: 28px;
   font-weight: 400;
   line-height: 32px;
   margin-bottom: 0;
}

.desc_scurta_prod{
   color: #222222;
   font-family: "Lato", 'Lato';
   font-size: 14px;
}

.desc_scurta_prod a{
   color:#194483;
   font-family: "Lato", 'Lato';
   font-size: 14px;
}
.separator_prod{
   border-color:#7A7A7A;
   margin: 20px 0;
}

.subtitlu_produs{
   color: #222;
   font-family: "Lato", 'Lato';
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0px;
}

.subtitlu_produs a{
   color:#194483;
}
.beneficii i{
   color: #194483;
   margin-right: 6px;
   font-size: 15px;
}

.beneficii li{
   color: #54595F;
   font-size:14px;
   font-family: "Lato", 'Lato';
   margin-bottom: 10px;
}

.pret_produs{
   height: 60px;
}

.pret_produs .pret_intreg{
   color: gray;
   font-family: "Lato", 'Lato';
   font-size: 17px;
   font-weight: 600;
   text-decoration: line-through;
   margin-bottom: 0;
}

.pret_produs .pret_final{
   color: #dd5f27;
   font-family: 'Open Sans';
   font-size: 25px;
   font-weight: 900;
   margin-bottom: 0;
}

.serviciiProdus a{
   color: #222;
   font-weight: 400;
   line-height: 25px;
   font-size: 14px;
}

.titlu_servicii{
   color: #999;
   font-size: 14px;
}
/* + & - cantitate */
.value-button {
   display: inline-block;
   border: 1px solid #ddd;
   margin: 0px;
   width: 32px;
   height:26px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
   background: #eee;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.value-button:hover {
   cursor: pointer;
}

#decrease, .decrease {
   margin-right: -4px;
   border-radius: 0;
   margin-top: -1px;
}

#increase, .increase {
   margin-left: -4px;
   border-radius: 0;
   margin-top: -1px;
}

#input-wrap {
   margin: 0px;
   padding: 0px;
}

input#number, input.number {
   text-align: center;
   border: none;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   margin: 0px;
   width: 40px;
   height: 26px;
   padding-top: 0px;
   padding-bottom: 3px;
}
.rand_prod_cos input.number{
   padding-top: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* stoc */
.clasa_in_stoc{
   background-color: #03ad03;
}

.clasa_stoc_limitat{
   background-color: #008000;
}

.clasa_epuizat{
   background-color: #ffa500;
}

.clasa_precomanda{
   background-color: #ffff00;
   color: #222 !important;
}

.clasa_furnizor{
   background-color: #2196f3;
   color:#fff !important;
}

.clasa_fabricatie{
   background-color: #ff0000;
   color: white;
}

.stoc{
   font-family: "Lato", 'Lato';
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 0.5px;
   color: #FFFFFF;
   padding: 0px 10px 0px 10px;
   display: inline-block;
   text-align: center;
}

/* .colStoc{
   padding-left: 0;
} */

.cant_in_stoc{
   color: green;
   border: 1px solid green;
   padding: 5px;
   position: absolute;
   bottom: 0;
   letter-spacing: 0.5px;
   font-family: "Lato", 'Lato';
   font-size: 12px;
   font-weight: 600;
}

/* de copiat */

/* header produs fixed */
.header_produs{
   background: white;
   padding-top: 13px;
   padding-bottom: 13px;
   font-size: 14px;
   z-index: 17;
}

.header_produs.fixed{
   animation:none;
}

.header_produs img{
   height: 50px;
}

.header_produs .nume_produs{
   font-size: 16px;
   max-height: 40px;
   overflow-y: hidden;
   line-height: 20px;
   display: block;
}

.header_produs .pret_intreg{
   font-size: 14px;
}

.header_produs .pret_final{
   font-size: 16px;
   line-height: 18px;
}

.header_produs .cere-oferta .fa-file-invoice{
   margin-left: 0;
}

.header_produs .cere-oferta{
   line-height: 34px !important;
}

.btnFavoriteHeaderProdus{
   border: 1px solid #194483;
   display: block;
   text-align: center;
   cursor: pointer;
}

.header_produs .box_butoane .adauga_in_cos #boxRosu{
   height: 36px;
}
.header_produs  .col-dreapta-detalii-produs .btn-block{
   line-height: 36px;
}

.header_produs  .box_butoane .adauga_in_cos .triunghi{
   height: 30px;
   border-top: 18px solid transparent;
   border-bottom: 18px solid transparent;
   border-left: 18px solid transparent;
}

.header_produs .btn_cos_produs{
   line-height: 34px;
}

.header_produs .btn_cos_produs span{
   font-size: 14px !important;
}


.header_produs .pret_produs{
   height: auto;
}

.header_produs .btn-block.cere-oferta {
   display: inline-block;
   border-top: 1px solid;
   border-bottom: 1px solid;
}

.btnFavoriteHeaderProdus i{
   font-size: 20px;
   color: #194483;
   line-height: 34px;
}

.header_produs .btn_cos_produs {
   width: 80%;
}

/* galerie imagini produs cu sageti */
.galerieImagini { float: left; display: block; overflow: hidden; padding: 0; width: 100%; position:relative; }
.galerieImagini .MultiCarousel-inner { transition: 1s ease all; float: left; }
.galerieImagini .MultiCarousel-inner .item {
   float: left;
   margin-left: 5px;
}

.xzoom-thumbs{
   position: relative;
   display: flex;
   min-width: 82%;
}

.xzoom-thumbs .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.xzoom-thumbs .leftLst, .xzoom-thumbs .rightLst {
   position:absolute;
   border-radius:50%;
   top:calc(50% - 15px);
   height: 30px;
   width: 30px;
   z-index: 2;
   text-align: center;
   background: transparent;
   color: #194483;
   display: inline-block;
}

.xzoom-thumbs .leftLst {
   left:-36px
}

.xzoom-thumbs .rightLst {
   right:-36px;
}

.xzoom-thumbs .leftLst.over, .xzoom-thumbs .rightLst.over {
   pointer-events: none;
   background:transparent;
   color: #ccc
}

.xzoom-thumbs  .xzoom-gallery5{
   margin-bottom: 0;
   border: 1px solid transparent;
}

.xactive{
   border: 1px solid #194483 !important;
}

.xzoom-thumbs .btn:focus{
   box-shadow: none;
}

.galerieImagini .MultiCarousel-inner .item:first-child{
   margin-left: 0;
}

.galerieImagini .MultiCarousel-inner .item img:first-child{
   margin-left: 0;
}

.marginLeftCustom{
   width: 82%;
   margin-left: 46px;
}

.cere-oferta .fa-file-invoice{
   margin-left: -35px;
}

.butoane-adauga-swal button{
   padding: 0;
   width: 100%;
}

.butoane-adauga-swal button i{
   margin-left: 5px;
}

.butoane-adauga-swal button a{
   padding: 0;
   display: block;
}

.col-dreapta-detalii-produs .btn-block{
   line-height: 45px;
}

.col-dreapta-detalii-produs .btn-block i{
   margin-right: 0;
   font-size: 20px;
}

.btnFavorite i{
   position: absolute;
   top: 15px;
   left: 10px;
   width: 63px;
}

.btnFavorite {
   line-height: 50px;
}

.col-dreapta-detalii-produs .btn-block span{
   font-size: 16px;
   /* float: right; */
   padding-right: 10px;
   margin-left: 56px;
}

.btnFavorite:hover{
   border:0 !important;
}

.col-dreapta-detalii-produs .btn-block {
   padding:0 !important;
   border: 0;
}

.col-dreapta-detalii-produs .btn_cos_produs:hover{
   border:0
}

.fa-truck-loading{
   font-size: 18px;
}

.btnSuna{
   background: #005b8c14 !important;
   border: none !important;
   color: #194483;
   line-height:  48px !important;
   border-radius: 0;
   font-size: 18px !important
}
.btnSuna i{
   line-height: 48px;
}

.btnSuna .iconSeparat,
.whatsapp .iconSeparat{
   height: 48px;
   position: absolute;
   left: 16px;
   top: 0;
   width: 45px;
}

.btnSuna .iconSeparat{
   color: #194483;
   background: white;
   border: 1px solid #194483
}

.whatsapp{
   border-radius: 0;
   line-height: 48px !important;
   font-size: 18px !important;
   background: #ecf6eb;
}

.whatsapp a{
   color: #368A00;
}

.whatsapp .iconSeparat{
   color: #368A00;
   background: #fff;
   border:1px solid #368A00
}

.whatsapp i{
   font-size: 26px !important;
   line-height: 48px;
}

.btnSuna:hover{
   color: #222 !important;
}

.jscroll-added{
   margin-top: 10px;
}
.loading{
   text-align: center;
}
/* .btnSuna:not(.whatsapp):hover i{
   animation: wiggle 245ms infinite;
   animation-timing-function: linear;
} */
.box_butoane  .sterge_din_favorite{
   line-height:48px !Important;
   border-width: 1px;
}

.box_butoane  .sterge_din_favorite:hover{
   border: 1px solid #194483 !important;
}

.sterge_din_favorite:hover{
   background: white !important;
   color: #194483 !Important
}
.sterge_din_favorite:hover i{
   color: #194483 !Important
}
.sterge_din_favorite{
   background: #005b8c14 !important;
   border: 1px solid #194483 !important;
   color: #194483 !Important
}
.sterge_din_favorite i{
   color: #dd5f27
}

.btnFavoriteHeaderProdus:hover{
   border:1px solid #194483 !important;
}
@keyframes wiggle {
  0% { transform: translate(2px, 0); }
  50% { transform: translate(-2px, 0); }
  100% { transform: translate(2px, 0); }
}

.box_butoane .adauga_in_cos, .produs .adauga_in_cos{
   font-size: 0 !important;
   text-align: left;
   display: inline-flex;
   justify-content: left;
   align-items: center;
}

.box_butoane .adauga_in_cos .triunghi, .produs .adauga_in_cos .triunghi{
   height: 48px;
   border-top: 25px solid transparent;
   border-bottom: 25px solid transparent;
   border-left: 25px solid transparent;
   position: relative;
   display: inline-block;
   box-sizing: border-box;
}
.box_butoane .adauga_in_cos  #boxRosu{
   height: 50px;
   width: 50px;
   background: #dd5f27;
   display: inline-block
}
.produs .adauga_in_cos #boxRosu{
   background: transparent;
   display: inline-block
}

.btn_cos_produs  span{
   font-size: 19px !Important;
}

.box_butoane .cere-oferta .margineDiferitaSpan{
   margin-left: 37px;
}

.cere-oferta .fa-file-invoice.margineDiferita{
   margin-left: -22px;
}

.box_butoane .adauga_in_cos .spanAdauga, .produs .adauga_in_cos .spanAdauga{
   margin-left: 16px;
}

.box_butoane .adauga_in_cos i, .produs .adauga_in_cos i{
   position: absolute;
   padding: 0 14px;
}

.col-dreapta-detalii-produs .btn-block{
   font-size: 16px;
   padding: 15px 30px;
   font-weight: 600;
   letter-spacing: 0.5px;
   font-family: "Lato", 'Lato';
}

.col-dreapta-detalii-produs  .btn-alb{
   border: 1px solid #194483 !important;
}

.produs .adauga_in_cos i{
   font-size: 16px;
}

.produs .adauga_in_cos{
   padding: 0;
   margin-right: 0;
   border: 0;
}
.produs button{
   width: 100%;
   border:0;
   padding: 0;

}
.produs button span{
   line-height: 40px;
   font-size: 14px;
}
.produs .adauga_in_cos #boxRosu{
   height: 34px;
   width: 37px;
   background: #dd5f27
}

.produs .adauga_in_cos .triunghi{
   height: 30px;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 20px solid transparent;
   margin-left: -1px;
}

.produs button:hover{
   border: 0;
}

.produs .adauga_in_cos i{
   padding: 0 10px;
   font-size: 15px;
}

.produs .adauga_in_cos .spanAdauga{
   margin-left: 11px;
   line-height: 34px;
   font-size: 14px;
}

/* pana aici */

.spec_variatie{
   margin-bottom: 10px;
   display: block;
   width: 100%;
}

.spec_variatie .btn-alb{
   border: 1px solid #ff860d;
   color:#ff860d;
   margin-right: 5px;
   font-size: 12px;
   padding: 3px;
}

.spec_variatie .btn-alb:not(:disabled):hover{
   border: 1px solid #ff860d;
   color:#ff860d;
   margin-right: 5px;
}

.spec_variatie .btn-alb.disabled, .spec_variatie .btn-alb:disabled{
   color: #b4afaf;
   border-color: #b4afaf;
}

.variatie_selectata{
   background: #194483 !important;
   color: white !Important;
}

/* modal cere oferta */
.swal_trimite_cerere label .required{
   color: red;
}

.swal_trimite_cerere .swal2-title{
   margin: 20px auto 30px auto;
   display: block !important;
}
.swal_trimite_cerere .swal2-modal{
   padding: 30px 40px;;
}

/* swal adaugat in cos */
.swal2-actions.butoane-adauga-swal button{
   padding: 15px;
   border-radius: 0;
   font-size: 14px;
   font-family: "Lato";
   font-weight: 600;
}

.swal2-actions.butoane-adauga-swal button a{
   color: white;
}

/* TABURI PRODUS */
.bg-gradient{
   background-color: transparent;
   background-image: linear-gradient(50deg, #194483 0%, #194483 100%);
   opacity: 0.95;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.taburi_produs_fixed{
   position: fixed;
   top: 78px;
   background: #ebf2f6;
   z-index: 100;
   padding: 10px 15px;
}

.taburi_produs .nav-tabs{
   border:none;
}

.taburi_produs .nav-item a {
   border:none;
   border-radius: 0;
   font-family: "Lato", Lato;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.5px;
   color: white;
   background-color: #194483;
   margin-right: 5px;
   transition: all 0.3s ease-out;
}

.taburi_produs .nav-tabs .nav-item.show .nav-link, .taburi_produs .nav-tabs .nav-link.active{
   border:none;
}

.taburi_produs .nav-item a:hover{
   background-color: white;
   color:#495057;
}

.content_taburi{
   color: #7a7a7a;
   font-family: "Lato", Lato;
   font-weight: 400;
   font-size: 14px;
}

.content_taburi .tab-content{
   padding: 40px;
   background: white
}

.content_taburi .tab-pane{
   padding: 0;
}

.table_spec_produs td{
   padding: 8px;
   font-size: 14px;
}

.titlu_taburi{
   font-size: 18px;
   color: #333 !important;
}

/* de copiat */
.swal2-validation-message{
   background: #fff !important;
   justify-content:left !important;
   font-size: 14px !important;
   margin: 0 !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
   color: #f27474 !Important;
}

.swal2-validation-message::before{
   margin-left: 0 !important;
}

.form-contact .alert-danger{
   font-size: 14px;
}

/* doar columns la similare */
.produse_similare{
   display: grid;
   grid-template-columns: repeat(5,1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}

.borderBottom1{
   border-bottom: 1px solid #ddd;
}

#upsells .produse{
   grid-template-columns: repeat(5,1fr);
}

/* reviews */
#xzoom-magnific{
   box-shadow: none !important;
}

.bgWhiteProdus{
   background: white;
   padding: 20px;
}

.serviciiProdus a{
   line-height: 22px;
}

span.titlu_icon{
   font-weight: 600;
}

.beneficii i{
   font-size: 18px;
}

.titlu_sectiune_categ{
   font-size: 22px;
   font-weight: 600;
}

.beneficii li .spanDetalii{
   color: #7b7a7a;
   font-size: 14px;
   font-weight: 400;
}

.formReview .btn-alb{
   border: 2px solid #194483;
}

.stele_content_produs{
   height:   26px;
   margin-bottom: 10px;
}

.divScrollTo{
   margin-bottom: 15px;
   display: inline;
   font-size: 14px;
   color: #0056b3
}

.centerFlex{
   display: flex;
   justify-content: center;
   align-items: center;
}

.divReviewProdus .nr_reviews{
   display: inline-block;
   margin-top: 5px;
}

.nota_review{
   margin-left: 5px;
}

.boxReview{
   margin-bottom: 30px;
   background: #f2f2f2;
   padding: 10px  20px;
   border-radius: 0 15px 15px 15px;
}

.boxReview .stele_date{
   display: inline-block;
   margin-right: 5px;
}

.boxReview .stele_date img{
   height: 16px;
}

.boxReview .data_review{
   font-size: 11px;
   font-style: italic;
   color: #979797;
}

.boxReview .nume_review{
   display: inline-block;
   font-weight: 600;
}

.boxReview .titlu_review{
   display: block;
   font-weight: 600;
   color: #222;
   margin-top: 10px;
   margin-bottom: 10px;
}

.boxReview .desc_review{
   margin-bottom: 0;
}

.content_taburi .titlu_pg_prod{
   font-size: 25px;
   color: #333 !important;
   font-family: 'Lato';
   font-weight: 500 !Important;
   letter-spacing: -0.5px;
   margin-top: 10px;
}

.formReview .card{
   box-shadow: none !important;
   padding: 0 !important
}

.formReview {
   background: white;
}

.formReview .spanNota{
   margin-top: 5px;
   display: inline-block;
}

.formReview h5{
   font-weight: 500 !important;
   margin-bottom: 10px;
}

.formReview .form-control{
   background: white !important;
   border-bottom: 1px solid #ddd !important;
   border-radius: 0;
   font-size: 14px;
}

.formReview .required{
   font-size: 15px;
}

.stele i{
   font-size:16px;
   cursor: pointer;
   transition: all 0.3s ease;
}

.stele i:hover{
   color: #194483;
}

.formReview .form-control:focus ~ .floating-label,
.formReview .form-control:not(:focus):valid ~ .floating-label{
  top: -5px;
  left: 11px;
  font-size: 11px;
  opacity: 1;
  background: white;
}

.formReview textarea:focus ~ .floating-label,
.formReview textarea:not(:focus):valid ~ .floating-label{
  top: -10px !important;
}

.formReview .form-control:focus{
   background: transparent;
   box-shadow: none;
}

.formReview .floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  z-index: 999;
  top: 18px;
  transition: 0.2s ease all;
}

.containerContulMeu{
   background: white;
}

.font12{
   font-size: 12px;
}

.icon_review_account i{
   font-size: 14px;
   margin-left: 10px;
}

.icon_review_account .orange{
   color: orange;
   cursor: pointer;
}

.icon_review_account .green{
   color: green
}

.imgStea{
   margin-right: 3px;
   height: 15px !important;
   width: 15px !important;
   margin-bottom: 0 !important;
}

.boxReviews::-webkit-scrollbar{
   width: 2px;
   height: 8px;
   border-radius: 3px;
}

.boxReviews::-webkit-scrollbar-button {
   width: 0px;
   height: 0px;
}

.boxReviews::-webkit-scrollbar-thumb {
   background: #194483;
   border: 0px none #ffffff;
   border-radius: 50px;
}

.boxReviews::-webkit-scrollbar-track {
   background: #e1e1e1;
   border: 0px none #ffffff;
   border-radius: 50px;
}

.boxReviews::-webkit-scrollbar-corner {
   background: transparent;
}

.stele_content_produs span{
   font-size: 12px;
   color: #222;
   margin-left: 5px
}

.rowReviews{
   display: flex;
   align-items: flex-start;
}

.formReview{
   position: sticky;
   top: 100px;
}
.formIntrebare{
   position: sticky;
   top: 100px;
}
#labelFile{
   justify-content: center;
   align-items: center;
}

/* comentarii */
.spanComentariu{
   cursor: pointer;
   color: #194483 !important;
   font-size: 12px;
   font-weight: 600;
   line-height: 16px;
}

.spanComentariu i{
   font-size: 14px;
   margin-right: 3px;
}

.boxFormComentariu{
   margin-top: 15px;
   display: none;
}

.boxFormComentariu .formReview{
   padding: 15px 10px 10px 10px !important;
   background: #f8f8f8;
   border-left: 1px solid #194483;
}

.boxComentarii{
   display: none;
}

.boxComentariu{
   padding:10px;
   border-left: 1px solid #194483;
   margin-bottom: 20px;
   background: #f8f8f8;
}

.boxFormComentariu .form-control{
   background: #f8f8f8 !important
}

.boxFormComentariu  input:not([type="submit"]){
   padding: 5px !important;
   height: calc(2.5em) !Important;
   font-size: 12px;
}

.boxFormComentariu textarea{
   font-size: 12px;
}

.boxFormComentariu .floating-label{
   top: -2px !important;
}

.boxFormComentariu .form-control:focus ~ .floating-label, .boxFormComentariu .form-control:not(:focus):valid ~ .floating-label{
   top: -15px !important
}

.btnVeziOferte{
   background: transparent !Important;
   border: 2px solid #194483
}

.btnVeziOferte:hover{
   background: #194483 !Important;
   border: 2px solid #194483
}

.nume_review i{
   color: #194483
}

.boxFormComentariu .form-control:focus ~ .floating-label,
.boxFormComentariu .form-control:not(:focus):valid ~ .floating-label{
  top: -5px;
  left: 11px;
  font-size: 11px;
  opacity: 1;
  background: #f8f8f8;
}

/* custom input file*/
.formReview .inputfile {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.formReview .inputfile + label {
   font-size: 1.25em;
   font-weight: 700;
   color: #999;
   background-color: white;
   display: inline-block;
   width: 50px;
   border: 1px solid #999;
   height: 50px;
   line-height: 50px;
   text-align: center;
   cursor: pointer;
   border-style: dashed;
}

.formReview  .inputfile:focus + label,
.formReview  .inputfile + label:hover {
   border: 1px solid #194483;
   border-style: dashed;
   color: #194483;
}

.formReview .inputfile:focus + label {
	outline: 1px dotted #194483;
	outline: -webkit-focus-ring-color auto 5px;
}

.formReview #imgPreview{
   height: 51px;
   vertical-align: top;
}
.formReview textarea{
   padding-top: 10px;
}
#reviews .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

#reviews .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

#reviews .modal-content {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

#reviews .close {
  position: absolute;
  top: 0;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

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

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)}
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

@media only screen and (max-width: 700px){
  #reviews .modal-content {
      width: 100%;
   }
}

.img_review{
   margin-top:10px;
   height: 70px;
   width: 70px;
   object-fit: cover;
   cursor: zoom-in;
   margin-right: 10px;
}

#modalImgReview{
   cursor: zoom-out;
}

#imgsPreview img{
   height: 50px;
   margin-right: 5px;
}

#imgsPreview{
   display: inline-block;
   vertical-align: top;
}

.swal2-textarea{
   height: 4.75em !important;
   font-size: 14px !important;
}

.swal_reviews{
   text-align: left;
}

.swal_reviews .relative{
   display: inline-block;
}

.swal_reviews .img_review{
   cursor: default;
}

.swal_reviews .sterge_img_review{
   position: absolute;
   top: 13px;
   right: 12px;
   color: white;
   background: red;
   border-radius: 10px;
   height: 20px;
   width: 20px;
   line-height: 20px;
   text-align: center;
   font-size: 15px;
   cursor: pointer;
}

/* tabel note reviews */
.medie_nota .imgStea{
   height: 20px !important;
   width: 20px !important;
}

.medie_nota .nota_big{
   font-size: 40px;
   font-weight: 600;
}

.bg-orange{
   background: #ff7a00
}

.bg-verdeGalben{
   background: #a0c823
}

.nr_note {
   display: block;
   line-height: 12px;
}

.tabel_note_review{
   margin-bottom: 20px;
}

.tabel_note_review .progress{
   height: 12px;
   border-radius: 10px;
}

.tabel_note_review .nota{
   margin-bottom: 12px;
}

/* documentatii */
#documentatii .btn-alb:hover{
   background: transparent;
   color: #222 !important;
}

#documentatii .btn-alb{
   background: transparent;
}

#documentatii i{
   font-size: 16px;
}

#documentatii .odd{
   background: #f2f2f2;
   border-radius: 5px;
}

#documentatii .boxDoc{
   padding: 10px;
}


/* pana aici */

/* ---------------- PAGINI ---------------------------*/
.divPagini{
   background: #005b8c14;
}

.pgCat{
   padding-left: 10px;
}

.info_pagini {
   color:#194483;
   font-size: 20px;
   font-weight: 700;
   font-family: 'Lato', 'Lato';
   border-top: 2px solid #194483;
   padding: 15px;
   background: white;
}

/* .lista_date_pagini li:not(:last-child){
   margin-bottom: 10px;
}
.lista_date_pagini li{
   font-size:14px;
} */

.contentPagina{
   font-size: 14px;
}

/* .paginiAll a {
   color: #194483
} */

/* BLOG */
.hiddenAjaxBlog{
   display: none;
}

.cautare_blog #search_blog{
   background: white !important;
   border-radius: 5px 0 0 5px;
   border-right: none;
   color: #313131;
   font-size: 12px;
   height: 44px;
   padding: 20px;
}

.cautare_blog #search_blog .input-group-append{
   margin-left: 0;
   height: 44px;
}

.cautare_blog  .input-group-append i{
   color: #54595f;
}

.cautare_blog  .input-group-text{
   background: #fff !important;
   border-left: none;
   border-radius: 0 5px 5px 0;
   color: white;
}

.imgCoverBlog img{
   width: 100%;
   object-fit: cover;
   height: 400px;
}

#load_data_message{
   text-align: center;
}
.final_postari{
   font-size: 14px;
   color: #194483;
   display: block;
}

/* CONTACT */

.form-contact{
   padding: 25px;
   background-image: linear-gradient(90deg, #005b8c14 0%, rgba(255, 255, 255, 0.9) 100%);
   box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.5);
}

.form-contact label{
   color: #2B3089;
   font-size: 13px;
   font-weight: 600;
   font-family: "Lato", Lato;
}
.form-contact .form-group{
   margin-bottom: 0px;
}

.form-contact .form-control{
   border: 0;
   border-radius: 0;
   padding: 5px 20px;
}

/* de copiat */
.form-contact .input{
   height: 40px;
}
/* pana aici */

.form-contact .required{
   color: red;
}
.divContactBoxs i{
   color: #194483;
   font-size: 38px;
   margin-bottom: 10px;
}
.divContactBoxs h6{
   font-family: "Lato", Lato;
   color: #222;
   font-size:22px;
   font-weight: 600;
}

.divContactBoxs p{
   margin:0;
}
.divContactBoxs span{
   font-family: "Lato", Lato;
   color:rgb(122, 122, 122);
   font-size: 16px;
}


.divContactBoxs a{
   color: #212563;
   font-size: 15px;
}
/* COS */
.produse_cos .rand_prod_cos .alert-danger, .produse_cos .rand_prod_cos .alert-warning, .produse_cos .rand_prod_cos .alert-primary{
   font-size: 12px;
   padding: 2px;
   background-color: transparent !Important;
   margin-top: 10px;
   margin-bottom: 0;
}

.produse_cos .alert-danger{
   color: #cc1828;
}
.produse_cos .alert-warning{
   color: #ea8c27;
   border-color: #ea8c27;
}

.produse_cos .rand_prod_cos{
   background: white;
   padding: 15px;
   margin: 0 0 10px 0;
}

.produse_cos .rand_prod_cos:hover{
   transform: scale(1.01);
}

.produse_cos .nume_prod_cos{
   color: #222222;
   font-family: "Lato", Lato;
   font-size: 14px;
   font-weight: 600;
   line-height: 18px;
}

.produse_cos .buc{
   display: inline-block;
   margin-top: 20px;
}

.produse_cos .rand_prod_cos .spanFavorite, .rand_prod_cos .sterge_din_cos, .rand_prod_cos .sterge_din_favorite{
   font-size: 13px;
   cursor:pointer;
   display: inline-block;
   margin-right: 5px;
}

.produse_cos .rand_prod_cos .subtotal i{
   color:#194483;
}

.produse_cos .rand_prod_cos .subtotal i:hover{
   color:#194483;
}

.produse_cos .rand_prod_cos .pret_final{
   font-size: 15px;
   font-weight: 600;
   color: #222;
}
.produse_cos .rand_prod_cos .subtotal .pret_final{
   font-weight: 700;
   font-size: 17px;
}

.produse_cos .rand_prod_cos {
   font-family: "Lato", Lato-serif;
}

.produse_cos .cant_stoc, .produse_cos .stoc{
   float: right;
   right: 0;
}

.produse_cos .cant_in_stoc, .produse_cos .stoc{
   position: relative;
   float:none;
   right: unset;
   margin-top: 5px;
   padding: 3px;
   font-size: 10px;
}

.ultima_coloana_cos .spanFavorite{
   margin-right: 10px;
}
.sumar_comanda{
   background: white;
   padding: 25px;
}
.sumar_comanda h3{
   color: #222;
   font-family: "Lato";
   font-size: 24px;
   font-weight: 700;
   line-height: 18px;
}
.sumar_comanda .pret_intreg{
   margin-bottom:0px !important;
   color:grey;
   font-size: 14px;
   font-family: 'Lato';
   font-weight: 600;
   text-decoration: line-through;
}

.sumar_comanda .pret_final{
   margin-bottom:0px !important;
   color:#222;
   font-size:19px;
   font-family: 'Lato';
   font-weight: 600;
}

.sumar_comanda .btn-albastru{
   color: white;
   font-size: 20px;
   font-family: "Lato";
   font-weight: 600;
   padding: 15px 30px;
   font-size: 16px;
}
.sumar_comanda .btn-gri{
   color: white;
   font-size: 20px;
   font-family: "Lato";
   font-weight: 600;
   padding: 15px 30px;
   font-size: 16px;
}

.sumar_comanda .btn-albastru:hover{
   color: white;
}

.total_comanda .row{
   margin:0;
}

#totalComandaDePopulat {
   text-align:right;
}

#totalComandaDePopulat .fa-spinner{
   color: #194483;
}

/* FINALIZARE */
.colWhiteFinalizare{
   background: white;
   color: #999;
   padding: 0;
}

.colWhiteFinalizare ul{
   padding: 0 40px;
}

.colWhiteFinalizare h4{
   color: #222;
   padding: 20px 20px 0px 20px;
   line-height: 30px;
}

.colWhiteFinalizare h4 .conexiune_securizata{
   padding: 0 4px;
   float: right;
   border-radius: 5px;
   background: #f2f2f2;
   font-size: 11px;
}

.colWhiteFinalizare h6{
   color: #222;
   margin-top: 10px;
   font-size: 18px;
}

.colWhiteFinalizare .boxFinalizare{
   padding:20px 40px 20px 40px;
}

.tipPersoane .pers{
   border:1px solid #ddd;
}

.tabsFinalizare  .nav-tabs{
   border-bottom: 1px solid #194483;
}

.tabsFinalizare .nav-tabs .nav-item.show .nav-link, .tabsFinalizare  .nav-tabs .nav-link.active{
   border-color: #194483#194483 #fff;
}

.tabsFinalizare .nav-tabs a{
   color: #491a7d;
}

.tabsFinalizare li{
   width: 50%;
}

.boxFinalizare .boxRadio{
   display: inline-block;
   width: calc(50% - 10px);
   padding: 10px;
   border: 1px solid #cbbfda;
   border-radius: 3px;
}
.boxAdresaExistenta{
   padding-bottom: 10px;
   padding-top: 10px;
   border-bottom: 1px solid #f2f2f2;
}

.boxAdresaExistenta span{
   display: block;
   font-size: 12px;
}

.adresa_fizica .boxAdresaExistenta:last-child, .adresa_juridica .boxAdresaExistenta:last-child, .adrese_livrare .boxAdresaExistenta:last-child {
   border: 0;
}

.boxAdresaExistenta .radio_adresa{
   top: 3px;
}

.radio_adresa{
   position: absolute;
   left: -5px;
   top: 34px;
}

.boxRadio label{
   margin-bottom: 0;
   cursor:pointer;
   display: block;
   width: 100%;
}
.metode .boxRadio{
   cursor: pointer;
}
.steps_comanda li:after{
   content: '';
   width: 100%;
   height: 2px;
   background: lightgray;
   position: absolute;
   left: 0;
   top: 50px;
   z-index: -1;
}

.steps_comanda li{
   margin-bottom: 5px;
}

.steps_comanda {
   margin-bottom: 30px;
   overflow: hidden;
   color: lightgrey
}

.steps_comanda .active {
   color: #194483
}

.steps_comanda li {
   list-style-type: none;
   font-size: 15px;
   width: 33.3%;
   float: left;
   position: relative;
   font-weight: 400
}

.steps_comanda .list-inline-item:not(:last-child){
   margin: 0;
}

.steps_comanda li i{
   text-align: center;
   height: 100px;
   width: 100px;
   border-radius: 50px;
   font-size: 34px;
   background: #fff;
   line-height: 100px;
}

.steps_comanda li:before {
   width: 50px;
   height: 50px;
   line-height: 45px;
   display: block;
   font-size: 20px;
   color: #ffffff;
   background: lightgray;
   border-radius: 50%;
   margin: 0 auto 10px auto;
   padding: 2px
}

.steps_comanda li:before,
.steps_comanda li:after {
   background: #194483
}

.creareCont .boxRadio{
   width: 100%;
}

.box100{
   width: 100% !important;
   display: flex !important;
   margin-bottom: 10px;
   margin-right: 0;
   margin-left: 0;
}

.metode{
   padding-bottom: 10px !Important;
}

.metode .boxRadio span{
   font-size:12px;
   display: block;
   line-height: 15px;
   color: #999 !important;
   font-weight: 500 !important;
}

.metode .boxRadio .pret_livrare{
   color: #555 !important;
   font-size: 15px;
   font-weight: 600 !important;
}

.butonPlaseaza{
   padding: 0 40px 40px 40px;
}
.butonPlaseaza p{
   display: inline-block;
   margin: 0;
}
.metode .boxRadio .nume_metoda{
   font-weight: 600;
   color: #444;
   font-size: 14px;
}

.boxComandaPlasata{
   padding: 20px;
   color: #54595F;
   font-size: 15px;
}
.colInputsCheck{
   font-size: 14px;
   margin-bottom: 15px;
}
.boxComandaPlasata i{
   font-size: 36px;
   color: green;
}
.comandaPlasataFaraStoc i{
   color: #57b0e4;
}

.boxComandaPlasata .detalii_plata{
   color: #666;
   font-size: 14px;
}


/* ---------------- CONTUL MEU ------------------------ */
.detalii-cont .nav-pills .nav-link.active, .detalii-con .nav-pills .show>.nav-link, .detalii-cont .nav-pills .nav-link:hover{
   background-color:white;
   color: #194483;
   border-radius: 0;
}

.detalii-cont .nav-pills .nav-link{
   color:#fff;
   font-family: "Lato", Lato;
   font-size: 16px;
   padding: 18px;
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.detalii-cont .nav-pills .active{
   color: white;
   border-radius: 0
}

.detalii-cont .nav-pills{
   background: #194483;
   margin-bottom: 15px;
   box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.5);
   margin-bottom: 30px;
}
.detalii-cont .openMeniuCont i{
   color: #194483;
   font-size: 20px;
   margin-right: 10px;
}

.detalii-cont .openMeniuCont span{
   font-size: 15px;
}

.detalii-cont .openMeniuCont {
   background: white;
   padding: 8px 11px;
}

.divComenzi .randComanda{
   background: white;
   padding: 15px 10px;
   margin-bottom: 25px;
   color: #222;
   font-family: "Lato";
   font-weight: 600;
   font-size: 15px;
}

.divComenzi .headerComenzi{
   color: #C9CBE1;
   margin-bottom: 15px;
   font-size: 15px;
   font-family: "Lato";
}

.open-popup-comanda{
   cursor: pointer;
   color: #194483 !important;
}

.modalComanda .close{
   right: 3px;
   top: 3px;
   position: absolute;
   background: #161845;
   height: 30px;
   width: 30px;
   line-height: 16px;
   border-radius: 15px;
   padding: 5px;
   color: #ffff;
}

.modalComanda .boxCampValoare{
   margin-bottom: 0;
   padding: 0;
}

.modalComanda .valoareCamp, .modalComanda .valoareCamp a{
   color: #54595F !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   display: block;
   font-family: "Lato";
   letter-spacing:-0.5px;
   line-height: 19px;
}

.modalComanda .spanTotal{
   font-size: 20px;
   font-weight: 700;
   color: #194483;
   font-family: "Lato";
   letter-spacing: -0.5px;
}

.modalComanda .divContulMeu h5{
   font-weight: 600;
}

.modalComanda .divContulMeu{
   padding: 15px;
}

.modalComanda .modal-content{
   padding: 25px;
}

.modalComanda .rand_sumar_comanda{
   font-size: 14px;
   margin-bottom: 6px;
   font-family: "Lato";
   letter-spacing:-0.5px;
}

.modalComanda .rand_sumar_comanda .pret_final{
   font-size: 12px !important;
}

.modalComanda .sumar_comanda{
   padding: 0 15px;;
}

.modalComanda .labelCamp{
   color: #C9CBE1;
   font-size: 14px;
   font-family: "Lato";
}

.modalComanda img{
   height: 25px;
}

.boxConectare img{
   height: 21px;
}

.boxConectare .card{
   border: 0;
   background: white;
   box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.09);
   padding:30px 30px 30px 30px
}

.boxConectare .card-header{
   background-color: transparent;
   border:none;
   padding: 0;
}

.boxConectare .card-header h5{
   font-size: 25px;
   color: #194483;
   font-weight: 700;
   letter-spacing: -0.5px;
   font-family: "Lato";
}

.boxConectare a, .boxConectare label{
   font-size: 14px;
   line-height: 21px;
   font-weight: 500;
   font-family:  "Lato";
   color: #194483;
}
.boxConectare .input-group-text{
   background-color:#f2f2f2;
   border: 0;
   color:#C9CBE1;
}

.boxConectare input:not([type="submit"]){
   border: 0;
   background: #f2f2f2;
   padding: 25px 15px;
}

.boxConectare input::-webkit-input-placeholder{
   color: #194483;
   font-family: "Lato", Lato;
   font-size: 14px;
   font-weight: 600;
}

.boxConectare textarea::-webkit-input-placeholder{
   color: #194483;
   font-family: "Lato", Lato;
   font-size: 14px;
   font-weight: 600;
}
.boxConectare textarea{
   border:none;
}
.boxConectare .bgGri{
   /* background: #fafafa; */
   padding: 5px 30px;
}

.boxConectareFinalizare{
   padding: 0 24px 24px 24px;
}

.rowTermeni a, .boxConectare .recuperareParola a{
   color: #194483;
   text-decoration: underline;
   line-height: 29px;
}
.containerContulMeu{
   padding: 50px;
   box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.09);
}

.divContulMeu{
   box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.09);
   padding: 30px;
   height: 100%;
   background: white;
}

.divContulMeu h5{
   color: #194483;
   font-family: "Lato", Lato;
   font-size: 16px;
   font-weight: 700;
   letter-spacing: -0.5px;
   margin-bottom: 20px;
}

.boxCampValoare{
   background: white;
   font-family: "Lato";
   font-size: 14px;
   padding:  0;
   margin-bottom: 15px;
}

.boxCampValoare img{
   height: 25px;
}

.boxCampValoare .labelCamp{
   display: block;
   color: #999;
}
.boxCampValoare .label-inline{
   display: inline-block;
}

.boxCampValoare .label-inline img{
   height: 16px;
}

.boxCampValoare .valoareCamp{
   display: inline-block;
   color: #222;
   font-size: 15px;
   font-weight: 500;
   font-family: "Lato";
}

.linieAdrese{
   margin-top: 10px
   margin-bottom: 10px
}

.boxCampValoare .fa-spinner{
   color: #194483;
}

.linkTabs{
   color: #194483 !important;
   font-size: 14px;
   font-family: "Lato";
   font-weight: 600;
   cursor: pointer;
}

.linkTabs:hover{
   color: #194483 !Important;
}

.swal_modifica_adresa .swal2-popup{
   width: 40em;
}

.swal_modifica_adresa .swal2-popup .swal2-input{
   margin-top:5px;
   height: 2em;
   font-size: 14px;
   margin-bottom: 5px;
}

.swal_modifica_adresa .swal2-popup label{
   font-size: 14px;
   margin-bottom: 0;
   font-family: "Lato";
   font-weight: 600;
   color: #222;
}

.swal_modifica_adresa .swal2-header{
   display: block;
   text-align: left;
}

.swal_modifica_adresa .swal2-title{
   font-size: 20px;
   color: #222;
   font-family: "Lato";
}

.bullet_status_initiata{
   color: #b9b9b9;
}
.bullet_status_plasata{
   color: #00c4ff;
}

.bullet_status_platita{
   color: #5f38ad;
}

.bullet_status_finalizata{
   color: #38ad41;
}

.bullet_status_procesare{
   color: #e2c709;
}

.bullet_status_anulata{
   color: #e2091d;
}

.bullet_status_esuata{
   color: #222;
}

.bullet_status_asteptare{
   color: #0400ff;
}

/* ---------------- GENERALE ------------------------ */
.col20{
   width: 20%;
   padding-right: 0;
   max-width: 20%;
   flex: 0 0 20%;
}

.col80{
   width: 80%;
   padding-left: 10px;
   max-width: 80%;
   flex: 0 0 80%;
}
.height100{
   height:100%;
}
.color-gray{
   color:#54595F;
}
.bgWhite{
   background: white;
}
.btn-mov{
   background: #dd5f27;
   color:white;
   border: 2px solid #dd5f27;
   letter-spacing: 0;
   border-radius: 0;
   padding: 7px 20px;
   font-size:14px;
   transition: all 0.3s ease;
}
.btn-alb-border{
   border: 2px solid #194483;
   font-size: 12px;
   padding: 3px 8px;
   color: #194483 !important;
   font-weight: 600;
}
.btn-alb{
   background: white;
   color:#194483;
   border-radius: 0;
   padding: 6px 12px;
   font-size:13px;
   font-weight: 600;
   transition: all 0.3s ease;
}
.btn-alb-swal{
   background: white !important;
   color:#194483  !important;
   letter-spacing: 1.1px !important;
   border-radius: 0 !important;
   padding: 6px 12px !important;
   font-size:13px !important;
   font-weight: 600 !important;
   transition: all 0.3s ease !important;
}
.btn-mov-sm{
   font-size: 13px !important;
   padding: 10px 20px !important;
   letter-spacing: 0.5px !important;;
   font-weight: 600 !important;
}

.btn-mov-swal{
   background: #194483 !Important;
   color:white !Important;
   border: 2px solid #194483;
   letter-spacing: 1.6px !important;
   border-radius: 0 !important;
   padding: 7px 20px !Important;
   font-size:14px !important;
   transition: all 0.3s ease !important;
}

.btn-mov-swal:hover{
   background: #194483 !Important;
   color:white !important;
   border: 0!important;
}

.btn-mov:hover{
   background: #194483;
   color:white;
   border: 2px solid #194483 !important;
}

.btn-alb:hover:not([disabled]) {
   background: #194483;
   /* color:white !important; */
}

.btn-albastru{
   background: #194483;
   color:white;
   border: 2px solid #194483;
   border-radius: 0;
   padding: 8px 13px;
   font-size:13px;
   transition: all 0.3s ease;
   line-height: 13px;
}
.btn-gri{
   background: #6c757d;
   color:white;
   border: 2px solid #6c757d;
   border-radius: 0;
   padding: 8px 13px;
   font-size:13px;
   transition: all 0.3s ease;
   line-height: 13px;
}

.btn-albastru:hover{
   background: #dd5f27;
   color:white;
   border: 2px solid #dd5f27;
}
.btn-gri:hover{
   background: #6c757d;
   color:white;
   border: 2px solid #6c757d;
}

.margineSectiuni{
   margin-top: 75px;
}

.shadow-custom{
   box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.15);
}

.no-style{
   list-style-type: none;
   margin:0;
   padding: 0;
}

.colorVerde{
   color: #1ca51c;
}
.i-block{
   display:inline-block;
}

.iconMov{
   color: #194483;
}

.footerJos{
   position: fixed;
   bottom: 0;
}

/* de copiat */
.boxFaraRezultate{
   /* background: white; */
   /* padding: 20px; */
}
.page404 h2{
   color: #194483;
   font-family: "Lato", Lato;
   font-size: 30px;
   font-weight: 700;
}

.page404{
   min-height:calc(100vh - 400px);
   background-size: contain;
   background-repeat: no-repeat;
   margin-bottom: 40px !important;
   background-position: center;
   background: white;
   padding: 30px;
}

.page404 hr{
   background: #194483;
}

.page404 .imgPeLatime{
   width: auto
}

.page404 a{
   font-size: 16px;
   font-family: "Lato", Lato;
   padding: 15px 30px;
   font-weight: 600;
}

.page404{
   color: #222;
}

.page404 .colImg img{
   height:400px;
   width: 100%;
   object-fit: contain;
}
/* pana aici */

.tab_wrapper .content_wrapper .accordian_header.active{
   color: #222;
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow{
   border-top: 3px solid #222;
   border-left: 3px solid #222;
}
.tab_wrapper .content_wrapper .accordian_header.active:after{
   display: none;
}

.xzoom2, .xzoom3, .xzoom4, .xzoom5{
   box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.15) !important;
}

/* BLOG */
.imgCoverBlog img{
   width: 100%;
   object-fit: cover;
   height: 400px;
}

.pgPostari .divPostare{
   background: white;
   display: block;
   transition: all 0.3s ease;
   margin-bottom: 20px;
   height: 150px;
}

.pgPostari .divPostare .titluPostare{
   color: #222;
   padding: 5px;
   background: white;
   font-size: 13px;
   bottom: 20px;
   position: absolute;
   width: 87.5%;
   line-height: 15px;
   font-weight: 600;
   display: none;
   z-index: 200;
   transition: all 0.3s ease;
}

.pgPostari .divPostare:hover .titluPostare {
   display: block !important;
}

.pgPostari .divPostare img{
   height: 150px;
   width: 100%;
   object-fit: cover;
}

.ribbon_categorie{
   position: absolute;
   top: 10px;
   padding: 5px;
   background: #194483;
   line-height: 13px;
   font-size: 12px;
   color: #fff;
}

.contentpostare{
   padding: 20px;
}

.contentpostare .titlu_cat{
   font-size: 30px;
   margin-bottom: 0;
}

.data_articol{
   font-style: italic;
   text-align: left;
   font-size: 13px;
}

.descPostare img{
   width: 100%;
}

.articole_recente{
   color: #222222;
   font-family: "Lato", 'Lato';
   font-size: 13px;
   font-weight: 600;
   line-height: 26px;
   padding: 15px;
   background: white;
   padding: 20px;
   margin-top: 10px;
}

.articole_recente a{
   color: #222;
   font-weight: 500;
   display: block;
   line-height: 19px;
   margin-bottom: 10px;
}

.articole_recente ul{
   padding-left: 15px;
}

.articole_recente hr{
   margin: 5px 0
}

iframe{
   margin-bottom: -6px;
}
.tab-content .container{
   display: block
}

.content_taburi .tab-content .fade:not(.show){
   opacity: 1;
}


/* ------------------------------- RESPONSIVE ----------------------------------- */
/* mobile */
@media all and (min-width:0px) and (max-width: 325px) {

   .page404 .imgPeLatime{
      width: 100%;
   }

   .page404{
      padding: 25px;
   }

   .page404 h2{
      font-size: 20px;
   }

   .postariHome .divPostare img{
      object-fit: contain !important;
   }
   .postariHome .divPostare .titluPostare{
      text-align: center;
   }

   .header_produs .spanAdauga{
      font-size: 12px !important;
   }

   .header_produs .pret_intreg{
      font-size: 13px;
   }

   .taburi_produs i{
      font-size: 14px !important;
   }

   .imgStea{
      height: 12px !important;
      width: 12px !important;
   }

   .header .header1 .ul-header{
      padding-left: 27px;
   }

   .box_butoane .adauga_in_cos .triunghi i{
      padding: 1px 10px !important;
   }

   .produs .adauga_in_cos .triunghi{
      border-left: 15px solid transparent;
   }

   .produs .adauga_in_cos .spanAdauga{
      font-size: 12px !important;
      font-weight: 500 !Important;
      margin-left: 3px;
   }
   .produse .produs{
      padding: 5px;
   }
}

@media all and (min-width:0px) and (max-width: 767px) {
   .scrollTop{
      right: 43%;
   }
   .content_taburi  .container{
      padding-right: 0;
   }
   .content_taburi {
      padding-left: 0;
   }
   .taburi_produs .nav-tabs{
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      width: auto;
      flex-wrap: nowrap;
   }

   .header_produs .box_butoane .adauga_in_cos .triunghi{
      border: 0;
   }

   .taburi_produs_fixed{
      top: 20px;
   }

   .divCodBrand{
      flex-wrap: wrap;
   }


   .divCodBrand .brand{
      padding: 0;
      border: 0
   }

   .searchGroup .input-group-append{
      height: 35px;
   }

   .searchGroup input{
      padding: 0 10px;
      height:35px;
   }

   .header .header1{
      padding: 10px 0;
   }

   .tab_wrapper .content_wrapper .accordian_header{
      display: inline-block;
   }
   .tab_wrapper .content_wrapper .accordian_header .arrow{
      background: transparent;
      margin-left: 10px;
      border-top: 3px solid #fff;
      border-left: 3px solid #fff;
   }

   .bgBlue  .tab_1_5{
      border-bottom:0 !important;
   }

   .flip-card .tooltipBox{
      width: 200px;
   }

   .bgBlue .tab_wrapper > ul{
      display: none !important
   }

   .bgBlue .tab_wrapper .content_wrapper .accordian_header{
      border: none;
      border-bottom: 1px solid #fff;
      display: inline-block;
      width: 100%;
      padding: 10px 0;
      text-transform: capitalize;
      font-weight: 500;
   }

   .bgBlue{
      padding-bottom: 0px !important;
      padding-top: 7px;
   }

   .colCard:first-child .tooltipBox,
   .colCard:nth-child(2) .tooltipBox,
   .colCard:nth-child(3) .tooltipBox{
      left: 10%;
   }

   .colCard:nth-child(4) .tooltipBox{
      left: -100%;
   }

   .colCard:nth-child(5) .tooltipBox{
      left: -200%;
   }

   .flip-card .tooltipBox:after{
      display: none;
   }

   .carouselProduse{
      margin-top: 0;
      padding-top: 35px;
   }

   /* .tab_wrapper ul{
      display: none;
   } */

   .colWidthFixLogo{
      max-width: 30%;
      flex: 0 0 30%;
   }

   .colFixMeniu{
      max-width: 15%;
      flex: 0 0 15%;
      text-align: left !important;
   }

   .colWidthFixIcons{
      max-width: 55%;
      flex: 0 0 55%;
   }

   .header .header1 .ul-header{
      padding-left: 40px;
   }
   .spanHeaderExtra{
      display: none;
   }

   .bannereHome img{
      height: 150px;
   }
   .divContactBoxs a{
      font-size: 12px;
   }
   .header_produs .btn_cos_produs{
      width: 100%;
   }
   .header_produs .pret_produs{
      text-align: left
   }
   .header_produs .pret_final{
      font-size: 16px;
   }

   .linkTabs{
      margin-bottom: 5px;
   }
   .header_produs{
      padding-top: 10px;
      padding-bottom: 10px;
   }
   .xzoom-thumbs{
      min-width: 90%;
      display: flex !important;
   }

   .xzoom-thumbs .leftLst{
      left: -26px;
   }
   .xzoom-thumbs .rightLst{
      right: -26px;
   }
   .marginLeftCustom{
      margin-left: 15px;
   }
   .content_taburi .tab-content{
      padding: 6px !important;
   }

   .galerieImagini .MultiCarousel-inner .item{
      margin-right: 5px;
   }

   .produs .adauga_in_cos .spanAdauga{
      margin-left: 4px;
      font-size: 13px;
      font-weight: 600;
   }

   .produs .adauga_in_cos .triunghi {
      height: 22px;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 15px solid transparent;
   }

   .produs .adauga_in_cos #boxRosu{
      height: 40px;
   }

   .header .colDreapta i{
      font-size: 17px;
   }

   #nr_prod_favorite, #nr_prod_cos{
      height: 16px;
      width: 16px;
      line-height: 16px;
      font-size: 75%;
      top: -10px;
   }

   #nr_prod_cos{
      top: -7px !important;
   }

   .pgPostari .divPostare .titluPostare{
      display: block;
      bottom: 19px;
      width: 91%
   }

   .postariHome{
      grid-template-columns: repeat(1,1fr);
   }

   #sumar-cos{
      right: 3px !important
   }

   .flip-card h4{
      font-size: 12px;
   }

   .pgPostari .col80{
      padding-left: 15px !important;
   }

   .contentpostare .titlu_cat{
      font-size: 20px;
   }

   .medie_nota{
      margin-bottom: 20px;
   }

   .medie_nota .nr_reviews{
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
   }

   /* pana aici */

   .boxRecomandari{
      padding: 20px 0 0 0;
   }

   .marginMobileBottom20{
      margin-bottom:20px !important;
   }


   /* de copiat */
   .boxReview{
      padding: 5px;
   }

   .boxReview:last-child{
      margin-bottom: 0;
   }

   .boxReviews{
      margin-bottom: 10px;
   }

   .medie_nota .nota_big{
      font-size: 28px;
   }

   .nr_note{
      font-size: 12px;
   }

   iframe{
      height: 300px !Important;
   }

   .medie_nota .imgStea{
      height: 16px !important;
      width: 16px !important;
   }

   .tabel_note_review{
      margin-top: 10px;
   }


   #nr_prod_favorite{
      right: -2px;
      top: -8px;
   }

   .pgContact{
      padding: 0;
   }

   .marginTop40Mobile{
      margin-top: 40px;
   }

   .content_taburi .titlu_pg_prod{
      font-size: 22px !Important;
      margin-top: 15px;
      margin-bottom: 15px;
   }

   .content_taburi .tab-pane{
      padding: 5px;
   }

   #documentatii .btn-alb{
      padding: 0;
   }

   .marginTop10Mobile{
      margin-top: 10px !important;
   }

   .marginTop20Mobile{
      margin-top: 20px !important;
   }
   .margin0Mobile{
      margin-bottom: 0 !important
   }
   .carouselProducatori{
      padding-top: 35px;
   }
   .formReview{
      padding: 0 !important;
      margin-left: 15px;
      margin-right: 15px;
   }

   .formReview textarea{
      padding-top: 30px;
   }

   .formReview .input-group{
      margin-bottom: 10px;
   }

   .content_taburi .tab-content{
      padding: 20px;
   }

   .imgCoverBlog img{
      height: 200px;
   }

   .paddingLeft15Mobile{
      padding-left: 15px !important;
   }
   .paddingRight15Mobile{
      padding-right: 15px !important;
   }

   .paddingRight0Mobile{
      padding-right: 0;
   }

   .produse_similare .produs:nth-child(5){
      display: none;
   }

   /* -----pana aici------ */
   .col20{
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0  100% !important;
      padding-right: 15px;
   }
   .col80{
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0  100% !important;
   }
   .header .header2{
      margin-bottom: 7px;
   }

   .header2 input{
      border:none;
   }
   .header2 .input-group-text{
      border:none !important;
   }
   .searchGroup input::-webkit-input-placeholder{
      color: #54595F;
   }
   .searchGroup input:focus{
      background: transparent !important;
   }
   .header .logo_mare{
      height:35px;
   }

   .header .logo_mic{
      height: 28px;
   }

   .header2 {
      background: #f2f2f2 !Important;
   }

   .searchGroup{
      background: #fff;
   }

   .searchGroup input{
      color: #222;
      background: none !important;
   }

   .search_produse:focus{
      color: #222 !important;
   }

   .item_cautare .desc_prod, .vezi_tot{
      color: #54595F;
   }

   /* .colDreapta{
      padding-right: 0;
   } */

   #nr_prod_cos{
      right: -3px;
   }

   .hiddenAjax{
      color: #222;
   }

   .btnVeziCos{
      padding:10px;
   }
   .rand_prod_cos .pret_final{
      font-size: 12px;
   }



   .produse{
      grid-template-columns: 2fr 2fr;
   }

   #carousel-home .carousel-item img{
      object-fit: cover;
      height: auto;
   }

   #carousel-home .carousel-caption h3{
      font-size: 18px;
      line-height: 33px;
      margin-bottom: 5px;
   }

   #carousel-home .carousel-caption{
      top: 0%;
      padding: 10px 20px;
      left: 0%;
      width:100%;
   }

   #carousel-home .carousel-caption p{
      margin-bottom: 20px;
      font-size: 14px;
   }

   #carousel-home .carousel-indicators{
      z-index: 2;
   }

   #carousel-home .carousel-indicators{
      margin-bottom: 0;
   }

   .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper{
      width: 100% !Important
   }

   .sectiune-cards .col-6{
      padding-bottom: 10px;
   }

   .sectiune-cards .col-6:first-child{
      padding-left: 15px;
   }
   .sectiune-cards .col-6:last-child{
      padding-right: 15px;
   }

   .flip-cards{
      display: grid;
      grid-template-columns: repeat(2,1fr);
      grid-column-gap: 10px;
      grid-row-gap: 10px;
   }

   .flip-card{
      height: auto;
      width: auto;
      margin-bottom: 0;
      padding: 10px;
   }

   .sectiune-cards .colCard{
      padding: 0;
   }

   .colCard:not(:last-child) .hoverIntaritor{
      border-right: 6px solid #ddd;
   }

   .margineSectiuni {
      margin-top: 60px;
   }

   .categoriiHomepage{
      grid-template-columns: repeat(2,1fr);
   }


   .boxCategorie .nume_categorie{
      line-height: 13px;
      height: 30px;
      font-size: 13px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 3px;
      font-weight: 500;
   }

   .boxReduceriFinale .tab_wrapper .content_wrapper .accordian_header{
      color: #194483;
      text-transform: none;
      font-size: 15px;
      font-weight: 600;
      font-family: "Lato"
   }

   .colStangaReduceriFinale{
      padding-left: 0;
   }

   .boxReduceriFinale .produse .produs{
      width: auto !important;
   }



   .titlu_categ_slider{
      font-size: 20px;
   }
   .carouselProduse .produse{
      grid-template-columns: repeat(10,1fr) !Important;
   }

   .boxTextCateg{
      padding: 15px;
   }

   .boxReduceriFinale .tab_wrapper .content_wrapper .accordian_header.active:after{
      display: none;
   }

   .boxReduceriFinale .tab_wrapper .content_wrapper .accordian_header.active .arrow{
      border-top: 3px solid #194483;
      border-left: 3px solid #194483;
   }

   .boxReduceriFinale .tab_wrapper .content_wrapper .accordian_header.active{
      border-left: 0;
      border-right: 0;
      border-top: 0;
   }


   .tab_wrapper .content_wrapper .accordian_header {
      font-size: 14px;
   }

   .boxExtraReduceri #imgReduceriCard{
      height: 230px;
   }

   .produse{
      grid-template-columns: 2fr 2fr !Important;
   }

   .colProdReduceriCard{
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .sectiuneVideo #titlu_video {
      line-height: 35px;
      margin-bottom: 20px;
   }
   .cerc{
      margin: 10px auto !important;
      height: 150px;
      width: 150px;
      padding: 15px;
   }
   .modalBox i{
      font-size: 50px;
   }
   .modalBox{
      height: 130px;
      width: 130px;
   }

   .boxExtraReduceri .produse{
      grid-template-columns: 2fr 2fr !Important;
   }

   .boxReduceriFinale .colDreaptaReduceriFinale{
      max-width: 100%;
      margin-bottom: 20px;
      margin-left: 0
   }
   .sectiuneVideo .modal .modal-dialog{
      max-width: 100%;
   }
   .colStangaReduceriFinale{
      padding-right: 0 !important;
   }

   .titlu_sectiune span{
      font-size: 18px;
   }


   #sumar-cos .rand_prod_cos:focus{
      background:transparent !important;
   }

   #sumar-cos .rand_prod_cos:active{
      background:transparent !important;
   }

   .padding0Mobile{
      padding: 0;
   }

   /* produs */
   .breadcrumps_produs{
      padding-top: 15px;
      padding-bottom: 15px;
      overflow-x: auto;
      margin-right: 15px;
   }

   #breadcrumps_produs_scroll{
      width: auto;
      height: 20px;
      white-space: nowrap;
   }

   #xzoom-magnific{
      height: 200px;
      width: 100% !important;
   }

   .xzoom-container{
      margin-right: 0;
      width: 100%;
   }

   .xzoom-thumbs{
      max-width: 400px;
   }

   #nume_produs{
      font-size: 18px;
      color: #194483;
      font-weight: 600;
      line-height: 22px;
      margin-bottom: 15px;
   }

   .beneficii li{
      margin-right: 15px;
   }

   .beneficii{
      margin-top: 0 !important;
      margin-bottom:5px;
   }

   .separator_prod{
      display: none;
   }

   .box_cantitate{
      position: relative;
   }

   .taburi_produs .nav-item a{
      padding: 10px;
      font-size: 12px;
      margin-right: 10px;
   }
   .taburi_produs i{
      font-size: 20px;
   }
   .produse .produs img{
      width: 100px;
      height: auto;
   }

   .box_similare{
      padding: 0;
   }

   .col-dreapta-detalii-produs .btn-block{
      padding: 9px 2px;
      font-size: 11px;
      letter-spacing: 0;
   }

   /* de sters */
   /* .col-dreapta-detalii-produs .btn-block i{
      margin-right: 11px;
   } */
   /* pana aici */

   .col-dreapta-detalii-produs .pret_intreg{
      display: inline-block;
      margin-right: 10px;
   }

   .butoane-adauga-swal .swal2-confirm{
      padding-left: 27px !important;
      padding-right: 27px !Important;
   }

   .livrare .subtitlu_produs{
      display: inline-block;
   }

   /* categoriii */
   .titlu_sectiune{
      margin-bottom: -30px;
   }

   .titlu_sectiune img{
      height: 35px;
   }
   .nr_prod_paginare{
      margin-bottom: 5px;
   }

   .header_categorie .titlu_cat{
      display: none;
   }

   .header_categorie{
      padding: 15px;
      text-align:left !important;
   }

   .subcategorii_categorie{
      grid-template-columns: repeat(2,1fr);
      margin-top: 10px;
   }

   .filtru_specificatii{
      padding: 12px;
   }

   .btnFiltreFixed{
      position: sticky;
      margin-bottom: 20px;
      margin-right: 20px;
      float: right;
   }

   /* #modalFiltre{
      top: calc(50vh - 50%);
   } */

   .butonBoxFiltre{
      border: 1px solid #f2f2f2;
      font-family: 'Lato';
      font-size: 14px;
      background: #005b8c14;
      font-weight: 500;
   }

   select[name='sortare']{
      background: #005b8c14;
   }

   .butonBoxFiltre i{
      font-size: 11px;
   }

   .box_valori_filtru::-webkit-scrollbar{
      width: 2px;
      height: 8px;
      border-radius: 3px;
   }

   .box_valori_filtru::-webkit-scrollbar-button {
      width: 0px;
      height: 0px;
   }

   .box_valori_filtru::-webkit-scrollbar-thumb {
      background: #194483;
      border: 0px none #ffffff;
      border-radius: 50px;
   }

   .box_valori_filtru::-webkit-scrollbar-track {
      background: #e1e1e1;
      border: 0px none #ffffff;
      border-radius: 50px;
   }

   .box_valori_filtru::-webkit-scrollbar-corner {
      background: transparent;
   }

   /* favorite */
   .produse_cos .nume_prod_cos{
      line-height: 16px;
      display: block;
      margin-bottom: 10px;
   }

   .textPretUnitar{
      display: none;
   }

   /* filtre */
   .btnFiltre{
      cursor: pointer;
      display: block;
   }

   .boxFiltre{
      max-height: 300px;
      overflow-y: auto;
   }

   .produse_cos .rand_prod_cos .spanFavorite, .rand_prod_cos .sterge_din_cos, .rand_prod_cos .sterge_din_favorite{
      display: inline-block;
   }

   .rand_prod_cos .spanSterge{
      float: right;
      margin-top: 3px;
   }

   .produse_cos .rand_prod_cos{
      padding: 10px 5px;
   }

   .separator{
      margin: 21px 0 4px 0;
   }

   .produse_favorite{
      padding: 0;
   }

   /* cos */
   .containerProduseCos{
      padding: 0;
   }

   .box_cantitate_cos{
      margin: 5px 0;
   }
   .total_comanda {
      padding: 0;
   }

   .sumar_comanda{
      padding: 15px;
   }

   .sumar_comanda .btn-albastru{
      padding: 10px;
      line-height: 18px;
      font-size: 14px;
   }
   .sumar_comanda .btn-gri{
      padding: 10px;
      line-height: 18px;
      font-size: 14px;
   }

   .produse_cos .rand_prod_cos .subtotal .pret_final{
      display: block;
      margin-top: 3px;
   }

   /* .subtotalCosTop:has(> .pret_intreg){ */
   .subtotalCosTop{
      margin-top: -60px !important;
      text-align: right;
      width: 50%;
      float: right;
   }
   .subtotalCosTop .pret_intreg{
      display: block;
   }

   /* finalizare */
   .steps_comanda{
      margin-bottom: 20px;
   }
   .steps_comanda li i{
      height: 50px;
      width: 50px;
      font-size: 23px;
      line-height: 50px;
   }

   .steps_comanda li:after{
      top: 25px;
   }

   .colWhiteFinalizare ul{
      padding: 0 20px !important;
   }

   .boxFinalizare{
      padding: 20px !important;
      font-size: 14px;
   }

   .boxFinalizare .boxRadio{
      margin-left: 0;
      width: 100%;
   }

   .tabsFinalizare .nav-tabs a {
      font-size: 12px;
      padding: 10px;
      font-weight: 600;
   }

   .boxAdresa .boxFinalizare{
      padding: 20px 20px 20px 30px  !important
   }

   #infoLivrareDiferite{
      padding: 0;
   }

   .metode .boxRadio{
      padding: 5px 0;
   }

   .metode .boxRadio .nume_metoda{
      font-size: 13px;
   }

   .rowMetodePlata{
      display: block;
   }

   .colWhiteFinalizare h4{
      font-size: 20px;
   }

   .colWhiteFinalizare h4 .conexiune_securizata{
      padding: 0 10px;
   }

   #textConexiuneSecuriz{
      display: none;
   }

   .butonPlaseaza {
      padding: 0 20px 20px 20px;
   }

   .boxLivrare .boxFinalizare{
      padding-top: 0 !important;
   }

   /* contact */
   .pgContact img{
      width: 200px;
      margin-bottom: 20px;
   }

   .divContactBoxs i{
      font-size: 30px;
   }

   .divContactBoxs h6{
      font-size: 17px;
   }

   .divContactBoxs{
      margin-top:40px !important;
      margin-bottom:40px !important;
   }

   /* autentificare  */
   .boxConectare .card{
      padding: 20px;
   }

   .formLogin{
      margin-top: 0 !Important;
   }

   .boxConectare{
      padding: 0;
   }

   .boxConectare .form-group{
      margin-bottom: 10px;
   }

   .boxConectare .recuperareParola a{
      color: #194483;
      text-decoration: underline;
      line-height: 29px;
   }

   /* contul meu */
   .containerContulMeu{
      padding: 20px
   }

   .detalii-cont .nav-pills .nav-link{
      padding: 9px;
      font-size: 12px;
      width: auto;
      font-weight: 600;
      border-bottom: 1px solid #d0d1d7;
      padding: 12px;
      color: #194483;
   }

   .detalii-cont .nav-pills{
      display: none;
      overflow-x: auto;
      flex-wrap: unset;
      position: absolute;
      z-index:2;
      background: #fff;
      text-align: left;
      width: 90%;
   }

   #v-pills-home h5{
      margin-bottom: 10px;
   }

   .divContulMeu{
      padding: 15px;
   }

   .divContulMeu h5{
      margin-bottom: 0;
      font-size: 16px;
   }

   .boxCampValoare{
      padding: 10px;
   }

   .boxCampValoare img{
      height: 20px;
   }

   .linkTabs{
      line-height: 16px;
      display: block;
   }

   .divComenzi{
      overflow-x: scroll;
      display: inline-block;
      flex-wrap: unset;
   }

   .randComanda{
      display: table;
      width: 100%;
   }

   .adrese .btn{
      padding: 3px;
      width: 100%;
      font-size: 11px;
   }

   .divComenzi .randComanda{
      margin-bottom: 15px;
      font-size: 12px;
   }

   .modalComanda .boxCampValoare{
      padding: 10px !important;
   }

   .faraProdCos a{
      color:#194483 !important;
   }

   /* footer */
   .paddingLeftMobile0{
      padding-left: 0 !important;
   }

   .titlu_accordion{
      font-family: "Lato", Lato;
      color: #231f20;
      font-weight: 700;
      font-size: 16px;
      line-height: 16px;
      padding: 8px 0;
      margin-bottom: 0;
   }

   .titlu_accordion .rotate-icon{
      margin-right: 5px;
   }

   .copyright span{
      font-size: 10px;
   }

   .iconsFixedContact{
      position: fixed;
      bottom: 10px;
      width: 91%;
   }

   .iconsFixedContact .linkTelefon{
      background: green;
      animation: pulse 1s infinite;
   }

   .iconsFixedContact .linkContact{
      background: #00a1ff;
   }

   .carouselProducatori .MultiCarousel-inner{
      height: 60px;
   }

   .sectiuneText{
      margin-bottom: 35px !important;
   }
   .newsletter h4{
      font-size: 18px;
      text-align: center;
      margin-bottom: 10px;
   }

   .iconsFixedContact a{
      color: white;
      display: inline-block;
      height: 60px;
      width: 60px;
      text-align: center;
      line-height: 60px;
      border-radius: 30px;
   }

   .iconsFixedContact img{
      height:27px;
   }

   .iconsFixedContact a:hover{
      animation-timing-function: linear;
   }

   /* generale */
   .paddingMobil0{
      padding: 0;
   }

   .fontSize13{
      font-size: 13px;
   }

   .d-none-mobile{
      display: none;
   }

   .d-none-mobile-important{
      display: none !important
   }
   .d-inline-mobile{
      display: inline !important;
   }

   .d-inline-block-mobile{
      display: inline-block !important;
   }

   .d-block-mobile{
      display: block !important;
   }

   .d-flex-mobile{
      display: flex !important;
   }

   .marginBottom10Mobile{
      margin-bottom:10px !Important;
   }
   .marginBottom25Mobile{
      margin-bottom:25px !Important;
   }
   .marginMinus30Mobile{
      margin-bottom: -30px !important;
   }
   .paddingBottom30Mobile{
      padding-bottom: 30px !important;
   }

   .padding0TopMobile{
      padding-top: 0 !important;
   }

   .padding20TopMobile{
      padding-top: 20px !important;
   }

   .paddingLeftMobile0{
      padding-left: 0 !important;
   }

   .paddingMobilRight15{
      padding-right: 15px !Important;
   }

   .paddingLeft5Mobile{
      padding-left: 5px !Important;
   }

   .paddingRight5Mobile{
      padding-right: 5px !Important;
   }

   .paddingMobilLeft15{
      padding-left: 15px !important;
   }

   .margin10TopMobil{
      margin-top: 10px !important;
   }
   .margin30BottomMobil{
      margin-bottom: 30px !important;
   }

   .paddingMobilRight0{
      padding-right: 0 !important;
   }

   .paddingMobile10{
      padding: 10px;
   }

   .btn-albastru{
      padding: 8px 7px;
   }

   .padding5Lateral{
      padding: 0 5px;
   }

   .text-left-mobile{
      text-align: left !important;
   }

   .text-right-mobile{
      text-align: right !important;
   }

   .text-center-mobile{
      text-align: center !important;
   }

   .my-no-auto-mobile{
      margin: 0;
   }

   .footerJos{
      position: relative;
      bottom: 0;
   }
}

/* tablet */
/* --- Prima Pagina ---  */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
   .spanHeaderExtra{
      display: none;
   }
   .boxRecomandari .produse{
      grid-template-columns: repeat(10,1fr) !important;
   }


   /* de copiat */
   .btnFavoriteHeaderProdus{
      padding-right: 10px;
      padding-left: 10px;
      width: 40px;
   }

   .header_produs .btn_cos_produs {
      width: 100%;
   }

   .d-none-tablet{
      display: none;
   }

   .xzoom-thumbs{
      min-width: 82%;
   }

   .produs .adauga_in_cos .spanAdauga{
      margin-left: 5px;
   }

   .content_taburi .tab-content{
      padding: 10px;
   }

   #upsells .produse{
      grid-template-columns: repeat(4,1fr) !important;
   }

   .taburi_produs .nav-link{
      padding: 10px;
      font-size: 13px !important;
   }

   .galerieImagini .MultiCarousel-inner .item{
      margin-right:5px;
   }

   .produse_similare .produs:nth-child(5){
      display: none;
   }

   .produse_similare .produs:nth-child(6){
      display: none;
   }

   .medie_nota .imgStea{
      width: 16px !important;
      height: 16px !important;
   }

   .sectiune-cards .colCard:nth-child(2){
      padding-right: 0;
   }

   .sectiune-cards .colCard:nth-child(3){
      padding-left: 0;
   }

   .header .header1 .ul-header{
      padding: 0;
   }
   .d-none-tablet-mic{
      display: none;
   }
   .titlu_filtru{
      font-size: 11px;
   }
   #carousel-home .carousel-item img{
      object-position: center;
   }
   .carouselProduseTabs{
      margin-top: -18px;
   }
   .bgBlue .tab_wrapper.left_side > ul li{
      padding: 12px 6px;
   }

   .bgBlue .tab_wrapper .content_wrapper .accordian_header{
      display: none;
   }

   .paddingRight15Mobile{
      padding-right: 15px !important;
   }

   .col80{
      width: 70% !important;
      padding-left: 10px;
      padding-right: 0;
      max-width: 70% !important;
      flex: 0 0 70% !important;
   }

   .col20{
      width: 30% !important;
      flex: 0 0 30% !important;
      max-width: 30% !important;
   }

   .paddingRight0Tablet{ padding-right: 0px; }
   .container, .container-md, .container-sm {
      max-width: 100% !important;
      width:100%;
   }

   .boxReduceriFinale .produse .produs{
      width: 100% !important;
   }

   .colDreaptaReduceriFinale img{
      height: 228px;
   }

   .colReduceriFinale{
      padding-left: 0px;
   }

   #imgReduceriCard{
      width: 220px;
   }

   .colProdReduceriCard {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .boxReduceriFinale .colDreaptaReduceriFinale{
      margin-left: 0;
   }

   .padding0Tablet{
      padding: 0;
   }


   .boxCategorie{
      height:auto;
      background: #194483;
   }

   .header .logo_mic{
      height: 23px;
   }

   .divPostare .titluPostare{
      display: block !important;
   }

   .boxCategorie .nume_categorie{
      line-height: 18px;
      padding: 5px 0;
      font-size: 13px;
   }

   .cerc{
      margin: 10px auto !important;
      height: 300px;
      width: 300px;
   }

   .modalBox{
      height: 230px;
      width: 230px;
   }

   .text-center-tableta{
      text-align: center;
   }

   /* footer */
   footer .ultima_coloana{
      padding-left: 25px;
   }
   .marginBottom20Tablet{
      margin-bottom: 10px;
   }

   /* pagini */
   .info_pagini {
      font-size: 14px;
   }

   .header .logo_mare{
      height: 39px;
   }

   .colWidthFixIcons{
      max-width: 21%;
      flex: 0 0 21%;
   }

   .colWidthFixSearch{
      flex: 0 0 60%;
      max-width: 60%;
   }

   #sumar-cos{
      /* min-width: calc(200% - 28px) !important; */
      right: 6px !important;
   }

   .flip-cards {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      grid-column-gap: 10px;
      grid-row-gap: 10px;
   }

   .flip-card{
      width: auto;
   }
   .boxExtraReduceri .col-sm-5 {
      max-width: 100%;
   }

   #imgReduceriCard{
      width: 184px;
   }
   .colProdReduceriCard{
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .colProdReduceriCard .produse{
      grid-template-columns:repeat(3,2fr)
   }

   .boxExtraReduceri .produse{
      grid-template-columns:repeat(4,2fr) !important;
   }

   .boxReduceriFinale .colDreaptaReduceriFinale {
      background-position: left;
   }
   .produse .produs img{
      height: 100px;
      width: 100px;
   }
   /* produse */
   #nume_produs{
      font-size: 18px;
      line-height: 26px;
   }

   .d-inline-tableta{
      display: inline-block !important;
   }

   .xzoom-container{
      width: 100%
   }

   #xzoom-magnific{
      height: 300px;
      width: 100%;
      object-fit: contain;
   }

   .stoc{
      position: relative;
   }

   .box_cantitate{
      position: relative;
   }

   .pret_produs{
      margin-bottom: 10px;
   }

   /* categorii */
   .subcategorii_categorie{
      grid-template-columns: repeat(4,2fr);
   }

   /* contact */
   .pgContact img{
      width: 370px;
   }

   /* cont */
   .detalii-cont .nav-pills .nav-link{
      padding: 12px;
      font-size: 15px;
   }

   .divContulMeu{
      padding: 20px;
   }

   .margin20TopTableta{
      margin-top:20px;
   }

   .margin0BottomTableta{
      margin-bottom: 0 !important;
   }

   .boxConectare .btn{
      padding: 10px;
   }

   .boxConectare .form-group{
      margin-bottom: 10px !important;
   }

   .paddingTabletaRight15{
      padding-right: 15px !important;
   }

   .margin10TopTableta{
      margin-top: 10px;
   }

   .paddingTabletaLeft15{
      padding-left: 15px !important;
   }

   /* cos & favorite */
   .produse_cos .rand_prod_cos .subtotal .pret_final{
      font-size:15px;
   }
   .produse_cos .rand_prod_cos .pret_final{
      font-size: 12px;
   }
   .produse_cos .rand_prod_cos .spanFavorite, .rand_prod_cos .sterge_din_cos, .rand_prod_cos .sterge_din_favorite{
      font-size: 12px;
      text-align: left;
   }

   /* finalizare */
   .steps_comanda li i{
      height: 80px;
      width: 80px;
      line-height: 80px;
      font-size: 27px;
   }

   .steps_comanda li:after {
      top: 40px;
   }

   .boxBtnRadio{
      padding: 20px !Important;
   }
   .boxFinalizare .boxRadio{
      font-size: 12px;
   }
   .tabsFinalizare .nav-tabs a{
      font-size: 12px;
      font-weight: 600;
   }
   .colWhiteFinalizare {
      font-size: 14px;
   }
   .metode{
      padding: 20px !important;
   }

   .header_categorie .titlu_cat {
      font-size: 21px;
   }

   #colProdReduceriCard .produse{
      grid-template-columns:repeat(3,2fr) !Important;
   }

}

@media all and (min-width:768px) and (max-width: 1023px) {
   .d-none-tablet-mic{
      display: none;
   }
   .postariHome{
      grid-template-columns: repeat(2,1fr);
   }
   .d-none-tablet{
      display: none;
   }
   .sectiune-top-vanzari .produse .produs:nth-child(5){
      display: none;
   }
   .titlu_categ_slider {
      font-size: 23px;
   }
   .sectiune-top-vanzari .produse .produs:nth-child(6){
      display: none;
   }

   .produse {
      grid-template-columns:repeat(4,2fr)
   }

   .colReduceriFinale{
      padding-left: 0px;
   }

   .boxExtraReduceri #text-extra-reduceri{
      background: #2b3189a6;
      top: 139px;
      right: 8px;
      color: white;
      width: 90%;
      font-size:23px;
   }

   .boxExtraReduceri .produse .produs:nth-child(5){
      display: none;
   }

   .boxExtraReduceri .produse .produs:nth-child(4){
      display: none;
   }

   .colProdReduceriCard{
      padding-left: 0
   }

   .colDreaptaReduceriFinale{
      display: none !Important;
   }

   .tabs_categorii .tab_content .produse{
      grid-template-columns: repeat(4,2fr);
   }

   .tab_wrapper.left_side .content_wrapper{
      width: 100%;
   }

   .produseListateCate6 .produse .produs:nth-child(5){
      display: none;
   }
   .produseListateCate6 .produse .produs:nth-child(6){
      display: none;
   }

   .colBtnFavorite{
      margin-top: 10px;
   }
   .produse_categorie_listare {
      grid-template-columns:repeat(3,2fr) !important;
   }
   .colDreaptaReduceriFinale{
      display: none !Important;
   }
   .postareHome .titlu{
      max-height: 60px;
      height: 60px;
   }
}

@media all and (min-width:1024px) and (max-width: 1366px) {
   .padding0Tablet{
      padding: 0
   }
   .produse .produs img{
      height: 170px;
      width: 170px;
   }
   .colWidthFixIcons{
      max-width: 40%;
      flex: 0 0 40%;
   }

   .colWidthFixSearch{
      max-width: 40%;
      flex: 0 0 40%;
   }

   .bannereHome img{
      height: 250px;
   }
   .postareHome .titlu{
      max-height: 60px;
      height: 60px;
   }
   .d-none-tablet{
      display: none;
   }
   #upsells .produse{
      grid-template-columns: repeat(4,1fr) !important;
   }
   .galerieImagini .MultiCarousel-inner .item{
      margin-right:5px;
   }

   .produse_similare{
      grid-template-columns: repeat(5,1fr) !Important;
   }

   .produse_similare .produs:nth-child(6){
      display: none;
   }

   .col-dreapta-detalii-produs .btn-block span{
      font-size: 14px;
   }

   .btnSuna{
      font-size: 15px !Important;
   }
   /* pana aici */


   #carousel-home img{
      height: 404px !important;
   }
   .col80{
      width: 80% !Important;
      flex: 0 0 80% !important;
      max-width: 80% !Important;
   }
   .col20{
      width: 20% !important;
      flex: 0 0 20%;
      max-width: 20% !important;
   }
   .cerc{
      height: 450px;
      width: 450px;
   }

   .modalBox{
      height: 380px;
      width: 380px;
   }
   .colReduceriFinale{
      padding-left: 20px;
      padding-right: 0px !Important;
   }
   .boxExtraReduceri  .produse{
      grid-template-columns:repeat(6, 2fr);
   }

   .paddingRight0Tablet{ padding-right: 0px; }
   .boxExtraReduceri #text-extra-reduceri{
      background: #2b3189a6;
      top: 182px;
      right: -65px;
      color: white;
      width: 100%
   }

   .boxExtraReduceri .produse .produs:nth-child(6){
      display: none;
   }
   .produseListateCate6 .produse .produs:nth-child(6){
      display: none;
   }

   .colDreaptaReduceriFinale img{
      width: 100%;
   }

   .titlu_categ_slider {
      font-size: 25px;
   }

   .boxReduceriFinale .colDreaptaReduceriFinale{
      margin-left: 0
   }
   .sectiune-top-vanzari .produse .produs:nth-child(6){
      display: none;
   }

   .sectiune-top-vanzari .produse .produs:nth-child(5){
      display: none;
   }

   /* .produseListateCate6 .produse{
      grid-template-columns: repeat(5,2fr);
   } */


   .flip-card h4{
      font-size: 14px;
   }

   .produse {
      grid-template-columns:repeat(4,2fr);
   }

   #colProdReduceriCard {
      padding-left: 170px;
   }


   .colBtnFavorite{
      margin-top: 0px;
   }

   .col-dreapta-detalii-produs .btn-block{
      padding: 15px 16px;
   }
   .produse_categorie_listare{
      grid-template-columns: repeat(4,2fr);
   }
}

/* paddings */
.textMic{
   font-size: 11px;
}
.font222{
   color: #222 !Important;
   font-size:14px;
}
.paddingTop0{ padding-top: 0px !important }
.paddingTop5{ padding-top: 5px; }
.paddingTop10{ padding-top: 10px; }
.paddingTop20{ padding-top: 20px; }
.paddingTop30{ padding-top: 30px; }
.paddingTop40{ padding-top: 40px; }
.paddingTop50{ padding-top: 50px; }
.paddingTop60{ padding-top: 60px; }
.paddingTop70{ padding-top: 70px; }
.paddingTop80{ padding-top: 80px; }
.paddingTop90{ padding-top: 90px; }
.paddingTop100{ padding-top: 100px; }
.paddingBottom0{ padding-bottom: 0px !important; }
.paddingBottom10{ padding-bottom: 10px; }
.paddingBottom20{ padding-bottom: 20px !Important; }
.paddingBottom30{ padding-bottom: 30px; }
.paddingBottom40{ padding-bottom: 40px; }
.paddingBottom50{ padding-bottom: 50px; }
.paddingBottom60{ padding-bottom: 60px; }
.paddingBottom70{ padding-bottom: 70px; }
.paddingBottom80{ padding-bottom: 80px; }
.paddingBottom90{ padding-bottom: 90px; }
.paddingBottom100{ padding-bottom: 100px; }
.paddingLeft0{ padding-left: 0px; }
.paddingLeft5{ padding-left: 5px; }
.paddingLeft10{ padding-left: 10px; }
.paddingLeft15{ padding-left: 15px; }
.paddingLeft20{ padding-left: 20px; }
.paddingLeft25{ padding-left: 25px; }
.paddingLeft30{ padding-left: 30px; }
.paddingLeft35{ padding-left: 35px; }
.paddingLeft40{ padding-left: 40px; }
.paddingLeft50{ padding-left: 50px; }
.paddingLeft60{ padding-left: 60px; }
.paddingLeft70{ padding-left: 70px; }
.paddingLeft80{ padding-left: 80px; }
.paddingLeft90{ padding-left: 90px; }
.paddingLeft100{ padding-left: 100px; }
.paddingRight0{ padding-right: 0px; }
.paddingRight5{ padding-right: 5px; }
.paddingRight10{ padding-right: 10px; }
.paddingRight15{ padding-right: 15px; }
.paddingRight20{ padding-right: 20px; }
.paddingRight30{ padding-right: 30px; }
.paddingRight40{ padding-right: 40px; }
.paddingRight50{ padding-right: 50px; }
.paddingRight60{ padding-right: 60px; }
.paddingRight70{ padding-right: 70px; }
.paddingRight80{ padding-right: 80px; }
.paddingRight90{ padding-right: 90px; }
.paddingRight100{ padding-right: 100px; }
.padding0{ padding:0 !important; }
.padding5{ padding:5px; }
.padding10{ padding:10px; }
.padding20{ padding:20px !important;}
.padding30{ padding:30px; }
.padding40{ padding:40px; }
.padding80{ padding:80px; }

/* margins */
.marginTop0{ margin-top: 0px; }
.marginTop5{ margin-top: 5px; }
.marginTop10{ margin-top: 10px; }
.marginTop15{ margin-top: 15px; }
.marginTop20{ margin-top: 20px; }
.marginTop30{ margin-top: 30px; }
.marginTop35{ margin-top: 35px; }
.marginTop40{ margin-top: 40px; }
.marginTop50{ margin-top: 50px; }
.marginTop55{ margin-top: 55px; }
.marginTop60{ margin-top: 60px; }
.marginTop70{ margin-top: 70px; }
.marginTop80{ margin-top: 80px; }
.marginTop90{ margin-top: 90px; }
.marginTop100{ margin-top: 100px; }
.marginTop1_5rem{ margin-top: 1.5rem; }
.marginBottom0{ margin-bottom: 0px; }
.marginBottom10{ margin-bottom: 10px; }
.marginBottom15{ margin-bottom: 15px; }
.marginBottom20{ margin-bottom: 20px; }
.marginBottom30{ margin-bottom: 30px; }
.marginBottom35{ margin-bottom: 35px; }
.marginBottom40{ margin-bottom: 40px; }
.marginBottom45{ margin-bottom: 45px; }
.marginBottom50{ margin-bottom: 50px; }
.marginBottom60{ margin-bottom: 60px; }
.marginBottom65{ margin-bottom: 65px; }
.marginBottom70{ margin-bottom: 70px; }
.marginBottom80{ margin-bottom: 80px; }
.marginBottom85{ margin-bottom: 85px; }
.marginBottom90{ margin-bottom: 90px; }
.marginBottom100{ margin-bottom: 100px; }
.marginLeft0{ margin-left: 0px; }
.marginLeft5{ margin-left: 5px; }
.marginLeft10{ margin-left: 10px; }
.marginLeft15{ margin-left: 15px; }
.marginLeft20{ margin-left: 20px; }
.marginLeft25{ margin-left: 25px; }
.marginLeft30{ margin-left: 30px; }
.marginLeft35{ margin-left: 35px; }
.marginLeft40{ margin-left: 40px; }
.marginLeft50{ margin-left: 50px; }
.marginLeft60{ margin-left: 60px; }
.marginLeft70{ margin-left: 70px; }
.marginLeft80{ margin-left: 80px; }
.marginLeft90{ margin-left: 90px; }
.marginLeft100{ margin-left: 100px; }
.marginRight0{ margin-right: 0px; }
.marginRight5{ margin-right: 5px; }
.marginRight6{ margin-right: 6px; }
.marginRight10{ margin-right: 10px; }
.marginRight15{ margin-right: 15px; }
.marginRight20{ margin-right: 20px; }
.marginRight30{ margin-right: 30px; }
.marginRight40{ margin-right: 40px; }
.marginRight50{ margin-right: 50px; }
.marginRight60{ margin-right: 60px; }
.marginRight70{ margin-right: 70px; }
.marginRight80{ margin-right: 80px; }
.marginRight90{ margin-right: 90px; }
.marginRight100{ margin-right: 100px; }
.margin0{ margin:0; }
.margin10{ margin:10px; }
.margin20{ margin:20px; }