/* FLEET-CRM-CSS-LOCAL-V1 - www.laughingbuddha.uk/assets/css/general.css + emsculpt.css,
   fetched 2026-09-12 and inlined so the CRM form styling is not two render-blocking
   cross-origin requests. The @import of general.css is resolved here, nothing else changed. */
.full-column{
    width:100%;
    text-align:left;
  }
  .alert-danger p{
    margin: 0;
    font-size:14px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  }

  .alert-danger{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top:8px;
  }
  
    .crm-form {
        padding-bottom:30px;
    }
    .crm-form input[type="submit"]{
    cursor:pointer;
    }
    .my-row-booking { 
        display: flex;
        justify-content: space-between;
        flex-direction:column;
        font-size: 14px;
    }
  .my-column-booking {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: 5px;
  }
  
  .my-row-booking-date{
  display:flex;
  justify-content:space-between;
    font-size: 14px;
  }
  .my-column-booking-date {
    width:58%;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top:5px;
  }
  .my-column-booking-time {
    width:38%;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top:5px;
  }
  
  .my-column-booking input[type=text], .my-column-booking input[type=email], .my-column-booking input[type=tel],  .my-column-booking-date input[type=date], .my-column-booking-time select {
    border-radius:16px;
    border:1px solid #ccc;
    
    padding:6px 10px;
    font-size: 14px;
    height: 32px;
  }
  
  .full-column-center {
      width: 100%;
      text-align: center;
  }
  /*booking*/
  
  
  
  
  
  /*lead*/
  .my-row { 
    display: flex;
    justify-content: space-between;
    flex-direction:column;
    font-size: 14px;
  }
  .my-row.center{
    justify-content:center; 
  
  }
  .my-row input[type=submit]{
    margin:0 auto;
    display:block;
    width:100%;
    border: none;
    color: #fff;
    border-radius:15px;
    padding:7px 10px;
    font-size:14px;
   margin-top:10px;

   margin: 0 auto;
   display: block;
   width: 100%;
   border: none;
   color: #fff;
   border-radius: 27px;
   padding: 13px 17px;
   font-size: 20px;
   margin-top: 25px;


  }
  
  
  
  .my-column {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  
  .my-column input[type=text],.my-column input[type=email],.my-column input[type=tel] {
    border-radius:16px;
    border:1px solid #ccc;
    /* padding:6px 10px; */
    height: 32px;
    font-size: 14px;
    padding: 19px 10px;
  }
  .expert_callback{
    /* margin-top:13px; */
  }
  select{
    border-radius:16px;
    border:1px solid #ccc;
    
    height: 40px;
    padding: 5px 10px;
    font-size: 14px;
  }
  .my-column label{
  
    margin-bottom: 2px;
    margin-top: 8px;
    font-size:14px;
  }
  .full-column {
      width: 100%;
      text-align: left;
  }
  .full-column-textarea{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .full-column-textarea textarea{
    border-radius:15px;
    height:54px;
    padding:6px 10px;
    border:1px solid #ccc;
  
  }
  .full-column-textarea label{
      font-size:14px;
  }
  
  @media (min-width:1121px){
    .my-row { 
        display: flex;
        justify-content: space-between;
        flex-direction:row;
    }
    .my-column {
        width:31%;
        display: flex;
        flex-direction: column;
        text-align: left;
    }
    .my-column label{
        margin-top:0;
    }
  
  
  }
  
  /*lead*/
/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/*general*/



.myf label{
    color:#999999;
    color:#fff;
}
.myfb label{
    color:#999999;
}
.myfc label{
    color:#BA9658;
}
.myfe label{
    color:#fff;
}

.my-column input[type=text],.my-column input[type=email],.my-column input[type=tel],select {
    background: #fff8e9;
    border: 1px solid #767676;
}

.full-column-textarea textarea{
    background: #fff8e9;
    border: 1px solid #767676;
}
.crm-form input, .crm-form label{
    font-family: Poppins;
}


.crm-form input[type="submit"]{
    background-color:#fff;
    border:1px solid #fff;
    color: #b78c30;
    /* background: linear-gradient(93.5deg, #C92377 9.54%, #3976B9 88.26%);
    transition: background-color .5s; */
    margin-top:45px
}

.crm-form input[type=submit]:hover{

    background-color:#BA9658;

    color: #fff;
    border:1px solid #fff;
    /* background-color: #009fdd; */
    /* background-color:#3976B9;
    background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,.7) 100%);
    background-repeat:no-repeat;
    background-size: 200% 100%; 
    transition:background-size 1s, background-color 1s; */
}


.pulse {
    animation: pulse-animation 2s infinite;
    background-color: #16202E;
  }
  
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(0,0,0, 0.2);
    }
    100% {
      box-shadow: 0 0 0 20px rgba(0,0,0, 0);
    }
  }