#contactModal h4{
        color:#333;
    }

    #contactModal p{
        color:#333;
    }



    #contactModal #PrenotaModal .container{
        padding-right:15px;
        padding-left:15px;
        margin-right:auto;
        margin-left:auto;
    }
    @media (min-width: 768px){
    #contactModal #PrenotaModal .container{
        width:750px;
    }
    }
    @media (min-width: 992px){
    #contactModal #PrenotaModal .container{
        width:970px;
    }
    }
    @media (min-width: 1200px){
    #contactModal #PrenotaModal .container{
        width:1170px;
    }
    }
    label{
        display:inline-block;
        max-width:100%;
        font-weight:400;
        margin-left: 16px;
    }
    input[type="checkbox"]{
        margin:4px 0 0;
        margin-top:1px \9;
        line-height:normal;
        border-radius: 4px;
        transform: scale(1.5);
        margin-left: 4px;
    }
    input[type="checkbox"]:focus{
        outline:5px auto -webkit-focus-ring-color;
        outline-offset:-2px;
    }
    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .text-center {
        text-align: center;
    }
    .contact-form-control{
        display:block;
        width:100%;
        padding:6px 12px;
        font-size:16px;
        font-weight: 400;
        line-height:1.5;
        color: #212529;
        background-color:#fff;
        background-clip: padding-box;
        background-image:none;
        border: 1px solid #ced4da;
        border-radius:4px;
        -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
         -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }
    .contact-form-control:focus{
        border-color:#66afe9;
        outline:0;
        -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),
         0 0 8px rgba(102, 175, 233, .6);
         box-shadow:inset 0 1px 1px rgba(0,0,0,.075),
          0 0 8px rgba(102, 175, 233, .6);
      }
    .contact-form-control::-moz-placeholder{
        color:#999;
        opacity:1;
    }
    .contact-form-control:-ms-input-placeholder{
        color:#999;
    }
    .contact-form-control::-webkit-input-placeholder{
        color:#999;
    }
    .contact-form-control::-ms-expand{
        background-color:transparent;
        border:0;
    }
    textarea.contact-form-control{
        height:auto;
    }
    .contact-form-group{
        margin-bottom:16px;
    }
    .contact-form-check label {
        display: contents;
    }

    #mail-contact-form .contact-btn{
        display:inline-block;
        padding:6px 12px;
        margin-bottom:0;
        font-size:14px;f
        font-weight:normal;
        line-height:1.42857143;
        text-align:center;
        white-space:nowrap;
        vertical-align:middle;
        -ms-touch-action:manipulation;
        touch-action:manipulation;
        cursor:pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        background-image:none;
        border:1px solid transparent;
        border-radius:4px;

    }
    #mail-contact-form .contact-btn:focus,#mail-contact-form  .contact-btn:active:focus{
        outline-offset:-2px;
    }
    #mail-contact-form .contact-btn:hover,#mail-contact-form  .contact-btn:focus{
        color:#e6efec;
        text-decoration:none;
    }
    #mail-contact-form .contact-btn:active{
        background-image:none;outline:0;
        -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
    }
    #mail-contact-form .contact-btn-success{
        color:#fff;
        background-color:#5cb85c;
        border-color:#4cae4c;
    }
    #mail-contact-form .contact-btn-success:focus{
        color:#fff;
        background-color:#449d44;
        border-color:#255625;
    }
    #mail-contact-form .contact-btn-success:hover{
        color:#fff;
        background-color:#449d44;
        border-color:#398439;
    }
    #mail-contact-form .contact-btn-success:active{
        color:#fff;
        background-color:#449d44;
        border-color:#398439;
    }
    #mail-contact-form .contact-btn-success:active:hover,#mail-contact-form .contact-btn-success:active:focus{
        color:#fff;
        background-color:#398439;
        border-color:#255625;
    }
    #mail-contact-form .contact-btn-success:active{
        background-image:none;
    }
    #mail-contact-form .contact-btn-info{
        color:#fff;
        background-color:#5bc0de;
        border-color:#46b8da;
    }
    #mail-contact-form .contact-btn-info:focus{
        color:#fff;
        background-color:#31b0d5;
        border-color:#1b6d85;
    }
    #mail-contact-form .contact-btn-info:hover{
        color:#fff;
        background-color:#31b0d5;
        border-color:#269abc;
    }
    #mail-contact-form .contact-btn-info:active{
        color:#fff;
        background-color:#31b0d5;
        border-color:#269abc;
    }
    #mail-contact-form .contact-btn-info:active:hover,#mail-contact-form .contact-btn-info:active:focus{
        color:#fff;
        background-color:#269abc;
        border-color:#1b6d85;
    }
    #mail-contact-form .contact-btn-info:active{
        background-image:none;
    }
    #mail-contact-form .contact-btn-lg{
        padding:10px 16px;
        font-size:18px;
        line-height:1.3333333;
        border-radius:6px;
    }
    #mail-contact-form .contact-btn-block{
        display:block;
        width:100%;
    }



    .contact-fade{
        opacity:0;
        -webkit-transition:opacity .15s linear;
        -o-transition:opacity .15s linear;
        transition:opacity .15s linear;
    }
    .contact-fade.in{
        opacity:1;
    }
    .contact-modal-open{
        overflow:hidden;
    }
    .contact-modal{
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:1050;
        display:none;
        overflow:hidden;
        -webkit-overflow-scrolling:touch;
        outline:0;
    }
    .contact-modal.contact-fade .contact-modal-dialog{
        -webkit-transition:-webkit-transform .3s ease-out;
        -o-transition:-o-transform .3s ease-out;
        transition:transform .3s ease-out;
        -webkit-transform:translate(0, -25%);
        -ms-transform:translate(0, -25%);
        -o-transform:translate(0, -25%);
        transform:translate(0, -25%);
    }
    .contact-modal.in .contact-modal-dialog{
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0);
    }
    .modal-open .contact-modal{
        overflow-x:hidden;overflow-y:auto;
    }
    .contact-modal-dialog{
        position:relative;
        width:auto;
        margin:10px;
    }
    .contact-modal-content{
        width: -webkit-fill-available;
        position:relative;
        -webkit-background-clip:padding-box;
        background-clip:padding-box;
        -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);
        box-shadow:0 3px 9px rgba(0, 0, 0, .5);
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #e9ffb0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 2rem;
        border: 4px solid #f39200;
        padding: 0 2.5rem;
        text-align: center;
    }
    .modal-backdrop{
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:1040;
        background-color:#000;
    }
    .modal-backdrop.contact-fade{
        filter:alpha(opacity=0);
        opacity:0;
    }
    .modal-backdrop.in{
        filter:alpha(opacity=50);
        opacity:.5;
    }
    .contact-modal-header{
        padding:16px;
        border-bottom:2px solid #1480c4;
        text-transform: uppercase;
        font-size: 16px;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .contact-modal-title{
        font-size: 16px;
        margin:0;
        line-height:1.5;
    }
    .contact-modal-body{
        position:relative;
        padding:16px;
        font-weight: 400;
        font-size: 16px;
        flex: 1 1 auto;
        color: #1f1f1f;
        text-align: justify;
        padding-left: 0;
        padding-right: 0;
    }
    .contact-modal-body p{
        text-align: center;
        margin-bottom: 16px;
    }

    @media (min-width: 768px){
    .contact-modal-dialog{
        width:500px;margin:30px auto;
        }
    .contact-modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
        box-shadow:0 5px 15px rgba(0, 0, 0, .5);
        }
    }
    .contatti .container:before, .contatti .container:after, .contatti .contact-modal-header:before, .contatti .contact-modal-header:after{
        display:table;
        content:" ";
    }
    .contatti .container:after, .contatti .contact-modal-header:after{
        clear:both;
    }
    .contact-modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
    }
    @media (min-width: 576px) {
      .contact-modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
      }
      .contact-modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
      }
    }
    .contact-form-select {
        display: block;
        width: 100%;
        padding: 6px 28px 6px 12px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        vertical-align: middle;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .g-recaptcha>div {
        margin-bottom: 24px;
        margin-right: auto;
        margin-left: auto;
    }
    .btnClose {
        color: #f39200;
        background-color: #e6efec;
        padding-bottom: 1rem;
        padding-top: 1.5rem;
        text-align: center;
        text-decoration: none;
        font-size: 1rem;
        border-radius: 5px;
        border: 1px solid #1480c4;
        padding: 0.5rem 1rem;
        outline: none;
        cursor: pointer;
        min-width: 7rem;
        min-height: 3rem;
        font-size: 16px;
        box-shadow: 3px 3px 8px #b1b1b1,
                    -3px -3px 8px #ffffff;
        transition: 0.5s;
    }
     .btnClose:hover {
        color: #f39200;
        background-color: #1480c4;
        border-radius: 5px;
        padding: 0.5rem 1rem;
    }
    .success-message {
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        text-align: center;
        margin-bottom: 16px;
        padding-top: 8px;
        color: green;
    }
    .error-message {
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        text-align: center;
        margin-bottom: 16px;
        padding-top: 8px;
    }
    .error-type {
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        text-align: center;
        margin-bottom: 16px;
        font-style: italic;
        color: red;
    }

    .modal-footer {
        border-top: 2px solid #1480c4;
    }

    #MailModal #PrenotaModal .modal-content .modal-footer {
        border-top: 2px solid #1480c4;
         justify-content: flex-end;
    }

    .closeX {
        color: #f39200;
        background-color: #e6efec;
        /*padding-bottom: 1rem;*/
        /*padding-top: 1.5rem;*/
        text-align: center;
        text-decoration: none;
        font-size: 1rem;
        border-radius: 5px;
        border: 1px solid #1480c4;
        /*padding: 0.5rem 1rem;*/
        outline: none;
        cursor: pointer;
        /*min-width: 7rem;
        min-height: 3rem;*/
        font-size: 16px;
        box-shadow: 3px 3px 8px #b1b1b1,
                    -3px -3px 8px #ffffff;
        transition: 0.5s;
        justify-content: flex-end;
        float: right;
    }
     .closeX:hover {
        color: #f39200;
        background-color: #1480c4;
        /*border-radius: 5px;
        padding: 0.5rem 1rem;*/
    }


    .prenota p {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        text-transform: uppercase;
        font-weight: normal;
    }
    .prenota .btn-prenota {
        margin-bottom: 2rem;
        outline: none;
        border: none;
        cursor: pointer;
        max-width: 50%;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        background: rgba(159, 222, 229, 0.8);
        transition: 0.5s;
        }
        .prenota .btn-prenota:hover {
        background: rgba(159, 222, 229, 1);
        color: #f39200;
    }

        #PrenotaModal .modal {
         background-color: rgba(159, 222, 229, 0.25);
     }
     #PrenotaModal .modal-content {
         background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
         border-radius: 1rem;
         border: 4px solid #f39200;
         padding: 0 2rem;
     }
     #PrenotaModal .modal-content .modal-header {
         justify-content: center;
         text-transform: uppercase;
         border-bottom: 2px solid #1480c4;
     }
     #PrenotaModal .modal-content .modal-body {
         color: #1f1f1f;
         text-align: justify;
         padding-left: 0;
         padding-right: 0;
     }
     #PrenotaModal .modal-content .modal-body P {
        font-weight: 400;
         text-transform: none;
         text-align: center;
     }

     #PrenotaModal .modal-content .modal-footer {
         border-top: 2px solid #1480c4;
          justify-content: center;
     }
     #PrenotaModal .modal-content .btnClose {
         color: #f39200;
         background-color: #e6efec;
         padding-bottom: 1rem;
         padding-top: 1.5rem;
         text-align: center;
         text-decoration: none;
         font-size: 1rem;
         border-radius: 5px;
         border: 1px solid #1480c4;
         padding: 0.5rem 1rem;
         outline: none;
         cursor: pointer;
         box-shadow: 3px 3px 8px #b1b1b1,
                     -3px -3px 8px #ffffff;
         transition: 0.5s;
     }
     #PrenotaModal .modal-content .btnClose:hover {
         color: #f39200;
         background-color: #1480c4;
         border-radius: 5px;
         padding: 0.5rem 1rem;
     }
     .ohno{
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            height: 0;
            width: 0;
            z-index: -1;
        }
    input::-webkit-contacts-auto-fill-button,
    input::-webkit-credentials-auto-fill-button {
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        right: 0;
    }