{"id":1997,"date":"2026-05-21T09:54:45","date_gmt":"2026-05-21T09:54:45","guid":{"rendered":"https:\/\/uob.thecoachcompany.co.uk\/?page_id=1997"},"modified":"2026-06-02T09:25:03","modified_gmt":"2026-06-02T09:25:03","slug":"elementor-1997","status":"publish","type":"page","link":"https:\/\/uob.thecoachcompany.co.uk\/?page_id=1997","title":{"rendered":"Elementor #1997"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1997\" class=\"elementor elementor-1997\">\n\t\t\t\t<div class=\"elementor-element elementor-element-596872b e-flex e-con-boxed e-con e-parent\" data-id=\"596872b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c1f6de elementor-widget elementor-widget-html\" data-id=\"3c1f6de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<!--*********************-->\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.4.min.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.4.1\/css\/bootstrap.min.css\">\n<script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.4.1\/js\/bootstrap.min.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.9.0\/css\/bootstrap-datepicker.min.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.9.0\/js\/bootstrap-datepicker.min.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/clockpicker\/0.0.7\/bootstrap-clockpicker.min.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/clockpicker\/0.0.7\/bootstrap-clockpicker.min.js\" defer><\/script>\n<!-- <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyBL33fllQkJfbOrVAoFjOV03V0S-RLLBto&sensor=false&amp;language=en&amp;region=UK&amp;libraries=geometry,places\" type=\"text\/javascript\"><\/script>\n -->\n        <!--Mapbox-->\n        <script src='https:\/\/api.tiles.mapbox.com\/mapbox-gl-js\/v0.51.0\/mapbox-gl.js'><\/script>\n        <link href='https:\/\/api.tiles.mapbox.com\/mapbox-gl-js\/v0.51.0\/mapbox-gl.css' rel='stylesheet' \/>\n        <script src='https:\/\/api.mapbox.com\/mapbox-gl-js\/plugins\/mapbox-gl-geocoder\/v2.3.0\/mapbox-gl-geocoder.min.js'><\/script>\n        <link rel='stylesheet' href='https:\/\/api.mapbox.com\/mapbox-gl-js\/plugins\/mapbox-gl-geocoder\/v2.3.0\/mapbox-gl-geocoder.css' type='text\/css' \/>\n        <script src=\"https:\/\/unpkg.com\/es6-promise@4.2.4\/dist\/es6-promise.auto.min.js\"><\/script>\n        <script src=\"https:\/\/unpkg.com\/@mapbox\/mapbox-sdk\/umd\/mapbox-sdk.min.js\"><\/script>\n        <script src='https:\/\/api.tiles.mapbox.com\/mapbox.js\/v1.6.1\/mapbox.js'><\/script>\n        <link href='https:\/\/api.tiles.mapbox.com\/mapbox.js\/v1.6.1\/mapbox.css' rel='stylesheet' \/>\n        <script type=\"text\/javascript\" src=\"https:\/\/core.au.ecoachmanager.com\/js\/jquery.livesearch.js\"><\/script>\n        <script type=\"text\/javascript\" src=\"https:\/\/core.au.ecoachmanager.com\/js\/jquery.livesearchMulti.js\"><\/script>\n <!-- is this correct?-->\n        <!--Mapbox end-->\n\n<div class=\"row ecmrow\">\n    <div class=\"col-md-12\">\n        <div class=\"form-bottom\">\n            <form id=\"form1\" name=\"form1\" method='POST' class=\"form-vertical\" role=\"form\" action=\"https:\/\/thecoachcompany.co.uk\/quotation-form\">\n                <input type=\"hidden\" name=\"ext_ref\" id=\"ext_ref\" value=\"\">\n                <input type=\"hidden\" name=\"cost_code\" id=\"cost_code\" value=\"\">\n                <input type=\"hidden\" name=\"line_manager\" id=\"line_manager\" value=\"\">\n                \n                \n                <fieldset>\n                    <div class=\"row row_bg\">\n                        <input type=\"hidden\" id=\"form_single\" name=\"single\" value=\"2\">\n                        <div class='col-md-6 col-single'>\n                            <div id=\"Type\" class=\"form-group\">\n                                <div class=\"radio radio_single\">\n                                    <label class=\"Fcolor\">\n                                        Single\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class='col-md-6 col-return active'>\n                            <div class=\"radio radio_return active\">\n                                <label class=\"Fcolor\">\n                                    Return\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class='row'>\n                        <div class='col-md-6'>\n                            <div id=\"date1_div\" class=\" form-group date-time-group\">\n                                <div class=\"date-time-labels\">\n                                    <label for=\"date1\" class=\"Fcolor text-left date-label\">Pickup Date<\/label>\n                                    <label for=\"time1\" class=\"Fcolor text-left time-label\">Pickup Time<\/label>\n                                <\/div>\n                                <input type=\"text\" name=\"date1\" autocomplete=\"off\" class=\"text datepicker form-control data1\" id=\"date1\" required=\"required\" aria-required=\"true\" placeholder=\"Pickup Date\"\/>\n                                <input name=\"time1\" id=\"time1\" class=\"form-control\" placeholder=\"Time\" required\/>\n                            <\/div>\n                        <\/div>\n                        <div class='col-md-6'>\n                            <div id=\"date2_div\" class=\" form-group hide_return date-time-group\">\n                                <div class=\"date-time-labels\">\n                                    <label for=\"date2\" class=\"Fcolor text-left date-label\">Return Date<\/label>\n                                    <label for=\"time2\" class=\"Fcolor text-left time-label\">Return Time<\/label>\n                                <\/div>\n                                <input type=\"text\" name=\"date2\" autocomplete=\"off\" class=\"text datepicker form-control data2\" id=\"date2\" required=\"required\" aria-required=\"true\" placeholder=\"Return Date\"\/>\n                                <input name='time2' id='time2' class=\"form-control hide_return\" placeholder=\"Time\" required autocomplete=\"off\"\/>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class='row'>\n                        <div class='col-md-6'>\n                            <div id=\"PickupPoint\" class=\"form-group\">\n                                <label for=\"address\" class=\"Fcolor text-left\">Collection Address<\/label>\n                                <div class=\"input-group\">\n                                    <input type=\"text\" name=\"address\" class=\"text form-control address\" id=\"address\" autocomplete=\"off\" required  placeholder=\"Collection address\"\/>\n                                    <input name='address-latlng' id='address-latlng' type='hidden' value=''>\n                                    <span class=\"input-group-btn\">\n                                        <span class=\"btn find_button\" onclick=\"showAddress(1)\"><span class=\"locate_btn\">\n                                                <div class=\"glyphicon glyphicon-map-marker\"\n                                                    style=\"left: 12px;top: 4px;\"><\/div>\n                                            <\/span><\/span>\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            \n                            <div class=\"form-group\">\n                                <a id=\"extradropdown\" class=\"Fcolor text-left\" style=\"cursor:pointer;\">Extra Drop<\/a><br>\n                                <div id=\"extra_box\" style=\"display:none;\">\n                                    <label for=\"extradrop\" class=\"Fcolor text-left\">Extra Drop<\/label>\n                                    <div class=\"input-group\">\n                                        <input type=\"text\" name=\"dontsend\" class=\"text form-control extradrop\" id=\"extradrop\" autocomplete=\"off\" placeholder=\"Extradrop\"\/>\n                                        <input name='extradrop-latlng' id='extradrop-latlng' type='hidden' value=''><br style='clear:both;'>\n                                        <span class=\"input-group-btn\">\n                                            <span class=\"btn find_button\" onclick=\"showAddress(3)\"><span class=\"locate_btn\">\n                                                    <div class=\"glyphicon glyphicon-map-marker\"\n                                                        style=\"left: 12px;top: 4px;\"><\/div>\n                                                <\/span><\/span>\n                                        <\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                             <div class=\" form-group\">\n                                <label for=\"journey_ref\" class=\"Fcolor text-left\">Journey Reference<\/label>\n                                <div class=\"input-group\">\n                                    <input type=\"text\" id=\"journey_ref\" name=\"text\" class=\"text form-control\" required placeholder=\"Journey Reference\"\/>\n                                <\/div>\n                            <\/div>\n                             <div class=\" form-group\">\n                                <label for=\"Cost\" class=\"Fcolor text-left\">School name<\/label>\n                                <div class=\"input-group\">\n                                    <input type=\"text\" id=\"Cost\" name=\"text\" class=\"text form-control\" required placeholder=\"School name\"\/>\n                                <\/div>\n                            <\/div>\n                             <div class=\" form-group\">\n                                <label for=\"line\" class=\"Fcolor text-left\">Teacher name<\/label>\n                                <div class=\"input-group\">\n                                    <input type=\"text\" id=\"line\" name=\"text\" class=\"text form-control\" required placeholder=\"Teacher name\"\/>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class='col-md-6'>\n                            <div id=\"Desination\" class=\" form-group\">\n                                <label for=\"destination\" class=\"Fcolor text-left\" >Destination Address<\/label>\n                                <div class=\"input-group\">\n                                    <input type=\"text\" name=\"destination\" class=\"text form-control destination\" id=\"destination\" autocomplete=\"off\" required placeholder=\"Destination address\" value=\"University of Birmingham - North Gate, Pritchatts Road\"\/>\n                                    <input name='destination-latlng' id='destination-latlng' type='hidden' value='52.452765,-1.930060'>\n                                    <span class=\"input-group-btn\">\n                                        <span class=\"btn find_button\" onclick=\"showAddress(2)\"><span class=\"locate_btn\">\n                                                <div class=\"glyphicon glyphicon-map-marker\"\n                                                    style=\"left: 12px;top: 4px;\"><\/div>\n                                            <\/span><\/span>\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n\n                            \n                            <div class=\"form-group\">\n                                <label for=\"address\" class=\"Fcolor text-left\">Email<\/label>\n                                <div class=\"input-group\">\n                                    <input type=\"email\" id=\"email_h\" name=\"email_h\" class=\"text form-control\" required  placeholder=\"Email\" value=\"c.cela@bham.ac.uk\"\/>\n                                <\/div>\n                            <\/div>\n\n                            \n                            <div class=\" form-group\">\n                                <label for=\"destination\" class=\"Fcolor text-left\">Phone Number<\/label>\n                                <div class=\"input-group\">\n                                    <input type=\"text\" id=\"phone_m\" name=\"phone_m\" class=\"text form-control\" required placeholder=\"Phone Number\"\/>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\" form-group\">\n                                <input type=\"hidden\" name=\"SecurityID\" value=\"25003d03f22135f9d13ded7451f4e78cc74658cb\" class=\"hidden form-control\" id=\"BootstrapForm_BookingForm_SecurityID\"\/>\n                            <\/div>\n                            <div class=\" form-group \">\n                                <div class=\"form-actions\">\n                                    <button type=\"submit\" name=\"action_doBookingForm\" value=\"Get my quote\" id=\"BootstrapForm_BookingForm_action_doBookingForm\" class=\"btn action\">Get Quote<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"clear\"> <\/div>\n                <\/fieldset>\n\n                <div id='extradropsbox'><\/div>\n                <div id='findlocation' class='hidden'>\n                    You may drag the marker on the map to find your exact location<br>\n                    <div id='message' class='hideNoJS'><\/div>\n                    <div id='map' style='width: 500px; height: 300px' class='hideNoJS'><\/div>\n                    <input name='global-latlng' id='global-latlng' type='hidden' value=''>\n                    <img src='https:\/\/cdn.ja.au.ecoachmanager.com\/images\/32x32\/accept_item.png' alt='Choose Location' onClick='closeLocate();' style='cursor:pointer; float:right'>\n                    <img src='https:\/\/cdn.ja.au.ecoachmanager.com\/images\/32x32\/delete_item.png' alt='Cancel' onClick=\"jQuery('#findlocation').addClass('hidden');\" style='cursor:pointer; float:right'>\n                <\/div>\n                <div id=\"jquery-live-search\" style=\"display: none;\"><\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/div>\n<!--*********************-->\n<script>\n    setTimeout(() => {\n        $(\"#jquery-live-search\").appendTo(\".wp-singular\");\n    }, 500);\n    \/\/ var map_default_region = \"UK\";\n    \/\/ var map_default_latlng = \"51.5073,-0.127647\";\n    \/\/ var map_default_name = \"London, Greater London, England, United Kingdom\";\n\n    var map_default_region = \"UK\";\n    var map_default_latlng = \"52.47759676715606,-1.9066856370227754\";\n    var map_default_name = \"19 Holliday Street, Birmingham, B1 1HH, United Kingdom\";\n\n    \/\/ var map_default_region = \"UK\";\n    \/\/ var map_default_latlng = \"51.7520209,-1.2577263\";\n    \/\/ var map_default_name = \"Oxford, UK\";\n    var dropcount = 1;\n    var autocompleteAdd;\n    var autocompleteExtra;\n    var autocompleteDes;\n    var textAdd = null;\n    var textExtra = null;\n    var textDes = null;\n\n    function fillInAddressAdd() {\n        var place = autocompleteAdd.getPlace();\n        var arr = JSON.parse(JSON.stringify(place.geometry.location));\n        jQuery('#address-latlng').val(arr.lat+\",\"+arr.lng);\n    }\n    function fillInAddressExtra() {\n        var place = autocompleteExtra.getPlace();\n        var arr = JSON.parse(JSON.stringify(place.geometry.location));\n        jQuery('#extradrop-latlng').val(arr.lat+\",\"+arr.lng);\n        autoDrop();\n    }\n    function fillInAddressDes() {\n        var place = autocompleteDes.getPlace();\n        var arr = JSON.parse(JSON.stringify(place.geometry.location));\n        jQuery('#destination-latlng').val(arr.lat+\",\"+arr.lng);\n    }\n    $(function(){\n        console.log(\"nep nep\");\n        jQuery(\"#extradropdown\").click(function () {\n            jQuery(this).css(\"display\", \"none\");\n            jQuery(\"#extra_box\").css(\"display\", \"block\");\n        });\n        jQuery(\".radio_single\").click(function () {\n            jQuery('.col-single').addClass('active');\n            jQuery('.col-return').removeClass('active');\n            jQuery('.radio_single').addClass('active');\n            jQuery('.radio_return').removeClass('active');\n            \/\/jQuery(\".hide_return\").hide();\n            jQuery(\"#date2\").prop(\"disabled\", true);\n            jQuery(\"#time2\").prop(\"disabled\", true);\n            jQuery('#date2').addClass('active');\n            jQuery('#time2').addClass('active');\n            jQuery(\"#date2\").val(\"\");\n            jQuery('.hideOpts').hide();\n            jQuery(\"#Checkbox1\").prop(\"checked\", true);\n            jQuery(\"#form_single\").val(\"1\")\n        });\n        jQuery(\".radio_return\").click(function () {\n            \/\/jQuery(\".hide_return\").show();\n            jQuery('#date2').removeClass('active');\n            jQuery('#time2').removeClass('active');\n            jQuery(\"#date2\").prop(\"disabled\", false);\n            jQuery(\"#time2\").prop(\"disabled\", false);\n            jQuery('.col-return').addClass('active');\n            jQuery('.col-single').removeClass('active');\n            jQuery('.radio_return').addClass('active');\n            jQuery('.radio_single').removeClass('active');\n            jQuery('.hideOpts').show();\n            jQuery(\"#Checkbox2\").prop(\"checked\", true);\n            jQuery('#time2').prop(\"disabled\",false);\n            jQuery('#time2').css(\"background-color\",\"\");\n            jQuery(\"#form_single\").val(\"2\")\n        });\n        jQuery(\"#date1,#date2,#address,#destination,#time1,#time2,#email_h,#phone_m\").change(function(){\n            if(this.value != \"\"){\n                jQuery(this).css(\"border\",\"\");\n                jQuery(this).css(\"background\",\"\");\n            }\n        });\n        jQuery('#time1').clockpicker({\n\t\t\talign: 'left',\n\t\t\tdonetext: 'Done',\n\t\t\tautoclose:true\n\t\t});\n        jQuery('#time2').clockpicker({\n\t\t\talign: 'left',\n\t\t\tdonetext: 'Done',\n\t\t\tautoclose:true\n\t\t});\n        jQuery(\"#address\").keyup(function(){\n            if(textAdd==null)\n                textAdd = $(this).val().length;\n            if(textAdd != $(this).val().length){\n                textAdd = $(this).val().length;\n                $(\"#address-latlng\").val(\"\");\n            }\n        });\n        jQuery(\"#destination\").keyup(function(){\n            if(textDes==null)\n                textDes = $(this).val().length;\n            if(textDes != $(this).val().length){\n                textDes = $(this).val().length;\n                $(\"#destination-latlng\").val(\"\");\n            }\n        });\n        jQuery(\"#extradrop\").keyup(function(){\n            if(textExtra==null)\n                textExtra = $(this).val().length;\n            if(textExtra != $(this).val().length){\n                textExtra = $(this).val().length;\n                $(\"#extradrop-latlng\").val(\"\");\n            }\n        });\n        jQuery(\"#extradrop\").change(function(){\n            if(this.value == \"\"){\n                jQuery(this).css(\"border\",\"\");\n                jQuery(this).css(\"background\",\"\");\n            }\n        });\n        jQuery(\"#extradropdown\").click(function () {\n            jQuery(this).css(\"display\", \"none\");\n            jQuery(\"#extra_box\").css(\"display\", \"block\");\n        });\n\n        jQuery(\"#BootstrapForm_BookingForm_action_doBookingForm\").click(function(){\n                        \n                var valid = true;\n                var hastime = jQuery('#time1');\n                var time1 = '';\n                var error_text = \"Please use locate to select the addresses for your trip\\n\";\n\n                if (jQuery('#date1').val() == '') {\n                    jQuery(\"#date1\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#date1\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n                if (jQuery('#time1').val() == '') {\n                    jQuery(\"#time1\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#time1\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n\n                if (jQuery('#date2').val() == '' && jQuery(\".col-return\").hasClass(\"active\") \/*&& jQuery('#Checkbox2:checked').val() != null*\/) {\n                    jQuery(\"#date2\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#date2\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n                if (jQuery('#time2').val() == '' && jQuery(\".col-return\").hasClass(\"active\")) {\n                    jQuery(\"#time2\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#time2\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n                if((jQuery('#time1').val() >= jQuery('#time2').val()) && (jQuery('#date2').val() == jQuery('#date1').val())){\n                    jQuery(\"#time2\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#time2\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n\n                if (jQuery('#address').val() == '' || jQuery(\"#address-latlng\").val() == '') {\n                    jQuery(\"#address\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#address\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n\n                if (jQuery('#destination').val() == '' || jQuery('#destination-latlng').val() == '') {\n                    jQuery(\"#destination\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#destination\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n                if(jQuery(\"#extradrop\").val() != \"\"){\n                    jQuery(\"#extradrop\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#extradrop\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n                if(jQuery(\"#email_h\").val() == \"\" && jQuery(\"#email_h\").length > 0){\n                    jQuery(\"#email_h\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#email_h\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n                if(jQuery(\"#phone_m\").val() == \"\" && jQuery(\"#phone_m\").length > 0){\n                    jQuery(\"#phone_m\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#phone_m\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n\n                if(jQuery(\"#journey_ref\").val() == \"\" && jQuery(\"#journey_ref\").length > 0){\n                    jQuery(\"#journey_ref\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#journey_ref\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n\n                if(jQuery(\"#Cost\").val() == \"\" && jQuery(\"#Cost\").length > 0){\n                    jQuery(\"#Cost\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#Cost\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n\n                if(jQuery(\"#line\").val() == \"\" && jQuery(\"#line\").length > 0){\n                    jQuery(\"#line\").css(\"border\",\"2px solid #a94442\");\n                    jQuery(\"#line\").css(\"background\",\"rgb(255, 213, 213)\");\n                    valid = false;\n                }\n\n\n                if (valid == false) {\n                    alert(error_text);\n                    return false;\n                } else {\n                    if (hastime == null) {\n                        var time1sp = jQuery('#date1').val().split(' ');\n                        time1 = time1sp[1];\n                    } else {\n                        if (jQuery('#time1').val() == null) {\n                            time1 = '00:00';\n                        } else {\n                            time1 = jQuery('#time1').val();\n                        }\n                    }\n\n                    if (time1 == '00:00') {\n                        valid = confirm('Are you departing at midnight? \\n Press OK to confirm or cancel to correct the time.');\n                    }\n\n                    if ((jQuery('#Checkbox2:checked').val() != null) && (valid == true)) {\n                        var hastime2 = jQuery('#time2');\n                        var time2 = '';\n                        if (hastime2 == null) {\n                            var time2sp = jQuery('#date2').val().split(' ');\n                            time2 = time2sp[1];\n                        } else {\n                            if (jQuery('#time2').val() == null) {\n                                time2 = '00:00';\n                            } else {\n                                time2 = jQuery('#time2').val();\n                            }\n                        }\n                        if (time2 == '00:00') {\n                            valid = confirm('Are you returning at midnight? \\n Press OK to confirm or cancel to correct the time.');\n                        }\n                    }\n\n                    return valid;\n                }\n            });\n\n            \/\/load();\n            var date = new Date();\n            \/\/ date.setDate(date.getDate());   \n            \n            jQuery('#date1').datepicker({\n                format: \"dd M yyyy\",\n                autoclose: true\n            });\n            jQuery('#date1').datepicker('setStartDate', date);\n\n\n            jQuery('#date2').datepicker({\n                format: \"dd M yyyy\",\n                autoclose: true\n            });\n\n            jQuery(\"#date1\").datepicker().on('changeDate', function () {\n                jQuery(\"#date2\").datepicker('setStartDate', jQuery(this).val());\n                setTimeout(function(){\n                    jQuery('#time1').focus();\n                    if (jQuery('#time1').data('clockpicker')) {\n                        jQuery('#time1').clockpicker('show');\n                    }\n                }, 100);\n            });\n            jQuery('#date1').change(function () {\n                setTimeout(function(){\n                    jQuery('#time1').focus();\n                }, 100);\n            });\n            jQuery(\"#date2\").datepicker().on('changeDate', function () {\n                setTimeout(function(){\n                    jQuery('#time2').focus();\n                    if (jQuery('#time2').data('clockpicker')) {\n                        jQuery('#time2').clockpicker('show');\n                    }\n                }, 100);\n            });\n            \n        jQuery('.font-inp').click(function(){\n            google.maps.event.trigger(map,\"resize\");\n        });\n    });\n    function checkTime(id){\n        if(id=='1'){\n            value_t1 = jQuery('#time1').val();\n            if(value_t1 >= jQuery('#time2').val() && jQuery('#date1').val()==jQuery('#date2').val()){\n                jQuery('#time2').val(value_t1);\n            }\n            jQuery('#time2 option').each(function(){\n                value_t2 = jQuery(this).val();\n                if(value_t2<value_t1 && jQuery('#date1').val()==jQuery('#date2').val()){\n                    jQuery(this).prop('disabled',true);\n                }else{\n                    jQuery(this).prop('disabled',false);\n                }\n            });\n        }\n    }\n    function autoDrop(){\n        if (jQuery('#extradrop').val() != '')\n        {\n            var loc = jQuery('#extradrop').val();\n            var latlng = jQuery('#extradrop-latlng').val();\n\n            if (!jQuery('.radio_return').hasClass('active')){hideOpts = \" style='display:none;' \";}else{var hideOpts = '';}\n\n            jQuery('#extradropsbox').append(\"<p class='drop Bcolor' id='drop\"+dropcount+\"'>\"+loc+\"<input type='hidden' name='drop[]' value='\"+loc+\"'><input type='hidden' name='droplatlng[]' value='\"+latlng+\"'><input type='hidden' id='journey\"+dropcount+\"' name='dropjourney[]' value='3'><br><span class='hideOpts'\"+hideOpts+\"> <input type='radio' name='journey\"+dropcount+\"' value='1' onclick=\\'jQuery(\\\"#journey\"+dropcount+\"\\\").val(jQuery(this).val());\\'>Outward Journey<br> <input type='radio' name='journey\"+dropcount+\"' value='2' onclick=\\'jQuery(\\\"#journey\"+dropcount+\"\\\").val(jQuery(this).val());\\'>Return Journey<br> <input type='radio' name='journey\"+dropcount+\"' value='3' checked onclick=\\'jQuery(\\\"#journey\"+dropcount+\"\\\").val(jQuery(this).val());\\'>Both Journeys<\/span><img src='https:\/\/cdn.ja.au.ecoachmanager.com\/images\/16x16\/delete_item.png' alt='Delete drop' onclick=\\'jQuery(\\\"#drop\"+dropcount+\"\\\").remove();\\' style='float:right; cursor:pointer;'>\"+\"<\/p>\");\n            dropcount++;\n            jQuery('#extradrop').val('');\n            jQuery('#extradrop-latlng').val('');\n            jQuery('#extradrop').css('border','');\n            jQuery('#extradrop').css('background','');\n        }\n    }\n\n    function closeLocate(){\n        if(jQuery('#address').val() != ''){\n            jQuery('#address').css('border','');\n            jQuery('#address').css('background','');\n        }\n        if(jQuery('#destination').val() != ''){\n            jQuery('#destination').css('border','');\n            jQuery('#destination').css('background','');\n        }\n        if(jQuery('#extradrop').val() != ''){\n            jQuery('#extradrop').css('border','');\n            jQuery('#extradrop').css('background','');\n        }\n        if (jQuery('#extradrop').val() != '' && jQuery('#extradrop-latlng').val() != '')\n        {\n            var loc = jQuery('#extradrop').val();\n            var latlng = jQuery('#extradrop-latlng').val();\n\n            if (!jQuery('.radio_return').hasClass('active')){hideOpts = \" style='display:none;' \";}else{var hideOpts = '';}\n\n            jQuery('#extradropsbox').append(\"<p class='drop Bcolor' id='drop\"+dropcount+\"'>\"+loc+\"<input type='hidden' name='drop[]' value='\"+loc+\"'><input type='hidden' name='droplatlng[]' value='\"+latlng+\"'><input type='hidden' id='journey\"+dropcount+\"' name='dropjourney[]' value='3'><br><span class='hideOpts'\"+hideOpts+\"> <input type='radio' name='journey\"+dropcount+\"' value='1' onclick=\\'jQuery(\\\"#journey\"+dropcount+\"\\\").val(jQuery(this).val());\\'>Outward Journey<br> <input type='radio' name='journey\"+dropcount+\"' value='2' onclick=\\'jQuery(\\\"#journey\"+dropcount+\"\\\").val(jQuery(this).val());\\'>Return Journey<br> <input type='radio' name='journey\"+dropcount+\"' value='3' checked onclick=\\'jQuery(\\\"#journey\"+dropcount+\"\\\").val(jQuery(this).val());\\'>Both Journeys<\/span><img src='https:\/\/cdn.ja.au.ecoachmanager.com\/images\/16x16\/delete_item.png' alt='Delete drop' onclick=\\'jQuery(\\\"#drop\"+dropcount+\"\\\").remove();\\' style='float:right; cursor:pointer;'>\"+\"<\/p>\");\n            dropcount++;\n            jQuery('#extradrop').val('');\n            jQuery('#extradrop-latlng').val('');\n        }\n        jQuery('#findlocation').addClass('hidden');\n    }\n\n        \n    function showHide_1(){\n        jQuery('.OneWay').css(\"background-color\",\"#404890\");\n        jQuery('.TwoWay').css(\"background-color\",\"#2e3880\");\n        jQuery('#date2 , .dateC2 , #time2 , .time2_c').prop('disabled',true);\n        jQuery('#date2 , #time2').val('');\n        jQuery('#single').val('1');\n        jQuery('#date2 , #time2').css({\"background-color\":\"#b2b6d3\",\"border\":\"#b2b6d3\",\" cursor\":\"no-drop\"});\n        jQuery('.dateC2 , .time2_c').css('cursor','no-drop');\n        \n    }\n\n\n    function showHide_2(){\n        jQuery('.TwoWay').css(\"background-color\",\"#404890\");\n        jQuery('.OneWay').css(\"background-color\",\"#2e3880\");\n        jQuery('#date2 , .dateC2 , #time2 , .time2_c').prop('disabled',false);\n        jQuery('#date2 , #time2').css({\"background-color\":\"#f5f5f5\",\"border\":\"#f5f5f5\",\" cursor\":\"pointer\"});\n        jQuery('.dateC2 , .time2_c').css('cursor','pointer');\n        jQuery('#single').val('2');\n        \n    }\n\n        var map;\n        var geo;\n        var markersArray = [];\n        var id;\n        var field;\n\n        \/\/ function load() {\n        \/\/     \/\/console.log('Connect map...');\n        \/\/     map_default_latlng = map_default_latlng.split(',');\n        \/\/     var latlng = new google.maps.LatLng(map_default_latlng[0], map_default_latlng[1]);\n        \/\/     var options = {\n        \/\/         zoom: 15,\n        \/\/         center: latlng,\n        \/\/         mapTypeId: google.maps.MapTypeId.ROADMAP\n        \/\/     };\n        \/\/     map = new google.maps.Map(document.getElementById(\"map\"), options);\n        \/\/     geo = new google.maps.Geocoder();\n        \/\/     \/\/console.log('Connect map success');\n\n        \/\/ }\n\n        \/\/ function clearOverlays() {\n        \/\/     if (markersArray) {\n        \/\/         for (i in markersArray) {\n        \/\/             markersArray[i].setMap(null);\n        \/\/         }\n        \/\/     }\n        \/\/ }\n\n        \/\/ function place(lat, lng) {\n        \/\/     var point = new google.maps.LatLng(lat, lng);\n\n        \/\/     map.setCenter(point, 15);\n        \/\/     var marker = new google.maps.Marker({position: point, map: map, draggable: true});\n        \/\/     \/\/console.log(marker);\n        \/\/     markersArray.push(marker);\n\n        \/\/     jQuery('#message').html('');\n\n        \/\/     jQuery('#' + field + '-latlng').val(lat + ',' + lng);\n        \/\/     google.maps.event.addListener(marker, 'dragend', function (position) {\n        \/\/         jQuery('#message').html('');\n        \/\/         var pt = marker.getPosition();\n        \/\/         map.panTo(pt);\n        \/\/         jQuery('#' + field + '-latlng').val(pt.lat() + ',' + pt.lng());\n        \/\/         geo.geocode({'location': pt}, function (result) {\n        \/\/             jQuery('#' + field).val(result[0].formatted_address);\n        \/\/         });\n\n        \/\/     });\n        \/\/ }\n\n        \/\/ function showAddress(getid) {\n        \/\/     \/\/google.maps.event.trigger(map,\"resize\");\n        \/\/     id = getid;\n        \/\/     \/\/                console.log(id);\n        \/\/     if (id == 1) {\n        \/\/         field = \"address\";\n        \/\/     } else if (id == 2) {\n        \/\/         field = \"destination\";\n        \/\/     } else if (id == 3) {\n        \/\/         field = \"extradrop\";\n        \/\/     }\n        \/\/     var search = jQuery('#' + field).val();\n        \/\/     if (search == \"\") {\n        \/\/         search = map_default_name;\n        \/\/     }\n\n        \/\/     document.getElementById(field).focus();\n        \/\/     var latlntG = jQuery('#'+field+'-latlng').val();\n        \/\/     if(latlntG != \"\"){\n        \/\/         latlntG = latlntG.split(\",\");\n        \/\/         clearOverlays();\n        \/\/         place(latlntG[0], latlntG[1]);\n        \/\/     }else\n        \/\/         showAddressB(search);\n            \n        \/\/     jQuery(\"#findlocation\").removeClass(\"hidden\");\n        \/\/ }\n\n        \/\/ function showAddressB(search) {\n\n        \/\/     \/\/ ====== Perform the Geocoding ======\n        \/\/     jQuery.ajax({\n        \/\/         url: 'https:\/\/maps.googleapis.com\/maps\/api\/geocode\/json?address=' + search + '&sensor=false&language=en&key=AIzaSyBL33fllQkJfbOrVAoFjOV03V0S-RLLBto',\n        \/\/         data: {\n        \/\/             region: map_default_region,\n        \/\/             location: map_default_latlng,\n        \/\/             radius: 1000000,\n        \/\/             components: 'country:' + map_default_region\n        \/\/         },\n        \/\/         type: 'GET',\n        \/\/         success: function (data) {\n        \/\/             clearOverlays();\n        \/\/             if (data.status == 'OK') {\n        \/\/                 var p = data.results[0].geometry.location;\n        \/\/                 place(p.lat, p.lng);\n        \/\/                 var search = document.getElementById(field).value = data.results[0].formatted_address;\n        \/\/                 var html = '';\n        \/\/                 if (data.results.length > 1) {\n        \/\/                     html = 'Did you mean:';\n        \/\/                     for (var i = 0; i < data.results.length; i++) {\n        \/\/                         html += '<br>' + (i + 1) + ': <a href=\"javascript:showAddressB(\"' + addr + '\");\">' + data.results[i].formatted_address + '<\/a>';\n        \/\/                     }\n        \/\/                     jQuery('#message').html('');\n        \/\/                     jQuery('#message').html(html);\n        \/\/                 }\n        \/\/             } else {\n        \/\/                 alert('Could not find ' + search + ': ' + data.status);\n        \/\/             }\n        \/\/         }\n        \/\/     });\n\n\n        \/\/ }\n<\/script>\n<!-- <script type=\"text\/javascript\">\n    jQuery(document).ready(function(){\n        \n        autocompleteAdd = new google.maps.places.Autocomplete((document.getElementById(\"address\")),{types: ['geocode', 'establishment']});\n        autocompleteAdd.setComponentRestrictions({'country': \"UK\"});\n        \/\/ autocompleteAdd.setComponentRestrictions({'country': \"UK\"});\n        autocompleteAdd.addListener('place_changed', fillInAddressAdd);\n\n        autocompleteDes = new google.maps.places.Autocomplete((document.getElementById(\"destination\")),{types: ['geocode', 'establishment']});\n        autocompleteDes.setComponentRestrictions({'country': \"UK\"});\n        \/\/ autocompleteDes.setComponentRestrictions({'country': \"UK\"});\n        autocompleteDes.addListener('place_changed', fillInAddressDes);\n\n        autocompleteExtra = new google.maps.places.Autocomplete((document.getElementById(\"extradrop\")),{types: ['geocode', 'establishment']});\n        autocompleteExtra.setComponentRestrictions({'country': \"UK\"});\n        \/\/ autocompleteExtra.setComponentRestrictions({'country': \"UK\"});\n        autocompleteExtra.addListener('place_changed', fillInAddressExtra);\n    });\n<\/script> -->\n<!--********End Nep********-->\n\n\n\n\n\n\n<style>\n.form-control{\n    border-top-right-radius: 0 ;\n    border-bottom-right-radius: 0;\n    border-radius: 0px;\n    border: 0;\n    height: 44px;\n}\ninput#date1,input#date2{\n    border-radius: 0px;\n    cursor : default;\n}\n.btn2{\n    background-color: #fff;\n    border-radius: 0px;\n    color: #000;\n    height: 44px;\n}\n.btn2:hover{\n    background-color: #fff;\n}\nselect#time_pickup{\n    color: #000;\n    height: 44px;\n    border: 0;\n    margin-left: 2%;\n    width: 18%;\n}\n.fa-map-marker{\n    position: absolute;\n    top : 14px;\n}\n#extradroplink{\n    color:#fff;\n}\na#extradroplink{\n    color:#fff;\n}\na#extradroplink:hover{\n    cursor:pointer;\n}\n.booking-form{\n    background-color: rgba(12, 39, 85, 0.5);\n    width: 100%;\/*800px*\/\n}\ninput#date1,input#date2{\n    \/*    width : 49%;\n        float: left;*\/\n    width: 69%;\n    padding : 12px;\n}\ninput#time1,input#time2{\n    width: 30%;\n    padding : 12px;\n    border: 1px solid;\n}\n\n.date-time-labels {\n    display: flex;\n    width: 100%;\n    clear: both;\n}\n.date-time-labels .date-label {\n    width: 69%;\n    margin-bottom: 5px;\n}\n.date-time-labels .time-label {\n    width: 30%;\n    margin-left: 1%;\n    margin-bottom: 5px;\n}\n.date-time-group:after {\n    content: \"\";\n    display: table;\n    clear: both;\n}\n\ninput#date1, input#date2{\n    margin: 0 1% 1% 0;\n}\n.fa-calendar{\n    position: absolute;\n    top: 15px;\n    right: 24%;\n\n}\n.ClassSingle.active,.ClassReturn.active{\n    background-color: rgba(14, 32, 65, 0.6);\n}\ndiv.ClassSingle,div.ClassReturn{\n    height: 42px;\n}\np.ASingle,p.AReturn{\n    padding-top: 10px;\n    color: #fff;\n    font-weight: 700;\n    font-size: 16px;\n}\np.ASingle:hover,p.AReturn:hover{\n    cursor: pointer;\n}\n\n.datepicker.dropdown-menu {\n    border-radius: 0;\n    border: 0;\n    padding: 20px;\n}\n.hide_return {\n    \/*    background-color: rgba(158,163,168, 0.5) !important;\n        border-color: #9EA3A8 !important;*\/\n}\n\n#BootstrapForm_BookingForm_action_doBookingForm{\n    background: #415E8F;\n    border: medium none;\n    border-radius: 0px;\n    color: #ffffff;\n    font-size: 18px !important;\n    margin-left: 0 !important;\n    margin-top: 0 !important;\n    padding: 9px 16px !important;\n    position: static;\n    right: 0;\n    top: 0;\n    width: 100%;\n}\n#btn_apply_map {\n    background-color: #F00 !important;\n    border: none;\n    border-radius: 7px;\n    color: #FFF;\n    padding: 1px 21px !important;\n    font-family: 'Open sans';\n    font-weight: bold;\n    cursor: pointer;\n    margin: 5px 0px 0px 396px !important;\n    font-size: 15px !important;\n}\nspan#btn_apply_map{\n    height: 25px;\n}\ndiv#extradropsbox{\n    \/*    display:none;*\/\n}\n\n\n\n\n\n\n\n\n\n.padleeee table, .padleeee fieldset {\n    margin: 0 auto;\n}\n\n.iClearfix:after {\n    clear: both;\n}\n.iClearfix:before, .iClearfix:after {\n    content: \" \";\n    display: table;\n}\n#findlocation.hidden{\n    display: block !important;\n    visibility: visible;\n}\n#findlocation {\n    bottom: auto;\n    box-shadow: 0 0 20px #262626;\n    left: 135px;\n    position: absolute;\n    right: 100px;\n    top: -100px;\n    \/*background-color:#233038;*\/\n    background-color: rgba(173,170,170,.69);\n    color:#fff;\n\n    padding: 10px;\n    border-radius: 5px;\n}\n@media (max-width: 767px){\n    #findlocation {\n        left: 0;\n        width: 94%;\n    }\n}\n#map.hideNoJS {\n    width: 100% !important;\n}\n#findlocation .hideNoJS {\n    margin-left: 0px;\n}\n#findlocation img {\n    \/*        background: none !important;*\/\n}\n\n#mainquote {\n    color: #fff;\n    font-family: roboto;\n    position: relative;\n    width: 100%;\n}\n#mainquote > form {\n    height: auto;\n    margin: 0;\n    padding: 10px;\n    width: 276px;\n}\n#mainquote > form > h3 {\n    display: none;\n}\n#mainquote > form > .mainquote_body > div {\n    margin-top: 10px;\n}\n#mainquote .title {\n    float: none;\n    line-height: 32px;\n    width: auto;\n}\n\n#mainquote .isreturn .title , #mainquote .submit .title {\n    \/*display: none;*\/\n}\n\n#mainquote .isreturn .entry {\n    float: none;\n}\n#mainquote .entry {\n    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);\n    float: none;\n    margin: 0;\n    padding: 0;\n}\n\n#mainquote input[type=\"radio\"] {\n    margin-top: -5px;\n    margin-left: 15px;\n    float: none;\n}\n\n#mainquote select {\n\n}\n\n#mainquote .styled-select-lg {\n    float: right;\n    overflow: hidden;\n    width: 49%;\n}\n\n#mainquote .styled-select-lg select {\n    border: 1px solid #d1d1d1;\n    padding: 6px 9px 5px;\n    width: 100%;\n}\n\n#mainquote input[type=\"text\"], #mainquote input[type=\"password\"], #mainquote input[type=\"email\"], #mainquote textarea {\n    border: 1px solid #d1d1d1;\n    padding: 6px 9px;\n    width: 100%;\n}\n#mainquote input[type=\"text\"]:focus, #mainquote input[type=\"password\"]:focus, #mainquote input[type=\"email\"]:focus, #mainquote textarea:focus {\n    border: 1px solid #262626;\n}\n\n\n#mainquote input[type=\"text\"] {\n\n}\n\n#mainquote textarea {\n    margin-bottom: 0;\n}\n\n#mainquote .address textarea {\n    margin-bottom: 20px;\n}\n\n#mainquote .date1 > .title, #mainquote .date2 > .title {\n    display: none;\n}\n\n#mainquote .date1 > .entry input[type=\"text\"], #mainquote .date2 > .entry input[type=\"text\"] {\n    float: left;\n    width: 49% !important;\n}\n\n#mainquote .address, #mainquote .drops, #mainquote .dest {\n    position: relative;\n}\n#mainquote .drops {\n}\n#extradropsbox {\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-flex-flow: row wrap;\n    flex-flow : row wrap;\n    -webkit-justify-content: flex-start;\n    justify-content: flex-start;\n}\n#extradropsbox .drop {\n    \/*color: #fff;*\/\n    margin-top: 10px;\n    margin-left:10px;\n    \/*\n    height: auto !important;\n    width: 95% !important;\n    *\/\n}\n#extradropsbox .drop:first-child {\n\n}\n#mainquote .submit .entry  {\n    text-align: center;\n}\n#mainquote .submit input[type=\"submit\"] {\n    background-color: #262626;\n    background-image: url(\"<?=$site_name_web?>images\/icon_next.png\");\n    background-position: right 10px center;\n    background-repeat: no-repeat;    color: #fff;\n    font-size: 16px;\n    \/*line-height: 28px;*\/\n    padding-left: 20px;\n    padding-right: 40px;\n    text-align: center;\n    text-transform: uppercase;\n\n}\n#mainquote .hideNoJS {\n}\n\n\/*#extradroplink {\n\/   bottom: -10px;\n    color: #262626;\n    left: 0;\n    position: absolute;\n}*\/\n\n#mainquote .entry .hideNoJS {\n    background-color: #262626;\n    border: medium none;\n    color: #fff;\n    \/*line-height: 26px;*\/\n    padding-left: 10px;\n    padding-right: 10px;\n    position: absolute;\n    right: 0;\n    text-align: center;\n    text-transform: uppercase;\n    top: 0;\n}\n\n.drop{\n    background-color: #000000;\n    border: #eee 1px solid;\n}\n\n\n.ui-datepicker {\n    width: 260px;\n}\n#mainquote #quotenext {\n    cursor: pointer;\n    display: inline-block;\n\n}\n\n\n#quoteform {\n    color: #414141;\n    \/*font-size: 20px;*\/\n    width: 100%;\n    position: relative;\n}\n#main-colum-data {\n    background-size: 100% 100%;\n    margin: 0 auto 20px;\n    padding: 0;\n    width: 98%;\n}\n.padleeee > form {\n    \/*padding: 24px 28px 21px;*\/\n}\n#main-colum-data h2 {\n    color: #414141;\n    \/*font-size: 30px;*\/\n    font-weight: bold;\n    line-height: 24px;\n    \/*        padding: 24px 28px 0;*\/\n    text-align: left;\n    text-transform: uppercase;\n}\n#quoteform .title {\n    color: #414141;\n    float: none;\n    font-weight: normal;\n    width: auto;\n}\n#quoteform .isreturn .title , #quoteform .submit .title {\n    display: none;\n}\n\n#quoteform .isreturn .entry {\n    float: none;\n}\n\n#quoteform .date1 {\n    margin-top: 20px;\n}\n\n#quoteform .entry {\n    float: none;\n}\n\n#quoteform input[type=\"text\"] {\n\n    margin-top: 5px;\n}\n\n#quoteform input[type=\"radio\"] {\n    margin-top: -5px;\n    margin-left: 15px;\n    float: none;\n}\n\n#quoteform .date1 > .entry input[type=\"text\"], #quoteform .date2 > .entry input[type=\"text\"] {\n    float: left;\n    width: 49% !important;\n}\n\n\n#quoteform .styled-select-lg {\n    background: url(\"<?=$site_name_web?>images\/select-arrow.png\") no-repeat scroll right center #FFFFFF;\n    background-size: auto 43px;\n    border: 1px solid #262626;\n    border-radius: 5px;\n    box-sizing: border-box;\n    color: #414141;\n    float: none;\n    \/*font-size: 20px;*\/\n    height: 43px;\n    margin: 5px 0px 15px 0px;\n    overflow: hidden;\n    width: 49%;\n}\n\n#quoteform .styled-select-lg select {\n    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);\n    border: 0 none;\n    border-radius: 0;\n    color: #414141;\n    \/*font-size: 18px;*\/\n    height: 34px;\n    line-height: 1;\n    max-width: 110%;\n    padding: 8px 5px 5px 16px;\n    width: 110%;\n}\n\n#quoteform .drop {\n    background: none;\n}\n#quoteform .submit .entry  {\n    text-align: center;\n}\n#quoteform .submit input[type=\"submit\"] {\n    padding: 5px 15px;\n}\n#quoteform .hideNoJS {\n    \/*margin-left: 10px;*\/\n}\n\n#quoteform .entry .hideNoJS {\n    background-color: #8AABCA !important;\n    border: 1px solid #262626;\n    border-radius: 5px;\n    color: #FFFFFF !important;\n    margin-top: 20px;\n    padding: 8px 20px;\n    text-align: center;\n}\n#quoteform textarea {\n    float: left;\n    width: 90%;\n}\n\n.btn2{\n    background-image:none !important;\n}\n\n.btn2{\n    -webkit-box-shadow : none;\n    box-shadow : none;\n}\n\n#quoteform strong {\n    font-weight: normal;\n}\n\n#quoteform .qt_title {\n    line-height: 45px;\n    width: 30%;\n}\n#quoteform .qt_content {\n    text-align: left;\n    width: 70%;\n}\n\n#quoteform > fieldset > legend {\n    font-weight: bold;\n    margin-bottom: 10px;\n    margin-top: 20px;\n}\n\n.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {\n    display: inline;\n}\n\n.find_button{\n    padding: 5px 21px 7px;\n}\n\n.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover{\n    z-index:0;\n}\n\n.btn2{\n    border-bottom: none !important;\n    margin: 0 auto;\n}\n\n.btn2:hover{\n    border-bottom: none;\n}\n\n.form-bottom .form-actions {\n    margin-top:0px;\n    float:right;\n    width:100%;\n}\n\n.form-bottom #Type{\n    width:auto;\n\n}\n\n\n#PickupPoint,#Desination{\n    margin-bottom:10px;\n}\n\n.ecmrow{\n    \/*background-color: #5b9805;*\/\n    background-color: #FFFFFF;\n    border: 1px white solid;\n}\n.Bcolor{\n    color: #FFFFFF;\n}\ninput.btn.find_button {\n    width: 70px;\n    height: 30px;\n    float: right;\n    background-color:#415E8F;\n    color: #fff;\n}\n.input-group{\n    width:100%;\n}\ndiv#Type{\n    margin-bottom:0;\n}\n.col-xs-12.col-sm-12.col-md-12.col-lg-12 {\n    margin-top: 10px;\n}\n#date1,#date2{\n    float: left;\n}\n.radio_return label,.radio_single label{\n    padding-left: 0!important;\n}\n.col-return.active > .radio_return label,.col-single.active > div > .radio_single label{\n    color: #FFFFFF;\n}\n.col-single.active,.col-return.active\/*,.radio_single.active,.radio_return.active*\/{\n    background-color: #000000;\n}\n.col-single:hover,.col-return:hover{\n    background-color: #DBDBDB;\n}\n.row_bg{\n    margin-bottom: 20px;\n    \/*border-bottom: 1px solid #D9534F;*\/\n}\n.btn[class] {\n    background-image: none; \n}\n.find_button{\n    padding: 21px 21px 21px 14px;\n}\n\n#date2.active,#time2.active{\n    background-color: rgba(158,163,168, 0.5) !important;\n    border: #9EA3A8 !important;\n    cursor: not-allowed;\n}\n.input-group-btn:last-child>.btn{\n    border-radius: 0;\n\twidth: 50px;\n}\nspan.btn.find_button{\n    box-shadow: none;\n}\nspan.btn.find_button:hover{\n    background-color: #DBDBDB;\n}\nbutton#BootstrapForm_BookingForm_action_doBookingForm{\n    background-color: #000000;\n    border: medium none;\n    border-radius: 0px;\n    color: #FFFFFF;\n    font-size: 18px !important;\n    margin-left: 0 !important;\n    margin-top: 0 !important;\n    padding: 8px 32px !important;\n    position: static;\n    right: 0;\n    top: 0;\n    width: auto;\n}\nbutton#BootstrapForm_BookingForm_action_doBookingForm:hover{\n    background-color: #DBDBDB;\n    color: [colorhover];\n}\n.radio.radio_return > label,.radio.radio_single > label{\n    font-weight: 700;\n    font-size: 16px;\n}\nlabel {\n    max-width: none!important;\n}\n#uniform-time1 span,#uniform-time2 span{\n    display: none!important;\n}\n#uniform-time1,#uniform-time2{\n    width: auto!important;\n}\nspan.fa.fa-map-marker.marker {\n    color: #999;\n}\nth.datepicker-switch,th.prev,th.next,th.dow{\n    background-color: #fff;\n    color: #000;\n}\n.radio.radio_single,.radio.radio_return{\n    width: 100%;\n    cursor: pointer;\n}\n#hideOpts > input:nth-child(3) {\n    margin-left: -15px;\n}\n.row.ecmrow {\n    \/*margin-bottom: 20px;*\/\n    padding-bottom: 5px;\n    margin-top: 25px;\n    margin-right: 0!important;\n    margin-left: 0!important;\n    background: #f8f6f0;\n    border: none;\n}\ninput#address,input#destination,input#extradrop{\n    width: 98%;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n@media screen and (max-width: 800px){\n    .intro {\n        height: auto!important;\n    }\n    .container header > .header__widgets{\n        display: none;\n    }\n}\nspan#hideOpts {\n    margin-right: 8px;\n}\nspan.locate_btn {\n    color: #FFFFFF;\n    position: absolute;\n    top: 10px;\n    left: 7%;\n    text-transform: capitalize;\n}\nspan.btn.find_button:hover span.locate_btn {\n    color: [colorhover];\n}\n\n.find_button{\n    background-color: #000000;\n}\n.find_button:hover{\n    \/*background-color: #c9302c!important;*\/\n    background-color: #999\n}\n#time1 > option,#time2 > option{\n    color: #000;\n}\n.Fcolor{\n    color: #10367A;\n}\n\/*********************************************\/\n.btn-info,.btn-primary{\n    border-color: #e00000!important;\n    background-color: #e00000!important;\n    padding: 0 30px!important;\n    color: #FFF!important;\n}\n#form1 .radio_single,#form1 .radio_return{\n    padding-top: 10px;\n    padding-bottom: 10px;\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n\n\n.pac-matched,.pac-item > span{\n    color: #000;\n}\n.table-condensed > tbody > tr > td.day.disabled,.table-condensed > tbody > tr > td.day.new{\n    color: #999;\n}\n.table-condensed > tbody > tr > td.day{\n    color: #000;\n}\n.table-condensed > tbody > tr > td.day.active{\n    color: #FFF;\n    background-image: none;\n    background-color: #CC2131;\n}\n\n\n\n\n\n#findlocation { \n\tposition: absolute;\n    z-index:10000; \n    \/*background-color: #FFF;     *\/\n    width:500px;\n    min-height:350px;\n\tpadding: 25px;\n\tmargin: 0 auto;\n    border:1px solid #666; \n     \n    \/* CSS3 styling for latest browsers *\/ \n\t-moz-border-radius: 15px;\n\t-webkit-border-radius: 15px;\n\tborder-radius: 15px;\n    -moz-box-shadow:0 0 90px 5px #000; \n    -webkit-box-shadow: 0 0 90px #000;     \n} \n#findlocation.hidden { \n\tleft: -10000px;\n} \n.drop {\n\twidth: 260px;\n\tpadding: 5px;\n\tborder: #CCC 1px solid;\n\tcursor: move;\n}\n    div#googleSuggest {\n        background: #ebebeb!important;\n        padding-top: 1px;\n    }\n    div#jquery-live-search h3 {\n        font-size: 14px;\n        margin-left: 10px;\n        font-weight: 800!important;\n        margin-top: 10px;\n    }\n    div#jquery-live-search .addr_pop{\n        padding: 0px 10px!important;\n        color: #000!important;\n        font-weight: 400!important;\n    }\n    #jquery-live-search{\n        z-index: 999999;\n    background-color: bisque;\n    }\n\n<\/style>\n\n<script type=\"text\/javascript\">\n        map_default_latlng = map_default_latlng.split(',');\n        startlng = map_default_latlng[1];\n        startlat = map_default_latlng[0];\n     mapboxgl.accessToken = 'pk.eyJ1IjoiY29hY2hoaXJlYXUiLCJhIjoiY2t1M3djbWV1MXlmejJub3E0djNuYTBlZSJ9.iPvfaSSWzvXwvxwUV6lK2Q';\n       \/\/ mapboxgl.accessToken = '<?=MapboxKey?>';\n    \n            var map = new mapboxgl.Map({\n            \n                container: 'map',\n                style: 'mapbox:\/\/styles\/mapbox\/streets-v9',\n                center: [startlng,startlat],\n                zoom: 13\n            });\n\n            var popup = new mapboxgl.Popup({ offset: 25 }).setHTML('<p style=\"color:black;\">Collection Address.<\/P>');\n            var marker = new mapboxgl.Marker({\n                draggable: true\n            })\n                .setLngLat([startlng,startlat])\n                .setPopup(popup)\n                .addTo(map);\n            marker.on('dragend', onDragEnd);\n\n\n            function onDragEnd() {\n\n                var lngLat = marker.getLngLat();\n                var lat = lngLat.lat;\n                var lng = lngLat.lng;\n                var form = $('#global-latlng').val();\n                map.setCenter([lng, lat]);\n                marker.setLngLat([lng, lat]);\n              place(lat,lng,form)\n                \n            }\n\n            function place(lat,lng,form) {\n\n                fetch('https:\/\/api.mapbox.com\/geocoding\/v5\/mapbox.places\/'+lng+','+lat+'.json?access_token='+mapboxgl.accessToken)\n                .then(response => response.json())\n                .then(data => {\n                    var col_lat_l2 = lat+','+lng;\n                    form = $('#global-latlng').val();\n                    if(form == 'address'){\n                        $(\"#address-latlng\").val(col_lat_l2);\n                        $(\"#address\").val(data.features[0].place_name);\n                    }\n                    else if(form == 'destination'){\n                        $(\"#destination-latlng\").val(col_lat_l2);\n                        $(\"#destination\").val(data.features[0].place_name);\n                    }\n                    else if(form == 'extradrop'){\n                        $(\"#extradrop-latlng\").val(col_lat_l2);\n                        $(\"#extradrop\").val(data.features[0].place_name);\n                    }\n                })\n                .catch(err => {\n                    console.error('An error ocurred', err);\n                });\n            \n                \n            }\n\n\n             function showAddress(getid) {\n\n                var lngLat = marker.getLngLat();\n                var lat = lngLat.lat;\n                var lng = lngLat.lng;\n                $(\"div#findlocation\").show();\n                $(\"#findlocation\").removeClass(\"hidden\");\n                $(\"#findlocation\").css(\"visibility\", \"\");\n                if (getid == 1) {\n                    $('#global-latlng').val(\"address\");\n                    if($('#address-latlng').val() != ''){\n                        var str = $('#address-latlng').val();\n                        var latlng = str.split(\",\");\n                        map.setCenter([latlng[1], latlng[0]]);\n                        marker.setLngLat([latlng[1], latlng[0]]);\n                        map.setZoom(11);\n                    }\n                    \n\n                } else if (getid == 2) {\n                    $('#global-latlng').val(\"destination\");\n                    if($('#destination-latlng').val() != ''){\n                        var str = $('#destination-latlng').val();\n                        var latlng = str.split(\",\");\n                        map.setCenter([latlng[1], latlng[0]]);\n                        marker.setLngLat([latlng[1], latlng[0]]);\n                        map.setZoom(11);\n                    }\n\n                } else if (getid == 3) {\n                    $('#global-latlng').val(\"extradrop\");\n                    if($('#extradrop-latlng').val() != ''){\n                        var str = $('#extradrop-latlng').val();\n                        var latlng = str.split(\",\");\n                        map.setCenter([latlng[1], latlng[0]]);\n                        marker.setLngLat([latlng[1], latlng[0]]);\n                        map.setZoom(11);\n                    }\n                    \n                }\n\n            }\n\n\n\/\/ script mapbox end\n<\/script>\n\n<script type=\"text\/javascript\">\n    jQuery(document).ready(function() {\n        var defaultDestination = 'University of Birmingham - North Gate, Pritchatts Road';\n        var defaultDestinationLatLng = '52.452765,-1.930060';\n\n        if (jQuery('#destination').val() == '') {\n            jQuery('#destination').val(defaultDestination);\n        }\n        if (jQuery('#destination-latlng').val() == '') {\n            jQuery('#destination-latlng').val(defaultDestinationLatLng);\n        }\n    });\n<\/script>\n\n    <!-- <script type=\"text\/javascript\">\n         \/\/liveSearch mapbox start\n         jQuery(document).ready(function() {\n                jQuery('#address').liveSearchMulti({url: \"https:\/\/travelsafecoachhire.com.au\/lib\/perform_function.php?d=livesearch&f=movement_address-fontend.php&t=address&q=\"});\n                jQuery('#destination').liveSearchMulti({url: \"https:\/\/travelsafecoachhire.com.au\/lib\/perform_function.php?d=livesearch&f=movement_address-fontend.php&t=destination&q=\"});\n                jQuery('#extradrop').liveSearchMulti({url: \"https:\/\/travelsafecoachhire.com.au\/lib\/perform_function.php?d=livesearch&f=movement_address-fontend.php&t=extradrop&q=\"});\n                \/\/liveSearch mapbox end\n            });\n    <\/script> -->\n    <script type=\"text\/javascript\">\n\t\tvar form = document.getElementById(\"form1\");\n\t    \/\/ get action URL\n\t    var formAction = form.getAttribute(\"action\"); \n\t    \/\/ ex: cut words 'quotation-form' \n\t    var newUrl = formAction.replace(\"\/quotation-form\", \"\"); \n\t\t\/\/liveSearch mapbox start\n\t\tjQuery(document).ready(function() {\n\t\t\t   jQuery('#address').liveSearchMulti({url: newUrl + \"\/lib\/perform_function.php?d=livesearch&f=movement_address-fontend.php&t=address&q=\"});\n\t\t\t   jQuery('#destination').liveSearchMulti({url: newUrl + \"\/lib\/perform_function.php?d=livesearch&f=movement_address-fontend.php&t=destination&q=\"});\n\t\t\t   jQuery('#extradrop').liveSearchMulti({url: newUrl + \"\/lib\/perform_function.php?d=livesearch&f=movement_address-fontend.php&t=extradrop&q=\"});\n\t\t\t   \/\/liveSearch mapbox end\n\t\t   });\n   <\/script>\n\n\n<script>\n$(document).ready(function () {\n    $(\"#form1\").on(\"submit\", function () {\n\n        \/\/ get values\n        var journeyRefValue = $(\"#journey_ref\").val();\n        var costValue = $(\"#Cost\").val();\n        var lineValue = $(\"#line\").val();\n\n        \/\/ send separately\n        $(\"#cost_code\").val(costValue);\n        $(\"#line_manager\").val(lineValue);\n\n        \/\/ send combined to ext_ref\n        $(\"#ext_ref\").val(journeyRefValue + \" | \" + costValue + \" | \" + lineValue);\n    });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Single Return Pickup Date Pickup Time Return Date Return Time Collection Address Extra Drop Extra Drop Journey Reference School name Teacher name Destination Address Email Phone Number Get Quote You may drag the marker on the map to find your exact location<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1997","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1997"}],"version-history":[{"count":13,"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1997\/revisions"}],"predecessor-version":[{"id":2039,"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1997\/revisions\/2039"}],"wp:attachment":[{"href":"https:\/\/uob.thecoachcompany.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}