/**
 * @package Biesse Racing
 * @desc Biesse Racing CSS
 * @author WizLab.it
 * @version 20230509.324
 */

/* Fonts */
@font-face { font-family:"Poppins"; font-style:normal; font-weight:400; font-display:swap; src:local("Poppins Regular"), local("Poppins-Regular"), url(/css/fonts/Poppins-Regular.woff2) format("woff2"); }
@font-face { font-family:"Poppins"; font-style:normal; font-weight:700; font-display:swap; src:local("Poppins Bold"), local("Poppins-Bold"), url(/css/fonts/Poppins-Bold.woff2) format("woff2"); }
@font-face { font-family:"Fjalla One"; font-style:normal; font-weight:400; font-display:swap; src:local("Fjalla One"), local("FjallaOne-Regular"), url(/css/fonts/FjallaOne.woff2) format("woff2"); }

/* Generic HTML Tags */
* { box-sizing:border-box; }
h2 { margin:10px 0 60px; font-size:55px; line-height:1.2em; }
h3 { margin:0; vertical-align:top; font-size:25px; text-transform:uppercase; letter-spacing:-0.4px; font-weight:400; }
h4 { margin:0; vertical-align:top; font-size:16px; font-weight:normal; text-transform:uppercase; }
p, li { font-size:16px; }
a { color:#E30613; text-decoration:none; }
  a.button, button { padding:15px 20px; font-family:"Fjalla One"; font-size:18px; text-transform:uppercase; color:#FFF !important; background-color:#E30613; border:none; cursor:pointer; }
  a.button.small, button.small { padding:5px 10px; font-size:14px; }
img { vertical-align:middle; }
strong { color:#E30613; }
iframe { border:none; }

/* Generic styles */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.blockcenter { margin:0 auto; }
.textleft { text-align:left; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.nowrap { white-space:nowrap; }
.fullwidth { width:100% !important; }
.uppercase { text-transform:uppercase; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.gnd { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background-color:#000; z-index:-1; }
  .gnd img { position:absolute; width:100%; height:100%; object-fit:cover; opacity:0.5; transition:all 500ms ease-in-out; }
.gndgrey { background-color:#EFEFF0; }
.hideBelow800, .hideBelow650 { display:initial; }
.red { color:#E30613; }
.lowRedLine { display:inline-block; margin-right:5px; width:25px; border-bottom:2px solid #E30613; }
.notes { font-size:10px; font-style:italic; color:#000; }
.panel { position:relative; padding:80px 10%; overflow:hidden; }
.watermark { position:absolute; font-size:250px; font-weight:bolder; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; white-space:nowrap; opacity:0.05; z-index:-1; }
.cols { display:flex; flex-wrap:nowrap; justify-content:space-between; }
.img1 { width:100%; object-fit:cover; }
.fixedContact { position:fixed; bottom:30px; right:0; padding:0; list-style-type:none; z-index:20; text-transform:uppercase; }
  .fixedContact li { margin-bottom:2px; }
    .fixedContact li a { display:block; padding:15px; background-color:rgba(227,6,19,0.8); color:#FFF; }
      .fixedContact li a:hover { background-color:rgba(227,6,19,1); }
      .fixedContact li a img { width:30px; }

#galleryData { display:none; }

/* Page structure */
body { font-family:"Poppins",sans-serif; background:#FFF; margin:0; }

/* Dialog box */
#dialogboxcontainer { display:none; position:fixed; top:0; right:0; left:0; bottom:0; padding:5vh 10vw; background-color:rgba(0,0,0,0.60); overflow:hidden; z-index:120; }
  #dialogbox { width:100%; height:100%; padding:10px; background-color:#FFF; box-shadow:0 0 10px 0 #999; overflow:hidden; }
    #dialogbox.galleryImage { text-align:center; }
      #dialogbox.galleryImage img { max-width:100%; max-height:95%; margin-bottom:5px; cursor:pointer; }

/* Video box */
.videobox { position:relative; width:100%; height:100%; overflow:hidden; background-color:grey; }
  .videobox video { object-fit:cover; }
  .videobox .transfilm { position:absolute; width:100%; height:100%; background-color:transparent; z-index:10; }
    .videobox .transfilm h2 img { width:400px; }
    .videobox .transfilm h4 { margin:0 !important; }

/* Home Popup */
#homepopup { display:none; }
  #dialogbox.homepopup { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:400px; max-width:80%; height:auto; }
    #dialogbox.homepopup h3 { font-size:18px; }
    #dialogbox.homepopup p { margin:0; font-size:14px; }
    #dialogbox.homepopup img { width:100%; }
    #dialogbox.homepopup button { float:right; padding:5px; font-size:12px; }

/* Header */
header { position:fixed; top:0; left:0; z-index:50; width:100%; height:76px; font-size:18px; background:rgba(34,34,34,0.59); color:#FFF; border-top:6px solid #F30019; }
  header h1 { margin:0 0 0 10px; display:inline-block; }
    header h1 img { height:66px; }
  header #menuIcon { display:none; }
  header nav { font-size:14px; display:inline-block; }
    header nav#secMenu { float:right; margin-right:26px; }
    header nav ul { margin:0; padding:0; }
      header nav ul li { margin-left:26px; display:inline-block; line-height:70px; }
        header nav ul li a { text-decoration:none; font-size:16px; text-transform:uppercase; color:#FFF; }
          header nav ul li a:hover, nav ul li a.active { color:#E30613; }
          header nav ul li a img { width:20px; }
            header nav ul li a img.flag { width:30px; }

/* Main */
main { }

  /* Skels */
  .panel.header { height:550px; color:#FFF; text-transform:uppercase; }
    .panel.header .wrapper { position:absolute; bottom:40px; left:10%; right:10%; }
    .panel.header h2 { margin:5px 0 0; }
    .panel.header h4 a { color:#FFF; }
      .panel.header h4 a:hover { text-decoration:underline; }
  .panel.skelA { }
    .panel.skelA .watermark { top:0; }
    .panel.skelA .cols .col { padding:10px; width:49.8%; }
      .panel.skelA .cols .col.text { padding:50px 0 0 50px; }
        .panel.skelA .cols .col:first-of-type.text { padding:50px 50px 0 0; }
      .panel.skelA .cols .col.gallery { text-align:right; }
        .panel.skelA .cols .col.gallery .item { margin-top:20px; width:380px; height:290px; object-fit:cover; box-shadow:10px 10px 4px 4px rgba(0,0,0,0.05); cursor:pointer; }
  .panel.skelB { background-color:#EFEFF0; text-align:center; }
    .panel.skelB h2 { margin-bottom:10px; }
    .panel.skelB h3 { text-transform:none; }
    .panel.skelB .cols { padding-top:40px; }
      .panel.skelB .cols .col { flex-basis:20%; flex-grow:1; margin:10px; padding:30px; text-align:left; background-color:#FFF; }
        .panel.skelB .cols .col h4 { font-weight:bold; }
  .panel.skelImageSpacer { height:350px; }
    .panel.skelImageSpacer img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }

  /* Home */
  .home { position:absolute; top:0; left:0; width:100%; height:90%; background-color:#FFF; z-index:10; overflow:hidden; }
    .home .homePanel { position:absolute; top:0px; left:0; width:100%; transition:all 750ms ease-out; }
      .home .homePanel .gndImageContainer { width:100%; height:100%; }
        .home .homePanel .gndImageContainer img { width:100%; height:100%; object-fit:cover; }
      .home .homePanel .scrolldown { position:absolute; left:0; right:0; bottom:10vh; text-align:center; animation:anim1 2s ease-in-out infinite; }
        .home .homePanel .scrolldown img { width:100px; }
    .home .homePanel .text { position:absolute; width:80%; top:50%; left:50%; transform:translate(-50%, -50%); color:#FFF; }
      .home .homePanel .text.black { color:#000; }
      .home .homePanel .text h2 { margin:0; font-size:62px; font-weight:bold; display:inline-block; }
      .home .homePanel .text h3 { margin:0; font-size:32px; text-transform:none; }
      .home .homePanel .text h4 { margin:24px 0 0; font-size:20px; text-transform:none; max-width:650px; }
      .home .homePanel .text .button { margin:24px 0 0; display:inline-block; padding:10px 20px; font-size:18px; color:#FFF; background-color:#E30613; }
      .home .homePanel .chisiamobox { display:inline-block; padding:20px 40px; background:rgba(34,34,34,0.59); }
      .home .homePanel .text ul.listino { margin:0; padding:20px; width:95%; background-color:rgba(0,0,0,0.9); text-align:center; }
        .home .homePanel .text ul.listino li { display:inline-block; width:120px; }
          .home .homePanel .text ul.listino li img { margin:20px; width:80px; max-height:60px; object-fit:contain; transition:transform .1s; }
            .home .homePanel .text ul.listino li:hover .plus img { transform:scale(1.3); }
    .home .homePanel .news { height:100%; background-color:#EFEFF0; }
      .home .homePanel .news .cell { position:relative; float:left; width:25%; height:50%; overflow:hidden; cursor:pointer; }
        .home .homePanel .news .cell h3 { position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.12); font-weight:normal; font-size:14px; text-transform:none; z-index:2; }
          .home .homePanel .news .cell h3 a { display:block; margin:30px 10px; color:#FFF; }
        .home .homePanel .news .cell img { width:100%; height:100%; object-fit:cover; transition:all 400ms ease-in-out; }
          .home .homePanel .news .cell:hover img { transform:scale(1.1); }
        .home .homePanel .news .cell.item:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-image:linear-gradient(to bottom, transparent 50%, #000000 100%); opacity:.4; }
        .home .homePanel .news .cell.big { width:50%; height:100%; }
    .home footer.homePanel .footerLinks { position:absolute; bottom:5%; }

  /* Chi Siamo */
  .chi-siamo .interventi { }
    .chi-siamo .interventi .watermark { top:-40px; }
      .chi-siamo .interventi .cols .col h2 { smargin:20px 0; }
    .chi-siamo .interventi ul.checklist li { list-style:none; margin-bottom:10px; }
      .chi-siamo .interventi ul.checklist li img { position:absolute; margin-left:-39px; width:30px; }

  /* Biesse flasher */
  .biesse-flasher .intro ul.calibrazioni { margin:20px 0 0 20px; padding:20px 0 20px 60px; background-color:#EFEFF0; list-style:none; }
    .biesse-flasher .intro ul.calibrazioni li { margin-bottom:18px; font-size:16px; line-height:1.3em; font-weight:bold; }
      .biesse-flasher .intro ul.calibrazioni li:before { width:35px; display:inline-block; content:"✔"; margin-left:-35px; color:#E30613; font-size:28px; vertical-align:middle; }
  .biesse-flasher .options { padding:0; color:#FFF; }
    .biesse-flasher .options .col { width:50%; }
      .biesse-flasher .options .col .image { height:100%; }
        .biesse-flasher .options .col .image img { width:100%; height:100%; object-fit:cover; }
      .biesse-flasher .options .col .text { padding:60px; background-color:#E30613; }
  .biesse-flasher .howitworks ul.steps { display:flex; flex-wrap:wrap; padding:0; }
    .biesse-flasher .howitworks ul.steps li { display:block; flex-basis:40%; flex-grow:1; padding:0 0 40px 50px; }
      .biesse-flasher .howitworks ul.steps h4 { margin-bottom:10px; font-weight:bold; }
      .biesse-flasher .howitworks ul.steps p { margin:0; }
      .biesse-flasher .howitworks ul.steps img { height:50px; margin-bottom:20px; }

  /* Listino */
  .listino { }
    .listino .header .gnd img { opacity:1; }
    .listino .box { padding:20px; background-color:#202020; color:#FFF; }
      .listino .box a { color:#FFF; }
      .listino .box h5 { margin:5px 30px; font-size:14px; font-weight:normal; }
      .listino .box .head { position:relative; padding:10px 80px 10px 10px; font-size:16px; text-align:right; background-color:#E30613; overflow:hidden; }
        .listino .box .head .brand { position:absolute; top:50%; left:10px; transform:translateY(-50%); text-transform:uppercase; font-size:26px; }
        .listino .box .head .arrow { position:absolute; top:50%; right:0; transform:translateY(-50%); }
      .listino .box ul.brands { padding:0; text-align:center; }
        .listino .box ul.brands li { display:inline-block; width:310px; margin:5px; text-align:left; background-color:#222; }
          .listino .box ul.brands li:hover { background-color:#333; }
          .listino .box ul.brands li a { position:relative; display:block; padding-left:80px; line-height:70px; white-space:nowrap; overflow:hidden; }
            .listino .box ul.brands li a img { position:absolute; top:50%; left:10px; transform:translateY(-50%); width:50px; max-height:50px; object-fit:contain; }
      .listino .box .selector { display:inline-block; width:33.3%; vertical-align:top; }
        .listino .box .selector ul { padding:0; list-style-type:none; }
          .listino .box .selector ul li { position:relative; margin:10px; background-color:#222; }
            .listino .box .selector ul li .flag { position:absolute; top:50%; right:5px; transform:translateY(-50%); text-align:center; font-size:8px; padding:2px 6px; border-radius:3px; }
              .listino .box .selector ul li .flag.new { font-size:10px; font-weight:bold; letter-spacing:1px; background-color:#E30613; }
              .listino .box .selector ul li .flag.dev { font-style:italic; background-color:#555; }
            .listino .box .selector ul li:hover { background-color:#333; }
            .listino .box .selector ul li a { display:block; padding:10px; }
              .listino .box .selector ul li a.active { background-color:#E30613; }
            .listino .box .selector ul li.fueltype { padding:10px; text-transform:uppercase; background-color:#E30613; }
      .listino .box .stage.large { margin-bottom:20px; width:100%; border-collapse:separate; border-spacing:8px; }
        .listino .box .stage th { padding:15px; width:25%; background-color:#333; font-size:16px; text-transform:uppercase; }
        .listino .box .stage td { padding:15px; width:25%; background-color:#FFF; }
          .listino .box .stage .type { position:relative; padding:0 40px 40px; }
            .listino .box .stage .type .name { font-size:32px; font-weight:bold; }
            .listino .box .stage.large .type svg { position:absolute; top:50%; right:-20px; transform:translateY(-50%); }
          .listino .box .stage.large .power { background-color:#EFEFF0; }
          .listino .box .stage .details { padding:0; background-color:#FFF; }
            .listino .box .stage .details div { margin-bottom:5px; }
            .listino .box .stage .details img { width:100%; object-fit:cover; }
            .listino .box .stage .details a { color:#E30613; }
            .listino .box .stage .details button a { color:#FFF; }
          .listino .box .stage .data { margin:10px 0; width:100%; color:#000; border-collapse:collapse; }
            .listino .box .stage .data th { padding:5px; width:60%; font-size:14px; font-weight:normal; text-align:left; text-transform:none; border-bottom:1px solid #CCC; background:transparent; }
            .listino .box .stage .data td { padding:5px; width:50%; text-align:right; border-bottom:1px solid #CCC; background:transparent; }
        .listino .box .stage .images { padding:10px; }
          .listino .box .stage .images img { height:90px; padding:5px; cursor:pointer; }
      .listino .box .stage.small { display:none; }

  /* Rivenditori */
  .sedi-rivenditori { }
  .sedi-rivenditori .mappa { position:absolute; right:10%; z-index:-1; width:550px; margin-top:200px; }
  .sedi-rivenditori .mappaMobile { display:none; }
  .sedi-rivenditori .sedi { }
    .sedi-rivenditori .sedi .sede-box { display:flex; flex-wrap:nowrap; }
      .sedi-rivenditori .sedi .sede-box>div { flex-basis:50%; flex-grow:1; }
    .sedi-rivenditori .sedi .becomedealer { text-transform:uppercase; float:right; }
      .sedi-rivenditori .sedi .becomedealer a { font-family:"Fjalla One"; font-size:25px; padding:15px; background-color:rgba(227,6,19,0.8); color:#FFF; }
        .sedi-rivenditori .sedi .becomedealer a:hover { background-color:rgba(227,6,19,1); }
  .sedi-rivenditori .rivenditori { }
    .sedi-rivenditori .rivenditori ul { padding:0; list-style:none; }
      .sedi-rivenditori .rivenditori ul li { padding:20px; font-size:13px; }
        .sedi-rivenditori .rivenditori ul li:nth-child(odd) { background-color:#EEE; }
        .sedi-rivenditori .rivenditori ul li h4 { color:#E30613; }
      .sedi-rivenditori .rivenditori ul li .dealerDetails { display:none; }
      .sedi-rivenditori .rivenditori ul li .dealerDetailsExpander { margin-left:6px; cursor:pointer; }
    .sedi-rivenditori .rivenditori .serviceIcon { padding:5px; }
    .sedi-rivenditori .rivenditori .dealersList ul { display:flex; flex-flow:row; flex-wrap:wrap; margin:0; }
      .sedi-rivenditori .rivenditori .dealersList ul li { flex-grow:1; width:30%; }
    .sedi-rivenditori .rivenditori .areaFilter { margin:10px 0; }
      .sedi-rivenditori .rivenditori .areaFilter select { text-transform:uppercase; background:#FFF; padding:5px; border:1px solid #CCC; }

  /* FAQ */
  .faq .questions h3 { margin-bottom:30px; }
  .faq .questions>ul { padding:0; }
    .faq .questions>ul>li { margin-bottom:20px; list-style:none; }
      .faq .questions>ul>li .question { padding:20px; font-size:16px; font-weight:bold; background-color:#EFEFF0; cursor:pointer; }
      .faq .questions>ul>li .answer { display:none; padding:0 20px; }

  /* Contatti */
  .contatti { }
    .contatti .indirizzo { padding-bottom:0; }
    .contatti #contactForm { padding-top:0; }
      .contatti #contactForm form { display:flex; flex-wrap:wrap; width:60%; margin-top:20px; }
        .contatti #contactForm form>div { flex-basis:50%; flex-grow:1; padding:10px; }
          .contatti #contactForm form>div .error { display:none; color:#E30613; font-size:12px; }
            .contatti #contactForm form>div.hasError .error { display:block; }
          .contatti #contactForm form>div.double { flex-basis:100%; }
          .contatti #contactForm form>div input, .contatti #contactForm form div textarea { width:100%; padding:8px; font-family:"Poppins",sans-serif; font-size:18px; border:1px solid #CCC; }
            .contatti #contactForm form>div.hasError input, .contatti #contactForm form div.hasError textarea { border:1px solid #E30613; }
            .contatti #contactForm form>div input[type=checkbox] { width:auto; vertical-align:text-bottom; }
            .contatti #contactForm form>div input[type=submit] { color:#FFF; background-color:#E30613; }

/* Footer */
footer { position:relative; color:#FFF; font-size:12px; }
  footer .cols { padding:80px 10%; }
    footer .cols .col { width:20%; line-height:1.7em; }
      footer .cols .col h4 { margin:0 0 20px; text-transform:uppercase; font-weight:bold; font-size:16px; border-bottom:1px solid #E30613; }
      footer .cols .col ul { margin:0; padding:0; list-style-type:none; }
        footer .cols .col ul li { font-size:12px; }
          footer .cols .col ul li a { text-decoration:none; color:#FFF; }
      footer .cols .col .stores { margin-top:10px; }
        footer .cols .col .stores img { margin:10px 10px 0 0; }
      footer .cols .col .socials { margin-top:10px; }
        footer .cols .col .socials li { display:inline-block; }
          footer .cols .col .socials li img { width:25px; margin:10px 15px 0 0; }
  footer .copy { padding:10px; font-size:11px; text-align:center; background-color:#000; position:absolute; bottom:0; width:100%; }
    footer .copy a { text-decoration:none; color:#FFF; }


/*************************/
/*   RESPONSIVE STYLES   */
/*************************/

@media only screen and (min-width:1400px) {
  .panel { padding:100px 10%; }
    .panel.header { height:450px; }
    .panel.skelA .cols .col.gallery .item { width:420px; }
}

@media only screen and (min-width:1025px) {
  .home .homePanel.active { height:100%; opacity:1; z-index:10; }
  .home .homePanel.inactive { height:0%; opacity:0; z-index:1; }
}

@media only screen and (max-width:1400px) {
  .sedi-rivenditori .mappa { width:400px; }
}

@media only screen and (max-width:1024px) {
  /* Generic HTML Tags */
  h2 { margin-bottom:30px; font-size:34px; }
  h3 { font-size:20px; }
  h4 { font-size:14px; }
  p, li { font-size:14px; }

  /* Generic styles */
  .watermark { font-size:160px; }
  .panel { padding:65px 10%; }

  /* Header */
  header #menuIcon { display:inline-block; margin-left:30px; line-height:70px; cursor:pointer; }
    header #menuIcon img { width:30px; }
  header nav#mainMenu { position:fixed; top:0; right:0; bottom:0; display:none; width:400px; max-width:80%; background-color:#222; overflow-y:scroll; z-index:30; }
    header nav#mainMenu ul { padding-bottom:15px; }
      header nav#mainMenu ul li { display:block; margin:0; line-height:normal; }
        header nav#mainMenu ul li a { display:block; margin:0 20px; padding:20px; color:#FFF; border-bottom:1px solid #4B4B4B; }

  /* Skels */
  .panel.skelA .cols .col { width:47%; }
    .panel.skelA .cols .col.gallery .item { width:300px; height:240px; }

  /* Home */
  .home { width:auto; height:auto; overflow:auto; z-index:1; }
    .home .homePanel { position:relative; width:auto; height:500px; opacity:1; }
      .home .homePanel.active { height:500px; }
      .home .homePanel .gndImageContainer { width:100%; height:100%; }
    .home .homePanel .videobox { position:static; }
      .home .homePanel .videobox .transfilm { top:0; }
    .home .homePanel#listinoBox .text { position:absolute; width:80%; top:40px; left:50%; transform:translate(-50%, 0); color:#FFF; }
      .home .homePanel .text h2 { font-size:60px; }
      .home .homePanel .text h3 { font-size:30px; }
      .home .homePanel .text h4 { font-size:20px; }
      .home .homePanel .text ul.listino { padding:15px; }
        .home .homePanel .text ul.listino li { display:inline-block; width:110px; }
          .home .homePanel .text ul.listino li img { margin:15px; width:60px; max-height:50px; }
    .home .homePanel .news { min-height:500px; }
    .home footer.homePanel { height:auto; }
      .home footer.homePanel .footerLinks { position:static; }

  /* Chi Siamo */
  .chi-siamo .interventi ul.checklist li img { margin-left:-32px; width:25px; }
  .chi-siamo .panel.skelB .cols { flex-direction:column; }

  /* Biesse flasher */
  .biesse-flasher .howitworks ul.steps { flex-direction:column; }
    .biesse-flasher .howitworks ul.steps li { padding:0 0 40px 30px; }
      .biesse-flasher .howitworks ul.steps img { height:40px; }

  /* Listino */
  .listino .box .head { font-size:14px; }
  .listino .box ul.brands li { width:280px; }
  .listino ul.brands li { width:280px; }
    .listino ul.brands li a { line-height:60px; padding-left:70px; }
      .listino ul.brands li a img { width:40px; max-height:40px; }
    .listino .box .stage.large th { padding:5px; font-size:14px; }
    .listino .box .stage.large td { padding:5px; font-size:12px; }
      .listino .box .stage.large td.type { padding:0 20px 20px; }
        .listino .box .stage.large td.type .name { font-size:24px; }
        .listino .box .stage.large td.type svg { right:-15px; }
        .listino .box .stage.large td .data th { font-size:12px; }

  /* Rivenditori */
  .sedi-rivenditori .sedi .sede-box { flex-direction:column; }
  .sedi-rivenditori .mappa { width:250px; }

  /* Footer */
  footer .cols .col h4 { margin-bottom:10px; font-size:14px; }
  footer .cols .col .socials li img { margin:10px 10px 0 0; }
}

@media only screen and (max-width:920px) {
  .home { width:auto; height:auto; overflow:auto; z-index:1; }
    .home .homePanel { position:relative; width:auto; height:500px; opacity:1; }
      .home .homePanel.active { height:500px; }
      .home .homePanel .gndImageContainer { width:100%; height:100%; }
    .home .homePanel .videobox { position:static; }
      .home .homePanel .videobox .transfilm { top:0; }
    .home .homePanel#listinoBox .text { position:absolute; width:80%; top:40px; left:50%; transform:translate(-50%, 0); color:#FFF; }
      .home .homePanel .text ul.listino { padding:10px 0; width:100%; }
        .home .homePanel .text ul.listino li { display:inline-block; }
    .home .homePanel .news { min-height:500px; }
    .home footer.homePanel { height:auto; }
      .home footer.homePanel .footerLinks { position:static; }
}

@media only screen and (max-width:800px) {
  /* Generic styles */
  .panel { padding:50px 10%; }
  .hideBelow800 { display:none; }
  .cols { flex-direction:column; }
  .fixedContact li { margin-bottom:5px; }
    .fixedContact li a { padding:10px; }
      .fixedContact li a img { width:20px; }

  /* Skels */
  .panel.header { height:250px; }
  .panel.skelA .cols .col { width:100%; }
    .panel.skelA .cols .col.gallery .item { width:100%; height:auto; }
  .panel.skelB .cols .col { width:100%; margin-bottom:30px; }

  /* Home */
  .home .homePanel .text h2 { font-size:54px; }
  .home .homePanel .text h3 { font-size:24px; }
  .home .homePanel .text h4 { font-size:18px; }
  .videobox .transfilm h2 img { width:300px; }
  .home .homePanel .text ul.listino { padding:15px; }
    .home .homePanel .text ul.listino li { width:90px; }
      .home .homePanel .text ul.listino li img { width:50px; }

  /* Chi Siamo */
  .chi-siamo .interventi ul.checklist li img { margin-left:-28px; width:20px; }
    .chi-siamo .interventi .cols .col.gallery iframe { height:270px; }

  /* Biesse flasher */
  .biesse-flasher .howitworks ul.steps { flex-direction:row; }
  .biesse-flasher .options .col { width:100%; }
    .biesse-flasher .options .col .image { display:none; }
    .biesse-flasher .options .col .text { padding:50px 10%; }

  /* Servizi */
  .panel.skelA .cols .col.text { padding:50px 0 0 0; }

  /* Listino */
  .listino .box .selector { width:100%; }
    .listino .box .selector.isSelected { display:none; }
  .listino .box ul.brands li { width:90%; }
  .listino .box .stage.large { display:none; }
  .listino .box .stage.small { display:block; }
    .listino .box .stage.small .type { padding:20px; } 
    .listino .box .stage.small .details { padding:20px; background-color:#FFF; }
      .listino .box .stage.small .details h4 { margin:0; padding:0; color:#000; font-size:18px; font-weight:bold; }
      .listino .box .stage.small .details .data { margin:0 0 20px; }
    .listino .box .stage.small .images { padding:20px 0 0; text-align:center; }
      .listino .box .stage.small .images img { width:auto; height:100px; }

  /* Rivenditori */
  .sedi-rivenditori ul li { flex-basis:40%; }
  .sedi-rivenditori .sedi .sede-box { flex-direction:row; }
  .sedi-rivenditori .rivenditori .dealersList ul li { width:45%; }
  .sedi-rivenditori .sedi .becomedealer a { font-size:18px; padding:10px; }
  .sedi-rivenditori .mappa { display:none; }
  .sedi-rivenditori .mappaMobile { display:block; text-align:center; }
    .sedi-rivenditori .mappaMobile img { max-width:300px; }

  /* Contatti */
  .contatti #contactForm form { width:auto; }

  /* Footer */
  footer .cols .col { margin-bottom:30px; width:100%; }
  footer .footermenu { display:none; }
}

@media only screen and (max-width:650px) {
  /* Generic HTML Tags */
  h2 { font-size:28px; }
  h3 { font-size:18px; }
  h4 { font-size:12px; }
  p, li { font-size:12px; }

  /* Generic styles */
  .watermark { display:none; }
  .hideBelow650 { display:none; }
  .panel { padding:30px 10%; }

  /* Page structure */
  body { padding:0; }

  /* Header */
  header { height:60px; }
    header h1 img { height:50px; vertical-align:top; }
  .videobox .transfilm h2 img { width:100%; max-width:250px; }
  header nav#secMenu { margin-right:18px; }
    header nav#secMenu ul li { margin-left:18px; line-height:54px; }

  /* Home */
  .home .homePanel .text ul.listino li { width:80px; }
    .home .homePanel .text ul.listino li img { width:45px; }
  .home .homePanel .news .cell { float:none; width:100%; height:33%; }
    .home .homePanel .news .cell.big { width:100%; height:33%; }

  /* Biesse flasher */
  .biesse-flasher .intro ul.calibrazioni li { float:none; width:100%; }
  .biesse-flasher .howitworks ul.steps { flex-direction:column; }
    .biesse-flasher .howitworks ul.steps li { padding:0 20px 30px; }

  /* Rivenditori */
  .sedi-rivenditori .sedi .sede-box { flex-direction:column; }
  .sedi-rivenditori .rivenditori .dealersList ul { display:block; }
    .sedi-rivenditori .rivenditori .dealersList ul li { width:100%; }

  /* Contatti */
  .contatti #contactForm form>div { flex-basis:100%; }
}

@media only screen and (max-width:450px) {
  .sedi-rivenditori .sedi .becomedealer { display:block; float:none; }
    .sedi-rivenditori .sedi .becomedealer a { display:block; text-align:center; margin-bottom:30px; }
}

@keyframes anim1 {
  0% { opacity:0; transform:scale(0.1); bottom:10vh; }
  10% { opacity:1; transform:scale(0.8); bottom:10vh; }
  100% { opacity:0; transform:none; bottom:3vh; }
}