/* 64B5FF OR 313C5A */

 .disp_none {
     display: none;
}
 .ym-logo {
     display: none;
}
 .container_2 {
     position: relative;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .payment_container {
     width: 100%;
     height: auto;
     left: 0;
     right: 0;
     margin: auto;
     display: inline-block;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-color: #64B5FF;
}
 .ym-btn-pay{
     color:#000000 !important;
}
 .logo {
     width: 32px;
     height: auto;
     left: 0;
     right: 0;
     margin: 40px auto 40px auto;
     position: relative;
     display: block;
}
 .payment_container .title {
     font-size: 30px;
     margin: 0px auto 20px auto;
     text-align: center;
     font-family: Conv_Gilroy-Bold;
     width: 100%;
     left: 0;
     right: 0;
     line-height: 32px;
}
 .payment_container .subtitle {
     font-size: 16px;
     margin: 0px auto 30px auto;
     text-align: center;
     font-family: Conv_SF-Pro-Text-Regular;
     width: 100%;
     line-height: 27px;
}
 .yoomoney-payment-form {
     width: 100%;
     max-width: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0px;
     left: 0;
     right: 0;
     margin: auto;
}
 .ym-customer-info {
     width: 100%;
     max-width: auto;
     height: 0px;
}
 .yoomoney-payment-form .ym-input {
     border: 1px solid #D9D9D9;
     height: 70px;
     width: 100%;
     border-radius: 18px;
     padding: 0px 0px 0px 25px;
     font-family: Conv_SF-Pro-Text-Regular;
     max-width: auto;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     left: 0;
     right: 0;
     margin: 0px auto 20px auto;
     font-size: 16px;
}
 .yoomoney-payment-form .span-input {
     border-top: 1px solid #D9D9D9 !important;
     border-right: 0px !important;
     border-bottom: 1px solid #D9D9D9 !important;
     border-left: 1px solid #D9D9D9 !important;
     display: inline-block;
     height: 70px;
     width: 190px !important;
     border-radius: 18px;
     padding: 0px 5px 0px 25px;
     font-family: Conv_SF-Pro-Text-Regular;
     max-width: auto;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     left: 0;
     right: 0;
     margin: 0px auto 20px auto;
     font-size: 16px;
     border-radius: 24px 0px 0px 24px !important;
}
 .ym-email-debug {
     display: inline-block;
     border-top: 1px solid #D9D9D9 !important;
     border-right: 1px solid #D9D9D9 !important;
     border-bottom: 1px solid #D9D9D9 !important;
     border-left: 0px !important;
     width: 260px !important;
     border-radius: 0px 24px 24px 0px !important;
}
 .ym-btn-pay {
     height: 70px;
     width: 100%;
     font-family: Conv_Gilroy-Medium;
     background-color: #ffffff;
     text-align: center;
     padding-top: 5px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 18px;
     border: none;
     max-width: auto;
     left: 0;
     right: 0;
     margin: auto;
}
 strong {
     font-family: Conv_Gilroy-Bold;
}
 .line {
     height: 1px;
     width: 100%;
     left: 0;
     right: 0;
     margin: 30px auto 0px auto;
     background-color: #E5E5E5;
}
 .promo_container {
     width: 100%;
     left: 0;
     right: 0;
     margin: 15px auto 0px auto;
}
 .promo_field {
     display: inline;
     height: 50px;
     width: calc(60% - 10px);
     background: none;
     border: 1px solid rgba(255, 255, 255, .4);
     margin: 0px 8px 0px 0px;
     padding: 0px 0px 0px 15px !important;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: Conv_SF-Pro-Text-Regular;
     font-size: 16px;
     color: #ffffff;
     border-radius: 12px;
}
 .promo_button {
     display: inline;
     height: 50px;
     width: calc(40% - 10px);
     background: none;
     border: 1px solid rgba(255, 255, 255, .4);
     margin: 0px;
     padding: 0px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: Conv_SF-Pro-Text-Regular;
     font-size: 16px;
     color: #fff;
     border-radius: 12px;
}
 .ym-display-none {
     display: none;
}
 .mobile_word {
     display: initial;
}
 .spacer_40 {
     display: none;
}
 @media all and (max-width: 900px) {
     body {
         background-color: #fff;
    }
     .container_2 {
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
    }
     .payment_container {
         width: 100%;
         box-shadow: none;
         border-radius: 0px;
         left: 0;
         right: 0;
         margin: auto;
         display: inline-block;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
    }
}
 @media (max-width: 770px) {
     body, html {
         overflow-x: initial;
    }
}
 @media all and (max-width: 500px) {
     .payment_container {
         width: 100%;
         height: auto;
         left: 0;
         right: 0;
         margin: auto;
         display: inline-block;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
    }
     .logo {
         width: 32px;
         height: auto;
         left: 0;
         right: 0;
         margin: 40px auto 40px auto;
         position: relative;
         display: block;
    }
     .payment_container .title {
         font-size: 30px;
         margin: 0px auto 20px auto;
         text-align: center;
         font-family: Conv_Gilroy-Bold;
         width: calc(100% - 40px);
         left: 0;
         right: 0;
    }
     .payment_container .subtitle {
         font-size: 16px;
         margin: 0px auto 30px auto;
         text-align: center;
         font-family: Conv_SF-Pro-Text-Regular;
         width: calc(100% - 40px);
         line-height: 27px;
    }
     .yoomoney-payment-form {
         width: calc(100% - 0px);
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         padding: 0px;
    }
     .ym-customer-info {
         width: auto;
         max-width: auto;
    }
     .yoomoney-payment-form .ym-input {
         border: 1px solid #D9D9D9;
         margin-bottom: 20px;
         height: 70px;
         width: 100%;
         border-radius: 18px;
         padding: 0px 0px 0px 25px;
         font-family: Conv_SF-Pro-Text-Regular;
         max-width: auto;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
    }
     .yoomoney-payment-form .span-input {
         border: 1px solid #D9D9D9;
         margin-bottom: 20px;
         height: 70px;
         width: 100%;
         border-radius: 18px;
         padding: 0px 0px 0px 25px;
         font-family: Conv_SF-Pro-Text-Regular;
         max-width: auto;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
    }
     .ym-btn-pay {
         height: 70px;
         width: 100%;
         font-family: Conv_Gilroy-Medium;
         background-color: #ffffff;
         text-align: center;
         padding-top: 5px;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         font-size: 18px;
         border: none;
         max-width: auto;
    }
     strong {
         font-family: Conv_Gilroy-Bold;
    }
     .line {
         height: 1px;
         width: calc(100% - 0px);
         left: 0;
         right: 0;
         margin: 0px auto 0px auto;
         background-color: #fff;
         opacity: 0.2;
         display: none;
    }
     .promo_container {
         width: calc(100% - 0px);
         left: 0;
         right: 0;
         margin: 20px auto 0px auto;
    }
     .promo_field {
        /* display: block;
         height: 50px;
         width: 100%;
        */
         background: none;
         border: 1px solid rgba(255, 255, 255, .8);
         margin: 0px 8px 0px 0px;
         padding: 0px 0px 0px 15px;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         font-family: Conv_SF-Pro-Text-Regular;
         font-size: 16px;
         color: #fff !important;
         border-radius: 12px;
    }
     ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
         color: white;
         opacity: 1;
        /* Firefox */
    }
    /* .promo_button {
         display: block;
         height: 50px;
         width: 100%;
         */
         background: none;
         border: 1px solid rgba(255, 255, 255, .4);
         margin: 20px 0px 0px 0px;
         padding: 0px;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         font-family: Conv_SF-Pro-Text-Regular;
         font-size: 16px;
         color: #fff;
         border-radius: 12px;
    }
     .spacer_40 {
         display: block;
         height: 40px;
         width: 100%;
         margin: 0px;
         padding: 0px;
         position: relative;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
    }
     .yoomoney-payment-form .span-input {
         width: 90px !important;
    }
     .ym-email-debug {
         width: calc(100% - 92px) !important;
         padding-left: 10px !important;
    }
}
 @media all and (max-width: 350px) {
     .mobile_word {
         display: none;
    }
}






input[type="submit"] {
     -webkit-appearance: none;
     line-height: 1.2;
}
 input[type="text"] {
     -webkit-appearance: none;
}
 input[type="radio"] {
     -webkit-appearance: none;
}
 #time label {
     display: inline-block;
     width: 80px;
     height: 25px;
     border: solid 2px rgba(255, 255, 255, .4);
     border-radius: 8px;
     font-family: Conv_Gilroy-Medium;
     text-align: center;
     padding-top: 10px;
     margin-right: 4px;
     margin-bottom: 8px;
     opacity: 1;
     transition: all 0.2s;
     line-height: 1.2;
}
 #time label:hover {
     cursor: pointer;
     opacity: 0.6;
     transition: all 0.2s;
}
 #time input[type="radio"] {
     display:none;
}
 #time input[type="radio"]:checked + label {
     background-color: white;
     color: #64B5FF;
}
 .booking_container {
     height: 560px;
     padding: 10px 0px 10px 0px;
     background-color: #64B5FF;
    /* width: 400px;
     */
     width: 100%;
     margin-top: 40px;
}
 div[data-acc-step] .badge-primary {
     background: #fff;
     opacity: 1;
     color: #64B5FF;
     transition: all 0.2s;
}
 div[data-acc-step]:not(.open) .badge-primary {
     background: #fff;
     transition: all 0.2s;
}
 div[data-acc-step]:not(.open) h5 {
     color: #fff;
     opacity: 0.4;
     transition: all 0.2s;
}
 .payment_button {
     background-color: #fff;
     color: #64B5FF !important;
     border-radius: 18px;
     text-align: center;
     padding-top: 22px;
     width: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     height: 60px;
     font-family: Conv_Gilroy-Medium;
     margin-top: 10px;
     transform:scale(1);
     transition:all .3s ease;
     margin: 20px 0px 0px 0px;
     border: none;
     font-size: 16px;
}
 .step_1 .btn-primary {
     background-color: #fff;
     color: #64B5FF !important;
     border-radius: 18px;
     text-align: center;
     padding-top: 22px;
     width: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     height: 60px;
     font-family: Conv_Gilroy-Medium;
     margin-top: 10px;
     transform:scale(1);
     transition:all .3s ease;
     /* margin: 20px 0px 0px 0px; */
     margin: 10px 0px 0px 0px;
     border: none;
     font-size: 16px;
     line-height: 1.2;
}
 .step_2 .btn-primary {
     background-color: #fff;
     color: #64B5FF !important;
     border-radius: 18px;
     text-align: center;
     padding-top: 22px;
     width: calc(50% - 5px);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     height: 60px;
     font-family: Conv_Gilroy-Medium;
     margin-top: 10px;
     transform:scale(1);
     transition:all .3s ease;
     margin: 20px 0px 0px 0px;
     border: none;
     font-size: 16px;
     line-height: 1.2;
}
 .btn-light {
     background-color: none;
     color: #ffffff !important;
     border-radius: 18px;
     text-align: center;
     padding-top: 22px;
     width: calc(50% - 5px);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     height: 60px;
     font-family: Conv_Gilroy-Medium;
     margin-top: 10px;
     transform:scale(1);
     transition:all .3s ease;
     margin: 20px 0px 0px 0px;
     border: 1px solid white;
     font-size: 16px;
     line-height: 1.2;
}
 #form input {
     padding: 0px;
}
 .btn-primary:hover{
     transform:scale(1.03);
     transition:all .3s ease;
     cursor:pointer;
}
 .btn-light:hover{
     transform:scale(1.03);
     transition:all .3s ease;
     cursor:pointer;
}
 .acc-step-number:not(.open) {
     background: #64B5FF;
}
 div[data-acc-step]:not(.open) {
     background: none;
}
 .badge-pill {
     height: 50px;
     width: 50px;
     border-radius: 25px;
     display: inline-block;
     font-size: 24px;
     font-family: Conv_Gilroy-Bold;
     font-weight: 600;
     text-align: center;
     padding-top: 11px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-right: 6px;
}
 .list-group-item {
     padding: 10px 20px 10px 20px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 24px;
}
 h5 {
     margin: 0px;
     font-family: Conv_Gilroy-Bold;
     font-size: 18px;
     color: #fff;
}
 .time_title {
     font-family: Conv_Gilroy-Medium;
     font-size: 18px;
     margin: 10px 0px 7px 0px;
}

 .time_title a {
     border: 2px solid rgba(255, 255, 255, .4);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 8px 12px 6px 12px;
     border-radius: 24px;
     font-size: 14px;
     font-family: Conv_Gilroy-Medium;
}


 .personal_data {
     background-color: rgba(255, 255, 255, .2);
     height: 40px;
     padding-left: 10px !important;
     font-size: 14px;
     font-family: Conv_Gilroy-Medium;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 12px;
     border: none;
     color: #ffffff !important;
     margin: 10px 0px 0px 0px;
     transition: all 0.2s;
     width: 100%;
     line-height: normal;
}
 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: white;
     opacity: 1;
    /* Firefox */
     left: 20px;
}
 .personal_data:hover {
     background-color: rgba(255, 255, 255, .25);
     transition: all 0.2s;
}
 .submit_form {
     float: right;
     padding-top: 4px !important;
     background-color: #fff;
     color: #64B5FF !important;
     border-radius: 18px !important;
     text-align: center;
     padding-top: 22px;
     width: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     height: 60px;
     font-family: Conv_Gilroy-Medium !important;
     font-weight: 300 !important;
     margin-top: 10px;
     transform:scale(1);
     transition:all .3s ease;
     margin: 20px 0px 0px 0px;
     border: none;
     font-size: 16px;
     width: calc(50% - 5px);
     line-height: 1.2;
}
 .booking_new {
     border: none;
     width: 100%;
     height: 270px;
}
 .payment_info {
     margin-bottom: 10px;
     line-height: 1.6;
}
 @media (max-width: 770px) {
     #form h1, h3, h4, h5 {
         text-align: left !important;
    }
     .booking_container {
         height: 540px;
         width: 100%;
    }
     .booking_container {
         height: 580px;
    }
     .submit_form {
         float: right;
         padding-top: 4px !important;
         background-color: #fff;
         color: #64B5FF !important;
         border-radius: 18px !important;
         text-align: center;
         padding-top: 22px;
         width: 100%;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         display: inline-block;
         height: 60px;
         font-family: Conv_Gilroy-Medium !important;
         font-weight: 300 !important;
         margin-top: 10px;
         transform:scale(1);
         transition:all .3s ease;
         margin: 20px 0px 0px 0px;
         border: none;
         font-size: 16px;
         width: calc(50% - 5px);
    }
     #time label:hover {
         cursor: initial;
         opacity: initial;
         transition: none;
    }
     .hover_scale_03:hover {
         transform: initial;
    }
     .personal_data:hover {
         background-color: initial;
         transition: none;
    }
     .btn-primary:hover{
         transform:initial;
         transition:none;
         cursor:initial;
    }
     .btn-light:hover{
         transform:initial;
         transition:none;
         cursor:initial;
    }
}
 @media (max-width: 400px) {
     .booking_container {
         height: 610px;
    }
     .booking_new {
         height: 290px;
    }
     #time label {
     width: 68px;
}
}