@font-face {
  font-family:'DosisSb';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis Semibold'), local('Dosis_Semibold'), local('DosisSb'),
       url('../font/dosis-semibold.woff2') format('woff2'),
       url('../font/dosis-semibold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'DosisB';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis_Bold'), local('DosisB'),
       url('../font/dosis-bold.woff2') format('woff2'),
       url('../font/dosis-bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'OxygenR';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen Regular'), local('Oxygen_Regular'), local('OxtgenR'),
       url('../font/oxygen-regular.woff2') format('woff2'),
       url('../font/oxygen-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'StardosStencilR';
  font-style: normal;
  font-weight: 400;
  src: local('StardosStencil Regular'), local('StardosStencil_Regular'), local('StardosStencilR'),
       url('../font/stardos-stencil-regular.woff2') format('woff2'),
       url('../font/stardos-stencil-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'StardosStencilB';
  font-style: normal;
  font-weight: 700;
  src: local('StardosStencil Bold'), local('StardosStencil_Bold'), local('StardosStencilB'),
       url('../font/stardos-stencil-bold.woff2') format('woff2'),
       url('../font/stardos-stencil-bols.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; }
img { width:auto !important; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.base, .link-02 { color:#333333; }
.verde-00 { color:#27a43e; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-temp { background-color:#ff00ff; }
.sfondo-verde-00 { background-color:#27a43e; }
.sfondo-grigio-00 { background-color:#c6c6c6; }
.assoluto { position:absolute !important; }
.fisso { position:fixed !important; }
.origine { top:0px; left:0px; }
.totale { width:100%; height:100%; }
.largo, .ratio { width:100%; }
.alto { height:100%; }
.meta { width:50%; }
.content-ratio { position:absolute !important; top:0px; left:0px; width:100%; height:100%; }
.base-avviso { position:fixed !important; top:0px; left:0px; width:100%; height:100%; visibility:hidden; overflow:hidden; z-index:10000; }
.sfondo-base { background-position:center; background-repeat:no-repeat; background-size:cover; }
.sfondo-nosize { background-position:center; background-repeat:no-repeat; }
.centrato { margin:0px auto 0px auto; }
.box-cornice-testo { padding:10px 20px 10px 20px; }
.chiusura { position:relative; clear:both; }
.rotondo { border-radius:50%; }
.arrotondato { border-radius:10px; }
.sinistra { float:left; }
.destra { float:right; }
.rovesciato { transform:rotate(180deg); }
.tabella { display:table; }
.cella { display:table-cell; }
.flessibile { display:flex; }
.txt-centro { text-align:center !important; }
.txt-destro { text-align:right !important; }
.txt-sinistro { text-align:left !important; }
.txt-alto { vertical-align:top; }
.txt-mezzo { vertical-align:middle; }
.txt-basso { vertical-align:bottom; }
.giustificato { text-align:justify; }
.minuscolo { text-transform:lowercase; }
.maiuscolo { text-transform:uppercase; }
.sottolineato { text-decoration:underline; }
.grassetto { font-weight:bold; }
.corsivo { font-style:italic; }
.normale { text-transform:none; }
.invisibile { visibility:hidden; }
.nascosto, .display-port { display:none; }
.limitato { overflow:hidden; }
.superiore { z-index:20; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px !important; line-height:0px !important; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:#dddddd url(../img/icone/icona-loader.gif) center no-repeat; }
.opaco-00 { opacity:.00; }
.opaco-01 { opacity:.10; }
.opaco-02 { opacity:.20; }
.opaco-03 { opacity:.30; }
.opaco-04 { opacity:.40; }
.opaco-05 { opacity:.50; }
.opaco-06 { opacity:.60; }
.opaco-07 { opacity:.70; }
.opaco-08 { opacity:.80; }
.opaco-09 { opacity:.90; }
.ombra { box-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); }
.ombra-interna { box-shadow:0px -2px 2px rgba(0, 0, 0, 0.5); }
body { font-family:'OxygenR'; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%;  color:#434343; background:#565654; z-index:0; }


/* -ratio- */
.ratio-quadrato, .ratio-img-00 { padding-top:100%; }
.ratio-16-9 { padding-top:56.25%; }
.ratio-testata { padding-top:35.00%; }
.ratio-testata-interne { padding-top:15.00%; }
.ratio-vetrina { padding-top:46.30%; }
.ratio-greca { padding-top:10.00%; }
.ratio-vetrina-interne { padding-top:80.00%; }
@media only screen and (orientation:portrait) {
  .ratio-testata, .ratio-testata-interne { padding-top:70.00%; }
}

/* -font- */
.oxy-reg { font-family:'OxygenR'; }
.dos-sem { font-family:'DosisSb'; }
.dos-bol { font-family:'DosisB'; }
.sta-reg { font-family:'StardosStencilR'; }
.sta-bol { font-family:'StardosStencilB'; }

h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
h1 { font-size:40px; line-height:43px; padding:10px 0px 0px 0px; }
h2 { font-size:28px; line-height:31px; padding:10px 0px 20px 0px; }
h3 { font-size:18px; line-height:24px; padding:0px 10px 0px 10px; }
.txt-base { font-size:16px; line-height:24px; }
.txt-small { font-size:13px; line-height:17px; }
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:portrait) {
  h1 { font-size:30px; line-height:33px; }
  h2 { font-size:20px; line-height:23px; }
  .txt-base { font-size:14px; line-height:22px; }
}

/* -generali- */
div#box-spazio-menu { height:120px; }
div.box-barra-menu { height:50%; }
div.box-taglio { top:0px; right:0px; width:10%; height:70%; }
div#box-taglio-testata { background:linear-gradient(55deg, transparent 70%, #27a43e 0) top right; }
div#box-sfondo-menu { background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)); }
div#box-logo { width:50%; margin:15% auto 0px auto; }
div.logo { background-image:url(../img/logo-bbgarage.png); background-size:75% auto; }
div.box-fascia { padding:40px 0px 40px 0px; }
div.box-fascia-centrata { width:94%; max-width:1260px; margin:0px auto 0px auto; }
table#box-links { margin:10px 0px 0px 0px; border-radius:5px 5px 5px 5px; }
td.box-icona-news { width:48px; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.box-fascia { padding:20px 0px 20px 0px; }
}
@media only screen and (min-width:0px) and (max-width:1259px) {
  div#box-sfondo-menu { display:none; }
  div#box-slide { margin:60px 0px 0px 0px; }
  div.box-taglio { width:20%; height:150%; }
  div#box-logo { width:60%; margin:15% auto 0px auto;z-index:12000; }
  div#box-contenuti { margin:60px 0px 0px 0px; }
}

/* -menu- */
@media only screen and (min-width:0px) and (max-width:1259px) {
  div#box-icona-menu { top:20px; left:20px; width:24px; height:20px; display:block; }
  div#box-icona-menu div { position:absolute; width:100%; height:4px; background-color:#ffffff; }
  div#riga-up { top:0px; }
  div#riga-md { top:8px; }
  div#riga-dw { bottom:0px; }
  div#box-menu { position:absolute !important; color:#ffffff; background-color:#ffffff; visibility:hidden; z-index:10000; overflow:hidden; }
  div.box-sottomenu { overflow:hidden; }
  div.voce-menu { font-size:16px; line-height:30px; background-color:#27a43e; border-bottom:solid 1px #ffffff; }
  div.voce-smenu { font-size:14px; }
  div#box-menu p { padding:10px 25px 10px 25px; }
  div.voce-smenu p { padding:0px 0px 0px 30px !important; }
  div.voce-menu a { color:#ffffff; }
  div.voce-smenu a { color:#ffffff; }
}
@media only screen and (min-width:1260px) {
  div#box-menu { height:100% !important; color:#27a43e; white-space:nowrap; margin:0px 0px 0px 40px; display:table; z-index:1000; }
  div.box-sottomenu { position:absolute; top:60px; left:10px; padding:5px 0px 5px 0px; background-color:#ffffff; border:solid 2px #27a43e; opacity:.00; display:none; z-index:20; }
  div.voce-menu { vertical-align:middle; padding:0px 20px 0px 20px; display:table-cell; cursor:pointer; }
  div.voce-menu a { color:#ffffff; }
  div.voce-menu a:hover { color:#27a43e; }
  div.voce-smenu a { color:#000000; }
  div.voce-smenu a:hover { color:#27a43e; }
}
@media only screen and (min-width:1260px) and (max-width:1365px) {
  div.voce-menu { font-size:13px; line-height:21px; padding:0px 20px 0px 20px; }
  div.box-sottomenu { top:40px; }
  div.voce-smenu { font-size:12px; line-height:24px; padding:0px 10px 0px 10px; }
}
@media only screen and (min-width:1366px) and (max-width:1559px) {
  div.voce-menu { font-size:14px; line-height:22px; padding:0px 20px 0px 20px; }
  div.voce-smenu { font-size:14px; line-height:26px; padding:0px 10px 0px 10px; }
}
@media only screen and (min-width:1600px) {
  div.voce-menu { font-size:16px; line-height:19px; padding:0px 20px 0px 20px; }
  div.voce-smenu { font-size:14px; line-height:30px; padding:0px 10px 0px 10px; }
}

/* -footer- */
div#box-logo-footer { width:60px; margin:0px auto 20px auto; }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div.blocco-footer { padding:0px 0px 10px 0px; }
  div.divisore { display:none; }
}
@media only screen and (min-width:1024px) {
  div#box-footer { display:table; margin:0px auto 0px auto; }
  div.blocco-footer { padding:0px 5px 0px 5px; display:table-cell; }
}

/* -homepage- */
div#vetrina { padding:40px 0px 40px 0px; }
div.box-vetrina, div.box-vetrina-interne { width:23.00%; margin:10px 1% 10px 1%; float:left; }
div.vetrina { border:solid 1px #27a43e; border-radius:5px; }
td.box-icona { width:40%; }
div.box-icona-vetrina { width:60%; margin:0px auto 0px auto; }
div#icona-auto-epoca { background-image:url(../img/icone/icona-auto-epoca.png); }
div#icona-contatti { background-image:url(../img/icone/icona-contatti.png); }
div#icona-jeep { background-image:url(../img/icone/icona-jeep.png); }
div#icona-parabrezza { background-image:url(../img/icone/icona-parabrezza.png); }
div#barra-index { background-image:url(../img/barra-index.jpg); }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.box-vetrina, div.box-vetrina-interne  { width:98.00%; }
}
@media only screen and (min-width:758px) and (max-width:1023px) {
  div.box-vetrina, div.box-vetrina-interne  { width:48.00%; }
}

/* -officina- */
div#officina-1 { background-image:url(../img/officina-1.jpg); }
div#officina-2 { background-image:url(../img/officina-2.jpg); }
div#officina-3 { background-image:url(../img/officina-3.jpg); }
div#officina-4 { background-image:url(../img/officina-4.jpg); }
div#barra-officina { background-image:url(../img/barra-officina.jpg); }

/* -fuoristrada- */
div#sfondo-fuoristrada { background-image:url(../img/sfondo-fuoristrada.jpg); }
div#fuoristrada-1 { background-image:url(../img/fuoristrada-1.jpg); }
div#fuoristrada-2 { background-image:url(../img/fuoristrada-2.jpg); }
div#fuoristrada-3 { background-image:url(../img/fuoristrada-3.jpg); }
div#fuoristrada-4 { background-image:url(../img/fuoristrada-4.jpg); }
div#barra-fuoristrada { background-image:url(../img/barra-fuoristrada.jpg); }

/* -auto storiche- */
div#auto-storiche-1 { background-image:url(../img/auto-storiche-1.jpg); }
div#auto-storiche-2 { background-image:url(../img/auto-storiche-2.jpg); }
div#auto-storiche-3 { background-image:url(../img/auto-storiche-3.jpg); }
div#auto-storiche-4 { background-image:url(../img/auto-storiche-4.jpg); }
div#barra-auto-storiche { background-image:url(../img/barra-auto-storiche.jpg); }

/* -cristalli- */
div#cristalli-1 { background-image:url(../img/cristalli-1.jpg); }
div#cristalli-2 { background-image:url(../img/cristalli-2.jpg); }
div#cristalli-3 { background-image:url(../img/cristalli-3.jpg); }
div#cristalli-4 { background-image:url(../img/cristalli-4.jpg); }
div#barra-cristalli { background-image:url(../img/barra-cristalli.jpg); }

/* -news- */
div#barra-news { background-image:url(../img/barra-news.jpg); }
div.icona-pdf { background-image:url(../img/icone/icona-pdf.png); background-size:auto 75%; }
@media only screen and (min-width:1024px) {
  div#box-news { width:100%; display:table; }
  div.blocco-news { vertical-align:top; display:table-cell; }
  div#blocco-news-sx { width:25%; }
  div#blocco-news-dx { width:75%; }
}

/* -news- */
div#barra-contatti { background-image:url(../img/barra-contatti.jpg); }
div.icona-mappa { background-image:url(../img/icone/icona-mappa.png); background-size:auto 75%; }
div.icona-mobile { background-image:url(../img/icone/icona-mobile.png); background-size:auto 75%; }
@media only screen and (min-width:1024px) {
  div#box-contatti { width:100%; display:table; }
  div.blocco-contatti { vertical-align:top; display:table-cell; }
  div#blocco-contatti-sx { width:40%; }
  div#blocco-contatti-dx { width:60%; }
}

/* -modulo di contatto- */
form#contatto h2 { font-size:14px; line-height:17px; margin:10px 0px 10px 0px; }
fieldset.interno { font-size:12px; line-height:15px; }
div#box-campi { margin:0px auto 0px auto; }
div#box-campi p { margin:10px 0px 10px 0px; }
form#contatto input, form#contatto select { font-family:"OxygenR"; font-size:13px; line-height:20px; border-radius:3px; }
form#contatto input { padding:0px 2% 0px 2%; }
form#contatto input.campo-data { width:96%; }
form#contatto input.captcha {width:120px; }
form#contatto select.campo-data { width:100%; }
form#contatto textarea { width:96%; height:120px; font-family:"OxygenR"; font-size:13px; line-height:16px; padding:5px 2% 5px 2%; border-radius:3px; }
div.box-check { font-size:12px; line-height:15px; margin:20px 0px 20px 0px; border-spacing:0px 0px; }
div.check-form { width:auto !important!; margin:5px 0px 0px 0px; display:table; }
div.check-form div { height:24px; vertical-align:middle; display:table-cell; }
div.check-form div.campo { padding:0px 5px 0px 0px; }
div.check-form div.testo { padding:0px 20px 0px 0px; }
div#txt-privacy { font-size:10px; line-height:13px; margin:3px 0px 3px 0px; }
div#box-avviso, div#avviso { display:table; border-spacing:20px 0px; }
div#box-avviso div#cella-avviso { height:100%; vertical-align:middle; display:table-cell; }
div#box-avviso p { font-size:12px; line-height:18px; color:#000000; padding:20px; background:#ffffff; border-radius:10px; box-shadow:0px 4px 4px rgba(85, 85, 85, 0.5); display:none; }
div#box-avviso b { font-size:14px; color:#db001b; }
table.box-pulsanti { font-size:12px; line-height:24px; margin:0px auto 0px auto; border-spacing:25px 10px; }
table.box-pulsanti div { padding:0px 10px 0px 10px; border-radius:5px; }
@media only screen and (min-width:0px) and (max-width:1023px) {
  div#box-modulo { width:90%; margin:40px auto 40px auto; }
  div#box-campi { width:90%; padding:10px 5% 10px 5%; }
  div.separatore-blocco { width:50%; height:2px; margin:40px auto 40px auto; }
}
@media only screen and (min-width:1024px) {
  div#box-modulo { margin:40px auto 40px auto; display:table; }
  div.blocco-modulo { width:50%; vertical-align:top; display:table-cell; }
  div#box-campi { width:80%; padding:10px 5% 10px 5%; }
  div.separatore-blocco { display:none; }
}

/* -lightbox- */
.lightbox { position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; overflow:hidden; z-index:10000; }
.slide-zoom { z-index:10000; }
.comando-zoom { z-index:10200; }
div#lightbox, div.slide-zoom-desktop, div#mappa-immobile, div#mappa-immobile iframe, div#box-tour-immobile, div#box-tour-immobile iframe { border-radius:10px; }
div#box-counter-zoom { top:5px; left:5px; width:50px; font-size:12px; line-height:30px; border-radius:5px; }
div#lightbox div.box-chiudi { top:5px; right:20px; font-size:0px; line-height:0px; }
div#lightbox div.box-chiudi-desktop { width:60px; }
div#lightbox div.box-chiudi-smart, div.box-chiudi-tablet { width:40px; }
div#lightbox div.box-freccia { position:absolute; top:50%; font-size:0px; line-height:0px; cursor:pointer; }
div#lightbox div.box-freccia-zoom { width:60px; margin-top:-30px; }
div#lightbox div#box-freccia-zoom-sx { left:20px; }
div#lightbox div#box-freccia-zoom-dx { right:20px; }
div#lightbox div.freccia-sx { background:url(../img/icone/freccia-lightbox-sx.png) 40% center no-repeat; background-size:auto 50%; }
div#lightbox div.freccia-dx { background:url(../img/icone/freccia-lightbox-dx.png) 60% center no-repeat; background-size:auto 50%; }
div#lightbox div#icona-chiudi { background:url(../img/icone/icona-chiudi-lightbox.png) center no-repeat; background-size:auto 40%; }
div#box-dida { bottom:10px; }
div#box-dida td#dida { font-size:12px; line-height:24px; padding:0px 10px 0px 10px; border-radius:5px; }