@viewport {
    min-width: 320px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ddd;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #ddd;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #ddd;
}
:-moz-placeholder { /* Firefox 18- */
    color: #ddd;
}

.img-no-reflow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.secondary-banners-wrapper {
    width: 100%;
    padding-bottom: 100%; /* 9/16 = aspect ratio of image */
    position: relative;
}

.retur li {
    list-style-type: none;
    margin-left: 15px;
}

.retur .produs_comanda {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #ccc;
    margin:10px 0 10px 0;
    padding-bottom: 10px;
}

.retur input[type=checkbox], .retur input[type=radio] {
    position: relative;
    cursor: pointer;
}
.retur input[type=checkbox]:before, .retur input[type=radio]:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -1px;
    left: -1px;
    border: 1px solid #555555;
    border-radius: 3px;
    background-color: white;
}
.retur input[type=checkbox]:checked:before, .retur input[type=radio]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -1px;
    left: -1px;
    background-color:#1E80EF;
}
.retur input[type=checkbox]:checked:after, .retur input[type=radio]:checked:after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}
.retur input[type=radio] {
    margin:10px;
}
.retur input[type=radio]:before {
    border-radius: 20px;
}
.retur input[type=number] {
    padding:10px 5px 10px 5px;
    width: 50px !important;
    text-align: center;
}
.retur input[type=text],
.retur textarea {
    width: 320px;
    padding: 5px;
    display: block;
}

.retur .selector {
    padding:30px;
}

.retur .cantitate {
    padding:20px;
}


.retur h2 {
    font-size: 20px;
    border-bottom: 3px solid #ccc;
}

.retur label {
    display: inline;
    font-weight: normal;
}

#wrapper_meniu.clone {
    position: fixed;
    top: -60px;
    -webkit-transition:0.2s top ease-in;
    transition: 0.2s top ease-in;
    -moz-transition:0.2s top ease-in;
    -o-transition: 0.2s top ease-in;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(50, 50, 50, 0.68);
    -moz-box-shadow:    0px 2px 7px 0px rgba(50, 50, 50, 0.68);
    box-shadow:         0px 2px 7px 0px rgba(50, 50, 50, 0.68);
}

body {
    color:#4d4d4d;
}

body.down #wrapper_meniu.clone {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}

.autocomplete-suggestions {
    overflow: auto;
    z-index: 9999999!important;
    top: 30px;
    width:100% !important;
    margin:0;
    max-height: 300px;
    background: #333;
}

.autocomplete-suggestion a {
    color: #fff;
}

#box_cautare .autocomplete-suggestions {
    margin-left:-20px;
    top: 71px;
    background: #333;
}

.autocomplete-suggestion {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Latoregular', sans-serif;
    font-weight: normal;
    font-size: 13px;
    border-top: 0;
    cursor: pointer;
    padding-bottom: 5px;
}

.autocomplete-suggestion a {
    display: flex;
    flex-flow: row;
}

.autocomplete-suggestion .text_rezultat {
    margin: 11px 0 0;
    text-align: left;
    white-space: normal;
}

.autocomplete-suggestion .img_ajax {
    width: 70px;
    height: 70px;
    margin: 6px 10px 0 6px;
    padding:4px;
}

.autocomplete-suggestion .pret_ajax {
    font-size: 12px;
}

.autocomplete-selected a {
    color: #f6a912;
}
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.backgroundimg {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

@font-face {
    font-family: Latoregular;
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Regular.woff') format('woff'),
    url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Latobold;
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Bold.woff') format('woff'),
    url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Latolight;
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Light.woff') format('woff'),
    url('../fonts/Lato-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Latosemi;
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Semibold.woff') format('woff'),
    url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.overprodus {
    border-color:#a4a4a4!important;
}

.box_shadow_top {
    position: relative;
    width: 100%;
}

.box_shadow {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.boxtrimitecomanda {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
    margin-bottom: 130px;
}

.boxtrimitecomanda .buton_adauga_cos {
    max-width: 450px;
    margin:0 auto;
}

.butontrimite {
    background: url(../imagini/butontrimite.png) no-repeat scroll center center transparent;
    display: block;
    height: 46px;
    cursor: pointer;
    border: 0;
    width: 170px;
    float: right;
    margin: -2px 0 0;
}

.butontrimite.trimite_en {
    background: url(../imagini/english/btncomanda.png) no-repeat scroll center center transparent;
}

fieldset {
    padding: .5em;
}

select option {
    padding: 0 5px;
}

.hide,.print-logo,.close-button {
    display: none;
}

.clear {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}

a img {
    border: none;
}

body {
    font-size: 11px;
    font-family: 'Latoregular', Arial, Verdana, sans-serif;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

* {
    font-family: 'Latoregular',sans-serif;
}

h1 {
    color: #000;
    font-size: 1.5em;
    font-weight: 400;
    margin: 1.5em 0;
}



h2,h3 {
    font-size: 1.15em;
    color: #656565;
    padding: 1em 0 1em 0;
}

#primary h2 {
    color: #c39560;
}

blockquote {
    margin-left: 1em;
    padding-left: 1em;
    margin-right: 1em;
    padding-right: 1em;
    border-left: 2px solid #d49248;
    border-right: 2px solid #d49248;
    color: #291c0e;
    background: #704e26;
}

code {
    font-size: 1em;
    border-left: 2px solid #d49248;
    border-bottom: 1px dashed #d49248;
    margin: 3em 0;
    padding: 0 1.2em;
}

pre {
    width: 100%;
    overflow: auto;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    padding: 1em 0;
}

table {
    width: 100%;
    border-spacing: 2px;
    margin: 1.5em 0;
}

table th,table td {
    padding: .7em .75em;
    font-size: 14px;
}

table th {
    background: #CCC;
    text-align: left;
    font-size:14px;
}

table tr {
    height: auto;
    padding:10px;
}

table td {
}

table .odd {
    background: #fff;
}

table .even {
    background:#f5f5f5;
}

table caption {
    text-align: left;
    color: #FFF;
    margin-bottom: -1em;
    margin-top: 1em;
}

.rule {
    border-top: 1px solid #CCC;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin: 1.5em 0;
}

.start_header {
    width: 100%;
    background: #1a1a1a;
    height: 38px;
}

.start_header_mobile .shade {
    height: 100%;
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 12;
    visibility: hidden;
    background: #000;
    opacity: 0;
    transition: .5s ease;
}

.start_header_mobile .shade.active {
    visibility: visible;
    opacity: 1;
    background-color: rgba(0,0,0,.8);
}

.start_header_mobile {
    position: fixed;
    top:0;
    left:0;
    right: 0;
    z-index: 10000;
    height: auto;
    background: none !important;
}

.start_header_mobile #first_line {
    background: #000;
    display: flex;
    flex-flow: row;
    align-items: center;
    height: 50px;
    background: #000;
    justify-content: space-between;
    padding:0 11px 0 10px;
}

.start_header_mobile .logo a {
    margin: 0;
}

.start_header_mobile .logo {
    margin-right: auto;
    margin-left: -12px;
    margin-top: -4px;
}

.start_header_mobile .logo img {
    height: 48px;
    width:80px;
}

#mobile-menu-btn {
    color: #fff;
    margin-left: 0px;
    font-size: 16px;
    padding:12px 13px 12px 0;
    z-index: 99;
}

#mobile-menu-btn .menu-text {
    font-size: 15px;
    line-height: 10px;
    padding: 9px 0 0 10px;
    float: left;
}

#mobile-menu-btn i {
    font-size: 24px;
    float :left;
}

.telefon_header {
    color: #656565;
    font-family: 'Latoregular', sans-serif;
    font-size: 13px;
    padding-top: 5px;
    margin: 0 auto;
    font-weight: normal;
}

.telefon_header .text_telefon {
    margin: 7px 0 0 8px;
    float: left;
    color: #fff;
    display: inline-block;
}
.telefon_header .text_telefon a {
    color: #fff;
}

.telefon_header .center_tel {
    max-width: 387px;
    margin:0 auto;
}

.telefon_header .center_tel.en {
    max-width: 238px;
}

.stop_header {
    width: 100%;
    background: url(../imagini/header_edge_7px.png);
    background-repeat: repeat-x;
    height: 7px;
    position: absolute;
    bottom: 0;
}

#header {
    background-color: #000;
    height: 100px;
    bottom: auto;
    color: #4d4d4d;
    overflow: visible;
    position: relative;
    text-align: left;
    top: auto;
    transform: none;
    width: auto;
    z-index: auto;
}

#inner_header {
    margin: 0 auto;
}

#mobile-nav-menu {
    background-color: #fff;
    bottom: 0;
    color: #999;
    font-size: 15px;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: transform .3s ease-out;
    transform: translateX(-100%);
    z-index: 10002;
    width: 60vw;
}

#mobile-nav-menu.active {
    transform: translateX(0);
}

#mobile-nav-menu .mobile-nav-menu-container {
    clear: both;
    height: 100%;
    transition: transform .3s ease-out;
    width: 200%;
}

#mobile-nav-menu .mobile-nav-menu-container.active {
    transform: translateX(-60vw);
}

#mobile-nav-menu .navbar-nav {
    float: none;
}

#mobile-nav-menu .navbar-nav li {
    border-bottom: 1px solid #f2f2f2;
}

#mobile-nav-menu a {
    color:#4d4d4d;
}

#mobile-nav-menu .mobile-nav-list {
    height: 100%;
    padding-bottom: 80px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 50%;
    float: left;
    overflow: auto;
}

#mobile-nav-menu .nav {
    overflow: auto;
    padding-top: 55px;
}

#mobile-nav-menu .buttons {
    background: #f2f2f2;
    position: absolute;
    top:0;
    left:0;
    right:0;
    height: 55px;
    border-bottom: 1px solid #ccc;
}
#mobile-nav-menu .buttons.flex {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;

}

#mobile-nav-menu .titlu-meniu {
    font-size: 22px;
    color:#4d4d4d;
    font-family: 'LatoBold', sans-serif;
}

#mobile-nav-menu .btn-close {
    display: block;
    float: right;
    color:#4d4d4d;
}


#mobile-nav-menu .btn-mobile-back {
    display: block;
    float: left;
}

#mobile-nav-menu .btn-close i,
#mobile-nav-menu .btn-mobile-back i {
    padding:14px 15px 11px 15px !important;
    font-size:30px;
}

#menu_header_left {
    background-image: url(../imagini/header_left_changed.png);
    width: 89px;
    float: left;
    height: 70px;
}

#menu_header {
    float: left;
    margin-bottom: 5px;
}

#menu_header_right {
    background-image: url(../imagini/header_right_changed.png);
    width: 89px;
    height: 70px;
    float: left;
}

#welcome_box {
    font-size: 16px;
    font-family: 'Latoregular', sans-serif;
    height: 55px;
    text-align: center;
    padding: 25px 0 0;
    width: 100%;
    margin:0 auto;
    background: #fff;
}

.sli_box_left2 {
    background-image: url(../imagini/slide_box_left2.jpg);
    width: 4px;
    float: left;
    height: 400px;
}

.sli_box_right2 {
    background-image: url(../imagini/slide_box_right2.jpg);
    float: left;
    width: 4px;
    height: 400px;
}

.sli_box2 {
    background-image: url(../imagini/slide_box_middle2.png);
    background-repeat: repeat-x;
    width: 951px;
    height: 400px;
    float: left;
}

.sli_box {
    width: 100%;
    min-width: 600px;
    display: block;
    background: #D7DCE0;
    position: relative;
}

.sli_box_inside_left {
}

.sli_box_inside_right {
    float: right;
    font-size: 13px;
    width: 367px;
    margin: 20px 10px 10px;
}

.sli_box_inside_right a {
    color: #fff;
}

.logo {
    float: left;
    margin: 0 0 0 15px;
}

.logo.centered {
    margin:0 auto !important;
    text-align: center;
    width: 100%;
}

.logo.centered a {
    margin: 28px auto 0 auto !important;
    text-align: center;
    width: 100%;
}
#first_line.centered {
    justify-content: flex-start;
}

#first_line.centered .logo {
    margin-left:15px;
}

.logospc img{
    width: 270px;
}

.logo a {
    margin: 28px 0 0 0;
    float: left;
}

#header #telefon_contact {
    float: left;
    width: 285px;
    margin: 40px 0 0 92px;
}

#header #telefon_contact #telefon {
    font-size: 14px;
    font-family: Arial;
    color: #494949;
    float: left;
    margin: 0 0 0 6px;
}

#header #telefon_contact #telefon .textmare {
    font-size: 16px;
}

.uppernoire {
    width: 100%;
    height: 3px;
    background-color: #242528;
    display: none;
}

#main_page {
    width: 100%;
}

#main_page #left_side {
    width: 100%;
    margin:0 auto;
}

.footer_wrapper h2 {
    margin:0;
}

#box_newsletter {
    border: 1px solid #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    width: 318px;
    height: 169px;
    position: relative;
    display: none;
}

#box_newsletter #title_newsletter,.boxnewslettermic #title_newsletter {
    font-size: 16px;
    float: left;
    clear: both;
    color: #fff;
    margin: 13px 0 0 15px;
}

#box_newsletter #title_newsletter {
    margin: 0;
    padding: 13px 0 0 15px;
    width: 100%;
    height: 47px;
    background: #D3504B;
    border-top: 1px solid #D3504B;
    border-left: 1px solid #D3504B;
    border-right: 1px solid #D3504B;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

#box_newsletter #text_newsletter,.boxnewslettermic #text_newsletter {
    font-size: 12px;
    float: left;
    clear: both;
    color: #494949;
    line-height: 16px;
    margin: 10px 0 0 15px;
    width: 92%;
}

#box_newsletter #email_newsletter {
    border: 0;
    background: url(../imagini/input_newsletter.png) no-repeat;
    width: 292px;
    height: 36px;
    margin: 0 0 0 10px;
    padding: 0 0 0 5px;
}

.boxnewslettermic #email_newsletter {
    background: url(../imagini/inputnewslettermic.png) no-repeat;
    width: 182px;
    height: 36px;
    border: 0;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
}

#box_newsletter #btn_submit_newsletter,.boxnewslettermic #btn_submit_newsletter {
    position: absolute;
    top: 110px;
    left: 238px;
    background: url(../imagini/btn_newsletter.png);
    width: 64px;
    height: 28px;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    text-align: left;
    padding-left: 3px;
}

.boxnewslettermic #btn_submit_newsletter {
    right: 9px!important;
}

#box_newsletter #raspuns_newsletter,.boxnewslettermic #raspuns_newsletter {
    font-size: 12px;
    float: left;
    clear: both;
    margin: 2px 0 0 15px;
}

#main_page #right_side #box_transport {
    border: 1px solid #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    width: 318px;
    position: relative;
    margin: 20px 0 10px;
    background: #FFFCEC;
    padding: 0 0 15px 0;
    display: none;
}

#main_page #right_side #box_transport #title_transport {
    font-size: 16px;
    color: #494949;
    margin: 0;
    padding: 13px 0 0 15px;
    width: 100%;
    height: 47px;
    background: #EFE2AF;
    border-top: 1px solid #EFE2AF;
    border-left: 1px solid #EFE2AF;
    border-right: 1px solid #EFE2AF;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

#main_page #right_side #box_transport #text_transport {
    font-size: 12px;
    float: left;
    clear: both;
    color: #494949;
    line-height: 18px;
    margin: 10px 0 5px 15px;
}

#main_page #right_side #box_transport .boxtransportbottom {
    background: url(../imagini/boxtransportbottom.png);
    width: 319px;
    height: 5px;
}

ul.dates,ul.counts,ul.blogroll ul,ul.pages {
    list-style-type: none;
}

ul.dates2 {
    margin-top: 2px;
}

#stire_fullsite {
    clear: both;
    width:100%;
    text-align: center;
    font-size:14px;
    color: #fff;
    margin: 0px auto 0px auto;
    position: relative;
    padding:15px 33px 12px 15px;
    background: #f6a912;
    position: relative;
}

#stire_fullsite i {
    position:absolute;
    right:0;
    top:0;
    padding:10px;
    color:#fff;
    font-size: 24px;
    cursor:pointer;
}

#footer_body .social_links i {
    font-size: 60px;
    color: #f2f2f2;
    margin:10px;
}

#footer_body .social_links a:hover i {
    color: #f6a912;
}

#footer_body h2 {
    font-size: 22px;
    color: #f2f2f2;
    margin-bottom: 10px;
    padding-bottom: 0;
}

#footer_body .rights {
    margin-top:20px;
}

#footer_body .linefooter {
    border-bottom: 1px solid #fff;
    margin:12px 0 0 1px ;
    width: 20px;
}

ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li {
    list-style-type: none;
    font-size:14px;
    color:#fff;
    margin: 0;
    padding:5px 0 5px 0;
}

ul.dates .date {
    color: #fff;
    padding: 0 1.5em 0 0;
}

ul.dates .contact {
    border: 0;
    background: url(../imagini/contact.png);
    width: 133px;
    height: 22px;
    background-repeat: no-repeat;
    padding: 8px 0 0 40px;
}

ul.dates .facebook {
    background: url(../imagini/facebook.png);
    width: 133px;
    height: 22px;
    background-repeat: no-repeat;
    border: 0;
    margin-left: 2px;
    padding: 10px 0 0 38px;
}

ul.dates .telefon {
    background: url(../imagini/telefon.png);
    width: 133px;
    height: 35px;
    background-repeat: no-repeat;
    border: 0;
    padding: 13px 0 0 40px;
}

.box_contact {
    border-bottom: 1px solid #c5c5c5;
    margin: 0 0 5px;
}

ul.counts .count {
    float: right;
    color: #858585;
}


#footer_body {
    background: #3d3e40;
    bottom: 0;
    color: #ffffff;
}

#footer_body .logofooter {
    margin-bottom: 30px;
}

.footer_wrapper {
    font-family: 'Latoregular', sans-serif;
    margin: 0 auto;
    max-width: 1055px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

#footer {
    clear: both;
    color: #fff;
}

#footer .inside {
    padding: 1em 0;
}

#footer p {
    font-size: .95em;
    margin: 0;
}

#footer p.copyright {
    float: left;
    color: #000;
}

#footer p.attributes a {
    text-decoration: none;
    color: #634521;
    padding: 0 0 0 1em;
}

#footer p.copyright a {
    text-decoration: none;
    color: #634521;
}

#footer p.attributes a:hover {
    color: #634521;
}

#footer_body .box-logo-payment {
    background: #fff;
    padding:5px;
    border:1px solid #fff;
    border-radius: 5px;
    margin-left:1px;
}

#newsletter-box {
    background: #e8e8e8;
}

#newsletter-box .inside {
    padding: 50px 15px;
    clear: both;
    display: block;
    margin: 0 auto;
    max-width: 950px;
}

#newsletter-box .title {
    font-size:24px;
    margin: 0 0 5px;
    text-transform: uppercase;
    text-align:center;
    color: #4d4d4d;
}

#newsletter-box p {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 30px;
    font-size: 15px;
    text-align: center;
}

#newsletter-box .form-container {
    max-width: 500px;
    width: 100%;
    margin: auto;
}

#newsletter-box .formular {
    align-items: center;
    position: relative;
    padding-top: 25px;
    margin-bottom: 16px;
    overflow: hidden;
}

#newsletter-box .email-label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
}

#newsletter-box .email {
    height: 40px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #fff;
    transition: all .3s;
    position: relative;
    z-index: 1;

}

.sliderwrapper {
    position: relative;
    overflow: hidden;
    border-bottom-width: 6px;
    width: 400px;
    height: 265px;
}

.sliderwrapper .contentdiv {
    width: 390px;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.pagination {
    width: 400px;
    text-align: left;
    padding: 5px 10px;
}

.pagination a {
    text-decoration: none;
    padding: 0 5px;
}

.pagination a:hover,.pagination a.selected {
    color: #343434;
    background-color: #FEE496;
}

#menu2 {
    font-family: "Trebuchet MS";
    font-size: 11px;
    margin-top: 4px;
}

#menu_nou li {
    display: inline;
}

.content-produs-interior {
    position: relative;
    font-size: 12px;
    padding: 5px 0;
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #dbdbdb;
    margin: 0 6px 10px 5px;
    min-height: 293px;
}

.content-produs-interior .imggal {
    max-height: 171px;
}
.product-card .next,
.product-card .prev {
    position: absolute;
    top: 32%;
    cursor: pointer;
    padding:7px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product-card .next i,
.product-card .prev i {
    color:#ddd;
    display: none;
}

.product-card:hover .next i,
.product-card:hover .prev i {
    color:#ddd;
    display: block;
}
.product-card .next:hover i,
.product-card .prev:hover i {
    color:#aaa;
}

.product-card .next {
    right: 5px;
}

.product-card .prev {
    left: 5px;
}

.product-card.special {
    background: #c51802;
    position:relative;
    background-size: 100% auto;
    margin-top:-1px;
    box-shadow: none !important;
}

.product-card.special .procent {
    background-image: url(../imagini/procenthp.png);
    height: 59px;
    width: 59px;
    position: absolute;
    top:0;
    right:0;
    margin:8px 8px 0 0;
}

.product-card.special .btnspecial {
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    padding:15px 18px 11px 18px;
    background:#ffffff;
    color:#1c1c1c;
    font-size: 16px;
    font-family:'Latobold';
    margin:0 auto;
    text-align: center;
    width: 75%;
}

.product-card.special .uppertext {
    font-size:24px;
    color:#fff;
    margin:20px 0 0 18px;
    max-width:100px;
}

.product-card.special .line {
    width:60px;
    height: 3px;
    background: #fff;
    margin:30px 0 10px 18px;
}

.product-card.special .textlower {
    font-size: 14px;
    color:#fff;
    margin: 20px 0 0 18px;
    line-height: 30px;
}

.product-card .box-sizes {
    opacity: 0;
    overflow: hidden;
    transform: translateZ(0);
    transition: height .2s ease-out, opacity .1s linear;
}

.product-card .sizes-container {
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding:5px;
}

.product-card .box-sizes .link,
.product-card .sizelinks .link {
    color: #999;
    display: inline-block;
    font-size: 14px;
    margin: 0 15px 0 0;
    text-decoration: none;
    transition: color .3s;
}

.product-card .box-sizes .link:hover {
    color:#4d4d4d;
}

.content-produs-imagine {
    border: 0;
}

.content-produs-imagine2 {
    width: 96%;
    background: #fff;
    padding-bottom: 2px;
    margin: 0 2% 0 2%;
    text-align: center;
    position: relative;
}

.content-produs-imagine2 .imgprodus {
    width: 100%!important;
    height: auto!important;
    max-width: 250px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#box_stanga {
    width: 250px;
    float: left;
    margin-top: 0px;
    background: #fff;
}

#box_stanga .spccheckbox {
    position: relative;
    font-size:21px;
    width: 19px;
    height: 19px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: inline-block;
}

#box_stanga .fa-check {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 12px;
    color: #3384e0;
}

#box_stanga .colours .fa-check {
    top: 5px;
    left: 5px;
    color: #fff;
    font-size: 10px;
}

#box_dreapta_homepage {
    width: 770px;
    margin-left: 10px;
    float: left;
    margin-top: 15px;
}

.of_left {
    background-image: url(../imagini/bara_oferte_left.png);
    height: 52px;
    width: 5px;
    float: left;
    margin-left: 11px;
}

.of_right {
    background-image: url(../imagini/bara_oferte_right.png);
    height: 52px;
    width: 5px;
    float: left;
}

#bara_oferte {
    background-image: url(../imagini/bara_oferte_middle.png);
    background-repeat: repeat-x;
    width: 760px;
    height: 52px;
    float: left;
}

.bara_oferte_long {
    border: 1px solid #ebebeb;
    background: #f9f9f9;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    height: 75px;
    margin:20px 0 20px 0;
    float: left;
    width: 100%;
}

.alb_bold_mare {
    font-size: 22px;
    font-family: 'Latosemi';
    float: left;
    margin: 25px 0 0 10px;
    padding:0;
}

.selectorkit {
    float:left;
    clear:both;
}

.selectorkit {
    margin-top:20px !important;
}

.see_all {
    float: right;
    background: url(../imagini/sageatatoate.png) no-repeat 0 17px;
    padding-left: 13px;
    margin: 17px 10px 0 0;
}

.box_produs_over {
    background-image: url(../imagini/box_produs.jpg);
    background-repeat: no-repeat;
}

.box_produs_over_mic {
    background-image: url(../imagini/box_produs_mic.jpg);
    background-repeat: no-repeat;
}

.imgmare {
    width: 450px;
}

.left_side {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
    font-size:14px;
    text-decoration: underline;
}


.btn-search.active .fas {
    color: #f6a912 !important;
}

#box_cautare_mobil {
    width:100%;
    margin:0;
    padding:0 10px 14px;
    height: 50px;
    background: #000;
    transition: opacity .3s;
}

#box_cautare_mobil.ascuns {
    opacity: 0;
    pointer-events: none;
}

#box_cautare_mobil #box_cautare_text {
    width: 100%;
    background: #fff;
    padding-left: 15px;
    padding-right: 45px;
    position: relative;
}

#box_cautare_mobil #box_cautare_text #search_box_categorie_text input {
    width: 100%;
    background: none;
    color: #919191;
    border: 0;
    padding: 4px 0 0px 0px;
    height: 40px;
}

#box_cautare_mobil .btn-submit-search {
    position: absolute;
    top: 11px;
    right: 10px;
}

#box_cautare_mobil .btn-stop-search {
    position: absolute;
    top: 7px;
    right: 42px;
    border-right: 1px solid #ccc;
    padding-right: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: none;
}

#box_cautare_mobil i {
    font-size: 24px;
    color: #000;
}

#box_cautare_mobil .btn-stop-search i {
    font-size:28px;
}

#box_cautare_mobil .autocomplete-suggestions {
    left:0;
    top:inherit;
    max-height: 400px !important;
}

#box_cautare_mobil .autocomplete-suggestion .img_ajax {
    width: 80px;
    height: 80px;
}

#box_cautare {
    color: #636363;
    background: #fff;
    position: relative;
    margin: 0 auto 0 auto;
    max-width: 372px;
    background-color: #1a1a1a;
    padding: 20px 45px 20px 20px;
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 999;
    width: 100%;
    display: none;
    opacity: 0;
    animation: FadeOut 200ms ease-in-out;
}

#box_cautare.active {
    display: block;
    opacity: 1;
    animation: FadeIn 200ms ease-in-out;
}

@keyframes FadeIn {
    0% {
        opacity: 0;
        height: initial;
    }
    100% {
        opacity: 1;
        height: initial;
    }
}
@keyframes FadeOut {
    0% {
        opacity: 1;
        height: initial;
    }
    99% {
        opacity: 0;
        height: initial;
    }
    100% {
        height: 0;
        opacity: 0;
        height: 0;
    }
}


#box_cautare_text,.filtre_box_cautare {
    font-size: 14px;
    border-bottom: 1px solid #aaa;
    position: relative;
}

.searching #box_cautare_text, .focused #box_cautare_text {
    border-color:#6b9fe6;
    z-index: 2000;
}

.searching #box_cautare_text .fa, .focused #box_cautare_text .fa {
    color:#6b9fe6;
}

.filtre_box_cautare {
    width: 190px;
    height:30px;
    margin-left:24px;
    background-color: #fff;
}

.filtre_box_cautare .btn-submit-search {
    top: 8px;
}

.filtre_box_cautare input {
    width: auto;
    background: none;
    outline: none;
    color: #919191;
    border: 0;
    padding: 5px 0 8px 19px;
}

#box_cautare_left {
    width: 3px;
    height: 22px;
    float: left;
}

#search_box_categorie {
    background: url(../imagini/cautarecategorie.png);
    width: 138px;
    height: 37px;
    float: left;
    font-size: 13px;
    cursor: pointer;
    padding: 10px 0 0 10px;
    margin-left: -1px;

}

#search_box_categorie_text {
    background: none;
    border: 0;
}

#search_box_categorie_text input {
    width: 100%;
    background: none;
    color: #919191;
    border: 0;
    padding:2px 0 8px 0px;
}

#search_box_categorie_text input:focus{
    outline: none;
}

#search_magnifier_icon {
    background-image: url(../imagini/btncauta.png);
    background-repeat: no-repeat;
    width: 38px;
    height: 26px;
    float: left;
    margin: 5px 5px 0;
}

#search_box_categorie_sublist {
    font-size: 13px;
    position: absolute;
    z-index: 200000000;
    top: 57px;
    left: 1px;
}

.btn-submit-search {
    position: absolute;
    top: 6px;
    right: 2px;
}

.btn-submit-search i {
    font-size: 20px;
    color: #fff;
    display: block !important;
}

.cautare_curenta {
    float: left;
    margin-left: 4px;
}

#sb_spatiere {
    display: none;
    z-index: 200000000;
}

#sb_spatiere #sb_top {
    background: url(../imagini/cautaredeschistop.png);
    width: 136px;
    height: 4px;
    margin-top: -1px;
}

#sb_spatiere #sb_bottom {
    background: url(../imagini/cautaredeschisjos.png);
    width: 136px;
    height: 3px;
}

#sb_spatiere #sb_content {
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    background: #fff;
    width: 134px;
}

#sb_content a {
    display: block;
    border-top: 1px solid #c7c7c7;
    height: 19px;
    padding: 3px 0 0 6px;
}

#sb_content .select_first {
    border-top: none!important;
}

#sb_content .select_last {
    height: 17px!important;
}

#sb_content a:hover {
    background: #fff0be;
}

.sb_linie {
    margin-top: 2px;
    margin-bottom: 2px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 1px;
    line-height: 1px;
    width: 135px;
}

.greyarrow {
    background: url(../imagini/grey_arrow_down.png);
    width: 8px;
    height: 7px;
    float: right;
    margin-right: 8px;
    margin-top: 5px;
}

#box_user {
    float: right;
    margin: 0px 2px 0 0;
}

.lang_sel {
    float: right;
    height: 20px;
    margin: 0px 10px 0 0;
}

.lang_sel .btn {
    padding:3px 10px !important;
}


#box_user #cont_nou, #box_user #acces_cont, #box_user #pipe {
    float: left;
}

.lang_sel #limba_romana, .lang_sel #limba_engleza {
    float: left;
    margin-top: 7px;
}

.lang_sel .lang {
    font-size:12px;
    font-family: Latobold;
    margin-left:5px;
    margin-top:2px;
    color: #fff;
}
.lang_sel img {
    float: left;
}

#box_user .contuser {
    cursor: pointer;
    display: block;
    padding: 8px 8px 0 7px;
    margin-top: -1px;
    color:#7d7d7d;
    height: 34px;

}

#box_user .contuser.menuover {
    background: #fff;
    color:#444;
    border-left:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    border-top:1px solid #d1d1d1;
    padding-top:7px;
    padding-right:7px;
    z-index: 10000;
    position:relative;
}


#box_user #cont_nou {
    float: left;
    display: block;
    padding: 3px 4px 0;
    margin-top:3px;
}

#box_user .contnou {
    color:#7d7d7d;
    font-size:13px;
    border:1px solid #bfbfbf;
    padding:6px 8px 4px 8px;
    margin:3px 0 0 20px;
}

 #box_user .login {
     float: left;
     display: block;
     height: 25px;
     padding: 3px 4px 0;
     color:#7d7d7d;
     font-size:13px;
     margin:3px 0 0 0;
 }

#box_user a {
    color: #fff;
}

#acces_cont {
    position: relative;
}

#box_user .meniucont {
    background: #fff;
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 1px 5px 9px -4px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    1px 5px 9px -4px rgba(50, 50, 50, 0.5);
    box-shadow:         1px 5px 9px -4px rgba(50, 50, 50, 0.5);
    position: absolute;
    z-index: 9999;
    display: none;
    width: 177px;
    right:0;
    top:32px;
}

 .meniucont ul {
     list-style: none;
     padding: 10px 0px 0px 0px;
     margin:0;
 }

 .meniucont li {
     padding: 6px 8px 6px 8px;
 }

 .meniucont .contitem.logout {
     background: #eee;
 }

 .meniucont li a{
    color:#444!important;
 }

 .meniucont li a:hover {
    color: #d3504b!important;
 }

.shopping-basket {
    background: url(../imagini/sprite.png) no-repeat -147px -81px;
    width: 22px;
    height: 20px;
    float:left;
}

#box_cos {
    float: right;
    margin: 33px 0 0 0;
    padding:5px;
    font-family: 'Latoregular', sans-serif;
    font-size: 14px;
    position: relative;
    font-weight: normal;
}

#box_cos .fa {
    float:left;
    color:#d1d1d1;
    font-size:16px;
}


#box_cos .link_cos {
    float: left;
    padding:2px 0 0 17px;
}

#meniu {
    padding: 0;
    width: auto;
}

#meniu #box_meniu {
    color:#fff;
    padding-top: 27px;
}

#box_meniu a i {
    padding-left:7px;
    display: none;
}

#cont-box a i {
    display: block;
    color: #fff;
}

#meniu #box_meniu .btnbike {
    background: url(../imagini/btnbike.png);
    width: 83px;
    height: 41px;
    display: block;
    float: left;
}

#meniu #box_meniu .btnspc {
    cursor: pointer;
    display: inline-block;
    position: static;
    font-family: 'Latobold',sans-serif;
    padding:15px 20px 0 20px;
    font-size: 14px;
    height: 42px;
    color:#fff;
}

#meniu #box_meniu .btnspc div {
    font-family:  'Latobold',sans-serif;
}

#meniu #box_meniu .btnpromotii,
#meniu #box_meniu .btnskisnow,
#meniu #box_meniu .btnsummer{
    border-right: 0;
}

#meniu #box_meniu .btnskisnow,
#meniu #box_meniu .btnsummer{
    float: right;
}

#meniu #box_meniu .btnskisnow {
    background: #82aec4;
    text-shadow: none;
}

#meniu #box_meniu .imgpromo {
    background: url('../imagini/procentpromomeniu.png') no-repeat;
    width: 33px;
    height: 33px;
    margin: -9px 5px 0 -10px;
    float: left;
}

.imgsnow {
    background: url('../imagini/snowboard.png') no-repeat;
    width: 97px;
    height: 68px;
    margin: -25px 7px 0 -11px;
    float: left;
}

.imgsummer {
    background: url('../imagini/biciclete.png') no-repeat;
    width: 97px;
    height: 58px;
    margin: -28px 11px 0 -11px;
    float: left;
}


.imgsnowheader {
    background: url('../imagini/snowboardheader.png') no-repeat;
    width: 118px;
    height: 81px;
    margin: 0px 0 0 5px;
    float: left;
}

.imgsummerheader {
    background: url('../imagini/headerbiciclete.png') no-repeat;
    width: 124px;
    height: 81px;
    margin: 0px 0 0 1px;
    float: left;
}

#meniu #box_meniu .btnspc:hover {
    background: #242528;
}

#meniu #box_meniu .meniu_activ {
    background: #242528;
}

#meniu #box_meniu .btncos {
    background: url(../imagini/coscumparaturi.png);
    width: 149px;
    height: 41px;
    display: none;
    float: right;
}

#meniu #box_meniu .btncos:hover {
    background: url(../imagini/coscumparaturi.png);
}

#meniu .nrproduse {
    text-decoration: none!important;
    font-size: 13px;
}

#meniu #box_meniu .nr_produse {
    float: left;
    color: #fff;
    font-size: 12px;
    margin: 15px 0 0 59px;
}

#meniu .submenusnow, #meniu .submenuw, #meniu .submenuk, #meniu .submenusecond,#meniu .submensports,#meniu .submenfitness, #meniu .submensportstyle {
    display: none;
    border: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    z-index: 100000;
    -webkit-box-shadow: -1px 2px 11px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    -1px 2px 11px 0px rgba(0, 0, 0, 0.4);
    box-shadow:         -1px 2px 11px 0px rgba(0, 0, 0, 0.4);
    width: 100%;
    background: #333;
    min-height:90px;
}



#meniu .submenusnow .picpromo {
     background: url('../imagini/barbati.jpg') no-repeat bottom right;
     width: 225px;
     float: left;
     height: 344px;
}

#meniu .submenuk .picpromo {
    background: url('../imagini/copii.jpg') no-repeat bottom right;
    width: 225px;
    float: left;
    height: 344px;
}

#meniu .submenuw .picpromo {
    background: url('../imagini/femei.jpg') no-repeat bottom right;
    width: 225px;
    float: left;
    height: 344px;
}

#meniu .submenusnow.summer .picpromo {
    background: url('../imagini/meniubike1.png') no-repeat bottom right;
    width: 255px;
    height: 343px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#meniu .submenuw.summer .picpromo {
    background: url('../imagini/meniubike2.png') no-repeat bottom right;
    width: 265px;
    height: 335px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#meniu .submenuk.summer .picpromo {
    background: none;
    width: 0;
    height: 0;
}

#meniu .separator-meniu {
    float:left;
    z-index: 4;
    position: relative;
    border-left:30px solid #fff;
}

.submenuk .sub_menu .mbig{
    margin-right: 10px!important;
}

#meniu .submenusecond .right {
    background: url(../imagini/btnsecondbg.png);
    float: left;
    width: 120px;
    min-height: 221px;
}

#meniu .left_cat {
    font-size: 13px;
    line-height: 16px;
    float: left;
    color:#999;
}

#meniu .left_subsub {
    padding-left:10px;
    padding-bottom: 5px;
}

#meniu .left_cat.last {
    border-bottom: 0!important;
}

#meniu li.mbig {
    width: 190px;
    margin: 0 0 9px 0;
    padding:23px 0 0px 25px;
    height: 23px;
    font-family: 'Latobold',sans-serif;
    color: #2d69aa;
    font-size: 16px;
}

#meniu .mmed {
    padding: 5px 10px 10px 0px;
    font-family: 'Latobold',sans-serif;
    color: #fff;
    font-size: 14px;
}

#meniu .mmed:hover {
    color: #E33435;
}

#winter #meniu li.mbig {
    width: 150px;
    cursor: default;
}

.titlu_mare {
    margin:60px 0 30px 8px;
    float: left;
}

.titlu_mare, .titlu_mare .text {
    font-size: 22px;
    line-height: 30px;
    color: #4d4d4d;
    font-family: 'Latobold',sans-serif;
}

.titlu_mare .text {
    float: left;
}

.btnspecial {
    margin:1px 0 0px 15px;
    font-size: 15px;
    text-decoration: underline;
    color: #aaa;
    font-family: 'Latobold',sans-serif;
    display: block;
    float: left;
}

#promotii_hp, #noutati_hp, #produse_vizitate {
    clear: both;
}

#content_wrapper {
    margin:16px;
}

#meniu .submenusnow .right {
    float: left;
    width: 120px;
    min-height: 297px;
}

.descriere_producator {
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 15px;
}

#breadcrumb {
    height: 49px;
    float: left;
    font-size: 14px;
    color: #fff;
    font-family: 'Latoregular',sans-serif;
    width: 100%;
    background: #4d4d4d;
    padding: 15px 0 14px 15px;
    clear: both;
}

#breadcrumb h1 {
    font-size: 14px;
    margin: 0;
    color: #fff;
    font-family: 'Latoregular',sans-serif;
    line-height: 20px;
}

#breadcrumb .fa {
    margin:0 10px 0 10px;
}

#breadcrumb a {
    color: #fff;
    text-decoration: underline;
}

#pagini {
    float: left;
    font-size: 18px;
    color: #000;
    padding: 15px 10px 0 8px;
}

#pagini .nrproduse {
    color:#656565;
}

.dd-select {
    background-color: #fff !important;
    min-width: 200px;
    border-radius: 0 !important;
}

#sortare_abc .dd-selected {
    padding:8px 12px 5px 12px;
}

#sortare_abc .dd-selected-text {
    font-size:14px;
    color: #000;
    font-weight:normal;
    float:left;
}

#sortare_abc .dd-options {
    right:0;
    left:0;
}

#sortare_abc .dd-option-text {
    font-weight: normal;
    font-size:14px;
}

#sortare_abc .selectedspan {
    color:#656565;
}

.sb_spatiere a:hover {
    color: #333;
}

.box_marimi {
    font-size: 14px;
    text-transform: uppercase;
    margin:15px 0 10px 0;
}

.selector-marimi {
    position: relative;
}

#box_produs h1 {
    float: left;
}

.fb-like {
    float: right;
    margin: 0 10px 0 0;
    height: 35px;
}

.spc_descriere {
    max-width: 1000px;
    margin: 0 auto;
}

.boxnews {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    width: 100%;
    max-width: 1000px;
    background: #373737;
    color: #d7d7d7;
    padding: 20px;
    font-family: 'Latoregular', sans-serif;
    font-size: 14px;
    margin: 0 auto 48px auto;
}

.boxnews .box_nws,
.boxnews .box_transport {
    width: 50%;
    text-align: center;
    float: left;
}

.boxnews .box_transport {
    text-align: left;
}

.butoninscrie {
    background: #ef3434;
    border: 1px solid #ef3434;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:3px 8px 3px 8px;
    margin:5px auto 0 auto;
    color:#fff;
}

.boxnews .imagetransport {
    background: url('../imagini/transport-cost.png') no-repeat;
    width: 50px;
    height: 50px;
    margin: 10px 20px 0 10px;
    display: inline-block;
    float: left;
}

.boxnews .text_transport {
    margin: 0 10px 0 0;
    text-align: left;
    width: 533px;
}

.boxnews .text_transport a {
    color:#d3504b;
}

.pret_redus {
    color: #656565;
    padding-left: 2px;
    font-size: 16px;
    display: inline;
    font-family: 'Latoregular',sans-serif;
}

.rating_produs {
    font-size: 11px;
    text-align: center;
    margin-top: 3px;
}

#lista_produse {
    display: flex;
    flex-wrap: wrap;
}

#lista_produse .fa-spinner {
    float: left;
    font-size: 50px;
    margin: 50px auto;
}

.product-card {
    display: flex;
    position: relative;
    flex-direction: column;
    flex: 0 25%;
    padding: 0 5px 5px 5px;
}

#lista_produse.bf .product-card {
    flex:0 20%;
}

/*
.product-card:hover {
    -moz-box-shadow: 3px 3px 4px #ececec;
    -webkit-box-shadow: 3px 3px 4px #ececec;
    box-shadow: 2px -2px 25px 2px #ececec;
    z-index: 100;
}*/

#main_page .product-card {
    flex: 0 20%;
}


.product-card .product-wrapper {
    padding-bottom: 75px;
    display: flex;
    flex-flow: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}



.product-card .product-image-link {
    display: block;
    position: relative;
}

.product-card .product-image {
    background-color: #f6f7f8;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.product-card .product-image-container {
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.product-image img {
    height: auto;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.product-card .second_image {
    opacity: 0;
}
.product-card:hover .second_image {
    opacity: 1;
}

.product-card:hover .box-sizes {
    opacity: 1;
    transition: height .2s ease-out,opacity .15s linear .1s;
    height: auto;
}

.product-image .second_image {
    opacity: 0; /* This comes from step 3 */
    -webkit-transition: opacity 100ms ease-in-out;
    -moz-transition: opacity 100ms ease-in-out;
    -ms-transition: opacity 100ms ease-in-out;
    -o-transition: opacity 100ms ease-in-out;
    transition: opacity 100ms ease-in-out;
}


.product-info {
    padding: 10px 0 0px 0px;
    min-height: 75px;
    padding-bottom: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    height: auto;
    display: block;
    background: #fff;
}

.product-info a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paginare_lista {
    height: 32px;
    font-size: 13px;
    margin-bottom: 2px;
}

.paginare_lista_text {
    width:100%;
    margin:30px 0 30px 0;
}

.paginare_lista_text .arrow-next {
    background: url('../imagini/pag_next.png');
    width:33px;
    height:18px;
    display: block;
    float:left;
    margin-left:-20px;
}

.paginare_lista_text .textpag {
    float: left;
    margin-top:0;
    padding-right:15px;
}

.paginare_lista_text .sageatadreapta .textpag {
    padding-right:0;
    padding-left: 15px;
}

.paginare_lista_text .arrow-prev {
    background: url('../imagini/pag_prev.png');
    width:33px;
    height:18px;
    display: block;
    float:left;
    margin-right:-20px;
}

.paginare_inner {
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
}

.paginare_inner .pagina_inactiva, .paginare_inner .pagina_activa, .paginare_inner .pagina_ascunsa {
    margin-top:10px;
}

.pagina_activa {
    cursor: default;
    color: #656565;
    text-align: center;
    border: 1px solid #c8c8c8;
    padding:10px 15px 10px 15px;
    transition: border-color .3s;
    font-family: 'Latoregular', sans-serif;
    font-size: 16px;
}

.pagina_inactiva {
    color:#2d81df;
    background: #fff;
    text-align: center;
    padding:10px 15px 10px 15px;
    border: 1px solid transparent;
    font-family: 'Latoregular', sans-serif;
    font-size: 16px;
}

.pagina_inactiva:hover {
    text-decoration: underline;
    border: 1px solid #c8c8c8;
}

#sortare_lista {
    width: 100%;
    height: 64px;
    padding-right: 5px;
}

#sortare_lista .textsortare {
    font-size: 14px;
    float: left;
    padding:10px 10px 0 0;
}

#sortare_lista #sortare_lista_abc {
    float: right;
}


.sageatastanga,.sageatadreapta {
    cursor: pointer;
    display: block;
    padding: 15px 20px 11px 20px;
    border:1px solid #e3e3e3;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Latoregular',sans-serif;
    text-transform: uppercase;
    font-size:14px;
    margin-top:10px;
}

.sageatadreapta {
    padding: 15px 20px 11px 20px;
}

.sageatastanga:hover,.sageatadreapta:hover {
    background: #fafafa;
}


.dd-options li,.dd-option-text {
    cursor: pointer;
    font-size: 12px;
}

.filtru_sort {
    float: left;
    text-decoration: underline;
    line-height: 16px;
    margin: 0 7px 0 10px;
}

.linie-separatie-produs {
    margin:30px 0 30px 0;
    border-bottom:1px solid #e3e3e3;
    height:1px;
    font-size:1px;
    line-height:1px;
}

#buton-cos-pagina-detalii {
    margin:10px 0 20px 0;
    width: 80%;
    float :left;
    font-size:20px;
    border-right:5px solid #fff;
}

.pagina-produs-dreapta .favourite {
    margin:10px 0 20px 0;
    cursor: pointer;
    width: 20%;
    float: left;
    border-radius: 0;
    text-align: center;
    height: 40px;
}

.filtru_sort_activ {
    float: left;
    color: #ef3434;
    text-decoration: underline;
    line-height: 16px;
    margin: 0 10px;
}

.branduri_produse {
    font-size: 12px;
    margin-top: 2px;
}

.branduri_produse_detalii {
    font-size: 14px;
    color:#656565;
    padding-top: 5px;
    padding-bottom: 2px;
    text-align: center;
}

.mar.mar_active .branduri_produse_detalii {
    color:#ef3434;
}

.branduri_filtru {
    font-size: 12px;
    list-style-type: none;
}

.branduri_produse_active {
    color:#ef3434;
    margin-top: 2px;
    color: #ef3434!important;
}

.branduri_filtru_active {
    font-size: 12px;
}

.submeniu_liste {
    background: url(../imagini/filtrumarcatop.png);
    height: 40px;
    width: 195px;
    margin-top: 1px;
}

.submeniu_pret {
    padding: 10px 0 20px 0;
    border:1px solid #ebebeb;
}

.pretselector {
    display: none;
}

#slidervalues {
    margin-top: 5px;
}

#pretfiltru, #pretfiltrumax {
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(227,220,227,1);
    -moz-box-shadow: inset 0px 0px 2px 0px rgba(227,220,227,1);
    box-shadow: inset 0px 0px 2px 0px rgba(227,220,227,1);
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 38px;
    height: 22px;
    padding:4px 5px 3px 2px;
    float: left;
    text-align: center;
}

#pretfiltrumax {
    margin-left:18px !important;
    width: 40px;
}

.addfiltru {
    font-size: 14px;
    float: left;
    background: #fff;
    width: 24px;
    height: 19px;
    padding:7px 0 3px 5px;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-slider-range {
    background: #75aecd!important;
}

.ui-widget-content {
    background: #f2f2f2!important;
    border: 1px solid #cecece!important;
    -webkit-box-shadow: inset 0 1px 2px 0px rgba(206, 206, 206, 1);
    box-shadow: inset 0 1px 2px 0px rgba(206, 206, 206, 1);
}

.ui-slider-handle {
    background: url('../imagini/sortarecerc2.png')!important;
    border:0!important;
    width: 16px!important;
    height: 16px!important;
}

.ui-slider-horizontal{
    height: 9px!important;
}

.submeniu_liste_marimi {
    margin-top:30px;
    border-top: 1px solid #ebebeb;
}

.submeniu_liste_title_bold {
    font-size: 17px;
    padding: 17px 0 0 15px;
}

#box_stanga .box_filtre {
    position: relative;
    margin:0 7px 0 0px;
    border-bottom: 1px solid #e8e8e8;
}

#box_stanga .submeniu_liste_marimi {
    border:0;
}

#box_stanga .submeniu_liste_title {
    margin:0;
    padding:20px 10px 20px 0;
}

#box_stanga .submeniu_liste_marimi {
    margin-top:0;
}

#box_stanga .brand_list_1 {
    margin-bottom: 20px;
}

.submeniu_liste_title {
    cursor: pointer;
    font-size: 12px;
    font-family: 'LatoBold', sans-serif;
    color: #000;
    text-transform: uppercase;
    text-transform: uppercase;
    padding: 20px 0 10px 10px;
    font-size: 18px;
}

.submeniu_liste_s {
    padding-top: 4px;
}

.niciunprodus {
    font-size: 14px;
    margin: 30px;
    text-align: center;
}

.submeniu_liste_bold {
    background: url(../imagini/top_brands.png);
    height: 52px;
    width: 180px;
}


.brand_list {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    max-height: 150px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.extrapadding {

}

.brand_list.selected {
    border-top:0;
}

.brand_list.selected,.brand_list_1.selected {
    padding:0 0 0 0;
    border-bottom: 1px solid #ebebeb;
    padding-top: 5px;
}

.brand_list_1.selected {
    padding-bottom: 4px;
}

.brand_list.selected li,.brand_list_1.selected li {
}

.brand_list li {
    padding: 0 0 0 17px;
}

.brand_list .filtreselectate {
    clear: both;

}

.brand_list .filtreselectate li {
    width: 100%;
}

.brand_list .limitfiltre {
}

.brand_list_p {
    margin:8px 0 0 8px;
}

.brand_list_p .branduri_produse_detalii {
}

.brand_list_p li.no_stock .branduri_produse_detalii {
    color: #ccc;
}

.brand_list_p li a{
    display:block;
}

.brand_list_p li{
    font-size:12px;
    height:35px;
    float:left;
    list-style-type:none;
    min-width:60px;
    max-width: 100px;
    margin:0;
    padding:2px 5px;
    border:2px solid #e8e8e8;
    position: relative;
    margin-right: -2px;
}

.brand_list_p li.altamarime {
    background: #f3f3f3;
}

.brand_list_p li.altamarime .branduri_produse_detalii {
    color: #e3e3e3;
}

.brand_list_p li.no_stock {
    cursor: help;
    background: #f3f3f3;
}

.brand_list_p .mar_active{
    color:#ef3434;
    border-color:#ef3434;
}
.brand_list_margin {
    margin: 0 5px 0 0 ;
    float:left;
}

.selector-marimi .brand_list_p li {
    margin-top: -2px;
}

.brand_list li {
    font-size: 12px;
    height: 24px;
    padding-top: 5px;
    float: left;
    list-style-type: none;
    width: 89px;
    margin-right: 2px;
    overflow: hidden;
    display:inline-block;

}
.brand_list_1 li a,
.brand_list li a {
    line-height: 20px;
    color: #000;
    font-size: 15px;
}
.brand_list_1.marime {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-height:250px;
    padding-top: 1px;
    padding-left: 1px;
}

.brand_list_1.marime .branduri_filtru,
.brand_list_1.marime .branduri_filtru_active {
    padding:0;
    flex:0 50%;
}

.brand_list_1.marime .branduri_filtru a,
.brand_list_1.marime .branduri_filtru_active a {
    border: 1px solid #ccc;
    margin-top: -1px;
    margin-left: -1px;
    padding:7px 0px 5px 5px;
    display: block;
}

.brand_list_1.marime .branduri_filtru_active a {
    background:#eee;
}

.radiop {
    float: left;
    margin: -1px 6px 0 0;
    color: #4d4d4d;
    font-size: 1.533333em;
    line-height: 0.75em;
    vertical-align: -15%;
}


.radio_sel {
    width: 14px;
    height: 14px;
    background: url('../imagini/bifasortare.png') no-repeat scroll 2px 3px #3B86C4;
    float: left;
    border: 1px solid #2375b8;
    margin:-1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.brand_list .mar_active {
}

.brand_list_1 input {
    float: left;
    margin: 1px 8px 0 0;
}

.footerfiltru {
    background: url(../imagini/filtrumarcabgbottom.png);
    background-repeat: no-repeat;
    width: 195px;
    height: 6px;
    margin-bottom: 12px;
}

.brand_list_1 .branduri_filtru:hover a,
.brand_list li a:hover {
    color: #ef3434;
}

.brand_list_1 .branduri_filtru_active {
    list-style-type: none;
}

.brand_list_1 .branduri_filtru_active a {
    font-family: 'Latobold';
}

.brand_list_1 .contoare,.brand_list .contoare {
    font-family: 'Latoregular';
    color:#cccccc;
    padding-left:2px;
}

.brand_list_1 .colours .contoare {
    float:left;
    margin-top: 2px;
    padding-left:5px;
}

.brand_list_1 li {
    margin: 0 0 0 0;
    padding-top: 10px;
}

li.colours {
    list-style-type: none;
    height: 25px;
}

li.colours a {
    display: block;
    position: relative;
}

li.colours a span.cerc1{
    display: block;
    border: 1px solid #000;
    height: 20px;
    width: 20px;
    float: left;
}

.start_header_mobile #cont-box {
    position: relative;
    transform: none;
    top:0;
    right: 0;
}

.start_header_mobile #cont-box .nrproduse {
    right: -6px;
    top: -7px;
}

#cont-box {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

#cont-box .btn-cont {
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    margin-left: 15px;
    display: block;
    cursor: pointer;
    color: #fff;
}

#cont-box .btn-cart {
    position: relative;
}

#cont-box .nrproduse {
    position: absolute;
    background: #449d44;
    width:18px;
    color:#fff;
    height:18px;
    text-align:center;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    font-size:10px;
    padding-top:3px;
    right:-17px;
    top: -9px;
}

#cont-box .btn-user-logged .fas {
    color: #f6a912 !important;
}

.brand_list_1 .colours.selected {
}

.brand_list_1 .textcerc {
    float:left;
    font-size: 15px;
    padding:2px 0 0 6px;
}

.brand_list_1 .textcerc.bold {
    font-family: 'Latobold';
}

.brand_list_1 .fa-times {
    color:red;
    float: left;
    padding: 6px 0 0 4px;
}

.brand_list_1 .cerc2t {
    height:9px;
    width:18px;
    display: block;
    float: left;
}

.brand_list_1 .cerc2b {
    height:9px;
    width:18px;
    display: block;
    float: left;
}

.rating_0 {
    width: 62px;
    height: 12px;
    background: url(../imagini/stars0-5.png);
    margin: 0 2px;
}

.rating_1 {
    width: 62px;
    height: 12px;
    background: url(../imagini/stars1-5.png);
    margin: 0 2px;
}

.rating_2 {
    width: 62px;
    height: 12px;
    background: url(../imagini/stars2-5.png);
    margin: 0 2px;
}

.rating_3 {
    width: 62px;
    height: 12px;
    background: url(../imagini/stars3-5.png);
    margin: 0 2px;
}

.rating_4 {
    width: 62px;
    height: 12px;
    background: url(../imagini/stars4-5.png);
    margin: 0 2px;
}

.rating_5 {
    width: 62px;
    height: 12px;
    background: url(../imagini/stars5-5.png);
    float: left;
    margin: 0 2px 0 12px;
}

.oferta_reducere_over {
    position: absolute;
    z-index: 199;
    left:5px;
    top:5px;
    background: #ef3434;
    color:#fff;
    width: 56px;
    height: 23px;
    padding-top: 4px;
    text-align: center;
}

.oferta_nou_over {
    position: absolute;
    z-index: 199;
    left:5px;
    top:80px;
    background: #3F98EC;
    color:#fff;
    width: 56px;
    height: 23px;
    padding-top: 4px;
    text-align: center;
}

.product-card .favourite {
    position: absolute;
    top:25px;
    right:25px;
    z-index: 10;
    cursor: pointer;
    font-size: 18px;
    color: #4d4d4d;
}

.product-card .nrimagini {
    position: absolute;
    top: 33px;
    left:5px;
    height: 20px;
    z-index: 200;
    font-size: 10px;
    color: #fff;
    padding: 5px 5px 0px 4px;
    background: #3F98EC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


.oferta_reducere_over_bf_old {
    position: absolute;
    z-index: 199;
    left: -5px;
    top: -4px;
    height:60px;
    width:60px;
    background:#000;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    font-family: 'Latoregular',sans-serif;
    color:#FFF;
    font-size:10px;
    line-height: 17px;
    margin: 1px 0 0 0;
    padding-top:5px;
    text-align: center;
}


.oferta_reducere_over_bf_old .procent {
    color:#fff;
    font-size: 20px;
}

.oferta_reducere_over_bf {
    position: absolute;
    z-index: 199;
    left: 3px;
    top: 17px;
    height:60px;
    width:60px;
    background:#ef3434;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    font-family: 'Latoregular',sans-serif;
    color:#FFF;
    font-size:10px;
    line-height: 17px;
    margin: 1px 0 0 0;
    padding-top:5px;
    text-align: center;
    -moz-transform: rotate(-5deg); /* Firefox */
    -webkit-transform: rotate(-5deg); /* Chrome and Safari */
    -o-transform: rotate(-5deg); /* Opera */
    -ms-transform: rotate(-5deg); /* Surprise! IE9 with its own prefix */
}

.cod_reducere {
    border: 1px dotted #0C1021;
    padding:10px;
    font-size:13px;
    margin-bottom: 10px;
    background: gold;
}

.oferta_reducere_over_bf .procent {
    color:#fff;
    font-size: 20px;
}

.procent_reducere {
    position: absolute;
    z-index: 199;
    right: 100%;
    width: 100px;
    top: 0;
    background: #ef3434;
    font-size: 19px;
    color: #fff;
    height: 40px;
    padding-top: 9px;
    text-align: center;
}

.slick-list .slick-track {
    margin-left:0;
}

.slick-list .product-card {
    padding: 8px;
}

.pagina-produs-dreapta .colectie {
    position: absolute;
    z-index: 199;
    right:100%;
    white-space: nowrap;
    margin-right:0px;
    top: 40px;
    padding: 5px 10px 3px 10px;
    background: #f6a912;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100px;
}

.colectie_over_produs_s {
    position: absolute;
    z-index: 199;
    margin-top: 10px;
    margin-left: -8px;
    display: none;
}

.filtrare_lista_1,.filtrare_lista_2,.filtrare_lista_3 {
    float: left;
    cursor: pointer;
    font-size: 12px;
}

.filtrare_lista_2 {
    margin-left: 10px!important;
}

.filtrare_lista_3 {
    margin-left: 5px!important;
}

.separare_sortare {
    width: 1px;
    background: #dbdbdb;
    height: 18px;
    float: left;
    margin: 9px 0 0 9px;
}

#pagina_statica {
    font-size: 12px;
    width: 100%;
    max-width: 1200px;
    margin:20px auto;
    padding:0 10px 0 10px;
}

#pagina_statica ul li {
    margin-top: 4px;
    margin-left: 20px;
}

.boxstire2 {
    margin-left: 20px;
    margin-right: 20px;
    height: 100px;
}

.inside_contact_stanga label {
    margin:10px 0 3px 0;
    clear: both;
    float: left;
}

.inside_contact_stanga input {
    clear: both;
    float: left;
}

.inside_contact_stanga textarea {
    float: left;
    clear: both;
}

.inside_contact_stanga input {
    height: 20px;
}

.boxharta {
    border: 1px solid #cacaca;
    padding:8px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    background: #eaeaea;
}

.inside_contact_stanga input,
.inside_contact_stanga textarea{
    margin: 5px 0 0 0;
    border: 1px solid #cacaca;
    text-align: left;
    padding:3px 3px 3px 5px !important;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.inside_contact_stanga .dk_container {
    background: none;
    float: left;
    clear: both;
}

#bglogofirme {
    width: 100%;
}

.logowrapper {
    display: flex;
    flex-flow: row;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    align-items: baseline;
    justify-content: space-between;
}

.logowrapper a {
    margin:0 5px 0 5px;
    text-align: center;
}

.logowrapper img {
    max-height: 60px;
    max-width:100%;
}

.produs-din-cos {
    width: 100%;
    font-size: 14px;
    clear: both;
    background: none;
    padding: 7px 0 7px 0;
    position: relative;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.btnstergere {
    width: 19px;
    height: 19px;
    display: block;
    font-size: 12px;
    text-decoration: underline;
    color:#5a96d7;
}
.produs-din-cos2 {
    background: #f6f5f8;
    border: 1px solid #dbdbdb;
    width: 100%;
    height: 37px;
    margin-top: 15px;
    font-size: 14px;
    color: #7e7e7e;
}

.produs-din-cos3 {
    float: right;
    font-size: 15px;
    text-align: right;
    margin: 15px 30px 15px 0;
}

.itemtotal {
    padding: 4px 0 4px 0;
}

.linietotal {
    width: 100%;
    height: 1px;
    margin:8px 0 4px 0;
    background: #dfdee1;
}

.totalfinal {
}

.totalfinal .tva {
    font-size: 11px;
}

.totalfinal .text {
    font-family: 'Latobold',sans-serif;
    font-size: 14px;
}

.totalfinal .valoare {
    font-family: 'Latobold',sans-serif;
    font-size: 22px;
    color:#2d80de;
}

.notransport {
    color:#2d80de;
}

.total_text {
    float: right;
    margin: 10px 10px 0 0;
    font-family: 'Latobold',sans-serif;
    font-size:14px;
}

.total_valoare {
    height: 26px;
    text-align: center;
    float: left;
    min-width: 155px;
    padding: 10px 5px 0;
}

#butoncomanda {
    margin-top: 40px;
    float: right;
    clear: both;
}

.v-outer {
    display: table;
    position: relative;
    overflow: hidden;
    height: 30px;
    color: #fff;
    width: 100%;
}

.v-outer2 {
    display: table;
    position: relative;
    overflow: hidden;
    height: 50px;
    background: #c30;
    color: #fff;
    width: 100%;
}

.roundinput {
    border: 1px solid #cacaca;
    height: 30px;
    width: 35px;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    margin-top: -5px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.inputplus {
    border: 1px solid #f2f2f2;
    height: 40px;
    width: 75px;
    text-align: center;
    float:left;
    padding-top: 6px;
}

.boxaddcos .minus,.boxaddcos .plus {
    width:40px;
    height:40px;
    text-align: center;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    float:left;
    font-size:26px;
    font-family: 'Latolight';
    cursor: pointer;
    color:#ccc;
}

.boxaddcos .minus:hover,.boxaddcos .plus:hover {
    color: #656565;
}

.boxaddcos .minus {
    font-size:32px;
    border-left: 1px solid #f2f2f2;
    padding-top:0;
}

.boxaddcos .plus {
    border-right: 1px solid #f2f2f2;
    padding-top:5px;

}

.cos-int1 {
    margin-left: 5px;
    margin-top: 55px;
    float: left;
    width: 100px;
    text-align: left;
}


.cos-int5 {
    float: right;
    text-align: right;
    margin: 55px 15px 0 0;
}

.cos-int6 {
    float: right;
    width: 20%;
    text-align: left;
    margin: 55px 0 0 13px;
}

.cos-int00 {
    float: left;
    width: 88px;
    text-align: left;
    margin: 2px;
}

.cos-no-data {
    float: left;
    width: 12%;
    padding-left: 20px;
    height: 20px;
    text-align: center;
    font-size: 1.6em;
    color: #2a2a2a;
}

.cos-imagine {
    padding-left:12px;
}

.cos-imagine img {
    width: 130px;
    height: auto;
    max-width: 130px;
}

.cos-int11 {
    text-align: left;
    margin: 2px;
}

.cos-int2 {
}

.cos-int2 .marca {
    font-size: 18px;
    text-transform: uppercase;
}

.cos-int2 .denumire {
    font-size: 14px;
    color:#b1b1b1;
    line-height:27px;
}

.cos-int2 .disp {
    font-size:12px;
}

.cos-int3 {
    position: relative;
    text-align: center;
}
.cos-int4 {
    text-align: center;
    font-size: 18px;
    font-family: 'Latobold';
}

.cos-int7 {
    text-align: center;
    color:#2d80de;
    font-size: 18px;
}

.cos-int8 {
    text-align: right;
}

.cos-int8 a{
    margin-right:0;
    margin-left:0;
    padding:0;
    display:inline;
    font-size: 32px;
    font-family: 'Latolight';
    text-decoration: none;
    color: #d0d0d0;
}

.v-outer4 {
    display: table;
    position: relative;
    overflow: hidden;
    height: 20px;
    background: #c30;
    color: #fff;
    width: 100%;
}

.v-outer3 {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 8px 0 3px 0;
}

.pdwrapper {
    position: relative;
}

#pozaprincipala {
    float: left;
}

#pozaprincipala a {
    display: block;
}

#thumbs-produs {
    width: 73px;
    float:left;
    margin: 5px 10px 10px 0;
}

.imagine-produs-thumb {
    float: left;
    margin-top:3px;
    padding:1px;
    border: 1px solid #e8e8e8;
}

#produs-logo-producator {
    position: absolute;
    right: 0;
}

#produs-titlu {
    float: left;
    padding-right: 100px;
}

#produs-titlu h1 {
    font-family:'LatoBold',sans-serif;
    font-size:22px;
    margin:0;
    float: left;
    max-width: 350px;
    font-weight: normal;
}

#produs-logo-producator {

}

.tva {
    font-size: 11px;
}

#transport-gratuit-produs .icon-transport {
    background: url('../imagini/icon_transport.png');
    width: 32px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    float:left;
}

#contentcos {
}

.pagina-produs-sus {
    float: left;
    width: 584px;
    margin-top: 3px;
    font-size: 20px;
    border-bottom: 2px solid #fff;
}

.linieverti {
    background: #f2f2f2;
    width: 100%;
    height: 1px;
    margin: 5px auto 5px auto;
}

.linievertifull {
    background: #d4d4d4;
    width: 100%;
    height: 1px;
    margin-top: -1px;
}

.liniev {
    background: url(../imagini/liniev.png);
    width: 1px;
    height: 393px;
    float: left;
    margin-top: 15px;
}

.pagina-produs-stanga-linie {
    float: right;
    width: 2px;
    background-color: #fff;
    height: 65px;
    background-repeat: repeat-y;
}

.pagina-produs-jos-linie {
    float: right;
    width: 2px;
    margin-top: 5px;
    background-color: #fff;
    height: 20px;
    background-repeat: repeat-y;
}

.pagina-produs-centru {
    float: left;
    width: 584px;
    font-size: 18px;
}

.pagina-produs-dreaptajos {
    font-size: 18px;
    float: left;
    margin-left: 300px;
}

.text-mic2 {
    font-size: 14px;
}

.text-mic {
    float: left;
    font-size: 14px;
}

.defaultTextActive {
    color: #797979;
}

.overimagep {
    position: absolute;
    top: 99px;
    left:-2px;
    z-index: 10000;
}

.bk_btn2 {
}

.bk_btn1 {
}

#descriere_produs {
    margin: 25px auto;
    max-width: 1100px;
    position: relative;
}

#continut-produs {

}

#descriere_produs #descriere_top {
    height: 44px;
    border-bottom: 1px solid #f2f2f2;
}

#header_descriere {
    height: 36px;
    z-index: 100;
    float: left;
    position: relative;
    margin: 5px 0 0 0;
    background: #fff;
}

#header_descriere:hover ~ .slidingline, .slidingline.act0 {
    margin-left:0;
    width: 135px;
}

#header_livrare:hover ~ .slidingline, .slidingline.act1 {
    margin-left: 193px;
    width: 114px;
}

#header_info:hover ~ .slidingline, .slidingline.act2 {
    margin-left: 365px;
    width: 79px;
}

#header_comentarii:hover ~ .slidingline, .slidingline.act3 {
    margin-left: 501px;
    width: 101px;
}

.slidingline {
    height: 3px;
    width: 135px;
    margin-left: 0;
    background: #2d81df;
    border: none;
    transition: .2s ease-in-out;
    clear: both;
}

#header_descriere_text,#header_livrare_text,#header_intrebari_text,#header_info_text {
    font-size: 14px;
    font-family: 'LatoBold', sans-serif;
    padding-top: 8px;
    color: #2d69aa;
    position: relative;
    margin-right:60px;
}

#header_intrebari_text {
    margin-right:0;
}

.header_infoprodus_activ {
    font-weight: normal;
    color: #656565;
    text-decoration: none;
    font-size: 12px;
}

#header_descriere_text a,#header_livrare_text a,#header_intrebari_text a,#header_info_text a{
    font-size: 14px;
    font-family: 'LatoBold', sans-serif;
    color: #ccc;
    text-transform: uppercase;
    cursor: pointer;
    height: 25px;
    padding-top:2px;
    display:inline-block;
}

.tabprodus.header_infoprodus_activ a {
    color:#656565 !important;
}

.header_activ a {
    text-decoration: none!important;
}

#header_descriere_text_activ {
    font-size: 15px;
    padding-top: 10px;
    text-align: center;
}

#content_descriere {
    padding-top: 25px;
    overflow: auto;
}

#content_descriere_text img {
    height: auto !important;
}

#content_descriere_text table {
    width:auto !important;

}

#content_linietop {
    margin-left: 150px;
    border-top: 1px solid #e6e6e6;
}

#content_descriere_text,#content_livrare_text,#content_info_text {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px 0;
}

#content_descriere_text li,#content_livrare_text li,#content_info_text li {
    padding-top: 3px;
}

#content_info_text ul li {
    margin-left: 15px;
}

#help_cos {
    margin-top: 5px;
    margin-right: 23px;
    float: right;
    font-size: 12px;
}

.sidebar1 {
    float: left;
    cursor: pointer;
    font-size: 12px;
    margin: 5px 0;
    width:100%;
}

.sidebar1 .text_sidebar {
    float: left;
    color:#b1b1b1;
    font-size: 14px;
    width: 100%;
    padding:0 5px 0 5px;
    line-height: 16px;
    margin: 5px 0 0 0;
    text-align: center;
    font-family: 'Latoregular',sans-serif;
}

.sidebar1 .sidebar_marca {
    font-size: 14px;
    color:#656565;
    clear: both;
    text-transform: uppercase;
    float: left;
    width:100%;
    margin: 12px 0 5px 0;
}

.sidebar1 .sidebar_pret {
    font-size:14px;
    color:#2d81df;
    font-family: 'Latobold';
    text-align: center;
    width: 100%;
    position:absolute;
    bottom:0;
    left: 0;
    right: 0;
}

.sidebar1 .vezidetalii {
    color: #d3504b;
    text-decoration: underline;
    margin: 3px 0 0 5px;
}

.buton_adauga_cos {
    cursor: pointer;
    height: 40px;
    border:0px;
    border-radius: 0;
}

.buton_adauga_cos .text_cos {
    color:#fff;
    font-size:22px;
    text-align: center;
}

.buton_adauga {
    background: #78a43a;
    width: 100%;
    height: 53px;
    cursor: pointer;
    display: block;
    margin: 10px 0 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0px 4px 0px 0px #4e8204;
    box-shadow: 0px 4px 0px 0px #4e8204;
}

.buton_adauga .text_cos {
    font-size: 22px;
    color:#fff;
    padding:15px;
    text-align: center;
    font-family: 'Latobold',sans-serif;
}

.buton_adauga:hover {
    background: #709937;
}

#select_cant {
    width: 265px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

.flex {
    display: flex !important;
}

#box_facebook {
    background: url(../imagini/facebook_hidden.png);
    height: 25px;
    width: 54px;
    float: left;
    margin-left: 10px;
}

.facebook_activ {
    background: url(../imagini/facebook_hidden_2.png)!important;
}

#share_buttons {
    margin: 10px 0 0 20px;
    float: left;
}

.texte {
    font-size:14px;
    color :#656565;
    margin-top:15px;
}

.texte i {
    font-size: 26px;
    color:#4d4d4d;
    margin:0 15px 5px 5px;
}

.infocomanda {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.infocomanda.last {
    padding-bottom: 15px !important;
    border-bottom: 1px solid #ccc;
}

.texte i.fa-truck {
    margin-right:21px;
    margin-left: 10px;
    margin-bottom: 15px;
}

#___plusone_0,
.fb-like {
    display: block!important;
    float: left!important;
    width: 85px!important;
    height: 32px!important;
}

.fas.fa-heart {
    color: #ef3434;
}

#content-produse {
    background: #fff;
    width: 100%;
    padding-bottom:10px;
}

#listare {
    padding:35px 15px 15px 15px;
    clear: both;
    position:relative;
}

#boxcarusel {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin: 10px 0 10px 0;
    position: relative;
}

#boxcarusel li {
    list-style-type: none;
    width: 155px!important;
    height: 265px;
    float: left;
    margin: 0 3px 0 3px;
    position: relative;
}

#box_produs {
    background: url(../imagini/baratopprodus.png);
    margin-top: 15px;
    background-repeat: no-repeat;
    height: 41px;
    border: 1px solid #D4D4D4;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #ECECEC;
}

#box_produs h1 {
    color: #ef3434;
    margin: 0;
}

#box_produs_content {
    border-bottom: 1px solid #e3e3e3;
    margin:0 auto 0 auto;
    width: 100%;
}

#box_produs_detalii {
    margin: 0 20px 0 20px;
}

.pagina-produs-stanga {
    font-size: 20px;
    overflow: hidden;
    position: relative;
}

.pagina-produs-stanga a:focus {
    outline:none;
}

.pagina-produs-stanga #boximg {
    height: 100%;
}

.pagina-produs-stanga .slick-slider {
    width:100%;
    height: 100%;
}

.pagina-produs-stanga .slick-list {
    height: 100%;
}

.pagina-produs-stanga .slick-track {
    height: 100%;
    line-height: 0;
}

.pagina-produs-stanga .slick-slide {
    width: auto;
}

.pagina-produs-stanga .slick-slide a {
    height: 100%;
    display: block;
}

.pagina-produs-stanga .product_slider {
    cursor: zoom-in;
    height: 100%;
    margin-right: 5px;
}

.pagina-produs-stanga .slick-slide img {
    max-width: 100%;
    min-width: 100%;
    object-position: 50% 50%;
    width: auto;
    object-fit: cover;
    height: 100%;
}

#container_pp {
    float: left;
}

.pagina-produs-dreapta {
    padding: 30px 12px;
    position: relative;
}

.pagina-produs-dreapta .favourite {
    font-size: 14px;
    float: left;
    color: #b1b1b1;
    cursor: pointer;
}

.pagina-produs-dreapta .favourite i {
    color: #d94859;
    padding-top: 7px;
}

#box_produs_content .infomarimi {
    color: #2d81df;
    font-size: 12px;
    display: block;
    float: left;
    text-decoration: underline;
    margin-top:11px;
}

#info_dreapta {
    margin: 30px auto;
    max-width: 1100px;
}

#info_dreapta .info_dreapta_title {
    text-transform: uppercase;
    font-family: 'LatoBold', sans-serif;
    font-size: 22px;
    padding: 0 0 7px ;
    border-bottom: 1px solid #f2f2f2;
}

#info_dreapta .liniesp {
    height: 2px;
    width: 153px;
    margin-left: 0;
    background: #2d81df;
    border: none;
    clear: both;
    margin-top:-3px;
}

#info_dreapta .content_dreapta {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}

#info_dreapta .content_dreapta .name {
    font-size: 22px;
    font-family: 'Latobold';

}

#info_dreapta .description {
    font-size: 15px;
}

#info_dreapta .content_dreapta img {
    margin: 5px;
}

.alege_culoarea {
    font-size: 14px;
    text-transform: uppercase;
    color: #656565;
    margin: 15px 0 10px 0;
}

.box_culoare {
    width: 26px;
    height: 26px;
    float: left;
    border: 1px solid #e2e2e2;
    margin: 10px 10px 10px 0;
    padding: 1px;
}

.box_culoare1,.box_culoare2 {
    width: 13px;
    height: 26px;
    float: left;
    margin: 0;
    padding: 0;
}

.box_culoare3 {
    width: 26px;
    height: 26px;
    float: left;
    margin: 0;
    padding: 0;
}

.col_checked {
    border: 1px solid #959595;
    padding: 1px;
}

.bifachecked {
    cursor: pointer;
    background: url(../imagini/bifaculoare.png) no-repeat;
    width: 26px;
    height: 26px;
    float: left;
    display: block;
    margin: 12px 10px 10px -38px;
}

.bifacheckedalb {
    background: url(../imagini/bifaculoarealb.png) no-repeat!important;
    width: 26px;
    height: 26px;
    display: block;
}

.stoclimitat,#stocuri {
    font-size: 14px;
    float: left;
    margin: 20px 0 0 0;
}

.stoclimitat .fa-exclamation-triangle {
    color: #f60;
}

.stoclimitat .fa-circle {
    color: #88b44a;
}

.promoliste {
    float: left;
    margin-bottom: 30px;
}

.boxnewslettermic {
    background: url(../imagini/boxnewslettermic.png);
    width: 196px;
    height: 150px;
    position: relative;
    margin: 20px 0 0;
}

#box_dreapta_second {
    margin-top: 20px;
}

.box_produse_categorie {
    float: left;
    margin: 3px 0 15px 10px;
}

.datepersonale {
    font-size: 14px;
    clear: both;
    margin: 10px 0 10px 3px;
}

.texttransportcos {
    margin-left: 140px;
    font-size:13px;
}

.texttransportcos a {
    color: #2d81df;
}

.logotransportcos {
    float:left;margin:0px 20px 0 0px;
    width:120px;
}

#wrappeprodusecos {
}

.shadowmari {
    background: #fff;
    padding:10px 10px 10px 0;
    -moz-box-shadow: 2px -2px 38px 23px #ececec;
    -webkit-box-shadow: 2px -2px 38px 23px #ececec;
    box-shadow: 2px -2px 38px 23px #ececec;
}

.marime-doar-mobil {
    display: none;
}

.boxformular {
    width: 100%;
    float: left;
    font-size: 14px;
    position: relative;
    padding:0;
}

.boxformular h4 {
    padding:10px 0 0 10px;
    font-size: 22px;
    font-family: 'LatoBold', sans-serif;
}

.boxformular .wrappercos {
    padding: 0px 10px 10px 10px;
    margin:0 auto;
    display: block;
    clear:both;
}


#wrappercosright {
    width: 100%;
    float:left;
    margin: 20px 0 40px 0;
    border: 1px solid #d4d4d4;
    padding:18px 10px 18px 10px;
    position:relative;
}

#wrappercosright #avantajecont {
}

#wrappercosright .titluavantaje {
    font-family: 'Latoregular',sans-serif;
    font-size: 18px;
    color:#b1b1b1;
    float: left;
    margin: 20px 0 20px 50px;
    text-transform: uppercase;
}

#wrappercosright #avantajecont ul {
    clear: both;
    margin-bottom: 15px;
}

#wrappercosright #avantajecont .fa {
    margin:4px 15px 0 0;
    color:#2a2a2a;
    font-size: 1.4em;
    height: 30px;
    float: left;
}

#wrappercosright #avantajecont li {
    font-size: 14px;
    color:#656565;
    margin: 5px 0 14px 5px;
    list-style-type: none;
}

#wrappercosright #avantajecont img {
}

#wrappercosright .avli {
    float: left;
    margin-top:8px;
}

#wrappercosright .bimg {
    width: 52px;
    float:left;
    text-align:center;
}

#wrappercosright .imgt {
    margin-top: -2px;
}

#wrappercosright #avantajecont a {
    position: absolute;
    top: 95px;
    right:25px;
}

.boxformular #boxregister {
    float: left;
    position:absolute;
    top:-50px;
    left:0;
    background: #fff;
    font-size:18px;
}

.boxformular #boxregister label{
    float: left;
    margin: 4px 0 0 10px;
    font-family: 'Latoregular',sans-serif;
    font-size:18px;
    cursor:pointer;
}

.boxformular #boxregister #butonclientnou,
.boxformular #boxregister #butonregister {
    float: left;
    padding:11px 20px 9px 20px;

}
.boxformular #boxregister #butonregister label{
    color:#fff;
}

.boxformular #boxregister #butonclientnou {
    border-right:1px solid #e9e9e9;
}

.boxformular #boxregister #butonregister {
    background-color: #7c8a99;
    border-left: 1px solid #63707d;
    border-bottom: 1px solid #63707d;
}

.boxformular .dk_toggle {
    width:100% !important;
    height:40px;
    padding:12px 30px 5px 12px;
    font-size:13px;
    border-color: #dcdcdc;
    background: #fff;
    border-radius: 0;
    margin:0;
}

.boxformular .dk_open .dk_toggle,.boxformular .dk_focus .dk_toggle {
    background: none;
    box-shadow: none;
    color:#656565;
    border-radius:0;
    border-color: #2d81df;
}

.boxformular .dk_options a {
    border-color:#dcdcdc;
    font-size: 13px;
    color: #4d4d4d;
}

.boxformular .zindex {
     z-index: 1101!important;
}

.boxformular .zindex2 {
    z-index: 1001!important;
}

.boxformular .dk_container {
    margin:0;
    width:100% !important;
    font-family: 'Latoregular', sans-serif;
    font-weight: normal;
    background: none;
    padding:0;
    height:40px;
    z-index:1100;
}

.boxformular #dk_container_oras {
    z-index: 1000;
}

.boxformular .dk_container.dk_open {
    box-shadow: none;
    border-radius:0;
}

.boxformular .dk_options a {
    font-weight: normal;
}

.boxformular select {
    clear: both;
    margin-bottom: 10px;
}

.boxformular input {
    border: 1px solid #dcdcdc;
    height: 40px;
    padding: 10px 5px 5px 10px;
    font-size: 13px;
    width:100%;
    display: block;
}

.boxformular .inputbox {
    position:relative;
    margin: 20px 0 15px 0;
}

.boxformular .labelcos {
    position: absolute;
    top: -11px;
    left: 20px;
    z-index: 999;
    background: #fff;
    padding: 3px 4px 0px 4px;
    font-size: 12px;
    color: #888;
}

.boxformular .holderemail {
    width: 190px;
    height: 100px;
    float: left;
}

.boxformular #pachet,
.boxformular #vreau_cont,
.boxformular #acord,
.boxformular #pers_juridica,
.boxformular #platitor_tva {
    margin:5px 10px 10px 5px;
    width:20px;
    float:left;
    padding-left:0;
    border: 1px solid #cacaca;
    height: 20px;
    background: #fff;
}

.boxformular .labelcos.shipping {
    padding-top:8px;
}

.boxformular #altedetalii {
    border: 1px solid #dcdcdc;
    height: 100px;
    width: 100%;
}

.boxformular #date_firma {
    border: 1px solid #dcdcdc;
    width: 100%;
}

#contulmeu {
    max-width: 1200px;
    margin:0 auto;
}

#boxcontuser {
    width: 230px;
    float: left;
    position: relative;
    z-index: 999;
}

#contulmeu .tablecontent {
    float: left;
    width: 100%;
    margin-left: -250px;
    padding-left: 250px;
}


#boxcontuser .tablecontent input,
#boxcontuser .tablecontent select,
#boxcontuser .tablecontent textarea{
    height: 25px;
    padding:4px;
    border: 1px solid #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

#boxcontuser .tablecontent textarea {
    height: 50px;
    width:217px;
}

.boxformular input:focus,
.boxformular textarea:focus,
.boxformular select:focus{
    outline:none;
    border-color: #2d81df!important;
}

.boxformular .focus .labelcos {
    color: #2d81df!important;
}

.boxformular textarea {
    padding: 7px 3px 3px 12px;
}


#boxtransport {
    float: left;
    width: 100%;
    border:1px solid #d4d4d4;
    padding:18px 18px 4px 18px;
    line-height: 18px;
    margin: 30px 0 10px 0;
    font-size: 12px;
}


#code {
    background: url(../imagini/inputcpc.png);
    background-repeat: no-repeat;
    width: 91px;
    height: 33px;
    border: 0;
    padding-left: 3px;
    float: left;
    font-size: 26px;
    letter-spacing: 5px;
    margin: 4px 0 0 7px;
}

.trimitecmd {
    background: url(../imagini/cpcbg.png);
    width: 468px;
    height: 41px;
    float: right;
    margin: 20px 0 100px;
}

.nobgtrimite {
    background: none!important;
}

.trimitecmd .cpc {
    float: left;
    font-size: 12px;
    margin: 5px 0 0 5px;
}

.trimitecmd .cpccod {
    margin-left: 5px;
}

.actual {
    cursor: pointer;
    text-align: center;
    color:#488dd4;
    text-decoration: underline;
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    left: 45px;
}

.minimalbounds {
    width: 750px;
    margin:10px auto 0 auto;
}

.paymethod {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.paymethod.notlogged {
    width: 100%;
    clear:both;
    padding-bottom: 30px;
}

.paymethod .paymethodtext {
    font-family: 'Latoregular',sans-serif;
    font-size: 16px;
    padding: 20px 0 10px 20px;
}

.paymethod .payoption {
    padding:11px 0 6px 30px;
    flex-direction: column;
    flex: 0 50%;
}

.paymethod .payoption .option {
    float: left;
    margin: 0 0 0 0;
    font-size: 14px;
    font-family: 'Latoregular', sans-serif;
}

.paymethod .payoption input {
    width: 12px;
    height: 12px;
    float: left;
    cursor: pointer;
}

.paymethod .payoption label {
    margin:1px 5px 0 7px;
    float: left;
    cursor: pointer;
}

.paymethod .logopay {
    float: left;
    margin:-7px 0 0 4px;
}

.boxtrimitecomanda {
    padding-top: 40px;
    margin-bottom: 40px;
}

.logovisa {
    background: url('../imagini/visa-curved-32px.png');
    height: 32px;
    width: 51px;
    float: left;
    margin-right: 10px;
}

.logomastercard {
    background: url('../imagini/mastercard-curved-32px.png');
    height: 32px;
    width: 51px;
    float: left;
}

.logopaypal {
    background: url('../imagini/paypal-curved-32px.png');
    height: 32px;
    width: 51px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .logovisa{
        background:url('../imagini/visa-curved-64px.png') no-repeat top left;
        background-size: 51px 32px;
    }
    .logomastercard {
        background:url('../imagini/mastercard-curved-64px.png') no-repeat top left;
        background-size: 51px 32px;
    }
    .logopaypal {
        background:url('../imagini/paypal-curved-64px.png') no-repeat top left;
        background-size: 51px 32px;
    }
}





.comandatrimisa {
    background: url(../imagini/confirmarecos.png) no-repeat;
    width: 573px;
    height: 123px;
    font-size: 11px;
    line-height: 16px;
    margin: 0 auto;
    padding: 20px 5px 5px 100px;
}

.comandatrimisa .imp {
    font-size: 12px;
}

.comandatrimisa a {
    text-decoration: underline;
}

.dk_options ul li {
    margin: 0!important;
}

.left,#header #telefon_contact img,#header #box_user,.sageatadown,.imagine_cos {
    float: left;
}

.right,#footer p.attributes {
    float: right;
}

ul.dates a,ul.counts a,ul.blogroll a,ul.pages a{
    color: #fff;
    text-decoration: none;
}

a {
    text-decoration: none;
    color: #ef3434;
}

.linkcodcomanda {
    text-decoration: underline;
}

a:focus, a:hover {
    text-decoration: none;
    outline: none !important;
}

.btn-spc {
    padding:10px 13px 7px 13px;
    border: 1px solid #e0e0e0;
    color: #4d4d4d;
    text-align: center;
    text-decoration: none;
    float: left;
    margin-right:10px;
    margin-top:5px;
    font-size:14px;
    font-family: "LatoBold", sans-serif;
}

.btn-spc.allbrands {
    font-family: 'Latobold';
    border-color:#ccc;
    color:#999999;
    padding:16px 26px 13px 26px;
    text-align: center;
    float: none;
    height:42px;
}

.centerallbrands {
    text-align: center;
    margin:45px auto 10px auto;
}

.spcbig {
    font-size: 16px;
    padding:10px 30px 7px 30px;
}

.btn-spc .fa {
    color:#959595;
    padding-right:6px;
}

.btn-spc:hover {
    border-color: #ccc;
    color:#656565;
}

.spcgold {
    background-color:#fbb231;
    color:#fff;
    border:0;
}

.spcgold:hover {
    background-color:#ffc661;
    color:#fff;
    border:0;
}


.spcblue {
    background:#3c89e0 !important;
    color:#fff;
}

.spcblue:hover {
    background: #308bf2;
    color:#fff;
}

.noborder {
    border:0;
}

.upper {
    text-transform: uppercase;
}

.cod_reducere_over_produs {
    position: absolute;
    z-index: 100;
    bottom: 65px;
    left:0;
}

.cod_reducere_over_produs .textcol {
    padding: 3px 7px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    background: indianred;
    margin-bottom: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 5px 10px;
    font-size: 11px;
    left:0;
}

.oferta_over_produs,.colectie_over_produs {
    position: absolute;
    z-index: 199;
    margin-left: -7px;
    display: none;
}

.fixwidth,.clearfix {
    display: block;
}

#header_livrare,#header_info,#header_comentarii {
    height: 36px;
    z-index: 1000;
    float: left;
    position: relative;
    margin: 5px 0 0;
    background: #fff;
}

#header_livrare {

}

.captabel {
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 45px;
    margin-top:20px;
}

.captabel h1 {
    margin: 0;
    padding: 0;
}

.itemtabel {
    border-bottom: 1px solid #e8e8e8;
    margin-left:5%;
    width: 95%;
    float: left;
    padding: 6px 0 4px 10px;
    font-size: 14px;
    color:#8e8e8e;
}

.itemtabel.last {
    border:0;
}

*,#menu_nou ul {
    margin: 0;
    padding: 0;
}

#content_descriere ul {
    padding-left: 20px;
}

.brand_list_1 {
    margin: 0;
    max-height: 150px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#box_stanga .submeniu_liste_marimi i {
    float: right;
    margin-top: 2px;
}

#per_page {
    float: left;
}

.info_nr {
    color: #a3a3a3;
}

.pagina_ascunsa {
    text-align: center;
    padding-top: 7px;
    font-size:16px;
}

.promokit {
    position: absolute;
    margin-left: -2px;
    z-index: 199;
    bottom:0px;
    background: url('../imagini/promokit.png');
    width: 30px;
    height: 24px;
    cursor: pointer;
}

@media screen and (max-width: 1300px) {
    .btnservice {
        display: none !important;
    }
    .btninchirieri {
        display: none !important;
    }
}

@media screen and (max-width: 999px) {
    .btnbrands {
        display: none !important;
    }
}

@media screen and (max-width: 900px) {
    .btncontact  {
        display: none !important;
    }
}

.boxcos {
    max-width: 1000px;
    margin: 0 auto;
}

.boxcos .buton_adauga_cos {
    height: 60px;
    padding-top: 17px;
}

.boxcosstanga {
    margin-left: 29px;
    width: 215px;
}

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

.titlu_features {
    font-size: 16px;
    margin: 30px auto;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family:'Latobold';
    color: #b1b1b1;
}

#box_specificatii {
}

#share_buttons .fb-like {
    float:left;
}

.box_spec {
    float: left;
    margin:5px 5px 15px 5px;
    padding:5px;
    width: 23%;
}

.box_spec .imgspec {
    text-align: center;
    margin: 0 auto;
}

.box_spec .imgspec img {
    max-height: 200px;
    max-width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    overflow: hidden;
}
.box_spec .titlu_specificatii {
    font-size:14px;
    padding:10px 5px 5px 5px;
    float:left;
    width: 100%;
    text-align: center;
    color:#656565;
    font-family: 'Latobold';
}

.box_spec .descriere_specificatii {
    line-height: 18px;
    padding: 0 5px 5px 5px;
    text-align:justify;
    width: 100%;
}

#box_date_snow{
    font-size: 12px;
    color: #9a9a9a;
    margin:10px 0 10px 10px;
    clear: left;
    position: absolute;
    bottom:0;
    right: 0;
}

#box_date_snow .flex {
    color:#9a9a9a;
    cursor: pointer;
    float: left;
    margin: 1px 0 0 0;
    text-align: center;
}

#box_date_snow .flextext {
    float: left;
    padding:6px 10px 0 0;
}

#box_date_snow .flexbox {
    display:inline-block;
    border: 1px solid #dea200;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:4px 7px 4px 7px;
    background: #dea200;
    color:#fff;
    font-size: 14px;
}

.textred {
     font-family: 'Latoregular',sans-serif;
     color: #fff;
    font-size: 13px;
 }

.textcol {
    position: absolute;
    font-family: 'Latoregular',sans-serif;
    color: #fff;
    left: 6px;
    top: 3px;
    font-size:11px;
    text-shadow: 0px 1px 1px #814900;
}

#container_pp {
    width: auto;
    position: relative;
}

.boxprodusemain {
    margin-top:25px;
}

.boxpromotop {
    margin:35px auto 0px auto;
    border: 2px solid #f2f2f2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    max-width: 540px;
}

.boxpromotop img {
    width:150px;
}

.boxpromotop .imgpromotop {
    float:left;
    margin:5px 10px 5px 10px;
}

.boxpromotop .titlupromotop {
    color: #fff;
    font-size: 16px;
    float: left;
    margin: 10px 5px 0px 5px;
    clear: right;
    width: 356px;
    text-align: center;

}

.boxpromotop .descpromotop {
    float: left;
    margin:10px auto 10px auto;
    color:#fff;
    font-size:12px;
    width: 366px;
    text-align: center;
}

.boxpromotop .pret {
    margin: 5px 0 0 0 ;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Latoregular',sans-serif;
}

.boxpromotop .timpramas {
    width: 350px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.boxpromotop .timp {
    float: left;
    width: 55px;
    margin:5px 10px 5px 0;
    background: #fff;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    text-align: center;
    padding: 1px;
}

.boxpromotop .timp .valoare {
    font-size: 36px;
    font-family: 'Latobold',sans-serif;
    text-align: center;
    width: 55px;
    display: block;
    line-height: 45px;
}

.boxpromotop .zile {
    margin: 0 15px 0 78px;
}
.boxpromotop .ore {
    margin: 0 15px 0 0;
}
.boxpromotop .minute {
    margin: 0 0px 0 0;
    width: 55px;
 }
.boxpromotop .timp .marime {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    width: 55px;
    display: block;
}

.boxpromotop a {
    display: block;
}

.boxpromotop .rightpromo {
    background: #2d81df;
    display: block;
    float: left;
    width: 366px;
    min-height: 160px;
}

.boxpromotop.smaller {
    max-width: 300px;
    margin-top: 0;
}

.boxpromotop.smaller .rightpromo {
    width: 296px;
    min-height: 120px;
}

.boxpromotop.smaller .titlupromotop {
    width: 100%;
    text-align: center;
    margin-left:0;
    margin-right: 0;
}

.boxpromotop.smaller .descpromotop {
    width: 100%;
    margin-top: 0;
}

.boxpromotop.smaller .timpramas {
    width: 100%;
}

.boxpromotop.smaller .zile {
    margin-left: 38px;
}

.img_produs_culori {
    padding:1px;
    border: 2px solid #e8e8e8;
    position: relative;
    margin: 0px 0px 5px 0;
    z-index: 5;
    display: block;
    float: left;
    width:74px;
}

.img_produs_culori img {
    width: 68px;
}

.img_produs_culori:not(:first-child) {
    margin-left: -5px;
}

.img_produs_culori.curent {
    border-color: #ef3434;
    z-index: 10;
}

.buton_login {
    float: left;
    -moz-border-radius:6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    -khtml-border-radius: 6px; /* KHTML */
    background: none repeat scroll 0 0 #bd3f30;
    border-radius: 6px;
    box-shadow: 0 4px 0 0 #a01f1a;
    cursor: pointer;
    display: block;
    height: 37px;
    margin: 4px 0 25px 20px;
    width: 130px;
}

.buton_login:hover {
    background:#a01f1a;
    box-shadow: 0 4px 0 0 #a01f1a;
}

.buton_login .text_login {
    color: #FFFFFF;
    font-size: 15px;
    padding-top: 9px;
    text-align: center;
    font-family: 'Latobold',sans-serif;
}

.produsefavorite i {
    padding:5px;
    cursor: pointer;
    color:#a01f1a;
}

#boxcontuser {
    margin:20px 0 40px 10px;
    color:#2a2a2a;
}

#meniucontulmeu {
    float: left;
    width: 214px;
    background: #f6f5f8;
    margin: 0;
    font-family: 'Latoregular',sans-serif;
    border-right: 1px solid #dfdee1;
    height: 100%;
    z-index: 100000;
    min-height: 250px;
}

#meniucontulmeu .title {
    font-size: 15px;
    padding: 15px 0 4px 15px;
}

#meniucontulmeu .contitem {
    font-size: 13px;
    font-family: 'Latoregular', sans-serif;
    padding-left:14px;
}

#meniucontulmeu a {
    color:#2a2a2a;
}

#meniucontulmeu a.selectat {
    color:#ef3434!important;
}

#boxcontuser .tablecontent {
    padding-left: 215px;
    width: 100%;
}

.tablecontent .orders {
    border-spacing: 0;
    margin-top: 20px !important;
}

#boxcontuser .orders th {
    background:#f6f5f8;
    padding: 14px 30px 14px 30px;
    font-size: 14px;
    border-bottom: 1px solid #dfdee1;
    text-align: center;
    color: #2a2a2a;
}

#boxcontuser .orders tr:nth-child(even) {
    background: #f9f9f9;
}

#boxcontuser .orders td {
    text-align: center;
    padding:7px 0 7px 0;
    font-size: 12px;
    font-family: 'Latoregular', sans-serif;
}

#boxcontuser .orders td a {
    text-decoration: underline;
}

#boxcontuser a.linkcodcomanda {
    color:#ef3434!important;
}

 .editprofil,
 .change_pass{
    margin: 15px;
    font-family: 'Latoregular', sans-serif;
    font-size: 12px;
}

 .editprofil label,
 .change_pass label{
    width: 150px;
    float: left;
     font-size: 15px;
     margin-top: 12px;
}

 .editprofil input,
 .editprofil select,
 .editprofil textarea {
    width: 217px;
     padding:10px;
}

#boxcontuser select {
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
}

#boxcontuser .buton_login {
    margin: 20px 0 25px 150px;
}

#boxcontuser .no_orders {
    margin: 20px;
}

#boxcontuser .comandamea {
    text-align: left!important;
    font-family: 'Latoregular', sans-serif;
    font-size:14px;
    font-weight: normal;
}

#boxcontuser .textcomanda {
    font-size: 12px;
}

#boxcontuser .orderdetail {
    margin-top:20px;
}

#boxcontuser .imgcomanda {
    width: 180px;
}

.inapoi_comenzi {
    color:#cd514e;
    border: 1px solid #cd514e;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding:10px;
    font-size: 13px;
    font-family: 'Latoregular', sans-serif;
    margin:0 auto;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    display: block;
}

.mesaj_confirmare {
    color:#fff;
    border: 1px solid #1fa67a;
    background: #1fa67a;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding:10px;
    font-size: 14px;
    font-family: 'Latoregular', sans-serif;
    display: block;
}

.mesaj_eroare {
    color:#fff;
    border: 1px solid #ef3434;
    background: #ef3434;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding:10px;
    font-size: 14px;
    font-family: 'Latoregular', sans-serif;
    display: block;
}

.mesaj_informare {
    color:#fff;
    border: 1px solid #f8c579;
    background: #f8c579;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding:10px;
    font-size: 14px;
    font-family: 'Latoregular', sans-serif;
    display: block;
    margin: 12px;
}
.nuaicont {
    text-align: center;
    color:#b5b5b5;
    font-size:13px;
    margin-top:35px !important;
    font-family:Latosemi;
}
.nuaicont a {
    text-decoration: underline;
    color:#656565;
}

.butonfb {
    background: #405d9a;
    color:#fff;
    font-family: 'Latosemi',sans-serif;
    font-size: 16px;
    padding:5px 9px 4px 7px;
    display: inline;
    cursor: pointer;
}

.butonfb .fa {
    font-size:23px;
    margin-right:10px;
}

.butonfb:hover {
    background: #2f4167;
}

.bmarcaj {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 999;
}

.bmarcaj .bverde {
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: green;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.bmarcaj .brosu {
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: red;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.box_shadow.extra {
    margin-top: -220px;
}

#sezoncontainer {
    width:100%;
    position: relative;
    height: auto;
    text-align: center;
    clear:both;
}

#boxpromosezon {
    background:#fff;
}

.promosezonstanga {
     background: #fff url("../imagini/red1.png");
     width: 634px;
     height: 244px;
     position: absolute;
     top:0;
     z-index: 2;
}

.promosezondreapta {
    background: #fff url("../imagini/red2.png");
    width: 413px;
    height: 290px;
    position: absolute;
    right:0;
    top:0;
    z-index: 2;
    direction: rtl;
}

#boxpromosezon .mesajtop,
#boxpromosezon .mesajbottom {
    width: 324px;
    height: 29px;
    font-family: 'Latobold',sans-serif;
    font-size:16px;
    text-align: center;
    z-index: 4;
    background: #121921;
    color:#ffffff;
    padding:8px 10px 0 10px;
    margin:0 auto;
}

#boxpromosezon a {
    z-index: 100;
    display: block;
    position: relative;
}

#boxpromosezon .mesajbottom {
    background: #c62553;
    width: 215px;
    font-size: 18px;
    height: 34px;
    padding-top: 9px;
}

@media screen and (min-width: 1600px) {
    .paddstanga,.padddreapta {
        width: 50px;
        position: absolute;
        left: 0;
        top: 0;
        height: 80px;
        background: #fff;
    }
    .padddreapta {
        right: 0;
        left: auto;
    }
    .promosezonstanga {
        left:50px;
    }
    .promosezondreapta {
        right: 50px;
    }
}

@media screen and (min-width: 1800px) {
    .paddstanga,.padddreapta {
        width: 100px;
    }
    .promosezonstanga {
        left:100px;
    }
    .promosezondreapta {
        right: 100px;
    }
}

#content-produse {
    position: relative;
}

#wrapperbox {
    position: relative;
}

.videoprodus iframe {
    border: 2px solid #d4d4d4;
    background: #dfdfdf;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding:5px;
}

.bikepromo {
    background: url(../imagini/menubike.png);
    width: 216px;
    height: 323px;
    display: block;
    float: left;
}

#filtre_selectate {
    font-size: 12px;
    margin: 0px 0 10px 0;
    width:100%;
}

#filtre_selectate a:hover {
    background: #e8e8e8;
}

#filtre_selectate .selectie {
    width:100%;
    height: 40px;
    display: block;
    background-color: #f2f2f2;
    border-radius: 20px;
    display: block;
    margin: 0 0 5px;
    transition: background-color .3s;
    text-decoration: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 15px;
    color: #4d4d4d;
    line-height: 22px;
    font-size: 15px;
}

#filtre_selectate .selectie i {
    float: right;
    margin-right: 15px;
    font-size:20px;
    color:#4d4d4d;
    position: absolute;
    right:0;
}

#filtre_selectate .titlu_main {
    float: left;
    display: block;
    font-size: 14px;
    margin-top: 15px;
}

.box_filtru_selectat {
    font-size: 12px;
    float: left;
    display: block;
    margin: 6px 6px 0 0;
    padding: 3px 0 0 0;
}

.box_filtru_selectat .titlu {
    float: left;
    margin-right: 5px;
    line-height: 27px;
    padding-left:5px;
}

.box_filtru_selectat .f_selectat {
    float: left;
    padding:5px;
    margin: 0 4px 0 0;
    background: #dfdfdf;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;

}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}


.selectorkit .selector {
    font-size: 15px;
    margin: 10px 0 10px 0;
}

.dd-option-image, .dd-selected-image {
    max-width: 50px !important;
}

.selectorkit .dd-selected-text {
    line-height: 49px !important;
    font-size:13px;
}

.selectorkit .dd-option {
    padding:4px 0 4px 10px;
}

.selectorkit .dd-selected {
    padding: 5px;
    font-weight: normal;
}

.selectorkit .dd-option-text,
.selectorkit .dd-selected-text {
    line-height: 16px !important;
    float: left;
    width: 78%;
    padding: 9px 0 7px 0;
}

#content-produse .titlu_kit {
    font-size:16px;
    padding: 20px 0 10px 0;
}

#content-produse .kituri a {
    text-decoration: none;
}

.box_potriveste .product-card {
    max-width: 235px;
}

.title_asemanatoare {
    font-family: 'Latobold', Arial;
    font-size: 22px;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.payubanner {
    padding-bottom: 20px;
}
.payubanner img {
    max-width: 100%;
}

#secondary_banners {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin:30px 0 0px 0;
}

#secondary_banners .banner_container {
    flex-grow: .5;
    padding: 0 8px;
    position: relative;
}

#secondary_banners .banner_container_extra {
    position: relative;
}

.secondary_banner {
    height: 100%;
    width: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
}

#secondary_banners .banner_info {
    position: absolute;
    bottom:30px;
    left:35px;
}

#secondary_banners .banner_info .titlu {
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'LatoBold';
}

#secondary_banners .banner_info .descriere {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Latosemi";
}

#secondary_banners img {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
    max-width: 100%;
    left: 0;
    display: block;
}

#secondary_banners .btn {
    border-width: 2px;
    font-size: 18px;
    border-radius: 0px;
    padding: 8px 18px;
    font-family: "Latosemi";
    border-color: #fff;

}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):not(.countrypicker) {
    width: 100% !important;
}
.bootstrap-select.countrypicker{width:220px !important;}
.lang_sel .bootstrap-select {
    width:220px !important;
}

.bootstrap-select>.dropdown-toggle {
    height: 40px !important;
    border-radius: 0px !important;
    border-color: #dcdcdc !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    margin-top: 8px !important;
}

/*Bootstrap button outline override*/
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-white.btn-outline {
    color: #fff;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}


.btn-white.btn-outline:hover {
    color:#4d4d4d;
    background: #fff;
}

#bgsite {
    position:relative;
    background: #fff;
}

body.bggri,body.bggri #bgsite {
    background-color: #f4f4f4;
}

body.bggri #content-produse {
    background: #f4f4f4;
}

body.bggri .box_shadow {
    background: #f4f4f4;
}

body.bggri #footer_body {
    display: none;
}

body.bggri .box_shadow .text_telefon,body.bggri .box_shadow .textnws {
    display: none;
}

#shadowgri {
    position: fixed;
    top:0;
    left:0;
    z-index: 1000;
    width:100%;
    height:100%;
    background: #000;
    opacity: 0.5;
    display: none;
}

.wrappercosgol {
    margin:0 10px 0 10px;

}

.cosgol {
    width:100%;
    max-width:800px;
    padding:45px;
    margin: 35px auto 35px auto;
    background: #fff;
    -moz-box-shadow: 3px 3px 4px #ececec;
    -webkit-box-shadow: 3px 3px 4px #ececec;
    box-shadow: 2px -2px 25px 2px #ececec;
}

.cosgol i {
    font-size: 94px;
    color:#bebebe;
    float:left;
    margin-right: 30px;
}

.cosgol .textcosgol {
    line-height:24px;
    font-size:18px;
    display: inline;
    white-space: nowrap;
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */

}

.cosgol .textcosgol:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.displayflex {
    display: flex;
    flex-wrap: wrap;
}

.box_produse_meniu {
     display: flex;
     flex-wrap: wrap;
    justify-content: flex-end;
 }

.box_produse_meniu .product-card:first-child {
}

.box_produse_meniu .product-card {
    width: 200px;
    float: left;
    display:none;
    flex: none;
    box-shadow: none;
    border-right: 1px solid #e9e9e9;
}

.box_produse_meniu .product-info {
    text-align: center;
    padding-left:0;
}

.product-info .pret {
    margin-top: 10px;
}

.box_produse_meniu .oferta_reducere_over_bf {
    display:none;
}

.box_produse_meniu .nrimagini {
    display:none;
}
.box_produse_meniu .oferta_reducere_over {
    display:none;
}
.box_produse_meniu .bmarcaj {
    display:none;
}


.detalii_produs {
    text-align: center;
}

.detalii_produs_titlu {
    font-size: 16px;
    font-family: 'Lato',sans-serif;
    color:#656565;
}

.denumire_produs {
    font-family: 'Latoregular', sans-serif;
    font-size: 16px;
    margin: 10px 0 13px 0;
}

.produs-subtitlu {
    font-size:22px;font-family:'Latolight';
}

.pret_produs {
    margin-top: 5px;
    font-size: 18px;
    padding-left:10px;
    color: #ef3434;
    font-family: 'Latobold',sans-serif;
}

.pret_produs.single {
    padding-left:0;
}

.valuta_pret {
    margin-left: 3px;
    color: #ef3434;
    font-size: 18px;
    font-family: 'Latobold',sans-serif;
}

.header-filtrare {
    width: 100%;
    background: #f2f2f2;
    height: 50px;
    padding:10px;
    font-size: 22px;
    text-align: center;
}

.footer-filtrare {
    position: fixed;
    bottom: 0;
    right: 0;
    left:0;
    margin:0;
}

.container-footer-filtrare {
    display: flex;
    height: 50px;
    flex-flow: row;
}

.footer-filtrare .aplica,
.footer-filtrare .stergefiltrele {
    flex: 1;
    align-items: center;
    background-color: #fbb231;
    color: #fff;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 5px 0 1px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
}

.footer-filtrare .stergefiltrele {
    background-color: #000;
}

.header-filtrare i {
    float: right;
    font-size: 29px;
    padding: 1px 8px 0 0;
}

.header-filtrare .title {
    font-family: 'LatoBold', sans-serif;
}

.box_filtre {
    clear: both;
}

.box_filtre .counter,
#deschidefiltre .counter {
    color: #fff;
    display: inline-block;
    float: right;
    font-size: .8em;
    line-height: 24px;
    text-align: center;
    width: 24px;
    background: #f6a912;
    margin-right: 7px;
}

#deschidefiltre .counter {
    margin-top: -3px;
    margin-right: 10px;
}

.boxpret {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 25px;
    margin-bottom: 10px;
    align-items: baseline;
    flex-flow: row;
    justify-content: left;
}

.pret_produs_big {
    font-size: 22px;
    color: #ef3434;
}

.valuta_pret_big {
    font-size: 22px;
    margin-left: 3px;
    color: #ef3434;
}

.pret_redus_big {
    color: #b1b1b1;
    font-size: 14px;
    margin: 0 0 0 10px;
}

#boxproducatori {
    margin:40px 0 30px 0;
    clear: both;
    display:flex;
    flex-wrap:wrap;
}

#boxproducatori .producator {
    flex-direction: column;
    padding: 2%;
    flex: 0 18%;
    margin:1%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f2f2f2;
    border-radius:15px;
    position: relative;
}

#boxproducatori .producator:hover {
    border-color:#ccc;
}

#boxproducatori .logoprod {
    margin-bottom: 45px;
}

#boxproducatori .nume {
    text-align:center;
    text-transform: uppercase;
    font-size: 20px;
    color:#656565;
}

#boxproducatori .rest {
    position: absolute;
    bottom:15px;
    font-size: 13px;
    text-align:center;
}

#boxproducatori .rest a {
    color: #2d81df;
}

.trust {
    display: flex;
    flex-wrap: wrap;
    margin-top:70px !important;
}

.trust .star {
    background: url('../imagini/icons/star@2x.png') no-repeat top right;
    background-size: 61px 55px;
    width: 59px;
    height: 57px;
    margin: 0 auto;
    text-align: center;
}

.trust .piggy {
    background: url('../imagini/icons/piggy@2x.png') no-repeat top right;
    background-size: 61px 55px;
    width: 59px;
    height: 57px;
    margin: 0 auto;
    text-align: center;
}

.trust .consultanta {
    background: url('../imagini/icons/consultanta@2x.png') no-repeat top right;
    background-size: 61px 55px;
    width: 60px;
    height: 55px;
    margin: 0 auto;
    text-align: center;
}

.trust .pasiune {
    background: url('../imagini/icons/medal@2x.png') no-repeat top right;
    background-size: 61px 55px;
    width: 52px;
    height: 59px;
    margin: 0 auto;
    text-align: center;
}

.box-trust {
    display:flex;
    flex:1;
    align-items: center;
    flex-wrap: wrap;
    border-right:1px solid #f1f0f0;
    height:255px;
}

.trust .box-trust:last-child {
    border: none;
}

.box-trust .textpromo {
    clear:both;
    width:100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size:18px;
    color:#313035;
    margin-top:-90px;
}

.box-trust .subtextpromo {
    font-size:13px;
    color:#797979;
    margin-top:10px;
}

.header_contact {
    font-size:24px;
    text-align:center;
    color:#656565;
    margin:10px auto 20px auto;
}

.boxcontact {
    background:#f7f7f7;
    border:1px solid #e6e6e6;
    padding:25px 40px 25px 40px;
    font-size: 14px;
}

.boxcontact .numefirma {
    color:#b1b1b1;
    margin-bottom:10px;
}

.boxcontact .orar {
    line-height: 27px;
}

.boxcontact .headerorar {
    color:#b1b1b1;
}

.boxcontactjos iframe {
    height: 460px;
    border:0;
}
.boxcontactjos .col-xs-12, .boxcontactjos .col-sm-12, .boxcontactjos .col-md-6 {
    padding:0 !important;
}

.boxcontactjos .mesaj {
    border: 1px solid #e6e6e6;
    background: #f7f7f7;
    height: 460px;
}

.boxcontactjos .titlu {
    background: #fff;
    padding:10px;
    text-align: center;
    color:#232323;
    font-size: 18px;
    font-family: 'Latobold';
}

.boxcontactjos .formular {
    padding:30px;
}

.boxcontactjos .formular input,
.boxcontactjos textarea {
    font-size: 16px;
    border: none;
    background: #fff;
    padding:16px 10px 16px 23px;
    width: 100%;
    margin-bottom:10px;
}

.boxcontactjos .formular .nume {
    width:97%;
    margin-right: 3%;
}

.boxcontactjos .dk_container {
    font-family: 'Latoregular';
    font-size: 16px;
    width:100%;
}

.boxcontactjos .dk_toggle {
    background: #fff;
    padding:16px 10px 16px 23px;
    border:0;
    width:100% !important;
    color:#656565;
    border-radius: 0;
}

.contentservice {
    font-size: 14px;
}

.contentservice li {
    line-height: 30px;
    list-style-type: none;
}

.contentservice i {
    color: #b0cb4b;
    font-size: 18px;
    margin-right: 15px;
    -webkit-text-stroke: 0.6px white;
}

.thumbsmag {
    margin:15px 0 10px 0;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.thumbsmag a {
    flex:1;
    align-items: center;
    justify-content: center;
    padding:3px;
    text-align: center;
}

.thumbsmag img {
    align-items: center;
    vertical-align: middle;
    display: inline-block;
    max-height: 100px;  /* <-- Set maximum height to 100% of its parent */
}

.fancybox-iframe img {
    max-width:100%;
}

.content-slider {
    width: 100%;
    height: 100px;
}

.slick-slider {
    background: url('../imagini/loading.gif');
}

.slick-slider .slick-list {
    display: none;
    position: absolute;
}
.slick-slider.slick-initialized {
    background: none;
}
.slick-slider.slick-initialized .slick-list {
    display: block;
    position: relative;
    transition: opacity 0.3s ease-out;
}

#slider_hp {
    width: 100%;
    position: relative;
    height:auto;
    opacity: 0;
}

#galerie_produs {
    opacity: 0;
}

.slick-initialized {
    opacity:1 !important;
    transition:opacity .3s ease-out;
}

#slider_hp a {
    position: relative;
    display: block;
}

#slider_hp img {
    width: 100%;
}
#slider_hp .banner_info {
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    width: 100%;
    z-index: 9999;
}


#slider_hp .banner_info {
    position: absolute;
    bottom:40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

#slider_hp .banner_info .titlu {
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
}

#slider_hp .banner_info .descriere {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}

#slider_hp .btn {
    border-width: 2px;
    font-size: 24px;
    border-radius: 0px;
    padding: 10px 100px;
    text-transform: uppercase;
    font-family: 'LatoBold';
}

.tslider {
    height: 100px;
    width: 100%;
    margin: 0px auto 0;
    overflow: visible;
    position: relative;
}

.mask {
    overflow: hidden;
    height: 100px;
}

.tslider ul {
    margin: 0;
    padding: 0;
    position: relative;
}

.tslider li {
    width: 100%;
    height: 90px;
    position: absolute;
    top: -325px;
    list-style: none;
}

.tslider .quote {
    font-size: 13px;
    font-style: italic;
}

.tslider .source {
    font-size: 12px;
    text-align: right;
}

.tslider li.anim1 {
    -moz-animation: cycle 30s linear infinite;
    -webkit-animation: cycle 30s linear infinite;
    animation: cycle 30s linear infinite;
}

.tslider li.anim2 {
    -moz-animation: cycle2 30s linear infinite;
    -webkit-animation: cycle2 30s linear infinite;
    animation: cycle2 30s linear infinite;
}

.tslider li.anim3 {
    -moz-animation: cycle3 30s linear infinite;
    -webkit-animation: cycle3 30s linear infinite;
    animation: cycle3 30s linear infinite;
}

.tslider li.anim4 {
    -moz-animation: cycle4 30s linear infinite;
    -webkit-animation: cycle4 30s linear infinite;
    animation: cycle4 30s linear infinite;
}

.tslider li.anim5 {
    -moz-animation: cycle5 30s linear infinite;
    -webkit-animation: cycle5 30s linear infinite;
    animation: cycle5 30s linear infinite;
}
.tslider li.anim6 {
    -moz-animation: cycle4 30s linear infinite;
    -webkit-animation: cycle4 30s linear infinite;
    animation: cycle4 30s linear infinite;

}
.tslider li.anim7 {
    -moz-animation: cycle3 30s linear infinite;
    -webkit-animation: cycle3 30s linear infinite;
    animation: cycle3 30s linear infinite;
}
.tslider li.anim8 {
    -moz-animation: cycle2 30s linear infinite;
    -webkit-animation: cycle2 30s linear infinite;
    animation: cycle2 30s linear infinite;
}
.tslider li.anim9 {
    -moz-animation: cycle 30s linear infinite;
    -webkit-animation: cycle 30s linear infinite;
    animation: cycle 30s linear infinite;
}

.tslider:hover li {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-moz-keyframes cycle {
    0% {
        top: 0px;
    }
    4% {
        top: 0px;
    }
    16% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    20% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    21% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    92% {
        top: -325px;
        opacity: 0;
        z-index: 0;
    }
    96% {
        top: -325px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-moz-keyframes cycle2 {
    0% {
        top: -325px;
        opacity: 0;
    }
    16% {
        top: -325px;
        opacity: 0;
    }
    20% {
        top: 0px;
        opacity: 1;
    }
    24% {
        top: 0px;
        opacity: 1;
    }
    36% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    40% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    41% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    100% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
}

@-moz-keyframes cycle3 {
    0% {
        top: -325px;
        opacity: 0;
    }
    36% {
        top: -325px;
        opacity: 0;
    }
    40% {
        top: 0px;
        opacity: 1;
    }
    44% {
        top: 0px;
        opacity: 1;
    }
    56% {
        top: 0px;
        opacity: 1;
    }
    60% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    61% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    100% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
}

@-moz-keyframes cycle4 {
    0% {
        top: -325px;
        opacity: 0;
    }
    56% {
        top: -325px;
        opacity: 0;
    }
    60% {
        top: 0px;
        opacity: 1;
    }
    64% {
        top: 0px;
        opacity: 1;
    }
    76% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    80% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    81% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    100% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
}

@-moz-keyframes cycle5 {
    0% {
        top: -325px;
        opacity: 0;
    }
    76% {
        top: -325px;
        opacity: 0;
    }
    80% {
        top: 0px;
        opacity: 1;
    }
    84% {
        top: 0px;
        opacity: 1;
    }
    96% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    100% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
}

@-webkit-keyframes cycle {
    0% {
        top: 0px;
    }
    4% {
        top: 0px;
    }
    16% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    20% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    21% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    50% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    92% {
        top: -325px;
        opacity: 0;
        z-index: 0;
    }
    96% {
        top: -325px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes cycle2 {
    0% {
        top: -325px;
        opacity: 0;
    }
    16% {
        top: -325px;
        opacity: 0;
    }
    20% {
        top: 0px;
        opacity: 1;
    }
    24% {
        top: 0px;
        opacity: 1;
    }
    36% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    40% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    41% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    100% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
}

@-webkit-keyframes cycle3 {
    0% {
        top: -325px;
        opacity: 0;
    }
    36% {
        top: -325px;
        opacity: 0;
    }
    40% {
        top: 0px;
        opacity: 1;
    }
    44% {
        top: 0px;
        opacity: 1;
    }
    56% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    60% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    61% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    100% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
}

@-webkit-keyframes cycle4 {
    0% {
        top: -325px;
        opacity: 0;
    }
    56% {
        top: -325px;
        opacity: 0;
    }
    60% {
        top: 0px;
        opacity: 1;
    }
    64% {
        top: 0px;
        opacity: 1;
    }
    76% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    80% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    81% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    100% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
}

@-webkit-keyframes cycle5 {
    0% {
        top: -325px;
        opacity: 0;
    }
    76% {
        top: -325px;
        opacity: 0;
    }
    80% {
        top: 0px;
        opacity: 1;
    }
    84% {
        top: 0px;
        opacity: 1;
    }
    96% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    100% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}

label {
    font-weight: 600;
}

#deschidefiltre {
    text-transform: uppercase;
    border: 2px solid #4d4d4d;
    background: #f9f9f9;
    color: #343434;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    cursor: pointer;
    margin: 10px 5px 10px 5px;
    float: none;
    opacity: 1;
    text-shadow: none;
    line-height: 18px;
    display: none;
}

#deschidefiltre .fas {
    margin-right: 5px;
    float: right;
    font-size: 20px;
}
#result_ac_oras {
    position: relative;
}

#result_ac_oras .autocomplete-suggestions {
    top:0 !important;
    margin:0 !important;
    width:100% !important;
    background-color: #fff;
    border-color: #ccc;
}

#result_ac_oras .autocomplete-suggestion {
    padding:6px !important;
    border-color:#ccc;
}

.meniu_principal {
    cursor: pointer;
}

.meniu_principal a:hover,.meniu_principal a:visited,.meniu_principal a:link,.meniu_principal a:active {
    text-decoration: none !important;
}
.sub_menu {
    display: flex;
    align-items: stretch;
   flex-flow: row wrap;
    justify-content: center;
    background:#333;
}

.sub_menu ul {
    list-style: none;
    list-style-type: none;
    margin-top:10px;
}

.sub_menu li {
    clear: both;
    list-style: none;
    list-style-type: none;
    color:#999;
    padding-bottom: 10px;
}

.sub_menu li a {
    padding: 1px 0 0 0;
    height: auto;
    display: block;
    font-family: 'Latoregular', sans-serif;
}

.sub_menu li a:hover .left_cat {
    color: #E33435 !important;
}

.sub_menu li a .left_cat {
    font-size: 13px !important;
}

.sub_menu li.mbig a, .sub_menu .mmed a,
.sub_menu li.mbig a, .sub_menu a.mmed {
    padding:0 0 0 0;
    font-family: 'Latobold',sans-serif;
    color: #2d81df;
    font-size: 13px;
}

.sub_menu li.last {
    border-bottom: 0;
}

.sub_menu li a:hover {
    text-decoration: underline!important;
}

.sub_menu li.meniu_subcat {
    font-size:18px;
    font-weight: bold;
    margin-bottom: 12px;
}

.sub_menu .meniu_secundar.hassub li.meniu_subcat {
    border-bottom: 1px solid #e3e3e3;
}

.sub_menu li a .left_cat {
    font-size:14px !important;
}

.sub_menu .meniu_secundar {
    display:none;
    float:left;
    margin:0 10px 10px 10px;
}

.separatie_meniu {
    width:1px;
    float:left;
    margin:10px;
    background-color: #e3e3e3;
}

.boxedmenu {
    padding-bottom: 20px;
    display: inline-block;
    margin:15px;
}

.boxedmenucat {
    text-align: left;
}

.boxedmeniu.second li {
    float:left;
    width:100%;

}

.navbar, .navbar-inverse {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    background-color: #ca2d27;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
    float: left;
    margin-left: 10px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #ef3434;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
     border-color: #ca520d;
}

.navbar-nav {
    margin:0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    font-size: 1.7em;
    font-weight: 300;
}

.navbar-inverse .navbar-nav li a:hover {
    transition: 0.7s all linear;
    height: 100%;
}

.btnmobil {
    width:100%;
    float: left;
    font-size: 18px;
    border-bottom: 1px solid #fff;
    padding: 14px 0 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    color: #4d4d4d;
}

.btnmobil:focus,.btnmobil:hover {
}

li.mobile_meniu_cat,li.mobile_meniu_subcat,li.mobile_meniu_subsubcat {
    clear: both;
    width:100%;
}

li.mobile_meniu_subcat  {
    padding-left:10px;
}

.nav.special li.mobile_meniu_subcat {
    padding-left: 0!important;
}

li.mobile_meniu_subsubcat {
    padding-left: 20px;
}

.nav.special li.mobile_meniu_subsubcat {
    padding-left:10px;
}

.buton_meniu {
    color: #fff;
    font-size: 20px;
    float: left;
    margin-top: 13px;
}

.liniefooter {
    width:1px; height:165px;float:left;background-color:#737373;margin: 30px 26px 0 20px;
}

.boxsocial {
}

.boxlinkurifooter {
}


.cos-shade {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.cos-shade.active {
    visibility: visible;
    opacity: 1;
    background-color: rgba(0,0,0,.8);
}

#cos-sidebar {
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    bottom:0;
    width: 400px;
    background: #fff;
    z-index: 99999;
    padding:20px;
    display: flex;
    flex-flow: column;
    transform: translateX(100%);
    transition: .3s;
}

#cos-sidebar.active {
    transform: translateX(0);
}

#cos-sidebar .title {
    font-size:20px;
    text-transform: uppercase;
    float: left;
}
#cos-sidebar .btn-close-cos {
    float: right;
}
#cos-sidebar .btn-close-cos .fas {
    font-size: 26px;
    color: #4d4d4d;
    cursor: pointer;
}
#cos-sidebar .cos-container {
    display: flex;
    border-top:1px solid #ccc;
    margin-top:10px;
    flex-flow: column;
    overflow:auto;
    flex:1;
    padding:0 15px 0 0;
}

#cos-sidebar .cos-produs {
    display: flex;
    flex-flow: row;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-top:10px;
    position: relative;
}

#cos-sidebar .nume {
    margin: 10px 2px 10px 10px;
    font-size: 15px;
    font-family: 'LatoBold', sans-serif;
}

#cos-sidebar .marime {
    font-size: 13px;
}

#cos-sidebar .disp {
    font-size:11px;
}

#cos-sidebar .pret {
    margin: 10px 0 0 0;

    font-size: 15px;
    min-width: 65px;
    text-align: right;
    font-family: 'LatoBold', sans-serif;
}

#cos-sidebar .cos-produs img {
    width: 90px;
    height: auto;
}

#cos-sidebar .livrare, #cos-sidebar .total {
    margin:10px 0 10px 0;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

#cos-sidebar .total {
    font-size:17px;
}

#cos-sidebar .total .valoare-livrare {
    font-family: "LatoBold", sans-serif;
}

#cos-sidebar .vezicos {
    margin-bottom: 30px;
    margin-top:20px;
}

#cos-sidebar .vezicos a {
    text-transform: uppercase;
    font-family: 'Latobold';
    font-size: 20px;
}

#cos-sidebar .sterge-produs-din-cos {
    position: absolute;
    bottom:0;
    right:0;
    font-size: 25px;
    color: #999;
    padding: 11px 0 11px 11px;
    cursor: pointer;
}


#cos-sidebar .cos-container .fa-spinner {
    float: left;
    font-size: 50px;
    margin: 0 auto;
    text-align: center;
}

#cos-sidebar .cos-container .jsActualizare .fa-spinner {
    float: left;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
}

#cos-sidebar .actualizare {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
}

#cos-sidebar .boxaddcos .minus, #cos-sidebar .boxaddcos .plus {
    width: 25px;
    height: 25px;
    font-size: 22px;
    padding-top:0;
    line-height: 26px;
}

#cos-sidebar .inputplus {
    border: 1px solid #f2f2f2;
    height: 25px;
    width: 45px;
    text-align: center;
    float: left;
    padding-top: 4px;
}

body {
    background: #000;
}

/* Style the bauble */
.oferta_reducere_over_bf
{
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 0 5px #777777;
    box-shadow: 0 0 5px #777777;
    -webkit-box-shadow: 0 0 5px #777777;
    border: 1px solid rgba(0,0,0,0.3);
}

/* Style the bauble head */
.oferta_reducere_over_bf:before
{
    content: "";

    background: #fff; /* Fallback */
    background: -moz-linear-gradient(left, #fff, #9c9c9c, #fff, #9c9c9c );
    background: -webkit-gradient(linear, left center, right center, from(#fff), color-stop(25%, #9c9c9c), color-stop(50%, #fff), color-stop(75%, #9c9c9c));

    -moz-border-radius: 2px;
    border-radius: 2px;

    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 -1px 0 rgba(255,255,255,0.3) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 -1px 0 rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 -1px 0 rgba(255,255,255,0.3) inset;

    border: 1px solid #dadada ;
    height: 10px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -10px;
}

/* Add bauble light reflection */
.oferta_reducere_over_bf:after
{
    content: "";
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #fff; /* Fallback */
    background: -moz-linear-gradient(bottom, #fff, rgba(255,255,255,0.1) );
    background: -webkit-gradient(linear, left bottom, right top, from(#fff), color-stop(100%, rgba(255,255,255,0.1)));
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    opacity: 0.15;
    height: 80px;
    width: 80px;
}

/* Colorize them */
.red-bauble
{
    background: #c8171f;
    background: -moz-radial-gradient(center 45deg,circle cover, #f9d0be, #c8171f);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#f9d0be), to(#c8171f));
    -moz-transform: rotate(-12deg); /* Firefox */
    -webkit-transform: rotate(-12deg); /* Chrome and Safari */
    -o-transform: rotate(-12deg); /* Opera */
    -ms-transform: rotate(-12deg); /* Surprise! IE9 with its own prefix */
}

.blue-bauble
{
    background: #00a1ee; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #cde6f9, #00a1ee);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#cde6f9), to(#00a1ee));
    -moz-transform: rotate(4deg); /* Firefox */
    -webkit-transform: rotate(4deg); /* Chrome and Safari */
    -o-transform: rotate(4deg); /* Opera */
    -ms-transform: rotate(4deg); /* Surprise! IE9 with its own prefix */
}

.yellow-bauble
{
    background: #fcb83d; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #fcf3a6, #fcb83d);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#fcf3a6), to(#fcb83d));
    -moz-transform: rotate(-3deg); /* Firefox */
    -webkit-transform: rotate(-3deg); /* Chrome and Safari */
    -o-transform: rotate(-3deg); /* Opera */
    -ms-transform: rotate(-3deg); /* Surprise! IE9 with its own prefix */
}

.green-bauble
{
    background: #4d8d00; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #d1e5b2, #4d8d00);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#d1e5b2), to(#4d8d00));
    -moz-transform: rotate(7deg); /* Firefox */
    -webkit-transform: rotate(7deg); /* Chrome and Safari */
    -o-transform: rotate(7deg); /* Opera */
    -ms-transform: rotate(7deg); /* Surprise! IE9 with its own prefix */
}

.purple-bauble
{
    background: #4d8d00; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #1fd1f9, #b621fe);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#1fd1f9), to(#b621fe));
    -moz-transform: rotate(-7deg); /* Firefox */
    -webkit-transform: rotate(-7deg); /* Chrome and Safari */
    -o-transform: rotate(-7deg); /* Opera */
    -ms-transform: rotate(-7deg); /* Surprise! IE9 with its own prefix */
}

.pink-bauble
{
    background: #4d8d00; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #ffa69e, #861657);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#ffa69e), to(#861657));
    -moz-transform: rotate(-10deg); /* Firefox */
    -webkit-transform: rotate(-10deg); /* Chrome and Safari */
    -o-transform: rotate(-10deg); /* Opera */
    -ms-transform: rotate(-10deg); /* Surprise! IE9 with its own prefix */
}


.deepgreen-bauble
{
    background: #4d8d00; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #5aff15, #00b712);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#5aff15), to(#00b712));
    -moz-transform: rotate(10deg); /* Firefox */
    -webkit-transform: rotate(10deg); /* Chrome and Safari */
    -o-transform: rotate(10deg); /* Opera */
    -ms-transform: rotate(10deg); /* Surprise! IE9 with its own prefix */
}

.deepred-bauble
{
    background: #4d8d00; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #a71d31, #3f0d12);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#a71d31), to(#3f0d12));
    -moz-transform: rotate(5deg); /* Firefox */
    -webkit-transform: rotate(5deg); /* Chrome and Safari */
    -o-transform: rotate(5deg); /* Opera */
    -ms-transform: rotate(5deg); /* Surprise! IE9 with its own prefix */
}


.orange-bauble
{
    background: #4d8d00; /* Fallback */
    background: -moz-radial-gradient(center 45deg,circle cover, #fbd72b, #f9484a);
    background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 50, from(#fbd72b), to(#f9484a));
    -moz-transform: rotate(-5deg); /* Firefox */
    -webkit-transform: rotate(-5deg); /* Chrome and Safari */
    -o-transform: rotate(-5deg); /* Opera */
    -ms-transform: rotate(-5deg); /* Surprise! IE9 with its own prefix */
}