.text-underline {
    text-decoration: underline;


}




html, body { overflow-x: hidden; }

body , p {

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 14px;

}
p { color:#666666; }

.secondColor { color:#999999;}
.thirdColor { color:#666666; font-size:15px; font-weight:normal;}
a:hover { text-decoration: none;}
.second-font {
 font-size: 12px;
}

.btn-link, .product-content .product-card-name  {color:#666;}
a , a:hover, a:active  { color:#f68c65;}

.bg-black {background:#000;}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
}
ul {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0;
}

#header {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);

}


 .navbar-dark .navbar-toggler-icon  {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") ;
}


h1,.h1 {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
line-height: 35px;
font-size: 30px;
letter-spacing: -0.02em;
    margin-bottom: 1em;
    color: #000;
}

h1.product-title {  font-size: 1.2em;line-height: 1.5em; }

h2, .h2{
    font-family: Montserrat;
font-style: normal;
font-weight: 600;
line-height: normal;
font-size: 21px;
letter-spacing: -0.01em;
}




.h4, h4 {  font-style: normal;
font-weight: bold;
line-height: normal;
font-size: 16px;
letter-spacing: -0.01em;

}

.h3, h3 {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
line-height: normal;
font-size: 20px;
}

p {
 font-style: normal;
font-weight: 500;

/*font-size: 12px;*/
}


.darkColor {
 color: #212529 !important
}
p.small {
    line-height: 15px;
font-size: 11px;
text-align: center;
font-weight: 500;
}
 .primaryColor{ color:#FF7D4D;}

.hidden {
 display: none;
}

.btn-primary {
   background: linear-gradient(0deg, #FF753A, #FF753A), linear-gradient(0deg, #F95D2C, #F95D2C), #FF7D4D;
   border: 0;
   border-radius: 4px;
   font-weight: bold;
   line-height: normal;
   font-size: 20px;
   letter-spacing: -0.01em;
   vertical-align: middle!important;
   color: #FFFFFF;
   padding: 1em;
}

.btn-secondary, .btn-secondary-sm {
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 19px;
  text-align: center;
  letter-spacing: -0.01em;
  background: linear-gradient(0deg, #FF753A, #FF753A), linear-gradient(0deg, #F95D2C, #F95D2C), #FF7D4D;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0.7em 1em;
}

.btn-secondary_hmp {
  font-size: 16px;

}

.homePageH1 {
  margin-bottom: 4px !important;
}
.btn-third {
  font-size: 14px;
  color: #fff;
  background: linear-gradient(0deg, #FF753A, #FF753A), linear-gradient(0deg, #F95D2C, #F95D2C), #FF7D4D;

}

.btn-fourth {
 color:#000;
 border: 1.5px solid #FF753A !important;
 font-size: 0.9em;
 }

.btn { z-index: 1;}

#footer  {
    background: linear-gradient(0deg, #0F0A0A, #0F0A0A), #000000 ;
    color:#F7F7F7 ;
    padding: 2em;
    font-size: 12px;
    /*margin-top:9em;*/
}
#footer p, #footer a {color:#F7F7F7 ; }


 .quickLinks a { color:#F7F7F7; font-size: 2em; margin:  0   0.4em  ; }
  .quickLinks a:last-child { margin: 0;}


  #copyRight { text-align: center; }


  .spaceLine {
      width: 100%;
    height: 1px;
    left: 0px;
    margin-bottom: 1em;
    background: rgba(255, 255, 255, 0.08);
  }


  @media (max-width: 767px) {
      .navbar  {
          color:#000;

      }
      .navbar-nav  {
          background-color: #fff;

      }

      .navbar-nav , navbar-dark .navbar-nav .nav-link {
          color:#000 !important;
      }


      .navbar-dark .navbar-nav .nav-link {
          color:#000 !important;


      }
      #produse  .font-w-6 {
       font-size: 12px !important;
       line-height: 23px !important;
      }
}


 .btn, .btn:hover, .btn:active { border:0px;}

 .btn_type2_style {
   border: 1px solid;
   border-color: #212529;
   border-radius: 4px;
   font-weight: bold;
   line-height: normal;
    letter-spacing: -0.01em;
   vertical-align: middle!important;
   color: #000;
   padding: 1em;
   }

.btn-primaryvs {
    border: 1px solid;
    border-color: #212529;
   border-radius: 4px;
   font-weight: bold;
   line-height: normal;
   font-size: 20px;
   letter-spacing: -0.01em;
   vertical-align: middle!important;
   color: #000;
   padding: 1em;
}


a.btn-primaryvs:hover, a.btn-primaryvs:focus {
     border: 1px solid;
    border-color: #212529;


}

#wizard, #breadSteps { background: #EBEBEB; }
#wizard .steps { display: none;}



/* ---------------------------------------------------------------------- */
/*	Form Wizard
/* ---------------------------------------------------------------------- */
.swMain > ul {
	display: table;
	list-style: none;
	margin: 0 ;
	padding: 0;
	position: relative;
	width: 100%;
}
.swMain > ul li {
	display: table-cell;
	text-align: center;
	width: 1%;
}
.swMain > ul li > a:before {
	border-top: 4px solid #CED1D6;
	content: "";
	display: block;
	font-size: 0;
	height: 1px;
	overflow: hidden;
	position: relative;
	top: 21px;
	width: 100%;
	z-index: 1;
}
.swMain > ul li:first-child > a:before {
	left: 50%;
	max-width: 51%;
}
.swMain > ul li:last-child > a:before {
	max-width: 50%;
	width: 50%;
}
.swMain > ul li > a.selected:before, .swMain li > a.done:before {
	border-color: #fff;
}
.swMain > ul .stepNumber {
	background-color: #DADADA;
	border: 5px solid #DADADA;
	border-radius: 100% 100% 100% 100%;
	color: #546474;
	display: inline-block;
	font-size:  20px;
        font-weight: bold;
line-height: normal;

	height: 40px;
	line-height: 30px;
	position: relative;
	text-align: center;
	width: 40px;
	z-index: 2;
}
.swMain > ul li > a.selected .stepNumber {
border-color: #fff;
color:#FF7D4D;
font-weight: bold;
font-size: 20px;
 background-color: #fff;
}
.swMain ul li > a.done .stepNumber {
	border-color: #5293C4;
	background-color: #5293C4;
	color: #fff;
	text-indent: -9999px;
}
.swMain ul li > a.done .stepNumber:before {
	content: "\f00c";
	display: inline;
	float: right;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
	margin-right: 7px;
	text-indent: 0;
}
.swMain ul li > a.done.wait .stepNumber {
	background-color: #F6F6F6 !important;
	color: #CCCCCC !important;
	text-indent: -0px !important;
}
.swMain ul li > a.done.wait .stepNumber:before {
	content: "" !important;
}
.swMain > ul li .stepDesc {
	color: #949EA7;
	display: block;
	font-size: 12px;
	margin-top: 4px;
	max-width: 100%;
	table-layout: fixed;
	text-align: center;
	word-wrap: break-word;
	z-index: 104;
        line-height: normal;

}
.swMain > ul li > a.selected .stepDesc, .swMain li > a.done .stepDesc {
	color: #2B3D53;

}
.swMain > ul li > a:hover {
	text-decoration: none;
}
.swMain > ul li > a.disabled {
	cursor: default;
}
.swMain .progress {
	margin-bottom: 30px;
}
.swMain .stepContainer {
	height: auto !important;
}
.swMain .loader {
	display: none;
}
.swMain [class^="button"], .swMain [class*=" button"] {
	display: none;
}
.swMain .close {
	display: none;
}


 #wizard {     background: #EBEBEB;  }

#wh-widget-send-button { bottom: 10px !important;}

.nav-tabs .nav-item {
    text-align: left;
    margin-bottom: -3px;
}
.nav-item a
{
     font-weight: 500;
     line-height: normal;
     font-size: 15px;
     letter-spacing: -0.01em;
     color: #888888;
     border: 2px solid transparent;

 }

 .dropdown-menu .nav-item a:hover {
  background: linear-gradient(0deg, #FF753A, #FF753A), linear-gradient(0deg, #F95D2C, #F95D2C), #FF7D4D;
 }



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #EBEBEB;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    border:0px;
    /*border-color:#fff;*/
}

 #tabs-prod-nav  .active {
      font-size: inherit;
     background-color: #f8f9fa !important

}

#tabs-prod-nav li.nav-item{ margin-bottom:  0px !important;}



.btn-secondary-smv2 {

    font-size: 1em;
    color: #fff !important;
    padding-left: 30px;
    padding-right: 30px;

}


.dropdown-menu { border:0px; left: inherit; padding: 0px;}
.dropdown-item { padding: 0.8em; padding-right:1.5em; padding-left:1.5em; font-size: 14px !important;}

.nav-tabs { border:0px;}

.nav-tabs .nav-link  {
        border-radius: 0px;
        border: 0px solid transparent;
/*        padding-top: 2em;
*/}

.nav-link {
    padding: .9rem;

}

.tab-content { background: #EBEBEB;}
.tab-content>.tab-pane { padding: 1.3em;}


.nav-pills .nav-link.active, .nav-pills .show .nav-link {
   background: #fff;
   border: 2px solid rgba(255, 117, 58, 0.5);
   box-sizing: border-box;
   border-radius: 2px;

    color:#000;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.selectDimensionFix  {
    padding: .7em;
    background: #fff;
    color:#000;
    margin:0px;
}

.selectDimensionFix p {
    color:#000;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 15px;
    letter-spacing: -0.01em;
}


.selectDimension  {
    padding: .7em;
    background: #fff;
    color:#000;
    margin:0px;
}

.selectDimension p {
    color:#000;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 15px;
    letter-spacing: -0.01em;
}


.radio-group{
    position: relative;
}

.radio{
    display:inline-block;
    width: 12%;
    line-height: 7.4;
    margin-bottom: 15px;
    margin-right: 15px;
    border-radius: 100%;
           background-color: #dedede;
    border: 4px solid #dedede;
    cursor:pointer;

}

.radio.selected{
       border-color: #4d565f;
    background: #4d565f;
    color: #fff;
        line-height: 7;
}
.discountBullet {
    background:  #FFEA2D;
    color:#000;
    width: 53px;
    height: 53px;
    border-radius: 57px;
    line-height: 43px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -0.01em;
}

.discountBulletLG {

    width: 70px;
    height: 70px;
    line-height: 59px;
    font-size: 24px;
    letter-spacing: -0.01em;
}

.discountBulletsm {

    width: 35px;
    height: 35px;
    line-height: 29px;
    font-size: 13px;
    letter-spacing: -0.01em;
}

.redDiscountBullet {
    background: red;
    color:#fff;
    width: 32px;
    height: 32px;
    border-radius: 57px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 10px;
    letter-spacing: -0.01em;
    padding-top:10px;

}


.smDiscountBullet {
    background:  #FFEA2D;
    color:#000;
    width: 32px;
    height: 32px;
    border-radius: 57px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 10px;
    letter-spacing: -0.01em;
    padding-top:10px;
}

.small-2 { font-size: 75% !important;}
.redBl {
 background-color: red !important;
 color:#fff;
}

.oldPrice{
    font-weight: bold;
    line-height: normal;
    font-size: 20px;
    letter-spacing: -0.01em;
    text-decoration-line: line-through;
    color: #999999;
}

#stikyPrice .oldPrice
{
     font-size: 1em;

}

.newPrice{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 50px;
    letter-spacing: -0.01em;
    color:#000;
}


#stikyPrice  .newPrice { font-size: 1.6em;}
.currency {
    font-weight: bold;
line-height: normal;
font-size: 26px;
color:#000;

}

#stikyPrice  .currency {
 font-size: 1.2em;
}

#choisMargin div.col {
    border: 2px solid #CCCCCC;
    margin : 5px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.01em;
    max-width: 100px;
    max-height: 95px;
    padding: 5px;
    text-align: center;
}

#choisMargin div.col  img { margin-bottom: 1em; }

.justify-content-md-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.activeChois {

border-color:  rgba(255, 117, 58, 0.6) !important;
box-sizing: border-box;
}

.modal-header { border-bottom: 0px;}
.modal-footer { border-top: 0px;}

.list-group-item.active { background: #000; color: #fff;}
.list-group-item { margin:0px; border: 0px; border-bottom: 1px solid #C4C4C4; }

.list-group-item:last-child { border-bottom:0px;}



#content .container { padding-left:  2em; padding-right: 2em;}

 .form-control {
  border-radius: 0px !important;
  border:0px !important;
 }
.form-control:focus {
  border-color: #F95D2C;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

 select.form-control  {
     height: 51px ;

 }
input[type=text] ,  input[type=email], select, textarea
{
   background: #EEEEEE !important;;
   font-family: Montserrat;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   font-size: 16px !important;

   color: #888888 !important;
   padding: 1.5em;
   height: 51px ;
}

#footer .container { padding: 0px;}


/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 9;
    opacity: 0.8;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #000;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;

}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}




/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Old CSS*/
.navbar-dark .navbar-nav .nav-link {
   color: #212529 !important;
  }
@media (min-width: 1025px)  {

  #content
  {
    max-width: 1140px;
    margin: 0 auto;
  }
   /*

  #img-upload { max-width: 900px; max-height: 300px; }

  #footer {
   left: 0;
   bottom: 0;
   width: 100%;


  }

  .carousel-inner,carousel-indicators  {
   width: 60%;
   margin:0 auto;
  }

  #cartItems,#sumarComanda {
    margin-top: 70px;
    margin-bottom: 70px !important;
  }
  #selectPhoto .thirdColor { height: 116px !important;}

  .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link
  {
    color:#000 !important;
  }


  .nav-item a { font-size: 0.9em;}*/
}

a.changeImg { color: #666666;}


.priceTag {
 font-style: normal;
font-weight: bold;
line-height: normal;
font-size: 26px;
letter-spacing: -0.02em;
color: #000;
}

.font-w-6{
 font-weight: 600;
 line-height: 27px;
font-size: 15px;
}

ol li { list-style-type:none;}

#desktop_homepage_slide { background: url('/assets/images/homepage-slide-bg.png') no-repeat center  #F7F7F7; }

#desktop_homepage_slide ol li {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  margin:1em;
}

#selectPhoto  { margin-bottom: 44%;}

.second-bg { background: #F7F7F7;}


#shoppCartQuick {
  position: absolute;
  right: 15%;
  top: 11px;
}


.bg-thr {
 background: #2aaea3;
 color: #fff;
}

.cuppon_head {color:#093 !important;  font-size: 0.9em !important;}
.cuppon_desc {color:#404040 !important; font-size: 12px;}

.text-success  {
    color:#093 !important;
}

.sm-input {
 height: auto !important;
 padding: 8px !important;
}
#modal_facturare_pj { z-index:99999999;}
 .notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}

.notice-danger  a { color:#000;}
.notice-danger>strong {
    color: #d73814;
}

.lh-normal,  .lh-normal p {line-height: normal;}

#aboutUs div .row
{
background: #FFFFFF;
border: 1px solid #D7D7D7;
box-sizing: border-box;

}

.boxStyle {
 border: 1px solid #D7D7D7;
box-sizing: border-box;
border-radius: 0px 21px;
 margin: 15px;
 padding: 1.8em;
}





.carousel {
	margin: 0 auto;

}
.carousel .item,
.carousel .carousel-item {
  overflow: hidden;
  min-height: 120px;
  font-size: 13px;
}
.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
}
.carousel .media img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial-wrapper {
	padding: 0 10px;
}
.carousel .testimonial {
    position: relative;
   padding: 15px;
   background: #f1f1f1;
   border: 1px solid #efefef;
   border-radius: 3px;
   margin-bottom: 15px;
   min-height:  120px;
   overflow: hidden;
}
.carousel .testimonial::after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: #f1f1f1;
	border: 1px solid #efefef;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 46px;
	transform: rotateZ(-46deg);
}
.carousel .star-rating li {
	padding: 0 2px;
}
.carousel .star-rating i {
	font-size: 16px;
	color: #fbbc04;
}
.carousel .overview {
	padding: 3px 0 0 15px;
}
.carousel .overview .details {
	padding: 5px 0 8px;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #f68c65;
}
.carousel .carousel-indicators {
position: relative;

}
.carousel-indicators li, .carousel-indicators li.active {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: 1px 2px;
}
.carousel-indicators li {
    background: #e2e2e2;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
  color: #fff;
  background: #f68c65;
  border: 5px double;
}

.btn-second {

 background: #F7F7F7;
 color:#FF7D4D;
 font-weight: 500;
 font-size: 14px;
 line-height: 17px;
 text-decoration-line: underline;
 padding: 1.5em;
}





.campain_desc_modal { text-align: center}
.bgBf p { color: #fff;}

.alert-warning  {
 background-color:  #fcf93d ;
 color: #000;
 border:0px;
 border-radius: 0px;
}

.bubble {
    position: absolute;
    color: #fff;
    font-weight: 100;
    font-size: 24px;
    text-align: center;
    line-height: 86px;
    border-radius: 50%;
    height: 86px;
    width: 86px;
    top: 20px;
    right: 20px;
 }

 .bubblesm{
   position: absolute;
   color: #fff;
   font-weight: 100;
   border-radius: 50%;
   width: 20px;
   top: 21px;
   right: 25px;
 }

 .bubble-topRight {
   top: 0px;
   right: 0px;
 }

.currentCampain{
  background-image: linear-gradient(to bottom right, #000, #000);
  border-left:0px !important;
}

.currentCampain a { color:#fff; font-weight: bold; }

.text-muted {
   text-decoration: line-through;
}

.disabled { color:#bfbfbf;}


#bfday {

   background: url('/assets/images/campains/decbg1.jpg') no-repeat #110A26;
   background-position: top center;
   background-size: cover;
   background-color: #110A26;

}

#bfday .modal-header{
/*display: none; */
}


#bfday .modal-body {
margin:0 auto;

}
#bfday .modal-header{ height: 27em;}


.modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
     margin-top: 4vh;
}


#bfday .modal-content { background: transparent; border:0px;}
@media only screen and (max-width: 767px) {

   #bfday {    background-size: 70%; }
   #bfday .modal-dialog { margin:0px;}
   #bfday .modal-header { display: block;}
  #bfday .modal-header{ height: 13em;}

   #bfday .modal-content
{
   background: url('/assets/images/campains/bf/homepage-main.jpg') no-repeat #110A26;
   background-position: top center;
   background-size: 155%;
}


}



.containerMinHeight { min-height: 680px !important;}

.card { border:none;}

.card .card-header { border: none;}
.card .card-body { border: 0px 0.1px 0.1px 0.1px ; border-color: rgba(0,0,0,.03); border-style: solid;}
.card .card-header .btn { text-align: left;}
.card .btn.focus, .btn:focus {
  box-shadow: none;
}

#faq button {
 font-weight: bold;
}
#faq button.collapsed {
  font-weight: normal !important;
}


.closeCustom {

    position: absolute;
    right: 0;
    border: 0px;
    background: transparent;
    font-size: 29px;
    background: white;
    color: #000 !important;
    border-radius: 22px;
    top: -10px;
    right: -5px;
    font-size: 38px !important;
    padding: 10px;
    z-index: 9999;

}
.closeCustom span {
}

.containerMarginBtm {
 margin-bottom: 7em !important;
}

.link-color-none, .link-color-none:hover, .link-color-none:active {
 color: #212529;
}



.stiky_categ_label {
  position: relative;
  background: #000;
  color: #fff;
  font-size: 19px;
  text-align: center;
  width: 100%;
  bottom: 36px;
  opacity: 0.8;
  bottom: 0;

}



.customer-benefits-list{
    text-align:center
}
.customer-benefits-list__item{
    position:relative;
    display:inline-block;
    font-weight:600;
    box-sizing:border-box;

}
.customer-benefits-list__item:before{
    position:relative;
    content:"";
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}
.customer-benefits-list__item--watch:before{
    background-image:url('/assets/images/icons/clock-solid.svg')
}
.customer-benefits-list__item--truck:before{
    background-image:url('/assets/images/icons/truck-solid.svg')
}
.customer-benefits-list__item--like:before{
    background-image:url('/assets/images/icons/thumbs-up.svg')
}
.customer-benefits-list__item--money:before{
    background-image:url('/assets/images/icons/money-bill-wave-solid.svg')
}
.customer-benefits-list__item--refund:before{
    background-image:url('/assets/images/icons/refund.svg')
}



 .customer-benefits-list__item--quality:before{
    background-image:url('/assets/images/icons/quality-guarantee.svg')
}
.customer-benefits-list__item--free-shipping:before{
    background-image:url('/assets/images/icons/free-shipping.svg')
}
.customer-benefits-list__item--installment-payment:before{
    background-image:url('/assets/images/icons/installment-payment.svg')
}
.customer-benefits-list__item--fast-delivery:before{
    background-image:url('/assets/images/icons/fast-delivery.svg')
}

.customer-benefits-list__item a{
    color:inherit;
    font-weight:inherit
}
.customer-benefits-list__item span{
        display:flex;
    font-size:12px;
    line-height:normal
}
.customer-benefits-list__item a:hover span{
    text-decoration:underline
}
@media only screen and (max-width:767px){
    .customer-benefits-list{
        display:flex;
        flex-wrap:wrap
    }
    .customer-benefits-list__item{
        width:50%;
        padding:15px;
        font-size:14px
    }
    .customer-benefits-list__item:before{
        display:block;
        width:36px;
        height:36px;
        margin:0 auto 10px
    }
    .customer-benefits-list__item span{
        margin:5px 0 0
    }
}
@media only screen and (min-width:768px){
    .customer-benefits-list__item{
        margin:0 30px;
        line-height:80px;
        font-size:16px
    }
    .customer-benefits-list__item:before{
        display:inline-block;
        vertical-align:middle;
        width:32px;
        height:32px;
        margin:0 15px 0 0
    }
    .customer-benefits-list__item span{
        position:absolute;
        top:60px;
        left:0px;
     }
}
@media only screen and (min-width:767px) and (max-width:1023px){
    .customer-benefits-list__item{
        margin:0 10px;
        font-size:14px
    }
}
@media only screen and (min-width:1024px){
    .customer-benefits-list__item{
        margin:0 30px;
        font-size:16px
    }
}


.categ_subcateg_list_prod_name {
 font-size: 1em;
 font-weight: normal;
}


.h1_slim {
 font-size: 1.2em;
 line-height: 26px;
}

.h3_prod_name_slim {
 font-size: 1em;
}

.btn-secondary_slim {
 font-style: normal;
 font-weight: normal;
 line-height: normal;
 font-size: 1em;
 text-align: center;
 letter-spacing: -0.01em;
 background: linear-gradient(0deg, #FF753A, #FF753A), linear-gradient(0deg, #F95D2C, #F95D2C), #FF7D4D;
 box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
 border-radius: 4px;
 color:#fff;
 padding: 0.6em 0.8em;
}
.priceFormat-small_extra {
 font-size: 1.8em !important;
}

 .extra_inactive .extra_details,  .extra_inactive .extra_details * {
    color: #bfbfbf !important;
}

.modal-content { border: none;}
.modal-backdrop.show { opacity: 0.9;}



.alert-campain {
   border-radius: 0 !important;

}


.bg_actiongradient {
    position: relative;
    /*background: linear-gradient(0deg, #ff7e5f, #feb47b); /* Gradient modern */
    background: #f7f0f0;
    text-align: center;
}
.bg_actiongradient h1 {
     font-weight: bold;
     letter-spacing:1.5px;
    margin-bottom: 10px;
}
.bg_actiongradient h1, .bg_actiongradient p, .bg_actiongradient a {
  color: #000;
}

.bg_actiongradient .cta-button {
    display: inline-block;
    background-color: #ff5722; /* Portocaliu vibrant */
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}
.bg_actiongradient .cta-button:hover {
    background-color: #e64a19; /* Nuanță mai închisă la hover */
}

.bg-myCampain {

  background: #d22728 !important;
  color: #FFF ;
}

.bg-myCampain a, .bg-myCampain a:visited, .bg-myCampain a:active, .bg-myCampain a p , .bg-myCampain a h6  {
    color: #FFF  !important;

}




.bg-myCampainOct {

   background: #F9C601 !important;
   color: #000 !important;

}
.bg-myCampainOct a, .bg-myCampainOct a:visited, .bg-myCampainOct a:active {
   color: #000 !important;

}




sup { margin: 0px 2px; top:-0.3em;}
.reviews_sc_label  { font-size: 14px;}
.reviews_sc_label i  { color: #fbbc04;}


.card-title a { color:#666666;}


.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:999 ;
}

.my-float{
	margin-top:11px;
}


.klaro .cm-btn-accept {
    order: 1; /* Butonul Accept devine primul */
}

.klaro .cm-btn-decline {
    order: 2; /* Butonul Decline devine al doilea */
}


#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  z-index: 9999; /* Ensure it appears above other elements */
  display: none; /* Hidden by default */
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3; /* Light gray */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


@media (max-width: 480px) {
  .btn.btn-secondary.btn-secondary-smv2 {
    width: 137px; /* Ajustează lățimea după necesități */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

 .card-title.second_card-title a {
     display: block;        /* Necesită un element bloc pentru a putea funcționa text-overflow */
     width: 150px;           /* Sau specifică o lățime fixă, după necesități */
     margin: 0 auto;
     overflow: hidden;
     /*white-space: nowrap;*/
     text-overflow: ellipsis;
   }
}

/*STARS AREEA */

.fa-star {color:#ffc107; }

.star-rating {
  color: #ccc;
  font-size: 24px;
}

.star-rating i {
  cursor: pointer;
}

.star-rating i.fas {
  color: #ffc107;
}

.star-rating i.far {
  color: #ccc;
}

.star-rating li i:hover {
  color: #ffc107;
}

.fas {
    color:#daa819;
}

  .campainBG {

         /*background: linear-gradient(135deg, #36aee3, #008fd3);*/
         /*background: linear-gradient(135deg, #36aee3, #008fd3);*/
        /*background: url(/assets/images/campains/2026/march/hed-bg.jpg);*/
        /*background: linear-gradient(135deg, #fcf8e2, #f7f0e3);*/
        background-size: contain;

    /*background: linear-gradient(135deg, #f9ebde, #fefbf9);*/

/*   background: linear-gradient(135deg, #de5151, #b23434);*/
   /*background: linear-gradient(135deg, #7229ea, #dd299d);*/
    /* background: rgb(255 195 0 / var(--tw-bg-opacity, 1)); */
    background: linear-gradient(90deg, #FFC107 0%, #FF6F00 100%);
     /*background: linear-gradient(135deg, #1e1e1e, #000);*/
       /*background:  url(/assets/images/campains/2025/dec/bg1.jpg) no-repeat    center / cover !important;*/

}
 .top-notification {

    color: #fff;
    text-align: center;
    padding: 12px 20px;
    /*font-weight: bold;*/
    /*animation: pulse 2s infinite;*/
    position: relative;
    overflow: hidden;
}

.top-notification a { color:#fff; font-size: 1em; line-height: 1.3em;  }

.top-notification::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: shine 3s infinite;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}



 /* Popup - Îmbunătățit */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
        }

        .popup-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .popup {
            background: #fff;
            padding: 2em;
            border-radius: 25px;
            text-align: center;
            position: relative;
            max-width: 500px;
            width: 90%;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            transform: scale(0.7);
            transition: transform 0.3s ease;
        }

        .popup-overlay.active .popup {
            transform: scale(1);
        }

        .popup-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 2rem;
            cursor: pointer;
            color: #fff;
            transition: color 0.3s ease;
            line-height: 1;
        }

        .popup-close:hover {
            color: #e74c3c;
        }

        .popup h2 {
            font-size: 1.5rem;
            color: #2c3e50;
            margin-bottom: 20px;
            font-weight: 600;
            line-height: 1.7em;
        }

        .popup p {
            font-size: 0.9rem;
            color: #3f4647;
            margin-bottom: 25px;
            margin-bottom: 10px;
            line-height: 1.6;
        }

        .popup .discount-badge {
            /*background: linear-gradient(45deg, #667eea, #764ba2);*/
            margin-bottom: 30px;
        }

        .campainColor {
            color: rgb(255 195 0 / var(--tw-bg-opacity, 1));

        }




        .currentCampainPopup p {
            color:#272525 !important;
            font-weight: normal;
        }


        .currentCampainPopup h2 {
            color:#272525;
            text-transform: uppercase;
            font-size: 2em;
        }

        .currentCampainPopup .popup {


            background:
                rgba(0, 0, 0, 1)
                 url('/assets/images/campains/2026/march/bg.jpg')
                no-repeat top center / cover !important;

            background-blend-mode: lighten; /* sau multiply, overlay, darken etc. */





        }

        .currentCampainPopup .discount-badge  {

            color: #fff;
            background: #db081f ;
            padding: 15px 30px;
            border-radius: 20px;
            font-weight: 700;
            display:  block;
            margin-bottom: 40px;
            margin-top: 40px;
            font-size: 1.2em;
            animation: pulse 2s infinite;
            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);
            text-transform: uppercase;
            letter-spacing: 1px;
            line-height: 1.3em;
        }


        .bg_actiongradient .cta-button {
            display: inline-block;
            background-color: #ff5722; /* Portocaliu vibrant */
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
        }
        .bg_actiongradient .cta-button:hover {
            background-color: #e64a19; /* Nuanță mai închisă la hover */
        }

        .currentCampainPopup  .cta-button {

            background: linear-gradient(45deg, #fff, #f0f0f0);
            /* background: linear-gradient(45deg, #4CAF50, #45a049); */
            border: 1.5px solid #FF753A !important;
            color:#000;
            padding: 0.5rem 2rem;
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 80%;
/*            width: 80%;*/
            /*text-transform: uppercase;*/
            letter-spacing: 1px;
        }

.schema-faq-code .card  { background:#fff; padding: 0; }

    .clamped {
      display: -webkit-box;
      -webkit-line-clamp: 3; /* număr de linii vizibile */
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

.configureaza-step__icon {
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 0.75rem;
    background: #fff;
    color: #555;
    box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.08);
}

.configureaza-step__icon i {
    font-size: 1.75rem;
}

.configureaza-tips {
    background: #fff;
    border-top: 1px solid #e8e8e8;
}

#selectPhoto .configureaza-upload-btn {
    display: block;
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#selectPhoto .configureaza-upload-btn__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    pointer-events: none;
}

#selectPhoto .configureaza-upload-btn img {
    flex-shrink: 0;
}

.custom-trust-strip {
    margin: 0.5rem 0 1rem;
}

.custom-trust-strip__rating {
    color: #333;
    font-size: 0.95rem;
}

.custom-trust-strip__rating .fa-star {
    color: #f0ad4e;
    font-size: 0.85em;
}

.custom-trust-strip__count {
    color: #666;
    font-weight: normal;
}

.custom-trust-strip__note {
    color: #555;
}

.custom-trust-strip--compact {
    margin: 0.75rem 0 1rem;
}

.custom-pdp-preview {
    border-top: 1px solid #eee;
    margin-top: 1rem;
}

.configureaza-gallery-cta {
    max-width: 320px;
}