/* S: Variables */
:root {    
    --main-color: #ca393c;
    --primary-color: #ca393c;
    --primary-color-hover: #E04C34;
    --primary-color-light: #D27A7B;

    --accent-color: #000;
    --secondary-color: #000;
    --secondary-color-hover: #333;
    --secondary-color-light: #222;
  
    --content-color: #000;
    --muted-color: #6c757d;

    --dark-grey-color: #ccc;
    --medium-grey-color: #dee2e6;
    --light-grey-color: #f8f8f8;
    
	--heading-font: 'Montserrat', sans-serif;
    --content-font: 'Muli', sans-serif;
}
/* E: Variables */

/* S: Typography */
body {
    font-family: var(--content-font);
    font-size: 0.9rem;
    line-height: 22px;
    padding: 0;
    margin: 0;
    color: var(--content-color);
    overflow-x: hidden;
    transition: opacity .5s;
    opacity: 0;
}
body.not-faded {
    opacity: 1;
}
.loading {
    overflow: hidden;
}
#loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: rgba(255, 255, 255, .7);
    z-index: 999999;
    display: none;
}
.loading #loader {
    display: block;
}
img {
    max-width: 100%;
    height: auto;
}
input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea,
select {
    outline: none!important;
    box-shadow: none!important;
    border-radius: 0;
}
a,
a:hover {
    color: #676767;
    text-decoration: none;
}
a:hover {
    color: var(--primary-color-hover);
}
.font-content {
    font-family: var(--content-font);
}
.font-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
    font-weight: 700;
}
h1 {
    font-size: 2rem!important;
}
h2 {
    font-size: 1.8rem!important;
}
.required {
    color: #f00;
}
.text-dark-grey {
    color: var(--dark-grey-color)!important;
}
.badge-danger {
    background-color: var(--primary-color)!important;
}
.text-danger {
    color: var(--primary-color)!important;
}
 
/* E: Typography */

/* S: Additions */
/* S: Swiper */
.logo-carousel .swiper-slide {
    width: auto!important;
    margin:0 30px;
}
.logo-carousel .swiper-slide img {
	max-height: 70px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: .3s;
}
.logo-carousel .swiper-slide img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
/* E: Swiper */


.border-black {
    border-color: #000000!important;
}


.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
/* E: Additions */

/* S: Header */
/* S: General Header */
.header-wrapper {
    top: 0;
    transition: .3s;
    z-index: 99;
}
.info-header,
.notificare-program {
    background-color: var(--secondary-color);
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    transition: .3s;
}
.notificare-program {
    text-transform: none;
    background-color: var(--content-color);
}
.scrolled .info-header,
.scrolled .notificare-program {
    opacity: 0;
    position: absolute;
    top: -100%;
}
.info-header-contact {
}
.header-wrapper:hover,
.scrolled .header-wrapper,
.header-wrapper.bg-header,
.header-wrapper.position-sticky {
    background-color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.header-left .logo img {
    /*max-height: 30px;*/
}
@media (max-width: 991px) {
    .header-left .logo img {
        max-height: 30px;
    }
}

.header-buttons > a {
    cursor: pointer;
    color: var(--content-color);
    transition: .3s;
    position: relative;
    padding: 5px;
}
.header-buttons > a:hover {
    color: var(--main-color);
}
.header-buttons > a + a {
    margin-left: 5px;
}
.header-buttons > a i {
    font-size: 20px;
}
.header-buttons > a span {
    position: absolute;
    font-size: 8px;
    color: #fff;
    text-align: center;
    background: var(--main-color);
    width: 14px;
    height: 14px;
    line-height: 14px;
    top: -7px;
    right: -7px;
    border-radius: 50%;
}
/* E: General Header */

/* S: Menu */
.menu-wrapper {
    position: initial;
}
.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}
.menu > li > a {
    padding: 20px 8px 18px 8px;
    display: block;
    border-bottom: 2px solid transparent;
    transition: .3s;
    color: var(--content-color);
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap;
}
.menu > li:hover > a,
.menu > li.active > a {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}
.menu > li:not(.megamenu) {
    position: relative
}
.menu > li > div {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid var(--medium-grey-color);
    border-bottom: 1px solid var(--medium-grey-color);
    z-index: 9;
    min-width: 300px;
}
.menu > li:hover > div {
    display: block;
}

.producatori-to-search > li {
    flex: 0 0 16.66%;
}
.producatori-to-search > li a {
    display: block;
}
.search-box input::placeholder {
    font-size: 1rem;
    font-weight: 700;
}
.nav-submenu a {
    color: var(--content-color);
    line-height: 26px;
    font-size: 0.8rem;
}
.nav-submenu a:hover {
    color: var(--primary-color);
}

.nav-submenu h6 a{
    font-size: 0.8rem!important;
}
/* E: Menu */

/* S: Mobile menu */
.js-topPushNav {
    position: relative;
    padding: 0;
	margin: 0;
	list-style-type: none;
}
.pushNav {
    width: 100%;
    left: -400px;
    padding: 0;
	margin: 0;
	list-style-type: none;
	/*height: 100vh;*/
    height: 100%;
	position: absolute;
	top: 0;
	z-index: 100;
	/*overflow: scroll;*/
	background: #fff;
	transition: ease-in-out 0.5s;
}
.pushNav_level.isOpen {
	left: 0;
}
.closeLevel,
.openLevel {
	cursor: pointer;
}
.openLevel,
.closeLevel,
.js-topPushNav a.menu-link {
	padding: 1em 0;
	display: block;
	/*text-indent: 10px;*/
    transition: background 0.4s ease-in-out;
    color: #000 !important;
}
.closeLevel {
    background: var(--main-color);
}
.closeLevel,
.closelevel > i {
	font-size: 1em;
	color: #fff;
}
/* E: Mobile menu */

/* S: Search */
a.btn.search-toggle:hover {
    color: var(--primary-color);
}
.border-bottom-search {
    border: 2px solid #9c9c9c;
}
.search-box {
    display: none;
}
.search-box.visible {
    display: block;
}
.search-box i.fa-search {
    font-size: 24px;
}
.search-box i.fa-times {
    font-size: 32px;
}
.search-box input {
    font-size: 1rem;
    font-weight: 700;
}
#searchADVsugestii-new .titluRec {
    border-top: 1px solid var(--medium-grey-color);
    border-bottom: 1px solid var(--medium-grey-color);
    background: var(--light-grey-color);
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 -15px;
    padding: 5px 15px;
}
#searchADVsugestii-new .product-image {
    max-width: 80px;
}
.searchADVproduseBox {
    cursor: pointer;
}
.searchADVproduseBox {
    border-bottom: 1px solid var(--medium-grey-color);
}
.searchADVproduseBox-inner:hover {
    background-color: var(--light-grey-color);
}
.searchADVproduseBoxPret {
    font-weight: 700;
}
/* E: Search */

/* S: Side Drawer */
.side-drawer {
    position: fixed;
    top: 0;
    right: -360px;
    bottom: 0;
    width: 360px;
    transition: .3s;
    background: #fff;
    z-index: 999;
    padding: 20px;
    overflow-y: auto;
}

.side-drawer.visible {
    right: 0;
}
.side-drawer .drawer-content {
}
.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .7);
    display: none;
    opacity: 0;
    transition: .3s;
    cursor: pointer;
}
.drawer-overlay.visible {
    display: block;
    opacity: 1;
}
.drawer-close {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #000;
    font-size: 20px;
    display: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.side-drawer.visible .drawer-close {
    display: flex;
}
/* E: Side Drawer */

/* S: Cart & Checkout */
#totalCosCheckoutWrapper {
    position: relative;
}
.progress-wrapper {
    padding-bottom: 30px;
}
.progress-wrapper .progress {
    height: 10px;
}
.progress-wrapper .progress .progress-bar {
    background-color: var(--main-color);
}
.progress-wrapper .progress-marker {
    width: 80px;
    position: absolute;
    top: 0;
    text-align: center;
    margin-left: -40px;
    display: block;
    font-size: 10px;
    color: var(--muted-color);
    line-height: 1.2;
}
.progress-wrapper .progress-marker:before {
    content: '';
    display: block;
    width: 3px;
    height: 10px;
    background: var(--accent-color);
    margin: 0 auto;
    margin-bottom: 5px;
}
.progress-wrapper .provincie-marker {
    right: 5px;
    text-align: right;
}
.progress-wrapper .progress-marker.provincie-marker:before {
    margin-left: auto;
    margin-right: 0;
}
.removeFromFavorites,
.removeFromCart {
    opacity: .5;
}
.table-sumary td + td {
    white-space: nowrap;
    padding-left: 10px;
}

.table-checkout {
    width: 100%;
}
.table-checkout th {
    width: 160px;
    padding-right: 10px;
}
.custom-radio label,
.custom-switch label {
    cursor: pointer;
}
#bife-cont + #backToTop {
    display: none;
}
.cart {
    position: sticky;
    top: 86px;
    max-height: calc(100vh - 86px);
    overflow: auto;
    bottom: 10px;
}
@media (max-width: 767px) {
    .heading-checkout {
        font-size: 18px!important;
    }
    .table-checkout th {
        width: 125px;
    }
}

@media (max-width: 400px) {
    .table-checkout th,
    .table-checkout td {
        display: block;
        width: 100%;
    }
}
/* E: Cart & Checkout */

.account-circle {
    width: 70px;
    height: 70px;
    background: var(--main-color);
    color: #fff;
    border-radius: 50%;
    font-size: 40px;
}

/* E: Header */

/* S: Account */
.myAccount a.list-group-item{
    color: #000!important;
}
.myAccount a.list-group-item.active{
    background-color: #dee2e6!important;
    border-color: #dee2e6!important;
}
.myAccount .list-group-item:hover {
    background-color: #dee2e6;
    color: #000!important;
}
.myAccount a.item-sidebar{
    color: #000!important;
}
.myAccount a.item-sidebar.active{
    background-color: #dee2e6!important;
    border-color: #dee2e6!important;
}
.myAccount .item-sidebar:hover {
    background-color: #dee2e6;
    color: #000!important;
}
/* E: Account */

/* S: Index */
/* S: Slide */
.slide-wrapper .swiper-slide {
    position: relative;
}
.slide-wrapper .swiper-slide .slide-background {
    height: 100vh;
    background-position: center center;
    background-size :cover;
}
.slide-wrapper .slide-caption {
    /*max-width: 40%;
    margin-left: auto;*/
    margin-left: 4%;
    margin-top: -5%;
}
.slide-wrapper .slide-caption .title {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 400;
    margin-bottom: 30px;
}
.slide-wrapper .slide-caption .text {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
/* E: Slide */

/* S: Instagram */
.instagram-posts-wrapper {
    border: 3px solid var(--secondary-color-light);
}
.instagram-posts .item .inner {
	position: relative;
	overflow: hidden;
}
.instagram-posts .item img {
	transition: transform .4s;
}
.instagram-posts .item:hover img {
	transform: scale(1.1, 1.1);
}
.instagram-posts .item .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 1;
	opacity: 0;
	background: rgba(0, 0, 0, 0.6);
	transition: opacity .6s;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.instagram-posts .item:hover .info {
	opacity: 1;
}
.instagram-posts .item .info span {
	color: #fff;
	font-size: 16px;
	margin: 0 2px;
}
.instagram-posts .item .info span.text {
	font-size: 14px;
}
.instagram-posts .item:first-child .info span {
	color: #fff;
	font-size: 18px;
	margin: 0 2px;
}
.instagram-posts .item:first-child .info span.text {
	font-size: 16px;
}
/* E: Instagram */
/* E: Index */

/* S: Lists */
.carduri {
    transition: .4s;
    color: #000;
}
.carduri:hover {
    background-color: var(--secondary-color);
    color: #fff!important;
    transition: .4s;
}

.btn-loadMore {
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    line-height: normal;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 900;
    border: 2px solid var(--primary-color);
    background-color: #fff;
    color: var(--primary-color);
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}
.btn-loadMore:hover {
    color: #fff;
    background-color: var(--primary-color);
}
.last-chance,
.next-page {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 4px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
    background-image: url('../img/general/pic.jpg');
    background-position: center center;
    background-size: cover;
}
.next-page {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}
.btn-discount {
    color: #000;
    text-shadow: none;
    background-color: transparent;
    border: 1px solid var(--secondary-color);
    border-radius: 10px!important;
}
.btn-discount:hover {
    color: #fff;
    background-color: var(--secondary-color-hover);
}
/* E: Lists */

/* S: Product box */
.product-box {

}
.product-image-wrapper {
    position: relative;
}
.showQuickView {
    z-index: 2;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, .8);
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .4s;
    cursor: pointer;
}
.showQuickView:hover {
    color: var(--main-color);
}
.product-image-wrapper:hover .showQuickView {
    opacity: 1;
}


.label-wrapper {
    position: absolute;
    top: 10px;
    left: 5px;
}
.label-wrapper .badge {
    display: block;
    padding: 5px;
    border-radius: 50px;
}
.label-wrapper .badge-default {
    background-color: var(--medium-grey-color);
}
.badge-product {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: .55em .6em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.badge-standard {
    color: #fff;
    background-color: #9c9c9c;
}
.badge-cadou {
    color: #fff;
    background-color: #000;
    position: absolute;
    bottom: 0!important;
}
.label-wrapper .badge + .badge,
.label-wrapper .badge-product + .badge-product {
    margin-top: 3px;
}
.produs-badge {
    position: absolute;
    bottom: 5px;
    left:50px;
}
.product-box .video-thumb {
    font-size: 24px;
}
.wishlist-icon {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #9c9c9c;
    cursor: pointer;
}
.wishlist-button:hover,
.wishlist-button.added,
.wishlist-icon:hover,
.wishlist-icon.added {
    color: var(--primary-color);
}
.wishlist-button:not(.added) .scoate,
.wishlist-icon:not(.added) .scoate {
    display: none;
}
.wishlist-button.added .adauga,
.wishlist-icon.added .adauga {
    display: none;
}

.product-box {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f9f9f9;
    padding: 0px; 
}
.product-box .product-price {
    margin: 5px 0;
    font-weight: 700;
    font-size: 0.85rem;
}
.product-box .product-price .old-price {
    text-decoration: line-through;
    font-weight: 400;
}
.product-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 18px;
    font-weight: 400;
    height: 42px;
    white-space: initial;
    color: #000;
    margin-bottom: 5px;
}
.product-name a:hover {
    color: var(--primary-color);
}
.produse_cadou_lista {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.addToBag {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1px;
    padding: 10px 0px;
}
.addToBag:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    content: "\f290";
    margin: 0px 5px;
    font-weight: 400;
}
.addToAStoc {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1px;
    padding: 10px 0px;
}
.addToAStoc:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    content: "\f06a";
    margin: 0px 5px;
    font-weight: 400;
}
/* E: Product box */

/* S: Quickview */
#modal-quickview #productDetailsContent h1 {
    font-size: 1.2rem;
}
#modal-quickview .product-price h3 {
    font-size: 1.2rem;
}
/* E: Quickview */

/* S: Footer */
/* S: General Footer */
footer {
    background-color: var(--light-grey-color);
}
.footer-content {
    z-index: 2;
}
.site-footer:after {
    content: "";
    background: #fff;
    height: 100%;
    left: 40%;
    display: block;
    top: 0;
    position: absolute;
    width: 3000px;
    z-index: 0;
}
footer ~ iframe {
    display: none;
}
.footer-banners {
    margin: 0 -10px;
}
.footer-banners div {
    padding: 0 10px;
}
.footer-banners img {
    max-height: 50px;
}

.footer-we-care {
    background-color: var(--primary-color-light);
    padding: 30px 20px;
    border-radius: 20px;
}
/* E: General Footer */

/* S: Social icons */
.social-icons a {
	width: 40px;
	line-height: 40px;
	background: #000;
	color: #fff;
	border-radius: 50%;
    transition: .4s;
    font-size: 20px;
    margin: 0 4px;
}
.social-icons a.facebook {
	background-color: #4e71a8;
}
.social-icons a.facebook:hover {
	background-color: transparent;
	color: #4e71a8;
}
.social-icons a.twitter {
	background-color: #1cb7eb;
}
.social-icons a.twitter:hover {
	background-color: transparent;
	color: #1cb7eb;
}
.social-icons a.pinterest {
	background-color: #ca3737;
}
.social-icons a.pinterest:hover {
	background-color: transparent;
	color: #ca3737;
}
.social-icons a.google-plus {
	background-color: #e3411f;
}
.social-icons a.google-plus:hover {
	background-color: transparent;
	color: #e3411f;
}
.social-icons a.instagram {
	background-color: #444444;
}
.social-icons a.instagram:hover {
	background-color: transparent;
	color: #444444;
}
/* E: Social icons */

/* S: Newsletter */
.newsletter-form .input-group-append {
    position: relative;
}
.newsletter-form .input-group-append .newsletter-info {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: -25px;
    font-size: 16px;
    line-height: 16px;
}
/* E: Newsletter */

/* S: Cookies Alert */
#notifCookies {
    text-align: center;
    background: var(--medium-grey-color);
    padding: 10px;
    left: 0;
    z-index: 5;
    position: fixed;
    left: 10px;
    bottom: 10px;
    max-width: 300px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
}
#notifCookies a {
    text-decoration: none;
}
#notifCookies #notifCookiesAccept {
    background: var(--primary-color);
    color: #fff;
    cursor: pointer;
    padding: 10px;
    transition: all 0.2s ease-in;
    border-radius: 10px;
}
#notifCookies #notifCookiesAccept:hover {
    background: var(--content-color);
}
/* E: Cookies Alert */

/* S: Back to top */
#backToTop {
    transition: all .2s ease-in;
    position: fixed;
    bottom: 70px;
    text-align: center;
    z-index: 3;
    font-size: 10px;
    line-height: 10px;
    background: var(--secondary-color);;
    text-decoration: none;
    color: #fff;
    right: 0;
    padding: 10px 5px;
    border-radius: 5px 0 0 5px;
    margin-top: -6px;
    right: -60px;
    cursor: pointer;
}
#backToTop i {
    display: block;
    font-size: 24px;
}
#backToTop small {
    font-size: 8px;
    line-height: 10px;
}
#backToTop.show {
    right: 0;
}
#backToTop:hover {
    background: var(--primary-color-hover);
}
/* E: Back to top */
/* E: Footer */

/* S: Product page */
.product-badge {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 75px;
}

.image-wrapper {
    display: flex;
}
.image-wrapper .product-image {
    width: 100%;
    order: 2;
}
.image-wrapper .product-image.with-thumbs {
    width: calc(100% - 50px);
}
.thumbs {
    order: 1;
    width: 50px;
    padding-right: 10px;
}
.thumbs a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: .2s;
}
.thumbs a:hover,
.thumbs a.active {
    border-color: var(--main-color)!important;
}

.thumbs a + a {
    margin-top: 5px;
}

.video-thumb {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 48px;
    cursor: pointer;
    z-index: 3;
    color: var(--primary-color)!important;
}

.addToBagWrapper > div {
    flex: 0 0 80px;
    height: 50px;
    border-color: black!important;
}
.addToBagWrapper > div input,
.addToBagWrapper > div > div {
    width: 100%;
    border: none;
    background: #fff;
    max-width: 50px;
    color: var(--secondary-color);
    font-weight: 700;
    transition: .3s;
    cursor: pointer;
}
.addToBagWrapper button {
    height: 50px;
    flex: 0 0 calc(100% - 70px - 70px - 20px);
    max-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
}

a.wishlist-icon {
    height: 50px;
}
.wishlist-icon i {
    font-size: 1.7rem;
}

/* S: Share Box */
.share-box a {
    font-size: 32px
}
/* E: Share Box */

/* S: Urgency */
.urgency {
	position: fixed;
	left: 30px;
	bottom: 30px;
	width: auto;
	max-width: 100%;
    background: var(--light-grey-color);
    border: 1px solid var(--medium-grey-color);
	color: var(--content-color);
	padding: 10px;
	box-sizing: border-box;
	line-height: 14px;
	text-align: left;
    z-index: 12;
	display: none;
}

.urgency.urgency-quickview {
	position: absolute;
	z-index: 99;
}

.urgency-close {
	font-size: 12px;
	line-height: 12px;
	color: var(--content-color);
	position: absolute;
	right: -10px;
	top: -10px;
	width: 20px;
	height: 20px;
	text-align: center;
	background: var(--light-grey-color);
	padding: 3px;
	cursor: pointer;
}

.urgency .urgency-content > div + div {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dashed var(--medium-grey-color);
}
/* E: Urgency */

/* S: Floating product bar */
#floating-product {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
	z-index: 11;
	background: #000;
    color: #fff;
	transition: .3s;
    visibility: hidden;
    opacity: 0;
}
#floating-product.show {
    top: 94px;
    visibility: visible;
    opacity: 1;
}
#floating-product .wishlist-icon i {
    font-size: 1rem;
}
/* E: Floating product bar */

/* S: Variants */
.customVatiante,
#sizeSelector {
	width: auto;
}

.customVatiante .table-element,
#sizeSelector .table-element {
	width: 47px;
	height: 50px;
	display: inline-block;
}

.customVatiante .switch input[type=radio] {
	display: none;
}

.customVatiante .switch {
	background: inherit;
	position: relative;
	display: block;
	height: 40px;
	width: 40px;
	cursor: pointer;
}

.customVatiante .switch:after {
	position: absolute;
	left: -4px;
	top: -4px;
	display: block;
	width: 44px;
	height: 44px;
	content: '';
}

.customVatiante .switch.selected {
	border: solid 2px #fff;
}

.customVatiante .switch.selected:after {
	border: solid 2px #000;
}

.customVatiante .switch {
	background: #fff;
	font-weight: bold;
	color: #000;
	border: solid 2px #dddddd;
	font-size: 10px;
	line-height: 12px;
	vertical-align: middle;
	display: table-cell;
	word-break: break-all;
	word-wrap: break-word;
	text-transform: uppercase;
}

.customVatiante .switch.selected {
	border: solid 2px #fff;
	font-weight: 700;
	background: #000;
	color: #fff;
}

.customVatiante .switch.inactive {
	background: url(../img/icons/inactive.png), #fff;
	background-size: cover;
	background-position: center;
	background-position-x: 50%;
	background-position-y: 50%;
}

.customVatiante .switch.inactive.selected {
	color: #ddd;
	border: solid 2px #dddddd;
	font-weight: 400;
}

.customVatiante .dropdownSelector {
	position: relative;
}

.customVatiante .dropdownSelector .dropdown-selected {
	border: solid 1px #bbbbbb;
	color: #bbb;
	padding: 9px;
	box-sizing: border-box;
	cursor: pointer;
	padding-right: 20px;
	box-sizing: border-box;
	background: url(../img/icons/arrow-down.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.customVatiante .dropdownSelector .dropdown-selected.selected-option {
	color: #000;
	font-weight: bold;
}

.customVatiante .dropdownSelector.open .dropdown-selected {
	background: url(../img/icons/arrow-up.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.customVatiante .dropdownSelector .dropdown-selector-droplist-wrapper {
	max-height: 200px;
	z-index: 99;
	overflow-y: auto;
	border: solid 1px #ccc;
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: -1px;
	width: 100%;
	display: none;
}

.customVatiante .dropdownSelector.open .dropdown-selector-droplist-wrapper {
	display: block;
}

.customVatiante .dropdownSelector .dropdown-selector-droplist {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	border-right: solid 1px #ccc;
	box-sizing: border-box;
}

.customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option {
	padding: 10px;
	box-sizing: border-box;
	display: block;
	background: #f5f5f5;
	border-top: solid 1px #ccc;
	cursor: pointer;
}

.customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option.selected {
	background: var(--primary-color);
	color: #fff;
	font-weight: bold;
}

.customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option.inactive {
	color: #ccc;
	text-decoration: line-through;
}

.customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option:first-child {
	border-top: 0;
}

.variantSelectorTitle {
	margin: 0;
	display: block;
}
/* E: Variants */
/* E: Product page */

/* S: Producatori */
.alfabet {
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
	font-size: 18px;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
    border-bottom: 5px solid #eee;
    padding: 10px 0;
    background: #fff;
    font-weight: 700;
}
.alfabet > li {
	min-width: 35px;
	text-align: center;
	flex: 0 0 auto;
}
.alfabet > li > a {
    text-decoration: none;
    display: block;
}
.alfabet > li > a:hover {
	text-decoration: underline;
}
.scroll-downs {
    width: 100%;
    margin-top: 10px;
}
.mousey {
	width: 50px;
	padding: 2px 10px;
	height: 3px;
	border: 1px solid #ccc;
	border-radius: 25px;
	box-sizing: content-box;
	margin: 0 auto;
	background: #fff;
}
.scroller {
	width: 20px;
	height: 3px;
	margin-left: auto;
	border-radius: 25%;
	background-color: #000;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15,.41,.69,.94);
	animation-iteration-count: infinite;
}
@keyframes scroll {
	0% { opacity: .1; }
	10% { transform: translateX(0); opacity: 1; }
	100% { transform: translateX(-35px); opacity: .1;}
}
#brandsList div:hover {
    border-color: var(--primary-color)!important;
    transition: .4s;
}
.alfabet-wrapper.producers {
    position: sticky!important;
    top: 94px;
    background-color: white!important;
    z-index: 1;
}
/* E: Producatori */

/* S: AJAX Load Products */
.ajax-product-slider-wrapper {
    position: relative;
}
.ajax-product-slider-wrapper.loading {
    min-height: 150px;
    opacity: .8;
}
.ajax-product-slider-wrapper.no-products {
    opacity: .7;
}
.ajax-product-slider-wrapper .no-ajax-products {
    font-size: 20px;
}
.custom-loader-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background: rgba(255, 255, 255, .7);
}
.custom-loader {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top-color: var(--main-color);
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* E: AJAX Load Products */

/* S: Review */
div.stars {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
}
input.star {
    display: none;
}
label.star {
    float: right;
    font-size: 28px;
    color: var(--dark-grey-color);
    transition: all .2s;
    cursor: pointer;
    margin-right: 5px;
}
label.star:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    content: "\f005";
}
label.star:hover,
label.star:hover ~ label.star:before,
input.star:checked ~ label.star:before {
    content: '\f005';
    font-weight: 700;
    color: var(--main-color);
    transition: all .25s;
}
label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}


.review-stars {
    color: var(--primary-color);
    font-size: 12px;
}
.review-stars.big {
    font-size: 14px;
}
.review-stars.bigger {
    font-size: 18px;
}

.review-stars .sad {
    color: var(--muted-color);
}

.user-image {
    background: #000!important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    text-shadow: 0 0 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-image.small {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
/* E: Review */

.zopim {
    z-index: 15!important;
}

/* S: Filtre */
.side-filter {
    position: sticky;
    top: 110px;
}
#sideBarForm {
    justify-content: stretch;
    border: 1px solid var(--content-color);
}
.side-filter #sideBarForm {
    border: none;
}

#sideBarForm .collapse > div {
    overflow-y: auto;
}

#sideBarForm [data-toggle="collapse"]:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    float: right;
    margin-left: 10px;
}
#sideBarForm [data-toggle="collapse"][aria-expanded="true"]:after {
    content: "\f077";
}


#sideBarForm .dropdown {
    z-index: 1;
    flex-grow: 1;
}
#sideBarForm .dropdown.show {
    z-index: 4;
}
#sideBarForm .dropdown-toggle {
    width: 100%;
    transition: .2s;
    z-index: 1;
    text-align: center;
    padding: 8px 5px;
}
#sideBarForm .dropdown + .dropdown .dropdown-toggle {
    border-left: 1px solid var(--content-color);
}
#sideBarForm:hover .dropdown-toggle {
    opacity: .4;
    width: 100%;
    display: block;
    cursor: pointer;
}
#sideBarForm .dropdown-toggle:hover,
#sideBarForm .dropdown-toggle[aria-expanded="true"] {
    opacity: 1;
}
#sideBarForm .dropdown-toggle.hide-arrow::after {
    display: none;
}
#sideBarForm .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    min-width: calc(100% + 1px);
    border-color: var(--content-color);
    border-radius: 0;
    margin-top: 0;
    padding: 0;
}

#sideBarForm .dropdown-item,
#sideBarForm .dropdown-item label {
    cursor: pointer;
    white-space: initial;
    padding-left: 10px;
    padding-right: 10px;
}

.filter-item:not(.dropdown-item).active {
    color: var(--primary-color);
}
/* E: Filtre */

/* S: Unsorted */
.link-seeDiscount i{
    font-size: 64px;
}
.echipa .bg-light{
    transition: .4s;
}
.echipa .bg-light .echipa-image {
    overflow: hidden;
    transition: .4s;
}
.echipa .bg-light  img {
    transition: .4s;
}
.echipa .bg-light:hover  img {
    transition: .4s;
    transform: scale(1.2);
    overflow: hidden;
}

#testimoniale-table .content i {
    font-size: 70px;
}

.product-box-head-pic {
	flex: 0 0 80px;
}
/* E: Unsorted */

/* S: Animations */
.blink,
[blink] {
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {opacity: 1;}
    75% {opacity: 1;}
    76% {opacity: 0;}
    100% {opacity: 0;}
}
/* E: Animations */


/* S: Responsive */
@media (max-width: 1200px) {
    
}

@media (max-width: 992px) {
    .site-footer:after {
        z-index: -1!important;
    }
    #floating-product.show {
        top: 65px;
    }
    
    #floating-product #floating-product-title {
        font-size: 0.8rem;
        text-align: center;
        margin-bottom: 5px !important;
    }
    
    #productDetailsContent h1 {
        font-size: 1.3rem !important;
    }
    
    #productDetailsContent .product-price h3 {
        font-size: 1.5rem !important;
    }
    
    #productDetailsContent .product-price .small {
        font-size: 60% !important;
    }
    
    .product-name a {
        height: 93px;
        font-size: 0.8rem;
        -webkit-line-clamp: 5;
    }
    
    .product-box .product-price {
        font-size: 0.8rem;
    }
    
    .showQuickView {
        font-size: 0.75rem;
    }
    
    .label-wrapper .badge {
        font-size: 60%;
    }
    
    .product-tabs h5 {
        font-size: 0.85rem;
    }
    .product-tabs a.nav-link {
        padding: 0.5rem 0.5rem;
    }


    #sideBarForm {
        flex-wrap: wrap;
        border-left: none;
        border-bottom: none;
    }
    #sideBarForm .dropdown {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #sideBarForm .dropdown-toggle {
        border-bottom: 1px solid var(--content-color);
        border-left: 1px solid var(--content-color);
    }
    #sideBarForm .dropdown-menu {
        max-width: calc(100% - 8px);
        overflow-y: scroll;
        margin-top: -1px;
    }
    .side-filter,
    .side-account,
    .side-menu {
        position: fixed;
        top: 0;
        left: -360px;
        bottom: 0;
        width: 360px;
        transition: .3s;
        background: #fff;
        z-index: 999;
        padding: 20px;
        overflow-y: auto;
    }
    
    .side-filter.visible,
    .side-account.visible,
    .side-menu.visible {
        left: 0;
    }

    .side-account .drawer-close,
    .side-menu .drawer-close {
        left: auto;
        right: 5px;
    }

    .breadcrumb {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 768px) {
    .addToAStoc:after {
        font-size: 16px;
    }
    .addToBag:after {
        font-size: 16px;
    }
    .last-chance {
        padding: 0px 5px;
    }
    .last-chance .h5 {
        font-size: 1rem;
    }
    .btn-discount {
        font-size: 12px;
    }
    .category-home {
        overflow-x: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .alfabet-wrapper.producers {
        top: 66px;
    }
}

@media (max-width: 576px) {
    #productDetailSlider.product-image.with-thumbs {
        width: 100%;
    }
    .side-drawer {
        right: -300px;
        width: 300px;
    }
    .side-filter,
    .side-account,
    .side-menu {
        width: 300px;
        left: -300px;
    }
    
    /* S: Urgency */
    .urgency {
        left: 20px;
        bottom: 20px;
        right: 20px;
    }
    /* E: Urgency */
}
/* E: Responsive */


/*HD custom*/
.customWidthPicPage {width: 100%!important;}
@media (min-width: 1280px) {
    .customWidthPicPage {width: 80%!important;}
}


.text-blue      { color: #0e6ffd!important; }
.bg-blue        { background-color: #0e6ffd!important; }
.border-blue    { border-color: #0e6ffd!important; }

.w75d-100m {
    width: 75%!important;
}
@media (max-width: 992px) {
    .w75d-100m { width: 100%!important; }
}