@import url('https://fonts.googleapis.com/css2?family=Inter&family=Raleway:wght@500&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Raleway:wght@500&display=swap'); */

/* .margin-left{
    margin-left: 10%;
} */






hr{
    color: rgb(175, 168, 168);
    opacity: .4;
}

/*body{
    background-image: url(./bgimage.jpg);
    display: flex;
    justify-content: center;

}*/

.toast.toast-success
{
    background: #1d2327 !important;
    opacity: 1 !important
}



div#toast-container{
     background: #1d2327 !important;
        opacity: 1 !important

}
.toast-message{
    color: #fff;
}
div#editableTable_length {
    margin-top: 20px;
}

.container{
    max-width: 1420px;
}
.et_pb_section.et_pb_section_0.et_section_regular {
    display: none;
}
form#guest_form input {
    background: #f7f9ff !important;
    border: 1px solid #ccc !important;
    height: 33px;
    /* border-radius: 5px; */
    /* width: 100% !important; */
    zoom: 1.5;
    font-size: 12px;
    color: #000;
    padding: 0 6px;
    border-radius: 5px;

}
.form6 input {
    height: auto !important;
}
.form6 label.L2, .form6 label.L3 {
    margin-bottom: 0;
    margin-left: 5px;
}
form#guest_form label {
    font-weight: 500;
    color: #000000b8;
    width: 100%;
}
.form2, .form3, .form4, .form5, .form9, .form10 {
    margin-top: 10px;
    float: left;
    width: 50%;
}
.guest_input, .child_input {
    float: left;
    width: 50%;

}
input#numberOfFields {
    margin-bottom: 8px;
}
.gp{
    font-size: 36px;
    color:#3A6198;
    text-align: center;
   margin-bottom: 40px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.space{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: rgb(243,243,254);
}

.form{
    padding-top: 28px;
    padding-left: 40px;
    padding-right: 15px;
    /* width: 77%; */
    padding-bottom: 20px;
    background-color: white;
}

div.form h1.heading {
    font-size: 2em;
    color: rgb(30 66 126);
    font-family: Inter, sans-serif;
    font-weight: 600;
    text-align: center;
}

select.menu1 {
    background: #f7f9ff !important;
    width: 100% !important;
    height: 40px !important;

}
.try {
    display: inline-grid;
    width: 96%;
    margin-right: 18px;
}
.form11 label.L1 {
    width: 100%;
    margin-top: 13px;
}

.form1 form.heading{
    display: flex;
    justify-content: space-between;
    font-family: Inter, sans-serif;
}

.form1 form.heading label.L1{
    font-size: 16px;
    font-weight: 500;
}

.form1 form.heading label.L1 span{
    color: red;
    font-size: 20px;
}

.form1 form.heading input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    /* width: 209px;
    margin-left: 60px; */
    width: 106%;
    border: 1px solid #b8bdc9;
    /* margin-left: 9%; */
}

/* @media screen and (max-width: 1086px){
    .form1 form.heading{
        display: flow;
    }

    .form2 form.heading{
        display: flow;
    }
} */

.form1 form.heading input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}


.form1 form.heading label.L2{
    font-size: 13px;
    /* position: absolute; */
    color: #464d5f;
    /* margin-left: -16%;
    margin-top: 51px; */
}

div.space div.form div.form1 form.heading input.I2{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    /* width: 209px; */
    width: 47%;
    border: 1px solid #b8bdc9;
}

div.space div.form div.form1 form.heading input.I2:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}

div.space div.form div.form1 form.heading label.L3{
    font-size: 13px;
    position: absolute;
    color: #464d5f;
    margin-left: -16%;
    margin-top: 51px;
}

div.space div.form div.form1 p {
    margin-top: 32px;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: Inter, sans-serif;
    color: #1e427d;
    margin-bottom: 0;
}



.form2 form.heading{
    display: flex;
    justify-content: space-between;
    font-family: Inter, sans-serif;
}

.form2 form.heading label.L1{
    font-size: 16px;
    font-weight: 500;
    /* display: inline; */
    /* position: absolute; */
    width: 35%;
}

.form2 form.heading label.L1 span{
    color: red;
    font-size: 20px;
}

.form2 form.heading input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    /* width: 209px; */
    width: 97%;
    border: 1px solid #b8bdc9;
    /* margin-left: %; */
}

.form2 form.heading input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}

.form2 form.heading label.L2{
    font-size: 13px;
    /* position: absolute; */
    color: #464d5f;
    /* margin-left: -32%; */
    /* margin-top: 51px; */
    /* left: 24%; */
}





.form3 form.heading{
    display: flex;
    justify-content: space-between;
    font-family: Inter, sans-serif;
}

.form3 form.heading label.L1{
    font-size: 16px;
    font-weight: 500;
    width: 35%;
    /* position: absolute; */
}

.form3 form.heading label.L1 span{
    color: red;
    font-size: 20px;
}

/* .try{
    display: inline-grid;
    width: 65%;
} */

.form3 form.heading input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    /* width: 209px; */ 
    width: 97%;
    border: 1px solid #b8bdc9;
    /* margin-left: 35%; */
}

.form3 form.heading input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}

.form3 form.heading label.L2{
    font-size: 13px;
    /* position: absolute; */
    color: #464d5f;
    font-family: Inter, sans-serif;
    /* margin-left: -32%; */
    /* margin-top: 51px; */
}








.form4 form.heading{
    display: flex;
    justify-content: space-between;
    font-family: Inter, sans-serif;
}

.form4 form.heading label.L1{
    font-size: 16px;
    font-weight: 500;
    width: 35%;
    /* position: absolute; */
}

.form4 form.heading label.L1 span{
    color: red;
    font-size: 20px;
}

.form4 form.heading input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    /* width: 209px; */
    width: 97%;
    border: 1px solid #b8bdc9;
    /* margin-left: 35%; */
    /* font-family: Inter, sans-serif; */
}

.form4 form.heading input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}


.form4 form.heading label.L2{
    font-size: 13px;
    /* position: absolute; */
    color: #464d5f;
    /* margin-left: -32%; */
    /* margin-top: 51px; */
}





.form5 form.heading{
    display: flex;
    justify-content: space-between;
    font-family: Inter, sans-serif;
}

.form5 form.heading label.L1{
    font-size: 16px;
    font-weight: 500;
    width: 35%;
    /* position: absolute; */
}

.form5 form.heading label.L1 span{
    color: red;
    font-size: 20px;
}

.form5 form.heading input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    /* width: 209px; */
    width: 97%;
    border: 1px solid #b8bdc9;
    /* margin-left: 35%; */
    /* font-family: Inter, sans-serif; */
}

.form5 form.heading input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}

.form5 form.heading label.L2{
    font-size: 13px;
    /* position: absolute; */
    color: #464d5f;
    /* margin-left: -32%; */
    /* margin-top: 51px; */
}






.form6{
    margin-top: 35px;
}

.form6 form.heading{
    display: flex;
    font-family: Inter, sans-serif;
}

.form6 form.heading label.L1{
    font-size: 16px;
    font-weight: 500;
    display: flow;
    /* position: absolute; */
    width: 35%;
}

.form6 form.heading label.L1 span{
    color: red;
    font-size: 20px;
}

.form6 form.heading input.I1{
    margin-left: 35%;
}
.form1 div {
    width: 100% !important;
}

/* .form6 form.heading input.I2{
    margin-left: 35%;
} */

input {
    appearance: none;
}

.form11 .d1 {
    display: contents;
    width: 100%;
}

button.primary {
    background: #1e427d;
    border: 1px solid #1e427d;
    color: #fff;
    padding: 10px 40px;
    font-size: 18px;
    border-radius: 5px;
    margin-top: 20px;
}
button.primary:hover{
    background: transparent;
    color: #1e427d;
}
form#guest_form input.error {
    border: 1px solid red !important;
    float: left;
    width: 100%;

}
label.error {
    display: none;
    color: red !important;
    font-size: 12px;

}
.form10 input {
    margin-bottom: 10px;

}
div#inputFieldsContainer input {
    width: 96%;
    float: left;
    margin-bottom: 10px;
    font-size: 11px;

    color: #000;
}

.form7 {
    margin-top: 20px;
    display: block;
    width: 98%;

}
.form9 {
    width: 100%;
}
select.menu1 {
    margin: 0 !important;
}
label.L1 {
    margin-left: 0 !important;
}

.form9 input, .form10 input {
    width: 98%;
    /* margin: 10px !important; */

}

.form10 {
    width: 100%;
}


.form7 label.L1{
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    font-family: Inter, sans-serif;
}

div.space div.form div.form7 label.L1 span{
    color: red;
    font-size: 20px;
}

div.space div.form div.form7 select.menu1{
    height: 50px !important;
    width: 330px;
    margin: 5px;
    background-color: #fff;
    border-color: #b8bdc9;
    font-size: 1em;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-family: Inter, sans-serif;
}

div.space div.form div.form7 select.menu1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}

div.space div.form div.form7 select.menu1 option{
    font-size: 1em;
    font-family: Inter, sans-serif;
}


div.space div.form div.form7 label.L2{
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    font-family: Inter, sans-serif;
}

div.space div.form div.form7 label.L2 span{
    color: red;
    font-size: 20px;
}

/* div.space div.form div.form7 select.menu2{
    height: 40px;
    width: 330px;
    margin: 5px;
    background-color: #fff;
    border-color: #b8bdc9;
    font-size: 1em;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-family: Inter, sans-serif;
}

div.space div.form div.form7 select.menu2:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
} */







div.space div.form div.form8{
    line-height: 1.6;
    font-family: Inter, sans-serif;
    color: #2C3345;
    font-size: .9375em;
}








div.space div.form div.form9 form.heading label.L1{
    font-size: 16px;
    font-weight: 500;
    display: flow;
    position: absolute;
    width: 18%;
    font-family: Inter, sans-serif;
}

div.space div.form div.form9 form.heading label.L1 span{
    color: red;
    font-size: 20px;
}

div.space div.form div.form9 form.heading input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    width: 60%;
    border: 1px solid #b8bdc9;
    margin-left: 38%;
    font-family: Inter, sans-serif;
}

div.space div.form div.form9 form.heading input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}


div.space div.form div.form9 form.heading2{
    margin-top: 10px;
}

div.space div.form div.form9 form.heading2 label.L1{
    font-size: 16px;
    font-weight: 500;
    display: flow;
    position: absolute;
    width: 18%;
    font-family: Inter, sans-serif;
}

div.space div.form div.form9 form.heading2 label.L1 span{
    color: red;
    font-size: 20px;
}

div.space div.form div.form9 form.heading2 input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    width: 60%;
    margin-left: 38%;
    border: 1px solid #b8bdc9;
    font-family: Inter, sans-serif;
}

div.space div.form div.form9 form.heading2 input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}

div.space div.form div.form9 form.heading3{
    margin-top: 10px;
}

div.space div.form div.form9 form.heading3 label.L1{
    font-size: 16px;
    font-weight: 500;
    display: flow;
    position: absolute;
    width: 18%;
    font-family: Inter, sans-serif;
}

div.space div.form div.form9 form.heading3 label.L1 span{
    color: red;
    font-size: 20px;
}

div.space div.form div.form9 form.heading3 input.I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    width: 60%;
    margin-left: 38%;
    border: 1px solid #b8bdc9;
    font-family: Inter, sans-serif;
}

div.space div.form div.form9 form.heading3 input.I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}







.form10 .heading .L1{
    font-size: 16px;
    font-weight: 500;
    display: flow;
    position: absolute;
    width: 17%;
    font-family: Inter, sans-serif;
}

.form10 .heading .L1 span{
    color: red;
    font-size: 20px;
}

.form10 .heading .I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    width: 60%;
    margin-left: 38%;
    border: 1px solid #b8bdc9;
    font-family: Inter, sans-serif;
}

.form10 .heading .I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}

.form10 .heading2{
    margin-top: 10px;
}

.form10 .heading2 .L1{
    font-size: 16px;
    font-weight: 500;
    display: flow;
    position: absolute;
    width: 18%;
    font-family: Inter, sans-serif;
}

.form10 .heading2 .L1 span{
    color: red;
    font-size: 20px;
}

.form10 .heading2 .I1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    width: 60%;
    margin-left: 38%;
    border: 1px solid #b8bdc9;
    font-family: Inter, sans-serif;
}

.form10 .heading2 .I1:hover{
    border-color: rgba(46,105,255,.5);
    box-shadow: 0 0 0 2px rgba(46,105,255,.25);
}










.form11{
    margin-top: 35px;
}

.form11 .heading .L1{
    font-size: 16px;
    font-weight: 500;
    display: flow;
    position: absolute;
    width: 17%;
    font-family: Inter, sans-serif;
}

.form11 .heading .L1 span{
    color: red;
    font-size: 20px;
}

.d1{
    border-radius: 4px;
    border-width: 1px;
    font-size: 1em;
    height: 38px;
    width: 58%;
    margin-left: 38%;
    padding: 0 10px;
    border: 1px solid #b8bdc9;
    font-family: Inter, sans-serif;
    justify-content: space-between;
    display: flex;
    align-items: center;

}

.form11 .I1{
    width: 98%;
    height: -webkit-fill-available;
    border: 0;
    font-family: Inter, sans-serif;
}


@media(max-width:767px){

form#guest_form label {
    font-weight: 500;
    color: #000000b8;
    width: 100%;
}
form#guest_form input {
    width: 100%;

}
.try {
    padding-right: 0;
}
.form1 div {
    width: 100% !important;
    display: block !important;
}
div.space div.form div.form1 p {
    margin-left: 0;
 
}
.form {

    padding-left: 20px;
    padding-right: 20px;

}

    .form2, .form3, .form4, .form5, .form9, .form10 {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.form {
    padding-left: 20px;
    padding-right: 20px;
}
}

@media screen and (max-width: 1086px){

    .try{
        display: flow;
    }
    .form1 form.heading{
        display: block;
        width: 100%;
    }

    .form2 form.heading{
        display: block;
        width: 100%;
    }

    .form3 form.heading{
        display: block;
        width: 100%;
    }

    .form4 form.heading{
        display: block;
        width: 100%;
    }

    .form5 form.heading{
        display: block;
        width: 100%;
    }
}