:root {
--button-primary-main-color: #EA5B0C;
--button-primary-border-color: #EA5B0C;
--text-default-color: #000000;
--text-default-color-white: #FFFFFF;
--text-default-color-light: #EA5B0C;
--text-default-active-color: #EA5B0C;
--box-background-color: #067EC1;
--bottom-promo-slider-background-color: #067EC1;
--bottom-promo-slider-text-color: #ffffff;
--bs-gutter-x: 1.5rem;
--recab-box-high: 0px;
--background-main-color: #EA5B0C;
--button-primary-test-color: #FFFFFF;
--input-border-color: #E1E1E1;
}
@font-face {
font-family: Provicali;
src: url('../fonts/provicali/Provicali.otf');
}
@font-face {
font-family: Readex;
src: url('../fonts/readex pro/ReadexPro-Medium.ttf');
}
/*STRUTTURA SITO*/
html {
font-family: 'Readex Pro', sans-serif !important;
max-width: 1920px !important;
margin: 0 auto;
}
body {
font-family: 'Readex Pro', sans-serif !important;
margin-bottom: 375px;
}
@media screen and (max-width:768px) {
body {
margin-bottom: 425px;
}
}
a {
color: var(--text-default-color);
text-decoration: none;
}
a:hover {
color: var(--text-default-color-light);
}
.nav-link {
color: var(--text-default-color);
}
.nav-link:hover, .nav-link:focus {
color: #FF880D;
}
.alert-info {
color: #2F2F2F;
background-color: #ea5b0c6b;
border-color: #fd9429;
}
.profileButtonLight {
border-color: var(--background-main-color);
color: var(--background-main-color);
border-radius: 100px;
}
.provicali {
font-family: Provicali;
}
.containerBody {
max-width: 100%;
/* margin: 0 auto;
padding-right:0px;
padding-left:0px;*/
margin-top: 140px;
position: relative;
}
.containerBody.stickyMenu {
margin-top: 160px;
}
.field-icon {
float: right;
margin-left: -25px;
margin-top: -32px;
position: relative;
z-index: 2;
color: #D6D6D6;
padding-right: 10px;
right: 6px;
}
.menu-link:hover {
color: inherit;
}
.medium-up--one-third {
width: 33%;
-ms-flex-preferred-size: 33%;
-webkit-flex-basis: 33%;
-moz-flex-basis: 33%;
flex-basis: 33%;
}
.medium-up--one-fifth {
width: 20%;
-ms-flex-preferred-size: 20%;
-webkit-flex-basis: 20%;
-moz-flex-basis: 20%;
flex-basis: 20%;
}
footer {
background-color: var(--background-main-color);
padding-top: 5rem;
}
.copy {
line-height: normal;
margin-bottom: 0;
}
#promoConsumo {
max-width: 1845px;
margin: 0 auto;
}
#logoImg {
padding: 15px 30px 15px 0;
border-right: 1px solid #F28F5A;
}
.social a:hover {
background-color: white;
}
.newsletterRowFooter {
background-color: #FAFAFA;
position: absolute;
top: -2px;
background-color: #FFF;
color: var(--text-default-color);
display: inline-flex;
width: 100%;
}
ul.omniBreadcrumb {
color: var(--text-default-color);
/* width: 97%;*/
}
.noBorderBottom {
border-bottom: 0px !important;
}
footer {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
height: 370px;
}
#panelSearchInput {
color: var(--text-default-color) !important;
}
/*.centered {
position: fixed;
left: 50%;
transform: translate(-50%, 0);
top: 10px;
z-index: 99;
}*/
.black {
color: var(--text-default-color) !important;
}
.orange {
color: var(--background-main-color) !important;
}
input[type="text"]::placeholder {
/* Firefox, Chrome, Opera */
padding-left: 10px;
}
.profileInput, .profileSelect, .paymentInput {
border: 1px solid #E1E1E1;
box-sizing: border-box;
border-radius: 100px;
padding-left: 0.95rem;
}
.profileInput:focus, .profileInput:active, .profileSelect:focus, .profileSelect:active, .paymentInput:focus, .paymentInput:active {
border: 1px solid #E1E1E1;
box-sizing: border-box;
border-radius: 100px;
padding-left: 0.95rem;
}
.profileTextArea {
border: 1px solid #E1E1E1;
box-sizing: border-box;
border-radius: 16px;
}
.profileTextArea:focus, .profileTextArea:active {
border: 1px solid #E1E1E1;
box-sizing: border-box;
border-radius: 16px;
}
.form-floating > label {
padding-left: 25px;
width: 100%;
}
.iti--separate-dial-code label {
padding-left: 100px;
}
.form-floating {
margin-bottom: 10px;
}
ul[id^='basketTab'] .nav-link {
display: flex;
align-items: center;
}
/*ul[id^='basketTab'] .nav-link.active {
border: none !important;
padding: 7px 30px !important;
width: 100%;
background-color:transparent !important;*/
/* border-radius: 5px 5px 5px 5px !important;
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);*/
/*}*/
ul[id^='basketTab'] button[id^='moddelivery'].nav-link.active {
padding: 7px 30px !important;
width: 100%;
border-radius: 5px 0px 0px 5px !important;
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);
border: 1px solid var(--background-main-color) !important;
}
ul[id^='basketTab'] button[id^='moddelivery'].nav-link {
padding: 7px 30px !important;
width: 100%;
border-radius: 5px 0px 0px 5px !important;
background-color: #FFF;
border: 1px solid var(--background-main-color) !important;
color: var(--background-main-color);
}
ul[id^='basketTab'] button[id^='modpickup'].nav-link.active {
border: 1px solid var(--background-main-color) !important;
padding: 7px 30px !important;
width: 100%;
border-radius: 0px 5px 5px 0px !important;
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);
}
ul[id^='basketTab'] button[id^='modpickup'].nav-link {
padding: 7px 30px !important;
width: 100%;
border-radius: 0px 5px 5px 0px !important;
background-color: #FFF;
border: 1px solid var(--background-main-color) !important;
color: var(--background-main-color);
}
/*ul[id^='basketTab'] .nav-link {
border: 1px solid var(--background-main-color) !important;
color: var(--background-main-color) !important;
padding: 5px 30px !important;
border-radius: 0px 5px 5px 0px !important;
width: 100%;
background-color:#fff;
}*/
ul[id^='basketTab'] .nav-link.active {
width: 100%;
}
ul[id^='basketTab'] .nav-link {
width: 100%;
}
[id^='moddelivery'].nav-link > i.fa-truck:before {
content: url("data:image/svg+xml;utf8, ")
}
[id^='moddelivery'].nav-link.active > i.fa-truck:before {
content: url("data:image/svg+xml;utf8, ")
}
[id^='modpickup'].nav-link > i.fa-store:before {
content: url("data:image/svg+xml;utf8,")
}
[id^='modpickup'].nav-link.active > i.fa-store:before {
content: url("data:image/svg+xml;utf8,")
}
.iti__selected-flag {
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
}
.profileButtonDark {
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);
border-radius: 100px;
border: none;
}
.btn-login-carrello {
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);
border-radius: 100px !important;
border: none;
color: var(--text-default-color-white);
}
.btn-login-carrello:hover, .profileButtonDark:hover, .profileButtonDark:focus {
color: var(--text-default-color-white);
box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-webkit-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-moz-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
}
.btn-login-carrello > .float-end {
display: none;
}
.cart-recap-container {
background-color: var(--text-default-color-white);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
}
.resetPw-FasciaTitolo {
background-color: var(--text-default-color-white);
color: var(--background-main-color);
font-family: 'Readex Pro', sans-serif !important;
max-height: unset;
}
/*FINE STRUTTURA SITO*/
/*HEADER*/
header {
margin: 0 auto;
width: 100%;
}
@media screen and (min-width:1920px) {
header {
max-width: 1920px;
margin: 0 auto;
width: 100%;
}
#navBarMain {
width: 98%;
margin: 0 auto !important;
}
#menuBox {
max-width: 98%;
margin: 0 auto;
}
.upperHeader {
max-width: 100% !important;
}
}
header.centered {
position: fixed;
left: 50%;
transform: translate(-50%, 0);
top: 0;
z-index: 99;
}
.upperHeader {
width: 100%;
padding: 8px 20px;
background-color: #fff;
margin: 0 auto;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}
#menuBox {
max-width: 100%;
margin: 0 auto;
}
/*.modalSearchSuggestions > div {
background-color: white;
border: 1px solid var(--background-main-color);
padding: 10px;
font-size: 14px;
position: absolute;
width: 100%;
margin-top: 13px;
border-radius: 20px;
}*/
.modalSearchSuggestions strong {
color: var(--text-default-color-light);
}
#navBarMain .text-light {
font-family: 'Readex pro';
font-weight: 600;
font-size: 12px;
}
.navbarMenu {
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}
.orange-gradient {
background-color: #EC5F14;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}
#navBarMain {
margin: 0;
width: 100%;
transition: all .6s ease;
padding: 0;
}
#navBarMain.stickyMenu {
padding-top: 0px;
padding-bottom: 0px;
transition: all .6s ease;
}
.searchBarHeader {
background: #FAFAFA;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
border-radius: 100px;
height: 50px;
}
.modal-detail-store-container {
display: flex;
}
.modal-detail-store-info {
flex: 2;
}
.modal-detail-store-contact {
flex: 1;
margin-top: 10px;
margin-bottom: 10px;
}
@media screen and (max-width:1200px) {
#navBarMain {
padding-top: 0rem;
padding-bottom: 0rem;
}
.containerBody {
margin-top: 180px;
}
.stickyMenu .searchBarHeaderMobile {
/* height: 30px;*/
transition: all .6s ease;
align-items: center;
}
}
@media screen and (max-width:992px) {
.menuShoppingBagMobile .nav-link {
padding: 0;
}
.slide-menu {
max-width: 330px;
z-index: 9999999999;
overflow: visible;
}
.slide-menu .accordion-mm .accordion-button {
color: black;
}
.slide-menu .accordion-mm .accordion-body ul li a:active, .accordion-mm .accordion-body ul li a:hover {
color: black;
}
#mm-controls .slide-menu__control {
font-size: 1.2rem;
padding: 0;
right: 0;
}
.mobile-menu-bg {
background: rgba(0, 0, 0, .4);
width: 100%;
}
#navBarMain {
padding-top: 0rem;
padding-bottom: 0rem;
}
.containerBody {
margin-top: 125px;
}
.nav-link .notification-products-basket {
top: -7%;
right: -10%;
font-size: 14px;
}
.modal-detail-store-container {
display: flex;
flex-direction: column;
}
.modal-detail-store-info {
flex: 1;
}
.modal-detail-store-info .selezionato {
font-size: 13px;
}
.modal-detail-store-info .aliasPv {
text-align: center;
}
.modal-detail-store-contact {
flex: 1;
margin-top: 5px;
border-top: 1px solid #8E8E8E;
padding-top: 10px;
}
#detailStoreModal .modal-footer {
justify-content: center;
}
}
/*@media screen and (max-width:576px) {
.basketcontent #basketPanel {
top: 0;
right: 0;
}
}*/
[id^='basketTab'] {
flex-wrap: nowrap;
flex-direction: row;
}
[id^='basketTab'] > li.nav-item:first-child {
flex-grow: 1;
}
.videoContainer, .videoContainer video {
max-width: 100%
}
#menuShoppingBag {
align-items: center;
width: 100%;
}
#menuShoppingBag li.nav-item:last-of-type, .menuShoppingBagMobile li.nav-item:last-of-type, .search-active {
background-color: #BB4C14;
}
.search-active {
border-right: 1px solid #F28F5A;
}
#menuShoppingBag .basketcontent {
padding: 25px;
}
#menuShoppingBag .nav-user {
padding: 15px 25px;
}
#menuShoppingBag .nav-user-logged {
padding: 10px 15px;
}
.basketcontent, .hamburger {
padding: 10px 20px;
}
#menuShoppingBag .searchBarItemNav {
padding: 15px 30px;
border-left: 1px solid #F28F5A;
border-right: 1px solid #F28F5A;
}
#menuShoppingBag li.searchBarItemNav:first-child {
flex-grow: 2;
}
#panelSearchInput {
padding-left: 1rem;
width: 95%;
}
#panelSearchInput::placeholder {
color: #8E8E8E;
opacity: 1;
}
#loginRegistrationPanel {
top: 110px;
}
#loginRegistrationPanel.stickyMenu {
top: 96px;
}
/*
#basketPanel {
top: -10px;
right: -28px;
}*/
.baketPanelProductListItem {
display: flex;
border: 1px solid #E1E1E1;
box-sizing: border-box;
border-radius: 20px;
}
.baketPanelProductListItemChildrenPadding {
padding-top: 22px !important;
padding-bottom: 22px;
}
.checkout header {
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);
/*box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
border-radius: 4px;*/
height: 82px;
}
.slick-next:before {
content: '>' !important;
color: red !important;
}
.checkout nav.navbar {
height: 82px;
padding-left: 40px;
}
@media screen and (max-width: 992px) {
header.centered {
top: 0px;
}
header {
max-width: 100%;
}
.orange-gradient, .checkout header {
border-radius: 0px;
}
}
.select-store-comic {
display: flex;
flex-direction: column;
position: absolute;
background-color: white;
padding: 22px;
border-radius: 30px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
left: -15px;
top: 82px;
width: 290px;
}
.select-store-comic span {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 21px;
align-items: center;
letter-spacing: 0.25px;
color: #000000;
margin-bottom: 10px;
margin-top: 10px;
}
.select-store-comic button {
padding: 12px 24px;
width: 245px;
height: 40px;
background: #EA5B0C;
border-radius: 100px;
color: #FFF;
}
.select-comic-close {
color: var(--background-main-color);
font-weight: normal;
font-size: 18px;
position: absolute;
right: 20px;
top: 5px;
cursor: pointer;
}
.triangle-store-comic {
width: 28.67px;
height: 28.67px;
background: #FFFFFF;
border-radius: 5px;
transform: matrix(0.71, -0.62, 0.8, 0.71, 0, 0);
position: absolute;
top: -11px;
left: 40px;
}
.notification-products-basket {
background-color: black;
position: absolute;
top: -3px;
right: -5px;
line-height: normal;
border-radius: 100px;
height: 17px;
width: 17px;
color: #fff;
text-align: center;
}
.user-logged-name-surname-circle {
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 30px;
display: flex;
color: #EA5B0C;
position: absolute;
top: 22px;
right: 34px;
}
.basketPanelProductList .baketPanelProductListItem:last-of-type {
margin-bottom: 100px !important;
}
/*FINE HEADER*/
/*MENU*/
.menuShoppingBagMobile li {
display: flex;
align-items: center;
}
.menuShoppingBagMobile .search-toggle, .menuShoppingBagMobile .basketcontent {
padding: 15px 20px;
}
.searchbar {
border-top: 1px solid #F28F5A;
padding: 10px 0;
}
.logo-mob {
padding: 8px;
flex-grow: 1;
text-align: center;
border-left: 1px solid #F28F5A;
border-right: 1px solid #F28F5A;
}
.slide-menu {
background-color: white;
color: black;
}
.slide-menu a {
color: black;
}
.mm-first a:hover, .slide-menu a:hover {
color: black;
text-decoration: underline;
}
.mm-first a::after {
right: 1rem;
}
.slide-menu i {
color: black;
}
#mybasketdropdown {
display: flex;
flex-direction: column;
align-items: center;
}
#basketdropdown {
padding: 0;
}
.nav-choice {
padding: 0 25px;
width: 100%;
gap: 15px;
justify-content: space-between;
align-items: center;
}
.minw-0 {
min-width: 0;
}
.nav-choice .dropdown .shop-name {
/*overflow:auto;*/
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
}
.nav-choice .dropdown .shop-name .sub-address {
color: #777777;
}
.nav-choice > .text-dark {
font-size: 13px;
white-space: pre-line;
min-width: 110px;
line-height: normal;
}
.nav-choice .shop-name {
font-weight: normal;
text-align: start;
font-size: 11px;
}
.nav-choice .dropdown-li {
width: inherit;
position: relative;
}
.nav-choice .dropdown-toggle {
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 50px;
background-color: #FF8A4F;
border-color: #FF8A4F;
color: white;
}
.nav-choice .dropdown-toggle:focus-visible {
outline: auto;
}
.nav-choice .dropdown-toggle div:first-of-type {
padding: 5px 6px;
border-radius: 50px;
background-color: white;
}
.nav-choice .dropdown-toggle::after {
content: "\f078";
}
.dropdown-toggle::after {
font-family: 'Font Awesome 5 Free';
font-size: 15px;
font-weight: 900;
border: 0;
margin-left: auto;
padding-right: 15px;
color: black;
}
.nav-choice .dropdown-menu {
width: 100%;
padding-top: 20px;
padding-bottom: 0;
top: calc(100% - 20px);
z-index: 0;
background-color: #EEEBEB;
font-size: 12px;
box-shadow: 0px 2px 2px 0px #00000040;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top: none;
}
.nav-choice .dropdown-item {
padding: 10px 25px;
}
.nav-choice .dropdown-item:hover {
background-color: #e1dfdf;
}
.nav-choice .dropdown-item .w-100.minw-0 {
gap: 20px;
}
.nav-choice .dropdown-menu li:first-of-type {
border-bottom: 1px solid #C3C3C3;
}
.nav-choice .dropdown-menu .text-uppercase {
font-weight: 600;
text-align: start;
}
.nav-choice .dropdown .btn {
width: 100%;
padding: 2px;
position: relative;
z-index: 1;
}
/*.scrollbar::-webkit-scrollbar {
height: 7px;
border-radius: 5px;
background: #FFFFFF;
opacity:0.8;
}
.scrollbar::-webkit-scrollbar-thumb {
background: #000;
border-radius: 5px;
opacity: 0.9;
} */
.nav-choice-mobile {
background-color: #E7E5E5;
border: none;
border-radius: unset;
width: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.nav-choice-mobile .dropdown .btn {
padding: 8px 0;
}
.nav-choice-mobile .dropdown-toggle {
background-color: transparent;
border-color: transparent;
color: black;
padding: 8px 0;
}
.nav-choice-mobile .dropdown-toggle:focus {
box-shadow: none;
}
.nav-choice-mobile .dropdown-toggle div:first-of-type {
margin-left: 15px;
}
.nav-choice-mobile .dropdown-menu {
padding-top: 0;
border-left: none;
border-right: none;
}
.store-select-mob {
background-color: #E7E5E5;
}
.navbarMenu {
padding: 0;
}
.navbar-navMenu {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0px !important;
padding: 0px;
}
.navbar-navMenu > li > a {
text-transform: lowercase;
font-weight: 700;
display: block;
padding: 0.5rem 1.8rem 0.5rem 0.8rem;
margin: 0.2rem 0;
border-bottom: none;
border-radius: 1px;
position: relative;
}
.navbar-navMenu.stickyMenu > li > a {
margin: 0;
}
.sub-menu-item ul {
padding-left: 0;
}
.sub-menu ul li a {
white-space: pre-line;
}
.navbar-navMenu > li > a::first-letter {
text-transform: uppercase;
}
@media screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding: unset;
}
.nav-choice-mobile, .store-select-mob {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.navbar-navMenu > li:hover {
border-bottom: 5px solid #ea5b0d;
}
.navbar-navMenu > li {
border-bottom: 5px solid #FFFFFF;
}
.navbar-navMenu > li:hover .sub-menu > .sub-menu-inner, .keyboardVisible {
column-gap: 1rem;
row-gap: 1rem;
z-index: 3;
padding: 0.5rem 2rem 1rem 2rem;
overflow-y: auto;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-direction: column;
flex-wrap: wrap;
-ms-flex-line-pack: start;
vertical-align: top;
align-content: flex-start;
}
.sub-menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.sub-menu-item-container {
width: 100%;
}
.sub-menu-inner {
background-color: white;
border-radius: 20px;
position: absolute;
left: 0;
width: 100%;
top: 100%;
max-height: 720px;
font-family: 'Readex pro';
max-width: 100%;
overflow-x: hidden;
}
.sub-menu {
position: absolute;
left: -5000px;
width: 100%;
top: 100%;
background-color: transparent;
height: 10px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1260px) {
.navbar-collapseMenu .navbar-navMenu > li > a {
padding: 0.5rem 0.9rem 0.5rem 0.4rem;
}
navbar-navMenu > li:first-child > a {
padding: 0.5rem 1rem 0.5rem 1rem;
}
}
.dropdown-item {
padding: 0;
}
.dropDownSort {
margin-left: -1.2rem !important;
margin-top: 0.35rem !important;
}
.sub-menu h4 > a {
color: var(--text-default-color-light);
}
/*FINE MENU*/
/* HOMEPAGE*/
.loader-section {
position: absolute;
width: 100%;
height: 100%;
z-index: 4;
background-color: #fff;
opacity: 0.9;
}
.loader-container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: 300px;
}
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #EA5B0C;
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.banners {
display: flex;
flex-wrap: wrap;
column-gap: 2%;
row-gap: 13px;
margin-top: 100px;
}
.banners img {
min-height: 100%;
min-width: 100%;
}
.large-banner {
flex-basis: 70%;
}
.banners .large-banner:first-child img {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.large-banner img {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}
.small-banner {
flex-basis: 28%;
}
.banners .small-banner img {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.small-banner.reversed-radius img {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}
.break {
flex-basis: 100%;
height: 0;
}
@media screen and (max-width:992px) {
.banners {
display: flex;
flex-wrap: wrap;
column-gap: 4%;
row-gap: 13px;
margin-top: 100px;
}
.large-banner {
flex-basis: 100%;
}
.small-banner {
flex-basis: 48%;
}
.large-banner:first-child img {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.large-banner img {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}
.small-banner.reversed-radius img {
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.small-banner img {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}
.break {
display: none;
}
}
@media screen and (max-width:576px) {
.suggContainer {
flex-direction: column;
}
.menuShoppingBagMobile .search-toggle, .menuShoppingBagMobile .basketcontent {
padding: 15px 6px;
}
.hamburger {
padding: 10px 7px;
}
.nav-link .notification-products-basket {
top: -7%;
right: 0;
font-size: 14px;
}
}
.btn-primary.disabled {
background-color: #666;
border-color: #666;
}
.main-slider .slick-dots {
display: flex;
flex-direction: row;
justify-content: space-around;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
bottom: -72px;
}
.main-slider .slick-dots li {
background-color: #FAFAFA;
width: inherit;
height: auto !important;
margin: 0px;
height: 72px !important;
display: flex;
align-items: center;
justify-content: center;
}
.main-slider .slick-dots li.slick-active a span.filler {
background: #EA5B0C;
opacity: 0.1;
-webkit-animation: progressBar 4s ease-in-out;
-webkit-animation-fill-mode: forwards;
-moz-animation: progressBar 4s ease-in-out;
-moz-animation-fill-mode: forwards;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
}
.pager__item {
padding: 0 12px;
display: block;
background-color: transparent;
opacity: 1;
}
.dot-title {
z-index: 1;
position: relative;
}
.filler {
display: block;
height: 72px;
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.slick-dots-mobile li {
display: none;
}
.slick-dots-mobile li.slick-active {
display: block;
}
.pager__item_mobile {
padding: 0 12px;
display: block;
background-color: transparent;
opacity: 1;
}
.dot-title-mobile {
z-index: 1;
position: relative;
}
.filler_mobile {
display: block;
height: 72px;
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.slide-menu #mm-controls {
max-width: unset;
background: #5C5D5E;
align-items: center;
}
#mm-controls .text-light {
font-size: 20px;
margin-left: 20px;
}
#mm-controls div.profile a {
color: #EA5B13;
border: none;
background-color: white;
border-radius: 50px;
padding: 5px 10px;
margin: 16.5px 20px;
font-weight: 500;
display: block;
}
.slick-dots-mobile li {
display: none !important;
}
.slick-dots-mobile li.slick-active {
display: flex !important;
}
@-webkit-keyframes progressBar {
0% {
width: 0
}
100% {
width: 100%
}
}
@-moz-keyframes progressBar {
0% {
width: 0
}
100% {
width: 100%
}
}
.banner {
margin-top: 8em;
}
.banner, .banner_reversed {
display: flex;
justify-content: space-between;
}
.banner .banner_big_child {
background-color: bisque;
cursor: pointer;
width: 70%;
border-radius: 0 15px 15px 0;
}
.banner .banner_big_child, .banner_reversed .banner_big_child, .banner .banner_little_child, .banner_reversed .banner_little_child {
text-align: center;
vertical-align: middle;
padding: .375rem .75rem;
}
.banner .banner_little_child {
background-color: bisque;
cursor: pointer;
width: 25%;
border-radius: 15px 0 0 15px;
}
.banner_reversed .banner_little_child {
background-color: bisque;
cursor: pointer;
width: 25%;
border-radius: 0 15px 15px 0;
}
.banner_reversed .banner_big_child {
background-color: bisque;
cursor: pointer;
width: 70%;
border-radius: 15px 0 0 15px;
}
.first_exposition {
position: relative;
}
.first_exposition h2 {
font-family: Provicali;
}
.first_exposition .homePageShowcase {
margin-bottom: 30px;
}
.product {
border: solid 1px #E1E1E1;
border-radius: 15px;
display: flex;
flex-direction: column;
font-family: 'Readex pro';
background-color: white;
}
.product .property {
display: inline;
width: auto !important;
text-transform: uppercase;
padding: 0.2em 1em !important;
background-color: var(--text-default-color-light);
color: white;
border-radius: 25px;
font-size: 11px;
margin-right: 0.2em;
}
/*.property:first-child{
margin-left:0.5em;
}*/
.productName {
font-weight: 600;
text-transform: uppercase;
padding-bottom: 0.7em;
text-align: center;
position: relative;
}
.listing-item .productName::after {
content: "";
position: absolute;
left: 12px;
bottom: 0;
width: 93%;
border-bottom: 1px solid #E1E1E1;
}
.colorRow::before {
content: "";
position: absolute;
left: 12px;
top: 0;
width: 93%;
border-bottom: 1px solid #E1E1E1;
}
/*.product span{
font-size:10px;
padding-left:0;
}*/
/*.product .row > * {
width: min-content;
padding-right: 0.4em;
}*/
.row .prezzo {
font-size: 22px;
width: auto;
font-weight: 600;
padding-left: 0;
}
.product .row {
width: 100%;
}
.colorRow {
position: relative;
}
#otherproducts .products-grid {
margin-top: 0.5rem;
}
.row.colorRow > span {
color: var(--text-default-color-light);
white-space: pre-line;
width: auto;
}
.product .discount {
font-size: 10px;
color: #8E8E8E;
width: max-content;
margin-bottom: 0;
}
.product .og_price {
text-decoration: line-through;
color: #8E8E8E;
font-weight: 600;
font-size: 16px
}
.saleProd .prezzo {
color: var(--text-default-color-light);
}
.slider_exp1 .slick-list {
max-width: 93%;
margin: auto;
}
.slider_corr .slick-list, .slider_corr .slick-track {
margin: 0;
}
.slider_corr .product .productName {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 0;
margin-bottom: 0.7em;
max-height: 40px;
height: 100%;
}
.slider_corr .product .colorRow {
margin-top: auto;
}
/*@media screen and (min-width: 500px) and (max-width: 1100px) {
.slider_corr .product .productList-purchase-prices {
flex:auto;
}
}*/
.product {
margin-left: 0.8em;
margin-right: 0.8em;
}
.next-spot-showcase {
position: absolute;
background-color: white;
border-radius: 50px;
width: 50px;
height: 50px;
right: 2%;
top: 40%;
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
border: none;
color: var(--text-default-color-light);
}
.prev-spot-showcase {
position: absolute;
background-color: white;
border-radius: 50px;
width: 50px;
left: 2%;
height: 50px;
top: 40%;
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
border: none;
z-index: 2;
color: var(--text-default-color-light);
}
.next-spot, .next-spot-card, .next-spot-computers, .next-spot-brands, .next-spot-faq {
position: absolute;
background-color: white;
border-radius: 50px;
width: 50px;
height: 50px;
right: 2%;
top: 50%;
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
border: none;
color: var(--text-default-color-light);
}
.prev-spot, .prev-spot-card, .prev-spot-computers, .prev-spot-brands, .prev-spot-faq {
position: absolute;
background-color: white;
border-radius: 50px;
width: 50px;
left: 2%;
height: 50px;
top: 50%;
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
border: none;
z-index: 2;
color: var(--text-default-color-light);
}
@media screen and (min-width: 1300px) {
.prev-spot-brands, .next-spot-brands {
display: none;
}
}
.faqsSection .slick-next {
right: 0px;
}
.faqsSection .slick-prev {
left: 0px;
}
.brands .slick-prev, .brands .slick-next {
/* font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;*/
}
.brands {
/* margin-top: 8rem;
display: flex;
justify-content: center;*/
}
.brands .slick-list {
padding-bottom: 20px;
/* max-width: 92rem;*/
}
.brands .slick-slide {
/* max-width:350px;*/
}
.prev-spot-card, .next-spot-card {
top: 20%;
}
.suggContainer {
margin-top: 10em;
background-color: var(--background-main-color);
background-image: url("data:image/svg+xml;utf8, ");
background-repeat: no-repeat;
max-height: 325px;
margin-left: 0;
display: flex;
}
.suggestions {
color: white;
font-family: 'Readex pro';
flex: 1;
margin-left: 4rem;
}
.suggestions h2 {
font-weight: 600;
}
.suggestions p {
white-space: pre-line
}
.suggestions .btn {
color: white;
background-color: transparent;
border-radius: 15px;
border: 1px solid white;
padding: 1.5% 6%;
}
.suggContainer > div:last-child {
max-width: 65%;
flex: 1;
}
.card-slider {
display: flex;
justify-content: flex-end
}
/*#homePageContent .brands {
display: flex;
justify-content: center;
}*/
#homePageContent .brands .slick-list {
max-width: 95rem;
padding-bottom: 10px;
margin: 0 auto;
}
.banner2 .card {
width: 22%;
margin-bottom: 0;
border: none;
}
.brands-card {
border: none;
border-radius: 15px;
margin-top: 0.3rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
bottom: 6rem;
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
}
.card-slider .card, .brands .card, .faqs .card {
border: none;
margin-left: 1.5rem;
margin-right: 1.5rem;
border-radius: 15px;
position: relative;
bottom: 6rem;
width: 20rem;
padding: 0;
font-family: 'Readex pro';
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
}
.card-slider .card-img-top, .brands .card-img-top, .faqs .card-img-top, .banner2 .card-img-top {
border-radius: 15px 15px 0 0;
}
.card-slider .card-title, .brands .card-title, .faqs .card-title, .banner2 .card-title {
font-weight: 600;
text-align: center;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
.banner2_big_child .card-title {
font-weight: 500;
}
.card-slider .card-body, .brands .card-body, .faqs .card-body, .banner2 .card-body {
text-align: center;
font-weight: 600;
}
.card-slider .card-text {
margin-bottom: 1.5rem;
color: #8E8E8E;
font-size: 12px;
}
.card-slider .card-body a, .brands .card-body a, .faqs .card-body a {
color: var(--text-default-color-light);
font-weight: 600;
font-size: 14px;
text-transform: lowercase;
}
.card-slider .card-body a:first-letter {
text-transform: uppercase;
}
.card-slider .slick-list {
overflow-y: visible;
overflow-x: clip;
max-width: 70rem;
}
.computers {
margin-top: 8rem;
display: flex;
justify-content: center;
}
.computers .slick-track {
margin-bottom: 15px;
}
.computers .slick-list {
max-width: 92rem;
}
.computer-slide {
margin-top: 0.3rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
/* border-radius: 15px;*/
}
.computers .slick-dots li button:before, .computers .slick-dots li {
width: 60px;
}
.computers .slick-dots li button:before {
background-color: var(--background-main-color);
}
.computer-slide img {
box-shadow: 0px 2px 12px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 12px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 12px -1px rgba(84,82,82,0.75);
border-radius: 15px;
}
.banner2 {
margin-top: 8rem;
margin-bottom: 4rem;
padding-right: 21px;
padding-left: 21px;
}
.banner2 .card {
margin-bottom: 0;
border: none;
}
.banner2 > div {
flex-wrap: wrap;
justify-content: space-between;
}
.banner2_big_child {
background-image: url("data:image/svg+xml;utf8, "), linear-gradient(to right,var(--background-main-color), #FF880D);
background-repeat: no-repeat;
background-position: right;
width: 46.5%;
display: flex;
flex-direction: row;
border-radius: 15px;
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
}
.banner2 .card-body {
background-image: linear-gradient(to right,var(--background-main-color), #FF880D);
border-radius: 0 0 15px 15px;
border: none;
bottom: 0;
margin: 0;
letter-spacing: 1px;
}
.banner2 .card-title {
color: white;
text-transform: uppercase;
font-size: 14px;
width: 70%;
text-align: center;
margin-top: 1rem;
}
.banner2_big_child img {
position: relative;
}
.banner2_big_child img:last-child {
bottom: 1rem;
margin-right: 3rem;
}
.banner2_big_child img:first-of-type {
top: 0.5rem;
left: 4rem;
z-index: 3;
}
.banner2_big_child .card-title {
width: unset;
font-size: 28px;
font-family: Provicali;
letter-spacing: 3px;
text-transform: lowercase;
text-align: left;
margin-left: 2rem;
}
.title {
font-size: 28px;
font-family: Provicali;
letter-spacing: 2px;
text-transform: lowercase;
margin-bottom: 3rem;
}
.banner2_big_child .card-title:first-letter, .title:first-letter {
text-transform: uppercase;
}
.banner2_big_child a {
border-color: white;
border-radius: 25px;
color: white;
text-transform: uppercase;
align-self: start;
padding: 3% 10%;
margin-left: 10%;
}
.banner2_big_child a.btn:hover, .suggestions .btn:hover {
background-color: white;
color: var(--text-default-color-light);
}
.brands .card, .faqs .card {
bottom: 0;
}
.brands .card {
margin-top: 0.25rem;
}
.faqs {
padding-bottom: 4rem;
}
.faqIcon, .formIcon, .warrantyIcon {
margin-top: 1rem;
width: 4rem;
height: 3rem;
text-align: center;
}
.faqs .card {
width: 28%;
}
.faqs .card-header {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 15px 15px 0 0;
color: white;
}
.faqs .card a {
color: white;
text-transform: uppercase;
font-weight: normal;
font-size: 12px;
}
.faqs .card h6 {
font-weight: 600;
font-size: 22px;
}
.faqs .card p {
font-weight: 400;
color: white;
font-size: 14px;
}
.fa-facebook, .fa-instagram {
color: var(--background-main-color);
font-size: 25px;
text-align: center;
}
.social a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
width: 3rem;
height: 3rem;
border-radius: 25px;
box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
}
.social a:first-child {
margin-right: 1.25rem;
}
.social a:last-child {
margin-right: 4rem;
}
.social {
background-color: #FAFAFA;
margin-left: auto;
display: flex;
justify-content: end;
margin-bottom: 0.3rem;
}
.social_logged {
position: relative;
top: -0.12rem;
}
#newsletter_form {
margin-left: 3rem;
padding-left: 1rem;
width: 45%;
border-radius: 50px;
box-shadow: -2px 0px 7px -2px rgba(38,38,38,0.75);
-webkit-box-shadow: -2px 0px 7px -2px rgba(38,38,38,0.75);
-moz-box-shadow: -2px 0px 7px -2px rgba(38,38,38,0.75);
}
#newsletter_form:focus-visible {
outline-color: #8E8E8E;
}
#newsletter_form::placeholder {
color: #8E8E8E;
opacity: 1;
}
.btn {
border-radius: 15px;
font-family: 'Readex pro';
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.form-check-input:checked {
background-color: #FF880D;
border-color: white;
}
.form-check-input:focus {
box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-webkit-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-moz-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
}
.btn-primary {
color: white;
background-color: var(--background-main-color);
border-color: var(--background-main-color);
}
.btn-primary:hover, .btn-primary:active {
background-color: #FF880D;
border-color: #FF880D;
color: white;
}
.btn-primary:focus, .btn-primary:active:focus {
background-color: #FF880D;
border-color: #FF880D;
box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-webkit-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-moz-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
}
.btn-primary-inverted {
color: var(--background-main-color);
background-color: var(--text-default-color-white);
border-color: var(--background-main-color);
}
.btn-primary-inverted:focus, .btn-primary-inverted:active:focus {
color: var(--background-main-color);
background-color: var(--text-default-color-white);
border-color: var(--background-main-color);
}
.btn:focus, .btn-outline-primary:active:focus {
box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-webkit-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-moz-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
}
#button-addon2 {
position: relative;
right: 2rem;
}
.invite-cont {
line-height: 1.2;
width: 100%;
margin-left: 3.5rem;
}
.invite {
text-transform: uppercase;
margin-top: 1rem;
font-size: 12px;
color: #8E8E8E;
font-weight: 600;
}
@media screen and (max-width:768px) {
footer {
padding-top: 5rem;
}
}
.footerHelp {
margin-bottom: 0.7rem;
}
.footerContainerBlueStrip {
background-color: #FAFAFA;
width: 100%;
max-width: 100%;
}
.footerHelp {
margin-top: 1rem;
}
footer a, .footerHelp h6 {
display: block;
text-align: left;
text-transform: lowercase;
color: white;
text-decoration: none;
font-family: 'Readex pro';
}
footer a:first-letter {
text-transform: uppercase;
}
footer a:hover {
color: white;
}
.footerHelp li {
padding: 0.25rem 0;
}
footer .row .col-md-2:nth-child(2) {
margin-left: 9vw;
}
.footerHelp h6 {
letter-spacing: 0.25px;
text-transform: lowercase;
}
.footerHelp h6:first-letter {
text-transform: uppercase;
}
/* FINE HOMEPAGE */
/*ESPOSIIONE*/
.filters {
/*padding-left: 32px;*/
}
#filterPanelAccordion {
/*padding-left: 26px;*/
}
#filterPanelAccordion .accordion-item {
border-bottom: none;
}
.filters-summary {
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 0.75em;
}
@media screen and (min-width: 1200px) and (max-width:1400px) {
.nav-choice {
width: 100%;
}
.filters {
padding-left: 0px;
}
#filterPanelAccordion {
padding-left: 23px;
}
main .filterLeft .titoloCategoriaEsposizione h1 {
margin-left: 2rem !important;
}
ul.omniBreadcrumb {
margin-left: 2rem !important;
}
}
@media screen and (max-width: 1200px) {
.filters {
padding-left: 0px;
}
.filter-line {
align-items: center;
margin-left: 13px !important;
margin-right: 13px !important;
}
#filterPanelAccordion {
padding-left: 0px;
}
}
.filter-line {
align-items: center;
}
.productList-purchase-type {
flex: 1;
flex-direction: row;
display: flex;
align-items: flex-end;
/*line-height:30px;*/
font-size: 12px;
color: #777;
}
.productList-purchase-type svg, .productList-purchase-prices svg {
/*margin-bottom: 8px;*/
margin-right: 8px;
}
.productList-purchase-type span {
font-weight: 500;
color: var(--bs-body-color);
}
.productList-purchase-type span.cta_delivery {
line-height: 30px;
}
@media (max-width: 576px) {
.productList-purchase {
flex-direction: column;
}
.productList-purchase-type span.cta_delivery {
line-height: normal;
align-self: center;
}
.productList-purchase-type .cta_pickup {
align-self: center;
}
}
.productList-purchase-prices {
flex: 1;
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.listing-item .sell-price, .slider_corr .product .sell-price {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 24px;
text-align: right;
color: #EA5B0C;
}
.listing-item .sell-price-lower, .slider_corr .product .sell-price-lower {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-align: right;
color: #EA5B0C;
}
.slider_corr .slick-track, #primaCat .slick-track, #secondaCat .slick-track, #primaVetQuadrata .slick-track, #secondaVetQuadrata .slick-track {
display: flex;
}
.slider_corr .slick-slide, #primaCat .slick-slide, #secondaCat .slick-slide, #primaVetQuadrata .slick-slide, #secondaVetQuadrata .slick-slide {
display: flex;
height: auto;
}
.listing-item .sell-price-discount {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 24px;
text-align: right;
color: #EA5B0C;
}
.listing-item .full-price, .slider_corr .full-price {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: right;
text-decoration-line: line-through;
color: #2F2F2F;
/*margin-right: 5px;*/
}
.listing-item .full-price-lower, .slider_corr .full-price-lower {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 24px;
text-align: right;
text-decoration-line: line-through;
color: #2F2F2F;
margin-right: 5px;
}
.listing-item .discountToCurrency, .slider_corr .discountToCurrency {
font-family: Readex Pro;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.4px;
color: #8E8E8E;
}
.slider_corr .productList-purchase-type {
min-height: 94px;
}
.listing-item .full-price-row {
display: flex;
align-items: center;
justify-content: flex-end;
}
.listing-item .full-price-discount, .slider_corr .full-price-discount {
background-color: var(--background-main-color);
border-radius: 20px;
padding: 5px 7px;
color: #FFF;
font-family: Readex Pro;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.4px;
}
.rigaFiltriLeft {
max-width: 100%;
width: 99%;
border-bottom: none;
margin-bottom: 1.5rem;
}
.rigaFiltriLeft .dropdownFilter {
padding: 0.5rem 1.25rem;
border: 1px solid #E1E1E1;
border-radius: 50px;
font-family: 'Readex pro';
}
.rigaFiltriLeft .dropdown-menu {
z-index: 50;
font-family: 'Readex pro';
border-radius: 5px;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.askExpert {
display: flex;
align-items: baseline;
background-color: var(--background-main-color);
color: white;
border-radius: 50px;
padding-top: 2rem;
padding-bottom: 2rem;
max-width: 95%;
margin-bottom: 2rem;
}
.askExpert h6 {
margin-bottom: 0;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
margin-left: 1.5rem;
}
.askExpert .btn {
background-color: white;
color: var(--background-main-color);
padding: 0.5rem 1.25rem;
margin-left: auto;
margin-right: 1.5rem;
font-weight: 600;
}
.askExpert .btn-primary:hover, .askExpert .btn-primary:active {
background-color: #FF880D;
border-color: #FF880D;
color: white;
}
.askExpert .btn-primary:focus, .btn-primary:active:focus {
background-color: #FF880D;
border-color: #FF880D;
color: white;
box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-webkit-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-moz-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
}
.omniBreadcrumb li, .omniBreadcrumb a {
font-family: 'Readex pro';
color: var(--text-default-color-light);
text-transform: lowercase;
}
.omniBreadcrumb li:first-letter, .omniBreadcrumb a:first-letter {
text-transform: uppercase;
}
.omniBreadcrumb li:last-of-type {
color: #8E8E8E;
}
ul.omniBreadcrumb li::after {
content: '\2215';
color: #8E8E8E;
}
main .filterLeft .titoloCategoriaEsposizione h1 {
font-size: 32px !important;
font-family: 'Readex pro';
color: #2F2F2F;
text-align: left;
margin-top: 0;
margin-bottom: 7px;
}
@media screen and (min-width:1200px) {
main .filterLeft .titoloCategoriaEsposizione h1 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
ul.omniBreadcrumb {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.nav-choice .dropdown-menu, .nav-choice .dropdown .btn {
max-width: 350px;
}
}
.noOverflowExpert {
overflow-x: hidden;
}
.filterMobileRow {
/* justify-content: flex-end;*/
}
.mm-back-dynamic:before {
display: inline-block;
}
.filterMobileRow {
background-color: #FAFAFA;
}
.filterMobileOpenOptions {
font-size: 12px;
color: #191919;
border: none;
position: relative;
padding: 0;
}
.filterMobileOpenOptions:hover {
color: #191919;
text-decoration: underline;
}
.filterMobileOpenOptions:after {
content: url("data:image/svg+xml;utf8,");
color: var(--background-main-color);
position: absolute;
right: -20px;
top: -2px;
}
#filterMobilePanelAccordion .accordion-button::after {
color: var(--background-main-color);
}
#filterMobilePanelAccordion .accordion-button {
padding-left: 0.2rem;
padding-right: 0.2rem;
text-transform: lowercase;
}
#filterMobilePanelAccordion > a {
text-transform: lowercase;
display: block;
color: #8E8E8E;
}
#filterMobilePanelAccordion > a:first-letter, #filterMobilePanelAccordion .accordion-button:first-letter {
text-transform: uppercase;
}
.storeloc:hover {
color: white;
border: 1px solid var(--background-main-color);
}
.storeloc:hover svg path {
fill: white;
}
.products-grid {
display: grid;
grid-template-columns: repeat(4, 25%);
grid-template-rows: auto;
grid-row-gap: 0.5rem;
max-width: 100%;
}
.discover-container {
padding-left: 0.5rem;
}
@media screen and (min-width:1200px) {
.products-grid {
grid-column-gap: 1rem;
max-width: 95%;
}
}
@media screen and (min-width: 1500px) {
ul.omniBreadcrumb, main .filterLeft .titoloCategoriaEsposizione h1 {
/* padding-left: 0.5rem;*/
}
}
@media screen and (min-width: 1200px) and (max-width:1400px) {
.products-grid {
grid-template-columns: repeat(3, 33%);
}
}
@media screen and (min-width: 992px) and (max-width:1200px) {
.products-grid {
grid-template-columns: repeat(3, 33%);
}
.main-wrapper ul li {
flex: 0 0 25%;
text-align: center;
}
.navbar-navMenu {
flex-wrap: wrap;
max-width: 100vw;
}
}
@media screen and (max-width:1199px) {
.banner2_big_child {
width: 80%;
padding: 3rem 0;
margin: 0 auto;
}
.banner2 .card {
width: 40%;
margin: 2rem auto 0 auto;
}
.banner2 > div {
flex-wrap: wrap;
justify-content: center;
}
.storeloc {
color: var(--background-main-color);
background-color: white;
border-radius: 50px;
padding: 10px 15px;
}
.storeloc svg {
left: 10px;
}
}
@media screen and (max-width:992px) {
.products-grid {
grid-template-columns: repeat(2, 50%);
}
.faqs .card {
width: 30%;
}
.suggContainer > div:last-child {
max-width: 40%;
}
.nav-link, .menuShoppingBagMobile .nav-link {
font-size: 1.3rem;
}
}
@media screen and (min-width:576px) and (max-width:992px) {
.suggContainer > div:last-child {
max-width: 50%;
}
}
@media screen and (min-width:577px) and (max-width:700px) {
.banner2_big_child img:last-child {
right: 4rem;
}
}
@media screen and (min-width:577px) and (max-width:767.5px) {
body footer {
padding-top: 2.5rem;
}
.copy {
position: relative;
top: -0.5rem;
}
}
@media screen and (max-width:767.5px) {
footer .row .col-md-2:nth-child(2) {
margin-left: 7vw;
}
}
footer .row {
width: 100%;
}
@media screen and (max-width:1554px) {
.products-grid {
grid-template-columns: repeat(3, 33%);
}
.flyer-cat-section .img-cont {
flex-basis: 55%;
}
}
@media screen and (max-width:1137px) {
.products-grid {
grid-template-columns: repeat(2, 50%);
}
}
@media screen and (max-width:576px) {
.first_exposition .homePageShowcase .slick-next, .first_exposition .homePageShowcase .slick-prev {
top: 38%;
}
.wrapper {
padding: 7px;
}
.banner, .banner_reversed {
flex-wrap: wrap;
}
.banner_reversed {
justify-content: end;
position: relative;
bottom: 14.24rem;
height: 11rem;
}
.banner .banner_big_child, .banner_reversed .banner_big_child {
width: 100%;
border-radius: 0;
}
.banner .banner_little_child, .banner_reversed .banner_little_child {
width: 48%;
margin: 1rem 0;
}
.banner .banner_little_child {
border-radius: 0 15px 15px 0;
}
.banner_reversed .banner_little_child {
border-radius: 15px 0 0 15px;
}
.banner2_big_child {
border-radius: 0;
position: relative;
overflow: hidden;
width: 100%;
}
.banner2_big_child > div:first-child {
max-width: 75%;
}
.banner2_big_child img:last-child {
right: 4rem;
}
.banner2_big_child .card-title {
margin-left: 10%;
}
footer .row .col-md-2, footer .row .col-md-2:nth-child(2) {
margin-left: 0;
width: 100%;
}
footer .row .col-md-2 .ms-5 {
margin-left: 0 !important;
}
footer {
background-image: none;
min-height: 340px;
max-height: fit-content;
bottom: unset;
padding-top: 11rem;
height: auto;
}
footer .row {
flex-wrap: wrap;
margin-left: 0;
width: 100%;
}
.footer a {
position: relative;
text-align: center;
}
#button-addon2 {
right: 0;
width: 75%;
margin-top: 0.75rem;
}
#newsletter_form {
margin-left: 0;
width: 75%;
}
.footerHelp {
margin: 0;
}
.newsletterRowFooter {
position: absolute;
top: -5px;
height: min-content;
}
.footerContainerBlueStrip > div:nth-child(2) {
flex-wrap: wrap;
justify-content: center;
}
.social {
width: 9rem;
margin: 0 auto 1.5rem auto;
justify-content: space-between;
}
.social a:first-child, .social a:last-child {
margin: 0
}
.fa-caret-down, .fa-caret-up {
font-size: 1.5rem;
position: absolute;
top: -2px;
right: 4px;
}
.card-slider .slick-list {
max-width: 70%;
margin: auto;
}
.banner2 {
width: 100%;
}
.banner2 .card {
max-width: 80%;
width: 75%;
margin: 2rem auto auto auto;
}
.brands {
max-width: 100%;
}
.brands .slick-list {
max-width: 85%;
margin: auto;
}
.slider_exp1 .slick-list {
max-width: auto;
}
.suggContainer {
max-height: 29.3rem;
background-image: url("data:image/svg+xml;utf8, ");
margin-bottom: 40vh;
}
.prev-spot-card, .next-spot-card {
top: 43%;
}
.suggContainer > div:last-child {
max-width: 100%;
}
.suggestions {
width: 90%;
margin: 0 auto 3rem auto;
text-align: center;
}
.card-slider .card {
bottom: 0;
}
/* .faqs .slick-list {
max-width: 85%;
}
.faqs .card {
display: flex;
}*/
.computers .slick-dots li button:before, .computers .slick-dots li {
width: 30px;
}
.product .row > * {
padding-right: 0.1rem;
}
#products {
padding-right: 0;
padding-left: 0;
}
.products-grid {
/* padding-top:160px;*/
}
#otherproducts .products-grid {
padding-top: 0.5rem;
}
.product {
position: relative;
}
.askExpert {
left: 0;
position: absolute;
max-width: unset;
width: 100%;
border-radius: unset;
flex-wrap: wrap;
text-align: center;
}
.askExpert h6 {
padding-bottom: 0.8rem;
}
.askExpert h6, .askExpert .btn {
margin: auto;
}
.listing-item .row .prezzo {
width: 72%;
text-align: end;
line-height: 1.1;
}
.row.colorRow > span {
width: 68%;
}
.product {
margin-left: 0.2em;
margin-right: 0.2em;
}
.next-spot-computers, .prev-spot-computers {
top: 40%;
}
.product .promoSquare {
border-radius: 15px 0 0 0;
width: 6rem;
height: 6rem;
}
.product .promoSquare p {
font-size: 14px;
}
#titleTbig {
font-size: 28px;
}
main .filterLeft .titoloCategoriaEsposizione h1, ul.omniBreadcrumb {
margin-left: 0
}
}
@media screen and (max-width:499.99px) {
#productMainContent #related_products .slick-next, #productMainContent #related_products .slick-prev {
top: 47%;
}
.slider_exp1 .slick-list {
max-width: 88%;
}
.card-slider .slick-list {
max-width: unset;
}
.navbar-brand svg {
width: 130px;
}
.nav-link svg {
width: 45px;
}
.banner2_big_child img:last-child {
right: 7rem;
margin-right: 0;
}
.banner2_big_child img:first-of-type {
left: 1.5rem;
}
}
@media screen and (max-width:320px) {
.row .prezzo {
width: unset;
}
#navBarMain {
justify-content: center;
}
#titleTbig {
font-size: 1.8rem;
}
.banner2_big_child img:last-child {
right: 8.5rem;
}
}
@media screen and (max-width: 576px) {
.products-grid {
grid-template-columns: repeat(2, 50%);
}
.suggContainer > div:last-child {
max-width: 100%;
}
.card-slider .card {
bottom: 0;
}
.suggestions {
width: 90%;
margin: 0 auto 3rem auto;
text-align: center;
}
.suggContainer {
max-height: 35.3rem;
margin-bottom: 20vh;
}
}
.sliderMobile {
/* display: flex;
flex-direction: row;
justify-content: center;*/
}
.listing-item .property {
cursor: default;
display: inline;
width: auto !important;
text-transform: uppercase;
padding: 0.2em 1em !important;
background-color: var(--background-main-color);
color: white;
border-radius: 25px;
font-size: 11px;
margin-right: 0.2em;
}
.listing-item .productName {
text-align: left;
padding-bottom: 0;
display: block;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
height: 2em;
line-height: 1em;
}
.listing-item .productName a {
text-decoration: none;
color: #2F2F2F;
}
.listing-item .productName::after {
content: "";
border-bottom: none;
}
.rating-list li {
font-size: 18px;
float: right;
padding: 10px 2px;
color: #EA5B0D;
}
/*
.rating-list li:first-child {
float: right;
padding: 10px 2px;
}*/
/*.rating-list li:hover,
.rating-list li:hover ~ li {
color: #ffd700;
}*/
.rating-list {
margin-bottom: 0;
display: inline-block;
list-style: none;
}
.reviews p {
color: #8E8E8E;
display: inline-block;
vertical-align: top;
padding: 15px 5px;
font-size: 10px;
margin-bottom: 0;
}
/*.shortDesc p {
font-size: 12px;
margin-left: 0.5rem;
margin-right: 0.5rem;
overflow: hidden;
text-overflow:clip;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}*/
.shortDesc p {
font-size: 12px;
margin-left: 0.5rem;
margin-right: 0.5rem;
display: block; /* or inline-block */
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 3em;
line-height: 1em;
min-height: 3em;
}
.shortDesc p:first-letter {
text-transform: uppercase;
}
.filters {
font-family: 'Readex pro';
font-size: 16px;
}
.filters .accordion-item a {
font-size: 14px;
color: #8E8E8E;
text-decoration: none;
text-transform: lowercase;
}
#filterPanelAccordion .accordion-item .accordion-header button {
text-transform: lowercase;
}
.filters a:first-letter, .filterTitle:first-letter {
text-transform: uppercase;
}
.filterTitle {
margin-bottom: 0;
}
#filterPanelAccordion .accordion-button::after {
color: var(--background-main-color);
}
.accordion-body ul {
padding-left: 0;
}
.accordion-body .fa-check-square {
font-size: 18px;
}
.accordion-body .fa-square {
font-size: 18px;
color: #E1E1E1 !important;
}
.accordion-body {
padding-left: 0.75rem;
}
.filterCheckbox label {
font-family: 'Readex pro';
font-weight: 300;
}
.productPills {
/*height: 44px;*/
line-height: 22px;
}
/*FINE ESPOSIIONE*/
/*SCHEDA PRODOTTO*/
.etiene_popup img {
max-width: 80px;
}
.prices-box-mobile {
display: none;
}
.prices-box-mobile .tab-content {
padding: 0 22px;
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
/*.prices-box-mobile .productAvailability{
text-align:start;
}*/
.prices-box-mobile .advised-price{
margin-top:23px;
}
.prices-box-mobile .buttons-buy a{
font-size:14px;
padding-top:10px;
padding-bottom:10px;
}
.prices-box-desktop {
display: initial;
}
.prices-box-desktop .tab-content{
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
padding: 0 22px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.pdp-tablist{
justify-content:flex-start;
}
@media screen and (max-width: 992px) {
.prices-box-mobile {
display: initial;
}
.prices-box-desktop {
display: none;
}
}
.tab-pane .productDetail-purchase-type {
/*margin-top:24px;*/
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
.productDetail-purchase-type {
flex: 1;
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
/*font-size: 27px;*/
font-size: 19px;
line-height: 24px;
align-items: center;
letter-spacing: 0.1px;
color: #2F2F2F;
}
.productDetail-purchase-type svg, .productDetail-purchase-prices svg {
margin-bottom: 8px;
}
.block-sticky-price-mobile {
display: flex;
position: sticky;
justify-content: space-between;
border-top: 1px solid #C3C3C3;
/*border-bottom: 1px solid #C3C3C3;*/
padding: 15px 0;
margin-top:30px;
align-items:center;
}
.block-sticky-price-mobile .buttons-buy {
margin: 0;
max-width: 50%;
}
.block-sticky-price-mobile .detail-item .full-price-row {
align-self: start;
}
.block-sticky-price-mobile .productDetail-purchase-prices {
flex-direction: column-reverse;
justify-content:left;
}
.block-sticky-price-mobile .detail-item .full-price-discount, .block-sticky-price-mobile .detail-item .full-price {
font-size: 10px;
display:inline-block;
}
.block-sticky-price-mobile .detail-item .full-price-discount{
padding: 0 7px;
}
.block-sticky-price-mobile .extra-span .fas{
margin-right:5px;
}
.productDetail-purchase-prices {
flex: 1;
/* text-align: right;*/
display: flex;
flex-direction: row;
justify-content: space-between;
}
.block-sticky-price-mobile .detail-item {
margin-bottom: 0px;
max-width: max-content;
}
@media (max-width: 576px) {
.block-sticky-price-mobile .detail-item {
margin-bottom: 0px;
}
}
.detail-item .sell-price {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: auto;
align-items: center;
text-align: right;
color: #EA5B0C;
}
.detail-item .sell-price-lower {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 24px;
align-items: center;
text-align: right;
color: #EA5B0C;
}
.detail-item .sell-price-discount {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 24px;
text-align: right;
color: #EA5B0C;
}
.detail-item .full-price {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 24px;
text-align: right;
text-decoration-line: line-through;
color: #2F2F2F;
}
.detail-item .full-price-lower {
font-family: Readex Pro;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-align: right;
text-decoration-line: line-through;
color: #2F2F2F;
}
.detail-item .discount-to-currency-row {
font-family: Readex Pro;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.4px;
color: #8E8E8E;
}
.detail-item .full-price-row {
/*display: flex;*/
/*align-items: center;
justify-content: flex-end;
margin-bottom: 12px;*/
align-self: center;
}
.detail-item .full-price-discount {
background-color: var(--background-main-color);
border-radius: 20px;
padding: 2px 8px;
font-family: Readex Pro;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.4px;
color: #FFFFFF;
display: block;
text-align:center;
}
.point-earned {
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.4px;
color: #2F2F2F;
}
.buttons-buy {
margin-top: 10px;
margin-bottom: 35px;
}
.buttons-buy a {
box-shadow: 2px 2px 0px 0px #00000033;
display: flex;
width: 100%;
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);
border-radius: 100px;
justify-content: center;
font-size: 20px;
padding-top: 14px;
padding-bottom: 14px;
}
.product-list-pills {
background-color: var(--background-main-color);
}
#nextpage:focus {
box-shadow: 0 0 0 0.25rem rgb(130 138 145 / 50%);
-moz-box-shadow: 0 0 0 0.25rem rgb(130 138 145 / 50%);
-webkit-box-shadow: 0 0 0 0.25rem rgb(130 138 145 / 50%);
}
/*-------*/
#productLongDescription {
scroll-margin-top: 24em;
}
.box_promo_categoria > div {
scroll-margin-top: 22em;
}
.infobanner {
color: #8E8E8E;
background-color: #F0F0F0;
width: 100%;
font-size: 12px;
padding: 3rem 1rem;
text-align: center;
margin-bottom: 3rem;
width: 98%;
margin-top: 2rem;
}
.promoSquare {
z-index: 15;
position: absolute;
top: 0;
left: 0;
width: 8rem;
height: 8rem;
background: linear-gradient(135deg,var(--background-main-color), #FF880D);
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.promoSquare p {
text-transform: uppercase;
color: white;
font-size: 16px;
font-weight: 600;
font-family: 'Readex pro';
transform: translate(-0.1rem,0.5rem) rotate(-45deg);
}
.product-description .product .property {
background-color: #F0F0F0;
color: #2F2F2F;
}
.product-description .product .productName {
font-size: 22px;
}
.product-description .product .productCode {
font-size: 10px;
color: #8E8E8E;
}
#productMainContent .product .rating-list li, .product-reviews .rating-list li {
color: #EA5B0D;
}
.product-description .product {
border: none
}
/* .energetic-index {
color: white;
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
width: 15%;
}
.energetic-index.A, .energetic-index.a {
background-color: #03953F;
}
.energetic-index.B, .energetic-index.b {
background-color: #52AE32;
}
.energetic-index.C, .energetic-index.c {
background-color: #C7D403;
}
.energetic-index.D, .energetic-index.d {
background-color: #FEED03;
}
.energetic-index.E, .energetic-index.e {
background-color: #FBB903;
}
.energetic-index.F, .energetic-index.f {
background-color: #EC6609;
}
.energetic-index.G, .energetic-index.g {
background-color: #E30914;
}
.energetic-index p {
margin-bottom: 0;
font-size: 20px;
box-shadow: -2px 0px 7px -2px rgba(38,38,38,0.75);
-webkit-box-shadow: -2px 0px 7px -2px rgba(38,38,38,0.75);
-moz-box-shadow: -2px 0px 7px -2px rgba(38,38,38,0.75);
}*/
.productMoreInfo .fa-info-circle, #wishlist_box .fa-heart, .productShare .fa-share-alt {
font-size: 20px;
color: var(--background-main-color);
}
.productMoreInfo a {
font-family: 'Readex pro';
font-weight: 600;
color: #2F2F2F;
}
#wishlist_box a, .productShare a {
font-family: 'Readex pro';
font-weight: 300;
color: #2F2F2F;
}
#wishlist_box a, .productShare a {
text-decoration: none;
}
div[class^="pp-"] {
border-radius: 15px;
font-family: 'Readex pro';
}
div[class^="pp-"] h3 {
font-weight: 600;
position: relative;
}
div[class^="pp-"] h3::after {
content: "";
position: absolute;
bottom: -10px;
width: 150%;
border-bottom: 1px solid #E1E1E1;
}
div[class^="pp-"] .extra-span {
/* white-space: pre-line;*/
font-family: Readex Pro;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
letter-spacing: -0.2px;
color: #3F3F3F;
}
.extra-span .fas {
font-size: 17px;
color: #777777;
margin-right:8px;
}
.productPrices {
font-family: 'Readex pro';
font-weight: 600;
font-size: 22px;
text-align: end;
margin-right: 2rem;
margin-top: 2rem;
}
.productDetailPriceFull {
color: #8E8E8E;
font-size: 20px;
}
.productDetailDiscountPercentage {
color: #8E8E8E;
font-size: 10px;
font-weight: 400;
}
.productPrices .productDetailSellPrice {
font-size: 22px;
}
.d-grid.gap-2 {
width: fit-content;
}
.d-grid.gap-2 a, .faqs .card-header {
background: linear-gradient(to right,var(--background-main-color), #FF880D);
}
.productAvailability {
font-family: 'Readex pro';
font-size: 10px;
/*display: flex;*/
/*justify-content: space-between;*/
/*margin-top: 2rem;*/
display: block;
text-align: right;
}
.productAvailability p {
margin-right: 2rem;
color: #2F2F2F;
display: inline-flex;
}
.productAvailability .badge {
background-color: #fff;
border: 1px solid var(--background-main-color);
color: var(--background-main-color);
align-self: baseline;
font-size: 9px;
}
.productShippingEstimated, .productPickupEstimated {
font-style: normal;
font-family: 'Readex pro';
/*font-size: 10px;
color: #8E8E8E;*/
text-align: left;
margin-top: 20px;
}
.tab-pane .productShippingEstimated {
margin-top: 15px;
}
.tab-pane .productShippingEstimated li::marker {
color: #EA5B0C;
font-size: 30px;
line-height: 1;
}
.tab-pane .productShippingEstimated li span {
vertical-align: super;
}
.productAvailability {
padding-top:0px;
flex: 1;
align-self:center;
height: 30px;
}
.tab-pane .discount-price-row{
line-height:normal;
}
.tab-pane .price-policy-description, .tab-pane .price-policy-description + span {
font-size: 12px;
}
.tab-pane .price-policy-description + span {
font-weight:600;
}
.advised-price {
padding: 5px 20px;
background-color: #EEEBEB;
border-radius: 15px;
margin-top:10px;
width:fit-content;
}
/*.productPickupEstimated {
display: flex;
justify-content: space-around;
}
.productPickupEstimated a {
color: #8E8E8E;
}
.productPickupEstimated a:first-letter {
text-transform: uppercase;
}*/
.productQuantity {
width: min-content;
display: inline-block;
}
.quantity-ddl {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('../img/Icon ionic-ios-arrow-back.svg');
background-repeat: no-repeat;
background-position-x: 80%;
background-position-y: 16px;
border: 1px solid #868686;
border-radius: 0px;
height: 40px;
width: 60px;
padding-left: 14px;
}
.quantity-ddl {
background-position-y: 50%;
border-radius: 15px;
height: 35px;
}
.addon {
padding: 1.5rem 1rem;
border-radius: 15px;
background-color: #F0F0F0;
font-size: 12px;
text-align: center;
color: #8E8E8E;
}
.faq-buttons {
width: 100%;
margin-bottom: 2rem;
margin-top: 1rem;
}
.faq-buttons button {
background-color: #FAFAFA;
}
.faq-buttons button #text::first-letter {
text-transform: uppercase;
}
.faq-buttons button {
font-weight: 300;
font-size: 14px;
text-transform: lowercase;
color: #2F2F2F;
padding: 1rem 0.5rem;
}
.faq-buttons .fa-plus {
color: var(--background-main-color);
font-size: 17px;
}
/* per scrollbar durante modal
.modal-open{
overflow-y: scroll!important;
padding-right:0!important;
}*/
#html-data-sheet, .profileBackground {
font-size: 12px;
font-family: 'Readex pro';
background-color: white;
border-radius: 15px;
--bs-table-hover-color: none;
--bs-table-hover-bg: none;
}
#html-data-sheet th:empty {
display: none;
}
#productMainContent h5 {
font-weight: 600;
}
#html-data-sheet th {
background-color: #F0F0F0;
text-transform: lowercase;
}
#html-data-sheet th:first-letter {
text-transform: uppercase;
}
#html-data-sheet tr td:nth-child(2) {
text-align: end;
}
.first_expositionProd, .product-reviews {
margin-top: 8rem;
position: relative;
}
.product-reviews {
margin-bottom: 6rem;
}
.product-reviews .fa-star {
font-size: 22px;
}
.product-reviews .reviews p {
position: relative;
display: block;
padding: 0;
text-align: center;
font-size: 12px;
margin-bottom: 1rem;
}
.product-reviews .reviews p::after {
content: "";
position: absolute;
bottom: -10px;
left: 5%;
width: 93%;
border-bottom: 1px solid #E1E1E1;
}
.review-header .fa-star {
font-size: 16px;
}
.review-header .rating-list li {
padding: 5px 2px;
}
.review-header p {
color: #8E8E8E;
font-size: 10px;
margin-bottom: 0.5rem;
}
.review-text {
font-size: 12px;
}
.img-product-sheet {
width: 100%;
}
#productMainContent .slick-dots li button:before {
background: #EA5B0C 0% 0% no-repeat padding-box;
}
#productMainContent .slick-prev, #sliderBrand .slick-prev, .first_exposition .slick-prev, .suggestions-slider .slick-prev, .slider-quad .slick-prev, .sliderMobile .slick-prev, #primaCat .slick-prev, #secondaCat .slick-prev, #primaVetQuadrata .slick-prev, #secondaVetQuadrata .slick-prev, .cont-volantini .slick-prev, .slider-promo .slick-prev, .slickStoreDetail .slick-prev, .cont-other-shops .slick-prev, .top-category-cont .slick-prev, #showcase_store .slick-prev, .slider-cat-flyer .slick-prev, .rs_page .slick-prev, #sliderPromoExpert .slick-prev, .cart_promooffers_box_products .slick-prev, .brand-slider .slick-prev, .tiles .slick-prev {
background-color: white;
border-radius: 50px;
width: 45px;
height: 45px;
left: 0.2%;
box-shadow: 0px 2px 9px -1px rgb(84 82 82 / 75%);
-webkit-box-shadow: 0px 2px 9px -1px rgb(84 82 82 / 75%);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
border: none;
z-index: 2;
color: var(--text-default-color-light);
top: 42%;
}
#sliderBrand .slick-prev, .slider-quad .slick-prev {
left: 2%;
}
#productMainContent .slick-next, #sliderBrand .slick-next, .first_exposition .slick-next, .suggestions-slider .slick-next, .slider-quad .slick-next, .sliderMobile .slick-next, #primaCat .slick-next, #secondaCat .slick-next, #primaVetQuadrata .slick-next, #secondaVetQuadrata .slick-next, .cont-volantini .slick-next, .slider-promo .slick-next, .slickStoreDetail .slick-next, .cont-other-shops .slick-next, .top-category-cont .slick-next, #showcase_store .slick-next, .slider-cat-flyer .slick-next, .rs_page .slick-next, #sliderPromoExpert .slick-next, .cart_promooffers_box_products .slick-next, .brand-slider .slick-next, .tiles .slick-next{
background-color: white;
border-radius: 50px;
width: 45px;
height: 45px;
right: 0.2%;
box-shadow: 0px 2px 9px -1px rgb(84 82 82 / 75%);
-webkit-box-shadow: 0px 2px 9px -1px rgb(84 82 82 / 75%);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
border: none;
color: var(--text-default-color-light);
top: 42%;
}
.suggestions-slider .slick-next, .suggestions-slider .slick-prev {
top: calc(50% - 6rem);
}
#sliderBrand .slick-next, .slider-quad .slick-next {
right: 2%;
}
.slick-next:before, .slick-prev:before {
font-family: 'Font Awesome 5 Free';
font-size: 15px;
font-weight: 900;
}
.slick-next:before {
content: '\F054' !important;
}
.slick-prev:before {
content: '\F053' !important;
}
#productMainContent .colorRow::before {
border-bottom: none;
}
.productName {
text-align: left;
}
.productAddWishList{
position: absolute;
right: 30px;
top: 30px;
}
@media screen and (max-width: 992px) {
.productDescription p {
text-align: left;
}
.productName {
text-align: center;
}
.productBrand {
text-align: center;
}
.productAddWishList, .productMoreInfo {
text-align: left;
}
.faq-buttons {
flex-direction: column;
}
.faq-buttons button {
margin-bottom: 10px;
text-align: left;
}
}
.productDistinctiveLabel {
margin-bottom: 13px;
}
/*FINE SCHEDA PRODOTTO*/
/*CARRELLO*/
.cartProductListContainer {
display: flex;
background: #FFFFFF;
border: 1px solid #E1E1E1;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding-top: 22px;
padding-bottom: 22px;
margin-bottom: 15px;
border-radius: 20px;
}
.cartProductListContainerImage {
padding-left: 1rem;
flex: 1 4 0;
}
#cart_products h2 {
padding-left: 0.7rem;
}
.accordion-body input,
.accordion-body select {
border-radius: 25px !important;
}
#accordion-body .input-group-append {
margin-left: -3rem;
}
.cartProductListContainerElements {
flex: 4 1 0;
}
#promocodes-accordion .accordion-button {
font-weight: 600;
}
.accordion-button:focus, .form-control:focus, .accordion-button, .accordion-collapse.collapse.show .accordion-body {
border-color: #ea870cc7 !important;
}
#promocodes .accordion-button.collapsed, #promocodes .accordion-button.collapsed:focus,
#organa-points .accordion-button.collapsed, #organa-points .accordion-button.collapsed:focus,
#giftvouchers .accordion-button.collapsed, #giftvouchers .accordion-button.collapsed:focus {
border: 1px solid #ccc !important;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,");
}
#promocodes .btn-outline-primary {
padding: 0.6rem;
}
.cartQtySelect {
border: 1px solid #E1E1E1;
box-sizing: border-box;
border-radius: 100px;
width: 100px;
height: 32px;
padding-left: 24px;
}
label.wrap {
height: 32px;
display: flex;
justify-content: flex-end;
overflow: unset;
}
label.wrap:after {
content: url("data:image/svg+xml;utf8,");
color: var(--background-main-color);
position: absolute;
right: 10px;
top: 4px;
z-index: 1;
width: 10%;
height: 100%;
pointer-events: none;
}
.cart-payment-edit-icon:before {
content: url("data:image/svg+xml;utf8,") !important;
}
.cart-title-magnum {
font-size: 24px;
color: var(--text-default-color);
font-family: 'Readex Pro', sans-serif !important;
}
#user_data, #shipping_address_data, #shipping_modes_detail, #payment_modes, #section_pickupaddress {
background: #FFFFFF;
border: 1px solid #F0F0F0;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 22px;
margin-bottom: 29px;
}
.checkout-container .profileSeparator {
background: none;
height: 0px;
}
#userdata_readonly > .row > .col-6 > p {
font-weight: 300;
font-size: 14px;
}
.cart-readonly-data-body {
font-size: 14px;
font-weight: 300;
}
@media screen and (max-width: 1400px) {
.cart-recap-title {
font-size: 35px;
}
}
.cart-recap-title {
background-color: var(--text-default-color-white);
color: var(--background-main-color);
font-family: 'Readex Pro', sans-serif !important;
}
#subtotal {
background: #FFFFFF !important;
border: 1px solid #E1E1E1;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.checkout .btn-primary {
background: linear-gradient(90deg, #EA5B0C 0%, #FF880D 100%);
border-radius: 100px;
border: none;
}
#subtotal .title {
font-family: 'Readex Pro', sans-serif !important;
text-align: left !important;
text-transform: capitalize !important;
font-size: 20px;
display: flex;
align-items: center;
}
#subtotal .amount {
text-transform: capitalize;
font-weight: 600;
color: #8E8E8E;
font-size: 14px;
}
#subtotal > .amount > .float-end {
text-transform: capitalize;
font-weight: 600;
color: #000;
font-size: 22px;
}
#subtotal .title:before {
content: url("data:image/svg+xml;utf8, ");
padding-right: 15px;
padding-top: 7px;
}
#promocodes .accordion-button {
background: #FFFFFF;
box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
border-radius: 25px 25px 0 0;
border-bottom: 0px;
}
#promocodes .accordion-button.collapsed {
border-radius: 100px;
border-bottom: 1px;
}
#promocodes .accordion-collapse {
border: none !important;
}
#promocodes .accordion-body {
background: #FFFFFF;
box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
border-radius: 0 0 25px 25px;
border: 1px solid rgb(204, 204, 204);
border-top: 0px;
}
#promocodes .btn-outline-primary {
background: linear-gradient( 90deg, #EA5B0C 0%, #FF880D 100%);
border-radius: 100px;
border: none;
color: #fff;
margin-left: 13px;
}
.cart-readonly-data-title {
text-transform: none !important;
color: #2F2F2F;
font-weight: 400;
font-size: 20px;
}
#paydata > hr {
display: none
}
.cart-payment-btn {
border: 1px solid #E1E1E1 !important;
box-sizing: border-box;
border-radius: 20px;
display: flex;
}
.payment-info {
margin-right: 15px !important;
color: var(--background-main-color);
font-size: 23px;
}
.cart-payment-btn.border {
background-color: var(--background-main-color);
}
.cart-payment-btn.border .payment-info {
color: var(--text-default-color-white);
}
.cart-payment-btn.border > button {
color: var(--text-default-color-white);
}
#cdv_confirm + label a:hover {
text-decoration: underline;
color: #2F2F2F;
}
#cart_products > div:first-of-type, .checkout-container > div:last-child {
padding: 0 0.7rem;
}
@media (max-width: 768px) {
body.checkout {
margin-bottom: 50px;
}
}
/*FINE CARRELLO*/
/* INIZIO PAGINA CHIUSURA ORDINE*/
.order_ok_body .alert-success {
background-color: #3AC43F;
border-radius: 10px;
margin-left: 70px;
margin-right: 70px;
}
.order_ok_body .alert-success p {
color: #FFF;
margin-bottom: 0px;
}
.confirm-delivery-shipping-box, .confirm-receipt-detail-box, .order-detail-recap-box, .ticket-products-box {
border: 1px solid #F0F0F0;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 15px;
}
.order-detail-recap-box {
grid-column: 1/3;
}
.order-detail-grid {
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: auto;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.order-delivery-main-container, .ticket-main-container {
padding-left: 70px;
padding-right: 70px;
padding-top: 15px;
}
.resume-order-detail-container {
max-width: 500px;
margin: 0 auto;
}
.ticket-form-box {
margin-top: 55px;
}
#confirmOrderCard {
width: 100%;
}
@media screen and (max-width: 992px) {
.confirm-delivery-shipping-box, .confirm-receipt-detail-box {
grid-column: 1/3;
}
.order-delivery-main-container, .ticket-main-container {
padding-left: 0.7rem;
padding-right: 0.7rem;
padding-top: 50px;
}
#confirmOrderCard .row > div {
padding: 0 0.3rem;
}
#confirmOrderCard .row > .col-4 {
padding: 0 0 0 0.3rem;
}
}
/* FINE PAGINA CHIUSURA ORDINE*/
/*AREA UTENTE*/
#v-pills-profile .fa {
color: var(--background-main-color);
}
.registrationFasciaTitolo {
background-color: var(--text-default-color-white);
color: var(--background-main-color);
font-family: 'Readex Pro', sans-serif !important;
}
.profileFasciaNome {
background-color: var(--text-default-color-white);
color: var(--background-main-color);
font-family: 'Readex Pro', sans-serif !important;
}
.card_loader .accordion-button:not(.collapsed) {
color: #2f2f2f;
background-color: #ea5b0c6b;
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.card_loader .accordion-button:focus {
z-index: 3;
border-color: var(--background-main-color);
outline: 0;
box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-webkit-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
-moz-box-shadow: 0 0 0 0.25rem rgb(234 91 13 / 50%);
}
/*.profileLeftTab {
background: #FFFFFF;
border: 1px solid #E1E1E1;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}*/
/*#v-pills-tabContent {
background: #FFFFFF;
border: 1px solid #E1E1E1;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding-right: 20px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
}*/
.profileButtonDarkNoBkg {
border: 1px solid var(--background-main-color);
border-radius: 12px;
opacity: 1;
background-color: #fff;
color: var(--background-main-color);
font-size: 1rem;
text-transform: uppercase;
padding: 7px 15px;
text-decoration: none;
}
.profileButtonDarkNoBkg:hover, .profileButtonDarkNoBkg:active {
color: var(--background-main-color);
}
/*FINE AREA UTENTE*/
/*PROMO*/
#categorie, #promo_categorie, .sottotitolo {
max-width: 92%;
}
#promo_categorie {
max-width: 91%;
}
#basic-addon1 {
border-radius: 25px 0 0 25px;
position: relative;
left: 13px;
padding-right: 1.5rem;
}
.btn-remove-promocode {
left: 10px;
border-radius: 0 25px 25px 0;
height: 100%;
}
/*PROMO*/
/*STORELOCATOR*/
@media screen and (min-width: 768px) and (min-height: 1000px) {
#nearstorespanel {
max-height: 58vh !important;
}
#mainMapContent {
height: 63vh;
width: 92%;
}
#map {
height: 100%;
}
}
#map {
border-radius: 25px;
}
#mainMapContent > div:first-child {
box-shadow: 0px 0px 6px 0px rgba(161,153,153,0.75);
-webkit-box-shadow: 0px 0px 6px 0px rgba(161,153,153,0.75);
-moz-box-shadow: 0px 0px 6px 0px rgba(161,153,153,0.75);
border-radius: 25px;
}
#searchTextField {
max-width: 100%;
border-radius: 50px;
position: relative;
}
#nearstorespanel .near_store_item, #nearstorespanelModal .near_store_item {
padding-bottom: 20px;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid #E1E1E1;
margin-bottom: 10px;
font-size: 15px;
}
.near_store_item > h6 {
font-size: 16px;
color: var(--background-main-color);
font-weight: 600;
}
.fa-clock {
color: var(--background-main-color);
}
#nearstorespanel > .near_store_item:last-child {
border-bottom: none;
}
#searchTextField, #searchTextFieldModal {
max-width: 95%;
border-radius: 50px;
position: relative;
}
#mainMapContent {
width: 92%;
}
.labelStoreLoc {
position: absolute;
top: 10%;
right: 7%;
}
.scrollbar {
position: relative;
}
.btn-outline-primary {
color: var(--background-main-color);
border-color: var(--background-main-color);
}
.btn-outline-primary:hover {
color: #fff;
background-color: var(--background-main-color);
border-color: var(--background-main-color);
}
/*PAGINA NEGOZIO*/
.nomePv {
font-weight: bold;
text-transform: uppercase;
color: var(--background-main-color);
display: flex;
align-items: center;
}
.nomePv svg {
margin-right: 0.5rem;
}
.aliasPv {
font-weight: 600;
text-transform: uppercase;
}
.scheda_negozio, .box_orari, .box_finanziamenti, #box_volantini, .box_servizi {
padding: 1.5rem;
display: flex;
border: 1px solid #F0F0F0;
border-radius: 25px;
box-shadow: 0px 0px 2px 0px rgba(56,56,56,0.75);
-webkit-box-shadow: 0px 0px 2px 0px rgba(56,56,56,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(56,56,56,0.75);
}
.box_finanziamenti, #box_volantini {
flex-direction: column;
}
.box_finanziamenti h4, #box_volantini h4 {
font-weight: bold;
text-transform: lowercase;
}
.box_finanziamenti h4:first-letter, #box_volantini h4:first-letter {
text-transform: uppercase;
}
#box_volantini h4 {
color: var(--background-main-color);
}
.box_orari .titoloPv, .box_servizi .titoloPv {
font-size: 22px;
font-weight: 600;
}
.scheda_negozio .fa-phone-alt, .scheda_negozio .fa-envelope, .box_orari .fa-clock, .scheda_negozio .fa-map-marker-alt {
color: var(--background-main-color);
}
.scheda_negozio svg {
margin-left: -3px;
overflow: initial;
}
.box_orari ul {
list-style-type: none;
padding-left: 0;
font-size: 16px;
}
.box_orari ul > li {
color: var(--background-main-color);
display: flex;
justify-content: space-between;
}
.box_orari ul > li .selezionato {
color: #2f2f2f;
display: inline-block;
}
.map-cont {
border: 1px solid #F0F0F0;
border-radius: 25px;
box-shadow: 0px 0px 2px 0px rgba(56,56,56,0.75);
-webkit-box-shadow: 0px 0px 2px 0px rgba(56,56,56,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(56,56,56,0.75);
}
.box_servizi {
flex-direction: column;
justify-content: center;
}
.box_servizi img {
border-radius: 25px;
}
.box_servizi .titoloPv {
margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
.box_servizi .servizi_negozio {
text-align: center;
}
.box_orari > .row {
justify-content: center;
}
.scheda_negozio {
flex-wrap: wrap;
}
.boxVolantino, .box_finanziamenti .row {
text-align: center;
}
#box_volantini .row {
justify-content: center;
}
.detail-item .sell-price {
font-size: 35px;
}
.detail-item .sell-price-lower {
font-size: 25px;
}
#mainMapContent {
flex-wrap: wrap;
}
}
@media screen and (max-width: 576px) {
.scheda_negozio > div:last-child {
margin-top: 1rem;
}
.map-cont #map {
margin-bottom: 0;
}
.nomePv {
flex-wrap: wrap;
justify-content: center;
}
.nomePv svg {
margin: 0;
}
.store_infowindow {
width: 220px;
}
.gm-style .gm-style-iw-c {
max-width: none !important;
}
}
@media screen and (min-width: 1200px) {
.box_orari .row {
width: 100vw;
}
.scheda_negozio p {
margin-left: 1rem;
}
}
.store_infowindow {
max-width: 300px;
}
.store_infowindow .title {
font-family: 'Readex Pro';
font-size: 20px;
margin-bottom: 1rem;
letter-spacing: unset;
text-transform: unset;
font-weight: bold;
color: var(--background-main-color);
}
.store_infowindow p {
font-family: 'Readex Pro';
}
.btn-pdv-dettagli:hover {
color: #fff;
}
/*FINE STORELOCATOR*/
/*FAQ*/
.li-bullet-style {
font-family: 'Readex Pro', sans-serif;
}
.li-bullet-style:hover, .li-bullet-style:active {
background-color: var(--background-main-color);
}
/*FINE FAQ*/
.grecaptcha-badge {
z-index: 3;
}
/*SHOP IN SHOP*/
.img-bordo {
border: 1px solid #dadada;
}
/* FINE SHOP IN SHOP*/
.text-primary {
color: #EA5B0C !important;
}
.signin-link {
margin-top: 0.35rem !important;
margin-right: 0.80rem !important;
}
#card_login_card {
border-color: #EA5B0C !important;
}
.showcase-attrs-imag .attr-imag img,
.product-list-attrs-imag .attr-imag img {
max-width: 100%;
}
.detail-attr-imag {
max-width: 100%;
}
/*DA VERIFICARE!!!!!!!*/
@media (min-width: 993px) and (min-height: 769px) {
footer {
line-height: initial;
padding-top: 0px !important;
}
footer .newsletterRowFooter {
position: relative;
}
/*body {
margin-bottom: 305px;
}*/
.prices-box-desktop {
position: fixed;
right: 15px;
margin-top: -30px;
padding-right:var(--bs-gutter-x);
padding-left: var(--bs-gutter-x);
}
}
@media (min-width: 1950px) and (min-height: 769px) {
.prices-box-desktop {
right: calc((100vw - 1920px) / 2);
max-width: 600px;
}
}
/*DA VERIFICARE!!!!!!!*/
.product-detail-attrs-prod .detail-attr-prod {
margin-bottom: 5px;
}
.product-detail-attrs-prod .detail-attr-prod a {
background-color: unset;
display: inline-block;
padding: 0px !important;
margin-bottom: 5px;
margin-right: 0px;
}
.showcase-attrs-list,
.product-list-attrs-list {
max-height: unset;
height: unset;
}
.showcase-attrs-list .attr-list img,
.product-list-attrs-list .attr-list img {
max-width: 100%;
}
.showcase-attrs-list .attr-list:first-child,
.product-list-attrs-list .attr-list:first-child {
margin-left: 0;
}
.showcase-attrs-list .attr-list,
.product-list-attrs-list .attr-list {
padding-left: 0;
margin-bottom: 10px
}
/*.modalSearchSuggestions {
font-size: 14px;
z-index: 2;
margin-top: 0px;
margin-left: 7px;
margin-right: 7px;
background: #FAFAFA;
width: auto;
}
@media (min-width: 768px) {
.modalSearchSuggestions {
width: 93%;
}
}
.modalSearchSuggestions ul {
padding-left: 18px;
list-style: disc;
}
*/
.promoconsumo-container {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.img-fluid img-detail-promoconsumo {
max-width: 725px;
min-height: fit-content;
width: 100%;
}
@media screen and (max-width:992px) {
.promoconsumo-container {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.img-fluid img-detail-promoconsumo {
max-width: 725px;
min-height: initial;
width: 100%;
}
}
.modal-detail-store-contact p {
margin-left: 0px;
margin-bottom: 0px;
}
#PuntoVendita {
max-width: 1320px;
margin: 0 auto;
}
.filterMobilePanelBody .accordion-body {
max-height: 250px;
overflow-y: auto;
}
#card_login_card, #card_login_email, .forgotten_panel, #reset_password_panel {
border: 1px solid #E1E1E1;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
border-radius: 20px;
padding-top: 22px;
padding-bottom: 22px;
margin-bottom: 15px;
border-radius: 20px;
padding: 15px;
}
/*CSS VOLANTINO CUSTOM*/
.CatVolant {
box-shadow: 0px 2px 5px 0px rgba(84,81,81,0.75);
-webkit-box-shadow: 0px 2px 5px 0px rgba(84,81,81,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(84,81,81,0.75);
font-size: 14px;
}
.CatVolantSP {
background-image: linear-gradient(to right,#F14F1F, #FF7B27);
border: 1px solid white;
color: white;
}
.cat-Img {
border-radius: 20px;
}
#bannerQuadrati {
margin-top: 5em;
margin-bottom: 5em;
}
#bannerQuadrati .col-lg-6:first-child > .row {
background-image: url("https://via.placeholder.com/940x650");
background-size: contain;
border-radius: 20px;
width: 101%;
}
#bannerQuadrati .col-lg-6:last-child > .row {
background-image: url("https://via.placeholder.com/940x650");
background-size: contain;
border-radius: 20px;
margin-left: auto;
width: 101%;
}
#primaVetQuadrata img, #secondaVetQuadrata img {
max-width: 80%;
}
#primaVetQuadrata, #secondaVetQuadrata {
margin-top: 2rem;
margin-bottom: 2rem;
}
#bannerQuadrati h1 {
font-size: 55px;
}
#catContVolant {
width: 75%;
grid-template-columns: repeat(7, auto) 0.6fr;
}
.volantDesc .btn {
width: 90%;
}
@media screen and (max-width:991px) {
#bannerQuadrati .col-12:first-child > .row {
width: unset;
}
#bannerQuadrati .col-12:last-child > .row {
margin-top: 3rem;
width: unset;
}
#catContVolant a:last-child {
grid-column: 3/6;
margin-top: 10px;
}
.noOverflowExpert {
overflow-x: visible;
}
}
@media screen and (max-width:1400px) {
#catContVolant {
width: 100%;
grid-template-columns: repeat(8, auto);
}
}
@media screen and (max-width:768px) {
#catContVolant {
width: 100%;
grid-template-columns: 1fr 1fr;
column-gap: 5px;
row-gap: 5px;
}
#catContVolant a:first-child, #catContVolant a:last-child {
grid-column: 1/3;
}
}
@media screen and (max-width:576px) {
.volantDesc {
text-align: center;
}
#catContVolant {
width: 100%;
grid-template-columns: 1fr 1fr;
column-gap: 5px;
row-gap: 5px;
}
.volantDesc .btn {
width: 80%;
}
#bannerQuadrati h1 {
font-size: 35px;
}
}
/*FINE CSS VOLANTINO CUSTOM*/
.error-page-background {
background-color: #EA5B0C;
}
.error-page-background code {
color: white;
}
.error-page-background a, .error-page-background a:hover {
color: #000;
}
.slider-handle {
background-color: darkorange !important;
background-image: none !important;
}
.badge.filter-row-selected {
background-color: #fff;
color: #000;
border: 1px solid #ccc;
margin-left: 2px;
margin-left: 2px;
text-decoration: none;
text-transform: uppercase;
}
.badge.filter-row-selected .fa-times {
color: red;
}
.selected-pills-mobile {
background-color: #FAFAFA
}
#accordionHtmlDataSheet .accordion-button:not(.collapsed) {
color: var(--background-main-color);
background-color: transparent !important;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
#accordionHtmlDataSheet .accordion-button:focus {
box-shadow: 0 0 0 0rem rgba(13,110,253,.25);
}
#accordionHtmlDataSheet .accordion-button:focus-visible {
outline: auto;
}
#accordionHtmlDataSheet .table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: #fff;
}
#accordionHtmlDataSheet tr td:last-child {
text-align: right;
}
#accordionHtmlDataSheet tr:last-of-type {
border-color: transparent;
}
#accordionHtmlDataSheet table {
margin-bottom: 0px;
}
.navigation-categories {
border-bottom: none;
}
.productList-purchase-prices .price-policy-description {
font-size: 8px;
}
.productDetail-purchase-prices .price-policy-description {
margin-right: 5px;
font-size: 11px;
}
@media screen and (min-width:1200px) and (max-width:1750px) {
.dropdown-menu .box-pickup {
flex-direction: column;
align-items: flex-start !important;
gap: 5px !important;
}
}
@media (max-width: 500px) {
.main-slider.main-slider-ecommerce .slick-dots li {
display: none;
}
.main-slider.main-slider-ecommerce .slick-dots li.slick-active {
display: block;
}
}
.header-pickup-actions {
display: flex;
gap: 10px;
flex-direction: column;
}
.header-pickup-actions-v2{
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
text-decoration: underline;
}
@media screen and (min-width: 1200px) and (max-width: 1750px) {
.header-pickup-actions {
gap: 20px;
flex-direction: row;
}
}
.slide-menu #mm-controls {
justify-content: end !important;
flex: 1;
}
.mm-back-dynamic {
flex: 1;
padding: 5px !important;
font-size: 1.0rem !important;
color: #fff !important;
}
/*.btn.slide-menu__control.position-absolute[data-action=close] {
background: #5C5D5E;
width: 50px;
height: 50px;
text-align: center;
border-radius: 0;
}*/
.slide-menu-container {
height: 100dvh;
background-color: rgba(0,0,0,0.5);
max-width: 100%;
width: 100%;
}
.slide-width {
max-width: 90%;
height: calc(100dvh - 90px);
background: #fff;
overflow: auto;
}
.slide-menu a {
padding-top: 12px;
padding-bottom: 12px;
}
.mm-first a::after {
top: 12px;
color: #5C5D5E;
}
.domino-menu-sidebar{
list-style-type:none;
}
.slide-menu .slide-menu__slider {
background: #fff;
}
.slide-menu-subsection .mm-first-istituzionale {
max-width:100%;
}
.slide-menu-subsection .mm-first-istituzionale a {
color: #fff;
}
ul.slide-menu-subsection {
position: absolute;
top: calc(100dvh - 90px);
left: 0;
background: #5C5D5E;
max-width: 90%;
}
.slide-menu ul ul {
top: 0px;
}
/*.slide-menu .slide-menu__slider, .slide-menu .slide-menu__slider > ul {
max-height: calc(100vh - 110px);
overflow: auto;
}*/
.slide-menu .slide-menu__slider .mm-first,
.slide-menu .slide-menu__slider .mm-first a,
.slide-menu .slide-menu__slider .mm-first-istituzionale,
.slide-menu .slide-menu__slider .mm-first-istituzionale a,
.slide-menu .accordion-mm {
max-width: 100%;
}
.slide-menu .accordion-mm .accordion-body {
padding: 0px;
}
.productBrand {
text-decoration: underline;
}
#INDmenu-btn{
top: 85% !important;
bottom: initial !important;
}
/*PAGINA VOLANTINI*/
.flyer-title {
font-size: 55px;
font-weight: 200;
color: var(--text-default-color-light);
text-align: center;
margin-bottom: 20px;
margin-top:30px;
}
.flyer-title span{
font-weight: 400;
color: var(--text-default-color-light);
text-align: center;
}
.header-volantini {
text-align:center;
}
.header-volantini p {
font-size: 17.5px;
color: #898989;
margin-bottom:35px;
}
.menu-cat-flyer{
display:flex;
flex-direction: row;
column-gap:12px;
margin-top: 20px;
list-style-type:none;
margin-bottom: 20px;
}
.menu-cat-flyer li{
font-size: 14px;
padding: 7px 16px;
border: 1px solid black;
border-radius: 10px;
text-transform:uppercase;
font-weight:700;
}
.menu-cat-flyer li:hover, .menu-cat-flyer li:hover a {
color: white;
background: var(--background-main-color);
border-color: var(--background-main-color);
}
.menu-cat-flyer a:hover {
color: white;
}
.other-link-mobile .other-link, .secondary-link-mobile .other-link {
font-size: 14px;
padding: 7px 16px;
border: 1px solid black;
border-radius: 10px;
text-transform: uppercase;
font-weight: 700;
display: block;
}
.flyer-cat-section{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items: center;
}
.flyer-cat-section.flyer-cat-section-reversed {
flex-direction: row-reverse;
}
.flyer-cat-section img{
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.flyer-cat-section.flyer-cat-section-reversed img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius:50px;
border-bottom-right-radius:50px;
}
.flyer-cat-section.flyer-cat-section-reversed .btn-primary {
margin-left: auto;
display: block;
width: max-content;
}
.flyer-cat-section h2 {
font-size: 32px;
text-transform: uppercase;
margin-bottom: 25px;
max-width: 360px;
}
.slider-cat-flyer .slick-track{
display:flex!important;
}
.slider-cat-flyer .slick-slide {
height:inherit!important;
}
.additional-banners{
display:flex;
justify-content:space-between;
margin-left:0.8em;
margin-right: 0.8em;
margin-top:10px;
margin-bottom:40px;
column-gap:20px;
}
@media screen and (max-width:1250px) {
.menu-cat-flyer {
white-space: nowrap;
overflow-x: auto;
}
}
@media screen and (max-width:768px) {
.flyer-title {
font-size: 32px;
}
.flyer-cat-section {
flex-wrap: wrap-reverse;
}
.flyer-cat-section .img-cont {
flex-basis: unset;
}
.flyer-cat-section > div {
width: 100%;
text-align: center
}
.flyer-cat-section img, .flyer-cat-section.flyer-cat-section-reversed img {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
margin-bottom: 10px;
}
.flyer-cat-section.flyer-cat-section-reversed .btn-primary {
margin-left: unset;
display: initial;
}
.flyer-cat-section h2 {
font-size: 25px;
max-width: unset;
}
.additional-banners {
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}
.menu-cat-flyer, .additional-links {
white-space: nowrap;
overflow-x: auto;
}
.additional-links {
display: flex;
column-gap: 15px;
margin-bottom: 30px;
}
.menu-cat-flyer li, .additional-links div {
animation: hover 1000ms linear;
}
@keyframes hover {
from, to {
transform: translateX( 0);
}
50% {
transform: translateX( -30px);
}
}
.product-stores-availabilities .product-store-availability {
animation: hover-up 1000ms linear;
}
@keyframes hover-up {
from, to {
transform: translateY( 0);
}
50% {
transform: translateY(-25px);
}
}
}
.product-stores-availabilities::-webkit-scrollbar {
width: 12px;
}
.product-stores-availabilities::-webkit-scrollbar-thumb {
background: var(--text-default-color-light);
border-radius: 12px;
}
.product-stores-availabilities::-webkit-scrollbar-track {
background: #ccc;
border-radius: 0 0 15px 0;
}
#preview-bar {
right: initial;
left: 0px;
bottom: 33%;
}
#preview-bar #btn-preview-bar {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
#preview-bar #preview-bar-form{
margin-left: -5px;
}
#store-infobar {
position: fixed;
right: 0px;
bottom: 15px;
z-index: 9;
display: flex;
align-items: stretch;
max-height: 30%;
border-radius: 10px;
box-shadow: 0 4px 41px rgba(255, 255, 255, 0.75);
}
#store-infobar #btn-store-infobar {
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
background-color: rgb(234, 91, 12,0.75);
color: #fff;
padding: 15px;
float: left;
cursor: pointer;
overflow: auto;
writing-mode: vertical-lr;
transform: rotate(180deg);
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: flex;
gap: 10px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
#store-infobar #btn-store-infobar .store-name {
font-size:1.1em;
}
#store-infobar #btn-store-infobar i {
align-self: center;
transform: rotate(180deg);
}
#store-infobar #store-infobar-form {
background-color: #fff;
padding: 10px 10px;
border: none;
background-color: var(--background-main-color);
color: #fff;
display: none;
min-width: 200px;
max-width: 350px;
flex-direction: column;
justify-content: center;
gap: 15px;
}
#store-infobar #store-infobar-form a {
color: #fff;
display: flex;
align-items: center;
}
#store-infobar #store-infobar-form a div {
border-radius: 50%;
background: white;
width: 30px;
height: 30px;
color: var(--background-main-color);
font-size: 18px;
}
#store-infobar #store-infobar-form a div i {
text-align: center;
margin: 0 auto;
height: 30px;
width: 30px;
vertical-align: initial;
line-height: 30px;
}
@media(max-width:991px){
#store-infobar{
display: none;
}
}
#navBarMain > .navbar{
margin: 0;
padding: 0;
}
.basketPanelContainer {
height: 100dvh !important;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
#mobile-menu.slide-menu .slide-menu__backlink.slide-menu__control {
font-size: 1.0rem !important;
color: #fff !important;
position: absolute;
top: -55px;
width: 60%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: .9rem 1.5rem;
border: none;
text-decoration: none;
}
#mobile-menu.slide-menu .slide-menu__backlink.slide-menu__control i {
color: #fff;
}
#mobile-menu.slide-menu .slide-menu__item > a::after {
font-family: "Font Awesome 5 Free";
content: "\F054";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
border: none;
margin-right: 0px;
right: 0;
position: absolute;
color: #5C5D5E;
right: 1rem;
vertical-align: middle;
}
.suggest_recomended .products-grid {
grid-template-columns: repeat(6, 16.66%)
}
@media(max-width:1200px) {
.suggest_recomended .products-grid {
grid-template-columns: repeat(3, 33.33%)
}
}
@media(max-width:575px) {
.suggest_recomended .products-grid {
grid-template-columns: repeat(1, 100%)
}
}
.suggest_recomended .products-grid .cta_delivery{
line-height: normal;
}
.search_panel .search_text_container .form-inline .form-control {
background-color: #fff;
border-bottom: 1px solid var(--text-default-active-color);
color: #000;
width: 50%;
}
.search_panel .suggest_title {
color: var(--text-default-color-light);
display: block;
font-weight:bold;
}
.search_panel .suggest_sis {
padding: 15px 25px;
}
.wishlist-history img{
max-width: 125px;
}
.card-overlay .overlay-container {
background: #FF8A4F !important;
}
#profile-container.card-overlay .overlay-container .nav.nav-pills .nav-link {
padding: 0px !important;
}
.card-overlay .overlay-container .overlay {
align-self: self-start;
margin-top: 30% !important;
}
.checkout .main {
height: auto;
}
@media screen and (min-width: 992px) {
.checkout .main {
min-height: unset;
}
}
/* INIZIO PAGINA NEGOZIO*/
.shop-info-header {
transform: translateX(-50%);
left: 50%;
background: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-radius: 15px 15px 0px 0px;
position: relative;
z-index: 1;
position: absolute;
bottom: 0px;
width: 95%
}
.shop-info-header .custom-logo-cont {
max-width: 100px;
margin-bottom: 8px;
}
.shop-info-header .nomePv {
justify-content: start;
}
.float-heading-mob {
padding-bottom: 20px;
}
.float-heading-mob a.btn {
background-color: transparent;
border: solid 1px #939393;
border-radius: 50px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.volantini-text {
max-width: 300px;
font-size: 16px;
text-align: start;
}
#sliderPromoPdv img{
padding: 0 10px;
}
#showcase_store {
margin-top: 45px;
margin-bottom: 0;
}
#showcase_store .slick-track {
display: flex !important;
}
#showcase_store .slick-slide {
height: inherit !important;
}
.titoloFoto, .promo-cont {
margin-top: 60px;
}
.cont-other-shops h4 {
text-align: center;
margin-bottom: 30px;
}
.cont-other-shops .name-franchise {
text-transform: uppercase;
color: #EA5B13;
}
.cont-other-shops {
margin: 30px -21px 15px -21px;
background: #f2f2f2;
padding: 60px 0px;
max-width: 1920px;
min-height:fit-content;
}
.cont-other-shops > div {
max-width: 1620px;
}
.cont-other-shops .slick-track {
display: flex !important;
justify-content: center;
}
.cont-other-shops .slick-slide {
height: inherit !important;
max-width: 300px;
margin: 0 auto;
}
.cont-other-shops .d-flex:not(.slick-slider) {
column-gap: 20px;
justify-content: center;
}
.cont-other-shops .d-flex:not(.slick-slider) .more-pdv-outer {
margin: 0 15px;
}
.cont-other-shops .slick-slider {
display: block !important;
}
.titoloFoto {
margin-bottom: 20px;
}
.services h4, .top-category-cont h4 {
padding-top: 60px;
}
.top-category-cont h4 {
margin-bottom: 30px;
}
.top-category-cont p {
font-size: 18px;
}
.lista_foto {
margin-bottom: 60px;
}
.slickStoreDetail {
text-align: center;
}
#PuntoVendita .slider-promo .slick-prev, #PuntoVendita .slider-promo .slick-next, .slickStoreDetail .slick-next, .slickStoreDetail .slick-prev, #showcase_store .slick-prev, #showcase_store .slick-next, #sliderPromoExpert .slick-prev, #sliderPromoExpert .slick-next, .tiles .slick-next, .tiles .slick-prev {
top: 50%;
}
.slider-promo {
margin-bottom: 60px;
}
#PuntoVendita .vw-100:not(.cont-other-shops) > div, #PuntoVendita .vw-100:not(.cont-other-shops) {
max-width: 1920px;
}
#PuntoVendita .slick-dots li {
margin: 0;
}
#PuntoVendita .slick-dots button:before {
border-radius: 15px;
background: #C3C3C3 0% 0% no-repeat padding-box;
width: 8px;
height: 8px !important;
opacity: .75;
}
#PuntoVendita .slick-dots .slick-active button {
line-height: 2px;
}
#PuntoVendita .slick-dots .slick-active button:before {
border-radius: 15px;
background: #EA5B13 0% 0% no-repeat padding-box;
width: 10px;
height: 10px !important;
}
div#cover {
background-repeat: no-repeat;
background-position: center center;
height: 340px;
background-size: cover;
position: relative;
}
.cont-volantini .slick-disabled, .slider-promo .slick-disabled, .slickStoreDetail .slick-disabled, .top-category-cont .slick-disabled, #showcase_store .slick-disabled, .cont-other-shops .slick-disabled {
visibility: hidden;
}
.cont-volantini {
text-align: center;
}
.cont-volantini img{
max-width:210px;
margin-bottom:5px;
}
.slickStoreDetail img.slick-slide, .slider-promo .slick-slide {
margin: 0 20px;
}
.slider-promo img {
margin: auto;
}
.box_finanziamenti {
margin-top: 15px;
margin-bottom: 15px;
}
.box_finanziamenti .img-finanziamento {
margin-bottom: 5px;
}
.box_servizi {
margin-top: 15px;
margin-bottom: 15px;
}
.box_servizi .img-servizio {
margin-bottom: 15px;
}
.box_servizi ul.servizi_negozio {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.titoloPv {
color: #EA5B13;
}
.serviceTitle {
font-weight: 600;
font-size: 20px;
margin-bottom: 40px;
}
.box_servizi ul.servizi_negozio li {
display: inline-block;
}
.box_servizi ul.servizi_negozio li img {
width: 125px;
margin: 0px 5px 5px 0px;
}
.break-div {
padding: 0;
margin: 0;
width: unset;
}
@media (max-width: 991px) {
.box_servizi ul.servizi_negozio li img {
width: 115px;
}
/*.containerBody {
margin-top: 140px;
}*/
}
@media (max-width:1200px) {
.break-div {
flex-basis: 100%;
}
}
@media (max-width: 1550px) {
.store-contact .d-lg-block .d-flex {
flex-direction: column;
}
}
.store-contact {
transform: translateX(-50%);
left: 50%;
background: #fff;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-radius: 0px 0px 15px 15px;
z-index: 1;
position: absolute;
top: 340px;
width: 95%;
}
.store-social {
transform: translateX(-50%);
left: 50%;
background: #fff;
border-radius: 0px 0px 15px 15px;
position: relative;
width: 99.5%;
display:flex;
justify-content:center;
gap:30px;
}
.store-social a{
padding-top: 14px;
padding-bottom: 14px;
}
.store-contact .store-social .fab {
font-size: 24px;
color:black;
}
.store-contact .d-lg-block {
width: 100%;
padding-left: 15px;
padding-right: 15px;
flex: 3;
}
.store-contact .fa-whatsapp {
color: #32d951;
}
.store-contact .fab {
font-size: 22px;
}
.store-contact .far, .fas {
font-size: 20px;
}
.store-contact .d-lg-block .d-flex > div {
white-space: nowrap;
}
.store-contact .d-lg-block .d-flex {
flex-wrap: wrap;
}
.store-contact .pad-ct {
padding: .25rem;
}
.more-pdv-outer {
border-radius: 8px;
background-color: white;
}
.more-pdv-outer h5 {
font-size: 18px;
color: #EA5B13;
font-weight: 700;
}
.more-pdv-outer img {
border-radius: 8px;
}
.more-pdv-text-block {
padding: 30px 20px;
max-width: 300px;
display: block;
}
.outer-bordered {
border:1px solid #9b9999;
}
.slider-top-category .slick-track {
display: flex !important;
}
.slider-top-category .slick-slide {
max-width: 150px;
margin: 0 auto;
width: 100%;
}
@media (max-width: 992px) {
.store-contact > .d-flex {
border-top: 1px solid #E1E1E1;
}
.store-social a {
padding-top: 9px;
padding-bottom: 9px;
}
.store-contact .store-social .fab {
font-size: 21px;
}
}
@media (max-width: 767px) {
.box_servizi ul.servizi_negozio li img {
width: 110px;
}
}
#map2 {
max-height: 300px;
height: 300px;
border-radius: 0px;
}
.choose-shop {
background-color: #EEEBEB;
display: flex;
flex-direction: column;
padding: 15px 0;
justify-content: center;
align-items: center;
max-height: 450px;
height: 100%;
}
.choose-shop p {
font-size: 20px;
font-weight: 500;
text-align: center;
margin-left: 40px;
margin-right: 40px;
}
.choose-shop p.smaller {
font-size: 16px;
}
.choose-shop a {
background: linear-gradient(89.28deg, #E06111 0.59%, #F18F00 99.37%);
width: 80%;
font-size: 16px;
}
.apertura_stra, .chiusura_stra {
margin-bottom: 7px !important;
}
.apertura_stra .note, .chiusura_stra .note {
font-size: 0.9em;
}
#PuntoVendita {
max-width: 1920px !important;
}
.calendar {
padding: 15px;
border-top: 1px solid #ccc;
font-size: 15px;
}
.calendar .row > div:first-of-type {
border-right: 1px solid #ccc;
}
.calendar ul {
padding: 0px;
}
.calendar ul li {
list-style: none;
}
.calendar .title-header {
font-weight: bold;
margin-bottom: 5px;
}
.boxVolantino {
max-width: 250px;
margin: 0 auto;
}
ul.servizi_negozio {
padding: 0px;
}
.contenuto-pdv {
max-width: 1620px;
margin-top: 100px;
}
.contenuto-pdv > .row {
row-gap: 45px;
}
.cont-servizi .titoloPv {
font-size: 16px;
font-weight: 600;
margin-bottom: 30px;
padding-top: 20px;
}
.servizi_negozio {
font-size: 16px;
}
.ext-c-servizi {
max-width: 1400px;
margin: auto;
gap: 40px;
margin-bottom: 30px;
}
.slider-promo > div:not(.slick-slide) {
margin-top: 20px;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.section-volant-title {
margin-top: 30px;
}
ul.servizi_negozio:not(.slick-slider) li {
list-style: none;
padding: 15px 30px;
margin-bottom: 20px;
border: 1px solid #ccc;
text-align: center;
width: fit-content;
border-radius: 10px;
}
ul.servizi_negozio li.slick-slide {
list-style: none;
padding: 15px 30px;
margin-right: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
text-align: center;
width: fit-content;
border-radius: 10px;
}
.box_chiusure, .box_aperture {
max-height: 350px;
overflow-y: auto;
}
.slider-promo-expert a {
display: block;
margin: 5px;
}
@media (max-width: 576px) {
.aliasPv {
font-size: 12px;
}
/*.shop-info-header {
bottom: -180px;
}*/
.store-contact {
top: 520px;
}
.contenuto-pdv {
margin-top: 55px;
}
#cover .shop-info-header{
top:17%;
}
}
@media (min-width: 768px) {
.shop-info-header .custom-logo-cont {
max-width: 150px;
}
.store-contact, .shop-info-header {
width: 60%;
}
.store-social{
gap:20px;
}
.cont-other-shops {
margin: 60px -21px 15px -21px;
}
.choose-shop {
margin-top: 35px;
padding-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
flex-direction: row;
justify-content: unset;
}
.choose-shop svg {
min-width:30px;
flex-shrink:0.5;
}
.choose-shop p{
font-size: 16px;
font-weight: 500;
margin-left: 20px;
margin-right: 30px;
margin-bottom: 0;
}
.choose-shop a{
font-size: 18px;
padding-left: 40px;
padding-right: 40px;
width:unset;
margin-right:10px;
}
#map2 {
max-height: 360px !important;
height: 360px !important;
border-radius: 0px;
}
}
@media (max-width: 768px) {
div#cover {
background-size: contain;
background-position: top center;
}
#cover .store-contact {
top: 280px;
}
.shop-info-header{
top: 30%;
}
}
@media (min-width: 992px) {
.store-contact {
border-top: 1px solid #E1E1E1;
}
.cont-other-shops .slick-slide {
width: 300px;
}
.store-contact .fab {
font-size: 18px;
}
.store-contact .far, .fas {
font-size: 16px;
}
.ext-c-servizi {
display: flex;
}
#PuntoVendita .contenuto-pdv {
margin-top: 0;
}
#PuntoVendita .slider-promo .slick-next {
right: -25px;
}
#PuntoVendita .slider-promo .slick-prev {
left: -25px;
}
.slider-promo img {
margin: unset;
}
.store-contact i + a {
font-size: 15px;
vertical-align: bottom;
}
.section-volant-title {
margin-top: 0;
}
ul.servizi_negozio li {
list-style: none;
padding: 15px 30px;
margin-bottom: 20px;
border: 1px solid #ccc;
text-align: center;
border-radius: 5px;
width: fit-content;
}
}
@media (min-width: 1300px) {
.cont-volantini img{
max-width:230px;
}
.cont-volantini{
max-width:95%;
}
.store-contact i + a {
font-size: 18px;
vertical-align: bottom;
}
.cont-other-shops .slick-slide {
margin: 0 10px;
}
.cont-other-shops .slick-slider {
margin: 0 20px;
}
}
@media (min-width: 1600px) {
.cont-other-shops .slick-next, #sliderPromoExpert .slick-next {
right: -25px;
}
.cont-other-shops .slick-prev, #sliderPromoExpert .slick-prev {
left: -25px;
}
.store-contact .d-lg-block .d-flex {
flex-wrap: nowrap;
}
.store-contact .pad-ct {
padding: 1rem;
}
}
/* FINE PAGINA NEGOZIO*/
/* INIZIO PAGINA RAGIONE SOCIALE*/
.rs_page {
margin: auto;
padding-top: 15px;
padding-bottom: 1px;
}
.rs_page .slick-prev, .rs_page .slick-next {
top: 50%;
}
.rs_page .cont-other-shops .slick-next {
right: 15px;
}
.rs_page .cont-other-shops .slick-prev {
left: 15px;
}
.top-section hr {
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
#map_stores_rs {
margin: 45px 25px;
}
.union-social {
justify-content: center;
column-gap: 10px;
margin-top: 30px;
margin-bottom: 30px;
}
.union-social a {
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
border-radius: 25px;
box-shadow: 0px 2px 9px -1px rgba(84, 82, 82, 0.75);
-webkit-box-shadow: 0px 2px 9px -1px rgba(84, 82, 82, 0.75);
-moz-box-shadow: 0px 2px 9px -1px rgba(84,82,82,0.75);
}
.fa-facebook, .fa-instagram, .fa-whatsapp, .fa-youtube, .fa-tiktok {
color: var(--background-main-color);
font-size: 25px;
text-align: center;
}
.description {
text-align: center;
}
.description p {
font-size: 18px;
margin-top: 30px;
margin-bottom: 0;
}
.description *:not(p) {
font-size: 25px;
font-weight: 500;
}
.rs_page .cont-other-shops {
background-color: unset;
display: flex;
justify-content: center;
}
.rs_page .cont-other-shops .slick-slide {
transition: opacity 200ms;
}
.rs_page .cont-other-shops .slick-slide:not(.slick-active) {
opacity: 0;
}
.rs_page .cont-other-shops .btn {
margin-bottom: 20px;
width: 85%;
}
.rs_page .more-pdv-outer {
display: flex;
flex-direction: column;
height: 100%;
}
.no-pickup {
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}
.rs_page .servizi_negozio {
display: flex;
flex-direction: row;
white-space: nowrap;
flex-wrap: wrap;
column-gap: 20px;
}
.rs_page h4:has( + ul.servizi_negozio){
margin-top: 45px;
}
.promo-neg {
margin-top: 50px;
margin-bottom: 50px;
}
.promo-neg .col-md-4 {
justify-content: center;
align-items: center;
}
.promo-neg h3 {
font-weight: 600;
line-height: 1.4;
}
.promo-neg .col-md-4 span {
color: var(--text-default-color-light);
display: block;
}
.rs_page .slider-top-category {
max-width: 95%;
margin-left: auto;
margin-right: auto;
}
.rs_page .slider-top-category .slick-slide {
text-align: center;
}
.rs_page .slider-top-category .slick-prev {
left: -25px;
}
.rs_page .slider-top-category .slick-next {
right: -25px;
}
.rs_page .slider-promo-neg {
max-width: 1200px;
}
.extra-promo {
background-color: #d9d9d9;
padding-top: 60px;
padding-bottom: 60px;
margin-left: -1.5rem;
margin-right: -1.55rem;
justify-content: space-around;
}
.extra-promo > div:first-of-type {
text-align: center;
}
.cont-flyer-union {
background-color: white;
padding: 50px;
-webkit-box-shadow: 0px 0px 15px 5px #A2A2A2;
box-shadow: 0px 0px 15px 5px #A2A2A2;
border-radius: 50px;
}
.cont-flyer-union h3 {
margin-bottom: 45px;
}
.slider-volantini, .slider-volantini .slick-slide {
height: 100%;
}
.slider-volantini div.slick-slide {
display: flex;
justify-content: center;
align-items: center;
}
.slider-volantini img {
max-width: 270px;
width: 100%;
}
.slider-promo-other {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.slider-promo-other .slick-list {
top: -35px;
}
.slider-promo-other .slick-next {
right: -15px;
top: calc(50% - 30px);
}
.slider-promo-other .slick-prev {
left: -15px;
top: calc(50% - 30px);
}
.extra-promo h3 {
font-weight: 700;
}
.extra-promo .col-md-7 h3 {
margin-top: 45px;
}
.extra-promo .col-md-7 > div {
height: calc(100% - 25px);
}
.extra-promo .slick-slide img {
padding: 0 10px;
max-height: 390px;
margin: auto;
}
@media screen and (max-width:768px) {
.rs_page .cont-other-shops .slick-slide:not(.slick-active) {
opacity: unset;
}
.rs_page .cont-other-shops .slick-next {
right: 10px;
}
.rs_page .cont-other-shops .slick-prev {
left: 10px;
}
.rs_page .servizi_negozio {
white-space: unset;
}
.extra-promo {
row-gap: 75px;
}
.extra-promo > div {
max-width: 90%;
}
.extra-promo .col-md-7 h3 {
margin-bottom: 30px;
}
.promo-neg h3 {
text-align: center;
margin-bottom: 15px;
}
}
@media screen and (max-width:576px) {
.slider-promo-other .slick-next {
right: -25px;
}
.slider-promo-other .slick-prev {
left: -25px;
}
.extra-promo .slick-slide, .rs_page .cont-other-shops .slick-slide {
margin: 0 10px;
}
.extra-promo > div {
max-width: 90%
}
.extra-promo .slick-slide img {
padding: 0 15px;
}
}
/* FINE PAGINA RAGIONE SOCIALE*/
.cart_promooffers_box_product{
border-radius:15px;
}
.cart_promooffers_box_product_description{
line-height:1em;
}
.cart_promooffers_box_products .slick-track {
margin: 0;
}
.cart_promooffers_box_product.in_cart {
border-width:2px;
}
.cart_promooffers_box_title {
font-size: 20px;
}