@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body{
   font-family: 'Roboto', sans-serif;
   background: #f2f2f2;
}

.jscroll-added{
   margin-top: 10px;
}

.produse .label_produs{
   position: absolute;
   left: 10px;
   top:10px;
   color: #fff;
   background-color: green;
   font-family: "Roboto", Roboto;
   font-size: 12px;
   font-weight: 600;
   padding: 1px 8px;
   letter-spacing: 0.5px;
   border-radius: 5px 0 0 0px ;
   line-height: 24px;
   margin: -10px;
}

.bgWhiteProdus .label_produs{
   position: absolute;
   left: 10px;
   top:10px;
   color: #fff;
   background-color: green;
   font-family: "Roboto", Roboto;
   font-size: 12px;
   font-weight: 600;
   padding: 1px 8px;
   letter-spacing: 0.5px;
   line-height: 24px;
   margin: -10px;
}

.bgDark{
   background-color: #222;
   color: #fff;
   padding-top: 10px;
   padding-bottom: 10px;
}

.btnWhatsappFixed{
   background: #25D366;
   color: #fff;
   font-size: 28px;
   height: 50px;
   width: 50px;
   display: inline-block;
   line-height: 50px;
   text-align: center;
   border-radius: 50%;
   position: fixed;
   bottom: 10px;
   right: 10px;
}


.marginBottomMinus30{
   margin-bottom: -35px !important;
}

/* carousel produse homepage */
.MultiCarousel { float: left; overflow: hidden; width: 100%; position:relative; padding-top: 45px}
.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}
.MultiCarousel .leftLst{
   right: 35px;
}

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background-color: #222; color:white;}
.MultiCarousel .btnSageti{
   background-color: #f29f29;
   color: #fff;
   font-size: 15px;
}

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

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

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

.carouselProduse .produse{
   display: inline-block;
}

.carouselProduse .produse .produs {
   margin-right: 10px;
}



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 */
.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);
}
@keyframes smoothScroll {
   0% {
      transform: translateY(-30px);
   }
   100% {
      transform: translateY(0px);
   }
}
.header .logo_mare{
   height: 41px;
}
.header .logo_mic{
   height: 35px;
}

.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:12px;
   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: #fff  !important;
   border-left:none;
   border-radius: 0 5px 5px 0;
   color: white;
}

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

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

.header1 a{
   color:#54595F;
}

.click-cart{
   cursor:pointer;
}

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

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

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

.header .colDreapta i{
   font-size:20px;
   color:#f29f29;
}

#nr_prod_cos{
   background: #ea1313;
   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: 4px;
}

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

#sumar-cos:before{
   content:'';
   height:3px;
   width:0;
   border:7px solid transparent;
   border-bottom-color:#ede9e9;
   position:absolute;
   top:-16px;
   right:50px;
}

#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:12px;
   color: #222;
   display: block;
   line-height: 14px;
   font-family: 'Roboto';
}

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

.rand_prod_cos .pret_intreg{
   margin-bottom:0px !important;
   color:grey;
   font-size: 12px;
   font-family: 'Roboto';
   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: 'Roboto';
}
#sumar-cos .btn-mov{
   color: white !important
}
.relative{
   position: relative
}
/* favorite header */
#nr_prod_favorite{
   background: #ea1313;
   color: white;
   height: 18px;
   width: 18px;
   position: absolute;
   text-align: center;
   line-height: 18px;
   border-radius: 9px;
   font-size: 80%;
   font-weight: 700;
   top: -14px;
   right: -15px;
}

/* 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: #e9eaf3;
}

.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: #fff;
   font-size: 15px;
   font-weight: 400;
}

.header .header2{
   background: #f29f29;
   /* padding:15px 0 0 0; */
}

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

#listaDinGradient{
   display: flex;
   justify-content: space-between;
}

.header2 li{
   padding: 10px;
}

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

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

#listaDinGradient li:first-child{
   font-size: 16px;
   background: #fff;
   color:#333;
   font-family:'Roboto';
   font-weight: 500;
   cursor:pointer;
   border-radius: 5px 5px 0 0;
   padding: 10px 20px;
   margin-top: 15px;
}

/* -------------- FOOTER ------------------- */
footer{
   background-color: #F2F2F2;
   background-image: url(/images/background.jpg);
   background-position:center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 20px 0 0px 0;
   color:#F2F2F2;
}

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

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

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

footer span:hover{
   color:#BCBCBC;
}

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

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

footer .lista_social a{
   color:#f2f2f2;
   font-size:20px;
}

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

footer .titlu_footer{
   font-size:18px;
   font-weight:500;
   letter-spacing: 0.5px;
   margin-bottom: 25px;
}
footer .ultima_coloana{
   padding-left: 86px;
}
.copyright{
   padding: 10px;
   margin-left: -15px;
   margin-right: -15px;
   color: white;
   font-size: 12px;
   background-color: rgba(34, 34, 34, 0.3);
}

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

.copyright span:hover{
   color: #fff;
}
/* -------------- HOME ------------------- */

/*carousel */
#carousel-home .carousel-item img{
   height: 443px;
   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: #f29f29;
}

/* FLIP - CARD */
.sectiune-cards{
   margin-top:40px;
}
.sectiune-cards .col-6{
   padding-right: 5px;
   padding-left: 5px;
}
.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(4,2fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}


.flip-card{
   background: white;
   width:auto;
   box-sizing: border-box;
   padding: 20px;
   display: block;
   box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.15);
}

.btn-light-bg-none{
   color:#f29f29;
   font-size: 14px;
   font-weight: 400;

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

.flip-card i{
   color: #f29f29;
   margin-bottom:10px;
   border-radius: 25px;
   font-size: 35px;
   line-height: 50px;
   height: 50px;
   width: 50px;
}

.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:hover{
   transform: translateY(-10px);
   transition-duration: 0.3s;
}
.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: 'Roboto';
}

.flip-card-back {
   transform: rotateY(180deg);
   border-right: 2px solid #f29f29;
}
.titlu_sectiune{
   margin-bottom:10px;
}

.titlu_sectiune span{
   font-size:29px;
   color: #222;
   font-family: 'Roboto';
   font-weight:500;
   vertical-align: middle;
}

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

/* ----------- 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 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: center;
   width:auto;
   border-radius: 5px;
   position: relative;
}

.produse .produs:hover{
   transform: translateY(-10px);
   transition-duration: 0.3s;
}

.produse .produs img{
   height: 157px;
   width:157px;
   object-fit: cover;
   margin-bottom:10px;
}

.produse .produs .nume_produs{
   font-family: "Open Sans";
   color:#222;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   letter-spacing: -0.3px;
   height:64px;
   margin-bottom: 5px;
   overflow: hidden;
}

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

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

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

 .pret .pret_final .tvaProd{
   font-weight: 400;
   font-size: 12px;
   display: block;
}

.produse .produs .reducere{
   position: absolute;
   right:10px;
   top:10px;
   color: #fff;
   background-color: #ea1313;
   font-family: "Roboto", Roboto;
   font-size: 12px;
   font-weight: 600;
   padding: 1px 8px;
   letter-spacing: 0.5px;
   border-radius: 0px 5px 0 0 ;
   line-height: 24px;
   margin: -10px;
}

#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:#f29f29;
   font-weight: 400;
   font-size:33px;
   font-family: "Roboto", 'Roboto';
   letter-spacing: -1.6px
}

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

.boxReduceriFinale{
   margin: 0;
}


.colDreaptaReduceriFinale{
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   background: transparent;
   background-image:radial-gradient(at center center, #FFFFFF 0%, #F29F29 70%);
   display: flex;
   justify-content: center;
   align-items: center;
   padding-right: 0;
   width: 100%;
   border-radius: 5px;
}

.colStangaReduceriFinale {
   padding-right: 4px;
}

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

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

.sectiuneOferta .veziOferta:hover{
   transform: scale(1.1);
   transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
}
.colReduceriFinale{
   padding-left: 0;
}

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

.sectiuneVideo .titlu_sectiune span{
   font-size: 36px;
   color: #222;
}

.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_gri{
   background: #7a7a7a;
}

.cerc_orange{
   background: #f29f29;
}

.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_gri i{
   color:#f29f29;
}

.cerc_orange i{
   color: #7a7a7a;
}

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

.sectiuneVideo #text_video{
   font-size: 18px;
}

.sectiuneVideo .modal{
   padding: 0;
   background:
}

.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%;
}

.sectiuneOferta{
   background-image: url('/images/bg_oferte.jpg');
   background-repeat: no-repeat;
   background-position: top center;
   padding: 45px 0 80px 0;
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   background-size: cover;
}

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

.sectiuneOferta .produseCuImg .produs:first-child{
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   background: transparent;
   background-image:radial-gradient(at center center, #FFFFFF 0%, #F29F29 70%);
   display: flex;
   justify-content: center;
   align-items: center;
   padding-right: 0;
   width: 100%;
   border-radius: 5px;
}

.sectiuneOferta .produseCuImg  .produs:first-child img{
   margin-bottom: 0;
   height: 185px;
}

.form-contact-home .form-contact{
   background-image: none;
   background: white;
}

.form-contact-home .form-control{
   background: #f29f2926 ;
}

.btnTrimitereForm{
   padding: 10px 20px !Important;
}

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


.boxCategorie{
   background: white;
   display: block;
   color: #222;
   font-weight: 500;
   text-align: left;
   position: relative;
   overflow:hidden;
   padding-top: 10px;
   border-radius: 5px;
   min-height: 250px;
}

.img_categorie{
   height: 200px;
   transition: all 0.5s ease;
   background-position: center center;
   position: relative;
   background-size: contain;
   transition: all 0.8s ease;
   background-repeat: no-repeat;
}

.boxCategorie:hover .img_categorie{
   transform: scale(1.05);
}

.boxCategorie .nume_categorie, .boxCategorie .vezi_produse{
   display: block;
   line-height: 19px;
   font-size: 15px;
   font-weight: 400;
   color: #222244;
   background: white;
   width: 100%;
   padding: 7px 16px;
   text-align: left;
   position: absolute;
   bottom: 0;
   border-radius: 0 0 5px 5px;
}

.boxCategorie .vezi_produse{
   opacity: 0;
   position: absolute;
}

.boxCategorie:hover .vezi_produse{
   background: #f29f29;
   color: white;
   opacity: 1;
}

.boxCategorie:hover .nume_categorie{
   display: none;
}

.scrisMult h4{
   font-size: 30px;
}
.scrisMult h5{
   font-size: 36px;
}
.scrisMult a{
   font-size: 56px;
   color: #222;
   cursor: pointer;
}
.boxHartaHome{
   margin-bottom: -7px;
}
/* ---------------- CATEGORIE ------------- */
.header_categorie{
   padding: 25px 0;
   background-image: url(/images/background-cat.jpg);
   background-position: center right;
   background-repeat: no-repeat;
   background-size: cover;
   margin-bottom:35px;
   border-bottom: 2px solid #ec7e0f;
}

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

.breadcrumps{
   color: #222;
}

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

.breadcrumps span{
   color:#222;
   font-size:14px;
   font-weight: 600;
   font-family:"Roboto", 'Roboto';
}

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

.boxResetFiltre{
   background: white;
   color: #222;
   font-family: "Roboto", 'Roboto';
   font-size: 13px;
   font-weight: 600;
   line-height: 26px;
   padding: 15px;
}
.resetFiltre{
   cursor: pointer;
}
.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: #f3e0cf;
}

.listaSubcat a{
   color: #222;
   font-weight: 500;
}

.listaSubcat .bold{
   font-weight: 600;
   color: #ec7e0f;
}

.listaSubcat .subsubcat{
   list-style: none;
   padding-left: 10px;
}

.subcategorie_categorie span{
   font-family: "Roboto", 'Roboto';
   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; */
}

.desc_sectiune{
   font-size: 14px;
   min-height: 115px;
}
.img_cat_featured{
   height: 110px;
   border-radius: 5px;
   float: left;
   margin: 0px 15px 5px 0px;
}
#amount{
   border: none;
   font-weight: bold;
   color: #f29f29;
   width: 100%;
}
select[name='sortare']{
   border: 1px solid #f2f2f2;
   border-radius: 5px;
   font-family: 'Roboto';
   font-size: 14px;
   font-weight: 400;
}

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

.page-link{
   color: #f29f29;
   border-color: #f2f2f2;
}

.page-item.active .page-link{
   background: #f29f29;
   color: white;
   border-color: #d4d4d4
}

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

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

.page-link:hover{
   color: #f29f29;
   background-color: #fef5e9;
}

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

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

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

.box_valori_filtru input{
   vertical-align: middle;
}


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

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

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

.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: 1px solid #f29f29;
}

.stele_content_produs{
   height:   26px;
}

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

.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: 'Roboto';
   font-weight: 500 !Important;
   letter-spacing: -0.5px;
   margin-top: 10px;
}

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

.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: #f29f29;
}

.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: #f29f29;
   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: #f29f29 !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 #f29f29;
}

.boxComentarii{
   display: none;
}

.boxComentariu{
   padding:10px;
   border-left: 1px solid #f29f29;
   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 #f29f29
}

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

.nume_review i{
   color: #f29f29
}

.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 #f29f29;
   border-style: dashed;
   color: #f29f29;
}

.formReview .inputfile:focus + label {
	outline: 1px dotted #f29f29;
	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;
}

.breadcrumps_produs{
   font-size:14px;
   font-family: "Roboto", 'Roboto';
   padding: 30px 15px;
}

.breadcrumps_produs a{
   color: #54595F;
}

.breadcrumps_produs span{
   color:#222;
}
.bgWhiteProdus{
   background: white;
   padding: 30px;
}
/* GALERIE produs */

/* 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: #f29f29;
   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;
}

.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;
}

.xzoom-thumbs  img{
   width: 87px;
}

.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 #f29f29 !important;
   opacity: 1;
}

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

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

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

.subtitlu_produs{
   color: #222;
   font-family: "Roboto", 'Roboto';
   font-size: 17px;
   font-weight: 500;
   letter-spacing: 0px;
}

.subtitlu_produs a{
   color:#f29f29;
}
.beneficii i{
   color: #f29f29;
   font-size: 18px;
}

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

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

.pret_produs{
   height: 80px;
}

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

.pret_produs .pret_final{
   color: #f29f29;
   font-family: "Roboto", 'Roboto';
   font-size: 25px;
   font-weight: 500;
   margin-bottom: 0;
}

.serviciiProdus a{
   color: #222;
   font-weight: 500;
}

/* + & - 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;
}
.value-button{
   border:none;
   color: #f29f29;
   background: #f2f2f2
}

input#number, input.number{
   border:none !Important;
}
/* stoc */
.clasa_in_stoc{
   background-color: #368A00;
}

.clasa_epuizat{
   background-color: #e5260a;
}

.clasa_precomanda{
   background-color: #f5a10d;
}

.clasa_furnizor{
   background-color: #19c6f3;
}
.clasa_fabricatie{
   background-color: #000;
   color: white;
}
.stoc{
   font-family: "Roboto", 'Roboto';
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 0.5px;
   color: #FFFFFF;
   padding: 3px 10px 4px 10px;
   display: inline-block;
   width: 100%;
   text-align: center;
   border-radius: 5px;
}

.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: "Roboto", 'Roboto';
   font-size: 12px;
   font-weight: 600;
}
.col-dreapta-detalii-produs .btn-block i{
   margin-right: 30px;
}

.col-dreapta-detalii-produs .btn-block{
   font-size: 14px;
   border: 1px solid #f29f29;
   padding: 15px 30px;
   height: 100%;
   font-weight: 400;
   border-radius: 5px;
   letter-spacing: 0.5px;
   line-height: 15px;
   font-family: "Roboto", 'Roboto'
}
.col-dreapta-detalii-produs  .btn-alb{
   border: 1px solid #f29f29;
}
.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;
}
/* .acceasi_variatie{
   background: #e7cbb0 !important;
   color:#5b565f !important;
} */

.variatie_selectata{
   background: #f29f29 !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: "Roboto";
   font-weight: 600;
}

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



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

.taburi_produs{
   padding: 5px 0;
}

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

.taburi_produs .nav-item a {
   border:1px solid #6d6666;
   border-radius: 0;
   font-family: "Roboto", Roboto;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.5px;
   color: white;
   background-color: #f29f29;
   margin-right: 15px;
   transition: all 0.3s ease-out;
}

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

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

.content_taburi .tab-content{
   padding: 15px;
   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;
}

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

.box_similare .spanSimilare{
   font-size: 25px !important;
}

#descriere table{
   background-color: transparent;
   width: 100%;
   margin-bottom: 15px;
   font-size: .9em;
   border-spacing: 0;
   border-collapse: collapse;
}

#descriere table tbody>tr:nth-child(odd)>td, #descriere table tbody>tr:nth-child(odd)>th{
   background: #f7f7f7;
}

#descriere table td, #descriere table th{
   padding: 15px;
   line-height: 1.5;
   vertical-align: top;
   border: 1px solid #ccc;
}

/* 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;
}


/* ---------------- PAGINI ---------------------------*/

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

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

.contentPagina{
   font-size: 14px;
}

.paginiAll a {
   color: #f29f29
}

/* BLOG */
.pgPostari .divPostare{
   background: white;
   border-radius: 5px;
   display: block;
   padding: 20px;
   border: 2px solid #fff;
   transition: all 0.3s ease
}

.pgPostari .divPostare:hover{
   border: 2px solid #ec7e0f;
}

.pgPostari .divPostare .titluPostare{
   color: #222;
   margin-top: 10px;
}

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

.pgPostari .divPostare .titluPostare{
   display: block;
}

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


/* CONTACT */
.pgContact img{
   width:400px
}

.form-contact{
   padding: 25px;
   background:white;
   box-shadow: 0px 0px 7px -4px rgba(0,0,0,0.5);
}

.form-contact .form-control{
   background: #f29f2926
}

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

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

.form-contact .required{
   color: red;
}
.divContactBoxs i:not(.iconMic){
   color: #f29f29;
   font-size: 38px;
   margin-bottom: 10px;
}
.divContactBoxs h6{
   font-family: "Roboto", Roboto;
   color: #222;
   font-size:22px;
   font-weight: 600;
}

.divContactBoxs p{
   margin:0;
}
.divContactBoxs span{
   font-family: "Roboto", Roboto;
   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;
   min-height: 130px;
}

.produse_cos .rand_prod_cos:hover{
   transform: scale(1.01);
}
.rand_prod_cos img{
   height: 50px !Important;
}
.produse_cos .nume_prod_cos{
   color: #222222;
   font-family: "Roboto", Roboto;
   font-size: 16px;
   font-weight: 400;
   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:#f29f29;
}

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

.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: "Roboto", Roboto-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: "Roboto";
   font-size: 24px;
   font-weight: 700;
   line-height: 18px;
}
.sumar_comanda .pret_intreg{
   margin-bottom:0px !important;
   color:grey;
   font-size: 14px;
   font-family: 'Roboto';
   font-weight: 600;
   text-decoration: line-through;
}

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

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

.sumar_comanda .btn-gri{
   color: white;
   font-size: 20px;
   font-family: "Roboto";
   font-weight: 400;
   border-radius: 5px;
   padding: 15px 30px;
   font-size: 16px;
}
.sumar_comanda .btn-gri:hover{
   color: #6c757d;
   background: white;
}
.sumar_comanda .btn-albastru:hover{
   color: white;
}

.total_comanda .row{
   margin:0;
}

#totalComandaDePopulat {
   text-align:right;
}

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

/* 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 #f29f29;
}

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

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

.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: #f29f29
}

.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: #f29f29
}

.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;
}

.fontMic{
   font-size: 12px;
}

/* ---------------- 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: #f29f29;
   border-radius: 0;
}

.detalii-cont .nav-pills .nav-link{
   color:#fff;
   font-family: "Roboto", Roboto;
   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: #f29f29;
   margin-bottom: 15px;
   box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.5);
   margin-bottom: 30px;
}
.detalii-cont .openMeniuCont i{
   color: #f29f29;
   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: "Roboto";
   font-weight: 600;
   font-size: 15px;
}

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

.open-popup-comanda{
   cursor: pointer;
   color: #f29f29 !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: "Roboto";
   letter-spacing:-0.5px;
   line-height: 19px;
}

.modalComanda .spanTotal{
   font-size: 20px;
   font-weight: 700;
   color: #f29f29;
   font-family: "Roboto";
   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: "Roboto";
   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: "Roboto";
}

.modalComanda img{
   height: 25px;
}
.boxConectare textarea{
   border: 0;
   padding-top: 10px;
}
.boxConectare img{
   height: 21px;
}

.boxConectare .card{
   border: 0;
   background: #fff;
   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: #222;
   font-weight: 700;
   letter-spacing: -0.5px;
   font-family: "Roboto";
}

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

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

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

.boxConectare .bgGri{
   background: #fafafa;
   padding: 5px 30px;
}

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

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

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

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

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

.box_cantitate_cos{
   margin-top: 5px;
}

.boxCampValoare img{
   height: 25px;
}

.boxCampValoare .labelCamp{
   display: block;
   color: #C9CBE1;
}

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

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

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

.linkTabs:hover{
   color: #f29f29 !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: "Roboto";
   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: "Roboto";
}

.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;
}
/* ---------------- 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: #f29f29;
   color:white;
   border: 1px solid #f29f29;
   border-radius: 5px;
   padding: 7px 20px;
   font-size:14px;
   transition: all 0.3s ease;
}
.btn-alb-border{
   border: 1px solid #f29f29;
   font-size: 12px;
   padding: 3px 8px;
   color: #f29f29 !important;
   font-weight: 600;
}
.btn-alb{
   background: white;
   color:#f29f29;
   letter-spacing: 1.1px;
   border-radius: 0;
   padding: 6px 12px;
   font-size:13px;
   font-weight: 400;
   transition: all 0.3s ease;
}
.btn-alb-swal{
   background: white !important;
   color:#f29f29  !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: #f29f29 !Important;
   color:white !Important;
   border: 1px solid #f29f29;
   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: #f29f29 !Important;
   color:white !important;
   border: 0 !important;
}

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

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

.btn-albastru{
   background: #f29f29;
   color:white;
   border: 1px solid #f29f29;
   border-radius: 5px;
   padding: 8px 13px;
   font-size:13px;
   transition: all 0.3s ease;
   line-height: 13px;
}

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

.btn-albastru:hover{
   background: #fff;
   color:#f29f29 !Important;
   border: 1px solid #f29f29;
}
.btn-gri:hover{
   background: #6c757d;
   color:white;
   border: 1px 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: #f29f29;
}

.footerJos{
   position: fixed;
   bottom: 0;
}
.page404 h2{
   color: #f29f29;
   font-family: "Roboto", Roboto;
   font-size: 40px;
   font-weight: 700;
}

.page404{
   min-height:calc(100vh - 400px);
   background-size: contain;
   background-repeat: no-repeat;
   margin-bottom: 40px !important;
   background-position: center;
}
.page404 a{
   font-size: 16px;
   font-family: "Roboto", Roboto;
   padding: 15px 30px;
   font-weight: 600;
}
.page404 img{
   height:300px;
   width:100%;
   object-fit: contain;
}
.produs .stoc_listare_prod{
   display: block;
   font-size: 12px;
   color: #999;
   line-height: 12px;
}
.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;
}
.xzoom5{
   width: 520px;
}

.xzoom2, .xzoom3, .xzoom4, .xzoom5{
   box-shadow: none !important;
}
.xzoom-thumbs img{
   margin-right: 5px;
   max-width: 100%;
   max-height: 100%;
}
/* 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 #f29f29;
   display: block;
   text-align: center;
   cursor: pointer;
   border-radius: 5px;
}

.header_produs .box_butoane .adauga_in_cos #boxRosu{
   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 #f29f29;
}

.header_produs .btn_cos_produs{
   line-height: 34px !important;
   padding: 0;
}


.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: #f29f29;
   line-height: 34px;

}

.header_produs .btn_cos_produs {
   width: 80%;
}
/* ------------------------------- RESPONSIVE ----------------------------------- */

/* mobile */
@media all and (min-width:0px) and (max-width: 767px) {
   .footerANPC img{
       width:100%;
   }

   .d-none-mobile-important{
      display: none !important;
   }
   .showBoxReview{
      margin-left: 10px;
   }
   .box_reviews_mobile {padding: 10px;}
   #descriere iframe{
      width: 100%;
   }

   .marginTopMinus30Mobile{
      margin-top: -30px;
   }

   #descriere img{
      width: 100% !Important;
      height: auto !important;
      margin-bottom: 10px;
   }
   /* BLOG */
   .pgPostari .divPostare {
      padding: 15px;
   }
   .pgPostari .divPostare img{
      height: 160px;
      width: 100%;
   }

   .pgPostari .divPostare{
      margin-bottom: 10px;
   }

   .pgPostari .divPostare .titluPostare{
      font-size: 12px;
   }

   .colImgCatDesc{
      margin:auto;
      text-align: center;
   }
   .colDescCat{
      text-align: center;
   }

   .img_cat_featured{
      height: 110px;
      margin-bottom: 10px;
   }

   .marginTop0{
      margin-top: 0 !Important;
   }
   .carouselProduse .produse{
      display: inline-block;
   }

   .carouselProduse .produse .produs{
      margin-right: 10px;
   }

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

   .imgCoverBlog img{
      height: 200px;
   }

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

   .paddingRight15Mobile{
      padding-right: 15px;
   }

   .paddingRight0Mobile{
      padding-right: 0;
   }

   .scrisMult a{
      font-size: 44px;
   }

   .scrisMult h5{
      font-size: 30px;
   }

   .scrisMult h4 {
      font-size: 25px;
   }

   .scrisMult {
      margin-bottom: 30px !Important;
   }

   .sectiuneOferta .produse .produs:last-child{
      display: none;
   }

   .sectiuneOferta .produse .produs:first-child img{
      height: 140px;
   }

   .sectiuneOferta{
      padding: 10px 0 60px 0;
   }

   .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:26px;
   }

   .header .logo_mic{
      height: 25px;
   }

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

   .searchGroup .input-group-text{
      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: -12px;
   }

   .hiddenAjax{
      color: #222;
   }

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

   .meniu{
      top: 42px;
   }

   .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:nth-child(2n+1){
      padding-left: 15px;
   }
   .sectiune-cards .col-6:nth-child(2n+2){
      padding-right: 15px;
   }

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

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

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

   .sectiune-cards .colCard{
      padding: 5px;
   }

   .margineSectiuni {
      margin-top: 60px;
   }

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

   .boxCategorie{
      min-height: 160px;
      background-size: 100px !important;
   }

   .boxCategorie .nume_categorie{
      height: 50px;
      overflow-y: hidden;
   }

   .img_categorie{
      height: 84px;
   }

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

   .colStangaReduceriFinale{
      padding-left: 0;
   }

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

   .titlu_categ_slider{
      font-size: 20px;
   }
   .carouselProduse .produse{
      grid-template-columns: repeat(6,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 #f29f29;
      border-left: 3px solid #f29f29;
   }

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

   .colReduceriFinale{
      margin-bottom: 20px;
      padding-left: 0;
   }

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

   .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;
   }

   .modalVideo iframe{
      height: 300px;
   }
   .cerc{
      margin: 10px auto !important;
      height: 150px;
      width: 150px;
      padding: 15px;
   }

   .modalBox i{
      font-size: 50px;
   }
   .modalBox{
      height: 130px;
      width: 130px;
   }

   .boxCategorie .nume_categorie, .boxCategorie .vezi_produse{
      font-size: 14px;
   }

   .boxReduceriFinale .colDreaptaReduceriFinale{
      max-width: 100%;
      margin-bottom: 20px;
      margin-left: 0
   }
   .sectiuneVideo .modal .modal-dialog{
      max-width: 100%;
      top: 20%;
   }
   .sectiuneVideo #text_video {
      font-size: 17px;
   }

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

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

   #sumar-cos{
      min-width: calc(200% - 28px) !important;
      right: -40px !important;
      padding: 0 !important
   }

   #sumar-cos:before {
      right: 43px;
   }

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

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

   .rand_prod_cos img{
      height: 50px !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{
      display: flex;
      min-width: 90%;
   }

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

   .beneficii li{
      float: left;
      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;
   }

   .col-dreapta-detalii-produs .btn-block i{
      margin-right: 11px;
   }

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

   .col-dreapta-detalii-produs .pret_final{
      display: inline-block;;
   }

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

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

   /* categoriii */
   .titlu_sectiune{
      margin-top: 10px;
   }

   .titlu_sectiune img{
      height: 35px;
      margin-right: 5px;
   }
   .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: 'Roboto';
      font-size: 14px;
      background: #f3e0cf;
      font-weight: 400;
   }

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

   .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: #f29f29;
      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;
   }

   .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: #f29f29;
      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: #f29f29;
   }

   .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:#f29f29 !important;
   }

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

   .titlu_accordion{
      font-family: "Roboto", Roboto;
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      line-height: 16px;
      padding: 12px 0;
   }

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

   .footerMobile {
      margin-bottom: 15px;
   }


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


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

   .iconsFixedContact .linkTelefon{
      background: green;
      animation: pulse 1s infinite;
      font-size: 32px;
   }

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

   .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-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;
   }

   .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) {

   .paddingLeftTablet0{
      padding-left: 0;
   }
   .titlu_filtru{
      font-size: 11px;
   }
   .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%;
   }

   .list-inline-item:not(:last-child){
      margin-right: 4px;
   }

   .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;
   }

   .boxCategorie{
      height:177px;
   }

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

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

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

   .scrisMult a{
      font-size: 43px;
   }

   .scrisMult h5{
      font-size: 33px;
   }

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

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

   .header .logo_mare{
      height: 29px;
   }

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

   #sumar-cos:before {
      right: 30px;
   }

   .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)
   }

   .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-thumbs{
      display: flex;
      overflow-x: auto;
   }

   .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: 300px;
   }

   /* 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) {
   .sectiune-top-vanzari .produse .produs:nth-child(5){
      display: none;
   }
   .titlu_categ_slider {
      font-size: 23px;
   }

   .colStangaReduceriFinale .produse{
      grid-template-columns: repeat(4,2fr);
   }
   .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;
   }

   .colProdReduceriCard{
      padding-left: 0
   }

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

   .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;
   }
   .img_cat_featured{
      height: 120px
   }
}

@media all and (min-width:1024px) and (max-width: 1366px) {
   .img_cat_featured{
      height: 108px;
   }
   .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 #text-extra-reduceri{
      background: #2b3189a6;
      top: 182px;
      right: -65px;
      color: white;
      width: 100%
   }

   .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;
   }

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

   #xzoom-magnific{
      width: calc(100% - 20px)
   }

   /* .produseListateCate6 .produse{
      grid-template-columns: repeat(5,2fr);
   } */

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

   .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;
}
.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; }
.padding5{ padding:5px; }
.padding10{ padding:10px; }
.padding20{ padding:20px !important;}
.padding30{ padding:30px; }
.padding40{ padding:40px; }
.padding80{ padding:80px; }

/* margins */
.marginTop5{ margin-top: 5px; }
.marginTop10{ margin-top: 10px; }
.marginTop15{ margin-top: 15px; }
.marginTop20{ margin-top: 20px; }
.marginTop25{ margin-top: 25px; }
.marginTop30{ margin-top: 30px; }
.marginTop35{ margin-top: 35px; }
.marginTop40{ margin-top: 40px; }
.marginTop50{ margin-top: 50px; }
.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; }
.marginBottom40{ margin-bottom: 40px; }
.marginBottom50{ margin-bottom: 50px; }
.marginBottom60{ margin-bottom: 60px; }
.marginBottom70{ margin-bottom: 70px; }
.marginBottom80{ margin-bottom: 80px; }
.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; }
.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; }