/*-------------------------- * FONT *--------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Open+Sans:wght@300;400;500;600;700;800&display=swap'); body { font-family: 'Open Sans', sans-serif; color: var(--secondary); } .wide { width: 100% !important; position: relative; } a{ color: var(--secondary);} a:hover{ color: var(--secondary); text-decoration: none;} .dropdown-toggle::after {display: none;} :root { --primary: #45AC3F !important; --secondary: #009ee3 !important; } .bg-primary{background-color: var(--primary) !important} .bg-secondary{background-color: var(--secondary) !important} .border-primary{ border-color: var(--primary) !important; } .border-secondary { border-color: var(--secondary) !important; } */ .bg-info { background-color: rgba(1, 57, 108, 30%) !important; } .mainFont {font-family: 'Open Sans', sans-serif;} .subFont {font-family: 'Montserrat', sans-serif;} .bold {font-weight: 700;} .xbold {font-weight: 900;} /*.navbar-expand-lg .navbar-toggler { display: block; } .dropdown-toggle::after { display: none; } .subdrop { top: 0; left: 150px; } .blue { color: var(--blue); } .gray { color: var(--gray); } .p-rel { position: relative; }*/ /*-------------------------- * PREHEADER *--------------------------*/ /*.prehead {min-height: 25px; width: 100%; background-color: var(--secondary); } .prehead ul {display: flex; flex-direction: row; justify-content: flex-end; color: #fff; padding: 10px 0; }*/ .prehead { font-size: 12px; } .prehead ul.preheadlist .nav-item .nav-link{padding: 0.5rem .25rem; color: #fff; font-weight: 700;} .prehead ul.preheadlist .nav-item:first-child .nav-link:after{ width: 1px; height: 10px; content: ''; display: inline-block; background: #fff;; margin-left: 0.5rem; } /*#go-cart-mob { width: 90px; height: 28px; background: #B9D048; border-radius: 14px; display: block; text-align: center; margin-top: 4px; padding: 4px 0; color: #fff; font-size: 14px; } #preheader { background: #01396C; height:40px; } #lnk_menumob { display: table; } #lnk_menumob i { display: table-cell; vertical-align: middle; } .litp { margin-bottom: 15px; } .litp a {color: #01396C; font-weight: 600;} .litf a {font-size: 0.75rem; color: #000; }*/ .swiper-button-next, .swiper-button-prev { color: var(--secondary) !important; } .swiper-pagination-bullet-active{ background-color: var(--secondary) !important; } /*.swiper-thumbs { height: 120px !important; }*/ .swiper-thumbs .swiper-slide img { max-width: 100%; height: auto; } #mainpSwiper .swiper-wrapper { height: 600px; } #mainpSwiper .swiper-slide a { display: contents; } #mainpSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; } #mainpSwiper .swiper-pagination { position: relative; } /*-------------------------- * HEADER *--------------------------*/ #my-header .navbar{ border-bottom-width: 15px !important;} #my-header .navbar .container {justify-content: center; flex-wrap: wrap;} .oprmob {display: none;} .logmob {display: none;} ._call_prodotti_home { width: 25%; max-width: 268px; height: 40px; display: inline-flex; align-items: center; justify-content: flex-start; color: #fff; border: 1px solid #fff; padding: 0 !important; } ._call_prodotti_home i { margin-right: 11px; } /* LIVE SEARCH */ #cage-ricerca { width: 50%; display: inline-flex; justify-content: center; } #cage-ricerca label { /*width: 540px; width: 40vw; max-width: 500px;*/ width: 100%; height: 40px; margin: 0 19px; border: 1px solid #fff; padding: 2px 25px 0 2px; background-color: #fff; position: relative; } #cage-ricerca #livesearch { width: 100%; height: 100%; border: none; padding-top: 0px; color: #666666; font-weight: 300; font-size: 1rem; } #cage-ricerca label:after { content: '\f002'; font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; color: var(--secondary); font-size: 1rem; font-size: 1.1rem; position: absolute; right: 23px; top: 7px; } #cage-ricerca.attiva label {border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important;} #cage-ricerca.attiva label:after {display:none;} #cage-ricerca.xxx label:after {display: none;} #cage-ricerca #livesearch:focus-visible {outline:none;} #cage-ricerca #livesearch::placeholder { color: var(--secondary); line-height: 1; transition: width .5s;} #live-search-list {display: flex; flex-wrap:wrap; max-height: 400px; overflow-y: scroll; padding: 0; margin-left: -3px; margin-right: 0; background-color: #fff; position: absolute; width: 100%; z-index: 10;} #live-search-list li {display: flex; flex-basis: 50%; flex-direction: row; max-height: 130px; padding:4px 2px; background-color: #fff; margin: 0; } #live-search-list li img {max-height:100%; max-width: 100%; padding: 15px 0; margin-right: 2px; } #live-search-list li.full {flex-basis: 100%; justify-content: center; } #live-search-list li.full.highl {background-color: #01396C; color: #fff; border-bottom: 1px solid #fff; justify-content: center;} #live-search-list li.full.lowl {background-color: #fff; color: #272929; justify-content: flex-start; align-items: center;} #live-search-list li.full.highl span {color: #fff; padding: 4px 0; } #live-search-list li.full.lowl a span {color: #01396C; padding: 4px 0;} #live-search-list li.full.lowl i {font-size: 0.8rem; color: rgba(111,182,192,.4); margin-right: 4px;} #live-search-list li.full.lowl a:hover span {text-decoration: none; color: #666666;} #live-search-list li.break {flex-basis: 100%; background-color: #01396C; justify-content: center; } #live-search-list li.break a {color: #fff; } #live-search-list li.break a:hover {color: #ccc; } #live-search-list li.void {display: flex; align-items:center; justify-content: center; flex-direction: column;flex-basis: 100%; background-color: var(--secondary); height: 56px;} #live-search-list li.void a{color: #fff; /*#01396C;*/display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;} #live-search-list li.void a:hover {color: #666; text-decoration: none;} #live-search-list .searchb .dprice {position: relative;} #live-search-list .searchb .dprice:after {bottom: 24px; } #live-search-list li.full.nope {height: 33px; text-align:center; font-weight: 700;} #live-search-list::-webkit-scrollbar { width: 10px; } #live-search-list::-webkit-scrollbar-track { background: #f1f1f1; } #live-search-list::-webkit-scrollbar-thumb { background: #888; } #live-search-list::-webkit-scrollbar-thumb:hover { background: #555; } #live-search-list .break a:hover {text-decoration: none; color: #fcc129; } .searchb {display: flex; align-items: center;} .searchb span {font-size: .825rem; color: #01396C; line-height: 1;} .searchb:hover {text-decoration: none; color: #535f61; } .searchb:hover span { color: #535f61; } #logger .dropdown-item { color: #666 !important; } #logger #menuLogger { padding: 15px 0px; box-shadow: 0px 3px 6px #00000029; -webkit-box-shadow: 0px 3px 6px #00000029; -moz-box-shadow: 0px 3px 6px #00000029; } #logger #menuLogger a, #sideLoggerBox a { border-bottom: 1px solid #01396C; min-height: 37px; display: flex; align-items: center; justify-content: start; padding: 3px 12px; color: #212529; } #logger #menuLogger a span, #sideLoggerBox a span { font-weight: 600; font-size: 0.75rem; margin-left: 7px; } #sideLoggerBox { background-color: #fff; margin-top: 0px; } /*#sideLoggerBox a {border-bottom: 1px solid #cdcdcd; } */ #sideLoggerBox a:hover { background-color: #e9ecef; } #sideLoggerBox a.focus { background-color: #01396C; color: #fff; } #login-box{ padding:10px 15px 60px; font-family: 'Open Sans', sans-serif; min-width: 260px; border-radius: 0; border: 3px solid #01396C; } #login-box .tit-cart{ color:#cc3333; margin-bottom:10px} #login-box .form-group{ font-weight:400;} #login-box button{ width: 100%; height: 37px; background: #01396C; border: none; color: #fff; font-size: 10px; padding: 6px 10px; text-align: center; position: absolute; left: 0; bottom: -60px; } #login-box h4 {margin:0; font-weight: 900;} #login-box .form-control {border-radius: 17px;} #login-box a{ color:#cc3333; font-size:11px; } #login-box a.ut{ display:block; font-size: 13px; margin-bottom: 3px; margin-top: 3px; } #cart_small a#dropCart{ position:relative; display: inline-block; background:#f5f6fa; color:#333; border:1px solid #d7d8db; padding:8px 11px; margin-right:12px } #dropCart:after, #dropCart:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #dropCart:after { border-color: rgba(245, 246, 250, 0); border-left-color: #f5f6fa; border-width: 5px; margin-top: -5px; } #dropCart:before { border-color: rgba(215, 216, 219, 0); border-left-color: #d7d8db; border-width: 6px; margin-top: -6px; } #dropCart:hover,#dropCart.act{ border-color:#cc3333 !important} #dropCart:hover:before,#dropCart.act:before{border-left-color:#cc3333} #cart_small strong{ color:#c52720} #fastLogWin {} #fastLogWin .modal-dialog {max-width: 800px;} #fastLogWin .modal-content {height: 400px;} #fastLogWin .modal-body {padding: 0; height: 400px;} #fastLogWin .modal-body .row .col-6{padding: 35px 0;} #fastLogWin .modal-body .wlink a {color: #fff; font-weight: 700; font-size: 2.0rem;} #fastLogWin .modal-body .wlink a:hover {color: var(--secondary);} #fastLogWin .modal-body .wlink h4 {color: var(--secondary); } #fastLogWin #fastLogForm {display: flex; flex-direction: column; align-items: center; padding: 10px 0px; width:100%;} #fastLogWin #fastLogForm #submitFast {width: 200px; margin-top: 25px;} #fastLogWin #fastLogForm label[for=fastUser], #fastLogWin #fastLogForm label[for=fastPass] {display: flex; width: 100%;} #fastLogWin #fastLogForm label[for=fastUser]:before, #fastLogWin #fastLogForm label[for=fastPass]:before {font-family: "Font Awesome 6 Pro"; font-weight: 700;margin-right: 4px; color: #000; width: 28px; height: 38px; display: flex; align-items: center; justify-content: center; margin-right: -28px; z-index: 2;} #fastLogWin #fastLogForm label[for=fastUser]:before {content: "\f007"; color: #c7c7c7;} #fastLogWin #fastLogForm label[for=fastPass]:before {content: "\f084"; color: #c7c7c7;} #fastLogWin #fastLogForm input[name=fastUser], #fastLogWin #fastLogForm input[name=fastPass] {width: 100%; height: 38px; padding-left:32px; } #fastLogWin .wlink, #fastLogWin .wlog {display: flex; flex-direction: column; height: 100%;} #fastLogWin .wlog {justify-content: center;} #fastLogWin .wlog h3 {font-size: 1.5rem; font-weight: 300; color: #01396C;} #fastLogWin .wlink {} #ghost-image {display: block; margin: 0 auto;} #ghost-title {font-size: 1.188rem; color: #01396C; font-weight: 600;} #mirror {padding-top: 55px;} /*border-top: 1px solid #01396C; border-right: 1px solid #01396C; border-bottom: 1px solid #01396C;*/ #formsearchid {width: 554px; height: 40px; margin: 0 19px; border-left: none; border: 1px solid #01396C; } #formsearchid .select2-selection {border: none;} #sihb {border-radius: 0; color: #01396C; border-left: none; } #head-socials {display: flex; align-items: center; justify-content: center;} #head-socials .special {font-size: 14px; width: 27px; height: 27px; border: 2px solid #01396C; border-radius: 100%; display: flex; align-items: center; justify-content: center;} #head-socials li a {color: #01396C; font-size: 27px;} #logger {padding: 0;} #logger li {padding: 0;} #logger #accesso,#smallcart {padding: 0; } #logger #accesso img {height: 22px;} #logger #accesso span,#smallcart span {font-size: 0.875rem; color: #fff; text-transform: none; margin-left: 5px; } .icon-utente {font-size: 1.5rem; color: #fff;} .icon-carrello {font-size: 1.5rem; color: #fff;} #smallcart{ position: relative; } @media (min-width: 1200px){ #smallcart{width: 11%;} } #smallcart #nrprcar { position: absolute; top: -7px; left: 35%; background-color: transparent; color: #fff; } #sel-cat-search {border:none; color: #01396C; margin-left: 7px; margin-top: 13px; float: left; position: relative; max-width:200px;} #search, #suggerisciui {border-top:none!important; border-right:none!important; border-bottom:none!important; border-radius: 0; margin-left: 5px; margin-top: 7px; box-shadow: none; position: relative; float: left;} #sr {width:100%; height: 50px; border-radius: 25px; border: 1px solid #808285; margin-top: 50px;} #bsearchome, #bsearchomem {background: #01396C; width: 42px; height: 42px; border-radius: 21px; color: #fff; border:none; font-size: 22px; float:right; margin-right: 3px; margin-top: 3px; } #top-nav {background: #C1D55E; margin-top: 36px; font-size: 15px; line-height: 19px; height: 52px; font-weight: 900; } #burgermenu {padding: 0; height: 24px; display: flex; flex-direction: column; justify-content: space-between; border: none;} #burgermenu li {width: 24px; height: 4px; background-color: #01396C; border-radius: 2px; border: none;} .dropdown-menu{width: auto; padding: 55px 15px 0px 15px; margin:0; border: 0 solid; border-radius:0;} .dropdown-menu li {border:none!important;} .mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{ font-size:0.875rem; font-weight: 400; display: inline-block; width: 100%; padding: 6px 10px 6px 15px; } .dropdown-toggle, .dropdown-item {font-weight: 700; padding: 0 15px;} .dropdown-menu .submv {color: #ffffff!important;} .dropdown-menu .dropdown-item:hover {color: var(--secondary)!important;} .dropdown .dropdown-menu span { font-family: 'Open Sans', sans-serif; } #radice .dropdown-item, #radice .maindrop {color: #000; } /*#radice .maindrop {border-right: 15px solid #fff; }*/ #radice .dropdown-item:hover, #radice .maindrop:hover {color: #fff;} .maindrop a {color:#fff; font-size: 12px;} .mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff; background: #01396C; outline: 0; } .mainmenu ul > li {display: block;} /*new block menu */ #navMenu { margin-right: 10px; z-index: 1; } #navMenu>span { display: block; width: 16px; height: 2px; border-radius: 9999px; background-color: white; } #navMenu>span:not(:last-child) { margin-bottom: 3px; } #navMenu, #navMenu>span, #binario, #binario::after { transition: all .4s ease-in-out; } #dropdownMenuLink.active #navMenu { transition-delay: 0.8s; transform: rotate(45deg); } #dropdownMenuLink.active #navMenu>span:nth-child(2) { width: 0; } #dropdownMenuLink.active #navMenu>span:nth-child(1), #dropdownMenuLink.active #navMenu>span:nth-child(3) { transition-delay: .4s; } #dropdownMenuLink.active #navMenu>span:nth-child(1) { transform: translateY(5px); } #dropdownMenuLink.active #navMenu>span:nth-child(3) { transform: translateY(-5px) rotate(90deg); } .submmenu a{ padding-left: 0px !important; } .titoloPrimoLivelloSub{ border-bottom: 1px solid var(--secondary); } a.titoloTerzoLivelloSub, a.vediTuttiDi { padding: 2px 0 !important; } .vediTuttiDiCatPadre{ margin: 5% 0; padding: 15px 0; border: 1px solid var(--secondary); } .vediTuttiDiCatPadre:hover{ background-color: var(--secondary); color: white; } .vediTuttiDiCatPadre:hover i{ color: white; } #basemenu { width: 100% !important; } .mainmenu a, .bloccoFrecciaMenu{ align-items: center; display: flex; } a.text-dark.vediTuttiDiCatPadre { display: flex; justify-content: center; } .colonnaSinistraMenu{ padding-right: 0px; } .selezionaRigaMenu { background-color: var(--secondary); } .selezionaRigaMenu:first-of-type { background-color: #CCDC31; /* esempio */ } .selezionaRigaMenu *{ color:white !important; } .selezionaRigaMenu img{ filter: invert(1) !important; } .chiusuraX a{ width: 100%; display: flex; justify-content: flex-end; } .chiusuraX span{ border: 2px solid var(--secondary); padding: 10px; border-radius: 100%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } #live-search-list.attiva { z-index: 11; border: 1.5px solid black; width: 100%; margin-left: -2px; } .mm-navbar__title span{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .mm-navbar__title span p{ margin: 0; } #binario { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 40px; padding: 0 15px; position: relative; overflow: hidden; } #binario:after { content: ''; display: none; top: 0; right: -10px; width: 10px; height: 40px; position: absolute; background-color: #cc0000; z-index: 0; } #dropdownMenuLink.active #binario:after { width: 278px; } #dropdownMenuLink.active:hover { /*color: #FF4D4D;*/ } /**/ .floatclose { position: absolute; left: calc(50% - 16px); bottom: -16px; font-size: 2rem; color: #cc0000; line-height: 1; cursor: pointer; --fa-primary-color: white; --fa-secondary-color: #cc0000; --fa-secondary-opacity: 1.0; z-index: 1000; } .floatclose i:hover { --fa-primary-color: #cc0000; --fa-secondary-color: #cc0000; --fa-secondary-opacity: .7; } /******************************Drop-down menu work on hover**********************************/ .mainmenu { background: none; border: 0 solid; margin: 0; padding: 0; /*min-height:20px; */ width: 100%; } @media only screen and (min-width: 767px) { .mainmenu .collapse ul li:hover > ul { display: flex; flex-direction: column; justify-content: flex-start; } .mainmenu .collapse ul ul { position: absolute; top: 100%; left: 0; min-width: 250px; display: none } /*******/ .mainmenu .collapse ul ul li { position: relative } .mainmenu .collapse ul ul li:hover > ul { display: flex; flex-direction: column; justify-content: flex-start; } .mainmenu .collapse ul ul ul { position: absolute; top: 0; left: 100%; min-width: 250px; display: none } /*******/ .mainmenu .collapse ul ul ul li { position: relative } .mainmenu .collapse ul ul ul li:hover ul { display: flex; flex-direction: column; justify-content: flex-start; } .mainmenu .collapse ul ul ul ul { position: absolute; top: 0; left: -100%; min-width: 250px; display: none; z-index: 1 } } @media only screen and (max-width: 767px) { .navbar-nav .show .dropdown-menu .dropdown-menu > li > a { padding: 16px 15px 16px 35px } .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a { padding: 16px 15px 16px 45px } } #logger #accesso { flex-direction: row !important; } /*-------------------------- * HOME *--------------------------*/ #banner-home { overflow: hidden; } /*#banner-home .tit-banner{ font-size: 1.875rem; }*/ .bound-banner { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; background-repeat: no-repeat; background-size: cover; padding-bottom: 50px; height: 100%; } .bound-banner .tit-banner { font-weight: 700; font-size: 1.875rem; color: #fff; } .bound-banner .highlit-banner { font-weight: 200; font-size: 2.625rem; color: #fff; margin-left: auto; text-shadow: 2px 2px 4px rgba(0,0,0,0.72); line-height: 1; } .bound-banner .highlit-banner strong { text-transform: uppercase; font-weight: 800; } .bound-banner a { font-size: 1.125rem; font-weight: 700; color: #fff; } .bound-banner a:hover { text-decoration: none; color: #c1c1c1; } #categorieHomeTop .swiper-pagination-bullet,.griglia_proposte .swiper-pagination-bullet{ background-color: rgba(89, 89, 90, 1); width: 30px; height: 6px; opacity: 20%; border-radius: 3px; } #categorieHomeTop .swiper-pagination-bullet-active,.griglia_proposte .swiper-pagination-bullet-active { opacity: 1; background-color: var(--secondary); } #categorieHomeTop .swiper-button-next:after, #categorieHomeTop .swiper-button-prev:after { font-size: 30px; } #preheader #tinyhl { position: absolute; z-index: -1; left: 0; top: 0px; } #preheader #tinyhr { position: absolute; z-index: -2; right: 0; top: 0px; } #intervallo { min-height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--primary); margin: 20px 0; color: #fff; } #intervallo p { margin: 0; } .proposte .container-fluid {background-color: var(--secondary);} .proposte .container-fluid {padding: 30px 0; color: #ffffff; } .bestseller .container-fluid:first-child {background-color: var(--primary);} .bestseller .container-fluid:not(:first-child) {background-color: var(--secondary);} .bestseller .titoloPreSlider h4 { font-size: 1.7rem; font-weight: 700; color: #ffffff; } .bestseller .titoloPreSlider h6 { font-size: 0.875rem; font-weight: 500; color: #ffffff; } .bestseller .subTitoloPreSlider h2 { font-size: clamp(1.5rem, 1.3142rem + 0.8258vw, 2.3rem); font-weight: 800; text-transform: uppercase; color: #fff; text-align: center; } .call-prehead { color: #fff; display: inline-block; margin-top: 11px; } #icotell, #icofb { display: inline-block; } /*.griglia_proposte { background: antiquewhite; }*/ .griglia_proposte .item, #griglia_best_sell .item { display: flex; flex-direction: column; flex-basis: 30%; min-width: 247px; max-width: 400px; padding: 10px; position: relative; justify-content: space-between; } .griglia_proposte .item a h4, #griglia_best_sell .item a h4 { font-size: 0.875rem; font-weight: 700; margin-bottom: 0; } .griglia_proposte .info .instead,#griglia_best_sell .info .instead { display: flex; font-size: 0.875rem; color: #59595A; font-weight: 700; } .call-prehead:after { content: '|'; color: #fff; margin: 0 11px; } #log-myd:before { content: '\f2bb'; margin-right: 5px; } #log-hea:before { content: '\f004'; margin-right: 5px; } #log-cpw:before { content: '\f084'; margin-right: 5px; } #log-ord:before { content: '\f466'; margin-right: 5px; } #log-ext:before { content: '\f2f5'; margin-right: 5px; } #slideCat .badge { color: #000; font-size: .725rem; font-weight: 800; text-decoration: none; } #slideCat .badge:hover { color: #45939e; } #slideCat .slick-next:before { content: '\f107'; font-family: 'Font Awesome 6 Pro'; } #slideCat .slick-prev:before { content: '\f104'; font-family: 'Font Awesome 6 Pro'; } #topcat { margin-top: 39px; } #topcat #slideCat { margin-top: 15px; } .proposte, .bestseller { padding-top: 40px; } #rowborse { height: 390px; background-position: center; background-size: cover; } .bgrlc { background-color: #E8E9ED; padding: 20px 22px; display: flex; flex-direction: column; } .bgrlc a:first-child { font-weight: 600; margin-bottom: 16px; color: #01396C; font-size: 1rem; } .bgrlc a { color: var(--secondary); font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 6px; } .bgrlc a:hover { color: var(--primary); } .bgrlc .focused { color: var(--primary); font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 6px; } .isInactive { cursor: default; color: #666 !important; } .hd-filter { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 1.188rem; padding: 7px 22px; font-weight: 700; margin-bottom: 0; } .md-filter { color: #000; font-size: 1rem; font-weight: 600; } #contfiltp { display: flex; justify-content: space-between; } #contfiltp #fmin { max-width: 100px; text-align: center } #contfiltp #fmax { max-width: 100px; text-align: center } #filtersearch { background-color: #01396C; color: #fff; width: 100%; border: none; padding: 10px; font-weight: 600; } .custcheck { margin: 0; align-items: center; } .custcheck input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { width: 20px; height: 20px; background-color: #777777; border: 1px solid #C6C6C6; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0; } .checkmark:after { display: block; } .custcheck h5 { margin: 0 0 0 5px; } /* On mouse-over, add a grey background color */ .custcheck:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .custcheck input:checked ~ .checkmark { background-color: #01396C; } /* Show the indicator (dot/circle) when checked */ .custcheck input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .custcheck .checkmark:after { width: 13px; height: 13px; border-radius: 50%; background: white; } #banner-half .bound-banner { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background-repeat: no-repeat; background-size: contain; padding: 20px; } #banner-half .tit-banner { font-weight: 700; font-size: 1.625rem; line-height: 32px; color: #fff; max-width: 20%; } #banner-half .highlit-banner { font-size: 1.3rem; color: #fff; max-width: 50%; margin: 6px auto; text-align: center; font-weight: 600; line-height: 1.1; } #banner-half .highlit-banner { } #banner-half a.btn-info { background: #6FB6C0; border-color:#6FB6C0; font-size: .875rem; font-weight: 700; color: #fff; padding: 0.25rem 1.5rem; } #sb-body, #sb-loading { background-color: #ffffff!important; } /*-------------------------- * PRODOTTI *--------------------------*/ #head-maincat { min-height: 80px; background-color: var(--secondary); display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0px; padding: 15px 0; } #head-maincat h1 {color: #fff; font-size: 1.875rem; font-weight: 700; } #head-maincat span {color: #fff; font-size: 1.2rem; font-weight: 400; line-height: 1.2; padding: 0 120px 20px; text-align: center; } #breadcage .hibread {font-size: 0.825rem; color: var(--secondary); margin-top: 25px;} /*#breadcage .hibread a {color: #2e666e;} #breadcage .hibread a:hover { color: #1E88E5; }*/ #breadcage #customBread {list-style: none; display: inline-flex;} #breadcage #customBread li:first-child {margin-right: 5px;} #breadcage #customBread li:not(:first-child) {margin-left: 5px; margin-right: 5px;} /* griglia prodotti */ #lst-bread-cont {padding: 0 15%; } #body-maincat #cont-list-prod {padding: 0 15%;} #filter{ font-size: .75rem;} #filter .form-inline label { display: inline-flex; justify-content: flex-start; } #filter .custom-select{ padding: 0 1.75rem 0 0.75rem; border-radius: 0; font-size: .75rem; } #filter a{ margin-right: 1rem;} #filter a .fa-times-circle{margin-left: .25rem; color: var(--primary);} #flex-prodotti { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 35px; padding: 0; } #blocco-griglia {padding-top: 55px; } #blocco-griglia .item { display: flex; flex-direction: column; flex-basis: 33%; min-width: 335px; max-width: 400px; padding: 10px 5px; position: relative; justify-content: space-between; margin-bottom: 1rem; } #blocco-griglia .item.itemNonDisponibile::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #cfcfcf61; pointer-events: none; } #blocco-griglia .item a h4 {font-size: 0.875rem; font-weight: 700; margin-bottom: 0;} /*#blocco-griglia .info .blocco-prezzo {font-size: 1.5rem; font-weight: 700; display: flex; align-items: baseline; }*/ #blocco-griglia .info .instead {display: flex; font-size: 0.875rem; color: #59595A; font-weight: 700; } #blocco-griglia .info .f-price {display: flex; align-items: center; position: relative; } #blocco-griglia .info .f-price:after {content: ''; width: 58px; border-bottom: 5px solid var(--secondary); position: absolute; bottom: -5px;} #blocco-griglia .info .f-price .label-fprice {color: #59595A; font-size: 0.75rem; font-weight: 700; margin-right: 13px; } #blocco-griglia .info a:hover h4 {color: var(--secondary); } #blocco-griglia #container-griglia {padding: 0 15%;} #blocco-griglia #container-griglia .main-row {justify-content: space-between;} #dettaglio .info .price-tag {font-size: 2rem; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;} #dettaglio .info .instead {display: flex; font-size: 1.5rem; color: #59595A; font-weight: 500; } #dettaglio .info .instead.none {display: none; } #dettaglio .info .instead em { margin-right: 5px; } #blocco-griglia #container-griglia .navbar.navbar-expand-lg { flex-flow: column wrap; } #blocco-griglia #container-griglia #nav-categorie { margin-top:.5rem;} #blocco-griglia #container-griglia .mlf {justify-content: space-between; align-items: center;} #blocco-griglia #container-griglia .navbar-toggler {display: flex; width: 100%; padding: 0 10px 0 0; justify-content: space-between; align-items: center;} #blocco-griglia #container-griglia #nav-filtri {flex-flow: column wrap; margin-top: .5rem;} #dettaglio .ccartqta {width: 60px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #01396C; border-radius: 0; font-size: 0.825rem; text-align: center;} #dettaglio .qtless, #dettaglio .qtmore {width: 40px; height: 40px; background-color: #fff; border: none; display: flex; align-items: center; justify-content: center; color: #000; font-weight: 600;} #startfrom {font-size: 0.825rem; color: #645A51; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; display: none;} #flex-prodotti .info .parda {color: #59595A} .offer-badge {width: 94px; height: 20px; background-color: #01396C; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; position: absolute; top: 0; left: 0;} .offer-badge:after { content: ''; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #ffffff; border-bottom: 10px solid transparent; right: 0; position: absolute; } #pro-mod { font-size: 20px; color: #808285; margin-top: 20px; margin-bottom: 10px; line-height: 1.1; } .homprodco .prd_ds { margin-bottom: 0; } .labvar { margin-top:0; background-color: #b9d543; text-align: center; padding:2px 0; } #fotelep {margin-bottom: 25px; } .linelem {margin-bottom: 25px;} #var1 { margin-bottom: 15px;} #var1, #var2 {width: 265px;} .bsave { background-color:#C1D55E;color:#FFF; padding: 10px 15px; border-radius: 21px; } #spin { display: table; width: 100%; min-height: 294px; padding: 115px 0; text-align: center; } #gallery_prodotti { visibility: hidden; } #gallery_prodotti a { max-height: 482px; overflow:hidden; } .miniatura { display: inline-block; width: 60px; height: 60px; margin: 4px; } .gallery-mins .slick-current img { border: 1px solid #01396C; } #navigator nav {margin-top: 30px; border-top: 1px solid #01396C;} /* list */ .info .blocco-prezzo { font-size: 1.5rem; font-weight: 700; display: flex; align-items: baseline; } .half_label_grid {font-size: 0.825rem; font-weight: 700; margin-right: 7px;} .half_price_grid {font-size: 1.25rem; font-weight: 700;} .info .blocco-prezzo:after {content: ''; position: absolute; display: block; width: 58px; bottom: 0; border-bottom: 5px solid var(--secondary); margin-top: 7px; } .info .blocco-prezzo.someof .dprice:after { border-color: orange;} .info .blocco-prezzo.anyof .dprice:after { border-color: #ab1313;} .info .listof small {color: #768c8d;} /*.dprice:after {content: ''; position: absolute; display: block; width: 58px; bottom: 0; border-bottom: 5px solid var(--secondary); margin-top: 7px; }*/ /* prodotto dettaglio */ .morinfo li {font-size: 0.85rem; color: #59595A; } .morinfo li i {margin-right: 7px; } .morinfo li strong {font-weight: 600!important;} .lisep {display: block; width: 75%; height: 1px; margin-top: 5px; margin-bottom: 5px; background: #000; /*background: linear-gradient(0.25turn, #01396C, #ffffff);*/ } .testo #pr-ean, .testo #pr-modello {font-size: 0.875rem; margin-bottom: 2px; color: #59595A; } .testo #pr-nb {font-size: 0.75rem; margin-top: 7px; color: #59595A; } #sec-prescheda {height: 20px; } #sec-scheda { padding: 35px 0; background-color: #E8E9ED; } #sec-scheda .tct { font-weight: 700; font-size: 1.125rem; margin-bottom: 2rem; } #sec-scheda .cubsep {margin-top: 13px; margin-bottom: 43px; } #blocco-shopdettaglio #modello {font-size: 1rem; line-height: 25px; color: #000000; font-weight: 600;} #half_range {font-size: 0.75rem; color: #645A51; } #half_label {font-size: 1rem; color: #000000; font-weight: 700; margin-right: 7px;} #half_label:after {content: ''; display: block; width: 100%; border-bottom: 5px solid var(--secondary); margin-top: 7px; } #half_price {font-size: 1.688rem; font-weight: 700;} #rowarianti {margin-top: 54px; } #rowarianti .tvar {font-size: 1rem; color: #000000; font-weight: 700; } .rwqta h5 {font-size: 1rem; margin-bottom: 0; font-weight: 600;} .rwqta h5:after {content: ' - '; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #645A51;} .rwqta .ccartqta {width: 40px; height: 40px; border-radius:0; border: 1px solid #01396C;} #dettaglio #addtocart {width: 293px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 0; color: #ffffff; margin-top: 17px; border:none; background-color:#01396C;} #dettaglio #addtocart i {margin-right: 4px;} #dettaglio #addtocart:hover {background-color: var(--secondary); color: #666; } #dettaglio #addtocart.nopurchase {display: none;} #dettaglio #voidcart {display:none;} #dettaglio #voidcart.nopurchase { width: 293px; height: 52px; margin-top: 17px; background-color: rgba(111,182,192,.4); border: 2px solid rgb(194, 216, 237, .3); display: flex; align-items: center; color: #fff; justify-content: center; } .notav {color: #d0d0d0;} #dettaglio #fakeb {background-color: #fcfcfc; border-radius: 0; width: 243px; height: 40px; margin-bottom: 12px; color: #01396C; } #dettaglio #fakeb:hover {color: #326066; } #dettaglio #previsione-consegna {font-size: 0.75rem;} #fastLogBlock h6 {font-size: 0.825rem; padding: 0; line-height: 1; margin: 0; } #fastLogin {display: flex; align-items: center; justify-content: center; color: #fff;} #fastLogin { outline: 0; box-shadow: none; border: 1px solid #fff; padding: 4px 25px; border-radius: 25px; } #fastLogin:hover { color: var(--secondary); background-color: #fff; } #fastLogin:hover .icon-utente {color: var(--secondary);} /* tasti condivisione social prodotto */ #dettaglio .youShare {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 26px;} #dettaglio .youShare a {margin-right: 20px;} #dettaglio #share-pr-f {color: #fff; min-width: 87px; height: 20px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 0.625rem; padding: 0 7px;} #dettaglio #share-pr-f span {font-size: 1rem; margin-right: 5px;} #dettaglio #share-pr-t {color: #fff; min-width: 87px; height: 20px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 0.625rem; padding: 0 7px;} #dettaglio #share-pr-t span {font-size: 1rem; margin-right: 5px;} #dettaglio #share-pr-m {height: 20px;} #dettaglio #share-pr-m span {font-size: 1.375rem; line-height: 0;} #proposte-area {padding: 50px 0; } #proposte-area .section-heading{margin-bottom: 2rem;} #proposte-area .section-heading .lab-title {font-weight: 700;font-size: 1.125rem;} #proposte-area .col-left:after{ content: ''; position: absolute; top: 0; right: .5rem; /* display: block; */ width: 3px; height: 100%; background-color: rgba(1, 57, 108, 20%); } #proposte-area .item .item { display: flex; flex-direction: column; flex-basis: 30%; min-width: 247px; max-width: 400px; padding: 10px; position: relative; justify-content: space-between; } #proposte-area .item a h4 { font-size: 0.875rem; font-weight: 700; margin-bottom: 0; } #proposte-area .item .info .instead{ display: flex; font-size: 0.875rem; color: #59595A; font-weight: 700; } #podlikeSlick {margin-top: 44px;} .prp { color: #C5C9C9; font-weight: 900; text-decoration-line: line-through; margin:0; } .form-buy-var {width:100%; /*1170px;*/ } .is-lg-table-row { display: table; /*width: 100%;*/ } .is-lg-table-row [class*="col-"] { float: none; display: table-cell; vertical-align: middle; } .rwp { /*margin-bottom: 42px;*/ } #cnt_cart { margin-top: 17px; } #var-table { padding-top: 25px; padding-bottom: 0px; /*border: solid 1px #707070; */ /*background:#EFF0F2; */ text-align: left; } .form-buy-var { /* border-top: 1px solid #C6C6C6; */ margin-top: 35px; } .green {color: #01396C;} .lined {border-bottom: 1px solid #ccc; padding-bottom: 13px!important;} #mainp-cont { } #share-cont { height: 60px; position: relative; margin-bottom: 30px; } #prod-var-cont { margin-top: 30px; } /* #share-cont:after { content: ''; width: 100%; margin-left: 15px; margin-right: 15px; height: 1px; display: table; background: #707070; position: absolute; bottom: 0; left: 0; } */ #mainp-desc-cont {margin-top: 80px; } #mainp-alike-cont { margin-top: 110px; } #side-col-prod #dropdown { margin-bottom: 50px; } dark {font-weight: 900;} #main {position: relative; overflow: hidden;} .gfx { position: absolute; right: -320px; z-index: 999; top: 500px; } .gfx .box { width: 320px; height: 320px; display: flex; flex-direction: row; background-color: transparent; /*#01396C; color: #fff; padding: 10px; */ } .gfx #clx { position: absolute; top: 0px; left: 5px; font-size: 22px; } .npl { color: #ccc; font-weight: 900; font-size: 24px; margin-right: 10px; float: left; } #clx { color: #fff; cursor: pointer; } .pheart { padding: 0; display: flex; align-items: center; justify-content: center; margin: 0; border: none; } .pheart:before { content: "\f004"; font-family: 'Font Awesome 6 Pro'; font-size: 24px; margin-right: 10px; color: #AD0000; float: left; } .pheart.attivo { font-weight: 600; } .pheart:focus, .pheart.focus { box-shadow: none !important; } .ph_in { display: none; } .ph_out { display: none; } .ph_in.attivo { display: block; } .ph_out.attivo { display: block; } #llf { margin-top: 20px; margin-bottom: 20px; } #llf span { display: inline-block; } #llf .fas:after, #llf .far:after { font-family: 'Open Sans', sans-serif; float: left; padding-top: 4px; } #llf .fas:after { content: 'Rimuovi dai preferiti'; font-size: 14px; } #llf .far:after { content: 'Aggiungi ai preferiti'; font-size: 14px; } .lnk-rew { background-color: #01396C; color: #FFF; margin: 10px 0; } #dtpr { font-size: 20px; font-weight: 900; color: #01396C; } .ulined { font-size: 20px; font-weight: 900; color: #01396C; padding-right: 55px; margin: 0; position: relative; } .ulined-new { font-size: 20px; font-weight: 900; color: #01396C; padding-right: 0px; margin-bottom: 55px; position: relative; margin-top: 10px; line-height: 1.1; } .ulined span { padding: 0px 10px 0px 0px; background-color: #ffffff; } .ulined:after { content: ''; width: 100%; border-bottom: 1px solid #999999; display: block; position: absolute; bottom: 4px; z-index: -1; } .ulined-new:after { content: ''; width: 100%; border-bottom: 1px solid #999999; display: block; position: relative; bottom: -30px; padding-top: 0px; } .ulined-new span { float: left; } #dtpr:after { content: ''; display: inline-block; position: relative; width: 80%; border-bottom: 1px solid #999999; margin-top: 16px; } #mostradett { border: none; background: transparent; float: right; padding: 5px 0; line-height: 1px; } #mainp-desc-cont .btn:before { content: 'chiudi'; } #mainp-desc-cont .btn:after { font-family: "Font Awesome 6 Pro"; margin-left: 3px; font-weight: 600; content: "\f070"; } #mainp-desc-cont .btn.collapsed:before { content: 'mostra' } #mainp-desc-cont .btn.collapsed:after { font-family: "Font Awesome 6 Pro"; margin-left: 3px; font-weight: 600; content: "\f06e"; } .pr-corr { border: 1px solid #999999; margin-left: 5px; margin-right: 5px; } .pr-corr-desc { border-top: 1px solid #999999; padding: 15px; display: block; position: relative; } .pr-corr-desc h5 { font-weight: 900; } .pr-corr-desc h2 { font-weight: 900; color: #01396C; float: right; } .pr-corr:hover .fx:after { content: ''; z-index: 10; height: 100%; position: absolute; top: 0; margin: 0; box-shadow: inset 0 0 0 6px #01396C; width: 100%; } .pr-corr-qty { float: left; } .pr_nd:before { content: ''; background: #be112e; display: table; float: left; margin-right: 3px; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #999999; line-height: 0px; } .pr-es:before { content: ''; background: #f1e153; display: table; float: left; margin-right: 3px; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #999999; line-height: 0px; } .pr-ds:before { content: ''; background: #3a9c17; display: table; float: left; margin-right: 3px; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #999999; line-height: 0px; } #ordinamento { border-bottom: 1px solid #ccc; padding-bottom: 13px; margin-top: 45px; } .arr { width: 24px; height: 24px; background: #01396C; border-radius: 12px; position: absolute; right: 2px; top: 2px; color: #fff; text-align: center; } /* #order:before {content: ''; display: block;} */ #order { height: 28px; border-radius: 14px; border: 1px solid #ccc; padding: 0 4rem 0 1rem; color: #565656; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; background-color: transparent; width: 100% !important; } #ordper { position: relative; } #ordper:after { color: #fff; font-weight: 700; justify-content: center; align-items: center; content: '\f0d7'; font-family: 'Font Awesome 6 Pro'; display: flex; position: absolute; right: 3px; top: 6px; z-index: -1; pointer-events: none; width: 24px; height: 24px; background-color: #01396C; border-radius: 12px; } #qty-pro { float: right; margin-right: 19px; } #qty-pro h5 { font-weight: 900; color: #01396C; } .pr-desc { /*height: 50px; overflow: hidden;*/ } .pr-desc h5 { font-weight: 900; color: #808285 !important; margin: 0; } .pr-alav h4 { font-weight: 900; color: #01396C; } #cont-desc-prod h3 { font-size: 20px; } #cont-desc-prod h5 { line-height: 30px; font-size: 20px !important; color: #01396C; font-weight: 900; } #cont-desc-prod .wprice { display: flex; flex-direction: row; width: 100%; align-items: baseline; justify-content: flex-start; padding-bottom: 5px; } #cont-desc-prod .wprice .sprice { font-size: 43px; color: #707070; margin-top: 35px; line-height: 1.1; } #cont-desc-prod .wprice .prp { margin-left: 12px; font-size: 20px; line-height: 1.1; } #cont-desc-prod .rif-prodotto { font-size: 18px; margin-top: 10px; margin-bottom: 10px; line-height: 1.1; } #cont-desc-prod .idref-prodotto { font-size: 12px; line-height: 1.1; margin-top: 10px; margin-bottom: 10px; } .tqty { font-size: 18px; margin-top: 10px; margin-bottom: 10px; line-height: 1.1; } .sale { background: #01396C; display: table; padding: 10px 15px; color: #fff; font-weight: 900; } .newt { background: #01396C; display: table; padding: 10px 15px; color: #fff; font-weight: 900; margin-top: 55px; margin-bottom: 18px; } .prd_nd { margin-top: 27px; } .prd_nd .fas { color: #fc0000; margin-right: 5px; } .prd_es .fas { color: #fcc000; margin-right: 5px; } .prd_ds .far { color: #3a9c17; margin-right: 5px; } /* .prd_nd:before {content:''; background: #be112e; display: table; float:left; margin-right: 3px; width: 30px; height: 30px; border-radius: 15px; border: 2px solid #999999; line-height: 0px;} .prd-es:before {content:''; background: #f1e153; display: table; float:left; margin-right: 3px; width: 30px; height: 30px; border-radius: 15px; border: 2px solid #999999; line-height: 0px;} .prd-ds:before {content:''; background: #3a9c17; display: table; float:left; margin-right: 3px; width: 30px; height: 30px; border-radius: 15px; border: 2px solid #999999; line-height: 0px;} */ .tit_set_side { font-size: 20px; font-weight: 900; color: #01396C; position: relative } .liner-new-side:after { content: ''; width: 35%; right: 0; top: 50%; height: 2px; background: #C1D55E; position: absolute; display: block; } .liner-sale-side:after { content: ''; width: 10%; right: 0; top: 50%; height: 2px; background: #33B8C2; position: absolute; display: block; } .form-buy-var { margin-bottom: 0px !important; } .form-buy-var .price { font-weight: 900; color: #707070; } .chart-variant .cl { padding-top: 11px; padding-bottom: 11px; } .chart-variant h6, .chart-variant h5, .chart-variant h4, .chart-variant h3 { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } .chart-variant h5 { font-size: 13px; } .chart-variant h5 strong { color: #707070; } /* .cl-f {border-left: 1px solid #707070; border-bottom: 1px solid #707070; text-align: center;} .cl-l {border-left: 1px solid #707070; height:65px;} */ .clt { min-height: 60px; padding: 7px 0; text-align: center; } .cl-lb { border-left: 1px solid #707070; border-bottom: 1px solid #707070; } .cl-lrb { border-left: 1px solid #707070; border-right: 1px solid #707070; border-bottom: 1px solid #707070; } .no-logged-cart { width: 67px; height: 48px; background: #efefef; text-align: center; display: table; border-radius: 24px; margin-top: 9px; } .no-logged-cart .fa { display: table-cell; vertical-align: middle; color: #ff0000; } .last-col { padding-left: 5px; padding-right: 5px; } /*.logged-cart {width: 48px; height: 48px; background: #01396C; text-align: center; display: table; border-radius: 24px; border:none; padding: 0; margin: 5px auto;} */ .roaq { margin-top: 10px; margin-bottom: 23px; } .logged-cart { width: 261px; height: 35px; /*background: #01396C;*/ background-color: rgba(50, 183, 193, 1); text-align: center; display: table; border-radius: 24px; border: none; padding: 0; color: #fff; font-size: 18px; font-weight: 600; /* margin: 5px auto; float: right; */ } .logged-cart.warning { background-color: rgba(50, 183, 193, .4); } .logged-cart .fa { color: #ffffff; } #nopf { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 500px; width: 100%; } #nopf h3 { color: #969291; text-align: center; font-weight: 800; margin-top: 33px; } /*--------------------------------------------------- * REGISTRAZIONE -- LOGIN -- LOST PASS *--------------------------------------------------*/ .form-control {border-radius: 0; } .form-control.required {border: 1px solid #fc0000;} .form-control.required::placeholder {color: #fc0000;} #frmlogin .fa { color: #6FB6C0;} .border-f-x { background-color: rgba(1, 57, 108, 20%) !important; border-radius: 0; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px; margin-top: 20px;} .border-f-x .fme {flex: 100%;} .border-f-x .fse {flex-basis: 50%;} .border-f-x .fse:first-of-type {margin-right: 5px;} .border-f-x .fse:last-child {margin-left: 5px;} .std,#box-gotoreg .btn{ display: flex; align-items: center; justify-content: center; min-width: 160px; height: 44px; border-radius: 0; color: #fff; font-weight: 600;} #blocco-registrazione .tct,#blocco-lostpassword .tct,#blocco-accesso .tct{ font-size: 17px; font-weight: bold; color: #000000; } #blocco-registrazione #bsel-type { background-color: var(--primary); height: 55px; color: #fff; display: flex; align-items: center; justify-content: center; } #blocco-errori{margin-top: 1rem;} #showup { position: absolute; top: 6px; right: 0px; background: transparent; border: none; color: #9E9E9E; } #msgformr{ /*max-width: 440px;*/ width: 100%; padding: 25px; margin: 0 auto; font-size: 14px; } .shake { animation: shake .1s cubic-bezier(.19,.49,.38,.79) both; animation-iteration-count: 3; transform: translateX(0); } @keyframes shake { 25% { transform: translateX(-10px); } 75% { transform: translateX(10px); } 100% { transform: translateX(0); } /* 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } */ } /* REGISTRAZIONE */ .ch {border: none; background: transparent; color: #fff; margin: 0 20px; font-weight: 600;} .ch.disabled {color: #000000; font-weight: 700;} .supersep {display: flex; justify-content: center; align-items: center; width: 100%; margin: 18px 0;} .supersep i {transform: rotate(45deg); padding: 0 6px; font-size: 11px;} .supersep i {color: var(--primary); } .supersep i:first-child, .supersep i:last-child {color: #01396C;} .locklogin {border:none; background-color: transparent; font-size: 13px; color: #666666; position: relative;} .locklogin:before{content: ''; width: 7px; height: 10px; display: block; border-left: 1px solid #666; border-bottom: 1px solid #666; left: -7px; top: 3px; position: absolute;} .locklogin:after{content: ''; width: 7px; height: 10px; display: block; border-right: 1px solid #666; border-bottom: 1px solid #666; right: -7px; top: 3px; position: absolute;} .locklogin .icona:before { font-family: 'Font Awesome 6 Pro'; content: '\f09c'; font-weight: 700; } .locklogin.locked .icona:before { font-family: 'Font Awesome 6 Pro'; content: '\f023'; font-weight: 700; } #frmlogin .fa,#modulo .fa,#modulopt .fa { color: #6FB6C0;} /* #frmlogin .btn, #modulo .btn { display: flex; min-width: 150px; min-height: 38px; padding: 0; justify-content: center; align-items: center; border-radius: 0; color: #fff; font-weight: 600; } */ /* LOST PASS */ #blocco-lostpassword form,#blocco-modificapwdtoken form { background: rgba(1, 57, 108, 20%) !important; padding: 20px; box-shadow: 0px 3px 6px #00000029; } #blocco-lostpassword #conferma,#blocco-modificapwdtoken #conferma { border-radius: 0; color: #fff; display: flex; min-width: 160px; height: 40px; align-items: center; justify-content: center; margin: 0 auto; } .title-container,.single_product_desc { margin-top:1%; text-align:center; } .title-container h2,#blocco-errori h2,.single_product_desc h4{ display:inline-block; color:var(--secondary); font-size:1.5rem; font-weight:700; text-transform:uppercase; margin:0; } #blocco-comunicazioni #messAccordion .card-header .btn-link:after{ font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f068"; float: right; color: var(--primary); margin-top: -10px; } #blocco-comunicazioni #messAccordion .card-header .btn-link.collapsed:after { /* symbol for "collapsed" panels */ content: "\f067"; } #blocco-comunicazioni #messAccordion .card-header{ background: #e8e9ed; /*box-shadow: 0px 3px 6px #00000029; margin-bottom: .5rem;*/ padding: .5rem 3rem; border-radius: 0; } #blocco-comunicazioni #messAccordion .card-header .btn-link { /*font-size: 20px; line-height: 24px;*/ padding: 0; color: var(--secondary); font-weight: 700; } #blocco-comunicazioni #messAccordion .card-header .card-body { font-size: 0.875rem; } /*------------------------------------------* * CONTATTI *-------------------------------------------*/ #blocco-contatti #modulocf input[type='text'], #blocco-contatti #modulocf input[type='email'], #blocco-contatti #modulocf input[type='tel'] { height: 44px; border-color: var(--secondary); } #blocco-contatti #modulocf textarea { height: 132px; border-color: var(--secondary); } #mymore, #hcont, #hprev { height: 0; overflow: hidden; } #mymore.collapsible.show { height: auto; } #hcont.collapsible.show { height: auto; } #hprev.collapsible.show { height: auto; } #hprev { height: 0; overflow: hidden; } .ctype { border-radius: 0; color: #645a51; border: 1px solid var(--secondary); font-size: 14px; font-weight: 600; background-color: transparent; display: flex; align-items: center; justify-content: center; width: 48%; height: 44px; } .ctype:hover { border: 1px solid green; background-color: #01396C; color: #fff !important; } .ctype i { display: none; } .ctype.focused i { color: green; font-size: 1rem; display: block; } #sel_ctype { display: flex; justify-content: space-between; } .ctype:disabled { cursor: default!important; background-color: rgba(255,255,255,.2)!important; color: green !important; } #blocco-team .main-row { display: flex; justify-content: center; } #blocco-team .sub-row { width: 500px; display: flex; justify-content: stretch; } #blocco-team .even .sub-row { flex-direction: row-reverse; } #blocco-team .col-img { display: flex; flex-direction: row; width: 50%; background-color: #28b8c2; } #blocco-team .col-txt { position: relative; display: flex; flex-direction: column; width: 50%; background-color: rgba(1, 57, 108, 20%) !important; color: #92a6a7; padding: 5px; align-items: center; justify-content: center; } #blocco-team .col-txt .title { font-size: 1.3rem; margin-bottom: 0.3rem; font-weight: 600; } #blocco-team .col-txt .divider { width: 45px !important; display: flex; border-top: 2px solid #28b8c2; } #blocco-team .col-txt h6 { font-size: .9rem; margin-top: .3rem; text-align: center; } #blocco-team .col-txt:before { content: ''; display: block; position: absolute; left: -12px; top: calc(50% - 11px); width: 0; height: 0; border-top: 10px solid transparent; border-right: 12px solid rgba(1, 57, 108, 20%) !important; border-bottom: 10px solid transparent; } #blocco-team .col-txt a { font-size: 0.8rem; margin-top: 25px; } #blocco-team .even .col-txt:before { right: -12px !important; border-left: 12px solid rgba(1, 57, 108, 20%) !important; border-right: 0 !important; left: inherit !important; } #blocco-team .cubsep { margin-bottom: 2rem; } #blocco-team { margin-bottom: 2rem; border-top: solid 13px var(--primary); padding-top: 25px; } #blocco-team img {margin: 0 auto;} #modulo .lockedfield {pointer-events: none; background-color: #ececec;} /*------------------------------------------* * ELENCO/DETTAGLIO *-------------------------------------------*/ #blog-area,#blocco-elencodettaglio{ padding-top: 55px; } #blog-area .item .info h4 {font-size: 1rem; color: #000; font-weight: 600;} #blog-area .item p {font-size: 0.875rem; color: #000; font-weight: 600;} #blog-area .item .content {margin-top: 23px; } #blog-area .pagination {border-top: 2px solid #CECECE; border-radius:0; padding-top: 22px; } #lst-cat-blog {list-style: none; margin-top: 11px; background-color: #F7F7F7; padding: 10px 7px;} #lst-cat-blog li {margin-bottom: 9px; line-height: 1.1; } #lst-cat-blog li a {font-size: .78rem; font-weight: 600; color: #000;} #lst-cat-blog li a:hover {color: #01396C;} .pagination li { margin: 0 6px; } .pagination .page-link { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } #ppre, #psuc { border: none; display: flex; align-items: center; color: #646464; } #ppre i { margin-right: 4px; color: #000; } #ppre:hover, #psuc:hover { background-color: #fff; color: var(--secondary); } #ppre:hover > i, #psuc:hover > i { color: var(--secondary); } #psuc i { margin-left: 4px; color: #000; } #blocco-elencodettaglio .titolo {font-size: 1.375rem; font-weight: 700; padding: 60px 40px 0 40px;} #blocco-elencodettaglio .testo {font-size: 0.875rem; padding: 35px 40px 0 40px; } /*-----------------------------------------* * MODAL *------------------------------------------*/ #privacy .modal-header {border-bottom: 0; padding: 1rem 1rem 0;} #privacy .modal-header .modal-title {font-family: 'Montserrat', sans-serif; text-align: center; margin: 0 auto; font-size: 2rem;} #privacy .modal-content {border-radius: 0; border: 5px solid var(--secondary); background-color: #F8F8F8; font-size: .875rem;} #privacy .modal-content button { display: flex; align-items: center; justify-content: center; margin: 20px auto;} #privacy .modal-footer {display: none;} #loveit h1, #listit h1{ font-size: 40px; color: #ff0000; } #loveit h3, #listit h3{ font-weight: 900; color: #808285; } #addtocart .btn {font-size: 12px;} #modalCart .modal-content {border-radius: 0; color: #59595A;} #modalCart .modal-header {position: relative; border: none;} #modalCart .modal-header .close {position: absolute; right: 5px; top: 5px; } #modalCart .modal-title {margin: 0 auto; font-weight: 700; color: var(--primary); } #modalCart .modal-footer {display: flex; justify-content: center; border: none;} #modalCart .mpm {margin-top: 2rem; margin-bottom: .5rem; } #modalCart .mpd strong {font-size: 1rem; margin-right: 25px;} #modalCart .mpd span { font-size: 1.688rem; font-weight: 600; color: var(--primary); } #modalCart .mqd {font-size: 1rem; font-weight: 600; } #modalCart .mqd strong {margin-right: 15px; } #modalCart .mqd span {color: var(--primary); } #modalCart .mpt {font-weight: 600; } #modalCart button,.modal-footer button {border-radius: 0; } /*#modalCart .btn-primary { background-color: var(--secondary); color: #fff;} #modalCart .btn-success{ background-color: var(--primary); color: #fff;}*/ #modalCart .close {display: none;} /*--------------------------------------------------- * CARRELLO && CHECKOUT *--------------------------------------------------*/ section#blocco-carrello, section#blocco-confermaordine { background-color: rgba(1, 57, 108, 20%) !important; } .cart-path { text-align: center; margin-bottom: 1%; } .cart-path span, .cart-path span a { margin: 0 2%; color: #01396C; } .cart-path span.active { font-weight: bold; color: #01396C; } section#blocco-carrello .header-cart { background-color: var(--primary); color: white; padding: 16px 0; } section#blocco-carrello .title-container{ margin:0 auto 0 auto; text-transform:capitalize; padding-top: 5%; padding-bottom: 3%; } .item.cart { display: block; } .item.cart [class*=col] { display: block; } .emptycart { display: flex; align-items: center; justify-content: center; min-height: 150px; background: #fff; font-weight: 700; color: #01396C; margin-top: 25px; } section#blocco-carrello .item.cart > .item { background-color:white; margin-bottom:6px !important; } section#blocco-carrello h5.cart-cod, section#blocco-carrello .cart-var { font-size:0.75rem; color:#01396C; font-weight:bold; margin:0; } section#blocco-carrello h4.tit-cod { color: #6c757d; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; margin-bottom:2px; margin-bottom:3px; } section#blocco-carrello .no-ship { background-color: white; font-size: 18px; text-align: center; padding: 2%; } section#blocco-carrello .container-totali { background-color:white; overflow:hidden; padding:2%; } section#blocco-carrello .shop#dx { float:right; } section#blocco-carrello .carrello-action { padding:15px 0 30px 0; display: flex; justify-content: space-between; } section#blocco-carrello .carrello-action .row .row { position:relative; float:left; margin:0; } section#blocco-carrello .carrello-action input, section#blocco-confermaordine input{ border-radius:0; } #indirizzic #conferma {min-width: 133px; border-radius: 0; color:#fff;} /*section#blocco-carrello .carrello-action button,section#blocco-confermaordine .guestc,.modal-content button{ border-radius:0; color: #645a51; border: 1px solid #01396C; font-size: 14px; font-weight: 400; background-color:transparent; display: flex; align-items: center; justify-content: center; height: 44px; } .carrello-action .bcart-coupon { flex-basis: 27%; } .carrello-action .bcart-redirect,.carrello-action .bcart-empty { flex-basis: 23%; height: 44px; font-size: 14px; font-weight: 400; color: #645a51; border: 1px solid #01396C; display: flex !important; justify-content: center; align-items: center; background-color: transparent; } .carrello-action .bcart-redirect:hover { background-color: #01396C; color: #fff; } /*.carrello-action .bcart-empty { flex-basis: 23%; } .carrello-action .bcart-confirm { flex-basis: 23%; }*/ #blocco-carrello .btn,#blocco-confermaordine .btn{ flex-basis: 23%; height: 44px; font-size: 14px; font-weight: 400; display: flex !important; justify-content: center; align-items: center; border-radius: 0; } .carrello-action .bcart-redirect,.carrello-action .bcart-empty .carrello-action .bcart-coupon .active_coupon { height: 44px; } .carrello-action .bcart-coupon .active_coupon span { font-size: .925rem; } .carrello-action .bcart-coupon .active_coupon .icoup { font-size: 1.8rem; } section#blocco-carrello .box-spedizioniere { background-color: rgba(255, 255, 255, .4); height: 44px; display: flex; margin-bottom: 10px; justify-content: space-between; } section#blocco-carrello .box-spedizioniere .box-label { flex-basis: 50%; display: flex; justify-content: center; align-items: center; margin: 0; font-weight: 700; } section#blocco-carrello .box-spedizioniere .box-label i { font-size: 1.3rem; color: #01396C; margin-right: 7px; } section#blocco-carrello .box-spedizioniere select { flex-basis: 50%; height: 100%; } section#blocco-carrello .carrello-action button:hover, section#blocco-carrello .carrello-action button.btn-negative, section#blocco-confermaordine button:hover, section#blocco-confermaordine button.btn-negative, .modal-content button:hover, .modal-content button.btn-negative, .modal-content button.btn-grey:hover { color: white; border: 1px solid #01396C; background-color: #01396C; } section#blocco-carrello button.btn-procedi { background-color: var(--primary); border: 1px solid #9d0a0a; color: #fff; } section#blocco-carrello button.btn-procedi:hover { background-color: #9d0a0a; border: 1px solid #9d0a0a; color: #fff; } section#blocco-carrello .del i { color: #9d0a0a; } section#blocco-carrello .da-pagare { color: #000000; } section#blocco-carrello .da-pagare .totale { color: #01396C; font-weight: 700; } .box-indsped { margin: 35px 0 0 0 !important; font-size: 20px; background-color: #01396C; } .box-indsped strong { color: #fff !important; } .indirizzo-differente { display: none; width: 100%; background-color: #e8e9ed; padding: 5% 3%; } .indirizzo-differente > div { position: relative; float: left; } /* PAGAMENTO */ section#blocco-confermaordine #dx > .item.cart { background-color: white; padding: 8% 6%; } section#blocco-confermaordine #dx > .item.cart h2 { color: #01396C; border-bottom: 1px solid #01396C; padding-bottom: 2%; border-top: 1px solid #01396C; padding-top: 2%; margin-bottom: 5%; text-align: center; } section#blocco-confermaordine #dx .info h4 { display: inline-block; font-size: 0.938rem; } section#blocco-confermaordine .info h5 { font-size: 0.925rem; color: #6c757d; } section#blocco-confermaordine .var-checkout { font-size: 0.688rem; color: #6c757d; font-weight: 700; } #formcheckout .row [class*=col] { margin-bottom: 11px; } #formcheckout strong { font-weight: 600; padding-left: 3px; color: #6c757d; } #formcheckout .radio-inline { display: inline-block; } #formcheckout .radio-inline a { color: #01396C; } #formcheckout .title-other { background-color: azure; font-weight: 700; color: #01396C; display: flex; flex-direction: column; align-items: center; margin-top: 33px; } #formcheckout .title-other i { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); font-size: 3rem; margin-top: -37px; } #formcheckout .title-other textarea { border-top: none; border-left: 1px solid azure; border-right: 1px solid azure; border-bottom: 1px solid azure; } .navbar { padding: 0; } .logmob { display: none; } #page { background-color: #fff; } #my-header .navbar .container { justify-content: center; flex-wrap: wrap; } #nopf { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 500px; width: 100%; } #nopf h3 { color: #969291; text-align: center; font-weight: 800; margin-top: 33px; } #wincoupon {margin-bottom:0; } .active_coupon {display: flex; align-items: center; background-color: rgba(255,255,255,.4); padding: 0 15px; justify-content: space-between;} .active_coupon strong {margin-right: 3px;} .active_coupon span {color: #6c757d;} #removecoupon {margin-left: 25px; padding:0; border: none!important; } #removecoupon i {font-size: 1.6rem; color: rgba(108,117,125,.8); } #removecoupon:hover {background-color: transparent!important;} #removecoupon:hover > i {color: #b93232; } .icoup { font-size: 2.2rem; transform: rotate(45deg); color: #01396C; margin-right: 15px;} .empty-block {display: flex; flex-direction: column; justify-content: center; align-items: center;} .empty-block h2 {font-weight: 600; color: #01396C;} .payment-button {display: flex; width: 100%; min-height: 47px; align-items: center; justify-content: center;} .bb-button-container {background-color:#4AA05F; /*#0f8bc1;*/ color: #fff; font-weight: 600; cursor: pointer;} .note-text {font-size: .813rem; /* margin-top: 15px; */ } .note-text span {display: flex; flex-direction: column; width: 100%; padding: 10px; background-color: rgba(255,255,255,.6)} .note-text span strong {display: contents;} .paywcc {background-color: #4AA05F; color:#fff; font-weight: 600; width: 100%; height: 47px; border:none; display: flex; align-items: center; justify-content: center;} section#blocco-confermaordine .btn-link { font-size: 2rem; display: flex; width: 80px; height: 80px; align-items: center; justify-content: center; border: none; background-color: rgba(0,158,227,.4); border-radius: 100%; margin:0 auto; position: relative; } .btn-link .mainicon { color: #ffffff!important; } #labForShipping {color: #6c757d; font-size: 0.845rem; font-weight: 600; } #accordionPayments{ background-color: white; padding: 10px; padding-bottom: 0px !important; margin-bottom: 20px; } section#blocco-confermaordine .spanbox {max-width: 100px; position: relative;} section#blocco-confermaordine .spanbox h6 {font-size: .688rem; padding-top: 11px; text-align: center;} section#blocco-confermaordine .card { border: none; background-color: white; padding-top: 20px; } section#blocco-confermaordine .card .card-body {padding: 0;} .btn-link.focused {opacity: .8; box-shadow: 0 0 0 0.2rem #c2e0e4; background-color: #01396C!important; color: #fff!important;} #btnContainerPaypal .btn-link.focused { background-color: #ffc439 !important; } #btnContainerCart .btn-link.focused { background-color: #4AA05F !important; } #btnContainerBonifico .btn-link.focused { background-color: #4AA05F !important; } .btn-link .rotella { width: 84px; height: 84px; padding: 0; margin: 0; position: absolute; display: block; top: -2px; left: 2px; z-index: 2; opacity: 0; /* background: rgba(255,0,0,.4); */ -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -ms-transition: all .8s ease-out; -o-transition: all .8s ease-out; transition: all .8s ease-out; } .btn-link .mainicon { -webkit-transition: .8s ease-out; -moz-transition: .8s ease-out; -o-transition: .8s ease-out; transition: .8s ease-out; } .btn-link.focused .mainicon { transform: scale(.8) } .btn-link .rotella .fas { right: -9px; position: absolute; top: 21px; color: #c2e0e4; } .btn-link.focused .rotella { opacity: 1; transform: rotate(90deg); } .mock-pay { display: flex; flex-direction: column; align-items: center; background-color: rgba(255,255,255,.2); } .mock-pay .fa-cash-register { font-size: 3.5rem; font-weight: 600; color: #156ead; opacity: .4; } .mock-pay .fa-angle-up { font-size: 1.5rem; font-weight: 200; color: #156ead; opacity: .4; } .mock-pay h6 {font-size: .825rem; color:rgb(43, 43, 43)} .guestc {display: flex; width: 100%; height: 44px; align-items: center; justify-content: center; color: #6c757d!important; font-weight: 600!important;} .guestc:disabled {cursor: default!important; background-color: rgba(255,255,255,.2)!important; color: green !important;} /*#gscf, */ #mygst, #mymore, #hcont, #hprev { transition:height 0.3s ease-out; height:0; overflow: hidden;} #gscf.collapsible.show {height: 62px;} #mygst.collapsible.show {height: 220px; /*144px;*/} .guestc i {display: none;} .guestc.focused i {color: green; font-size: 1rem; display: block;} #abcf label {display: flex; align-items: center; font-size: 13px; font-weight: normal; cursor: pointer;} #abcf label input {margin-right: 5px; } @-moz-keyframes arrow { 0%,100% { transform: translate(0,0) } 50% { transform: translate(10px,0) } } @-webkit-keyframes arrow { 0%,100% { transform: translate(0,0) } 50% { transform: translate(10px,0) } } @keyframes arrow { 0%,100% { transform: translate(0,0) } 50% { transform: translate(10px,0) } } #freccialert.required {display: block;} #freccialert { -webkit-animation: arrow 1s ease-in-out infinite; animation: arrow 1s ease-in-out infinite; color: #d64541; display: none; font-size: 30px; position: absolute; left: 60px; top: 11px; } /*** ORDINE DETAIL ***/ #blocco-ordinedet .card { border-radius: 0; border: 0; box-shadow: 0px 3px 6px #00000029; opacity: 1; margin-bottom: 32px; } #blocco-ordinedet .card .card-header {background-color: var(--secondary); border-bottom: none; border-radius: 0; color: #fff; font-weight: 600; font-size: 1rem;} #blocco-ordinedet .card .card-body p {font-size: 0.850rem;} #blocco-ordinedet .card .card-body p strong { font-size: 0.825rem;} #blocco-ordinedet .card .card-body strong { color: #6c757d; } #blocco-ordinedet .card .card-body h6 {font-size: 0.9rem;} #blocco-ordinedet .card .card-body ._dtc {text-align: center;} /*-------------------------- * 404 *--------------------------*/ #head-404 { display: flex; flex-direction: column; color: #fff; min-height: 80px; background-color: var(--secondary); justify-content: center; align-items: center; margin-bottom: 53px; } #head-404 h3 { color: #fff; font-size: 1.875rem; font-weight: 700; margin-bottom: 0; } #head-404 h5 { color: #fff; font-size: 1.125rem; font-weight: 400; } #blocco-error404 h5 { font-size: 0.825rem; font-weight: 800; margin-top: 29px; } #blocco-error404 .ulist { list-style: none; padding: 0; font-size: 0.75rem; font-weight: 600; max-width: 290px; margin: 0px auto 46px; } #blocco-error404 .ulist p { margin-bottom: 0; margin-top: 15px; } /*--------------------------------------------------- * PERSONALIZZA *--------------------------------------------------*/ .col-step{ font-size: .75rem; line-height: 17px; } .col-step strong{ font-size: .875rem; } .col-step .box-step{ width: 235px; height: 235px; background: #E8E9ED; display: flex; align-items: center; justify-content: center; background-position: center center; background-size: contain; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .col-step .box-step h2 { font-family: 'Montserrat', sans-serif; font-size: 1.6875rem; font-weight:700; } .col-step:hover .box-step{ box-shadow: inset 0 0 0 13px rgba(1, 57, 108, .30); } .col-step.step-1:hover .box-step{ background-image: url(/media/catalogo.png); } /*--------------------------------------------------- * FOOTER && PREFOOTER *--------------------------------------------------*/ #servizi-footer { border-bottom: solid 13px var(--primary); padding: 2.3rem 0; } #servizi-footer h5.note {font-size: .813rem; color: #fff;} #servizi-footer h5.note em { display: block; font-size: 0.75rem; color: #fff; font-weight: 600; } #servizi-footer .item-serv {display: flex; align-items: center; color: #fff; padding-right: 2rem; } #servizi-footer .item-serv span {padding-left: 10px; padding-right: 10px;} #servizi-footer .item-serv h5 {font-size: 1rem; font-weight: 700; margin-bottom: 4px;} #servizi-footer .item-serv h6 {font-size: 0.75rem; font-weight: 600; } /* Bloco newsletter */ #blocco-mailing { min-height: 95px; background-color: #e8e9ed; padding: 25px 0; } #blocco-mailing h3{ color: var(--secondary); font-weight: 600; font-size: 1.30rem; } #blocco-mailing #contForm { display: flex; flex-direction: row; align-items: center; justify-content: space-around; font-size: 12px; } #blocco-mailing .form-control { border-radius: 0; height: 40px!important; min-width: 350px; font-size: 14px; border: 1px solid var(--secondary); } #blocco-mailing .form-control::placeholder { color: var(--secondary); line-height: 1; transition: width .5s;} #blocco-mailing .custom-control-label::before{border-color: var(--secondary); border-radius: 0; top: 0;} #blocco-mailing .custom-control-label::after{top: 0;} #blocco-mailing #confermam { min-width: 180px; height: 40px!important; border-radius: 0; border: 0; color: #fff; } #blocco-mailing span a {color: #fff!important; } .switch { position: relative; display: inline-block; width: 40px; height: 20px; margin-bottom: 0; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #cc0000; } input:focus + .slider { box-shadow: 0 0 1px #cc0000; } input:checked + .slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } /* Rounded sliders */ .slider.round { border-radius: 10px; border: 1px solid var(--secondary); background: #fff; } .slider.round:before { border-radius: 50%; background: var(--secondary); } .colann { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; color: var(--secondary); } /**/ #prefooter {background-color: #e8e9ed; padding: 30px 0; } #prefooter h5 {font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight:700; } #prefooter .plaintext {font-size: 0.75rem; line-height: 17px;} #prefooter .cubsep {margin: 15px auto 26px;} #content-footer {/* margin-bottom: 58px; */ font-size: 0.875rem;} #content-footer h6{ font-family: 'Montserrat', sans-serif; color: var(--primary); } #content-footer ul { padding: 0; list-style: none; } #content-footer ul li a { font-weight: 600; } #content-footer p {font-size: 0.875rem; } #legal-footer {background-color:#01396C; /*#01396C;*/ } #txt-infoot { font-size: 16px; margin-top: 10px; margin-bottom: 10px; line-height: 1.1; } #infosoc-cont { /*margin-top: 82px; */ color: #fff } #cook-cont {text-align: center; } #cook-cont a { color: #fff!important;} #mtn-cont {text-align: right; } #pref-cont {padding-top: 35px; padding-bottom: 35px; background: #EFF0F2; border: 1px solid #707070; margin-top: 59px; margin-bottom: 237px; } #widget {height: 400px;} #foot {margin-top: 65px;} #foot #tiny_left {position: absolute; z-index:-1; left:0; bottom: 0px; } #foot #tiny_right {position: absolute; z-index:-2; right:0; bottom: 123px; } #foot h6 {font-size: 9px;} #foot a {color: #C1D55E!important;} #foot { background: #33B8C2; } footer .eleFooter {list-style: none; } footer .eleFooter .nav-link {padding: 0; font-size: 0.875rem; font-weight: 700;} footer .social-footer {padding: 0; margin:0; display:flex; justify-content: center;} footer .social-footer a {margin: 0 12px;} /* .sublistmenu { list-style: none; display: grid; } */ .sublistmenu li a:hover { color: #4C4C4C; } #fmenu {list-style: none; display: inline-block; margin-top: 26px;} #fmenu > li {float: left; display: inline-flex; margin-right: 6px;} #fmenu > li > a { font-size: 10px; color: #fff!important; } #fmenu > li > a:hover { color: #C1D55E!important; } .opt-com {cursor: pointer; padding: 2px;} #elencomuni {background-color: #fff; list-style: none; max-height: 240px; overflow-y: scroll; padding: 0;} #elencomuni li {padding: 0.375rem 0.75rem;} #elencomuni li:nth-child(even) { background-color: #edebeb; } #elencomuni li:hover { background-color: aliceblue;} .hide {display: none!important;} .messWindow { min-width: 330px; height: 330px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; margin: 0 auto; /*border-radius: 100%; */ /* background-color: lightgrey; */ /* border: 7px solid #fc0000; */ padding: 25px; } .messWindow .icona { font-size: 5.5rem; color: #cee4e8; position: relative; } .messWindow .titolo {color: #6c757d; font-weight: 600;} .messWindow .icona .not { -webkit-transform: translateY(-16px) translateX(-60px) rotate(27deg); position: absolute; } .messWindow .icona .not .fas {position: absolute; color: #f8f9fa; } .messWindow .icona .not .fas.thin {z-index:1; font-weight: 300; color: #cee4e8;} /******* MOBILE SETTINGS ********/ @media (max-width: 991.98px) { .oprmob { display: flex; font-size: 1.4rem; color: #ffffff; } .body-item h5 {font-size: 0.85rem; font-weight: 700; color: #59595A; text-align: center; padding: 0 10px; line-height: 17px; height: inherit!important;} .p-0-mob {padding: 0!important;} #blocco-griglia {padding-top: 0px; } #blocco-griglia #container-griglia .main-row {margin:0; overflow: hidden;} #blocco-griglia #container-griglia #filter small {margin-left: 1rem; margin-top: 1rem;} #lst-bread-cont { padding: 0 5%; } #my-menu-right {display: none; } #blocco-mailing h3{ font-size: 1.5rem; padding-right: 0px; padding-bottom: 10px; text-align: center; } #blocco-mailing #contForm { flex-direction: column; } #blocco-mailing .form-control{ min-width: 90px; } #blocco-mailing #confermam { min-width: 40px; margin-top: 0px; font-size: 0.75rem; } .colann {flex-direction: column-reverse; } .cappello {margin-bottom: 40px;} #blocco-elencodettaglio .titolo {font-size: 1.375rem; font-weight: 700; padding: 30px 0 0 0;} #blocco-elencodettaglio .testo {font-size: 0.875rem; padding: 30px 0 0 0; } #walogo {display:none;} #blocco-team .container {padding-left: 0; padding-right: 0;} #blocco-team .sub-row {flex-direction: column; max-width:50%;} #blocco-team .col-img { width: 99%; } #blocco-team .col-txt { width: 99%; height: 100%; justify-content: flex-start; } #blocco-team .even .sub-row { flex-direction: column; } #blocco-team .main-row {justify-content: space-between; margin-bottom: 2px;} #blocco-team .col-txt .title { font-size: 1.1rem; } #blocco-team .col-txt:before { content: ''; display: block; position: absolute; top: -22px; left: calc(50% - 11px); width: 0; height: 0; border-bottom: 12px solid rgba(1, 57, 108, 20%); border-right: 12px solid transparent!important; border-left: 10px solid transparent!important; } #blocco-team .even .col-txt:before { border-bottom: 12px solid rgba(1, 57, 108, 20%); border-right: 12px solid transparent!important; border-left: 10px solid transparent!important; right: inherit!important; } /*.ftmb-0 {background-color: rgba(1, 57, 108, 20%) !important; padding: 15px 0; margin-left: -15px; margin-right: -15px; } #socfooter {background-color: azure;} #socfooter .social-footer {padding: 0;} #socfooter h5 {text-align: center!important;} #socfooter .payments {text-align: center;} #feed {background-color:#e9f0bd; padding: 15px 0; } #feed .eleFooter {padding: 0;} #feed .eleFooter li {text-align: center!important;}*/ .logline {display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .logline .oprmob { display: flex; align-items: center; background-color: transparent; width: 48px; height: 48px; border-radius: 4px; border: 2px solid #fff; padding:0; justify-content: center; margin-right: 1.5rem; } .logline .oprmob i {line-height: 0; font-size: 33px; color: #fff; } /*.oprmob { height: 40px; background-color: #01396C; color: #fff; width: 100%; display: flex; align-items: center; padding: 0 20px; justify-content: flex-start;}*/ .prehead ul { justify-content: center; flex-wrap: wrap ; } .prehead ul li:first-child {margin-bottom: 7px; } #fdt_merchantStriscia-1wrap_widget_wrapper a{ display: flex!important; } #fdt_merchantStriscia-1wrap_widget_wrapper a > .fdt_merchantStriscia-1wrap_logo { order: 1; width: 100%; max-width: 100%; text-align: center; } .fdt_merchantStriscia-1wrap_vote {order: 2;} .fdt_merchantStriscia-1wrap_ratx_star{order: 3; } .fdt_merchantStriscia-1wrap_widget_row {order: 4;} .fdt_merchantStriscia-1wrap_vote {font-size: 13px; padding-left: 10px;} .fdt_merchantStriscia-1wrap_ratx_star > img.fdt_merchantStriscia-1wrap_stars { max-width: 120px; min-width: 120px; width: 120px; } #hcont.collapsible.show { height: 180px; } #hprev.collapsible.show { height: 180px; } /* css menu mobile */ .mm-listitem {font-size: 0.7rem;} .mm-listitem__text {padding-left: 10px;} .mm-menu { display: flex!important; } #freccialert {left: 15px;} .image-added {text-align: center;} .image-added img {width: 50%;} #head-maincat {margin-bottom: 0px; height: auto;} #customBread {padding:0; flex-direction: row;} #head-maincat p {font-size: 1.3rem; text-align: center; } #head-maincat span {color: #fff; font-size: 1.1rem; font-weight: 400; line-height: 1.2; padding: 0 5px 20px; text-align: center; } /*#customBread span {transform: rotate(90deg); width: fit-content;}*/ #breadcage .hibread {font-size: 0.75rem; } #intervallo {padding: 12px 0;} #mygst.collapsible.show {height: 212px;} .myb-0 {margin-left:0; margin-right: 0;} #blocco-ordinedet .card .card-body ._mtr {text-align: right!important; padding-top: 5px; padding-bottom: 5px; background-color: aliceblue;} #blocco-ordinedet .card .card-body ._mtr:nth-child(even) { background-color: azure; } #blocco-ordinedet .card .card-body .bgeven {margin-bottom: 10px;} #fastLogBlock {display: none!important;} #cage-ricerca .live-search-list li {flex-basis:100%;} .navbar {box-shadow: 0px 3px 6px #00000029;} #banner-half .container {flex-direction: column; align-items: center; margin-top: 20px; } #banner-half .container img:first-child {margin-bottom:20px; } #servizi-footer h5 {font-size: 1rem; margin-top: 19px; } #servizi-footer .note {text-align: center; border-bottom: 1px solid #fff; margin-bottom: 10px; padding-bottom: 20px;} #serv-footer-slider {flex-wrap: wrap;} /*.badge {white-space: pre-wrap; line-height: 1.1;}*/ ._call_prodotti_home {display:none;} #cage-ricerca { width: 80%;} #logger {display:none;} #karter {display: none;} #formsearchid {margin-top: 14px; margin-bottom: 10px;} #prefooter #van { margin-bottom: 0; } .eleFooter {text-align: center;} .social-footer {text-align: center;} #blocco-registrazione #bsel-type {justify-content: space-around;} /*.highlit-banner {text-align: center;}*/ .griglia_proposte .item, #griglia_best_sell .item { min-width: auto; max-width: auto; } #blocco-griglia .item {min-width:180px;} #blocco-griglia #contfiltp #fmin { max-width: 150px; } #blocco-griglia #contfiltp #fmax { max-width: 150px; } #blocco-griglia #sx .banner img {width: 100%!important;} #blocco-griglia #filter {margin-top: 10px;} .cart-path .active { border-radius: 19px; color: #fff!important; padding: 6px; margin-bottom: 7px!important; width: 280px; margin: 0 auto; background-color: #01396C; color: #fff;} .cart-path .active a {color: #fff;} .cart-path span {border-radius: 19px; padding: 6px; margin-bottom: 7px!important; border: 1px solid #01396C; width: 280px; margin:0 auto;} section#blocco-carrello .box-spedizioniere {height: auto; margin-bottom: 10px; flex-direction: column; } section#blocco-carrello .box-spedizioniere .box-label {flex-basis:100%; padding: 10px 0; display: flex; flex-direction:column; } .carrello-action .bcart-coupon { flex-basis:unset; margin-bottom: 11px; } .carrello-action .bcart-redirect { flex-basis:unset; margin-bottom: 11px; } .carrello-action .bcart-empty { flex-basis:unset; margin-bottom: 11px; } .carrello-action .bcart-confirm { flex-basis:unset; margin-bottom: 11px; } section#blocco-carrello #formcatz {margin-left: -15px; margin-right: -15px;} section#blocco-carrello .carrello-action { flex-direction: column; } .cart-path { display: flex; flex-direction: column; } #formcheckout .title-other h6 {padding: 0 10px;} .mybadge { display: flex; background-image: url('/media/puntatore.svg'); background-repeat: no-repeat; width: 25px; height: 25px; background-position: center; text-align: center; align-content: center; justify-content: center; font-size: .825rem; line-height: 0; flex-direction: column; margin-left: 2px; } #box-gotoreg { } #small_banner {} #blocco-griglia #container-griglia {padding: 0; } /******* FORM FEEDATY ********/ .qaQuestion {padding: 0!important; } .qa {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; padding: 0; } .qa h3 {text-align: center; display: block; width: 100%;margin-bottom: 22px; font-weight: 700; } .qa .qaLabel {display: none;} .qa input { width: 100%!important; margin:0 0 13px 0!important} .qa textarea { margin-top: 13px!important; } .qa span {width: 100%!important; font-size: .8rem;} #sec-scheda2 {padding-top: 25px;} /* Cat products */ #head-maincat {padding: 20px;} #head-maincat h3 {text-align: center;} #wh-widget-send-button {display: none;} div[id^="gb-widget-"] { display: none; } .tit-selza { font-size: 18px; } .checkbox span { font-size: 10px; } .mbtc {text-align: center!important;} .mbtc .cbtn { display: inline-flex; margin: 22px 0;} .qth {margin: 0 auto 25px;} #conferma {margin-top: 25px;} #modbutt { text-align: center; } #modbutt button {margin-bottom: 5px;} .miniatura { width: auto; height: auto; } .logmob { display: flex; justify-content: space-evenly; position: fixed; bottom: 0; left: 0; z-index: 9; flex-direction: row; height: 40px; background-color: #01396C; color: #fff; width: 100%; } .fbm { flex-basis: 33%; height: 100%; background: transparent; display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; font-size: 1.4rem; } .fbm:hover{ color: #fff; opacity: .8;} .logmob a:nth-child(2) { border-right: 1px solid #fff; border-left: 1px solid #fff; } #livechat-wrapper {display: none!important;} /*.logmob a:nth-child(3) { border-right: 1px solid #fff; }*/ .logmob a:last-child i { font-size: 1.8rem; } .oct8ne-widget-on { /* display: block!important; position: relative!important; */ } #head-maincat { margin-top: 0; } #cont-list-prod { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; } #body-maincat #cont-list-prod {padding: 0 3%;} #body-maincat #cont-list-prod { justify-content: space-between; } .body-item {min-height: 230px;} #cont-list-prod .body-item { flex-basis: 47%; max-width: initial; max-height: initial; min-width: initial; justify-content: space-between; margin-right: 0; margin-bottom: 25px; } .body-item h5 {margin-top: 15px; } #cont-list-prod img { max-width: 100%; } /**/ #suggerisciui { border-left: none; margin-left:20px; width: 330px; } .ui-autocomplete{ left: 12px!important; width: 340px!important; } .ui-menu-item a {font-size: 12px!important;} .gfx {display: none;} #prod-var-cont {margin-left: -15px; margin-right: -15px;} #prod-var-cont form {padding: 0 15px; border-bottom: 1px solid #c6c6c6; padding-bottom: 17px;} #cont-desc-prod h3 {font-size: 24px; margin-bottom: 0;} #cont-desc-prod .wprice h1 { font-size: 41px; color: #000000; margin-top: 50px; margin-bottom: 0;} #rif-prodotto {margin-top: 22px; font-size: 18px; color: #000000;} .wprice { display: flex; flex-direction: row; width: 100%; align-content: center; align-items: baseline; justify-content: center; padding-bottom: 26px; } .prd_nd { margin-top: 24px; } #mainp-desc-cont { margin-top: 40px; } #mainp-desc-cont .dett-prod { } .wprice .price {margin:0 10px 0 0;} .cr-qnta, .cl-prx { margin: 22px 0; } .singolo {padding: 10px 0!important; text-align: center;} .vlsd {text-align: center;} .lnk-rew { padding: 10px 15px; border-radius: 21px; } .detpag { text-align: center; } .order { background-color: #f3f3f3 } .order [class^='col-md'] { text-align: left!important; } .order div:after { content: ''; } .order .qta:before { content: 'Quantità:'; margin-right: 6px; font-weight: 700; } .order .price:before { content: 'Prezzo:'; margin-right: 6px; font-weight: 700; } .order .discrate:before { content: 'Sconto:'; margin-right: 6px; font-weight: 700; } .order .subtot:before { content: 'Sub totale:'; margin-right: 6px; font-weight: 700; } .order .liva:before { content: 'Iva (%):'; margin-right: 6px; font-weight: 700; } .order .lincod:before { content: 'Codice:'; margin-right: 6px; font-weight: 700; } .order .name:before { content: 'Modello:'; margin-right: 6px; font-weight: 700; } #blocco-carrello .cart-cod-mob {color: #fff;} #blocco-carrello .item .info a h4 {font-size: .9rem; padding: 4px 0;} #blocco-carrello .cart-qty, #blocco-carrello .cart-prz, #blocco-carrello .cart-tkt, #blocco-carrello .cart-bin {padding: 0!important;} #blocco-carrello .cart-qty input {border: none;} #blocco-carrello .cart-qty .mob-lab, #blocco-carrello .cart-prz .mob-lab, #blocco-carrello .cart-tkt .mob-lab, #blocco-carrello .cart-bin .mob-lab {padding-top: 4px; min-height: 29px; text-align: center; padding-bottom: 4px; color: #fff; font-size: .9rem; background-color:rgba(50, 183, 193, 1);} #blocco-carrello .cart-prz .info .price, #blocco-carrello .cart-tkt .price-row, #blocco-carrello .cart-bin a { display: flex; flex-direction: column; height: 38px; align-items: center; justify-content: center; border-left: 1px solid #ccc; } .cart { display: block; } .cart span { padding: 7px 0 5px 0; } .cart h4 {font-size:26px;} .cart span h4 { margin-top: 7px; } .cart .qtacart {width: 40%!important; font-size: 18px;} .cart .ininp:before {content: 'Quantita\':'; font-size: 16px; margin-right:4px; font-weight: 700; color: #666666; } .cart .erase { background-color: #f9f9f6; padding: 7px 0;} .cart .remove-prd { margin: 0px auto; } .cart .erase.ordine { background-color: #ffffff; } .descrz h4:before {content: 'Desc: '; font-size: 22px; font-weight: 700; margin-right: 4px; color: #666666;} .descrz h5:before {content: 'Rif: '; font-size: 18px; font-weight: 700; margin-right: 4px; color: #666666;} .descrz h5{font-size: 14px;} .price h5:before {content: 'Prezzo: '; font-size: 18px; font-weight: 700; margin-right: 4px; color: #666666;} .price h5{font-size: 14px;} #carrello .remove-prd .fas { color: #ff0000; font-size: 42px; } #preheader { height:80px; } #icofb, #icoinsta {margin-top: 7px;} #preheader #nt:before {content: ''; display: table; margin: 0 auto; width: 106px; height: 1px; border-top: 1px solid #fff; margin-top: 7px; padding: 10px 0 0 0; } #preheader #nt {display: table; margin: auto; padding: 0 0 0 0; margin-top: 0px; } #preheader #nt li {padding: 0 9px;} #preheader #nt .call-prehead { margin-top: 0; } #nt li {border: none;} #nt .call-prehead:after { content: ''; margin: 5px; } #sliderSubBanner { top: -20px; display: block; margin: 0 auto; width: 320px; } .quadro { width: 320px; min-width: 200px; min-height: 40px; display: flex; border: 1px solid #666666; justify-content: center; align-items: center; background: #fff; } .quadro h2 { font-size: 16px; } .pdr { padding-right: 0; } .form-buy-var { border-top: none; width:auto!important; } /*#logo { display: table; width: auto; text-align: center; }*/ .liner-new:after {content:''; width: 51%; } .liner-sale:after {content:''; width: 41%; } #top-nav { display: table; width: 100%; margin-top: 0; } #top-nav li { float: none; border: none!important; margin: 18px 0; } .navbar-toggle { display: flex!important; flex-direction: row; justify-content: center; align-items: center; background: #01396C; color: #fff; float: none; height: 40px; width: 180px; border-radius: 20px; font-size: 20px; padding: 0 20px; margin: /*35px*/ 30px auto; } #ordinamento { padding-bottom: 40px; } .navbar-toggle i {margin-right: 11px;} .mm-menu {background: #01396C!important; } #box-form-mobile {display: none;} #box-gotoreg {display: none;} #box-form-mobile .ut { border-bottom: 1px solid #01396C; min-height: 27px; display: flex; align-items: center; justify-content: start; padding: 3px 12px; color: #212529;} #box-form-mobile a span, #sideLoggerBox a span { font-weight: 600; font-size: 0.75rem; margin-left: 11px; } /***** MENU MOBILE *****/ footer {margin-bottom: 40px;} em.mm-counter + a.mm-next {width: 100%!important; } .mm-navbar.mm-hasbtns{ padding:10px 40px !important} .mm-navbar-top-2 { top:50px !important} .mm-hasnavbar-top-2 .mm-panels {top: 110px !important;} .mm-navbar{ height:auto !important} .mm-close{ top:10px !important; font-size:2em !important} em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span{ margin-right:60px !important} .mm-prev:before{ width:12px !important; height:12px !important; top:25px !important; border-color: rgba(255, 255, 255, 1) !important;} .logbar-toggle { background: #01396C; color: #fff; float: none; height: 40px; width: 40px; border-radius: 20px; font-size: 20px; border:none; text-align: center; margin: 22px auto 0; } #bs-logbar { background: #B9D048; } #utility-mob { color: #cdcdcd; } #utility-mob li { color: #ffffff; } #login-box-mob h4 {color: #ffffff;} #shsm {display: flex; position: relative; float: left; z-index: 10; width: 100%; } #shsm form {border: 1px solid #c1c1c1; width: 100%; height: 48px; border-radius: 24px; background: #fff; color: #000; margin: 4px;} #searchmm {border:none; background: transparent; height: 46px; width: 80%; padding: 10px 12px;} #dtpr {padding: 0 15px;} #dtpr:after {float:none; width: 100%;} .chart-variant .cl { padding-top:0; padding-bottom: 0;} .cl-l, .cl-f {border: none; height: inherit; text-align: left; } /* .ms-cont h4, .ms-cont h5, .cr-cont h4, .cr-cont h5, .cr-qnta h4, .cr-qnta h5 {display: inline-block;} */ .ms-cont, .cr-cont {margin-top: 18px;} .qtav { height: 39px; border-radius: 19px; padding: 0 10px; float: left; text-align: center; } .qmore:after {content: '\f055'!important; font-size: 30px; color: #01396C; top: 20px; right: 5px; bottom: initial; left: initial;} .qless:after {content: '\f056'!important; font-size: 30px; color: #01396C; top: 20px; left: 5px;} .chart-variant { /* border-top: 4px solid #01396C01396C ; margin-top: 17px; box-shadow: 0px 3px 6px #00000029; -webkit-box-shadow: 0px 3px 6px #00000029; -moz-box-shadow: 0px 3px 6px #00000029; */ } .dtm {margin-bottom: 10px!important; text-align: center;} .lined {padding-bottom: 7px;} .no-logged-cart, .logged-cart {position: relative; margin: 0px auto; float: none;} #mm-cont #bs-navbar {margin-left: -15px; margin-right: -15px;} #login-box-mob .form-control {border-radius: 17px;} .logbar-b {width: 220px; height: 40px; padding: 10px 35px; border-radius: 20px; position: relative; margin: 10px auto; color: #fff; display: table; text-align: center; border:none;} #reg-logbar, #reg-logbar2 {background: #CDAF0E; width:auto } #lost-logbar {background: #B60000; } #acc-logbar {background: #33B8C2!important; padding:0!important; } #log-myd:before {content:'\f2bb'; color: #fff; margin-right: 5px;} #log-cpw:before {content:'\f084'; color: #fff; margin-right: 5px;} #log-ord:before {content:'\f466'; color: #fff; margin-right: 5px;} #log-ext:before {content:'\f2f5'; color: #fff; margin-right: 5px;} #login-box-mob a:before {font-size: 17px;} #login-box-mob a {margin-bottom: 13px;} #login-box-mob a span { font-family: 'Open Sans', sans-serif; font-size: 17px;} #cmbp-tit-cont {padding-left:0; margin-bottom: 33px;} #cnt_form #first-drop { padding-left: 35px; border-left: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #boxordini .cl-lb, #boxordini .cl-lrb {border:none; } .rwd {/* background: #cdcdcd; height: 60px;*/ padding-top: 15px; padding-bottom: 15px;} .rwp {/* background: #a4a4a4; height: 60px;*/ padding-top: 15px; padding-bottom: 15px;} .data-news {padding: 17px 0;} .data-news h2 {font-size: 26px;} #more-news {margin-bottom: 25px; } #label-pag { float: none; margin: 0 auto; } #paginazione {margin-bottom: 22px;} #infosoc-cont { margin: 22px 0; } #mtn-cont {text-align: center; margin: 15px 0 7px 0; } #cook-cont {margin: 8px 0; } #copy-cont {text-align: center; } .cl-lb, .cl-lrb {border: none;} .is-lg-table-row { display: block; } .is-lg-table-row [class*="col-"] { float: left; display: block; } #submit-cont {text-align: center; margin-top: 30px; } #send-contatto, #conferma { width: 240px; height: 44px; border-radius: 22px; border: none; } #send-contatto, #conferma span {font-size: 21px;} .bdr:after {display: none;} .border-f {border: none; padding-bottom: 35px; } #dati-negozio:after { display: block; width: 168px; height: 4px; background: #33B8C2; margin: 0 auto; } #linebottom:before {background: transparent; } #top-nav {font-size: 18px; } .prd_nd { display: flex; flex-direction: row; align-items: center; justify-content: center; background: #fc0000; color: #ffffff!important; padding: 10px 0; } .prd_es { display: flex; flex-direction: row; align-items: center; justify-content: center; background: #fcc000; color: #ffffff!important; padding: 10px 0; } .prd_ds { display: flex; flex-direction: row; align-items: center; justify-content: center; background: #3a9c17; color: #ffffff!important; padding: 10px 0; } .prd_nd .fas {color: #ffffff; margin-right: 5px;} .prd_es .fas {color: #ffffff; margin-right: 5px;} .prd_ds .far {color: #ffffff; margin-right: 5px;} .sale {margin: 0 auto;} .newt {margin: 0 auto;} .colonna-llf { height: 70px; background: #e7f1f2; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; } .colonna .far { color: #a5b9ba; } } @media (max-width: 767px) { #cage-ricerca {width: 100%; margin-top: 22px; margin-bottom: 12px;} #cage-ricerca label{ width: 100%;} #banner-half .bound-banner{ background-size: cover;} #banner-half .tit-banner,#banner-half .highlit-banner {max-width: 50%;} } @media (max-width: 576px) { #banner-half .tit-banner,#banner-half .highlit-banner {max-width: 80%;} }