body {
margin-top: 175px !important;
background-color: #ececf2;
}
body.product-details-page-body,
body.topic-page-body {
background-color: white;
}
/* ------------ ALERT & BTN CLOSE------------- */
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
z-index: 9999 !important;
width: auto;
padding-right: 30px;
font-size: 13px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: 600;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
/* MY ALERT */
.alert {
border-radius: 0;
background: white;
border: 3px solid #f8ae00;
color: #f8ae00;
font-size: 18px;
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
}
.close {
float: right;
font-size: 21px;
font-weight: 600;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
appearance: none;
}
/*------------------------------*/
.theme-promo-banner-top {
background-color: #ffaa00;
}
.ajaxCart {
z-index: 9999 !important;
}
.hidden {
display: none !important;
}
@media(max-width: 1024px) {
body {
margin-top: 90px !important;
}
.header-lower .header-links-wrapper {
margin: 0 !important;
}
}
.fa:before {
font-family: FontAwesome !important;
}
.back-cat {
cursor: pointer;
float: right;
padding: 11px 20px 11px 10px !important;
}
.master-wrapper-content, .html-account-page .master-wrapper-content {
padding-top: 10px !important;
padding-bottom: 30px !important;
}
.jCarouselMainWrapper .nop-jcarousel {
/*min-height: 500px;*/
}
.jCarouselMainWrapper.brand-box {
float: left;
width: 500px;
}
.nop-jcarousel.product-grid {
margin: 0 0 40px !important;
}
.sub-title-home-page,
.nop-jcarousel .carousel-title {
height: 3px;
background: #f8ae00;
text-transform: uppercase;
font-size: 23px !important;
margin: 0 0 40px !important;
text-align: center;
}
.sub-title-home-page strong,
.nop-jcarousel .carousel-title strong {
font-weight: 600;
position: relative;
top: -12px;
background: #ececf2;
padding: 5px 40px;
color: black !important;
white-space: nowrap;
}
@media(max-width: 560px) {
.sub-title-home-page strong,
.nop-jcarousel .carousel-title strong {
font-size: 16px;
padding: 5px 15px;
top: -15px;
}
}
@media(max-width: 340px) {
.sub-title-home-page strong,
.nop-jcarousel .carousel-title strong {
padding: 5px 5px;
}
}
.slick-topic-product-carousel .slick-next,
.slick-topic-product-carousel .slick-prev,
.jCarouselMainWrapper .slick-next,
.jCarouselMainWrapper .slick-prev {
display: none !important;
}
@media(min-width: 768px) {
.slick-topic-product-carousel,
.nop-jcarousel.product-grid .slick-carousel,
.product-details-page .related-products-grid .slick-slider {
padding: 0 60px !important;
}
.product-grid .item-box:hover .picture > a:after {
opacity: .4;
}
.slick-topic-product-carousel .slick-next,
.slick-topic-product-carousel .slick-prev,
.jCarouselMainWrapper .slick-next,
.jCarouselMainWrapper .slick-prev {
display: block !important;
}
}
.slick-topic-product-carousel .slick-disabled,
.jCarouselMainWrapper .slick-disabled {
display: none !important;
}
.slick-topic-product-carousel .slick-next,
.slick-topic-product-carousel .slick-prev,
.jCarouselMainWrapper .slick-next, .jCarouselMainWrapper .slick-prev {
border: 2px solid black !important;
background-color: transparent !important;
}
.slick-topic-product-carousel .slick-next,
.slick-topic-product-carousel .slick-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
background-color: #fff;
cursor: pointer;
border: 1px solid #eee;
border-radius: 50%;
text-align: center;
font-size: 0;
z-index: 1;
transition: all .2s ease;
}
.slick-topic-product-carousel .slick-next:hover,
.slick-topic-product-carousel .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover {
background-color: #f8ae00 !important;
}
.slick-topic-product-carousel .slick-next,
.jCarouselMainWrapper .slick-next {
right: 0 !important;
}
.slick-topic-product-carousel .slick-prev,
.jCarouselMainWrapper .slick-prev {
left: 0 !important;
}
.slick-topic-product-carousel .slick-next:before,
.slick-topic-product-carousel .slick-prev:before,
.jCarouselMainWrapper .slick-next:before, .jCarouselMainWrapper .slick-prev:before {
color: black !important;
font-weight: 600 !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slick-topic-product-carousel .slick-prev:before {
content: "\6b";
}
.slick-topic-product-carousel .slick-next:before {
content: "\6a";
}
.slick-topic-product-carousel {
line-height: normal;
}
.sale-of-the-day-offer .title:not(:first-child) {
margin-top: 50px;
}
.theme-promo-banner-top {
height: 40px !important;
overflow: hidden;
transition: 0.5s;
margin: 0 !important;
position: absolute !important;
z-index: 111111111111;
top: 0;
width: 100%;
}
.theme-promo-banner-top.hide-top {
height: 0 !important;
transition: 0.5s;
}
.theme-promo-banner-top img {
position: absolute !important;
max-width: none !important;
width: auto !important;
right: 50%;
transform: translateX(50%);
}
.menu-admin-gestione {
position: absolute;
width: 100%;
top: 0;
}
.header.fixed {
position: fixed;
z-index: 1080;
width: 100%;
background-color: white;
top: 0;
transition: 0.5s;
}
.header.fixed span.cart-qty, .header.fixed span.wishlist-qty {
background-color: red !important;
}
.header.fixed.topFixed {
top: 0 !important;
transition: 0.5s;
}
@media(max-width: 1024px) {
.master-wrapper-page > .header .banner-header {
display: none;
}
}
.header.fixed .header-menu .picture {
opacity: 1;
transition: 0.5s;
overflow: hidden;
display: none;
}
@media(max-width: 1024px) {
.header.fixed .header-menu .picture {
display: none;
}
}
.header.fixed.topFixed .header-menu .picture {
opacity: 0;
height: 0;
transition: 0.5s;
}
.mega-menu {
position: relative;
z-index: 1001;
/*overflow: hidden;*/
}
.header-menu .mega-menu-responsive > li {
background: #eee;
margin: 5px 0;
}
.header-menu .mega-menu-responsive > li.active-menu {
position: relative;
}
.header-menu .mega-menu-responsive > li.active-menu .selected-sign {
visibility: visible;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0;
margin: 0;
height: 25px !important;
}
.header-menu .mega-menu-responsive > li.active-menu .selected-sign .sign {
height: 100% !important;
}
.mega-menu .has-sublist {
text-align: center;
}
.header-menu .container-scrollable-mega-menu {
position: relative;
opacity: 0;
}
.header-menu > ul > li > a,
.header-menu > .container-scrollable-mega-menu > ul > li > a {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 20px !important;
height: auto !important;
padding: 8px 15px !important;
text-transform: none !important;
white-space: nowrap;
}
.header-menu ul > li > span.selected-sign,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > span.selected-sign {
background-color: #f8f8fa;
display: inline-block !important;
height: 30px !important;
width: 30px;
position: relative;
border-radius: 30px;
margin: auto;
margin-top: -10px;
z-index: 1002;
position: absolute;
left: 50%;
transform: translate(-50%);
visibility: hidden;
}
.header-menu ul > li > span.selected-sign .sign,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > span.selected-sign .sign {
display: inline-block;
margin: 0;
height: 25px;
width: 20px;
position: absolute;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
bottom: 0;
left: 17%;
z-index: 9;
font-size: 25px;
color: #f8ae00;
background: white;
}
@media(max-width: 1024px) {
.header-menu > ul > li > a,
.header-menu > .container-scrollable-mega-menu a {
align-items: flex-start;
padding: 10px 18px !important;
}
.header-menu > ul > li > span.selected-sign,
.header-menu > .container-scrollable-mega-menu span.selected-sign {
background-color: transparent;
}
.header-menu > ul.mega-menu-responsive > li > span.selected-sign {
right: 6px;
transform: none;
left: auto;
}
.header-menu > ul > li > span.selected-sign .sign,
.header-menu > .container-scrollable-mega-menu span.selected-sign .sign {
height: 15px;
background: transparent;
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories li.subcategory-item a,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories li.subcategory-item a {
padding: 10px 18px;
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories li.subcategory-item > a.selected,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories li.subcategory-item > a.selected {
background-color: #eee;
}
}
.header-menu ul > li.active-sign span.selected-sign,
.header-menu > .container-scrollable-mega-menu .container-subs-menu:hover span.selected-sign {
visibility: visible;
}
.header-menu > ul > li > a .picture,
.header-menu > .container-scrollable-mega-menu a .picture {
height: 50px;
min-width: 50px;
}
.header-menu > ul > li > a img,
.header-menu > .container-scrollable-mega-menu a img {
max-height: 40px;
}
.header-menu > ul > li > .container-subs-menu,
.header-menu > .container-scrollable-mega-menu .container-subs-menu {
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories {
position: absolute;
background: white;
display: none;
font-size: 14px;
left: 0;
padding: 25px 15px 10px;
box-shadow: 0 0 5px grey;
border-top: 5px solid #f8ae00;
text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
column-fill: unset;
height: auto;
}
@media(max-width: 1024px) {
.header-menu > ul > li > .container-subs-menu > ul.subcategories,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories {
position: relative;
column-count: 1;
padding: 10px 0;
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories > li,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories > li {
padding: 0 !important;
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories > li > ul.subSubCategories,
.header-menu > .container-scrollable-mega-menu > ul > li > .container-subs-menu > ul.subcategories > li > ul.subSubCategories {
border: none !important;
padding: 0 !important;
margin: 0 !important;
display: none;
}
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories > li,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories > li {
color: #f8ae00;
font-weight: 600;
font-size: 16px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
display: table;
min-height: 10px;
width: 100%;
padding: 0 10px 20px;
cursor: default;
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories > li a:hover,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories > li a:hover {
font-weight: bolder;
}
/*.header-menu > ul > li:hover ul.subcategories,
.header-menu > ul > li > .container-subs-menu > ul.subcategories:hover,
.header-menu > .container-scrollable-mega-menu > ul > li:hover ul.subcategories,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories:hover {
display: block;
}*/
@media(max-width: 1024px) {
.header-menu > ul > li:hover ul.subcategories,
.header-menu > ul > li > .container-subs-menu > ul.subcategories:hover,
.header-menu > .container-scrollable-mega-menu > ul > li:hover ul.subcategories,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories:hover {
display: none;
}
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories > li > ul.subSubCategories,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories > li > ul.subSubCategories {
color: black;
font-weight: normal;
font-size: 14px;
margin-top: 10px;
border-top: 1px solid #f8ae00;
padding-top: 5px;
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories > li > ul.subSubCategories > li,
.header-menu > .container-scrollable-mega-menu .container-subs-menu > ul.subcategories > li > ul.subSubCategories > li {
padding: 5px 5px 0;
}
@-webkit-keyframes shake {
10%, 90% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
20%, 80% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
30%, 50%, 70% {
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
40%, 60% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
}
@-moz-keyframes shake {
10%, 90% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
20%, 80% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
30%, 50%, 70% {
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
40%, 60% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
}
@keyframes shake {
10%, 90% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
20%, 80% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
30%, 50%, 70% {
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
40%, 60% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
}
@-webkit-keyframes swiping {
30%, 70% {
-webkit-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
transform: rotate(-70deg);
}
60%, 100% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
}
@-moz-keyframes swiping {
30%, 70% {
-webkit-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
transform: rotate(-70deg);
}
60%, 100% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
}
@keyframes swiping {
30%, 70% {
-webkit-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
transform: rotate(-70deg);
}
60%, 100% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
}
@-webkit-keyframes widthplay {
30% {
width: 55%;
opacity: .2;
}
65% {
width: 50%;
opacity: .6;
}
100% {
width: 100%;
opacity: .4;
}
}
@-moz-keyframes widthplay {
30% {
width: 55%;
opacity: .2;
}
65% {
width: 50%;
opacity: .6;
}
100% {
width: 100%;
opacity: .4;
}
}
@keyframes widthplay {
30% {
width: 55%;
opacity: .2;
}
65% {
width: 50%;
opacity: .6;
}
100% {
width: 100%;
opacity: .4;
}
}
@-webkit-keyframes updating {
100% {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-moz-keyframes updating {
100% {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes updating {
100% {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes emailing {
0% {
-webkit-transform: scale(.2);
-ms-transform: scale(.2);
transform: scale(.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes emailing {
0% {
-webkit-transform: scale(.2);
-ms-transform: scale(.2);
transform: scale(.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes emailing {
0% {
-webkit-transform: scale(.2);
-ms-transform: scale(.2);
transform: scale(.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes stars {
0% {
-webkit-transform: scale(.8) rotate(-15deg);
-ms-transform: scale(.8) rotate(-15deg);
transform: scale(.8) rotate(-15deg);
}
25% {
-webkit-transform: scale(.8) rotate(15deg);
-ms-transform: scale(.8) rotate(15deg);
transform: scale(.8) rotate(15deg);
}
40% {
-webkit-transform: scale(1.2) rotate(0deg);
-ms-transform: scale(1.2) rotate(0deg);
transform: scale(1.2) rotate(0deg);
}
100% {
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
@-moz-keyframes stars {
0% {
-webkit-transform: scale(.8) rotate(-15deg);
-ms-transform: scale(.8) rotate(-15deg);
transform: scale(.8) rotate(-15deg);
}
25% {
-webkit-transform: scale(.8) rotate(15deg);
-ms-transform: scale(.8) rotate(15deg);
transform: scale(.8) rotate(15deg);
}
40% {
-webkit-transform: scale(1.2) rotate(0deg);
-ms-transform: scale(1.2) rotate(0deg);
transform: scale(1.2) rotate(0deg);
}
100% {
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
@keyframes stars {
0% {
-webkit-transform: scale(.8) rotate(-15deg);
-ms-transform: scale(.8) rotate(-15deg);
transform: scale(.8) rotate(-15deg);
}
25% {
-webkit-transform: scale(.8) rotate(15deg);
-ms-transform: scale(.8) rotate(15deg);
transform: scale(.8) rotate(15deg);
}
40% {
-webkit-transform: scale(1.2) rotate(0deg);
-ms-transform: scale(1.2) rotate(0deg);
transform: scale(1.2) rotate(0deg);
}
100% {
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
@-webkit-keyframes loader {
0% {
border-width: 3px;
}
15% {
opacity: 1;
}
100% {
border-width: 3px;
opacity: 0;
width: 50px;
height: 50px;
}
}
@-moz-keyframes loader {
0% {
border-width: 3px;
}
15% {
opacity: 1;
}
100% {
border-width: 3px;
opacity: 0;
width: 50px;
height: 50px;
}
}
@keyframes loader {
0% {
border-width: 3px;
}
15% {
opacity: 1;
}
100% {
border-width: 3px;
opacity: 0;
width: 50px;
height: 50px;
}
}
/*********** CSS RESET **********/
* {
margin: 0;
outline: none;
padding: 0;
text-decoration: none;
box-sizing: border-box;
}
*:before, *:after {
font-family: "emporium-icons" !important;
box-sizing: border-box;
}
html {
margin: 0 !important;
-webkit-text-size-adjust: none;
}
ol, ul {
list-style: none;
}
a img {
border: none;
}
a:active {
outline: none;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
margin: 0;
border: 0;
padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input::-moz-placeholder {
opacity: 1;
}
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
display: none !important;
}
/*********** GLOBAL STYLES **********/
@font-face {
font-family: 'emporium-icons';
src: url('../../Themes/Emporium/Content/icons/emporium-icons.eot?xwq28l');
src: url('../../Themes/Emporium/Content/icons/emporium-icons.eot?xwq28l#iefix') format('embedded-opentype'), url('../../Themes/Emporium/Content/icons/emporium-icons.ttf?xwq28l') format('truetype'), url('../../Themes/Emporium/Content/icons/emporium-icons.woff?xwq28l') format('woff'), url('../../Themes/Emporium/Content/icons/emporium-icons.svg?xwq28l#emporium-icons') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
html,
body {
max-width: 100%;
overflow-x: hidden; /* responsive navigation & filters scroll bug fix*/
font: normal 12px 'Lato', sans-serif;
color: #000;
}
table {
width: 100%;
border-collapse: collapse;
}
p {
line-height: 20px;
}
a {
color: inherit;
cursor: pointer;
}
img {
max-width: 100%;
}
a img {
opacity: 0.99; /*firefox scale bug fix*/
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {
height: 45px;
border: 1px solid #e7e7e7;
border-radius: 3px;
padding: 0 20px;
vertical-align: middle;
font-size: 15px;
color: #000;
font-family: 'Lato', sans-serif;
;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { /* Chrome/Opera/Safari */
color: #8c8c8c !important;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #000;
}
input[type="text"]::-moz-input-placeholder,
input[type="password"]::-moz-input-placeholder,
input[type="email"]::-moz-input-placeholder,
input[type="tel"]::-moz-input-placeholder,
textarea::-moz-input-placeholder { /* Firefox 19+ */
color: #000;
}
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
textarea::-ms-input-placeholder { /* IE 10+ */
color: #000;
}
input[type="text"]::input-placeholder,
input[type="password"]::input-placeholder,
input[type="email"]::input-placeholder,
input[type="tel"]::input-placeholder,
textarea::input-placeholder { /* Firefox 18- */
color: #000;
}
textarea {
min-height: 150px;
padding: 15px 20px;
}
select {
min-width: 50px;
padding: 0 6px;
cursor: pointer;
}
select::-ms-expand {
display: none;
}
input[type="checkbox"],
input[type="radio"] {
position: absolute;
left: -9999px;
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
vertical-align: middle;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 300;
color: #000;
user-select: none;
cursor: pointer;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
content: "";
display: inline-block;
margin-right: 10px;
width: 17px;
height: 17px;
border-radius: 50%;
border: 1px solid #aaa;
vertical-align: text-top;
background-color: #fff;
}
input[type="checkbox"] + label:before {
border-radius: 0;
}
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
margin-left: 1px;
margin-top: 1px;
width: 16px;
height: 16px;
box-shadow: 0 0 0 1px #e7e7e7;
border: 3px solid #fff;
background-color: #97c300;
}
input[type="button"],
input[type="submit"],
button {
cursor: pointer;
}
label, label + * {
vertical-align: middle;
}
.product-grid,
.category-grid,
.topic-block,
.news-list-homepage {
position: relative;
z-index: 0; /* giving priority to header and header-menu */
margin: 0 auto 50px;
}
.product-grid:last-child,
.category-page:last-child,
.topic-block:last-child,
.news-list-homepage:last-child {
margin-bottom: 0;
}
.master-wrapper-content {
overflow: hidden;
padding: 40px 10px 80px;
}
.master-wrapper-content select,
.k-window select {
height: 45px;
width: auto;
max-width: 100%;
padding: 0 35px 0 20px;
border: 1px solid #e7e7e7;
border-radius: 3px;
background: #fff url('../../Themes/Emporium/Content/img/select-arrow-dark.svg') no-repeat right 15px center;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.master-wrapper-content select::ms-expand,
.k-window select::ms-expand {
display: none;
}
.master-column-wrapper:after {
content: "";
display: block;
clear: both;
}
.center-2 .product-grid,
.center-2 .category-grid,
.center-2 .topic-block {
width: 100%;
}
.center-2,
.side-2 {
margin: 0 0 50px;
}
.side-2:last-child {
margin-bottom: 0;
background-color: transparent;
}
@media(max-width: 1024px) {
.nopAjaxFilters7Spikes {
z-index: 1100 !important;
}
.side-2:last-child {
background-color: transparent;
}
.side-2:last-child .listbox {
background-color: black;
}
.side-2:last-child .block-recently-viewed-products .listbox {
background-color: white;
}
}
.page {
min-height: 200px;
text-align: center;
}
.page-title {
padding: 0 10px;
margin: 0 0 25px;
text-align: center;
}
.category-page .page-title h1 {
color: #323232;
}
.page-title h1 {
font-size: 26px;
color: black;
text-transform: uppercase;
font-weight: 600;
}
.page-title h1 a {
color: #f8ae00;
transition: 0.3s;
}
.page-title h1 a:hover {
color: #000;
transition: 0.3s;
}
.page:after,
.page-title:after,
.page-body:after {
content: "";
display: block;
clear: both;
}
.buttons {
text-align: center;
}
.link-rss {
display: none;
width: 24px;
height: 24px;
font-size: 0 !important;
}
.link-rss:before {
content: "\73";
display: block;
font-size: 24px;
color: #000;
text-transform: none;
font-weight: normal;
transition: color .2s ease;
}
.link-rss:hover:before {
color: #97c300;
}
.category-description h2 {
margin-bottom: 15px;
font-size: 26px;
font-weight: normal;
}
.category-description h2:not(:first-child) {
margin-top: 15px;
}
.category-description p {
margin: 0 !important;
line-height: 22px !important;
}
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
text-align: left;
font-size: 15px;
color: #000;
font-weight: 400;
}
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
text-align: left;
font-size: 15px;
color: #000;
font-weight: 400;
}
.category-description p,
.manufacturer-description,
.vendor-description,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p,
.ui-dialog-content p {
margin: 10px 0;
line-height: 1.5;
font-size: 15px;
color: #000;
font-weight: 400;
}
/*********** GLOBAL FORMS ***********/
.fieldset, .section {
position: relative;
margin: 0 0 20px;
}
.fieldset .title,
.section .title {
margin: 0 0 10px;
}
.fieldset .title strong,
.section .title strong {
font-weight: 300;
font-size: 16px;
color: #444;
}
.form-fields {
position: relative;
font-size: 14px;
line-height: 1.5;
color: #444;
}
.container-info-azienda {
padding: 20px;
border: 1px solid #ddd;
}
.form-fields > a {
color: #000;
text-decoration: underline;
}
.inputs {
position: relative;
margin: 20px 0 0;
text-align: center;
white-space: nowrap; /*fix for 'required' elements*/
font-size: 0;
}
.inputs:first-child {
margin-top: 0;
}
.inputs:after {
content: "";
display: block;
clear: both;
}
.inputs > label {
display: inline-block;
max-width: calc(100% - 10px);
width: auto;
font-size: 15px;
margin: 0 0 8px;
font-weight: 600;
color: #444444;
text-align: left;
white-space: normal;
}
.inputs > .required {
position: absolute;
top: 0;
right: 0;
}
.inputs > * {
float: left;
clear: both;
}
.inputs.reversed > * {
float: none;
}
.inputs input[type="text"],
.inputs input[type="password"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs select,
.inputs textarea {
height: 45px;
color: #000;
border-radius: 3px;
width: 100%;
vertical-align: middle;
}
.selectslimpicker-container {
font-size: 15px;
}
.ss-main .ss-single-selected {
height: 45px !important;
padding: 0 20px !important;
border: 1px solid #e7e7e7 !important;
font-family: 'Lato', sans-serif !important;
}
.ss-content .ss-search input {
border-radius: 0 !important;
}
.ss-content .ss-search input::placeholder {
font-weight: normal !important;
}
.ss-content .ss-search input:focus {
box-shadow: 0 0 2px #e8af00 !important;
}
.ss-content .ss-list .ss-option.ss-disabled {
color: lightgray !important;
}
.inputs select:only-of-type {
width: 100%;
}
.inputs .option-list {
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.inputs .option-list li {
float: left;
margin: 0 10px 15px 0;
}
.inputs .option-list label {
display: inline;
width: auto;
margin: 0 3px;
}
.login-form-in-header .inputs.reversed {
text-align: center;
}
.required {
margin: 0 0 0 5px; /*siblings offset*/
font-size: 15px;
color: #444;
font-weight: 700;
}
.message-error,
.field-validation-error,
.field-validation-error *,
.username-not-available-status,
.poll-vote-error, .password-error {
display: block;
margin: 2px 0 0;
font-size: 13px;
color: #ff4f60;
font-weight: 700;
}
.page-body > .message-error,
.enter-address > .message-error,
.payment-info form > .message-error {
line-height: 1.5;
margin-bottom: 15px;
}
.input-validation-error {
border-bottom: 2px solid #ff4f60 !important;
}
.field-validation-valid,
.username-available-status {
display: block;
line-height: 17px;
font-size: 13px;
color: #97c300;
font-weight: 700;
}
.captcha-box {
margin: 25px 0 0;
text-align: center;
line-height: 0; /*firefox line-height bug fix*/
}
.captcha-box > div {
display: inline-block;
}
.captcha-box input {
height: auto;
}
/*********** GLOBAL TABLES ***********/
.table-wrapper {
overflow-x: auto;
}
.cart,
.data-table,
.compare-products-table,
.forums-table-section table {
margin: 0 0 15px;
border-collapse: initial;
border-spacing: 0px;
}
.cart th,
.data-table th,
.forums-table-section th {
border-top: 1px solid #eee;
background-color: #f9f9f9;
padding: 20px;
white-space: nowrap;
font-size: 17px;
color: #959595;
font-weight: 300;
}
.cart td,
.data-table td,
.forums-table-section td {
min-width: 50px;
border-bottom: 1px solid #eee;
background-color: #fff;
padding: 20px;
font-size: 15px;
color: #444;
font-weight: 400;
}
td.product-picture {
font-size: 0 !important;
}
td.product-picture a {
display: inline-block;
width: 80px;
}
.data-table td {
font-size: 17px;
}
.cart th:first-child,
.data-table th:first-child,
.forums-table-section th:first-child,
.cart td:first-child,
.data-table td:first-child,
.forums-table-section td:first-child {
border-left: 1px solid #eee;
}
.cart th:last-child,
.data-table th:last-child,
.forums-table-section th:last-child,
.cart td:last-child,
.data-table td:last-child,
.forums-table-section td:last-child {
border-right: 1px solid #eee;
}
.cart tr:first-child th:first-child,
.data-table tr:first-child th:first-child,
.forums-table-section table tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.cart tr:first-child th:last-child,
.data-table tr:first-child th:last-child,
.forums-table-section table tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.cart tr:last-child td:first-child,
.data-table tr:last-child td:first-child,
.forums-table-section table tr:last-child td:first-child {
border-bottom-left-radius: 3px;
}
.cart tr:last-child td:last-child,
.data-table tr:last-child td:last-child,
.forums-table-section table tr:last-child td:last-child {
border-bottom-right-radius: 3px;
}
td .attributes {
padding: 20px 0;
margin: 0;
}
.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a {
color: #97c300;
}
.cart .product a,
.data-table .product a,
.compare-products-table .product a,
.forums-table-section .product a {
color: #444;
transition: all .2s ease;
}
.cart .product a:hover,
.data-table .product a:hover,
.compare-products-table .product a:hover,
.forums-table-section .product a:hover {
color: #97c300;
}
.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a {
color: #97c300;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
.cart .attributes,
.data-table .attributes,
.compare-products-table .attributes,
.forums-table-section table .attributes {
font-size: 15px;
color: #000;
max-width: none;
}
.cart td.date,
.data-table td.date,
.compare-products-table td.date,
.forums-table-section td.date {
white-space: nowrap;
}
@media(max-width: 1600px) {
.compare-products-page-body .master-wrapper-content {
padding: 60px 20px;
}
}
@media(max-width: 1124px) {
.compare-products-table tr.product-picture td .product-info,
.compare-products-table tr.product-category td .product-info,
.compare-products-table tr.product-description td .product-info,
.compare-products-table tr.product-price td .product-info {
max-width: 170px !important;
}
}
.compare-products-table {
border-collapse: separate;
border-spacing: 10px 0px;
table-layout: fixed;
}
.compare-products-table tr td {
background-color: white;
}
.compare-products-table tr td:first-child {
background-color: transparent;
text-align: left;
color: black;
}
.compare-products-table tr td:first-child label {
border-bottom: 2px solid lightgray;
width: 100%;
display: block;
padding-bottom: 10px;
font-weight: 400;
font-size: 15px;
}
.compare-products-table tr td {
padding: 5px 0 !important;
vertical-align: middle;
}
.compare-products-table tr.product-price td .prices,
.compare-products-mobile .product .item .product-info .prices {
overflow: hidden;
position: relative;
}
.compare-products-table tr.product-price td .prices *:empty,
.compare-products-mobile .product .item .product-info .prices *:empty {
display: none;
}
.compare-products-table tr.product-price td .prices *,
.compare-products-mobile .product .item .product-info .prices * {
display: inline;
align-items: baseline;
}
.compare-products-table tr.product-price td .old-price,
.compare-products-mobile .product .item .product-info .prices .old-price {
font-size: 16px;
color: #999;
display: block;
position: absolute;
width: 100%;
top: 50px;
font-weight: normal;
}
.compare-products-mobile .product .item .product-info .prices .old-price {
font-size: 12px;
position: static;
margin-top: 3px;
}
.compare-products-table tr.product-price td .old-price .valore,
.compare-products-mobile .product .item .product-info .prices .old-price .valore {
position: relative;
display: inline-block;
}
.compare-products-table tr.product-price td .old-price .valore .currency-symbol,
.compare-products-mobile .product .item .product-info .prices .old-price .valore .currency-symbol {
font-size: 12px;
padding-right: 3px;
font-weight: normal;
}
.compare-products-mobile .product .item .product-info .prices .old-price .valore .currency-symbol {
font-size: 10px;
}
.compare-products-table tr.product-price td .old-price .valore:before,
.compare-products-mobile .product .item .product-info .prices .old-price .valore:before {
content: url("data:image/svg+xml;utf8,");
width: 100%;
position: absolute;
top: 54%;
transform: translateY(-50%);
overflow: hidden;
}
.compare-products-table tr.product-price td .old-price .sconto-percentuale,
.compare-products-mobile .product .item .product-info .prices .old-price .sconto-percentuale {
color: #0061af;
/* color: #f8ae00; */
/* color: black; */
margin-right: 3px;
font-size: 20px;
}
.compare-products-mobile .product .item .product-info .prices .old-price .sconto-percentuale {
font-size: 15px;
}
.compare-products-table tr.product-price td .actual-price,
.compare-products-mobile .product .item .product-info .prices .actual-price {
display: block;
font-size: 36px;
color: black !important;
padding-bottom: 35px;
padding-top: 5px;
transition: 0.2s;
width: 100%;
font-weight: 400;
}
.compare-products-mobile .product .item .product-info .prices .actual-price {
font-size: 20px;
}
.compare-products-mobile .product .item .product-info .prices .actual-price {
padding-bottom: 0;
}
.compare-products-table tr.product-price td .actual-price:hover,
.compare-products-mobile .product .item .product-info .prices .actual-price:hover {
transition: 0.2s;
color: #f8ae00 !important;
}
.compare-products-table tr.product-price td .actual-price .currency-symbol,
.compare-products-mobile .product .item .product-info .prices .actual-price .currency-symbol {
font-size: 24px;
margin-right: 6px;
font-weight: normal;
}
.compare-products-mobile .product .item .product-info .prices .actual-price .currency-symbol {
font-size: 16px;
}
.compare-products-table tr.product-price td .actual-price .decimal,
.compare-products-mobile .product .item .product-info .prices .actual-price .decimal {
font-size: 18px;
}
.compare-products-table tr.product-price td .old-price + .actual-price,
.compare-products-table tr.product-price td .actual-price + .tax-shipping-info,
.compare-products-mobile .product .item .product-info .prices .old-price + .actual-price,
.compare-products-mobile .product .item .product-info .prices .actual-price + .tax-shipping-info {
margin-left: 5px;
}
.compare-products-table tr.product-picture td,
.compare-products-table tr.product-category td,
.compare-products-table tr.product-description td {
padding: 0 !important;
text-align: left;
}
.compare-products-table tr.product-price td {
padding-bottom: 50px !important;
}
.compare-products-table tr.product-picture td .product-info,
.compare-products-table tr.product-category td .product-info,
.compare-products-table tr.product-description td .product-info,
.compare-products-table tr.product-price td .product-info {
max-width: 200px;
margin: auto;
color: black;
}
.compare-products-table tr.product-category td {
padding-bottom: 5px !important;
}
.compare-products-table tr.product-category td .product-info i {
text-transform: uppercase;
font-size: 13px;
}
.compare-products-table tr.product-description .description {
position: relative;
font-size: 13px;
}
.compare-products-table tr.product-description .description a div:first-child {
margin-bottom: 5px;
}
.compare-products-table tr.product-description .description:after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 0.7) 90%);
width: 100%;
height: 1em;
}
.compare-products-table tr.product-description td .product-info a {
color: black;
}
.compare-products-table tr.product-price td .product-info {
text-align: center;
}
.compare-products-table tr.product-price .product-box-add-to-cart-button,
.compare-products-mobile .product .item .product-box-add-to-cart-button {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
position: relative;
font-family: 'Lato', sans-serif;
font-size: 18px !important;
color: white;
border: none;
text-transform: uppercase;
background-color: #f8ae00;
padding: 10px;
width: 100%;
transition: 0.5s;
}
.compare-products-table tr.product-price .product-box-add-to-cart-button:hover,
.compare-products-mobile .product .item .product-box-add-to-cart-button:hover {
background-color: black;
transition: 0.5s;
}
.compare-products-table tr.product-price .btn-wrapper-non-disponibile .non-disponibile,
.compare-products-mobile .product .item .btn-wrapper-non-disponibile .non-disponibile {
border-radius: 0;
background-color: red !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-weight: normal;
font-size: 15px;
cursor: default;
}
.compare-products-table tr.specification td div {
border-bottom: 2px solid lightgray;
margin: 0 20px;
padding: 5px 0;
}
.compare-products-table .remove-product td .btn-remove {
text-align: center;
padding-top: 15px;
color: black;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
}
.compare-products-table .remove-product td .btn-remove .x-symbol {
display: inline-block;
margin-left: 15px;
}
.compare-products-mobile .item .details .btn-remove {
position: absolute;
top: 10px;
right: 15px;
cursor: pointer;
}
td.product-picture {
font-size: 0;
}
.select,
.select-boxes {
position: relative;
overflow: hidden;
}
.select input[type="checkbox"],
.select-boxes input[type="checkbox"] {
position: absolute;
left: -9999px;
}
.select label,
.select-boxes label {
display: block !important;
width: 17px;
height: 17px;
border-radius: 0;
border: 1px solid #eeeeee;
vertical-align: text-top;
background-color: #fff;
cursor: pointer;
}
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label {
margin-left: 1px;
margin-top: 1px;
width: 16px;
height: 16px;
box-shadow: 0 0 0 1px #e7e7e7;
border: 3px solid #fff;
background-color: #97c300;
}
.select label:before,
.select-boxes label:before {
content: none !important;
display: none !important;
}
.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
text-align: left;
}
.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
text-align: center;
}
.cart .unit-price {
white-space: nowrap;
}
.cart .qty-input,
.cart .qty-dropdown {
margin: -5px 0;
padding: 0 7px;
width: 40px;
height: 40px;
font-size: 14px;
color: #444;
text-align: center;
background-position: right 10px center
}
.cart .qty-dropdown {
text-align: left;
padding: 0 20px 0 5px;
}
.cart .subtotal span {
display: inline-block;
color: #444;
white-space: nowrap;
font-weight: 600;
}
.cart .subtotal .discount,
.cart .subtotal .discount + div {
white-space: nowrap; /*remove this if you have no space enough for discounted products price*/
display: none; /* hidden due to designer request */
}
.td-title {
font-weight: 300;
color: #000;
}
.td-title + span {
display: inline-block;
vertical-align: middle;
}
.button-1 {
border: none;
height: 45px;
padding: 0 25px;
border-radius: 10px;
background-color: #f8ae00 !important;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 17px;
transition: all .2s ease;
}
.button-1:hover {
background-color: #e8af00;
}
/*********** NOTIFICATIONS & POPUPS ***********/
.bar-notification {
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 1040;
width: 100%;
padding: 20px 6%;
min-height: 60px;
color: #fff;
overflow: hidden;
}
.bar-notification.success {
background-color: rgba(151,195,0,.8);
}
.bar-notification.warning {
background-color: rgba(255,79,96,.8);
}
.bar-notification.error {
background-color: rgba(255,79,96,.8);
}
.bar-notification .content {
float: left;
max-width: calc(100% - 50px);
font-size: 15px;
color: #fff;
font-weight: 700;
margin: 0 10px 0 0;
}
.bar-notification .content a {
color: #fff;
text-decoration: underline;
}
.bar-notification .close {
float: right;
cursor: pointer;
opacity: 0.7;
font-size: 0;
}
.bar-notification .close:before {
content: "\7a";
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 20px;
color: #fff;
text-transform: none;
font-weight: normal;
}
.bar-notification .close:hover {
opacity: 1;
}
.noscript {
background-color: #ff9;
padding: 10px;
text-align: center;
}
.ajax-loading-block-window {
position: fixed;
top: 0;
left: 0;
z-index: 1030;
width: 100% !important;
height: 100% !important;
background-color: rgba(255,255,255,.7);
}
.ajax-loading-block-window:before,
.ajax-loading-block-window:after {
content: "";
position: fixed;
display: inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
border: 0px solid #97c300;
border-radius: 50%;
-webkit-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
-moz-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
}
.ajax-loading-block-window:after {
animation-delay: .8s;
}
.ui-dialog {
position: absolute !important;
left: 50% !important;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding-bottom: 30px;
width: 600px !important;
max-width: 95%;
box-shadow: 0 0 20px rgba(0,0,0,.15);
background-color: #fff;
z-index: 1050;
}
.ui-dialog-titlebar {
display: block;
padding: 25px 0;
margin: 0 auto;
width: calc(100% - 100px);
font-size: 22px;
text-transform: none;
font-weight: 700;
color: #444;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ui-dialog-titlebar .ui-dialog-title {
font-size: 22px;
font-weight: 700;
color: #444;
}
.ui-dialog-titlebar button {
position: absolute;
top: 25px;
right: 25px;
border: none;
background: transparent;
overflow: hidden;
font-size: 0;
text-align: center;
opacity: 0.5;
}
.ui-dialog-titlebar button:before {
content: "\7a";
text-transform: none;
font-weight: normal;
font-size: 20px;
line-height: 24px;
}
.ui-dialog-titlebar button:hover {
opacity: 0.9;
}
.ui-dialog-content {
padding: 0 30px;
height: auto !important;
overflow: auto;
}
.ui-dialog-content .page {
min-height: 0;
text-align: center;
}
.ui-dialog-content .page-title {
margin: 0 0 12px;
padding: 0;
}
.ui-dialog-content .page-title h1 {
font-size: 15px;
text-transform: uppercase;
color: #000;
}
.ui-dialog-content .tooltip {
margin: 5px 0;
line-height: 20px;
}
.ui-dialog-content button {
margin-top: 20px;
}
.scroll-back-button {
display: none !important;
position: fixed;
bottom: 20px;
right: 6vw;
width: 50px;
height: 50px;
border: 1px solid #97c300;
border-radius: 3px;
text-align: center;
background: rgba(255,255,255,.6);
cursor: pointer;
}
.scroll-back-button:before {
content: '\77';
display: inline-block;
position: absolute;
color: #97c300;
font-size: 14px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
/*********** HEADER ***********/
.gestione-header-links {
background-color: #e7e7e7;
text-align: center;
}
.gestione-header-links a,
.gestione-header-links span {
display: inline-block;
margin: 0 10px;
line-height: 30px;
font-weight: 600;
font-size: 14px;
}
.admin-header-links {
background-color: #333;
text-align: center;
color: #fff;
}
.admin-header-links .impersonate {
display: inline-block;
}
.admin-header-links a,
.admin-header-links span {
display: inline-block;
margin: 0 10px;
line-height: 35px;
font-weight: 600;
}
.header {
margin: 0 auto;
text-align: center;
}
.header:after {
content: "";
display: block;
clear: both;
}
.header-logo {
width: 32%;
height: 100% !important;
}
.header-logo a,
.header-logo a picture {
max-width: 570px;
line-height: 0; /*firefox line-height bug fix*/
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.header-logo a picture {
padding-top: 0;
}
.topFixed .header-logo a,
.topFixed .header-logo a picture {
padding-top: 0;
}
.header-logo a img {
max-width: 570px;
max-height: 100%;
transition: 0.5s;
width: 100%;
object-fit: contain;
}
.header.fixed.topFixed .header-logo a img {
max-width: 300px;
transition: 0.5s;
}
.header .theme-menu-banner {
display: none;
}
.header-links-wrapper {
position: relative;
margin: 0 0 20px;
}
.personal-button {
position: relative;
}
.profile-menu-box {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 25px;
width: 150px;
padding: 10px 0;
border-radius: 3px;
background: #fff;
font-size: 14px;
opacity: 0;
visibility: hidden;
text-align: left;
pointer-events: none;
box-shadow: 0 0 20px rgba(0,0,0,.16);
z-index: 1020;
transition: all .2s ease;
}
.profile-menu-box:after {
content: " ";
bottom: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 8px;
margin-left: -8px;
}
.profile-menu-box.open {
margin-top: 8px;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.profile-menu-box > a,
.header-form-holder > a {
display: block !important;
padding: 10px 17px;
color: #444444;
}
.profile-menu-box span:before,
.profile-menu-box a:before {
display: inline-block !important;
color: #8e8e8e;
font-size: 17px;
vertical-align: middle;
margin-right: 10px;
min-width: 20px;
font-weight: normal;
text-transform: none;
}
.close-side-menu {
display: none;
}
/*********** FLYOUT CART MOBILE ***********/
a.ico-cart {
display: inline-block;
font-size: 13px;
color: #000;
transition: color .2s ease;
}
a.ico-cart:before {
display: block;
margin-bottom: 4px;
font-size: 26px;
color: #8e8e8e;
transition: color .2s ease;
}
.mini-shopping-cart .close-side-menu {
display: none;
}
.mini-shopping-cart .flyout-cart-scroll-area {
position: relative;
width: 100%;
padding: 20px 0 0;
background-color: #fff;
}
.flyout-lower {
background-color: #f6f6f6;
border-radius: 0 0 3px 3px;
}
.mini-shopping-cart:after {
content: "";
display: block;
clear: both;
}
.mini-shopping-cart .count {
float: left;
padding: 20px 0 20px 15px;
}
.mini-shopping-cart .count a {
font-size: 14px;
color: #000;
}
.mini-shopping-cart .count a:hover {
color: #97c300;
text-decoration: none;
}
.mini-shopping-cart .count a:before {
content: "\64";
display: inline-block;
vertical-align: bottom;
margin: 0 5px 0 0;
font-size: 20px;
}
.flyout-cart-scroll-area > p {
padding: 0 20px 20px;
font-size: 14px;
color: #000;
text-align: center;
}
.flyout-cart .items {
position: relative;
padding: 0 15px 0 10px;
margin-bottom: 15px;
border-radius: 3px 3px 0 0;
background: #fff;
text-align: left;
overflow: hidden;
}
.mini-shopping-cart .item {
overflow: hidden;
margin: 15px 0 0;
}
.mini-shopping-cart .item.first {
margin-top: 0;
}
.mini-shopping-cart .picture {
float: left;
width: 78px;
height: auto;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
overflow: hidden;
font-size: 0;
}
.mini-shopping-cart .picture a {
display: block;
position: relative;
overflow: hidden;
}
.mini-shopping-cart .picture a:before {
content: "";
display: block;
padding-top: 100%;
margin: 0;
}
.mini-shopping-cart .picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
}
.mini-shopping-cart .product {
position: relative;
margin: 0 30px 0 90px;
text-align: left;
}
.mini-shopping-cart .product:after {
content: "";
display: block;
clear: both;
}
.mini-shopping-cart .product .remove-item {
position: absolute;
top: 0;
right: -30px;
left: auto;
font-size: 0;
width: 22px;
height: 22px;
text-align: center;
border-radius: 2px;
background-color: #f1f1f1;
text-decoration: none;
transition: all .1s ease;
}
.mini-shopping-cart .product .remove-item:after {
content: "\7a";
display: block;
font-size: 10px;
line-height: 22px;
color: #8e8e8e;
transition: all .1s ease;
}
.mini-shopping-cart .product .remove-item:hover {
background-color: #e9e9e9;
text-decoration: none;
}
.mini-shopping-cart .product .remove-item:hover::after {
text-decoration: none;
}
.mini-shopping-cart .name a {
display: block;
margin: 0 0 5px;
font-size: 14px;
color: #444444;
}
.mini-shopping-cart .attributes {
padding: 0;
margin: 0 0 5px;
font-size: 14px;
color: #000;
}
.mini-shopping-cart .right {
display: inline-block;
}
.mini-shopping-cart .quantity {
margin: 0 4px 0 0;
font-size: 0;
color: #000;
float: left;
}
.mini-shopping-cart .quantity span {
font-weight: 600;
font-size: 16px;
}
.mini-shopping-cart .quantity:after {
content: "x";
display: inline-block;
margin-left: 3px;
font-size: 16px;
font-weight: 700;
color: #000;
text-transform: none;
font-family: "Lato" !important;
}
.mini-shopping-cart .price {
font-size: 16px;
color: #97c300;
float: right;
}
.mini-shopping-cart .price .currency-symbol {
font-size: 12px;
margin-right: 3px;
}
.mini-shopping-cart .totals {
float: right;
padding: 20px 15px 20px 0;
font-size: 15px;
text-align: right;
color: #000;
}
.mini-shopping-cart .totals strong {
display: inline-block;
color: #97c300;
font-size: 18px;
font-weight: normal;
}
.mini-shopping-cart .totals strong .currency-symbol {
font-size: 14px;
margin-right: 3px;
}
.mini-shopping-cart .buttons {
padding: 0 15px 15px;
margin-bottom: 0;
text-align: right;
clear: both;
}
.mini-shopping-cart input[type="button"] {
display: inline-block;
width: 100%;
padding: 0 15px;
border-radius: 0;
font-weight: normal;
}
.mini-shopping-cart input + input {
margin-top: 10px;
background-color: #ddd;
color: #000;
}
.mini-shopping-cart input[type="button"]:hover {
background-color: #e8af00;
}
.mini-shopping-cart input + input:hover {
background-color: #d1d1d1 !important;
}
/******** LOGIN FORM IN HEADER ********/
.profile-menu-box.login-form-in-header {
padding: 20px 0 0;
width: 255px;
}
.login-form-in-header .fieldset {
margin: 0;
}
.login-form-in-header .returning-wrapper .form-fields {
padding: 0;
min-height: 0;
}
.login-form-in-header .form-fields {
font-size: 0;
}
.login-form-in-header .external-authentication > * {
padding: 10px 20px;
background-color: #f6f6f6;
border-radius: 0 0 3px 3px;
}
.login-form-in-header form {
padding: 0 20px;
}
.login-form-in-header .external-authentication {
margin: 0;
}
.login-form-in-header .in-header-register {
text-align: center;
}
.login-form-in-header .in-header-register .register-button {
display: inline-block;
background-color: transparent;
border: none;
padding: 15px 0 15px 20px;
font-size: 12px;
text-transform: uppercase;
color: #000;
font-weight: 600;
background: url('../../Themes/Emporium/Content/img/register-icon.png') left center no-repeat;
transition: all .2s ease;
background-color: transparent !important;
}
.login-form-in-header .in-header-register .register-button:hover {
color: #97c300;
}
.login-form-in-header .title {
display: none;
}
.login-form-in-header .inputs {
margin: 6px 0 0;
}
.login-form-in-header .inputs:first-child {
margin-top: 0;
}
.login-form-in-header .inputs label {
display: none;
}
.login-form-in-header .forgot-password {
width: 100%;
}
.login-form-in-header .inputs.reversed {
margin: 0 0 15px;
}
.login-form-in-header .inputs.reversed label {
display: inline-block;
width: auto;
margin: 0;
font-size: 12px;
line-height: 17px;
height: 17px;
color: #000;
text-align: left;
cursor: pointer;
user-select: none;
}
.login-form-in-header .inputs.reversed label:before {
vertical-align: text-bottom;
}
.inputs.reversed input[type="checkbox"] {
position: absolute;
left: -9999px;
}
.inputs.reversed input[type="checkbox"] + label {
cursor: pointer;
}
.login-form-in-header .inputs input[type="text"],
.login-form-in-header .inputs input[type="email"],
.login-form-in-header .inputs input[type="password"] {
height: 45px;
padding: 0 35px 0 15px;
line-height: 45px;
border-radius: 3px;
}
.login-form-in-header .inputs input:focus + .inputs-icons {
color: #97c300;
}
input + .inputs-icons {
position: absolute;
top: 0;
right: 15px;
left: auto;
}
.inputs-icons {
display: none;
font-size: 15px;
color: #8e8e8e;
line-height: 45px;
font-family: "emporium-icons";
}
.inputs-icons.icon-password {
cursor: pointer;
display: block;
bottom: 0;
top: auto;
right: 11px;
z-index: 999;
}
.inputs-icons.icon-password::before {
margin: 0 !important;
}
.button-1.checkout-as-guest-button {
margin: 0 10px 10px 0;
background-color: #f1f1f1;
color: #000;
}
.button-1.checkout-as-guest-button:hover {
background-color: #eaeaea;
}
.login-form-in-header .inputs-icons {
display: inline-block;
text-transform: lowercase;
}
.login-form-in-header .login-button {
display: block;
width: 100%;
border: none;
height: 45px;
border-radius: 10px;
background-color: #f8ae00;
color: #fff;
font-size: 17px;
line-height: 17px;
font-weight: 600;
text-transform: uppercase;
}
.login-form-in-header .login-button:hover {
background-color: #e8af00;
}
.login-form-in-header a.facebook-btn {
display: block;
width: 100%;
height: 35px;
border-radius: 3px;
line-height: 35px;
background-color: #3270ab;
color: #fff !important;
font-size: 13px;
text-transform: uppercase;
text-align: center;
background-image: none !important;
}
.login-form-in-header a.facebook-btn:hover {
background-color: #4065a3;
}
.login-form-in-header a.facebook-btn:before {
content: "\6e";
display: inline-block;
margin-right: 10px;
font-size: 17px;
color: #fff !important;
text-transform: none;
}
.login-form-in-header a.facebook-btn:after {
content: "log in with facebook";
display: inline-block;
font-family: "Lato";
}
.login-form-in-header .forgot-password {
display: block;
margin-bottom: 15px;
}
.login-form-in-header .forgot-password a {
display: block;
width: 100%;
background-color: #f6f6f6;
padding: 5px 10px;
font-size: 11px;
color: #000;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
/******** END OF LOGIN FORM IN HEADER ********/
.header-links ul {
display: inline-block;
font-size: 0;
}
.ico-wishlist:before {
content: "\63";
}
.ico-cart:before {
content: "\64";
}
.personal-button > span:before,
.ico-account:before {
content: "\61";
}
.profile-menu-box .ico-inbox {
font-size: 0;
}
.ico-inbox span {
font-size: 14px;
vertical-align: middle;
}
.ico-inbox:before {
content: "\41";
}
.ico-compare:before {
content: "\62";
}
.ico-logout:before {
content: "\42";
}
.ico-login:before {
content: "\78";
}
.ico-register:before {
content: "\79";
}
.search-box {
position: relative;
}
.search-box form {
position: relative;
}
.search-box form:after {
content: "";
display: block;
clear: both;
}
.search-box input.search-box-text {
float: left;
height: 45px;
border: 1px solid #c8c8c8;
border-right: 0;
font-size: 14px;
color: #959595;
border-radius: 3px 0 0 3px;
}
::placeholder {
font-weight: 600;
text-transform: uppercase;
color: #3c3c3c !important;
}
.search-box input.search-box-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #959595;
}
.search-box input.search-box-text::-moz-placeholder { /* Firefox 19+ */
color: #959595;
}
.search-box input.search-box-text:-ms-input-placeholder { /* IE 10+ */
color: #959595;
}
.search-box input.search-box-text:-moz-placeholder { /* Firefox 18- */
color: #959595;
}
.search-box .search-box-button {
float: left;
width: 45px;
height: 45px;
padding: 0;
border: none;
background: #ccc url('../../Themes/Emporium/Content/img/search-button.png') center no-repeat;
font-size: 0;
border: 1px solid #eeeeee;
border-left: 0;
border-radius: 0 3px 3px 0;
}
.search-box .search-box-button:hover {
background-color: #e8af00;
}
@media(max-width: 1024px) {
.search-box .search-box-button {
border: 1px solid #c8c8c8;
}
}
.ui-helper-hidden-accessible {
display: none;
}
.ui-autocomplete {
position: absolute;
padding: 5px 0;
max-width: 100%;
border-radius: 0 0 3px 3px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 0 13px rgba(0,0,0,.1);
z-index: 1070;
}
.ui-autocomplete li:first-child {
border-top: none;
}
.ui-autocomplete li.searchpage-link a {
border: 1px solid #f8ae00;
margin: 5px 0 -8px;
padding: 10px 0;
text-align: center;
}
.ui-autocomplete a {
display: block;
padding: 5px 10px;
text-align: left;
font-size: 14px;
color: #444444;
}
.ui-autocomplete a.ui-state-focus {
background-color: #f6f6f6;
}
.ui-autocomplete img {
display: inline-block;
width: 50px;
margin-right: 10px;
border: 1px solid #eeeeee;
border-radius: 2px;
vertical-align: middle;
}
.ui-autocomplete span {
display: inline-block;
vertical-align: middle;
max-width: calc(100% - 60px);
}
.header-selectors-wrapper {
font-size: 0;
}
.header-selectors-wrapper > div {
display: inline-block;
margin: 0 5px 10px;
vertical-align: middle;
}
.language-list {
max-width: 100%;
font-size: 0;
}
.language-list li {
display: inline-block;
margin: 0 1px;
}
.language-list a {
display: block;
position: relative;
width: 32px;
height: 32px;
line-height: 0;
}
.language-list img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.slider-wrapper.theme-custom {
margin: 0 auto 30px; /*overrides default slider*/
}
.home-page-body .slider-wrapper.theme-home-page-main-slider {
padding: 0 100px 10px !important;
margin: auto !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivoSlider {
box-shadow: 0px 3px 2px #ccc;
z-index: 11;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav {
display: flex;
width: 100%;
position: relative;
bottom: 0;
justify-content: center;
transform: none;
left: 0;
background-color: white;
box-shadow: 0px 2px 2px #ccc;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control {
display: inline-flex;
flex-direction: column;
width: auto;
flex: 1;
max-width: 260px;
padding: 30px 5px;
font-size: 18px;
height: auto;
align-items: center;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control span {
line-height: 22px;
white-space: nowrap;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control .line {
width: 50%;
margin-top: auto;
padding-top: 7px;
border-bottom: 2px solid black;
position: absolute;
bottom: 15px;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control .line .progress {
height: 2px;
background: #f8ae00;
display: block;
z-index: 111111;
position: relative;
top: 3px;
width: 0;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control.active .line {
border-bottom: 4px solid black;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control.active .line .progress {
height: 4px;
top: 4px;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control.active {
color: #f8ae00;
font-weight: bold;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control.active .line .progress {
opacity: 1;
-webkit-animation: progressBar 3s ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation: progressBar 3s ease-in-out;
-moz-animation-fill-mode: both;
-webkit-animation-duration: 3.2s; /*valore di default cambiato dinamicamente dallo script AnywhereSliders.min.js*/
-moz-animation-duration: 3.2s; /*valore di default cambiato dinamicamente dallo script AnywhereSliders.min.js*/
}
@-webkit-keyframes progressBar {
0% {
width: 0
}
100% {
width: 100%
}
}
@-moz-keyframes progressBar {
0% {
width: 0
}
100% {
width: 100%
}
}
/*
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control.active .line {
border-color: #f8ae00;
}*/
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control::before {
content: none;
}
@media(max-width: 1001px) {
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control span br {
display: none;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav {
flex-direction: column;
margin-bottom: 0;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control {
max-width: 100%;
padding: 15px;
font-size: 15px;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav a.nivo-control .line {
display: none;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav .slick-dots {
bottom: 10px;
position: relative;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav .slick-dots li {
width: 15px;
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav .slick-dots li button::before {
content: ' ';
background-color: #ccc;
border-radius: 100%;
width: 8px;
height: 8px;
opacity: 0.7;
top: 50%;
transform: translateY(-50%);
}
.home-page-body .slider-wrapper.theme-home-page-main-slider .nivo-controlNav .slick-dots li.slick-active button::before {
background-color: #f8ae00;
width: 10px;
height: 10px;
}
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
margin: auto !important;
}
@media(min-width: 1281px) {
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
margin-top: -20px !important;
}
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider {
display: flex !important;
margin-bottom: 50px;
justify-content: center;
align-items: center;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider img {
display: block !important;
visibility: visible !important;
position: static !important;
padding: 0;
width: 100% !important;
}
.nivoSlider img {
height: auto !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider img.nivo-main-image {
visibility: hidden !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider > img.nivo-main-image {
display: none !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider a {
display: block !important;
position: static !important;
padding: 0 10px 0 0;
width: 100% !important;
opacity: 1;
background: transparent;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider a:nth-child(3) {
padding: 0;
width: calc(100% - 10px) !important;
}
@media(max-width: 1280px) {
.home-page-body .slider-wrapper.theme-home-page-main-slider {
padding: 0 50px !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
padding: 0 30px;
margin-top: 0 !important;
}
}
@media(max-width: 1024px) {
.home-page-body .slider-wrapper.theme-home-page-main-slider {
padding: 0 !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
padding: 0;
margin: 0 -20px !important;
}
}
@media(max-width: 767px) {
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
margin: 0 -10px !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider {
flex-wrap: wrap;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider a,
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider a:nth-child(3) {
padding: 0;
width: 100% !important;
margin-bottom: 10px;
}
}
/*********** FOOTER ***********/
.footer {
border-top: 3px solid #323232;
background-color: #323232;
text-align: center;
}
.footer-upper {
margin: 55px 0;
overflow: hidden;
}
.footer-logo {
margin: 0 0 25px;
}
.footer-block a {
font-size: 16px;
color: white;
transition: color .2s ease;
}
.footer-block a:hover {
color: #97c300;
}
.footer .newsletter .title {
margin: 0 0 13px;
font-size: 15px;
color: #000;
text-transform: none;
}
.newsletter .title strong {
font-weight: normal;
}
.newsletter-email {
display: block;
overflow: hidden;
margin: 0 auto;
}
.newsletter-email .newsletter-subscribe-text {
float: left;
width: calc(100% - 47px);
height: 47px;
border-radius: 3px 0 0 3px;
border-right: 0;
}
.newsletter-email .newsletter-subscribe-text:focus {
border-color: #e7e7e7;
}
.newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #959595;
}
.newsletter-email .newsletter-subscribe-text::-moz-placeholder { /* Firefox 19+ */
color: #959595;
}
.newsletter-email .newsletter-subscribe-text:-ms-input-placeholder { /* IE 10+ */
color: #959595;
}
.newsletter-email .newsletter-subscribe-text:-moz-placeholder { /* Firefox 18- */
color: #959595;
}
.newsletter-email .newsletter-subscribe-button {
float: left;
width: 47px;
height: 47px;
padding: 0;
border: none;
border-radius: 0 3px 3px 0;
background: #f8ae00 url('../../Themes/Emporium/Content/img/subscribe-button.png') center no-repeat;
font-size: 0;
transition: all .2s ease;
}
.newsletter-email .newsletter-subscribe-button:hover {
background-color: #e8af00;
}
.newsletter-email .options {
overflow: hidden;
clear: both;
}
.newsletter-validation,
.newsletter-result {
line-height: 20px;
font-size: 13px;
color: #444;
}
.newsletter-result {
padding: 10px 0;
}
.newsletter-validation .please-wait {
display: none !important;
}
.footer-middle {
margin-bottom: 50px;
overflow: hidden;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.footer-middle .social-icons,
.footer-middle .pay-options {
margin-top: 40px;
}
.pay-options img {
margin: 0 2px;
max-width: 50px;
}
.social-sharing ul {
font-size: 0;
}
.social-sharing li {
display: inline-block;
margin: 0 5px;
}
.social-sharing a {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
}
.social-sharing a:before {
display: block;
font-size: 22px;
color: #8e8e8e;
transition: color .2s ease;
}
.social-sharing a:hover:before {
color: #97c300;
}
.social-sharing a:before {
display: none;
}
.social-sharing .facebook:before {
content: "\6e";
}
.social-sharing .twitter:before {
content: "\6f";
}
.social-sharing .google:before {
content: "\70";
}
.social-sharing .pinterest:before {
content: "\44";
}
.social-sharing .instagram:before {
content: "\74";
}
.social-sharing .linkedin :before {
content: "\75";
}
.social-sharing .vimeo:before {
content: "\71";
}
.social-sharing .youtube:before {
content: "\72";
}
.social-sharing .rss:before {
content: "\73";
}
.footer-lower {
overflow: hidden;
font-size: 11px;
}
.footer-lower > div {
display: block;
margin: 5px 10px 0;
color: #a0a0a0;
font-size: 14px;
}
.footer-lower > div:first-child {
margin-top: 0;
}
.footer-lower > div a {
color: #ededed;
}
.footer-lower .theme-selector {
margin: 15px 0 0;
}
.theme-selector select {
width: 170px;
height: 36px;
}
.footer-block ul {
display: none;
padding: 10px 0;
background-color: black;
}
.footer-block ul li {
padding: 8px;
}
.footer-block {
border-bottom: 1px solid #eeeeee;
}
.footer-block:first-child {
border-top: 1px solid #eeeeee;
}
.footer .title {
margin-bottom: 15px;
text-transform: uppercase;
color: #f8ae00;
font-size: 14px;
}
.footer-block .title {
position: relative;
margin: 0;
padding: 15px 45px;
text-transform: uppercase;
color: white;
font-size: 17px;
letter-spacing: 1px;
cursor: pointer;
}
.footer-block .title strong {
font-weight: 600;
}
.footer-block .title:before,
.footer-block .title:after {
content: "\77";
position: absolute;
display: inline-block;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 9px;
color: #97c300;
text-transform: none;
transition: all .3s ease;
}
.footer-block .title:after {
left: auto;
right: 20px;
}
.footer-block .title.open:before,
.footer-block .title.open:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.footer-lower {
padding: 30px 20px;
background-color: black;
}
/*********** SMALL PRODUCT CAROUSELS ***********/
.small-products .nop-jcarousel.product-grid .slick-carousel {
margin: 0 !important;
}
.small-products .nop-jcarousel .slick-slide {
padding: 0 !important;
}
.small-products .item-box {
border-radius: 3px !important;
overflow: hidden;
max-height: 120px;
}
.small-products .item-box .product-item {
font-size: 0;
}
.small-products .item-box .product-item > div {
display: inline-block;
vertical-align: top;
}
.small-products .item-box .prices .actual-price {
display: block;
margin: 0;
}
.small-products .item-box .product-item > div:first-child {
width: 120px;
}
.small-products .item-box .picture {
margin: 0;
border-radius: 0;
}
.small-products .item-box .picture > a:before {
padding-top: 100%;
}
.small-products .item-box .details {
width: calc(100% - 120px);
padding: 13px;
text-align: left;
}
.small-products .item-box .prices {
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.small-products .item-box .buttons,
.small-products .item-box .btn-wrapper {
display: none;
}
.small-products .item-box .product-title,
.small-products .item-box .title {
padding: 0;
height: auto;
max-height: 39px;
}
.small-products .item-box .prices > *:last-child:not(:empty) {
margin: 0;
}
.two-row-carousels {
padding: 0 20px;
}
.two-row-carousels .product-grid .title {
font-size: 24px;
}
.two-row-carousels:after {
content: "";
display: block;
clear: both;
}
.two-row-carousels .slick-slide {
min-height: 241px;
}
.two-row-carousels .slick-arrow {
position: absolute;
top: auto;
bottom: 101px;
width: 40px;
height: 40px;
background-color: #fff;
cursor: pointer;
border: 1px solid #eee;
border-radius: 50%;
text-align: center;
font-size: 0;
transition: all .2s ease;
z-index: 1;
}
.two-row-carousels .slick-arrow:before {
display: block;
color: #d0d0d0;
font-size: 12px;
line-height: 40px;
transition: all .2s ease;
text-transform: none;
}
.two-row-carousels .slick-arrow:hover {
background-color: #97c300;
border: 1px solid #97c300;
}
.two-row-carousels .slick-arrow:hover:before {
color: #fff;
}
.two-row-carousels .slick-prev:before {
content: "\6b";
}
.two-row-carousels .slick-prev {
left: 0;
margin-left: -20px;
}
.two-row-carousels .slick-next:before {
content: "\6a";
}
.two-row-carousels .slick-next {
right: 0;
margin-right: -20px;
}
.two-row-carousels .slick-list {
border: 1px solid #eee;
border-radius: 3px;
}
.two-row-carousels .slick-slide > div {
font-size: 0;
}
.two-row-carousels .slick-slide > div:first-child {
border-bottom: 1px solid #eee;
}
.two-row-carousels .item-box {
float: none !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
}
/*********** LEFT/RIGHT COLUMN ***********/
.block {
border: 1px solid #eee;
border-radius: 3px;
margin: 0 0 10px;
text-align: center;
}
.block .title {
position: relative;
padding: 14px 20px 14px 50px;
font-size: 17px;
color: black;
background-color: transparent;
cursor: pointer;
text-align: left;
}
.filter-block {
border-bottom: 3px solid #f8ae00 !important;
border-radius: 0;
}
.filter-block.disabled,
.filter-block .filtersGroupPanel ul li.disabled {
display: none !important;
}
.filter-block.selected-options {
border: 0 !important;
}
.filter-block.selected-options .title {
background-color: #f8ae00;
}
.filter-block.selected-options .title a {
padding: 10px !important;
color: white;
}
.filter-block.selected-options + .filtersTitlePanel {
border-bottom: 3px solid #f8ae00 !important;
}
.filter-block .toggleControl:before {
color: black !important;
display: none !important;
}
.filter-block .toggleControl {
font-weight: 600 !important;
text-transform: uppercase !important;
padding: 14px 35px 14px 0px !important;
white-space: normal !important;
font-size: 15px;
position: relative;
}
.filter-block .toggleControl .my-icon.icon-plus {
position: absolute;
top: 0;
right: 0;
left: auto;
width: 48px;
height: 48px;
text-align: center;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
}
.filter-block .toggleControl .my-icon.icon-plus::before {
display: block;
text-transform: none;
font-size: 11px;
line-height: 50px;
font-style: normal;
font-weight: normal;
color: #8c8c8c;
transition: all .2s ease;
font-family: "emporium-icons" !important
}
.filter-block .toggleControl .my-icon.icon-plus::before {
content: "\68";
}
.filter-block .toggleControl.closed .my-icon.icon-plus::before {
content: "\69";
}
.filter-block a.clearFilterOptions, .filter-block a.clearPriceRangeFilter {
background: #ececf2;
}
.filter-block.categoryFilterPanel7Spikes .filtersGroupPanel a {
transition: 0.3s;
}
.filter-block.categoryFilterPanel7Spikes .filtersGroupPanel a:hover {
color: #ffaa00;
transition: 0s;
}
.filtersGroupPanel {
background: transparent;
}
.filtersGroupPanel .checkbox-list label {
color: black !important;
width: 100%;
}
.filtersGroupPanel .checkbox-list a {
display: block;
position: relative;
max-width: 100%;
padding: 9px 0 9px 0;
text-transform: none;
text-align: left;
font-size: 15px;
color: black;
font-weight: 400;
cursor: pointer;
z-index: 2;
transition: all .2s ease-in-out;
}
.filtersGroupPanel .checkbox-list a + span {
display: none;
}
.filtersGroupPanel .selected-options-list label, .priceRangeMinMaxPanel, .specification-min-max-panel {
font-weight: normal;
color: black;
}
.selected-options-list > li span {
font-weight: normal !important;
}
.priceRangeCurrentPricesPanel, .specification-current-value-panel {
color: #f8ae00 !important;
margin-top: 0 !important;
}
.priceRangeFilterPanel7Spikes .filtersGroupPanel {
padding: 0 !important;
}
.priceRangeFilterPanel7Spikes .filtersGroupPanel .container-price-range {
padding: 30px 20px 30px;
}
.ui-slider-handle {
width: 15px !important;
height: 15px !important;
}
span.price-grid {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
color: black;
display: block;
bottom: -29px;
}
span.price-grid-elem {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
color: black;
background: black;
}
span.price-grid-elem.small {
height: 4px;
}
span.price-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
}
.container-currentMaxPrice {
float: right;
white-space: pre;
}
span.currenteSelectedPrice,
span.currenteSelectedPriceUnited {
background: transparent !important;
color: black !important;
white-space: nowrap !important;
font-size: 14px !important;
font-weight: 600 !important;
top: -27px !important;
left: 1px !important;
}
span.currenteSelectedPrice:before,
span.currenteSelectedPriceUnited:before {
border: none !important;
}
span.currenteSelectedPrice:first-letter,
span.currenteSelectedPriceUnited:first-letter {
font-size: 11px;
}
@media (min-width: 1281px) {
.filtersGroupPanel {
padding: 0 20px !important;
margin-bottom: 18px;
}
.selected-options .filtersGroupPanel {
padding: 0 !important;
margin-bottom: 0;
}
.selected-options .filtersGroupPanel .container-selected-options {
padding: 18px 20px 0;
}
.selected-options .filtersGroupPanel .container-selected-options ul li {
margin-bottom: 0 !important;
}
}
.clearFilterOptionsAll,
.filter-block a.clearFilterOptions:before,
.filter-block a.clearPriceRangeFilter:before {
color: black !important;
}
.block .title strong {
font-weight: 600;
display: block;
text-transform: uppercase;
}
.block .title:before {
content: "\77";
display: inline-block;
position: absolute;
left: 25px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
font-size: 10px;
color: #97c300;
text-transform: none;
transition: all .4s ease;
}
.block .title.open:before {
-webkit-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.block .listbox {
display: none;
padding: 18px;
text-align: left;
}
.block .listbox:after {
content: "";
display: block;
clear: both;
}
.block .poll {
padding: 10px 0;
}
.block .list li.active > a {
color: #97c300;
font-weight: 600;
}
.block .list a {
display: inline-block;
padding: 8px 0;
font-size: 15px;
color: #f8ae00;
transition: all .2s ease;
text-transform: uppercase;
}
.block-recently-viewed-products a.product-picture {
padding: 0;
}
.block .list a:hover {
color: #97c300;
}
.block .list .product-picture {
display: none;
}
.block.block-recently-viewed-products .product-picture {
display: inline-block;
margin-right: 16px;
width: 84px;
vertical-align: middle;
}
.block .sublist {
padding: 0 15px;
}
.block .view-all {
margin: 7px 0;
}
.block .view-all a {
display: block;
margin: 15px 0 0;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
color: #97c300;
transition: all .2s ease;
}
.block .view-all a:hover {
color: #5c7600;
}
.block .tags {
margin: 0 0 10px;
}
.block .tags ul {
font-size: 0;
}
.block .tags li,
.product-tags-all-page li {
display: inline-block;
position: relative;
margin: 0 10px;
overflow: hidden;
font-size: 16px !important; /*setting base size*/
}
.block .tags li a,
.product-tags-all-page li a {
float: left;
line-height: 30px;
color: #000;
transition: all .2s ease;
}
.block .tags li a:hover,
.product-tags-all-page li a:hover {
color: #97c300
}
.poll > strong {
display: block;
margin: 0 0 20px;
font-size: 18px;
color: #97c300;
}
.poll-options,
.poll-results {
margin: 0 0 15px;
overflow: hidden;
}
.home-page-polls .poll-options li {
margin-bottom: 5px;
text-align: left;
}
.home-page-polls .poll .buttons {
margin-top: 30px;
}
.home-page-polls .poll-total-votes {
margin-top: 0;
}
.home-page-polls .answer label {
display: block;
border: 1px solid #eeeeee;
border-radius: 3px;
padding: 20px;
font-size: 16px;
font-weight: 600;
color: #444444;
cursor: pointer;
transition: all .2s ease;
}
.home-page-polls .answer input[type="radio"]:checked + label:before {
border: 4px solid #fff;
background-color: #97c300;
}
.home-page-polls .answer:hover label {
background-color: #f6f6f6;
}
.home-page-polls .poll {
max-width: 500px;
margin: 0 auto;
}
.poll .buttons,
.poll-total-votes {
margin-top: 15px;
}
.home-page-polls .poll .buttons input {
color: #fff;
background-color: #f8ae00;
padding: 15px 30px;
border-radius: 3px;
}
.poll .buttons input:hover {
background-color: #e8af00;
color: #fff;
}
.poll .buttons input {
padding: 10px 20px;
border: none;
background-color: #f1f1f1;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
color: #000;
transition: all .2s ease;
}
.poll-total-votes {
display: block;
margin: 10px 0 0;
font-weight: 600;
text-align: right;
font-size: 13px;
text-transform: uppercase;
color: #000;
}
.block .poll .buttons {
text-align: left;
}
.block .poll-options li,
.poll-results li {
display: block;
margin-bottom: 15px;
font-size: 15px;
color: #000;
text-align: left;
}
.block .poll-options li:last-child {
margin-bottom: 0;
}
.block .poll-results li:last-child {
margin-bottom: 10px;
}
.home-page-polls {
text-align: center;
margin: 0 10px 50px;
}
.home-page-polls .title {
margin: 0 0 20px;
font-size: 28px;
color: #444444;
}
.home-page-polls .title strong {
font-weight: 600;
}
.answer {
position: relative;
overflow: hidden;
}
.answer input[type="radio"] {
position: absolute;
left: -9999px;
}
.answer label {
display: block;
padding: 7px 0;
font-size: 15px;
color: #000;
cursor: pointer;
transition: all .2s ease;
}
.block .answer label:hover {
color: #97c300;
}
.block .answer:after {
content: "";
display: block;
clear: both;
}
.answer span:last-child {
float: right;
font-size: 13px;
}
.answer span strong {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
font-size: 15px;
color: #444444;
}
.answer label:before {
content: "";
display: inline-block;
margin-right: 10px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #eeeeee;
vertical-align: bottom;
background-color: #fff;
}
.answer input[type="radio"]:checked + label:before {
margin-left: 1px;
width: 17px;
height: 17px;
margin-right: 9px;
box-shadow: 0 0 0 1px #e7e7e7;
border: 3px solid #fff;
background-color: black;
}
/********** CATEGORY PAGE **********/
.breadcrumb {
margin: 0 20px 5px;
text-align: center;
}
.center-1 .breadcrumb {
margin-bottom: 20px;
}
.breadcrumb ul {
font-size: 0;
}
.breadcrumb li {
display: inline-block;
font-size: 14px; /*reset zeroing*/
line-height: 1.5;
color: #828282;
text-transform: uppercase;
font-weight: 600;
}
.breadcrumb li:last-child span {
display: none;
}
.breadcrumb li > h2 {
font-size: 14px;
display: inline-block;
}
.breadcrumb li > h2,
.breadcrumb li > a,
.breadcrumb li > span,
.breadcrumb li > strong {
margin: 0 3px;
transition: color .2s ease;
}
.breadcrumb li > strong.current-item {
font-weight: 600;
}
.breadcrumb strong {
font-weight: normal;
}
.breadcrumb a:hover,
.breadcrumb a:hover span {
color: #97c300;
}
.breadcrumb .delimiter {
display: inline-block;
margin-right: 5px;
text-transform: none;
}
.category-description,
.manufacturer-description,
.vendor-description,
.contact-vendor {
margin: 0 0 20px;
}
.contact-vendor-button {
border: none;
padding: 0 25px;
height: 45px;
background-color: #f8ae00;
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
border-radius: 3px;
transition: all .1s ease;
}
.contact-vendor-button:hover {
background-color: #e8af00;
}
.filters-button-wrapper {
display: none !important;
}
.filters-button {
border-radius: 10px !important;
}
.product-filters {
display: none;
}
.product-selectors {
margin: 0 0 20px;
text-align: center;
font-size: 0;
}
.product-selectors:after {
content: "";
display: block;
clear: both;
}
.product-selectors .product-sorting,
.product-selectors .product-page-size {
width: 100%;
display: inline-block;
vertical-align: top;
font-weight: 600;
text-transform: lowercase;
font-size: 16px;
}
.product-selectors .product-sorting select#products-orderby {
border-radius: 12px;
}
@media(max-width: 1024px) {
.product-selectors .product-sorting select#products-orderby {
height: auto;
padding: 5px;
border-radius: 8px;
border: 1px solid #bfbfbf;
min-width: 200px;
}
.product-selectors .product-sorting {
display: flex;
}
.product-selectors .product-sorting > span {
white-space: nowrap;
margin-right: 10px;
line-height: 23px;
color: #606060;
}
}
.product-selectors .product-page-size {
margin-left: 8px;
}
.product-selectors select {
display: block;
padding: 0 40px 0 20px;
width: 100%;
height: 50px;
border: none;
background-color: #f1f1f1;
background-image: url('../../Themes/Emporium/Content/img/select-arrow-dark.svg');
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #000;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#products-pagesize-desktop {
display: none;
}
.product-selectors .product-viewmode {
display: none;
}
.product-selectors .product-viewmode span {
vertical-align: middle;
}
.product-selectors .product-viewmode a {
display: inline-block;
width: 30px;
height: 45px;
margin: 0 8px 0 0;
background-position: center;
background-repeat: no-repeat;
vertical-align: middle;
font-size: 0;
opacity: 0.5;
}
.product-selectors .product-viewmode a:last-child {
margin: 0;
}
.product-selectors .product-viewmode a.grid {
background-image: url('../../Themes/Emporium/Content/img/view-grid.png');
}
.product-selectors .product-viewmode a.list {
background-image: url('../../Themes/Emporium/Content/img/view-list.png');
}
.product-selectors .product-viewmode a.selected {
opacity: 1;
}
.item-grid:after {
content: "";
display: block;
clear: both;
}
.manufacturer-list-page .box-search-brand {
margin-top: 15px;
}
.manufacturer-list-page #search-brand {
padding: 10px 14px;
font-family: normal 12px 'Lato', sans-serif;
;
border: 1px solid #ccc;
font-size: 16px;
width: 300px;
}
.manufacturer-list-page .manufacturer-grid .item-grid .item-box {
margin: 0.1% !important;
clear: initial !important;
}
.manufacturer-list-page .manufacturer-grid .item-grid .item-box .title {
display: none;
}
.item-box {
position: relative;
width: 49%;
float: left;
margin: 0 0 2% 2%;
border: 1px solid #eeeeee;
background-color: #fff;
border-radius: 3px;
overflow: hidden;
border-radius: 15px;
}
.item-box .product-box-add-to-cart-button {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
position: relative;
font-family: 'Lato', sans-serif;
!important;
font-size: 18px !important;
color: white;
background-color: transparent !important;
border: none;
text-transform: uppercase;
width: 100%;
height: 100%;
}
.item-box .btn-wrapper-non-disponibile {
background-color: red !important;
}
.item-box .btn-wrapper-non-disponibile .non-disponibile {
border-radius: 0;
background-color: red !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-weight: normal;
font-size: 15px;
cursor: default;
}
.item-box .add-to-wishlist-button {
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
position: relative;
}
/*.item-box .add-to-wishlist-button:before {
content: '\f004' !important;
font-family: FontAwesome !important;
font-size: 20px !important;
color: #f8ae00 !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}*/
.item-box:hover product-box-add-to-cart-button {
color: white !important;
background-color: transparent;
}
.item-box:nth-child(2n+1) {
margin-left: 0;
clear: both;
}
.item-box .picture {
z-index: 1;
overflow: hidden;
background-color: #fff;
margin: 0 0 5px;
border-radius: 2px 2px 0 0;
}
.item-box .picture > a {
display: block;
position: relative;
overflow: hidden;
}
.item-box .picture > a:before {
content: "";
display: block;
padding-top: 100%;
}
.item-box .picture > a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-width: 100%;
max-height: 100%;
padding: 15px;
}
.manufacturer-category-page .manufacturer-title {
height: 3px;
background: #f8ae00;
text-transform: uppercase;
font-size: 23px !important;
margin: 0 0 40px !important;
text-align: center;
margin-top: 20px !important;
}
@media(max-width: 400px) {
.manufacturer-category-page .manufacturer-title {
margin: 0 0 50px !important
}
}
.manufacturer-category-page .manufacturer-title strong {
position: relative;
top: -12px;
background: #ececf2;
padding: 5px 40px;
color: black !important;
font-weight: 600;
}
@media(max-width: 400px) {
.manufacturer-category-page .manufacturer-title strong {
padding: 5px 10px;
}
}
.manufacturer-category-page .sub-category-grid .item-grid .item-box {
min-height: 150px;
background-position: right bottom;
background-repeat: no-repeat;
}
/* .manufacturer-category-page .sub-category-grid .item-grid .item-box .title {
background-color: #ededed;
max-height: 95%;
padding: 0 35px 0 35px !important;
}*/
.manufacturer-category-page .sub-category-grid .item-grid .item-box .title a {
display: flex;
flex-direction: column;
}
@media(max-width: 500px) {
.manufacturer-category-page .sub-category-grid.category-grid .item-box .title a,
.manufacturer-category-page .sub-category-grid.category-grid .item-box .title a:hover {
font-size: 18px !important;
line-height: 2rem !important;
}
.manufacturer-category-page .sub-category-grid.category-grid .item-box .title a span {
font-size: 18px !important;
}
}
.sub-category-grid {
overflow: hidden;
}
.sub-category-grid .item-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.sub-category-grid .item-grid .item-box {
background-color: transparent;
background-size: cover;
width: 100%;
margin: 0;
min-height: 150px;
height: 100%;
border-radius: 0;
background-size: cover;
background-position: right;
box-shadow: 0 0 3px #ccc;
}
.sub-category-grid .item-box .picture a:before {
padding-top: 0 !important;
}
.sub-category-grid .item-box .title {
text-align: left;
line-height: 40px;
}
.sub-category-grid.category-grid .item-box .title a {
display: flex;
flex-direction: column;
}
.sub-category-grid.category-grid .item-box .title a,
.sub-category-grid.category-grid .item-box .title a:hover {
color: black !important;
font-size: 26px;
letter-spacing: 0;
padding: 15px 39.3% 10px 35px;
font-weight: 900;
}
.sub-category-grid.category-grid .item-box .title a h2 {
font-size: inherit;
}
.sub-category-grid.category-grid .item-box .title a span {
display: block;
font-weight: 600;
text-transform: lowercase;
font-size: 20px;
color: #f8ae00;
margin-top: auto;
}
.sub-category-grid .sub-category-item,
.sub-category-grid .sub-category-item .title,
.sub-category-grid .sub-category-item .title a {
height: 100% !important;
width: 100% !important;
}
@media(max-width: 1750px) {
.sub-category-grid .item-box .title {
line-height: 4.5vw;
}
.sub-category-grid.category-grid .item-box .title a,
.sub-category-grid.category-grid .item-box .title a:hover {
font-size: 1.3vw;
line-height: 2.5rem;
}
}
@media(max-width: 1500px) {
.sub-category-grid .item-grid {
grid-template-columns: repeat(2, 1fr);
}
.sub-category-grid.category-grid .item-box .title a,
.sub-category-grid.category-grid .item-box .title a:hover {
font-size: 1.6vw;
line-height: 2.5rem;
}
}
@media(max-width: 1280px) {
.sub-category-grid .item-box .title {
line-height: 6vw;
}
.sub-category-grid.category-grid .item-box .title a,
.sub-category-grid.category-grid .item-box .title a:hover {
font-size: 2vw;
line-height: 2.5rem;
}
}
@media(max-width: 991px) {
.sub-category-grid .item-grid {
grid-template-columns: repeat(1, 1fr);
}
.sub-category-grid .item-grid .item-box {
display: flex;
justify-content: center;
align-items: center;
}
.sub-category-grid .item-box .title {
line-height: 7.5vw;
}
.sub-category-grid .item-box .title {
line-height: 12vw;
}
.sub-category-grid.category-grid .item-box .title a,
.sub-category-grid.category-grid .item-box .title a:hover {
font-size: 3vw;
line-height: 3rem;
}
}
@media(max-width: 768px) {
.sub-category-grid.category-grid .item-box .title a,
.sub-category-grid.category-grid .item-box .title a:hover {
font-size: 3.8vw;
}
}
@media(max-width: 500px) {
.sub-category-grid.category-grid .item-box .title a,
.sub-category-grid.category-grid .item-box .title a:hover {
font-size: 15px;
line-height: 2rem;
}
.sub-category-grid.category-grid .item-box .title a span {
font-size: 15px;
}
}
.blog-pages-body .slick-slider .slick-track,
.topic-page-body .slick-slider .slick-track,
.home-page-product-grid .slick-slider .slick-track,
.product-details-page .prodotti-correlati .slick-slider .slick-track,
.category-page-body .top-category .slick-slider .slick-track,
.category-page-body .bestsellers-category .slick-slider .slick-track {
display: flex !important;
}
.blog-pages-body .slick-slider .slick-track .slick-slide,
.topic-page-body .slick-slider .slick-track .slick-slide,
.home-page-product-grid .slick-slider .slick-track .slick-slide,
.category-page-body .top-category .slick-slider .slick-track .slick-slide,
.category-page-body .bestsellers-category .slick-slider .slick-track .slick-slide {
height: inherit !important;
}
.product-details-page .prodotti-correlati .slick-slider .slick-track .slick-slide {
height: inherit !important;
padding: 0 6px;
}
.topic-blog-products .item-box,
.topic-blog-products .item-box,
.home-page-product-grid .slick-slider .slick-track .slick-slide .item-box,
.product-details-page .prodotti-correlati .slick-slider .slick-track .slick-slide .item-box,
.category-page-body .top-category .slick-slider .slick-track .slick-slide .item-box,
.category-page-body .bestsellers-category .slick-slider .slick-track .slick-slide .item-box {
height: 100%;
width: 100% !important;
margin: 0 !important;
}
@media(max-width: 1024px) {
.home-page-product-grid .slick-slider .slick-track .slick-slide .item-box {
border-radius: 15px;
}
}
.topic-blog-products .item-box {
text-align: center;
line-height: 1.5;
}
.topic-blog-products .item-box a,
.topic-blog-products .item-box a {
text-decoration: none;
color: black !important;
font-weight: normal !important;
}
.nop-jcarousel.product-grid .slick-slide, .nop-jcarousel.category-grid .slick-slide {
padding: 0 6px;
}
.bestsellers-category .slick-track {
display: flex !important;
}
.bestsellers-category .slick-track .carousel-item {
height: inherit !important;
}
.bestsellers-category .slick-track .carousel-item .item-box {
height: 100%;
}
.bestsellers-category .slick-track .carousel-item .product-item {
height: 100%;
display: flex;
flex-direction: column;
}
.product-details-page .related-products-grid .slick-next:before,
.product-details-page .related-products-grid .slick-prev:before {
color: black !important;
font-weight: 600 !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
font-size: 12px;
line-height: 40px;
transition: all .2s ease;
text-transform: none;
}
.product-details-page .related-products-grid .slick-prev:before {
content: "\6b";
}
.product-details-page .related-products-grid .slick-next:before {
content: "\6a";
}
.product-details-page .related-products-grid .slick-next,
.product-details-page .related-products-grid .slick-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
background-color: #fff;
cursor: pointer;
border: 1px solid #eee;
border-radius: 50%;
text-align: center;
font-size: 0;
z-index: 1;
transition: all .2s ease;
border: 2px solid black !important;
background-color: transparent !important;
}
.product-details-page .related-products-grid .slick-prev {
left: 0 !important;
}
.product-details-page .related-products-grid .slick-next {
right: 0 !important;
}
.home-page-product-grid .slick-slider .slick-track .slick-slide .item-box .product-item,
.category-page-body .top-category .slick-slider .slick-track .slick-slide .item-box .product-item,
.category-page-body .bestsellers-category .slick-slider .slick-track .slick-slide .item-box .product-item,
.product-details-page .prodotti-correlati .slick-slider .slick-track .slick-slide .item-box .product-item {
height: 100%;
display: flex;
flex-direction: column;
}
.topic-page-body .slick-slider .slick-track .slick-slide .item-box .product-item,
.home-page-product-grid .slick-slider .slick-track .slick-slide .item-box .product-item.sevenspikes-ajaxcart,
.category-page-body .top-category .slick-slider .slick-track .slick-slide .item-box .product-item.sevenspikes-ajaxcart,
.category-page-body .bestsellers-category .slick-slider .slick-track .slick-slide .item-box .product-item.sevenspikes-ajaxcart,
.product-details-page .prodotti-correlati .slick-slider .slick-track .slick-slide .item-box .product-item.sevenspikes-ajaxcart {
flex: 1;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.item-box .etichette-promozioni {
padding: 7px 10px 5px;
}
.item-box .etichette-promozioni .nome {
font-size: 16px;
text-transform: uppercase;
color: #f8ae00;
/*white-space: nowrap;*/
overflow: hidden;
/*text-overflow: ellipsis;*/
}
.item-box .etichette-promozioni .periodo {
color: #0061af;
}
.manufacturer-all-page-body .manufacturer-item .picture > a:before {
padding-top: 90% !important;
}
.item-box .manufacturer-item .picture > a .manu-name {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
font-size: 16px;
color: gray;
font-weight: 300;
padding: 15px 10px;
z-index: 1;
}
.item-box .manufacturer-item .picture > a img,
.item-box .vendor-item .picture > a img {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
max-width: 100%;
height: auto;
}
.item-box .details .product-category {
position: relative;
overflow: initial;
}
.item-box .details .etichetta-energetica {
position: absolute;
z-index: 1;
max-width: 38px;
top: 0;
margin-top: -3px;
right: 10px;
}
.item-box .product-category,
.item-box .product-title,
.item-box .title {
margin: 0 0 7px;
overflow: hidden;
font-size: 13px;
font-weight: normal;
color: black;
text-transform: uppercase;
padding: 0 20px !important;
text-align: left;
}
.item-box .product-title a,
.item-box .title a {
display: flex;
flex-wrap: wrap;
}
.item-box .product-title a .categoria {
padding-right: 10px;
text-align: left;
flex: 1;
}
.item-box .sku {
display: none; /*remove if you want to show sku*/
font-size: 13px;
color: #000;
margin-bottom: 5px;
}
.item-box .nome,
.item-box .produttore-nome {
margin-bottom: 5px;
font-size: 13px;
font-weight: normal;
}
.item-box .produttore strong {
font-weight: 600;
}
.item-box .product-rating-box {
display: inline-block;
margin: 0 0 8px;
}
.item-box .rating {
background: url('../../Themes/Emporium/Content/img/rating1.gif') repeat-x;
width: 65px;
height: 12px;
}
.item-box .rating div {
background: url('../../Themes/Emporium/Content/img/rating2.gif') repeat-x;
height: 12px;
}
.item-box .details {
display: flex;
flex-direction: column;
flex: 1;
}
.item-box .add-info {
margin-top: auto;
}
/*
@media(max-width: 768px) {
.item-box .add-info {
margin-bottom: 20px;
}
}
*/
.item-box .description {
position: relative;
font-size: 13px;
text-align: left;
padding: 0 20px;
max-height: 65px;
overflow: hidden;
/*margin-top: auto;*/
margin-bottom: 10px;
}
/* .item-box .description:after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 0.7) 90%);
width: 100%;
height: 1em;
}*/
.item-box .description a {
display: block;
overflow: hidden;
}
.item-box .description .descrizione-metro-web {
display: block;
overflow: hidden;
font-size: 13px;
font-weight: normal;
}
.item-box .prices {
overflow: hidden;
position: relative;
}
.item-box .prices *:empty {
display: none;
}
.item-box .prices * {
display: inline;
align-items: baseline;
}
.item-box .old-price,
.item-box .advised-price {
font-size: 12px;
color: black;
display: block;
position: absolute;
width: 100%;
top: 50px;
white-space: nowrap;
}
@media (min-width: 1281px) and (max-width: 1400px) {
.item-box .old-price,
.item-box .advised-price {
font-size: 11px;
}
}
@media (max-width: 710px) {
.item-box .old-price,
.item-box .advised-price {
font-size: 11px;
}
}
@media (min-width: 601px) and (max-width: 640px) {
.item-box .old-price,
.item-box .advised-price {
font-size: 10px;
}
}
@media (max-width: 415px) {
.item-box .old-price,
.item-box .advised-price {
font-size: 10px;
}
}
@media (max-width: 360px) {
.item-box .old-price,
.item-box .advised-price {
font-size: 9px;
}
}
@media (max-width: 333px) {
.item-box .old-price,
.item-box .advised-price {
font-size: 8px;
}
}
@media(min-width: 601px) {
/* CATEGORY PAGE & GRIDS */
.item-box {
width: 32%;
text-align: center;
}
.item-box:nth-child(2n+1) {
margin-left: 2%;
clear: none;
}
.item-box:nth-child(3n+1) {
margin-left: 0;
/*clear: both;*/
}
}
.item-box .advised-price {
top: 57px;
}
.item-box .old-price .fa-info,
.item-box .advised-price .fa-info {
display: inline-block;
border: 1px solid #ccc;
border-radius: 100%;
padding: 1px 4px 1px 5px;
font-size: 9px;
color: gray;
margin-left: 5px;
cursor: pointer;
vertical-align: baseline;
}
@media(max-width: 1024px) {
.item-box .old-price .fa-info,
.item-box .advised-price .fa-info {
display: none;
}
}
@media(max-width: 400px) {
.item-box .old-price .fa-info,
.item-box .advised-price .fa-info {
margin-left: 0;
}
}
.item-box .old-price + .advised-price {
top: 70px;
}
.item-box .old-price {
margin-bottom: 5px;
}
.item-box .old-price label,
.item-box .advised-price label {
vertical-align: baseline;
}
.item-box .old-price .valore {
position: relative;
display: inline-block;
}
.item-box .old-price .valore .currency-symbol {
font-size: 12px;
padding-right: 3px;
font-weight: normal;
}
.item-box .old-price .valore:before {
content: url("data:image/svg+xml;utf8,");
width: 100%;
position: absolute;
top: 54%;
transform: translateY(-50%);
overflow: hidden;
}
.item-box .old-price .sconto-percentuale,
.item-box .advised-price .sconto-percentuale {
/*color: #0061af;*/
color: #f8ae00;
/* color: black; */
margin-left: 5px;
font-size: 12px;
}
@media(min-width: 1281px) and (max-width: 1400px) {
.item-box .old-price .sconto-percentuale,
.item-box .advised-price .sconto-percentuale {
font-size: 11px;
}
}
@media(max-width: 710px) {
.item-box .old-price .sconto-percentuale,
.item-box .advised-price .sconto-percentuale {
font-size: 11px;
}
}
@media(max-width: 415px) {
.item-box .old-price .sconto-percentuale,
.item-box .advised-price .sconto-percentuale {
font-size: 10px;
}
}
@media(max-width: 360px) {
.item-box .old-price .sconto-percentuale,
.item-box .advised-price .sconto-percentuale {
font-size: 9px;
}
}
@media(max-width: 333px) {
.item-box .old-price .sconto-percentuale,
.item-box .advised-price .sconto-percentuale {
font-size: 8px;
}
}
@media(max-width: 400px) {
.item-box .old-price .sconto-percentuale,
.item-box .advised-price .sconto-percentuale {
margin-left: 0;
}
}
.item-box .add-info .no-price {
padding-bottom: 98px;
}
.item-box .actual-price {
display: block;
font-size: 36px;
color: black !important;
font-weight: bold;
padding-bottom: 42px;
transition: 0.2s;
width: 100%;
}
.item-box .actual-price:hover {
transition: 0.2s;
color: #f8ae00 !important;
}
@media(max-width: 767px) {
.item-box .add-info .no-price {
padding-bottom: 128px;
}
/*
.item-box .actual-price {
padding-bottom: 30px;
}*/
}
.item-box .actual-price .currency-symbol {
font-size: 24px;
margin-right: 6px;
font-weight: normal;
}
.item-box .actual-price .decimal {
font-size: 18px;
}
.item-box .old-price + .actual-price,
.item-box .actual-price + .tax-shipping-info {
margin-left: 5px;
}
.item-box .tax-shipping-info {
color: #000;
}
.item-box .tax-shipping-info a {
color: #97c300;
}
.item-box .base-price-pangv {
color: #000;
}
.item-box .buttons {
display: none;
font-size: 0;
}
/*.item-box input[type="button"] {
height: 40px;
padding: 0 5%;
vertical-align: middle;
border: none;
text-overflow: ellipsis;
overflow: hidden;
}*/
.item-box input[type="button"] {
vertical-align: middle;
border: none;
text-transform: uppercase;
}
.item-box .button-2 {
width: 100%;
background-color: #f1f1f1;
border-radius: 3px;
font-weight: 600;
font-size: 14px;
color: #000;
text-transform: uppercase;
transition: all .2s ease;
}
.item-box .buttons .button-2:hover {
background-color: #f8ae00;
color: #fff;
}
.item-box .product-rating-box {
margin-bottom: 10px;
}
.item-box .btn-wrapper {
display: flex !important;
font-size: 0;
align-items: center;
justify-content: center;
bottom: 0;
margin-top: 10px;
height: 50px;
background-color: #f8ae00;
transition: 0.5s !important;
}
.item-box .btn-wrapper:hover {
transition: 0.5s;
background-color: black;
}
.item-box .btn-wrapper .ajax-cart-button-wrapper {
width: 100%;
height: 100%;
display: flex;
}
.item-box:hover .btn-wrapper {
opacity: 1;
pointer-events: auto;
}
.item-box .btn-wrapper .button-2 {
position: relative;
margin-left: 4px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0;
border-radius: 30px;
background-color: black;
border: 0;
font-size: 0;
backface-visibility: hidden;
transition: all .1s ease;
}
.item-box .btn-wrapper button .fa {
font-size: 20px;
color: #f8ae00;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.item-box .btn-wrapper button:hover .fa {
color: white;
}
.item-box .btn-wrapper button:before {
transition: all .1s ease;
text-transform: none;
font-weight: normal;
font-size: 18px;
color: #8e8e8e;
}
.item-box .btn-wrapper .add-to-wishlist-button:before {
content: "\63";
}
.item-box .btn-wrapper .add-to-compare-list-button:before {
content: "\62";
}
.item-box .btn-wrapper button:hover {
background-color: #97c300;
}
.item-box .btn-wrapper button:hover:before {
color: #fff !important;
}
.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid {
margin: 0 auto 45px;
}
.home-page-category-grid .item-box {
background-color: #f6f6f6;
}
/*** Brand box **/
.container-brand {
display: inline-block;
flex-direction: column;
justify-content: center;
align-items: center;
width: calc(50% - 15px);
background: white;
margin: 0 15px 30px 0;
}
@media(max-width: 1024px) {
.container-brand {
width: auto;
height: 450px;
}
}
.container-brand .header-brand {
display: flex;
font-size: 15px;
font-weight: 600;
color: #f8ae00;
width: 100%;
background-color: white;
}
.container-brand .header-brand .cerca-per-brand {
position: relative;
background-color: #f8ae00;
color: black;
text-transform: uppercase;
font-weight: normal;
width: 50%;
font-size: 24px;
padding: 8px 10px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
}
.container-brand .header-brand .cerca-per-brand:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 0;
height: 0;
border-color: transparent transparent transparent #f8ae00;
border-style: solid;
border-width: 23px;
}
.container-brand .header-brand .cerca-per-brand a {
width: 100%;
text-align: center;
}
.container-brand .header-brand .vedi-tutti-brand {
padding: 8px 20px;
font-size: 24px;
flex: 1;
text-align: right;
text-transform: uppercase;
font-weight: 600;
}
@media(max-width: 550px) {
.container-brand .header-brand .cerca-per-brand,
.container-brand .header-brand .vedi-tutti-brand {
font-size: 16px;
}
.container-brand .header-brand .vedi-tutti-brand {
padding: 15px 20px;
}
}
.container-brand .lista-brand {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 20px 0px 20px;
height: calc(100% - 46px);
position: relative;
align-content: center;
}
.container-brand .lista-brand .manufacturer-item {
width: 33%;
height: 30%;
padding: 5px 25px;
text-align: center;
position: relative;
}
@media(max-width: 767px) {
.container-brand .lista-brand .manufacturer-item {
padding: 0;
}
}
.container-brand .lista-brand .manufacturer-item::after {
content: '';
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
position: absolute;
height: 15px;
width: 15px;
right: 0;
bottom: 0;
}
.container-brand .lista-brand .manufacturer-item::before {
content: '';
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
position: absolute;
height: 15px;
width: 15px;
left: -1px;
top: -1px;
}
.container-brand .lista-brand .manufacturer-item:nth-child(1)::before,
.container-brand .lista-brand .manufacturer-item:nth-child(2)::before,
.container-brand .lista-brand .manufacturer-item:nth-child(3)::before,
.container-brand .lista-brand .manufacturer-item:nth-child(4)::before,
.container-brand .lista-brand .manufacturer-item:nth-child(7)::before {
display: none;
}
.container-brand .lista-brand .manufacturer-item:nth-child(3)::after,
.container-brand .lista-brand .manufacturer-item:nth-child(6)::after,
.container-brand .lista-brand .manufacturer-item:nth-child(7)::after,
.container-brand .lista-brand .manufacturer-item:nth-child(8)::after,
.container-brand .lista-brand .manufacturer-item:nth-child(9)::after {
display: none;
}
.container-brand .lista-brand .manufacturer-item .picture,
.container-brand .lista-brand .manufacturer-item .picture a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.container-brand .lista-brand .manufacturer-item img {
max-height: 100%;
}
@media(max-width: 1024px) {
.container-brand .lista-brand .manufacturer-item img {
}
}
/*** END Brand Box ***/
.category-grid .item-box {
border: none;
}
.category-grid .item-box .picture {
border: none;
background: transparent;
margin: 0;
}
.category-grid .item-box .picture a:before {
padding-top: 73.33%;
}
.vendor-item .picture,
.manufacturer-item .picture {
margin-bottom: 0
}
.vendor-item .title,
.manufacturer-item .title,
.category-grid .item-box .title {
margin-bottom: 0;
height: auto;
}
.vendor-item .title a,
.manufacturer-item .title a,
.category-grid .item-box .title a {
display: block;
padding: 16px 15px;
font-size: 13px;
color: #444444;
font-weight: 600;
letter-spacing: 2px;
text-transform: initial;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: color .2s ease;
}
.sub-category-grid .item-box .title a {
white-space: normal;
text-overflow: initial;
}
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a {
color: #97c300;
}
.home-page-advantages {
display: flex;
justify-content: center;
margin-top: 30px;
margin-bottom: 45px;
overflow: hidden;
background-color: #f8ae00;
}
@media(max-width: 768px) {
.home-page-advantages {
display: block;
padding: 15px 0;
}
}
.advantages-item {
padding: 10px 15px;
margin-bottom: 5px;
background-color: #f8ae00;
overflow: hidden;
text-align: left;
}
@media(max-width: 768px) {
.advantages-item {
width: 100% !important;
}
}
.advantages-item > div {
display: inline-block;
vertical-align: middle;
}
.advantages-item .description {
display: none;
}
.advantages-item .picture {
width: 40px;
height: 40px;
}
.advantages-item .picture img {
max-height: 100%;
max-width: 100px;
}
.advantages-item .info {
width: calc(100% - 55px);
padding-left: 10px;
}
.advantages-item .title {
font-size: 17px;
color: white;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #f8ae00;
}
@media(max-width: 1024px) {
.advantages-item .title {
margin: 0;
}
}
.advantages-item .title a {
transition: all .2s ease;
}
.advantages-item .title a:hover {
color: white !important;
}
.product-grid .title {
margin: 0 0 25px;
font-size: 28px;
color: #444444;
font-weight: 600;
text-align: center;
}
/*.product-grid .item-box .picture > a:after {
content: "";
position: absolute;
display: block;
top: 40%;
left: 0;
right: 0;
bottom: 40%;
margin: auto;
background-color: #444;
opacity: 0;
transition: all .1s ease;
}*/
.pager {
margin: 10px 0 20px;
}
.pager:last-child {
margin-bottom: 0;
}
.pager ul {
text-align: center;
font-size: 0;
}
.pager li {
display: inline-block;
margin: 0 5px 5px;
vertical-align: middle;
}
.pager li a,
.pager li span {
display: block;
width: 38px;
height: 38px;
line-height: 37px;
border-radius: 50%;
text-align: center;
font-size: 15px; /*reset zeroing*/
cursor: pointer;
color: #000;
transition: all .3s ease;
}
.pager li a:hover,
.pager li span {
color: #fff;
background-color: #97c300;
border-color: #97c300 !important;
}
.pager li a:hover::before {
color: #fff;
}
.pager li a:before {
display: block;
font-size: 12px;
color: #d0d0d0;
line-height: 37px;
transition: all .3s ease;
}
.pager li.previous-page a,
.pager li.next-page a,
.pager li.first-page a,
.pager li.last-page a {
font-size: 0;
background-color: #fff;
}
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover {
background-color: #97c300;
}
.previous-page a,
.next-page a,
.first-page a,
.last-page a {
border: 1px solid #e4e4e4;
}
.previous-page a:before,
.next-page a:before {
content: "\6b";
}
.next-page a:before {
content: "\6a";
}
.first-page a:before {
content: "\56";
}
.last-page a:before {
content: "\57";
}
/********** PRODUCT PAGE **********/
.product-details-page .product-grid {
width: 100%;
}
.mobile-name-holder {
margin-bottom: 0;
}
.mobile-name-holder .breadcrumb {
margin: 0 0 20px;
}
.mobile-name-holder .breadcrumb li,
.mobile-name-holder .breadcrumb li > h2 {
font-size: 10px;
}
.mobile-name-holder .product-name h1 {
font-size: 18px;
}
.mobile-name-holder .product-name h2 .descrizione-metro-web {
font-size: 13px;
}
.gallery-mobile .picture-mobile-wrapper {
margin: auto;
margin-bottom: 5px !important;
max-width: 70%;
}
.product-essential {
margin: 0 0 20px;
}
.product-essential:after {
content: "";
display: block;
clear: both;
}
.product-essential .free-shipping-text {
text-transform: uppercase;
font-size: 18px;
display: block;
margin: 10px 5px;
font-weight: 600;
}
.product-essential .free-shipping-text img {
max-width: 65px;
position: absolute;
z-index: 1011;
right: 20px;
}
.gallery {
margin: 0 auto 40px;
max-width: 500px;
}
.gallery .picture-thumbs .slick-prev {
transform: none;
}
.gallery .picture-thumbs .slick-next {
transform: none;
}
.gallery .picture {
position: relative;
max-width: 100%;
margin: 0 auto;
border-radius: 3px;
overflow: hidden;
background-color: #fff;
text-align: center;
font-size: 0;
}
.gallery .picture:before {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.gallery .picture img {
position: absolute;
top: 0;
/*bottom: 0;*/
right: 0;
left: 0;
margin: auto;
max-height: 100%;
}
.gallery .picture-thumbs {
margin: 10px 0 0;
overflow: hidden;
text-align: center;
font-size: 0;
}
.gallery .thumb-item {
display: inline-block;
position: relative;
width: 85px;
margin: 0 4px 10px;
border-radius: 3px;
border: 1px solid #eeeeee;
overflow: hidden;
background-color: #fff;
cursor: pointer;
}
.gallery .thumb-item:before {
content: "";
display: block;
padding-top: 100%;
}
.gallery .thumb-item img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.gallery-mobile .item img {
margin: auto;
height: 100%;
width: 100%;
object-fit: contain;
}
.gallery-mobile .item {
height: 250px;
}
.gallery-mobile .slick-dots li,
.cross-sells .slick-dots li {
margin: 0 2px;
}
.gallery-mobile .slick-dots li.slick-active button,
.cross-sells .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.gallery-mobile .slick-dots li button:before,
.cross-sells .slick-dots li button:before {
content: " ";
width: 7px;
height: 7px;
background-color: gray;
border-radius: 100%;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: 1;
-webkit-font-smoothing: antialiased;
}
.gallery-mobile .slick-dots li.slick-active button:before,
.cross-sells .slick-dots li.slick-active button:before {
background-color: #f8ae00;
}
.product-details-page .gallery-mobile .slick-dots {
bottom: -25px !important;
}
.product-details-page .slick-dots,
.product-details-page .gallery-mobile .slick-dots {
position: relative;
margin-top: 15px;
bottom: 0 !important;
}
.product-details-page .gallery-mobile .slick-dots {
white-space: nowrap;
overflow: auto;
margin-bottom: 15px;
}
.compare-wishlist-container-mobile {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.compare-wishlist-container-mobile > div {
margin: 0 15px;
}
.compare-wishlist-container-mobile .add-to-wishlist button:hover::before,
.compare-wishlist-container-mobile .add-to-wishlist button:hover span {
color: #f8ae00;
}
.compare-wishlist-container-mobile > div button span {
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000;
text-transform: uppercase;
border: none;
background: transparent;
transition: all .2s ease;
}
.compare-wishlist-container-mobile > div button::before {
display: inline-block;
vertical-align: text-bottom;
margin-right: 10px;
font-size: 18px;
color: #000;
text-transform: none;
font-weight: normal;
transition: all .2s ease;
}
.compare-wishlist-container-mobile .add-to-wishlist button {
background-color: transparent !important;
height: auto !important;
width: auto !important;
line-height: inherit !important;
display: flex !important;
}
.compare-wishlist-container-mobile .compare-products {
margin-bottom: 0 !important;
}
.product-prices-box-mobile-container.with-cross-sell .product-prices-box .product-price-box-content {
/*flex-direction: column*/
}
.product-prices-box-mobile-container.with-cross-sell .product-prices-box .product-price-box-content > div {
width: 100%;
}
.product-prices-box-mobile-container.with-cross-sell .product-prices-box .product-price-box-content .prices {
margin-bottom: 15px;
}
.product-prices-box-mobile-container.with-cross-sell .product-prices-box.fixed .product-price-box-content .prices {
margin-bottom: 0 !important;
}
.product-prices-box-mobile-container .product-prices-box {
border-radius: 20px;
position: relative;
z-index: 1;
}
.product-prices-box-mobile-container .product-prices-box.fixed {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
border-radius: 20px 20px 0 0;
z-index: 1049;
}
.product-prices-box-mobile-container .product-prices-box.fixed .products-added-list {
display: none;
}
.product-prices-box-mobile-container.with-cross-sell .product-prices-box.fixed .product-price-box-content {
flex-direction: row;
}
.product-prices-box-mobile-container.with-cross-sell .product-prices-box.fixed .product-price {
text-align: left !important;
}
.product-prices-box-mobile-container .product-prices-box > div.product-price-box-content .container-old-and-advised-price {
display: flex;
flex-direction: column;
background-color: transparent !important;
font-size: 12px;
width: auto !important;
padding: 0;
margin-bottom: 10px;
}
.product-prices-box-mobile-container .product-prices-box > div.product-price-box-content .container-old-and-advised-price:empty {
display: none;
}
.product-prices-box-mobile-container .product-prices-box > div.product-price-box-content .container-old-and-advised-price .old-price,
.product-prices-box-mobile-container .product-prices-box > div.product-price-box-content .container-old-and-advised-price .advised-price {
position: relative;
}
.product-prices-box-mobile-container .product-prices-box > div.product-price-box-content .container-old-and-advised-price .fa-info {
display: inline-block !important;
top: 0;
right: auto;
left: -22px;
}
@media(max-width: 470px) {
.product-prices-box-mobile-container .product-prices-box > div.product-price-box-content .container-old-and-advised-price {
font-size: 11px;
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .sconto-percentuale {
margin-left: 0 !important;
}
}
@media(max-width: 430px) {
.product-prices-box-mobile-container .product-prices-box > div.product-price-box-content .container-old-and-advised-price {
font-size: 10px;
margin-right: 0;
}
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content {
display: flex;
padding: 15px 10px 5px;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content > div {
width: 50%;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content > div:last-child {
padding-right: 5px;
display: flex;
flex-direction: column;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content > div:last-child .add-to-cart {
margin-top: auto;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .add-to-cart-qty-wrapper {
display: none;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices {
border: none;
margin: 0;
padding: 0 0 0 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
overflow: visible;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price {
margin-bottom: 10px;
}
.product-prices-box-mobile-container .product-prices-box.fixed .product-price-box-content .prices .old-product-price {
display: block;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price .old-price-value {
color: gray;
font-size: 20px;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price .old-price-value .value {
font-size: 17px;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price .old-price-value .currency-symbol {
font-size: 13px;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price .old-price-value::before {
width: 85%;
right: 0;
top: 65%;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price .sconto-percentuale {
color: #0070c0;
font-size: 20px;
margin-left: 5px;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .product-price {
font-size: 40px;
white-space: nowrap;
margin-bottom: 10px;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price:not(.hidden) + .product-price {
margin-top: auto;
margin-bottom: 5px;
text-align: center;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .product-price .whole,
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .product-price .decimal {
font-weight: bold;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price + .product-price .whole {
font-weight: 500;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .product-price .whole .currency-symbol {
font-size: 27px;
margin-right: 12px;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .prices .old-product-price + .product-price .decimal {
font-weight: 500;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .availability .stock {
background: transparent;
font-size: 12px;
padding: 0 0 10px 0;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .add-to-cart-button {
border-radius: 12px;
height: 55px;
font-size: 22px;
line-height: 22px;
font-family: 'Lato', sans-serif;
width: 100%;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .add-to-cart-button:hover {
background-color: #d99800 !important;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .add-to-cart-button:focus:hover {
background-color: #c38900 !important;
}
.product-prices-box-mobile-container .product-prices-box .product-price-box-content .add-to-cart-panel .non-disponibile {
border-radius: 12px;
width: 100%;
}
.info-mobile .container-servizi {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: auto;
margin-top: 10px;
margin-bottom: 0;
background-color: white;
border-radius: 10px;
padding: 10px 0;
}
.info-mobile .container-servizi > div {
width: 50%;
padding: 5px;
}
.info-mobile .container-servizi > div.container-trustpilot-box {
width: 100%;
}
.info-mobile .container-servizi > div a {
display: flex;
align-items: center;
}
.info-mobile .container-servizi > div a span:first-child {
width: 40px;
}
.info-mobile .container-servizi > div a span:last-child {
text-align: left;
margin-left: 5px;
font-size: 12px;
font-weight: 600;
flex: 1;
}
.info-mobile .container-servizi > div img {
max-height: 22px;
}
.info-mobile .promozioni .promozione,
.info-mobile .banner-findomestic {
margin: auto;
border-radius: 7px;
max-width: 97% !important;
overflow: hidden;
margin-top: 5px;
}
.info-mobile .banner-findomestic {
border-radius: 10px !important;
padding-top: 10px;
padding-bottom: 3px;
background-color: #3b9c3f;
max-width: 100% !important;
margin-top: 5px !important;
}
.info-mobile .info-box-gray {
background-color: #ececf2;
padding: 10px;
margin-top: 5px;
border-radius: 20px;
}
.container-product-infos .banner-findomestic {
margin: auto;
border-radius: 7px;
overflow: hidden;
}
.info-mobile .promozioni .promozione a,
.container-product-infos .promozioni .promozione a,
.info-mobile .banner-findomestic a,
.container-product-infos .banner-findomestic a {
display: flex;
align-items: center;
justify-content: center;
}
.info-mobile .etichetta-documentazione-container {
max-width: 97%;
margin: auto;
margin-top: 10px;
padding: 0 5px;
text-align: left;
margin-bottom: 20px;
}
.info-mobile .etichetta-documentazione-container .etichetta-energetica {
margin-right: 20px;
}
.info-mobile .etichetta-documentazione-container > div {
display: inline-flex;
}
.overview {
position: relative;
margin: 0 0 20px;
}
.overview .categoria {
margin-bottom: 15px;
font-size: 18px;
font-weight: normal;
}
.overview .categoria:hover {
color: #f8ae00;
}
.product-name .manufacturers,
.overview .manufacturers {
font-size: 15px;
color: #000;
}
.product-name .manufacturers .value,
.overview .manufacturers .value {
color: #97c300;
}
.product-name .manufacturers .value:hover,
.overview .manufacturers .value:hover {
color: #7c9a16;
}
.discontinued-product {
margin: 0 0 20px;
color: #ff4f60;
}
.overview .product-name {
margin: 0 0 5px;
}
.overview .product-name,
.overview .breadcrumb {
display: none;
}
.overview .reviews-and-compare > div {
display: flex;
justify-content: flex-end;
}
@media(max-width: 1280px) {
.overview .reviews-and-compare > div {
justify-content: center;
margin-bottom: 20px;
}
.overview .reviews-and-compare .compare-products {
margin-bottom: 0;
}
}
.overview .reviews-and-compare > div > div {
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-left: 5px;
}
.overview .reviews-and-compare .compare-products {
display: inline-block;
background-color: #f2f2f7;
border-radius: 5px;
}
.overview .reviews-and-compare .compare-products button {
padding: 5px 10px;
}
.overview .reviews-and-compare .compare-products button:before {
margin-right: 0;
}
.overview .reviews-and-compare .add-to-wishlist {
display: inline-block;
width: auto;
padding: 0;
display: inline-block;
background-color: #f2f2f7;
border-radius: 5px;
}
.overview .reviews-and-compare .add-to-wishlist button {
line-height: initial;
background-color: transparent;
height: auto;
width: auto;
padding: 5px 10px;
}
.overview .reviews-and-compare .add-to-wishlist button:before {
margin-right: 0;
transition: all .2s ease;
}
.overview .reviews-and-compare .email-a-friend {
display: inline-block;
position: relative;
display: inline-block;
background-color: #f2f2f7;
padding: 5px 10px;
border-radius: 5px;
}
.overview .reviews-and-compare .email-a-friend:before {
content: url(/images/uploaded/share-button.png);
content: -webkit-image-set(url('/images/uploaded/share-button.png.webp') 1x);
display: block;
font-size: 22px;
color: black;
transition: all .5s ease;
margin-right: 0;
}
.overview .reviews-and-compare .email-a-friend input {
width: 22px;
height: 22px;
border: none;
background: transparent;
font-size: 0;
position: absolute;
top: 0;
left: 0;
}
.overview .reviews-and-compare .compare-products button:hover:before {
color: #000;
}
.overview .reviews-and-compare .add-to-wishlist button:hover:before {
transform: rotateY(-180deg);
}
.overview .reviews-and-compare .email-a-friend:hover:before {
transform: rotateY(-180deg);
}
.product-name h1 {
margin-bottom: 10px;
font-size: 26px;
color: black;
font-weight: 600;
}
.product-name h2 .descrizione-metro-web {
display: block;
font-weight: normal;
margin: 0 0 15px;
font-size: 17px;
line-height: 1.5;
color: #000;
white-space: pre-wrap;
font-style: normal;
margin-top: 15px;
}
.overview #icecat-bulletpoints .IcecatLive #bullet-points-list {
font-family: 'Lato', sans-serif;
margin: 0px 0;
margin-bottom: 15px;
list-style: none;
padding: 0;
color: black;
font-size: 17px;
}
@media(max-width: 767px) {
.overview #icecat-bulletpoints .IcecatLive #bullet-points-list {
font-size: 12px;
}
}
#icecat-reasontobuy {
max-width: 1024px;
margin: auto;
text-align: left;
}
#icecat-reasontobuy .IcecatLive .-header {
display: none;
}
#icecat-reasontobuy .IcecatLive [tab=reasonsToBuy_tpl] > .clearfix .-icecat-rtb_img_wrapper {
margin-right: 15px;
margin-left: 15px;
}
#icecat-reasontobuy .IcecatLive .-icecat-rtb_wrapper {
margin: 5px 0;
}
#icecat-reasontobuy .IcecatLive .-icecat-rtb_img {
display: flex;
}
#icecat-reasontobuy .IcecatLive .-icecat-rtb_img img {
max-height: 200px;
width: auto;
margin: auto;
text-align: center;
}
#icecat-featurelogos {
margin-top: 15px;
}
#icecat-featurelogos .IcecatLive.for-featurelogos .swiper-wrapper {
justify-content: center;
}
.overview #icecat-bulletpoints .IcecatLive #bullet-points-list li {
margin-bottom: 5px;
}
.overview .short-description {
margin: 0 0 15px;
padding: 0 10px;
font-size: 17px;
line-height: 1.5;
color: #000;
white-space: pre-wrap;
overflow-wrap: break-word;
}
@media(max-width: 767px) {
.overview .short-description {
font-size: 12px;
}
}
.overview .short-description strong {
font-weight: 600;
}
.overview .product-prices-box-desktop-container-fixed {
position: fixed;
background: white;
box-shadow: 0 0 5px gray;
left: 0;
bottom: 0;
width: 100%;
margin: auto;
width: 100%;
z-index: 1049;
height: 65px;
padding: 0 10px;
}
.overview .product-prices-box-desktop-container-fixed .container-old-and-advised-price {
display: none;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box {
max-width: 1280px;
margin: auto;
display: flex;
padding: 5px 0;
height: 100%;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-product {
display: flex;
align-items: center;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-product .picture {
margin-right: 15px;
height: 100%;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-product .picture img {
max-width: 80px;
width: 100%;
height: 100%;
object-fit: contain;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-product .info {
margin-bottom: 10px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-product .info .nome {
font-size: 14px;
font-weight: bold;
text-align: left;
margin-right: 15px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart {
margin-left: auto;
display: flex;
align-items: center;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices {
border: none;
margin: 0;
width: 100%;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .product-price {
line-height: 1;
font-size: 22px;
display: flex;
flex-direction: column;
margin-top: 5px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .product-price .whole .currency-symbol {
font-size: 16px !important;
margin-right: 4px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .product-price .decimal {
font-size: 16px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .product-price .suffix {
margin-left: 3px;
font-size: 11px;
margin-top: 2px;
font-weight: 500;
display: none;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .old-product-price {
margin-bottom: 0;
display: flex;
align-items: flex-end;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .old-product-price .old-price-value,
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .old-product-price .old-price-value .currency-symbol {
text-decoration: line-through;
font-size: 12px;
font-weight: bold;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .old-product-price .sconto-percentuale {
color: #0070c0;
display: inline-block;
font-weight: bold;
font-size: 16px;
margin-left: 5px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .old-product-price .sconto-euro {
display: none;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .add-to-cart {
margin-bottom: 0;
margin-left: 15px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .add-to-cart .non-disponibile {
white-space: nowrap;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .add-to-cart .add-to-cart-button {
border-radius: 10px;
height: 40px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .prices .product-price > span {
white-space: nowrap;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .add-to-cart .qty-input {
border-radius: 10px;
border: 2px solid lightgray;
width: 60px;
height: 40px;
}
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .add-to-cart .add-to-cart-qty-wrapper .plus,
.overview .product-prices-box-desktop-container-fixed .container-price-box .container-add-to-cart .add-to-cart .add-to-cart-qty-wrapper .minus {
height: 16px;
}
.overview .product-prices-box-desktop-container .product-prices-box .availability {
max-width: 70%;
margin: auto;
}
.overview .product-prices-box .promozioni {
background-color: white;
}
@media(max-width: 1280px) {
.overview .product-prices-box .promozioni {
margin: 0;
}
}
.overview .product-prices-box .promozioni .promozione img {
width: 100%;
}
.overview .promozione {
margin: 0 0 5px;
background-color: white;
}
.overview .promozione img {
display: block;
margin: auto;
}
.overview .promozione:last-child {
margin-bottom: 15px;
}
.overview .banner-findomestic {
margin-bottom: 15px;
}
.overview .product-prices-box .banner-findomestic {
margin: 15px 0;
}
.overview .product-prices-box .banner-findomestic img {
border-radius: 10px;
}
.overview .product-prices-box .promozione {
margin: 0 !important;
padding-bottom: 2px;
}
.product-reviews-overview {
margin: 0 0 20px; /*not present in variant-overview*/
}
.product-review-box {
display: inline-block;
margin: 0 0 5px;
}
.product-review-box .rating {
width: 65px;
height: 12px;
background: url('../../Themes/Emporium/Content/img/rating1.gif') repeat-x;
}
.product-review-box .rating div {
height: 12px;
background: url('../../Themes/Emporium/Content/img/rating2.gif') repeat-x;
}
.product-no-reviews a {
font-size: 14px;
color: #000;
transition: color .2s ease;
}
.product-review-links a:hover,
.product-no-reviews a:hover {
color: #97c300;
}
.product-review-links {
font-size: 14px;
color: #000;
}
.product-review-links .separator {
margin: 0 5px;
}
.product-review-links a {
transition: color .2s ease;
}
.overview .compare-products {
margin-bottom: 40px;
}
.compare-products .add-to-compare-list-button {
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000;
text-transform: uppercase;
border: none;
background: transparent;
transition: all .2s ease;
display: flex;
}
.compare-products .add-to-compare-list-button:before {
content: "\62";
display: inline-block;
vertical-align: text-bottom;
margin-right: 10px;
font-size: 18px;
color: #000;
text-transform: none;
font-weight: normal;
transition: all .2s ease;
}
.compare-products .add-to-compare-list-button:hover,
.compare-products .add-to-compare-list-button:hover:before {
color: #97c300;
}
.compare-products .add-to-compare-list-button:hover:before {
-webkit-transform: rotate3d(1,0,0,180deg);
-ms-transform: rotate3d(1,0,0,180deg);
transform: rotate3d(1,0,0,180deg);
}
.overview .stock,
.variant-overview .stock {
display: inline-block;
padding: 10px 20px;
margin: 0;
font-weight: normal;
font-size: 13px;
/*color: #2e75b6;*/
color: black;
text-transform: uppercase;
background-color: #d9d9d9;
border-radius: 2px;
font-size: 16px;
width: 100%;
}
.overview .product-prices-box-desktop-container .stock {
padding: 10px 0 12px;
background-color: transparent;
border-bottom: 1px solid #808082 !important;
}
.overview .stock .label,
.variant-overview .stock .label {
display: none;
}
.back-in-stock-subscription {
margin: 0 0 15px;
font-size: 0;
backface-visibility: hidden;
}
.back-in-stock-subscription:before {
content: "\45";
display: inline-block;
margin-right: 7px;
vertical-align: bottom;
color: #000;
font-size: 17px;
transition: color .2s ease;
}
.back-in-stock-subscription:hover:before {
color: #97c300;
-webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
-moz-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
.back-in-stock-subscription input {
background: transparent;
border: none;
font-size: 12px;
font-weight: 600;
color: #000;
text-transform: uppercase;
transition: color .2s ease;
}
.overview .additional-details,
.variant-overview .additional-details {
margin-bottom: 30px;
}
.overview .additional-details div,
.variant-overview .additional-details div {
margin: 0 0 5px;
font-size: 15px;
color: #000;
}
.overview .additional-details div.sku .value {
font-size: 15px;
font-weight: normal;
display: inline-block;
}
@media(max-width: 767px) {
.overview .additional-details div.sku .label,
.overview .additional-details div.sku .value {
font-size: 12px;
}
}
.overview .additional-details div .value,
.variant-overview .additional-details div .value {
color: #444444;
}
.overview .additional-details div .value a,
.variant-overview .additional-details div .value a {
color: #97c300;
text-decoration: none;
}
.overview .additional-details div .value a:hover,
.variant-overview .additional-details div .value a:hover {
color: #7c9a16;
}
.overview .delivery-date,
.variant-overview .delivery-date {
margin: 0 0 5px;
font-size: 14px;
color: #000;
}
.free-shipping {
display: inline-block;
margin: 10px auto 15px;
color: #000;
font-size: 14px;
}
.download-sample {
font-size: 0;
margin: 30px 0;
}
.download-sample a {
font-size: 13px;
color: #97c300;
font-weight: 600;
text-transform: uppercase;
}
.download-sample a:before {
content: "\4a";
display: inline-block;
margin-right: 10px;
font-size: 18px;
text-transform: none;
font-weight: normal;
vertical-align: text-bottom;
}
.overview-buttons div {
display: inline-block;
margin: 0 5px 10px;
}
.attributes {
padding: 10px;
font-size: 15px;
text-align: left;
margin: 0 auto 20px;
}
.attributes:only-child {
margin-bottom: 0;
}
.attributes-wrapper > div {
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.product-prices-box {
background-color: #ececf2;
border-radius: 15px;
overflow: hidden;
}
.product-prices-box > div.product-price-box-content {
position: relative;
border-radius: 3px;
padding: 15px;
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price {
position: relative;
background-color: white;
padding: 10px;
margin-top: 5px;
border-radius: 10px;
color: black;
font-size: 13px;
width: 282px !important;
margin-right: 10px;
}
@media(max-width: 1600px) {
.product-prices-box > div.product-price-box-content .container-old-and-advised-price {
font-size: 11px;
}
}
@media(max-width: 1024px) {
.product-prices-box > div.product-price-box-content .container-old-and-advised-price {
font-size: 14px;
}
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .old-price {
margin-bottom: 10px;
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .old-price label,
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .advised-price label {
vertical-align: baseline;
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .old-price + .advised-price {
color: gray;
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .fa-info {
display: inline-block;
border: 1px solid #ccc;
border-radius: 100%;
padding: 1px 4px 1px 5px;
font-size: 9px;
color: gray;
margin-left: 5px;
cursor: pointer;
vertical-align: baseline;
position: absolute;
top: 4px;
right: 4px;
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .old-price .fa-info {
display: none;
}
.product-prices-box > div.product-price-box-content .container-old-and-advised-price .sconto-percentuale {
color: #f8ae00;
margin-left: 5px;
}
.product-prices-box > div.product-price-box-content .container-feature-logo-etichetta-energetica {
position: absolute;
top: 0;
right: 0;
}
.product-prices-box > div.product-price-box-content .container-feature-logo-etichetta-energetica img {
max-width: 65px;
}
.attributes-wrapper > div.product-prices-box {
max-width: none;
}
.attributes dl {
overflow: hidden;
}
.attributes dt,
.attributes .attribute-label,
.giftcard label {
display: block;
font-size: 15px;
margin: 0 0 5px;
white-space: nowrap;
font-weight: 600;
color: #444444;
}
.attributes dt,
.attributes dd {
text-align: center;
}
.attributes dd li {
text-align: left;
}
.attributes .required {
color: #444444;
}
.attributes dd {
margin: 0 0 20px;
}
.attributes dd:last-child {
margin-bottom: 0;
}
.attributes li {
margin: 8px 0 10px;
}
.attributes dd select,
.product-details-page .attributes dd select:only-child {
max-width: 100%;
}
.product-details-page .attributes dd select {
max-width: calc(100% - 60px);
}
.attributes select + .qty-box {
margin-top: 10px;
}
.attributes dd input[type="text"],
.attributes dd input[type="password"],
.attributes dd input[type="tel"],
.attributes dd input[type="email"],
.attributes dd select:only-child {
width: 100%;
line-height: 45px;
}
.attributes.rental-attributes {
font-size: 0;
}
.attributes.rental-attributes > div {
display: inline-block;
width: 49%;
}
.attributes.rental-attributes > div:nth-child(2n) {
margin-left: 2%
}
.attributes.rental-attributes > div:only-child {
width: 100%;
margin-left: 0;
}
.attributes.rental-attributes input {
height: 45px;
padding: 0 20px;
border-radius: 3px;
text-align: left;
}
.product-social-buttons {
margin-bottom: 30px;
}
.product-social-label {
display: inline-block;
margin-bottom: 20px;
font-size: 15px;
font-weight: 600;
color: #444444;
}
.product-social-sharing li {
display: inline-block;
margin: 0 5px;
vertical-align: top;
}
.product-social-sharing li a {
display: block;
font-size: 0;
backface-visibility: hidden;
}
.product-social-sharing li a:before,
.email-a-friend:before {
display: block;
font-size: 22px;
color: #8e8e8e;
transition: all .5s ease;
}
.product-social-sharing li a:hover:before,
.product-social-sharing .email-a-friend:hover:before {
-webkit-transform: rotate3d(0,1,0,360deg);
-ms-transform: rotate3d(0,1,0,360deg);
transform: rotate3d(0,1,0,360deg);
}
.product-social-sharing a.twitter:before {
content: "\6f";
}
.product-social-sharing a.facebook:before {
content: "\6e";
}
.product-social-sharing a.pinterest:before {
content: "\44";
}
.product-social-sharing a.google:before {
content: "\70";
}
.product-social-sharing .email-a-friend:before {
content: "\6d";
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.product-social-sharing .email-a-friend {
position: relative;
}
.product-social-sharing .email-a-friend input {
width: 22px;
height: 22px;
border: none;
background: transparent;
font-size: 0;
}
.product-social-sharing li a:hover:before,
.email-a-friend:hover:before {
color: #97c300;
}
.attributes .qty-box {
margin: 0 0 0 5px;
}
.attributes .qty-box label {
display: none;
}
.attributes .qty-box input[type="text"] {
width: 50px;
height: 45px;
text-align: center;
border-radius: 3px;
}
.gender label,
.option-list li label,
.inputs.accept-consent label,
td.remove-from-cart label,
td.add-to-cart label,
.terms-of-service label,
.terms-of-agreement label,
.selector label,
.use-reward-points label {
display: inline-block;
font-size: 15px;
cursor: pointer;
transition: all .2s ease;
}
.attributes .datepicker {
width: 100%;
text-align: center;
}
.ui-datepicker {
width: 280px;
background-color: #fff;
text-align: center;
box-shadow: 0 0 15px rgba(0,0,0,.1);
border-radius: 3px;
overflow: hidden;
}
.ui-datepicker-header {
position: relative;
height: 32px;
background-color: #97c300;
color: #fff;
overflow: hidden;
}
.ui-datepicker-header a {
position: absolute;
top: 0;
z-index: 1;
width: 40px;
height: 32px;
line-height: 32px;
font-size: 0;
transition: all .2s ease;
}
.ui-datepicker-header a:hover {
background-color: rgba(0,0,0,.1);
}
.ui-datepicker-header a:before {
display: block;
font-size: 10px;
color: #fff;
}
.ui-datepicker-header a.ui-datepicker-prev {
left: 0;
}
.ui-datepicker-header a.ui-datepicker-prev:before {
content: "\6b";
}
.ui-datepicker-header a.ui-datepicker-next {
right: 0;
}
.ui-datepicker-header a.ui-datepicker-next:before {
content: "\6a";
}
.ui-datepicker-title {
position: relative;
z-index: 0;
line-height: 32px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
}
.ui-datepicker-calendar th {
background-color: #f6f6f6;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
width: 14.285%;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
display: block;
font-size: 14px;
color: #000;
min-height: 32px;
line-height: 32px;
border-radius: 3px;
transition: all .2s ease;
}
.ui-datepicker-calendar th span {
font-size: 13px;
}
.ui-datepicker-calendar td a:hover {
background-color: #f1f1f1;
}
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active {
background-color: #97c300;
color: #fff;
}
.attribute-squares {
font-size: 0;
}
.attribute-squares li {
display: inline-block;
margin: 0 5px 5px;
line-height: normal !important;
text-align: center;
}
.attribute-squares label {
display: block;
margin: 0 !important;
overflow: hidden;
}
.attribute-squares input[type="radio"] {
position: absolute;
left: auto;
z-index: -1;
opacity: 0;
margin-top: -25px;
}
.attribute-squares span {
display: block;
user-select: none;
}
.attribute-square {
display: block !important;
width: 32px !important;
height: 32px !important;
border: 2px solid #e7e7e7;
border-radius: 3px;
cursor: pointer;
}
.selected-value .attribute-square {
border-color: #868686;
}
.attribute-squares .tooltip-container {
display: none;
}
.giftcard {
margin: 0 0 20px;
overflow: hidden;
clear: both;
}
.giftcard div {
margin: 0 0 20px;
}
.giftcard label {
display: block;
margin: 0 0 5px;
}
.giftcard input,
.giftcard textarea {
width: 100%;
height: 45px;
line-height: 45px;
border-radius: 3px;
}
.giftcard textarea {
height: 150px;
line-height: 1.5;
}
.overview .prices,
.variant-overview .prices {
margin: 10px 0;
overflow: hidden;
font-size: 14px;
color: #8c8c8c;
text-align: left;
border-bottom: 1px solid #5b9bd5;
}
.overview .product-prices-box .prices {
margin: 0 0 20px;
padding: 0 0 14px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: none;
}
.overview .product-prices-box .prices.only-advised-price {
flex-direction: column;
}
.overview .product-prices-box .prices.only-advised-price .container-old-and-advised-price {
text-align: center;
width: 220px !important;
padding: 7px 10px;
margin: 0;
margin-bottom: 10px;
}
.overview .product-prices-box .prices.only-advised-price .container-old-and-advised-price:empty {
display: none;
}
.overview .product-prices-box .prices.only-advised-price .container-old-and-advised-price .advised-price {
color: black;
}
.overview .product-prices-box-desktop-container .product-prices-box .prices > div {
width: 50%;
}
.overview .product-prices-box .prices .products-added-list {
color: black;
margin-bottom: 10px;
text-transform: lowercase;
}
.overview .product-prices-box .prices .products-added-list .riga-prodotto {
padding-left: 10px;
display: flex;
}
.overview .product-prices-box .prices .products-added-list .riga-prodotto-principale strong {
display: flex;
}
.overview .product-prices-box .prices .products-added-list .old-price {
display: inline-block;
position: relative;
margin-left: auto;
white-space: nowrap;
height: 100%;
}
.overview .product-prices-box .prices .products-added-list .old-price:before {
content: url("data:image/svg+xml;utf8,");
width: 100%;
position: absolute;
top: 54%;
transform: translateY(-50%);
overflow: hidden;
}
.overview .product-prices-box .prices .products-added-list .old-price .currency-symbol {
font-size: 11px;
font-weight: normal;
}
.overview .product-prices-box .prices .products-added-list .currency-symbol {
font-size: 11px;
font-weight: normal;
margin-left: 5px;
}
.overview .product-prices-box .prices .products-added-list .old-price .currency-symbol {
margin: 0;
}
.overview .product-prices-box .prices .products-added-list div strong {
display: block;
font-weight: 600;
}
.overview .product-prices-box .prices .products-added-list div strong .currency-symbol {
text-transform: capitalize;
}
.overview .old-product-price,
.variant-overview .old-product-price {
color: #000;
margin-bottom: 25px;
}
.overview .product-prices-box .old-product-price .old-price-value,
.overview .product-prices-box .old-product-price .sconto-percentuale .valore {
display: inline-block;
position: relative;
}
.overview .product-prices-box .old-product-price .old-price-value:before {
content: url("data:image/svg+xml;utf8,");
width: 100%;
position: absolute;
top: 54%;
transform: translateY(-50%);
overflow: hidden;
}
.overview .product-prices-box .old-product-price .old-price-value .currency-symbol {
font-size: 11px;
font-weight: normal;
margin-right: 3px;
}
.overview .product-prices-box .old-product-price .sconto-percentuale .valore .currency-symbol {
font-size: 11px;
font-weight: normal;
margin-right: 3px;
}
.overview .old-product-price span,
.overview .old-product-price label,
.variant-overview .old-product-price span,
.variant-overview .old-product-price label {
font-size: 17px;
}
.overview .product-prices-box .old-product-price span,
.overview .product-prices-box .old-product-price label,
.overview .product-prices-box .old-product-price span,
.overview .product-prices-box .old-product-price label {
font-size: 14px;
}
.overview .product-prices-box .old-product-price {
text-align: center;
margin: 0;
}
.overview .product-prices-box-desktop-container .product-prices-box .old-product-price .old-price-value,
.overview .product-prices-box-desktop-container .product-prices-box .old-product-price .old-price-value .currency-symbol {
font-size: 17px;
font-weight: 900;
}
.overview .product-prices-box-desktop-container .product-prices-box .prices .product-price {
display: flex;
flex-direction: column;
align-items: center;
font-size: 48px;
white-space: nowrap;
}
@media(min-width: 1025px) and (max-width: 1600px) {
.overview .product-prices-box-desktop-container .product-prices-box .prices .product-price {
font-size: 36px;
}
}
.overview .product-prices-box-desktop-container .product-prices-box .prices .product-price .currency-symbol {
font-size: 30px !important;
}
.overview .product-prices-box-desktop-container .product-prices-box .old-product-price .sconto-percentuale {
color: #0070c0;
font-weight: bold;
font-size: 20px;
margin-left: 5px;
}
.overview .product-prices-box-desktop-container .product-prices-box .old-product-price .sconto-euro {
color: #000;
font-weight: 900;
font-size: 13px;
}
.overview .product-prices-box-desktop-container .product-prices-box .old-product-price .sconto-euro .valore .currency-symbol {
font-weight: 900;
font-size: 13px;
}
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
font-size: 14px;
color: #000;
}
.non-discounted-price span {
position: relative;
}
.non-discounted-price span:before {
content: url("data:image/svg+xml;utf8,");
width: 100%;
position: absolute;
top: 54%;
transform: translateY(-50%);
overflow: hidden;
}
.overview .product-price,
.variant-overview .product-price {
font-size: 36px;
color: black !important;
}
.overview .product-price .whole,
.variant-overview .product-price .whole {
display: inline-block;
width: auto;
font-weight: 900;
}
.overview .product-price .currency-symbol,
.variant-overview .product-price .currency-symbol,
.overview .product-price .whole .currency-symbol,
.variant-overview .product-price .whole .currency-symbol {
font-size: 24px !important;
margin-right: 6px;
}
.overview .product-prices-box .product-price .currency-symbol {
font-size: 36px;
}
.overview .product-price .decimal,
.variant-overview .product-price .decimal {
font-size: 18px;
}
.overview .product-price .suffix,
.variant-overview .product-price .suffix {
margin-left: 3px;
font-size: 14px;
font-weight: 300;
}
.overview .product-price .decimal,
.variant-overview .product-price .decimal .grouped-product-box {
margin-bottom: 40px;
font-weight: 900;
}
.grouped-product-box label {
display: none;
margin: 0 0 15px;
color: #787878;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.grouped-btn {
display: block;
max-width: 320px;
height: 45px;
line-height: 45px;
margin: 0 auto;
padding: 0 15px;
text-align: center;
background-color: #f1f1f1;
border-radius: 3px;
font-size: 13px;
color: #000;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase;
font-weight: 600;
transition: all .2s ease;
}
.grouped-btn:before {
content: "\4b";
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
font-size: 12px;
color: #8e8e8e;
text-transform: none;
transition: all .2s ease;
}
.grouped-btn:hover {
background-color: #f8ae00;
color: #fff;
}
.grouped-btn:hover:before {
color: #fff;
}
.grouped-btn span {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.grouped-btn strong {
display: inline-block;
vertical-align: top;
}
.tier-prices {
margin: 20px 0 30px;
font-size: 15px;
color: #000;
}
.tier-prices .title {
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
color: #444444;
}
.tier-prices .prices-table {
border: 1px solid #e7e7e7;
overflow: hidden;
border-radius: 3px;
}
.tier-prices .prices-row {
float: left;
width: 50%;
}
.tier-prices .prices-row > div {
padding: 10px;
}
.tier-prices .item-price {
color: #97c300;
}
.tier-prices .tbody {
border-left: 1px solid #e7e7e7;
}
.customer-entered-price {
margin: 30px 0;
overflow: hidden;
padding: 10px;
}
.customer-entered-price .price-input {
margin-bottom: 5px;
}
.customer-entered-price .price-input label {
display: block;
font-size: 15px;
margin: 0 0 5px;
font-weight: 600;
color: #444444;
}
.customer-entered-price .enter-price-input {
border-radius: 3px;
height: 45px;
width: 150px;
text-align: center;
}
.customer-entered-price .price-range {
color: #000;
}
.overview .add-to-cart {
display: inline-block;
vertical-align: top;
margin: 0 0 10px;
width: 100%;
}
.variant-overview .add-to-cart {
display: inline-block;
}
.variant-overview .add-to-wishlist {
display: inline-block;
vertical-align: top;
font-size: 0;
margin-left: 5px;
}
.overview .min-qty-notification,
.variant-overview .min-qty-notification {
margin: 0 0 10px;
font-size: 14px;
color: #000;
}
.overview .add-to-cart-panel {
position: relative;
font-size: 0;
display: flex;
}
.variant-overview .add-to-cart-panel {
position: relative;
font-size: 0;
display: inline-block;
vertical-align: top;
}
.overview .qty-label,
.variant-overview .qty-label {
position: absolute;
left: -25px;
line-height: 36px;
display: none !important;
}
.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
border-radius: 3px;
height: 45px;
padding: 12px;
text-align: center;
color: #444444;
font-size: 14px;
vertical-align: top;
}
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
margin-right: 10px;
width: 73px;
padding: 0 33px 0 17px;
border: 1px solid #e7e7e7;
border-radius: 3px;
background: url(../../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat right 15px center;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.variant-overview .qty-dropdown,
.variant-overview .add-to-cart-qty-wrapper {
margin-right: 5px;
}
.overview .qty-input,
.variant-overview .qty-input {
padding-right: 27px;
width: 80px;
border-radius: 0;
}
.variant-buttons-wrapper {
font-size: 0;
}
.overview .qty-dropdown + .add-to-cart-button {
width: calc(100% - 85px);
max-width: 250px;
}
.overview .add-to-cart-qty-wrapper + .add-to-cart-button {
padding: 0 10px;
width: 100% !important;
max-width: 100% !important;
}
.overview .product-prices-box-desktop-container .product-prices-box .add-to-cart-button {
border-radius: 10px;
}
.overview .product-prices-box-desktop-container .qty-input {
border-radius: 10px;
border: 2px solid lightgray;
}
.overview .product-prices-box-desktop-container .container-info-desktop {
box-shadow: 0 0 5px #ccc;
padding: 10px;
border-radius: 10px;
margin-top: 20px;
}
.overview .promozioni .promozione {
margin: auto;
border-radius: 7px;
max-width: 100%;
overflow: hidden;
margin-top: 5px;
}
.overview .product-prices-box-desktop-container .container-servizi {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: auto;
margin-bottom: 10px;
}
.overview .product-prices-box-desktop-container .container-trustpilot-box {
margin-bottom: 5px;
}
.overview .product-prices-box-desktop-container .container-servizi > div {
width: 50%;
padding: 5px;
}
.overview .product-prices-box-desktop-container .container-servizi > div a {
display: flex;
align-items: center;
}
.overview .product-prices-box-desktop-container .container-servizi > div a span:first-child {
width: 40px;
}
.overview .product-prices-box-desktop-container .container-servizi > div a span:last-child {
text-align: left;
margin-left: 8px;
font-size: 14px;
font-weight: 600;
flex: 1;
}
.overview .product-prices-box-desktop-container .container-servizi > div img {
max-height: 22px;
}
.add-to-cart-qty-wrapper {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.add-to-cart-qty-wrapper + .ajax-cart-button-wrapper {
width: 100% !important;
max-width: 100% !important;
}
.add-to-cart-qty-wrapper .plus,
.add-to-cart-qty-wrapper .minus {
position: absolute;
top: 0;
right: 0;
left: auto;
display: inline-block;
width: 15px;
height: 18px;
margin: 3px;
background-color: #f1f1f1;
text-align: center;
font-family: "emporium-icons";
font-size: 7px;
line-height: 18px;
color: #8e8e8e;
cursor: pointer;
user-select: none;
transition: all .2s ease;
}
.add-to-cart-qty-wrapper .plus {
border-radius: 0 10px 0 0;
}
.add-to-cart-qty-wrapper .minus {
border-radius: 0 0 10px 0;
}
.add-to-cart-qty-wrapper .minus {
top: auto;
bottom: 0;
}
.add-to-cart-qty-wrapper .plus:hover,
.add-to-cart-qty-wrapper .minus:hover {
background-color: #eaeaea;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
padding: 0 15px;
font-size: 15px;
vertical-align: top;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 0;
font-weight: normal;
cursor: pointer;
}
.overview .add-to-cart-panel .non-disponibile {
border-radius: 0;
background-color: red !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-weight: normal;
font-size: 15px;
cursor: default;
border-radius: 10px;
}
.variant-overview .add-to-cart-button {
padding: 0 14px;
width: 140px;
}
.overview .add-to-wishlist button {
display: block;
width: 45px;
height: 45px;
line-height: 45px;
border: none;
border-radius: 3px;
font-weight: 600;
color: #000;
font-size: 0;
text-transform: uppercase;
text-align: center;
background-color: #d9d9d9;
transition: all .1s ease;
}
.overview .add-to-wishlist button:before {
content: "\63";
display: inline-block;
vertical-align: bottom;
color: #000;
font-size: 17px;
text-transform: none;
font-weight: normal;
}
.overview .add-to-wishlist button {
width: 100%;
font-size: 11px;
border-radius: 0;
}
.overview .add-to-wishlist button:before {
margin-right: 10px;
}
.overview .product-prices-box .shipping {
text-align: left;
display: flex;
font-size: 15px;
margin-top: 40px;
}
.overview .product-prices-box .shipping > .fa {
margin-right: 10px;
font-size: 22px;
color: gray;
}
.overview .product-prices-box .shipping .content {
display: flex;
flex-direction: column;
}
.overview .product-prices-box .shipping .tipologia {
font-weight: 600;
color: #f8ae00;
}
.overview .product-prices-box .shipping .container-triangolo {
flex: 1;
}
.overview .product-prices-box .shipping .container-triangolo .triangolo {
width: 0;
height: 0;
border-bottom: 55px solid #d9d9d9;
border-left: 55px solid transparent;
margin-left: auto;
margin-right: -10px;
margin-bottom: -10px;
}
.pre-order-availability-date {
display: block;
margin-top: 10px;
font-size: 14px;
color: #000;
}
.pre-order-availability-date label {
vertical-align: top;
}
.full-description,
.product-specs-box {
margin: 0 -10px;
padding: 0 10px;
background-color: #f6f6f6;
clear: both;
}
.full-description {
padding: 20px;
line-height: 1.5;
font-size: 15px;
color: #000;
font-weight: 400;
text-align: left;
}
.product-specs-box {
padding: 10px 10px 30px;
}
.product-specs-box thead {
display: none;
}
.product-details-page .related-products-grid,
.product-details-page .also-purchased-products-grid {
margin-top: 70px;
}
.product-collateral .title {
margin: 0 0 10px;
letter-spacing: 2px;
font-size: 15px;
color: #444;
font-weight: 700;
text-transform: uppercase;
}
.product-details-page .prodotti-correlati {
margin-top: 50px;
}
.product-tags-box .title,
.product-details-page .product-grid .title {
font-size: 24px;
color: #444444;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
}
.product-details-page .product-grid .title strong {
text-transform: uppercase;
background-color: white;
font-weight: 600;
}
.product-details-page .overview .product-grid.cross-sells {
margin: 0;
}
@media(max-width: 1281px) {
.product-details-page .overview .product-grid.cross-sells {
margin-bottom: 35px;
}
}
.product-details-page .product-essential > .product-grid.cross-sells {
width: 100%;
float: right;
}
.product-details-page .product-essential > .product-grid.cross-sells .product-cross-sell {
display: flex;
flex-wrap: wrap;
border: 2px solid #ddd;
border-radius: 15px;
padding: 5px;
z-index: 2;
background: white;
width: 100%;
}
@media(max-width: 1199px) {
}
@media(max-width: 991px) {
.product-details-page .product-essential > .product-grid.cross-sells .product-cross-sell {
padding: 30px 5px;
}
}
.product-details-page .overview .product-grid.cross-sells .product-cross-sell {
height: 100%;
display: flex;
flex-direction: column;
}
.product-details-page .overview .product-grid.cross-sells .product-cross-sell .descrizione {
padding: 0 10px;
}
.product-details-page .overview .product-grid.cross-sells .item-grid {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
max-width: 600px;
margin: auto;
}
.product-details-page .overview .product-grid.cross-sells .item-grid .item-box {
width: 150px;
margin: 20px 20px 0;
opacity: 1;
border: 2px solid #ddd;
clear: none;
}
@media(max-width: 767px) {
.product-details-page .overview .product-grid.cross-sells .item-grid .item-box {
opacity: 1;
margin: 10px 10px 0;
}
}
.product-details-page .overview .product-grid.cross-sells .item-grid .item-box:hover,
.product-details-page .overview .product-grid.cross-sells .item-grid .item-box.added {
opacity: 1;
}
.product-details-page .overview .product-grid.cross-sells .title {
font-size: 17px !important;
font-weight: normal;
margin: 0;
color: black;
}
.product-details-page .overview .product-grid.cross-sells .item-grid .item-box .picture img {
padding: 0;
padding-top: 5px;
}
.product-details-page .overview .product-grid.cross-sells .prices {
border: none;
}
.product-details-page .overview .product-grid.cross-sells .prices > * {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-details-page .overview .product-grid.cross-sells .price {
font-size: 22px;
text-align: center;
padding: 0;
margin: 0;
display: block;
justify-content: center;
top: 0;
}
.product-details-page .overview .product-grid.cross-sells .old-price {
font-size: 14px;
text-align: center;
padding: 0;
position: relative;
display: inline-block;
width: auto;
}
.product-details-page .overview .product-grid.cross-sells .old-price:before {
content: url("data:image/svg+xml;utf8,");
width: 100%;
position: absolute;
top: 54%;
transform: translateY(-50%);
overflow: hidden;
}
.product-details-page .overview .product-grid.cross-sells .old-price .currency-symbol {
font-size: 10px;
font-weight: normal;
margin-right: 2px;
}
.product-details-page .overview .product-grid.cross-sells .price .decimal {
font-size: 14px;
}
.product-details-page .overview .product-grid.cross-sells .price.actual-price .currency-symbol {
font-size: 16px;
font-weight: normal;
margin-right: 4px;
}
.product-details-page .overview .product-grid.cross-sells .btn-add {
margin-bottom: 10px;
margin-top: auto;
}
.product-details-page .overview .product-grid.cross-sells .btn-add input + label {
font-weight: 600;
font-size: 16px;
}
.product-details-page .overview .product-grid.cross-sells .btn-add input + label::before {
margin-right: 5px;
font-size: 15px;
font-weight: normal;
border-color: #bbb;
width: 20px;
height: 20px;
}
.product-details-page .overview .product-grid.cross-sells .btn-add input:checked + label::before {
content: '\f00c' !important;
color: white;
font-family: FontAwesome !important;
padding: 0;
border: 1px solid white;
padding: 1px;
width: 19px;
height: 19px;
}
.product-details-page .overview .product-grid.cross-sells .slick-track {
display: flex !important;
}
.product-details-page .overview .product-grid.cross-sells .slick-slide {
height: inherit !important;
}
.product-details-page .overview .product-grid.cross-sells .slick-next:before,
.product-details-page .overview .product-grid.cross-sells .slick-prev:before,
.product-details-page .overview .product-grid.cross-sells .slick-dots li.slick-active button:before {
color: #f8ae00 !important;
font-family: slick !important;
}
.product-details-page .overview .product-grid.cross-sells .slick-dots li button:before {
color: #f8ae00 !important;
font-family: slick !important;
opacity: 1;
}
.product-details-page .overview .product-grid.cross-sells .slick-next {
right: -18px !important;
}
.product-details-page .overview .product-grid.cross-sells .slick-prev {
left: -18px !important;
}
.product-details-page .overview .product-grid.cross-sells .slick-dots .slick-active button {
height: 20px !important;
}
.product-details-page .product-grid.cross-sells .title {
position: relative;
}
.product-details-page .product-grid.cross-sells .title::before {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 3px;
background: #F8AE00;
top: 50%;
position: absolute;
}
.product-details-page .product-grid.cross-sells .title span {
position: relative;
z-index: 1;
background-color: #FFFFFF;
color: #0B284F;
padding: 0 24px;
font-size: 23px;
}
@media(max-width: 991px) {
.product-details-page .product-grid.cross-sells .title::before {
content: none;
}
.product-details-page .product-grid.cross-sells .title {
margin: 13px 0 20px;
margin-left: 0;
border-bottom: 3px solid #F8AE00;
}
.product-details-page .product-grid.cross-sells .title span {
font-size: 19px;
}
}
.product-details-page .product-grid.cross-sells .item-grid .slick-dots {
bottom: -40px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box {
border-radius: 30px;
overflow: visible;
max-width: 100%;
width: 100% !important;
margin: 0 auto;
}
.product-details-page .product-grid.cross-sells .slick-vertical .slick-slide {
height: 100%;
}
.product-details-page .product-grid.cross-sells .product-cross-sell {
flex-direction: row;
padding: 10px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .c-product {
display: flex;
width: 100%;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .c-product {
width: 50%;
}
.product-details-page .product-grid.cross-sells .item-grid .slick-track {
display: flex;
flex-direction: column;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .base-product,
.product-details-page .product-grid.cross-sells .product-cross-sell .c-product {
display: flex;
width: 33.3%;
align-items: center;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .picture {
height: 100%;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .prices .actual-price {
padding: 0;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .prices .old-price-container {
display: flex;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .prices .old-price-container .old-price {
position: relative;
top: 0;
text-decoration: line-through;
color: black;
margin-right: 5px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .prices .old-price-container .sconto-percentuale {
font-weight: bold;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .produttore a strong {
font-size: 16px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .descrizione a span {
font-size: 14px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .produttore {
margin-bottom: 0 !important;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .descrizione {
margin-bottom: 2px !important;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box {
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni {
background-color: #f2f2f2;
height: 100%;
padding: 20px 15px 8px 20px;
border-radius: 0 0 15px 15px;
position: relative;
z-index: 1;
width: 100%;
display: flex;
justify-content: flex-end;
margin-top: -15px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .add-to-cart-combination {
margin-left: 20px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .add-to-cart-combination input {
border-radius: 10px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .prices {
display: flex;
justify-content: center;
align-items: center;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .prices > div:first-child {
margin-right: 30px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .prices .price {
padding: 0;
font-weight: 900;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .prices .price.actual-price .currency-symbol {
font-weight: 900;
font-size: 36px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .old-price-container {
display: flex;
align-items: flex-end;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .old-price-container .old-price,
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .old-price-container .old-price:hover {
position: relative;
top: 0;
text-decoration: line-through;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #8E8E8E;
margin: 0 10px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .old-price-container .sconto-percentuale {
color: #0070c0;
display: inline-block;
font-weight: bold;
font-size: 18px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .sconto-euro {
font-weight: 700;
font-size: 14px;
line-height: 17px;
text-align: right;
color: #000000;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .picture {
position: relative;
width: 35%;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .picture a {
height: 100%;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .picture a img {
position: relative;
padding: 0;
max-height: 150px;
height: 100%;
object-fit: contain;
top: 0;
left: 0;
transform: none;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .picture a::before {
content: none;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos {
text-align: left;
padding-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
width: 65%;
height: 100%;
padding-top: 5px;
padding-bottom: 20px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .produttore {
margin-bottom: 5px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .descrizione {
padding: 0;
margin-bottom: 10px;
overflow: hidden;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .container-btn-alternative {
margin-top: 5px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .container-btn-alternative span {
color: black;
text-transform: capitalize;
font-weight: bold;
font-size: 16px;
cursor: pointer;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .container-btn-alternative.closed span {
color: #F8AE00;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices-add {
display: flex;
margin-top: auto;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices {
margin-bottom: 0;
margin-top: 0;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices .old-price-container {
font-size: 15px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices .old-price-container .old-price {
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-decoration-line: line-through;
color: #8E8E8E;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices .old-price-container .sconto-percentuale {
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #0070C0;
margin-left: 8px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a {
align-items: flex-start;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price,
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price .decimal,
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price .currency-symbol {
text-align: left;
font-size: 32px;
font-weight: 900;
margin-top: 5px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price:hover {
color: black !important;
}
.product-details-page .product-grid.cross-sells .price.actual-price .currency-symbol {
font-size: 32px;
font-weight: 900;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .nome-prodotto {
font-size: 16px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .nome-prodotto span {
overflow: hidden;
width: 100%;
height: 38px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #000000;
text-align: left;
margin-bottom: 8px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices-add .btn-add {
margin-left: auto;
margin-bottom: 0;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices-add .btn-add label {
background-color: #f8ae00;
width: 68px;
height: 42px;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices-add .btn-add label::before {
content: none;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices-add .btn-add label .text-add {
display: none;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices-add .btn-add label::after {
content: '';
background: url(/images/uploaded/shopping-cart-icon.svg) no-repeat 0 0;
background-size: contain;
background-position: center;
width: 100%;
height: 100%;
display: block;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .container-plus-icon {
font-size: 28px;
color: #f8ae00;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
}
@media(max-width: 991px) {
.product-details-page .product-grid.cross-sells .product-cross-sell .base-product, .product-details-page .product-grid.cross-sells .product-cross-sell .c-product {
width: calc(50% - 21px);
flex-direction: column;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .nome-prodotto span {
font-weight: 400;
font-size: 12px;
line-height: 14px;
display: -webkit-box;
-webkit-line-clamp: 3;
color: #000000;
height: 42px;
margin-bottom: 4px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices {
margin-top: 15px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price {
margin-top: 0;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price,
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price .decimal,
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price .currency-symbol {
font-size: 14px;
line-height: 17px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices .old-price-container,
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices .old-price-container .old-price,
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices .old-price-container .sconto-percentuale {
font-size: 12px;
line-height: 14px;
margin-bottom: 0;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices a .actual-price .currency-symbol {
margin-right: 2px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni {
flex-direction: column;
padding: 15px 10px 10px 10px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .prices div:last-child {
margin-left: auto;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .add-to-cart-combination {
margin: 0;
margin-top: 5px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .add-to-cart-combination input {
width: 100%;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .picture {
width: auto;
max-width: 180px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .picture a img {
max-height: 120px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos {
height: auto;
padding: 0;
width: 90%;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .infos .prices-add {
margin-top: 0;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .old-price-container .old-price,
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .old-price-container .old-price:hover,
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .old-price-container .sconto-percentuale {
font-weight: 700;
font-size: 16px;
line-height: 19px;
}
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .sconto-euro {
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: left;
}
}
.product-details-page .product-grid.cross-sells .product-cross-sell .container-alternatives {
width: 100%;
display: flex;
border-top: 1px solid black;
padding-top: 5px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .container-alternatives .alternative-product {
display: flex;
width: 33.3%;
align-items: center;
}
@media(max-width: 991px) {
.product-details-page .product-grid.cross-sells .product-cross-sell .container-alternatives {
margin-top: 10px;
padding-top: 15px;
}
.product-details-page .product-grid.cross-sells .product-cross-sell .container-alternatives .alternative-product {
flex-direction: column;
}
}
.product-details-page .product-grid.cross-sells .product-cross-sell .container-alternatives .alternative-product .select-button {
margin-top: 15px;
height: 40px;
}
@media(max-width: 991px) {
.product-details-page .product-grid.cross-sells .product-cross-sell .container-alternatives .alternative-product .select-button {
width: 100%;
height: 30px;
font-size: 14px;
padding: 0;
}
}
@media(max-width: 500px) {
.product-details-page .product-grid.cross-sells .product-cross-sell .container-alternatives .alternative-product .select-button {
font-size: 12px;
}
}
@media(max-width: 820px) {
.product-details-page .product-grid.cross-sells .item-grid .item-box .container-price-combinazioni .prices > div:first-child {
margin-right: 10px;
}
}
.product-specs-box .data-table {
border: 1px solid #eeeeee;
border-radius: 3px;
text-align: left;
margin: 0;
}
.product-specs-box .data-table td {
padding: 10px 25px;
border: none;
}
.data-table td .color-squares {
margin: -5px 0;
}
.product-specs-box .data-table td.spec-group {
background-color: #616161;
color: white;
padding: 10px 25px;
font-weight: bold;
text-transform: uppercase;
}
.product-specs-box .data-table td.spec-value {
font-size: 15px;
color: #444444;
border-bottom: 1px solid #eee;
}
.product-specs-box .data-table td.spec-name {
font-size: 15px;
color: #000;
border-bottom: 1px solid #eee;
font-weight: 400;
}
.attributes-wrapper {
margin-bottom: 30px;
border-radius: 3px;
padding: 10px;
}
@media(max-width: 767px) {
.attributes-wrapper {
margin-bottom: 0;
padding: 0;
}
}
.product-variant-line .attributes-wrapper {
border: none;
}
.product-tags-list {
font-size: 0;
}
.product-tags-box {
margin: 50px 0 85px;
}
.product-tags-box:last-child {
margin-bottom: 0;
}
.product-tags-box .title {
margin-bottom: 20px;
}
.product-tags-list li {
display: inline-block;
color: #000;
font-size: 16px; /*reset zeroing*/
}
.product-tags-list li.separator {
margin: 0 5px 0 3px;
}
.product-tags-list a {
display: inline-block;
line-height: 24px;
color: #97c300;
transition: color .2s ease;
}
.product-tags-list a:hover {
color: #7c9a16;
}
.product-collateral > div.product-variant-list {
margin: 50px 0;
}
.product-variant-line {
margin: 0 0 15px;
border: 1px solid #eeeeee;
border-radius: 3px;
padding: 30px 10px;
}
.product-variant-line:after {
content: "";
display: block;
clear: both;
}
.variant-picture {
position: relative;
width: 100%;
max-width: 330px;
max-height: 330px;
margin: 0 auto 15px;
border-radius: 3px;
overflow: hidden;
}
.variant-picture img {
max-width: 100%;
}
.variant-overview {
width: 100%;
}
.variant-overview .variant-name {
margin: 0 0 10px;
font-size: 22px;
color: #444444;
font-weight: 600;
}
.variant-overview .variant-description {
margin: 0 0 15px;
line-height: 1.5;
font-size: 15px;
color: #000;
}
.variant-overview .add-to-wishlist-button {
display: block;
float: none;
clear: both;
width: 45px;
height: 45px;
margin: 0 auto;
font-size: 0;
border: none;
background-color: #f2f2f2;
border-radius: 3px;
transition: all .1s ease;
}
.variant-overview .add-to-wishlist-button:before {
display: block;
content: "\63";
font-size: 20px;
color: #8e8e8e;
transition: all .2s ease;
}
.variant-overview .add-to-wishlist-button:hover {
background-color: #eaeaea;
}
.ui-tabs {
margin: 0 0 20px;
}
.ui-tabs .ui-tabs-nav {
overflow: hidden;
text-align: center;
}
.ui-tabs .ui-tabs-nav li {
display: inline-block;
margin: 0 15px;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li span {
display: inline-block;
padding: 15px;
font-size: 15px;
letter-spacing: 1px;
font-weight: 600;
color: #000;
border-bottom: 2px solid transparent;
text-transform: uppercase;
transition: all .1s ease;
}
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li span:hover {
color: #f8ae00;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected span,
.ui-tabs .ui-state-active.ui-tabs-active span {
color: #f8ae00;
border-bottom: 2px solid #f8ae00;
}
.ui-tabs .ui-tabs-panel {
background-color: #f6f6f6;
padding: 40px 20px;
margin: 0 -10px;
}
.ui-tabs .ui-tabs-hide {
display: none;
}
/********** PRODUCT REVIEWS **********/
.product-reviews-page h1 a {
font-style: italic;
transition: all .1s ease;
}
.product-reviews-page h1 a:hover {
color: #000;
}
.write-review .title,
.comment-form-btn {
position: relative;
height: 45px;
margin: 0 0 45px;
}
.write-review .title strong,
.comment-form-btn strong {
position: absolute;
display: inline-block;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 0 25px;
height: 45px;
max-width: 100%;
border-radius: 3px;
font-size: 14px;
line-height: 45px;
text-transform: uppercase;
font-weight: 700;
background-color: #f8ae00;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
transition: all .3s ease;
}
.write-review .title strong span,
.comment-form-btn strong span {
transition: all .1s ease;
}
.product-reviews-page .title strong:before,
.comment-form-btn strong:before,
.close-comment-form:before {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
font-size: 16px;
text-transform: none;
font-weight: normal;
transition: all .1s ease;
}
.product-reviews-page .title .close-review-form,
.comment-form-btn .close-comment-form {
background-color: #e5e5e5;
color: #000;
width: 0;
max-width: 0;
padding: 0;
opacity: .4;
}
.product-reviews-page .title .close-review-form:before,
.comment-form-btn .close-comment-form:before {
content: "\76";
color: #000;
font-size: 12px;
}
.product-reviews-page .title .write-review-title:before {
content: "\79";
color: #fff;
opacity: .6;
}
.product-reviews-page .title .close-review-form:hover {
background-color: #eaeaea;
}
.product-reviews-page .title .write-review-title:hover {
background-color: #e8af00;
}
.comment-form-btn .open-comment-form,
.product-reviews-page .title .write-review-title {
transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
opacity: 1;
}
.comment-form-btn.open .open-comment-form,
.product-reviews-page .title.open .write-review-title {
width: 0;
max-width: 0;
padding: 0;
opacity: .4;
transition-delay: 0s;
}
.comment-form-btn .open-comment-form span,
.comment-form-btn .open-comment-form:before,
.product-reviews-page .title .write-review-title span,
.product-reviews-page .title .write-review-title:before {
opacity: 1;
}
.comment-form-btn.open .open-comment-form span,
.comment-form-btn.open .open-comment-form:before,
.product-reviews-page .title.open .write-review-title span,
.product-reviews-page .title.open .write-review-title:before {
opacity: 0;
}
.comment-form-btn.open .close-comment-form,
.product-reviews-page .title.open .close-review-form {
width: auto;
max-width: 280px;
padding: 0 25px;
opacity: 1;
transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
}
.comment-form-btn .close-comment-form:before,
.comment-form-btn .close-comment-form span,
.product-reviews-page .title .close-review-form span,
.product-reviews-page .title .close-review-title:before {
opacity: 0;
}
.comment-form-btn.open .close-comment-form:before,
.comment-form-btn.open .close-comment-form span,
.product-reviews-page .title.open .close-review-form span,
.product-reviews-page .title.open .close-review-title:before {
opacity: 1;
}
.write-review {
margin: 0 0 50px;
text-align: center;
}
.write-review-collapse {
display: none;
padding: 20px;
max-width: 740px;
margin: 0 auto;
border-radius: 3px;
border: 1px solid #eeeeee;
background-color: #fff;
}
.write-review .form-fields {
margin: 0 0 15px;
}
.write-review .review-rating {
text-align: center;
margin-top: 20px;
}
.write-review .review-rating > label {
display: block;
margin-bottom: 10px;
font-size: 15px;
font-weight: 700;
}
.review-rating .tooltip {
position: relative;
}
.review-rating .tooltip:hover .tooltiptext {
opacity: 1;
}
.review-rating .tooltiptext {
position: absolute;
bottom: 100%;
margin-bottom: 10px;
background: #e5e5e5;
left: 50%;
padding: 8px 15px;
border-radius: 3px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-weight: normal;
color: #444;
opacity: 0;
pointer-events: none;
transition: all .2s ease;
}
.review-rating .tooltiptext:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #e5e5e5;
border-width: 8px;
margin-left: -8px;
}
.review-rating ul {
font-size: 0;
vertical-align: middle;
}
.rating-options {
display: inline-block;
overflow: hidden;
font-size: 0;
}
.write-review .rating-options * {
float: left;
}
.write-review .rating-options input {
position: absolute;
z-index: -1;
opacity: 0;
}
.write-review .rating-options label {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
background-position: 0 0;
background-size: contain;
font-size: 0;
cursor: pointer;
}
.write-review .rating-options label:before,
.write-review .rating-options input[type="radio"]:checked + label:before {
display: inline-block;
content: "\e900";
color: #ffcd46;
font-size: 25px;
border: none;
background-color: transparent;
box-shadow: none;
margin: 0;
width: 25px;
height: 25px;
line-height: 1;
transition: all .2s ease;
}
.write-review .rating-options:hover label:before {
color: #ffcd46 !important;
}
.write-review .rating-options:hover label:hover:before,
.write-review .rating-options:hover input:checked ~ label:before,
.write-review .rating-options input:checked ~ label:hover:before {
color: #ffcd46;
}
.write-review .rating-options label:hover ~ label:before {
color: #e0e0e0 !important;
}
.write-review .rating-options:hover input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label ~ label:before {
color: #e0e0e0;
}
.write-review .rating-options input:checked + label:before {
-webkit-animation: stars .7s linear;
-moz-animation: stars .7s linear;
animation: stars .7s linear;
}
.write-review .review-rating li.first {
color: #ff4f60;
}
.write-review .product-review-links,
.write-review .product-review-box {
margin: 0 0 15px;
}
.write-review .product-review-links a {
font-size: 16px;
color: #000;
font-weight: 700;
transition: all .1s ease;
}
.write-review .product-review-links a:hover {
color: #444;
}
.write-review .captcha-box {
margin: 15px 0 0;
}
.write-review .button-1 {
display: block;
border: none;
padding: 0 25px;
height: 45px;
width: 100%;
border-radius: 3px;
background-color: #f8ae00;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
transition: all .2s ease;
}
.write-review .button-1:hover {
background-color: #e8af00;
}
.product-reviews-page .result,
.product-reviews-page .message-error {
margin: 0 0 20px;
}
.product-review-list {
overflow: hidden;
margin-bottom: 30px;
border: 1px solid #e7e7e7;
background-color: #fff;
border-radius: 3px;
}
.product-review-list:last-child {
margin-bottom: 0;
}
.product-review-item {
border-bottom: 1px solid #e7e7e7;
padding: 30px 20px;
text-align: center;
overflow: hidden;
}
.product-review-item:last-child {
border-bottom: 0;
}
.product-review-item .product-review-box {
display: block;
margin-bottom: 12px;
margin: 0 0 5px;
}
.product-review-item .product-review-box .rating {
margin: 0 auto;
}
.product-review-item .review-item-head {
margin: 0 0 15px;
text-align: center;
}
.product-review-item .review-title {
font-size: 15px;
font-weight: 400;
color: #444;
}
.product-review-item .review-text {
margin: 0 0 25px;
font-size: 15px;
color: #000;
}
.product-review-item .review-type-rating-ext {
overflow: hidden;
}
.product-review-item .review-type-rating-ext .review-title {
float: left;
}
.product-review-item .review-type-rating-ext .product-review-box {
float: right;
margin: 4px 0;
}
.product-review-item .review-text:last-child {
margin-bottom: 0;
}
.product-review-item .review-info {
margin: 0 0 10px;
}
.product-review-item .review-info a,
.product-review-item .review-info span span {
display: inline-block;
font-weight: 300;
font-size: 17px;
line-height: 18px;
color: #000;
transition: all .1s ease;
}
.product-review-item .review-info .user,
.product-review-item .review-info .user a {
font-size: 17px;
color: #000;
}
.product-review-helpfulness {
margin-top: 30px;
}
.product-review-item .review-info a:hover {
color: #444;
}
.product-review-item .review-info span span {
font-size: 14px;
}
.product-review-item .review-info span {
display: block;
vertical-align: middle;
line-height: 18px;
}
.product-review-item .review-info .separator {
margin: 0 5px;
font-size: 18px;
font-weight: 300;
}
.product-review-item .review-info span label {
display: none;
}
.product-review-helpfulness > span {
display: block;
margin-top: 10px;
font-size: 15px;
color: #000;
}
.product-review-helpfulness > span:first-child {
margin-top: 0;
}
.vote-stats > span {
display: inline-block;
margin: 0 3px;
}
.product-review-helpfulness .vote {
display: inline-block;
padding: 5px 5px 0 5px;
font-size: 0;
cursor: pointer;
}
.product-review-helpfulness .vote:before {
display: block;
font-size: 20px;
color: #000;
transition: all .2s ease;
}
.product-review-helpfulness .vote:hover:before {
color: #97c300;
}
.product-review-helpfulness .vote:first-child:before {
content: "\46";
}
.product-review-helpfulness .vote:last-child:before {
content: "\47";
}
.product-review-helpfulness .vote:first-child:hover:before {
content: "\e902";
}
.product-review-helpfulness .vote:last-child:hover:before {
content: "\e901";
}
.product-review-helpfulness .result {
margin: 0 0 0 10px;
}
.product-review-item .reply {
margin: 30px 0 0;
padding: 15px;
border-radius: 3px;
background-color: #f6f6f6;
}
.product-review-item .reply-header {
margin: 0 0 10px;
font-weight: 600;
font-size: 15px;
color: #444;
}
.product-review-item .reply-text {
font-size: 14px;
}
/********** WISHLIST & COMPARE LIST **********/
.wishlist-content {
margin: 0 0 20px;
}
.wishlist-content > .message-error {
margin: 0 0 20px !important;
text-align: center;
}
.wishlist-content .tax-shipping-info {
margin: 0 0 30px;
font-size: 15px;
color: #444;
}
.wishlist-content .cart {
margin-bottom: 30px;
}
.wishlist-content .buttons {
font-size: 0;
}
.wishlist-content .button-2 {
position: relative;
display: block;
border: none;
height: 45px;
width: 255px;
line-height: 45px;
padding: 0 20px;
margin: 0 auto 7px;
background-color: #f1f1f1;
border-radius: 3px;
font-size: 14px;
text-transform: uppercase;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all .1s ease;
}
.wishlist-content .button-2:hover {
background-color: #eaeaea;
}
.wishlist-content .wishlist-add-to-cart-button:before {
content: "\64";
}
.update-wishlist-button,
.email-a-friend-wishlist-button {
position: relative;
overflow: hidden;
}
.update-wishlist-button span,
.email-a-friend-wishlist-button span {
position: relative;
z-index: 1;
}
.update-wishlist-button:before {
content: "\59";
}
.update-wishlist-button:hover:before {
-webkit-animation: updating 1s linear infinite;
-moz-animation: updating 1s linear infinite;
animation: updating 1s linear infinite;
}
.update-wishlist-button:hover::after {
height: 100%;
opacity: .6;
transition: all .5s ease-in;
}
.email-a-friend-wishlist-button:before {
content: "\6d";
}
.email-a-friend-wishlist-button:hover:before {
-webkit-animation: emailing .2s linear;
-moz-animation: emailing .2s linear;
animation: emailing .2s linear;
}
.wishlist-page .share-info {
margin: 70px -10px 50px;
background-color: #f9f9f9;
padding: 30px 20px;
}
.wishlist-page .share-label {
display: block;
margin-bottom: 10px;
font-size: 15px;
color: #000;
}
.wishlist-page .share-info a {
display: block;
font-size: 15px;
color: #97c300;
}
.compare-products-page .page-body {
text-align: center;
}
.compare-products-page .clear-list {
position: relative;
display: inline-block;
padding: 0 25px;
margin: 0 0 8px;
font-weight: 700;
border-radius: 3px;
color: #000;
background-color: #f6f6f6;
font-size: 13px;
height: 45px;
line-height: 45px;
text-transform: uppercase;
overflow: hidden;
transition: all .2s ease;
}
.compare-products-page .clear-list span {
position: relative;
z-index: 1;
}
.compare-products-page .clear-list:before {
content: "\5a";
position: relative;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
font-size: 20px;
color: #000;
text-transform: none;
font-weight: normal;
transition: all .2s ease !important;
z-index: 1;
}
.compare-products-page .clear-list:hover:before {
-webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
-moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
}
.compare-products-table {
display: none;
}
.compare-products-mobile {
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
margin: 0 -10px;
}
.compare-products-mobile .compare-section > ul {
padding: 17px 10px;
text-align: left;
overflow: hidden;
}
.compare-products-mobile .product {
overflow: hidden;
}
.compare-products-mobile .product .item {
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
.compare-products-mobile .product .item .product-info {
padding-right: 40px;
}
.compare-products-mobile .product .item .product-info .description {
padding: 5px 0px;
font-size: 13px;
}
.compare-products-mobile .product-name {
padding-right: 40px;
font-size: 15px;
color: #444;
font-weight: 700;
}
.compare-products-mobile .item {
padding: 3px 10px;
background: white;
}
.compare-products-mobile .product .item .product-box-add-to-cart-button {
padding: 5px;
font-size: 16px !important;
margin-top: 10px;
}
.compare-products-mobile .product .item .btn-wrapper-non-disponibile .non-disponibile {
font-size: 14px !important;
margin-top: 10px;
height: 29px;
}
.compare-products-mobile .item .picture,
.compare-products-mobile .item img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
max-width: 50px;
}
.compare-products-mobile .item .details,
.compare-products-mobile .item > span,
.compare-products-mobile .item > p {
display: inline-block;
vertical-align: middle;
max-width: calc(100% - 63px);
font-size: 15px;
font-weight: 400;
color: #000;
}
.compare-products-mobile .item p {
vertical-align: top;
margin-bottom: 20px
}
.compare-products-mobile .title {
padding: 15px 20px;
font-size: 17px;
color: #000;
font-weight: 300;
background-color: #f6f6f6;
}
.compare-section.product .title {
display: none;
}
.compare-products-page .remove-button {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 3px;
background-color: #f1f1f1;
text-align: center;
font-size: 0;
border: none;
transition: all .1s ease;
}
.compare-products-page .remove-button:hover {
background-color: #e9e9e9;
}
.compare-products-page .remove-button:before {
content: "\4d";
display: block;
color: #000;
font-size: 16px;
}
.compare-products-mobile .remove-button {
position: absolute;
top: 8px;
right: 5px;
left: auto;
}
.compare-products-mobile .price .item span {
font-size: 17px;
font-weight: 700;
color: #97c300;
}
.compare-products-page .attribute-square {
margin: 0 auto;
}
/*********** TOPICS ***********/
.topic-block {
margin: 0 auto 30px;
padding: 0 10px;
text-align: center;
max-width: 1000px;
}
.home-page .topic-block {
margin: 0 0 30px;
}
.topic-block-title {
margin: 0 0 20px;
}
.topic-block-title h1 {
font-weight: 700;
color: #444;
}
.topic-block-title h2 {
font-weight: 700;
color: #000;
}
.topic-block-body p {
line-height: 1.5;
font-size: 16px;
color: #000;
font-weight: 400;
}
.topic-block-body li {
font-size: 15px;
color: #000;
line-height: 2;
}
.topic-block a,
.topic-page a {
text-decoration: underline;
}
.topic-page .page-body {
line-height: 20px;
max-width: 1000px;
margin: 0 auto;
}
.topic-page ul,
.topic-page ol {
font-size: 15px;
line-height: 1.5;
color: #000;
}
.home-page .topic-block {
margin: 0 auto 50px;
text-align: center;
}
.home-page .topic-block-title h2 {
font-size: 28px;
color: #444444;
}
.home-page .topic-block-body {
padding: 0 10px;
}
.popup-window .topic-page {
padding: 15px;
}
.not-found-page p {
margin: 30px 0;
}
.topic-password {
text-align: center;
}
.enter-password-title {
margin: 0 0 20px;
color: #000;
font-size: 15px;
}
.enter-password-form {
display: inline-block;
overflow: hidden;
}
.enter-password-form input[type="password"] {
float: left;
width: calc(100% - 100px);
height: 36px;
border-radius: 3px 0 0 3px;
}
.enter-password-form input[type="submit"] {
float: left;
width: 100px;
height: 36px;
border: none;
border-radius: 0 3px 3px 0;
padding: 0 20px;
}
.password-error {
margin: 0 0 10px;
}
/*********** CONTACT & EMAIL A FRIEND ***********/
.contact-page .form-fields,
.email-a-friend-page .form-fields,
.apply-vendor-page .form-fields {
margin: 0 0 15px;
}
.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
margin: 0 0 10px;
}
.contact-page .topic-block {
margin-bottom: 40px;
}
.email-a-friend-page .title {
margin: 0 0 30px;
font-size: 16px;
}
.email-a-friend-page .title h2 {
font-size: 16px;
font-weight: 300;
}
.email-a-friend-page .title a {
color: #97c300;
}
.apply-vendor-page .terms-of-service {
margin: 30px 0;
}
.bb-code-editor-wrapper {
margin-bottom: 5px;
}
/********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/
.login-page .title strong,
.registration-page .title strong {
font-weight: 300;
color: #000;
}
.registration-page .page-title + .message-error {
margin-bottom: 30px;
}
.gender {
font-size: 0;
}
.gender span:first-child {
display: inline-block;
margin-right: 40px;
}
.gender label {
display: inline-block;
padding: 8px 0;
width: auto !important;
cursor: pointer;
font-weight: 300;
}
.gender input:checked + label {
color: #444;
}
.date-picker-wrapper {
width: 100%;
}
.date-of-birth .date-picker-wrapper select {
border-radius: 0;
padding: 0 25px 0 10px;
width: 46%;
background: #fff url(../../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat right 10px center;
}
.date-of-birth .date-picker-wrapper select:first-child {
border-radius: 3px 0 0 3px;
width: 27%;
}
.date-of-birth .date-picker-wrapper select:last-child {
border-radius: 0 3px 3px 0;
width: 27%;
}
.date-of-birth select + select {
margin: 0 0 0 -1px;
}
#check-availability-button {
display: block;
border: none;
border-radius: 3px;
vertical-align: top;
background-color: #f1f1f1;
color: #000;
text-transform: uppercase;
padding: 0 20px;
margin: 10px auto 0;
height: 45px;
font-size: 13px;
font-weight: 700;
transition: all .1s ease;
}
#check-availability-button:hover {
background-color: #eaeaea;
}
#username-availabilty {
display: block;
margin: 5px 0 0;
text-align: center;
font-size: 13px;
}
#username-availabilty:empty {
display: none;
}
.login-page .forgot-password {
font-size: 13px !important;
font-weight: 700 !important;
}
.vat-status, .vat-note {
display: block;
margin: 5px 0 0;
text-align: center;
font-size: 12px; /*reset zeroing*/
white-space: normal;
}
.inputs.accept-consent {
margin: 0 0 20px;
text-align: center;
}
.inputs.accept-consent .read {
margin-left: 5px;
font-size: 15px;
color: #97c300;
cursor: pointer;
clear: none;
transition: all .1s ease;
}
.center-2 .product-list .item-box .buttons .button-2:hover {
background-color: #e8af00;
}
.email-a-friend-page .button-1:only-child,
.contact-page .buttons .button-1:only-child,
.forum-edit-page .button-1:only-child,
.registration-page .button-1:only-child,
.apply-vendor-page .button-1:only-child {
width: 100%;
}
.forum-edit-page .buttons,
.private-message-send-page .buttons,
.move-topic-page .buttons {
font-size: 0;
}
.forum-edit-page .buttons input,
.private-message-send-page .buttons input,
.move-topic-page .buttons input {
width: 49%;
margin: 0 0 0 2%;
}
.forum-edit-page .buttons input:nth-child(2n+1),
.private-message-send-page .buttons input:nth-child(2n+1),
.move-topic-page .buttons input:nth-child(2n+1) {
margin-left: 0;
}
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
width: auto;
min-width: 125px;
}
.account-page .save-customer-info-button {
min-width: 100px !important;
}
.registration-result-page .result {
margin: 0 0 30px;
color: #000;
}
.login-page .in-header-register {
display: none;
}
.page.login-page {
text-align: center;
}
.login-page .page-title,
.registration-page .page-title {
text-align: center;
}
.login-page .customer-blocks {
margin: 0 0 50px;
}
.login-page .customer-blocks:after {
content: "";
display: block;
clear: both;
}
.login-page .customer-blocks + .topic-block {
margin-bottom: 50px;
}
.login-page .new-wrapper,
.login-page .returning-wrapper form,
.registration-page .page-body,
.email-a-friend-page .page-body form,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.form-style,
.move-topic-page .page-body {
max-width: 600px;
margin: 0 auto 30px;
border: 1px solid #eee;
border-radius: 3px;
}
.registration-page .page-body,
.email-a-friend-page .page-body form,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.move-topic-page .page-body {
max-width: none;
margin-bottom: 0;
}
.registration-page,
.email-a-friend-page,
.contact-page,
.apply-vendor-page,
.forum-edit-page,
.password-recovery-page,
.private-message-send-page,
.move-topic-page {
max-width: 800px;
margin: 0 auto;
}
.email-a-friend-page .page-body form,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.form-style,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.move-topic-page .page-body {
padding: 40px 20px;
}
.login-page .title,
.registration-page .title {
margin: 0;
padding: 18px;
font-size: 18px;
color: #000;
background-color: #f9f9f9;
border-radius: 3px 3px 0 0;
text-align: center;
}
.login-page .topic-block-title h2 {
color: #444;
}
.title + .message-error {
margin: 20px 20px 0;
}
.login-page .title strong {
font-weight: 300;
}
.login-page .text {
padding: 30px 20px 20px;
font-size: 16px;
line-height: 1.8;
font-weight: 400;
color: #000;
}
.new-wrapper .text:before {
content: "\79";
display: block;
margin-bottom: 15px;
font-size: 55px;
line-height: initial;
color: #c6c6c6;
}
.returning-wrapper .form-fields,
.registration-page .form-fields {
padding: 30px 20px 20px;
}
label[for="Newsletter"],
.inputs.accept-consent label {
color: #444 !important;
clear: none;
}
.login-page .buttons,
.registration-page .buttons {
padding: 10px 20px 20px;
}
.login-page .buttons {
padding-bottom: 0;
}
.login-page .inputs.reversed label,
.login-page .inputs.reversed span {
margin: 0;
width: auto;
font-size: 13px; /*reset zeroing*/
color: #000;
font-weight: 400;
}
.login-page .inputs.reversed label {
float: left;
clear: none;
}
.login-page .inputs.reversed span {
float: right;
clear: none;
}
.login-page .inputs.reversed a:hover {
color: #444;
}
.login-page .inputs.reversed input[type="checkbox"] + label:before {
vertical-align: bottom;
}
.login-page .returning-wrapper .external-authentication {
clear: both;
}
.login-page .external-authentication .ExtendedAuthentication {
float: left;
}
.login-page .external-authentication .ExtendedAuthentication ul li:first-child a {
margin-bottom: 12px !important;
}
.login-page .external-authentication > * {
margin: 30px -10px 0;
padding: 30px 0;
width: calc(100% + 20px);
background-color: #f9f9f9;
text-align: center;
}
.login-page .external-authentication .buttons {
margin: 0;
padding: 0;
}
.external-authentication .title {
display: none;
}
.password-recovery-page .tooltip {
margin: 0 0 20px;
font-size: 15px;
color: #000;
line-height: 1.5;
}
.password-recovery-page .result {
margin: 0 0 5px;
font-weight: 600;
}
.select-navigation {
padding: 20px;
background-color: #f6f6f6;
text-align: center;
}
.select-navigation select {
background-color: #fff;
width: 300px;
}
.html-account-page .side-2 {
margin-bottom: 3px;
}
.html-account-page .master-wrapper-content {
padding: 40px 0 0;
}
.account-page {
padding: 40px 10px;
background-color: #f6f6f6;
}
.account-page .data-table {
text-align: center;
}
.account-page .fieldset {
margin-bottom: 40px;
}
.registration-page .fieldset {
margin-bottom: 20px;
}
.account-page .section > .title,
.reward-points-overview,
.forum-subscriptions-page .description {
text-align: center;
}
.account-page .title {
margin-bottom: 20px;
font-size: 18px;
color: #000;
text-align: center;
}
.account-page .title strong {
font-size: 18px;
color: #000;
font-weight: 300;
}
.customer-info-page .page-body,
.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.avatar-page .page-body,
.address-edit-page .page-body,
.vendorinfo-page .page-body {
padding: 20px;
max-width: 740px;
margin: 0 auto;
border-radius: 3px;
border: 1px solid #eeeeee;
background-color: #fff;
}
.account-page .inputs {
text-align: left;
}
.account-page .button-2 {
border: none;
padding: 0 20px;
height: 40px;
line-height: 40px;
border-radius: 10px;
vertical-align: top;
background-color: #f1f1f1;
font-size: 13px;
color: #000;
text-transform: uppercase;
font-weight: 700;
transition: all .1s ease;
margin: 5px;
}
.account-page .button-2:hover {
background-color: #eaeaea;
}
.account-page .button-2.return-items-button {
display: block;
width: auto;
height: auto;
margin: 20px auto 0;
padding: 0;
background-color: transparent;
transition: all .2s ease;
}
.account-page .button-2.return-items-button:before {
content: "\4f";
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
font-size: 14px;
color: #000;
text-transform: none;
font-weight: normal;
transition: all .2s ease;
}
.account-page .button-2.return-items-button:hover,
.account-page .button-2.return-items-button:hover:before {
color: #97c300;
}
.account-page .edit-address {
margin: 0 0 20px;
}
.account-page .description,
.reward-points-overview,
.result {
margin-bottom: 20px;
line-height: 1.5;
font-size: 17px;
color: #000;
font-weight: 300;
text-align: center;
}
.result {
text-align: center;
}
.address-item,
.add-button,
.order-item,
.request-item {
padding: 40px 20px;
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 3px;
vertical-align: top;
}
.add-button:before {
display: block;
margin-bottom: 40px;
content: "\55";
font-size: 100px;
color: #8e8e8e;
}
.address-item .title,
.order-item .title,
.request-item .title {
margin-bottom: 12px;
color: #444;
}
.address-item .title strong,
.order-item .title strong,
.request-item .title strong {
font-weight: 700;
color: #444;
font-size: 18px;
}
.email-to-revalidate,
.email-to-revalidate-note {
display: inline-block;
margin: 10px 5px;
vertical-align: top;
font-size: 12px; /*reset zeroing*/
white-space: normal;
}
.address-item .info,
.order-item .info {
margin: 0 0 30px;
}
.address-item li,
.order-item li,
.request-item li {
margin-bottom: 3px;
font-size: 16px;
color: #959595;
line-height: 1.3;
}
.address-list-page .info li > label,
.order-list-page .info li > label {
display: none;
}
.address-item .name,
.address-item .email {
font-weight: 700;
font-size: 16px;
color: #444;
}
.address-item .email {
margin-bottom: 10px;
}
.button-2.edit-address-button,
.button-2.delete-address-button {
border: none;
border-radius: 3px;
width: 40px;
height: 40px;
margin: 0 2px;
background-color: #f1f1f1;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.button-2.edit-address-button {
background-image: url('../../Themes/Emporium/Content/img/edit-icon.png');
}
.button-2.delete-address-button {
background-image: url('../../Themes/Emporium/Content/img/delete-icon.png');
}
.return-request-list-page a {
font-weight: 600;
color: #444;
}
.return-request-list-page .comments {
margin: 15px 0 0;
}
.user-agreement-page .terms-of-agreement {
margin: 0 0 20px;
text-align: center;
}
.reward-points-overview {
margin: 0 0 15px;
}
.avatar-page .message-error {
margin: 0 0 10px;
}
.avatar-page .fieldset {
margin: 0 auto 30px;
text-align: center;
}
.avatar-page .image {
margin: 0 0 10px;
}
.account-page .button-1 {
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 13px;
font-weight: 700;
margin: 5px;
transition: 0.3s;
}
.account-page .button-1:hover {
opacity: 0.8;
}
.avatar-page .info {
margin: 0 0 30px;
font-size: 15px;
color: #959595;
text-align: center;
}
.account-page.avatar-page .buttons {
text-align: center;
}
.avatar-page .upload-image {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.avatar-page .upload-image + label {
display: inline-block;
cursor: pointer;
}
.avatar-page .upload-image.valid + label {
background-color: #97c300;
color: #fff;
}
.avatar-page .upload-image.valid + label:hover {
background-color: #5c7600;
}
.avatar-page .upload-image.valid + label:before {
content: "\30";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #fff;
text-transform: lowercase;
font-size: 13px;
}
.avatar-page .upload-image:focus + label,
.avatar-page .upload-image + label:hover {
background-color: #eaeaea;
}
.vendorinfo-page .vendor-picture {
margin: 10px 0 0;
text-align: center;
}
.vendorinfo-page .vendor-picture img {
display: block;
margin: 0 auto 10px;
}
.reward-points-history {
margin-bottom: 0;
}
.gdpr-tools-page .form-fields + .buttons {
margin-top: 30px;
}
.check-gift-card-balance-page .captcha-box {
margin-bottom: 25px;
}
/********** SHOPPING CART **********/
.order-progress {
margin: 0 0 40px;
text-align: center;
}
.order-progress ul {
font-size: 0;
}
.order-progress li {
display: inline-block;
}
.order-progress a {
position: relative;
width: 50px;
height: 50px;
display: block;
font-size: 0; /*reset zeroing*/
}
.order-progress a:before {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 15px;
height: 15px;
background-color: white;
border-radius: 50%;
border: 0;
color: #fff;
box-shadow: none;
z-index: 1;
transition: all .5s ease 0s, color .4s ease .4s;
}
.order-progress .active-step.last a:before {
content: "\64";
font-size: 20px;
text-indent: -2px;
background-color: #fff;
width: 50px;
height: 50px;
color: #8e8e8e;
line-height: 43px;
text-align: center;
font-weight: normal;
text-transform: none;
border: 3px solid #97c300;
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.order-progress .active-step.estendo-step.last a:before {
content: "";
background-image: url(/images/uploaded/security_30.png);
background-image: -webkit-image-set(url('/images/uploaded/security_30.png.webp') 1x);
background-size: 25px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
}
.order-progress a:after {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: 3px;
background-color: white;
z-index: 0;
}
.order-progress li:first-child a:after,
.order-progress li:last-child a:after {
width: 50%;
}
.order-progress li:first-child a:after {
right: 0;
left: auto;
}
.order-progress .active-step a {
cursor: pointer;
}
.order-progress .active-step:not(.last) a:hover:before {
background-color: #97c300;
width: 20px;
height: 20px;
transition: all .3s ease;
}
.order-progress li.inactive-step a {
cursor: default;
}
.checkout-buttons .button-1 {
width: 100%;
font-size: 15px;
}
.no-data {
text-align: center;
font-size: 15px;
color: #000;
}
.shopping-cart-page .common-buttons button,
.shopping-cart-page .cart-collaterals .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.order-details-page .repost .button-2 {
display: inline-block;
border: none;
height: 45px;
line-height: 45px;
padding: 0 25px;
margin: 0 2px;
background-color: #ccc;
border-radius: 3px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all .1s ease;
}
.shopping-cart-page .common-buttons button:hover,
.shopping-cart-page .cart-collaterals .button-2:hover,
.checkout-page .button-2:hover,
.order-details-page .page-title a:hover,
.order-details-page .repost .button-2:hover {
background-color: #eaeaea;
}
.shopping-cart-page .common-buttons {
font-size: 0;
}
.shopping-cart-page .common-buttons-spedizione {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi {
background: white;
width: 100%;
font-size: 18px;
padding: 15px 0px 15px 20px;
display: flex;
align-items: center;
border-radius: 10px;
}
@media(max-width: 767px) {
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi {
border-radius: 0 0 10px 10px;
}
}
.consegna-e-servizi label .info {
display: none;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi label .info {
margin-left: 8px;
margin-right: 8px;
display: inline-block;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi label .info .fa {
color: #a7a7a7;
font-weight: bold;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .value-summary {
margin-left: auto;
padding: 0 20px;
font-size: 22px;
font-weight: 700;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .value-summary .currency-symbol,
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .value-summary .decimal {
font-weight: 700 !important;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .container-img-servizi {
width: 230px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .container-img-servizi .testo {
font-size: 11px;
white-space: nowrap;
margin-left: 10px;
}
.consegna-e-servizi .container-img-servizi img,
.consegna-e-servizi .container-img-servizi .testo {
display: none;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .container-img-servizi img {
display: block;
width: 35px;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .totale-placeholder {
width: 90px;
padding: 0 20px;
}
@media(max-width: 1024px) {
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi label {
min-width: 368px;
width: 67%;
max-width: 395px;
}
.shopping-cart-page .common-buttons {
order: 1;
}
.shopping-cart-page .common-buttons-spedizione {
flex-direction: column;
align-items: flex-start;
justify-content: center;
order: 0;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi {
margin: 0;
margin-bottom: 15px;
text-align: left;
}
}
@media(max-width: 767px) {
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi label {
flex: 1;
min-width: initial;
width: auto;
max-width: initial;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .container-img-servizi {
display: none;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .totale-placeholder {
display: none;
}
}
.shopping-cart-page .common-buttons button {
position: relative;
display: block;
margin: 0 auto 7px;
padding: 0 20px;
width: 255px;
}
.shopping-cart-page .common-buttons button:before,
.wishlist-content .button-2:before {
position: relative;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
font-size: 20px;
color: #000;
font-weight: normal;
text-transform: none;
transition: all .2s ease !important;
z-index: 1;
}
.shopping-cart-page .common-buttons .continue-shopping-button:before {
content: "\64";
}
.shopping-cart-page .product-grid {
clear: both;
float: left;
width: 100%;
margin: 70px 0 0;
}
.update-cart-button:before {
content: "\59";
}
.clear-cart-button:before {
content: "\5a";
}
.clear-cart-button:hover:before {
-webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
-moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
}
.clear-cart-button span,
.update-cart-button span {
position: relative;
z-index: 1;
}
.update-cart-button:hover:before {
-webkit-animation: updating 1s linear infinite;
-moz-animation: updating 1s linear infinite;
animation: updating 1s linear infinite;
}
.remove-discount-button,
.remove-gift-card-button {
width: 16px;
height: 16px;
border-radius: 3px;
margin: 0 0 0 5px;
border: none;
background: #f1f1f1 url('../../Themes/Emporium/Content/img/close.png') center no-repeat;
cursor: pointer;
}
.remove-discount-button:hover,
.remove-gift-card-button:hover {
background-color: #e9e9e9;
}
.shopping-cart-page .message-error {
margin: 0 0 20px !important;
font-size: 18px;
}
.shopping-cart-page .order-summary-content > .message-error {
text-align: center;
}
.cart-options {
margin: 0;
text-align: center;
}
.cart-options > *:last-child {
margin-bottom: 2px;
}
.cart-options .common-buttons {
font-size: 0;
}
.cart-options .common-buttons input {
min-width: 150px;
margin: 0 5px 5px;
}
.cart-options .checkout-attributes {
text-align: left;
}
.cart-options .checkout-attributes dl {
max-width: 400px;
margin: 0 auto;
}
.cart-options .checkout-attributes dt {
margin: 0 0 5px;
font-weight: 600;
}
.cart-options .checkout-attributes dd {
margin: 0 0 15px;
}
.cart-options .checkout-attributes li {
line-height: 24px;
}
.section.options {
margin-bottom: 3px;
}
.checkout-attributes,
.selected-checkout-attributes {
padding: 30px 20px;
margin: 20px 0 0;
border-radius: 3px;
background-color: #f6f6f6;
font-size: 15px;
color: #444;
}
.cart-footer:after {
content: "";
display: block;
clear: both;
}
.cart-footer .total-info {
margin: 0 0 30px;
}
.cart-footer .total-info:only-child {
margin: 0;
}
.totals {
border-radius: 3px;
padding: 50px 20px;
background-color: #f6f6f6;
}
.totals > div {
max-width: 400px;
margin-left: auto !important;
margin-right: auto !important;
}
.cart-total td {
width: 50%;
padding: 7px 5px;
font-size: 16px;
color: #444;
font-weight: 400;
}
.order-details-page .value-summary,
.order-details-page .product-subtotal,
.order-details-page .product-unit-price,
.shopping-cart-page-body .value-summary,
.shopping-cart-page-body .product-subtotal,
.shopping-cart-page-body .product-unit-price,
.checkout-pages-body .value-summary,
.checkout-pages-body .product-subtotal,
.checkout-pages-body .product-unit-price {
display: inline-block;
}
.order-details-page .value-summary strong,
.order-details-page .product-subtotal strong,
.order-details-page .product-unit-price strong,
.shopping-cart-page-body .value-summary strong,
.shopping-cart-page-body .product-subtotal strong,
.shopping-cart-page-body .product-unit-price strong,
.checkout-pages-body .value-summary strong,
.checkout-pages-body .product-subtotal strong,
.checkout-pages-body .product-unit-price strong {
font-weight: 600;
}
.order-details-page .currency-symbol,
.shopping-cart-page-body .currency-symbol,
.checkout-pages-body .currency-symbol {
font-size: 70%;
margin-right: 3px;
font-weight: normal;
}
.order-details-page .decimal,
.shopping-cart-page-body .decimal,
.checkout-pages-body .decimal {
font-size: 70% !important;
font-weight: normal !important;
}
.order-details-page strong .currency-symbol,
.shopping-cart-page-body strong .currency-symbol,
.checkout-pages-body strong .currency-symbol,
.order-details-page strong .decimal,
.shopping-cart-page-body strong .decimal,
.checkout-pages-body strong .decimal {
font-weight: 900 !important;
}
.cart-total td label {
font-size: 16px;
color: #444;
font-weight: 400;
}
.order-total td label,
.order-total td span {
font-size: 22px;
color: #97c300;
font-weight: 700;
}
.cart-total-left {
text-align: left;
}
.cart-total-right {
text-align: right;
}
.cart-total .order-total {
font-size: 16px;
color: #97c300;
}
.terms-of-service {
margin: 0 0 30px;
text-align: center;
}
.terms-of-service input[type="checkbox"] + label {
display: inline;
cursor: pointer;
font-weight: 400;
font-size: 16px;
}
.terms-of-service input[type="checkbox"] + label:before {
vertical-align: middle;
}
.terms-of-service .read {
margin: 0 0 0 3px;
font-size: 15px;
font-weight: 400;
cursor: pointer;
color: #97c300;
}
.terms-of-service .read:hover {
color: #7c9a16;
}
.cart-footer .addon-buttons > img:first-child,
.cart-footer .addon-buttons > p:first-child {
margin: 20px 0 0;
}
.cart-collaterals {
max-width: 100%;
margin: 0 auto 30px;
}
.cart-collaterals > div {
border: 1px solid #eee;
border-radius: 3px;
margin: 0 0 10px;
overflow: hidden;
}
.cart-collaterals > div > .title {
position: relative;
display: block;
height: 60px;
padding: 0 20px 0 40px;
margin: 0;
line-height: 60px;
color: #444;
font-size: 18px;
font-weight: 300;
text-align: center;
background-color: #f6f6f6;
border-radius: 3px 3px 0 0;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all .1s ease;
}
.cart-collaterals > div > .title:hover {
color: #97c300;
}
.cart-collaterals > div > .title:before {
content: "\57";
position: absolute;
display: inline-block;
top: 50%;
left: 20px;
font-size: 10px;
color: #97c300;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-transform: none;
transition: all .3s ease;
}
.cart-collaterals > div > .title.open:before {
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.cart-collaterals > div > .list {
display: none;
padding: 30px 20px;
}
.cart-collaterals .title {
margin: 0 0 10px;
font-size: 18px;
color: #444;
}
.cart-collaterals strong {
font-weight: 600;
}
.cart-collaterals .hint {
margin: 0 0 20px;
font-size: 15px;
color: #000;
}
.cart-collaterals .coupon-code {
overflow: hidden;
font-size: 0;
}
.cart-collaterals .coupon-code input[type="text"],
.cart-collaterals .coupon-code input[type="email"],
.cart-collaterals .coupon-code input[type="tel"] {
float: left;
width: calc(100% - 105px);
}
.cart-collaterals .coupon-code input[type="submit"] {
float: left;
width: 100px;
padding: 0 15px;
height: 45px;
margin: 0 0 0 5px;
border-radius: 3px;
}
.cart-collaterals .message-failure {
margin: 5px 0 0;
color: #ff4f60;
font-size: 13px;
font-weight: 700
}
.cart-collaterals .message-success {
margin: 5px 0 0;
color: #97c300;
font-size: 13px;
font-weight: 700
}
.cart-collaterals .current-code {
margin: 7px 0 0;
color: #444;
font-size: 14px;
}
.coupon-code + .current-code {
margin-top: 10px;
}
.cart-collaterals .shipping-results {
margin: 30px 0 0;
}
.cart-collaterals .shipping-results li {
margin: 10px 0 0;
font-size: 14px;
color: #000;
}
.cart-collaterals .shipping-results li strong {
color: #444;
}
.cart-collaterals .shipping-results li:first-child {
margin-top: 0;
}
.cart-collaterals .shipping-results .option-description {
font-weight: 400;
}
.coupon-box + .giftcard-box,
.shipping-options .buttons {
margin-top: 30px;
}
.estimate-shipping-result {
margin-top: 20px;
font-size: 13px;
font-weight: 700;
text-align: center;
color: #ff4f60;
}
/********** CHECKOUT **********/
.checkout-page .section {
margin: 0 0 50px;
}
.checkout-page .section .title {
margin: 0 0 30px;
text-align: center;
}
.checkout-page .add-button:before {
content: none;
display: none;
}
.checkout-page .select-billing-address > .title {
display: none;
}
.checkout-page .order-summary > .title strong {
font-size: 24px;
font-weight: 700;
}
.ship-to-same-address,
.pickup-in-store {
margin-top: 40px !important;
text-align: center;
}
.ship-to-same-address input[type="checkbox"] + label,
.pickup-in-store input[type="checkbox"] + label {
font-weight: 700;
color: #444;
}
.pickup-in-store .description {
margin: 10px 0 0;
font-size: 15px;
color: #000;
font-weight: 400;
}
.pickup-points .message-error {
text-align: center;
margin: 20px 0 !important;
}
.checkout-page .address-grid {
/*overflow: hidden;*/
font-size: 0;
}
.address-grid > div {
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.checkout-page .message-error {
text-align: center;
margin-top: 25px;
}
.checkout-page .multiple-locations {
text-align: center;
margin-bottom: 25px;
font-weight: 700;
color: #97c300;
}
.checkout-page .add-button .btn-holder:before {
display: block;
margin-bottom: 40px;
content: "\55";
font-size: 100px;
color: #8e8e8e;
transition: all .3s ease;
}
.checkout-page .add-button .btn-holder.open:before {
color: #97c300;
}
.checkout-page .add-button .enter-address {
display: none;
}
.checkout-page .btn-holder {
position: relative;
padding-bottom: 45px;
}
.checkout-page .btn-holder label {
position: absolute;
display: inline-block;
top: auto;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
line-height: 45px;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
transition: all .3s ease;
}
.add-button .btn-holder .open-address-form {
transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
opacity: 1;
}
.add-button .btn-holder.open .open-address-form {
max-width: 0;
padding: 0;
opacity: .4;
transition-delay: 0s;
}
.checkout-page .btn-holder .close-address-form {
max-width: 0;
padding: 0;
opacity: .4;
}
.add-button .btn-holder.open .close-address-form {
max-width: 280px;
padding: 0 25px;
opacity: 1;
transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
}
.checkout-page .edit-address {
padding-top: 40px;
margin: 0 0 30px;
}
.checkout-page .address-box {
margin: 0 0 25px;
}
.checkout-page .address-item li {
padding: 2px 0;
}
.checkout-page .address-item li.name {
margin: 0;
}
.checkout-page .address-item li.country {
margin: 5px 0 0;
font-size: 16px;
}
.checkout-page .pickup-points .title {
display: none;
margin: 0 0 40px;
}
.checkout-page .select-pickup-point {
text-align: center;
}
.checkout-page .select-pickup-point li {
display: inline-block;
margin: 0 5px;
font-size: 15px;
color: #444;
font-weight: 700;
}
.checkout-page .select-address select {
max-width: 100%;
}
.checkout-page .pickup-points-map {
height: 300px;
margin: 20px 0 0;
}
@media all and (min-width: 540px) {
.payment-logo {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: middle;
}
.payment-logo + .payment-details {
display: inline-block;
vertical-align: middle;
max-width: calc(100% - 90px);
}
}
.shipping-method .method-list,
.payment-method .method-list {
margin: 0 0 30px;
}
.shipping-method .method-list li,
.payment-method .method-list li {
position: relative;
border-radius: 3px;
max-width: 530px;
text-align: left;
margin: 0 auto 10px;
border: 2px solid #ccc;
border-radius: 0;
padding: 10px 10px 10px 75px;
}
.shipping-method .method-list li label,
.payment-method .method-list li label {
display: block;
width: 100%;
color: #444;
font-weight: 800;
font-size: 16px;
}
.shipping-method .method-list input[type="radio"] + label:before,
.payment-method .method-list input[type="radio"] + label:before {
position: absolute;
top: 50%;
left: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.shipping-method .method-description,
.payment-method .payment-description {
margin: 5px 0 0;
font-size: 14px;
color: #000;
font-weight: 600;
}
.use-reward-points {
margin: 0 0 30px;
text-align: center;
}
.payment-info .info {
margin: 0 0 30px;
}
.payment-info .info table {
max-width: 800px;
border: 1px solid #eee;
border-radius: 3px;
margin: 0 auto;
}
.payment-info .info td {
padding: 5px;
}
.payment-info .info tr:first-child td {
padding-top: 30px;
}
.payment-info .info tr:last-child td {
padding-bottom: 30px;
}
.payment-info .info td label {
font-size: 14px;
}
.payment-info .info td:first-child {
text-align: right;
}
.payment-info .info td:only-child {
text-align: center;
}
.payment-info .info td + td {
text-align: left;
}
.payment-info .info td select:only-of-type,
.payment-info .info td input:only-of-type {
width: 100% !important;
max-width: 250px;
}
.payment-info .info td p {
margin: 10px 0;
font-size: 16px;
color: #444;
}
.message-error.validation-summary-errors {
text-align: center;
}
.order-confirm-page .order-review-data .billing-info .title,
.order-confirm-page .order-review-data .shipping-info .title,
.opc .order-review-data .billing-info .title,
.opc .order-review-data .shipping-info .title {
margin: -45px -20px 30px;
height: 60px;
line-height: 60px;
background-color: #f9f9f9;
border-radius: 3px 3px 0 0;
}
.order-review-data > div .info-list .name,
.order-review-data > div .title {
margin-bottom: 10px;
}
.order-review-data > div .info-list .name,
.order-review-data > div .title strong {
font-weight: 700;
font-size: 16px;
color: #444;
}
.confirm-order .terms-of-service {
text-align: center;
}
.order-completed .details {
max-width: 800px;
border: 1px solid #eee;
border-radius: 3px;
padding: 30px;
margin: 0 auto 30px;
text-align: center;
}
.order-completed .details a {
display: inline-block;
margin: 20px 0 0;
padding: 0 20px;
max-width: 100%;
height: 45px;
line-height: 45px;
background-color: #eee;
color: #000;
border-radius: 3px;
font-size: 13px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 700;
text-transform: uppercase;
}
.order-completed .order-number {
font-size: 18px;
font-weight: 700;
color: #97c300;
}
.opc {
max-width: 1000px;
margin: 0 auto;
}
.opc > li {
border: 1px solid #eee;
border-radius: 3px;
margin-bottom: 10px;
overflow: hidden;
}
.opc > li:last-child {
margin-bottom: 0;
}
.opc .step-title {
position: relative;
height: 60px;
line-height: 60px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #f6f6f6;
padding: 0 40px;
text-align: center;
}
.opc > li.allow:not(.active) .step-title:after {
content: "\30";
position: absolute;
display: inline-block;
top: 0;
right: 20px;
left: auto;
color: #97c300;
font-size: 20px;
line-height: 60px;
}
.opc input[type="checkbox"] ~ label:before {
content: "";
display: inline-block;
margin-right: 10px;
width: 17px;
height: 17px;
border: 1px solid #eeeeee;
vertical-align: text-top;
background-color: #fff;
}
.opc input[type="checkbox"]:checked ~ label:before {
margin-left: 1px;
width: 16px;
height: 16px;
box-shadow: 0 0 0 1px #e7e7e7;
border: 3px solid #fff;
background-color: #97c300;
}
.opc input[type="checkbox"] ~ label {
font-weight: 700;
color: #444;
}
.opc .ship-to-same-address,
.opc .pickup-in-store {
margin-top: 0 !important;
}
.opc .section.new-billing-address,
.opc .section.new-shipping-address {
max-width: 600px;
margin: 0 auto;
}
.opc .allow .step-title,
.opc .allow .step-title .number,
.opc .allow .step-title .title {
cursor: pointer;
}
.opc .step-title .number,
.opc .step-title .title {
display: inline-block;
font-size: 18px;
color: #444;
font-weight: 300;
}
.opc > li.active .step-title .number,
.opc > li.active .step-title .title {
font-weight: 700;
color: #97c300;
}
.opc .step {
padding: 40px 20px;
overflow: hidden;
}
.opc .section {
margin: 0 0 15px;
text-align: center;
}
.opc .section > label,
.opc .select-pickup-points > label {
display: block;
font-weight: 700;
color: #444;
font-size: 15px;
margin: 0 0 10px;
}
.opc .payment-info .info {
margin: 0;
}
.opc .payment-info .info table {
border: none;
}
.opc input[type="text"],
.opc input[type="email"],
.opc input[type="tel"],
.opc input[type="password"],
.opc select:only-of-type {
max-width: 100%;
}
.opc select {
padding: 0 27px 0 20px;
background: #fff url(../../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat right 10px center;
}
.opc .buttons {
margin-bottom: 0;
font-size: 0;
}
.opc #opc-confirm_order .buttons,
.opc .checkout-data > div:not(.section) {
float: left;
clear: both;
width: 100%;
margin: 30px 0 0;
}
.opc .back-link {
display: inline-block;
vertical-align: top;
margin: 0 10px 10px 0;
}
.opc .back-link small {
display: none;
}
.opc .back-link a {
display: block;
padding: 0 20px;
border-radius: 3px;
background-color: #eee;
height: 45px;
min-width: 95px;
line-height: 45px;
color: #959595;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.opc .back-link,
.opc .back-link + .button-1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.opc .please-wait {
display: block;
margin: 10px 0 0;
}
.opc .terms-of-service {
text-align: center;
}
/*********** ORDER DETAILS & RETURN REQUEST ***********/
.order-review-data,
.order-details-area,
.shipment-details-area {
margin: 0 0 50px;
overflow: hidden;
}
.order-details-page,
.order-overview {
text-align: center;
}
.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
padding: 45px 20px;
margin: 0 0 20px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
}
.order-review-data > div > div,
.order-details-area > div > div,
.shipment-details-area > div > div {
margin-bottom: 40px;
}
.order-review-data > div > div:last-child,
.order-details-area > div > div:last-child,
.shipment-details-area > div > div:last-child {
margin-bottom: 0;
}
.order-review-data li,
.order-details-area li,
.shipment-details-area li {
padding: 2px 0;
font-size: 16px;
color: #000;
}
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
margin: 0 0 15px;
font-size: 18px;
color: #444;
}
.order-details-page .page-title {
margin: 0 0 40px;
overflow: hidden;
}
.order-details-page .page-title h1 {
margin: 0 0 30px;
}
.order-details-page .order-overview {
margin: 0 0 40px;
line-height: 20px;
}
.order-details-page .order-overview .order-number {
margin-bottom: 15px;
font-size: 20px;
font-weight: 700;
color: #97c300;
}
.order-overview-content li {
font-size: 16px;
color: #000;
line-height: 1.5;
font-weight: 300;
}
.order-overview-content li strong {
color: #444;
}
.order-details-page .tax-shipping-info {
margin: 0 0 10px;
font-size: 15px;
color: #444;
}
.order-details-page .actions {
margin: 20px 0 0;
overflow: hidden;
font-size: 0;
}
.order-details-page .actions input {
display: inline-block;
vertical-align: top;
width: 100%;
margin: 5px 0 0;
padding: 0 20px;
height: 45px;
border-radius: 3px;
border: none;
font-size: 14px;
color: #fff;
text-transform: uppercase;
border-radius: 10px;
}
.order-details-page .actions input:first-child {
margin-top: 0;
}
.order-details-page .actions .button-2 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 5px 0 0;
padding: 0 20px;
height: 45px;
border-radius: 3px;
border: none;
font-size: 14px;
color: #fff;
text-transform: uppercase;
background-color: #e7e7e7;
color: #000;
}
.section.shipments {
margin-bottom: 50px;
}
td.view-details a,
td.download a {
display: inline-block;
padding: 10px 20px;
margin: -7px 0;
border-radius: 3px;
background-color: #f1f1f1;
color: #000;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
transition: all .2s ease;
}
td.view-details a:hover,
td.download a:hover {
background-color: #eaeaea;
}
.downloadable-products-page td.order a {
color: #444;
}
.return-request-file > div {
display: inline-block;
width: 100%;
vertical-align: middle;
font-size: 13px;
overflow: hidden;
}
.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-list {
float: left;
width: calc(100% - 45px);
height: 45px;
line-height: 45px;
border: 1px solid #e7e7e7;
border-right: none;
border-radius: 3px;
background-color: #fff;
padding: 0 0 0 20px;
text-align: left;
font-size: 13px;
color: #000;
}
.qq-uploader .qq-upload-button {
width: 45px;
height: 45px;
line-height: 45px;
padding: 0;
display: inline-block;
float: right;
border: none;
border-radius: 0 3px 3px 0;
background-color: #f8ae00;
font-size: 0;
transition: all .2s ease;
}
.qq-uploader .qq-upload-button:before {
content: "\e903";
font-size: 16px;
color: #fff;
}
.qq-uploader .qq-upload-button:hover {
background-color: #e8af00;
}
.return-request-page .qq-upload-list li {
background-color: transparent !important;
font-size: 13px;
color: #444 !important;
padding: 0 !important;
line-height: 45px;
}
.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-extra-drop-area {
width: calc(100% - 45px);
height: 100%;
min-height: 45px;
background: #fff9e0;
text-align: left;
}
.qq-uploader .qq-upload-drop-area span {
top: 0;
left: 0;
margin: 0;
}
/*********** SEARCH & SITEMAP ***********/
.search-page .search-input .fieldset {
margin: 0;
}
.search-page .search-input form {
background-color: #f6f6f6;
margin: 0 -10px 40px;
padding: 30px 0;
}
.search-input input + label {
display: inline;
margin: 0 0 0 2px;
}
.basic-search {
padding: 0 20px 30px;
}
.advanced-search {
padding: 30px 20px;
border-top: 2px solid #fff;
}
.basic-search > .inputs,
.advanced-search > .inputs {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.search-page .search-input form .buttons {
padding: 0 20px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.search-page .search-input form .buttons input {
width: 100%;
}
.advanced-search .price-range {
display: block;
width: 100%;
font-size: 0;
}
.advanced-search .price-range input {
width: calc(50% - 5px);
font-size: 13px;
}
.advanced-search .price-range input:nth-child(2) {
margin-left: 10px;
}
.search-input .warning,
.search-results .result {
display: block;
margin: 10px 0 0;
font-weight: normal;
color: #ff4f60;
}
.search-results {
margin: 30px 0 0;
}
.sitemap-page .description {
margin: 0 auto 30px;
max-width: 1000px;
font-size: 15px;
color: #000;
text-align: center;
}
.sitemap-page .entity {
border: 1px solid #eee;
border-radius: 3px 3px 0 0;
border-bottom: none;
padding: 30px 20px;
text-align: center;
}
.sitemap-page .entity + .entity {
border-radius: 0;
}
.sitemap-page .entity:last-child {
border-radius: 0 0 3px 3px;
border-bottom: 1px solid #eee;
}
.sitemap-page .entity-title {
margin: 0 0 20px;
}
.sitemap-page .entity-title h2 {
font-size: 17px;
color: #444;
text-transform: uppercase;
letter-spacing: 2px;
}
.sitemap-page .entity-body {
line-height: 24px;
}
.sitemap-page li {
display: inline-block;
margin: 0 5px;
}
.sitemap-page a {
display: block;
padding: 5px;
color: #97c300;
font-size: 15px;
transition: all .2s ease;
}
.sitemap-page a:hover {
color: #7c9a16;
}
.sitemap-page a:empty {
display: none;
}
/********** BLOG & NEWS **********/
.blogpost-page .page-title {
max-width: 1024px;
margin: 0 auto 20px;
}
.blogpost-page .post-body {
max-width: 1024px !important;
}
.blogpost-page .rich-blog-image {
height: auto;
}
.blogpost-page .rich-blog-image img {
position: relative !important;
min-height: initial !important;
width: 100%;
transform: none !important;
}
.blogpost-page .page-body .new-comment {
margin: auto !important;
margin-top: 70px !important;
max-width: 1024px;
}
.blogpost-page .page-body .new-comment .comment-form-btn {
margin-bottom: 0;
}
.blogpost-page .page-body .comment-list {
margin: auto !important;
max-width: 1024px;
}
.blogpost-page .post-body a {
color: #004cff !important;
font-weight: bold !important;
}
.blog-posts .post .post-actions .read-more {
background-color: #f8ae00 !important;
}
.blog-page .blog-posts {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-page .blog-posts .post {
display: flex;
flex-direction: column;
}
@media(max-width: 1470px) {
.blog-page .blog-posts .post {
margin: 0 10px 50px !important;
}
}
.blog-page .blog-posts .post .post-details {
flex: 1;
display: flex;
flex-direction: column;
border: 1px solid #ddd;
}
.blog-page .blog-posts .post .post-details .post-body {
margin-bottom: 30px;
}
.blog-page .blog-posts .post .post-details .post-footer {
margin-top: auto;
}
.side-2 div[class*="blog"] {
border-bottom: 3px solid #f8ae00 !important;
border-radius: 0;
}
.side-2 div[class*="blog"] .listbox {
padding: 0 20px !important;
margin-bottom: 18px;
background-color: transparent;
}
.side-2 div[class*="blog"] .title {
padding-left: 0;
padding-right: 0;
}
@media(max-width: 1024px) {
.side-2 div[class*="blog"] .title {
padding-left: 50px !important;
padding-right: 50px !important;
}
}
@media(min-width: 992px) {
.carosello-promo-home .slick-list {
margin: 0 60px !important;
}
}
.carosello-promo-home .slick-track {
display: flex !important;
}
@media(max-width: 991px) {
.carosello-promo-home .slick-track {
background-color: transparent;
}
}
.carosello-promo-home .promozione {
display: flex;
flex-direction: column;
margin: 5px !important;
border-radius: 15px !important;
height: inherit !important;
overflow: hidden;
border: 1px solid #eee;
}
.carosello-promo-home .promozione img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media(max-width: 767px) {
.carosello-promo-home .promozione {
margin: 2px !important;
}
}
.rich-blog-homepage {
position: relative;
top: 20px;
margin: 0 0 50px;
text-align: center;
}
.rich-blog-homepage .view-all {
text-align: center;
margin: 0 60px 10px;
font-size: 18px;
color: #f8ae00;
font-weight: bold;
}
@media(max-width: 1047px) {
.rich-blog-homepage .view-all {
margin: 0 0 10px;
}
}
.rich-blog-homepage .view-all a {
background-color: #f8ae00;
padding: 0 25px !important;
border-radius: 10px;
height: 40px !important;
line-height: 40px !important;
font-size: 17px !Important;
color: white !important;
display: inline-block;
margin: auto;
text-transform: uppercase;
transition: all .2s ease;
}
.rich-blog-homepage .view-all a:hover {
background-color: #b7b7b7;
transition: all .2s ease;
}
.rich-blog-homepage .title {
height: 3px;
background: #f8ae00;
text-transform: uppercase;
font-size: 23px !important;
margin: 15px 0 30px !important;
text-align: center;
}
.rich-blog-homepage .title strong {
font-weight: 600;
position: relative;
top: -12px;
background: #ececf2;
padding: 5px 40px;
color: black !important;
}
@media(max-width: 560px) {
.rich-blog-homepage .title strong {
font-size: 16px;
padding: 5px 15px;
top: -15px;
}
}
.rich-blog-homepage .blog-posts .slick-prev + .slick-list {
margin: 0 60px;
}
.rich-blog-homepage .blog-posts .slick-track {
display: flex !important;
}
.rich-blog-homepage .blog-posts .blog-post {
display: flex;
align-items: center;
flex-direction: column;
margin: 5px !important;
border-radius: 15px !important;
height: inherit !important;
overflow: hidden;
border: 1px solid #eee;
background-color: white;
padding: 15px;
}
@media(max-width: 767px) {
.rich-blog-homepage .blog-posts .blog-post {
margin: 5px !important;
}
}
.rich-blog-homepage .blog-posts .blog-post .post-details {
flex: 1;
width: 100%;
padding: 15px 0;
}
.rich-blog-homepage .blog-posts .blog-post .post-details .post-title {
font-weight: bold;
text-align: left;
font-size: 17px;
margin-bottom: 0;
}
.rich-blog-homepage .blog-posts .blog-post .post-details .post-date,
.rich-blog-homepage .blog-posts .blog-post .post-details .post-description {
display: none !important;
}
.rich-blog-homepage .post-picture {
display: block;
position: relative;
z-index: 0;
overflow: hidden;
height: 200px;
width: 100%;
}
@media(max-width: 1199px) {
.rich-blog-homepage .post-picture {
height: 100px;
}
.rich-blog-homepage .blog-posts .blog-post .post-details .post-title {
font-size: 15px;
}
}
.rich-blog-homepage .post-picture:before {
padding-top: initial !important;
}
.rich-blog-homepage .post-picture img {
top: 50% !important;
transform: translateY(-50%);
min-width: 100%;
width: auto !important;
min-height: 100%;
object-fit: cover;
position: absolute;
right: 0;
left: 0;
max-width: 100%;
margin: auto;
}
.rich-blog-homepage .blog-post:hover .post-details {
margin-top: 0 !important;
}
.rich-blog-homepage .blog-post .read-more {
background-color: #f8ae00;
padding: 0 25px !important;
display: block !important;
border-radius: 10px;
height: 40px !important;
line-height: 40px !important;
font-size: 17px !Important;
}
.rich-blog-homepage .read-more::before {
content: '' !important;
}
/*Arrows rich blog e carosello promo home page slick*/
.rich-blog-homepage .slick-list,
.carosello-promo-home .slick-list {
margin: 0 -3px;
}
.rich-blog-homepage .slick-next,
.rich-blog-homepage .slick-prev,
.carosello-promo-home .slick-next,
.carosello-promo-home .slick-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
border: 2px solid black !important;
background-color: transparent !important;
border-radius: 50%;
text-align: center;
font-size: 0;
z-index: 1;
transition: all .2s ease;
}
.rich-blog-homepage .slick-prev,
.carosello-promo-home .slick-prev {
left: 0;
}
.rich-blog-homepage .slick-next,
.carosello-promo-home .slick-next {
right: 0;
}
.rich-blog-homepage .slick-next:before,
.rich-blog-homepage .slick-prev:before,
.carosello-promo-home .slick-next:before,
.carosello-promo-home .slick-prev:before {
/* display: block; */
color: black;
font-weight: 600;
font-size: 12px;
line-height: 40px;
transition: all .2s ease;
text-transform: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rich-blog-homepage .slick-next:hover,
.rich-blog-homepage .slick-prev:hover,
.carosello-promo-home .slick-next:hover,
.carosello-promo-home .slick-prev:hover {
background-color: #f8ae00 !important;
}
.rich-blog-homepage .slick-next:hover:before,
.rich-blog-homepage .slick-prev:hover:before,
.carosello-promo-home .slick-next:hover:before,
.carosello-promo-home .slick-prev:hover:before {
color: black;
}
.rich-blog-homepage .slick-prev:before,
.carosello-promo-home .slick-prev:before {
content: "\6b";
}
.rich-blog-homepage .slick-next:before,
.carosello-promo-home .slick-next:before {
content: "\6a";
}
.rich-blog-homepage .slick-disabled,
.carosello-promo-home .slick-disabled {
opacity: 0.5;
cursor: default;
}
/* Fine - Arrows rich blog home page slick*/
.rich-blog-image {
height: 200px;
overflow: hidden;
position: relative;
}
.rich-blog-image img {
position: absolute;
top: 50% !important;
transform: translateY(-50%);
min-width: 100%;
width: auto !important;
min-height: 100%;
object-fit: cover;
}
.block-blog-archive .year {
margin-top: 10px;
}
.year strong {
display: block;
cursor: default;
}
.blog-page .post,
.news-items .news-item {
position: relative;
margin: 0 0 20px;
border: 1px solid #eeeeee;
border-radius: 3px;
overflow: hidden;
}
.blog-page .post-details,
.news-items .news-item {
padding: 30px 15px;
}
.center-2 .blog-page .post,
.center-2 .news-items .news-item {
text-align: left;
}
.blog-page .post:after,
.news-items .item:after {
content: "";
display: block;
clear: both;
}
.post-title,
.news-title {
display: block;
margin: 0 0 20px;
font-size: 25px;
font-weight: 300;
color: #444444;
}
.post-date,
.news-date {
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.3px;
color: #97c300;
margin-bottom: 10px;
text-transform: uppercase;
}
.post-date + .read-comments {
margin-left: 15px;
}
.post-body,
.news-body {
line-height: 1.5;
font-size: 16px;
color: #000;
font-weight: 400;
}
.post-body + .buttons,
.news-body + .buttons {
margin-top: 25px;
}
.post-body p:first-child,
.news-body p:first-child {
margin-top: 0;
}
.back-to-all-button {
display: inline-block;
margin: 0 auto 20px;
width: auto;
text-align: center;
font-size: 13px;
color: #959595;
text-transform: uppercase;
font-weight: 700;
transition: all .2s ease;
}
.back-to-all-button:before {
content: "\6b";
display: inline-block;
margin-right: 7px;
color: #959595;
text-transform: none;
font-weight: normal;
font-size: 10px;
transition: all .2s ease;
}
.back-to-all-button:hover,
.back-to-all-button:hover:before {
color: #97c300;
}
.blogpost-page .page-title,
.news-item-page .page-title {
margin-bottom: 15px;
}
.blogpost-page .post-date,
.news-item-page .news-date {
display: block;
margin-bottom: 25px;
}
.blogpost-page .post-body,
.news-item-page .news-body {
margin: 0 auto;
padding: 0 10px;
max-width: 900px;
text-align: justify;
}
.blogpost-page .post-body {
border-bottom: 1px solid #eee;
padding: 0 10px;
margin: 0 -10px 20px;
}
.blog-page .tags,
.blogpost-page .tags {
margin: 0 0 5px;
overflow: hidden;
}
.blog-page .tags label,
.blogpost-page .tags label {
display: inline-block;
font-size: 0;
}
.blog-page .tags label:before,
.blogpost-page .tags label:before {
content: "\58";
display: inline-block;
margin-right: 7px;
font-size: 16px;
color: #000;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
display: inline-block;
font-size: 0;
}
.blog-page .tags li,
.blogpost-page .tags li {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
margin: 0 5px 0 3px;
}
.blog-page .tags a,
.blogpost-page .tags a {
display: inline-block;
color: #97c300;
line-height: 24px;
transition: all .2s ease;
}
.blog-page .tags a:hover,
.blogpost-page .tags a:hover {
color: #7c9a16;
}
.blog-posts .buttons,
.news-items .buttons {
text-align: left;
}
.blog-posts .read-more,
.news-items .read-more {
display: inline-block;
padding: 0 25px;
border-radius: 3px;
background-color: #f8ae00;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
transition: all .2s ease;
}
.blog-posts .read-more:hover,
.news-items .read-more:hover {
background-color: #e8af00;
}
.read-comments {
font-size: 13px;
color: #000;
font-weight: 700;
transition: all .2s ease;
}
.read-comments:before {
content: "\52";
display: inline-block;
vertical-align: middle;
margin-right: 7px;
font-weight: normal;
text-transform: none;
color: #000;
font-size: 16px;
transition: all .2s ease;
}
.read-comments:hover,
.read-comments:hover:before {
color: #97c300;
}
.new-comment {
padding: 40px 20px;
}
.comment-list {
padding: 0 10px 40px;
}
.new-comment,
.comment-list {
margin: 70px -10px 0;
background-color: #f6f6f6;
}
.new-comment > *,
.comment {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.new-comment + .comment-list {
margin-top: 0;
}
.new-comment .title {
margin: 0 auto 20px;
}
.new-comment .title strong {
font-weight: 700;
font-size: 26px;
color: #444;
}
.new-comment form {
display: none;
}
.comment-form-btn strong:before {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
font-size: 16px;
text-transform: none;
font-weight: normal;
}
.open-comment-form:hover {
background-color: #e8af00;
}
.open-comment-form:before {
content: "\52";
color: #fff;
}
.new-comment .notifications {
font-size: 15px;
color: #000;
}
.new-comment .result {
margin: 20px 0 0;
color: #97c300;
}
.comment-list .comment {
background-color: #fff;
border: 1px solid #eee;
border-top: none;
padding: 30px 20px;
text-align: left;
}
.comment-list .comment:first-child {
border-top: 1px solid #eee;
border-radius: 3px 3px 0 0;
}
.comment-list .comment:last-child {
border-radius: 0 0 3px 3px;
}
.new-comment .form-fields {
padding-top: 30px;
margin: 0 auto 15px;
max-width: 500px;
}
.new-comment textarea {
width: 100%;
}
.comment-list .title {
margin: 0 0 10px;
font-weight: 600;
}
.blog-comment:after,
.news-comment:after {
content: "";
display: block;
clear: both;
}
.comment-info {
margin: 0 0 15px;
font-size: 0;
overflow: hidden;
}
.comment-info .username {
display: inline-block;
margin-bottom: 3px;
font-size: 17px;
color: #444;
font-weight: 700;
}
.comment-info .avatar {
position: relative;
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
overflow: hidden;
}
.comment-info .avatar img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
height: auto;
margin: auto;
}
.name-and-time {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
width: calc(100% - 80px);
text-align: left;
}
.comment-time {
font-size: 14px;
color: #aaa;
}
.comment-body,
.comment-text {
font-size: 15px;
color: #000;
line-height: 1.5;
}
.news-item-page .inputs:first-child label {
display: block;
}
.news-list-homepage {
margin: 0 auto 50px;
text-align: center;
}
.news-list-homepage .title {
margin: 0 0 7px;
font-size: 28px;
color: #444444;
}
.news-list-homepage .title strong {
font-weight: 600;
}
.news-list-homepage .view-all {
margin-bottom: 15px;
}
.news-list-homepage .view-all a {
display: inline-block;
line-height: 32px;
color: #97c300;
letter-spacing: 1.3px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
transition: all .2s ease;
}
.news-list-homepage .view-all a:after {
content: "\57";
display: inline-block;
margin-left: 7px;
font-size: 8px;
color: #97c300;
vertical-align: bottom;
text-transform: none;
transition: all .2s ease;
}
.news-list-homepage .view-all a:hover,
.news-list-homepage .view-all a:hover:after {
color: #7c9a16;
}
.post-details,
.news-item {
padding: 30px 15px;
}
/********** FORUM & PROFILE **********/
.forums-main-page .topic-block {
margin-bottom: 0;
}
.forums-main-page .topic-block-title h2 {
color: #444;
font-size: 28px;
}
.forums-header {
margin: 0 0 30px;
text-align: center;
}
.forums-header:after {
content: "";
display: block;
clear: both;
}
.current-time {
margin: 27px 0 30px;
color: #97c300;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
}
.forum-search-box {
margin: 0 0 45px;
text-align: center;
}
.forum-search-box {
display: block;
padding: 0 !important;
margin: 0 auto 20px;
width: 100%;
max-width: 600px;
}
.forum-search-box form {
padding: 0 !important;
}
.forum-search-box .basic {
overflow: hidden;
margin: 0 0 15px;
}
.forum-search-box.search-box input.search-box-text {
padding: 0 5px 0 15px;
width: calc(100% - 45px);
height: 45px;
}
.forum-search-box.search-box .search-box-button {
float: left;
width: 45px;
height: 45px;
border: none;
background: #ccc url('../../Themes/Emporium/Content/img/search-button.png') center no-repeat;
font-size: 0;
border: 1px solid #eeeeee;
border-left: 0;
border-radius: 0 3px 3px 0;
}
.forum-search-box.search-box .search-box-button:hover {
background-color: #97c300;
}
.forum-search-box .advanced > a {
font-size: 15px;
color: #000;
transition: color .2s ease
}
.forum-search-box .advanced > a:hover {
color: #97c300;
}
.forum-search-page .basic-search .forum-search-text {
text-align: center;
font-size: 15px;
}
.forum-search-page .basic-search .forum-search-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #aaa;
}
.forum-search-page .basic-search .forum-search-text::-moz-placeholder { /* Firefox 19+ */
color: #aaa;
}
.forum-search-page .basic-search .forum-search-text:-ms-input-placeholder { /* IE 10+ */
color: #aaa;
}
.forum-search-page .basic-search .forum-search-text:-moz-placeholder { /* Firefox 18- */
color: #aaa;
}
.forum-search-page .inputs.reversed {
text-align: center;
}
.forum-search-page .advanced-search {
margin: 0 -10px 30px;
padding: 30px;
max-width: 800px;
background-color: #f6f6f6;
}
.forum-search-page .search-error {
padding: 15px;
margin: 30px 0 0;
font-size: 13px;
color: #ff4f60;
font-weight: 700;
text-align: center;
}
.forum-search-page .fieldset {
margin: 0;
}
.forum-search-page .search-results {
margin: 40px 0 0;
}
.no-result {
font-size: 15px;
color: #000;
text-align: center;
}
/* forum group */
.forums-table-section {
margin: 0 0 50px;
}
.forums-table-section a {
vertical-align: middle;
}
.forums-table-section-title {
margin: 0 0 25px;
overflow: hidden;
text-align: center;
}
.forums-table-section-title > a,
.forums-table-section-title strong {
font-size: 24px;
font-weight: 700;
color: #444;
}
.forums-table-section .view-all a {
display: inline-block;
margin-top: 10px;
height: 45px;
line-height: 45px;
padding: 0 25px;
border-radius: 3px;
background-color: #f8ae00;
color: #fff !important;
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
transition: all .2s ease;
}
.forums-table-section .view-all a:hover {
background-color: #e8af00;
}
.forums-table-section .image div {
font-size: 0;
width: 24px;
height: 24px;
margin: auto;
}
.forums-table-section .image div:before {
content: "\32";
display: block;
color: #8e8e8e;
font-size: 24px;
font-weight: normal;
text-transform: none;
}
.forums-table-section .image div.sticky:before {
color: #ffa20f;
}
.forums-table-section .image div.announcement:before {
color: #e5323f;
}
.forums-table-section .latest-post {
white-space: nowrap;
}
/* forum-page, topic-page */
.forum-page .forum-info,
.forum-topic-page .topic-name,
.forum-page .forum-name {
margin: 0 0 30px;
text-align: center;
}
.forum-page .forums-table-section {
margin: 0;
}
.forum-page .forum-description {
margin-top: -5px;
}
.forum-page .forum-description p {
font-size: 15px;
color: #000;
}
.forum-actions,
.topic-actions {
margin: 0 0 25px;
font-size: 0;
text-align: center;
}
.forum-actions .actions a,
.topic-actions .actions a {
display: inline-block;
padding: 0 10px;
margin: 0 0 6px 6px;
width: calc(50% - 3px);
height: 45px;
line-height: 45px;
font-size: 13px;
color: #000;
text-transform: uppercase;
font-weight: 700;
background-color: #f1f1f1;
border-radius: 3px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: all .2s ease;
}
.topic-actions .actions a:nth-child(2n),
.forum-actions .actions a:nth-child(2n+1) {
margin-left: 0;
}
.topic-actions .pager {
margin-top: 50px;
}
.pager.upper {
display: none;
}
.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
background-color: #eaeaea;
}
.forum-actions .actions a:before,
.topic-actions .actions a:before,
.topic-post .post-actions a:before {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
color: #000;
font-size: 17px;
text-transform: none;
font-weight: normal;
}
.forum-actions .actions a.edit-topic-button,
.topic-actions .actions a.edit-topic-button {
width: 100%;
margin: 0 0 6px;
}
.forum-actions .actions .new-topic:before {
content: "\52";
}
.forum-actions .actions .watch-forum:before,
.topic-actions .actions .watch-forum:before,
.topic-actions .watch-topic-button:before {
content: "\31";
}
.topic-actions .reply-topic-button:before {
content: "\4f";
}
.topic-actions .move-topic-button:before {
content: "\33";
}
.topic-actions .edit-topic-button:before {
content: "\4c";
}
.topic-actions .delete-topic-button:before {
content: "\4d";
}
.topic-actions.lower .actions {
display: none;
}
.forum-table a {
color: #444;
font-weight: 700;
transition: color .2s ease;
}
.forum-table a:hover {
color: #97c300;
}
.forum-details .forum-title a,
.topic-details .topic-title a {
font-size: 18px;
}
.forum-description,
.topic-details .topic-pager,
.topic-details .topic-starter,
.topic-details .topic-starter,
td.latest-post {
font-size: 16px;
color: #000;
}
.forum-page .pager {
margin-top: 30px;
}
td.topics,
td.posts,
td.views,
td.replies,
td.votes {
font-weight: 700;
}
/* topic post */
.topic-post {
margin: 0 0 20px;
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
}
.topic-post:after {
content: "";
display: block;
clear: both;
}
.topic-post .post-head {
padding: 0 17px;
background-color: #f6f6f6;
text-align: left;
height: 45px;
}
.topic-post .post-time {
display: inline-block;
}
.topic-post .post-time span,
.topic-post .post-time label {
display: inline-block;
color: #aaa;
font-size: 14px;
line-height: 43px;
}
.topic-post .post-link-button {
float: right;
font-size: 15px;
font-weight: 700;
line-height: 43px;
color: #000;
}
.topic-post .post-info {
padding: 15px 10px;
text-align: left;
font-size: 0;
}
.topic-post .user-info {
position: relative;
display: inline-block;
vertical-align: top;
min-height: 105px;
padding-left: 120px;
}
.topic-post .username {
display: block;
margin-bottom: 5px;
font-size: 17px;
color: #444;
font-weight: 700;
}
.topic-post .avatar {
position: absolute;
display: inline-block;
top: 0;
left: 0;
vertical-align: top;
width: 105px;
overflow: hidden;
font-size: 0;
}
.topic-post .avatar a {
display: block;
}
.topic-post .avatar img {
max-width: 100%;
}
.topic-post .user-stats {
margin: 0 0 15px;
font-size: 14px;
color: #000;
line-height: 1.1;
}
.topic-post .user-stats span {
margin: 0 0 0 3px;
}
.topic-post .pm-button {
display: inline-block;
margin: 0;
padding: 0;
height: auto;
background-color: transparent;
font-size: 13px;
line-height: 16px;
}
.topic-post .pm-button:before {
position: static;
margin-right: 10px;
vertical-align: bottom;
color: #97c300;
}
.topic-post .post-actions {
font-size: 0;
text-align: right;
overflow: hidden;
}
.topic-post .post-actions > div {
display: inline-block;
float: right;
vertical-align: top;
}
.topic-post .post-actions a {
display: inline-block;
vertical-align: top;
margin: 0 0 0 5px;
font-size: 0;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #f1f1f1;
border-radius: 3px;
text-align: center;
transition: all .2s ease;
}
.topic-post .post-actions a:hover {
background-color: #eaeaea;
}
.topic-post .post-actions a:before {
margin: 0;
}
.topic-post .post-actions .edit-post-button:before {
content: "\4c";
}
.topic-post .post-actions .delete-post-button:before {
content: "\4d";
}
.topic-post .post-actions .quote-post-button {
width: auto;
padding: 0 25px;
background-color: #f8ae00;
color: #fff;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
.topic-post .post-actions .quote-post-button:hover {
background-color: #e8af00;
}
.topic-post .post-content {
padding: 20px;
}
.topic-post .post-body {
position: relative;
text-align: left;
font-size: 15px;
margin-bottom: 40px;
}
.topic-post .user-posted-image,
.latest-posts .user-posted-image {
max-width: 100%;
height: auto;
}
.topic-post .quote,
.latest-posts .quote {
margin: 10px 0;
background-color: #f6f6f6;
border-radius: 3px;
padding: 15px 10px;
}
.topic-post .post-actions > div.post-vote {
float: left;
}
.topic-post .post-vote > span {
display: inline-block;
vertical-align: top;
width: 25px;
height: 40px;
line-height: 40px;
cursor: pointer;
}
.topic-post .post-vote > span:before {
display: block;
font-size: 20px;
color: #000;
text-align: center;
}
.topic-post .post-vote > .vote.up:before {
content: "\46";
}
.topic-post .post-vote > .vote.down:before {
content: "\47";
}
.topic-post .post-vote > .vote.up:hover:before {
content: "\e902";
color: #97c300;
}
.topic-post .post-vote > .vote.down:hover:before {
content: "\e901";
color: #97c300;
}
.topic-post .post-vote > div {
display: inline-block;
vertical-align: top;
margin: 0 5px;
text-align: center;
font-size: 14px;
line-height: 40px;
font-weight: 700;
color: #000;
}
.topic-post .signature {
border-top: 1px dashed #eee;
padding: 20px 0 0;
margin-bottom: 30px;
font-size: 15px;
color: #aaa;
text-align: left;
}
/* forum edit & send message */
.forum-edit-page strong,
.private-message-send-page a {
font-size: 18px;
font-weight: normal;
vertical-align: middle;
}
.forum-edit-page .buttons,
.private-message-send-page .buttons {
margin: 15px 0 0;
text-align: center;
}
.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
min-width: 115px;
border: none;
padding: 0 25px;
height: 45px;
color: #fff;
border-radius: 3px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all .1s ease;
}
.forum-edit-page input.button-2,
.move-topic-page input.button-2,
.private-messages input.button-2 {
color: #000;
background-color: #f1f1f1;
}
.forum-edit-page input.button-2:hover,
.move-topic-page input.button-2:hover,
.private-messages input.button-2:hover {
background-color: #dfdfdf;
}
.forum-edit-page .inputs span {
vertical-align: middle;
margin-left: 5px;
font-size: 12px; /*reset zeroing*/
}
.private-message-send-page .message label {
display: none;
}
/* inbox & view message */
.private-message-view-page .buttons .button-2 {
background-color: #f1f1f1;
}
.private-messages .page-title {
text-align: center;
}
.private-messages-page td.date {
white-space: normal;
}
.private-messages-page .td-title {
display: none;
}
.private-messages .data-table a,
.private-messages .data-table td {
color: #000;
font-weight: 400;
}
.private-messages-page td,
.private-messages-page th {
text-align: left;
}
.private-messages-page .data-table .pm-unread {
color: #444;
font-weight: 700;
}
.private-messages-page .buttons input {
width: 80%;
max-width: 200px;
margin: 0 5px;
}
.private-messages-page .buttons input + input {
margin-top: 15px;
}
.private-message-view-page .view-message {
border: 1px solid #eee;
border-radius: 3px;
padding: 30px 20px;
margin: 0 auto 30px;
max-width: 800px;
}
.private-message-view-page .message-head li {
margin-bottom: 10px;
font-size: 15px;
color: #000;
}
.private-message-view-page .message-head label {
font-weight: 300;
}
.private-message-view-page .message-head {
margin-bottom: 30px;
}
.private-message-view-page .message-head span {
font-weight: 700;
margin: 0 0 0 5px;
vertical-align: middle;
}
.private-message-view-page .message-body {
font-size: 15px;
line-height: 1.5;
font-weight: 400;
color: #000;
}
.private-message-view-page .message {
display: block !important;
margin: 15px 0;
border: 1px solid #ccc;
padding: 15px;
}
.private-message-view-page .buttons {
font-size: 0;
}
.private-message-view-page .reply-pm-button,
.private-message-view-page .delete-pm-button {
display: inline-block;
width: calc(40% - 5px);
margin-bottom: 10px;
max-width: 150px;
}
.private-message-view-page .reply-pm-button {
margin-right: 10px;
}
.private-message-view-page .back-pm-button {
display: block;
margin: 0 auto;
width: 80%;
max-width: 310px;
}
/* profile page */
.profile-info-box {
overflow: hidden;
border: 1px solid #eee;
border-radius: 3px;
padding: 30px 20px;
max-width: 650px;
margin: 0 auto;
background-color: #fff;
text-align: center;
}
.profile-info-box .avatar {
margin: 0 auto 20px;
font-size: 0;
}
.profile-info-box .profile-stats {
margin: 0 0 10px;
}
.profile-info-box .title {
margin: 0 0 13px;
font-size: 16px;
color: #444;
}
.profile-info-box .avatar {
max-width: 180px;
border-radius: 3px;
overflow: hidden;
}
.profile-info-box .stats {
font-size: 15px;
color: #000;
font-weight: 300;
}
.profile-info-box .stats li {
margin-bottom: 6px;
}
.profile-info-box .stats span {
font-weight: 700;
}
.profile-page .ui-tabs-nav,
.private-messages-page .ui-tabs-nav {
font-size: 0;
}
.profile-page .ui-tabs-nav li,
.private-messages-page .ui-tabs-nav li {
max-width: calc(50% - 10px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 5px;
}
.profile-page .topic {
padding: 30px 20px;
background-color: #fff;
border: 1px solid #eee;
border-top: 0;
}
.profile-page .topic:first-child {
border-top: 1px solid #eee;
border-radius: 3px 3px 0 0;
}
.profile-page .topic:last-child {
border-radius: 0 0 3px 3px;
}
.profile-page .topic:only-child {
border-radius: 3px;
}
.profile-page .topic-title {
margin: 0 0 7px;
font-size: 16px;
}
.profile-page .topic-title label {
font-weight: 300;
color: #000;
}
.profile-page .topic-title a {
font-weight: 700;
color: #444;
}
.profile-page .topic-data {
color: #000;
font-size: 14px;
margin-bottom: 15px;
font-weight: 300;
}
.profile-page .topic-body {
font-size: 15px;
font-weight: 400;
color: #000;
line-height: 1.5;
}
.pm-button {
position: relative;
display: inline-block;
border: none;
height: 45px;
line-height: 45px;
max-width: 80%;
padding: 0 25px 0 55px;
margin: 15px auto 0;
background-color: #f1f1f1;
border-radius: 3px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: background-color .1s ease, padding .3s ease;
}
.pm-button:before {
content: "\6d";
position: absolute;
display: inline-block;
top: 0;
left: 25px;
font-size: 20px;
color: #000;
text-transform: none;
transition: all .3s linear !important;
font-weight: normal;
}
.pm-button:hover::before {
-webkit-animation: emailing .2s linear;
-moz-animation: emailing .2s linear;
animation: emailing .2s linear;
}
.csharpcode {
margin: 10px 0;
padding: 10px 15px;
color: #444;
white-space: normal;
text-align: left;
border: 1px dotted #cacaca;
border-radius: 3px;
}
/***** Custom style */
.block-recently-viewed-products {
background-color: transparent;
margin: 0 !important;
border-radius: 0;
}
.block-recently-viewed-products .list {
padding: 10px 0;
}
.block-recently-viewed-products .item-recently-viewed-products {
display: flex !important;
justify-content: center;
align-items: center;
padding: 10px;
}
.block-recently-viewed-products .list .item-recently-viewed-products a {
color: #000 !important;
}
.block-recently-viewed-products .list .item-recently-viewed-products a.product-name {
flex: 1;
text-transform: initial;
height: 100%;
overflow: hidden;
position: relative;
}
.block-recently-viewed-products .list .item-recently-viewed-products a.product-name::after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(236,236,242, 0), rgba(236,236,242, 0.7) 90%);
width: 100%;
height: 1em;
}
.block-recently-viewed-products .item-recently-viewed-products img {
margin: auto;
}
.block-recently-viewed-products .slick-prev,
.block-recently-viewed-products .slick-next {
position: unset;
transform: unset;
margin: auto;
display: block;
font-size: 0;
width: 40px;
height: 40px;
background-color: #f8ae00;
cursor: pointer;
border: 2px solid black;
border-radius: 50%;
text-align: center;
z-index: 1;
transition: all .2s ease;
}
.block-recently-viewed-products .slick-disabled {
opacity: 0.4;
}
.block-recently-viewed-products .slick-prev:before {
transform: rotate(90deg);
margin-top: -3px;
}
.block-recently-viewed-products .slick-next:before {
transform: rotate(-90deg);
margin-top: 0px;
}
.block-recently-viewed-products .slick-prev:before,
.block-recently-viewed-products .slick-next:before {
content: "\6b";
display: block;
color: black;
font-size: 15px;
line-height: 40px;
transition: all .2s ease;
text-transform: none;
font-weight: 600;
}
@media (min-width: 1025px) {
.mega-menu .has-sublist .sublist-wrap.active .plus-button, .mega-menu .has-sublist .sublist-wrap .sublist-wrap.active {
display: block !important;
}
}
.mfp-bg {
z-index: 1100 !important;
}
.mfp-wrap {
z-index: 1110 !important;
}
.search-box .ui-autocomplete {
min-height: 100px;
max-height: 80vh;
overflow: auto;
max-width: 610px;
}
.product-autocomplete-search-box {
display: flex !important;
align-items: center;
}
.product-autocomplete-search-box .container-img,
.product-autocomplete-search-box .container-img img {
width: 100px !important;
}
.product-autocomplete-search-box .container-info {
flex: 1;
padding: 5px 0 5px 15px
}
.product-autocomplete-search-box .container-info .nome {
font-weight: 600;
}
.product-autocomplete-search-box .container-info .descrizione {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 20px;
max-height: 40px;
}
.product-autocomplete-search-box .container-info .prezzo {
font-size: 20px;
margin-top: 5px;
}
.product-autocomplete-search-box .container-info .prezzo .old-price {
position: relative;
display: inline-block;
font-size: 16px;
color: #999;
overflow: hidden;
}
.product-autocomplete-search-box .container-info .prezzo .old-price:before {
content: url("data:image/svg+xml;utf8,");
width: 100%;
position: absolute;
top: 54%;
transform: translateY(-50%);
overflow: hidden;
}
.product-autocomplete-search-box .container-info .prezzo .currency-symbol {
font-size: 15px;
margin-right: 3px;
max-width: 100%;
}
.product-autocomplete-search-box .container-info .prezzo .decimal {
font-size: 15px;
}
.product-details-page .etichetta-energetica {
margin-bottom: 5px;
}
.product-details-page .etichetta-energetica a {
display: flex;
align-items: center;
font-size: 12px;
font-style: italic;
}
@media(max-width: 1024px) {
.product-details-page .etichetta-energetica a {
justify-content: center;
margin-bottom: 15px;
}
}
@media(max-width: 767px) {
.product-details-page .etichetta-energetica a {
margin-bottom: 20px;
}
}
.product-details-page .etichetta-energetica a img {
margin-right: 5px;
max-width: 18px;
}
.product-details-page .etichetta-energetica a .container-feature-logo-etichetta-energetica {
display: flex;
align-items: center;
font-style: normal;
font-size: 14px;
}
.product-details-page .etichetta-energetica a .container-feature-logo-etichetta-energetica img {
margin-right: 10px;
max-width: 50px;
}
@media(max-width: 767px) {
.product-details-page .etichetta-energetica a img {
max-width: 38px;
max-height: 21px;
margin-right: 10px;
}
}
.product-details-page .documentazione {
display: flex;
flex-wrap: wrap;
margin-left: 100px;
}
@media(max-width: 767px) {
.product-details-page .documentazione {
margin-left: 0;
}
}
.product-details-page .documentazione .documento {
margin: 0 10px 0 0;
font-size: 14px;
margin-bottom: 10px;
}
.product-details-page .documentazione .documento:hover {
text-decoration: underline;
}
.product-details-page .documentazione .documento a {
display: flex;
align-items: center;
}
.product-details-page .documentazione .documento img {
margin-right: 5px;
max-width: 18px;
}
/* Popup per documenti video */
.video-popup {
background-color: rgba(0, 0, 0, 0.6)
}
.video-popup-content-video {
position: relative;
padding-bottom: 56.25%;
/* 16:9 Aspect Ratio */
padding-top: 25px;
}
.video-popup-content-video video {
position: absolute;
width: 100% !important;
height: 100% !important;
}
_:-ms-input-placeholder, :root .video-popup-content {
margin: 0 !important;
}
.video-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.video-popup-content {
width: 95%;
max-width: 850px;
margin: 5% auto;
background-color: #000;
padding: 30px 30px 60px 30px;
position: relative;
}
.video-popup-close {
font-family: MW_icons_24px !important;
speak: none;
font-size: 30px;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 10px;
right: 10px;
color: #FFF;
cursor: pointer;
}
.video-popup-content-video video::before {
display: block;
content: "";
}
.video-popup-content-video video::before {
padding-top: 56.25%;
}
.video-dark-theme {
background: rgba(0, 0, 0, 0.85);
}
.video-dark-theme .video-popup-content {
-webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
}
.video-dark-theme .video-popup-close {
background: url('../../Themes/Emporium/Content/css/icon-close-white.png') no-repeat;
}
.video-light-theme {
background: rgba(255, 255, 255, 0.85);
}
.video-light-theme .video-popup-content {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.video-popup-content {
width: 60%;
}
.video-popup-content-video {
padding-bottom: 47.25%;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
.video-popup-content {
width: 60%;
}
.video-popup-content-video {
padding-bottom: 47.25%;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
.video-popup-content {
width: 60%;
}
.video-popup-content-video {
padding-bottom: 47.25%;
}
}
/* Fine popup per documenti video */
.manufacturer-page .product-grid .item-grid,
.category-page .product-grid .item-grid,
.search-page .product-grid .item-grid,
.manufacturer-category-page .product-grid .item-grid {
display: flex;
flex-wrap: wrap;
}
.manufacturer-page .product-grid .item-grid .item-box .product-item,
.category-page .product-grid .item-grid .item-box .product-item,
.search-page .product-grid .item-grid .item-box .product-item,
.manufacturer-category-page .product-grid .item-grid .item-box .product-item {
height: 100%;
display: flex;
flex-direction: column;
}
.item-box .product-item .availability {
font-size: 13px;
font-weight: bold;
margin-top: auto;
padding-top: 5px;
margin-bottom: 10px;
text-align: center;
}
.item-box .product-item .availability .fa-circle {
margin-right: 5px;
}
.item-box .product-item .availability.instock {
color: #26a215;
}
.item-box .product-item .availability.dropshipping {
color: #ec971f;
}
.item-box .product-item .availability.outofstock {
color: red;
}
.item-box .product-item .add-info {
margin-top: unset;
}
@media(max-width: 767px) {
.item-box .product-item .availability.outofstock {
opacity: 0;
}
}
@media(max-width: 380px) {
.manufacturer-page .product-grid .item-grid .item-box,
.category-page .product-grid .item-grid .item-box {
width: 49%;
}
}
a.clearFilterOptionsAll {
color: black !important;
width: 100%;
position: relative;
right: 0;
top: 0;
max-width: 100%;
padding: 18px 20px;
display: block;
text-transform: initial;
font-size: 15px;
font-weight: 600;
}
.productAddedToCartWindowDescription .price .currency-symbol {
font-weight: normal;
margin-right: 3px;
font-size: 18px;
color: #f8ae00;
}
.productAddedToCartWindowDescription .price .decimal {
color: #f8ae00;
}
.order-list-page .order-total .currency-symbol {
font-weight: normal;
margin-right: 3px;
font-size: 12px;
}
/* Login with Facebook & Google */
.header-links .ExtendedAuthentication .social li a.loginBtn,
.ExtendedAuthentication .social li a.loginBtn {
box-sizing: border-box !important;
position: relative !important;
margin: 0.2em !important;
padding: 7px 15px 7px 46px !important;
border: none !important;
text-align: left !important;
line-height: 21px !important;
white-space: nowrap !important;
border-radius: 0.2em !important;
font-size: 15px !important;
color: #FFF !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
border-radius: 0 !important;
}
.ExtendedAuthentication .loginBtn:before {
content: "" !important;
box-sizing: border-box !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 34px !important;
height: 100% !important;
}
.ExtendedAuthentication .loginBtn:focus {
outline: none !important;
}
.ExtendedAuthentication .loginBtn:active {
box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1) !important;
}
.login-page .ExtendedAuthentication .social li {
display: block !important;
}
.login-page .ExtendedAuthentication .social li a.loginBtn {
width: auto !important;
}
/* Facebook */
.ExtendedAuthentication .social li a.loginBtn.loginBtn--facebook {
background: white !important;
color: black !important;
padding: 10px 10px 10px 40px !important;
border-radius: 10px !important;
border: 1px solid black !important;
min-width: 210px;
}
.ExtendedAuthentication .loginBtn--facebook:before {
background: url(../../Themes/Emporium/Content/img/icon_facebook_v2.png) 11px 9px no-repeat !important;
width: 40px !important;
}
.ExtendedAuthentication .loginBtn--facebook:hover,
.ExtendedAuthentication .loginBtn--facebook:focus {
background: white !important;
}
/* Google */
.ExtendedAuthentication .social li a.loginBtn.loginBtn--google {
background: white !important;
color: black !important;
padding: 10px 10px 10px 40px !important;
border-radius: 10px !important;
border: 1px solid black !important;
min-width: 210px;
}
.ExtendedAuthentication .loginBtn--google:before {
background: url(../../Themes/Emporium/Content/img/icon_google_v2.png) 11px 9px no-repeat !important;
width: 40px !important;
}
.ExtendedAuthentication .social li a.loginBtn.loginBtn--google:active,
.ExtendedAuthentication .social li a.loginBtn.loginBtn--google:hover,
.ExtendedAuthentication .social li a.loginBtn.loginBtn--google:focus {
background: white !important;
}
.ExtendedAuthentication .social {
text-align: center !important;
}
.header-links .ExtendedAuthentication .social .networks {
display: flex !important;
flex-direction: column !important;
}
.header-links .ExtendedAuthentication .social li a {
margin: 0 !important;
font-size: 0 !important;
display: block !important;
padding: 0px !important;
}
.ExtendedAuthentication .social ul {
border: 0 !important;
}
.login-page .returning-wrapper .external-authentication {
width: 100%;
max-width: none;
margin-top: 11px;
}
.login-page .external-authentication > * {
margin-top: 0 !important;
background: transparent !important;
padding: 0 !important;
}
.login-page .returning-wrapper form {
margin-bottom: 0px;
}
.ExtendedAuthentication .social li {
margin: 0 5px 0 0 !important;
}
@media(max-width: 1024px) {
.login-page .returning-wrapper .external-authentication {
width: 100%;
margin-top: 25px;
}
.ExtendedAuthentication .social li {
margin-bottom: 10px !important;
}
.ExtendedAuthentication .social li a {
margin-bottom: 10px !important;
display: inline-block !important;
width: 228px !important;
padding: 5px 15px 5px 46px !important;
}
.loginBtn:before {
top: 5px !important;
height: 34px;
}
}
.nopAjaxFilters7Spikes .show-more-options {
color: #828282;
font-size: 14px;
cursor: pointer;
text-transform: lowercase;
width: 100%;
text-align: left;
display: block;
padding-top: 15px;
font-weight: 600;
}
/* Footer ASSISTENZA */
.container-assistenza,
.container-info-spedizioni-title {
background-color: #323232;
}
.container-assistenza .title-assistenza,
.container-info-spedizioni-title .info-spedizioni-title,
.footer-info-title {
height: 3px;
background: #f8ae00;
text-transform: uppercase;
font-size: 20px !important;
margin: 0 0 40px !important;
text-align: center;
}
.container-assistenza .title-assistenza strong,
.container-info-spedizioni-title .info-spedizioni-title strong,
.footer-info-title strong {
font-weight: 600;
position: relative;
top: -12px;
background: #323232;
padding: 5px 40px;
color: white !important;
letter-spacing: 1px;
}
.container-assistenza .boxes {
display: flex;
}
.container-assistenza .box-assistenza {
width: 33.3%;
display: flex;
color: white;
height: 180px;
align-items: center;
}
.container-assistenza .box-assistenza .info {
position: relative;
background-color: #505050;
font-size: 16px;
padding: 15px 50px;
margin-right: 80px;
height: 100%;
font-weight: 600;
text-align: left;
}
.container-assistenza .box-assistenza:nth-child(2) .info {
margin-right: 40px;
}
.container-assistenza .box-assistenza:nth-child(2) .icon {
width: calc(25% + 40px);
}
.container-assistenza .box-assistenza .info .title {
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
font-size: 17px;
}
.container-assistenza .box-assistenza .icon {
width: 25%;
display: flex;
}
.container-assistenza .box-assistenza img {
height: 140px;
max-width: none;
}
.container-assistenza .box-assistenza .info:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 0;
height: 0;
border-color: transparent transparent transparent #505050;
border-style: solid;
border-width: 90px;
border-left-width: 55px;
}
.container-assistenza {
padding: 50px 100px 40px;
}
.container-info-spedizioni-title,
.container-footer-title {
padding: 0 100px
}
.container-footer-title {
margin-top: 130px;
}
@media(max-width: 1500px) {
.container-assistenza .box-assistenza .info {
margin-right: 70px;
width: 75%;
font-size: 15px;
padding: 15px 25px;
}
.container-assistenza .box-assistenza .info .title {
font-size: 15px;
}
.container-assistenza .box-assistenza .icon {
padding-right: 15px;
}
.container-assistenza .box-assistenza img {
height: 100px;
}
}
@media(max-width: 1280px) {
.container-assistenza,
.container-footer-title {
padding: 50px 50px 40px;
}
.container-info-spedizioni-title {
padding: 50px 50px 0;
}
.container-footer-title {
padding: 0 50px 0;
}
}
@media(max-width: 1024px) {
.container-assistenza .boxes {
flex-wrap: wrap;
}
.container-assistenza .boxes .box-assistenza {
width: 100%;
margin-top: 15px;
flex: auto;
}
.container-assistenza .boxes .box-assistenza .info {
margin-right: 80px;
}
.container-assistenza .boxes .box-assistenza:first-child {
margin-top: 0;
}
.container-assistenza .boxes .box-assistenza .icon,
.container-assistenza .boxes .box-assistenza .icon:last-child {
width: 20%;
}
.container-assistenza .box-assistenza:nth-child(2) .icon {
width: calc(20% + 40px);
}
}
@media(max-width: 570px) {
.container-assistenza {
padding: 50px 30px 40px;
}
.container-assistenza .boxes .box-assistenza {
flex-wrap: wrap;
height: 100%;
}
.container-assistenza .boxes .box-assistenza .icon {
order: 1;
width: 100% !important;
margin-bottom: 15px;
}
.container-assistenza .boxes .box-assistenza .icon img {
margin: auto;
}
.container-assistenza .boxes .box-assistenza .info {
order: 2;
height: 180px;
width: 100%;
margin-right: 50px;
}
}
/* Advantages */
.home-page-advantages {
padding: 0 7%;
margin: 0;
margin-top: 0;
background-color: #323232;
text-align: center;
}
.advantages-item {
padding: 0 2%;
flex: 1;
margin: 0;
background-color: transparent;
text-align: center;
vertical-align: top;
width: auto;
}
.advantages-item > div {
display: block;
}
.advantages-item .picture {
margin-bottom: 30px;
width: 100%;
height: auto;
min-height: 103px;
}
.advantages-item .info {
width: 100%;
}
.advantages-item .description {
display: block;
margin-top: 10px;
color: white;
font-size: 15px;
}
.advantages-item .description p {
line-height: 1.7;
font-weight: 600;
font-size: 17px;
}
@media(max-width: 768px) {
.advantages-item {
margin: 30px 0;
}
}
/* Header */
@media(min-width: 1501px) {
.header-lower .search-box {
padding: 35px 95px 35px 17px !important;
align-items: flex-end !important;
}
}
@media(min-width: 1501px) {
.header.fixed.topFixed .search-box {
padding: 0px 95px 3px 17px !important;
}
}
/* Category Page */
.category-page .category-title {
height: 3px;
background: #f8ae00;
text-transform: uppercase;
font-size: 23px !important;
margin: 0 0 40px !important;
text-align: center;
margin-top: 20px !important;
}
.category-page .category-title strong {
font-weight: 900;
position: relative;
top: -12px;
background: #ececf2;
padding: 5px 40px;
color: black !important;
font-weight: 600;
}
@media(max-width: 650px) {
.category-page .category-title {
height: auto;
background: transparent;
margin-bottom: 20px !important;
}
.category-page .category-title strong {
padding: 0;
}
}
.manufacturer-category-page .sub-category-grid .title,
.category-page .sub-category-grid .title {
background: transparent;
}
@media(min-width: 1501px) and (max-width: 1750px) {
.category-page .sub-category-grid .title {
padding: 0 44.3% 0 15px !important;
}
}
@media(max-width: 500px) {
.category-page .sub-category-grid .title {
padding: 0 36% 0 15px !important;
}
.sub-category-grid .item-grid .item-box {
background-size: cover;
min-height: 97px;
margin-bottom: 5px;
}
}
.category-page-body .slider-wrapper {
margin: 0;
padding: 0 100px;
}
@media(max-width: 1280px) {
.category-page-body .slider-wrapper {
padding: 0;
}
}
.slider-wrapper.theme-menu-banner {
padding: 0;
}
.nopAjaxFilters7Spikes .filtersPanel .block:not(.selected-options) li {
position: relative;
display: flex;
cursor: pointer;
}
.nopAjaxFilters7Spikes .filtersPanel li .numero {
margin-left: auto;
padding: 9px;
font-weight: 600;
font-size: 14px;
}
.productAddedToCartWindowDescription strong,
.ajaxCart .product-grid .title strong {
font-weight: 600 !important;
}
button, input[type=button], a {
cursor: pointer;
}
.ajaxCart .product-grid.cross-sells {
margin: 0;
}
.ajaxCart .cross-sells .item-grid {
padding: 0 10px !important;
}
.ajaxCart .cross-sells .item-box {
max-height: 100% !important;
height: auto;
border: none !important;
width: 33.3% !important;
padding: 0 15px;
}
.ajaxCart .product-grid.cross-sells .item-box .details {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.ajaxCart .product-grid.cross-sells .item-box .categoria {
display: none;
}
.ajaxCart .product-grid.cross-sells .item-box .details .description h2.produttore-nome strong {
font-weight: normal;
}
.ajaxCart .product-grid.cross-sells .item-box .details .description {
padding: 0;
margin-bottom: 0;
}
.ajaxCart .product-grid.cross-sells .item-box .details .description h2.produttore-nome {
text-align: left;
font-style: normal;
font-family: 'Lato';
font-family: var(--main-font-family);
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 42px;
}
.ajaxCart .product-grid.cross-sells .item-box .btn-wrapper {
background: #f8ae00;
border-radius: 10px;
font-style: normal;
font-family: 'Lato';
font-family: var(--main-font-family);
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin-top: 10px;
padding: 11px 5px;
color: #ffffff;
opacity: 1;
height: auto;
transition: 0s !important;
}
.ajaxCart .product-grid.cross-sells .item-box .btn-wrapper:hover {
background: black;
transition: 0s !important
}
.ajaxCart .product-grid.cross-sells .item-box .btn-wrapper button {
font-size: 15px !important;
font-weight: bold;
line-height: 15px;
}
.ajaxCart .product-grid.cross-sells .item-box .actual-price:hover {
color: black !important;
}
.ajaxCart .cross-sells .item-box .add-info .prices {
text-align: center;
}
.ajaxCart .cross-sells .item-box .add-info .prices .old-price,
.ajaxCart .cross-sells .item-box .add-info .prices .advised-price {
display: none;
}
.ajaxCart .cross-sells .item-box .add-info .prices .old-price.old-price-slim {
display: block !important;
top: 0;
}
.ajaxCart .cross-sells .item-box .add-info .prices .old-price.old-price-slim span:first-child {
font-family: 'Lato';
font-family: var(--main-font-family);
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
font-style: normal;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #8e8e8e;
}
.ajaxCart .cross-sells .item-box .add-info .prices .old-price.old-price-slim .sconto-percentuale {
font-family: 'Lato';
font-family: var(--main-font-family);
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #0070c0;
padding: 5px 7px 5px 7px;
margin: auto;
z-index: 2;
position: relative;
}
.ajaxCart .cross-sells .item-box .add-info .prices a > span {
padding-top: 25px;
padding-bottom: 0;
}
.ajaxCart .cross-sells .item-box .description a {
overflow: visible;
}
.ajaxCart .cross-sells .item-box .picture {
width: 100% !important;
height: 184px !important;
}
.ajaxCart .cross-sells .item-box .picture img {
padding: 0;
max-width: 200px;
max-height: 155px;
object-fit: contain;
width: 100%;
height: 100%;
}
.ajaxCart .cross-sells .title {
position: relative;
font-family: 'Lato';
font-family: var(--main-font-family);
font-style: normal;
font-weight: 700;
font-size: 22px !important;
line-height: 26px;
text-align: center;
color: #000000;
padding: 0 !important;
margin: 20px 10px 13px 10px !important;
background: none;
border: 0px;
}
.ajaxCart .cross-sells .title strong {
background-color: white;
padding: 0 20px;
z-index: 1;
position: relative;
}
.ajaxCart .cross-sells .title:before,
.ajaxCart .cross-sells .title:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
border-bottom: 3px solid #f8ae00;
width: 30%;
}
.ajaxCart .cross-sells .title:before {
right: 67%;
}
.ajaxCart .cross-sells .title:after {
left: 67%;
}
@media(max-width: 991px) {
.ajaxCart .productAddedToCartWindowSummary > * {
width: 100%;
margin: 0 0 10px;
}
.ajaxCart .cross-sells .item-box {
width: 100% !important;
max-height: 100% !important;
height: 100% !important;
border-top: 1px solid #f1f1f1 !important;
border-left: 1px solid #f1f1f1 !important;
border-right: 1px solid #f1f1f1 !important;
border-radius: 0 !important;
padding: 0 !important;
margin-bottom: 25px !important;
}
.ajaxCart .product-grid.cross-sells .item-box .btn-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 8px;
background: #f8ae00;
border-radius: unset;
margin: 0;
}
.ajaxCart .cross-sells .item-box .add-info {
margin: 0;
}
.ajaxCart .cross-sells .item-box .product-item {
display: flex;
flex-wrap: wrap;
}
.ajaxCart .cross-sells .item-box .product-item .picture {
flex: 1;
height: 100px !important;
max-width: 150px;
}
.ajaxCart .cross-sells .item-box .product-item .picture a {
height: 100%;
}
.ajaxCart .product-grid.cross-sells .item-box .btn-wrapper {
width: 100%;
}
.ajaxCart .cross-sells .item-box .add-info .prices {
text-align: left;
}
.ajaxCart .cross-sells .item-box .picture img {
max-width: 117px;
max-height: 115px;
}
}
/*.nivo-directionNav .nivo-prevNav,
.nivo-directionNav .nivo-nextNav {
height: 100%;
border-radius: 0;
width: 100px;
}
.nivo-directionNav .nivo-prevNav {
left: 0;
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
opacity: 0.5;
transition: 0.5s;
}
.nivo-directionNav .nivo-prevNav:hover {
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
opacity: 1;
transition: 0.5s;
}
.nivo-directionNav .nivo-nextNav {
right: 0;
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
opacity: 0.5;
transition: 0.5s;
}
.nivo-directionNav .nivo-nextNav:hover {
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
opacity: 1;
transition: 0.5s;
}
.nivo-directionNav .nivo-prevNav:before,
.nivo-directionNav .nivo-nextNav:before {
font-size: 0;
}*/
.contact-page {
background: #d8d8d8;
margin-top: 15px;
}
.contact-page.contactus-page {
background-color: white;
border-radius: 20px;
padding: 0 15px;
}
.contact-page.contactus-page form {
padding-top: 0 !important;
}
.contact-page.contactus-page form input::placeholder,
.contact-page.contactus-page form textarea::placeholder,
.contact-page.contactus-page form select.tipologiaRichiesta option:first-child {
text-transform: none !important;
font-size: 15px !important;
color: #ccc !important;
font-weight: normal !important;
}
.contact-page.contactus-page form input[type=text], .contact-page.contactus-page form input[type=password], .contact-page.contactus-page form input[type=email], .contact-page.contactus-page form input[type=tel], .contact-page.contactus-page form textarea, .contact-page.contactus-page form select {
border: 1px solid #ccc !important;
border-radius: 4px !important;
}
.contact-page.contactus-page form input[type=text].input-validation-error,
.contact-page.contactus-page form input[type=password].input-validation-error,
.contact-page.contactus-page form input[type=email].input-validation-error,
.contact-page.contactus-page form input[type=tel].input-validation-error,
.contact-page.contactus-page form textarea.input-validation-error,
.contact-page.contactus-page form select.input-validation-error {
border-color: red !important;
}
.contact-page.contactus-page form input[type=text].valid,
.contact-page.contactus-page form input[type=password].valid,
.contact-page.contactus-page form input[type=email].valid,
.contact-page.contactus-page form input[type=tel].valid,
.contact-page.contactus-page form textarea.valid,
.contact-page.contactus-page form select.valid {
border-color: #05b505 !important;
}
.contact-page.contactus-page form .buttons .button-1.contact-us-button {
font-size: 20px;
height: auto;
padding: 13px 10px;
border-radius: 10px;
border: 2px solid transparent !important;
}
.contact-page.contactus-page form .buttons .button-1.contact-us-button:hover {
background-color: white !important;
color: #e8af00 !important;
border: 2px solid #e8af00 !important;
}
.contact-page .topic-block {
margin-bottom: 0;
}
.contact-page .box-info-assistenza {
padding: 10px 8% 30px;
display: flex;
}
@media(max-width: 880px) {
.contact-page .box-info-assistenza {
padding: 10px 8% 30px;
display: block;
}
}
.contact-page .box-info-assistenza .container-icon-assistenza {
max-width: 100px;
margin: auto;
}
.contact-page .box-info-assistenza .container-testo {
margin: 25px 0;
}
.contact-page .box-info-assistenza .testo {
font-size: 20px;
line-height: 20px;
margin-bottom: 10px;
}
.contact-page .box-info-assistenza .testo small {
font-weight: normal;
font-size: 15px;
}
.contact-page .box-info-assistenza p {
font-size: 15px;
}
.contact-page form {
border: 0;
padding: 45px 8%;
padding-top: 0 !important;
}
.contact-page form .inputs > label {
color: black;
}
.contact-page form .inputs input, .contact-page form .inputs select, .contact-page form .inputs textarea {
border: 1px solid black;
border-radius: 0;
}
.contact-page form input[type=submit] {
max-width: 200px;
font-size: 26px;
}
@media(max-width: 500px) {
.contact-page form {
padding: 40px 20px !important;
}
}
.contact-page .result {
padding-bottom: 30px;
}
.page.how-can-we-help-page .topic-block-title h2 {
margin-top: 15px;
text-transform: uppercase;
}
.page.how-can-we-help-page .container-back-button {
text-align: center;
}
.page.how-can-we-help-page .container-back-button a.back-button {
color: #f8ae00;
background: white;
padding: 5px 15px;
border: 2px solid #f8ae00;
border-radius: 10px;
font-size: 13px;
text-transform: uppercase;
display: inline-block;
text-align: center;
font-weight: bold;
transition: 0.3s;
}
.page.how-can-we-help-page .container-back-button a.back-button:hover {
color: white;
background: #f8ae00;
}
.page.how-can-we-help-page .result {
background-color: white;
border-radius: 20px;
padding: 30px 15px;
max-width: 800px;
margin: 0 auto;
}
.page.how-can-we-help-page .result h3 {
margin-bottom: 15px;
}
.page.how-can-we-help-page .result .container-contactus-link-utili {
text-align: center;
}
.page.how-can-we-help-page .result .container-contactus-link-utili a {
color: #0092ff;
font-weight: bold;
text-decoration: underline;
font-size: 20px;
margin-bottom: 15px;
display: inline-block;
}
.page.how-can-we-help-page .button-1 {
display: inline-block;
margin-top: 30px;
font-size: 20px;
height: auto;
padding: 13px 20px;
border-radius: 10px;
border: 2px solid transparent !important;
}
.page.how-can-we-help-page .button-1:hover {
background-color: white !important;
color: #e8af00 !important;
border: 2px solid #e8af00 !important;
}
.page.how-can-we-help-page .step-how-can-we-help .box-come-possiamo-aiutarti {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 50px;
margin-bottom: 30px;
}
.page.how-can-we-help-page .step-how-can-we-help .box-come-possiamo-aiutarti a.item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 14px;
text-decoration: none;
padding: 15px 30px;
margin: 10px;
text-align: center;
background-color: white;
border: 3px solid #e8af00 !important;
border-radius: 20px;
max-width: 280px;
width: 100%;
min-height: 75px;
transition: 0.3s;
}
.page.how-can-we-help-page .step-how-can-we-help .box-come-possiamo-aiutarti a.item:hover {
background-color: #e8af00;
color: white;
}
.page.how-can-we-help-page .step-how-can-we-help .box-come-possiamo-aiutarti a.item small {
font-size: 14px;
font-weight: normal;
}
.billing-info-wrap,
.shipping-info-wrap {
border: 2px solid white !important;
}
.billing-info .title,
.shipping-info .title {
margin: -45px -20px 30px;
height: 60px;
line-height: 60px;
background-color: #f9f9f9;
border-radius: 3px 3px 0 0;
}
.container-newsletter {
background: #f9c45a;
color: #323232;
}
.container-newsletter .newsletter {
padding: 30px 200px;
display: flex;
}
.container-newsletter .newsletter .testo {
display: flex;
align-items: center;
width: 50%;
}
.container-newsletter .newsletter .container-img {
max-width: 170px;
margin: 0 50px;
}
.container-newsletter .newsletter .testo .container-info h2 {
font-size: 30px;
font-weight: 800;
}
.container-newsletter .newsletter .testo .container-info h2 small {
font-weight: 700;
font-size: 75%;
}
.container-newsletter .newsletter .testo .container-info p {
font-size: 22px;
line-height: 28px;
max-width: 430px;
margin-top: 5px;
font-weight: 300;
}
.container-newsletter .newsletter .form {
width: 50%;
display: flex;
max-width: 650px;
align-items: flex-end;
margin: 0 auto;
flex-wrap: wrap;
}
.container-newsletter .newsletter .form .newsletter-email {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.container-newsletter .newsletter .form .newsletter-email .newsletter-subscribe-text {
flex: 1;
border: 2px solid darkgray;
border-radius: 0;
}
.container-newsletter .newsletter .form .newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #aaa !important;
font-weight: 300;
font-style: italic;
text-transform: none;
font-size: 18px;
}
.container-newsletter .newsletter .form .newsletter-email .newsletter-subscribe-text::-moz-input-placeholder { /* Firefox 19+ */
color: #aaa !important;
font-weight: normal;
font-style: italic;
text-transform: none;
}
.container-newsletter .newsletter .form .newsletter-email .newsletter-subscribe-text::-ms-input-placeholder { /* IE 10+ */
color: #aaa !important;
font-weight: normal;
font-style: italic;
text-transform: none;
}
.container-newsletter .newsletter .form .newsletter-email .newsletter-subscribe-text::input-placeholder { /* Firefox 18- */
color: #aaa !important;
font-weight: normal;
font-style: italic;
text-transform: none;
}
.container-newsletter .newsletter .form .newsletter-email #newsletter-subscribe-button {
background-color: #999898 !important;
text-transform: uppercase;
margin-left: 15px;
background-color: #999898 !important;
text-transform: uppercase;
margin-left: 15px;
font-size: 21px;
font-weight: normal;
border: 2px solid darkgray;
}
.container-newsletter .newsletter .form .newsletter-email .accetta-privacy-box {
font-size: 18px;
margin-top: 10px;
}
.container-newsletter .newsletter .form .newsletter-email .accetta-privacy-box label:before {
margin-top: 4px;
}
.container-newsletter .newsletter .form .newsletter-result {
display: none;
width: 100%;
color: red;
font-size: 16px;
}
.mfp-figure:after {
background-color: white !important;
}
@media(max-width: 1750px) {
.container-newsletter .newsletter {
padding: 30px 100px;
}
}
@media(max-width: 1650px) {
.container-newsletter .newsletter {
padding: 30px 50px;
}
.container-newsletter .newsletter .testo {
width: 65%;
}
.container-newsletter .newsletter .form .newsletter-email .accetta-privacy-box {
font-size: 16px;
}
}
@media(max-width: 1450px) {
.container-newsletter .newsletter .testo .container-info h2 {
font-size: 26px;
}
.container-newsletter .newsletter .testo .container-info p {
font-size: 20px;
}
.container-newsletter .newsletter .container-img {
max-width: 150px;
margin: 0 20px 0 0;
}
.container-newsletter .newsletter .form {
padding-left: 30px;
}
}
@media(max-width: 1199px) {
.container-newsletter .newsletter .testo {
width: 50%;
}
.container-newsletter .newsletter .testo .container-info h2 {
font-size: 23px;
}
.container-newsletter .newsletter .testo .container-info p {
font-size: 17px;
}
.container-newsletter .newsletter {
padding: 20px;
}
.container-newsletter .newsletter .container-img {
max-width: 130px;
}
}
@media(max-width: 991px) {
.container-newsletter .newsletter {
flex-wrap: wrap;
}
.container-newsletter .newsletter .testo,
.container-newsletter .newsletter .form {
width: 100%;
}
.container-newsletter .newsletter .form {
padding: 0 30px;
}
.container-newsletter .newsletter .testo {
justify-content: center;
margin-bottom: 30px;
}
}
@media(max-width: 670px) {
.container-newsletter .newsletter .form {
padding: 0;
}
}
@media(max-width: 500px) {
.container-newsletter .newsletter .testo {
flex-direction: column;
}
.container-newsletter .newsletter .container-img {
margin-bottom: 20px;
}
.container-newsletter .newsletter .form .newsletter-email #newsletter-subscribe-button {
width: 100%;
margin: 0;
margin-top: -2px;
}
}
.visible-xs {
display: none !important;
}
@media(max-width: 767px) {
.hidden-xs {
display: none !important;
}
.visible-xs {
display: block !important;
}
}
.eu-cookie-bar-notification {
position: fixed;
z-index: 1050;
border-radius: 0 !important;
box-shadow: 0 0 5px rgb(0 0 0 / 40%) !important;
padding: 20px;
text-align: center;
bottom: 0;
left: auto;
top: auto;
transform: none;
right: 0;
padding: 10px 50px 10px 15px !important;
max-width: 100% !important;
width: 100%;
background-color: #F2F2F2 !important;
}
@media(max-width: 767px) {
.eu-cookie-bar-notification {
padding: 10px !important;
background-color: rgb(242, 242, 242, 0.98) !important;
}
}
.eu-cookie-bar-notification .content {
display: flex;
flex-direction: column;
}
.eu-cookie-bar-notification .title {
display: none;
}
.eu-cookie-bar-notification .content .text {
text-align: left;
line-height: 1.2;
color: #767177;
font-size: 14px;
margin-bottom: 0;
width: 100%;
margin-right: 50px;
}
@media(max-width: 1199px) {
.eu-cookie-bar-notification .content .text {
width: 100%;
}
}
@media(max-width: 767px) {
.eu-cookie-bar-notification .content .text {
padding-right: 15px;
font-size: 12px;
}
.eu-cookie-bar-notification .content .text a {
padding-right: 15px;
font-size: 12px;
}
}
.eu-cookie-bar-notification .buttons-more {
display: flex;
align-items: center;
justify-content: center;
}
.eu-cookie-bar-notification button {
border: none;
border-radius: 10px !important;
font-size: 14px;
color: #fff;
font-weight: 700;
transition: all .1s ease;
padding: 10px;
height: auto;
margin: 5px 10px 5px 0;
text-transform: none !important;
font-weight: normal !important;
white-space: nowrap;
}
.eu-cookie-bar-notification button:hover {
background-color: #e8af00;
}
.eu-cookie-bar-notification a {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #0070C0;
text-decoration: underline;
}
.eu-cookie-bar-notification .buttons-more {
display: flex;
width: 100%;
flex: 1;
min-width: 320px;
}
@media(max-width: 1199px) {
.eu-cookie-bar-notification .buttons-more {
width: 100%;
margin-top: 10px;
}
}
@media(max-width: 767px) {
.eu-cookie-bar-notification .buttons-more {
flex-direction: column;
margin-top: 5px;
}
}
.eu-cookie-bar-notification .buttons-more button {
width: 50%;
}
.eu-cookie-bar-notification .buttons-more button#eu-cookie-accetta-tutti {
background-color: #008000 !important;
}
@media(max-width: 767px) {
.eu-cookie-bar-notification .buttons-more button {
width: 80%;
margin: 5px 0 5px 0 !important;
}
.eu-cookie-bar-notification #eu-cookie-personalizza {
order: 1;
}
.eu-cookie-bar-notification #eu-cookie-rifiuta-tutti {
order: 2;
}
/* .eu-cookie-bar-notification #eu-cookie-accetta-tutti {
order: 3;
}*/
}
.eu-cookie-bar-notification .buttons-more button#eu-cookie-close {
position: absolute;
background: none;
top: 0;
right: 0;
width: auto;
color: gray;
margin-right: 0;
}
.eu-cookie-bar-notification #eu-cookie-personalizza {
display: inline-block;
font-size: 14px;
background-color: #BFBFBF !important;
font-weight: 300;
text-transform: none;
}
.eu-cookie-bar-notification #eu-cookie-accetta,
.eu-cookie-bar-notification #eu-cookie-rifiuta {
display: inline-block;
font-size: 14px;
font-weight: 300;
text-transform: none;
}
@media(min-width: 1199px) {
.eu-cookie-bar-notification {
padding: 30px 40px 50px !important;
border-radius: 30px 30px 0 0 !important;
}
.eu-cookie-bar-notification .title {
display: block;
font-weight: bold;
font-size: 24px;
margin-bottom: 25px;
}
.eu-cookie-bar-notification .content .text {
font-size: 16px;
line-height: 1.4;
color: black;
}
.eu-cookie-bar-notification .content a {
font-size: 16px;
}
.eu-cookie-bar-notification .buttons-more {
margin-top: 30px;
justify-content: flex-start;
}
.eu-cookie-bar-notification .buttons-more button#eu-cookie-rifiuta-tutti,
.eu-cookie-bar-notification .buttons-more button#eu-cookie-personalizza,
.eu-cookie-bar-notification .buttons-more button#eu-cookie-accetta-tutti {
width: auto;
padding: 10px 50px;
font-weight: bold !important;
}
.eu-cookie-bar-notification .buttons-more button#eu-cookie-personalizza {
order: 0;
}
.eu-cookie-bar-notification .buttons-more button#eu-cookie-rifiuta-tutti {
order: 1;
margin-left: auto;
}
.eu-cookie-bar-notification .buttons-more button#eu-cookie-accetta-tutti {
order: 2;
}
}
#eu-cookie-popup {
position: fixed;
width: 100%;
max-width: 750px;
height: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-size: 16px;
z-index: 2147483647;
border-radius: 2px;
}
#eu-cookie-popup:before {
content: ' ';
background-color: rgba(0, 0, 0, 0.5);
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
#eu-cookie-popup .container-eu-cookie {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0%), 0 7px 14px 0 rgb(50 50 93 / 10%);
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 20px 30px;
border-radius: 20px;
min-height: 500px;
display: flex;
flex-direction: column;
}
#eu-cookie-popup .container-eu-cookie > .title {
font-weight: bold;
font-size: 20px;
margin-bottom: 30px;
padding: 5px;
}
#eu-cookie-popup .container-eu-cookie > .content {
display: flex;
}
@media(max-width: 767px) {
#eu-cookie-popup .container-eu-cookie > .content {
flex-direction: column;
overflow-y: auto;
}
}
#eu-cookie-popup .container-eu-cookie > .content .menu {
width: 38%;
margin-right: 40px;
}
#eu-cookie-popup .container-eu-cookie > .content .menu > div {
background-color: #F2F2F2;
font-weight: bold;
margin-bottom: 10px;
padding: 15px 25px 7px;
font-size: 14px;
border-bottom: 8px solid transparent;
cursor: pointer;
}
#eu-cookie-popup .container-eu-cookie > .content .menu > div.active {
border-bottom: 8px solid #FFC000;
}
#eu-cookie-popup .container-eu-cookie > .content .info {
width: 62%;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title {
font-weight: bold;
margin-bottom: 20px;
font-size: 18px;
display: flex;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva {
margin-left: auto;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div {
background-color: #F2F2F2;
border-radius: 5px;
font-weight: 500;
font-size: 12px;
padding: 5px 15px;
display: flex;
align-items: baseline;
justify-content: center;
display: flex;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div label {
height: 8px;
width: 25px;
border-radius: 10px;
border: 1px solid gray;
background-color: #ccc;
margin-left: 10px;
position: relative;
order: 1;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div label:before {
content: ' ';
width: 15px;
height: 15px;
border-radius: 100%;
background-color: #f8ae00;
border-color: #f8ae00;
top: -5px;
margin: 0;
position: absolute;
box-shadow: none;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva.locked > div label:before {
background-color: #7F7F7F !important;
border-color: #7F7F7F !important;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div span {
order: 0;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div span.inattivi {
display: block;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div span.attivi {
display: none;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div input:checked ~ span.attivi,
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva.locked > div input ~ span.attivi {
display: block;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div input:checked ~ span.inattivi,
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva.locked > div input ~ span.inattivi {
display: none;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div input + label:before {
left: -5px;
right: auto;
background-color: #7F7F7F;
border-color: #7F7F7F;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div input:checked + label:before,
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva.locked > div input + label:before {
right: -5px;
left: auto;
background-color: #f8ae00;
border-color: #f8ae00;
}
#eu-cookie-popup .container-eu-cookie > .content .info .title .pulsante-attiva > div i {
margin-right: 5px;
}
#eu-cookie-popup .container-eu-cookie > .content .info .content {
font-size: 14px;
}
#eu-cookie-popup .container-eu-cookie > .content .info .content p {
margin-bottom: 10px;
}
#eu-cookie-popup .container-eu-cookie > .content .info .content a {
font-weight: bold;
text-decoration: underline;
}
#eu-cookie-popup .container-eu-cookie .footer {
background-color: transparent;
margin-top: auto;
border-top: 2px solid #ccc;
padding: 30px 0 20px;
text-align: right;
}
#eu-cookie-popup .container-eu-cookie .footer button {
text-transform: none;
font-weight: 300;
font-size: 16px;
}
#eu-cookie-popup .container-eu-cookie .footer button:first-child {
float: left;
}
#eu-cookie-popup .container-eu-cookie .footer button:last-child {
margin-left: 20px;
}
@media(max-width: 767px) {
#eu-cookie-popup {
max-width: 100%;
}
#eu-cookie-popup .container-eu-cookie {
top: auto;
transform: none;
bottom: 0;
position: absolute;
border-radius: 0;
padding: 0;
min-height: auto;
width: 100%;
max-height: 100vh;
}
#eu-cookie-popup .container-eu-cookie > .content .menu {
width: 100%;
margin: 0;
order: 1;
margin-top: 15px;
}
#eu-cookie-popup .container-eu-cookie > .content .info {
width: 100%;
margin: 0;
order: 0;
padding: 0 15px;
}
#eu-cookie-popup .container-eu-cookie > .content .menu > div {
margin-bottom: 0;
padding: 8px 10px;
border-bottom: 1px solid #bbb;
font-weight: 900;
}
#eu-cookie-popup .container-eu-cookie > .content .menu > div.active {
border-bottom: 1px solid #bbb;
background-color: #D9D9D9;
}
#eu-cookie-popup .container-eu-cookie > .title {
margin-bottom: 20px;
}
#eu-cookie-popup .container-eu-cookie .footer {
display: flex;
flex-direction: column;
padding: 15px 10px;
border: none;
align-items: center;
}
#eu-cookie-popup .container-eu-cookie .footer button {
margin: 0 !important;
padding: 10px;
height: auto;
margin-bottom: 8px !important;
width: 85%;
}
#eu-cookie-popup .container-eu-cookie .footer button:last-child {
margin-bottom: 0 !important;
}
}
.filtersPlaceHolder {
width: 100%;
height: calc(100vh - 250px);
margin-bottom: 20px;
}
.filtersPlaceHolder .placeholderContent {
width: 100%;
height: 100%;
background-color: white;
display: flex;
align-items: center;
justify-content: center;
}
.pulseLoader {
width: 10em;
height: 10em;
border-radius: 100%;
background-color: #ccc;
outline: 1px solid transparent;
animation: pulseanim 1.2s ease-in-out infinite;
}
/*.infinite-scroll-loader,
.productPanelAjaxBusy {
display: none !important;
}*/
@keyframes pulseanim {
0% {
transform: scale(0);
opacity: 0.8;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.topmenumain-mobile-categories {
display: none;
position: relative;
top: 10px;
margin-bottom: 50px;
}
.topmenumain-mobile-categories .container-topmenumain-mobile-catergories {
display: flex;
flex-wrap: wrap;
}
.topmenumain-mobile-categories .container-topmenumain-mobile-catergories .item {
width: calc(50% - 10px);
position: relative;
overflow: hidden;
margin: 5px;
}
.topmenumain-mobile-categories .container-topmenumain-mobile-catergories .item img {
width: 100%;
}
@media(max-width: 1024px) {
.topmenumain-mobile-categories {
display: block;
}
}
.promo-landing-page .container-categories {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 35px;
}
.promo-landing-page .container-categories .btn-show-all-categorie-coinvolte {
display: block;
background-color: transparent;
color: black;
border-radius: 10px;
text-align: center;
width: 100%;
padding: 12px 15px 14px;
font-size: 20px;
border: 2px solid black;
text-transform: uppercase;
font-weight: bold;
margin: 0 10px 10px;
font-family: 'Lato', sans-serif;
}
.promo-landing-page .container-categories > div {
flex: 1;
min-width: 200px;
max-width: 200px;
width: 200px;
height: 64px;
margin-bottom: 20px;
padding: 0 10px;
}
.promo-landing-page .container-categories > div a {
background: #F8AE01;
color: black;
font-size: 14px;
border-radius: 7px;
padding: 15px 20px;
font-weight: 600;
text-align: center;
height: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
}
.promo-landing-page .container-prodotti-in-evidenza .title {
color: #D41109;
text-align: center;
display: block;
font-size: 26px;
font-weight: bold;
margin: 10px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista {
display: flex;
flex-wrap: wrap;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza {
background: white;
width: calc(33.3% - 20px);
display: flex;
flex-direction: column;
margin: 20px 10px;
padding: 10px 15px;
border-radius: 20px;
text-align: left;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza span {
display: block;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image {
display: flex;
align-items: center;
justify-content: center;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .info {
display: flex;
flex-direction: column;
width: 60%;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .info .manufacturer {
font-weight: 900;
margin-bottom: 5px;
height: 35px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .info .manufacturer img {
height: 100%;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .info .name {
font-weight: 600;
font-size: 16px;
margin-bottom: 30px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .info .codice {
font-weight: 300;
font-size: 14px;
margin-top: auto;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .image {
height: 150px;
width: 40%;
text-align: center;
position: relative;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .image .etichetta-energetica {
position: absolute;
z-index: 1;
max-width: 50px;
top: 20%;
left: -20px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .info-image .image img {
max-height: 100%;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price {
text-align: right;
margin-top: auto;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .old-price span,
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .actual-price span {
display: inline;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .prices {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .actual-price {
color: #F8AE01;
font-weight: 900;
font-size: 45px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .actual-price .currency-symbol {
font-size: 28px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .actual-price .decimal {
font-size: 28px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .old-price {
display: inline-flex;
flex-direction: column;
margin-right: 10px;
margin-bottom: 5px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .old-price .valore {
font-weight: 900;
font-size: 16px;
text-decoration: line-through;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza .container-price .old-price .sconto-percentuale {
color: #1B73B9;
font-weight: 900;
font-size: 16px;
}
.promo-landing-page .container-caroselli-categoria {
margin-top: 20px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria {
border-top: 1px solid #ccc;
padding: 25px 10px 0;
margin-top: 15px;
display: flex;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie {
display: flex;
flex-direction: column;
width: 30%;
margin-right: 30px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .container-scopri-prodotti,
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-scopri-prodotti-mobile {
margin-top: auto;
margin-bottom: 11px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .container-scopri-prodotti .btn-scopri-prodotti {
background-color: #F8AE01;
color: white;
border-radius: 10px;
text-align: center;
width: 100%;
padding: 12px 15px 14px;
font-size: 20px;
display: block;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-scopri-prodotti-mobile {
display: none;
margin-top: 25px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-scopri-prodotti-mobile .btn-scopri-prodotti {
display: block;
background-color: transparent;
color: black;
border-radius: 10px;
text-align: center;
width: 100%;
padding: 15px 15px 17px;
font-size: 20px;
border: 2px solid black;
text-transform: uppercase;
font-weight: bold;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .title {
font-size: 26px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .title span {
color: #F8AE01;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .container-subcategorie {
padding: 0 5px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .container-subcategorie .sub-categoria {
display: block;
padding: 10px;
border: 1px solid #7A797E;
border-radius: 10px;
margin-bottom: 10px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat {
visibility: hidden;
height: 0;
width: 70%;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .slick-track,
.promo-landing-page .container-prodotti-in-evidenza .lista .slick-track {
display: flex !important;
min-width: 100%;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .slick-track .carousel-item,
.promo-landing-page .container-prodotti-in-evidenza .lista .slick-track .prodotto-in-evidenza {
height: inherit !important;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .slick-track .carousel-item {
padding: 0 6px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .item-grid,
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .slick-list,
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .slick-track,
.promo-landing-page .container-prodotti-in-evidenza .lista .slick-track .prodotto-in-evidenza .slick-list,
.promo-landing-page .container-prodotti-in-evidenza .lista .slick-track .prodotto-in-evidenza .slick-track {
width: 100%;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .item-grid .item-box,
.promo-landing-page .container-prodotti-in-evidenza .lista .slick-track .prodotto-in-evidenza .prodotto-in-evidenza {
width: 100%;
height: 100%;
}
.promo-landing-page .slick-prev,
.promo-landing-page .slick-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
border-radius: 50%;
text-align: center;
font-size: 0;
z-index: 1;
transition: all .2s ease;
border: 2px solid black !important;
background-color: transparent !important;
}
.promo-landing-page .slick-prev:before,
.promo-landing-page .slick-next:before {
color: black !important;
font-weight: 600 !important;
position: absolute;
top: 50%;
left: 50%;
display: block;
font-size: 12px;
line-height: 40px;
transition: all .2s ease;
transform: translate(-50%, -50%);
}
.promo-landing-page .slick-prev:before {
content: "\6b";
}
.promo-landing-page .slick-next:before {
content: "\6a";
}
.promo-landing-page .slick-next:hover,
.promo-landing-page .slick-prev:hover {
background-color: #f8ae00 !important;
}
.promo-landing-page .container-prodotti-in-evidenza .slick-dots {
bottom: -15px;
}
.promo-landing-page .container-prodotti-in-evidenza .slick-dots li button:before {
font-family: slick;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
content: ' ';
text-align: center;
opacity: 1;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid #ccc;
border-radius: 100%;
}
.promo-landing-page .container-prodotti-in-evidenza .slick-dots li.slick-active button:before {
background-color: #F8AE01;
}
.show-xs {
display: none !important;
}
@media(max-width: 1600px) {
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie {
width: 25%;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat {
width: 75%;
}
}
@media(max-width: 1350px) {
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .item-grid.slick-slider {
padding: 0 20px !important;
}
}
@media(max-width: 1199px) {
.promo-landing-page .container-prodotti-in-evidenza .lista .prodotto-in-evidenza {
width: calc(50% - 20px);
}
}
@media(max-width: 991px) {
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie {
width: 35%;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat {
width: 65%;
}
.promo-landing-page .container-prodotti-in-evidenza {
visibility: hidden;
height: 0;
}
.promo-landing-page .container-prodotti-in-evidenza .lista.slick-slider {
padding: 0 40px !important;
}
.promo-landing-page .container-prodotti-in-evidenza .slick-prev {
left: 0;
}
.promo-landing-page .container-prodotti-in-evidenza .slick-next {
right: 0;
}
}
@media(max-width: 767px) {
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .item-grid.slick-slider {
padding: 0 30px !important;
}
.promo-landing-page .slick-prev {
left: -10px;
}
.promo-landing-page .slick-next {
right: -10px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria {
flex-direction: column;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .container-subcategorie,
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie .container-scopri-prodotti {
display: none;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-scopri-prodotti-mobile {
display: block;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-categorie {
width: 100%;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat {
width: 100%;
}
.show-xs {
display: block !important;
}
}
@media(max-width: 650px) {
.promo-landing-page .container-prodotti-in-evidenza .lista.slick-slider {
padding: 0 !important;
margin-bottom: 50px;
}
.promo-landing-page .container-prodotti-in-evidenza .lista .slick-track .prodotto-in-evidenza {
box-shadow: 0 0 5px #bbb;
}
.promo-landing-page .container-prodotti-in-evidenza .title {
display: none;
}
}
@media(max-width: 555px) {
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .item-grid.slick-slider {
padding: 0 !important;
margin: 0 -20px;
width: 100vw;
}
.promo-landing-page .container-categories {
width: 100%;
margin-top: 10px;
}
.promo-landing-page .container-categories > div {
flex: none;
min-width: unset;
max-width: 50%;
width: 50%;
height: 45px;
}
.promo-landing-page .container-caroselli-categoria .carosello-categoria .container-bestsellers-cat .product-grid .slick-track .carousel-item {
padding: 0 2px;
}
}
.gjs-lory-slide {
background-color: transparent !important;
}
.product-details-page .container-categoria-rivenditore-ufficiale {
display: flex;
align-items: center;
}
@media(max-width: 1280px) {
.product-details-page .container-categoria-rivenditore-ufficiale {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
}
.product-details-page .container-categoria-rivenditore-ufficiale .rivenditore-ufficiale {
padding-left: 10px;
margin-bottom: 13px;
font-size: 13px;
margin-left: auto;
}
@media(max-width: 1280px) {
.product-details-page .container-categoria-rivenditore-ufficiale .rivenditore-ufficiale {
padding: 0;
margin: auto;
text-align: center;
margin-bottom: 20px;
}
}
.product-details-page .container-categoria-rivenditore-ufficiale .rivenditore-ufficiale i {
font-size: 16px;
margin-right: 5px;
}
.grid-template-topic-blog-products {
display: flex;
flex-wrap: wrap;
}
.grid-template-topic-blog-products .carousel-item {
width: calc(20% - 10px);
margin: 5px;
}
@media(max-width: 1600px) {
.grid-template-topic-blog-products .carousel-item {
width: calc(25% - 10px);
}
}
@media(max-width: 820px) {
.grid-template-topic-blog-products .carousel-item {
width: calc(33% - 10px);
}
}
@media(max-width: 600px) {
.grid-template-topic-blog-products .carousel-item {
width: calc(50% - 10px);
}
}
.grid-template-topic-blog-products .carousel-item .item-box {
width: 100%;
}
.topic-blog-products .carousel-item .item-box .product-item {
height: 100%;
display: flex;
flex-direction: column;
}
.topic-blog-products .carousel-item .item-box a {
color: black !important;
}
.topic-blog-products .carousel-item .item-box .picture > a:before {
padding-top: 90%;
}
.topic-blog-products .carousel-item .item-box .picture > a img {
padding: 5px;
}
.topic-blog-products .carousel-item .item-box .add-info {
text-align: center;
margin-bottom: 0;
}
.topic-blog-products.slick-carousel .carousel-item .item-box .btn-wrapper {
margin-top: 0;
}
.topic-blog-products .carousel-item .item-box .description {
max-height: 47px;
line-height: 15px;
margin-bottom: 0;
}
.topic-blog-products .carousel-item .item-box .actual-price {
padding-bottom: 42px;
font-weight: normal;
}
.topic-blog-products .carousel-item .item-box .btn-wrapper {
position: relative;
opacity: 1;
}
.topic-blog-products .carousel-item .item-box .old-price, .topic-blog-products .carousel-item .item-box .advised-price,
.topic-blog-products .carousel-item .item-box .old-price .sconto-percentuale, .topic-blog-products .carousel-item .item-box .advised-price .sconto-percentuale {
font-size: 10px;
}
@media(max-width: 1150px) {
.topic-blog-products .carousel-item .item-box .old-price .fa-info, .topic-blog-products .carousel-item .item-box .advised-price .fa-info {
display: none;
}
}
.topic-blog-products[data-source-category] {
min-height: 390px;
}
@media(min-width: 1025px) {
.gallery {
max-width: none;
}
.gallery-section-container {
float: left;
width: 30%;
max-width: none;
}
.gallery .picture {
max-width: 500px;
}
.gallery .thumb-item {
max-width: 100%;
}
.overview {
position: relative;
float: right;
width: 68%;
margin-left: 0;
text-align: left;
display: flex;
}
.overview .container-product-infos {
flex: 1;
padding-right: 30px;
width: inherit;
}
.overview .short-description {
padding: 0;
}
.overview .breadcrumb {
margin-bottom: 15px;
}
.overview .add-to-cart {
display: block;
margin: 0 auto 10px;
width: 100%;
max-width: none;
}
.overview .add-to-wishlist {
display: block;
width: 100%;
margin-left: 0;
padding: 0 15px;
}
.product-prices-box-desktop-container {
width: 350px;
}
.overview .product-prices-box-desktop-container .stock {
text-align: center;
}
}
.container-search-categories-selectors {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.container-search-categories-selectors .product-selectors {
margin-bottom: 0;
margin-left: auto;
}
.container-search-categories-selectors .category-search-categories {
flex: 1;
text-align: left !important;
margin-right: 15px;
padding: 10px 15px;
background: white;
border-radius: 8px;
clear: both;
color: #323232;
}
.container-search-categories-selectors .category-search-categories span {
font-weight: bold;
color: #f8ae00;
margin-right: 15px;
font-size: 17px;
}
.ui-autocomplete .container-btn-category {
display: inline-block;
}
.container-search-categories-selectors a.btn-category-search-page,
.ui-autocomplete .container-btn-category a.btn-category-search-autocomplete {
display: inline-block;
margin-top: 5px;
margin-bottom: 8px;
font-size: 15px;
color: #f8ae00;
border: 2px solid #f8ae00;
padding: 5px 10px;
border-radius: 8px;
font-weight: bold;
transition: 0.3s;
margin-right: 10px;
text-transform: uppercase;
}
.container-search-categories-selectors a.btn-category-search-page.active,
.container-search-categories-selectors a.btn-category-search-page:hover,
.ui-autocomplete .container-btn-category a.btn-category-search-autocomplete.active,
.ui-autocomplete .container-btn-category a.btn-category-search-autocomplete:hover {
background-color: #f8ae00;
color: white;
transition: 0.3s;
}
@media(max-width: 1024px) {
.container-search-categories-selectors {
flex-direction: column;
margin-bottom: 0;
}
.container-search-categories-selectors .product-selectors {
order: -1;
width: 100%;
}
.container-search-categories-selectors .category-search-categories {
width: 100%;
margin-top: 15px;
margin-right: 0;
}
.container-search-categories-selectors + .search-results {
margin-top: 15px;
}
.container-search-categories-selectors .category-search-categories span {
display: none;
}
.container-search-categories-selectors a.btn-category-search-page,
.container-search-categories-selectors a.btn-category-search-page:hover,
.ui-autocomplete .container-btn-category a.btn-category-search-autocomplete,
.ui-autocomplete .container-btn-category a.btn-category-search-autocomplete:hover {
border: none;
text-decoration: underline;
background-color: transparent;
color: #f8ae00;
text-transform: uppercase;
margin-top: 5px;
padding: 0;
margin-right: 0;
}
.ui-autocomplete .container-btn-category {
padding: 0 5px 0 15px;
}
.ui-autocomplete .container-btn-category:first-child {
margin-top: 5px;
}
}
.header-menu .container-scrollable-mega-menu li span.go-cat,
.header-menu .container-scrollable-mega-menu li span.go-subcat,
.header-menu .container-scrollable-mega-menu li span.go-link {
display: none;
}
@media(min-width: 1025px) and (max-width: 1280px) {
.overview #icecat-bulletpoints .IcecatLive #bullet-points-list,
.overview .short-description {
font-size: 14px;
}
}
@media(max-width: 1550px) {
.header-menu > ul > li > a, .header-menu > .container-scrollable-mega-menu > ul > li > a {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media(max-width: 1300px) {
.header-menu > ul > li > a, .header-menu > ul > li > span, .header-menu > .container-scrollable-mega-menu > ul > li > a, .header-menu > .container-scrollable-mega-menu > ul > li > span {
font-size: 11px !important;
font-weight: 800 !important;
}
}
@media(max-width: 1140px) {
.header-menu > ul > li > a, .header-menu > .container-scrollable-mega-menu > ul > li > a {
padding-left: 8px !important;
padding-right: 8px !important;
}
}
@media(max-width: 1080px) {
.header-menu > ul > li > a, .header-menu > ul > li > span, .header-menu > .container-scrollable-mega-menu > ul > li > a, .header-menu > .container-scrollable-mega-menu > ul > li > span {
font-size: 10px !important;
font-weight: 600 !important;
}
}
@media(max-width: 1024px) {
.header-menu > ul > li > a, .header-menu > ul > li > span, .header-menu > .container-scrollable-mega-menu > ul > li > a, .header-menu > .container-scrollable-mega-menu > ul > li > span {
font-size: 16px !important;
color: black !important;
width: 100% !important;
z-index: 999 !important;
}
.header-menu > ul > li > .container-subs-menu > ul.subcategories li.subcategory-item a {
z-index: 999 !important;
padding: 10px 60px 10px 18px;
}
.ico-compare, .ico-wishlist {
font-size: 14px !important;
color: #5f5f5f !important;
}
.ico-compare:before {
color: #5f5f5f !important;
}
.header-menu > ul.mega-menu-responsive > li > .go-cat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .go-subcat,
.header-menu > ul.mega-menu-responsive > li > .back-cat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .back-subcat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .go-link {
color: #edaf44 !important;
position: absolute;
z-index: 1 !important;
right: 0;
text-align: right;
width: 100%;
}
.header-menu > ul.mega-menu-responsive > li > .back-cat {
color: #000000 !important;
}
.header-menu > ul.mega-menu-responsive > li > .go-cat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .subcategory-item .go-subcat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .subcategory-item .go-link {
display: none;
}
.header-menu > ul.mega-menu-responsive > li.has-sublist > .go-cat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .subcategory-item.with-subcat .go-subcat {
display: block;
}
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .subcategory-item .direct-link .go-link {
display: block;
}
.header-menu > ul.mega-menu-responsive > li > .go-cat {
padding: 11px 20px 11px 10px !important;
position: absolute;
right: 0;
}
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .go-subcat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .back-subcat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .go-link {
float: right;
color: #edaf44;
z-index: 999;
cursor: pointer;
padding: 10px 21px;
}
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .go-subcat,
.header-menu > ul.mega-menu-responsive > li > .container-subs-menu .go-link {
padding-right: 40px;
font-weight: normal;
}
}
.login-page .login-button,
.login-page .register-button {
min-width: 210px;
}
@media all and (max-width: 480px) {
.private-messages-page thead {
display: none;
}
.private-messages-page .data-table,
.private-messages-page tbody,
.private-messages-page tr,
.private-messages-page td {
display: block;
}
.private-messages-page tr {
margin: 0 0 20px;
border: 1px solid #eee !important;
border-radius: 3px;
}
.private-messages-page tr:last-child {
margin: 0;
}
.private-messages-page td {
border-left: none !important;
border-right: none !important;
background-color: #fff;
text-align: center;
}
.private-messages-page td:first-child {
border-radius: 3px 3px 0 0 !important;
border-top: 0 !important;
}
.private-messages-page td:last-child {
border-radius: 0 0 3px 3px !important;
border-bottom: 0;
}
.private-messages-page .select label {
margin: 0 auto;
}
.private-messages-page .select input[type="checkbox"]:checked + label {
margin-left: auto;
margin-bottom: 1px;
}
.private-messages-page .td-title {
display: inline-block;
}
}
@media all and (max-width: 1024px) {
/*.order-details-page .data-table .attributes,
.shipment-details-page .data-table .sku,*/
.order-details-page .shipments thead,
.order-details-page .products thead,
.order-list-page .recurring-payments thead,
.return-request-page .data-table thead,
.shipment-details-page .data-table thead,
.downloadable-products-page .data-table thead,
.reward-points-history .data-table thead,
.wishlist-page thead,
.cart thead {
display: none;
}
.order-details-page .shipments .data-table,
.order-details-page .shipments tbody,
.order-details-page .shipments tr,
.order-details-page .shipments td,
.order-details-page .products .data-table,
.order-details-page .products tbody,
.order-details-page .products tr,
.order-details-page .products td,
.order-list-page .recurring-payments td,
.order-list-page .recurring-payments tr,
.return-request-page .data-table tbody,
.return-request-page .data-table tr,
.return-request-page .data-table td,
.shipment-details-page .data-table,
.shipment-details-page .data-table tbody,
.shipment-details-page .data-table tr,
.shipment-details-page .data-table td,
.reward-points-history .data-table tr,
.reward-points-history .data-table td,
.downloadable-products-page .data-table tr,
.downloadable-products-page .data-table td,
.wishlist-page tbody,
.wishlist-page tr,
.wishlist-page td,
.cart tbody,
.cart tr,
.cart td {
display: block;
}
.order-details-page .shipments tr,
.order-details-page .products tr,
.return-request-page .data-table tr,
.shipment-details-page .data-table tr,
.order-list-page .recurring-payments tr,
.reward-points-history .data-table tr,
.downloadable-products-page .data-table tr,
.wishlist-page tr,
.cart tr {
margin: 0 0 20px;
border: 1px solid #eee !important;
border-radius: 3px;
}
.downloadable-products-page .data-table td.product,
.reward-points-history .data-table td.message {
text-align: center;
}
.order-details-page .products tr,
.cart tr,
.wishlist-page tr {
position: relative;
background-color: #fff;
overflow: hidden;
padding-bottom: 70px;
}
.order-details-page .shipments tr:last-child,
.order-details-page .products tr:last-child,
.shipment-details-page .data-table tr:last-child,
.return-request-page .data-table tr:last-child,
.order-list-page .recurring-payments tr:last-child,
.reward-points-history .data-table tr:last-child,
.downloadable-products-page .data-table tr:last-child
.wishlist-page tr:last-child,
.cart tr:last-child {
margin-bottom: 0;
}
.order-details-page .shipments td,
.shipment-details-page .data-table td,
.order-details-page .products td,
.return-request-page .data-table td,
.order-list-page .recurring-payments td,
.reward-points-history .data-table td,
.downloadable-products-page .data-table td,
.wishlist-page td,
.cart td {
border-left: none !important;
border-right: none !important;
background-color: #fff;
text-align: center;
}
.order-details-page .shipments td:first-child,
.order-details-page .products td:first-child,
.return-request-page .data-table td:first-child,
.shipment-details-page .data-table td:first-child,
.order-list-page .recurring-payments td:first-child,
.reward-points-history .data-table td:first-child,
.downloadable-products-page .data-table td:first-child,
.wishlist-page td:first-child,
.cart td:first-child {
border-radius: 3px 3px 0 0 !important;
border-top: 0 !important;
}
.order-details-page .shipments td:last-child,
.order-details-page .products td:last-child,
.shipment-details-page .data-table td:last-child,
.return-request-page .data-table td:last-child,
.order-list-page .recurring-payments td:last-child,
.reward-points-history .data-table td:last-child,
.downloadable-products-page .data-table td:last-child,
.wishlist-page td:last-child,
.cart td:last-child {
border-radius: 0 0 3px 3px !important;
border-bottom: 0;
}
.order-details-page .products td.unit-price,
.cart td.unit-price,
.wishlist-page td.unit-price {
position: absolute;
top: auto;
left: auto;
bottom: 35px;
right: 0;
float: right;
background-color: #f6f6f6 !important;
padding: 9px 20px 2px 10px;
width: 65%;
height: 35px;
border-top: 1px solid #eee !important;
border-bottom: 0 !important;
text-align: right;
overflow: hidden;
}
.order-details-page .products td.unit-price *,
.cart td.unit-price *,
.wishlist-page td.unit-price * {
color: #8c8c8c !important;
font-weight: 700 !important;
font-size: 15px !important;
}
.order-details-page .products td.total,
.order-details-page .products td.subtotal,
.cart td.total,
.cart td.subtotal,
.wishlist-page td.total,
.wishlist-page td.subtotal {
position: absolute;
bottom: 0;
right: 0;
left: auto;
top: auto;
background-color: #f6f6f6 !important;
width: 62%;
height: 35px;
border: none !important;
padding: 0px 20px 9px 10px;
text-align: right;
overflow: hidden;
}
.order-details-page .products td.total *,
.order-details-page .products td.subtotal *,
.cart td.total *,
.cart td.subtotal *,
.wishlist-page td.total *,
.wishlist-page td.subtotal * {
font-weight: 700 !important;
color: #444 !important;
}
.order-details-page .products td.quantity,
.cart td.quantity,
.wishlist-page td.quantity {
position: absolute;
top: auto;
left: 0;
bottom: 0;
width: 38%;
height: 70px;
padding: 20px 5px 20px 20px;
overflow: hidden;
border-top: 1px solid #eee !important;
border-bottom: 0 !important;
background-color: #f6f6f6 !important;
text-align: left;
}
.order-details-page .products td.quantity,
.cart td.quantity,
.wishlist-page td.quantity {
color: #8c8c8c !important;
}
.order-details-page .products td.quantity span,
.cart td.quantity span,
.wishlist-page td.quantity span {
line-height: 30px;
}
td.shipment-id {
background-color: #f6f6f6 !important;
}
td.quantity label.td-title {
display: inline-block;
max-width: calc(100% - 45px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
td label {
color: #8c8c8c;
font-weight: 300;
}
td .attributes {
padding: 7px 0;
margin: 0;
}
td.remove-from-cart,
td.add-to-cart {
padding: 10px;
font-size: 0;
}
td.remove-from-cart input[type="checkbox"] + label,
td.add-to-cart input[type="checkbox"] + label {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
user-select: none;
}
td.remove-from-cart input[type="checkbox"] + label:before,
td.add-to-cart input[type="checkbox"] + label:before {
vertical-align: bottom;
}
td.product-picture {
padding: 4px !important;
float: left;
width: 100%;
border: none !important;
margin: 10px 0;
}
td.product {
border: none !important;
padding: 15px;
height: auto!important;
}
td.product .product-name {
display: block;
width: 100%;
text-align: center;
}
td.product-picture + td.product {
margin-left: 0;
text-align: left;
}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.order-details-page .products tr,
.shipment-details-page .data-table tr,
.return-request-page .data-table tr,
.reward-points-history .data-table tr,
.downloadable-products-page .data-table tr,
.wishlist-page tr,
.cart tr {
display: inline-block;
vertical-align: top;
width: calc(50% - 10px);
margin-left: 20px;
}
.order-details-page .products tr:nth-child(2n+1),
.return-request-page .data-table tr:nth-child(2n+1),
.shipment-details-page .data-table tr:nth-child(2n+1),
.reward-points-history .data-table tr:nth-child(2n+1),
.downloadable-products-page .data-table tr:nth-child(2n+1),
.wishlist-page tr:nth-child(2n+1),
.cart tr:nth-child(2n+1) {
margin-left: 0;
}
.shipment-details-page .data-table,
.return-request-page .data-table,
.order-details-page .products .data-table,
.account-page .cart,
.account-page .data-table,
.account-page .compare-products-table,
.account-page .forums-table-section table,
.wishlist-page .cart,
.cart {
text-align: left;
font-size: 0;
}
.cart td.product,
.data-table td.product,
.data-table td.message,
.data-table td.info,
.data-table td.name,
.forum-table td.forum-details,
.forum-table td.topic-details {
text-align: left;
}
}
@media all and (min-width: 769px) and (max-width: 1600px) {
.account-page .recurring-payments .data-table td label {
display: inline-block;
}
.account-page .recurring-payments .data-table thead {
display: none;
}
.account-page .recurring-payments .data-table tbody,
.account-page .recurring-payments .data-table tr,
.account-page .recurring-payments .data-table td {
display: block;
}
.order-list-page .recurring-payments tr {
display: inline-block;
vertical-align: top;
width: calc(50% - 12.5px);
margin-left: 25px;
}
.order-list-page .recurring-payments tr:nth-child(2n+1) {
margin-left: 0;
}
}
@media all and (min-width: 1025px) and (max-width: 1600px) {
.order-list-page .recurring-payments td {
border-left: none !important;
border-right: none !important;
}
.order-list-page .recurring-payments td:first-child {
border-radius: 3px 3px 0 0 !important;
border-top: 1px solid #eee;
}
.compare-products-table td {
vertical-align: top;
}
.cart td,
.compare-products-table td,
.forums-table-section td {
font-size: 16px;
}
}
@media all and (max-width: 1024px) {
.header-upper .header-selectors-wrapper {
display: none;
}
.desktop {
display: none !important;
}
.category-navigation-title, .category-navigation-list-wrapper {
display: none !important;
}
.responsive-nav-wrapper-parent {
position: fixed;
top: 0;
z-index: 1020;
width: 100%;
background-color: #fff;
border-bottom: 3px solid #eeeeee;
transition: 0.5s;
}
.responsive-nav-wrapper-parent.scrolled {
top: 0 !important;
transition: 0.5s;
}
.responsive-nav-wrapper-parent.topFixed {
top: 0 !important;
transition: 0.5s;
}
.header {
margin-top: 0;
}
.mobile-selector {
overflow: hidden;
}
.header-selectors-wrapper > div {
margin: 0;
display: block;
position: relative;
}
.profile-menu-box > a,
.selector-title {
display: block;
padding: 15px 20px;
line-height: 18px;
font-size: 13px;
color: #8c8c8c;
font-weight: 700;
background-color: #f6f6f6;
border-top: 3px solid #fff;
cursor: pointer;
text-transform: uppercase;
}
.selector-title:after {
content: "\6a";
display: inline-block;
float: right;
font-size: 9px;
font-family: "emporium-icons";
transform: rotate(90deg);
text-transform: none;
color: #8c8c8c;
transition: all .3s ease;
}
.selector-title.open:after {
transform: rotate(-90deg);
}
.mobile-collapse {
display: none;
background-color: #efefef;
padding: 10px 0;
}
.header-selectors-wrapper > div input[type="radio"] {
display: none;
}
.header-selectors-wrapper > div label {
display: block;
padding: 10px 38px;
line-height: 18px;
font-size: 14px;
font-weight: 400;
}
.header-selectors-wrapper > div input[type="radio"]:checked + label {
color: #97c300;
}
.header-selectors-wrapper > div input[type="radio"] + label:before {
content: none;
display: none;
}
/* RESPONSIVE NAV WRAPPER */
.responsive-nav-wrapper {
position: relative;
padding: 11px 0;
background-color: #fff;
text-align: center;
font-size: 0;
width: calc(100% - 20px);
margin: 0 auto;
}
.header-logo {
display: none;
}
.mobile-logo {
position: relative;
display: inline-block;
text-align: center;
max-width: calc(100% - 180px);
}
.mobile-logo .logo {
position: relative;
display: block;
max-width: 100%;
height: 40px;
width: 200px;
margin: 0 auto;
}
.mobile-logo img {
position: absolute;
display: inline-block;
width: auto;
max-width: 100%;
max-height: 100%;
height: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.responsive-nav-wrapper:after {
content: "";
display: block;
clear: both;
}
.responsive-nav-wrapper > div {
position: relative;
display: inline-block;
vertical-align: top;
}
.responsive-nav-wrapper > div > span,
.responsive-nav-wrapper > div > a {
position: relative;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0;
cursor: pointer;
}
.responsive-nav-wrapper > div > span:before,
.responsive-nav-wrapper > div > a:before {
display: inline-block;
font-family: "emporium-icons";
font-size: 18px;
color: #8e8e8e;
}
.responsive-nav-wrapper .menu-title span:before {
content: "\67";
}
.responsive-nav-wrapper .search-wrap span:before {
content: "\65";
}
.shopping-cart-link > a {
position: relative;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0;
}
.shopping-cart-link > a:before {
content: "\64";
display: inline-block;
font-family: "emporium-icons";
font-size: 24px;
}
.shopping-cart-link .cart-qty {
position: absolute;
top: 0;
right: 0;
background-color: #97c300;
font-size: 10px;
height: auto;
padding: 0 1px;
width: auto;
min-width: 15px;
display: inline-block;
min-height: 15px;
line-height: 15px;
border-radius: 50%;
color: #fff;
}
.responsive-nav-wrapper .menu-title,
.responsive-nav-wrapper .search-wrap {
float: left;
}
.responsive-nav-wrapper .shopping-cart-link {
min-width: 40px;
min-height: 40px;
}
.responsive-nav-wrapper .shopping-cart-link,
.responsive-nav-wrapper .personal-button {
float: right;
}
/* RESPONSIVE MENU */
.overlayOffCanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1060;
background-color: rgba(0,0,0,0);
transition: background 0.3s ease;
}
.overlayOffCanvas.show {
background-color: rgba(0,0,0,0.4);
}
.scrollYRemove {
overflow: hidden !important;
-ms-touch-action: none !important;
-webkit-overflow-scrolling: touch !important;
}
.header-menu.ps-container .ps-scrollbar-y-rail {
visibility: hidden !important; /*scroll is active, but invisible*/
}
.header-menu,
.profile-menu-box,
.store-search-box {
position: fixed;
top: 0;
left: -100%;
width: 320px;
max-width: 100%;
height: 100%;
overflow: hidden;
background-color: #fff;
text-align: left;
margin-top: 0 !important;
opacity: 1;
padding: 0;
border-radius: 0;
pointer-events: auto;
transition: all 0.3s ease;
-webkit-transform: none;
-ms-transform: none;
transform: none;
box-shadow: none;
z-index: 111111111111 !important;
}
.store-search-box {
width: 400px;
}
.header-menu.open,
.profile-menu-box.open,
.store-search-box.open {
left: 0;
}
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu {
display: block;
padding: 15px 20px;
background-color: #97c300;
color: #fff;
}
.close-menu span,
.close-side-menu span {
display: inline-block;
line-height: 17px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.close-menu .close-menu-text,
.close-side-menu .close-side-menu-text {
font-weight: 700;
letter-spacing: 1px;
}
.close-menu .close-menu-btn,
.close-side-menu-btn {
float: right;
font-size: 0 !important;
}
.close-menu-text:before,
.close-side-menu-text:before {
content: "\67";
display: inline-block;
margin-right: 15px;
font-family: "emporium-icons";
font-size: 18px;
font-weight: normal;
letter-spacing: 0;
color: #fff !important;
text-transform: none;
vertical-align: bottom;
}
.profile-menu-box .close-side-menu-text:before {
content: "\61";
}
.store-search-box .close-side-menu-text:before {
content: "\65";
}
.close-menu-btn:before,
.close-side-menu-btn:before {
content: "\7a";
display: inline-block;
margin: 0 !important;
font-family: "emporium-icons";
text-transform: none;
font-size: 16px;
color: #fff !important;
vertical-align: bottom;
}
.header-menu .all-categories,
.header-menu .all-categories li {
background-color: #f6f6f6;
}
.header-menu > ul li:after {
content: "";
display: block;
clear: both;
}
.header-menu > ul li > a,
.header-menu > ul li > span,
.profile-menu-box > a,
.header-form-holder > a {
display: block;
position: relative;
z-index: 0;
padding: 16px 18px;
font-size: 13px;
line-height: 17px;
color: #8c8c8c;
font-weight: 700;
text-transform: uppercase;
}
.header-menu > ul li {
border-bottom: 3px solid #fff;
}
.header-menu .top-menu > li {
border-bottom: 0;
}
.header-menu > ul li:last-child,
.header-menu > ul li:last-child,
.header-menu > ul li.back-button {
border-bottom: 0;
}
.header-menu > ul li > .with-subcategories {
float: left;
width: calc(100% - 50px);
}
.header-menu .all-categories > span {
float: left;
width: calc(100% - 50px);
cursor: default;
}
.header-menu .all-categories > span:before {
content: "\66";
display: inline-block;
margin-right: 10px;
font-size: 17px;
vertical-align: bottom;
font-family: "emporium-icons";
color: #8c8c8c;
font-weight: normal;
text-transform: none;
transition: all .2s ease;
}
.plus-button {
position: relative;
z-index: 1;
float: right;
width: 50px;
height: 50px;
cursor: pointer;
}
.plus-button:before {
content: "\6a";
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "emporium-icons";
font-size: 10px;
color: #8c8c8c;
}
.ico-compare,
.ico-wishlist {
display: block;
padding: 15px 20px;
line-height: 18px;
font-size: 13px;
font-weight: 700;
color: #8c8c8c;
background-color: #f6f6f6;
border-top: 3px solid #fff;
cursor: pointer;
text-transform: uppercase;
}
.ico-compare:before,
.ico-wishlist:before {
display: inline-block;
font-family: "emporium-icons";
margin-right: 10px;
font-size: 17px;
color: #8e8e8e;
font-weight: normal;
text-transform: none;
vertical-align: bottom;
}
/* NEW ACCOUNT STYLING */
.personal-button {
position: static !important;
}
/* END ACCOUNT STYLING */
.wishlist-qty {
display: none;
}
.header-menu .sublist-wrap {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 320px;
height: 100%;
box-shadow: 1px 0 5px rgba(0,0,0,0.5);
overflow: hidden;
background-color: #fff !important;
transition: all 0.3s ease;
}
.header-menu .sublist-wrap {
left: -100%;
}
.header-menu .sublist-wrap.active {
left: 0;
}
.header-menu ul li.back-button {
background-color: #97c300;
}
.header-menu .back-button span {
padding: 15px 20px !important;
text-align: right;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
.header-menu .back-button span:before {
content: "\6b";
display: inline-block;
margin-right: 10px;
font-family: "emporium-icons";
font-size: 10px;
text-transform: none;
}
/*********** MOBILE FLYOUT CART ************/
.mobile-flyout-wrapper .close-side-menu-text:before {
content: "\64";
}
.mobile-flyout-wrapper .flyout-cart-scroll-area {
max-height: calc(100vh - 97px);
overflow: hidden;
}
.mobile-flyout-wrapper {
position: fixed;
top: 0;
left: -100%;
width: 400px;
max-width: 100%;
height: 100%;
overflow: hidden;
background-color: #fff;
text-align: left;
margin-top: 0 !important;
opacity: 1;
padding: 0;
border-radius: 0;
pointer-events: auto;
transition: all 0.3s ease;
-webkit-transform: none;
-ms-transform: none;
transform: none;
box-shadow: none;
z-index: 11111111070 !important;
}
.mobile-flyout-wrapper.open {
left: 0;
}
.mobile-flyout-wrapper .close-side-menu {
display: block;
}
/******** LOGIN FORM IN HEADER ********/
.profile-menu-box.login-form-in-header {
padding: 0;
width: 320px;
}
.login-form-in-header form {
padding: 20px 20px 0;
}
/* SEARCH BOX */
.search-box form {
padding: 20px;
}
.search-box input.search-box-text {
width: calc(100% - 45px);
padding: 0 5px 0 15px;
}
.ui-autocomplete {
width: calc(100% - 40px) !important;
}
/* HEADER LINKS */
#topcartlink {
display: none;
}
.header-links-wrapper .header-links > ul {
display: none;
}
.header-links-wrapper.open {
display: block;
}
/* ACCOUNT PAGES */
.html-account-page .block {
float: none;
width: auto;
text-align: center;
}
.html-account-page .block .listbox {
display: block !important;
}
}
/*=====================================================
TABLETS PORTRAIT & SMARTPHONES LANDSCAPE
=====================================================*/
@media all and (min-width: 481px) {
/* GLOBAL STYLES */
.side-2:after {
content: "";
display: block;
clear: both;
}
/* FOOTER */
.footer-middle {
text-align: center;
font-size: 0;
display: flex;
}
.footer-block {
display: inline-block;
border-bottom: 0;
width: 31.33%;
margin: 0 1%;
vertical-align: top;
}
.footer-block .title {
padding: 0 15px 5px;
border: none;
}
.footer-block:first-child {
border-top: none;
}
.footer-block ul {
display: block;
background-color: transparent;
}
.footer-block .title:before,
.footer-block .title:after {
display: none;
}
.social-icons {
padding-top: 35px;
border-top: 1px solid #eeeeee;
}
.newsletter-email {
max-width: 100%;
}
/* LEFT/RIGHT COLUMN */
.block {
float: left;
width: 48%;
margin: 0 1% 2%;
text-align: left;
}
.block:nth-of-type(2n+1) {
clear: left;
}
.block .tags li,
.product-tags-all-page li {
margin: 0 5px;
}
/* CATEGORY PAGE & GRIDS */
/*.item-box {
width: 32%;
text-align: center;
}
.item-box:nth-child(2n+1) {
margin-left: 2%;
clear: none;
}
.item-box:nth-child(3n+1) {
margin-left: 0;*/
/*clear: both;*/
/*}*/
/* PRODUCT PAGE */
.attributes-wrapper {
max-width: 560px;
margin: 0 auto 30px;
}
.product-additional {
margin: 0 -10px 60px;
}
.attributes select + .qty-box {
margin-top: 0;
vertical-align: top;
}
/* REVIEW PAGE */
/* WISHLIST & COMPARE LIST */
/* TOPICS */
.enter-password-form input[type="password"] {
width: 300px !important;
}
/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */
.login-page .title strong,
.registration-page .title strong {
font-size: 18px;
}
.date-of-birth .date-picker-wrapper select {
padding: 0 35px 0 20px;
background: #fff url(../../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat right 15px center;
}
.account-page {
padding: 40px 20px;
}
.customer-info-page .page-body,
.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.avatar-page .page-body,
.address-edit-page .page-body,
.vendorinfo-page .page-body {
padding: 50px;
}
.date-of-birth .date-picker-wrapper select,
.date-of-birth .date-picker-wrapper select:first-child,
.date-of-birth .date-picker-wrapper select:last-child {
width: 33.33%;
}
.address-item .title,
.order-item .title,
.request-item .title {
text-align: center;
}
.address-item:first-child,
.add-button:first-child,
.order-item:first-child,
.request-item:first-child {
margin-top: 0;
}
/* SHOPPING CART & CHECKOUT */
.cart-collaterals > div > .list {
padding: 30px;
}
.order-review-data,
.order-details-area,
.shipment-details-area {
font-size: 0;
margin: 0 0 30px;
text-align: center;
}
.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
display: inline-block;
vertical-align: top;
width: calc(50% - 12.5px);
margin-left: 25px;
max-width: 590px;
}
.order-review-data > div:nth-child(2n + 1),
.order-details-area > div:nth-child(2n + 1),
.shipment-details-area > div:nth-child(2n + 1) {
margin-left: 0;
}
.checkout-page .edit-address {
padding: 40px 20px 0;
}
/*.shipping-method .method-list li,
.payment-method .method-list li {
padding: 22px 22px 22px 85px;
}*/
.shipping-method .method-list input[type="radio"] + label:before,
.shipping-method .method-list input[type="checkbox"] + label:before,
.payment-method .method-list input[type="radio"] + label:before,
.payment-method .method-list input[type="checkbox"] + label:before {
left: 35px;
}
/* SEARCH PAGE & SITEMAP */
/* BLOG & NEWS */
/* FORUM & PROFILE */
.forum-actions .actions a,
.forum-actions .actions a:nth-child(2n+1) {
padding: 0 20px;
margin: 0 3px;
width: auto;
}
.topic-post .post-info {
padding: 30px 30px 25px;
}
.topic-post .avatar {
width: 160px;
}
.topic-post .user-info {
padding-left: 175px;
min-height: 160px;
}
.topic-post .username {
margin: 5px 0;
}
.topic-post .post-content {
padding: 0 30px 30px;
}
.topic-post .post-vote > span {
width: 30px;
}
}
/*=====================================================
TABLETS LANDSCAPE & NETBOOKS
=====================================================*/
@media all and (min-width: 768px) {
/* GLOBAL STYLES */
.master-wrapper-content,
.html-account-page .master-wrapper-content {
padding: 60px 20px;
}
.page {
clear: both;
text-align: left;
}
.link-rss {
display: block;
float: right;
margin: 5px 0 0;
}
/* NOTIFICATIONS & POPUPS */
.bar-notification {
padding: 14px 20px 14px 40px;
}
.bar-notification .content {
font-size: 17px;
line-height: 32px;
}
/* LEFT/RIGHT COLUMN */
.center-2 {
margin: 0 0 50px;
}
.block {
width: 31.3333%;
margin: 0 1% 2%;
}
.block:nth-of-type(2n+1) {
clear: none;
}
.block:nth-of-type(3n+1) {
clear: left;
}
/* CATEGORY PAGE & GRIDS */
.two-row-carousels {
padding: 0 10px;
}
.home-page .topic-block-body {
padding: 0 20px;
}
.vendor-item .title a,
.manufacturer-item .title a,
.category-grid .item-box .title a {
padding: 19px 15px;
}
.home-page .topic-block-title h2,
.product-grid .title,
.news-list-homepage .title,
.home-page-polls .title {
font-size: 30px;
}
.shopping-cart-page .product-grid .title {
font-size: 26px;
}
.item-box .product-title, .item-box .title {
padding: 0 10px;
}
.advantages-item {
display: inline-block;
width: calc(50% - 2.5px);
margin: 0 0 5px 5px;
}
.advantages-item:nth-child(2n+1) {
margin-left: 0;
}
.advantages-item:only-child {
width: 100%;
margin: 0;
}
.news-list-homepage:after {
content: "";
display: block;
clear: both;
}
.news-list-homepage .news-item {
float: left;
padding: 30px;
width: 49.3%;
margin-left: 1.4%;
}
.news-list-homepage .news-item:nth-child(2n+1) {
margin-left: 0;
clear: left;
}
.breadcrumb {
margin: 0 0 5px;
}
.page-title,
.category-description,
.manufacturer-description,
.vendor-description {
text-align: center;
}
.item-box .picture {
position: relative;
backface-visibility: hidden;
}
.item-box .btn-wrapper {
/*position: absolute;*/
display: block;
margin-top: 10px;
opacity: 0;
min-width: 100%;
pointer-events: none;
transition: opacity .2s ease;
z-index: 999;
}
.item-box:hover .btn-wrapper {
opacity: 1;
pointer-events: auto;
}
.item-box .buttons {
display: block;
}
.item-box .product-rating-box {
margin-bottom: 12px;
}
/*.item-box .prices > *:last-child:not(:empty) {
margin-bottom: 30px;
}*/
.pager li {
margin: 0 2px;
}
/* PRODUCT PAGE */
.product-details-page {
text-align: center;
}
.full-description,
.product-specs-box {
margin: 0 -20px;
padding: 40px 30px;
}
.full-description + .product-collateral .product-specs-box {
padding-top: 0;
padding-bottom: 40px;
}
.product-tags-box {
margin-top: 60px;
}
.attributes-wrapper > div.product-prices-box,
.attributes-wrapper > div.tier-prices {
padding: 0;
}
.overview-buttons {
text-align: left;
}
.overview-buttons div {
margin: 0 10px 10px 0;
}
.free-shipping {
margin: 15px 0 20px;
}
.overview .qty-label,
.variant-overview .qty-label {
position: static;
left: 0;
margin: 0 5px 0 0;
}
.variant-picture {
float: left;
}
.variant-picture + .variant-overview {
width: auto;
text-align: left;
margin: 0 0 0 350px;
}
.variant-overview .tax-shipping-info {
text-align: left;
}
.product-variant-line .attributes-wrapper,
.product-variant-line .attributes {
padding: 0;
}
.product-variant-line .attributes dt,
.product-variant-line .attributes dd {
text-align: left;
}
.product-variant-line .attributes-wrapper > div {
margin-left: 0;
}
.tier-prices .table-wrapper {
border: 1px solid #e7e7e7;
border-radius: 3px;
}
.tier-prices .prices-table {
display: table;
width: 100%;
border: none;
border-collapse: collapse;
}
.tier-prices .prices-row {
display: table-row;
border-top: 1px solid #e7e7e7;
float: none;
width: auto;
}
.tier-prices .prices-row:first-child {
border-top: 0;
}
.tier-prices .tbody {
border-left: none;
}
.tier-prices .prices-row > div {
display: table-cell;
}
.tier-prices .field-header {
min-width: 100px;
}
.rental-attributes dt {
min-width: 75px;
}
.attribute-squares {
text-align: center;
}
.attribute-squares li {
margin: 0 10px 10px 0;
}
.attributes-wrapper > div.tier-prices {
max-width: none;
}
/* REVIEW PAGE */
.write-review-collapse {
padding: 40px 60px;
}
/* TABLES */
/* WISHLIST & COMPARE LIST */
.share-info,
.tax-shipping-info,
.wishlist-content .buttons {
text-align: center;
}
.wishlist-content .button-2 {
display: inline-block;
margin: 0 3.5px 7px;
}
.wishlist-content .wishlist-add-to-cart-button {
display: block;
width: 517px;
margin: 0 auto;
}
.wishlist-content .button-2,
.wishlist-content .wishlist-add-to-cart-button {
display: inline-block;
min-width: 200px;
width: auto;
margin: 0 3.5px;
font-weight: 700;
}
.wishlist-page .share-info {
margin: 70px -20px 50px;
}
.compare-products-page img {
width: 100%;
max-width: 280px;
}
.compare-products-mobile {
margin: 0 -20px;
}
.compare-products-table td {
padding: 20px 10px;
font-size: 15px;
color: #8c8c8c;
font-weight: 400;
text-align: center;
}
.compare-products-table .remove-product td {
padding: 0;
}
.compare-products-table .product-price td {
color: #97c300;
font-size: 17px;
font-weight: 700;
}
.compare-products-table .product-name td {
font-size: 16px;
font-weight: 700;
}
.compare-products-table .product-picture td {
padding: 10px;
}
.compare-products-table .remove-product td {
position: relative;
text-align: right;
}
.compare-products-table .remove-product td button {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
}
.compare-products-table .product-name td a {
color: #444;
}
.compare-products-table tr td:first-child {
padding: 20px;
min-width: 170px;
max-width: 170px;
color: #8c8c8c;
font-size: 17px;
text-align: right;
font-weight: 300;
background-color: transparent;
text-align: left;
color: black;
}
.compare-products-table tr td.empty:first-child {
padding: 0;
font-size: 0;
}
.compare-products-table .full-description {
display: none;
}
.compare-products-table-mobile img {
max-width: 160px;
}
/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */
.registration-page,
.private-messages,
.email-a-friend-page,
.contact-page,
.apply-vendor-page,
.forum-edit-page,
.registration-page .page-title,
.private-messages .page-title,
.email-a-friend-page .page-title,
.contact-page .page-title,
.apply-vendor-page .page-title,
.forum-edit-page .page-title {
text-align: center;
}
.private-messages-page .buttons input + input {
margin-top: 0;
}
.ui-tabs .ui-tabs-panel {
margin: 0 -20px;
padding: 50px 6vw;
}
.private-messages-page td.date,
.private-messages-page th.date {
white-space: nowrap;
width: 20%;
}
/* REGISTRATION, LOGIN, MY ACCOUNT */
.customer-info-page .page-body,
.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.avatar-page .page-body,
.address-edit-page .page-body,
.vendorinfo-page .page-body,
.form-style {
padding: 50px 65px;
}
.login-page .external-authentication > * {
margin: 30px -20px 0;
width: calc(100% + 40px);
}
.account-page #Username,
.registration-page #Username {
max-width: calc(100% - 200px);
}
#check-availability-button {
position: absolute;
top: 30px;
right: 0;
left: auto;
width: 190px;
margin: 0;
float: none;
clear: none;
}
.address-list,
.order-list,
.return-request-list-page .page-body {
font-size: 0;
}
.address-item,
.add-button,
.order-item,
.request-item,
.address-grid > div {
display: inline-block;
width: calc(50% - 12.5px);
margin: 25px 0 0 25px;
text-align: center;
}
.address-item:nth-child(2),
.order-item:nth-child(2),
.request-item:nth-child(2),
.address-grid > div:nth-child(2) {
margin-top: 0;
}
.address-item:nth-child(2n+1),
.order-item:nth-child(2n+1),
.request-item:nth-child(2n+1),
.address-grid > div:nth-child(2n+1) {
margin-left: 0;
}
.checkout-page .address-grid .add-button:only-child {
display: block !important;
margin-left: auto !important;
margin-right: auto;
float: none;
}
/* SHOPPING CART & CHECKOUT */
.cart-collaterals:after{
content: "";
display: block;
clear: both;
}
.cart-collaterals > div {
float: left;
width: calc(50% - 5px);
margin: 0 0 10px 10px;
}
.cart-collaterals > div:nth-child(2n+1) {
margin-left: 0;
}
.shopping-cart-page .common-buttons {
text-align: center;
}
.shopping-cart-page .common-buttons .continue-shopping-button {
display: block;
width: 517px;
margin: 0 auto;
}
.shopping-cart-page .common-buttons button {
display: inline-block;
margin: 0 3.5px 7px;
}
.cart-options {
text-align: right;
}
.cart-options .common-buttons input {
margin: 0 0 0 10px;
}
.cart-options .checkout-attributes {
padding: 40px;
}
.cart-options .attribute-squares {
text-align: left;
}
.order-details-page .options,
.order-details-page .tax-shipping-info {
text-align: center;
}
.order-details-page .total-info {
overflow: hidden;
}
.order-details-page .actions {
text-align: center;
}
.order-details-page .actions input {
min-width: 0;
}
.order-progress {
overflow: hidden;
padding-top: 10px;
margin: 0 0 50px;
}
.order-progress a {
padding: 0 5px;
margin-bottom: 40px;
width: 120px;
height: 70px;
}
.order-progress a span {
position: absolute;
display: block;
top: 80px;
left: 0;
width: 100%;
text-align: center;
font-size: 13px;
color: #8c8c8c;
font-weight: 600;
text-transform: uppercase;
}
.order-progress .inactive-step span {
color: #b7b7b7;
}
.order-progress .active-step.last a span {
color: #97c300;
}
.order-progress .active-step.last a:before {
font-size: 22px;
width: 65px;
height: 65px;
line-height: 57px;
}
/* SEARCH & SITEMAP */
.search-page .search-input form {
margin: 0 -20px 40px;
padding: 45px 0;
}
/* BLOG & NEWS */
.center-2 .news-items:after,
.center-2 .blog-page:after {
content: "";
display: block;
clear: both;
}
.center-2 .blog-page .post,
.center-2 .news-items .news-item {
float: left;
width: calc(50% - 15px);
margin: 0 0 30px 30px;
}
.center-2 .blog-page .post-details,
.center-2 .news-items .news-item {
padding: 40px;
}
.center-2 .blog-page .post:nth-child(2n+1),
.center-2 .news-items .news-item:nth-child(2n+1) {
margin-left: 0;
clear: left;
}
.blogpost-page .post-body, .news-item-page .news-body {
padding: 0 0 20px;
margin: 0 auto 20px;
}
.blogpost-page .post-body p {
padding: 0 20px;
}
.blog-page .tags,
.blogpost-page .tags {
text-align: center;
}
.blogpost-page,
.news-item-page {
text-align: center;
}
.post-date, .news-date {
text-align: center;
}
.new-comment, .comment-list {
margin-left: -20px;
margin-right: -20px;
}
.comment-list {
padding: 0 20px 50px;
}
.new-comment {
text-align: center;
}
.new-comment textarea {
width: 500px;
}
.comment-list .comment {
position: relative;
padding: 35px;
}
.comment-info {
float: left;
margin: 0;
}
.comment-info .avatar {
width: 125px;
height: 125px;
}
.name-and-time {
position: absolute;
top: 35px;
left: 180px;
width: auto;
margin-left: 0;
}
.comment-info + .comment-content {
margin: 55px 0 0 145px;
}
/* FORUM & PROFILE */
.forum-name h1 {
margin: 0 40px;
}
.forums-main-page .topic-block-title h2 {
font-size: 30px;
}
.forums-table-section-title .link-rss {
float: right;
margin: 0;
}
.forums-table-section .view-all {
text-align: center;
}
.forum-actions .pager.upper {
display: block;
}
.topic-actions .actions a,
.topic-actions .actions a.edit-topic-button {
display: inline-block;
width: auto;
padding: 0 18px;
margin: 0 2.5px;
}
.topic-actions .actions a:nth-child(2n) {
margin-left: 3px;
}
.forum-topic-page .topic-options {
float: left;
}
.topic-post .quote, .latest-posts .quote {
padding: 15px 25px;
}
.forum-search-page .advanced-search {
margin: 0 auto 30px;
padding: 35px 30px 40px;
}
.private-message-view-page .message-head li {
display: inline-block;
margin-right: 20px;
}
.private-message-view-page .message-head span:after {
content: "|";
margin: 0 0 0 25px;
}
.private-message-view-page .message-head li:last-child span:after {
content: none;
}
.private-message-view-page .buttons input {
display: inline-block;
margin: 0 5px;
width: auto;
width: 25%;
max-width: 220px;
}
.profile-info-box {
padding: 40px;
}
.profile-page .topic {
padding: 33px 50px;
overflow: hidden;
}
.profile-page .topic-title,
.profile-page .topic-data {
float: left;
width: 22%;
clear: both;
}
.profile-page .topic-body {
margin-left: 24%;
}
}
/*=====================================================
DESKTOP
=====================================================*/
@media all and (min-width: 1025px) {
/* GLOBAL STYLES */
.mobile {
display: none !important;
}
.product-grid,
.category-grid,
.topic-block,
.news-list-homepage {
margin: 0 auto 50px;
}
.product-grid:last-child,
.category-page:last-child,
.topic-block:last-child,
.news-list-homepage:last-child {
margin-bottom: 0;
}
.center-2 .category-grid {
margin: 0 0 30px;
}
.center-2 .product-grid,
.center-2 .category-grid,
.center-2 .topic-block {
width: 100%;
}
.category-description,
.manufacturer-description,
.vendor-description {
margin: 0 0 30px;
}
.center-2 {
margin: 0 0 50px 0;
float: right;
width: 75%;
}
.side-2 {
border: 1px solid #eeeeee;
float: left;
width: 22%;
}
.inputs {
text-align: left;
}
/* HEADER */
.header {
position: relative;
z-index: 1020;
margin: 0 auto;
text-align: left;
}
.header-upper {
background-color: #444444;
text-align: right;
}
.header-selectors-wrapper select {
padding: 0 15px 0 0;
background: transparent;
border: none;
color: #ababab;
height: 30px;
font-size: 13px;
min-width: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.header-lower .search-box {
flex: 1;
display: flex;
flex-direction: column;
height: auto;
justify-content: flex-end;
padding: 35px 17px 35px 17px;
align-items: center;
transition: 0.5s;
}
.header.fixed.topFixed .search-box {
padding: 0px 17px 3px 17px;
transition: 0.5s;
}
.currency-selector.desktop,
.language-selector.desktop .select-wrap,
.tax-display-type-selector {
position: relative;
}
.currency-selector.desktop:before,
.language-selector.desktop .select-wrap:before,
.tax-display-type-selector:before {
content: "\6b";
position: absolute;
top: 50%;
left: auto;
right: 0;
transform: translateY(-50%) rotate(-90deg);
display: inline-block;
font-family: "emporium-icons";
font-size: 7px;
color: #ababab;
pointer-events: none;
}
.header-selectors-wrapper,
.header-lower {
width: calc(100% - 110px);
margin: 0 auto;
}
.header-menu {
/*padding: 0 55px;*/
}
.all-categories {
display: none !important;
}
.header-menu:after {
content: "";
display: block;
clear: both;
}
.header-menu > ul,
.header-menu > .container-scrollable-mega-menu > ul {
display: flex;
align-items: center;
justify-content: center;
}
.header-menu-parent {
font-size: 0;
}
.category-navigation-list-wrapper {
display: inline-block;
position: relative;
border-right: 3px solid #fff;
overflow: hidden;
}
.category-navigation-list-wrapper * {
font-size: 0;
}
.category-navigation-list {
position: absolute;
top: 100%;
left: 0;
margin-top: 10px;
padding: 10px 0;
border: 1px solid #eeeeee;
opacity: 0;
pointer-events: none;
width: 100%;
background-color: #fff;
transition: all .3s ease;
z-index: 1099;
box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.category-navigation-list > li > .sublist-wrap {
margin-top: -16px;
}
.category-navigation-list > li > .sublist-wrap .sublist-wrap {
margin-left: -1px;
}
.category-navigation-list-wrapper .sublist-wrap {
position: absolute;
font-size: 0;
top: 0;
margin: 0;
width: 0 !important;
left: 100%;
border: none;
padding: 15px 0;
background: url(../../Themes/Emporium/Content/img/shadow-top.png) top left repeat-x, url(../../Themes/Emporium/Content/img/shadow-bottom.png) bottom left repeat-x;
pointer-events: none;
overflow: hidden;
transition: all .3s ease;
}
.category-navigation-list-wrapper .sublist-wrap .sublist {
border: 1px solid #eeeeee;
border-width: 1px 0;
padding: 10px 0;
background-color: #fff;
}
.category-navigation-list .plus-button {
display: none;
}
.category-navigation-list-wrapper .sublist > li {
opacity: 0;
}
.category-navigation-list-wrapper ul li a,
.category-navigation-list-wrapper ul li > span {
position: relative;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 35px 0 20px;
height: 40px;
line-height: 40px;
color: #8c8c8c;
font-size: 15px;
font-weight: bold;
transition: all .2s ease;
}
.category-navigation-list-wrapper ul li span {
font-size: 15px;
}
.category-navigation-list-wrapper ul li:hover > .sublist-wrap {
opacity: 1;
pointer-events: auto;
overflow: visible;
width: 100% !important;
}
.category-navigation-list-wrapper ul li:hover > .sublist-wrap > .sublist {
border-width: 1px;
}
.category-navigation-list-wrapper ul li:hover > .sublist-wrap > .sublist > li {
opacity: 1;
transition: all .1s ease-in .3s;
}
.category-navigation-list-wrapper ul li:hover > a,
.category-navigation-list-wrapper ul li:hover > span {
background-color: #f6f6f6;
color: #97c300;
}
.category-navigation-list-wrapper ul li:hover > a:after {
color: #97c300;
}
.category-navigation-title {
position: relative;
z-index: 1100;
display: block;
width: 280px;
padding: 0 15px;
line-height: 50px;
height: 50px;
font-size: 14px;
cursor: pointer;
text-transform: uppercase;
color: #444444;
font-weight: bold;
transition: all .2s ease;
}
.category-navigation-title:before {
content: "\66";
display: inline-block;
margin-right: 10px;
font-size: 17px;
vertical-align: bottom;
font-family: "emporium-icons";
color: #8c8c8c;
font-weight: normal;
text-transform: none;
transition: all .2s ease;
}
.category-navigation-list-wrapper:hover {
overflow: visible;
}
.category-navigation-list-wrapper:hover .category-navigation-title {
background-color: #f8ae00;
color: #fff;
}
.category-navigation-list-wrapper:hover .category-navigation-title:before {
color: #fff;
}
.category-navigation-list-wrapper:hover .category-navigation-list {
margin-top: 0;
opacity: 1;
pointer-events: auto;
}
.category-navigation-list-wrapper .with-subcategories:after {
content: "\6a";
position: absolute;
;
top: 50%;
right: 20px;
left: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "emporium-icons";
font-size: 8px;
color: #8e8e8e;
}
.header-lower {
height: 110px;
padding: 0;
text-align: center;
font-size: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
}
.header.fixed.topFixed .header-lower {
height: 55px;
transition: 0.5s;
}
.header-links-wrapper {
margin-bottom: 0;
}
.header-links li {
position: relative;
display: inline-block;
margin: 0 5px;
}
.header-links a {
display: inline-block;
font-size: 15px;
color: #8c8c8c;
transition: color .2s ease;
}
.header-links .profile-menu-box .ico-inbox {
font-size: 0;
}
.header-links .profile-menu-box span:before,
.header-links .profile-menu-box a:before {
font-size: 17px;
margin: 0 7px 0 0;
}
.header-links span:before,
.header-links a:before {
display: block;
margin-bottom: 4px;
font-family: "emporium-icons";
font-size: 20px;
color: #8e8e8e;
transition: color .2s ease;
}
.header-links a.ico-cart:before {
font-size: 20px;
}
.header-links a:hover,
.header-links a:hover:before {
color: #97c300;
}
.ico-wishlist .wishlist-qty,
.ico-cart .cart-qty {
position: absolute;
display: inline-block;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateX(15px);
-ms-transform: translateX(-50%) translateX(15px);
transform: translateX(-50%) translateX(15px);
background-color: #97c300;
font-size: 10px;
height: auto;
padding: 0 3px;
width: auto;
min-width: 15px;
min-height: 15px;
line-height: 15px;
border-radius: 20px;
color: #fff;
text-align: center;
}
.ico-cart .cart-label {
font-size: 15px;
display: inline-block;
height: 15px;
white-space: nowrap;
}
.ico-cart .cart-label .currency-symbol {
font-size: 10px;
margin-right: 3px;
}
.header-links-wrapper {
white-space: nowrap;
display: flex;
flex-direction: column;
height: auto;
justify-content: flex-end;
padding: 25px 0;
transition: 0.5s;
max-width: 403px;
}
.header-links-wrapper .theme-menu-banner {
margin-bottom: 15px;
display: block;
}
.header.fixed.topFixed .header-links-wrapper {
padding: 0;
transition: 0.5s;
margin-top: 5px;
}
.search-box {
display: inline-block;
font-size: 0;
}
.search-box .search-box-button {
width: 35px;
height: 35px;
border: none;
background: #f8ae00 url(../../Themes/Emporium/Content/img/search-button-desktop.png) center no-repeat;
background: #f8ae00 -webkit-image-set(url('../../Themes/Emporium/Content/img/search-button-desktop.png.webp') 1x) center no-repeat;
transition: background-color .1s ease;
}
.search-box .instantSearchResourceElement + .search-box-button {
margin-left: -55px;
}
.search-box form {
display: flex;
justify-content: center;
width: 89%;
max-width: 610px;
}
.search-box .search-box-select {
height: 30px;
}
.search-box input.search-box-text {
height: 35px;
color: #8c8c8c;
width: 100%;
}
.mobile-flyout-wrapper {
display: inline-block;
min-width: 50px;
margin-left: 5px;
position: relative;
z-index: 1200;
}
.mini-shopping-cart {
display: none;
position: absolute;
top: 98%;
right: 0;
padding-top: 8px;
z-index: 1030;
}
.flyout-cart:hover .mini-shopping-cart {
display: block;
}
.mini-shopping-cart > div:before {
content: " ";
position: absolute;
bottom: 100%;
left: auto;
right: 17px;
border: solid transparent;
height: 0;
width: 0;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 8px;
margin-left: -8px;
}
.mini-shopping-cart .flyout-cart-scroll-area {
border-radius: 3px;
box-shadow: 0 0 15px rgba(0,0,0,0.15);
width: 430px;
}
.flyout-cart .items {
padding: 0 20px;
max-height: calc(100vh - 320px);
overflow: hidden;
}
.mini-shopping-cart .right {
float: right;
clear: right;
max-width: 80px;
text-align: right;
}
.mini-shopping-cart .left {
width: calc(100% - 90px);
float: left;
}
.mini-shopping-cart .name a {
margin: 0 0 10px;
white-space: normal;
}
.mini-shopping-cart .attributes {
margin-bottom: 10px;
white-space: normal;
}
.mini-shopping-cart .quantity {
font-size: 16px;
float: none;
margin: 0;
}
.mini-shopping-cart .quantity:after {
content: none;
}
.mini-shopping-cart .price {
float: none;
}
.ui-autocomplete {
width: calc(100% - 47px) !important;
z-index: 1015; /*should be lower than header but equal or higher than header-menu*/
}
.ui-autocomplete {
padding: 8px 0;
}
.ui-autocomplete a {
padding: 5px 15px;
}
.ui-autocomplete img {
width: 77px;
}
.ui-autocomplete span {
max-width: calc(100% - 90px);
}
.header-selectors-wrapper > div {
margin: 0 10px;
}
.responsive-nav-wrapper-parent {
display: none;
}
/* HEADER MENU */
.menu-title, .close-menu,
.header-menu .back-button {
display: none;
}
.overlayOffCanvas {
display: none !important;
}
.header-menu {
text-align: left;
position: relative;
z-index: 1010;
background-color: #e4e4eb;
}
.header-menu > ul,
.header-menu > .container-scrollable-mega-menu > ul {
margin: 0 auto;
font-size: 0;
}
.header-menu > ul > li,
.header-menu > .container-scrollable-mega-menu > ul > li {
display: inline-block;
vertical-align: middle;
}
.header-menu > ul > li > a,
.header-menu > ul > li > span,
.header-menu > .container-scrollable-mega-menu > ul > li > a,
.header-menu > .container-scrollable-mega-menu > ul > li > span {
display: block;
padding: 0 15px;
height: 50px;
line-height: 50px;
font-size: 13px; /*reset zeroing*/
cursor: pointer;
text-transform: uppercase;
color: black;
font-weight: 600;
transition: color .2s ease;
}
.header-menu > .container-scrollable-mega-menu > ul > li:hover {
background-color: rgba(96, 96, 96, 0.6);
}
.header-menu > .container-scrollable-mega-menu > ul > li:hover a {
color: white!important;
transition: 0s;
}
.header-menu > ul > li.has-sublist.active,
.header-menu > .container-scrollable-mega-menu > ul > li.has-sublist.active-menu,
.header-menu > .container-scrollable-mega-menu > ul > li.active-menu {
background-color: #606060;
}
.header-menu > .container-scrollable-mega-menu > ul > li.has-sublist.active-menu:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border-color: transparent transparent transparent #f8ae00;
border-style: solid;
border-width: 7px;
transform: rotate(-90deg) translateY(-50%);
}
.header-menu > .container-scrollable-mega-menu > ul:hover > li:after,
.header-menu > .container-scrollable-mega-menu > ul > li.noAfter:after {
content: none !important
}
.header-menu > ul > li.has-sublist.active > a,
.header-menu > ul > li.has-sublist.active > span,
.header-menu > .container-scrollable-mega-menu > ul > li.has-sublist.active-menu > a,
.header-menu > .container-scrollable-mega-menu > ul > li.has-sublist.active-menu > span,
.header-menu > .container-scrollable-mega-menu > ul > li.active-menu > a,
.header-menu > .container-scrollable-mega-menu > ul > li.active-menu > span {
color: white;
}
.header-menu > ul > li:hover > a,
.header-menu > ul > li:hover > span,
.header-menu > .container-scrollable-mega-menu > ul > li:hover > a,
.header-menu > .container-scrollable-mega-menu > ul > li:hover > span {
color: #444444;
}
.top-menu {
display: block;
}
.header-menu .sublist .back-button {
display: none;
}
/* FOOTER */
.footer:after {
content: "";
display: block;
clear: both;
}
.footer-upper {
width: 28%;
float: left;
clear: left;
text-align: left;
padding-left: 3%;
}
.footer-middle {
float: right;
width: 72%;
margin: 0 0 20px;
padding: 0 50px 0;
clear: right;
text-align: left;
}
.footer-lower {
clear: both;
}
.footer-logo {
margin-top: 0;
}
.footer-block {
flex: 1;
}
.footer-block ul {
padding-bottom: 0;
}
.footer-block .title {
padding: 0;
margin-bottom: 7px;
}
.footer-block ul li {
padding: 9px 0;
}
.footer-middle .socials-and-payments {
width: 20.5%;
float: right;
}
.footer-middle .social-icons {
padding: 0;
border: none;
margin-top: 0;
}
.footer-lower {
text-align: left;
padding: 25px 6vw 25px 4.5vw;
}
.footer-lower .footer-disclaimer {
color: white;
font-size: 18px;
margin: 0 1% !important;
}
.footer-lower > div {
display: inline-block;
margin: 0 0 0 5px;
}
.footer-lower > div:before {
content: "";
display: inline-block;
margin-right: 5px;
width: 4px;
height: 4px;
vertical-align: middle;
border-radius: 50%;
font-size: 0;
background-color: #c8c8c8;
}
.footer-lower > div:first-child {
margin-left: 0;
}
.footer-lower > div:first-child:before,
.footer-lower > div.theme-selector:before {
display: none;
}
.footer-lower > div.theme-selector {
margin: -9px 0 -9px 5px;
}
/* LEFT/RIGHT COLUMN */
.product-selectors {
margin: 0 0 20px;
}
.block {
float: none;
width: auto;
margin: 0 0 3px;
}
.block .title {
cursor: default;
padding: 14px 30px;
}
.block .title:before {
content: none;
display: none;
}
.block.block-recently-viewed-products .title {
padding: 15px 20px;
}
.block.block-recently-viewed-products .title:before {
display: none;
}
.block.block-recently-viewed-products .listbox {
padding: 0;
}
.block.block-recently-viewed-products .listbox li {
padding: 10px;
border-top: 1px solid #eeeeee;
}
.block.block-recently-viewed-products .listbox li:first-child {
border-top: 0;
}
.block.block-recently-viewed-products .list a {
color: #444444;
}
.block.block-recently-viewed-products .list a:hover {
color: #97c300;
}
.block .product-picture img {
display: block;
max-width: 100%;
}
.block .product-name {
display: inline-block;
width: calc(100% - 103px);
vertical-align: middle;
}
/* CATEGORY PAGE & GRIDS */
.vendor-item .title a,
.manufacturer-item .title a,
.category-grid .item-box .title a {
font-size: 17px;
}
.home-page .topic-block,
.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid,
.product-grid,
.category-grid,
.topic-block,
.news-list-homepage,
.home-page-polls {
margin-bottom: 70px;
}
.center-2 .product-grid {
margin-bottom: 0;
}
.center-2 .page-title,
.category-description,
.manufacturer-description,
.vendor-description,
.center-2 .product-grid .title {
text-align: left;
}
.block {
border: none;
}
.block .listbox {
display: block;
}
.center-1 .breadcrumb {
text-align: center;
}
.container-header-category-page {
display: flex;
align-items: center;
}
.container-header-category-page .breadcrumb-title {
flex: 1;
}
.breadcrumb {
text-align: left;
margin: 0 0 5px 0;
}
.mobile-name-holder .breadcrumb {
text-align: center;
}
.breadcrumb li * {
line-height: normal;
}
#products-pagesize-mobile {
display: none !important;
}
#products-pagesize-desktop {
display: inline-block;
}
.product-selectors > div > span {
display: inline-block;
vertical-align: middle
}
.product-selectors .product-sorting > span {
height: 24px;
}
.product-selectors .product-page-size {
margin-left: 0;
width: auto;
}
.product-selectors {
font-size: 13px;
text-align: left;
color: #606060;
font-weight: bold;
text-transform: uppercase;
}
.product-selectors select {
display: inline-block;
margin: 0 10px;
margin-right: 0;
width: auto;
height: 45px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 2px;
font-weight: normal;
text-transform: none;
background-image: url('../../Themes/Emporium/Content/img/select-arrow-dark.svg');
}
.product-selectors .product-sorting {
display: inline-block;
float: right;
margin: 0;
width: auto;
}
.product-selectors .product-viewmode {
display: inline-block;
float: right;
margin: 0;
font-size: 0;
}
.item-box {
width: 24.25%;
margin: 0 0 1% 1%;
}
.item-box:nth-child(2n+1),
.item-box:nth-child(3n+1) {
margin-left: 1%;
clear: none;
}
.item-box:nth-child(4n+1) {
margin-left: 0;
clear: both;
}
.product-grid .item-box:hover .picture > a:after {
opacity: .4;
}
.carousel-wrapper .item-box .picture > a:after,
.two-row-carousels .item-box .picture > a:after {
content: none;
display: none;
}
.product-list {
margin-bottom: 30px;
}
.product-list .add-to-cart-qty-wrapper .plus,
.product-list .add-to-cart-qty-wrapper .minus {
height: 16px;
line-height: 16px;
}
.center-2 .product-list .product-item:after {
content: "";
display: block;
clear: both;
}
.center-2 .product-list .item-box {
position: relative;
width: 100%;
margin: 0 0 15px !important;
text-align: left;
}
.center-2 .product-list .item-box .picture {
float: left;
width: 260px;
margin-bottom: 0;
overflow: visible;
}
.center-2 .product-list .item-box .picture > a:before {
padding-top: 100% !important;
}
.center-2 .product-list .item-box .picture img {
border-radius: 3px 0 0 3px;
}
.center-2 .product-list .item-box .details {
margin: 0 30% 0 290px;
padding: 30px 0 0;
max-height: 172px;
overflow: hidden;
}
.center-2 .product-list .item-box .add-info {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 30%;
padding: 0 20px;
text-align: center;
}
.product-list .prices > span {
display: block;
}
.product-list .item-box .old-price {
font-size: 16px;
color: #444444;
}
.product-list .item-box .actual-price {
font-size: 20px;
margin: 4px 0;
}
.center-2 .product-list .item-box .buttons .button-2 {
width: auto;
background-color: #f8ae00;
color: #fff;
height: 40px;
padding: 0 15px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.center-2 .product-list .item-box .btn-wrapper button {
line-height: 45px;
border-radius: 3px;
background-color: #f2f2f2;
}
.center-2 .product-list .item-box .btn-wrapper button:hover {
background-color: #eaeaea;
}
.center-2 .product-list .item-box .btn-wrapper button:before {
font-size: 19px;
}
.center-2 .product-list .item-box .btn-wrapper button:hover:before {
color: #8c8c8c;
}
.product-list .item-box .product-title,
.product-list .item-box .title {
height: auto;
font-size: 18px;
font-weight: bold;
padding: 0;
}
.product-list .item-box .product-rating-box {
margin-bottom: 15px;
}
.product-list .item-box .description {
display: block;
height: auto;
max-height: 81px;
margin: 0;
line-height: 20px;
font-size: 15px;
color: #8c8c8c;
}
.product-list .item-box .btn-wrapper {
left: 100%;
top: auto;
bottom: 30px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
width: 200px;
padding-left: 30px;
}
.product-list .item-box input,
.product-list .item-box .btn-wrapper .button-2 {
width: 45px;
height: 45px;
}
.product-list .item-box input[type="button"]:hover {
background-color: #eaeaea;
}
.page-title h1 {
font-size: 30px;
}
.topic-block-title h2 {
font-size: 25px;
}
.center-2 .page-title {
padding: 0;
}
.center-2 .item-box {
width: 32.66%;
}
.center-2 .item-box:nth-child(2n+1),
.center-2 .item-box:nth-child(4n+1) {
margin-left: 1%;
clear: none;
}
.center-2 .item-box:nth-child(3n+1) {
margin-left: 0;
clear: both;
}
.news-list-homepage .news-item {
width: 32.4%;
}
.news-list-homepage .news-item:nth-child(2n+1) {
margin-left: 1.4%;
clear: none;
}
.news-list-homepage .news-item:nth-child(3n+1) {
margin-left: 0;
clear: left;
}
/* PRODUCT PAGE */
.gallery .picture {
width: auto;
}
.attribute-squares {
text-align: left;
}
.product-tags-box .title,
.product-details-page .product-grid .title,
.shopping-cart-page .product-grid .title {
font-size: 26px;
}
.product-variant-line .attributes-wrapper {
margin-left: 0;
}
/* REVIEW PAGE */
.product-reviews-page .page-title {
text-align: center;
}
.product-review-item {
text-align: left;
}
.product-review-item .review-content {
overflow: hidden;
}
.product-review-item .product-review-box .rating {
margin: 0;
}
.product-review-item .review-item-head {
text-align: left;
}
.product-review-item .review-info {
float: left;
padding: 5px 20px 0 0;
width: 13%;
margin: 0;
}
.product-review-helpfulness {
float: right;
width: 20%;
margin: 0;
text-align: center;
padding-left: 20px;
}
.review-body {
width: 67%;
float: left;
}
.product-review-item .review-info .separator {
display: none;
}
.product-review-item .product-review-box,
.review-info .user {
margin-bottom: 10px;
}
/* TABLES */
.data-table td label,
.td-title {
display: none;
}
td.remove-from-cart label, td.add-to-cart label {
font-size: 0;
}
/* WISHLIST & COMPARE LIST */
.compare-products-page .page-body {
position: relative;
margin: 0 -20px;
}
.compare-products-page .clear-list {
position: absolute;
top: 0;
left: 0;
width: 170px;
text-align: center;
border-bottom: 1px solid #eee;
z-index: 1;
}
.compare-products-table {
display: table;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.compare-products-table td {
border-right: 1px solid #eee;
}
.compare-products-mobile {
display: none;
}
/* REGISTRATION, LOGIN, MY ACCOUNT */
.login-page .new-wrapper {
position: relative;
float: right;
width: 49%;
max-width: none;
z-index: 1;
}
.login-page .returning-wrapper {
float: left;
width: 49%;
max-width: none;
}
.login-page .returning-wrapper form {
max-width: 100%;
}
.login-page .customer-blocks + .topic-block {
margin-bottom: 0;
}
.returning-wrapper .form-fields,
.login-page .text,
.registration-page .form-fields {
padding: 45px 13% 20px;
}
.login-page .text {
min-height: 255px;
}
.new-wrapper .text:before {
margin: 20px 0;
}
.login-page .buttons,
.registration-page .buttons,
.registration-page .buttons {
padding: 10px 13% 45px;
}
.login-page .buttons {
padding-bottom: 0;
}
.login-page .inputs.reversed label,
.login-page .inputs.reversed span {
font-size: 15px;
line-height: 17px;
}
.login-page .external-authentication > * {
padding: 45px 0;
margin: 30px 0 0;
width: 100%;
}
.email-a-friend-page .page-body form,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.move-topic-page .page-body {
padding: 45px 13%;
}
.html-account-page .center-2 {
width: 73%;
}
.account-page {
padding: 40px;
}
.account-page .address-item > .title,
.account-page .order-item > .title,
.account-page .request-item > .title {
text-align: center;
}
.account-page .buttons {
text-align: left;
}
.html-account-page .page-title {
text-align: center;
padding: 0 0 0 27%;
}
.html-account-page .side-2 {
border: none;
}
.block-account-navigation.block .title {
display: none;
}
.block-account-navigation.block .listbox {
padding: 0;
text-align: right;
}
.block-account-navigation.block .list a {
position: relative;
display: block;
padding: 15px 65px 15px 0;
max-width: 100%;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #b7b7b7;
transition: all .2s ease;
}
.block-account-navigation.block .list a:hover,
.block-account-navigation.block .list a:hover:after {
color: #97c300;
}
.block-account-navigation.block .list a.active {
border-right: 2px solid #97c300;
color: #97c300;
}
.block-account-navigation.block .list a:after {
position: absolute;
top: 50%;
left: auto;
right: 23px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
vertical-align: middle;
margin-left: 23px;
font-family: "emporium-icons";
font-size: 20px;
font-weight: normal;
text-transform: none;
color: #b7b7b7;
transition: all .2s ease;
}
.account-page .title {
margin-bottom: 30px;
}
.block-account-navigation.block .list a.active:after {
color: #97c300;
}
.block-account-navigation .customer-info a:after,
.block-account-navigation .customer-vendor-info a:after {
content: "\61";
}
.block-account-navigation .customer-addresses a:after {
content: "\4e";
}
.block-account-navigation .customer-orders a:after {
content: "\64";
}
.block-account-navigation .return-requests a:after {
content: "\4f";
}
.block-account-navigation .downloadable-products a:after {
content: "\4a";
}
.block-account-navigation .back-in-stock-subscriptions a:after {
content: "\45";
}
.block-account-navigation .reward-points a:after {
content: "\50";
}
.block-account-navigation .change-password a:after {
content: "\78";
}
.block-account-navigation .customer-check-gift-card-balance a:after {
content: "\e90b";
}
.block-account-navigation .customer-avatar a:after {
content: "\51";
}
.block-account-navigation .forum-subscriptions a:after {
content: "\52";
}
.block-account-navigation .customer-reviews a:after {
content: "\53";
}
.block-account-navigation .customer-gdpr a:after {
content: "\e90a";
}
.block-account-navigation .vendor-info a:after {
content: "\54";
}
.address-item .info {
margin-bottom: 0;
}
.address-item .buttons {
position: absolute;
top: 10px;
right: 10px;
}
.address-item .title {
padding: 0 80px;
}
.order-item .buttons {
text-align: center;
}
.account-page .product-review-item .review-info {
width: 210px;
}
.account-page .product-review-item .review-body {
width: calc(100% - 210px);
}
.order-details-page .page-body {
overflow: hidden;
}
.order-details-page .section.products,
.order-summary-content .table-wrapper {
float: left;
width: 70%;
}
.order-details-page .options,
.order-details-page .totals,
.order-summary-content .cart-footer {
float: right;
width: calc(30% - 20px);
}
.shopping-cart-page .cart-footer,
.shopping-cart-page .table-wrapper {
float: none;
width: 100%;
}
.selected-checkout-attributes {
margin-top: 0;
}
.check-gift-card-balance-page .captcha-box {
text-align: left;
}
/* SHOPPING CART & CHECKOUT */
.shopping-cart-page .common-buttons {
text-align: left;
}
.shopping-cart-page .common-buttons button {
margin: 0 7px 0 0;
padding: 0 25px;
width: auto;
}
.shopping-cart-page .common-buttons .continue-shopping-button {
display: inline-block;
width: auto;
margin: 0;
float: right;
}
.address-grid > div {
max-width: none;
}
/* SEARCH & SITEMAP */
.search-page .page-title {
text-align: center;
}
.search-page .search-input form {
margin: 0 0 40px;
}
.search-page .search-input form .inputs {
text-align: center;
}
/* BLOG & NEWS */
.news-item-page .inputs:first-child label {
display: inline-block;
}
.new-comment textarea {
display: block;
margin: auto;
}
/* FORUM & PROFILE */
.topic-block {
padding: 0;
}
.forums-main-page .forums-table-section td:first-child,
.forum-page .forums-table-section td:first-child {
padding-left: 40px !important;
}
.forums-main-page .forums-table-section td:last-child,
.forum-page .forums-table-section td:last-child {
padding-right: 40px !important;
}
.forums-table-section .image div {
width: 40px;
height: 40px;
}
.forums-table-section .image div:before {
font-size: 40px;
}
.topic-post .post-info {
width: 190px;
float: left;
padding: 30px 0 30px 30px;
}
.topic-post .user-info {
padding: 0;
}
.topic-post .username {
margin: 0 0 10px;
}
.topic-post .avatar {
position: static;
margin-bottom: 10px;
}
.topic-post .post-content {
position: relative;
float: right;
width: calc(100% - 190px);
padding: 55px 30px 30px;
}
.topic-post .post-actions {
position: absolute;
top: 10px;
right: 10px;
}
.topic-post .post-actions > div.post-vote {
float: right;
clear: both;
}
.topic-post .post-vote > div,
.topic-post .post-vote > span {
height: 50px;
line-height: 50px;
}
.topic-post .post-body {
width: 70%;
max-width: 1000px;
}
}
/*=====================================================
BIG SCREENS
=====================================================*/
/* Header */
@media all and (min-width: 1281px) {
/* GLOBAL STYLES */
.master-wrapper-content,
.html-account-page .master-wrapper-content {
padding: 70px 100px;
}
.home-page .topic-block {
width: 80%;
}
/* HEADER-MENU */
.header-selectors-wrapper,
.header-lower {
width: 93%;
}
.header-menu {
/*padding: 0 6vw;*/
}
.header-links li {
margin: 0 10px;
}
.mobile-flyout-wrapper {
margin-left: 10px;
}
/* FOOTER */
.footer-upper {
padding-left: 6vw;
}
.footer-middle {
padding: 0 100px 0;
}
.footer-lower .theme-selector {
margin-top: 0;
}
.footer-lower > div:before {
margin-right: 15px;
}
.footer-lower > div,
.footer-lower > div.theme-selector {
margin-left: 15px;
}
.newsletter-email {
margin: 0;
}
.theme-selector {
margin-top: 0;
}
/********* SMALL PRODUCTS CAROUSELS **********/
.small-products {
margin: 70px 0 0 !important;
padding: 0;
}
.small-products .item-box {
max-height: 150px;
}
.small-products .item-box .product-item > div:first-child {
width: 150px;
}
.small-products .item-box .details {
padding: 27px 5%;
width: calc(100% - 150px);
}
.two-row-carousels .product-grid .title {
font-size: 26px;
}
.two-row-carousels > div {
float: left;
width: 47%;
}
.two-row-carousels > div:nth-child(2) {
margin-left: 6%;
}
.two-row-carousels > div:only-child {
width: 100%;
}
.two-row-carousels .slick-slide {
min-height: 301px;
}
.two-row-carousels .slick-next,
.two-row-carousels .slick-prev {
bottom: 132px;
}
/* LEFT/RIGHT COLUMN */
.side-2 {
width: 19%;
}
.center-2 {
width: 78%;
}
.html-account-page .center-2 {
width: calc(100% - 280px);
}
.html-account-page .side-2 {
width: 280px;
}
.html-account-page .page-title {
padding: 0 0 0 280px;
}
/* CATEGORY PAGE & GRIDS */
.news-list-homepage .news-item {
padding: 40px;
}
.item-box {
width: 19.2%;
}
.item-box:nth-child(4n+1) {
margin-left: 1%;
clear: none;
}
.item-box:nth-child(5n+1) {
margin-left: 0;
clear: both;
}
.center-2 .item-box {
width: 24.25%;
}
.center-2 .item-box:nth-child(3n+1),
.center-2 .item-box:nth-child(5n+1) {
margin-left: 1%;
clear: none;
}
.center-2 .item-box:nth-child(4n+1) {
margin-left: 0;
clear: both;
}
.center-2 .product-list .item-box .details {
margin: 0 25% 0 290px;
}
.center-2 .product-list .item-box .add-info {
width: 25%;
}
.block .listbox {
padding: 18px 30px;
}
/* PRODUCT PAGE */
.product-details-page .breadcrumb {
text-align: left;
}
.full-description,
.product-specs-box {
margin: 0 -6vw;
padding: 40px 22%;
}
.mobile-name-holder {
display: none;
}
.product-name h1 {
font-size: 20px;
color: black;
}
.grouped-product-box label {
display: block;
}
.product-variant-line {
font-size: 0;
text-align: left;
}
.variant-picture {
display: inline-block;
vertical-align: middle;
float: none;
margin-bottom: 0;
}
.variant-picture + .variant-overview {
position: relative;
display: inline-block;
vertical-align: middle;
float: none;
margin-bottom: 0;
width: calc(100% - 350px);
margin-left: 20px;
text-align: left;
}
.variant-info > div:last-child {
margin-bottom: 0;
}
.variant-info {
display: inline-block;
margin-right: 20px;
width: calc(100% - 320px);
vertical-align: middle;
}
.variant-overview .tax-shipping-info {
text-align: center;
}
.product-variant-box {
display: inline-block;
vertical-align: middle;
width: 300px;
text-align: center;
}
.product-prices-box-desktop-container {
margin-top: 25px;
width: 370px;
text-align: center;
}
.product-grid.cross-sells {
margin-top: 30px;
}
.overview .product-prices-box .add-to-cart-button {
font-size: 13px;
}
.grouped-product-box {
position: absolute;
top: 0;
right: 0;
left: auto;
width: 300px;
text-align: center;
border: 1px solid #eeeeee;
border-radius: 3px;
padding: 10px;
}
.grouped-product-box label {
margin: 10px 0 20px;
}
.product-prices-box .delivery > div {
margin: 7px 0;
}
.attributes-wrapper {
border: none;
padding: 0;
max-width: none;
}
.attributes-wrapper > div {
padding: 0;
margin-left: 0;
}
.attributes {
max-width: 320px;
}
.attributes dt,
.attributes dd {
text-align: left;
}
.overview .stock {
display: block;
border-radius: 0;
margin: 0;
border-bottom: none;
}
.overview .breadcrumb,
.overview .product-name {
display: block;
}
.breadcrumb li > a,
.breadcrumb li > span,
.breadcrumb li > strong {
margin: 0 3px 0 0;
}
.breadcrumb .delimiter {
margin-right: 5px;
}
.overview .product-name {
display: inline-block;
width: 59%;
}
.product-reviews-overview {
margin-bottom: 15px;
}
.overview .reviews-and-compare {
float: right;
text-align: right;
width: 40%;
margin: 0;
}
.overview .compare-products {
margin: 0;
}
.product-review-box {
margin: 10px 0 5px 0;
}
.ui-tabs .inputs label {
width: 290px;
}
.product-social-label {
margin: 0 10px 0 0;
}
.product-social-sharing {
display: inline-block;
}
/* REVIEW PAGE */
.product-review-item {
padding: 40px 3%;
}
/* TABLES */
/* WISHLIST & COMPARE LIST */
.wishlist-page .share-info {
margin: 70px 0 50px;
}
.compare-products-page .page-body {
margin: 0;
}
.compare-products-table td {
padding: 20px;
}
.compare-products-table tr td:first-child {
min-width: 200px;
max-width: 200px;
}
.compare-products-page .clear-list {
width: 200px;
}
/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */
/* SHOPPING CART & CHECKOUT */
.order-progress a {
width: 180px;
}
.cart-collaterals > div {
float: none;
width: 100%;
margin: 0 0 10px;
}
.shopping-cart-page form {
overflow: hidden;
}
.shopping-cart-page form:after {
content: "";
display: block;
clear: both;
}
.shopping-cart-page .product-grid {
clear: both;
}
.shopping-cart-page .table-wrapper {
width: 100%;
}
.shopping-cart-page .cart-footer {
width: 100%;
}
.cart-footer > div,
.cart-footer > div > div {
display: block;
width: 100%;
}
/* SEARCH & SITEMAP */
/* BLOG & NEWS */
.new-comment, .comment-list {
margin-left: -6vw;
margin-right: -6vw;
}
/* FORUM & PROFILE */
.ui-tabs .ui-tabs-panel {
margin: 0 -6vw;
padding: 50px 7%;
}
.profile-page .topic-title,
.profile-page .topic-data {
width: 18%;
}
.profile-page .topic-body {
margin-left: 20%;
}
}
/*=====================================================
HD SCREENS
=====================================================*/
@media all and (min-width:1601px) {
/* CATEGORY PAGE */
.center-2 {
width: 82%;
}
.side-2 {
width: 16%;
}
.item-box {
width: 15.83%;
}
.item-box:nth-child(5n+1) {
margin-left: 1%;
clear: none;
}
.item-box:nth-child(6n+1) {
margin-left: 0;
clear: both;
}
.center-2 .item-box {
width: 19.2%;
}
.center-2 .item-box:nth-child(4n+1),
.center-2 .item-box:nth-child(6n+1) {
margin-left: 1%;
clear: none;
}
.center-2 .item-box:nth-child(5n+1) {
margin-left: 0;
clear: both;
}
.center-2 .product-list .item-box .buttons .button-2 {
padding: 0 30px;
}
/*FEATURED PRODUCTS ON CATALOG PAGE*/
/*
.category-page .featured-product-grid {
background-color: #f6f6f6;
padding: 45px;
}
.category-page .featured-product-grid > .title {
display: none;
}
.category-page .featured-product-grid .item-box {
width: calc(50% - 7px);
margin: 14px 0 0 14px;
background-color: #fff;
}
.category-page .featured-product-grid .product-item {
font-size: 0;
}
.category-page .featured-product-grid .product-item > div {
display: inline-block;
vertical-align: middle;
width: 50%;
margin: 0;
clear: none;
}
.category-page .featured-product-grid .item-box:nth-child(1),
.category-page .featured-product-grid .item-box:nth-child(2) {
margin-top: 0;
}
.category-page .featured-product-grid .item-box:nth-child(2n+1) {
margin-left: 0;
}
.category-page .featured-product-grid .item-box .details {
padding: 20px;
}
.category-page .featured-product-grid .item-box .product-title {
font-size: 18px;
height: auto;
}
.category-page .featured-product-grid .item-box .actual-price {
font-size: 22px;
}
.category-page .featured-product-grid .item-box .product-rating-box {
margin-bottom: 30px;
}
.category-page .featured-product-grid .item-box .buttons {
margin-top: 10px;
}
.category-page .featured-product-grid .item-box .buttons input[type="button"] {
width: auto;
background-color: #f3cb2d;
color: #fff;
}
.category-page .featured-product-grid .item-box .buttons input[type="button"]:hover {
background-color: #e8af00;
}*/
/*PRODUCT PAGE*/
.overview {
width: 62%;
}
.product-prices-box-desktop-container,
.grouped-product-box {
width: 430px;
}
.overview .product-prices-box .add-to-cart-button {
font-size: 15px;
}
.gallery-section-container {
width: 36%;
}
.gallery:after {
content: '';
display: block;
clear: both;
}
.gallery > div:first-child {
float: right;
width: calc(100% - 95px);
}
.gallery .picture {
max-width: none;
}
.gallery .picture-thumbs {
float: left;
width: 15%;
max-width: 87px;
margin: 0;
}
.gallery .thumb-item {
display: block;
margin: 0 0 10px;
max-width: none;
}
.overview .reviews-and-compare {
width: 25%;
}
.overview .product-name {
width: 75%;
}
/***** CHECKOUT *****/
.address-grid > div {
width: calc(33.33% - 16.66px);
}
.address-grid > div:nth-child(2n+1) {
margin-left: 25px;
}
.address-grid > div:nth-child(3n+1) {
margin-left: 0;
}
.address-grid > div:nth-child(3) {
margin-top: 0;
}
/* TABLES */
}
@charset "UTF-8";.micromodal-slide .modal__container,.micromodal-slide .modal__overlay,.modal__btn{will-change:transform}.modal{position:fixed;z-index:9999}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;max-width:750px;max-height:100vh;border-radius:4px;box-sizing:border-box;overflow:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:30px}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.modal__close{background:0 0;border:0}.modal__header .modal__close:before{content:"✕"}.modal__content{line-height:1.5;color:rgba(0,0,0,.8);padding:0 50px;margin-bottom:30px}.modal__btn{font-size:.875rem;padding:.5rem 1rem;background-color:#e6e6e6;color:rgba(0,0,0,.8);border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeIn}.micromodal-slide[aria-hidden=false] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmslideIn}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeOut}.micromodal-slide[aria-hidden=true] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmslideOut}
/*!
* jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
* Author: boniface pereira
* Website: www.craftpip.com
* Contact: hey@craftpip.com
*
* Copyright 2013-2019 jquery-confirm
* Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
*/@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/* GLOBAL STYLES */
/* hiding specific for the theme content and showing it only in the tabs */
.product-details-page .ui-tabs .product-no-reviews,
.product-details-page .ui-tabs .product-review-links {
display: block;
}
.ui-tabs .write-review {
max-width: 600px;
margin: 0 auto 50px;
}
.ui-tabs .product-review-item {
overflow: hidden;
}
.ui-tabs .product-review-links {
font-size: 16px;
color: #8c8c8c;
font-weight: 700;
}
.ui-tabs .submitReviewResult {
font-size: 15px;
margin-bottom: 20px;
color: #97c300;
}
.ui-tabs .product-review-list {
border: 0;
}
/* TABS STYLES */
.productTabs {
margin: 0;
}
.productTabs.ui-tabs .ui-tabs-panel {
padding: 30px 20px;
margin: 0 -10px;
}
.productTabs .full-description,
.productTabs .product-specs-box {
margin: 0;
padding: 0;
}
.productTabs .write-review-collapse {
border: none;
}
@media all and (max-width: 767px) {
.productTabs.ui-tabs .ui-tabs-nav li {
display: block;
margin: 0;
text-align: center;
}
.ui-tabs .full-description,
.ui-tabs .product-specs-box {
margin: 0;
padding: 0;
}
}
@media all and (min-width:768px) {
.productTabs.ui-tabs .ui-tabs-panel {
margin: 0 -20px;
}
}
@media (min-width: 1281px) {
.productTabs.ui-tabs .ui-tabs-panel {
margin: 0 -6vw;
padding: 40px 22%;
}
}
/* Slider */
.slick-carousel,
.carousel-title {
display: none;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*
* Copyright 2015 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.jCarouselMainWrapper {
position: relative;
}
.jCarouselMainWrapper .loading-overlay {
position: absolute;
top: 0;
left: -30px;
z-index: 1;
width: calc(100% + 60px) !important;
height: 100% !important;
background-color: rgba(255,255,255,.7);
}
.jCarouselMainWrapper .loading-overlay:before,
.jCarouselMainWrapper .loading-overlay:after {
content:"";
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
border: 0px solid #97c300;
border-radius: 50%;
-webkit-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
-moz-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
}
.jCarouselMainWrapper .loading-overlay:after {
animation-delay: .8s;
}
.nop-jcarousel {
position: relative;
margin: 0 0 80px !important;
}
.jCarouselMainWrapper:last-child .nop-jcarousel {
margin: 0 !important;
}
.nop-jcarousel .carousel-title {
position: relative;
display: block;
margin: 0 0 25px;
font-size: 30px;
font-weight: normal;
text-align: center;
z-index: 2;
}
.nop-jcarousel .carousel-title strong {
color: #444;
}
/* MANUFACTURERS CAROUSEL IN FOOTER */
.nop-jcarousel.manufacturer-grid,
.nop-jcarousel.vendor-grid {
background-color: #f6f6f6;
padding: 18px 10px 20px;
}
.nop-jcarousel.manufacturer-grid .title,
.nop-jcarousel.vendor-grid .title {
display: none !important;
}
.nop-jcarousel.product-grid .slick-slide,
.nop-jcarousel.category-grid .slick-slide {
padding: 0 6px;
}
@media(max-width: 768px) {
.nop-jcarousel.product-grid .slick-slide,
.nop-jcarousel.category-grid .slick-slide {
padding: 0 3px;
}
}
.nop-jcarousel.product-grid .slick-carousel {
margin: 0 -6px;
}
.nop-jcarousel.manufacturer-grid .carousel-item,
.nop-jcarousel.vendor-grid .carousel-item {
padding: 0 10px;
}
.nop-jcarousel.manufacturer-grid .item-box,
.nop-jcarousel.vendor-grid .item-box{
border: none;
}
.nop-jcarousel.manufacturer-grid .item-box .picture,
.nop-jcarousel.vendor-grid .item-box .picture{
border-radius: 3px;
}
.nop-jcarousel.manufacturer-grid .item-box .picture img,
.nop-jcarousel.vendor-grid .item-box .picture img{
backface-visibility: hidden;
transition: all .3s ease;
opacity: .3;
}
.nop-jcarousel.manufacturer-grid .item-box:hover .picture img,
.nop-jcarousel.vendor-grid .item-box:hover .picture img{
opacity: 1;
}
.nop-jcarousel.manufacturer-grid .item-box .picture a:before,
.nop-jcarousel.vendor-grid .item-box .picture a:before{
padding-top: 66%;
}
.nop-jcarousel.manufacturer-grid .slick-dots,
.nop-jcarousel.vendor-grid .slick-dots{
margin-top: 15px;
}
.nop-jcarousel.manufacturer-grid .slick-dotted.slick-slider,
.nop-jcarousel.vendor-grid .slick-dotted.slick-slider{
margin: 0;
}
.footer .nop-jcarousel.manufacturer-grid,
.footer .nop-jcarousel.vendor-grid {
margin: 0 !important;
}
.center-1 .nop-jcarousel.manufacturer-grid,
.center-1 .nop-jcarousel.vendor-grid {
margin: 0 -10px 70px !important;
}
/* NEWEST PRODUCTS */
.home-page .jCarouselMainWrapper.small-products {
margin: 50px -10px 0 !important;
padding: 50px 30px;
background-color: #f6f6f6;
}
.home-page .jCarouselMainWrapper.small-products + div {
margin-top: 70px;
}
.small-products .nop-jcarousel {
position: relative;
font-size: 0;
margin: 0 !important;
}
.home-page .small-products .nop-jcarousel .carousel-title {
position: static;
display: block !important;
padding: 0;
margin-bottom: 30px;
font-size: 17px;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.small-products .nop-jcarousel .carousel-title {
padding: 0;
}
.home-page .jCarouselMainWrapper.small-products .nop-jcarousel .carousel-title:before {
content: "\6c";
display: block;
margin-bottom: 30px;
font-size: 55px;
color: #97c300;
text-transform: none;
}
.carousel-wrapper .small-products + .small-products {
margin: 40px 0 0 !important;
}
.carousel-wrapper {
font-size: 0;
margin-top: 50px;
}
.carousel-wrapper .small-products {
background-color: transparent;
padding: 0 20px;
}
.carousel-wrapper .small-products .slick-list {
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
}
.carousel-wrapper .small-products .item-box {
border: none;
border-radius: 0 !important;
}
.slick-carousel .item-box {
width: 100% !important;
margin: 0 !important;
}
.carousel-item .ribbon-position {
-webkit-transform: translateZ(0) scale(1.0, 1.0); /*Fix for delayed ribbon load on swipe*/
}
/*.nop-jcarousel {
padding: 0 20px;
}*/
.small-products .nop-jcarousel {
padding: 0;
}
.center-2 .nop-jcarousel.manufacturer-grid,
.center-2 .nop-jcarousel.vendor-grid {
margin-top: 50px;
padding: 20px;
}
.center-2 .nop-jcarousel.manufacturer-grid,
.center-2 .nop-jcarousel.vendor-grid {
margin-top: 50px;
padding: 20px;
}
.side-2 .jCarouselMainWrapper {
padding: 0 !important;
margin: 0 0 30px !important;
background-color: transparent;
clear: both;
}
.side-2 .jCarouselMainWrapper:last-child {
margin: 0 !important;
}
.side-2 .nop-jcarousel .carousel-title {
margin: 0 0 20px;
padding: 0 40px;
font-size: 20px;
color: #444;
text-align: center;
}
.side-2 .nop-jcarousel.product-grid .slick-carousel {
padding: 0 20px;
}
.side-2 .small-products .nop-jcarousel.product-grid .slick-carousel {
padding: 0;
}
.side-2 .nop-jcarousel.product-grid .btn-wrapper,
.side-2 .nop-jcarousel.product-grid .buttons {
display: none;
}
.side-2 .item-box .prices > *:last-child:not(:empty) {
margin: 0;
}
.side-2 .nop-jcarousel.category-grid .item-box,
.center-2 .nop-jcarousel.category-grid .item-box {
background-color: #f6f6f6;
}
/*Arrows*/
.jCarouselMainWrapper:not(.small-products) .slick-list {
margin: 0 -3px;
}
.jCarouselMainWrapper .slick-next,
.jCarouselMainWrapper .slick-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
background-color: #fff;
cursor: pointer;
border: 1px solid #eee;
border-radius: 50%;
text-align: center;
font-size: 0;
z-index: 1;
transition: all .2s ease;
}
.jCarouselMainWrapper .slick-next {
right: -16px;
}
.jCarouselMainWrapper .slick-prev {
left: -16px;
}
.jCarouselMainWrapper.small-products .slick-prev {
left: -20px;
}
.jCarouselMainWrapper.small-products .slick-next {
right: -20px;
}
.jCarouselMainWrapper .slick-next:before,
.jCarouselMainWrapper .slick-prev:before {
display: block;
color: #d0d0d0;
font-size: 12px;
line-height: 40px;
transition: all .2s ease;
text-transform: none;
}
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover {
border: 1px solid #97c300;
background-color: #97c300;
}
.jCarouselMainWrapper .slick-next:hover:before,
.jCarouselMainWrapper .slick-prev:hover:before {
color: #fff;
}
.jCarouselMainWrapper .slick-prev:before {
content: "\6b";
}
.jCarouselMainWrapper .slick-next:before {
content: "\6a";
}
.jCarouselMainWrapper .slick-disabled {
opacity: 0.5;
cursor: default;
}
/* Dots */
.jCarouselMainWrapper .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.jCarouselMainWrapper .slick-dots {
display: block;
width: 100%;
padding: 0;
margin: 30px 0 0;
list-style: none;
text-align: center;
}
.jCarouselMainWrapper .category-grid .slick-dots {
margin: 15px 0 0;
}
.jCarouselMainWrapper .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.jCarouselMainWrapper .slick-dots li button {
background-color: rgba(0,0,0,.2);
border: none;
width: 6px;
height: 6px;
border-radius: 50%;
font-size: 0;
}
.jCarouselMainWrapper .slick-dots .slick-active button {
background-color: #eebe00;
width: 12px;
height: 12px;
}
@media all and (min-width: 660px) {
.home-page .jCarouselMainWrapper.small-products .slick-slide {
margin: 0 8px;
}
.home-page .jCarouselMainWrapper.small-products .slick-prev {
left: -12px;
}
.home-page .jCarouselMainWrapper.small-products .slick-next {
right: -12px;
}
.jCarouselMainWrapper .slick-next {
right: -18px;
}
.jCarouselMainWrapper .slick-prev {
left: -18px;
}
}
@media all and (min-width: 768px) {
.nop-jcarousel {
padding: 0 10px;
}
.nop-jcarousel .carousel-title {
margin: 0 0 30px;
font-size: 30px;
}
.jCarouselMainWrapper:not(.small-products) .slick-list {
margin: 0 -4px;
}
.home-page .jCarouselMainWrapper.small-products {
margin: 50px -20px 0 !important;
}
.center-2 .nop-jcarousel .carousel-title {
font-size: 26px;
text-align: center;
}
.center-2 .nop-jcarousel.manufacturer-grid,
.center-2 .nop-jcarousel.vendor-grid {
margin: 70px 0 0 !important;
}
.center-1 .nop-jcarousel.manufacturer-grid,
.center-1 .nop-jcarousel.vendor-grid {
margin: 0 -20px 70px !important;
}
}
@media all and (min-width:1024px) {
.side-2 .small-products .item-box .picture > a:after,
.home-page .jCarouselMainWrapper.small-products .item-box .picture > a:after {
content: none;
display: none;
}
.center-2 .nop-jcarousel .carousel-title {
text-align: left;
}
.side-2 .nop-jcarousel .carousel-title {
padding: 14px 30px;
font-size: 17px;
text-align: left;
background: #f6f6f6;
}
.side-2 .nop-jcarousel .carousel-title strong {
font-weight: 300;
}
.side-2 .jCarouselMainWrapper .slick-next {
right: 10px;
}
.side-2 .jCarouselMainWrapper .slick-prev {
left: 10px;
}
.side-2 .slick-carousel {
padding: 0 60px 20px;
}
.side-2 .slick-carousel.slick-dotted {
padding: 0 20px;
}
.side-2 .manufacturer-grid,
.side-2 .vendor-grid {
margin: 0 !important;
}
.side-2 .manufacturer-grid .slick-carousel,
.side-2 .vendor-grid .slick-carousel {
padding: 0 !important;
}
.side-2 .small-products .nop-jcarousel.product-grid .slick-carousel {
padding: 0 30px;
}
.side-2 .small-products .item-box .product-item > div:first-child {
width: 120px;
}
.side-2 .small-products .item-box .details {
width: calc(100% - 120px);
}
.side-2 .small-products .item-box {
max-height: 120px;
}
.side-2 .small-products .item-box .details {
padding: 13px;
}
.carousel-wrapper {
margin-top: 70px;
}
}
@media all and (min-width: 1280px) {
.jCarouselMainWrapper .slick-next {
right: -20px;
}
.jCarouselMainWrapper .slick-prev {
left: -20px;
}
.center-1 .nop-jcarousel.manufacturer-grid,
.center-1 .nop-jcarousel.vendor-grid {
margin: 0 -10px 70px !important;
padding: 20px 0;
}
.center-1 .nop-jcarousel.manufacturer-grid:before,
.center-1 .nop-jcarousel.vendor-grid:before {
content: "";
position: absolute;
display: block;
top: 0;
left: -7%;
right: -7%;
height: 100%;
background-color: #f6f6f6;
z-index: 0;
}
.nop-jcarousel {
padding: 0;
}
.center-1 .nop-jcarousel.product-grid .slick-carousel {
margin: 0 -1px 0 -6px;
}
.side-2 .small-products {
margin: 0 0 30px !important;
padding: 0;
}
.home-page .jCarouselMainWrapper.small-products {
padding: 20px 0;
margin: 50px 0 0 !important;
}
.carousel-wrapper .small-products .nop-jcarousel .carousel-title {
text-transform: none;
font-size: 26px;
}
.home-page .jCarouselMainWrapper.small-products .nop-jcarousel .carousel-title {
display: inline-block !important;
vertical-align: middle;
width: 25%;
margin: 0;
padding: 0 20px;
text-transform: uppercase;
font-size: 17px;
}
.home-page .jCarouselMainWrapper.small-products .nop-jcarousel .carousel-title:before {
margin-bottom: 20px;
}
.home-page .jCarouselMainWrapper.small-products .slick-carousel {
display: inline-block;
vertical-align: middle;
width: calc(75% - 20px);
}
/* SMALL CAROUSELS ON PRODUCT PAGES */
.carousel-wrapper .small-products {
display: inline-block;
vertical-align: top;
width: 47%;
margin: 0 !important;
padding: 0;
}
.carousel-wrapper .small-products + .small-products {
margin: 0 0 0 6% !important;
}
.carousel-wrapper .small-products:only-child {
display: block;
width: 100%;
}
.carousel-wrapper .small-products .nop-jcarousel .carousel-title,
.carousel-wrapper .small-products .slick-carousel {
display: block !important;
width: 100%;
padding: 0;
margin-bottom: 25px;
}
.footer .nop-jcarousel.manufacturer-grid,
.footer .nop-jcarousel.vendor-grid {
padding: 18px 6vw 20px;
}
.footer .nop-jcarousel.manufacturer-grid .slick-carousel,
.footer .nop-jcarousel.vendor-grid .slick-carousel {
margin: 0 -10px !important;
}
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.ribbon-wrapper {
position: relative;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}
/* ribbon positioning */
.ribbon-position {
font-size: 0;
line-height: 0;
position: absolute;
z-index: 1;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
top: 0;
left: 0;
}
.ribbon-position.top-right {
top: 0;
right: 0;
}
.ribbon-position.bottom-left {
bottom: 0;
left: 0;
}
.ribbon-position.bottom-right {
bottom: 0;
right: 0;
}
.ribbon-position.top-middle {
top: 0;
left: 0;
right: 0;
text-align: center;
}
.ribbon-position.right-middle {
top: 0;
right: 0;
bottom: 0;
text-align: right;
}
.ribbon-position.bottom-middle {
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.ribbon-position.left-middle {
top: 0;
bottom: 0;
left: 0;
text-align: left;
}
.ribbon-position.center {
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
content: "";
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
}
/* ribbon wrapping element */
.product-ribbon {
display: inline-block;
vertical-align: middle;
position: relative;
}
/* ribbon label without image*/
.ribbon-text {
font-size: 12px;
line-height: normal;
}
/* ribbon label with image */
.ribbon-image-text {
font-size: 12px;
line-height: normal;
position: absolute;
top: 0;
left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.gallery .ribbon-wrapper {
font-size: 0;
overflow: hidden;
}
.gallery .ribbon-wrapper img {
max-width: 100%;
}
.ribbon-position.top-right {
top: 5px;
right: 5px;
}
.ribbon-position.top-left {
top: 5px;
left: 5px;
}
.ribbon-position.top-middle {
top: 5px;
}
.ribbon-position.bottom-right {
bottom: 5px;
right: 5px;
}
.ribbon-position.bottom-left {
bottom: 5px;
left: 5px;
}
.ribbon-position.bottom-middle {
bottom: 5px;
}
.ribbon-position.right-middle {
right: 5px;
}
.ribbon-position.left-middle {
left: 5px;
}
@media all and (max-width:1024px) {
.product-list .ribbon-wrapper {
float: none !important;
}
}
@media all and (min-width: 1025px) {
.product-list .ribbon-wrapper + .details {
margin: 0 0 0 240px;
}
.spc-categories .ribbon-wrapper {
float: left;
width: 45%;
}
.spc-categories .ribbon-wrapper .picture {
width: 100%;
}
}
@media all and (min-width: 1367px) {
.spc-categories .ribbon-wrapper {
width: 40%;
}
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
@media all and (max-width: 1024px) {
.mega-menu {
display: none !important;
}
.header-menu .mega-menu-responsive > li {
border-bottom: 0;
}
}
@media all and (min-width: 1025px) {
/* RESETS */
.menu-title,
.plus-button,
.mega-menu-responsive {
display: none !important;
}
.mega-menu .root-category-items {
display: none !important;
}
/* sublist */
.mega-menu .sublist-wrap {
display: none;
position: absolute;
width: 220px;
box-shadow: 0 0 15px rgba(0,0,0,.1);
background-color: #fff;
padding: 10px 0;
text-align: left;
border-top: 1px solid #eee;
z-index: 1;
}
.mega-menu .sublist-wrap.active {
display: block;
}
.mega-menu .sublist li {
position: relative;
}
.mega-menu .sublist li a {
position: relative;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 35px 0 20px;
height: 40px;
line-height: 40px;
color: #8c8c8c;
font-size: 15px;
font-weight: bold;
transition: all .2s ease;
}
.mega-menu .sublist li:hover > a {
color: #97c300;
background-color: #f1f1f1;
}
.mega-menu .sublist-wrap .sublist-wrap {
top: -10px;
left: 100% !important;
}
/* dropdown */
.category-navigation-list > li .dropdown {
position: absolute;
top: -16px;
left: 100%;
padding: 15px 0;
background: url(../../Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Themes/Emporium/Content/img/shadow-top.png) top left repeat-x, url(../../Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Themes/Emporium/Content/img/shadow-bottom.png) bottom left repeat-x;
opacity: 0;
max-width: calc(88vw - 290px);
pointer-events: none;
transition: all .3s ease;
}
.category-navigation-list .dropdown .row-wrapper {
border: 1px solid #eee;
padding: 30px;
background: #fff;
}
.category-navigation-list > li:hover .dropdown {
opacity: 1;
pointer-events: auto;
}
.category-navigation-list .dropdown .row {
white-space: nowrap;
max-width: 100%;
margin-top: 20px;
}
.category-navigation-list .dropdown .row:first-child {
margin-top: 0;
}
.category-navigation-list .dropdown .box,
.category-navigation-list .dropdown .empty-box{
display: inline-block;
vertical-align: top;
margin-left: 20px;
width: 210px;
}
.category-navigation-list .dropdown .box:first-child {
margin-left: 0 !important;
}
.category-navigation-list .dropdown.boxes-4 .box {
max-width: calc(25% - 14px);
}
.category-navigation-list .dropdown.boxes-5 .box {
max-width: calc(20% - 15px);
}
.category-navigation-list .dropdown.boxes-6 .box {
max-width: calc(16.66% - 16px);
}
.category-navigation-list .dropdown.boxes-7 .box {
max-width: calc(14.28% - 17px);
}
.category-navigation-list .dropdown.boxes-8 .box {
max-width: calc(12.5% - 18px);
}
.category-navigation-list .dropdown .box .title a {
white-space: normal;
text-overflow: initial;
height: auto;
line-height: 1.2;
padding: 7px 0;
color: #97c300;
}
.category-navigation-list .dropdown .box .title a:hover {
color: #7c9a16;
}
.category-navigation-list .dropdown .box .subcategory-item a {
height: auto;
line-height: 1.2;
padding: 7px 0;
font-weight: 400;
color: #8c8c8c;
white-space: normal;
text-overflow: initial;
}
.category-navigation-list .dropdown .box .subcategory-item a:hover {
background-color: transparent;
color: #97c300;
}
.category-navigation-list .dropdown .box .picture {
margin-bottom: 10px;
}
.category-navigation-list .dropdown .box .picture a {
white-space: normal;
text-overflow: initial;
padding: 0;
height: auto;
width: auto;
font-size: 0;
line-height: 1;
}
.category-navigation-list .dropdown .box .picture a:before {
content: "";
display: block;
padding-top: 70%;
}
.category-navigation-list .dropdown .box .picture a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
width: auto;
max-width: none;
}
.mega-menu .has-sublist {
position: relative;
}
.mega-menu .has-sublist .sublist-wrap {
right: 0;
}
.mega-menu .has-sublist .sublist-wrap .plus-button,
.mega-menu .has-sublist .sublist-wrap .sublist-wrap {
display: none !important;
}
.mega-menu .has-sublist.with-dropdown-in-grid {
position: static;
overflow: hidden;
}
.mega-menu .has-sublist.with-dropdown-in-grid:hover {
overflow: visible;
}
.mega-menu .dropdown {
position: absolute;
margin: 0;
text-align: left;
background: #fff;
box-shadow: 0 0 15px rgba(0,0,0,.1);
border-top: 1px solid #eee;
z-index: 1;
transition: all .3s ease;
}
.mega-menu .dropdown.fullWidth {
padding: 30px 6%;
margin-top: 10px;
left: 0;
width: 100%;
opacity: 0;
pointer-events: none;
}
.mega-menu .dropdown.fullWidth.active {
opacity: 1;
margin-top: 0;
pointer-events: auto;
}
.mega-menu .row {
overflow: hidden;
}
.mega-menu .row + .row {
margin-top: 20px;
}
.mega-menu .box {
float: left;
padding: 0 10px;
}
.mega-menu .boxes-1 .box {
width: 100%;
}
.mega-menu .boxes-2 .box {
width: 50%;
}
.mega-menu .boxes-3 .box {
width: 33.333%;
}
.mega-menu .boxes-4 .box {
width: 25%;
}
.mega-menu .boxes-5 .box {
width: 20%;
}
.mega-menu .boxes-6 .box {
width: 16.666%;
}
.mega-menu .boxes-7 .box {
width: 14.28%;
}
.mega-menu .boxes-8 .box {
width: 12.5%;
}
.mega-menu .boxes-9 .box {
width: 11.1%;
}
.mega-menu .boxes-10 .box {
width: 10%;
}
.mega-menu .manufacturers .box,
.mega-menu .vendors .box {
text-align: center;
}
.mega-menu .manufacturers .picture,
.mega-menu .vendors .picture {
position: relative;
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
transition: all .2s ease;
}
.mega-menu .manufacturers .picture a:before,
.mega-menu .vendors .picture a:before {
content: "";
display: block;
padding-top: 70%;
}
.mega-menu .manufacturers .picture a img,
.mega-menu .vendors .picture a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 100%;
max-width: 100%;
}
.mega-menu .manufacturers .title,
.mega-menu .vendors .title {
padding: 7px 0;
font-size: 15px;
font-weight: 700;
color: #8c8c8c;
transition: all .2s ease;
}
.mega-menu .manufacturers .box:hover .title,
.mega-menu .vendors .box:hover .title {
color: #97c300;
}
.mega-menu .manufacturers .box:hover .picture,
.mega-menu .vendors .box:hover .picture {
opacity: .8;
}
}
.item-box .btn-wrapper button:hover,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before,
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label,
.two-row-carousels .slick-arrow:hover,
.home-page-polls .answer input[type="radio"]:checked + label:before,
.answer input[type="radio"]:checked + label:before,
.pager li a:hover,
.pager li span,
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover,
.ui-datepicker-header,
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active,
.order-progress .active-step:not(.last) a:hover:before,
.opc .selector input[type="checkbox"]:checked ~ label:before,
.forum-search-box.search-box .search-box-button:hover,
.ico-wishlist .wishlist-qty,
.ico-cart .cart-qty,
.shopping-cart-link .cart-qty,
.selected-options-list > li span,
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu,
.header-menu ul li.back-button,
.avatar-page .upload-image.valid + label,
.ui-slider-range,
.filters-button,
.quick-view-button a:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.blog-search-box .search-box-button:hover,
.sale-of-the-day-offer .timer-info-box,
.spc-products .slick-arrow:hover,
.nivo-directionNav a:hover,
.anywhere-slider .slick-arrow:hover,
.theme-roller .open-button {
background-color: #f8ae00;
}
.selected-options-list > li span:hover,
.theme-roller .open-button:hover,
.avatar-page .upload-image.valid + label:hover {
background-color: #ac7800;
}
.link-rss:hover:before,
.field-validation-valid,
.username-available-status,
.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a,
.cart .product a:hover,
.data-table .product a:hover,
.compare-products-table .product a:hover,
.forums-table-section .product a:hover,
.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a,
.mini-shopping-cart .count a:hover,
.mini-shopping-cart .price,
.mini-shopping-cart .totals strong,
.login-form-in-header .in-header-register .register-button:hover,
.login-form-in-header .inputs input:focus + .inputs-icons,
.footer-block a:hover,
.social-sharing a:hover:before,
.footer-block .title:before,
.footer-block .title:after,
.block .title:before,
.block .list li.active > a,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.poll > strong,
.block .answer label:hover,
.breadcrumb a:hover,
.breadcrumb a:hover span,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a,
.product-name .manufacturers .value,
.overview .manufacturers .value,
.product-review-links a:hover,
.product-no-reviews a:hover,
.compare-products .add-to-compare-list-button:hover,
.compare-products .add-to-compare-list-button:hover:before,
.back-in-stock-subscription:hover:before,
.overview .additional-details div .value a,
.variant-overview .additional-details div .value a,
.download-sample a,
.product-social-sharing li a:hover:before,
.email-a-friend:hover:before,
.overview .product-price,
.variant-overview .product-price,
.tier-prices .item-price,
.product-tags-list a,
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.ui-tabs .submitReviewResult,
.product-review-helpfulness .vote:hover:before,
.wishlist-page .share-info a,
.compare-products-mobile .price .item span,
.email-a-friend-page .title a,
.accept-privacy-policy .read,
.account-page .button-2.return-items-button:hover,
.account-page .button-2.return-items-button:hover:before,
.order-total td label,
.order-total td span,
.cart-total .order-total,
.terms-of-service .read,
.cart-collaterals > div > .title:hover,
.cart-collaterals > div > .title:before,
.cart-collaterals .message-success,
.checkout-page .add-button .btn-holder.open:before,
.order-completed .order-number,
.opc > li.allow:not(.active) .step-title:after,
.opc > li.active .step-title .number,
.opc > li.active .step-title .title,
.order-details-page .order-overview .order-number,
.sitemap-page a,
.post-date,
.news-date,
.post-navigation a:before,
.post-navigation a:after,
.back-to-all-button:hover,
.back-to-all-button:hover:before,
.blog-page .tags li,
.blogpost-page .tags a,
.read-comments:hover,
.read-comments:hover:before,
.new-comment .result,
.news-list-homepage .view-all a,
.news-list-homepage .view-all a:after,
.current-time,
.forum-search-box .advanced > a:hover,
.forum-table a:hover,
.topic-post .pm-button:before,
.topic-post .post-vote > .vote.up:hover:before,
.topic-post .post-vote > .vote.down:hover:before,
.compare-products-table .product-price td,
.order-progress .active-step.last a span,
.category-navigation-list-wrapper ul li:hover > a,
.category-navigation-list-wrapper ul li:hover > span,
.category-navigation-list-wrapper ul li:hover > a:after,
.header-links a:hover,
.header-links a:hover:before,
.block.block-recently-viewed-products .list a:hover,
.block-account-navigation.block .list a:hover,
.block-account-navigation.block .list a:hover:after,
.block-account-navigation.block .list a.active,
.block-account-navigation.block .list a.active:after,
.header-selectors-wrapper > div input[type="radio"]:checked + label,
.ajaxCart .k-window-titlebar.k-header .k-window-actions .k-icon:hover:before,
.productAddedToCartWindowDescription strong,
.clearFilterOptionsAll:hover,
.filter-block .toggleControl:before,
.filter-block a.clearFilterOptions:hover:before,
.filter-block a.clearPriceRangeFilter:hover:before,
.picture-thumbs .slick-prev:hover:before,
.picture-thumbs .slick-next:hover:before,
.instant-search-item .detail .price,
.home-page .jCarouselMainWrapper.small-products .nop-jcarousel .carousel-title:before,
.mega-menu .sublist li:hover > a,
.category-navigation-list .dropdown .box .title a,
.category-navigation-list .dropdown .box .subcategory-item a:hover,
.mega-menu .manufacturers .box:hover .title,
.mega-menu .vendors .box:hover .title,
.previous-product a:before,
.next-product a:before,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover:before,
.quickViewWindow #accordion > h3 span:before,
.quickViewWindow .product-variant .product-price,
.ropc .section .title:after,
.ropc .coupon-box-panel .message-success,
.ropc .giftcard-box-panel .message-success,
.ropc .cart-total .cart-total-row span,
.sale-of-the-day-offer .product-name a:hover,
.sale-of-the-day-offer .price.actual-price,
.sale-of-the-day-offer .slick-arrow:hover:before,
.rich-blog-homepage .view-all a,
.rich-blog-homepage .view-all a:after,
.blog-search-results .search-term-highlighter,
.share-post li a:hover:before,
.post-relations li a,
.spc-products .spc-header li:hover,
.spc-categories .navigation li:hover,
.spc-header li.active,
.spc-categories .navigation li.active,
.spc-categories .category-title,
.spc-categories .category-sublist a:hover,
.spc-categories .slick-prev:hover:before,
.spc-categories .slick-next:hover:before,
.advantages-item .title a:hover {
color: #f8ae00;
}
.product-name .manufacturers .value:hover,
.product-tags-list a:hover:hover,
.overview .additional-details div .value a:hover,
.variant-overview .additional-details div .value a:hover,
.terms-of-service .read:hover,
.download-sample a:hover,
.sitemap-page a:hover,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.product-tags-list a:hover,
.cart .edit-item a:hover,
.news-list-homepage .view-all a:hover,
.news-list-homepage .view-all a:hover:after,
.manufacturers .value:hover,
.block .view-all a:hover,
.data-table a:hover,
.forums-table-section a:hover,
.category-navigation-list .dropdown .box .title a:hover,
.rich-blog-homepage .view-all a:hover,
.rich-blog-homepage .view-all a:hover:after,
.post-relations li a:hover,
.spc-categories .category-title a:hover {
color: #ac7800;
}
.ajax-loading-block-window:before,
.ajax-loading-block-window:after,
.two-row-carousels .slick-arrow:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.order-progress .active-step.last a:before,
.block-account-navigation.block .list a.active,
.nopAjaxCartPanelAjaxBusy:before,
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:after,
.ui-slider-handle,
.productPanelAjaxBusy:before,
.productPanelAjaxBusy:after,
.infinite-scroll-loader:before,
.infinite-scroll-loader:after,
.cloudzoom-ajax-loader:before,
.cloudzoom-ajax-loader:after,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.quickView .k-loading-image:before,
.quickView .k-loading-image:after,
.quickView .cloudzoom-ajax-loader:before,
.quickView .cloudzoom-ajax-loader:after,
.panel-loader-effect .spinner:before,
.panel-loader-effect .spinner:after,
.spc-categories .loading-overlay:before,
.spc-categories .loading-overlay:after,
.spc-body .loading-overlay:before,
.spc-body .loading-overlay:after,
.spc-products .slick-arrow:hover {
border-color: #f8ae00;
}
.pager li a:hover,
.pager li span {
border-color: #f8ae00 !important;
}
.button-1,
.eu-cookie-bar-notification button,
.login-form-in-header .login-button,
.category-navigation-list-wrapper:hover .category-navigation-title,
.newsletter-email .newsletter-subscribe-button,
.home-page-polls .poll .buttons input,
.contact-vendor-button,
.item-box .buttons .button-2:hover,
.grouped-btn:hover,
.write-review .title strong,
.comment-form-btn strong,
.write-review .button-1,
.qq-uploader .qq-upload-button,
.blog-posts .read-more,
.news-items .read-more,
.forums-table-section .view-all a,
.topic-post .post-actions .quote-post-button,
.ropc .complete-button button,
.spc-categories .category-picture .spc-to-all-products,
.jCarouselMainWrapper .slick-dots .slick-active button,
.sale-of-the-day-offer .owl-dot.active {
background-color: #cbcbcb;
}
.button-1:hover,
.eu-cookie-bar-notification button:hover,
.mini-shopping-cart input[type="button"]:hover,
.login-form-in-header .login-button:hover,
.search-box .search-box-button:hover,
.newsletter-email .newsletter-subscribe-button:hover,
.poll .buttons input:hover,
.contact-vendor-button:hover,
.product-reviews-page .title .write-review-title:hover,
.write-review .button-1:hover,
.qq-uploader .qq-upload-button:hover,
.blog-posts .read-more:hover,
.news-items .read-more:hover,
.open-comment-form:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.ropc .complete-button button:hover {
background-color: #b7b7b7;
}
@media all and (min-width: 1025px) {
.search-box .search-box-button,
.center-2 .product-list .item-box .buttons .button-2 {
background-color: #cbcbcb;
}
.center-2 .product-list .item-box .buttons .button-2:hover {
background-color: #b7b7b7;
}
}
.sale-of-the-day-offer { background-image: url(https://localhost:44301/images/default-image.png); }.nop-jcarousel.manufacturer-grid .item-box .picture img, .nop-jcarousel.vendor-grid .item-box .picture img {
backface-visibility: hidden;
transition: all .3s ease;
opacity: .3 !important;
}
.nop-jcarousel.manufacturer-grid .item-box:hover .picture img, .nop-jcarousel.vendor-grid .item-box:hover .picture img {
opacity: 1 !important;
}
.nivoSlider img {
height: auto!important;
}
.contact-page .result {
padding-bottom: 30px;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
margin: auto!important;
}
@media(min-width: 1281px) {
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
margin-top: -20px!important;
}
}
@media(max-width: 767px) {
.home-page-body .slider-wrapper.theme-home-page-main-boxes {
margin: 0 -10px !important;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider {
flex-wrap: wrap;
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider a,
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider a:nth-child(3) {
padding: 0;
width: 100% !important;
margin-bottom: 10px;
}
}
.home-page-body .slider-wrapper.theme-home-page-main-boxes .nivoSlider a:last-of-type {
padding: 0;
}
.ajaxCart .product-grid .item-box .product-item > div.etichette-promozioni {display: none;}
.ajaxCart .product-grid .item-box .product-item > div.picture {
width: 120px;
}
.title.open + .social-sharing {
display: block;
}
ul.social-sharing + div {
/* display: none!important; */
}
#___ratingbadge_0 {
text-indent: 0px!important;
margin: 0px!important;
padding: 0px!important;
background: transparent!important;
border-style: none!important;
float: none!important;
line-height: normal!important;
font-size: 1px!important;
vertical-align: baseline!important;
height: 54px!important;
position: static!important;
box-shadow: none!Important;
border: 0!important;
}
#___ratingbadge_0 iframe {
position: static!important;
top: 0px!important;
width: 165px!important;
border-style: none!important;
display: block!important;
left: 0px!important;
visibility: visible!important;
height: 54px!important;
}
.eu-cookie-bar-notification {
position: fixed;
z-index: 1050;
border-radius: 3px;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
background-color: #fff;
padding: 20px;
text-align: center;
bottom: 0;
left: auto;
top: auto;
transform: none;
right: 0;
padding: 10px;
max-width: 500px;
width: 100%;
padding-bottom: 5px;
}
.eu-cookie-bar-notification .text {
line-height: 1.5;
color: #000;
font-size: 14px;
margin-bottom: 0;
}
.eu-cookie-bar-notification .buttons-more {
display: flex;
align-items: center;
justify-content: center;
}
.eu-cookie-bar-notification button {
border: none;
border-radius: 3px;
font-size: 14px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
transition: all .1s ease;
padding: 10px;
height: auto;
margin: 5px 10px 5px 0;
}
.container-newsletter .newsletter .container-img {
width: 40%;
margin: 0px 30px;
}
.container-newsletter .newsletter .testo .container-info p {
max-width: 500px;
}
.shopping-cart-page .common-buttons-spedizione .consegna-e-servizi .container-img-servizi .testo {
display: block;
}
.container-reviews #___ratingbadge_0 {
width: auto!important;
}
@media(max-width: 480px) {
.payment-info .container-reviews {
flex-wrap: wrap;
}
.container-reviews #___ratingbadge_0 {
width: 100%!important;
}
.container-reviews #___ratingbadge_0 iframe {
margin: auto!important;
margin-top: 20px!important;
}
.trust-box-container {
max-width: 250px;
margin: 25px auto;
}
}
.checkout-box div.addon-buttons {
min-width: 0!Important;
}
#payPalExpressCheckoutImage {
min-width: 120px;
margin-right: 15px;
}
.cart-footer .box-cart-footer-2 .totals .checkout-box .checkout-buttons {
margin-left: auto;
}
.overview .stock {
color: black !important;
}
.item-box .etichette-promozioni .nome {
color: red;
}
.bestsellers-category .slick-track {
display: flex !important;
}
.bestsellers-category .slick-track .carousel-item {
height: inherit !important;
}
.bestsellers-category .slick-track .carousel-item .item-box {
height: 100%;
}
.bestsellers-category .slick-track .carousel-item .product-item {
height: 100%;
display: flex;
flex-direction: column;
}
.blogpost-page .post-body a {
color: #f8ae00;
font-weight: bold;
}
.blog-posts .post .post-actions .read-more {
background-color: #f8ae00;
}
.product-details-page .overview .product-grid.cross-sells .item-grid .slick-dots {position: relative;}
.payment-info .description-text {max-width: 520px; width: 100%!important;}
.consegna-e-servizi .read {
display: none;
}
/*BUG visualizzazione pagina prodotto con short description troppo lunga (parola che non va mai a capo)*/
.overview .short-description {
overflow-wrap: break-word;
}
.overview .product-prices-box-desktop-container .product-prices-box .prices .product-price {
white-space: nowrap;
}
@media all and (min-width: 1281px) {
.overview .container-product-infos {
width: inherit;
}
}
/*Fine BYG visualizzazione ""*/
@media(max-width: 767px) {
.overview #icecat-bulletpoints .IcecatLive #bullet-points-list {
font-size: 12px;
}
}
/* CLS pagine con snippet prodotti e blog page */
[data-source-category] {
min-height: 520px;
margin: 0 0 40px !important;
}
.blogpost-page .rich-blog-image img {
height: 410px;
}
@media(max-width: 1500px) {
[data-source-category] {
min-height: 450px;
}
}
@media(max-width: 767px) {
.blogpost-page .rich-blog-image img {
height: 300px;
}
}
@media(max-width: 500px) {
[data-source-category] {
min-height: 432px;
}
.blogpost-page .rich-blog-image img {
height: 200px;
}
}
/* FINE --- CLS pagine con snippet prodotti */
.bestsellers-category .item-box .prices,
.bestsellers-category .item-box .prices * {
text-align: center !important;
}
.product-prices-box-desktop-container-fixed .pre-order-availability-date {
margin-top: 5px;
font-size: 9px;
}
.product-prices-box-mobile-container .pre-order-availability-date {
margin-top: 5px;
font-size: 9px;
margin-bottom: -10px;
}
html { scroll-padding-top: 100px; }
@media(max-width: 1024px) {
html { scroll-padding-top: 70px; }
}