/* custom */
.imagetop .novita2020 {
  background-image: url("../img/header-mb.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 98% !important;
  height: 330px !important; }
  @media (min-width: 992px) {
    .imagetop .novita2020 {
      background-image: url("../img/header.png"); } }

#offers.boxtipo h2 {
  text-transform: uppercase;
  font-size: 42px; }

#offers.boxtipo h3 {
  font-family: "bnpp_sansregular";
  font-size: 18px;
  padding-top: 5px; }
  #offers.boxtipo h3 i {
    display: inline-block;
    width: 30px;
    margin-right: 10px; }
    #offers.boxtipo h3 i img {
      width: 100%;
      height: auto; }

.noticina {
  text-align: center;
  display: block;
  padding: 0 0 30px 0; }

.okko-box {
  text-align: center; }

.introNoleggio.okko {
  border-bottom: 0; }

.greenchiaro {
  background: #32b57c;
  padding-top: 30px; }
  .greenchiaro .box-title {
    padding-bottom: 30px; }
    .greenchiaro .box-title h2,
    .greenchiaro .box-title h3 {
      color: white; }

/* immagine */
.deskone {
  display: block; }

.mobone {
  display: none; }

.lastspan {
  margin-left: 10px; }

.imagetop {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden; }
  .imagetop::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    z-index: -1;
    background: url("../img/_creativita/background-pattern.gif") left bottom repeat-x #32b57c;
    transform: rotate(-2deg); }
  .imagetop::after {
    content: "";
    position: absolute;
    z-index: 1;
    background: url("../img/_creativita/test.png") center center no-repeat;
    width: 730px;
    height: 350px;
    top: 0;
    left: 50%;
    background-size: cover;
    margin-left: -365px;
    opacity: 0.5; }
  .imagetop .testo_img {
    background-size: cover;
    width: 100%;
    height: 350px; }
  .imagetop .la-immagine {
    width: 100%;
    height: 350px;
    text-align: center;
    margin: 0 auto; }
    .imagetop .la-immagine img {
      width: 100%;
      height: auto;
      margin-top: 2px; }
    .imagetop .la-immagine .introTesto {
      position: absolute;
      z-index: 9;
      top: 80px;
      left: 0;
      width: 100%;
      /*transform: rotate(-5deg); */ }
      .imagetop .la-immagine .introTesto .rotation {
        transform: rotate(-5deg);
        margin-top: -10px;
        padding-bottom: 10px; }
      .imagetop .la-immagine .introTesto p {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 45px;
        text-transform: none !important;
        color: #ffffff;
        font-family: "bnpp_sans_condensedbold";
        position: absolute;
        left: 50%;
        margin-left: -306px;
        margin-top: -44px;
        -webkit-text-stroke-width: 0.9pt;
        -webkit-text-stroke-color: black;
        text-shadow: 3.5px 3.6px 0px rgba(0, 0, 0, 0.2); }
      .imagetop .la-immagine .introTesto h1 {
        text-transform: none !important;
        font-weight: normal;
        font-family: "bnpp_sansbold";
        font-size: 96px;
        color: white;
        font-style: italic;
        line-height: 0.922;
        text-align: center;
        text-shadow: 3.8px 3.6px 0px rgba(0, 0, 0, 0.15);
        /*-moz-transform: matrix( 7.17970042286312,-0.49335297616293,0.49161963494249,7.23402262226402,0,0);
            -webkit-transform: matrix( 7.17970042286312,-0.49335297616293,0.49161963494249,7.23402262226402,0,0);
            -ms-transform: matrix( 7.17970042286312,-0.49335297616293,0.49161963494249,7.23402262226402,0,0);
            position: absolute;*/
        z-index: 65;
        -webkit-text-stroke-width: 1.3pt;
        -webkit-text-stroke-color: black; }
        .imagetop .la-immagine .introTesto h1 span {
          font-family: "bnpp_sansregular"; }
        .imagetop .la-immagine .introTesto h1::after {
          position: absolute;
          content: " ";
          display: inline-block;
          width: 90px;
          height: 26px;
          background-size: cover;
          background-image: url("../img/_creativita/zot.svg");
          animation-duration: 1.5s;
          animation-name: leftBlink_due;
          animation-iteration-count: infinite;
          z-index: 999;
          margin-top: 34px !important;
          margin-left: 25px; }
        .imagetop .la-immagine .introTesto h1::before {
          position: absolute;
          content: " ";
          display: inline-block;
          width: 100px;
          height: 26px;
          margin-right: 10px;
          background-size: cover;
          background-image: url("../img/_creativita/zot1.svg");
          animation-duration: 1.5s;
          animation-name: leftBlink;
          animation-iteration-count: infinite;
          z-index: 999;
          margin-left: -112px;
          margin-top: 34px !important; }
      .imagetop .la-immagine .introTesto h2 {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 46px;
        text-transform: none !important;
        color: #ffffff;
        font-family: "bnpp_sans_condensedbold";
        position: absolute;
        left: 49%;
        margin-left: 12px !important;
        margin-top: 7px !important;
        -webkit-text-stroke-width: 1pt;
        -webkit-text-stroke-color: black;
        text-shadow: 3.5px 3.6px 0px rgba(0, 0, 0, 0.2); }
        .imagetop .la-immagine .introTesto h2 small {
          color: #ffffff;
          margin-top: -2px;
          position: absolute; }
      .imagetop .la-immagine .introTesto h3 {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 68px;
        text-transform: none !important;
        color: #ffffff;
        font-family: "bnpp_sans_condensedregular";
        position: absolute;
        left: 50%;
        margin-top: 60px !important;
        margin-left: -183px !important;
        -webkit-text-stroke-width: 1.2pt;
        -webkit-text-stroke-color: black;
        text-shadow: 3.5px 3.6px 0px rgba(0, 0, 0, 0.2);
        letter-spacing: 0.05em; }
        .imagetop .la-immagine .introTesto h3::before {
          position: absolute;
          content: " ";
          display: inline-block;
          width: 120px;
          height: 95px;
          margin-right: 10px;
          background-size: cover;
          background-image: url("../img/_creativita/wow.png");
          z-index: 999;
          margin-left: -130px;
          margin-top: -8px; }
        .imagetop .la-immagine .introTesto h3 strong {
          font-family: "bnpp_sans_condensedbold";
          font-weight: normal; }
          .imagetop .la-immagine .introTesto h3 strong small {
            color: #ffffff;
            margin-top: -2px;
            position: absolute; }
      .imagetop .la-immagine .introTesto.restart_ed h1 {
        font-size: 76px; }
      .imagetop .la-immagine .introTesto.restart_ed p {
        margin-left: -240px; }
      .imagetop .la-immagine .introTesto.restart_ed h2 {
        font-size: 34px;
        line-height: 32px;
        text-align: left;
        margin-left: -115px !important;
        margin-top: 27px !important; }
        .imagetop .la-immagine .introTesto.restart_ed h2 span {
          display: inline-block; }
        .imagetop .la-immagine .introTesto.restart_ed h2 .restart {
          max-width: 114px;
          display: inline-block;
          margin-top: -26px; }
      .imagetop .la-immagine .introTesto.restart_ed h3 {
        margin-top: 120px !important;
        font-size: 46px;
        margin-left: -107px !important;
        letter-spacing: 0.025em;
        font-family: "bnpp_sans_condensedbold"; }
        .imagetop .la-immagine .introTesto.restart_ed h3 small {
          font-size: 97%; }
        .imagetop .la-immagine .introTesto.restart_ed h3::before {
          width: 100px;
          height: 81px;
          margin-left: -110px;
          margin-top: -18px; }
      .imagetop .la-immagine .introTesto.halloween_ed h2 {
        position: relative;
        left: auto;
        font-size: 32px; }
        .imagetop .la-immagine .introTesto.halloween_ed h2 strong {
          font-family: "bnpp_sans_condensedbold";
          font-size: 38px;
          -webkit-text-stroke-width: 1pt;
          -webkit-text-stroke-color: black;
          margin-right: 10px; }
      .imagetop .la-immagine .introTesto.halloween_ed h3 {
        margin-top: 20px !important; }
        .imagetop .la-immagine .introTesto.halloween_ed h3::before {
          position: absolute;
          width: 124px;
          height: 90px;
          margin-top: 0px;
          background-size: contain;
          background-image: url("../img/_halloween/wow_halloween.png");
          background-repeat: no-repeat; }
      .imagetop .la-immagine .introTesto.halloween_ed .pipistrelli {
        width: 120px;
        height: auto;
        display: inline; }

@keyframes leftBlink {
  0% {
    transform: translateX(0px); }
  8% {
    transform: translateX(5px); }
  16% {
    transform: translateX(0px); }
  24% {
    transform: translateX(5px); }
  32% {
    transform: translateX(0px); }
  100% {
    transform: translateX(0px); } }

@keyframes leftBlink_due {
  0% {
    transform: translateX(0px); }
  8% {
    transform: translateX(-5px); }
  16% {
    transform: translateX(0px); }
  24% {
    transform: translateX(-5px); }
  32% {
    transform: translateX(0px); }
  100% {
    transform: translateX(0px); } }

.introNoleggio {
  border-bottom: 4px solid #00925b; }
  .introNoleggio .boxtipo {
    padding: 40px 0 50px 0 !important;
    text-align: center; }
    .introNoleggio .boxtipo p {
      padding: 0 0 30px 0;
      text-align: center; }
      .introNoleggio .boxtipo p strong {
        font-weight: normal;
        font-family: "bnpp_sansbold"; }
    .introNoleggio .boxtipo .senza_pensieri img {
      width: 100%;
      height: auto;
      max-width: 656px; }

.modalopen {
  width: 100%; }

.soldout.autosingola {
  border-top: 7px solid #a8a8a8; }

.soldout.autosingola a .titolazione {
  opacity: 0.3; }

.soldout.autosingola a .immagineauto {
  opacity: 0.3; }

.soldout.autosingola a .boxprezzoauto {
  background: #a8a8a8; }
  .soldout.autosingola a .boxprezzoauto::before {
    border-bottom-color: #a8a8a8; }
  .soldout.autosingola a .boxprezzoauto .btnpreventivo {
    color: rgba(48, 48, 48, 0.35); }

.soldout.bubble-container .bubble {
  background-color: #f2704c; }
  .soldout.bubble-container .bubble .bubble-inner::after {
    border-top-color: #f2704c; }
  .soldout.bubble-container .bubble .bubble-inner p {
    margin-top: 7px;
    font-size: 25px;
    line-height: 20px; }
  .soldout.bubble-container .bubble .soldouttext {
    display: block; }
  .soldout.bubble-container .bubble .availability {
    display: none; }

@keyframes bubblechange {
  0%,
  100% {
    transform: scale(1); }
  10%,
  90% {
    transform: scale(1.1) rotate(-6deg); }
  20%,
  80% {
    transform: scale(1.2) rotate(6deg); }
  30%,
  70% {
    transform: scale(1.3) rotate(-12deg); }
  40%,
  60% {
    transform: scale(1.4) rotate(12deg); }
  50% {
    transform: scale(1.4) rotate(0deg); } }

#modallayer .bubble-container .bubble {
  display: block; }

.bubble-container {
  position: relative; }
  .bubble-container .bubble {
    display: none;
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #28b67a; }
    .bubble-container .bubble .soldouttext {
      display: none; }
    .bubble-container .bubble.animateme {
      animation: bubblechange 2s; }
    .bubble-container .bubble.grid {
      top: 20%;
      right: -15px;
      -webkit-box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.5);
      box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.5); }
    .bubble-container .bubble.modalbubble {
      top: -80px;
      left: -22px;
      z-index: 999; }
    .bubble-container .bubble .bubble-inner {
      position: relative;
      height: 100%;
      text-align: center;
      padding: 15px; }
      .bubble-container .bubble .bubble-inner:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #28b67a;
        border-bottom: 0;
        margin-left: -10px;
        margin-bottom: -10px; }
      .bubble-container .bubble .bubble-inner.left:after {
        bottom: 40px;
        left: -2px;
        transform: rotate(70deg); }
      .bubble-container .bubble .bubble-inner.bottom:after {
        bottom: 4px;
        left: 45px; }
      .bubble-container .bubble .bubble-inner p {
        color: #fff;
        font-family: bnpp_sansbold;
        font-size: 20px;
        line-height: 15px;
        text-transform: uppercase;
        margin: 0; }
        .bubble-container .bubble .bubble-inner p.stock_left {
          font-size: 40px;
          line-height: 35px; }
        .bubble-container .bubble .bubble-inner p.italic {
          font-family: bnpp_sanslight_italic;
          font-size: 16px;
          line-height: 15px;
          text-transform: lowercase; }

@keyframes messagechange {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  2% {
    opacity: 1;
    transform: translateY(-18px); }
  8% {
    transform: translateY(0px); }
  70% {
    opacity: 1;
    transform: translateY(0px); }
  99% {
    opacity: 0;
    transform: translateY(20px);
    width: 100%; }
  100% {
    width: 0px; } }

@keyframes messagechangemodal {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  2% {
    opacity: 1;
    transform: translateY(-18px); }
  8% {
    transform: translateY(0px); }
  70% {
    opacity: 1;
    transform: translateY(0px); }
  99% {
    opacity: 0;
    transform: translateY(20px); }
  100% { } }

.blocco-auto:hover .available .message_box {
  width: 100%;
  animation: messagechange 7s 0.5s;
  opacity: 0; }

.message_box {
  position: absolute;
  width: 0%;
  overflow: hidden;
  opacity: 0;
  /*display: none;*/ }
  .message_box.animatemess {
    width: 100%;
    animation: messagechange 15s;
    opacity: 0; }
  .message_box.grid {
    top: -35px;
    left: 0; }
  .message_box.onmodal {
    top: 35px;
    z-index: 9999;
    left: 50%;
    width: 350px;
    margin-left: -175px;
    opacity: 1; }
    .message_box.onmodal.animatemess {
      animation: messagechangemodal 15s;
      opacity: 0; }
  .message_box .message_box_inner {
    position: relative;
    min-height: 40px;
    background-color: #005c51;
    border-radius: 8px;
    margin: 0 20px;
    text-align: center;
    padding: 7px 5px; }
    .message_box .message_box_inner.onmodal {
      max-width: 350px;
      margin: 0 auto;
      min-height: 0px; }
      .message_box .message_box_inner.onmodal p {
        display: inline-block;
        margin: 0 10px; }
    .message_box .message_box_inner.grid:after {
      content: "";
      position: absolute;
      bottom: 1px;
      left: 50%;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top-color: #005c51;
      border-bottom: 0;
      margin-left: -10px;
      margin-bottom: -10px; }
    .message_box .message_box_inner p {
      color: #fff;
      margin: 0; }
      .message_box .message_box_inner p.hurry {
        text-transform: uppercase;
        font-family: bnpp_sansbold;
        font-size: 16px;
        line-height: 14px; }
        .message_box .message_box_inner p.hurry:before {
          content: "";
          background: url("../img/danger.png") no-repeat;
          background-size: cover;
          width: 14px;
          height: 14px;
          display: inline-block;
          margin: 0 3px -2px 0px; }
    .message_box .message_box_inner span {
      color: #fff;
      font-size: 12px;
      line-height: 10px; }
      .message_box .message_box_inner span.online_user {
        font-family: bnpp_sansbold;
        font-size: 14px;
        line-height: 12px; }

.animated {
  display: block;
  animation-duration: 1s;
  animation-fill-mode: both; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@media screen and (max-width: 991px) {
  /* immagine */
  .noMarginMobile .boxtipo {
    margin: 0 15px !important; }
  .introNoleggio .boxtipo p {
    padding: 0 20px 30px 20px;
    text-align: center; }
    .introNoleggio .boxtipo p strong {
      font-weight: normal;
      font-family: "bnpp_sansbold"; } }

@media screen and (max-width: 768px) {
  .imagetop .la-immagine .introTesto {
    top: 95px; }
    .imagetop .la-immagine .introTesto p {
      margin-left: -250px;
      margin-top: -48px; }
    .imagetop .la-immagine .introTesto h1 {
      font-family: "bnpp_sansbold";
      font-size: 78px;
      line-height: 0.922;
      text-align: center; }
      .imagetop .la-immagine .introTesto h1::after {
        width: 77px;
        height: 20px;
        margin-top: 26px !important;
        margin-left: 25px; }
      .imagetop .la-immagine .introTesto h1::before {
        width: 77px;
        height: 20px;
        margin-right: 10px;
        margin-left: -85px;
        margin-top: 24px !important; }
    .imagetop .la-immagine .introTesto h2 {
      font-size: 46px;
      margin-left: 8px !important; }
      .imagetop .la-immagine .introTesto h2 small {
        color: #ffffff;
        margin-top: -2px;
        position: absolute; }
      .imagetop .la-immagine .introTesto h2::after {
        margin-top: 48px !important;
        margin-left: -181px; }
    .imagetop .la-immagine .introTesto h3 {
      margin-top: 60px !important;
      margin-left: -150px !important; }
    .imagetop .la-immagine .introTesto.halloween_ed h2 {
      margin-left: 0 !important; }
      .imagetop .la-immagine .introTesto.halloween_ed h2 strong {
        display: block; }
    .imagetop .la-immagine .introTesto.halloween_ed h3::before {
      position: absolute;
      margin-left: -126px !important;
      margin-top: -13px; }
    .imagetop .la-immagine .introTesto.halloween_ed .pipistrelli {
      display: none; } }

/* Tablet portrait */
@media screen and (max-width: 767px) {
  .bubble-container .bubble.modalbubble {
    top: -87px;
    left: -28px;
    z-index: 999; }
  .bubble-container .bubble.grid {
    right: 0; }
  .message {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999; }
    .message .message_box {
      position: static; }
      .message .message_box.onmodal {
        margin: 0 auto;
        width: 100%; }
        .message .message_box.onmodal .message_box_inner {
          border-radius: 0; }
          .message .message_box.onmodal .message_box_inner.onmodal {
            max-width: 100%; }
            .message .message_box.onmodal .message_box_inner.onmodal p {
              display: block; }
  .imagetop {
    height: 420px; }
    .imagetop::before {
      background-size: 2.3%;
      background: url(../img/_creativita/background-pattern.gif) left 230px repeat-x #32b57c; }
    .imagetop .la-immagine {
      height: 420px; }
      .imagetop .la-immagine .introTesto {
        height: 420px;
        top: 95px;
        margin-left: -8px; }
        .imagetop .la-immagine .introTesto p {
          margin-left: -33px;
          margin-top: -55px; }
        .imagetop .la-immagine .introTesto h1 {
          font-family: "bnpp_sansbold";
          font-size: 78px;
          line-height: 0.922;
          text-align: center; }
          .imagetop .la-immagine .introTesto h1 span {
            display: block; }
          .imagetop .la-immagine .introTesto h1::after {
            width: 77px;
            height: 20px;
            margin-top: -44px !important;
            margin-left: 169px; }
          .imagetop .la-immagine .introTesto h1::before {
            width: 77px;
            height: 20px;
            margin-right: 10px;
            margin-left: -85px;
            margin-top: 24px !important; }
        .imagetop .la-immagine .introTesto h2 {
          font-size: 41px;
          margin-top: 14px !important;
          margin-left: -128px !important; }
          .imagetop .la-immagine .introTesto h2 small {
            color: #ffffff;
            margin-top: -2px;
            position: absolute; }
          .imagetop .la-immagine .introTesto h2::after {
            margin-top: 48px !important;
            margin-left: -181px; }
        .imagetop .la-immagine .introTesto h3 {
          margin-top: 106px !important;
          margin-left: -130px !important;
          -webkit-text-stroke-width: 0.8pt;
          -webkit-text-stroke-color: black;
          text-shadow: 3.5px 3.6px 0px rgba(0, 0, 0, 0.2);
          letter-spacing: 0.02em;
          font-size: 54px; }
          .imagetop .la-immagine .introTesto h3::before {
            width: 86px;
            height: 66px;
            margin-left: -91px;
            margin-top: -3px; }
        .imagetop .la-immagine .introTesto.restart_ed {
          top: 82px; }
          .imagetop .la-immagine .introTesto.restart_ed h1 {
            font-size: 68px; }
            .imagetop .la-immagine .introTesto.restart_ed h1::after {
              margin-left: 147px; }
          .imagetop .la-immagine .introTesto.restart_ed p {
            margin-left: -33px; }
          .imagetop .la-immagine .introTesto.restart_ed h2 {
            font-size: 32px;
            line-height: 30px;
            text-align: left;
            margin-left: -115px !important;
            margin-top: 27px !important; }
            .imagetop .la-immagine .introTesto.restart_ed h2 span {
              display: inline-block; }
            .imagetop .la-immagine .introTesto.restart_ed h2 .restart {
              max-width: 100px;
              display: inline-block;
              margin-top: -26px; }
          .imagetop .la-immagine .introTesto.restart_ed h3 {
            margin-top: 120px !important;
            font-size: 38px;
            margin-left: -69px !important;
            letter-spacing: 0.025em;
            font-family: "bnpp_sans_condensedbold"; }
            .imagetop .la-immagine .introTesto.restart_ed h3 small {
              font-size: 97%; }
            .imagetop .la-immagine .introTesto.restart_ed h3::before {
              width: 86px;
              height: 66px;
              margin-left: -91px;
              margin-top: -16px; }
    .imagetop.restart_imgtop::before {
      background: url(../img/_creativita/background-pattern.gif) left 240px repeat-x #32b57c; }
    .imagetop.restart_imgtop::after {
      height: 430px; } }

@media screen and (max-width: 600px) {
  .bubble-container .bubble.modalbubble {
    width: 70px;
    height: 70px;
    top: -61px;
    left: -16px; }
    .bubble-container .bubble.modalbubble .bubble-inner {
      padding: 10px; }
      .bubble-container .bubble.modalbubble .bubble-inner.bottom:after {
        left: 35px; }
      .bubble-container .bubble.modalbubble .bubble-inner p {
        font-size: 15px;
        line-height: 10px; }
        .bubble-container .bubble.modalbubble .bubble-inner p.stock_left {
          font-size: 35px;
          line-height: 30px; }
        .bubble-container .bubble.modalbubble .bubble-inner p.italic {
          font-size: 11px;
          line-height: 10px; } }

@media screen and (max-width: 767px) {
  /* - Trio Icone - */
  .cont_ico {
    padding: 0 !important;
    margin: 0 !important; }
    .cont_ico .row {
      padding: 30px 0 50px 0 !important;
      margin: 0 !important; }
  .introNoleggio .boxtipo .senza_pensieri img {
    width: 80%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .deskone {
    display: none; }
  .mobone {
    display: block; }
  #offers.boxtipo h2 {
    font-size: 40px; }
  #offers.boxtipo h3 {
    font-size: 24px;
    padding-top: 5px; }
  .imagetop {
    height: 420px; }
    .imagetop::before {
      background-size: 2.3%;
      background: url(../img/_creativita/background-pattern.gif) left 230px repeat-x #32b57c; }
    .imagetop .la-immagine {
      height: 420px; }
      .imagetop .la-immagine .introTesto {
        height: 420px;
        top: 95px; }
        .imagetop .la-immagine .introTesto p {
          margin-left: -33px;
          margin-top: -55px; }
        .imagetop .la-immagine .introTesto h1 {
          font-family: "bnpp_sansbold";
          font-size: 58px;
          line-height: 0.922;
          text-align: center; }
          .imagetop .la-immagine .introTesto h1 span {
            display: block; }
          .imagetop .la-immagine .introTesto h1::after {
            width: 55px;
            height: 15px;
            margin-top: -38px !important;
            margin-left: 127px; }
          .imagetop .la-immagine .introTesto h1::before {
            width: 55px;
            height: 15px;
            margin-right: 10px;
            margin-left: -65px;
            margin-top: 20px !important; }
        .imagetop .la-immagine .introTesto h2 {
          font-size: 38px;
          margin-top: 14px !important;
          margin-left: -121px !important; }
          .imagetop .la-immagine .introTesto h2 small {
            color: #ffffff;
            margin-top: -2px;
            position: absolute; }
          .imagetop .la-immagine .introTesto h2::after {
            margin-top: 48px !important;
            margin-left: -181px; }
        .imagetop .la-immagine .introTesto h3 {
          margin-top: 112px !important;
          margin-left: -106px !important;
          -webkit-text-stroke-width: 0.8pt;
          -webkit-text-stroke-color: black;
          text-shadow: 3.5px 3.6px 0px rgba(0, 0, 0, 0.2);
          letter-spacing: 0.02em;
          font-size: 46px; }
          .imagetop .la-immagine .introTesto h3::before {
            width: 85px;
            height: 64px;
            left: 50%;
            margin-left: -239px;
            margin-top: -4px; }
        .imagetop .la-immagine .introTesto.restart_ed h3 {
          margin-left: -79px !important; }
          .imagetop .la-immagine .introTesto.restart_ed h3::before {
            left: auto; }
        .imagetop .la-immagine .introTesto.halloween_ed h3 {
          margin-left: 0 !important;
          margin-top: 50px !important;
          position: relative;
          left: auto; }
          .imagetop .la-immagine .introTesto.halloween_ed h3::before {
            width: 90px;
            position: absolute;
            margin-left: -40px !important;
            margin-top: -55px; }
        .imagetop .la-immagine .introTesto.halloween_ed .pipistrelli {
          display: none; } }

@media screen and (max-width: 420px) {
  .noMarginMobile {
    padding: 0 !important;
    margin: 0 !important; }
    .noMarginMobile .row {
      padding: 0 !important;
      margin: 0 !important; }
    .noMarginMobile .boxtipo {
      margin: 0 !important;
      padding-left: 15px !important;
      padding-right: 15px !important; } }

@media screen and (max-width: 360px) {
  .imagetop .la-immagine .introTesto.restart_ed {
    top: 115px;
    left: -5px; }
    .imagetop .la-immagine .introTesto.restart_ed h1 {
      font-size: 54px; }
      .imagetop .la-immagine .introTesto.restart_ed h1::after {
        margin-left: 117px; }
    .imagetop .la-immagine .introTesto.restart_ed h3 {
      font-size: 30px;
      margin-left: -58px !important; }
      .imagetop .la-immagine .introTesto.restart_ed h3::before {
        width: 56px;
        height: 43px;
        margin-left: -60px;
        margin-top: -7px; } }

/*  --  LISTA OFFERTE --  */
#offers.boxtipo {
  padding: 45px 0 20px !important; }

.offerrow {
  margin-bottom: -30px; }
  .offerrow .blocco-auto {
    margin-bottom: 30px; }
  .offerrow .box-info-anticipo {
    padding: 0 15px 30px 15px; }
    .offerrow .box-info-anticipo .box_info {
      background: #efefef;
      padding: 8px 8px 5px 8px; }
      .offerrow .box-info-anticipo .box_info .icoInfo {
        display: block;
        float: left;
        width: 46px;
        height: 46px;
        background: url("../img/ico_info.png") center center no-repeat;
        background-size: 20px 33px; }
      .offerrow .box-info-anticipo .box_info p {
        margin: 4px 0 0 0;
        line-height: 17px; }
        .offerrow .box-info-anticipo .box_info p strong {
          font-family: 'bnpp_sansbold';
          font-weight: normal; }

.autosingola {
  border-top: 7px solid #00925b; }
  .autosingola.soldout a {
    cursor: default; }
    .autosingola.soldout a:hover {
      -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.14);
      -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.14);
      box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.14); }
      .autosingola.soldout a:hover .boxprezzoauto {
        margin: 12px 0px 0px 0px; }
      .autosingola.soldout a:hover .immagineauto img {
        width: 100%;
        margin: 0; }
  .autosingola a {
    display: block;
    border: 1px solid #d3d3d3;
    border-top: 0px;
    background: white;
    padding: 20px;
    -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.14);
    box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.14);
    transition: all 0.2s ease 0s;
    width: 100%;
    position: relative;
    height: 440px; }
    .autosingola a .titolazione {
      width: 100%;
      text-align: center; }
      .autosingola a .titolazione .titoloauto {
        height: 80px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: inherit;
        width: 1000px; }
        .autosingola a .titolazione .titoloauto h4 {
          color: #000000;
          font-size: 30px;
          text-transform: uppercase;
          line-height: 34px;
          margin-top: -10px; }
        .autosingola a .titolazione .titoloauto h5 {
          color: #666666;
          font-size: 21px;
          line-height: 21px; }
    .autosingola a .immagineauto {
      width: 100%; }
      .autosingola a .immagineauto img {
        width: inherit;
        height: auto;
        transition: all 0.2s ease 0s; }
    .autosingola a .boxprezzoauto {
      border-radius: 4px;
      padding: 10px;
      position: relative;
      background: #00925b;
      margin-top: 12px;
      color: #ffffff !important;
      text-align: center;
      font-size: 14px;
      transition: all 0.2s ease 0s; }
      .autosingola a .boxprezzoauto::before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 146, 91, 0);
        border-bottom-color: #00925b;
        border-width: 8px;
        margin-left: -8px; }
      .autosingola a .boxprezzoauto .rigaprezzo {
        display: table-cell;
        width: inherit;
        width: 300px;
        vertical-align: middle;
        height: 40px;
        text-align: center; }
        .autosingola a .boxprezzoauto .rigaprezzo .bloccoPrezzo {
          display: inline-block;
          width: auto;
          vertical-align: middle; }
          .autosingola a .boxprezzoauto .rigaprezzo .bloccoPrezzo .soli {
            line-height: 40px;
            display: block; }
          .autosingola a .boxprezzoauto .rigaprezzo .bloccoPrezzo .barratomesi {
            line-height: 14px;
            display: block;
            text-align: left; }
        .autosingola a .boxprezzoauto .rigaprezzo .cifre {
          font-family: 'bnpp_sansbold';
          font-size: 43px;
          line-height: 43px;
          letter-spacing: 0.01em;
          margin: -4px 3px 0 5px;
          vertical-align: middle;
          display: inline-block; }
        .autosingola a .boxprezzoauto .rigaprezzo b {
          font-family: 'bnpp_sansregular';
          font-size: 38px;
          line-height: 38px;
          font-weight: normal;
          margin-top: -4px;
          margin-right: 5px;
          vertical-align: middle;
          display: inline-block; }
        .autosingola a .boxprezzoauto .rigaprezzo i {
          text-decoration: line-through;
          font-family: 'bnpp_sansbold';
          font-weight: normal;
          color: black;
          font-style: normal;
          font-size: 16px; }
      .autosingola a .boxprezzoauto .btnpreventivo {
        text-align: center;
        color: #00925b;
        background: white;
        width: 100%;
        margin: 6px 0;
        height: 38px;
        line-height: 38px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.1);
        color: #303030;
        font-size: 16px;
        font-weight: bold;
        font-family: arial; }
      .autosingola a .boxprezzoauto .bottominfo {
        font-size: 11px; }
        .autosingola a .boxprezzoauto .bottominfo b {
          font-size: 13px;
          font-family: 'bnpp_sansregular';
          font-weight: normal; }
    .autosingola a:hover {
      -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.2); }
      .autosingola a:hover .boxprezzoauto {
        margin: 5px 0 7px 0; }
      .autosingola a:hover .immagineauto img {
        width: 104%;
        margin-left: -2%;
        margin-top: -2%; }

@media screen and (max-width: 991px) {
  .autosingola a {
    height: auto; }
    .autosingola a:hover .boxprezzoauto {
      margin: 5px 0 7px 0; }
    .autosingola a:hover .immagineauto img {
      width: 100%;
      margin-left: 0;
      margin-top: 0; }
    .autosingola a .rigaprezzo {
      display: inline !important;
      width: 100% !important;
      text-align: center !important; }
  .box-info-anticipo .box_info p {
    margin: 4px 0 0 0;
    font-size: 12px; }
    .box-info-anticipo .box_info p br {
      display: none; }
  #auto3,
  #auto5,
  #auto7,
  #auto9 {
    clear: left; } }

@media screen and (max-width: 480px) {
  .titoloauto h4 {
    font-size: 28px !important;
    line-height: 30px !important;
    margin-top: -10px; }
  .titoloauto h5 {
    font-size: 18px !important;
    line-height: 18px !important; }
  .box-info-anticipo .box_info {
    background: #efefef;
    padding: 8px 20px 20px 20px !important; }
    .box-info-anticipo .box_info .icoInfo {
      float: none !important;
      margin: 0 auto; }
    .box-info-anticipo .box_info p {
      font-size: 14px !important;
      line-height: 20px !important; }
      .box-info-anticipo .box_info p br {
        display: block; } }

@media screen and (max-width: 420px) {
  .rigaprezzo span.cifre {
    font-size: 39px !important;
    line-height: 39px !important; }
  .rigaprezzo b {
    font-size: 34px !important;
    line-height: 34px !important; } }

.servicerow {
  margin-bottom: -50px; }

.servizi {
  padding-bottom: 30px; }

p.intro_services {
  padding: 20px 0 0 0;
  text-align: center; }
  p.intro_services strong {
    font-weight: normal;
    font-family: 'bnpp_sansbold'; }

.blocco-servizi {
  text-align: center; }
  .blocco-servizi .img-servizio {
    margin: 0 auto;
    height: 60px; }
    .blocco-servizi .img-servizio .icomanutenzione {
      height: 60px;
      width: auto; }
    .blocco-servizi .img-servizio .icoassistenza {
      height: 40px;
      margin-top: 9px;
      width: auto; }
    .blocco-servizi .img-servizio .icoassicurazione {
      height: 44px;
      margin-top: 8px;
      width: auto; }
    .blocco-servizi .img-servizio .icoconsegna {
      height: 50px;
      margin-top: 5px;
      width: auto; }
    .blocco-servizi .img-servizio .icotassa {
      height: 40px;
      margin-top: 8px;
      width: auto; }
    .blocco-servizi .img-servizio .icoritiro {
      height: 48px;
      margin-top: 5px;
      width: auto; }

@media screen and (max-width: 991px) {
  .box-del-servizio {
    height: 120px; }
  .blocco-servizi .col-md-2 {
    display: none; } }

.modalopen {
  position: fixed; }

#modallayer {
  background-color: rgba(255, 255, 255, 0.8); }
  #modallayer .centralbox {
    background: #eef0ef;
    max-width: 94% !important;
    border-top: 7px solid #00925b;
    height: 90% !important;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
    #modallayer .centralbox .closeme {
      position: absolute;
      z-index: 99999;
      width: 60px !important;
      height: 60px !important;
      right: 0px;
      top: 0px;
      cursor: pointer;
      background: #eef0ef;
      opacity: 0.8; }
      #modallayer .centralbox .closeme svg {
        margin: 12px 0 0 12px;
        width: 34px !important;
        height: 34px !important; }
        #modallayer .centralbox .closeme svg polygon {
          transition: all 0.2s ease 0s;
          width: 34px !important;
          height: 34px !important;
          fill: #666666 !important; }
      #modallayer .centralbox .closeme:hover polygon {
        fill: #00925b !important; }
    #modallayer .centralbox .header {
      text-align: center;
      border-bottom: 0;
      height: auto;
      top: 0 !important;
      width: 100%;
      background: #eef0ef;
      z-index: 999;
      height: 100px; }
      #modallayer .centralbox .header h2 {
        color: #00925b;
        padding: 25px 0 0 0;
        text-align: center;
        font-family: "bnpp_sans_condensedregular";
        font-size: 50px;
        line-height: 50px;
        margin: 0;
        text-transform: uppercase; }
      #modallayer .centralbox .header p {
        font-family: "bnpp_sans_condensedregular";
        font-size: 28px;
        line-height: 28px;
        color: black;
        padding: 0;
        margin: 0; }
    #modallayer .centralbox .inbox {
      overflow-y: scroll;
      height: 100%;
      padding-top: 20px;
      width: 104%;
      margin-left: -2%; }
      #modallayer .centralbox .inbox .content {
        width: 90% !important;
        max-width: 940px !important;
        margin: 0 auto; }
        #modallayer .centralbox .inbox .content .details {
          overflow: hidden;
          max-height: 0;
          transition: max-height 0.8s; }
          #modallayer .centralbox .inbox .content .details.visible {
            max-height: 200px; }
        #modallayer .centralbox .inbox .content .preform .preform {
          position: relative;
          padding: 20px;
          background: url("../img/sfondo_box_auto_overlay.jpg") center right no-repeat white;
          width: 100%; }
          #modallayer .centralbox .inbox .content .preform .preform .titoloauto h4 {
            text-transform: uppercase;
            font-size: 28px;
            line-height: 28px;
            color: black;
            margin: 0;
            padding: 0; }
          #modallayer .centralbox .inbox .content .preform .preform .titoloauto h5 {
            text-transform: uppercase;
            font-size: 22px;
            line-height: 22px;
            margin: 0;
            padding: 0 0 5px 0; }
          #modallayer .centralbox .inbox .content .preform .preform .titoloauto p {
            font-family: 'bnpp_sanslight';
            font-size: 14px;
            line-height: 14px;
            margin: 0;
            padding: 0; }
        #modallayer .centralbox .inbox .content .preform .boxprezzoauto {
          position: relative;
          float: right;
          margin-top: 20px; }
          #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo {
            border-radius: 4px;
            padding: 10px;
            position: relative;
            background: #00925b;
            margin-top: 0;
            color: #ffffff !important;
            text-align: center;
            font-size: 14px; }
            #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo::after {
              right: 100%;
              top: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(0, 146, 91, 0);
              border-right-color: #00925b;
              border-width: 8px;
              margin-top: 16px; }
            #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo span.cifre {
              font-family: 'bnpp_sansbold';
              font-size: 48px;
              line-height: 48px;
              letter-spacing: 0.02em;
              margin: -4px 3px 0 5px;
              vertical-align: middle;
              display: inline-block; }
            #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo b {
              font-family: 'bnpp_sansregular';
              font-size: 42px;
              line-height: 42px;
              font-weight: normal;
              margin-top: -4px;
              margin-right: 5px;
              vertical-align: middle;
              display: inline-block; }
            #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo small {
              display: block;
              font-size: 14px;
              line-height: 14px;
              width: 100%; }
              #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo small.sx {
                text-align: left;
                padding-left: 5px; }
              #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo small.dx {
                text-align: right; }
            #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo i {
              text-decoration: line-through;
              font-family: 'bnpp_sansbold';
              font-weight: normal;
              color: black;
              font-style: normal;
              font-size: 16px; }
            #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo .bloccoPrezzo.soli {
              text-align: left; }
            #modallayer .centralbox .inbox .content .preform .boxprezzoauto .rigaprezzo .bloccoPrezzo.solomesi {
              text-align: right;
              line-height: 14px; }
        #modallayer .centralbox .inbox .content .preform .immagineauto {
          width: auto;
          float: left; }
          #modallayer .centralbox .inbox .content .preform .immagineauto img {
            width: auto;
            height: 140px !important; }
        #modallayer .centralbox .inbox .content .preform .bottominfo {
          clear: both;
          padding-top: 10px; }
          #modallayer .centralbox .inbox .content .preform .bottominfo div {
            font-size: 12px;
            line-height: 15px;
            margin: 4px 0; }
            #modallayer .centralbox .inbox .content .preform .bottominfo div strong {
              margin-right: 4px;
              font-family: 'bnpp_sansregular';
              font-weight: 200; }
        #modallayer .centralbox .inbox .content .preform .dettagli div {
          font-size: 12px;
          line-height: 15px;
          margin: 4px 0; }
          #modallayer .centralbox .inbox .content .preform .dettagli div strong {
            margin-right: 10px;
            display: block;
            font-family: 'bnpp_sansregular';
            font-weight: 200; }
      #modallayer .centralbox .inbox .footer {
        padding-bottom: 30px; }
        #modallayer .centralbox .inbox .footer .minitext {
          width: 90% !important;
          max-width: 940px;
          margin: 20px auto 0 auto;
          font-size: 11px; }

@media screen and (max-width: 991px) {
  #modallayer .centralbox {
    max-width: 96.5% !important; }
    #modallayer .centralbox .preform .preform {
      padding: 15px 0 0 0 !important;
      text-align: center !important;
      background-image: none !important; }
      #modallayer .centralbox .preform .preform .titolazione {
        text-align: left !important;
        padding-left: 15px;
        padding-bottom: 17px; }
        #modallayer .centralbox .preform .preform .titolazione h4 {
          font-size: 24px !important;
          line-height: 24px !important; }
        #modallayer .centralbox .preform .preform .titolazione h5 {
          font-size: 19px !important;
          line-height: 19px !important; }
        #modallayer .centralbox .preform .preform .titolazione p {
          font-size: 13px !important;
          line-height: 13px !important; }
      #modallayer .centralbox .preform .preform .boxprezzoauto {
        position: absolute !important;
        top: 2px !important;
        padding: 7px !important;
        right: 5px !important;
        margin-top: 0 !important; }
        #modallayer .centralbox .preform .preform .boxprezzoauto .rigaprezzo {
          padding: 6px !important; }
          #modallayer .centralbox .preform .preform .boxprezzoauto .rigaprezzo span.cifre {
            font-size: 36px !important;
            line-height: 36px !important;
            padding-top: 4px; }
          #modallayer .centralbox .preform .preform .boxprezzoauto .rigaprezzo b {
            font-size: 30px !important;
            line-height: 30px !important; }
          #modallayer .centralbox .preform .preform .boxprezzoauto .rigaprezzo small {
            font-size: 11px !important;
            line-height: 11px !important; }
          #modallayer .centralbox .preform .preform .boxprezzoauto .rigaprezzo i {
            font-size: 14px; }
          #modallayer .centralbox .preform .preform .boxprezzoauto .rigaprezzo::after {
            border-width: 6px !important;
            margin-top: 8px !important; }
      #modallayer .centralbox .preform .preform .immagineauto {
        right: 130px !important;
        top: 5px !important;
        text-align: center;
        float: none !important; }
        #modallayer .centralbox .preform .preform .immagineauto img {
          width: auto;
          height: 90px !important;
          text-align: center; }
      #modallayer .centralbox .preform .preform .boxprezzoautomobile {
        text-align: left !important; }
        #modallayer .centralbox .preform .preform .boxprezzoautomobile .showdetails {
          font-family: 'bnpp_sanslight';
          border-top: 1px solid #e6e6e6;
          padding: 14px 0 14px 15px !important;
          cursor: pointer;
          font-size: 16px !important; }
          #modallayer .centralbox .preform .preform .boxprezzoautomobile .showdetails i {
            border-radius: 9px;
            display: inline-block;
            float: right;
            height: 18px;
            vertical-align: middle;
            width: 18px;
            border: 1px solid #666;
            margin-right: 20px;
            text-align: center !important;
            position: relative; }
            #modallayer .centralbox .preform .preform .boxprezzoautomobile .showdetails i img {
              width: 9px;
              height: 6px;
              position: absolute;
              margin-left: -4px;
              top: 50%;
              left: 50%;
              margin-top: -2px;
              transition: all 0.2s ease 0s;
              transform: rotate(180deg); }
          #modallayer .centralbox .preform .preform .boxprezzoautomobile .showdetails.open img {
            transform: rotate(0deg);
            margin-top: -4px; }
        #modallayer .centralbox .preform .preform .boxprezzoautomobile .details {
          padding: 0 20px 0px 20px; }
          #modallayer .centralbox .preform .preform .boxprezzoautomobile .details .bottominfo {
            padding-top: 0;
            /*display: none;*/ }
          #modallayer .centralbox .preform .preform .boxprezzoautomobile .details .dettagli {
            padding-bottom: 18px;
            /*display: none;*/ }
          #modallayer .centralbox .preform .preform .boxprezzoautomobile .details.visible {
            /*padding-bottom: 18px;*/ }
            #modallayer .centralbox .preform .preform .boxprezzoautomobile .details.visible .bottominfo {
              display: block; }
            #modallayer .centralbox .preform .preform .boxprezzoautomobile .details.visible .dettagli {
              display: block; }
  .inbox .content .details.visible {
    max-height: 400px !important; } }

@media screen and (max-width: 767px) {
  #modallayer .centralbox {
    top: 0;
    background: #eef0ef;
    left: 50%;
    margin-left: -48.25%;
    margin-top: 2%;
    overflow: hidden; }
    #modallayer .centralbox .header h2 {
      font-size: 45px;
      line-height: 45px; } }

@media screen and (max-width: 580px) {
  #modallayer .centralbox .closeme {
    height: 46px !important;
    width: 46px !important; }
    #modallayer .centralbox .closeme svg {
      margin: 10px 0 0 10px !important;
      height: 26px !important;
      width: 26px !important; }
  #modallayer .centralbox .preform .preform .titolazione {
    padding-bottom: 0 !important; }
  #modallayer .centralbox .preform .preform .boxprezzoauto {
    position: absolute !important;
    top: 0px !important; }
  #modallayer .centralbox .preform .preform .rigaprezzo {
    margin-top: 0px !important;
    float: right; }
  #modallayer .centralbox .preform .preform .immagineauto {
    right: auto !important;
    top: auto !important;
    position: relative !important; }
    #modallayer .centralbox .preform .preform .immagineauto img {
      width: auto;
      height: 155px !important;
      margin: 0 auto; }
  #modallayer .centralbox .preform .preform .boxprezzoautomobile {
    margin-top: 20px;
    position: relative !important; }
  #modallayer .header {
    height: 130px !important; }
    #modallayer .header h2 span {
      display: block;
      font-size: 40px !important;
      line-height: 40px !important; }
    #modallayer .header p {
      font-size: 28px !important;
      line-height: 28px !important; }
  #modallayer .bottominfo {
    margin-top: 20px; }
  #modallayer .inbox {
    padding-top: 0px !important; }
  .inbox .content .details.visible {
    max-height: 400px !important; } }

@media screen and (max-width: 480px) {
  #modallayer .centralbox .preform .preform .titolazione h4 {
    font-size: 22px !important;
    line-height: 22px !important;
    width: 100px; }
  #modallayer .centralbox .preform .preform .titolazione h5 {
    width: 100px;
    font-size: 15px !important;
    line-height: 15px !important; }
  #modallayer .centralbox .inbox .content .details.visible {
    max-height: 400px; } }

#page-arval form table.wrapper input.no-zoom {
  font-size: 16px !important;
  transform-origin: top right  !important;
  transform: scale(0.75) !important;
  width: 150% !important;
  height: 38px  !important;
  padding: 5.333333px;
  margin-left: -115px;
  margin-bottom: -8px; }

#page-arval form table.wrapper #radio1.no-zoom,
#page-arval form table.wrapper #radio0.no-zoom {
  height: 30px !important;
  margin-top: 0 !important; }

#page-arval form table.wrapper .conselect {
  width: 112% !important;
  margin-left: -12%; }
  #page-arval form table.wrapper .conselect .inselect {
    background: #ffffff url("../img/sfondo_select.png") no-repeat scroll 98% center/18px 18px;
    margin: 5px 0 5px 0px !important;
    width: 100% !important;
    height: 28px; }
    #page-arval form table.wrapper .conselect .inselect select {
      border: none !important;
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background: transparent none repeat scroll 0 0 !important;
      border: medium none;
      margin-top: -4px !important; }
      #page-arval form table.wrapper .conselect .inselect select.no-zoom {
        width: 100% !important;
        margin-left: 0 !important; }
      #page-arval form table.wrapper .conselect .inselect select::-ms-expand {
        display: none !important; }

#page-arval form table.wrapper .bg_linea input[type="text"] {
  margin-left: -50% !important;
  margin-bottom: 0 !important; }

.message_box {
  overflow: visible; }
  .message_box .message_box_inner {
    background: black; }
  .message_box:before {
    width: 30px;
    height: 57px;
    background-size: cover !important;
    content: "";
    position: absolute;
    bottom: -30px;
    left: 7px; }
  .message_box .message_box_inner.grid::after {
    display: none !important; }

.introNoleggio {
  background: white; }

.offerrow {
  background: url("../img/_halloween/pattern.gif") repeat; }

.halloween-animation {
  position: relative;
  display: inline-block;
  background-position: top left !important;
  background-repeat: no-repeat !important; }
  .halloween-animation::before, .halloween-animation::after {
    display: block;
    content: "";
    height: 20px;
    width: 15px;
    position: absolute;
    opacity: 0;
    transition: all 250ms ease-in-out;
    z-index: 30; }
  .halloween-animation:hover::before, .halloween-animation:hover::after {
    opacity: 1; }
  .halloween-animation:hover::before {
    height: 65px;
    width: 65px;
    right: -20px;
    bottom: 100px;
    animation: float-right 3s ease-in-out infinite; }
  .halloween-animation:hover::after {
    height: 65px;
    width: 65px;
    top: 45px;
    left: -20px;
    transform: rotate(-10deg);
    animation: float-top 3s ease-in-out infinite; }
  .halloween-animation::before {
    right: 0;
    bottom: 40px;
    background: url("../img/_halloween/pipistrello_01.png") 0 0 no-repeat;
    background-size: cover; }
  .halloween-animation::after {
    top: 0;
    left: 50%;
    bottom: 0px;
    background: url("../img/_halloween/pipistrello_02.png") 0 0 no-repeat;
    background-size: cover; }

@keyframes float-right {
  50% {
    transform: rotate(10deg) translate(0, -15px); } }

@keyframes float-top {
  50% {
    transform: rotate(-5deg) translate(0, 10px); } }

@media screen and (max-width: 767px) {
  .halloween-animation:hover::before {
    height: 90px;
    width: 90px;
    right: -20px;
    bottom: 100px;
    animation: float-right 3s ease-in-out infinite; }
  .halloween-animation:hover::after {
    height: 90px;
    width: 90px;
    top: 45px;
    left: -20px;
    transform: rotate(-10deg);
    animation: float-top 3s ease-in-out infinite; }
  .message_box:before {
    width: 60px;
    height: 114px;
    background-size: cover !important;
    content: "";
    position: absolute;
    bottom: -80px;
    left: 7px; }
  .halloween-animation::before, .halloween-animation::after {
    display: none !important; }
  .mobilecrazy {
    position: relative;
    display: inline-block; }
    .mobilecrazy::before, .mobilecrazy::after {
      display: block;
      content: "";
      height: 20px;
      width: 15px;
      position: fixed;
      opacity: 0;
      transition: all 250ms ease-in-out;
      z-index: 9999; }
    .mobilecrazy::before {
      opacity: 1; }
    .mobilecrazy::after {
      opacity: 1; }
  .halloween-animation::after {
    opacity: 1; }
  .mobilecrazy::before {
    height: 120px;
    width: 120px;
    right: -20px;
    bottom: 50%;
    animation: float-right 3s ease-in-out infinite; }
  .mobilecrazy::after {
    height: 120px;
    width: 120px;
    top: 45px;
    left: -20px;
    transform: rotate(-10deg);
    animation: float-top 3s ease-in-out infinite; }
  .mobilecrazy::before {
    right: -50px;
    bottom: 25%;
    margin-top: 32px;
    background: url("../img/_halloween/pipistrello_01.png") 0 0 no-repeat;
    background-size: cover; }
  .mobilecrazy::after {
    top: 22%;
    left: -50px;
    bottom: 0px;
    background: url("../img/_halloween/pipistrello_02.png") 0 0 no-repeat;
    background-size: cover; }
  @keyframes float-right {
    50% {
      transform: rotate(10deg) translate(0, -15px); } }
  @keyframes float-top {
    50% {
      transform: rotate(-5deg) translate(0, 10px); } }
  #da_chatSR {
    display: none !important; } }

@media screen and (max-width: 480px) {
  .mobilecrazy::before {
    height: 100px;
    width: 100px;
    right: -20px;
    bottom: 50%;
    animation: float-right 3s ease-in-out infinite; }
  .mobilecrazy::after {
    height: 100px;
    width: 100px;
    top: 45px;
    left: -20px;
    transform: rotate(-10deg);
    animation: float-top 3s ease-in-out infinite; }
  .mobilecrazy::before {
    right: -44px;
    bottom: 10%;
    margin-top: 32px;
    background: url("../img/_halloween/pipistrello_01.png") 0 0 no-repeat;
    background-size: cover; }
  .mobilecrazy::after {
    top: 11%;
    left: -48px;
    bottom: 0px;
    background: url("../img/_halloween/pipistrello_02.png") 0 0 no-repeat;
    background-size: cover; } }

.inpageform {
  margin: 0 auto;
  max-width: 800px;
  width: 98%;
  padding: 0;
  color: #000000;
  position: relative; }
  .inpageform .mt10 {
    margin-top: 10px; }
  .inpageform .field {
    padding-bottom: 20px;
    font-family: "bnpp_sanslight", sans-serif;
    font-size: 13px;
    line-height: 16px; }
    .inpageform .field .inline-label {
      font-weight: 700; }
    .inpageform .field label {
      font-size: 12px;
      font-family: "bnpp_sanslight", sans-serif;
      padding-bottom: 8px;
      display: block;
      margin-left: 2px;
      margin-top: 1px;
      line-height: 12px;
      margin-bottom: 0;
      text-align: left;
      font-weight: 400; }
      .inpageform .field label.option {
        margin-left: 12px;
        padding-left: 12px;
        padding-bottom: 0px;
        line-height: 16px; }
        .inpageform .field label.option a {
          color: #00925b; }
          .inpageform .field label.option a:hover {
            text-decoration: underline; }
      .inpageform .field label.longlabel {
        padding: 8px 0; }
      .inpageform .field label span {
        display: block;
        line-height: 16px; }
        .inpageform .field label span.noteinform {
          font-size: 10px;
          line-height: 12px;
          font-style: italic;
          color: #666;
          padding-top: 5px; }
    .inpageform .field input,
    .inpageform .field textarea {
      background: #f0f0f0 none repeat scroll 0 0;
      border: 0px solid #d3d3d3;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      width: 100%;
      border-radius: 3px;
      font-family: "bnpp_sanslight", sans-serif;
      color: #666;
      text-indent: 10px;
      outline: none;
      text-align: left; }
      .inpageform .field input.whitein,
      .inpageform .field textarea.whitein {
        background: #ffffff none repeat scroll 0 0;
        height: 30px;
        line-height: 30px; }
    .inpageform .field select {
      -webkit-appearance: none;
      background: transparent none repeat scroll 0 0;
      border: medium none;
      color: #666;
      cursor: pointer;
      display: block;
      font-size: 14px;
      height: 30px;
      text-indent: 3px;
      width: 100%;
      border-radius: 3px;
      font-family: "bnpp_sanslight", sans-serif; }
    .inpageform .field .radio {
      background: #f0f0f0 none repeat scroll 0 0;
      border: 0px solid #d3d3d3;
      font-size: 14px;
      height: auto;
      line-height: 40px;
      width: auto;
      border-radius: 3px;
      font-family: "bnpp_sanslight", sans-serif;
      color: #666;
      text-indent: 10px;
      outline: none;
      float: left;
      margin-top: 2px; }
      .inpageform .field .radio.inline {
        float: none;
        display: inline;
        margin-right: 10px;
        margin-left: 10px; }
    .inpageform .field .inputselect {
      background: #f0f0f0 url("../img/sfondo_select.png") no-repeat scroll 98% center/20px 20px;
      border: 0;
      cursor: pointer;
      display: inline-block;
      height: 40px;
      margin: 0 auto;
      width: 100%;
      padding: 0;
      position: relative;
      border-radius: 3px; }
      .inpageform .field .inputselect.whitein {
        background-color: #ffffff;
        height: 30px;
        line-height: 30px; }
        .inpageform .field .inputselect.whitein select {
          height: 30px;
          line-height: 30px;
          font-size: 14px; }
    .inpageform .field .btn_call {
      background: #00925b;
      border: 0 none;
      border-radius: 4px;
      bottom: 0;
      color: #ffffff;
      cursor: pointer;
      display: block;
      font-family: "BNPBold", sans-serif;
      font-size: 17px;
      font-weight: normal;
      height: 50px;
      line-height: 50px;
      margin: 1em auto 0;
      text-align: center;
      text-indent: 0;
      transition: all 0.5s ease 0s;
      width: 100%;
      max-width: 260px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .inpageform .field .btn_call:hover {
        background: #006b43; }
    .inpageform .field .nopaddbot {
      padding-bottom: 0; }
    .inpageform .field.inlighbox {
      padding: 5px 0;
      clear: both;
      border-bottom: 1px solid #dedede; }
      .inpageform .field.inlighbox label {
        padding-bottom: 0px; }
    .inpageform .field.noteone {
      padding: 10px 0 5px 0; }
      .inpageform .field.noteone label {
        font-size: 11px;
        padding-bottom: 5px; }
      .inpageform .field.noteone input.radio {
        margin-top: 4px; }
    .inpageform .field .floatel {
      float: left; }
    .inpageform .field label.floatel {
      width: 110px;
      line-height: 30px; }
    .inpageform .field .inputselect.floatel,
    .inpageform .field input.floatel {
      width: 70%; }
    .inpageform .field .clear {
      clear: both; }
    .inpageform .field.layerfield {
      padding-top: 10px; }
      @media (max-width: 992px) {
        .inpageform .field.layerfield {
          padding-top: 0px; } }
      .inpageform .field.layerfield.nopaddbot {
        padding-bottom: 0; }
    .inpageform .field .errors-label {
      visibility: hidden;
      color: red;
      margin-bottom: 0; }
    .inpageform .field.haserror input,
    .inpageform .field.haserror select {
      outline: 1px solid red; }
    .inpageform .field.haserror .errors-label {
      visibility: visible; }
    .inpageform .field.nopb {
      padding-bottom: 0; }

.inpageform .field.noteone.layerfield label {
  padding-bottom: 5px; }
  .inpageform .field.noteone.layerfield label.option {
    padding-bottom: 5px !important; }
    .inpageform .field.noteone.layerfield label.option .btn_call {
      background: #00925b;
      border: 0 none;
      border-radius: 4px;
      bottom: 0;
      color: #ffffff;
      cursor: pointer;
      display: block;
      font-family: "BNPBold", sans-serif;
      font-size: 17px;
      font-weight: normal;
      height: 50px;
      line-height: 50px;
      margin: 0 auto;
      text-align: center;
      text-indent: 0;
      transition: all 0.5s ease 0s;
      width: 100%;
      max-width: 260px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .inpageform .field.noteone.layerfield label.option .btn_call:hover {
        background: #006b43; }
    .inpageform .field.noteone.layerfield label.option .nopaddbot {
      padding-bottom: 0; }
    .inpageform .field.noteone.layerfield label.option.inlighbox {
      padding: 5px 0;
      clear: both;
      border-bottom: 1px solid #dedede; }
      .inpageform .field.noteone.layerfield label.option.inlighbox label {
        padding-bottom: 0px; }
    .inpageform .field.noteone.layerfield label.option.noteone {
      padding: 10px 0 5px 0; }
      .inpageform .field.noteone.layerfield label.option.noteone label {
        font-size: 11px;
        padding-bottom: 5px; }
      .inpageform .field.noteone.layerfield label.option.noteone input.radio {
        margin-top: 4px; }
    .inpageform .field.noteone.layerfield label.option .floatel {
      float: left; }
    .inpageform .field.noteone.layerfield label.option label.floatel {
      width: 70px;
      line-height: 34px; }
    .inpageform .field.noteone.layerfield label.option .inputselect.floatel,
    .inpageform .field.noteone.layerfield label.option input.floatel {
      width: 83%; }
    .inpageform .field.noteone.layerfield label.option .clear {
      clear: both; }

.widget .text a {
  color: #00925b !important; }
  .widget .text a:hover {
    text-decoration: underline; }

@media (min-width: 991px) and (max-width: 995px) {
  .inpageform .field label.floatel {
    width: 91px;
    line-height: 34px; }
  .inpageform .field .inputselect.floatel,
  .inpageform .field input.floatel {
    width: 78%; }
  .inpageform .field .clear {
    clear: both; } }

@media (min-width: 991px) {
  .centered {
    position: relative;
    left: calc(-50% - 15px); }
  .w260 {
    width: 260px; } }

@media (max-width: 991px) {
  .preform.col-xs-12.col-sm-12.col-md-6,
  .form.form1.col-xs-12.col-sm-12.col-md-6 {
    width: 100%;
    flex: 0 0 100%; }
  .form.form1.col-xs-12.col-sm-12.col-md-6 {
    margin: 0 auto; }
  .inpageform .field .inputselect.whitein {
    margin: 0; }
    .inpageform .field .inputselect.whitein select {
      font-size: 12px; }
  .inpageform .field.inlighbox {
    padding: 5px 0;
    clear: both;
    border-bottom: 0px solid #dedede; }
    .inpageform .field.inlighbox label {
      padding-bottom: 8px; }
  .inpageform .field.noteone {
    padding: 15px 0 5px 0; }
    .inpageform .field.noteone label {
      padding-bottom: 20px; }
  .inpageform .field .floatel {
    float: none; }
  .inpageform .field label.floatel {
    width: auto;
    line-height: 16px; }
  .inpageform .field .inputselect.floatel,
  .inpageform .field input.floatel {
    width: 100%; } }