:root {--padding: 1.67%; --padding_pulsanti: 1%; --sfondo_nero: #0D0D0D; --sfondo_rosa: #FFF6F6}
* {font-family: 'Questrial', sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}

body {margin: 0; padding: 0; font-size: 20px; color: #444; background:#999}
a {margin: 0; padding: 0; text-decoration:none; color: #444}
input, select, option, textarea {margin: 0; padding: 0; font-size: 20px; color: #444}
h1 {line-height: 50px}

.vspace {margin: 0; padding: 0; width: 100%; height: 30px}
.vspace_top {margin: 0; padding: 0; width: 100%; height: 30px}
.clearfix::after {content: ""; clear: both; display: table}

#pagina {margin: 0 auto; padding: 114px 0 0 0; min-width: 320px; width: 100%; max-width: 1800px; background:#FFF; overflow-y: hidden}

#fix_header_wrapper {margin: 0; padding: 0; width: 100%; position:fixed; top:0; left:0; transition: all .3s ease-in; z-index:9999; opacity: 1}
#fix_header {margin: 0px auto; padding: 0; min-width: 320px; width: 100%; max-width: 1800px}
.fix_header_scrolling {top: -500px!important; opacity: 0!important; transition: all .3s ease-out}

#top_header {margin: 0; padding: 0; width: 100%; background:#0D0D0D; display: flex; align-items: center; flex-direction: row}
#top_header_marchi {margin: 0; padding: 0; width: 50%; text-align: left}
#top_header_social {margin: 0; padding: 0; width: 50%; text-align: right}
#top_header_social_grid {margin: 0; padding: 0; width: 50%; display: flex; align-items: center; flex-direction: row}
.top_header_social_item {margin: 0; padding: 0 10px 0 10px}

@media screen and (max-width:1240px)
{
#pagina {padding:90px 0 0 0}
#top_header_marchi {display:none}
#top_header_social {padding: 10px 0 10px 0; width: 100%; text-align: center}
}

#header {margin: 0 auto; padding: 0; width: 100%; background:#FFF; display: flex; align-items: center; flex-direction: row; position: relative}
#header_logo {margin: 0; padding: 0; width: 16%; text-align: left}
#header_menu {margin: 0; padding: 0; width: 84%}

#menu {margin: 0; padding: 0; width: 100%; display: flex; align-items: center; flex-direction: row; justify-content: space-around}
.menu_item {margin: 0; padding: 8px 0 8px 0; height: 41px; vertical-align: top}
.menu_item:hover {color: #0058B0}
.menu_item_attivo {color: #0058B0!important}
#orari_mobile {margin: 0; padding: 8px 0 8px 0; height: 41px; vertical-align: top; display: none;}
#loghi_mobile {margin: 0 auto; padding: 0; width:100%; display: none; text-align: center}

#vismenu {position: absolute; top: 10px; right: 10px; display:none; width:50px; height:50px; cursor: pointer}

#line-1, #line-2, #line-3 {display:block; position:absolute; width:30px; height:3px; border-radius:4px; right:0; margin-right:5px; background:#333; -webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease}
#line-1 {top:13px}
#line-2 {top:24px}
#line-3 {top:35px}
#line-1.open, #line-2.open, #line-3.open {-webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; transform-origin:50% 50%}
#line-1.open {top:23px; margin-right:5px; width:40px; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg)}
#line-2.open {opacity:0}
#line-3.open {top:23px; margin-right:5px; width:40px;transform:rotate(-45deg)}

.show {left: 0px!important; opacity: 1!important; transition: all .5s!important}

@media screen and (max-width:1240px)
{
#vismenu {display:block}

#menu {position: absolute; top: 71px; left: -100%; transition: all .5s!important; display:block; background: rgba(0,0,0,0.9)}
.menu_item {display: inline-block; width:50%; text-align: center; color: #FFF}
#orari_mobile {display: inline-block}
#loghi_mobile {display: block}
}

.wrapper_100p {display:block; width:100%; min-width: 320px; text-align:center}
.video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0; background: var(--sfondo_nero); min-width:320px}
.video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute}

.pgf      {margin: 0; padding: 0; width: 100%; display: flex; align-items: stretch; flex-direction: row}
.pgf_1col_cella {margin: 0; width: 100%; display: flex; align-items: center; justify-content: space-around}  
.pgf_2col {margin: 0; padding: 0; width: 100%; display: flex; align-items: stretch; flex-direction: row}
.pgf_2col_reverse {margin: 0; padding: 0; width: 100%; display: flex; align-items: stretch; flex-direction: row-reverse}
.pgf_2col_cella {margin: 0; width: 50%; display: flex; align-items: center; justify-content: space-around}

.pos_abs {position:absolute; top:0; left:0; width:100%; height:100%;}
.pos_rel {position:relative}
.il2x {line-height: 35px}
.p0px {padding: 0}
.p20px {padding: 20px}
.p_distanza {padding: var(--padding)}
.p_distanza_doppia {padding: calc(2 *  var(--padding))}
.w80p {width:80%}
.w90p {width:90%}
.w100p {width:100%}
.h100p {height:100%}
.centrato  {display: block; text-align: center}
.pulsante_nero {display: block; margin: 40px auto; padding: var(--padding_pulsanti); color: #FFF; background: var(--sfondo_nero); border: 1px solid var(--sfondo_nero); transition:.2s ease; width: 240px}
.pulsante_nero:hover {color: #FFF; background: #0058B0; transition:.3s ease}
.sfondo_rosa {background: var(--sfondo_rosa)}
.flex_ai_c_jc_sa {display: flex; align-items: center; justify-content: space-around}

@media screen and (max-width:900px)
{
  .w80p {width:100%}
}

@media screen and (max-width:1325px)
{
  .pgf {align-items: center; flex-direction: column}
  .pgf_2col {align-items: center; flex-direction: column}
  .pgf_2col_reverse {align-items: center; flex-direction: column}
  .pgf_2col_cella {width: 96%}
  .pgf_4col_cella {width: 50%}
}

@media screen and (max-width:800px)
{
  .pgf_4col_cella {width: 100%}
}

#strillato {margin:0 auto; padding: 20px; width:60%; border: 3px solid #0058B0; border-radius: 10px; text-align: center}
@media screen and (max-width:1200px)
{
  #strillato {width:90%}
}

#filtro {margin:0; padding: var(--padding); background: url(img/sfondo_motore_ricerca.jpg); text-align: center}
#filtro ul {margin: 0; padding: 0; list-style: none; width:100%}
#filtro ul li {margin: 0; padding: 10px; display:inline-block; width: 22%}
#filtro ul li select {margin: 0; padding: 0; width: 100%; -webkit-appearance: none; appearance: none; -moz-appearance: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: 100%}

@media screen and (max-width:1200px)
{
  #filtro ul li {width: 46%}
}

@media screen and (max-width:600px)
{
  #filtro ul li {width: 96%}
}

.anteprima {margin:0 auto; padding: 20px; width:94%; border: 1px solid #666; border-radius: 10px; transition: 0.5s}
.anteprima:hover {border: 1px solid #0058B0; transition: 0.5s}
.anteprima_img {width:100%; display:flex; justify-content: center; overflow: hidden}
.anteprima_img > img {width: 100%; transition: 0.5s }
.anteprima_img > img:hover {transition: 0.5s; transform: scale(1.1)}
.anteprima_testo {padding: 20px 10px 0 10px; width:100%; height:120px; overflow: hidden; text-align: left}
.anteprima_marca {font-size: 24px; color: #333; font-weight: 700}
.anteprima_versione {font-size: 20px; color: #666}
.anteprima_prezzo {padding: 0px 10px 0 10px; width:100%; height:35px; font-size: 20px; color: #333; font-weight: 700; text-align: left}
.img_max320 {width:100%; max-width:320px}
.img_scale {transform: scale(1.05); transition: 0.5s}

.anteprima_news {margin:0 auto; padding: 20px; width:94%; border: 1px solid #666; border-radius: 10px; transition: 0.5s}
.anteprima_news:hover {border: 1px solid #0058B0; transition: 0.5s}
.anteprima_news_img {width:100%; display:flex; justify-content: center; overflow: hidden}
.anteprima_news_img > img {width: 100%; transition: 0.5s }
.anteprima_news_img > img:hover {transition: 0.5s; transform: scale(1.1)}
.anteprima_news_titolo {padding: 20px 10px 0 10px; width:100%; height:60px; overflow: hidden; font-size: 24px; color: #333; font-weight: 700; text-align: left}
.anteprima_news_testo {padding: 20px 10px 0 10px; width:100%; height:120px; overflow: hidden; font-size: 20px; color: #666; text-align: left}

.chiusura_cella {padding: 10px 10px 20px 10px; line-height: 25px; color:#FFF; font-size:18px; text-align: center; width: 25%; display:block}
@media screen and (max-width:1200px)
{
  .chiusura_cella {width: 50%}
}

@media screen and (max-width:800px)
{
  .chiusura_cella {width: 100%}
}

.chiusura_cella a {color:#FFF; transition:.3s ease}
.chiusura_cella a:hover {color:#0058B0; transition:.3s ease}

#cprgt {margin:0 auto; padding: 10px 10px 20px 10px; line-height: 16px; color:#AAA; font-size:14px; display:block}
#cprgt a {color:#AAA; transition:.3s ease}
#cprgt a:hover {color:#0058B0; transition:.3s ease}

#griglia {margin: 0 auto; padding: 0; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center}
.cella {margin: 0 0 20px 0; padding: 0; width: 25%; display:inline-block; text-align:center}

@media screen and (max-width:1280px)
{
  .cella {width: 33.33%}
}

@media screen and (max-width:960px)
{
  .cella {width: 50%}
}

@media screen and (max-width:640px)
{
  .cella {width: 100%}
}

.titolo_cella {width: 100%; height: 125px; color:#444; font-size: 24px; text-align: center}
.immagine_cella {width: 100%; height: 209px; text-align: center}

#modulo_richiesta {margin: 0; padding: 10px; width: 940px; text-align: left}
#modulo_richiesta ul {margin: 0; padding: 0; list-style: none}
#modulo_richiesta ul li {margin: 0; padding: 10px 10px 10px 0px; display: inline-block; vertical-align:bottom}
#modulo_richiesta ul li.label {margin: 0; padding: 10px 10px 10px 0px; width: 240px; text-align:right; vertical-align:top}
#modulo_richiesta ul li input {margin: 0; padding: 0; width: 400px}
#modulo_richiesta ul li textarea {margin: 0; padding: 0; width: 400px}
#modulo_richiesta ul li input[type="CHECKBOX"]  {margin: 0; padding: 0; width: 10px}
.msg_errore {color:#EB1E3D; font-weight:700}

@media screen and (max-width:959px)
{
#modulo_richiesta {padding: 1%; width: 98%}
#modulo_richiesta ul li {padding: 0% 1% 1% 0%; width: 98%}
#modulo_richiesta ul li.label {width: 100%; text-align:left}
#modulo_richiesta ul li input {width: 100%}
#modulo_richiesta ul li textarea {width: 100%}
}

#grid_vettura {margin: 0 auto; padding: 0; width: 100%; display: grid; grid-template-areas:  'cell-dati cell-modulo'; grid-gap: 1%; grid-template-columns: 60% 39%}
@media screen and (max-width:1200px)
{
  #grid_vettura {
    grid-template-columns: 49.5% 49.5%;    
  }
}

@media screen and (max-width:900px)
{
  #grid_vettura {
    grid-template-areas:
      'cell-dati'
      'cell-modulo';
    grid-template-columns: 100%;      
  }
}

#vettura_griglia {margin: 0 ; padding: 20px; width: 100%; grid-area: cell-dati}
#vettura_griglia ul {margin: 0; padding: 0; list-style: none}

.griglia_label {margin: 0 ; padding: 1%; width: 34%; text-align:right; float:left; color: #444; font-weight:700}
.griglia_testo {margin: 0 ; padding: 1%; width: 62%; text-align:left; float:left;  border-bottom: 1px solid #0058B0}

@media screen and (max-width:500px)
{
  .griglia_label {width: 100%; text-align:left}
  .griglia_testo {width: 100%; text-align:right}
}

#gallery a {margin: 0; padding:5px; width: 300px; height: 225px; display: inline-block}
#gallery a img {margin: 0; padding: 5px; width: 300px; height: 225px}

@media screen and (max-width:500px)
{
  #gallery a {padding:1% 0 1% 0;  width: 100%; height:auto}
  #gallery a img {padding:0; width: 100%; height:auto}
}

#vettura_modulo {margin: 0 ; padding: 20px; width: 100%; grid-area: cell-modulo; background-color: #eee; text-align: left}

.link_blu {color:#444; font-weight:700; transition: ease 0.5s}
.link_blu:hover {color:#0058B0; transition: ease 0.5s}

.modulo_richiesta {margin: 10px 0 0 0; padding: 5px; color: #0058B0; width:100%}
.modulo_richiesta_check {margin: 10px 10px 0 0; padding: 5px; color: #0058B0}

#topcontrol, #goback {margin: 0; padding: 2px; width: 54px; height: 54px; z-index: 1000}

#carousel_azienda, #carousel_scooter, #carousel_eurorepar {margin:0px auto; padding: 0; width: 100%; min-width: 320px}
.carousel-item-azienda, .carousel-item-scooter, .carousel-item-eurorepar {height:auto}
.carousel-item-azienda img, .carousel-item-scooter img, .carousel-item-eurorepar img {width: 100%;}

.paragrafo {margin:0; padding: 0 20px 0 20px; width: 100%; min-width: 320px}

.ul_servizi {margin:0px auto; padding: 0; list-style: none}
.ul_servizi li {text-align: center}
.ul_servizi li:before {content: "• "; color: #0058B0}

/* Banner Cookies */

#cookies_wrapper {z-index:10000; position:fixed; bottom: 0; left: 0; width:100%; background: rgba(64,64,64,0.99)}
#cookies_box {margin: 0 auto; width:100%; max-width:1280px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #FFF; position: relative}
#cookies_testo {margin: 20px; width:90%; color: #FFF; font-family: 'Raleway', sans-serif; font-size: 16px;}
#cookies_pulsanti {margin: 10px; width:90%; display: flex; flex-direction: row}
#cookies_pulsanti_sx {width:50%; text-align: left}
#cookies_pulsanti_dx {width:50%; text-align: right}
.cookies_pulsante_sx, .cookies_pulsante_dx {margin: 5px; padding: 10px 20px; font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 700; border: 1px solid rgb(7, 39, 12); border-radius: 20px; cursor: pointer; transition:.3s ease}
.cookies_pulsante_sx {background: #0058B0; color: #FFF}
.cookies_pulsante_dx {background: #0058B0; color: #FFF}
.cookies_pulsante_sx:hover {background: #fff; color: #0058B0; transition:.3s ease}
.cookies_pulsante_dx:hover {background: #fff; color: #0058B0; transition:.3s ease}

@media (max-width:920px)
{
  #cookies_pulsanti {flex-direction:column}
  #cookies_pulsanti_sx {margin: 10px; width:100%; text-align: center}
  #cookies_pulsanti_dx {margin: 10px;width:100%; text-align: center}
}

#cookies_close {position: absolute; top: 0; right: 0; margin: 10px; padding: 10px; background: rgba(32,32,32); font-family:"Arial"; font-size: 20px; border-radius: 5px; cursor: pointer;}

.cookies_consenso_box {margin: 2%; padding: 2%; width: 92%; border: 1px solid #ccc; display: flex; flex-direction: row}
.cookies_consenso_testo {width: calc(100% - 80px); text-align: left}
.cookies_consenso_checkbox {width: 80px}
#cookies_consenso_invia {color: #FFF;  font-family: 'Raleway', sans-serif;  font-size: 16px; padding: 10px 35px 10px 35px !important;  background-color: #0058B0; transition: 0.3s ease 0s; border-radius: 20px !important; cursor: pointer; border: 1px solid rgb(7, 39, 12)}
#cookies_consenso_invia:hover {background: #fff; color: #0058B0; transition:.3s ease}

.cookies_checkbox {position: relative; width: 64px; height: 32px; line-height: 32px; appearance: none; -webkit-appearance: none; background: #ccc; outline: none; border-radius: 20px; box-shadow:inset 0 0 5px rgba(0,0,0,0.2); transition: .5s; cursor: pointer}
.cookies_checkbox[disabled] {background: #F00; cursor: none}
.cookies_checkbox:checked {background: #0058B0}
.cookies_checkbox:before {content: ''; position: absolute; width: 32px; height: 32px; border-radius: 20px; top: 0; left: 0; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transform: scale(0.8); transition: .5s}
.cookies_checkbox:after {content: '\f00d'; font-family: 'FontAwesome'; font-size: 24px; position: absolute; width: 32px; height: 32px; top: -1px; left:6px; color: #F00;   transition: .5s}
.cookies_checkbox:checked:before {content: ''; background: #FFF; left: 32px}
.cookies_checkbox:checked:after {content: '\f00c'; font-family: 'FontAwesome'; font-size: 24px; color: #0058B0; top: 0; left: 35px}