/* Palette Colori */

    .onyx {
        color: #3d3e3e;
    }
    .blu {
        color: #084c61;
    }
    .blu-50 {
        color: rgba(8, 76, 97, 0.75) !important;
    }
    .rosso {
        color: #da352f;
    }
    .giallo {
        color: #ffc247;
    }
    .grigio {
        color: #e0e0e0;
    }
    /* SCSS RGB
    $onyx: rgba(50, 52, 52, 1);
    $maximum-yellow-red: rgba(255, 194, 71, 1);
    $permanent-geranium-lake: rgba(218, 53, 47, 1);
    $midnight-green-eagle-green: rgba(8, 76, 97, 1);
    $gainsboro: rgba(224, 224, 224, 1);
*/

    html, p, li, ul, .modal-content {
        font-family: 'Asap', sans-serif;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Cabin', sans-serif;
    }


    body {
        background-color: #e0e0e0;
        overflow-x: hidden;
    }

    .pb-6, .py-6 {
        padding-bottom: 4rem !important;
    }
    .pb-7, .py-7 {
        padding-bottom: 5rem !important;
    }
    .pb-8, .py-8 {
        padding-bottom: 6rem !important;
    }
    .section {
        position: relative;
    }
    .citazione {
        font-family: 'Annie Use Your Telescope', cursive;
        color: #3d3e3e;
        color: #084c61;
        font-size: 30px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        text-shadow: 2px 2px 4px  rgba(255, 194, 71, 0.6);
        text-decoration: underline;
        text-decoration-color: #084c61;
        text-decoration-style: solid;
        text-decoration-thickness: from-font;
        text-underline-offset: 4px;
        margin-top: 2.5rem;
        margin-bottom:2.5rem;
    }

/* Navbar */

    #mainNav {
        background-color: transparent;
        padding-top: 1rem;
        padding-bottom: 1rem;
        transition: 0.5s;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    #mainNav .navbar-collapse {
        justify-content: flex-end !important;
    }
    #mainNav .navbar-collapse ul {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    @media (min-width: 992px) {
            #mainNav .navbar-nav .nav-item .nav-link {
            color: #084c61;
        }
            #mainNav .navbar-brand {
                color: rgba(8, 76, 97, 1);
        }
        #mainNav.navbar-scrolled .navbar-brand:hover {
            color: #ffc247 !important;
        }
    }
        #mainNav.navbar-scrolled {
            box-shadow: none;
            background: linear-gradient(180deg, rgba(8,76,97,0.9) 0%, rgba(8,76,97,0.9) 40%, rgba(8,76,97,0.8) 60%, rgba(8,76,97,0) 100%);
            /* background: linear-gradient(to top, rgba(8, 76, 97, 0.3) 0%, rgba(8, 76, 97, 1) 100%); */
            border-bottom: none;
            transition: 0.5s;
        }
        #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
            color: #e0e0e0;
        }
        #mainNav.navbar-scrolled .navbar-brand {
            color: #e0e0e0;
        }
        #mainNav .navbar-nav .nav-item .nav-link.active {
            color: #ffc247 !important;
        }
        #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
            text-decoration: underline !important;
            text-decoration-color: #ffc247 !important;
            text-decoration-style: double;
            color: rgba(255, 194, 71, 0.5);
        }
        .navbar-light .navbar-toggler {
            color: rgba(224, 224, 224, 0.5);
            border-color: rgba(224, 224, 224, 0.1);
        }
        .navbar-toggler-icon {
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%244, 244, 244, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }


/* Masthead */
    header.masthead {
        background-image: url();
        background: linear-gradient(to bottom, rgba(224, 244, 244, 0.6) 50%, rgba(8, 76, 97, 1) 100%), url("../../img/header_bg3.jpg");
        background-position: bottom;
        background-size: cover;
    }
    .logo {
        padding-top: 8rem;
        padding-bottom: 4rem;
    }
    .titolo {
        padding-top: 4rem;
    }
    .sottotitolo {
        padding-bottom: 6rem;
    }
    .bg-primary {
        background-color: #084c61 !important;
    }

    .btn-masthead {
        border-radius: 0.5rem;
        background-color: #ffc247;
        padding: 0.75rem 2.25rem;
        font-size: 1rem;
        color: #3d3e3e;
    }
    .btn-masthead:hover {
        border: none;
        color: #ffc247;
        background-color: #e0e0e0;
    }

    hr.divider {
        max-width:25rem;
        border-color: #ffc247;
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }



/* About */
    .about {
        height:auto;
    }

    .btn-about {
        border-radius: 0.5rem;
        background-color: #ffc247;
        padding: 0.75rem 2.25rem;
        font-size: 1rem;
        color: #3d3e3e;
    }
    .about .container {
        /* position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%); */

    }
    .about .body {
        max-height: 70vh;
    }
    .about .body img {
        max-height: 50%;
    }
    .about .body .pre_left {
        padding:0;
        position: relative;
        display: none;
    }
    .about .body .pre_right {
        padding:0;
        position: relative;
        display: none;
    }
    .about .body .pre_left img{
        position: absolute;
        right: 0;
    }
    /* .about .body .pre_right img{
        position: absolute;
        left: 0;
    } */
    .about .body .post_left {
        padding:0;
        position: relative;
    }
    .about .body .post_right {
        padding:0;
        position: relative;
    }
    .about .body .post_left img{
        position: absolute;
        right: 0;
    }

/* Servizi */
    .servizi {
        min-height: 100vh;
        padding: 25vh 0;
    }

    #servizi>h2 {
        color: #084c61;
    }
    .servizi .rowContent {
        margin-top: 10vh;
        justify-content: space-around;
    }
    .servizi .serviziWebsite:hover .serviziImg{
        transform: scale(1.1);
    }

    a.btn-servizi {
      text-decoration: none;
      line-height: auto;
      color: #084c61;
    }
    [class^="btn-"] {
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 1rem auto;
        text-transform: uppercase;
        margin: 0;
        color: #084c61;
        border: 1px solid;
        border-color: #084c61;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        padding: 0.375rem 0.75rem;
        font-size: 0.75rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        cursor: pointer;
        font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }
    }
    .btn-servizi {
        font-size: 0.75rem;
        text-transform: uppercase;
        color: #084c61;
        border-color: #084c61;
    }
    .btn-servizi span {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-radius: 50%;
      background-color: #ffc247;
      -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
      transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: -1;
    }
    .btn-servizi:hover {
      color: #084c61;
    }
    .btn-servizi:hover span {
      width: 225%;
      height: 562.5px;
    }
    .btn-servizi:active {
      background-color: #ffc247;
    }





    .btn-servizi:focus {
        box-shadow: none;
    }
    .servizi .modal-content {
        min-width: 50vw;
        color: #084c61;
        background-color: #e0e0e0;
        background-clip: padding-box;
        border: 5px double rgba(255, 194, 71, 1);
        border-radius: 1rem;
        outline: 0;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .servizi .modal-header {
        justify-content: center;
        padding: 1rem 1rem;
        border-bottom: 2px solid #ffc247;
        font-family: 'Cabin', sans-serif;
        text-shadow: #ffc247;
    }
    .servizi .modal-footer {
        align-items: center;
        justify-content: flex-end;
        padding: 0.75rem;
        border-top: 2px solid #ffc247;
    }
    .servizi .modal-body {
        text-align: justify;
    }
    .servizi .rowContent .modal .modal-body img {
        width: 100%;
    }
    .servizi .modal .modal-body .graphicStep  {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .servizi .modal .modal-body .graphicStep h6 {
        text-transform: uppercase;
        font-weight: bold;
    }
    .servizi .modal .modal-body .graphicStep .imgBox {
        position: relative;
        text-align: center;
    }
    .servizi .modal .modal-body .graphicStep img {

        margin-top: 0.25rem;
        margin-bottom: 0.25rem;

    }
    .servizi .modal .modal-body .photographyRow {
        padding: 1rem;
        justify-content: center;
    }

    .servizi .modal .modal-body .photographyRow .citazione {
        text-align: center;
    }
     #modal-photography .modal-body {
        background-image: url(../../img/servizi/photography/bg_photography.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 0;
        padding-bottom: 0;
    }
    #modal-photography .modal-body-photography {
        background: -moz-linear-gradient(0deg, rgba(224,224,224,0.8) 5%, rgba(224,224,224,0.8) 50%, rgba(224,224,224,0.5) 65%, rgba(224,224,224,0.6) 80%, rgba(224,224,224,0.8) 90%);
        background: -webkit-linear-gradient(0deg, rgba(224,224,224,0.8) 5%, rgba(224,224,224,0.8) 50%, rgba(224,224,224,0.5) 65%, rgba(224,224,224,0.6) 80%, rgba(224,224,224,0.8) 90%);
        background: linear-gradient(0deg, rgba(224,224,224,0.8) 5%, rgba(224,224,224,0.8) 50%, rgba(224,224,224,0.5) 65%, rgba(224,224,224,0.6) 80%, rgba(224,224,224,0.8) 90%);
    }
/* Portfolio */
    .portfolio {
        min-height: 100vh;
        padding: 0;
    }

    #portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-md .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category {
      font-family: 'Fjalla One', sans-serif;
      font-size: 1.2rem;
      font-weight: 800;
    }
    #portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-sm .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-md .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-lg .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-xl .portfolio-box .portfolio-box-caption .project-name {
      font-family: 'Russo One', sans-serif;
      font-size: 1.8rem;
      font-weight: bold;
    }

    /*  Portfolio header CSS */
    .portfolioHeader {
        min-height: 100vh;
        position: relative;
        padding-top: 5rem;
        padding-bottom:2rem;
    }
    .portfolioHeader .container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
/* Website Portfolio CSS */
    .website {
        min-height: 100vh;
        padding-top: 2rem;
        padding-bottom:2rem;
        position: relative;
        margin-bottom: 5rem;
    }
    .websiteContainer {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -30%); */
    }
    .website .rowWebsite {
        justify-content: space-around;
    }
    .website .websiteTitle {
        text-align: center;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .website .websiteTitle h2{
        margin-bottom: 1.5rem;
        color:#e0e0e0;
    }
    .website .websiteTitle hr{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .website .websiteTitle p{
        margin-bottom: 1.5rem;
        color: rgba(255, 255, 255, 0.5);
    }
    .website .citazione {
        color:#e0e0e0;
        text-decoration-color: #e0e0e0;
    }
    .website .boxWebsite {
        position: relative;
        min-height: 32rem;
    }
    @keyframes moveback {
        0%{
            z-index:3;
            transform: translate(-50%, -50%) translateZ(10px)scale(1.1);
            top:50%;
            left:50%;
        }
        50% {
            top:35%;
            left:50%;
        }
        100% {
            z-index:1;
            transform: translate(-50%, -50%) translateZ(-10px)scale(0.9);
            top:50%;
            left:50%;
        }
    }
    @keyframes moveback_out {
        0%{
            z-index:1;
            transform: translate(-50%, -50%) translateZ(-10px)scale(0.9);
            top:50%;
            left:50%;
        }
        50% {
            top:35%;
            left:50%;
        }
        100% {
            z-index:3;
            transform: translate(-50%, -50%) translateZ(10px)scale(1.1);
            top:50%;
            left:50%;
        }
    }
    @keyframes movefront {
        0%{
            z-index:1;
            transform: translate(-50%, -50%) translateZ(-10px)scale(0.9);
            top:85%;
            left:50%;
        }
        50% {
            top:110%;
            left:50%;
        }
        100% {
            z-index:3;
            transform: translate(-50%, -50%) translateZ(10px)scale(1.1);
            top:85%;
            left:50%;
        }

    }
    @keyframes movefront_out {
        0%{
            z-index:3;
            transform: translate(-50%, -50%) translateZ(10px)scale(1.1);
            top:85%;
            left:50%;
        }
        50% {
            top:110%;
            left:50%;
        }
        100% {
            z-index:1;
            transform: translate(-50%, -50%) translateZ(-10px)scale(0.9);
            top:85%;
            left:50%;
        }

    }
    @keyframes blur_text {
        from{
            color: transparent;
            text-shadow: 0 0 8px #3d3e3e;
        }
        to{
            color: #3d3e3e;
            text-shadow:none;
        }
    }
    @keyframes blur_text_out {
        from{
            color: #3d3e3e;
            text-shadow:none;
        }
        to{
            color: transparent;
            text-shadow: 0 0 8px #3d3e3e;
        }
    }

    .website .previewWebsite {
        position:absolute;
        z-index:3;
        transform: translate(-50%, -50%) translateZ(10px)scale(1.1);
        top:50%;
        left:50%;
        border: 5px double #ffc247;
        border-radius: 10px;
        height:23rem;
        width: 15rem;
        transition: ease-in-out 1s;
        animation: moveback_out 0.5s ease-in-out;
        overflow: hidden;
    }
    .website .previewWebsite img{
        position: absolute;
        max-width: inherit;
        max-width: -webkit-fill-available;
    }
    @keyframes scroll_img1 {
        from {
            transform: translateY(0%);
        }
        to {
            transform: translateY(-72%);
        }
    }
    .website .previewWebsite .website1 img{
        animation: scroll_img1 30s linear infinite alternate;
    }
    @keyframes scroll_img2 {
        from {
            transform: translateY(0%);
        }
        to {
            transform: translateY(-65%);
        }
    }
    .website .previewWebsite .website2 img{
        animation: scroll_img2 25s linear infinite alternate;
    }
    @keyframes scroll_img3 {
        from {
            transform: translateY(0%);
        }
        to {
            transform: translateY(-70%);
        }
    }
    .website .previewWebsite .website3 img{
        animation: scroll_img3 40s linear infinite alternate;
    }

    @keyframes scroll_img4 {
        from {
            transform: translateY(0%);
        }
        to {
            transform: translateY(-56%);
        }
    }
    .website .previewWebsite .website4 img{
        animation: scroll_img4 23s linear infinite alternate;
    }

    .website .descriptionWebsite {
        position: absolute;
        z-index: 1;
        transform: translate(-50%, -50%) translateZ(-10px)scale(0.9);
        top:85%;
        left:50%;
        min-width: 21rem;
        border-radius: 10px;
        background-color: #e0e0e0;
        transition: ease-in-out 1s;
        animation: movefront_out 0.5s ease-in-out;
        text-align: center;
        min-height: 250px;
        padding:1rem;
    }
    .website .descriptionWebsite h6 {
        text-align: center;
        text-transform: uppercase;
        color:#ffc247;
        color: transparent;
        text-shadow: 0 0 8px #ffc247;
        font-weight: bold;
        font-size: 14px;
        animation: blur_text_out 0.5s ease-in-out;
        transition: ease-in-out 1s;

    }

    .website .descriptionWebsite p {
        font-size: 12px;
        text-align: justify;
        color: #3d3e3e;
        color: transparent;
        text-shadow: 0 0 8px #3d3e3e;
        transition: ease-in-out 1s;
        animation: blur_text_out 0.5s ease-in-out;
    }
    .website .descriptionWebsite a {
        font-family: 'Titillium Web', sans-serif;
        font-size: 12px;
        font-style: italic;
        text-align: center;
        color:#084c61;
        color: transparent;
        text-shadow: 0 0 8px #084c61;
        text-decoration: none;
        margin-left: auto;
        margin-right: auto;
        animation: blur_text_out 0.5s ease-in-out;
        transition: ease-in-out 1s;
        position: absolute;
        bottom:10px;
        left: 50%;
        transform: translateX(-50%);
    }
    .website .descriptionWebsite a:hover {
        color:#ffc247;
    }




    .website .boxWebsite:hover .previewWebsite {
        z-index:1;
        transform: translate(-50%, -50%) translateZ(-10px)scale(0.9);
        animation: moveback 1s ease-in-out ;
    }
    .website .boxWebsite:hover .descriptionWebsite {
        z-index:3;
        transform: translate(-50%, -50%) translateZ(10px)scale(1.1);
        animation: movefront 1s ease-in-out ;
    }
    .website .boxWebsite:hover .descriptionWebsite p {
        color: #3d3e3e;
        text-shadow: none;
        animation: blur_text 1s ease-in-out ;
    }
    .website .boxWebsite:hover .descriptionWebsite h6 {
        color: #3d3e3e;
        text-shadow: none;
        animation: blur_text 1s ease-in-out ;
    }
    .website .boxWebsite:hover .descriptionWebsite a {
        color: #3d3e3e;
        text-shadow: none;
        animation: blur_text 1s ease-in-out ;
    }

/* Graphic Portfolio CSS */
    .graphic {
        min-height: 100vh;
        padding-top: 5rem;
        padding-bottom:2rem;
        position: relative;
    }
    .graphic   .graphicContainer {
      max-width: 100vw;
      display: flex;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      grid-gap: 1rem;
      margin: 0 auto;
      padding: 40px 0;
      flex-wrap: nowrap;
    }
    .graphic .citazione {
        color:#e0e0e0;
        text-decoration-color: #e0e0e0;
    }
    .graphic    .graphicContainer .card {
      position: relative;
      /* width: 300px; */
      height: 400px;
      margin: 0 auto;
      background: #000;
      border-radius: 15px;
      box-shadow: 0 15px 60px rgba(0, 0, 0, 0.5);
    }
    .graphic    .graphicContainer .card .face {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .graphic    .graphicContainer .card .face.face1 {
      box-sizing: border-box;
      padding: 20px;
      background-image: linear-gradient(45deg, #fc00ff 0%, #00fffc 45%, #fffc00 100%);
      background-image: linear-gradient(45deg, #e0e0e0 0%, #ffc247 100%);
      border-radius: 15px;

    }
    .graphic    .graphicContainer .card .face.face1 h2 {
      margin: 0;
      padding: 0;
      margin-bottom: 0.5rem;
    }
    .graphic    .graphicContainer .card .face.face1 .text {
      background-color: #3d3e3e;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: center;
    }
    .graphic    .graphicContainer .card .face.face1 p {
      text-align: justify !important;
      font-size: 14px;
    }
    .graphic    .graphicContainer .card .face.face2 {
      transition: 0.5s;
    }

    .graphic    .graphicContainer .card .face.face2 img {
      margin: 0;
      padding: 0;
      width: 90%;
      transition: 0.5s;
      text-shadow: 0 2px 5px rgba(224, 224, 224, 0.2);
      z-index: 10;
    }

    .graphic    .graphicContainer .card:hover .face.face2 {
      height: 80px;
      background: rgba( 150, 150, 150, 0.75 );
    }
    .graphic    .graphicContainer .card:hover .face.face2 img {
     width: 30%;
    }
    .graphic    .graphicContainer .face.face2 {
      background: rgba( 200, 200, 200, 0.75 );
      box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
      backdrop-filter: blur( 4px );
      -webkit-backdrop-filter: blur( 4px );
      border-radius: 10px;
      border: 1px solid rgba( 255, 255, 255, 0.18 );
    }
    @keyframes reveal_bounce {
        0% {
            transform: translateY(0%);
        }
        20% {
            transform: translateY(20%);
        }
        30% {
            transform: translateY(0%);
        }
        35% {
            transform: translateY(10%);
        }
        40% {
            transform: translateY(0%);
        }
        45% {
            transform: translateY(5%);
        }
        50% {
            transform: translateY(0%);
        }
        100% {
            transform: translateY(0%);
        }
    }

/* Photography Portfolio CSS */
    .photography {
        min-height: 100vh;
        padding-top: 5rem;
        padding-bottom:2rem;
        position: relative;
    }

/* Prezzi CSS */
    .prezzi {
        min-height: 100vh;
        padding-top: 5rem;
        padding-bottom:5rem;
        position: relative;
    }
    .prezzi b {
        font-weight: 600;
    }
    .prezzi .titolo {
        color: #084c61;
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 2rem;
    }
    .prezzi .titolo h2 {
        text-align: center;
        margin-top:
    }
    .prezzi .titolo p {
        color: #6c757d !important;
        margin-bottom: 1rem !important;
    }
    .prezzi .vantaggi_fiscali {
        color: #084c61;
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 4rem;
        padding-top: 2rem;
    }
    .prezzi .vantaggi_fiscali h2 {
        text-align: center;
        margin-top:
    }
    .prezzi .vantaggi_fiscali p {
        color: #6c757d !important;
        margin-bottom: 1rem !important;
    }
    .prezzi .vantaggi_fiscali .row_vantaggi {
        justify-content: center;
    }
    .prezzi .vantaggi_fiscali .box_vantaggi {
        margin:1rem 0.5rem;
        padding:1rem 1.5rem;
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.2), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        max-width: 30%;
    }
    .prezzi .vantaggi_fiscali .box_vantaggi:nth-child(1) {
        background-image: linear-gradient(220deg, #e0e0e0 0%, #ffc247 100%);
    }
    .prezzi .vantaggi_fiscali .box_vantaggi:nth-child(2) {
        background-image: linear-gradient(130deg, #e0e0e0 0%, #ffc247 100%);
    }
    .prezzi .vantaggi_fiscali .box_vantaggi:nth-child(3) {
        background-image: linear-gradient(310deg, #e0e0e0 0%, #ffc247 100%);
    }
    .prezzi .vantaggi_fiscali .box_vantaggi:nth-child(4) {
        background-image: linear-gradient(310deg, #e0e0e0 0%, #ffc247 100%);
    }
    .prezzi .vantaggi_fiscali .box_vantaggi:nth-child(5) {
        background-image: linear-gradient(40deg, #e0e0e0 0%, #ffc247 100%);
    }
    @media (max-width: 768px) {
        .prezzi .vantaggi_fiscali .box_vantaggi {
            max-width: 45%;
        }
    }
    @media (max-width: 576px) {
        .prezzi .vantaggi_fiscali .box_vantaggi {
            max-width: 95%;
            margin:0.5rem;
        }
    }
    .prezzi .vantaggi_fiscali .box_vantaggi p{
        margin: 0 !important;
    }


    .prezzi .vetrina p, .prezzi .vetrina ul {
        color: #3d3e3e !important;
    }

    .prezzi .vetrina_intro {
        justify-content: center;
        color: #3d3e3e;
        display: block;
        text-align: center;
        margin-left: 6rem;
        margin-right: 6rem;
    }
    .prezzi .vetrina_intro h4{
        color: #084c61;
    }
    .prezzi .vetrina_intro p{
        text-align: center;
    }
    .prezzi .vetrina_intro hr  {
        max-width: 15rem;
    }
    .prezzi .vetrina_body {
        text-align: justify;
        margin-top: 4rem;
        margin-bottom: 2rem;
    }
    .prezzi .vetrina_body .vetrina_prezzo {
        position: relative;
        text-align: center;
    }
    .prezzi .vetrina_body .vetrina_prezzo .prezzo_base{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: double 6px #da352f;
        padding:1rem 2rem;
        color: #084c61;
        background-color: rgba(255, 194, 71, 0.8);
        border-radius: 15px;
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.4), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.4);
    }
    .prezzi .vetrina_body .vetrina_prezzo .prezzo_base .prezzo_barrato{
        text-decoration: line-through;
        font-family: 'Kaushan Script', cursive;
        font-size: 1.5rem;
    }

    .prezzi .vetrina_body .vetrina_prezzo .prezzo_base .prezzo_scontato{
        font-size: 60px;
        font-family: 'Kaushan Script', cursive;
    }

    .prezzi .vetrina_body .vetrina_prezzo .iva_esclusa p{
        font-size: 10px;
        color: #084c61;
    }
    .prezzi .vetrina_body .vetrina_description  {

    }
    .prezzi .vetrina_intro .prezzo_base {
        margin: 2rem 6rem;
    }
    .prezzi .vetrina_intro .prezzo_base a {
        color: #084c61;
        animation: 0.3s;
    }
    .prezzi .vetrina .vetrina_type {
        /* text-align: center;
        margin-top: 4rem;
        margin-bottom:4rem;
        border: solid 2px #da352f;
        border-radius: 1rem;
        padding:1rem; */
    }
    .prezzi .vetrina .vetrinaBtn_row {
        justify-content: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .prezzi .vetrina .vetrinaBtn_row button {
        text-transform: uppercase;
        color: #084D61;
        font-family: 'Cabin', sans-serif;
        font-size: 14px;
        border-radius: 0.35rem;
        padding: 2px 15px;
        cursor: pointer;
        border: solid 1px #084d61;
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.2), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.2);
        transition: 0.5s ease;
    }
    .prezzi .vetrina .vetrinaBtn_row button:hover {
        transform: scale(1.1);
        color: #ffc247;
        background-color: #084d61;
    }


    .prezzi .calcolatore {
        margin-top: 15vh;
    }
    .prezzi .calcolatore_intro {
        justify-content: center;
        color: #3d3e3e;
        display: block;
        text-align: center;
        margin: 4rem ;
        margin-bottom: 2rem;
    }
    .prezzi .calcolatore_intro h4{
        color: #084c61;
        text-align: : center;
    }
    .prezzi .calcolatore_intro hr{
        max-width: 20rem;
   }

    .prezzi .calcolatore_intro p{
        text-align: center;
    }
    .prezzi .citazione {
        font-family: 'Annie Use Your Telescope', cursive;
        color: #3d3e3e;
        color: #084c61;
        font-size: 30px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        text-shadow: 2px 2px 4px  rgba(255, 194, 71, 0.6);
        text-decoration: underline;
        text-decoration-color: #084c61;
        text-decoration-style: solid;
        text-decoration-thickness: from-font;
        text-underline-offset: 4px;
        margin-top: 2.5rem;
        margin-bottom:2.5rem;
    }

    .calcolatore_step .step_row {
      min-height: 100%;
    }

    .calcolatore_step .step_row {
      font-weight: 500;
      color: #424949;
      padding: 0 25px;
      display: flex;
      flex-direction: column;
      position: relative;
    }

    .calcolatore_step .flex-parent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin-top: 7rem;
        margin-bottom: 5rem;
    }

    .calcolatore_step .input-flex-container {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        width: 80vw;
        max-width: 1000px;
        position: relative;
        z-index: 0;
        margin-left: calc((80vw - 25px) / 20);
    }

    .calcolatore_step input {
        width: 25px;
        height: 25px;
        background-color: #084D61;
        position: relative;
        border-radius: 50%;
        display: block;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
        transition: 0.5s;
    }
    .calcolatore_step input:focus {
      outline: none;
    }
    .calcolatore_step input::before, .calcolatore_step input::after {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      top: 50%;
      transform: translateY(-50%);
      background-color: #084D61;
      width: 5vw;
      height: 5px;
      /* max-width: 50px; */
    }
    .calcolatore_step input::before {
      left: calc(-5vw + 12.5px);
      transition: 0.5s;
    }
    .calcolatore_step input::after {
      right: calc(-5vw + 12.5px);
      transition: 0.5s;
    }
    .calcolatore_step input:checked {
      background-color: #084D61;
    }
    .calcolatore_step input:checked::before {
      background-color: #084D61;
    }
    .calcolatore_step input:checked::after {
      background-color: #AEB6BF;
    }
    .calcolatore_step input:checked ~ input,
    .calcolatore_step input:checked ~ input::before,
    .calcolatore_step input:checked ~ input::after {
      background-color: #AEB6BF;
    }
    .calcolatore_step input:checked + .calcolatore_step .dot-info span {
      font-size: 13px;
      font-weight: bold;
    }

    .calcolatore_step .dot-info {
      width: 25px;
      height: 25px;
      display: block;
      visibility: hidden;
      position: relative;
      z-index: -1;
      left: calc((((80vw - 25px) / 20) * -1) - 1px);
    }
    .calcolatore .dot-info h6 {
        display: none;
    }

    .calcolatore_step .dot-info span {
      visibility: visible;
      position: absolute;
      font-size: 14px;
      transform: translateX(-50%);
      color:#6c757d;
      font-family: 'Asap', sans-serif;

    }
    .calcolatore_step .dot-info span.etichetta_sotto {
      bottom: -40px;
      left:0;
      width: 10rem;
      transform: translate(-50%, 50%);
    }
    .calcolatore_step .dot-info span.etichetta_sopra {
      top: -40px;
      left:0;
      width: 10rem;
      transform: translate(-50%, -50%);
    }

    .calcolatore_step #timeline-descriptions-wrapper {
      width: 100%;
      margin-top: 7rem;
      font-size: 16px;
      font-weight: 400;
      margin-left: calc((-80vw - 25px) / 20);
    }
    .calcolatore_step #timeline-descriptions-wrapper p {
      margin-top: 0;
      display: none;
    }

    .calcolatore_step input[data-description="step01"]:checked ~ #timeline-descriptions-wrapper p[data-description="step01"] {
      display: block;
    }
    .calcolatore_step input[data-description="step02"]:checked ~ #timeline-descriptions-wrapper p[data-description="step02"] {
      display: block;
    }
    .calcolatore_step input[data-description="step03"]:checked ~ #timeline-descriptions-wrapper p[data-description="step03"] {
      display: block;
    }
    .calcolatore_step input[data-description="step04"]:checked ~ #timeline-descriptions-wrapper p[data-description="step04"] {
      display: block;
    }
    .calcolatore_step input[data-description="step05"]:checked ~ #timeline-descriptions-wrapper p[data-description="step05"] {
      display: block;
    }
    .calcolatore_step input[data-description="step06"]:checked ~ #timeline-descriptions-wrapper p[data-description="step06"] {
      display: block;
    }
    .calcolatore_step input[data-description="step07"]:checked ~ #timeline-descriptions-wrapper p[data-description="step07"] {
      display: block;
    }
    .calcolatore_step input[data-description="step08"]:checked ~ #timeline-descriptions-wrapper p[data-description="step08"] {
      display: block;
    }
    .calcolatore_step input[data-description="1990"]:checked ~ #timeline-descriptions-wrapper p[data-description="1990"] {
      display: block;
    }
    .calcolatore_step input[data-description="2000"]:checked ~ #timeline-descriptions-wrapper p[data-description="2000"] {
      display: block;
    }


    .calcolatore_step input[data-description="step01"]:checked ~ .dot-info span[data-description="step01"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    .calcolatore_step input[data-description="step02"]:checked ~ .dot-info span[data-description="step02"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    .calcolatore_step input[data-description="step03"]:checked ~ .dot-info span[data-description="step03"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    .calcolatore_step input[data-description="step04"]:checked ~ .dot-info span[data-description="step04"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    .calcolatore_step input[data-description="step05"]:checked ~ .dot-info span[data-description="step05"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    .calcolatore_step input[data-description="step06"]:checked ~ .dot-info span[data-description="step06"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    .calcolatore_step input[data-description="step07"]:checked ~ .dot-info span[data-description="step07"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    .calcolatore_step input[data-description="step08"]:checked ~ .dot-info span[data-description="step08"] {
        color:#084c61;
        text-shadow: 2px 2px 4px rgb(255 194 71 / 60%);
        font-size: 16px;
        transition: 0.5s;
    }
    @media (min-width: 1250px) {
      .calcolatore_step .input-flex-container {
        margin-left: 62.5px;
      }

      .calcolatore_step input::before {
        left: -50px;
      }
      .calcolatore_step input::after {
        right: -50px;
      }

      .calcolatore_step .dot-info {
        left: calc((((1000px - 25px) / 20) * -1) - 1px);
      }

      .calcolatore_step #timeline-descriptions-wrapper {
        margin-left: -37.5px;
      }
    }
    @media (min-width: 1550px) {
        .calcolatore_step input::before {
          left: -75px;
        }
        .calcolatore_step input::after {
          right: -75px;
        }
    }
    @media (min-width: 1975px) {
        .calcolatore_step input::before {
          left: -105px;
        }
        .calcolatore_step input::after {
          right: -105px;
        }
    }
    @media (min-width: 2535px) {
        .calcolatore_step input::before {
          left: -125px;
        }
        .calcolatore_step input::after {
          right: -125px;
        }
    }
    @media (max-width: 630px) {
      .calcolatore_step .flex-parent {
        justify-content: initial;
      }

      .calcolatore_step .input-flex-container {
        flex-wrap: wrap;
        justify-content: center;
        width: 400px;
        height: auto;
        margin-top: 15vh;
        margin-left: 0;
        padding-bottom: 30px;
      }

      .calcolatore_step input,
      .calcolatore_step .dot-info {
        width: 60px;
        height: 60px;
        margin: 0 10px 50px;
      }

      .calcolatore_step input {
        background-color: transparent !important;
        z-index: 1;
      }
      .calcolatore_step input::before,
      .calcolatore_step input::after {
        content: none;
      }
      .calcolatore_step input:checked + .calcolatore_step .dot-info {
        background-color: #084D61;
      }
      .calcolatore_step input:checked + .calcolatore_step .dot-info span.etichetta_sotto {
        font-size: 14px;
      }
      .calcolatore_step input:checked + .calcolatore_step .dot-info span.etichetta_sopra {
        font-size: 12px;
      }

      .calcolatore_step .dot-info {
        visibility: visible;
        border-radius: 50%;
        z-index: 0;
        left: 0;
        margin-left: -70px;
        background-color: #AEB6BF;
      }
      .calcolatore_step .dot-info span.etichetta_sotto {
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ECF0F1;
      }
      .calcolatore_step .dot-info span.etichetta_sopra {
        top: calc(100% + 5px);
        left: 50%;
        transform: translateX(-50%);
        text-indent: 0;
        text-align: center;
      }

      .calcolatore_step #timeline-descriptions-wrapper {
        margin-top: 30px;
        margin-left: 0;
        text-align: center;
      }
    }
    @media (max-width: 480px) {
      .calcolatore_step .input-flex-container {
        width: 340px;
      }
    }
    @media (max-width: 400px) {
      .calcolatore_step .input-flex-container {
        width: 300px;
      }
    }





    .prezzi .calcolatore_body {
        justify-content: center;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
    .prezzi .calcolatore_body .boxCalcolatore {
        padding: 3rem 1rem;
        border-radius: 1rem;
        background-image: linear-gradient(0deg, #e0e0e0 20%, #ffc247 100%);
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.2), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.2);

    }
    .prezzi .calcolatore .inputRow {
        margin-bottom: 3rem;
    }

    .prezzi .calcolatore .inputRow h6{
        color: #084c61;
    }
    .prezzi .calcolatore .inputRow button:not(:disabled),
    .prezzi .calcolatore .inputRow [type=button]:not(:disabled),
    .prezzi .calcolatore .inputRow [type=reset]:not(:disabled),
    .prezzi .calcolatore .inputRow [type=submit]:not(:disabled) {
        cursor: pointer;
        border: none;
        background: none;
        font-size: 20px;
        color: #084c61;
    }
    .prezzi .calcolatore .inputRow input {
        min-width: 20px;
        border: none;
        width: 5rem;
        background: none;
        text-align: center;
        font-size: 20px;
        color: #084D61;
        border-radius: 0;
    }
    .prezzi .calcolatore_body .pageInput{
        text-align: center;
    }
    .prezzi .calcolatore_body .avanzateInput{
        text-align: center;
    }
    .prezzi .calcolatore_body .switch_onepage{
        justify-content: center;
        margin: 2rem 1rem;
        color: #084D61;
        text-align: center;
    }
    .prezzi .calcolatore_body .switch_onepage h6{
        margin-bottom: 0;
        margin-top: 4px;
    }
    .prezzi .calcolatore_body .switch_onepage .custom-switch {
        padding-left: 4rem;
        padding-right: 2rem;
    }
    .prezzi .calcolatore_body .switch_onepage .custom-switch input {
        width: 13rem;
        margin-left: -4rem;
    }
    .prezzi .calcolatore_body .switch_onepage .custom-switch .custom-control-label::before {
        border-color: #28a745;
        background-color: #28a745;
    }
    .prezzi .calcolatore_body .switch_onepage .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #f4623a;
        background-color: #f4623a;
    }
    .custom-switch .custom-control-label::after {
        background-color:#e0e0e0;
    }
    .prezzi .calcolatore_body .addon_row{
        justify-content: center;
        margin:1rem;
        text-align: center;
        text-transform:uppercase;
        color: #084D61;
        font-family: 'Cabin', sans-serif;
    }
    .prezzi .calcolatore_body svg{
        vertical-align: top;
        max-width: 0.85rem;
        margin-left: 0.25rem;
    }
    /* CSS MODAL PUNTI DI DOMANDA CALCOLATORE */


    .BtModals:hover {
        position:relative;
        z-index: 8000;
    }
     .modal.show .modal-dialog-calcolatore {
        max-width: 30rem;
        text-align: center;
        transform: translateY(-50%);
        top:50%;
    }
    .modal-open .modal-calcolatore {
        backdrop-filter:blur(4px);
        background-color: rgba(50, 52, 52, 0.7);
    }
    .prezzi .modal-body-calcolatore {
        padding: 2rem 0.5rem;
        border-radius: 1rem;
        background-color: rgba(224, 224, 224, 0.9);
        /* border: double rgba(8, 76, 97, 0.8) 5px; */
        box-shadow: 0.25rem 0.25rem 0.6rem rgb(8 76 97 / 60%), 0 0.5rem 1.125rem rgb(0 0 0 / 20%);
    }
    .prezzi .vetrina-multipagina ,
    .prezzi .vetrina-onepage {
        padding: 2rem 0.5rem 0;
    }
    .prezzi .vetrina-multipagina .btn-vetrina ,
    .prezzi .vetrina-onepage .btn-vetrina {
      text-decoration: none;
      line-height: auto;
      color: #084c61;
      margin-bottom: 0.5rem;
      display: none;
    }
    @media (max-width: 768px) {
        .prezzi .vetrina-multipagina .btn-vetrina ,
        .prezzi .vetrina-onepage .btn-vetrina {
            display: block;
        }
    }


    .prezzi .vetrina-multipagina h6,
    .prezzi .vetrina-onepage h6 {
        margin-bottom: 1rem;
        text-transform: uppercase;
        color: #084c61;
        font-weight: 600;
        font-size: 18px;
        text-shadow: 2px 2px 4px rgb(224 224 224 / 100%);
    }
    .prezzi  .vetrina-onepage .onepage_descrizione,
    .prezzi  .vetrina-multipagina .multipagina_descrizione {
        text-align: justify;
        border-radius: 1rem;
        background-color: rgba(255, 194, 71, 0.8);
        background-image: linear-gradient(220deg, #e0e0e0 0%, #ffc247 100%);
        margin:1rem auto;
        padding: 1rem;
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.2), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.2);
        max-width: 90%
    }

    .prezzi  .vetrina-onepage .onepage_descrizione p,
     .prezzi  .vetrina-multipagina .multipagina_descrizione p{
        margin:0;
        color: #084c61;
    }
    .prezzi  .vetrina-onepage .onepage_pro_contro,
     .prezzi  .vetrina-multipagina .multipagina_pro_contro {
        position: relative;
        margin:1rem auto;
        padding: 0rem;
        max-width: 90%;
    }
    .prezzi  .vetrina-onepage .onepage_pro_contro .innerBox,
     .prezzi  .vetrina-multipagina .multipagina_pro_contro .innerBox {
        width: inherit;
        margin-top: 1rem;
    }
    .prezzi  .vetrina-onepage .onepage_pro_contro .innerBox .onepage_pro,
     .prezzi  .vetrina-multipagina .multipagina_pro_contro .innerBox .multipagina_pro{
        border-radius: 1rem;
        padding: 1rem 0.5rem;
        margin-bottom: 2rem;
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(3, 116, 29, 0.6), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.2);
        background-color: rgba(224, 224, 224, 1);
    }
    .prezzi  .vetrina-onepage .onepage_pro_contro .innerBox .onepage_pro h6,
     .prezzi  .vetrina-multipagina .multipagina_pro_contro .innerBox .multipagina_pro h6{
        border-radius: 8px;
        margin-bottom: 0;
        font-weight: 700;
    }
    .prezzi  .vetrina-onepage .onepage_pro_contro .innerBox .onepage_pro p,
    .prezzi  .vetrina-multipagina .multipagina_pro_contro .innerBox .multipagina_pro p{
        margin-bottom: 0 !important;
        margin-top: 0.25rem;
    }
    .prezzi  .vetrina-onepage .onepage_pro_contro .innerBox .onepage_contro,
     .prezzi  .vetrina-multipagina .multipagina_pro_contro .innerBox .multipagina_contro {
        border-radius: 1rem;
        padding: 1rem 0.5rem;
        margin-bottom: 2rem;
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(191, 4, 4, 0.55), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.2);
        background-color: rgba(224, 224, 224, 1);
    }

    .prezzi  .vetrina-onepage .onepage_pro_contro .innerBox .onepage_contro h6,
    .prezzi  .vetrina-multipagina .multipagina_pro_contro .innerBox .multipagina_contro h6 {
        border-radius: 8px;
        margin-bottom: 0;
        font-weight: 700;
    }
    .prezzi  .vetrina-onepage .onepage_pro_contro .innerBox .onepage_contro p,
    .prezzi  .vetrina-multipagina .multipagina_pro_contro .innerBox .multipagina_contro p {
        margin-bottom: 0 !important;
        margin-top: 0.25rem;
    }


    .prezzi .calcolatore_body .progress_row{
        margin-top: 2rem;
        margin-bottom: 2rem;
        justify-content: center;
    }
    .prezzi .calcolatore_body .progress_row #pre-bar{
        background-color: transparent
    }
    .prezzi .calcolatore_body .progress_row .progress {
        padding:0;
        height: 1.2rem;
    }
    .prezzi .calcolatore_body .progress_row .iva_esclusa {
        margin-top: 1rem;
    }
    .prezzi .calcolatore_body .progress_row .iva_esclusa p {
        margin-bottom: 0;
        color: #084D61;
        font-size: 14px;
        font-style: italic;
        text-decoration: underline;
    }
    .prezzi .calcolatore_body .progress_row #colored-bar{
        border-radius: 3rem;
        /* background: -moz-linear-gradient(90deg, rgba(11,194,53,1) 5%, rgba(245,208,5,1) 43%, rgba(245,208,5,1) 57%, rgba(232,23,23,1) 95%);
        background: -webkit-linear-gradient(90deg, rgba(11,194,53,1) 5%, rgba(245,208,5,1) 43%, rgba(245,208,5,1) 57%, rgba(232,23,23,1) 95%);
        background: linear-gradient(90deg, rgba(11,194,53,1) 5%, rgba(245,208,5,1) 43%, rgba(245,208,5,1) 57%, rgba(232,23,23,1) 95%); */
    }
    .prezzi .calcolatore_body .calcolatoreBtn_row {
        justify-content: center;
        margin-top: 4rem;
    }

    .prezzi .calcolatore_body .calcolatoreBtn_row button {
        text-transform: uppercase;
        color: #084D61;
        font-family: 'Cabin', sans-serif;
        font-size: 14px;
        border-radius: 0.35rem;
        padding: 2px 15px;
        cursor: pointer;
        border: solid 1px #084d61;
        box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.2), 0 0.5rem 1.125rem rgba(0, 0, 0, 0.2);
        transition: 0.5s ease;
    }
    .prezzi .calcolatore_body .calcolatoreBtn_row button:hover {
        transform: scale(1.1);
        color: #ffc247;
        background-color: #084d61;
    }
    .prezzi .calcolatore_outro {
        justify-content: center;
        color: #3d3e3e;
        display: block;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding: 0 6rem;
    }

    .mt-0, .my-0 {
        margin-top: 0 !important;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

/*Contact*/
    a:hover {
        color: #084c61;
        text-decoration-color: #ffc247;
        text-decoration-style: double;
        text-underline-offset: 0.25rem;
    }
    .contact {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        perspective: 1000px;
        transform-style: preserve-3d;
        position: relative;
    }
    .contact .container {
    	min-width: 700px;
        max-width: 1000px;
    	min-height: 42rem;
    	border-radius: 20px;
    	position: relative;
    	transition: 1.5s ease-in-out;
    	transform-style: preserve-3d;
    }
    .contact .side {
    	position: absolute;
    	text-align: center;
    	width: 100%;
    	height: 100%;
    	padding: 20px 50px;
    	color: #fff;
    	transform-style: preserve-3d;
    	-webkit-backface-visibility: hidden;
    	        backface-visibility: hidden;
    	border-radius: 20px;
    }
    .contact .content {
    	transform: translatez(100px) scale(0.8);
    	line-height: 1.5em;
    }
    .contact .frontContent {
        transform: translatez(100px) scale(0.8) translateY(60%);
    }


    .contact .content h1 {
    	position: relative;
    }
    .contact .content p {
    	line-height: 2em;
        background-color: #e0e0e0b5;
    }
    .contact .content h1:before {
    	content: "";
    	position: absolute;
    	bottom: -20px;
    	height: 3px;
    	background-color: #3e3;
    	width: 70px;
    	left: 50%;
    	transform: translateX(-50%);
    }
    .contact .front {
        border: 4px double #ffc247;
    	z-index: 2;
    	background-size: 100vh;
    	background-size: cover;
        background-image: none;
    	/* background-image: url(../../img/bg_contact_small.jpg); */
    }.contact .front .lettera {
        margin: auto;
    }
    .contact .back {
        border: 4px double #ffc247;
    	background-color: #333;
    	transform: rotateY(180deg);
    	z-index: 0;
    	padding-top: 10px;
        background-size: cover;
        background-image: none;
    	/* background-image: url(../../img/bg_contact_small.jpg); */
    }
    /*.contact .container:hover {
    	transform: rotateY(180deg);
    }*/
    /*.contact .container_rotation {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }*/
    .contact form {
    	text-align: left;
    }
    .contact .back h1 {
    	margin: 0;
    }
    .contact form label,
    .contact form input {
    	display: block;
    }
    .contact form input,
    .contact form textarea {
    	background: #d4d4d4a8;
    	border: 0;
    	border-bottom: 2px solid #444;
    	padding: 5px;
    	width: 100%;
    	color: #fff;
    }
    .contact .check-input {
        width: auto;
    }
    .contact .contact-form-check .row {
        margin: 1rem 0;
    }

    .contact form label {
    	margin: 15px 0;
    }
    .contact form input[type="submit"] {
    	display: block;
    	width: auto;
    	margin: 10px auto;
    	padding: 5px 10px;
    	border: 3px solid #555;
    	border-radius: 4px;
    	color: #fff;
    	cursor: pointer;
    }
    .contact .contact-form-check .row label {
        margin:0 0 0 1rem;
    }
    /* my button style  */
    .contact .white-mode {
    	text-decoration: none;
    	padding: 7px 10px;
    	background-color: #122;
    	border-radius: 3px;
    	color: #fff;
    	transition: 0.35s ease-in-out;
    	position: fixed;
    	left: 15px;
    	bottom: 15px;
    	font-family: "Montserrat";
    }

    .contact .white-mode:hover {
    	background-color: #fff;
    	color: #122;
    }

    .another-request {
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        text-align: center;
        /*margin-bottom: 16px;
        padding-top: 8px;*/
        color: black;
    }

    .contact .backArrow {
       position: absolute;
       left: -4rem;
       color: #084c61;

    }
    .contact .backArrow svg {
       display: block;
       width: 100%;
       height: 2rem;
       width: 2rem:
    }
    .contact .lettera {
       width: 42.67px;
       height: 32px;
    }

    .contact .lettera img {
       display: block;
       width: 100%;
       animation: pulse 2s ease infinite;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      15% {
        transform: scale(1.2);
      }
      30% {
        transform: scale(1.045);
      }
      45% {
        transform: scale(1.09);
      }
      60% {
        transform: scale(1);
      }
      100% {
          transform: scale(1);
      }
    }
    #reset {
        display: none;
    }
    #rotate {
        display: none;
    }












/*Footer*/
    .bg-dark {
        background-color: #084c61 !important;
    }
    .bg-footer {
        padding-bottom: 2rem !important;
        background-color: #e0e0e0;
        background: linear-gradient(to bottom, rgba(224, 224, 224, 1) 10%, rgba(61, 62, 62, 0.6) 100%);
        overflow: hidden;
        overflow-x: hidden;

    }
    .logo-footer {
        height: 4rem;
        align-content: center;
        z-index: 1;
        overflow: hidden;
        overflow-x: hidden;


    }
    .lineagialla {
        height: 4rem;
        position: absolute;
        z-index: 0;
        width:20rem;

    }
    .btn-footer {
        border: transparent;
        border-bottom: solid 2px transparent;
        background-color: transparent;
        color: #084c61 !important;
        text-transform: uppercase;
        text-decoration: none;
        padding-bottom: 3px;
    }
    .btn-footer:hover {
        text-decoration: none;
        border: none;
        background-color: transparent;
        color: #ffc247;
        border-bottom: solid 2px #ffc247;
        border-radius: 0px;
        padding-bottom: 3px;
    }
    .btn-footer:focus {
        box-shadow: none;
    }