@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Gilroy-Medium';
  src: url('fonts/Gilroy-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Gilroy-Bold';
  src: url('fonts/Gilroy-Bold.woff2') format('woff2');
}

:root {
  --primary: #e31e25;
  --primary_hover: #e35421;
  --secondary: #018812;
  --purple: #5c46b4;
  --purplelight: #81a7e4;
  --purplealt: #c8c0e6;
  --lime: #b3d704;
  --limelight: #e2ef69;
  --orange: #018812;
  --pink: #f1005e;
  --text: #626262;
  --accent: #000000;
  --light: #888888;
  --border: #EBEBEB;
  --dark: #252525;
  --input: #b0b0b0;
  --slider: #e31e25;
  --green: #018812;

  --ff-primary: 'Gilroy-Medium',Helvetica,Arial,sans-serif;  
  --ff-secondary: 'Barlow',sans-serif;

  --width: 1310px;

  /* Gradient - left */
  --gradient-left-start: #1592e2;
  --gradient-left-end: #08e2fe;  

  /* Gradient - right */
  
  --gradient-right-start: #ef6439;
  --gradient-right-end: #fdcd69;


  /* Culori atribute */
  --rosu: #e31e25;
  --negru: black;
  --alb: white;
  --albastru: blue;
  --camuflaj: #4E4B2C;
  --argintiu: #C0C0C0;
  --gri: #808080;
  --bej: #c8ad7f;
  --maro: #a52a2a;
  --portocaliu: #ffa500;
  --roz: #ffc0cb;
  --verde: #008000;
  --dark-red: #8b0000;
  --galben: yellow; 

}


html {  color:#444; text-rendering: optimizelegibility; font-family: var(--ff-primary)!important; }
body { margin:0; padding:0; position:relative; font-family: var(--ff-primary)!important; 
  background-attachment: fixed;
  /*background-size:50px 50px; background-repeat: repeat; background-image: url('images/pattern-bf-mic.jpg'); background-attachment: fixed;*/
  background-size:300px 300px; background-repeat: repeat; background-image: url('images/background-small.jpg'); background-attachment: fixed;
  /*background-color: var(--primary);*/
  /*background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.38' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");*/
}
a { text-decoration:none; transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
    outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:hover, a:focus { text-decoration:none; }
a img { border:0; }

div.zopim {bottom: 70px;}
.clear { clear:both; }
.spacer { height:1px; line-height:1px; font-size:0px; }
.transparent { width:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.last:after { clear:both; content:"."; display:block; width:100%; height:0; overflow:hidden; visibility:hidden; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.img-right { float:right; margin:0 0 10px 10px; }
.img-left { float:left; margin:0 10px 10px 0; }
.visible { display:block !important; }
p { line-height:150%; }
form { margin:0; padding:1px 0 0 0; }
.grey-bg { background:#f5f5f5; }
*::selection { background: #28aacb; color:var(--alb); /* Safari */ }
*::-moz-selection { background: #28aacb; color:var(--alb); /* Firefox */ }
.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.centrat {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
i.red {color: #ee1d25;}
.centrat {text-align: center;}
.no-content {font: 16px/24px var(--ff-secondary),serif; color: var(--input);}
::-webkit-input-placeholder {   color: #a2a2a2; }
:-moz-placeholder { /* Firefox 18- */ color: #a2a2a2;  font-style: italic; }
::-moz-placeholder {  /* Firefox 19+ */ color: #a2a2a2;  font-style: italic; }
:-ms-input-placeholder {  color: #a2a2a2; font-style: italic; }
textarea {resize: none;}
.select {width:100%;}
.fLeft {float:left;}
.fRight {float:right;}
.mtop20 {margin-top:20px;}

div#gotop {position: fixed; bottom:11px; left: 10px; z-index: 99; display: none; background: var(--primary); padding: 11px; cursor: pointer;}
div#gotop i, div#gotop svg {font-size: 30px; color: var(--alb);}

/* Headings */
h2 {color: var(--slider); font: 24px/30px var(--ff-primary)!important; text-transform: uppercase; font-weight: bold;}

#whatsapp {position: fixed; z-index: 999; right: 0px; bottom: 30%; background:#25D366; color: var(--alb); padding: 10px; width: 46px; height: 80px;}
#whatsapp a {color: var(--alb);}
#whatsapp svg {float: left; padding: 0 5px 0 0; font-size: 36px; cursor: pointer; margin-top: 11px;}


/* Elemente unice mobil */
#display-mobile-footer {
  display: none;
  grid-template-columns: repeat(4,1fr);
  background-color: var(--alb);
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  gap:0;    
  z-index: 99;
  border-top:1px solid var(--border);
  justify-content: center;
  align-items: center;
  justify-items: center;
}

#display-mobile-footer > div {
  border-right: 1px solid;
  border-right-color: var(--border);
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#display-mobile-footer a {
  color: var(--accent);
}

#display-mobile-footer i {
  font-size:20px;
}

#display-mobile-footer span {
  font-weight: 600;
  font-size: 12px;
  color: var(--accent);
  display: block;
}


#display-mobile-header { 
  display:none; 
  grid-template-columns: 1fr 4fr 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  gap: 5px;
  padding:10px;
  background-color: var(--alb);
}

#display-mobile-header img {
  width: 200px;
  height: auto;
}

#display-mobile-header > div {
  position: relative;
}

#display-mobile-header i {
  font-size:20px;
  color: var(--accent);
}

#display-mobile-header a {
  color: var(--accent);
}

#display-mobile-header .bulina {
  background-color: var(--primary);
  top: -6px;
  font: 10px var(--ff-primary);
  padding: 2px 0 0 5px;
  vertical-align: middle;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  color: var(--alb);
}

/* HOMEPAGE */
.triggerMeniu {display: none;}
.wrapper { width:100%; background:#0999e7; color:var(--alb); }
.wrapper .container { max-width: var(--width); margin:0 auto; padding:0;}
.wrapper i {display: inline-block; color: var(--alb); font-size: 18px; padding: 6px 4px 1px 4px;}
.wrapper .container h1 { margin:2px 0 0 0; padding: 0; border: 0; font:14px/30px var(--ff-primary); float: left; vertical-align: middle; width:auto;}
.wrapper .container .cos {position:relative; display: inline-block; line-height: 30px; text-transform: uppercase; font-size: 11.5px; float: right; margin-left: 25px; vertical-align: middle;}
.wrapper .container .cont {display: inline-block; line-height: 30px; text-transform: uppercase; font-size: 11.5px; float: right; margin-left: 25px; vertical-align: middle;}
.wrapper .container .contact {display: inline-block; line-height: 30px; text-transform: uppercase; font-size: 11.5px; float: right; margin-left: 25px; vertical-align: middle;}
.wrapper .container .logout {display: inline-block; line-height: 30px; text-transform: uppercase; font-size: 11.5px; float: right;  vertical-align: middle;}
.wrapper .container .logat {display:inline-block; line-height: 34px; text-transform: uppercase; font-size: 11.5px; float: right;  vertical-align: middle; margin-right:20px;}
.wrapper .container a {color:rgb(255, 255, 255);}
.wrapper .container a:hover {color: #ffd884;}
.wrapper .container .bulina {background-color:#d65361; top:0px; font:10px/8px 'Roboto Slab',sans-serif; padding:6px 0 0 6px; vertical-align:middle; border-radius:50%; width:18px; height:18px; position:absolute;}

header {
  width:100%; 
  color: var(--accent); 
  text-align: center;  
  z-index: 2;  
  height: 138px;  
}

header .row {
  height:150px;
}

header address {
  margin:0;
}

header .flex-align-middle {
  align-items: center;
}
header .padding-20 {
  padding:20px 0;
}

header .first-column {
  background-color: var(--slider);
}
header .first-column .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
header .first-column .logo img {
  height: auto; 
  width: 100%;
}
header .second-column {
  background-color: var(--alb);
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: var(--slider);
  /*transition: background .3s,border .3s, border-radius .3s, box-shadow .3s;*/
  
  margin: 0;
}

header .third-column {
  padding:0 20px;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
}

header .fourth-column {
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: var(--border);
}

header .fourth-column h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
  color: var(--accent);
  text-transform: uppercase;
  margin:0;
  padding:0;
}

header .fourth-column span,header .fifth-column span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}
header .fourth-column span a {
  color: var(--accent);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

header .fifth-column {
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: var(--border);
}

header .fifth-column h1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
  color: var(--accent);
  text-transform: uppercase;
  margin:0;
  padding:0;
}

header .sixth-column .logat {
  margin-bottom:8px;
}

header .sixth-column ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: block;
  max-height: none;
  overflow: visible;  
  transition: none;
}

header .sixth-column ul li {
  position: relative;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
}

header .sixth-column i {
  font-size: 20px;
  color: var(--accent);
}

header .bulina {
  background-color: var(--primary);
  top: -6px;
  font: 10px var(--ff-primary);
  padding: 2px 0 0 5px;
  vertical-align: middle;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  color: var(--alb);
}

#meniu-principal {
  text-align: left;
  position: relative;
  margin-bottom:15px;
}

#meniu-principal ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: block;
  max-height: none;
  overflow: visible;  
  transition: none;
}

#meniu-principal ul li {
  position: relative;
  display: inline-block;
  text-align: left;
}

#meniu-principal ul li a {
  font-size: 16px;  
  color: var(--alb);
  display: block;
  padding: 0.5em 1em;
  border-radius:5px;
  transition: all 400ms ease-out 10ms;
  background: var(--secondary);
}

#meniu-principal ul:not(#submenu) li a:hover {
  background-color: var(--primary);
  color: var(--alb);
}

#meniu-principal ul:not(#submenu) li:first-of-type a:hover {
  background-color: var(--primary_hover);
  color: var(--alb);
}

#meniu-principal ul:not(#submenu) li:first-of-type a {
  color: var(--alb);
}

#cautare {
  padding:10px 0;
  position: relative;
  width: 100%;
}

#cautare form {
  position: relative;
}

#cautare #submit-cautare {
  position: absolute;
  height: calc(100% - 16px);
  line-height: 0;  
  top: 8px;
  right: 8px;
  border: 2px solid;
  border-radius: 3px;
  background: 0 0;
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--alb);
  cursor: pointer;
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 700;
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none;
}

#cautare #keyword { 
  width: 100%;  
  line-height: 1;
  border: 2px solid;
  border-color: var(--border);
  padding: 1em 1.41575em;  
  background-color: var(--background);
  color: var(--text);-webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: 3px;
  outline: 0;  
  line-height: 1;
}

#cautare #keyword:focus {
  border-color: var(--primary);
}

/* SLIDER */


#slider {
  z-index: 12;
  background-color: var(--slider);
  color: var(--alb); 
  height: 650px;
  position: relative;
  margin-bottom: 500px;
}

#slider .triangle {
  position: absolute;  
  bottom: -89px;
  width: 0;
  height: 0;
  border: 0;
  border-style: solid;
  border-width: 90px 99vw 0 0;
  border-color: var(--slider) transparent transparent transparent;
}

#slider .carousel-inner {
  height:600px;
  min-height: 600px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#slider .carousel-indicators {
  display: none;
}

#slider .carousel-item {
  position: relative;
  width: 1290px;
  height: 600px;
  margin:0 auto;
  overflow: hidden;
}

#slider .carousel-item img {
  width: auto!important;
  height: 550px!important;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -275px;
}

#slider .carousel-item .overlay {
  position: absolute;
  top:50%;
  height: 200px;
  margin-top: -100px;
  z-index: 4;  
  width:30vw;  
  text-align: left;
}

#slider .carousel-item .overlay .text {
  font-family: var(--ff-secondary);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 45px;
  line-height: 1.1;
  margin-bottom: 20px;
}

#slider .carousel-item .overlay .subtext {
  font-family: var(--ff-secondary);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  color: var(--alb);
  margin-bottom: 20px;
}

#slider .carousel-item .overlay .supratext {
  text-transform: uppercase;
}

#slider .carousel-item .overlay a {
  display: block;
}
#slider .carousel-item .overlay button {
  z-index: 7;
  background-color: var(--dark);
  font-family: var(--primary);
  display: inline-block;
  height: auto;
  width: auto;
  color: var(--alb);
  text-decoration: none;
  white-space: normal;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  text-align: left;
  line-height: 54px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 16px;
  padding-left: 50px;
  border-radius: 5px;
  padding-right: 50px;
  transform-origin: 50% 50%;
  opacity: 1;
  transform: translate(0px, 0px);
  visibility: visible;
  border: 0;
  outline: none!important;
  transition: background-color 400ms ease-out 10ms; -webkit-transition:background-color 400ms ease-out 10ms; -moz-transition:background-color 400ms ease-out 10ms; -o-transition:background-color 400ms ease-out 10ms;
}

#slider .carousel-item .overlay button:hover {
  background-color: var(--primary);
  color: var(--alb);
}

#overlay-produse {
  height:400px;
  overflow: hidden;
  width:100%;
}

#overlay-produse .container {
  max-width: var(--width);  
}

#overlay-produse .left {
  background: var(--gradient-left-start);
  background: linear-gradient(90deg, var(--gradient-left-start) 0%, var(--gradient-left-end) 100%);
  position: relative;
  height:400px;
  width:100%;
  padding:0;
}

#overlay-produse .left img {
  width:100%!important; 
  height: 100%!important;
  object-fit: cover;
  position: absolute;
  z-index: 3;
}



#overlay-produse .left .inner {  
  height: 200px;
  width: 350px;
  position: absolute;
  left: 100px;
  top: 50%;
  margin-top:-120px;  
  z-index: 4;
}

#overlay-produse .left .inner button {
  z-index: 7;
  background-color: var(--dark);
  font-family: var(--primary);
  display: inline-block;
  height: auto;
  width: auto;
  color: var(--alb);
  text-decoration: none;
  white-space: normal;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  text-align: left;
  line-height: 34px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 14px;
  padding-left: 20px;
  border-radius: 5px;
  padding-right: 20px;
  transform-origin: 50% 50%;
  opacity: 1;
  transform: translate(0px, 0px);
  visibility: visible;
  border: 0;
  margin-top: 20px;
  transition: background-color 400ms ease-out 10ms; -webkit-transition:background-color 400ms ease-out 10ms; -moz-transition:background-color 400ms ease-out 10ms; -o-transition:background-color 400ms ease-out 10ms;
}

#overlay-produse .left .inner button:hover {
  background-color: var(--primary);
  color: var(--alb);
}

#overlay-produse .left .inner .titlu {
  color: var(--alb);
  font-family: var(--ff-secondary);
  font-size: 30px;
  text-transform: uppercase;
  line-height: 30px; 
  min-height:100px;
}

#overlay-produse .left .inner .subtitlu {
  color: var(--alb);
  font-size:16px;
  font-family: var(--ff-secondary);
  text-transform: none!important;
  font-weight: 400;
}

#overlay-produse .left .inner .discount {
  margin: 0;
  padding: 5px 10px;
  background-color: #f7c162;
  border-radius: 3px 3px 3px 3px;
  display:inline-block;
  margin-bottom: 20px;
  color: #000;
  font-weight: 700;
  font-family: var(--ff-secondary);
}


#overlay-produse .right {
  background: var(--gradient-right-start);
  background: radial-gradient(circle, var(--gradient-right-start) 0%, var(--gradient-right-end) 100%);
  position: relative;
  height:400px;
  width:100%;
}

#overlay-produse .right .inner { 
  height: 200px;
  width: 350px;
  position: absolute;
  left: 40px;
  top: 50%;
  margin-top:-160px;  
  z-index: 4;
}

#overlay-produse .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
}

#overlay-produse .right .inner button {
  z-index: 7;
  background-color: var(--dark);
  font-family: var(--primary);
  display: inline-block;
  height: auto;
  width: auto;
  color: var(--alb);
  text-decoration: none;
  white-space: normal;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  text-align: left;
  line-height: 34px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 14px;
  padding-left: 20px;
  border-radius: 5px;
  padding-right: 20px;
  transform-origin: 50% 50%;
  opacity: 1;
  transform: translate(0px, 0px);
  visibility: visible;
  border: 0;
  margin-top: 20px;
  transition: background-color 400ms ease-out 10ms; -webkit-transition:background-color 400ms ease-out 10ms; -moz-transition:background-color 400ms ease-out 10ms; -o-transition:background-color 400ms ease-out 10ms;
}

#overlay-produse .right .inner button:hover {
  background-color: var(--primary);
  color: var(--alb);
}

#overlay-produse .right .inner .titlu {
  color: var(--alb);
  font-family: var(--ff-secondary);
  font-size: 24px;
  text-transform: uppercase;
  line-height: 24px; 
  min-height:60px;
  text-shadow: 1px -1px 1px black;
}

#overlay-produse .right .inner .subtitlu {
  color: var(--alb);
  font-size:16px;
  font-family: var(--ff-secondary);
  text-transform: none!important;
  font-weight: 500;
}

#overlay-produse .right .inner .discount {
  margin: 0;
  padding: 5px 10px;
  background-color: #f7c162;
  border-radius: 3px 3px 3px 3px;
  display:inline-block;
  margin-bottom: 20px;
  color: #000;
  font-weight: 700;
  font-family: var(--ff-secondary);
}

#cautare-mobile {
  display: none; 
  background: var(--purple);
  text-align: center;
  padding: 10px 0;
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  height: 100%;
}
#cautare-mobile form input[type='text'] { 
  width: 100%; display: inline-block; font:14px/32px var(--ff-secondary); color:#838383; padding: 0 5px; border-radius:3px 0 0 3px; border:0; margin: 0;
  outline: none!important;
}
#cautare-mobile form i { 
  background:var(--primary); 
  color: var(--alb); 
  margin-left: -4px; 
  padding:7px 10px; 
  border-radius:0 3px 3px 0;
  font-size: 18px;
  line-height: 18px;
}

#cautare-mobile .inchide {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  color: var(--alb);
  font-size: 22px;
}

#social-header {float:right; margin:13px 20px 0 0; vertical-align:middle;}
#social-header span {font:16px/16px var(--ff-primary);}
#social-header i {color:var(--alb); vertical-align:middle; transition:color 400ms ease-out 50ms; -webkit-transition:color 400ms ease-out 5ms; -moz-transition:color 400ms ease-out 5ms; -o-transition:color 400ms ease-out 5ms; margin:0 2px;}
#social-header i.fa-facebook-square:hover {color:#415e9b;}
#social-header i.fa-youtube-square:hover {color:#e62117;}
#social-header i.fa-pinterest-square:hover {color:#d01d15;}
#social-header i.fa-instagram:hover {color:#125688;}
#social-header i.fa-linkedin-square:hover {color:#0978b5;}

nav#main-meniu-mobile {display:none;}
nav#main-menu {width:100%; background:#0999e7; color:var(--alb); }
nav#main-menu .container {max-width: var(--width); margin:0 auto; padding:0; position: relative;}
nav#main-menu ul {list-style: none; padding: 0; margin: 0; border: 0;}
nav#main-menu .produse-sus {font:16px/36px var(--ff-primary); color:#444444; background-color:#ecf7fd; cursor: pointer;  display: inline-block; padding: 8px 16px; position: relative;}
nav#main-menu .produse-sus i {color:#444444; margin-right:10px;}

nav#main-menu .produse-sus-articol {font:16px/36px var(--ff-primary); color:#444444; background-color:#ecf7fd; cursor: pointer;  display: inline-block; padding: 8px 16px; position: relative;}
nav#main-menu .produse-sus-articol i {color:#444444; margin-right:10px;}

/* MENIU PRINCIPAL */
section#navigare .container {width: 1220px; padding: 0; margin:0 auto; position: relative;}
section#navigare #submeniu-principal .row {margin:0;}
section#navigare #submeniu-principal li { display: inline-block; line-height: 36px; padding: 5px 15px; position: relative; width:100%;}
section#navigare #submeniu-principal li i {position:absolute; right:10px; top:8px;}
section#navigare #submeniu-principal li a { font:14px/18px var(--ff-primary); color:#5dacd5; display:block; font-weight:bold; text-transform: uppercase; }
section#navigare #submeniu-principal .item-principal { cursor:pointer; display: block; position: relative; }
section#navigare #submeniu-principal .item-principal:hover {background-color: #ecf7fd;}
section#navigare #submeniu-principal .item-principal a {color:#5dacd5; display:block; padding:5px; font:15px/18px var(--ff-primary);}
section#navigare #submeniu-principal .item-principal a:hover {color:#5dacd5; display:block; padding:5px; font:15px/18px var(--ff-primary);}
section#navigare #submeniu-principal .submeniu-item-principal {display: none;}
section#navigare #submeniu-principal .dreapta {background-color: var(--alb); min-height:400px; padding: 0; position: relative;}
section#navigare #submeniu-principal .stanga {background-color: #ecf7fd; padding:10px; min-height:406px;}
section#navigare #submeniu-principal .dreapta #slider {width: 100%;}
section#navigare #submeniu-principal .dreapta #slider .item img {width: 100%!important; height: auto;}
section#navigare #submeniu-principal .dreapta .row {margin-right:0px; margin-left:0px;}
section#navigare #submeniu-principal .dreapta .articole {margin:20px 0;}
section#navigare #submeniu-principal .dreapta .articol {margin:20px 0;}
section#navigare #submeniu-principal .dreapta .row .col {margin:0; padding:0;}

/* MENIU PRINCIPAL PENTRU ARTICOL/CATEGORIE */
#submeniu-principal-articol {
  display: none; 
  position: absolute; 
  z-index: 999; 
  min-width: 800px;
  height:500px;
  background-color: var(--alb);
  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 10%);
  padding:20px 0;
}
ul#submenu {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:10px;
}

ul#submenu .subcategorii {
  padding-left:10px;
}

ul#submenu .subcategorii span {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

ul#submenu .subcategorii span:hover a {
  color: var(--primary)!important;
}

ul#submenu .subcategorii span:hover svg {
  color: var(--primary);
}

ul#submenu .subcategorii span svg {
  font-size: 20px;
  margin-right: 5px;
  color: var(--dark)!important;
}

ul#submenu li {
  padding:0 5px;
}

ul#submenu li a {
  padding: 0;
  background: unset!important;
}

ul#submenu li div.titlu {
  color: var(--dark);
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #EFEFEF;
}

ul#submenu li span {
  display:block;
  padding:5px 0;
}

ul#submenu li span a {
  font-size:16px;
  color: var(--dark)!important;
  font-weight: 400;
}
#overlay-continut .articol {border-bottom:1px solid rgba(255,255,255,0.5); margin-bottom:5px;}
#overlay-continut .articol .imagine {float:right;}
#overlay-continut .articol .titlu {float:left; text-align:right; padding-right:5px;}
#overlay-continut .articol .titlu .pret {font:16px/28px var(--ff-primary); color:#5dacd5;}
#overlay-continut .articol img { width:100%; height:auto; }
#overlay-continut .articol h3 {font:14px/18px 'Roboto Slab',sans-serif; font-weight:bold; margin:0; padding:0;}
#overlay-continut .articol a {color:#444;}
#overlay-continut .articol-orizontal { margin-bottom:4px;}
#overlay-continut .articol-orizontal .imagine {float:right;}
#overlay-continut .articol-orizontal .titlu {float:left;}
#overlay-continut .articol-orizontal img { width:80px; height:auto; }
#overlay-continut .articol-orizontal h3 {font:14px/18px 'Roboto Slab',sans-serif; margin:0; padding:0; height:55px; overflow:hidden;}
#overlay-continut .articol-orizontal a {color:#444;}
#overlay-continut .placeholder { font:14px/16px var(--ff-primary); text-transform:uppercase; text-align:center; margin-top:20px;}

#overlay-continut {position: absolute; width: 100%; z-index: 2000; top:0; left: 0; display: none; background: var(--alb); min-height: 406px; padding: 20px; border-right: 1px solid #f0f0f0;}


/* HOMEPAGE */
section#home {width:100%; }
section#home .container {max-width: var(--width); margin:0 auto; padding:0;}
section#home .container .row { margin: 0; padding: 0;}
section#home .container .col {padding:0;}
section#home .container a {font:20px/24px var(--ff-primary); color:var(--alb);}
section#home .container .row-main {margin:40px 0;}
section#home .container .item1 {margin-right:20px;}
section#home .container .item2 {margin-right:20px;}
section#home .container .item3 {margin-bottom: 10px; height: 230px;}
section#home .container .item4 {margin-top: 19px; height: 230px;}
section#home .container .text-1 {text-align: center; height:240px; background-color:#2C82C9; position:relative; cursor:pointer; z-index:4;}
section#home .container .text-1 .titlu {position:absolute; top: 50%; left: 50%; height: 50px; width: 200px; margin: -25px 0 0 -100px;}
section#home .container .text-1 .titlu a {display:block; height:auto; text-transform:uppercase;}

section#home .container .text-2 {text-align: center; height:240px; background-color:#e14938; position:relative; cursor:pointer; z-index:4;}
section#home .container .text-2 .titlu {position:absolute; top: 50%; left: 50%; height: 50px; width: 200px; margin: -25px 0 0 -100px;}
section#home .container .text-2 .titlu a {display:block; height:auto; text-transform:uppercase;}

section#home .container .text-3 {text-align: center; height:232px; background-color:#fac51c; position:relative; cursor:pointer; z-index:4;}
section#home .container .text-3 .titlu {position:absolute; top: 50%; left: 50%; height: 50px; width: 200px; margin: -25px 0 0 -100px;}
section#home .container .text-3 .titlu a {display:block; height:auto; text-transform:uppercase;}

section#home .container .text-4 {text-align: center; height:232px; background-color:#41a85f; position:relative; cursor:pointer; z-index:4;}
section#home .container .text-4 .titlu {position:absolute; top: 50%; left: 50%; height: 50px; width: 200px; margin: -25px 0 0 -100px;}
section#home .container .text-4 .titlu a {display:block; height:auto; text-transform:uppercase;}

section#home .container .imagine-1 {text-align:center; border:1px solid rgba(44,130,201,0.4); z-index:1;}
section#home .container .imagine-2 {text-align:center; border:1px solid rgba(225,73,56,0.2); z-index:1;}

section#home .container .imagine-3 {text-align:center; border:1px solid rgba(250,197,28,0.2);}
section#home .container .imagine-3 img {height:230px;}
section#home .container .imagine-4 {text-align:center; border:1px solid rgba(66,168,95,0.2);}
section#home .container .imagine-4 img {height:230px;}

section#informatii {
  width: 100%;
  background-color: var(--dark);
}

section#informatii .container { 
  max-width: var(--width); 
  margin:0 auto; 
  padding: 0;
  height:150px;
  background-color: var(--dark);
}

section#informatii .container .inner {
  display: grid;
  align-items: center;
  align-content: center;
  justify-content: center;  
  grid-template-columns:1fr 1fr 1fr;
  height:100%;
}

section#informatii .container .info .titlu span.icon {
  font-size: 18px;
  color: var(--slider);
  border-radius:50%;
  border: 1px solid var(--slider);
  padding: 5px;
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

section#informatii .container .info .titlu span strong {
  color: var(--slider);
}

section#informatii .container .info .titlu {
  color: var(--alb); 
  padding:5px; 
  font-family: var(--ff-secondary);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; 
  cursor: help; 
  transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
}

section#informatii .container .info .descriere {
  display: none; 
  position: absolute; 
  background: var(--alb); 
  border:1px solid #e8e8e8; 
  background: var(--alb); 
  color: #000; 
  padding:8px; 
  z-index: 999; 
  font-size:16px;  
  width: 400px;
  margin-top: 20px;
  margin-left: 90px;
}

section#bannere .row {
  margin:0!important;
  border:0!important;
}

section#bannere .container {
  max-width: var(--width);  
  margin-top:50px;
  margin-bottom:50px;
}

section#bannere .banner-full, section#bannere .banner-half {
  position: relative;
}

section#bannere .banner-half img {
  width:100%!important;
  height:100%!important;
  object-fit: cover;
}

section#bannere .banner-full img {
  width:100%;
  height:100%;
  object-fit: cover;  
}

section#bannere div[class^='col-12'] {
  padding: 0!important;
}


section#bannere .banner-full .overlay {
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  margin: -150px 0 0 0;
  text-align: center;
}

section#bannere .banner-full .overlay .supratitlu {
  color: #f9b74a;
  font-family: var(--ff-secondary);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

section#bannere .banner-full .overlay .titlu {
  color: var(--purple);
  font-family: var(--ff-primary);
  font-size: 80px;
  text-transform: uppercase;
  background-size: 100% 100%;  
  display: inline;
  font-weight: 700;
  text-shadow: 1px -1px 1px var(--accent);
}

section#bannere .banner-full .overlay .subtitlu {
  color: var(--purplealt);
  font-size: 24px;
  font-weight: 500;
  text-shadow: 1px -1px 1px var(--accent);
}

section#bannere .banner-half.stanga .overlay {
  position:absolute;
  left:50px;
  text-align:left;
  top:50%;
  height:300px;
  margin-top:-150px;
  width: 300px;
}

section#bannere .banner-half.dreapta .overlay {
  position: absolute;
  right: 0;
  text-align: left;
  top: 50%;
  height: 300px;
  margin-top: -150px;
  width: 270px;
}


section#bannere .banner-half.stanga .overlay button {
  z-index: 7;
  background-color: rgb(255, 255, 255);
  font-family: var(--primary);
  display: inline-block;
  height: auto;
  width: auto;
  color: rgb(0, 0, 0);
  text-decoration: none;
  white-space: normal;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  text-align: left;
  line-height: 34px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 14px;
  padding-left: 20px;
  border-radius: 5px;
  padding-right: 20px;
  transform-origin: 50% 50%;
  opacity: 1;
  transform: translate(0px, 0px);
  visibility: visible;
  border: 0;
  margin-top: 20px;
}

section#bannere .banner-half.stanga .overlay button:hover {
  background-color: #000;
  color: var(--alb);
}

section#bannere .banner-half.stanga .overlay .titlu {
  color: var(--alb);
  font-family: var(--ff-secondary);
  font-size: 30px;
  text-transform: uppercase;
  line-height: 30px; 
  min-height:100px;
}

section#bannere .banner-half.stanga .overlay .subtitlu {
  font-family: var(--ff-secondary);  
  color: #ffdd40;  
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
}

section#bannere .banner-half.stanga .overlay .discount {
  margin: 0;
  padding: 5px 10px;
  background-color: #f7c162;
  border-radius: 3px 3px 3px 3px;
  display:inline-block;
  margin-bottom: 20px;
  color: #000;
  font-weight: 700;
  font-family: var(--ff-secondary);
}



section#bannere .banner-half.dreapta .overlay button {
  z-index: 7;
  background-color: rgb(255, 255, 255);
  font-family: var(--primary);
  display: inline-block;
  height: auto;
  width: auto;
  color: rgb(0, 0, 0);
  text-decoration: none;
  white-space: normal;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  text-align: left;
  line-height: 34px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 14px;
  padding-left: 20px;
  border-radius: 5px;
  padding-right: 20px;
  transform-origin: 50% 50%;
  opacity: 1;
  transform: translate(0px, 0px);
  visibility: visible;
  border: 0;
  margin-top: 20px;
}

section#bannere .banner-half.dreapta .overlay button:hover {
  background-color: #000;
  color: var(--alb);
}

section#bannere .banner-half.dreapta .overlay .titlu {
  color: var(--alb);
  font-family: var(--ff-secondary);
  font-size: 30px;
  text-transform: uppercase;
  line-height: 30px; 
  min-height:100px;
}

section#bannere .banner-half.dreapta .overlay .subtitlu {
  font-family: var(--ff-secondary);  
  color: var(--alb);  
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
}

section#bannere .banner-half.dreapta .overlay .discount {
  margin: 0;
  padding: 5px 10px;
  background-color: #f7c162;
  border-radius: 3px 3px 3px 3px;
  display:inline-block;
  margin-bottom: 20px;
  color: #000;
  font-weight: 700;
  font-family: var(--ff-secondary);
}



/* FOOTER */
footer { 
  background: var(--dark)!important;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: rgba(255,255,255,.15);
  color: var(--alb);
  padding: 50px 0;
}

footer .container {
  max-width: var(--width);
  background: var(--dark)!important;
}

footer h3 {
  color: var(--alb);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 700;
  margin-bottom:30px;
}

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

footer ul li a {
  color: var(--alb);
}

footer ul li a:hover {
  color: var(--primary);
}

footer ul.plata-card {
  list-style: none;
}

footer h3 a {
  color: var(--alb);
}

footer h3 a:hover {
  color: var(--primary);
}

footer ul.plata-card li {
  background-color: var(--alb);
  display: inline-block;
  padding: 5px;
}

footer ul.plata-card-rate {
  list-style: none;
}

footer ul.plata-card-rate li {
  background-color: var(--alb);
  display: inline-block;
  padding: 5px;
  margin-bottom:5px;
}
footer ul.plata-card-rate li img {
  height:25px;
  width:auto;
}

footer .linie {
  display:grid;
  grid-template-columns: 1fr 2fr;
  gap:5px 0;
}

footer .linie .label {
  color: var(--input);
}

footer .linie .valoare {
  color: var(--alb);
}

section#copyright {
  background: var(--dark);
  border-style: solid;
  border-width: 1px 0 0;
  border-color: rgba(255,255,255,.15);
  color: var(--input);
  padding:40px 0;
}

section#copyright ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

section#copyright ul li {
  display: inline-block;  
}

section#copyright .container {
  max-width: var(--width);
  background: var(--dark)!important;
}

section#copyright i {
  font-size:20px;
  color: var(--alb);
  margin-right:20px;
}

section#copyright i:hover {
  color: var(--primary);
}

section#copyright .client span {
  color: var(--primary);
}

section#copyright .social-media {
  text-align: center;
}

section#copyright .banci {
  text-align: right;
}

section#copyright .banci ul li {
  border-right:1px solid var(--input);
  padding-right: 5px;
  margin-right: 5px;
  text-align: center;
}

section#copyright .banci ul li:last-of-type {
  border:0;
}

section#copyright .banci a {
  color: var(--alb);
}

/* ANIMATIONS */
/*section#home .container .text-1:hover { animation-name: example; animation-duration: 2s; animation-fill-mode:backwards;}*/
@keyframes example {
    from {background-color: #2e3192; top:0px;}
    to {background-color: #ed1d24; top:-240px;}    
}

#brands {width: 100%;}
#brands .container {max-width: var(--width); margin: 0 auto; padding: 0 15px;}
#brands .container h2 { font:26px/40px var(--ff-primary); color: var(--dark); text-align: center; text-transform: uppercase;}
#brands .container .row { margin: 20px 0; padding: 0;}
#brands .container .col { margin: 0; padding: 0; text-align: center;}
#brands .container .carousel-inner { border-bottom: 1px solid #e7e7e7; }
#brands .container .col img {width: 200px; height: 200px;}

#parteneri {width: 100%;}
#parteneri .container {max-width: var(--width); margin: 0 auto; padding: 0 15px;}
#parteneri .container h2 { font:26px/40px var(--ff-primary); color: var(--dark); text-align: center; text-transform: uppercase;}
#parteneri .container .row { margin: 20px 0; padding: 0;}
#parteneri .container .col { margin: 0; padding: 0; text-align: center;}
#parteneri .container .carousel-inner {border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#parteneri .container .col img {max-height: 60px; max-width:180px;}

/* RECOMANDATE */
#recomandate {
  width:100%;   
}
#recomandate h3 { 
  color: var(--purple);
  font-family: var(--ff-secondary);
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  margin:1em 0;
  background-color: #fff;
}

#recomandate h3 span {
  color: var(--purple);
  font-size:14px;
  text-align: center;
  display: block;
  font-weight: 400!important;
  text-transform: none!important;
  margin-bottom:2em;
}

#recomandate .produs {
  padding: 20px;
  border: 1px solid;
  border-color: var(--border);
  margin-left: -1px;
  text-align: center;
  background-color: var(--alb);
}
#recomandate .produs .bulina {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--pink); padding:10px;}
#recomandate .produs .discount {
  font-weight:500!important; 
  color:var(--alb)!important; 
  font-size:15px!important; 
  position: absolute!important; 
  top:20px!important; 
  left: 20px!important; 
  background: var(--pink)!important; 
  padding:10px!important;
}
#recomandate .produs .transport-gratuit {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:205px; right: 20px; background: var(--purple); padding:0; border-radius:50%; width: 50px; height: 50px;}
#recomandate .produs .transport-gratuit svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#recomandate .produs .cadouri {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 150px; right: 20px; background: var(--orange); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#recomandate .produs .cadouri svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#recomandate .produs .item360 {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 95px; right: 20px; background: var(--lime); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#recomandate .produs .item360 svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 10px;
}
#recomandate .produs img {
  width: 100%; 
  height: auto; 
  padding:10%;
}
#recomandate .produs .titlu { 
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:1em;
  min-height:100px;
}
#recomandate .produs .titlu a {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--accent);
}


#recomandate .produs .categorie a {
  color: var(--light);
  font-size: 12px;
  text-align: center;
}

#recomandate .produs .place-cos .inner-cos {
  cursor:pointer; 
  transition: background-color 400ms ease-out 10ms; -webkit-transition:background-color 400ms ease-out 10ms; -moz-transition:background-color 400ms ease-out 10ms; -o-transition:background-color 400ms ease-out 10ms;
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--orange);
  color: var(--alb);
  display: inline-block;
}

#recomandate .produs .place-cos .inner-cos:hover {
  background-color: var(--primary);
}

#recomandate .produs .place-pret-discount {  
  font-size: 16px;
  color: var(--primary);
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    "econ econ"
    "pret taiat";
  min-height: 80px;
  align-items: center;
}

#recomandate .produs .place-pret {
  font-size: 16px;
  color: var(--primary);
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#recomandate .produs .pret {  
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
}
#recomandate .produs .strike {
  text-decoration: line-through;
  grid-area: taiat;
  font-weight: 400;
  font-size: 14px;
  color: var(--light);
  text-align: left;
}
#recomandate .produs .pret_secundar {
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
  grid-area: pret;
  text-align: right;
}

#recomandate .produs .economisit {
  color: var(--green);
  grid-area: econ;
}

#recomandate .produs .display-rating {text-align: center; min-height: 25px; position: absolute; right:20px; top:29px;}
#recomandate .produs .display-rating span {color: var(--light); font-size:14px;}
#recomandate .produs .display-rating i.half {color: #ffad1e; font-size: 18px;}
#recomandate .produs .display-rating i.full {color: #ffad1e; font-size: 18px;}



/* VIZUALIZATE */
#vizualizate {
  width:100%; 
  margin:50px 0 50px 0;
  
}

#vizualizate .produse .row {
  background-color: var(--alb);
}

#vizualizate h3 {
  color: var(--purple);
  font-family: var(--ff-secondary);
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  margin:1em 0;
  background-color: #fff;
}


#vizualizate .produs {
  padding: 20px;
  border: 1px solid;
  border-color: var(--border);
  margin-left: -1px;
  text-align: center;
}
#vizualizate .produs .bulina {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--primary); padding:10px;}
#vizualizate .produs .discount {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--primary); padding:10px;}
#vizualizate .produs .transport-gratuit {
  font-weight:500; 
  color:var(--alb); 
  font-size:15px; 
  position: absolute; 
  top: 205px; 
  right: 20px; 
  background: var(--purple); 
  padding:0; 
  border-radius:50%; 
  width: 50px; 
  height: 50px;
}
#vizualizate .produs .transport-gratuit svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#vizualizate .produs .cadouri {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 150px; right: 20px; background: var(--orange); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#vizualizate .produs .cadouri svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#vizualizate .produs .item360 {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 95px; right: 20px; background: var(--lime); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#vizualizate .produs .item360 svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 10px;
}
#vizualizate .produs img {
  width: 100%; 
  height: auto; 
  padding:10%;
}
#vizualizate .produs .titlu { 
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:1em;
}
#vizualizate .produs .titlu a {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--accent);
  min-height:60px;
  display: block;
}


#vizualizate .produs .categorie a {
  color: var(--light);
  font-size: 12px;
  text-align: center;
}

#vizualizate .produs .place-cos .inner-cos {
  cursor:pointer; transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--orange);
  color: var(--alb);
  display: inline-block;
}

#vizualizate .produs .place-cos .inner-cos:hover {
  background-color: var(--primary);
}

#vizualizate .produs .place-pret-discount {  
  font-size: 16px;
  color: var(--primary);
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    "econ econ"
    "pret taiat";
  min-height: 80px;
  align-items: center;
}

#vizualizate .produs .place-pret {
  font-size: 16px;
  color: var(--primary);
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#vizualizate .produs .pret {  
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
}
#vizualizate .produs .strike {
  text-decoration: line-through;
  grid-area: taiat;
  font-weight: 400;
  font-size: 14px;
  color: var(--light);
  text-align: left;
}
#vizualizate .produs .pret_secundar {
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
  grid-area: pret;
  text-align: right;
}

#vizualizate .produs .economisit {
  color: var(--green);
  grid-area: econ;
}

/* STIRI */
#stiri {width:100%; padding-top:20px;}
#stiri .container { max-width: var(--width); margin:0 auto; padding:0;}
#stiri .container .row {margin-right:0px; margin-left:0px;}
#stiri .container .row .col {margin:0 0 10px 0; padding:0;}
#stiri .container h2 {color:var(--dark);font: 20px/40px var(--ff-primary); text-align:center;}
#stiri .container .wrapper-stire {height:193px;}
#stiri .container .titlu-stire {padding:0 10px 10px 10px; height: 66px;}
#stiri .container .titlu-stire a {font:16px var(--ff-primary); color:#666; font-weight:bold;}
#stiri .container .continut-stire {font:13px/18px var(--ff-primary); color:#888888; padding:0 10px 0 10px; overflow:hidden; height:121px;}

/* FORM GENERAL */
.form { position:relative;}
.form .descriere { font-size:11px; line-height:0;}
.form .linie { margin:10px 0;}
.form .label { float:left; width:48%; text-align:right; margin-right:2%; line-height:35px; font-size:16px; color:var(--dark); font-family: var(--ff-primary);}
.form .label-new {font-size:16px; color:#9a9a9a; font-family: var(--ff-primary);}
.form .field { float:left; width:50%; min-height:60px; text-align:left; }
.form .field-mic { float:left; width:30%; min-height:60px; }
.form .extra { float:left; width:20%; min-height:60px; }
.form input[type='text']                 { border:2px solid var(--dark); width:320px; font-size:16px; line-height:30px; padding-left:5px; background: var(--alb);}
.form input[type='text'].semi         { border:2px solid var(--dark); width:200px; font-size:16px; line-height:30px; padding-left:5px;}
.form select                         { border:2px solid var(--dark); width:330px; font-size:14px; line-height:30px; padding:8px 5px; color:#000; outline:none;}
.form select.multiple                { background:none; border:2px solid var(--dark); width:330px; font-size:14px; line-height:30px; padding:8px 5px; color:#000; outline:none;}
.form input.error[type='text']         { border:2px solid #ee1d25; width:320px; font-size:16px; line-height:30px; padding-left:5px;}
.form select.error {border:2px solid #ee1d25;}
.form textarea.error {border:2px solid #ee1d25;}
.form input.error[type='password']        { border:2px solid #ee1d25; width:320px; height:29px; font-size:16px; line-height:30px; padding-left:5px;}
.form input[type='password']  { border:2px solid var(--dark); width:320px; padding-left:5px; font-size:16px; line-height:30px;}

.form label.error {color: #ee1d25;}
.form label.radio { display: inline-block; cursor: pointer; position: relative; padding:10px 30px 0 20px; font-size:16px; color:#00a1e1; }
.form label.radio:before { content:''; background: url(images/sprite-icons-radio.png) 0 -17px; display: inline-block; width: 17px; height: 16px; position: absolute; left: 0; top:13px; color:var(--alb); text-align:center; }
.form input[type=radio] { display:none;}
.form input[type=radio]:checked + label:before { background: url(images/sprite-icons-radio.png) 0 0; height:16px; width:16px; content:'';}
.form textarea {font-size:12px; border:2px solid var(--dark); width:320px; height:80px; resize: none;}
.form input[type='submit'], .form input[type='button'] { 
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--dark);
  color: var(--alb);
  display: inline-block;
}
button.reset {
  background-color:var(--dark-red); border:0px; color:#fff; font-family:var(--ff-primary); font-size:16px; line-height:30px; cursor:pointer; padding:2px 10px;
}
.form input[type='submit']:hover, .form input[type='button']:hover {
  background-color: var(--primary);
}
.form .info { line-height:20px; font-size:12px; color: var(--dark-red);}
.form .info-select { line-height:20px; font-size:12px; color:var(--dark-red);}

input[type='radio'], input[type='checkbox'] { vertical-align:middle;}

/* REGISTER WITH */
#preregister { position:absolute; top:0px; padding:10px; border:1px solid #d1cfcf; background-color:#dfdfdf;}
#preregister h3 { padding:0px; margin:0 0 10px 0; font-weight:normal;}
#preregister #facebook-register .fb-left {float:left; width:30px; border-right:1px solid #3d527e;}
#preregister #facebook-register .fb-right {float:left; padding:3px 0 0 10px; font:14px/18px 'Roboto', sans-serif;}
#preregister #linkedin-register .lk-left {float:left; width:30px; border-right:1px solid #0f629e;}
#preregister #linkedin-register .lk-right {float:left; padding:3px 0 0 10px; font:14px/18px 'Roboto', sans-serif;}
#facebook-register { background-color:#4962a1; padding:0 5px; width:150px; color:var(--alb); margin-bottom:10px; cursor:pointer;}
#facebook-register svg { width:20px; fill:var(--alb); margin-right:20px; padding:7px 0;}
#linkedin-register { background-color:#0174b3; padding:0 5px; width:150px; color:var(--alb); margin-bottom:10px; cursor:pointer;}
#linkedin-register svg { width:20px; fill:var(--alb); margin-right:20px; padding:7px 0;}
#google-register { padding:0 5px; width:150px; color:var(--alb); margin-bottom:10px; cursor:pointer;}


/* LOGARE + INREGISTRARE */
#login {width:100%; margin:10px 0;}
#login .container { max-width: var(--width); margin:0 auto; padding:10px; position:relative; background-color: var(--alb);}
#login .container .row {margin-right:0px; margin-left:0px; width:100%}
#login .container .row .col {padding:0 10px 0 0; margin:0;}
#login .container .row h2 {font:20px/40px var(--ff-primary); color: var(--dark); text-transform: uppercase;}
#login .container .row h3 {color:#444444; font:16px/22px var(--ff-primary);}
#login .container .row .nu-aveti {margin:20px 0; font-size: 16px;}

#register {width:100%; margin:10px 0;}
#register .container { max-width: var(--width); margin:0 auto; padding:10px; position:relative; background-color: var(--alb);}
#register .container .row {margin-right:0px; margin-left:0px; width:100%}
#register .container .row .col {padding:0 10px 0 0; margin:0;}
#register .container .row h2 {font:20px/40px var(--ff-primary); color: var(--dark); text-transform: uppercase;}
#register .container .row h3 {color:#444444; font:16px/22px var(--ff-primary);}

/* CONT */
#cont {width:100%; font-family: var(--ff-primary);}
#cont .container                    { max-width: var(--width); margin:0 auto; padding:0 10px; position:relative;}
#cont .container h2                 { font:20px/40px var(--ff-primary); color: var(--dark);}
#tabs ul.tabs                        { border-radius:5px 5px 0 0; list-style:none; padding:10px 10px 0 10px; margin:0; border-bottom: 1px solid var(--border); }
#tabs ul.tabs li                    { background: var(--dark); float:left; padding:8px 12px; border-radius:5px 5px 0 0; margin:0 3px 0 0; font-size:14px; color:var(--alb); cursor:pointer; }
#tabs ul.tabs li.activ                { background: var(--purple); color:var(--alb); cursor:default; }
#tabs ul.tabs li a                    { color:var(--alb); display:block; }
#tabs ul.tabs li.activ a            { color:var(--alb); }
#tabs .tab-results                    { padding:10px 30px; border:1px solid #ecebeb; border-width:0 1px 1px 1px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background:#fff; }
#tabs .tab-results .panel            { display:none; }
#tabs .tab-results .panel.activ    { display:block; }
#tabs .tab-results .panel h2        { font-size:15px; line-height:22px; color:#999; margin:0 0 10px 0; font-weight:normal; border-bottom:1px solid #f1f1f1; }

/* CONT - FIRME */
#tab-firme .formular { border-left:2px solid #04709b;}
#tab-firme .lista a {color:#6699CC;}
#tab-firme .lista i {color:#6699CC;}
#tab-firme .firma {border-bottom:1px solid #04709b; padding-bottom:10px; margin-bottom:10px;}
#tab-firme form {font-family:var(--ff-primary);}
#tab-firme form .label { color:#999; font:14px/28px 'Roboto Slab',serif; padding: 0;}
#tab-firme form .linie {margin-bottom:5px;}
#tab-firme form label { margin: 0;}
#tab-firme form input[type='checkbox'] { vertical-align: middle; outline: none;}
#tab-firme form input[type='text'] {padding:3px; width: 100%; vertical-align: middle;}
#tab-firme form input[type='submit'] { cursor:pointer; border:0px; background-color:#04709b; color:var(--alb); text-align:center; padding:5px 10px; font-family:var(--ff-primary);}
#tab-firme form input.reset { cursor:pointer; border:0px; background-color:#CC0000; color:var(--alb); text-align:center; padding:5px 10px; font-family:var(--ff-primary);}

/* CONT - ADRESE */
#tab-adrese .formular {  border-left:2px solid #04709b; height:auto; padding-left:20px;}
#tab-adrese .lista a {color:#6699CC;}
#tab-adrese .lista svg {fill:#6699CC;}
#tab-adrese .adresa {border-bottom:1px solid #04709b; padding-bottom:10px; margin-bottom:10px;}
#tab-adrese form {font-family:var(--ff-primary);}
#tab-adrese form .label { color:#999; font:14px/28px 'Roboto Slab',serif; padding: 0;}
#tab-adrese form .linie {margin-bottom:5px;}
#tab-adrese form input[type='text'] {padding:3px; width: 100%;}
#tab-adrese form input[type='submit'] { cursor:pointer; border:0px; background-color:#04709b; color:var(--alb); text-align:center; padding:5px 10px; font-family:var(--ff-primary);}
#tab-adrese form input.reset { cursor:pointer; border:0px; background-color:#CC0000; color:var(--alb); text-align:center; padding:5px 10px; font-family:var(--ff-primary);}

/* CONT COMENZI */
#tab-comenzi .box-full                                { width:97.5%; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #f1f1f1; margin:10px 0; background:#f9f9f9; }
#tab-comenzi .box-full-comenzi                    { /*width:100%;*/ padding:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #f1f1f1; margin:10px 0; background:#f9f9f9; }
#tab-comenzi .comanda                             { margin:0 0 20px 0; padding:5px 10px; border-bottom:1px solid #f1f1f1;}
#tab-comenzi .comanda .comanda-articole {float:left; width:600px; border-right:2px solid #f1f1f1; min-height:150px;}
#tab-comenzi .comanda .comanda-id {float:left; width:80px; min-height:150px; color:#aaa; font-size:20px;}
#tab-comenzi .comanda .comanda-extra {float:right; width:180px;}
#tab-comenzi .data        { color: #6b6b6b; font-size: 18px; margin:0 0 10px 0; float:left;}
#tab-comenzi .awb {margin:5px 0;}
#tab-comenzi .awb a				{ color: green; font-size: 14px; }
#tab-comenzi .metoda-plata		{clear:both; float: none; margin:5px 0;}
#tab-comenzi .status-comanda    { background-color: #6b6b6b; color:var(--alb); padding:0px 5px; font-size: 14px; margin:0 0 10px 0; float:right;}
#tab-comenzi .achitata             { background-color: #3bd42e;}
#tab-comenzi .livrata             { background-color: #3bd42e;}
#tab-comenzi .total                { background-color: #1fb9f1; color:var(--alb); width:170px; text-align:center; padding:5px; font-size: 15px; vertical-align:bottom;}
#tab-comenzi .articol            { margin:0px 0px 10px 0px; padding-bottom:5px; float:left; border-bottom:1px dashed #f1f1f1; width:100%;}
#tab-comenzi .titlu                { color: #6b6b6b; font-size:14px; width:410px;  float:left; margin-left:20px;}
#tab-comenzi .pret                { width:90px; float:right; margin-left:10px; font-size:14px; font-weight:bold; }
#tab-comenzi .documente            { margin:15px 0 0 0; }
#tab-comenzi .documente i.fa-file-pdf-o         { color:var(--alb); background-color:#FF0000; padding:5px; border-radius:5px;}
#tab-comenzi .documente i.fa-money         { color:var(--alb); background-color:#009900; padding:5px; border-radius:5px;}
#tab-comenzi .documente i.fa-credit-card { color:var(--alb); background-color:#006699; padding:5px; border-radius:5px;}
#tab-comenzi .documente i.fa-gift { color:var(--alb); background-color:#006699; padding:5px; border-radius:5px;}
#tab-comenzi .documente img        { margin:0 10px 0 0; }

#tab-success .box-full                                { width:97.5%; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #f1f1f1; margin:10px 0; background:#f9f9f9; }
#tab-success .box-full-comenzi                    { padding:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #f1f1f1; margin:10px 0; background:#f9f9f9; }
#tab-success .comanda                             { margin:0 0 20px 0; padding:5px 10px; border-bottom:1px solid #f1f1f1;}
#tab-success .comanda .comanda-articole {float:left; width:600px; border-right:2px solid #f1f1f1; min-height:150px;}
#tab-success .comanda .comanda-id {float:left; width:80px; min-height:150px; color:#aaa; font-size:20px;}
#tab-success .comanda .comanda-extra {float:right; width:180px;}
#tab-success .id-comanda        { color: #6b6b6b; font-size: 14px; margin:0 0 10px 0; float:left;}
#tab-success .status-comanda    { background-color: #6b6b6b; color:var(--alb); padding:0px 5px; font-size: 14px; margin:0 0 10px 0; float:right;}
#tab-success .achitata             { background-color: #3bd42e;}
#tab-success .livrata             { background-color: #3bd42e;}
#tab-success .total                { background-color: #1fb9f1; color:var(--alb); width:170px; text-align:center; padding:5px; font-size: 15px; vertical-align:bottom;}
#tab-success .articol            { margin:0px 0px 10px 0px; padding-bottom:5px; float:left; border-bottom:1px dashed #f1f1f1; width:100%;}
#tab-success .titlu                { color: #6b6b6b; font-size:14px; width:410px;  float:left; margin-left:20px;}
#tab-success .pret                { width:90px; float:right; margin-left:10px; font-size:14px; font-weight:bold; }
#tab-success .documente            { margin:15px 0 0 0; }
#tab-success .documente i.fa-file-pdf-o         { color:var(--alb); background-color:#FF0000; padding:5px; border-radius:5px;}
#tab-success .documente i.fa-money         { color:var(--alb); background-color:#009900; padding:5px; border-radius:5px;}
#tab-success .documente i.fa-credit-card { color:var(--alb); background-color:#006699; padding:5px; border-radius:5px;}
#tab-success .documente i.fa-gift { color:var(--alb); background-color:#006699; padding:5px; border-radius:5px;}
#tab-success .documente img        { margin:0 10px 0 0; }
 
#success-comanda {
	padding: 10px; background: #6da8ea; color: var(--alb); margin: 20px 0;
}

#static-home {width: 100%; background-color: var(--alb); padding:10px 0;}
#static-home .container {max-width: var(--width); margin: 0 auto; padding: 0 15px;}
#static-home .container .row { margin: 20px 0; padding: 0;}
#static-home .container .col { margin: 0; padding: 0 20px 0 0;}
#static-home .container h3 {color:#bcbcbc; font: 24px/22px var(--ff-primary); font-weight: bold;}
#static-home .container span {color: #666666; font: 14px/24px var(--ff-primary);}

/* CONT - WISHLIST */
#wishlist {
  width:100%; 
}
#wishlist h3 { 
  color: var(--accent);
  font-family: var(--ff-secondary);
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  margin:1em 0;
}

#wishlist h3 span {
  color: var(--text);
  font-size:14px;
  text-align: center;
  display: block;
  font-weight: 400!important;
  text-transform: none!important;
  margin-bottom:2em;
}

#wishlist .produs {
  padding: 20px;
  border: 1px solid;
  border-color: var(--border);
  margin-left: -1px;
  text-align: center;
}
#wishlist .produs .bulina {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--pink); padding:10px;}
#wishlist .produs .discount {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--pink); padding:10px;}
#wishlist .produs .transport-gratuit {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:205px; right: 20px; background: var(--purple); padding:0; border-radius:50%; width: 50px; height: 50px;}
#wishlist .produs .transport-gratuit svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#wishlist .produs .cadouri {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 150px; right: 20px; background: var(--orange); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#wishlist .produs .cadouri svg {
  line-height: 50px; 
  font-size: 30px;
  margin-top: 8px;
}
#wishlist .produs .item360 {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 95px; right: 20px; background: var(--lime); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#wishlist .produs .item360 svg {
  line-height: 50px;
  font-size: 25px;
}
#wishlist .produs img {
  width: 100%; 
  height: auto; 
  padding:10%;
}
#wishlist .produs .titlu { 
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:1em;
  min-height: 80px;
}
#wishlist .produs .titlu a {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--accent);
}


#wishlist .produs .categorie a {
  color: var(--light);
  font-size: 12px;
  text-align: center;
}

#wishlist .produs .place-cos .inner-cos {
  cursor:pointer; transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--dark);
  color: var(--alb);
  display: inline-block;
}

#wishlist .produs .place-cos .inner-cos:hover {
  background-color: var(--primary);
}

#wishlist .produs .place-pret-discount {  
  font-size: 16px;
  color: var(--primary);
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    "econ econ"
    "pret taiat";
  min-height: 80px;
  align-items: center;
}

#wishlist .produs .place-pret {
  font-size: 16px;
  color: var(--primary);
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wishlist .produs .pret {  
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
}
#wishlist .produs .strike {
  text-decoration: line-through;
  grid-area: taiat;
  font-weight: 400;
  font-size: 14px;
  color: var(--light);
  text-align: left;
}
#wishlist .produs .pret_secundar {
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
  grid-area: pret;
  text-align: right;
}

#wishlist .produs .economisit {
  color: var(--green);
  grid-area: econ;
}

/* CATALOG */

#breadcrumbs {
  transition: background-color .3s,border .3s,border-radius .3s,box-shadow .3s;
  padding: 30px;
  background-color: var(--slider);
  display: block;
  color: var(--alb);
}

#breadcrumbs h2 {
  color: var(--alb);
}

#breadcrumbs .container {
  max-width: var(--width);
}

#breadcrumbs .container .inner {
  min-height: 200px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;  
  font-weight: 400;
}

#breadcrumbs .container .inner.mic {
  min-height: unset!important;
}

#breadcrumbs .container .inner.mic.alt h2 {
  color: var(--alb)!important;
}

#breadcrumbs .container .inner a {
  color: var(--alb);
  text-decoration: underline;
  font-weight: 400;
  display: inline-block;
}

#afisare-catalog {width:100%;}
#afisare-catalog .container {
  max-width: var(--width); 
  margin: 0 auto; padding: 0 15px;
  background-color: var(--alb);
}
#afisare-catalog .container .row { 
  margin: 0 0 20px 0;
  padding: 10px;  
  border-radius:5px;
}
#afisare-catalog .container .row.filtre {
  margin:10px 0;
  margin-bottom: 1.2em;
  border-bottom: 1px solid;
  border-bottom-color: var(--border);
  padding-bottom: 20px;
  justify-content: center;
  align-items: center;
}
#afisare-catalog .container .col { margin: 0; padding: 0;}


/* CATALOG - FILTRE */
#catalog_side_filters {
  margin-top: 20px;
}
#afisare-catalog .container #filtre-categorie {
 width: 100%;
}
#afisare-catalog .container #filtre-categorie .filtru {height: auto; -webkit-transition: max-height 1s ease; -moz-transition: max-height 1s ease; -o-transition: max-height 1s ease; transition: max-height 1s ease;}
#afisare-catalog .container #filtre-categorie .filtru.culoare {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
#afisare-catalog .container #filtre-categorie .filtru.culoare .item label {width:auto!important; margin:0!important;}
#afisare-catalog .container #filtre-categorie .filtru-mic {max-height: 140px; overflow: hidden; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease;}
#afisare-catalog .container #filtre-categorie .slider {width: 160px;}
#afisare-catalog .container #filtre-categorie .mm {
  text-align: center; 
  background: #546070; 
  padding: 2px; 
  color: var(--alb); 
  cursor: pointer; 
  margin: 5px 0 20px 0;
  font-family: var(--secondary);
  font-size: 14px;
}
#afisare-catalog .container #filtre-categorie .reset_filtru {background: #ee1d24; padding: 8px; color: var(--alb); font: 12px/16px var(--ff-primary); text-align: center; cursor: pointer; vertical-align: middle;}
#afisare-catalog .container #filtre-categorie h3.rosu {
  font-size: 20px;
  color: var(--accent);
  font-weight: 700;
  padding: 0 0 15px;
  margin-bottom: 1.2em;
  border-bottom: 1px solid;
  border-bottom-color: var(--border);
  display: block;
}
#afisare-catalog .container #filtre-categorie h3.negru {
  font-size: 16px;
  color: var(--accent);
  font-weight: 700;
  padding: 0 0 15px;
  margin:10px 0 5px 0;
  border-bottom: 1px solid;
  border-bottom-color: var(--border);
  display: block;
}
#afisare-catalog .container #filtre-categorie h3.negru a {
  color: var(--text);
  font-size:16px;
  font-weight: normal;
}
#afisare-catalog .container #filtre-categorie h3.negru a:hover {
  color: var(--primary);
}
#afisare-catalog .container #filtre-categorie h3.albastru {
  color: var(--background);
}

#afisare-catalog .container .filtre-mobile {display: none; padding:20px 0;}
#afisare-catalog .container .filtre-mobile button.buton-filtre {cursor: pointer; background: #057fc8; padding: 5px; border:0; color: var(--alb); font-size: 16px; width: 120px; text-transform: uppercase;}
#afisare-catalog .container .filtre-mobile button.buton-vizualizare {cursor: pointer; background: #444; padding: 5px; border:0; color: var(--alb); font-size: 16px; width: 120px; text-transform: uppercase;}

[id^=amount-min] { display: inline-block; width: 48%; text-align: left; padding: 10px 0; color: #808b99; font: 15px/22px var(--ff-primary);}
[id^=amount-max] { display: inline-block; width: 48%; text-align: right; padding: 10px 0; color: #808b99; font: 15px/22px var(--ff-primary);}

#afisare-catalog .container #breadcrumbs .row {margin: 0; padding: 0;}
#afisare-catalog .container .header-rezultate {font: 13px var(--ff-primary); color: #444444; text-align: center;}
#afisare-catalog .container .header-rezultate select {color: #828282; font: 13px/30px var(--ff-primary); padding: 3px; vertical-align: middle;}
#afisare-catalog .container .header-rezultate i.ico_afisare_lista, #afisare-catalog .container .header-rezultate i.ico_afisare_tabel {
  cursor: pointer;
  font-size: 18px;
  color: var(--accent);
}
#afisare-catalog .container .header-rezultate .pcatalog {margin-top: 3px; display: inline-block; vertical-align: middle;}
#afisare-catalog .container .header-rezultate .pcatalog input[type='text'] {width: 30px; text-align: center;}
#afisare-catalog .container .header-rezultate .pcatalog i.ico_pagina_prev {cursor: pointer;}
#afisare-catalog .container .header-rezultate .pcatalog i.ico_pagina_next {cursor: pointer;}
#afisare-catalog .container .header-rezultate .pcatalog i.disabled {color:darkgrey; cursor: default;}
#afisare-catalog .container .header-rezultate .afisare {display: inline-block; vertical-align: middle;}
#afisare-catalog .container .header-rezultate .afisare { text-align: center; display: inline-block; vertical-align: middle;}
#afisare-catalog .container .header-rezultate .tip { text-align: right; margin-top: 5px; display: inline-block; vertical-align: middle;}

#filtre-categorie p.culoare {
  width:50px;
  height:50px;
  border:1px solid var(--border);
  margin:0!important;
  padding:0!important;
  cursor: pointer;
}

#filtre-categorie p.culoare.selectat {
  border:3px solid var(--accent)!important;
}

#filtre-categorie p.culoare.alb {
  background-color: var(--alb);
}

#filtre-categorie p.culoare.albastru {
  background-color: var(--albastru);
}

#filtre-categorie p.culoare.galben {
  background-color: var(--galben);
}

#filtre-categorie p.culoare.rosu {
  background-color: var(--rosu);
}

#filtre-categorie p.culoare.roșu {
  background-color: var(--rosu);
}

#filtre-categorie p.culoare.auriu {
  background-color: var(--auriu);
}

#filtre-categorie p.culoare.argintiu {
  background-color: var(--argintiu);
}

#filtre-categorie p.culoare.bej {
  background-color: var(--bej);
}

#filtre-categorie p.culoare.camuflaj {
  background-color: var(--camuflaj);
}

#filtre-categorie p.culoare.maro {
  background-color: var(--maro);
}

#filtre-categorie p.culoare.negru {
  background-color: var(--negru);
}

#filtre-categorie p.culoare.portocaliu {
  background-color: var(--portocaliu);
}

#filtre-categorie p.culoare.roz {
  background-color: var(--roz);
}

#filtre-categorie p.culoare.verde {
  background-color: var(--verde);
}

#filtre-categorie p.culoare.gri {
  background-color: var(--gri);
}

/* FILTRE SELECTATE */

#filter_history {
  margin:0!important;
  display:flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap:20px;
}

#filter_history .filter_history_class {  
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
  gap: 5px;
  justify-content: center;
  background: var(--border);
  padding: 5px;
  border-radius: 5px; 
  cursor: pointer;
  transition:all 400ms ease-out 10ms;
}

#filter_history .filter_history_class:hover {
  background-color: var(--accent);
  color: var(--alb);
}

#filter_history .filter_history_class .filter_history_head {
  font-weight: 600;
}

#filter_history .filter_history_class .filter_history_body {
  text-transform: uppercase;
}

#rezultate {
  display: flex;
  flex-direction: column;
  justify-content: center;  
}

#rezultate .row {
  margin:0!important;
}

#afisare-catalog .container .filtre-selectate {margin:10px 20px;}
#afisare-catalog .container .filtre-selectate .selectat {display:inline-block; background-color:#5dacd5; color:var(--alb); padding:5px 10px; margin-right:5px;}

#afisare-catalog .container #rezultate .produs {
  padding: 20px;
  border:1px solid var(--border);
    margin-left: -1px;
    text-align: center;
}
#afisare-catalog .container #rezultate .produs .bulina {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:45px; left: 20px; background: var(--pink); padding:10px;}
#afisare-catalog .container #rezultate .produs .discount {
  font-weight:500; 
  color:var(--alb); 
  font-size:15px; 
  position: absolute; 
  top: 10px; 
  left: 20px; 
  background: var(--pink); 
  padding:8px;
}
#afisare-catalog .container #rezultate .produs .transport-gratuit {
  cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 80px; right: 5px; background: var(--purple); padding: 0; border-radius: 50%; 
  width: 30px; height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;  
}
#afisare-catalog .container #rezultate .produs .transport-gratuit svg {
  line-height: 30px;
  font-size: 30px;
  margin-top: 8px;
}
#afisare-catalog .container #rezultate .produs .cadouri {
  cursor:help; font-weight: 500; 
  color: var(--alb); 
  font-size: 15px; 
  position: absolute; 
  top: 45px; 
  right: 5px; 
  background: var(--orange); padding: 0; border-radius: 50%; 
  width: 30px; height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#afisare-catalog .container #rezultate .produs .cadouri i {
  line-height: 30px; font-size: 14px;
}
#afisare-catalog .container #rezultate .produs .item360 {
  cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 10px; right: 5px; background: var(--lime); padding: 0; border-radius: 50%; 
  width: 30px; height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;  
}
#afisare-catalog .container #rezultate .produs .item360 i {
  line-height: 30px; font-size: 14px;
}
#afisare-catalog .container #rezultate .produs img {
  width: 100%; 
  height: auto;
  object-fit: contain;
}
#afisare-catalog .container #rezultate .produs .titlu { 
  margin-top: 15px;
  min-height: 75px;
  overflow: hidden;
  text-align: center;
  line-height: 20px;
}
#afisare-catalog .container #rezultate .produs .titlu a {
  color: var(--accent);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  
}

#afisare-catalog .container #rezultate .produs .place-pret-discount {  
  font-size: 16px;
  color: var(--primary);
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    "econ econ"
    "pret taiat";
  min-height: 80px;
  align-items: center;
}

#afisare-catalog .container #rezultate .produs .place-pret {
  font-size: 16px;
  color: var(--primary);
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#afisare-catalog .container #rezultate .produs .pret {  
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
}
#afisare-catalog .container #rezultate .produs .strike {
  text-decoration: line-through;
  grid-area: taiat;
  font-weight: 400;
  font-size: 14px;
  color: var(--light);
  text-align: left;
}
#afisare-catalog .container #rezultate .produs .pret_secundar {
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
  grid-area: pret;
  text-align: right;
}

#afisare-catalog .container #rezultate .produs .economisit {
  color: var(--green);
  grid-area: econ;
}

#afisare-catalog .container #rezultate .produs .place-cos .inner-cos {
  cursor:pointer; transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--secondary);
  color: var(--alb);
  display: inline-block;
}

#afisare-catalog .container #rezultate .produs .place-cos .inner-cos:hover {
  background-color: var(--primary);
}

#afisare-catalog .container #rezultate .produs-lista {padding: 10px;}
#afisare-catalog .container .row-lista { margin:0; border-bottom: 2px solid #e7e7e7; padding-bottom: 10px;}
#afisare-catalog .container .row-margin { margin: 0;}
#afisare-catalog .container #rezultate .display-rating-catalog {text-align: center; min-height: 25px; margin-left:10px;}
#afisare-catalog .container #rezultate .display-rating-catalog span {color: var(--light); font-size:14px;}
#afisare-catalog .container #rezultate i.half {color: #ffad1e; font-size: 18px;}
#afisare-catalog .container #rezultate i.full {color: #ffad1e; font-size: 18px;}
#afisare-catalog .container #rezultate .produs-lista img { width: 230px; ; height: auto;}
#afisare-catalog .container #rezultate .produs-lista .titlu { height:45px; overflow:hidden;}
#afisare-catalog .container #rezultate .produs-lista .titlu a {font:20px/20px var(--ff-primary); color:#444444;}
#afisare-catalog .container #rezultate .produs-lista .place-pret {height: 40px;}
#afisare-catalog .container #rezultate .produs-lista .pret {color: #ed1d24; font:18px/22px var(--ff-primary);}
#afisare-catalog .container #rezultate .produs-lista .strike {text-decoration: line-through;}
#afisare-catalog .container #rezultate .produs-lista .pret_secundar {color: #9d9d9d; font:20px/22px var(--ff-primary);}
#afisare-catalog .container #rezultate .produs-lista .caseta_specificatii {margin-bottom: 20px;}
#afisare-catalog .container #rezultate .produs-lista .caseta_specificatii table.specificatii_articol {font:14px/22px var(--ff-primary);}
#afisare-catalog .container #rezultate .produs-lista table.specificatii_articol th.key {color: #898989; width: 50%; font-weight: normal;}
#afisare-catalog .container #rezultate .produs-lista table.specificatii_articol td.data {color: #000000; width: 50%; }
#afisare-catalog .container #rezultate .produs-lista table.specificatii_articol th.key-last {color: #898989; width: 50%; font-weight: normal;}
#afisare-catalog .container #rezultate .produs-lista table.specificatii_articol td.data-last {color: #000000; width: 50%; }
#afisare-catalog .container #rezultate .produs-lista .titlu-categorie {color: #6da8ea; font: 16px/22px var(--ff-primary); font-weight: bold;}
#afisare-catalog .container #rezultate .produs-lista .triggerUpdate {background: var(--green); color: var(--alb); font: 14px/22px var(--ff-primary); text-align: center; text-transform: uppercase; padding: 10px 0; cursor: pointer; width: 140px; height: 40px;}
#afisare-catalog .container #rezultate .produs-lista .triggerUpdate .cumpara-left { float:left; background: #db4503; padding: 5px 10px; font: 16px/28px var(--ff-primary); color: var(--alb); border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#afisare-catalog .container #rezultate .produs-lista .triggerUpdate .cumpara-right {background: #0999e7; float:left; padding: 5px 10px; font-size: 18px; line-height: 28px; color: var(--alb); border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#afisare-catalog .container #rezultate .produs-lista .triggerUpdateFailed {background: #ed1d24; color: var(--alb); font: 14px/22px var(--ff-primary); text-align: center; text-transform: uppercase; padding: 10px 0;  width: 140px; height: 40px;}
#afisare-catalog .container #rezultate .produs-lista .producator {text-align: center;}
#afisare-catalog .container #rezultate .produs-lista .producator .titlu {color: #41556a; font:14px/16px var(--ff-primary);}
#afisare-catalog .container #rezultate .produs-lista .producator img {width: 100px; border: 1px solid #e7e7e7;}

/* ARTICOL */
#oferta-container {
  width:100%;
  padding: 2em 0;
  background-color: var(--alb);
}

#oferta-container .container {
  max-width: var(--width); 
  margin: 0 auto; 
  padding: 0 15px;
}
#oferta-container .container .row {
   margin: 0; 
   padding: 0; 
}

#oferta-container .inner-galerie {
  width:100%;
  margin-bottom: 10px;
  border: 1px solid;
  color: var(--border);
}

#oferta-container .inner-galerie .display-360 {
  width: 600px; 
  height: 440px;
  display:none;
}

#oferta-container .inner-galerie img.main-img {
  width: 600px;
  height: 440px;
  object-fit: contain;
}

#oferta-container .right-side {
  position: relative;
}

#oferta-container .right-side .alerta-stoc {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  display:none;
  background: rgb(129,167,228);
  background: linear-gradient(27deg, rgba(129,167,228,1) 0%, rgba(203,195,231,1) 100%);
  z-index: 20;
  padding: 20px;
  color: var(--alb);
}

#oferta-container .right-side .alerta-stoc .inner {
  display: flex;
  flex-direction: column;
  gap:20px;
}

#oferta-container .right-side .alerta-stoc .inner .info {
  background: var(--alb);  
  padding: 10px;
  font-family: var(--ff-secondary);
}

#oferta-container .right-side .alerta-stoc .inner .info .success {
  color: var(--green);
}

#oferta-container .right-side .alerta-stoc .inner .info .warning {
  color: var(--accent);
}

#oferta-container .right-side .alerta-stoc .inner .info .eroare {
  color: var(--primary);
}


#oferta-container .right-side .alerta-stoc .inner h3 {
  border-bottom:2px solid var(--border);
  padding-bottom:10px;
  margin-bottom:10px;
  width: 100%;
  text-align: center;
}

form#formAlertaPret {
  display: flex;
  gap:20px;
}

form#formAlertaPret button {
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--primary);
  color: var(--alb);
  display: inline-block;
}

form#formAlertaPret input#submitAlertaStoc {
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;  
  color: var(--alb);
  display: inline-block;
  background-color: var(--green)!important;
}

#oferta-container .stoc-cod {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#oferta-container .stoc-cod .stoc { 
  color: var(--alb);
  border-radius: 3px;
  display: inline-block;
  padding: 3px 10px;
  font-size: 12px;
  background: #54c154;
  margin: 0 auto 0 0;
}
#oferta-container .stoc-cod .stoc.stoc-limitat { 
  background: #ffad1e;
}
#oferta-container .stoc-cod .stoc.stoc-epuizat {
  background: #ed1d24;  
}

#oferta-container .stoc-cod .cod {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--accent);  
  text-align: right;
}

#oferta-container .inner-rating {
  display: inline-block;
  margin: 0 0 0 auto;
}

#oferta-container .container .producator .display-feature img.feature {width: 48px; height: 48px; padding:2px;}
#oferta-container .container .producator .display-feature img.feature:hover {cursor: help;}
#oferta-container .container .col { margin: 0; padding: 0;}
#oferta-container .container .art-left { margin: 0; padding: 0 20px 0 0;}
#oferta-container .container .art-right { margin: 0; padding: 0 0 0 20px;}
#oferta-container .container .art-right .fisier {text-align: center;}
#oferta-container .container .art-right .fisier i {font-size: 30px; color: #000; margin: 10px;}
#oferta-container .container .art-right .fisier .titlu {font: 16px/18px var(--ff-primary); font-weight: 500;}
#oferta-container .container .art-right .fisier .titlu a {color: #444;}
#oferta-container .container #breadcrumbs .row {margin: 0; padding: 0;}
#oferta-container .container #breadcrumbs .bc-left i.fa-home {padding: 8px;}
#oferta-container .container h1 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0.4em 0;
  color: var(--accent);
  font-weight: 700;
  font-family: var(--ff-primary);
}

#oferta-container h2 {
  font-family: var(--ff-secondary);
  color: var(--ff-primary);
  font-size: 22px;
  font-weight: 300;
}

#oferta-container h3 {
  font-family: var(--ff-secondary);
  color: var(--ff-primary);
  font-size: 25px;
  font-weight: 400;
  margin:10px 0 30px 0;
  position: relative;
}

#oferta-container h4 {
  font-family: var(--ff-secondary);
  color: var(--ff-primary);
  font-size: 16px;
  font-weight: 300;
}

#oferta-container table.specificatii_articol {
  font:14px/22px var(--ff-primary);
  border-spacing: 0;
  width: 100%;
  border-collapse: collapse;
}

#oferta-container table.specificatii_articol tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,.05);
}

#oferta-container table.specificatii_articol td, #oferta-container table.specificatii_articol th{
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
  border: 1px solid;
  border-color: var(--border);
}

#oferta-container table.specificatii_articol th {
  color: var(--accent);
  vertical-align: middle!important;
}

#oferta-container table.specificatii_articol th i {
  font-size:24px;
  vertical-align: middle!important;
  color: var(--purple);
}

#oferta-container table.specificatii_articol th img {
  width: 24px;
  height: 24px;
}

#oferta-container .container .caseta_specificatii .titlu-categorie {
  font: 16px/22px var(--ff-primary); 
  font-weight: bold;
  margin-bottom:20px;
  color: var(--dark);
}


#oferta-container .container .discount {font-weight:500; color:var(--alb); font-size:22px; position: absolute; top:20px; left: 35px; background: var(--pink); padding:15px;}
#oferta-container .container .transport-gratuit { 
  font-weight: 500; 
  color: var(--alb); 
  position: absolute; 
  top: 50px; 
  right: 50px; 
  background: var(--purple); 
  padding: 0; 
  border-radius: 50%; 
  width: 70px; 
  height: 70px; 
  cursor: help;
  text-align: center;
}
#oferta-container .container .transport-gratuit i {line-height: 70px; font-size: 30px;}

#oferta-container .container .descriere {color: #41556a; font: 15px/22px var(--ff-primary);}
#oferta-container .container .reset-placeholder { color: #ed1d24; margin:2px; cursor: pointer; display: none;}
#oferta-container .container .titlu-film {font : 15px/22px var(--ff-primary); color: #41556a; font-weight: bold; margin: 20px 0; text-transform: uppercase;}



#oferta-tabs {
  border-bottom: 1px solid;  
  border-bottom-color: var(--border);  
  margin-bottom: 3em;
  margin-top: 3em;
}

#oferta-tabs .inner {
  max-width: var(--width);
  margin:0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  
}

#oferta-tabs .inner .tab {
  position: relative;
}

#oferta-tabs .inner .tab a {
  font-weight: 600;
  font-size: 20px;
  padding: 0 20px 1em;
  display: block;
  color: var(--light);
}

#oferta-tabs .inner .tab a:hover {
  color: var(--accent);
}

#oferta-tabs .inner .active::after {
  background-color: var(--primary);
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 100%;
  content: '';
} 

#video, #fisiere, #faq {
  background-color: #f7f7f7;
  padding:10px 0;
}

/* ARTICOL - GALERIE */

#carousel-galerie .carousel-item img {  
  opacity: .5;
  transition: all,ease,.2s;    
}

#carousel-galerie .carousel-item .item {
  display: inline-block!important;
  position: relative;
  width: 105px;
  height: 105px;
  border: 1px solid;
  border-color: var(--border);
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  margin-right:18px;
  overflow: hidden;
}

#carousel-galerie .carousel-item .item .trigger360 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


#carousel-galerie .carousel-item .item.last {
  margin-right:0!important;  
}

#carousel-galerie .carousel-item .item i {
  font-size:40px;
  color: var(--border);
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#carousel-galerie .carousel-item .item i:hover {
  color: var(--primary);
}

#carousel-galerie .carousel-item img:hover {
  opacity: 1;
}

#carousel-galerie .video_galerie {
  display: none;
}

/* ARTICOL - RECOMANDARI */
#display-recomandate h3 {
  color: var(--accent);
  font-family: var(--ff-secondary);
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  margin: 1em 0;
}

#display-recomandate h3 span {
  color: var(--text);
  font-size:14px;
  text-align: center;
  display: block;
  font-weight: 400!important;
  text-transform: none!important;
  margin-bottom:2em;
}


/* ARTICOL - ACCESORII */
#legaturi h3 {
  font-size: 30px;
  margin: 20px 0 40px 0;
  font-weight: 700;
  color: var(--accent);
  line-height: 1.2;
  text-align: center;
}
#legaturi div[class^='col']{
  padding:0;
  margin:0;
}
#legaturi .legatura { 
  text-align: center;
  position: relative;
  transition: all .4s ease-in-out;
  border: 1px solid;
  border-color: var(--border);
  margin-left: -1px;
}

#legaturi .legatura img {
  width: 100%;
  height:auto;
  padding:20px;
}

#legaturi .legatura .categorie a {
  color: var(--light);
  font-size: 12px;
}
#legaturi .legatura .categorie a:hover {
  color: var(--primary);
}

#legaturi .legatura .titlu { 
  min-height: 80px;
}
#legaturi .legatura .titlu a {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--accent);
  display:block;
  margin:20px 0 10px 0;
}

#legaturi .legatura .titlu a:hover {
  color: var(--primary);
}

#legaturi .legatura .place-cos {
  margin: 40px 0 20px 0;
  min-height: 60px;
}

#legaturi .legatura .place-cos .inner-cos {
  cursor:pointer; transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--dark);
  color: var(--alb);
  display: inline-block;
}

#legaturi .legatura .place-cos .inner-cos:hover {
  background-color: var(--primary);
}

#legaturi .legatura .place-pret-discount {  
  font-size: 16px;
  color: var(--primary);
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    "econ econ"
    "pret taiat";
  min-height: 80px;
  align-items: center;
}

#legaturi .legatura .place-pret {
  font-size: 16px;
  color: var(--primary);
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#legaturi .legatura .pret {  
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
}
#legaturi .legatura .strike {
  text-decoration: line-through;
  grid-area: taiat;
  font-weight: 400;
  font-size: 14px;
  color: var(--light);
  text-align: left;
}
#legaturi .legatura .pret_secundar {
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
  grid-area: pret;
  text-align: right;
}

#legaturi .legatura .economisit {
  color: var(--green);
  grid-area: econ;
}

#oferta-container .afisare {
  padding:10px;
}

#oferta-container .container i.half {color: #ffad1e; font-size: 22px;}
#oferta-container .container i.full {color: #ffad1e; font-size: 22px;}
#oferta-container .container .display-rating {text-align: center;}
#oferta-container .container .scrie-review {color: #333b45; font: 14px/22px var(--ff-primary); text-align: center;}
#oferta-container .container .taiat { 
  font-size: 16px;  
  font-weight: 700;  
  color: var(--accent);
  text-decoration: line-through;
}

#oferta-container .fifty-fifty {  
  grid-template-columns: 1fr 1fr;
  display: grid !important;  
  align-items: start;
  margin:20px 0;
}

#oferta-container .thirty-thirty {  
  grid-template-columns: 2fr 1fr 2fr;
  display: grid !important;  
  align-items: start;
  margin:20px 0;
}

#oferta-container .thirty-thirty-alt {  
  grid-template-columns: 1fr 2fr 2fr;
  display: grid !important;  
  align-items: start;
  margin:20px 0;
}

#oferta-container .garantie {
  color: var(--light);
  font-size: 14px;   
  margin-bottom: 5px;
  font-family: var(--ff-secondary);
}

#oferta-container .livrare {
  color: var(--light);
  font-size: 14px;
  text-transform: uppercase;  
  margin-bottom: 5px;
  font-family: var(--ff-secondary);
}

#oferta-container .livrare span.data-inceput {
  display: inline-block; 
  text-transform: lowercase; 
  text-transform: capitalize; 
  color: var(--accent);
}

#oferta-container .livrare span.data-sfarsit {
  display: inline-block; 
  text-transform: lowercase; 
  text-transform: capitalize; 
  color: var(--accent);
}

#oferta-container .titlu-mic {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 5px;
  font-family: var(--ff-secondary);
}

#oferta-container .titlu-mic a {
  text-transform: none!important;
  font-size:14px;
}

#oferta-container .culori span {  
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid var(--input);
}

#oferta-container .culori span.rosu {
  background-color: var(--rosu);
}

#oferta-container .culori span.negru {
  background-color: var(--negru);
}

#oferta-container .culori span.alb {
  background-color: var(--alb);
}

#oferta-container .culori span.albastru {
  background-color: var(--albastru);
}

#oferta-container .culori span.camuflaj {
  background-color: var(--camuflaj);  
}

#oferta-container .inner-pret .titlu {  
  padding: 0;
  font-size: 14px;
  color: var(--accent);
  border: none;
  margin-right: 20px;
  margin-top: 15px;
  font-weight: 700;
}

#oferta-container .inner-pret {
  text-align: center;
  width: 100%;
}

#oferta-container .inner-pret .pret { 
  font-size: 40px;  
  font-weight: 700;
  color: var(--primary);
}

#oferta-container .culori .alt-img, #oferta-container .cadouri .alt-img {
  border: 1px solid var(--input);
  width: auto;
  height: 50px;
}

#oferta-container .inner-buy {
  text-align: center;
  width: 100%;
}

#oferta-container .inner-buy .actiuni {
  width: 100%;
  text-align: left;
  margin:15px 0 0 0;
  display: flex;
}

#oferta-container .inner-buy .actiuni a {
  color: var(--dark);
}

#oferta-container .inner-buy .actiuni svg {
  font-size:30px;
  margin-right:10px;
  z-index: 9;
}
#oferta-container .inner-buy .actiuni a.active svg {
  fill: var(--primary);
}

#oferta-container .inner-buy .actiuni .triggerAlertaStoc {
  display:inline-block;
  position:relative;
}

#oferta-container .inner-buy .actiuni .triggerAlertaStoc i.fa-question {
  position: absolute;
  z-index: 10;
  left: 10px;
  top: -5px;
  color: var(--primary);
  font-size: 24px;
}

#oferta-container .culori .inner {
  display: flex;
  gap:5px;
}

#oferta-container .features .display-feature {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

#oferta-container .features .display-feature i {
  font-size:30px;
  cursor: help;
}

#oferta-container .features img.feature {
  height: 50px;
  width: auto;
  cursor: help;
}

#oferta-container .container .economisit {color: var(--green); font-size: 16px;}
#oferta-container .container .bbottom {border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; margin:10px 0;}
#oferta-container .container .btop {border-top: 1px solid #e7e7e7; padding-top: 20px; margin-top: 10px;}


#oferta-container .container img.producator-logo {
  height:50px; 
  width: auto; 
  margin: 0 auto;
  border: 1px solid var(--input);
}
#oferta-container .inner-buy button {
  flex: 1;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 10px;
  white-space: nowrap;
  border: none;
  width: 100%;
}

#oferta-container .inner-buy .triggerUpdate {  
  border-radius: 3px;
  background: 0 0;
  background-color: var(--secondary);  
  color: var(--alb);
  cursor: pointer;
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 700;
  text-shadow: none;  
  -webkit-appearance: none;
}

#oferta-container .inner-buy .triggerUpdateFailed {
  background-color: var(--dark); 
  color: var(--alb)!important;
  cursor: help;
}
#oferta-container .container .minus { display: inline-block; vertical-align: middle;}
#oferta-container .container .minus i {
  color: var(--primary); 
  font-size: 24px;
  line-height: 26px;
  cursor: pointer;
}
#oferta-container .container .plus { display: inline-block; vertical-align: middle}
#oferta-container .container .plus i {
  color: var(--primary); 
  font-size: 24px;
  line-height: 26px;
  cursor: pointer;
}
#oferta-container .container .cantitate { display: inline-block; font: 14px/22px var(--ff-primary); color: #898989; margin-top: 10px; }
#oferta-container .container input[name='cantitate'] { width: 60px; text-align: center; border: 1px solid #e7e7e7; font: 18px/22px var(--ff-primary); color: var(--accent); outline: none; vertical-align: middle;}
#oferta-container .container .lipsa-oferta {text-align: center; padding: 10px 0; font: 18px/22px var(--ff-primary); color: #ed1d24; margin-top:50px;}

/* ARTICOL - COMENTARII */
#reviews {
  font-family: var(--ff-secondary);
  color: var(--dark);
}
#oferta-container .oferta-comentarii .com_afis .comm            { padding:0 0 10px 0;  margin:0 0 30px 0; position: relative;}
#oferta-container .oferta-comentarii .com_afis .comm .rating    { position: absolute; right: 0; top:0;}
#oferta-container .oferta-comentarii .com_afis .comm .titlu        { color:#2e3192; font: 20px/22px var(--ff-primary); font-weight: bold;}
#oferta-container .oferta-comentarii .com_afis .comm .nume        { color:#ef5054; font: 16px/22px var(--ff-primary); }
#oferta-container .oferta-comentarii .com_afis .comm .text        { color:#7c7c7c; font: 16px/18px var(--ff-primary); }
#oferta-container .oferta-comentarii .com_afis .comm .mesaj        { color: #7c7c7c; font:18px/22px var(--ff-primary); border-bottom:1px solid #f7f7f7; margin-bottom: 10px; padding:15px 0;}

#oferta-container .oferta-comentarii .com_adauga {padding: 0 0 0 40px;}
#oferta-container .oferta-comentarii .com_adauga .titlu            { color: #444444; font:16px/22px var(--ff-primary); font-weight: bold;}
#oferta-container .oferta-comentarii .com_adauga .linie            { margin:10px 0; color: #444444; font: 14px/22px var(--ff-primary); }
#oferta-container .oferta-comentarii .com_adauga .linie input[type='text'] { width: 100%; padding: 10px; font: 14px/24px var(--ff-primary);}
#oferta-container .oferta-comentarii .com_adauga .linie textarea {width: 100%; height: 150px; padding: 10px; font: 14px/24px var(--ff-primary);}
#oferta-container .oferta-comentarii .com_adauga .linie input[type='radio'] { display: inline-block; vertical-align: middle; margin: 0;}
#oferta-container .oferta-comentarii .com_adauga .linie label { display: inline-block; margin: 0 20px; vertical-align: middle; font: 14px/22px var(--ff-primary); color: #2e3192;}

/* ARTICOL - FISIERE */
#fisiere .inner  {
  display: flex;
  gap:10px;
  font-family: var(--ff-secondary);
}

#fisiere .inner .fisier {
  background-color: rgba(0,0,0,.05);
  border: 1px solid;
  border-color: var(--border);
  padding: 5px;
  display: grid;
  grid-template-columns: 30px 1fr;
}

#fisiere .inner .fisier a {
  color: var(--accent);
}

#fisiere .inner .fisier a i {
  font-size:24px;
}

#fisiere .inner .fisier a i.fa-file-pdf-o {
  color: var(--primary);
  font-size:24px;
}


.eroare-comentariu { padding: 10px; background: #ed1d24; color: var(--alb); margin-bottom: 20px;}
.success-comentariu { padding: 10px; background: #6da8ea; color: var(--alb); margin-bottom: 20px;}
#comm_submit    { border:0px; background-color: #2e3192; color: var(--alb); padding:10px; text-transform:uppercase; text-align: center; font: 12px/22px var(--ff-primary); cursor: pointer;}


/* COMANDA + COS */
#display-cos {width:100%; font-family: var(--ff-primary); }
#display-cos .container {max-width: var(--width); margin:10px auto; background: var(--alb);}
#display-cos .container .row { margin: 15px 0; padding: 0;}
#display-cos .container .col { margin: 0; padding: 0;}
#display-cos .container .row .rate_card { margin:0 0 0 20px; display:none; }
#display-cos .container .row .metode-plata {position:relative;}
#display-cos .container .row .triangle {position:absolute; top:30px; left:167px; width: 0; height: 0; border-style: solid; border-width: 20px 34px 20px 0; border-color: transparent #5dacd5 transparent transparent;}
#display-cos .container .row .info-card {position:absolute; top:30px; left:200px; background-color:#5dacd5; padding:10px;color:var(--alb); height:40px; }
#display-cos .container .row .info-card a {color:var(--alb);}
.hide-rate {display:none;}

#display-cos .container h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 700;
  border-bottom: 2px solid;
  border-bottom-color: var(--border);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#display-cos .container h4 {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 700;
  border-bottom: 2px solid;
  border-bottom-color: var(--border);
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#display-cos .container .delete-articol { color:var(--primary); cursor: pointer; font-size:16px;}

#display-cos .container .header, #display-cos .container .articole { 
  border-bottom: 2px solid;
  border-bottom-color: var(--border);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#display-cos .container .header div { 
  font-size: 12px;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 700;
}

#display-cos .container .articole {
  align-items: center;
}

#display-cos .container .articole div { 
  vertical-align: middle;
}
#display-cos .container .articole .imagine i {
  margin-right:10px;
  font-size:18px;
  cursor: pointer;
}

#display-cos .container .titlu a { 
  color:var(--accent); 
  font-size:20px; 
  line-height:22px; 
  font-family:var(--ff-secondary);
  padding-right: 10px;
  display:block;
}

#display-cos .container .articole .titlu .label-atribut {
  font-size: var(--ff-secondary);
  text-transform: uppercase;
  margin: 0;
  color: var(--primary);
}

#display-cos .container .titlu .cadouri img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border:1px solid var(--border);
  margin-left:5px;
}

#display-cos .container .pret, #display-cos .container .total {
  color: var(--accent);
  font-weight: 700;
  font-family:var(--ff-secondary);
}

#display-cos textarea {
  border:2px solid var(--border);
}

#display-cos .container .totalCos { 
  text-align: right;  
  border-top:2px solid var(--border); 
  padding-top: 10px; 
  font-family: var(--ff-secondary); 
  font-size:24px;
  line-height: 30px;
}
#display-cos .container input.cantitate {width:35px; padding:5px; text-align: center; }
#display-cos .container #info-cos {text-align:right; margin-top:5px;}
#display-cos .container #info-cos .titlu { color:#02aff3; font:17px/21px 'Open Sans'; text-transform:uppercase; font-weight:bold}
#display-cos .container #info-cos .titlu span { color:#222;}

#display-cos .container #navigare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  align-content: center;
  justify-items: stretch;
}
#display-cos .container #navigare .inapoi {
  border: 2px solid;
  border-radius: 3px;
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--alb);
  cursor: pointer;
  padding: 10px;
  text-decoration: none;  
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none;
  width: 300px;
  text-align:center;
  justify-self: start;
}
#display-cos .container #navigare .inapoi a { 
  color: var(--alb);
}
#display-cos .container #navigare .cumpara { 
  border: 2px solid;
  border-radius: 3px;
  background-color: var(--green);
  border-color: var(--green);
  color: var(--alb);
  cursor: pointer;
  padding: 10px;
  text-decoration: none;  
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none;
  width: 300px;
  text-align:center;
  justify-self: end;
}
#display-cos .container #optiuni { margin-bottom:15px;}
#display-cos .container #optiuni a {color:#000; text-decoration:underline;}
#display-cos .container #date-facturare { border-right:1px solid #dcdcdc;}
#display-cos .container .date-livrare { display:none;}
#display-cos .container #date-facturare .display-pf {display:block;}
#display-cos .container #date-facturare .display-pj {display:none;}
#divDisplayTransport {
  padding:10px 0;
  font-family: var(--ff-secondary); 
  font-size: 20px;
  color: var(--accent);
  letter-spacing: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#divDisplayRamburs, #divDisplayTransportRamburs {
  padding:10px 0;
  font-family: var(--ff-secondary); 
  font-size: 20px;
  color: var(--accent);
  letter-spacing: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-cos .linie { margin:10px 0;}
.form-cos .label { float:left; text-align:left; margin-right:2%; line-height:35px; font-size:12px; color:#535353; min-width:120px; }
.form-cos .field { float:left; text-align:left; margin-top:8px; }
.form-cos input[type='text'] { vertical-align:middle; margin-right:8px; padding:4px; border:1px solid #dcdcdc;}
.form-cos input[type='email'] { vertical-align:middle; margin-right:8px; padding:4px; border:1px solid #dcdcdc;}
.form-cos select {vertical-align:middle; padding:4px; border:1px solid #dcdcdc;}
.form-cos label {margin:2px 0 0 5px; vertical-align: middle;}
.form-cos .choose .label-pers {display: inline-block;}


/* PRODUCATOR */
#producator {
  width:100%; 
}

#producator .descriere {
  font-family: var(--ff-secondary);
  font-weight: normal;
}
#producator img.sigla {
  width:auto;
  height: auto;
  object-fit: contain;
  margin:0 20px;
}
#producator h3 { 
  color: var(--accent);
  font-family: var(--ff-secondary);
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  margin:1em 0;
}

#producator h3 span {
  color: var(--text);
  font-size:14px;
  text-align: center;
  display: block;
  font-weight: 400!important;
  text-transform: none!important;
  margin-bottom:2em;
}

#producator .produs {
  padding: 20px;
  border: 1px solid;
  border-color: var(--border);
  margin-left: -1px;
  text-align: center;
}
#producator .produs .bulina {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--pink); padding:10px;}
#producator .produs .discount {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--pink); padding:10px;}
#producator .produs .transport-gratuit {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:205px; right: 20px; background: var(--purple); padding:0; border-radius:50%; width: 50px; height: 50px;}
#producator .produs .transport-gratuit svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#producator .produs .cadouri {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 150px; right: 20px; background: var(--orange); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#producator .produs .cadouri svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#producator .produs .item360 {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 95px; right: 20px; background: var(--lime); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#producator .produs .item360 svg {
  line-height: 50px;
  font-size: 30px;
  margin-top: 8px;
}
#producator .produs img {
  width: 100%; 
  height: auto; 
  padding:10%;
}
#producator .produs .titlu { 
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:1em;
  min-height: 90px;
}
#producator .produs .titlu a {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--accent);
}


#producator .produs .categorie a {
  color: var(--light);
  font-size: 12px;
  text-align: center;
}

#producator .produs .place-cos .inner-cos {
  cursor:pointer; transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--dark);
  color: var(--alb);
  display: inline-block;
}

#producator .produs .place-cos .inner-cos:hover {
  background-color: var(--primary);
}

#producator .produs .place-pret-discount {  
  font-size: 16px;
  color: var(--primary);
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    "econ econ"
    "pret taiat";
  min-height: 80px;
  align-items: center;
}

#producator .produs .place-pret {
  font-size: 16px;
  color: var(--primary);
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#producator .produs .pret {  
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
}
#producator .produs .strike {
  text-decoration: line-through;
  grid-area: taiat;
  font-weight: 400;
  font-size: 14px;
  color: var(--light);
  text-align: left;
}
#producator .produs .pret_secundar {
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
  grid-area: pret;
  text-align: right;
}

#producator .produs .economisit {
  color: var(--green);
  grid-area: econ;
}

/* STATIC */
#body { margin:20px 0; }
#body .container { padding:10px; background-color: var(--alb); }
#body .container h2 { text-align:center; text-transform: uppercase; margin:0 0 20px 0; line-height: 25px!important;}
#body .container h3 { text-align:center; margin:0 0 30px 0; font-weight:600; color:#185dab; font-size: 22px; }
#body .container .stire-imagine { text-align:center; margin:40px 0; }
#body .container .stire-imagine img { max-width:100%; }
#body .container .link-back { text-align:center; margin:0 0 20px 0; }
#body .container .link-back a { display:inline-block; background:#15a8fd; color:var(--alb); padding:10px 30px; text-transform: uppercase; }
#body .container .link-back a:hover { background:#ED1D24; color:var(--alb); }
#body .lista-stiri .col { margin:0 0 30px 0; text-align: left; }
#body .lista-stiri .col p { height:100px; margin:10px 0 0 0; line-height:150%; }

#preview { padding:0; font-size:14px; }
#preview p { line-height:150%; }
#preview ul li, #preview ol li { line-height:150%; }
#preview .linie { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#preview .linie:after { content:""; display:block; clear:both; height:0; }
#preview .paragraf { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; }
#preview .linie .paragraf + .clear { display:none; }
#preview .img-container img { max-width:100%; height:auto; display:block; }
#preview .img-container > a { display:block; }
#preview p.caption { text-align:center; font-size:0.9em; color:#999; margin:10px 0 20px 0; }
#preview .float_right { float:right; }
#preview .float_left { float:left; }
#preview .right { text-align:right; }
#preview .left { text-align:left; }
#preview .center { text-align:center; }
#preview .center img { margin-left:auto; margin-right:auto; }
#preview .galerie { text-align:center; vertical-align: middle; }
#preview .galerie .thumb { display:inline-block; border:1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; margin:5px; }
#preview .galerie .thumb img { display:inline-block; max-width:100%; max-height:100%; }
#preview .upload { margin:0 0 30px 0; }
#preview .upload i.fa { font-size:20px; background:#1ea1e7; color:var(--alb); width:40px; height:40px; line-height:40px; text-align:center; float:left; margin:0 20px 0 0; }
#preview .upload .det { overflow:hidden; }
#preview .upload .det a { color:#000; }
#preview .upload .det a span { font-weight:700; font-size:15px; }
#preview .upload .det a p { margin:0; color:#999; }
#preview .iframe-content { margin:0; overflow:hidden; text-align:center; }
#preview .iframe-content > iframe { /*height:100% !important;*/ }
#preview .iframe-content.fullwidth { width:100% !important; }
#preview .iframe-content.fullwidth > iframe { width:100% !important; }
#preview h3 { text-align:left !important; margin:20px 0 !important; font-size:18px; }
#preview a { color:#ec174c; }
/* custom styles */
#preview a.custom-buton { background:#ec174c; color:var(--alb); padding:10px 20px; text-transform: uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:inline-block;
    margin:20px 0; }

/* RETUR */
section#retur h4 {color: #808b99; font: 24px/30px var(--ff-primary); text-transform: uppercase; font-weight: bold;}
section#retur .container form#formular-retur .titlu {color: #444; font: 16px/40px var(--ff-primary); text-transform: uppercase;}
section#retur .container form#formular-retur .camp input {width: 100%; padding: 5px 2px;}
section#retur .container form#formular-retur .camp select {width: 100%; padding: 5px 2px;}
section#retur .container form#formular-retur textarea {width: 100%; padding: 5px 2px; min-height: 200px;}
section#retur .container form#formular-retur input[type=submit] { border: 0; margin: 30px 0; background-color: #86b423; color: var(--alb); outline: none; padding: 10px; cursor: pointer; font: 16px/20px var(--ff-primary); text-transform: uppercase;}
section#retur .container form#formular-retur input[type=checkbox] {line-height: 20px; margin: 0;}
section#retur .container form#formular-retur label {margin-top: 10px;}

/* GARANTIE */
section#garantie h4 {color: #808b99; font: 24px/30px var(--ff-primary); text-transform: uppercase; font-weight: bold;}
section#garantie .container form#formular-garantie .titlu {color: #444; font: 16px/40px var(--ff-primary); text-transform: uppercase;}
section#garantie .container form#formular-garantie .camp input {width: 100%; padding: 5px 2px;}
section#garantie .container form#formular-garantie .camp select {width: 100%; padding: 5px 2px;}
section#garantie .container form#formular-garantie textarea {width: 100%; padding: 5px 2px; min-height: 200px;}
section#garantie .container form#formular-garantie input[type=submit] { border: 0; margin: 30px 0; background-color: #86b423; color: var(--alb); outline: none; padding: 10px; cursor: pointer; font: 16px/20px var(--ff-primary); text-transform: uppercase;}
section#garantie .container form#formular-garantie input[type=checkbox] {line-height: 20px; margin: 0;}
section#garantie .container form#formular-garantie label {margin-top: 10px;}

/* SERVICE */
section#service h4 {color: #808b99; font: 24px/30px var(--ff-primary); text-transform: uppercase; font-weight: bold;}
section#service .container form#formular-retur .titlu {color: #444; font: 16px/40px var(--ff-primary); text-transform: uppercase;}
section#service .container form#formular-retur .camp input {width: 100%; padding: 5px 2px;}
section#service .container form#formular-retur .camp select {width: 100%; padding: 5px 2px;}
section#service .container form#formular-retur textarea {width: 100%; padding: 5px 2px; min-height: 200px;}
section#service .container form#formular-retur input[type=submit] { border: 0; margin: 30px 0; background-color: #86b423; color: #fff; outline: none; padding: 10px; cursor: pointer; font: 16px/20px var(--ff-primary); text-transform: uppercase;}
section#service .container form#formular-retur input[type=checkbox] {line-height: 20px; margin: 0;}
section#service .container form#formular-retur label {margin-top: 10px;}

/* CAUTARE */
#cautare-afisare {
  width:100%; 
}

#cautare-afisare .container {
  max-width: var(--width);
}

#cautare-afisare h3 { 
  color: var(--accent);
  font-family: var(--ff-secondary);
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  margin:1em 0;
}

#cautare-afisare h5 { 
  color: var(--accent);
  font-family: var(--ff-secondary);
  font-size: 22px;  
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  margin:1em 0;
  background-color: var(--alb);
}

#cautare-afisare h5 span {
  color: var(--primary);
}

#cautare-afisare h3 span {
  color: var(--text);
  font-size:14px;
  text-align: center;
  display: block;
  font-weight: 400!important;
  text-transform: none!important;
  margin-bottom:2em;
}

#cautare-afisare .placeholder-imagine img {
  width: 250px;
  height: 200px;
  object-fit: contain;
  margin-bottom: 20px;
}

#cautare-afisare .extra {
  text-align: center;
}

#cautare-afisare .extra a {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--accent);
  display: block;
  text-transform: uppercase;
}

#cautare-afisare .produs {
  padding: 20px;
  border: 1px solid;
  border-color: var(--border);
  margin-left: -1px;
  text-align: center;
}
#cautare-afisare .produs .bulina {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--pink); padding:10px;}
#cautare-afisare .produs .discount {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:20px; left: 20px; background: var(--pink); padding:10px;}
#cautare-afisare .produs .transport-gratuit {font-weight:500; color:var(--alb); font-size:15px; position: absolute; top:205px; right: 20px; background: var(--purple); padding:0; border-radius:50%; width: 50px; height: 50px;}
#cautare-afisare .produs .transport-gratuit i {
  line-height: 50px; 
  font-size: 20px;
}
#cautare-afisare .produs .cadouri {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 150px; right: 20px; background: var(--orange); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#cautare-afisare .produs .cadouri i {
  line-height: 50px; 
  font-size: 30px; 
}
#cautare-afisare .produs .item360 {cursor:help; font-weight: 500; color: var(--alb); font-size: 15px; position: absolute; top: 95px; right: 20px; background: var(--lime); padding: 0; border-radius: 50%; width: 50px; height: 50px;}
#cautare-afisare .produs .item360 i {
  line-height: 50px; 
  font-size: 25px; 
}
#cautare-afisare .produs img {
  width: 100%; 
  height: auto; 
  padding:10%;
}
#cautare-afisare .produs .titlu { 
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:1em;
}
#cautare-afisare .produs .titlu a {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--ff-primary);
  color: var(--accent);
}
#cautare-afisare .produs .categorie a {
  color: var(--light);
  font-size: 12px;
  text-align: center;
}
#cautare-afisare .produs .place-cos .inner-cos {
  cursor:pointer; transition:color 400ms ease-out 10ms; -webkit-transition:color 400ms ease-out 10ms; -moz-transition:color 400ms ease-out 10ms; -o-transition:color 400ms ease-out 10ms;
  border: none;
  padding: 4px 20px;
  border-radius: 4px;
  text-transform: capitalize;
  background-color: var(--dark);
  color: var(--alb);
  display: inline-block;
}

#cautare-afisare .produs .place-cos .inner-cos:hover {
  background-color: var(--primary);
}

#cautare-afisare .produs .place-pret-discount {  
  font-size: 16px;
  color: var(--primary);
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    "econ econ"
    "pret taiat";
  min-height: 80px;
  align-items: center;
}

#cautare-afisare .produs .place-pret {
  font-size: 16px;
  color: var(--primary);
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#cautare-afisare .produs .pret {  
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
}
#cautare-afisare .produs .strike {
  text-decoration: line-through;
  grid-area: taiat;
  font-weight: 400;
  font-size: 14px;
  color: var(--light);
  text-align: left;
}
#cautare-afisare .produs .pret_secundar {
  color: var(--primary);
  font-family:var(--ff-primary);
  font-size:20px;
  grid-area: pret;
  text-align: right;
}

#cautare-afisare .produs .economisit {
  color: var(--green);
  grid-area: econ;
}


/* MESAJE */
.successMessage ul, .errorMessage ul { list-style:none; padding:0px; margin:0px;}
.successMessage { position:relative; background-color:#a8cb17; text-align:center; color:var(--alb); font-size:16px; line-height:40px; margin:10px 0;}
.errorMessage { position:relative; background-color:#e0440e; padding:15px; font-size:14px; color:var(--alb); display: flex; justify-content: center; margin: 0 0 20px 0;}
.successMessage .closeMessage {     
  position: absolute;
  top: 3px;
  right: 10px;
  cursor: pointer;
}
.errorMessage .closeMessage {     
  position: absolute;
  top: 16px;
  right: 10px;
  cursor: pointer;
}

.closeMeniu { position:absolute; bottom:10px; right:10px; cursor:pointer; color:var(--alb);}

/* PAGINARE */
.paginare {font-family:'Exo',sans-serif; margin:20px 0; text-align: center;}
.paginare i {vertical-align: middle;}


/* MENIU MOBILE - PRODUSE */
#display-meniu-categorii { display: none; margin:0; position:fixed; width:100%; height:100vh; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    z-index:20; background:#107cab; overflow:auto; text-align: center; }
#display-meniu-categorii i.x { cursor:pointer; font-size:32px; color:var(--alb); position:absolute; top:10px; right:10px; z-index:21; }
#display-meniu-categorii strong { font-family: var(--ff-primary); text-align: center; color:var(--alb); font-size:26px; font-weight:400; text-transform: uppercase; display:inline-block; margin:50px 0;
    padding:10px 30px; border:3px solid rgba(255,255,255,0.2); }
#carousel-categorii .arrow-left { text-align:right; padding-top:50px; }
#carousel-categorii .arrow-right { text-align:left; padding-top:50px; }
#carousel-categorii .carousel-control { background:none; text-shadow: 0px; position:static; opacity: 1; font-size:60px; color:var(--alb); width:auto; }
#carousel-categorii .coloana { text-align:center; }
#carousel-categorii .coloana h3 a { color:var(--alb); }
#carousel-categorii .coloana ul { list-style:none; margin:30px 0 20px 0; padding:0; }
#carousel-categorii .coloana ul li a { color:var(--alb); font-size:15px; display:inline-block; padding:3px 0; border-bottom:2px solid rgba(255,255,255,0.1); font-family:'Roboto', sans-serif; }
#carousel-categorii .coloana ul li a:hover { border-color:var(--slider); }

/* MENIU MOBILE - MENU PRINCIPAL */
#display-meniu-principal { display: none; margin:0; position:fixed; width:100%; height:100vh; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  z-index:20; background: var(--slider); overflow:auto; text-align: center; }
#display-meniu-principal i.closePrincipal { cursor:pointer; font-size:32px; color:var(--alb); position:absolute; top:10px; right:10px; z-index:21; }
#display-meniu-principal strong { font-family: var(--ff-primary); text-align: center; color:var(--alb); font-size:26px; font-weight:400; text-transform: uppercase; display:inline-block; margin:50px 0;
    padding:10px 30px; border:3px solid rgba(255,255,255,0.2); }
#display-meniu-principal ul { list-style:none; margin:30px 0 20px 0; padding:0; }
#display-meniu-principal ul li a { color:var(--alb); font-size:15px; display:inline-block; padding:3px 0; border-bottom:2px solid rgba(255,255,255,0.1); font-family:'Roboto', sans-serif; }
#display-meniu-principal ul li a:hover { border-color:var(--slider); }

/* ADAUGA IN COS */
.adauga-cos {padding:10px; height:100%;}
.adauga-cos ul {list-style:none; margin:0; padding:0;}
.adauga-cos ul li {font:13px/18px var(--ff-primary); color:#808b99;}
.adauga-cos .titlu {font:18px/22px var(--ff-primary); color:#41a85f; text-align:center;}
.adauga-cos hr {margin:10px 0;}
.adauga-cos .total {float:right; color:#6da8ea; font:13px/18px var(--ff-primary);}
.adauga-cos .inapoi {float:right; background: #ed1d24; color: var(--alb); font: 14px/22px var(--ff-primary); text-align: center; text-transform: uppercase; padding: 10px; cursor: pointer;}
.adauga-cos .inapoi a {color:var(--alb); display:inline-block;}
.adauga-cos .continua {float:left; background: #9e89c1; color: var(--alb); font: 14px/22px var(--ff-primary); text-align: center; text-transform: uppercase; padding: 10px; cursor: pointer;}
.adauga-cos .continua a {color:var(--alb); display:inline-block;}

/* INPUT & CHECKBOX */
#filtre-categorie input[type=checkbox]:not(old),
#filtre-categorie input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

#filtre-categorie input[type=checkbox]:not(old) + label,
#filtre-categorie input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
  width: 170px;
  margin-bottom:0!important;
}

#filtre-categorie input[type=checkbox]:not(old) + label > span,
#filtre-categorie input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

#filtre-categorie input[type=checkbox]:not(old):checked + label > span,
#filtre-categorie input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

#filtre-categorie input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

#filtre-categorie input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}


/* ICONS */
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?didpzq');
    src:    url('fonts/icomoon.eot?didpzq#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?didpzq') format('truetype'),
        url('fonts/icomoon.woff?didpzq') format('woff'),
        url('fonts/icomoon.svg?didpzq#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size:65px;
    transition:all .4s ease-out 10ms;
    outline:0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#999;
}

[class^="icon-"]:hover, [class*=" icon-"]:hover {color:#0a74d6;}

.icon-vehicule-cu-pedale:before {
    content: "\e900";
}
.icon-triciclete:before, .icon-trotinete:before {
    content: "\e901";
}
.icon-carucioare:before {
    content: "\e902";
}
.icon-balansoare-si-leagane:before {
    content: "\e903";
}
.icon-patuturi-copii:before {
    content: "\e904";
}
.icon-scaune-auto:before {
    content: "\e905";
}
.icon-vehicule-electrice:before {
    content: "\e906";
}
.icon-biciclete:before {
    content: "\e907";
}
/* END ICONS */

#wrapper-filtre div.buton {display: none;}
#wrapper-vizualizare div.buton {display: none;}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
 }
 
 .carousel-fade  .carousel-item.active,
 .carousel-fade  .carousel-item-next.carousel-item-left,
 .carousel-fade  .carousel-item-prev.carousel-item-right {
   opacity: 1;
 }
 
 .carousel-fade .active.carousel-item-left,
 .carousel-fade  .active.carousel-item-right {
  opacity: 0;
 }
 
 .carousel-fade  .carousel-item-next,
 .carousel-fade .carousel-item-prev,
 .carousel-fade .carousel-item.active,
 .carousel-fade .active.carousel-item-left,
 .carousel-fade  .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
 }

/* #Media Queries
================================================== */

/* header sus devine prea mic pentru menu */
@media only screen and (max-width: 1750px) {
  header {padding:0;}
  header .container-fluid {height: 100%;}
  header .container-fluid .row {height: 100%;}
  header .container-fluid .row div[class^="col-"] {height: auto;}
  header .second-column {height: 100%;}
  header .first-column {height: 100%;}
  header .third-column {height: 100%;}
  #meniu-principal ul li a {
    font-size:15px;
    padding:3px;
  }
}


/* Smaller than 1310 (devices and browsers) */
@media only screen and (max-width: 1310px) {

  /* HOMEPAGE */

  ul#submenu li span {
    padding:0;
  }

  header {
    padding:0;
    height: auto;
  }

  header .third-column {
    padding:0;
  }

  

  #slider {
    height: auto;
    margin-bottom: 20px;
  }

  #slider .triangle {
    top:600px;
    z-index:90;
    bottom: unset;
  }

  #slider .carousel-indicators {
    display: flex;
  }

  #slider .carousel-control-prev, #slider .carousel-control-next {
    display: none;
  }

  #slider .carousel-item img {
    width: 60%!important;
    height: auto!important;
  }

  #slider .carousel-item .overlay {
    top:200px;
    left:20px;
  }

  #meniu-principal ul li a {
    padding:5px;
  }

  #vizualizate .produs .titlu a {
    min-height: 140px;
  }

  #vizualizate .produs .transport-gratuit i, #vizualizate .produs .cadouri i, #vizualizate .produs .item360 i {
    font-size:16px;
    line-height: 40px;
  }

  #vizualizate .produs .transport-gratuit, #vizualizate .produs .cadouri, #vizualizate .produs .item360 {    
    right: 15px;
    width: 40px;
    height: 40px;
  }

  #overlay-produse {
    height: auto;
  }

  section#bannere .container {
    width: 100%;
    max-width: unset!important;
  }

  section#bannere .banner-full img, section#bannere .banner-half img {
    width: 100%;
    height: auto;
  }

  section#bannere .row, section#bannere .row div[class^='col-'] {
    padding:0;
    margin:0;
  }


  .container { padding: 0; margin: 0; border: 0;}
  .wrapper .container, header .container {width: 100%; padding:0 10px;}
  
  header .container .sigla {text-align: center;}
  header .container .sigla img {width: 150px;}
  header #cautare-cos {margin-top: 20px;}
  header #cautare input[type="text"] {width: 150px;}
  section#home .container {width: 100%;}
  section#home .container .first-cat {width: 50%;}
  section#home .container .first-cat img {bottom: 10px; left: 10px;}

  nav#main-menu #submeniu-principal {width:1000px;}
  nav#main-menu #submeniu-principal li a {font:14px/22px var(--ff-primary);}
  nav#main-menu .container {width:100%;}

  #parteneri .container {width: 100%;}
  #parteneri .container .col img {width: 120px;}

  div[id^="produseRecomandate-"] {height:370px;}
  #recomandate .container {width: 100%;}
  
  #vizualizate .container { width: 100%;}
  

  section#informatii .container {width: 100%;}
  section#informatii .container .row .info .titlu {font:18px/30px var(--ff-primary);}
  section#navigare .container {width: 100%;}
  #static-home .container { width: 100%; padding:10px;}
  #stiri .container {width: 100%; padding:5px;}
  #stiri .container .col img {width: 100%;}

  /* CATALOG */
  #afisare-catalog .container {width: 100%; padding:0 10px;}
  #afisare-catalog .container #filtre-categorie {width: 100%; padding:0;}
  #filtre-categorie input[type="checkbox"]:not(old) + label, #filtre-categorie input[type="radio"]:not(old) + label {margin-left: 5px;}
  #filtre-categorie input[type="checkbox"]:not(old), #filtre-categorie input[type="radio"]:not(old) {display: none;}
  #slider-range {width: 90%; padding:0 1%;}
  #amount-min {margin-left: 5px; width: 40%;}
  #amount-max {margin-right: 5px; width: 40%;}
  #afisare-catalog .container .header-rezultate .filtre {font-size: 11.5px;}
  #afisare-catalog .container #rezultate .produs .titlu a {font: 14px/16px var(--ff-primary);}
  #afisare-catalog .container .header-rezultate .pcatalog {margin-top: 5px;}
  #afisare-catalog .container .header-rezultate .tip {margin-top: 8px;}

  /* ARTICOL */
  #oferta-container .container {width: 100%; padding: 5px 10px; }
  #oferta-container .container .row {margin:20px 0;}
  #oferta-container .container .carousel-inner {margin-top: 30px;}
  #oferta-container .container #legaturi .legatura .extra { text-align: right;}
  #oferta-container .container #legaturi .legatura .titlu a {font-size: 14px;}
  #oferta-container .container #legaturi .up {top: -20px;}
  #oferta-container .container #legaturi .down {bottom: -20px;}
  #oferta-container .container .alt-img {width: 80px;}

  /* CONT + LOGIN + REGISTER */
  #cont .container {width: 100%; padding: 10px;}
  #login .container {width: 100%; padding: 10px;}
  #register .container {width: 100%; padding: 10px; }

  /* COS */

  #display-cos .container {width: 100%; padding: 10px;}
  #display-cos .container h3 {padding:5px; margin:10px 0;}
  #display-cos .container .row .info-card {height:45px; padding:5px;}
  #display-cos .container .row .triangle {border-width:25px 34px 20px 0;}
  .form-cos .label {font:16px/18px var(--ff-primary); padding:10px 0 5px 0;}

  /* CONTACT */
  #contact .container {width: 100%; padding: 10px;}
  #contact .container .form .label {width: 150px;}
  #contact .container .form input[type="text"] {width: 250px;}
  #contact .container .form textarea {width: 250px;}


  /* SLIDER PRINCIPAL */
  section#sliderPrincipal { margin:0 0 50px 0; }
  section#sliderPrincipal #mainCarousel .carousel-indicators { text-align:center; }
  section#sliderPrincipal #mainCarousel .carousel-indicators li {width:80px;}
  section#sliderPrincipal #mainCarousel .carousel-indicators .active {width:80px;}
	section#sliderPrincipal #mainCarousel {margin-bottom:40px;}
	section#sliderPrincipal .container {width:100%;}
	section#sliderPrincipal #mainCarousel .carousel-inner .item img {height:400px;}
	
	section#sliderPrincipal .container .row .col .item-1 {width:200px; margin:0 20px;}
	section#sliderPrincipal .container .row .col .item-1 img {width:100%; height:auto;}
	section#sliderPrincipal .container .row .col .item-1 .hidden-div {width:200px; margin-right:-100px;}
	section#sliderPrincipal .container .row .col .item-1 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

	section#sliderPrincipal .container .row .col .item-2 {width:200px;}
	section#sliderPrincipal .container .row .col .item-2 img {width:100%; height:auto;}
	section#sliderPrincipal .container .row .col .item-2 .hidden-div {width:200px; margin-right:-100px;}
	section#sliderPrincipal .container .row .col .item-2 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

	section#sliderPrincipal .container .row .col .item-3 {width:200px; margin:20px 20px 0 20px;}
	section#sliderPrincipal .container .row .col .item-3 img {width:100%; height:auto;}
	section#sliderPrincipal .container .row .col .item-3 .hidden-div {width:200px; margin-right:-100px;}
	section#sliderPrincipal .container .row .col .item-3 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

	section#sliderPrincipal .container .row .col .item-4 {width:200px;}
	section#sliderPrincipal .container .row .col .item-4 img {width:100%; height:auto;}
	section#sliderPrincipal .container .row .col .item-4 .hidden-div {width:200px; margin-right:-100px;}
	section#sliderPrincipal .container .row .col .item-4 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

  footer {
    padding:30px 10px;
  }
  section#copyright {
    padding:20px 10px;
  }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 960px) {
    .container { padding: 0; margin: 0; border: 0;}
    /* HOME */
    section#home .container {width:100%;}
    section#home .container .first-cat { width: 100%; }
    section#home .container .second-cat { width: 100%; margin-left: 0px; }
    section#home .container .second-cat img {width: auto; height: 240px;}
    section#home .container .second-cat .col { text-align: center;}
    section#home .container .third-cat { width: 100%; }
    section#home .container .third-cat img { width: auto; height: 240px; }
    section#home .container .third-cat .col { text-align: center;}
    section#home .container #bottom-categorie {margin: 0;}

    nav#main-menu #submeniu-principal {width:1000px;}
    nav#main-menu #submeniu-principal li a {font:14px/22px var(--ff-primary);}
    nav#main-menu .container {width:100%;}

    #parteneri .container {width: 100%;}
    #parteneri .container .col img {width: 120px;}

    div[id^="produseRecomandate-"] {height:370px;}
    #recomandate .container {width: 100%;}    
    #vizualizate .container { width: 100%;}
    

    #static-home .container { width: 100%; padding:10px;}
    #stiri .container {width: 100%; padding:5px;}
    #stiri .container .col img {width: 100%;}

    /* CATALOG */
    #afisare-catalog .container {width: 100%;}
    #afisare-catalog .container #filtre-categorie {width: 100%; padding:0;}
    #filtre-categorie input[type="checkbox"]:not(old) + label, #filtre-categorie input[type="radio"]:not(old) + label {margin-left: 5px;}
    #filtre-categorie input[type="checkbox"]:not(old), #filtre-categorie input[type="radio"]:not(old) {display: none;}
    #slider-range {width: 90%; padding:0 1%;}
    #amount-min {margin-left: 5px; width: 40%;}
    #amount-max {margin-right: 5px; width: 40%;}
    #afisare-catalog .container .header-rezultate .filtre {font-size: 11.5px;}
    #afisare-catalog .container #rezultate .produs .titlu a {font: 14px/16px var(--ff-primary);}
    #afisare-catalog .container .header-rezultate .pcatalog {margin-top: 10px;}
    #afisare-catalog .container .header-rezultate .tip {margin-top: 13px;}

    /* CONT */
    #cont .container {width: 100%; padding: 10px;}

    /* COS */
    #display-cos .container {width: 100%; padding: 10px;}

    /* CONTACT */
    #contact .container {width: 100%; padding: 10px;}
    #contact .container .form .label {width: 120px;}
    #contact .container .form input[type="text"] {width: 230px;}
    #contact .container .form textarea {width: 230px;}


    /* SLIDER PRINCIPAL */
    section#sliderPrincipal { margin:0 0 50px 0; }
    section#sliderPrincipal #mainCarousel .carousel-inner .item img {height:300px;}
    section#sliderPrincipal #mainCarousel .carousel-indicators { text-align:center; }
    section#sliderPrincipal #mainCarousel .carousel-indicators li {width:80px;}
    section#sliderPrincipal #mainCarousel .carousel-indicators .active {width:80px;}
    section#sliderPrincipal #mainCarousel {margin-bottom:40px;}
    section#sliderPrincipal .container {width:100%;}

    section#sliderPrincipal .container .row .col .item-1 {width:160px; margin:0 20px;}
    section#sliderPrincipal .container .row .col .item-1 img {width:100%;}
    section#sliderPrincipal .container .row .col .item-1 .hidden-div {width:160px; margin-right:-80px;}
    section#sliderPrincipal .container .row .col .item-1 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

    section#sliderPrincipal .container .row .col .item-2 {width:160px;}
    section#sliderPrincipal .container .row .col .item-2 img {width:100%;}
    section#sliderPrincipal .container .row .col .item-2 .hidden-div {width:160px; margin-right:-80px;}
    section#sliderPrincipal .container .row .col .item-2 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

    section#sliderPrincipal .container .row .col .item-3 {width:160px; margin:20px 20px 0 20px;}
    section#sliderPrincipal .container .row .col .item-3 img {width:100%;}
    section#sliderPrincipal .container .row .col .item-3 .hidden-div {width:160px; margin-right:-80px;}
    section#sliderPrincipal .container .row .col .item-3 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

    section#sliderPrincipal .container .row .col .item-4 {width:160px;}
    section#sliderPrincipal .container .row .col .item-4 img {width:100%;}
    section#sliderPrincipal .container .row .col .item-4 .hidden-div {width:160px; margin-right:-80px;}
    section#sliderPrincipal .container .row .col .item-4 .hidden-div a {font:14px/18px 'Roboto Slab',sans-serif;}

    #display-mobile-header {
      display:grid;
      padding:10px 0;
    }

    #display-mobile-header img {
      width:300px;
    }
    
    #display-mobile-footer {
      display:grid;
    }

    #overlay-produse .left .inner {
      width: 300px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
  
    #submeniu-principal-articol {
      min-width: unset;
      width:600px;
    }

    .mobile-tema-text, .mobile-tema-titlu {
      display:block!important;
    }

    .tema-text, .tema-titlu {
      display:none;
    }
  
    .container { padding: 0; margin: 0; border: 0;}
    .fLeft {float:none; text-align: center;}
    .fRight {float:none; text-align: center;}
    header .container {width: 100%;}
    .wrapper .container {width: 100%;}
    .wrapper .container h1 {float: none; text-align: center;}
    .wrapper .container .contact {float: none; margin: 0; width: auto;}
    .wrapper .container .cont {float: none; margin: 0; width: auto;}
    .wrapper .container .logout {float: none; width: auto;}
    header .container .sigla { text-align: center;}
    header .container .sigla img {width: 150px;}
    header #cautare {text-align: center; margin-bottom: 10px;}
    header #cautare input[type="text"] {width: 150px;}    
    header #cos {text-align: center; margin-bottom: 10px;}
    header #cautare-cos {margin: 0;}
    nav.social-header {text-align: center; margin: 10px 0;}
    nav.social-header a {font: 11px/18px var(--ff-primary);}
    nav#main-menu {display: none;}
    section#home .container {padding: 5px;}
    section#home .container .row {margin: 0;}

    form#formAlertaPret {
      flex-direction: column;
    }
    #email-alerta-pret {
      width: 100%;
    }


    /* SLIDER PRINCIPAL */

    #slider {
      height:auto;
      margin-bottom: 200px;
    }

    #slider .carousel-item {
      width: 100%;
      height: 100%;
    }

    #slider .carousel-item .overlay {
      width:100%;
      height: auto;
      position: absolute;
      top:unset;
      bottom:20px;
      margin:0;
      padding:20px;
      text-align: center;
    }

    #slider .carousel-item .overlay .text {
      font-size: 38px;
      letter-spacing: 0px;
      line-height: 38px;
    }

    #slider .carousel-item .overlay .subtext {
      font-size: 30px;
      line-height: 30px;
      letter-spacing: 0px;
    }

    #slider .carousel-item .overlay .supratext {
      font-size: 16px;
      letter-spacing: 0px;
      line-height: 16px;
    }

    #overlay-produse {
      height: auto;
      width: 100%;
    }

    #overlay-produse .left .inner {
      position: absolute;
      left: 30px;
      top: 20px;
      z-index: 4;
      width: 50vw;
      height: auto;
      margin-top:0;
    }

    #overlay-produse .right .inner {
      position: absolute;
      left: 30px;
      top: 20px;
      z-index: 4;
      width: 40vw;
      height: auto;
      margin-top:0;
    }

    #slider .triangle {
      display: none;
    }

    #overlay-produse .left .inner .titlu {
      font-size:20px;
    }

    /* CATALOG */
    #afisare-catalog .container {width: 100%;}
    #afisare-catalog .container #filtre-categorie {width: 100%; padding:0;}
    #filtre-categorie input[type="checkbox"]:not(old) + label, #filtre-categorie input[type="radio"]:not(old) + label {margin-left: 5px;}
    #filtre-categorie input[type="checkbox"]:not(old), #filtre-categorie input[type="radio"]:not(old) {display: none;}
    #slider-range {width: 90%; padding:0 1%;}
    #amount-min {margin-left: 5px; width: 40%;}
    #amount-max {margin-right: 5px; width: 40%;}
    #afisare-catalog .container .header-rezultate .filtre {font-size: 11.5px;}
    #afisare-catalog .container #rezultate .produs .titlu a {font: 14px/16px var(--ff-primary);}
    #afisare-catalog .container .header-rezultate .pcatalog {margin-top: 10px; font-size:11px;}
    #afisare-catalog .container .header-rezultate .tip {margin-top: 13px;}
    /* ARTICOL */

    #oferta-container .container .row {margin:25px 0; padding:5px;}
    #oferta-container .container {width: 100%;}


    /* FOOTER */
    footer .container {width: 100%;}
    


    /* MENIU MOBILE */
    nav#main-meniu-mobile {display:block;}
    nav#main-meniu-mobile .container { width:100%; text-align: center; padding: 5px; background: #546070;}
    .triggerMeniu {display: block; cursor: pointer; color: var(--alb);}
    #display-meniu-categorii { display: none; margin:0; position:fixed; width:100%; height:93vh; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index:999; background:#546070; overflow:auto; text-align: center; }
    #display-meniu-categorii .row {padding-top: 10px;}
    #display-meniu-categorii h3 {font: 14px/20px var(--ff-primary); text-transform: uppercase; font-weight: bold; min-height: 40px;}
    #display-meniu-categorii i.x { cursor:pointer; font-size:22px; color:var(--alb); position:absolute; top:10px; right:10px; z-index:21; }
    #display-meniu-categorii strong { font-family: 'Exo', sans-serif; text-align: center; color:var(--alb); font-size:14px; font-weight:400; text-transform: uppercase; display:inline-block; margin:10px 0; padding:5px 15px; border:3px solid rgba(255,255,255,0.2); }
    #carousel-categorii .arrow-left { text-align: center; padding: 0; position: absolute; top:-20px; left: 10px; width: 20px;}
    #carousel-categorii .arrow-right { text-align: center; padding: 0; position: absolute; top:-20px; right: 10px; width: 20px;}
    #carousel-categorii .carousel-control { background:none; text-shadow:0; position:static; opacity: 1; font-size:30px; color:var(--alb); width:auto; }
    #carousel-categorii .coloana { text-align:center; }
    #carousel-categorii .coloana h3 a { color:var(--alb); }
    #carousel-categorii .coloana ul { list-style:none; margin:30px 0 20px 0; padding:0; }
    #carousel-categorii .coloana ul li a { color:var(--alb); font-size:15px; display:inline-block; padding:3px 0; border-bottom:2px solid rgba(255,255,255,0.1); font-family:'Roboto', sans-serif; }
    #carousel-categorii .coloana ul li a:hover { border-color:#ED1D24; }

    /* CONT */
    #tab-comenzi .comanda .comanda-articole {width: 400px;}
    #tab-comenzi .titlu {width: auto;}

    /* COS + LOGIN + REGISTER */
    #display-cos .container .fLeft {float:left;}
    #display-cos .container .fRight {float:right;}
    #display-cos .container input[name=tip_facturare]:before {content: '\A';}
    .form-cos label {word-break: break-word; width: 90%;}
    .form-cos .choose .label-pers {display: block;}
    #display-cos .container #navigare {
      grid-template-columns: 1fr;
    }

    #display-cos .container #navigare .inapoi {
      justify-self: center;
      margin-top: 20px;
    }

    #display-cos .container #navigare .cumpara {
      justify-self: center;
      margin-top: 20px;
    }

    #display-cos .container #date-facturare {
      border:0;
    }

    section#bannere .banner-half.dreapta .overlay {
      height: unset;
      width: 200px;
      margin:0;
      top:10px;
    }

    section#bannere .banner-half.dreapta .overlay .titlu {
      font-size: 18px;
      line-height: 18px;
      min-height: unset;
      margin-bottom: 10px;
    }

    section#bannere .banner-half.dreapta .overlay .subtitlu {
      font-size:16px;
      line-height: 16px;
    }

    section#bannere .banner-half.stanga .overlay {
      height: unset;
      width: 200px;
      margin:0;
      top:10px;
      left:10px;
    }

    section#bannere .banner-half.stanga .overlay .titlu {
      font-size: 18px;
      line-height: 18px;
      min-height: unset;
      margin-bottom: 10px;
    }

    section#bannere .banner-half.stanga .overlay .subtitlu {
      font-size:16px;
      line-height: 16px;
    }



}

@media only screen and (max-width: 640px) {
    .container { padding: 0; margin: 0; border: 0;}

    #oferta-container .container .discount {padding: 5px; font-size: 16px;}
    #oferta-container .container .item-360 {width: 100%; height: auto;}

    #display-mobile-header img {
      width:200px;
    }

    #submeniu-principal-articol {
      min-width: unset;
      width:500px;
    }

    #overlay-produse .left {
      height: 200px;
    }

    #overlay-produse .right {
      height: 200px;
    }

    .mobile-tema-text {
      padding:2px 4px!important;
    }

    /* CONTACT */
    #contact .container {width: 100%; padding: 10px;}
    #contact .container .form .label {width: 100%;}
    #contact .container .form input[type="text"] {width: 100%}
    #contact .container .form textarea {width: 100%}

    #display-cos .container .articole div.imagine img {
      width:80%;
      height:auto;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
  header .second-column {
    display: none;
  }
  
  #overlay-produse .left, #overlay-produse .right {
    height:192px!important;
  }
  #overlay-produse .left img, #overlay-produse .right img {
    object-fit: contain!important;
  }

  /* ARTICOL - responsive */
  #oferta-container .inner-galerie .display-360 {
    width: auto;
    height: 350px;
  }

  #oferta-container h3 {
    text-align: center;
  }

  #oferta-container .inner-galerie img.main-img {
    width: 100%;
    height: auto;
  }  
  #oferta-container .container .carousel-inner {
    margin:0;
  }

  #carousel-galerie {
    margin:20px 0;
  }

  #carousel-galerie .carousel-item img {
    height: 50px;
    width: auto;
    margin:0 2px 0 0;
  }

  #carousel-galerie .carousel-item .item {
    width:50px;
    height:50px;
    margin-right:17px;
  }

  #carousel-galerie .carousel-item .item i {
    font-size: 24px;
  }

  #oferta-container .thirty-thirty {
    grid-template-columns: 1fr;
  }

  #oferta-container .thirty-thirty-alt {
    grid-template-columns: 1fr;
  }

  #oferta-container .fifty-fifty {
    grid-template-columns: 1fr;
  }

  #oferta-container .cadouri .alt-img, #oferta-container .culori .alt-img {
    height: 50px;
    width: 50px;
  }

  #oferta-tabs .inner {
    display: block;
  }

  #oferta-tabs .inner .tab.active a {
    color: var(--accent);
  }

  #oferta-tabs .inner .tab a {
    font-size: 18px;
  }

  #oferta-tabs .inner .active::after {
    display: none!important;
  }

  #descriere {
    padding:0 10px;
  }

  #descriere img {
    width:100%!important;
    height:auto!important;
  }

  #oferta-container .container .transport-gratuit {
    width: 40px;
    height: 40px;
    top:10px;
    right:20px;
  }

  #oferta-container .container .transport-gratuit i {
    line-height: 40px;
    font-size: 18px;
  }

  #legaturi h3 {
    font-size: 24px;
    font-weight: 400;
  }
  
  #oferta-container .oferta-comentarii .com_afis .comm .rating {
    position: relative;
  }
  #oferta-container .oferta-comentarii .com_afis .comm .mesaj {
    font-size:16px;
    line-height: 24px;
  }

  

  /* HOMEPAGE */
  #slider .carousel-item img {
    width: 100%!important;
  }

  
  .fLeft {float:none; text-align: center;}
  .fRight {float:none; text-align: center;}
  header .container {width: 100%;}
  .wrapper .container {width: 100%;}
  .wrapper .container h1 {float: none; text-align: center; display: none;}
  .wrapper .container .contact {float: none; margin: 0; width: auto;}
  .wrapper .container .cont {float: none; margin: 0; width: auto;}
  .wrapper .container .logout {float: none; width: auto;}
  .wrapper .container .cos {float: none; width: auto; margin:0;}
  header .container .sigla { text-align: center;}
  header .container .sigla img {width: 40%; height: auto;}
  header #cautare {text-align: center; margin-bottom: 10px;}
  header #cos {text-align: center; margin-bottom: 10px;}
  header #cautare-cos {margin: 0;}
  nav.social-header {text-align: center; margin: 10px 0;}
  nav.social-header a {font: 11px/18px var(--ff-primary);}
  nav#main-menu {display: none;}
  
  .adauga-cos .continua {font:12px/14px var(--ff-primary);}
  .adauga-cos .inapoi {font:12px/14px var(--ff-primary);}
  .wrapper-icons {text-align: center;}
  /* HOME */
  nav#social-header .container {width:100%;}
  section#home {display: none;}
  #static-home .container {width: 100%;}
  #static-home .container .row {padding: 10px;}

  #parteneri .container { width: 100%; height: auto; padding: 5px;}
  #parteneriHomepage .item { display:block;}
  #parteneri .container .carousel-inner {border: 0; border-bottom: 2px solid #e7e7e7;}

  #brands {margin: 0;}
  #brands .container {width: 100%;}
  #brands   {height: auto;}
  #brands .container h2 {padding: 0 5px; font: 16px/16px var(--ff-primary);}
  #brands .container .col img {width: 120px; height: auto;}

  #recomandate h3 {
    font-size:30px;
    colo
  }
  #recomandate {margin: 0;}
  #recomandate .container {width:100%;}  
  
  #recomandate .produs .transport-gratuit i, #recomandate .produs .cadouri i, #recomandate .produs .item360 i {
    font-size:16px;
    line-height: 40px;
  }

  #recomandate .produs .transport-gratuit, #recomandate .produs .cadouri, #recomandate .produs .item360 {    
    right: 15px;
    width: 40px;
    height: 40px;
  }

  section#bannere .container .row {
    padding:0;
    margin:0;
  }

  section#bannere .container .row div[class^='col-'] {
    margin:0;
    padding:0;
  }
  section#bannere .banner-full .overlay .titlu {
    text-shadow: 2px 2px 0px rgb(0 0 0 / 60%);
    font-size: 60px;
    line-height: 70px;
  }
  section#bannere .banner-full .overlay .subtitlu  {
    text-shadow: 2px 2px 0px rgb(0 0 0 / 60%);
    
  }
  section#bannere .banner-full .overlay .supratitlu {
    text-shadow: 1px 1px 5px rgb(255 255 255 / 60%);
  }
  
  section#bannere .banner-half.dreapta .overlay {
    top: 10px;
    margin-top:0;
    height: auto;
    right:20px;
    width:160px;
  }

  section#bannere .banner-half.dreapta .overlay .titlu {    
    font-size: 16px;
    line-height: 18px; 
    margin-bottom:5px; 
    min-height: unset;  
  }
  
  section#bannere .banner-half.dreapta .overlay .subtitlu {
    font-size:14px;
    line-height: 16px;
  }

  section#bannere .banner-half.dreapta .overlay button {
    line-height: 16px;
    font-size: 14px;
    padding: 8px;
  }

  section#bannere .banner-half.stanga .overlay {
    top: 10px;
    margin-top:0;
    height: auto;
    left:20px;
    width:160px;
  }

  section#bannere .banner-half.stanga .overlay .titlu {
    font-size: 16px;
    line-height: 14px; 
    margin-bottom:5px;
    min-height: unset;
  }

  section#bannere .banner-half.stanga .overlay .subtitlu {
    font-size:14px;
    line-height: 16px;
  }

  section#bannere .banner-half.stanga .overlay button {
    line-height: 16px;
    font-size: 14px;
    padding: 8px;
  }

  section#bannere .banner-full img, section#bannere .banner-half img {
    width:100%!important;
    height: auto!important;
  }
  
  #vizualizate {
    height: auto;
  }

  #vizualizate h3 {
    font-size:30px;
  }
  
  #vizualizate .produs .transport-gratuit i, #vizualizate .produs .cadouri i, #vizualizate .produs .item360 i {
    font-size:16px;
    line-height: 40px;
  }

  #vizualizate .produs .transport-gratuit, #vizualizate .produs .cadouri, #vizualizate .produs .item360 {    
    right: 15px;
    width: 40px;
    height: 40px;
  }


  /* FOOTER */
  section#informatii .container {
    height: auto;
    padding:10px;
  }

  section#informatii .container .inner {
    grid-template-columns: 1fr;
    align-items: center;    
    justify-items: start;
  }

  footer {
    padding:20px;
  }

  footer h3 {
    margin:20px 0 10px 0;    
  }

  footer h3::after {
    background-color: var(--primary);
    display: block;
    /* position: absolute; */
    /* top: 38px; */
    /* left: 0; */
    height: 2px;
    width: 200px;
    content: '';
    margin-top: 5px;
  }

  section#copyright {
    padding:10px 0;
    margin-bottom: 60px;
  }

  section#copyright .client {
    padding:5px 0;
    text-align: center;
  }

  section#copyright .banci {
    text-align: center;
    padding:5px 0;
  }

  #static-home .container h3 {
    margin-top:20px;
  }

  div#gotop {
    bottom: 65px;
    left: 5px;
  }


  /* SLIDER PRINCIPAL */
  section#sliderPrincipal { margin:0 0 20px 0; }

  section#sliderPrincipal #mainCarousel .carousel-indicators { text-align:center; bottom:-20px; }
  section#sliderPrincipal #mainCarousel .carousel-indicators li {width:60px;}
  section#sliderPrincipal #mainCarousel .carousel-indicators .active {width:60px;}
	section#sliderPrincipal #mainCarousel {margin-bottom:40px;}	
	section#sliderPrincipal #mainCarousel .carousel-inner .item img {height:auto;}
	section#sliderPrincipal .container .row {text-align:center;}
	section#sliderPrincipal .container .row .col {margin-bottom:10px;}
	section#sliderPrincipal .container .row .col .item-1 {margin:0 10px 0 10px; width: 160px;}
	section#sliderPrincipal .container .row .col .item-1 .hidden-div {width: 160px;}
	section#sliderPrincipal .container .row .col .item-2 {width: 160px;}
	section#sliderPrincipal .container .row .col .item-2 .hidden-div {width: 160px;}
	section#sliderPrincipal .container .row .col .item-3 {margin:10px 10px 0 10px; width: 160px;}
	section#sliderPrincipal .container .row .col .item-3 .hidden-div {width: 160px;}
	section#sliderPrincipal .container .row .col .item-4 {margin:10px 0 0 0; width: 160px;}
	section#sliderPrincipal .container .row .col .item-4 .hidden-div {width: 160px;}
	section#sliderPrincipal .container .item .text {font:18px/28px var(--ff-primary);}
	section#sliderPrincipal .container .item .subtext {font:14px var(--ff-primary)}


	/* LOGIN + CONT */
  #login .container { width: 100%;}
  #login .container .row {padding: 10px;}
  #preregister {position: relative; margin-top: 10px;}
  #tabs ul.tabs li span {display: none;}
  #register .container { width: 100%; max-width: none; padding:10px;}

  #cont .container {width: 100%; max-width: none;}
  #cont .container h2 {padding: 10px;}
  #tab-comenzi .titlu {float: none; width: auto; margin-left: 0;}
  #tab-comenzi .comanda .comanda-id {float: none; width: auto; min-height: 0;}
  #tab-comenzi .comanda .comanda-articole {float: none; width: auto; min-height: inherit;}
  #tab-comenzi .comanda .comanda-extra {float: none;}

  /* FORMS */
  .form .label {float: none; width:auto; text-align: left; font-weight: 700;}
  .form .field {float: none; width:auto; text-align: left;}
  .form input[type="text"],.form input[type="password"],.form textarea { width: 90%;}

  /* MENIU MOBILE */
  #cautare-mobile {    
    align-content: center;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr;
  }
  form#form-cautare-mobile {
    display: flex;
    padding:0 15vw;
  }
  nav#main-meniu-mobile {display:block;}
  nav#main-meniu-mobile .container { width:100%; text-align: center; padding: 5px; background: #546070;}
  .triggerMeniu {display: block; cursor: pointer; color: var(--alb);}
  #display-meniu-categorii { display: none; margin:0; position:fixed; width:100%; height:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    z-index:20; background:#546070; overflow:auto; text-align: center; }
  #display-meniu-categorii .row {padding-top: 10px;}
  #display-meniu-categorii h3 {font: 14px/20px var(--ff-primary); text-transform: uppercase; font-weight: bold; min-height: 40px;}
  #display-meniu-categorii i.x { cursor:pointer; font-size:22px; color:var(--alb); position:absolute; top:10px; right:10px; z-index:21; }
  #display-meniu-categorii strong { font-family: 'Exo', sans-serif; text-align: center; color:var(--alb); font-size:14px; font-weight:400; text-transform: uppercase; display:inline-block; margin:10px 0; padding:5px 15px; border:3px solid rgba(255,255,255,0.2); }
  #carousel-categorii .arrow-left { text-align: center; padding: 0; position: absolute; top:-20px; left: 10px; width: 20px;}
  #carousel-categorii .arrow-right { text-align: center; padding: 0; position: absolute; top:-20px; right: 10px; width: 20px;}
  #carousel-categorii .carousel-control { background:none; text-shadow:0; position:static; opacity: 1; font-size:30px; color:var(--alb); width:auto; }
  #carousel-categorii .coloana { text-align:center; }
  #carousel-categorii .coloana h3 a { color:var(--alb); }
  #carousel-categorii .coloana ul { list-style:none; margin:30px 0 20px 0; padding:0; }
  #carousel-categorii .coloana ul li a { color:var(--alb); font-size:15px; display:inline-block; padding:3px 0; border-bottom:2px solid rgba(255,255,255,0.1); font-family:'Roboto', sans-serif; }
  #carousel-categorii .coloana ul li a:hover { border-color:#ED1D24; }

  /* CATALOG */
  #afisare-catalog .container {width: 100%; padding: 0;}
  #afisare-catalog .container .row {margin: 5px; padding: 5px;}
  #afisare-catalog .container #rezultate .produs .titlu a {font-size: 16px;}
  #afisare-catalog .container .header-rezultate {text-align: left;}
  #afisare-catalog .container .header-rezultate .row {margin: 0; padding: 0;}
  #afisare-catalog .container .header-rezultate .sortare {margin-top: 5px; font-size:14px; text-align: center; display: block;}
  #afisare-catalog .container .header-rezultate .pcatalog { margin-top: 5px; font-size:14px; text-align: center; display: block;}
  #afisare-catalog .container .header-rezultate .afisare {margin-top: 5px; font-size:14px; text-align: center; display: block;}
  #afisare-catalog .container .header-rezultate .tip { display: none;}    
  #afisare-catalog .container .header-rezultate .pcatalog { text-align: center; padding: 0 0 5px 0;}
  #afisare-catalog .container .header-rezultate select {width: 100%;}
  #afisare-catalog .container #rezultate .produs .titlu {height: auto;}
  #afisare-catalog .container .filtre-mobile {display:block;}

  #overlay-filtre {display: none; z-index: 999; background: rgba(0,0,0,0.9); position: fixed; width: 100%; height: 100%; overflow: auto; top: 0; left: 0;}
  #wrapper-filtre { display:none; padding: 10px; position: fixed; width: 100%; height: 100%; z-index: 1001; background: var(--alb); top: 0!important;  left: 0!important; overflow: auto!important;}
  #wrapper-filtre div.buton {text-align: center; display:block!important; margin: 20px auto; cursor: pointer; background: #db4503; padding: 5px; border:0; color: var(--alb); font-size: 14px; width: 150px; text-transform: uppercase;}
  /*#wrapper-vizualizare { display:none; padding: 10px; position: fixed; width: 100%; height: 100%; z-index: 1001; background: var(--alb); top: 0!important;  left: 0!important; overflow: auto!important;}*/
  /*#wrapper-vizualizare div.buton {text-align: center; display:block!important; margin: 20px auto; cursor: pointer; background: #db4503; padding: 5px; border:0; color: var(--alb); font-size: 14px; width: 150px; text-transform: uppercase;}*/
  #afisare-catalog .container #filtre-categorie {display: block;}
  /*#catalog_footer_rezultate {display: none;}*/
  #slider-range {width: 97%; margin-left: 5px}
  #amount-min {margin-left: 5px; width: 40%;}
  #amount-max {margin-right: 5px; width: 40%;}
  
  #breadcrumbs {
    border: 0;}
  #breadcrumbs i {font-size: 14px;}
  #breadcrumbs .bc-left {border-bottom: 2px solid #9EA7B2;}
  #breadcrumbs .bc-left, #breadcrumbs .bc-right {float:none;}
  #breadcrumbs .bc-left i.fa-home {width: 30px; height: 30px; line-height: 30px; padding:0 8px;}
  #breadcrumbs .bc-left a {font-size:16px;}
  #breadcrumbs .bc-right i.fa-facebook {width: 30px; height: 30px; line-height: 30px; padding:0 10px 0 0;}
  #breadcrumbs .bc-right i.fa-google-plus {width: 30px; height: 30px; line-height: 30px; padding:0 10px 0 0;}
  #breadcrumbs .bc-right i.fa-pinterest  {width: 30px; height: 30px; line-height: 30px; padding:0 10px 0 0;}


  /* PRODUCATOR */
  #producator .container {width: 100%;}
  #producator .container .row {margin: 0; padding: 5px;}
  #producator .container .row .col {padding: 5px;}
  #producator .container .sigla {float: none; display: block; margin: 0 auto 20px auto;}
  #producator .container .descriere {float: none; height: 100px; overflow: hidden;}
  #producator .item .titlu-articol {height:auto; padding:5px 0; text-align: center;}
  #producator .item .titlu-articol a {font:18px/20px var(--ff-primary);}
  #producator .item {text-align: center;}
  #producator .item img {width:auto;}
  #producator .item .place-pret {margin-left:25px;}
  #producator .item .place-cos {margin-right: 25px;}

  /* ARTICOL */	
  #oferta-container .container {width: 100%; padding: 3px;}
  #oferta-container .container .row {margin: 0; padding: 5px;}
  #oferta-container .container .main-img {width: 100%;}
  #oferta-container .container .minusplus {margin: 10px 0;}
  #oferta-container .container .descriere {padding: 5px;}
  #oferta-container .container .art-right {padding: 5px;}
  #oferta-container .container .art-left {padding: 5px;}
  #oferta-container .oferta-comentarii .com_adauga {padding: 5px;}

  #oferta-container .container h1 {font-size: 22px; line-height: 24px; text-align: center;}
  #oferta-container .container #breadcrumbs {border: 0;}
  #oferta-container .container #breadcrumbs i {font-size: 14px; line-height: 20px;}
  #oferta-container .container #breadcrumbs .bc-left {border-bottom: 2px solid #9EA7B2;}
  #oferta-container .container #breadcrumbs .bc-left, #breadcrumbs .bc-right {float:none;}

  #oferta-container .container #breadcrumbs .bc-left a {font-size:16px; line-height: 20px;}
  #oferta-container .container #breadcrumbs .bc-left i.fa-home {width: 30px; height: 30px;}
  #oferta-container .container #breadcrumbs .bc-right i.fa-facebook {width: 30px; height: 30px; padding:0;}    
  #oferta-container .container #breadcrumbs .bc-right i.fa-facebook:before {margin-right: 9px; display: inline-block; padding-top: 5px;}
  #oferta-container .container #breadcrumbs .bc-right i.fa-pinterest  {width: 30px; height: 30px;  padding:0;}
  #oferta-container .container #breadcrumbs .bc-right i.fa-pinterest:before {margin-right: 9px; display: inline-block; padding-top: 5px;}
  #oferta-container .container #breadcrumbs .bc-right i.fa-print  {width: 30px; height: 30px;  padding:0;}
  #oferta-container .container #breadcrumbs .bc-right i.fa-print:before {margin-right: 9px; display: inline-block; padding-top: 5px;}
  #oferta-container .container #breadcrumbs .bc-right i.fa-paper-plane  {width: 30px; height: 30px; padding:0;}
  #oferta-container .container #breadcrumbs .bc-right i.fa-paper-plane:before {margin-right: 9px; display: inline-block; padding-top: 5px;}

  #oferta-container .container div.buton-asamblare {margin:10px auto;}
  #oferta-container .container div.buton-plata-card {margin:10px auto;}
  #breadcrumbs .bc-right a {display: inline-grid;}
  #breadcrumbs .mobile-social {display: inline-grid;}
  #breadcrumbs .mobile-social input[type=text] {width: 85vw; padding: 2px;}
  #breadcrumbs .mobile-social button { padding: 1px 10px; line-height: 25px; text-align: center;}

  #breadcrumbs .info-social {display:none; z-index: 99; position:absolute; top:20px; background:#9ea7b2; color:var(--alb); font:12px/12px 'Roboto Slab',sans-serif; padding:10px 0; right:0; text-align:center;}
  #oferta-container .container h2 {font: 22px/24px 'Roboto Slab',sans-serif; min-height: 0;}
  #oferta-container .container .taiat {color: var(--alb); background-color: #ed1d24; padding: 5px; text-align: center;}
  

  /* COS */
  #display-cos .container {width: 100%; padding: 0 5px;}
  #display-cos .container h3 {font: 20px/20px 'Roboto Slab',sans-serif; padding:10px 0;}
  #display-cos .container .header {display: none;}
  #display-cos .container .articole div.col-producator {display: none;}

  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;    
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size:35px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#999;
	}

	header .container .row .iconzz .iconz .titlu {display:none;}

	.adauga-cos .inapoi {float:right; background: #ed1d24; color: var(--alb); font: 10px/14px var(--ff-primary); text-align: center; text-transform: uppercase; padding: 5px; cursor: pointer;}
	.adauga-cos .inapoi a {color:var(--alb); display:inline-block;}
	.adauga-cos .continua {float:left; background: #9e89c1; color: var(--alb); font: 10px/14px var(--ff-primary); text-align: center; text-transform: uppercase; padding: 5px; cursor: pointer;}
	.adauga-cos .continua a {color:var(--alb); display:inline-block;}
	.wrapper .container .bulina {display:none;}
	#display-cos .container .row .info-card {display:none;}
	#display-cos .container .row .triangle {display:none;}
	#display-cos .container #plata {padding:10px;}
	#display-cos .container #livrare {padding:10px;}
	#display-cos .container #optiuni {padding:10px;}

	#cautare-afisare .container {width: 100%;}

	section#navigare #submeniu-principal .stanga {display: none; min-height: unset;}
	section#navigare #submeniu-principal .dreapta {min-height: unset;}
	section#navigare .container {width: 100%;}	

  #breadcrumbs .container .inner.mic.alt h2 {
    font:18px/20px var(--ff-primary)!important
  }
}

/* Small phone */
@media only screen and (max-width: 320px) {
    .fLeft {float:none; text-align: center;}
    .fRight {float:none; text-align: center;}
    header .container {width: 100%;}
    .wrapper .container {width: 100%;}
    .wrapper .container h1 {float: none;}

    /* CONT, REGISTER, LOGIN */
    #register .container { width: 100%; max-width: none; padding:10px;}
    #tab-firme .formular, #tab-adrese .formular {border: 0; padding: 10px;}
    .form input[type="text"], .form input[type="password"], .form textarea {width: 95%;}
    
    section#sliderPrincipal .container .row .col .item-1 {margin:0 10px 0 5px; width: 150px;}
    section#sliderPrincipal .container .row .col .item-1 .hidden-div {width: 150px;}
    section#sliderPrincipal .container .row .col .item-2 {width: 150px;}
    section#sliderPrincipal .container .row .col .item-2 .hidden-div {width: 150px;}
    section#sliderPrincipal .container .row .col .item-3 {margin:0 10px 0 5px; width: 150px;}
    section#sliderPrincipal .container .row .col .item-3 .hidden-div {width: 150px;}
    section#sliderPrincipal .container .row .col .item-4 {margin:0; width: 150px;}
    section#sliderPrincipal .container .row .col .item-4 .hidden-div {width: 150px;}

    #recomandate   .produs .place-cos .inner-cos {font:10px/10px 'Roboto Slab',sans-serif;}
    #vizualizate   .produs .place-cos .inner-cos {font:10px/10px 'Roboto Slab',sans-serif;}
}


.vertical .carousel-inner {
    height: 100%;
}
.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
    top: 0;
}
.carousel.vertical .next {
    top: 100%;
}
.carousel.vertical .prev {
    top: -100%;
}
.carousel.vertical .next.left, .carousel.vertical .prev.right {
    top: 0;
}
.carousel.vertical .active.left {
    top: -100%;
}
.carousel.vertical .active.right {
    top: 100%;
}

/* ANIMATIONS */
@keyframes slideFromRight {
	from {
		opacity:0;
		transform: translateX(100%);
	}
	to {
		opacity:1;
		transform: translateX(0);
	}
}

@keyframes slideFromLeft {
	from {
		opacity:0;
		transform: translateX(-100%);
	}
	to {
		opacity:1;
		transform: translateX(0);
	}
}

@keyframes slideFromAbove {
	from {
		opacity:0;
		transform: translateY(-100%);
	}
	to {
		opacity:1;
		transform: translateY(0);
	}
}

@keyframes slide-right {
	from {opacity:0; left:-1000px;}
	to {opacity: 1; left:0; }	
}

.slideFromRight,
.slideFromLeft,
.slideFromAbove,
.slideFromBelow {
	transition:transform 900ms ease-in, opacity 700ms ease-in;
}

.slideFromRight {
	transform: translateX(50%);
	opacity:0;
}

.slideFromLeft {
	transform: translateX(-50%);
	opacity:0;
}

.slideFromAbove {
	transform: translateY(-50%);
	opacity: 0;
}

.slideFromBelow {
	transform: translateY(50%);
	opacity: 0;
}

.slideFromRight.appear,
.slideFromLeft.appear {	
	opacity:1;
	transform: translateX(0);
}

.slideFromAbove.appear,
.slideFromBelow.appear {
	transform: translateY(0);
	opacity: 1;
}


/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: var(--alb);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 27px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: var(--alb);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, var(--alb)fff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, var(--alb)fff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, var(--alb)fff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, var(--alb)fff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, var(--alb)fff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #000;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../admin/js/chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../admin/js/chosen/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../admin/js/chosen/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../admin/js/chosen/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: var(--alb);
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: var(--alb);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, var(--alb)fff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, var(--alb)fff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, var(--alb)fff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, var(--alb)fff 15%);
  background-image: linear-gradient(#eeeeee 1%, var(--alb)fff 15%);
  cursor: text;

}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;

}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../admin/js/chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #009900;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, var(--alb)fff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, var(--alb)fff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, var(--alb)fff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, var(--alb)fff 80%);
  background-image: linear-gradient(#eeeeee 20%, var(--alb)fff 80%);
  box-shadow: 0 1px 0 var(--alb) inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../admin/js/chosen/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../admin/js/chosen/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../admin/js/chosen/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
    border:1px solid black;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: var(--alb);
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: var(--alb);
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--alb);
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*
 * jquery.selectBoxIt.css 3.8.0
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 30px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, var(--alb)fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--alb)fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, var(--alb)fff, #e6e6e6);
  background-image: -o-linear-gradient(top, var(--alb)fff, #e6e6e6);
  background-image: linear-gradient(to bottom, var(--alb)fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: var(--alb)fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: var(--alb)fff;
  /*
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;*/
  background-color: #171717;
  background-image: -moz-linear-gradient(top, #777, #171717);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#171717));
  background-image: -webkit-linear-gradient(top, #777, #171717);
  background-image: -o-linear-gradient(top, #777, #171717);
  background-image: linear-gradient(to bottom, #777, #171717);
  background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}

section#contact .container {
  background: #fff;
  padding:10px;
}

section#login-cos {
  background: #fff;
  padding:10px;
}