/* Start Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h1, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

sub, sup {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 0.5em !important;
}

.divPret sub, .articoljustPret sub {
  display: block;
}

b, strong {
  font-weight: bold;
}

i {
  font-style: italic;
}

input[type="number"] {
  -moz-appearance: textfield;
}

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  color: #333;
}

a, .acolor {
  text-decoration: none;
  color: #a71c21;
}

a:hover, .acolor:hover {
  opacity: 0.7;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* END Reset */
/* Start setari design */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Titillium Web', sans-serif;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.container {
  width: 98%;
  max-width: 80rem;
  margin: 0 auto;
  height: 100%;
}

.c {
  clear: both;
}

.c:after {
  content: "";
  display: table;
  clear: both;
}

.divcentru {
  display: table;
  height: 100%;
  width: 100%;
}

.divrow {
  display: table-cell;
  vertical-align: middle;
}

/*MENIU SUS*/
#header {
  background: linear-gradient(#172b51, #1c3562);
  border: 1pt solid #172c52;
  box-shadow: inset 0 1pt 0 #254174;
  position: relative;
}

#logo {
  height: 100%;
}

#logo a {
  display: inherit;
  text-align: center;
}

#logo a:hover {
  opacity: 1;
}

#logo img {
  max-height: 3.75rem;
  max-width: 15.625rem;
}

#cautare {
  height: 100%;
}

#cautareformular {
  background-color: #d43837;
  text-align: center;
  border-radius: 0.125rem;
  width: 100%;
}

#cautareformular input[type="text"] {
  height: 2.3125rem;
  width: calc(100% - 2.3125rem);
  padding: 0.5rem;
  color: #242424;
  border: 0;
  float: left;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#cautareformular button {
  border: 0;
  background: none;
  padding: 0;
  color: #fff;
  font-size: 1rem;
  margin-left: 0.125rem;
  margin-top: 0.625rem;
  line-height: 0;
}

#cautareformular button:hover {
  opacity: 0.7;
  cursor: pointer;
}

#meniuDreapta {
  height: 3.75rem;
  text-align: right;
  justify-content: flex-end;
}

#meniuDreapta i {
  font-size: 1.125rem;
  margin-right: 0.1875rem;
}

#meniuDreapta a {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  font-size: 1rem;
  display: inline-block;
  margin-right: 0.4375rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.4375rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}

#meniuDreapta a:hover {
  background-color: #0c154c;
  opacity: 1;
}

#cossusqty {
  position: absolute;
  background-color: #a71c21;
  width: 1.25rem;
  top: -0.625rem;
  padding: 0.0625rem;
  text-align: center;
  border-radius: 0.1875rem;
  right: 0.1875rem;
  border: 0.0625rem solid #fff;
  font-size: 0.75rem !important;
  font: normal normal normal 0.875rem/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#cossus {
  position: relative;
}

#cossusqty:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
  position: absolute;
  top: 0.625rem;
  font-size: 0.75rem;
}

#main {}

/*BARA BENEFICII*/
.barabeneficii {
  padding-top: 1.75rem;
  padding-bottom: 1.5625rem;
  grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr)) !important;
}

.beneficiiholder {
  height: 4.375rem;
  margin-right: 0.4375rem;
  cursor: pointer;
  border-right: 0.0625rem solid #c5c5c5;
  margin-left: 1%;
  margin-right: 2%;
  display: flex;
}

.beneficiiholder:last-of-type {
  border-right: 0;
}

.beneficiiimg {
  height: 100%;
  text-align: center;
}

.beneficiiimg img {
  max-width: 100%;
  max-height: 100%;
  color: #254174;
  font-size: 2.6875rem;
  padding: 0.625rem;
}

.beneficiitext {
  flex-basis: 50%;
  height: 100%;
  padding-left: 5%;
  color: #222;
  font-size: 1rem;
  font-weight: bold;
}

.beneficiidropdown {
  width: 28%;
  padding: 0.625rem;
  margin-top: -0.25rem;
  background-color: #fff;
  box-shadow: 0.125rem 0.125rem 0.1875rem #c8c8c8;
}

.beneficiidropdown ul {
  padding: 0;
  margin: 0;
  padding-left: 1.4375rem;
}

.beneficiidropdown li {
  list-style-image: url('../images/check.png');
  background: url('../images/dcsep.png') no-repeat center bottom;
  list-style-position: outside;
  padding: 0.4375rem 0 0.4375rem 0;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.livraredropdown {
  margin-left: 20%;
}

.servicedropdown {
  margin-left: 40%;
}

.dropdowngarantii {
  margin-left: 60%;
}

.dropdowntesunam {
  margin-left: -moz-calc(70% + 0.375rem);
  margin-left: -webkit-calc(70% + 0.375rem);
  margin-left: -o-calc(70% + 0.375rem);
  margin-left: calc(70% + 0.375rem);
}

.dropdowndece {
  margin-left: 0;
}

.notificareHover {
  display: block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

/*END BARA BENEFICII*/
.containerSelectFirstPage {
  background: url('../images/bgSelect.jpg') no-repeat center center;
  padding: 1.7rem 0;
  font-size: 0.8rem;
}

.containerSelectFirstPageLeft {
  height: 100%;
}

.containerSelectFirstPageRight {
  height: 100%;
  color: #fff;
  text-align: right;
}

.containerSelectFirstPageRight>div:nth-child(2) {
  background: rgb(171 171 171 / 20%);
  padding: 2em;
}

.containerSelectFirstPageRight .titleRev {
  text-transform: uppercase;
  font-size: 1.6em;
  margin-bottom: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
}

.containerSelectFirstPage>.grid {
  grid-template-columns: 1fr 1fr;
}

.selectFirstPage {
  padding: 1.5rem;
  padding-right: 2rem;
  background-color: #fff;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  position: relative;
  max-width: 25rem;
  width: 100%;
  margin: 1.3rem 0;
}

.selectFirstPage:before {
  content: "";
  height: 3.7rem;
  width: 3.7rem;
  background: url(/public/images/search-form-icon.png) no-repeat center;
  box-shadow: 0 0 black;
  position: absolute;
  left: -0.6rem;
  top: -2rem;
}

.selectFirstPage .SumoSelect {
  line-height: 2em;
  font-size: 1.3em;
}

.selectFirstPage .SumoSelect.open>.optWrapper {
  line-height: 1em;
  font-size: 0.9em;
}

.selectFirstPage .SumoSelect.open .search-txt {
  padding-top: 0.6rem;
}

.selectFirstPage .SumoSelect>.optWrapper>.options li label {
  overflow: visible;
}

.selectFirstPage .currentSel {
  position: relative;
}

.selectFirstPage .currentSel .SumoSelect .CaptionCont {
  border: solid 0.07rem #e73333;
  box-shadow: 0 0 0.1rem 0 #e73333;
}

.selectFirstPage .currentSel:after {
  content: "";
  height: 100%;
  width: 1.7rem;
  background: url(/public/images/select_arrow.png) no-repeat center;
  box-shadow: 0 0 black;
  position: absolute;
  left: 100%;
  top: 0.1rem;
}

.choseCar {
  text-transform: uppercase;
  font-size: 1.1em;
  margin-bottom: 0.63rem;
  padding-left: 1.2em;
  font-weight: 700;
  letter-spacing: 0.03rem;
}

.marcaholder {}

.marcaholder .SumoSelect {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.modeleholder .SumoSelect {
  display: block;
  margin: 0 auto;
  width: 100%;
  margin-top: 0.55rem;
}

.tipuriholder .SumoSelect {
  display: block;
  margin: 0 auto;
  width: 100%;
  margin-top: 0.56rem;
}

/*OK, SPRE FINAL*/
/* start footer */
#aboutUs {
  margin-top: 1rem;
}

#aboutUs p {
  padding: 1.25rem;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  color: #666;
}

#aboutUs h2 {
  background-color: #f3f3f3;
  padding: 0.3125rem;
  text-transform: uppercase;
  font-size: 1rem;
  padding-left: 1.25rem;
  font-weight: bold;
}

#footer {
  margin-bottom: 1.875rem;
}

#footer .container {
  margin-top: 1.25rem;
  border-top: solid 0.0625rem #e3e3e3;
  padding-top: 1.25rem;
}

#footer>.container {
  grid-gap: 0.625rem;
}

.footerelement {
  padding: 0.75rem;
  color: #000;
  height: 100%;
  box-sizing: content-box;
  border-right: solid 0.0625rem #e3e3e3;
}

.footerelement:nth-child(1) {
  margin-left: 0.625rem;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}

.footerelement:nth-child(4) {
  border-right: 0;
}

.footerelement a {
  color: #000;
}

.footerelement p {
  line-height: 1.375rem;
  font-size: 0.875rem;
  font-family: 'Roboto', sans-serif !important;
  color: #3c3c3c;
}

.deliveryImg {
  grid-template-columns: repeat(auto-fit, minmax(5.75rem, 1fr)) !important;
  grid-gap: 0.3125rem !important;
}

.footerelement .deliveryImg li {
  padding: 0.3125rem;
  border-radius: 0.1875rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border: 0.0625rem solid #e3e5ea;
  width: 5.75rem;
  height: 3rem;
}

.footerelement .deliveryImg li img {
  max-width: 100%;
  max-height: 100%;
}

.footerelement p a {
  color: #3c3c3c;
  text-decoration: underline;
}

.titleFooter {
  margin-bottom: 1.25rem;
  font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 1rem;
  letter-spacing: -.05em;
  line-height: 1.4;
  text-transform: uppercase;
}

#barafooter {
  color: #fff;
  height: 1.25rem;
  padding-top: 0.5rem;
  text-align: center;
  font-size: 0.6875rem;
  background-color: #172c51;
  bottom: 0;
  width: 100%;
  box-sizing: content-box;
}

#barafooter a {
  color: #fff;
  text-decoration: none;
}

#barafooter a:hover {
  opacity: 0.7;
}

.posrel {
  position: relative;
}

#barafooterleft {
  position: absolute;
  text-align: left;
  top: 0;
  left: 0;
}

#barafooterright {
  position: absolute;
  text-align: left;
  top: 0;
  right: 0;
}

#barafootercenter {}

/* END footer */
#cookies {
  position: fixed;
  background: none repeat scroll 0 0 #dcdee5;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding-top: 0.75rem;
  padding-bottom: 0.9375rem;
  text-align: center;
  border-top: 0.0625rem solid #0c154c;
  border-bottom: 0;
}

#cookies .okCookies {
  display: inline-block;
  padding: 0.3125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  background-color: #0a1a24;
  font-weight: bold;
  color: #fff;
  margin-left: 1.25rem;
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  border-radius: 0.1875rem;
}

.disp {
  display: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.centru {
  text-align: center;
}

.aright {
  text-align: right;
}

.pb10 {
  padding-bottom: 0.625rem;
}

.mb10 {
  margin-bottom: 0.625rem;
}

.mb20 {
  margin-bottom: 1.25rem;
}

.mt10 {
  margin-top: 0.625rem;
}

.mt20 {
  margin-top: 1.25rem;
}

.pt20 {
  padding-top: 1.25rem;
}

.blue {
  color: #0c154c;
}

.black {
  color: #242424;
}

.w30 {
  width: 1.875rem;
  display: inline-block;
}

.f11 {
  font-size: 0.6875rem;
}

.f18 {
  font-size: 1.125rem;
}

.f20 {
  font-size: 1.25rem;
}

.f24 {
  font-size: 1.5rem;
}

.tc {
  text-align: center;
}

.takeheight {
  height: inherit;
}

#left {
  background-color: #f0f1f4;
  border-radius: 0.3125rem;
  grid-gap: 0.5rem;
}

.left>* {
  border: solid 0.0625rem #eaeaea;
}

.right {}

.left .filtreleft .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont, .SumoSelect.open>.CaptionCont, .left .filtreleft .SumoSelect:focus>.optWrapper, .SumoSelect:hover>.optWrapper, .SumoSelect.open>.optWrapper {
  box-shadow: none;
}

fieldset {
  border: solid 0.0625rem #4364a9;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.625rem;
}

fieldset legend {
  color: #4364a9;
  font-weight: bold;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 0.5rem;
}

input[type="text"]:not(.search-txt):not([name="qty"]), input[type="password"], input[type="number"] {
  -moz-box-shadow: inset 0 0 0.1875rem #B6B6B8;
  -webkit-box-shadow: inset 0 0 0.1875rem #B6B6B8;
  box-shadow: inset 0 0 0.1875rem #B6B6B8;
}

input[type="text"]:not(.search-txt):not([name="qty"]):focus, input[type="password"]:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: 0.0625rem solid #527ABA;
}

input[type="submit"], button, .buton {
  border: 0.0625rem solid #0c154c;
  background: #0c154c;
  color: #fff;
  padding: 0.375rem 1rem;
  cursor: pointer;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
}

input[type="submit"]:hover, button:hover, .buton:hover {
  opacity: 1;
}

input[type="submit"]:disabled, button:disabled, .buton:disabled {
  cursor: help;
  opacity: 0.6;
}

textarea {
  height: 6.25rem;
  padding-left: 0.3125rem !important;
}

input[type="text"]:not(.search-txt), input[type="password"], select, textarea, input[type="number"] {
  border: 0.0625rem solid #cdcdcd;
  padding-left: 2%;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
  display: inline-block;
  width: 100%;
  outline: 0;
  font-size: 0.875rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select {
  width: auto;
  height: 1.6875rem;
  color: #000;
}

input[type="text"]:not(.search-txt):not([name="qty"]):focus, input[type="password"]:focus, select:focus, textarea:focus {
  border-color: #0c154c;
  outline: 0;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(12, 21, 76, 0.6);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(12, 21, 76, 0.6);
}

.lbl {
  display: inline-table;
  width: 30%;
  margin-bottom: 0.1875rem;
  text-align: left;
}

.i {
  display: inline-table;
  width: 68%;
  margin-bottom: 0.1875rem;
  text-align: left;
}

.mchi .seriesasiu {
  width: unset !important;
}

h1 {
  line-height: 1.375rem;
  color: #a61c20;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  border-bottom: 0.0625rem solid #0c154c;
  margin-bottom: 0.3125rem;
}

/* End setari design */
/*Start meniu sus*/
.meniuContCos i {
  color: #f5e6e6;
}

.cautaretelefoane2 {
  display: none;
}

.makeitred {
  background-color: #a71c21 !important;
}

.makeitred>a {
  color: #fff !important;
}

.makeitred>a i {
  color: #fff118 !important;
}

.backgroundCat .makeitred:hover>a {
  color: #fff118 !important;
}

.textcategorie {
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
  padding: 0.9375rem 0 1.25rem;
  color: #0c154c;
}

#meniuContHover, #meniuCosHover, #meniuOfertaHover, #meniuContactHover {
  background-color: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  box-shadow: 0 0 0.625rem 0.3125rem #a71c2170;
}

#meniuContHover:before, #meniuCosHover:before, #meniuOfertaHover:before, #meniuContactHover:before {
  left: 30%;
  margin-left: -6.5625rem;
  bottom: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJz4KICA8cG9seWxpbmUgcG9pbnRzPScwLDEwMCA1MCw1MCAxMDAsMTAwJwogICAgICAgICAgICBmaWxsPScjZmZmJyBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC4wNSknCiAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlLWxpbmVqb2luPSdtaXRlcicgLz4KPC9zdmc+);
  position: absolute;
  content: " ";
  pointer-events: none;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#meniuCosHover:before {
  margin-left: 17.8125rem;
}

#meniuOfertaHover:before {
  margin-left: 1.875rem;
}

#meniuContHover:before {
  margin-left: 10.9375rem;
}

#meniuContHover .meniucont {
  border: none;
  padding: 0;
  padding-bottom: 0;
}

#meniuContHover .meniucont a {
  border: none;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  display: block;
  float: left;
  width: 50%;
  color: #a61c20;
}

#meniuContHover .meniucont a i {
  display: inline-block;
  width: 1.25rem;
  color: #0c154c;
}

#meniuContHover .meniucont a:last-of-type {
  width: 100%;
  text-align: center;
  background-color: #f6f6f6;
  margin-top: 0.625rem;
  border-radius: 0.3125rem;
}

#meniuContHover .meniucont a:last-of-type i, #left .meniucont a:last-of-type i {
  color: #a61c20;
}

#left .meniucont a {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

#left .meniucont a i {
  color: #0c154c;
}

#meniuContHover .titluleft {
  display: none;
}

.formularautentificare h1, .formularcontnoumare h1 {
  margin-bottom: 1.25rem;
}

.formularcontnoumare {
  padding: 1.875rem;
  width: 50%;
  margin: 1.25rem auto;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  border-radius: 0.3125rem;
}

.formularcontnou .lbl {
  padding: 0.125rem;
  margin-top: 0.5rem;
}

.autentificareSubmit {
  display: block;
  margin: 0 auto;
  margin-top: 0.625rem;
}

.linkuri {
  margin-top: 1.25rem;
  background-color: #f6f6f6;
  padding: 0.625rem;
  border-radius: 0.3125rem
}

.linkuri a {
  font-size: 0.875rem;
}

.linkuri a:first-child {
  float: left;
}

.linkuri a:nth-child(2n) {
  float: right;
}

.submitcont {
  text-align: center;
  padding-top: 0.625rem;
}

.boxNewAccount {
  position: relative;
  margin-bottom: 1rem;
}

.boxNewAccount img {
  max-width: 5.375rem;
  position: absolute;
  right: 0.625rem;
  top: -3.3125rem;
}

.formularcentru {
  margin: 1.25rem auto;
  padding: 0.9375rem;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  position: relative;
  border-radius: 0.3125rem;
  line-height: 1.6rem;
}

.formular .v {
  width: 25%;
  float: left;
  padding-top: 0.5625rem;
}

.formular .lbl {
  width: 25%;
  float: left;
  padding-top: 0.1875rem;
}

.formular .i {
  width: 75%;
  float: right;
  padding-top: 0.125rem;
  padding-bottom: 0.1875rem;
}

.formular .h2 {
  line-height: 1.375rem;
  color: #a61c20;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: left;
  border-bottom: 0.0625rem solid #0c154c;
  margin-bottom: 1.25rem;
}

.dreapta {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
}

.forminner {
  float: left;
  margin-left: 0.625rem;
}

#meniu2 {
  background-color: #fff;
  right: 0;
  left: 0;
  z-index: 9999;
  height: 1.5625rem;
  border-bottom: 0.0625rem solid #242424;
  position: fixed;
  top: 3.75rem;
  display: none;
}

#meniu2 .takeheight {
  height: 1.625rem !important;
}

#meniu2left {
  float: left;
  background-color: #a61c20;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border-bottom: 0;
  position: relative;
  width: 2.375rem;
  height: 2.125rem;
  border-radius: 0.3125rem;
  margin-top: 0.8125rem;
  margin-right: 0.75rem;
}

#meniu2left i {
  font-size: 1.125rem;
}

#meniu2left2 {
  width: 21.25rem;
  float: left;
  height: 100%;
}

#meniu2left2 a {
  color: #A52A2A;
  font-size: 1.125rem;
  border-right: solid 0.0625rem #A52A2A;
  padding-right: 1.0625rem;
  padding-left: 1.0625rem;
}

#meniu2right {
  width: calc(100% - 36.25rem);
  width: -webkit-calc(100% - 36.25rem);
  width: -moz-calc(100% - 36.25rem);
  height: 100%;
  float: right;
  position: relative;
}

#meniu2right #adminCpanel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

/* END Meniu Sus */
/*AUTOSUGEST*/
.ui-autocomplete .ui-menu-item:nth-child(even) {
  background-color: #e9eaef;
}

.textsugest b {
  line-height: 1.3;
}

.motor {
  color: #0c154c;
  font-weight: 600;
}

.cp, .cw, .carburant {
  color: #a71c21;
  font-weight: 600;
}

.searchsugest {
  width: 100%;
  min-height: 2.5rem;
}

.ui-menu .ui-menu-item {
  list-style-image: none !important;
  border-bottom: 0.0625rem solid #bbbbbb;
}

.pretSugest {
  color: #f5e6e6;
}

.searchsugest:hover {
  background-color: #f5e6e6 !important;
  color: #A52A2A !important;
  cursor: pointer;
}

.imaginesugest {
  float: left;
  width: 2.8125rem;
  height: 2.5rem;
  padding-top: 0.3125rem;
}

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

.imaginesugest img {
  max-width: 2.8125rem;
  max-height: 2.5rem;
}

.textsugest {
  float: right;
  width: calc(100% - 2.8125rem);
  width: -webkit-calc(100% - 2.8125rem);
  width: -moz-calc(100% - 2.8125rem);
  height: inherit;
  padding: 0.625rem;
}

.denumiresugest {
  display: block;
  color: #393939;
  font-size: 0.9375rem;
  height: inherit;
}

.descrieresugest {
  display: block;
  font-size: 0.75rem;
  color: #fff;
  height: 0;
  overflow: hidden;
}

.pretsugest {
  display: none;
  text-align: right;
}

.codsugest {
  font-size: 0.75rem;
  float: left;
  padding-top: 0.375rem;
  font-weight: bold;
}

.ui-menu {
  z-index: 99999 !important;
  max-height: 30.5625rem;
  overflow-y: auto;
}

.veziTot .denumiresugest {
  text-align: center;
  color: #d48e1b;
  text-decoration: underline;
}

.veziTot .imaginesugest {
  height: 1.0625rem;
}

.veziTot {
  min-height: 1.0625rem;
}

.veziTot .imaginesugest img {
  max-height: 1.0625rem;
}

.ui-state-active {
  background: none !important;
  background-color: #f5e6e6 !important;
}

.ui-state-active .searchsugest {
  opacity: 1 !important;
}

.ui-state-active .searchsugest {
  color: #A52A2A !important;
}

/*END AUTOSUGEST*/
/* Start BANNERE */
#contentFistPage {
  width: 100%;
  float: right;
  position: relative;
  //padding-left: 0.625rem;
  height: 26rem;
  background-color: #fff;
}

.leftwhite {
  background-color: #fff;
  margin-bottom: 1.25rem;
  border-radius: 0.3125rem;
}

#banner {
  height: 26.25rem;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
}

.barabeneficii {
  max-width: 100%;
}

.backgroundCat>li>a {
  color: #464646 !important;
  font-weight: 600;
}

.backgroundCat>li:nth-child(2n) {
  background-color: #f0f1f4;
}

.backgroundCat>li:hover>a {
  color: #e73333 !important;
}

#banner img {
  height: 26.25rem !important;
}

#banner .bx-wrapper {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin-bottom: 0;
}

#banner .bx-pager {
  bottom: auto;
  margin-top: -1.125rem;
  padding-top: 0;
  text-align: right;
}

#banner .bx-pager-item:last-child {
  margin-right: 1.875rem;
}

#banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active, #banner .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #ffffff;
}

#banner .bx-controls-direction {
  display: none;
}

#bannere {}

#bannere a:hover {
  opacity: 1;
}

#bannere img {
  width: 100%;
  max-height: 100%;
}

#bannerLeft {
  margin-top: 1.25rem;
}

#bannerLeft .bx-wrapper {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin-bottom: 0;
}

#bannerLeft .bx-pager {
  bottom: auto;
  margin-top: -1.875rem;
  padding-top: 0;
  text-align: right;
}

#bannerLeft .bx-pager-item:last-child {
  margin-right: 1.875rem;
}

#bannerLeft .bx-wrapper .bx-pager.bx-default-pager a:hover, #bannerLeft .bx-wrapper .bx-pager.bx-default-pager a.active, #bannerLeft .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #ffffff;
}

#bannerLeft .bx-controls-direction {
  display: none;
}

#bannereLeft {}

#bannereLeft a:hover {
  opacity: 1;
}

#bannereLeft img {
  width: 100%;
  max-height: 100%;
}

/*END BANNERE*/
/* PRIMELE 6 MARCI*/
.marcaFirstHolder {
  display: flex;
  height: 2.8125rem;
  margin-right: 0.3125rem;
  background-color: #fff;
  margin-bottom: 0.3125rem;
  cursor: pointer;
  border: 0.0625rem solid #0c154c;
}

.marciautosus a:hover, .grupesus a:hover {
  color: #a71c21;
  opacity: 1;
}

.marcaFirstHolder:hover {
  cursor: pointer;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem #a71b20;
}

.fixMarginsTitle {
  margin: 0;
}

.marcaFirstImg {
  width: 25%;
  height: 98%;
  text-align: center;
}

.marcaFirstImg img {
  max-height: 2.375rem;
  max-width: 90%;
}

.marcaFirstText p {
  height: 100%;
  text-align: left;
  height: 2.1em !important;
  font-weight: 600;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
}

.marcaFirstText p a {
  color: #000000;
  font-weight: 600;
}

.marcaFirstText>span {
  display: block;
  width: 100%;
  letter-spacing: 0.05rem !important;
  font-weight: 800 !important;
}

.marcaFirstText>span a {
  color: #ca3434;
}

.marcaFirstText {
  flex-wrap: wrap;
  flex-basis: 100%;
}

.marciautosus {
  width: auto !important;
  text-align: left;
  padding-left: 0;
}

.qedit {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  color: #a71c21 !important;
}

.marciautosus a .marciAutoText {
  text-align: left;
}

.marciautosus .coloanamarci a:first-child {
  margin-top: 0;
}

.marciautosus .coloanamarci a:last-child {
  margin-bottom: 0;
}

.marciautosus a {
  grid-template-columns: 1fr 4fr;
  -moz-border-radius: 0;
  cursor: pointer;
  padding: 0 !important;
  margin: 0.375rem auto;
  color: #242424;
  border-radius: 0.3125rem;
  background-color: #f0f1f4;
  border: 0.125rem solid #f0f1f4;
}

.grupesus a .textGrupa {
  text-align: left;
}

.grupesus .coloanagrupa a:first-child {
  margin-top: 0;
}

.grupesus .coloanagrupa a:last-child {
  margin-bottom: 0;
}

.grupesus, .marciautosus {
  grid-gap: 0.5rem;
}

.grupesus a {
  grid-template-columns: 1fr 4fr;
  -moz-border-radius: 0;
  cursor: pointer;
  padding: 0 !important;
  margin: 0.375rem auto;
  color: #242424;
  border-radius: 0.3125rem;
  background-color: #f0f1f4;
  border: 0.125rem solid #f0f1f4;
}

.marciAutoImg {
  height: 100%;
  text-align: center;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  display: inline-block;
  background-color: #fff;
  border-bottom-left-radius: 0.3125rem;
  border-top-right-radius: 0.625rem;
  border-top-left-radius: 0.3125rem;
}

.iconGrupa {
  width: 1.875rem;
  text-align: center;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  display: inline-block;
  background-color: #fff;
  border-bottom-left-radius: 0.3125rem;
  border-top-right-radius: 0.625rem;
  border-top-left-radius: 0.3125rem;
  font-size: 1.125rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.marciAutoText {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  height: 1.875rem;
  text-align: center;
  font-size: 0.875rem;
  display: inline-block;
}

.imgAutoProd {
  max-height: 1.25rem;
  display: block;
  margin: 0 auto;
}

/*END PRIMELE 6 MARCI*/
.firstpagebox {
  margin-top: 1.5625rem;
  background-color: #fff;
  padding: 0.625rem;
  box-shadow: 0.125rem 0.125rem 0.1875rem #c8c8c8;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.firstpageboxTitle {
  font-size: 1.4rem;
  font-weight: 800;
  padding: 1rem;
  text-align: center;
  letter-spacing: 0.04rem;
  border-bottom: 0;
}

/* Start mesaj */
.adaugarecos {
  padding: 0.625rem;
  padding-bottom: 1rem;
}

.continuacumparaturi {
  display: inline-block;
  margin-right: 0.625rem;
}

.trimitecomanda {
  display: inline-block;
  margin-left: 0.625rem;
}

.adaugarecosdown {
  padding-bottom: 0.75rem;
}

.adauagrecosarticol {
  font-size: 0.9375rem;
  color: #000;
}

#mesaj {
  text-align: center;
  background-color: #fff;
  border: solid 0.125rem #242424;
  border-top: 1.25rem solid #242424;
  opacity: 0.97;
  display: none;
  z-index: 99999999;
  position: absolute;
  border-radius: 0.3125rem;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
}

#mesajinner {
  position: relative;
  text-align: center;
  padding: 1.25rem;
  min-width: 26.25rem;
  border-radius: 0.3125rem;
}

#mesajClose {
  position: absolute;
  right: 0.1875rem;
  top: -1.0625rem;
  cursor: pointer;
  color: #fff;
}

#mesajClose:hover {
  opacity: 0.7;
}

/* END Mesaj */
/* Start edit */
.complete {
  margin-top: 0.625rem;
}

#tipfacturare {
  margin-bottom: 0.625rem;
}

.adresainaltime h1 {
  margin-bottom: 0.625rem;
  margin-top: -0.625rem;
}

#editfrom {
  text-align: center;
  background-color: #fff;
  opacity: 0.97;
  display: none;
  z-index: 99999999;
  position: absolute;
  max-width: 90%;
  border: solid 0.125rem #1b335f;
  border-top: 1.25rem solid #1b335f;
  border-radius: 0.3125rem;
  box-shadow: 0 0 0.1875rem 0 #5d5d5d;
}

#rosc {
  width: 3.75rem;
  display: inline-block;
}

#rsc {
  width: calc(100% - 5.375rem) !important;
  width: -webkit-calc(100% - 5.375rem) !important;
  width: -moz-calc(100% - 5.375rem) !important;
  float: right;
}

#editfrominner {
  position: relative;
  text-align: center;
  padding: 1.25rem;
  border-radius: 0.3125rem;
}

#editfromClose {
  position: absolute;
  right: 0.1875rem;
  top: -1.0625rem;
  cursor: pointer;
  color: #fff;
}

#editfromClose:hover {
  opacity: 0.7;
}

#editfromContent div, #editfromContent div object {
  max-width: 100% !important;
}

/* END Edit */
.nav_link {
  padding: 0.5rem 0;
}

.nav_link a {
  text-decoration: none;
  color: #39406d;
}

.nav_link a.home {
  color: #e73333;
}

.nav_link .fa-angle-double-right {
  font-size: 0.75rem;
  color: #3D4045;
}

.nav_link .fa-tint {
  color: #527ABA;
}

.nav_link .container {
  padding: 0.4em;
}

.nav_link .container>i {
  font-size: 0.5625rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.istorictitle, #left h1 {
  text-align: center;
  background-color: #fff;
  padding: 0.125rem;
  font-weight: bold;
  color: #0c154c;
  font-size: 1rem;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  position: relative;
}

.istoricMasini {
  background-color: #f0f1f4;
  padding: 0.25rem;
  grid-template-columns: 1fr !important;
  grid-gap: 0.5rem !important;
}

.ctn_flitre {
  padding-bottom: 0.0625rem;
}

.istoricMasini li {
  padding: 0.5rem;
  background-color: #fff;
}

.dnhide {
  cursor: pointer;
}

.istoricMasini li a {
  color: #444;
}

.istoricMasini li .imgIstoric {
  text-align: center;
}

.istoricMasini li .imgIstoric img {
  max-width: 2.1875rem;
}

.istoricMasini li>a>.textIstoric {
  display: inline-block;
  line-height: 1.1875rem;
  padding-left: 0.625rem;
}

/* Start Model */
.modelholder {}

.modelholder ul {
  list-style: none;
}

.modelholder ul li {
  list-style: none;
  border: 0.0625rem solid #E6DEDE;
  border-top: 0;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.modelholder ul:not(.modele) li:nth-child(2n) {
  width: 50%;
  margin-right: 0;
}

.modelholder ul li:last-child, .tipholder ul li:last-child {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.modelholder ul li:nth-last-child(2) {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.modelholder ul li:nth-child(4n + 1), .modelholder ul li:nth-child(4n + 2), .tipholder ul li:nth-child(2n+1) {
  background-color: #f3f4f6;
}

.modelholder ul li:hover {
  background-color: #b2b5c7;
  cursor: pointer;
}

.modelholder .flright {
  float: right;
  width: 6.25rem;
}

.modelname {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 65%;
  display: block;
  white-space: nowrap;
  float: left;
  min-height: 1.0625rem;
}

.modelholder .delaan {
  text-align: center;
}

.modelholder .laan {
  text-align: center;
}

.modelNr {
  width: 1.625rem;
  text-align: center;
  display: block;
  float: left;
}

.titluGri {
  padding: 0.375rem;
  background-color: #aaa;
  font-weight: bold;
  margin-bottom: 0.1875rem;
  font-size: 0.8125rem;
}

.tipholder {}

.tipholder ul {
  list-style: none;
}

.tipholder ul li {
  width: 100%;
  border: 0.0625rem solid #E6DEDE;
  border-top: 0;
}

.tipholder ul li:hover {
  background-color: #b2b5c7;
  cursor: pointer;
}

.tipholder .delaan {
  border-left: 0.0625rem solid #E6DEDE;
  text-align: center;
}

.tipholder .laan {
  text-align: center;
  border-left: 0.0625rem solid #E6DEDE;
}

#caroserie {
  width: 100% !important;
}

.caroserietip {
  border-left: 0.0625rem solid #E6DEDE;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 3.75rem;
}

.carburanttip {
  border-left: 0.0625rem solid #E6DEDE;
  text-align: center;
}

.cptip {
  border-left: 0.0625rem solid #E6DEDE;
  text-align: center;
}

.cwtip {
  border-left: 0.0625rem solid #E6DEDE;
  text-align: center;
}

.titluLi {
  background-color: #a61c20 !important;
  cursor: default;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border: 0.0625rem solid #a61c20 !important;
}

.titluLi a {
  cursor: default;
}

.titluLi a:hover {
  opacity: 1;
}

.linktip {
  font-weight: normal;
  color: #292929;
  padding: 0.25rem 0.3rem;
}

.titluLi .linktip {
  color: #fff;
  font-weight: bold;
}

/* END Model */
#content {
  width: 100%;
  position: relative;
  background-color: #fff;
  margin-bottom: 1.875rem;
}

.formularautentificare {
  text-align: center;
}

.formularc {
  text-align: left;
  display: inline-block;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  padding: 1.25rem;
  margin: 3.125rem auto;
  border-radius: 0.3125rem;
}

.formularc .v {
  margin-top: 0.3125rem;
}

.autentificareSubmit {
  display: block;
  margin: 0 auto;
  margin-top: 0.625rem;
}

.editmasina {
  margin-top: -1.25rem;
}

.editmasina .trimitebuton {
  margin-top: 1.25rem;
}

.bxsd {
  box-shadow: 0 -0.125rem 1.25rem #242424;
}

#editautotext {
  text-align: center;
  display: none;
  padding: 1.25rem;
  width: 37.5rem;
  margin: 0 auto;
}

#editautotext input[type="text"] {
  padding: 0.25rem;
}

.seriimasina {
  text-align: center;
}

.altedate {
  text-align: center;
}

.altedatetext {
  text-align: center;
}

.altedatetext textarea {
  width: 90%;
  height: 3.125rem;
}

.mchk {
  display: block;
  width: 20%;
  float: left;
  margin-bottom: 0.625rem;
  text-align: left;
}

.mchi {
  display: inline-block;
  width: 11.25rem;
  text-align: center;
  position: relative;
}

.mchi input[type="text"] {
  text-align: center;
}

.mchi .jqEasyCounterMsg {
  position: absolute;
  right: 2.5rem;
  top: 0;
}

.infoexpirare {
  text-align: center;
}

.infoexpirare input[type="text"] {
  width: 4.6875rem;
  text-align: center;
}

.mchd {
  display: inline-block;
  width: 5.9375rem;
  text-align: center;
}

.editmasina h1 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.hhlessmargin {
  margin-bottom: 0.8125rem;
}

#scfacturare, #curidicare, #datenoidefacturare, #adresanoua {
  display: none;
}

.hh2 {
  font-size: 0.9em;
  position: absolute;
  right: 0;
  top: 0.4375rem;
  display: inline-block;
}

/*clasa pentru afisare in parcare*/
.autoparcare {
  margin-bottom: 0.625rem;
  border-bottom: solid 0.0625rem #dcdee5;
  padding-bottom: 0.625rem;
  position: relative;
}

.imaginiparcare {
  float: left;
  text-align: center;
  width: 20%;
}

.imaginiparcare img {}

.texteparcare {
  float: right;
  width: 79%;
  text-align: center;
}

.texteparcare .expirare:first-child {
  border-top-left-radius: 0.3125rem;
}

.texteparcare .expirare:nth-child(3) {
  border-top-right-radius: 0.3125rem;
  width: 34%;
  margin-right: 0%;
}

.texteparcare .expirare:nth-child(6) {
  width: 34%;
  margin-right: 0%;
}

.texteparcare .expirare:nth-child(7) {
  border-bottom-left-radius: 0.3125rem;
  width: 50%;
}

.lastoneexp {
  width: 30% !important;
}

.editcere {
  float: right;
}

.editcere .buton {
  margin-left: 0.3125rem;
  padding-left: 0.6875rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.4375rem;
  display: block;
  float: left;
}

.editcere .buton:first-of-type {
  margin-left: 0;
}

.expirare {
  display: inline-block;
  width: 32%;
  margin-right: 1%;
  border: solid 0.0625rem #a61c20;
  margin-bottom: 1%;
  padding: 1%;
  float: left;
  font-weight: bold;
  color: #0c154c;
}

.redB {
  font-weight: bold;
  color: red;
}

.blueB {
  font-weight: bold;
  color: blue;
}

.exce {
  width: 60%;
  display: inline-block;
  text-align: left;
}

.exval {
  width: 37%;
  display: inline-block;
  text-align: right;
}

.editcereparcare {
  float: right;
}

.nrauto {
  max-width: 100% !important;
}

/*end parcare*/
/*clasa pentru paginare*/
.paginareholder {
  margin-bottom: 0.625rem;
}

.ordonare {
  float: left;
  width: 18.75rem;
}

.ordonare select {
  float: left;
  width: 8.75rem;
}

.ordonare select:last-of-type {
  float: right;
}

.paginareholder a {
  color: #555555;
  display: inline-block;
  text-align: center;
  line-height: 1.75rem;
  padding-left: 0.375rem;
  padding-right: 0.4375rem;
  font-size: 1.1875rem;
  -webkit-box-shadow: inset 0 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  text-decoration: none;
  transition: all .3s;
}

.paginareholder a:hover, .paginareholder a.active {
  background-image: none;
  background-color: #0c154c;
  color: #FFFFFF;
  text-decoration: none;
}

.paginare {
  float: right;
  padding-right: 0.4375rem;
}

.paginare select {
  margin-right: 0.1875rem;
  margin-left: 0.375rem;
  width: 3.4125rem;
}

.afisareHolder {
  float: right;
  margin-left: 0.625rem;
}

.afisareHolder a:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}

.afisareHolder a:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
}

.afisareHolder a {
  display: block;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  background-color: #dcdee5;
}

.afisareHolder span {
  display: block;
  float: left;
  padding-right: 0.4375rem;
  padding-top: 0.4375rem;
}

/*end clasa pentru paginare*/
/*ARTICOL */
.articleCriterii b {
  text-transform: capitalize;
}

.articleCriterii h1 {
  font-size: 1.25rem;
}

.articleCriterii {
  background-color: #f0f1f4;
  padding: 0.9375rem;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  margin-top: 0.625rem;
  line-height: 1.1875rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
}

.titlucriterii {
  text-transform: uppercase;
  font-size: 1.0625rem;
  font-weight: bold;
  color: #527ABA;
  margin-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid;
  display: inline-block;
}

.descriptionart h1 {
  font-size: 1.25rem;
}

.descriptionart {
  color: #3D4045;
  margin-bottom: 1.5625rem;
  line-height: 1.125rem;
  letter-spacing: 0.02em;
}

.descriptionart strong {
  font-weight: bold;
}

.descriptionart p {
  margin-top: 0.5rem !important;
  margin-bottom: 0.625rem !important;
}

.descriptionart h2 {
  color: #A52A2A;
  font-weight: bold;
}

.imaginesmallcontainer {
  width: 100%;
  height: 5.625rem;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 0.9375rem;
}

.articolImagine>a {
  display: block;
  border-radius: 0.3125rem;
  padding: 0.625rem;
  text-align: center;
  border: 0.0625rem solid #c5c4c4;
}

.articolImagine {}

.articolImagine .articleimg {
  max-width: 100%;
}

.articoleholder:not(.articolegrid) {
  display: grid;
  grid-gap: 1.25rem;
}

.articoleholder:not(.articolegrid) .articolTitle {
  grid-area: title;
}

.articoleholder:not(.articolegrid) .articolImg {
  grid-area: img;
}

.articoleholder:not(.articolegrid) .flex {
  grid-area: artdata;
}

.articoleholder:not(.articolegrid) .articolDescriere {
  grid-area: desc;
  margin-right: 0.625rem;
}

.articoleholder:not(.articolegrid) .articolCriterii {
  grid-area: crit;
}

.articoleholder:not(.articolegrid) .articolPret {
  grid-area: buy;
}

.articoleholder:not(.articolegrid) .articol {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1.5fr;
  grid-template-rows: auto;
  grid-template-areas:
    "img artdata . ."
    "img title title buy"
    "img desc desc buy"
    "img desc desc crit";
}

.articoleholder:not(.articolegrid) .articol .articolPret {
  display: block;
}

.articoleholder:not(.articolegrid) .articol .articoljustPret {
  grid-template-columns: 1fr 1.5fr !important;
  height: 1.92em;
}

.articoleholder:not(.articolegrid) .cumparaholderbuton {
  grid-template-columns: 1fr;
}

.articoleholder:not(.articolegrid) .cumparaholderbuton {
  grid-template-columns: 1fr;
}

.articoleholder:not(.articolegrid) .cumparaholderbuton .qtyctrl {
  justify-self: flex-end;
  margin-bottom: 0.375rem;
}

.parereleft {
  float: left;
  width: 50%;
}

.parereright {
  float: left;
  width: 50%;
}

.parereright textarea {
  height: 5.6875rem;
  margin-top: -0.0625rem;
  /*background-image: url(../images/textareabg.jpg);*/
  background-position: top center;
  background-repeat: repeat;
  line-height: 1rem;
}

.pr6 {
  padding-right: 0.375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.opiniiContainer {}

.opinieContainer {
  margin-bottom: 0.625rem;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid #242424;
  min-height: 4.25rem;
  position: relative;
}

#raspundeGeneral {
  display: none;
}

.opinieRaspune {
  position: absolute;
  right: 0;
  top: 0;
}

.opinieSpatiu {
  min-height: inherit;
  width: 2.6875rem;
  float: left;
}

.opinieNume {
  margin-bottom: 0.1875rem;
}

.opinieImg {
  float: left;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  max-width: 2.5rem;
  max-height: 2.5rem;
}

.opinieImg img {
  max-width: 100%;
  max-height: 100%;
}

.articol {
  position: relative;
  border: 0.0625rem solid #c5c4c4;
  border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  padding: 0.5em;
}

.articoledit {
  position: absolute;
  left: 0.125rem;
  top: 0.125rem;
  padding: 0.3125rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  background-color: #242424;
  color: #fff;
  line-height: 1.1875rem;
  border-radius: 0.3125rem;
  font-size: 1rem;
  font-weight: 600;
}

.firstpageboxTitle .articoledit {
  left: unset;
  right: 0;
  top: 0;
}

.articlename .articoledit {
  right: 0.625rem;
  top: 0.625rem;
  left: auto;
  padding: 0.3125rem;
  font-weight: normal;
  text-shadow: none;
}

.articoledit a {
  color: #fff;
}

.articolTitle {
  font-size: 0.9375rem;
  color: #464646;
  font-weight: 600;
  margin-top: 0.625rem;
  cursor: pointer;
  overflow: hidden;
}

.articolLinie {
  border-bottom: 0.0625rem solid #F3F3F3;
  width: 60%;
  margin: 0 auto;
  height: 0;
  margin-bottom: 0.25rem;
}

.articolImg {
  height: 100%;
}

.articolImg a:hover {
  opacity: 1;
}

.articolDetalii {
  text-align: right;
  padding-top: 0.75rem;
  font-size: 0.875rem;
}

.articolDetalii a {
  color: #527ABA;
}

.articolDescriere {
  overflow: hidden;
}

.articolImg a {
  text-align: center;
}

.articolImg img {
  max-height: 10.625rem;
  max-width: 80%;
}

.articolPret {
  color: #7A7B7E;
  text-align: center;
  height: 100%;
}

.articol .imgstoc {
  font-size: 1.5em;
}

.imgstoc.b {
  color: #39507a;
}

.imgstoc.g {
  color: green;
}

.imgstoc.l {
  color: #6b7728;
}

.imgstoc.y {
  color: yellow
}

.articolPromo .articoljustPret, .articolPromo .divPret {
  color: #c71f25 !important;
}

.articoljustPret {
  font-size: 1.6rem;
  color: #192f59;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  width: 100%;
  grid-gap: 0.0625rem !important;
}

.articoljustPret>span:not(.pcut) {
  text-align: right;
  white-space: nowrap;
}

.pretvechi {
  font-weight: 400;
  font-size: 0.875rem;
  color: #242424;
}

.oldprice {
  font-size: 1.0625rem;
  color: #0c154c !important;
  text-decoration: line-through;
}

.articolCod {
  font-weight: 600;
  white-space: nowrap;
}

.articolCod span {
  font-size: 1.2em;
  text-transform: uppercase;
  color: #464646;
  font-weight: 700;
}

.articolProducator {
  height: 2.1875rem;
  cursor: pointer;
  text-align: right;
}

.articolProducator img {
  max-width: 100%;
  max-height: 100%;
}

.articolStars {
  text-align: center;
}

.siteStars {
  text-align: right;
}

.siteNote {
  text-align: right;
  font-weight: 700;
  font-size: 2em;
}

.starsinto {
  color: #ffe200;
  grid-gap: 0.0625rem !important;
}

.articolCriterii {
  overflow: hidden;
  text-align: center;
  font-size: 0.8125rem;
}

.articolCrit {
  color: #464646;
  margin: 0.3rem 0;
  line-height: 1.25rem;
}

.adaugaFavorite {
  color: #969696;
  cursor: pointer;
  line-height: 1.5rem;
  display: block;
  width: 100%;
  padding: 0.3125rem;
  text-align: center;
}

.adaugaFavorite i {
  margin-right: 0.4375rem;
}

.adaugaFavorite:hover {
  color: #3a3a3a;
}

.verdefav {
  color: #3aa219;
}

.left .articolegrid .articol {
  width: 100% !important;
  margin-right: 0 !important;
}

.articol .articolImg {
  width: 100%;
}

.articoleholder:not(.articolegrid) .articol .articolImg {
  height: 11.875rem;
}

.articolegrid .articolImg {
  width: 100%;
  height: 11.875rem;
}

.articol .articolDescriere {
  height: 4.1em;
  border-top: solid 0.0625rem #eaeaea;
  padding: 0 0.625rem;
  line-height: 1em;
}

.articolegrid .onlyDescriereHolder {
  display: none;
}

.articolTitle {
  margin-bottom: 0.125rem;
  height: 1.4375rem;
}

.articolTitle h1 {
  font-size: 1.2em;
  border-bottom: 0;
}

.articolegrid .articolTitle h1 {}

.articol .articolCriterii {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0 0.625rem;
}

.articolegrid .articolPret {
  flex-flow: column;
  box-sizing: content-box;
  width: 100%;
  position: relative;
  margin-right: 0;
}

.pcut {
  font-size: 0.64em;
  text-align: left;
}

.discSize>span {
  background-color: green;
  color: #fff;
  padding: 0.1em;
  display: inline-block;
}

.articolCriterii img {
  max-width: 90%;
}

.articolegrid .articoleGriMulti .articolCriterii {
  float: none;
  height: 6.8125rem;
  width: 100%;
  margin-right: 0;
}

.articolegrid .articoleGriMulti .articolPret {
  float: none;
  height: 2rem;
  width: 100%;
  margin-right: 0;
}

/*VARIANTE DE PRET*/
.cumparaholderbuton {
  grid-gap: 0 !important;
}

.variantedepret {
  width: 100%;
  border: 0.0625rem solid #c5c4c4;
  margin-bottom: 1.25rem;
  border-radius: 0.3125rem;
  position: relative;
}

.variantedepret .variantadepret:first-of-type {
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}

.variantedepret .variantadepret:last-of-type {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.variantadepret {
  position: relative;
  grid-gap: 0;
}

.variantapret {
  float: right;
  height: inherit;
  width: 8.75rem;
  font-size: 1.3125rem;
  color: #8e1a1a;
  text-align: right;
  margin-right: 0.625rem;
  color: #A52A2A;
  font-weight: 600;
}

.variantastoc {
  height: inherit;
  text-align: center;
}

.variantaprod {
  float: left;
  height: inherit;
  width: calc(100% - 32.8125rem);
  font-weight: bold;
  font-size: 1.0625rem;
  color: #333;
}

.variantalink {
  float: left;
  height: inherit;
  width: 9.375rem;
  font-weight: bold;
}

.ui-tooltip {
  white-space: pre-line;
  text-align: center !important;
  margin-left: -6.25rem !important;
}

/*END VARIANTE DE PRET*/
/*butonul de cumpara*/
.articolCumpara {
  width: 100%;
  margin: 0 auto;
  margin-top: 0.3em;
}

.articolegrid .articolCumpara {}

.cumparaholder {
  font-size: 0.75rem;
  height: 7.375rem;
  width: 9.6875rem;
  float: right;
  position: relative;
}

.cumparaholderbuton {}

.qtyctrl {
  border: solid 0.0625rem #cdcdcd;
  border-radius: 0.1875rem;
  width: 5.625rem;
}

.qtyinput {
  height: 100%;
  text-align: center;
}

.qtyinput input[type="text"], .qtyinput input[type="number"] {
  height: 100%;
  color: #000;
  font-size: 1em;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  text-align: center;
}

.qtyplus:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  cursor: pointer;
}

.qtyminus:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f104";
  cursor: pointer;
}

.qtyplus, .qtyminus {
  height: 100%;
  text-align: center;
}

.qtyplus:before, .qtyminus:before {
  width: 100%;
  height: 100%;
  line-height: 1.6em;
}

.cumparaarticole {
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1em;
  height: 1.6em;
  cursor: pointer;
  background-color: #e73333;
  border: solid 0.0625rem #ca1f1f;
  color: #fff;
  position: relative;
  border-radius: 0.1875rem;
}

.cumparaholderbuton input, .cumparaholderbuton .cumparaarticole {
  line-height: 1.6em;
  height: 100%;
  font-size: 1em;
}

.cumparaarticole:not(.alertastoc) i {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.cumparaarticole:not(.alertastoc) {}

.cumparaarticole i {
  padding-right: 0.6875rem;
}

.cumparaarticole a {
  color: #fff;
}

.cumparaarticole a:hover {
  opacity: 1;
}

.alertastoc {
  width: 100%;
}

.favprev {
  text-align: center;
  padding-top: 0.9375rem;
  letter-spacing: 0.5625rem;
  position: relative;
}

.favprev i {
  font-size: 1.875rem;
  color: #97989b;
  cursor: pointer;
}

.delfav {
  position: absolute;
  right: 0.625rem;
  top: 0.75rem;
}

/*end butonul de cumpara*/
.cauitaInMasina .SumoSelect {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0.3125rem;
}

.cauitaInMasina .SelectBox {
  padding-top: 0.25rem !important;
  padding-bottom: 0.5rem !important;
}

.cauitaInMasina {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 0.5625rem;
  border: 0.0625rem solid #0c154c;
  text-align: center;
  border-radius: 0.3125rem;
}

.cauitaInMasina input[type="text"]:not(.search-txt):not([name="qty"]) {
  width: 18.75rem;
  display: inline-block;
}

.cauitaInMasina h5 {
  font-size: 1rem;
  margin-bottom: 0.9375rem;
  font-weight: bold;
  color: #a61c20;
}

.autoCats ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}

.autoCats ul li {
  padding-bottom: 0.3125rem;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  cursor: pointer;
}

.imgAutocat {
  height: 8rem;
  text-align: center;
  border: 0.0625rem solid #bbb;
}

.imgAutocat a {
  display: block;
  width: 100%;
  height: 100%;
}

.imgAutocat img {
  max-width: 100%;
  max-height: 100%;
}

.textAutocat {}

.categExpand {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}

.categExpand a:before {
  content: '\f105';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem;
}

.categExpand a {
  padding: 0.3rem;
  font-size: 0.9em;
  color: #2d508c;
}

.showAll {
  text-align: right;
  color: #1a315c;
  padding-top: 0.4em;
}

.showAll:hover {
  opacity: 0.85;
}

.showAll:before {
  content: '\f065';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem;
}

.unexpand:before {
  content: '\f066';
}

.textAutocat .titluAutocat {
  line-height: 1.775rem;
  text-align: center;
  color: #a61c20;
  font-size: 1.125rem;
  font-weight: bold;
  border-bottom: 0.0625rem solid #0c154c;
}

.textAutocat .descAutocat {
  height: calc(100% - 3.125rem);
  height: -webkit-calc(100% - 3.125rem);
  height: -moz-calc(100% - 3.125rem);
  text-align: left;
}

.meniuMic {
  padding-bottom: 0.3125rem;
  background-color: #f5e6e6;
  height: auto;
  margin-bottom: 0.9375rem;
  padding-top: 0.375rem;
}

.meniuMic .container {
  height: 100%;
}

.meniuMic a {
  color: #0c154c;
  display: block;
  float: left;
  font-size: 0.875rem;
  padding-top: 0.125rem;
  height: 100%;
  margin-right: 0.625rem;
  transition: all .3s;
  background-color: none;
}

.meniuMic a:last-child {
  margin-right: 0;
}

#adminCpanel {
  float: right;
}

.iStanga {
  position: absolute;
  left: 0.5625rem !important;
  color: #e73333 !important;
}

.backgroundCat>li>a .fa, .backgroundCat>li>a .far, .backgroundCat>li>a {
  line-height: 1.6em;
}

.leftwhite, .leftwhite .backgroundCat {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}

.leftwhite .backgroundCat>li:last-child {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.dropmenu {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #fff;
  font-size: 1.125rem;
  text-align: center;
  background-color: #19305a;
  border-top-right-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
  font-weight: bold;
  position: relative;
}

.linkh1 {
  float: right;
  font-size: 1.125rem;
}

.cosHover {}

.cosHover .cosHoverTitle {
  display: block;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  position: relative;
}

.cosHover .cosHoverAll:nth-child(2n+1) {
  background-color: #f3f4f6;
}

.cosHover .cosHoverAll {
  display: block;
  height: 3.125rem;
  position: relative;
  border: 0.0625rem solid #E6DEDE;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  border-top: 0;
}

.cosHover .cosHoverAll:first-of-type {
  border-top: 0.0625rem solid #E6DEDE;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}

.cosHover .cosHoverImg {
  display: block;
  float: left;
  width: 15%;
  text-align: center;
  height: inherit;
}

.cosHover .cosHoverImg img {
  max-width: 90%;
  max-height: 1.875rem;
}

.cosHover .cosHoverDenumire {
  display: block;
  float: left;
  width: 55%;
  text-align: center;
  font-size: 0.75rem;
  color: #000;
  height: inherit;
}

.cosHover .cosHoverTotal {
  display: block;
  float: left;
  width: 30%;
  text-align: center;
  font-size: 0.75rem;
  color: #000;
  height: inherit;
}

.cosHover .cosHoverTotal img {
  max-width: 80%;
}

.cosHover .cosHoverSterge {
  position: absolute;
  right: 0;
  top: 0.1875rem;
  visibility: hidden;
}

.cosHover .cosHoverSterge i {
  font-size: 0.75rem !important;
}

.cosHover .cosHoverAll:hover .cosHoverSterge {
  visibility: visible;
}

.cosHover .totaluri {
  font-size: 0.875rem;
  padding-left: 0;
  display: block;
  color: #000;
  border: 0.0625rem solid #E6DEDE;
  border-top: 0;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  font-weight: bold;
  text-align: right;
  padding: 0.625rem;
}

.cosHover .totaluri span {
  font-size: 1rem;
  color: #a61c20;
}

.cosHover .totalcos {
  font-size: 0.875rem;
}

.cosHoverTitle .linkbuton {
  position: absolute;
  top: -0.625rem;
  right: 0;
  font-size: 0.875rem;
  font-weight: 600;
  background-color: #a61c20;
  border-radius: 0.3125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 0.1875rem;
  padding-top: 0.1875rem;
}

.cosHoverTitle .linkbuton a {
  color: #fff;
}

.cosarticolholder:nth-of-type(2n+1) {
  background-color: #f3f4f6;
}

.cosarticolholder:hover {
  background-color: #f9f9f9;
}

.cosarticolholder {
  grid-template-areas:
    "img artdata artdata buy"
    "img title title buy"
    "img desc desc buy"
    "img desc desc crit" !important;
}

.cosimg {
  text-align: center;
  height: 100%;
}

.cosimg img {
  max-height: 5.625rem;
  max-width: 90%;
}

.cosCol2 {
  height: 100%;
}

.cosCol2 span {
  display: inline-block;
  color: #527ABA;
  font-weight: bold
}

.cosProd, .cosqty {
  text-align: left;
  height: 3.125rem;
}

.cosqty {
  text-align: right;
}

.cosProd img {
  max-width: 50%;
  max-height: 1.875rem;
}

.cosqty input[type="text"], .cosqty input[type="number"] {
  width: 2.575rem !important;
  text-align: center;
  display: inline-block !important;
  padding-right: 2%;
  padding-top: 2%;
}

.cosCol2 .cosCe {
  width: 4.0625rem;
  color: #c1b6b8;
  font-weight: normal;
}

.cosCol3 {
  height: 100%;
  text-align: center;
}

.cosdenumire {
  margin-bottom: 0.125rem;
  cursor: pointer;
  height: unset;
  overflow: hidden;
  height: 2.8125rem;
}

.cosdenumire:hover {
  opacity: 0.8;
}

.cospret span {
  color: #3d4045;
  font-size: 1.375rem;
}

.costotal, .cospret {
  text-align: center;
  font-size: 1.2rem;
}

.costotal span {
  color: #3d4045;
  font-size: 1.375rem;
}

.vtcos {
  font-size: 0.8em;
}

.vtcos span {
  font-size: 1em;
}

.cossterge div:nth-child(3) {
  font-size: 1.1rem;
}

.cossterge {
  grid-gap: 1rem !important;
}

.totaluri {
  font-size: 1.125rem;
  text-align: right;
  color: #8d8dad;
  background-color: #fcfcfc;
  padding: 0.625rem;
  border: 0.0625rem solid #E6DEDE;
  border-top: 0;
  border-bottom-right-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
  margin-bottom: 1.25rem;
}

.totaluri span {
  color: #3d4045;
}

.totalcos {
  font-size: 1.875rem;
}

/*END COS*/
.adresarow {
  margin-bottom: 0.625rem;
}

.selectincos {
  padding: 0.3125rem;
  border-radius: 0.3125rem;
  background-color: #f3f4f6;
}

#datenoidefacturare {
  margin-top: -0.625rem;
  margin-bottom: 0.3125rem;
  padding: 0.3125rem;
  border-radius: 0.3125rem;
  background-color: #f3f4f6;
}

#selecttip {
  border-radius: 0;
  border-top: 0.0625rem solid #dfdfdf;
}

#pffacturare, #scfacturare {
  padding: 0.625rem;
}

#adresanoua {
  margin-top: -0.625rem;
  padding: 0.625rem;
}

#adresanew {
  border-top: 0.0625rem solid #dfdfdf;
  padding-top: 0.625rem;
}

#curidicare {
  margin-top: -0.625rem;
  padding: 0.625rem;
  background-color: #f3f4f6;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  display: none;
}

#curidicare .selectincos {
  border-top: 0.0625rem solid #dfdfdf;
  border-radius: 0;
  margin: 0;
}

.stergeFiltre {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: center;
}

.stergeFiltre a {
  border: 0.0625rem solid;
  border-radius: 0.3125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  display: inline-block;
  padding-top: 0.25rem;
}

.itextarea {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.formularfull {
  width: 100%;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  border-radius: 0.3125rem;
  padding: 0.625rem 1.25rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  padding-bottom: 1.375rem;
  padding-top: 1.25rem;
}

.formularfull h1 {
  margin-bottom: 1.25rem;
}

input[type="text"].error, input[type="password"].error, select.error, textarea.error {
  border-color: #a71c20 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(167, 27, 32, 0.6) !important;
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(167, 27, 32, 0.6) !important;
}

label.error {
  display: block;
  margin-top: 1rem;
  font-weight: 600;
  color: #e73333;
}

  {
  color: #a71c21;
  font-weight: bold;
}

/*tabel laur */
.tabelLaur {
  width: 100%;
  border-collapse: unset;
}

.tabelLaur thead tr th:last-child {
  border-top-right-radius: 0.3125rem;
  border-left: 0.0625rem solid #192f58;
}

.tabelLaur thead tr th:first-child {
  border-top-left-radius: 0.3125rem;
}

.tabelLaur thead tr th {
  background-color: #192f58 !important;
  cursor: default;
  padding: 0.5rem;
  font-weight: bold;
  color: #fff;
}

.tabelLaur tbody tr td {
  border-bottom: 0.0625rem solid #E6DEDE;
  border-left: 0.0625rem solid #E6DEDE;
  padding: 0.3125rem;
}

.tabelLaur tbody tr:nth-child(2n) td {
  background-color: #f3f4f6;
}

.tabelLaur tbody tr td:last-child {
  border-right: 0.0625rem solid #E6DEDE;
}

.tabelLaur tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.3125rem;
}

.tabelLaur tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.3125rem;
}

.tabelLaur tbody tr:hover td {
  background-color: #b2b5c7 !important;
}

/* end tabelLaur */
.box {
  background-color: #fff;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  border-radius: 0.3125rem;
  width: 100%;
  padding: 0.625rem;
}

.promotiiStanga {
  width: 100%;
  margin: 0 auto;
}

.coloanamarci {}

.coloanamarci:first-child {
  border-left: 0;
}

.titlupromotii {
  width: 100%;
  display: block;
  margin-bottom: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
  color: #a71b20;
  padding-bottom: 0.625rem;
  background-color: #f5e6e6;
  padding-top: 0.625rem;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  border-radius: 0.3125rem;
}

.titlumeniucont {
  text-align: center;
  border-bottom: 0.125rem solid #a61c20;
  padding: 0.125rem;
  font-weight: bold;
  color: #0c154c;
  font-size: 1rem;
  padding-bottom: 0.4375rem;
  padding-top: 0.5625rem;
}

.meniucont {
  padding-bottom: 0.625rem;
}

.meniucont a {
  color: #000;
  font-weight: 600;
}

.meniucont a.activ {
  color: #e73333;
}

.albastru {
  color: #0c154c !important;
}

.albastru:hover {
  color: #0c154c !important;
}

.articolMareStanga {
  border-right: 0.0625rem solid #E6DEDE;
  padding: 0.5rem;
}

.articolMareStanga .articolMareCod {
  width: 100%;
  margin-bottom: 0.3125rem;
  font-size: 0.875rem;
  color: #242424;
  text-align: center;
}

.articolMareDreapta {
  padding: 0.5rem;
}

.imgProd {
  height: 3.125rem;
  text-align: center;
}

.imgProd img {
  max-width: 100%;
  max-height: 3.125rem;
  text-align: center;
}

.linkProd {
  height: 3.125rem;
  text-align: center;
}

.divCt {
  width: 100%;
  text-align: center;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  background-color: #f0f1f4;
  padding: 0.25rem;
  border-radius: 0.1875rem;
}

.divCt span {
  font-size: 1rem;
  color: #c71f25;
  font-weight: bold;
}

.divPret {
  text-align: center;
  font-size: 1.625rem;
  font-weight: bold;
  color: #1a315b;
}

.divPret span {
  font-weight: 400;
  font-size: 1.25rem;
}

.articol .titluStoc {
  display: none !important;
}

.titluStoc {
  border: 0.0625rem solid #E6DEDE;
  border-radius: 0.3125rem;
  padding: 0.4375rem;
  background-color: #fff;
  margin-left: 0.625rem;
  float: left;
  width: calc(100% - 2.4375rem);
  font-size: 0.875rem;
}

.paginaProducator {
  width: 100%;
  text-align: center;
  display: block
}

.articolMareAfisareSus {
  margin-bottom: 0.9375rem;
  align-items: self-start !important;
  grid-template-columns: 1fr 2fr !important;
}

.w59 {
  width: 59%;
  float: left;
}

.imaginesmallcontainer {
  width: 100%;
  height: 5.625rem;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 0.625rem;
}

.imaginesmallcontainerover {
  text-align: center;
}

.imaginesmallc:first-child {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}

.imaginesmallc:nth-last-child(2) {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.imaginesmallc {
  width: 5.625rem;
  margin-right: 0.25rem;
  height: 5.625rem;
  overflow-y: hidden;
  position: relative;
  text-align: center;
  display: inline-block;
  border: 0.0625rem solid #c1c1c1;
}

.imaginesmallc img {
  max-width: 5rem;
  max-height: 5rem;
}

.imaginesmall {
  width: 5.625rem;
  height: 5.625rem;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: #e0e0e0;
}

.imaginesmall img {
  max-width: 5rem !important;
  max-height: 5rem !important;
}

.promoArticol {
  width: 4.6875rem;
  z-index: 9;
  top: -0.5rem;
  right: -0.5rem;
  position: absolute;
}

.imgSusCat {
  width: 100%;
  max-height: 25rem;
  margin-bottom: 1.25rem;
}

.imgSusCat img {
  max-width: 100%;
  max-height: 25rem;
}

.contentSusCat {
  margin-bottom: 1.25rem;
  width: 100%;
}

.schimbaCategoria select {
  max-width: 96%;
  margin: 2%;
  margin-top: 0.9375rem;
}

.promo_zi {
  width: 100%;
  display: block;
  margin-bottom: 1.25rem;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 #5d5d5d;
  border-radius: 0.3125rem;
}

.promo_zi img {
  width: 100%;
  display: block;
  border-radius: 0.3125rem;
  min-height: 1.875rem;
}

.filtruleft .options {
  max-height: 15.625rem !important;
  box-shadow: none !important;
}

.filtruleft .SumoSelect {
  margin: 0;
  margin-top: 0.3125rem;
  width: 100%;
  display: block;
}

.filtreleft .SumoSelect>.CaptionCont>span.placeholder {
  color: #0c154c;
}

.filtreleft .SumoSelect>.CaptionCont {
  background-color: #fff;
  border: none;
  padding: 0;
  margin: 0;
  min-height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: solid 0.0625rem #e8e8e8 !important;
  padding: 0 1rem;
}

.filtreleft .SumoSelect>.optWrapper {
  border: none;
}

.ctn_flitre {
  background-color: #f0f1f4;
}

.filtruleft {
  padding: 0.25rem;
}

.toggleMenu {
  position: absolute;
  right: 0.625rem;
  top: 0.5rem;
}

.paginare a {
  width: 2.125rem;
  line-height: 1.5rem;
  padding-bottom: 0.25rem;
}

.divCt p {
  text-transform: uppercase;
  line-height: 1.5rem;
  font-weight: 600;
  color: #0c154c;
}

.new500 {
  display: none;
}

.ermsg {
  color: red;
}

.susCerereArticol {
  background-color: #dcdee5;
  padding: 0.625rem;
  margin-bottom: 0.9375rem;
  border-radius: 0.3125rem;
  font-weight: 600;
  color: #0c154c;
}

#map {
  height: 18.75rem
}

#utilizatla ul li:last-of-type {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

/* start brands first page */
.grid {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(0.0625rem, 1fr));
  align-items: center;
}

.grid.x4 {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.grid.x5 {
  grid-template-columns: repeat(auto-fit, minmax(13.3125rem, 1fr));
}

.grid.x3 {
  grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr));
}

.grid.x3s {
  grid-template-columns: 0.8fr 1.4fr 0.8fr;
  grid-gap: 0;
}

.grid.form {
  grid-template-columns: 1.5fr 3fr;
}

.grid.form.x2f div * {
  max-width: 100%;
}

.grid.checks {
  grid-template-columns: 0.1fr 0.9fr;
  grid-gap: 0.3125rem;
}

.grid.checks * {
  padding: 0.3125rem;
}

.x3menu {
  grid-template-columns: 1fr 3fr 1fr;
}

.grid.x1 {
  grid-template-columns: 1fr;
  grid-gap: 0.0625rem;
}

.grid.x1form {
  grid-template-columns: 1fr;
  grid-gap: 0.625rem;
}

.grid.x1form * {
  line-height: 1.4rem;
}

.grid.x2 {
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
}

.grid.x2b {
  grid-template-columns: repeat(auto-fit, minmax(9.0625rem, 1fr));
}

.grid.x2rev {
  grid-template-columns: 3fr 1fr;
}

.grid.x2istoric {
  grid-template-columns: 1fr 5fr;
  grid-gap: 0.5rem;
}

.grid.template {
  grid-template-columns: 25% 75%;
  grid-gap: 1.25rem;
  align-items: self-start;
}

.grid.templateFS {
  grid-template-columns: 1fr;
}

.grid.grc {
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  text-align: center;
}

.grid.grc label {
  display: block;
}

.grid.sp10 {
  grid-gap: 0.625rem;
}

.grid.baseline {
  align-items: baseline;
}

.pccut {
  text-decoration: line-through;
  white-space: nowrap;
}

.cbrands {
  background-color: #fefefe;
}

.grid.modele {
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.25rem;
  column-gap: 0.5rem;
  row-gap: 0;
}

.grid.modele li.headtable, .grid.modele li a {
  display: grid;
  grid-gap: 0.25rem;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: 1fr 6fr 2fr 2fr;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.3rem;
}

.grid li.headtable>*, .grid.modele li a>*, .grid.tipuri li a>* {
  height: 100%;
}

.grid.modele li {
  width: 100%;
}

.grid.tipuri {
  grid-template-columns: 1fr;
  grid-gap: 0;
  column-gap: 0.5rem;
}

.grid.tipuri li.titluLi, .grid.tipuri li a {
  display: grid;
  grid-gap: 0.25rem;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: 1fr 10fr 1fr 1fr 3fr 2fr 2fr 3fr;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.3rem;
}

.grid.modele li a span:nth-child(1) {
  text-align: center;
}

.grid .headtable {
  background-color: #a61c20 !important;
  cursor: default;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border: 0.0625rem solid #a61c20 !important;
  color: #fff;
  padding: 0.25rem;
  font-weight: 700;
}

.flex {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: space-between;
}

.cbrands>div {
  height: 5.3125rem;
  border-bottom: solid 0.125rem #a71b20;
  position: relative;
  padding-right: 1.5625rem;
}

.cbrands>div img {
  max-height: 3.25rem;
  max-width: 100%;
  -webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: width height background-color font-size left top transform -webkit-transformv color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.cbrands>div>div:nth-child(2) {
  font-size: 1.2em;
  padding-left: 8%;
  width: 75%;
  padding-right: 1.2rem;
}

.cbrands>div>div p {
  height: 2.1em;
  overflow: hidden;
  font-weight: 400;
  font-size: 0.85em;
  padding-right: 0.4rem;
}

#brands.cbrands>div>div p {
  white-space: nowrap;
}

.cbrands .cimgB {
  width: 25%;
  padding-left: 0;
}

.cbrands>div>div>span {
  color: #ca3434;
  display: block;
  text-align: right;
  letter-spacing: 0.025rem;
  margin-top: 0.8rem;
  font-weight: 600;
}

.cbrands>div>div>span a {
  display: inline-block;
}

.cbrands>div:after {
  background: url(/public/images/model-arrow.png) no-repeat center;
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 1.25rem;
  right: 0;
  top: 0;
  -webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: width height background-color font-size left top transform -webkit-transformv color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.cbrands>div:hover {
  cursor: pointer;
}

.cbrands>div:hover:after {
  filter: drop-shadow(0 0 0 #000);
}

.cbrands>div:hover img {
  transform: scale(1.12);
}

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

.vcenter {
  display: flex;
  align-items: center;
}

.gvtop {
  align-items: self-start;
}

.transition {
  -webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: width height background-color font-size left top transform -webkit-transformv color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.tabsnew {
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  border-radius: 0.125rem;
  border: solid 0.0625rem #e6e6e6;
  margin-top: 2em;
  margin-bottom: 4em;
}

.tabsnew ul {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  background-color: #f2f2f2;
  -webkit-border-top-left-radius: 0.125rem;
  -webkit-border-top-right-radius: 0.125rem;
  -moz-border-radius-topleft: 0.125rem;
  -moz-border-radius-topright: 0.125rem;
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.tabsnew>div {
  padding: 1.25rem;
  -webkit-border-bottom-right-radius: 0.125rem;
  -webkit-border-bottom-left-radius: 0.125rem;
  -moz-border-radius-bottomright: 0.125rem;
  -moz-border-radius-bottomleft: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.tabsnew ul li {
  font-size: 1.3em;
  line-height: 2.1em;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: center;
}

.tabsnew ul li a {
  cursor: pointer;
  color: #000;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-right: solid 0.0625rem #cdcdcd;
  text-transform: uppercase;
  font-size: 1rem;
}

.tabsnew ul li:last-child a {
  border-right: none;
}

.tabsnew ul li:first-child {
  -webkit-border-top-left-radius: 0.125rem;
  -moz-border-radius-topleft: 0.125rem;
  border-top-left-radius: 0.125rem;
}

.tabsnew ul li:last-child {
  -webkit-border-top-right-radius: 0.125rem;
  -moz-border-radius-topright: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.tabsnew ul li.active {
  background-color: #e73333;
}

.tabsnew ul li.active a {
  color: #fff;
}

.hidden {
  display: none;
}

.searchbutton {
  margin-top: 1em;
}

.searchbutton button {
  font-size: 1.3em;
  background-color: #e73333;
  border: none;
  padding: 0.68em;
  width: 100%;
}

.searchbutton button i {
  font-size: 1.4em;
}

/* end brands first page */
/* first page cats*/
.clistfp {
  background: rgb(246, 246, 246);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(214, 214, 214, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
}

.fistcatlist {
  padding: 1em;
}

.fistcatlist>div {
  transition: all .3s;
  flex-flow: column;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  padding-bottom: 1em;
}

.fistcatlist>div img {
  max-width: 90%;
  max-height: 12.5rem;
  transition: all .3s;
  filter: grayscale(43%);
}

.fistcatlist>div>div {
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  color: #1a315b;
  text-align: center;
}

.fistcatlist .linehor {
  grid-column: 1 / -1;
  height: 0.125rem;
  border-bottom: 0.0625rem solid #dbdbdb;
  width: 100%;
}

.grid.x4cat {
  grid-template-columns: repeat(4, minmax(7.5rem, 1fr));
}

.fistcatlist>div:not(.linehor):hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 0.625rem 0 #cdcdcd;
  box-shadow: 0 0 0.625rem 0 #cdcdcd;
}

.fistcatlist>div:hover>img {
  filter: grayscale(10%);
}

/* end first page cats */
/*  fp arts*/
.stocdis {
  text-align: right;
}

/* end fp arts*/
/* articol */
.articolMareStanga {
  grid-area: articleData;
}

.articolMareDreapta {
  grid-area: articlePrice;
}

.articolMareJos {
  grid-area: articleBuy;
}

.variantadepret {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "articleData articlePrice"
    "articleBuy articleBuy";
  grid-gap: 0;
}

.articolMareProducator {
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(8.1875rem, 1fr));
  grid-gap: 0;
}

.articolMareJos {
  width: 100%;
  padding: 0.625rem;
  border-top: 0.0625rem solid #E6DEDE;
  grid-template-columns: 2fr 1fr;
  grid-row-gap: 0;
}

.variantacumpara {
  height: inherit;
}

.variantacumpara .cumparaholderbuton {
  grid-template-columns: 1fr;
}

.variantacumpara .cumparaholderbuton .qtyctrl {
  justify-self: flex-end;
  margin-bottom: 0.375rem;
}

.imgProdp {
  height: 100%;
  grid-template-columns: repeat(1, 1fr) !important;
  grid-gap: 0.125rem;
}

#detaliiarticol>ul {
  background-color: #182e56;
}

.tabss>ul li {
  padding: 0.25rem;
}

.tabss>ul li a {
  font-weight: 700;
  letter-spacing: 0.05rem;
}

#formularcomanda {
  font-size: 1.1rem;
}

.admincontain {
  position: fixed;
  top: 40%;
  right: 0px;
  height: 175px;
  background: #fff;
  z-index: 150;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: 0 0 2px 2px #1e3676;
  box-shadow: 0 0 2px 2px #1e3676;
}

.adminhook {
  float: left;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-right: solid 1px #d9141b;
  height: 100%;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  left: 0px;
  position: relative;
  white-space: nowrap;
  background-color: #192f58;
  writing-mode: vertical-lr;
  padding: 0px 5px;
  color: #fff;
}

.fa-lock::before {
  content: "\f023";
  color: #d9141b;
}

.menuadmin {
  display: none;
  margin-left: 25px;
  padding: 5px;
}

.adminOpt {
  display: block;
}

.adminOpt>a {
  margin: 2px;
  margin-top: 5px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #332874;
  border-color: #332874;
  padding: 5px 10px;
  border-radius: 5px !important;
  margin-top: 5px;
  transition: all .3s ease;
  cursor: pointer;
}

.adminOpt>a:hover {
  color: #ffd300;
}

.menuadmin input[type="text"] {
  max-width: 50px;
  border: solid 1px #000;
  text-align: center;
  padding: 4px;
}

.smallerText {
  font-size: 0.85em;
}

.siteReview {
  font-size: 1.2em;
  margin-top: 1em;
}

/* end articol*/
.limited .backgroundCat li:nth-child(n+10) {
  display: none;
}

.limited .backgroundCat li:last-child, .tgCat {
  display: block;
  cursor: pointer;
  font-weight: 800 !important;
  font-size: 1.1em !important;
  padding-top: 0px;
}

.tgCat i {
  line-height: 2.3em;
}

.tgCat a {
  text-align: center;
  padding-left: 0 !important;
}

.filterLive {
  width: 100%;
  height: 100%;
  border: solid 1px #cddcdd;
  padding: 1em;
  font-size: 1.1em;
  outline: solid 1px #b7b7b7;
}

@media only screen and (max-width : 68.75rem) {
  .containerSelectFirstPageRight>div:nth-child(1) {
    display: none;
  }

  #footer>.container {
    grid-template-columns: repeat(2, 1fr);
  }

  .footerelement:nth-child(2n) {
    border-right: 0;
  }
}

@media only screen and (max-width : 53.125rem) {
  #header>.container {
    grid-template-columns: 1fr;
  }

  .grid.x4.barabeneficii {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .barabeneficii .beneficiiholder {
    border-right: none;
  }

  .SumoSelect>.CaptionCont>span {
    white-space: initial !important
  }

  .backgroundCat, .ctn_flitre, .istoricMasini {
    display: none;
  }

  .dnhide .fa.fa-chevron-up:before {
    content: "\f078";
  }

  .dnhide .fa.fa-chevron-down:before {
    content: "\f077";
  }

  #main .container {
    padding: 0.5rem;
  }

  .grid.template {
    grid-template-columns: 1fr !important;
  }

  .containerSelectFirstPage>.grid {
    grid-template-columns: 1fr;
  }

  .containerSelectFirstPage {
    background-size: auto 100%;
  }

  .grid.modele {
    grid-template-columns: 1fr;
  }

  .hd500 {
    display: none !important;
  }

  .grid.modele li:nth-child(2n) {
    order: 1;
  }
}

@media only screen and (max-width : 40.625rem) {
  .grid.tipuri li a {
    grid-template-columns: 1fr;
  }

  .grid.tipuri li.titluLi {
    display: none;
  }

  .tipNr {
    display: none;
  }

  .grid.tipuri li a>* {
    padding-left: 48% !important;
    position: relative;
    border-left: 0;
    padding: 0.5rem;
    border-bottom: solid 1px #E6DEDE;
  }

  .grid.tipuri li a>*:last-child {
    border-bottom: none;
  }

  .grid.tipuri li:nth-child(2) {
    border-top: solid 1px #E6DEDE;
  }

  .grid.tipuri>li>a:after {
    content: "Visit";
    text-align: center;
    cursor: pointer;
    background-color: #e73333;
    border: solid 0.0625rem #ca1f1f;
    color: #fff;
    position: relative;
    border-radius: 0.1875rem;
    padding: 0.5rem;
  }

  .grid.tipuri>li>a span:nth-child(2) {
    text-align: center;
  }

  .grid.tipuri>li>a span:nth-child(2) span:first-child {
    display: block;
    padding-bottom: 0.25rem;
  }

  .grid.tipuri li a>*:before {
    content: attr(title);
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
  }

  .caroserietip {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .grid.x4cat {
    grid-template-columns: repeat(2, minmax(7.5rem, 1fr));
  }

  .articolImagine .articleimg {
    max-width: 70%;
    max-height: 13rem;
  }

  .articolMareAfisareSus {
    grid-template-columns: 1fr !important;
  }

  .articolMareJos {
    grid-template-columns: 1fr 1fr !important;
  }

  .variantadepret {
    grid-template-columns: 1fr 1fr !important;
  }

  #main .container {
    width: 100%;
    padding: 0.5rem
  }
}

@media only screen and (max-width : 34.375rem) {
  #footer>.container {
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr));
  }

  .footerelement {
    border-right: 0;
  }
}

@media only screen and (max-width : 28.125rem) {
  .articoleholder:not(.articolegrid) .articol {
    display: block;
  }

  .cossterge {
    grid-template-columns: 1fr 1fr !important;
  }

  .cossterge div:nth-child(3) {
    grid-column: 1 / -1;
  }

  .articoleholder:not(.articolegrid) .cumparaholderbuton {
    grid-template-columns: repeat(auto-fit, minmax(0.0625, 1fr));
  }

  .articoleholder:not(.articolegrid) .cumparaholderbuton .qtyctrl {
    justify-self: flex-start;
  }

  .articoleholder:not(.articolegrid) .articolDescriere {
    margin-right: 0;
  }
}

.hiddenAnimation {
  -webkit-transition: opacity 600ms, visibility 600ms, height:600ms;
  transition: opacity 600ms, visibility 600ms, height:600ms;
}

.hiddenAnimation {
  height: 0;
  animation: fade 0.6s;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}

@keyframes fade {
  0% {
    opacity: 1;
    visibility: visible;
    height: auto;
  }

  50% {
    height: 50%;
    opacity: 0.6;
  }

  100% {
    visibility: hidden;
    opacity: 0;
    height: 0;
  }
}

.invalid {
  border: solid 1px red !important;
  -moz-box-shadow: inset 0 0 0.1875rem #f97272;
  -webkit-box-shadow: inset 0 0 0.1875rem #f97272;
  box-shadow: inset 0 0 0.1875rem #f97272;
}

.jmesaj:not(:empty) {
  padding: 0.4em;
  color: #dc1c1c;
}