/* eshopmain/header.css*/

/*a{color:rgb(217, 83, 79);text-decoration:none;}
a:hover{color:rgb(249, 83, 78);text-decoration:none;}
a, a:active, a:focus{outline:none;color:rgb(217, 83, 79);}*/

.container-custom {
width: 100%;
max-width: 1600px;
}

.hidden{display:none !important;}

.modal {z-index: 10000;}
.userway_p5{z-index:9999 !important;}

.error-view{font-size:12px;color:#AD0003;}
.refresh-icon{margin-left:5px;line-height:38px !important;font-size:22px !important;cursor:pointer;display:inline-block !important;}

/*cookie icon*/
#open_preferences_center {
display:inline-block;
position: fixed;
bottom:4px;
right:4px;
background: url("../images/cookie_icon.svg") no-repeat 0 0 / 100%;
width: 38px;
height:38px;
text-decoration: none;
border-radius: 0px;
cursor:pointer;
opacity:0.5;
}

#open_preferences_center:hover {
opacity:0.6;
}

/* fade image in after load */
.lazyload,
.lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 150ms;}

input:focus{outline: none;}
.product-menu{display:block;}
.searchcol{}
.hideclear{display:none;}
.showclear{display:block;}
#formsearch1{display:none;margin-top: 5px;margin-bottom: 5px;}
#formsearch1 .fa-search{font-size:22px;}
#clear-search{display:block;}
#clear-search-mobile{display:none;}

.hideItem{display:none;}
.top-buffer{margin-top:30px;}
.top-buffer-15{margin-top:15px;}
.toppad-buffer-15{padding-top:15px;}
.toppad-buffer-20{padding-top:20px;}

.bottom-buffer{margin-bottom:30px;}
.bottom-buffer-15{margin-bottom:15px;}

.well {
min-height: 20px;
padding: 15px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 2px;
}

.price_color{font-size:17px;font-weight:700;color: #000;}

.greybackground{
padding-bottom: 15px;
position:relative;
}

.col-border{border-bottom: 1px dashed #f7eeef;}
/*.greybackground:before, .greybackground:after {
content:'';
width:100%;
height:5px;
position:absolute;
bottom:100%;
left:0;
background-image: linear-gradient(135deg, transparent 66%, #fafafa 67%),linear-gradient(45deg, #fafafa 33%, #ececec 34%, transparent 44%);
background-position: -5px 0;
background-size: 10px 100%;
background-repeat:repeat-x;
}*/

/*main category boxes */
.mainCatImage {
margin-top:5px;
position: relative;
text-align: center;
}

.mainCatImage:hover img {
opacity: 1;
transform: scale(1.1);
}

.maincatTitle{
transition: all 0.2s ease;
color:#fff;
text-align: center;
z-index: 1;
}

.maincatTitle a:hover{
text-decoration:none;
}

.maincatTitle a{
text-decoration:none;
display:inline-block;
font-size:16px;
font-weight:700;
text-transform:uppercase;
padding: 0.6em 2em;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 2px;
user-select: none;
touch-action: manipulation;
}


.maincatTitle a:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-85 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 10px;
}

@keyframes glowing-button-85 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}

.maincatTitle a:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222;
left: 0;
top: 0;
border-radius: 10px;
}



.mainButton{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
}

.mainCatImage:hover{
overflow: hidden;
}

.mainCatImage:hover .mainButton{
visibility: visible;
opacity: 1;
}

.mainCatImage:hover .maincatTitle a{text-decoration:none;}


/* Bottom left text */
.bottom-left {
position: absolute;
bottom:15px;
left:15px;
}

/* Top left text */
.top-left {
position: absolute;
top: 15px;
left:15px;
}

/* Top right text */
.top-right {
position: absolute;
top: 15px;
right:15px;
}

/* Bottom right text */
.bottom-right {
position: absolute;
bottom:15px;
right:15px;
}

/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.centeredfull {
position: absolute;
width:100%;
bottom: 0px;
left:0;
right:0;
}

/* Centered top text */
.centeredtop {
position: absolute;
top:5px;
left: 50%;
transform: translate(-50%, 0%);
}

/* bottom relative */
.centered-bottom {
position: absolute;
bottom: 15px;
left: 15%;
width:80%;
transform: translate(-5%, 0%);
}

/*====eof main category boxes===*/
.btn:focus {
outline: none !important;
box-shadow:none
}

.btn-default{
background-color:#fff;
border:1px solid #e0e4e8;
}

.btn-primary {
color: #fff;
background-color: #0061c8;
border-color: #0061c8;
}

.btn-success {
color: #fff;
background-color: #0F610F;
border-color:#0F610F
}

.btn-success:hover, .btn-success:focus {
color: #fff;
background: #158012;
border-color: #158012;
}

.btn-success.active, .btn-success:active, .btn-success:active:hover {
background: #158012;
border-color: #fff;
}

.modal-footer .btn{margin-top:5px;margin-right:5px;}

/* slider*/
.main-slider{width: 100%; position: relative;}
#myCarousel{}

.espa-banner{
position: fixed;
width: 100%;
max-width:500px;
left: 50%;
transform: translateX(-50%);
bottom: 0;
z-index: 50;
font-size: 0;
}


#myCarousel .carousel{max-height:580px !important;}
#myCarousel .carousel-inner {max-height:580px !important;}
#myCarousel .carousel-item img{width:100%;object-fit: cover;filter: brightness(.9);}
#myCarousel .carousel-item p{margin:0px;}
#myCarousel .carousel-caption { transform: translateY(50%);bottom: 50% !important;}
#myCarousel .carousel-header {padding:12px 15px;font-size:23px;font-weight:500;color:#333;background: rgb(255 255 255 / 95%);
border: 1px solid #9c9c9c;box-shadow: 0 10px 30px rgb(0 0 0 / 10%);border-radius:3px;}
#myCarousel .carousel-header a {color:#333}
#myCarousel .carousel-smalldescription {font-weight:700;font-size:30px;line-height:1.4;color:#fff;text-shadow: #212529 1px 0 5px;}

#myCarousel .btn-hero{background-color: rgb(255 255 255 / 95%);color:#000;padding: 8px 18px;border-radius:2px;margin-top:15px;border:1px solid #9c9c9c;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);}

#myCarousel .btn-hero:hover{
background-color: rgb(255 255 255);;
color:#000;
transition: all 0.2s ease;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

@keyframes fadeLine {
100% {
opacity: 1;
}
}

.fadeline {
animation: fadeLine .5s forwards;
opacity: 0;
}

.fadeline:nth-child(1) {
animation-delay: .5s;
}

.fadeline:nth-child(2) {
animation-delay: 1s;
}

.fadeline:nth-child(3) {
animation-delay: 1.5s;
}

/* header */
#cart .show-cart{
display:none;
}

.header #cart .btn-primary {
color: #000;
}

.header .btn-primary {color: #fff;padding: 3px 12px;}

.vertical-align {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}

.menuBar{background:#000;padding-bottom:5px;}   

#pageAllContent{}

.pageHeader{text-align:center;}

.logo{padding:0px;}
.logo p{margin:0;}
.logo img{padding:0px;width:300px;}

#top-menu{margin-bottom:0px;}
#top-menu a{font-weight:700;color:#222222;} 
#top-menu a:hover{color:#c20013;} 
#top-menu .list-inline-item:not(:last-child) {margin-right:1rem;}

.searchbardiv{}

#clear-search, #clear-search-mobile {
font-size:28px;
padding: 5px 5px;
color: #000;
cursor:pointer;
}

.site-actions{color: #fff;}
.site-actions .list-inline{margin-bottom:0px;}
.lang_view{display:inline-block;}
.lang_view button:hover{text-decoration:none;}
.lang_view a{text-decoration:none;padding-left:10px;}
.lang_view a:hover{text-decoration:none;}

#langButton {color: #333;text-decoration:none;}
#langButton img{padding-bottom:3px;}
.btn-link::after {vertical-align:2px;}
.btn-link a:hover {text-decoration:none;}
.phone_view{display:inline-block;}
.phone_view p{padding:0px;margin:0px;}
.phone_view img {margin:0px 4px;}
.phone_view li{margin-left:2px;}
.phone_view .fa {margin-right:5px;color:#dadada}
.phone-button{padding:0px;}
.phone_view a{color:#dadada;font-size:13px;}
.phone_view a:hover{color:#fff;}
.phone_view .fa-phone-square{font-size:16px;}
.phone_view  .fa-lg {font-size: 16px;margin-right:2px;vertical-align:0;}
#chat-facebook{cursor:pointer;}

.users{padding-left:11px;padding-right:10px;}
.users_view{display:inline-block;margin-right:15px;}
.users_view .dropdown{}
.users_view a, .users_view a:hover{text-decoration:none;}

#users_view .purple_btn{position: relative;width: auto;padding:0px 5px;color: #333;font-size:20px;}

/*wishlist*/
.viewWish{display:inline-block;height: 22px;margin-right:8px;line-height:20px;vertical-align:0px;}
.viewWish a{text-decoration:none;}
.wishedbtn:hover, .wishedbtn:focus{text-decoration:none;}
.viewWish .wisheart-top:before{content:'\f08a';font-family:'FontAwesome';color:#fff;font-size:17px;}
.viewWish .wished:before{content: '\f004';font-family:'FontAwesome';color:#c63509;;font-size:17px;}

/*z-index of facebook widget */
.fb_dialog, iframe.fb_customer_chat_bounce_in_v2{z-index:10000 !important;}

.cart_view{display:inline-block;}
/* mini cart */
/*#minicart .btn .fa-shopping-cart{color: #333;}*/
#minicart{width: auto;/*padding:0px 5px 0px 5px;*/color: #fff;font-size:16px;}

#minicart .miniCartButton{
background-color:transparent;
border:none;
box-shadow:none;
color:#fff;
}

.cart-svg {
background-image: url(../images/cart.svg);
background-repeat:no-repeat;
display:inline-block;
background-size:25px 25px;
margin:0px;padding:0px;
width:24px;
height:25px;
}

#minicart .btn .fa-shopping-basket{font-size:20px;}
#minicart .btn .fa-shopping-cart{font-size:20px;}
#minicart .btn .fa-shopping-bag{font-size:20px;}

.countItems{padding-left:2px;display:none;}

/*.showItems{display:none;}*/
.textItems{display:none;}
.emptycart{display:none; }

#minicart .openCartIcon{}
#minicart .openCart{padding-left:0px}
.miniCartButton,
.miniCartButton:hover,
.miniCartButton:active,
.miniCartButton:visited,
.miniCartButton:focus,
.open>.dropdown-toggle.miniCartButton:focus{}
.open>.dropdown-toggle.miniCartButton{background-color:#fff}
.miniCartButton:active:hover{background-color:#fff}

#cart-total{margin-right:10px;}

#minicart .badge {
border-radius:50%;
top: -3px;
right:0px;
position: absolute;
background-color: #c63509;
text-align: center;
padding:0px 2px;
line-height:24px;
font-size: 11px;
width:auto;
min-width: 22px;
height:22px;
color:#fff;
box-shadow: 0px 0px 1px 0px #b92e04;
z-index:100;
}

/*pulse-animmation*/

.blob.red {
background: rgba(255, 82, 82, 1);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
animation: jump 2s;
}

@keyframes pulse-red {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
}

70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
}

100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
}
}

/*jump animmation*/
.jump {
animation: jump 2s;
animation-delay:2s;
animation-iteration-count:3;
animation-iteration-count: infinite;
}

@keyframes jump {
0%,
25%,
50%,
75%,
100% {
transform: translateY(0);
}

40% {
transform: translateY(-4px);
}
60% {
transform: translateY(-3px);
}
}

#cart .minicart a{
color:#000;
}

#cart .btn-primary {
color:#000;

background-color: #fff;
border-color:#fff;
box-shadow: none;

font-size:15px;
padding-top:8px;
padding-bottom:8px;
}

#cart .facart{border-right:1px solid #d4d4d4;}
.header .open > .dropdown-toggle.btn-primary:focus{color: #000;}
#cart .btn-group.open, #cart .dropdown-toggle {box-shadow:none;}

.minicart.btn {
color: #FFF;
text-align: left;
font-size: 14px;
background: #333 none repeat scroll 0% 0%;
padding: 0px;
margin:0px;
border-radius: 0px;
box-shadow: none;
}

#cart .navbar-nav>li>a {
padding-top:12px; 
padding-bottom:12px;
}

#cart .minicart-icon{padding-left:0px;padding-right:0px;}

/*new mini cart*/
.bg-shadow-layer{display: none;}

.showCart{
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(67, 87, 121, 0.09);
z-index: 2000001;
display: block;
}

.miniCartContent {
/*display:none;*/
animation-name: fadeIn;
animation-duration: .12s;
}

@-webkit-keyframes fadeIn {
0% { opacity: 0.3; }
20% { opacity: 0.5; }
40% { opacity: 0.7; }
60% { opacity: 0.8; }
80% { opacity: 0.9; }
100% { opacity: 1; }
}

@keyframes fadeIn {
0% { opacity: 0.3; }
20% { opacity: 0.5; }
40% { opacity: 0.7; }
60% { opacity: 0.8; }
80% { opacity: 0.9; }
100% { opacity: 1; }
}

.miniCartContent{
display:block;
height: 100%;
width: 380px;
position: fixed;
z-index: 10000;
top:0px;
right: 0;
background-color: #fff;
overflow-x: hidden;
padding-top:40px;
box-shadow: -25px 0 25px -15px #3b4d594f;
transition: 0.2s;
}

.closeCartbtn {
position: absolute;
top:0px;
left:5px;
font-size: 36px;
margin:15px;
display:block;
cursor:pointer;
color:#000;
}

.miniCartDesc{
padding:10px 10px 15px 10px;
text-align:left;
}

.miniCartContentHeader {
font-size: 15px;
text-align:left;
}

.dropdown-cart {
float: left;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
color:#000
}

ul.dropdown-cart{min-width: 350px;}

.dropdown-cart li {
position: relative;
border-top: 1px solid #e0e6ef;
}

li.total-cart{padding: 15px 15px 10px 15px;}
li.total-cart p{margin: 0 0 5px;}
li.total-cart span{float: right;}

.miniCartDesc .checkout-btn {
display:inline-block;
width: 82%;
height:57px;
font-size:18px;
line-height:57px;
background: #333;
color: #FFF;
text-align: center;
border-radius:0px;
border:1px solid #333;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.miniCartDesc .checkout-btn:hover {
background: #000;
text-decoration:none;
}

.miniCartDesc .checkout-btn .fa{
font-size:18px;
padding-right:8px;
}

@media screen and (max-height: 450px) {
.miniCartContent {padding-top:30px;color:#000;}
}

@media screen and (max-width: 480px) {
.mycartContent{min-width:100%}
}

ul.dropdown-cart li .item{
display:block;
padding:3px 10px;
margin: 3px 0;
}
ul.dropdown-cart li .item img{max-width:60px;max-height:50px;}
ul.dropdown-cart li .item:hover{background-color:#fff;}
ul.dropdown-cart li .item a:hover{text-decoration:underline}
ul.dropdown-cart li .item:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

ul.dropdown-cart li .item-left{float:left;}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{float:left;}
ul.dropdown-cart li .item-left span.item-info{margin-left:10px;font-size:15px}
ul.dropdown-cart li .item-left span.item-info a{color:#000;}
ul.dropdown-cart li .item-left span.item-info a:hover{color:#ed1f24;}
ul.dropdown-cart li .item-left span.item-info span{display:block;}

ul.dropdown-cart li .item-right{float:right;}
ul.dropdown-cart li .item-right button{margin-top:14px;font-weight:700;line-height:14px;border-radius:2px;padding:1px 5px 4px 5px;}

.total-cart{font-weight:bold;}
.cart-nav .dropdown-toggle{
font-size: 15px;
border: 1px solid #ccc;
background-color: #fff;
color: #3a3a3a;
border-radius:1px;
}

.cart-nav .dropdown-toggle li a{ color:#fff}
.cart-nav a.dropdown-toggle:hover{background:#e6e6e6; color:#000;}
.cart-nav a.dropdown-toggle:focus{background:#e6e6e6; color:#000;}

.newprod-header{font-size:20px;font-weight:bold;}
.newprod-header a{color: #333333;}

.box-container {text-align:center;padding-top:15px;}
.box-container .btnViewmore .fa{padding-right:10px;}
.box-container a{/*color:#000;*/}

/* BUTTONS */
.btn-addcart {
transition: all 0.2s ease;
padding: 4px 10px;
color: #638802; 
background-color: transparent;
font-size: 14px;
font-weight: 700;
margin-bottom:5px
}

.btn-addcart:hover,
.btn-addcart:focus,
.btn-addcart:active,
.btn-addcart.active,
.open .dropdown-toggle.btn-addcart{
color:#fff; 
background-color: #4eaf2b;
}

.btn-addcart:active,
.btn-addcart.active,
.open .dropdown-toggle.btn-addcart{background-image:none;}
.btn-addcart.disabled,
.btn-addcart[disabled],
fieldset[disabled] .btn-addcart,
.btn-addcart.disabled:hover,
.btn-addcart[disabled]:hover,
fieldset[disabled] .btn-addcart:hover,
.btn-addcart.disabled:focus,
.btn-addcart[disabled]:focus,
fieldset[disabled] .btn-addcart:focus,
.btn-addcart.disabled:active,
.btn-addcart[disabled]:active,
fieldset[disabled] .btn-addcart:active,
.btn-addcart.disabled.active,
.btn-addcart[disabled].active,
fieldset[disabled] .btn-addcart.active{color:#fff;background-color: #165201;}

.btn-addcart .fa-shopping-bag:before {/*content: "\f291";*/}

.btn-addcart .fa{
font-size:14px;
line-height: 14px;
padding-right:6px;
}

.btn-addcart:hover .fa{}

.btn-addcart .fa-spin{
font-size:16px;
line-height: 16px;
padding-right:0px;
margin-right:16px;
border-right:none;
}

.btn-addcart:hover .fa-spin{
padding-right:0px;
margin-right:16px;
border-right: none;
}

.newProduct{
position: absolute;
top:15px;
left:20px;
font-size:14px;
font-weight:500;
padding:3px 8px;
min-width:47px;
color:#fff;
background-color:#275714;
z-index:10;
text-align:center;
border-radius:2px;
}

/*side search*/

/*.showSearch{
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(67, 87, 121, 0.09);
z-index: 2000000;
display: block;
}*/

.closeSearchbtn {
position: absolute;
top:0px;
left:5px;
font-size: 36px;
margin:15px;
display:block;
cursor:pointer;
color:#000;
}

.searchContent {
display: block;
height: 100%;
width: 480px;
max-width:100%;
position: fixed;
z-index: 10000;
top: 0px;
right: 0;
background-color: #fff;
overflow-x: hidden;
padding-top: 40px;
box-shadow: -25px 0 25px -15px #3b4d594f;
transition: 0.2s;
animation-name: fadeIn;
animation-duration: .12s;
}

.searchinputform{/* margin: 15px; */display:block;}

.home-newproducts .pdListAll{padding-bottom:5px;margin-bottom:5px}
.home-newproducts .pdListAll:last-child{}
.home-newproducts .pdListAll:hover{}
.home-newproducts .pdListshortdescription{
min-height:45px;
font-size:14px
}

.home-newproducts .pdListtitle h2 {
color: #000;
font-size: 17px;
font-weight: bold;
margin: 5px 0px 5px 0px;
padding: 6px;
}

.home-newproducts .pdListPrice{

margin-top:5px
}

.home-newproducts .firstPrice {
text-decoration: none;
color:#d40048;
font-size: 20px;
font-weight:600;
margin-right:3px;
opacity: .70;
vertical-align: middle;
position: relative;
}

.home-newproducts .firstPrice:before {
position: absolute;
content: "";
left: 0;
top: 50%;
right: 0;
border-top: 1px solid;
border-color: inherit;
opacity:.60;
transform:rotate(-17deg);
}


.home-newproducts .price_text{
vertical-align: middle;
}

.varProduct{
position: absolute;
bottom:15px;
left:15px;
font-size:14px;
padding:3px 8px 2px 8px;
line-height:24px;
background-color:#ffffff;
z-index:9;
text-align:center;
border-radius:2px;
box-shadow: 0px 0px 5px 2px #0000001f;
}

.varProduct img{max-width:22px;padding-bottom:3px;margin-right:8px;}

/*main page */
.main-page{
padding:20px
}

#pageCategories{background-color:#191919;padding-bottom:8px;}

.main-boxes{
text-align:center;
}

.main-boxes hr{
border:3px solid #3b4d59;
width:100px;
margin-top:15px;
margin-bottom:25px;
}

.main-boxes h2{color: #fff;font-size:18px;font-weight:500;text-align:center;margin:0px;padding:0px;}
.main-boxes h2 a{color:#fff;}

.smallCat  h2 a {font-size:16px}

.mainLabel {font-size: 16px;color: #6a6a6a;padding-top:0px;line-height:20px;display:none;}

.extraCat .mainLabel{display:block;}

.mainCatImage .button-shop{
padding: 7px 20px;
font-size:16px;
display:inline-block;
}

.readMore a{
color: #333; 
background-color: #fff;
font-size: 14px;
font-weight: 700;
}

.readMore a:hover{
color:#000; 
text-decoration:underline;
}

.bottom-boxes {
border-top: 1px dashed rgba(0, 0, 0, 0.2);
margin-top:15px;   
padding-top:30px;
padding-bottom:30px;
background: url(../images/body-grain.png) repeat #e3e0dd;
/*#e68966;*/
}

/*manufacturers carousel*/
.manCarousel{padding-top:15px;
padding-bottom:0px;
border-top:1px solid #c9c9c9;
text-align:center;
}

.manCarousel img {
/*filter: grayscale(100%);*/
margin-top:15px;
margin-bottom:15px;
max-width:120px;
}

/*services boxes*/
.bottombar{background-color: #fff;position:relative;border-top:1px solid #e3e1e0;}

.bottombar:before, .bottombar:after {
}

.service-widget{
color:#555d5f;
padding-top:20px;
padding-bottom:20px;
margin-bottom:5px;
margin-top:5px;
border-radius: 5px;
position: relative;
}

.with-link{cursor:pointer;}

.service-widget:before {
border-radius: 5px;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
pointer-events: none;
}

.service-icon {font-size:42px;color: #555d5f;}
.service-icon img{max-width:80px}

.service-info .service-header{
margin-bottom:3px;
margin-top: 15px;
font-size: 15px;
font-weight:bold;
}

.service-info a {
color:#555d5f;
}

/*bottom box */
#changes-bottom{text-align:center;color: #333;background: #f3f3f3;}

#changes-bottom h4{
font-size:18px;
margin:0px;
padding:25px 10px 10px 10px;
}

#changes-bottom p{
font-size:16px;
font-weight:700;
padding:20px 5px 5px 5px;
}

#changes-bottom a{
color:#fff;
}

/* footer*/
#footer {font-size:16px;color: #fff;padding-bottom:20px;line-height:28px;position: relative;background: url(../images/wave.png) repeat 0 0 #18171c;   
}

/*#footer:before{
content: "";
display: block;
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 1px;
background-color:#dddddd;
box-shadow: 0px 1px 13px rgb(111, 111, 111);
z-index: 100;
}*/

#footer a{
transition: 0.3s;color: #fff;
}


#footer a:hover, #footer a:focus, #footer a.active {
text-decoration: none;
outline: none;
color: #dd4b39;
}

#footer h3{
padding-bottom:5px;
font-size:22px;
margin-bottom:3px;
}

#footer .nomargin h3{
padding-bottom:5px;
font-size:21px;
margin-top:8px;
margin-bottom:5px;
}

#footer .fa{display:inline-block;margin-right:5px;}

/* customers */

#membersBoxContent{
/*! padding:15px 15px 20px 10px; */
}

#customer-panel{
padding:15px 15px 20px 10px;
}

#customer-links li {
padding: 5px;
color: #000;
text-align:center;
display:list-item;
}

#customer-links li a{
color:#000;
}

.caret-up {
transform: rotate( -180deg );  
}

.drop-up {
top: auto;
bottom: 100% !important;
}

.copyright{font-size:13px;padding-top:10px;/* vertical-align:bottom; */line-height:18px;}

.copyright a{
text-decoration:none;
}

.copyright a:hover{
text-decoration:none;
}

.sincefrom{
padding-left:3px;
display:inline-block; 
}

.sincefrom:before{
content:'|'; 
padding-right:5px;  
}

.bottom-plus{
padding-top:10px;
padding-bottom:15px;
text-align:center;
line-height:30px;
}

.bottom-header{
margin-top:10px;
margin-bottom:10px;
font-size:17px;
font-weight:700;
color:#fff
}

.bottom-plus-nopad{
padding-top:10px;
padding-bottom:5px;
}

/* ints img*/
img.grayscale {padding:0px;filter: grayscale(1);vertical-align:bottom;margin-right:10px;margin-bottom:1px}

img.grayscale:hover {
filter: none;
filter: grayscale(0); 
}

/* xromatologio */


.gallery-popup{
display: inline-block;
padding: 4px 10px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: rgb(255, 255, 255);
background-color: rgb(92, 184, 92);
border-color: rgb(76, 174, 76);
text-decoration:none;
}

.gallery-popup:before {
font-family: FontAwesome;

content: "\f002";
padding-right:8px;
font-size:13px; 
}

.gallery-popup:hover, .gallery-popup:active, .gallery-popup:visited , .gallery-popup:focus{
background-color: rgb(92, 184, 92);
color:#fff; 
text-decoration:none;
}

/*floating cart*/
.floating-cart {
z-index: 10;
position: fixed;
bottom: 75px;
right:0px;
background-color:#8b8989;
border-radius: 0px;
transition: height .4s .1s , width .4s .1s , box-shadow .3s;
transition-timing-function: cubic-bezier(.67,.17,.32,.95);
box-shadow: 0 4px 30px rgb(0 0 0 / 17%);
color: #fff;
white-space: nowrap;
display: none;
}

.floating-cart:hover{
background-color: #545b62;
}
.floatingcart-content{
display:inline-block;
padding:8px 11px 6px 11px;
}

.floatingcart-icon{
font-size:18px;
color:#fff;
filter:  brightness(0) invert(1);
}

.floating-cart .count {
position: absolute;
top: -7px;
left: -7px;
height: 22px;
width: 22px;
background: #c63509;
color: #fff;
font-size: 12px;
font-weight: 700;
border-radius: 50%;
text-indent: 0;
transition: transform .2s .5s;
list-style: none;
padding: 0;
}

.floating-cart .count .countNum{
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
padding: 0;
}

.container-full {
margin: 0 auto;
width: 100%;
}

.promosingle {
margin-top:15px;
margin-bottom:25px;
}

.promoinner {
padding: 30px 10px;
text-align: center;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.28);
background: url(../images/body-grain.png) repeat scroll #7ac0c0;
}

.promoinner p {
margin: 15px 0 0;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 20px;
}

.allplayer{
position:absolute;
top:70px;
right:8px;
width:34px;
height:35px;
z-index:100;
}

/* questions answers*/
.questions{}
.slidecategory{font-size:20px;}
.question{font-size:16px;font-weight:500;cursor:pointer;}
.question:hover, .question:focus{text-decoration:none;}
.question-name{}
.open-collapsed{display:inline-block;float:right;width:30px;}
.trigger_question .if-not-collapsed{display:none;}
.trigger_question .if-collapsed{display:inline-block;}
.question-active .if-not-collapsed{display:inline-block;}
.question-active .if-collapsed{display:none;}

.panel {
margin-bottom: 15px;background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
border-color: #ddd;
-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-heading {
padding:8px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.slidecategory {
font-size:17px;
font-weight:500;
}

.panel-default>.panel-heading {
color: #000;
font-weight:700;
background-color: #ffff;
border-color: #ddd;
}

.panel-default>.panel-heading a{
color: #000;
font-weight:700;
padding-right:30px
}

.panel-body {
padding: 15px;
}

.trigger_question{
padding-bottom:5px;
padding-top:5px;
display:block;
}

.question_container{padding:5px 10px;}

@media only screen and (min-width: 1280px) {
.logo img{margin:0;margin-top:-32px}
.gridview .listBuybutton{
padding: 0;
margin: 0;
list-style: none;
opacity:0;
position: absolute;
top:48px;
z-index:1000;
right: 0px;
width:50px;
transition: all 0.8s ease 0s;
height:88px;
}

.allProduct:hover .gridview .listBuybutton{
opacity: 1;
top:48px;
right:19px;
transition: all 0.3s ease 0s;
}
}

@media only screen and (max-width: 1280px) {
.gridview .listBuybutton{display:none;padding-bottom:15px;}
}

.listview .listBuybutton{
margin-bottom:10px;
margin-top:10px;
display:inline-block;
position: relative;
width: 100%;
line-height:30px;
text-align: left;
}

.listBuybutton .btn {font-size:14px;font-weight:700;background-color:#fff;border:none;max-width:38px;}

.listBuybutton .fa-shopping-bag {
font-size:17px;
}

.listBuybutton .custom-cart:before {
width: 19px;
height: 19px;
background-size: 19px 19px;
margin-left:-2px;
vertical-align:bottom;
}

button.btn-addcartlist{color: #4e4e4e;font-size: 14px;font-weight: 700;}
button.btn-addcartlist:hover, button.btn-addcartlist:focus{
background-color: #fff;
color:#000; 
}

.btn-addcartlist .fa-shopping-basket{font-size:12px;line-height:20px;vertical-align:top}

button .cartText {
padding-left:5px;
display: none;
}

.btn-addcartlist .fa-info-circle{font-size:17px;line-height:22px}

.quick-view-button{display:inline-block;padding-top:4px;}
button.quickview{
color:#6f6f6f;
background-color: #fff;
}
button.quickview .fa-search{font-size:15px;line-height:22px}

button.quickview:hover, button.quickview:focus{
color:#0010ac; 
}

.wishdiv{
z-index: 999;
opacity: 1;
position: absolute;
top: 0;
left: 0;
margin-top:20px;
margin-left:60px;
cursor: pointer;  
}

.wishdiv.wishbutton{padding:5px;}

.wishdivcat{
display:inline-block;
margin-top:4px;  
background-color: #fff;
border-radius:3px;
border: none;
padding:6px 3px 4px 5px;
cursor:pointer;
}
.wishdiv a:hover{text-decoration:none;}
.wishdivcat a:hover{text-decoration:none;}

.wishbutton{padding:6px;}
.wishbutton:hover{color:#ff4c00;}
.wishdiv .wisheart{color:#fcfcfc;text-shadow: -1px 0 #8f8f8f, 0 1px #8f8f8f, 1px 0 #8f8f8f, 0 -1px #8f8f8f;}
.wishdivcat .wisheart{color:#fcfcfc;text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;}
.wishdiv .wisheart:before{content: '\f004';font-family:'FontAwesome';font-size:23px;}
.wishdivcat .wisheart:before{content: '\f004';font-family:'FontAwesome';font-size:17px;}

.wisheart:hover{color:#ff4c00;text-shadow: -1px 0 #f04b04, 0 1px #f04b04, 1px 0 #f04b04, 0 -1px #f04b04;}
.wished{color:#ff4c00;}
.wishdiv .wished .wisheart:before{content: '\f004';font-family:'FontAwesome';color:#ff4c00;font-size:23px;text-shadow: -1px 0 #f04b04, 0 1px #f04b04, 1px 0 #f04b04, 0 -1px #f04b04;}
.wishdivcat .wished .wisheart:before{content: '\f004';font-family:'FontAwesome';color:#ff4c00;font-size:17px;text-shadow: -1px 0 #f04b04, 0 1px #f04b04, 1px 0 #f04b04, 0 -1px #f04b04;}
.wished:hover{color:#ff4c00;}

.sold-out-overlay {
background: #AB1F12;
color: #fff;
font-size: 14px;
padding: 3px 8px;
position: absolute;
bottom:20px;
border-radius: 2px;
left: 50%;
transform: translate(-50%, 0);
}

@media screen and (min-width: 1600px) {
.container-custom{max-width:1570px;width:100%;}
}

@media (max-width: 1199px) {
.phone-text{display:none}
.phone-img {font-size: 22px;}
.lang_view .language-text{display:none;}
.text-left{text-align:center!important;}
.text-right{text-align:center!important;}
.text-left-mobile{text-align:left!important;}
}

@media (max-width: 992px) {
/*.container-1600{padding-left:15px; padding-right:15px;}*/
.hiddesmall{display:none !important;}
.espa-banner{max-width:380px;}
#minicart{margin-top:10px;}
.home-newproducts .pdListAll{padding-bottom:0px;margin-bottom:0px}
.floating-cart {visibility: hidden;}
.logo p {margin:0px;}
.logo img{max-width:100%;padding:0px;}
.searchicon{color:#fff;}
.site-actions {margin-top:0px;padding-top:5px;padding-bottom:5px;}
.top-left{position: absolute;min-width:130px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.maincatTitle.top-left{position:relative; min-width:100%;top:auto;left:auto;transform:none;}
.maincatTitle a {text-decoration: none;display: block;padding: 12px 15px;}
.main-boxes h2{font-size:14px;}
.main-boxes .maincatTitle a{padding:7px 7px;font-size:13px;}
.qtype{display:none;}
#formsearch{}
.searchbardiv {margin-top:8px;margin-bottom:8px;}
#cart .navbar-nav>li{display:inline-block;}
#cart .minicart-icon{padding-left:0px;padding-right:0px;}
.cart-nav{background-color:#fff;}
#cart{background-color:#fff;}
#cart .badge{/* left: 10px; */}
.dropdownCart{display:none;}
.showItems{display:none;}
.topbar2 {margin-top: 15px;}
.topmenu ul {margin:0px;padding:0px;}
.topmenu li {display: block;width:100%;text-align:center;border-right:none;border-bottom:1px solid #DBDBDB;line-height:30px;}
.text-right-mobile{text-align:right!important;}
.prodPrintButton{display:none;visibility:hidden;}
#toTop{display:none;visibility:hidden;}
#adminLogin{display:none;}
.toresponsive li{display:block;} 
.bottom-menu ul li {display:block;} 
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;border:none}
.search-header{max-width:100%;display:block;float:none;padding-left:unset;padding-bottom:15px;}
.users_view {margin-top:5px;margin-bottom:5px;}
.topbar{padding-top:15px;padding-bottom:25px;}
.header {padding-top: 10px;padding-bottom: 15px;}
.main-images img {width:100%;padding-bottom:15px;}
#myCarousel .carousel-caption{bottom: 30px;}
#myCarousel  .carousel-header{
display:inline-block;padding:8px 8px;font-size:15px;font-weight:500;color:#333;background: rgb(255 255 255 / 95%);
border: 1px solid #9c9c9c;box-shadow: 0 10px 30px rgb(0 0 0 / 10%);border-radius: 2px;
}
#myCarousel .carousel-header a{color:#333}
#changes-bottom{background-image: none;}
#changes-bottom h4{font-size:16px;}
.smallCat .maincatTitle {position: absolute;left:3px;top:3px;}
.smallCat .maincatTitle a{padding:10px 8px;max-width:160px}
.smallCat  h3 a {font-size:14px;}
.wishdivcat { margin-top:0px;vertical-align: middle;}
}

@media (max-width:768px){
.listBuybutton{margin-bottom:5px;display:block;bottom:0px;opacity:1;position:relative;}
.sincefrom:before{content:'';}
.bottom-plus {padding-top: 5px;padding-bottom:5px;}
}

@media (max-width:480px){
#header-menu{padding-top:5px;}
#cart .btn-primary {border-radius:5px;}
#cart .minicart-button{display:none;}
#cart .facart{border: 1px solid #ccc;}
#cart .show-cart{display:inline-block;padding-left:8px}
ul.dropdown-cart{min-width:280px;}
#cart .navbar-nav>li>a {border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;border-radius:0px;}
}

/*===== last viewed Carousel=====*/
.recentProducts{}
.recentProducts .shadowclass{/* max-height:235px; */}
.recentProducts{
max-width:100%;
padding: 15px;
font-size:15px;
font-weight:700;
margin-bottom: 15px;
}

.recentProductsTitle{text-align:center;margin-bottom:15px;}

.manTitle{
text-align:center;
font-size:18px;
font-weight:700;
margin-bottom:30px;
margin-top:0px;
display:inline-block;
border: 1px solid #eee; border-width: 0px 1px 1px 1px;
padding:5px 20px;
border-radius:0px 0px 5px 5px;
}

#mixedSlider{position: relative;}
#mixedSlider .MS-content {
white-space: nowrap;
overflow: hidden;
margin:0px;

}
#mixedSlider .MS-content .item {
display: inline-block;
/*width:16.66%;
width: 33.3333%;*/
width:25%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0 5px;
}
@media (max-width: 991px) {
#mixedSlider .MS-content .item {
width: 50%;
}
}
@media (max-width: 767px) {
#mixedSlider .MS-content .item {
width: 50%;
}
}

#mixedSlider .MS-content .item .imgTitle img {
height: auto;
width: 100%;
}
#mixedSlider .MS-content .item p {
margin: 5px 5px 5px 5px;
}
#mixedSlider .MS-content .item a {
margin: 10px 0px 10px 0;
color:#000;
}

#mixedSlider .MS-controls button {
position: absolute;
border: none;
background-color: transparent;
outline: 0;
font-size: 50px;
top:50%;
margin-top:-50px;
color: rgba(0, 0, 0, 0.4);
transition: 0.15s linear;
}

#mixedSlider .manControls button{
margin-top:-25px;
}

#mixedSlider .MS-controls button:hover{color: rgba(0, 0, 0, 0.8);}
#mixedSlider .MS-controls .MS-left{left: 0px;}
@media (max-width: 767px) {#mixedSlider .MS-controls .MS-left{left: -10px;}
}
#mixedSlider .MS-controls .MS-right {
right: 0px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-right {
right: -10px;
}
}

/*===== EOF last viewed Carousel=====*/

/* cookie law */
#popup_cookie_law {
background-color: #fff;
box-shadow: 0 6px 40px rgba(0,0,0,.3);
bottom: 0px;
left: 0px;
padding: 10px 20px 2px 20px;
position: fixed;
text-align: center;
transition: left 0.5s ease 0s;
width:100%;
margin:0px;
z-index: 10000000000;
}

#popup_cookie_law p {
padding: 5px 0 5px;
margin:0px;
text-align: left;
color: #000000;
display: inline-block;
font-size: 14px;
}

#popup_cookie_law p > a {
color: #4b64e1;
text-decoration:underline;
}

.popup_cookie-pp-button {
border: none;
border-radius: 3px;
padding: 8px 15px;
line-height: 100%;
color: #fff;
display: inline-block;
position: relative;
transition: 0.5s;
cursor:pointer;
margin:15px;
background-color: #41b14f;
background-image: linear-gradient(#5fcd63,#41b14f);
}

.popup_cookie-pp-button:hover {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
text-decoration: none;
background-color: #1c952b;
background-image: linear-gradient(#41b14f,#1c952b);
color: #fff ;
}

#popup_cookie_law.popup_cookie_position_right{left: auto;right: 5px;}

@media screen and (max-width: 767px) {
#popup_cookie_law {
width: 100%;
max-width:100%;
margin: 0;
left: 0;
bottom:0px;
border-radius:0px;
}
#popup_cookie_law.popup_cookie_position_right {left: auto;right:0px;}
.popup_cookie-pp-button {margin:5px;}
}

/*tooltip color*/

.blue-tooltip + .tooltip.in{opacity:1!important;}
.blue-tooltip + .tooltip {font-size: 13px;}
.blue-tooltip + .tooltip > .tooltip-inner {background-color:#5f5f5f;padding-top:5px;padding-bottom:5px;}
.blue-tooltip + .tooltip > .tooltip-arrow { border-top-color:#5f5f5f;}



.tooltip.show {opacity: 1;} 

.tooltip-inner{
padding:5px 8px 7px 8px;
color:#333;
text-align:center;
background-color: #fff;
border: 1px solid #333;
border-radius:10px;
line-height:16px;
}

.tooltip .arrow:before {
border-bottom-color:#333 !important;
border-top-color:#333 !important;
}


/*sitemap*/
ul.sitemap{margin-left:15px; padding-left:0px;}
.sitemap ul{margin-left:0px; padding-left:0px;}
.sitemap li{margin-left:15px;padding-left:0px;}


/*
Carousel zoom in
*/
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
overflow:hidden;
}
.carousel-item.active img {
transition: transform 5000ms linear 0s;
/* This should be based on your carousel setting. For bs, it should be 5second*/
transform: scale(1.05, 1.05);
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
/*background-gradient overlay*/
/*.carousel-fade .carousel-inner .active:after {opacity: 1;overflow: hidden;background: #c337644a; background: linear-gradient(rgb(108 111 201 / 40%), rgb(93 0 78 / 80%));}*/

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-control {
z-index: 2;
}

.drk:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: black;
opacity: 0.5;
z-index: 1;
}

.carousel-caption {
z-index: 2;
}


@media screen and (max-width: 767px) {
.bg-search{display: none;}
.showSearch{display: block !important;}
.searchicon{color:#fff;}
#myCarousel .carousel-smalldescription {
font-weight: 700;
font-size: 17px;
line-height: 1.2;
color: #fff;
text-shadow: #212529 1px 0 5px;
}
}