@keyframes animateleft {
  from {left: -300px; opacity: 0;}
  to {left: 0; opacity: 1;}
}

.btn_1.book_btn{margin-top:20px; margin-bottom:20px;}

.custom_form_div{display:none;}
.custom_form_div.active{position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index:10; animation-name: animateleft; animation-duration: 0.4s; background: #0000006e; }
.custom_form_div .booking-custom-frm{background:#fff; max-width:850px; padding:10px; height:100%; position:relative;}
.booking-custom-frm .heading_div { display: flex; justify-content: space-around; background:var(--color-primary); }
.heading_div{    background: #da8253; color: #fff; border-radius: 4px; padding: 5px; margin-bottom: 15px;}

.booking-custom-frm .heading_div .cols-01{width:30px;}
.booking-custom-frm .heading_div .cols-02{width:200px;}
.booking-custom-frm .heading_div .cols-03{width:150px;}
.booking-custom-frm .heading_div .cols-04{width:150px;}
.booking-custom-frm .heading_div .cols-05{width:80px;}
.booking-custom-frm .heading_div .cols-06{width:80px;}
.booking-custom-frm .heading_div .cols-07{width:80px;}

.booking-custom-frm .tour_contain .tour_frm_con{display: flex; border-bottom:1px solid var(--border); margin-bottom: 10px; padding-bottom: 10px; justify-content: space-around;}
.booking-custom-frm .tour_contain .tour_frm_con .col-01{width:30px; text-align: center;}
.booking-custom-frm .tour_contain .tour_frm_con .col-02{width:200px;}
.booking-custom-frm .tour_contain .tour_frm_con .col-03{width:150px;}
.booking-custom-frm .tour_contain .tour_frm_con .col-04{width:150px;}
.booking-custom-frm .tour_contain .tour_frm_con .col-05{width:80px;}
.booking-custom-frm .tour_contain .tour_frm_con .col-06{width:80px;}
.booking-custom-frm .tour_contain .tour_frm_con .col-07{width:80px;}

.booking-custom-frm .tour_contain .tour_frm_con .transfer_type{ padding: 5px; border-radius: 6px; width: 100%;}
.booking-custom-frm .tour_contain .tour_frm_con .tour_time{ padding: 5px; border-radius: 6px; width: 100%;}
.booking-custom-frm .tour_contain .tour_frm_con .tour_hours{ padding: 5px; border-radius: 6px; width: 100%;}
.booking-custom-frm .tour_contain .tour_frm_con .adult_qty,
.booking-custom-frm .tour_contain .tour_frm_con .child_qty{ padding: 5px; border-radius: 6px; width: 80%;}


.booking-custom-frm .cols-01, .booking-custom-frm .col-01{width:auto;}
.booking-custom-frm .cols-02, .booking-custom-frm .col-02{width:25%;}
.booking-custom-frm .cols-03, .booking-custom-frm .col-03{width:165px;}
.booking-custom-frm .cols-04, .booking-custom-frm .col-04{width:165px;}
.booking-custom-frm .col-04 .booking_date_in{max-width: 100%; padding: 5px; border-width: 1px; border-radius:6px;}
.booking-custom-frm .col-03 .tour_time{margin-top:10px; padding-left:10px;}
.booking-custom-frm .col-04 .tour_time{margin-top:10px; padding-left:10px;}
.booking-custom-frm .col-03 .pickup_time{margin-top:10px; padding-left:10px;}
.booking-custom-frm .col-04 .tour_hours{margin-top:10px;}
#custom-frm-submit{    color: #fff; background: var(--color-primary); padding: 10px 20px; font-size: 16px; border-radius: 20px; font-weight: 600; text-transform: uppercase;}
#custom-frm-cart, #custom-frm-checkout, #custom-frm-shopping{display:none; color: #fff; background: var(--color-primary); padding: 10px 20px; font-size: 16px; border-radius: 20px; font-weight: 600; text-transform: uppercase;}
#custom-frm-cart.active, #custom-frm-checkout.active, #custom-frm-shopping.active{display:inline-block;}
.total_contain .total_val{float:right; font-weight:600; margin-right:20px; margin-top:15px;}
.booking-custom-frm .close_booking {font-size:35px; line-height:30px; background: var(--color-secondary); height: 35px; width: 35px; text-align: center; color:#fff; border-radius:50%; cursor:pointer;}

.heading_div .cols-02, .heading_div .cols-03, .heading_div .cols-04, .heading_div .cols-05, .heading_div .cols-06{border-right: 1px solid #fff; padding-right:15px;}

.booking-custom-frm select option:disabled{ background:#ededed; }
.booking-custom-frm .form_loader{ display:inline; font-size:30px; margin:20px; vertical-align: middle; }
.booking-custom-frm .form_loader .fa-spinner.sk-spinner-wave.sk-spinner{position: relative; height: 45px; text-align: center; font-size: 10px; display: inline; vertical-align: middle; top: auto; left: auto; margin: 0; width: auto; display:none;}
.booking-custom-frm .form_loader .sk-spinner-wave.sk-spinner div{ margin-right: 2px;}
.booking-custom-frm .form_loader .fa-spinner{display:none; margin-top: 10px; position: absolute;}

.woocommerce table tr:hover { background-color: #fff;}
tr td.actions .coupon label.coupon_code{display:none;}
.woocommerce-cart table.cart td.actions .coupon .input-text{min-width:150px; border-radius:8px; }
.woocommerce-cart-form table th, .shop_table th{background:var(--color-primary) !important; color:#fff;}
.woocommerce-cart-form .product-remove {text-align:center;}
.woocommerce-cart-form .product-remove a.remove{display:inline;}
a.checkout-button, .woocommerce a.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button{background: var(--color-primary); color:#fff; padding: 10px 30px; border-radius: 20px;}
a.checkout-button:hover, .woocommerce a.button.alt:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover{background: var(--color-secondary);}

.woocommerce .woocommerce-form-coupon button.button{background:var(--color-primary); color:#fff; padding: 10px 30px; border-radius: 20px;}
.woocommerce .woocommerce-form-coupon button.button:hover{background:var(--color-secondary);}
.woocommerce button.button.alt{background:var(--color-primary); color:#fff; padding: 20px 60px; border-radius: 30px;}
.woocommerce button.button.alt:hover{background:var(--color-secondary);}
.return-to-shop a.button {background:#dc834e; color:#fff;}
.return-to-shop a.button:hover{background:#9E5D36; color:#fff;}
.woocommerce-info{ border-top-color: background: var(--color-primary); border-bottom: 1px solid var(--color-primary); border-right: 1px solid var(--color-primary); border-left: 1px solid var(--color-primary); border-radius:8px;}
.woocommerce-info::before { color: background: var(--color-primary);}

#billing_phone_field .woocommerce-input-wrapper{display:grid;}

.woocommerce-mini-cart .elementor-menu-cart__product{grid-template-columns:auto;}
.woocommerce-mini-cart .product-thumbnail{display:none;}
.woocommerce-mini-cart .product-price{display:none;}
.woocommerce-mini-cart .elementor-menu-cart__product-remove{bottom:50px;}

.order_details tr.order_item td.product-name, .order_details tr.order_item td.product-total{color: #800080;}
.order_details tr.order_item td.product-name .wc-item-meta li .wc-item-meta-label{color:#666666;}
.order_details tr.order_item td.product-name .wc-item-meta li p{color:#f00;}
.woocommerce .woocommerce-customer-details address{font-weight:500;}

label.mobile-label{display:none;}
label.desktop-label{display:block;}

.booking-custom-frm .col-02 label{color:var(--color-primary);}
.cart_item .product-name span.pro_name{color:var(--color-primary);}
.cart_item .product-name span.variation_valu{color:var(--color-primary);}

.col-07{text-align: center;}
.col-07 .min-price{font-size: 13px; text-align: center; background: #f1f1f1; padding: 5px; border-radius: 3px;}
.col-07 .min-price label{display:block;}

.booking-custom-frm .frm-error{margin-top:15px; text-align: center; margin-top: 15px; border: 2px solid #4BB543; color: #4BB543; width: auto; padding: 5px 0px; display:none;}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 768px) {
	.heading_div .cols-02 {border:none; text-align:center;}
	.heading_div .cols-01, .heading_div .cols-03, .heading_div .cols-04, .heading_div .cols-05, .heading_div .cols-06, .heading_div .cols-07 {display:none;}    
	.booking-custom-frm .tour_contain .tour_frm_con{display:block; padding-bottom:5px;}
	.booking-custom-frm .col-01{width:10% !important; display:inline-block; vertical-align: top;}
	.booking-custom-frm .col-02{width:90% !important; display:inline-block;}
	.booking-custom-frm .col-03{width:48% !important; display:inline-block; margin-right:4%; margin-top:5px;}
	.booking-custom-frm .col-04{width:48% !important; display:inline-block; margin-top:5px; vertical-align:top;}
	.booking-custom-frm .col-05{width:48% !important; display:inline-block; margin-right:4%; margin-top:5px;}
	.booking-custom-frm .col-06{width:48% !important; display:inline-block; margin-top:10px;}
	.booking-custom-frm .col-07{text-align: right; background: #fff; margin: 5px 0px; padding: 5px; font-weight:600; width:100% !important;}
	.booking-custom-frm .col-07 .min-price{float:left;}
	.booking-custom-frm .col-07 .min-price label{display: inline-block; margin-right: 5px;}
	
	.booking-custom-frm select{padding-top:5px; padding-bottom:5px;}
	.booking-custom-frm input.booking_date_in{padding-top:5px !important; padding-bottom:5px !important; font-weight: 600; font-size: 14px;}
	.booking-custom-frm .transfer_type,.booking-custom-frm .tour_time{font-weight: 600; font-size: 14px;}
	
	.booking-custom-frm .col-02 label.mobile-label{display:block;}
	label.mobile-label{display:inline;}
	label.desktop-label{display:none;}
	.booking-custom-frm .col-04.timewise{width:100%;}
	.booking-custom-frm .col-04.timewise .booking_date_in{width:48%; margin-right: 4%;}
	.booking-custom-frm .col-04.timewise .tour_time{width:48%; margin-top:5px;}
	.booking-custom-frm .col-03 .pickup_time{margin-top:0px;}
	
	.booking-custom-frm .tour_contain .tour_frm_con .adult_qty, .booking-custom-frm .tour_contain .tour_frm_con .child_qty{width:100%;}
	
	.booking-custom-frm .tour_contain .tour_frm_con{border-bottom: 5px solid var(--color-primary);}
	#custom-frm-submit, #custom-frm-cart, #custom-frm-checkout, #custom-frm-shopping{ white-space: nowrap; position: relative; margin-bottom:5px; padding:8px 15px; font-size:14px;}
	.booking-custom-frm .form_loader{font-size:20px;}
	.total_contain .total_val{text-align: center; background: #f3f3f3; margin: 10px 0px; padding: 5px; float:none;}
	
	.cart_item .product-name span.variation_valu.transfer{display:block; margin-bottom:-15px;}
	.single-to_book .slick-slider img { height:250px!important;}
	
}