body{
   font-family: 'Open Sans', sans-serif;
   background: #FAFAFA
}

/* carousel produse homepage */
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.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; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none;}
.MultiCarousel .btn{
   background-color: transparent;
   color: #E2001A;
   font-size: 20px;
}

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

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

a:hover{
   text-decoration: none;
}
.desc_sectiune img{
   margin-right: 30px;
}
/* -------------------- HEADER --------------- */
/* header alb */
.header .header1{
   background: white;
   padding: 15px 0;
   z-index: 16;
   border-bottom: 2px solid transparent;
   border-image: linear-gradient(to right, #E2001A , #E2001A);
   border-image-slice: 1;
   -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;
}
@keyframes smoothScroll {
   0% {
      transform: translateY(-30px);
   }
   100% {
      transform: translateY(0px);
   }
}
.header .logo_mare{
   height: 44px;
}
.header .logo_mic{
   height: 35px;
}

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

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

.searchGroup input:focus{
   background: #f5e6e8 !important;
   border:none !important;
   box-shadow: none;
}

.produse_sumar_cos i{
   font-size: 15px !important;
}

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

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

.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: 'Open Sans', sans-serif;
   color:#54595F;
   font-weight: 400;
}

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

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

#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:11px;
   color: #888;
   display: block;
   line-height: 14px;
   font-family: 'Open Sans';
}

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

.rand_prod_cos .pret_intreg{
   margin-bottom:0px !important;
   color:grey;
   font-size: 12px;
   font-family: 'Open Sans';
   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: 'Open Sans';
}
#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: white;
}

.header .header2{
   background-image: linear-gradient(110deg, rgb(38, 42, 111), rgb(134, 0, 152));
   background: linear-gradient(110deg,#E2001A,#E2001A);
   padding: 6px 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: 14px;
   background: white;
   color:#54595F;
   border-radius: 3px 3px 0px 0px;
   font-weight: 600;
   letter-spacing: 0.5px;
   cursor:pointer;
}

#listaDinGradient li:first-child:hover{
   color: #E2001A;
}

/* -------------- 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: "Open Sans", "Open Sans" !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: "Open Sans", Open Sans;
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 0.5px;
}

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

/*carousel */
#carousel-home .carousel-indicators{
   z-index: 2 !important;
}
.carousel-item img{
   height: 420px;
   object-fit: cover;
   object-position: 100% 0;
}
.carousel-caption{
   left: 6%;
   top: 25%;
   width:50%;
   text-align: left;
}
.carousel-caption h3{
   font-weight: 700;
   font-size:35px;
   line-height: 45px;
   margin-bottom:0;
}
.carousel-caption p{
   margin-bottom:0 !important;
   letter-spacing: 0.6px;
}

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

.carousel-indicators .active{
   background-color: #E2001A;
}

/* 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{
   height: 90px;
   width:auto;
   box-sizing: border-box;
   padding: 20px;
   display: block;
}

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

.flip-card i{
   background: #E2001A;
   color: white;
   border-radius: 25px;
   font-size: 25px;
   margin-bottom: 20px;
   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-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: 'Open Sans';
}
.flip-card-back {
   transform: rotateY(180deg);
   border-right: 2px solid #E2001A;
}

.titlu_sectiune{
   color:#E2001A;
   margin-bottom:10px;
}

.titlu_sectiune span{
   font-size:22px;
   font-family: 'Open Sans';
   font-weight:700;
   letter-spacing: -0.5px;
}

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

/* 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(4,1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
}

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

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

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

.footerPostare .fa-calendar-alt{
   color: #E2001A;
   font-size: 16px;
}

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

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

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

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

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

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

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

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

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

.boxExtraReduceri{
   margin-left: 0;
   margin-right: 0;
   margin-top:75px;
   padding: 30px 0;
   background-color: white;
   opacity: 1;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
   display: flex;
   align-items: center;
}

.carouselProduse .item img{
   height: 130px;
}

.boxExtraReduceri .carousel-inner{
   padding: 30px 30px 10px 30px;
   border-radius: 10px;
}

.boxExtraReduceri .carousel-caption{
   position: relative;
   text-align: center;
   top:0;
   padding: 0 0 10px 0 !important;
   left:0;
}
.boxExtraReduceri .carousel-indicators{
   margin-bottom: 0;
}
.boxExtraReduceri .carousel-item .view a {
   text-align: center;
}

.boxExtraReduceri .carousel-caption h3{
   font-size: 14px;
   font-weight: 600;
   line-height: 17px;
   color: #222;
   height: 37px;
   overflow-y: hidden;
}
.boxExtraReduceri .caption-slider{
   margin-bottom: 0;
   background: none;
   padding: 10px 0 5px 0;
   margin-bottom: 0px !important;
}

.boxExtraReduceri .carousel-item img{
   height: auto;
}

.boxExtraReduceri .carousel-item{
   text-align: center;
}

.boxExtraReduceri .carousel-caption{
   width: 100%;
}


#imgReduceriCard{
   display: none;
   height: 230px;;
}


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

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

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

.boxReduceriFinale{
   margin: 0;
}

.boxReduceriFinale .produse .produs{
   width:172px !important;
}

.colDreaptaReduceriFinale{
   padding: 0;
   background-repeat: no-repeat !important;
   background-size: contain !important;
   background-position: center center !important;
}

.boxReduceriFinale .colStangaReduceriFinale{
   padding-right: 12px;
}

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

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

.boxCategorie{
   background: white;
   display: block;
   color: #222;
   font-weight: 500;
   text-align: center;
   font-weight: 600;
   transition: all 0.5s ease;
   padding: 15px;
}

.boxCategorie img{
   height: 130px;
   border-radius: 5px;
   margin-bottom: 5px;
   object-fit: cover;
}

.boxCategorie .nume_categorie{
   display: block;
   line-height: 19px;
   font-size: 15px;
   margin-top: 5px;
   height: 39px;
   overflow-y: hidden;
}

.boxCategorie {
   box-sizing: border-box;
   box-shadow: inset 0 0 0 2px #f45e61;
   vertical-align: middle;
   position: relative;
   -webkit-transition: color 0.25s;
   transition: color 0.25s;
}

.boxCategorie::before, .boxCategorie::after {
   box-sizing: inherit;
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
}

.boxCategorie::before, .boxCategorie::after {
   border: 2px solid transparent;
   width: 0;
   height: 0;
}

.boxCategorie::before {
   top: 0;
   left: 0;
}

.boxCategorie::after {
   bottom: 0;
   right: 0;
}

.boxCategorie:hover {
   color: #222;
}

.boxCategorie:hover::before, .boxCategorie:hover::after {
   width: 100%;
   height: 100%;
}

.boxCategorie:hover::before {
   border-top-color: #E2001A;
   border-right-color: #E2001A;
   -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
   transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}


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

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

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

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

/* ----- TABS ----- */
.content_wrapper{
   background-image: linear-gradient(90deg, #f5e6e8 0%, rgba(255, 255, 255, 0.9) 100%);
   padding-bottom: 20px;
}
#sumar-cos::before{
   display: none;
}
.tab_wrapper ul{
   list-style-type: none;
   width: 29% !important;
}

.tab_wrapper > ul li.active{
   background: #f5e6e8;
   color: #E2001A !Important;
}

.tab_wrapper > ul li{
   font-family: "Open Sans", Open Sans;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 0.5px;
   fill: #E2001A;
   color: #E2001A !Important;
   background-color: white;
   border-radius: 0px 0px 0px 0px;
   transition: all .3s;
   margin-bottom: 8px;
   line-height:15px;
}

.tab_wrapper > ul li:hover{
   background: #f5e6e8;
}

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

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

/* ---------------- CATEGORIE ------------- */
.header_categorie{
   padding: 25px 0;
   background-image: url(/images/background-cat.jpg);
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
   margin-bottom:35px;
}

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

.breadcrumps{
   color: #c2c5ca;
}

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

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

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

.boxResetFiltre{
   background: white;
   color: #222;
   font-family: "Open Sans", 'Open Sans';
   font-size: 12px;
   font-weight: 600;
   line-height: 26px;
   padding: 15px;
}
.resetFiltre{
   cursor: pointer;
   color: #222;
}
.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: #f5e6e8;
}
.listaSubcat a{
   color: #222;
   font-weight: 500;
}
.listaSubcat .bold{
   font-weight: 600;
   color: #E2001A;
}
.listaSubcat .boldMare a{

}
.subcategorie_categorie span{
   font-family: "Open Sans", 'Open Sans';
   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: #E2001A;
   width: 100%;
}
select[name='sortare']{
   border: 1px solid #f2f2f2;
   border-radius: 0;
   font-family: 'open sans';
   font-size: 14px;
}

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

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

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

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

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

.nume_specificatie{
   font-family: "Open Sans", 'Open Sans';
   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 */
.breadcrumps_produs{
   font-size:14px;
   font-family: "Open Sans", 'Open Sans';
   padding: 30px 15px;
}

.breadcrumps_produs a{
   color: #54595F;
}

.breadcrumps_produs span{
   color:#222;
}

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

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

.xzoom-thumbs {
   max-width: 550px;
   display: inline-flex;
}

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

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

.desc_scurta_prod{
   color: #222222;
   font-family: "Open Sans", 'Open Sans';
   font-size: 13px;
}

.desc_scurta_prod a{
   color:#E2001A;
   font-family: "Open Sans", 'Open Sans';
   font-size: 13px;
}
.separator_prod{
   border-color:#7A7A7A;
   margin: 20px 0;
}

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

.subtitlu_produs a{
   color:#E2001A;
}
.beneficii i{
   color: #E2001A;
   margin-right: 6px;
}

.beneficii li{
   color: #54595F;
   font-size:14px;
   font-family: "Open Sans", 'Open Sans'; */
}

.pret_produs{
   height: 60px;
}

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

.pret_produs .pret_final{
   color: #E2001A;
   font-family: "Open Sans", 'Open Sans';
   font-size: 25px;
   font-weight: 600;
   margin-bottom: 0;
}

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

/* + & - cantitate */
.value-button {
   display: inline-block;
   border: 1px solid #ddd;
   margin: 0px;
   width: 32px;
   height:26px;
   text-align: center;
   vertical-align: middle;
   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;
   height: 26px;
}

#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: #368A00;
}

.clasa_epuizat{
   background-color: #e5260a;
}

.clasa_precomanda{
   background-color: #f5a10d;
}

.clasa_furnizor{
   background-color: #19c6f3;
}

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

.font222{
   color: #222 !Important;
   font-size: 13px;
}
.stoc{
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 0.5px;
   color: #FFFFFF;
   padding: 5px 10px 5px 10px;
   display: inline-block;
   width: 100%;
   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: "Open Sans", 'Open Sans';
   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: 2px solid #E2001A; */
   padding: 15px 30px;
   height: 100%;
   font-weight: 600;
   letter-spacing: 0.5px;
   font-family: "Open Sans", 'Open Sans'
}
.col-dreapta-detalii-produs  .btn-alb{
   border: 2px solid #E2001A;
}

/* 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 #E2001A;
   display: block;
   text-align: center;
   cursor: pointer;
}

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

.header_produs .btn_cos_produs{
   line-height: 34px !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: #E2001A;
   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: #E2001A;
   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;
}

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

/* de copiat */
.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: 14px;
   /* 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: #E2001A14 !important;
   border: none !important;
   color: #E2001A;
   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;
   color: white;
}
.btnSuna .iconSeparat{
   background: #E2001A
}

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

.whatsapp a{
   color: #368A00;
}

.whatsapp .iconSeparat{
   background: #368A00;
}

.whatsapp i{
   font-size: 26px !important;
   color: white;
   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;
}

.sterge_din_favorite:hover{
   border: none !Important;
}

.btnFavoriteHeaderProdus:hover{
   border:1px solid #E2001A !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 #E2001A;
   position: relative;
   display: inline-block;
   box-sizing: border-box;
}

.box_butoane .adauga_in_cos  #boxRosu, .produs .adauga_in_cos #boxRosu{
   height: 50px;
   width: 40px;
   background: #E2001A;
   display: inline-block
}

.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: "Open Sans", 'Open Sans';
}

.col-dreapta-detalii-produs  .btn-alb{
   border: 2px solid #E2001A !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: 40px;
   width: 30px;
}

.produs .adauga_in_cos .triunghi{
   height: 30px;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 10px solid #E2001A;
   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: 0;
   line-height: 40px;
   font-size: 14px;
}

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

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

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


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

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

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

.taburi_produs{
   padding: 0;
}

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

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

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

.content_taburi{
   color: #7a7a7a;
   font-family: "Open Sans", Open Sans;
   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;
}

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

.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;
   font-size: 14px;
}
.titlu_servicii{
   font-size: 14px;
   color: #999
}

.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;
   margin-bottom: 10px;
}

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

.stele_content_produs{
   height:   26px;
}

.divDetaliiProd {
   margin-top: 10px;
   margin-bottom: 10px;
   height: 30px;
}

.divScrollTo{
   margin-bottom: 15px;
   display: inline;
   font-size: 13px;
   color: #E2001A
}

.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: 'Open Sans';
   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: 0;
   border-bottom: 1px solid #ddd !important;
   border-radius: 0;
   font-size: 12px;
}

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

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

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

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

.boxComentarii{
   display: none;
}

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

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

.nume_review i{
   color: #E2001A
}

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

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

.pg .shadow-custom{
   background: white;
}

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

.info_pagini {
   color:#E2001A;
   font-size: 20px;
   font-weight: 700;
   font-family: 'Open sans', 'Open Sans';
   border-top: 2px solid #E2001A;
   padding: 15px;
}

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

.contentPagina{
   font-size: 14px;
}

.paginiAll a {
   color: #E2001A
}

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

.form-contact{
   padding: 25px;
   background-image: linear-gradient(90deg, #f5e6e8 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: "Open Sans", Open Sans;
}
.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;
}

.form-contact .input{
   height: 40px;
}

.divContactBoxs i{
   color: #E2001A;
   font-size: 38px;
   margin-bottom: 10px;
}
.divContactBoxs h6{
   font-family: "Open Sans", Open Sans;
   color: #222;
   font-size:22px;
   font-weight: 600;
}

.divContactBoxs p{
   margin:0;
}
.divContactBoxs span{
   font-family: "Open Sans", Open Sans;
   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: "Open Sans", Open Sans;
   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;
}

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

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

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

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

.sumar_comanda .btn-albastru{
   color: white;
   font-size: 20px;
   font-family: "Open Sans";
   font-weight: 600;
   padding: 15px 30px;
   font-size: 16px;
}
.sumar_comanda .btn-gri{
   color: white;
   font-size: 20px;
   font-family: "Open Sans";
   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: #E2001A;
}

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

.tabsFinalizare .nav-tabs .nav-item.show .nav-link, .tabsFinalizare  .nav-tabs .nav-link.active{
   border-color: #E2001A#E2001A #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: #E2001A
}

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

.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: #E2001A;
   border-radius: 0;
}

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

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

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

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

.modalComanda img{
   height: 25px;
}

.boxConectare img{
   height: 21px;
}

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

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

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

.boxConectare input::-webkit-input-placeholder{
   color: #E2001A;
   font-family: "Open Sans", Open Sans;
   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: #E2001A;
   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%;
}

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

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

.boxCampValoare img{
   height: 25px;
}

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

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

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

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

.linkTabs:hover{
   color: #E2001A !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: "Open Sans";
   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: "Open Sans";
}

.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;
}
.fontMic{
   font-size: 12px;
}
.listaSubcat .subsubcat{
   list-style: none;
   padding-left: 10px;
}

/* ---------------- GENERALE ------------------------ */
.height100{
   height:100%;
}
.btn-light-bg-none{
   font-family: "Open Sans";
   color: #E2001A;
   font-weight: 400;
   font-size: 14px;
}
.color-gray{
   color:#54595F;
}
.bgWhite{
   background: white;
}
.btn-mov{
   background: #E2001A;
   color:white;
   border: 2px solid #E2001A;
   letter-spacing: 1.6px;
   border-radius: 0;
   padding: 7px 20px;
   font-size:14px;
   transition: all 0.3s ease;
}
.btn-alb-border{
   border: 2px solid #E2001A;
   font-size: 12px;
   padding: 3px 8px;
   color: #E2001A !important;
   font-weight: 600;
}
.btn-alb{
   background: white;
   color:#E2001A;
   letter-spacing: 1.1px;
   border-radius: 0;
   padding: 6px 12px;
   font-size:13px;
   font-weight: 600;
   transition: all 0.3s ease;
}
.btn-alb-swal{
   background: white !important;
   color:#E2001A  !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: #E2001A !Important;
   color:white !Important;
   border: 2px solid #E2001A;
   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: #E2001A !Important;
   color:white !important;
   border: 0 !important;
}

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

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

.btn-albastru{
   background: #E2001A;
   color:white;
   border: 2px solid #E2001A;
   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: #E2001A;
   color:white;
   border: 2px solid #E2001A;
}
.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: #E2001A;
}

.footerJos{
   position: fixed;
   bottom: 0;
}
.boxFaraRezultate{
   /* background: white; */
   /* padding: 20px; */
}
.page404 h2{
   color: #E2001A;
   font-family: "Open Sans", Open Sans;
   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: #E2001A;
}

.page404 .imgPeLatime{
   width: auto
}

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

.page404{
   color: #222;
}

.page404 .colImg img{
   height:400px;
   width: 100%;
   object-fit: contain;
}
.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;
}

.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%;
}
/* ------------------------------- RESPONSIVE ----------------------------------- */
/* mobile */
@media only screen  and (min-device-width: 320px)  and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
   .imgStea{
      height: 12px !important;
      width: 12px !important;
   }
}
@media all and (min-width:0px) and (max-width: 325px) {
   /* de copiat */
   .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 #E2001A;
   }

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

   .produse .produs{
      padding: 5px;
   }

   /* pana aici */
}

@media all and (min-width:0px) and (max-width: 767px) {
   .paddingRight15Mobile{
      padding-right: 15px !important;
   }
   
   #carousel-home .carousel-caption h3{
      height: auto;
   }

   .boxCategorie img{
      width: 100%;
   }

   #imgReduceriCard{
      width: 100%;
      object-fit: contain;
   }

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

   .header .colDreapta{
      padding-left: 10px;
   }
   .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  .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: 6px solid #E2001A;
   }

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

   .meniu{
      left: -55px;
   }

   .medie_nota{
      margin-bottom: 20px;
   }

   .medie_nota .nr_reviews{
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .paddingLeft15Mobile{
      padding-left: 15px !important;
   }
   .paddingRight15Mobile{
      padding-right: 15px;
   }
   .paddingRight0Mobile{
      padding-right: 0;
   }

   .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_cos{
      right: 4px !important;
   }

   #nr_prod_favorite{
      right: -10px;
   }

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

   .formReview{
      padding: 0 15px !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;
   }

   .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;
   }
   .searchGroup input::-webkit-input-placeholder{
      color: #fff;
   }
   .searchGroup input:focus{
      background: transparent !important;
   }
   .header .logo_mare{
      height:26px;
   }

   .header .logo_mic{
      height: 25px;
   }

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

   .searchGroup .input-group-text{
      background: none !important;
   }
   .search_produse:focus{
      color: white !important;
   }

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

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

   .categoriiHomepage{
      grid-template-columns: repeat(2,1fr);
   }
   .carousel-item img{
      object-fit: cover;
      height: 200px;
   }

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

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

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

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

   .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: 140px;
      width: auto;
   }

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

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

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

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

   .boxReduceriFinale .tab_wrapper .content_wrapper .accordian_header.active{
      border-left: 0;
      border-right: 0;
      border-top: 0;
   }
   #imgReduceriCard{
      margin-bottom: 20px;
   }
   .boxExtraReduceri .carousel-item img{
      height: 200px;
   }

   .tab_content .produse .produs:nth-child(5){
      display: none;
   }
   .tab_wrapper .content_wrapper .accordian_header {
      font-size: 14px;
   }
   .colProdReduceriCard{
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
   }

   .colProdReduceriCard .produse .produs:nth-child(3){
      display: none;
   }

   .boxReduceriFinale .colDreaptaReduceriFinale{
      margin-bottom: 20px;
   }

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

   #sumar-cos{
      min-width: calc(200% - 42px) !important;
      right: -54px !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;
   }


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

   #nume_produs{
      font-size: 18px;
      color: #E2001A;
      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;
      margin-top: 10px;
   }

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

   .col-dreapta-detalii-produs .pret_produs{
      height: 35px;
   }

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

   .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: 'open sans';
      font-size: 14px;
      background: #f5e6e8;
   }

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

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

   .detalii-cont .nav-pills{
      display: block;
      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:#E2001A !important;
   }

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

   .titlu_accordion{
      font-family: "Open Sans", Open Sans;
      color: #C9CBE1;
      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;
   }

   .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 : 1024px) {
   body{
      overflow-x: hidden !important;
   }
   .header .header1 .ul-header{
      padding: 0
   }
   #imgReduceriCard{
      width: 100%;
      object-fit: contain;
   }

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

   .container, .container-md, .container-sm {
      max-width: 100% !important;
      width:100%;
   }

   .flip-card i{
      background: #E2001A;
      color: white;
      border-radius: 25px;
      font-size: 22px;
      margin-bottom: 20px;
      line-height: 44px;
      height: 44px;
      width: 44px;
   }
   .boxReduceriFinale .produse .produs{
      width: 100% !important;
   }

   /* footer */
   footer .ultima_coloana{
      padding-left: 25px;
   }


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

   .header .logo_mare{
      height: 29px;
   }

   #sumar-cos{
      min-width: calc(200% - 28px) !important;
      right: 14px !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%;
   }

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

   .boxReduceriFinale .colDreaptaReduceriFinale {
      background-position: left;
   }

   /* produse */
   #nume_produs{
      font-size: 18px;
      line-height: 26px;
   }

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

   .xzoom-thumbs{
      display: flex;
   }

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

   .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-top-vanzari .produse .produs:nth-child(5){
      display: none;
   }

   .sectiune-top-vanzari .produse .produs:nth-child(6){
      display: none;
   }

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

   .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(2,2fr);
   }

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

   .tab_wrapper.left_side .content_wrapper{
      width: 100%;
   }
   .tabs_categorii .tab_content .produse .produs:nth-child(4){
      display: none;
   }

   .produse_categorie_listare {
      grid-template-columns:repeat(3,2fr) !important;
   }
}

@media all and (min-width:1024px) and (max-width: 1366px) {
   .categoriiHomepage{
      grid-template-columns: repeat(5,1fr);
   }

   .produs .adauga_in_cos .triunghi{
      border-left: 10px solid #E2001A;
   }

   .produs .adauga_in_cos .spanAdauga{
      font-size: 13px;
   }
   .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;
   }

   .sectiune-top-vanzari .produse{
      grid-template-columns: repeat(5,2fr);
   }

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

   .col-dreapta-detalii-produs .btn-block span{
      font-size: 14px;
   }

   .btnSuna{
      font-size: 15px !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;
   }
   .boxExtraReduceri  .produse{
      grid-template-columns:repeat(3, 2fr);
   }

   .boxExtraReduceri #text-extra-reduceri{
      background: #2b3189a6;
      top: 182px;
      right: -65px;
      color: white;
      width: 100%;
   }

   .sectiune-top-vanzari .produse .produs:nth-child(6){
      display: none;
   }

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

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

   #colProdReduceriCard {
      padding-left: 200px;
   }

   .colStangaReduceriFinale .produse{
      grid-template-columns: repeat(3,2fr);
   }
   .colStangaReduceriFinale .produse .produs:nth-child(4){
      display: none;
   }

   .col-dreapta-detalii-produs .btn-block{
      padding: 15px 16px;
   }
   .produse_categorie_listare{
      grid-template-columns: repeat(4,2fr);
   }

}

/* paddings */
.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; }
.marginTop30{ margin-top: 30px; }
.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; }