Indirizzi utili - Kosmetica

/* ----------------------------------------- */ /* Slug della vista: indirizzi-utili: inizio */ /* ----------------------------------------- */ .filtra { background: #f5f5f5; padding: 15px 15px 10px 15px; margin-bottom: 30px; line-height: 34px; font-size: 12px; white-space: nowrap; } .form-group { display: flex; } .form-group input, .form-group select { margin: 0 10px; } .filtra input[type="submit"] { padding: 8px 25px; margin-right: 0; } .opzioni {position: relative; padding: 0 10px; border: solid 1px rgba(0,0,0,0.3); } .opzioni.big { background: #444; font-size: 14px; margin-right: 10px; color: #fff; } #settore-opz, #regione-opz { position: absolute; top: 34px; left: -1px; height: 0; width: 100%; overflow: hidden; margin-bottom: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index: 99; background: #f2f2f2; line-height: 20px; border-left: solid 1px rgba(0,0,0,0.3); border-right: solid 1px rgba(0,0,0,0.3); } #settore-opz {background: #444; color: #fff;} #settore-opz.mostra, #regione-opz.mostra { height: auto; width: auto; padding: 5px 10px 10px 0; min-width: 100%; border-bottom: solid 1px rgba(0,0,0,0.3); } #settore-opz label, #regione-opz label { font-size: 11px; white-space: nowrap; } .reset { text-align: right; line-height: 20px; margin-top: 5px; color: #888; } .reset a { color: #888; } .pallino { width: 10px; height: 10px; border-radius: 8px; position: absolute; top: -4px; right: -4px; background: red;} .grid-sizer, .grid-item { width: 252px; } .grid-item { border: solid 1px rgba(0,0,0,0.3); padding: 10px; margin: 0 0 30px 0; position: relative; } .grid-item .img { background: #fff; margin: -10px -10px 10px -10px; padding: 10px; } .grid-item .img img { margin-bottom: 0; } .gutter-sizer { width: 20px; } .grid-item.Gold { background: #f5f5f5; } .grid-item.Platinum, .grid-item--width2 { width: 524px; background: #f5f5f5; } .grid-item h3 { font-weight: 700; font-size: 18px; line-height: 1; margin: 0 0 5px 0; } .grid-item div { padding-bottom: 3px; margin-bottom: 5px; border-bottom: solid 1px rgba(0,0,0,0.15); font-size: 14px !important; line-height: 1.4; word-wrap: break-word; } .posturl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 1019px) and (max-width: 1140px) { .grid-sizer, .grid-item { width: 230px; } .grid-item.Platinum, .grid-item--width2 { width: 480px; } } @media (min-width: 768px) and (max-width: 1018px) { .gutter-sizer { width: 16px; } .grid-sizer, .grid-item { width: 236px; } .grid-item.Platinum, .grid-item--width2 { width: 488px; } } @media (max-width: 767px) { .gutter-sizer { width: 2%; } .grid-sizer, .grid-item { width: 49%; } .grid-item.Platinum, .grid-item--width2 { width: 100%; } } /* ----------------------------------------- */ /* Slug della vista: indirizzi-utili: fine */ /* ----------------------------------------- */