/*progress*/


.alignfull {
    margin-left:  inherit !important;
    margin-right:  inherit !important;
    max-width:   inherit !important;
}


.alignfull, .alignfull img {
    width: inherit !important;
}


#progressbar {
    margin-bottom: 5px;
    overflow: hidden;
    color: #dcdcdc69;
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 19px;
    width: 33.333%;
    float: left;
    position: relative;
    margin: 0px;
    font-weight: 300;
}
#progressbar li.free {
    width: 50% !important;
}

.rendered-form .form-control {
    height: 34px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 17px !important;
    line-height: 1.42857143;
    border-radius: 4px;
}

.rendered-form textarea {
    height: 90px !important;
}



ul#progressbar {
    margin: 0 0 10px;
    padding: 0;
}


#progressbar #step_1:before {
    content: "1"
}

#progressbar #step_2:before {
    content: "2"
}

#progressbar #step_3:before {
    content: "3"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: #00000047;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: skyblue
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 0;
}

#msform fieldset .form-card {
    background: no-repeat;
    border: 0 none;
    border-radius: 0px;
    box-shadow: none;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
}

#msform fieldset {
    /* background: white; */
    border: 0 none;
    /* border-radius: 0.5rem; */
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    /* padding-bottom: 20px; */
    position: relative;
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#msform .action-button {
    background: #18bd18;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
    font-family: "Montserrat", sans-serif;
}

#msform .submit-button {
    background: #18bd18;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
	border-radius: 4px;
}

#msform .submit-button {
	
	width:100%;
}

#msform .paypal-button {
    background: #20206c;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
	border-radius: 4px;
	width:100%;
	display:block;
	text-align: center;
}

#msform .paypal-button img{
	width:100px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .total-amount {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
#msform .card-title{
	padding: 5px 0px 10px 0px;
    font-size: 20px;
    border-bottom: 1px solid #ced4da;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
    font-family: "Montserrat", sans-serif;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

#msform .error{
	border: 2px solid red;
}

.form-data .row {
    margin-bottom: 4px;
}

.rendered-form .form-group {
    margin-left: 0px;
    margin-bottom: 3px !important;
}

div#need_payment {
    background: #fff;
    padding: 5px;
    border-radius: 4px;
}

div#free_payment {
    background: transparent;
    padding: 5px;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-weight: 600;
    border: #18bd18 1px solid;
}


.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}
.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}
/*end progress*/



/*calendar*/

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #fff;
    color: #333333;
}

.ui-datepicker.ui-widget td a.ui-state-active, .ui-datepicker.ui-widget td a:hover {
    background: #333;
    color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
font-weight:normal;
}


div#ui-datepicker-div {
    z-index: 2 !important;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
}

.ui-widget.ui-widget-content {
    border: 0px solid #cccccc;
    border-radius: 0px;
}
.ui-datepicker{
	width: 360px;
}
.ui-datepicker .ui-datepicker-header {
    border-radius: 0px;
    background: #fff;
    color: #21539b;
    padding: 0;
    border: 0;
    margin: 0;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 59px;
    font-size: 19px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top:20px;
}


a.ui-datepicker-next.ui-corner-all:hover,
a.ui-datepicker-prev.ui-corner-all:hover{
background:#4773b2;
border:0px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 1px;
}




.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -13px;
}


.ui-datepicker th {
    padding: .9em 0em;
}
.ui-datepicker-calendar th
{
	line-height: 2.4;
}
.ui-datepicker-calendar td {
    padding: 0em 0em;
    line-height: 1.8;
}
.ui-datepicker td a, .ui-datepicker td span
{
	padding: .2em;
	text-align:center;
}

a.ui-datepicker-next.ui-corner-all,
a.ui-datepicker-prev.ui-corner-all {
    background: #21539b;
    top: 10px;
    right: 10px;
    border-radius: 30px;
}



.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -13px;
}



.ui-state-default, .ui-widget-content .ui-state-default
{
	border: 0px;
	background:none;
	color: #666666;
}
.ui-state-hover, .ui-widget-content .ui-state-hover
{
	background-color: #21539b;
	color: #fff;
	border-radius:3px;
}
.ui-state-active, .ui-widget-content .ui-state-active
{
	color: #fff;
	 color: #21539b;
    background: #dee2e6 !important;
    margin: 1px;
    border-radius: 5px;
    padding: 1px;
}

table thead:first-child tr:first-child th{
border-top: 0;
}

form#msform table tbody>tr:nth-child(odd)>td, 
form#msform table tbody>tr:nth-child(odd)>th, 
form#msform table tbody>tr:nth-child(even)>td, 
form#msform table tbody>tr:nth-child(even)>th {
    background-color: #fff !important;
}

.ui-datepicker-calendar th {
    line-height: 1;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .2;
    filter: Alpha(Opacity=20);
    background-image: none;
}

.ui-widget-header .ui-icon {
    background-image: url(../images/booking-arrows.svg);
}

.ui-icon-circle-triangle-e {
    background-position: -28px 1px;
}

.ui-icon-circle-triangle-w {
    background-position: 0px 0px;
}

.ui-icon {
    width: 48px;
    height: 24px;
}

.ui-datepicker table {
    width: 100%;
    font-size: 15px;
    border-collapse: collapse;
    margin: 0px 0 0.4em;
}




/*end calendar*/

#row_book_date, #row_book_time, #creditcard, #paypalpayment, #booking_error, #free_payment, #submit_free{
	display:none;
}

#form-render .form-group label{
	display:none;
}
#book_date{
	background-image: url(../images/calendar.svg);
	background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 35px;
}

#card_number, #card_expiry, #card_cvc, #postal_code {
    height: 40px;
    display: block;
    padding: 6px 12px;
    font-size: 22px;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #ced4da;
    margin-bottom: 2px;
}