/*
 * Theme Name: JupiterX Child
 * Description: Jupiter X Child Theme
 * Author: Artbees
 * Author URI: https://jupiterx.com
 * Template: jupiterx
 * Version: 1.0.0
 * Text Domain: jupiterx
 * Domain Path: /languages
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Based on Burswood theme by E-Web Marketing
 * Author URI: https://frontend.im
 */

/* =========================================================
   FONTS
   ========================================================= */

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Changa+One');


/* =========================================================
   BASE
   ========================================================= */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    text-align: left;
}

strong {
    font-weight: 500;
}

p {
    margin: 0;
}

img {
    max-width: 100%;
}

a,
a:hover,
a:focus {
    color: #ff971d;
    text-decoration: none;
    transition: all 0.3s;
}

h1,
h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.h1, .h2, .h3,
h1, h2, h3 {
    margin-bottom: 0;
}

.h4, .h5, .h6,
h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.medium-paragraph {
    font-size: 18px;
    line-height: 32px;
}

.blue {
    color: #009900;
}

.content ol {
    list-style: decimal;
    padding-left: 2em;
}

.margin-left {
    margin-left: 20px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

/* FIX: was color:#009900 on green bg — changed to #fff for visibility */
.btn-link-1 {
    display: inline-block;
    height: 50px;
    margin: 0 5px;
    padding: 16px 20px 0;
    background: #009900;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    border-radius: 4px;
}

.btn-link-1:hover,
.btn-link-1:focus,
.btn-link-1:active {
    outline: 0;
    opacity: 0.6;
    color: #fff;
}

/* FIX: was color:#009900 on green-bordered bg — changed to #fff for visibility */
.btn-link-2 {
    display: inline-block;
    height: 50px;
    margin: 0 5px;
    padding: 15px 20px 0;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #009900;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    border-radius: 4px;
}

.btn-link-2:hover,
.btn-link-2:focus,
.btn-link-2:active,
.btn-link-2:active:focus {
    outline: 0;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

/* Orange primary button */
.salt_btn {
    background: linear-gradient(to bottom, #fea821 49%, #ff971d 50%);
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 0 #fff inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /* FIX: removed duplicate display/font/text-align declarations */
    font: 700 21px/54px "Proxima Nova", "Arial", sans-serif;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.25s ease;
    vertical-align: top;
    width: auto;
}

.salt_btn:hover,
button.btn:hover,
.deep_black:hover,
.btn-link-small:hover {
    box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.05) inset;
}

/* Grey default button */
button.btn,
.deep_black,
.btn-link-small {
    background: linear-gradient(to bottom, #f0f0f0 49%, #e4e4e4 50%);
    color: #1f282f;
    border-radius: 5px;
    box-shadow: 0 0 0 #fff inset;
    display: inline-block;
    font: 700 21px/54px "Proxima Nova", "Arial", sans-serif;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.25s ease;
    vertical-align: top;
    height: auto;
    margin-top: 5px;
}

.button.orange {
    border: 0;
    background: linear-gradient(to bottom, #fba137 49%, #ff8a00 50%);
}

.buttonsel {
    font: 700 19px/54px "Proxima Nova", "Arial", sans-serif;
    width: 100%;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.navbar {
    padding-top: 10px;
    background: rgba(51, 51, 51, 0.3);
    border: 0;
    margin-bottom: 0;
    transition: all 0.3s;
}

.navbar.navbar-no-bg {
    background: none;
}

ul.navbar-nav {
    font-size: 16px;
    color: #009900;
}

.navbar-inverse ul.navbar-nav li {
    padding-top: 8px;
    padding-bottom: 8px;
}

.navbar-inverse ul.navbar-nav li .li-text {
    opacity: 0.8;
}

.navbar-inverse ul.navbar-nav li a {
    display: inline;
    padding: 0;
    color: #009900;
}

.navbar-inverse ul.navbar-nav li a:hover,
.navbar-inverse ul.navbar-nav li a:focus {
    color: #009900;
    opacity: 1;
    border-bottom: 1px dotted #009900;
    outline: 0;
}

.navbar-inverse ul.navbar-nav li .li-social a {
    margin: 0 5px;
    font-size: 28px;
    vertical-align: middle;
}

.navbar-inverse ul.navbar-nav li .li-social a:hover,
.navbar-inverse ul.navbar-nav li .li-social a:focus {
    border: 0;
    color: #009900;
}

.navbar-brand {
    width: 100%;
    height: auto;
    margin-top: 0;
    color: #009900;
}

.navbar-brand h3 {
    margin-top: 0;
    color: #009900;
}

/* Dropdown sub-menu */
.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    padding: 10px 0;
    z-index: 1;
    text-align: left;
    background-color: #f2f2f2;
}

.menu-item-has-children .sub-menu li {
    display: block;
    margin: 0 23px 5px;
}

.menu-item-has-children .sub-menu li::before {
    display: none;
}

.menu-item-has-children:hover .sub-menu {
    display: block;
}

#menu-top {
    margin-bottom: 0;
    line-height: 16px;
}

#logo {
    margin-top: -20px;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   PROGRESS BAR
   ========================================================= */

#progress-bar {
    background: #f2f2f2;
    border-bottom: 1px solid #bdbdbd;
    box-shadow: inset 0 1px 3px #e5e5e4;
}

.lbloptfees {
    display: none;
}

#progress-bar-steps {
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
}

.progress-bar-step {
    padding-top: 10px;
    padding-left: 10px;
    float: left;
    width: 20%;
    height: 62px;
    color: #c7c9cd;
    border-right: 1px solid #d2d2d2;
}

.progress-bar-step.current {
    background: #434b56;
    color: #fff;
}

.progress-bar-step.done {
    color: #656d78;
}

.progress-bar-step.last {
    border: none;
}

.progress-bar-step.done .step_number {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAA6lBMVEVlbXj///9lbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXhlbXg3fQbAAAAATXRSTlMAAAMGCAkLDA4PFRgbHiEkMDM2P0JIS05RVFdaXV5maWxvcnh7h42OkJSWnKWoq7GytLW3ur2/wMHDyczS1dvg4eXo6u3w8fP2+fv8/bJF6toAAAHoSURBVEjHlZVrW4JAEIXdTM1QkygluilWVqZdzMpEu5lFdf7/32mEyGWXFTifcPd9YJ09MyfDFsrEiAiRLpjtq9ELXkZXbbOwjCY1r8HruhneDtEtB/ju23W9xEp63e5/A05LQe8MgeFOkdss+ktRdAcY15io2hjoSHS+C7fJotR00c2H6dV7TA0WLWOK+9UQ3cO4wlSqjNHj6Q7eNphaG29/Z/foXbgGWybDxe4/7eCQLdchnIA+wZDFaYgTn85NsBlLb2KS82gbtyxet7A9egAzAW1iMKc1TLMqZMv+f8xOoRFtBaWXVX3HwlI9WESfoaG+lIvFrwbOiH6A4mbWJxhwZzTwQPQzyhyyUg2eco9weLOX8Uz0DNxatvf5V/tsH5N1/lNFzIgG+LXzwF8XktEIFN7NVi79Vx7jU7jgAj6kc8+P+5gjF7lbwp/2zy3WZF6KffgODbnWq4lUbyrzD1pSQf16W+iKfvvCnVz+rneXJdkn9SdNgsknpdQeTOlv6h09FtaD3mGnifryNHnPHyx6PtE82QvNqkriWeXNwbISLgtzkOVTzVi2RvM7uj8bNL/XorLB2ZbYbScqG0iWIncsRaYd+ZlW0zWm6TU/046UCZguL732M9s3o1e8jm4oi8XNTKqc/wVtOl6ER4sW1gAAAABJRU5ErkJggg==) no-repeat center transparent;
    color: transparent;
    font-size: 0;
}

.progress-bar-step.current .step_number {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAABGdBTUEAALGPC/xhBQAAALdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////A93RcQAAADx0Uk5TAAYICQsMDg8YGx4hJDM2P0hLTlFUV1pdZmlsb3J4e42OkJScqKuytLW3ur3AwcPM0tXb4eXo6u3x8/n8tDUGywAAAXBJREFUSMetVdlygkAQbE9ARUTExPsCbzm8MNj//115MCYSQZZK5mnp6qJ6Z3umgT9VyRjP3SOP7nxslFK4vQUfa9F7wR145HXVb6oKFLXZX11Jb5DAbTmk05IeEOkGxZFnpK8/obpPzp7QosUwXmQvpFWMQvktAy1BoRZwm48gNv1q4uWrPu2o5nPtRa9q50ftbYbay2fQQra/Pzx2Ul6tQ+9+HNFJNYTD0e1Q2LOeyq5zXwAA9LkWcNuafQDAhoYA2+AGAGQGOQF2LqAMwIy2PrFsmgCm7Aqxu5wC2FETYmvcATiwIsSu8ADgQkmILfECgBScbzLDv0v8yKw7W0+y9dukJcS2aAJQhH2iZPZgRn8X9lRTyep9djARmsuJ+My//8y80D55i+yqqvCuAmz6yW6p/NqDKGbasShbDOP90g1pleOywWs8oQ0vLhsAmAm5YyYoHN4yTVdlyKp+y7ThP+XlVxYv3RNP7jI9i1PqE7AqO0nONUdbAAAAAElFTkSuQmCC) no-repeat center transparent;
}

.progress-bar-step .step_number {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAABGdBTUEAALGPC/xhBQAAALpQTFRFx8nN////x8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNx8nNQAHp4wAAAD10Uk5TAAAGCAkLDA4PGBseISQzNj9IS05RVFdaXWZpbG9yeHuNjpCUnKirsrS1t7q9wMHDzNLV2+Hl6Ort8fP5/N1I/ZwAAAGFSURBVEjHldXncoJAFAVgr11QREVMFHuvFBtGz/u/VlaMUZCye36y3zDMckuKXkklhImgzmvDuXXE0ZoPtXycZjEWeM/C8B/7dM8GbqtuQ5FIUhrd1Q2wexG6aQJms/h2WHw8CtMTwKlTMHUHmHzo3BRXg8JiXDHN+XVmC1el8KguthmfnsEpU1TKDmbveoJzhaJTOf99u6dbuKoUF/WK1r+20ab4tGE/9QAmJcXE4KGze1QTdRX7rKe7WFNy1uh6egONQ2vY3HUJbtpfaK8KfUvaRYlp/Xn18Zr9QJ3pMTpcuoMx0zuoXFrFjukDZC4t48D0BUUuXcSFaYC49B3yvzuPH+HvFrsTsfvWMeXSU+9fSsE6CQ+rE0m4BgXrm/WOkoiVZ+/QiKsvR/w9//3qea558uWbVWXuWeXNQTkSy4E5SDmhGUsFNr87objD5nchbDfYtQ9bs8N2A4sesXf0iJ3Wf+y0ulKiklJ/7LR+5AYU25de+2nDpXXCyVqyXRw8TAnt+V9Y9UJzR+LVRwAAAABJRU5ErkJggg==) no-repeat center transparent;
    height: 50px;
    width: 45px;
    line-height: 3.5;
    text-align: center;
    float: left;
}

.progress-bar-step .step_name {
    float: left;
    margin-top: 15px;
    margin-left: 5px;
}


/* =========================================================
   FORMS & INPUTS
   ========================================================= */

input[type="text"],
input[type="email"],
textarea,
textarea.form-control {
    background: #f8f6f6;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    display: block;
    font: 400 14px "Proxima Nova", "Arial", sans-serif;
    height: 40px;
    /* FIX: removed conflicting margin-bottom:20px then margin-bottom:0 — keeping 0 */
    margin-bottom: 0;
    padding: 10px;
    width: 100%;
}

.form-control,
.date-dropdowns .day,
.date-dropdowns .month,
.date-dropdowns .year {
    background: #f8f6f6;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font: 400 14px "Proxima Nova", "Arial", sans-serif;
    height: 40px;
    margin-bottom: 0;
}

/* Hide number input spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

/* Checkbox pseudo-element */
input[type="checkbox"]:before {
    content: "✓";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}

.control-label {
    clear: both;
    color: #666;
    display: block;
    font: 400 17px/23px "Proxima Nova", "Arial", sans-serif;
    margin-bottom: 4px;
    width: 100%;
}

/* Custom checkbox */
.exbox input {
    display: none;
}

.exbox span {
    background: linear-gradient(to bottom, #f7f6f6 0%, #dcdbdb 100%);
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: top;
    width: 20px;
    top: 2px;
}

.exbox span:after {
    color: #ff971d;
    content: "✓";
    font-size: 30px;
    left: 2px;
    opacity: 0;
    position: absolute;
    top: -4px;
    transition: all 0.5s ease;
}

/* Custom radio */
.radio-box {
    display: block;
    margin-top: 20px;
    padding-left: 0;
}

.radio-box input {
    display: none;
}

.radio-box span:before {
    background: linear-gradient(to bottom, #f7f6f6 0%, #dcdbdb 100%);
    border: 1px solid #ccc;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 16px;
    position: relative;
    vertical-align: bottom;
    width: 23px;
}

.radio-box span:after {
    left: 6px;
    top: 6px;
}

/* Quantity selector */
.qty-detail span {
    user-select: none;
    background: #f6f5f5;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font: 400 16px/25px "Verdana", sans-serif;
    height: 26px;
    text-align: center;
    transition: all 0.5s ease;
    vertical-align: top;
    width: 26px;
}

.qty-detail span:hover {
    background: #ff971d;
    color: #fff;
}

.qty-detail input[type="number"] {
    appearance: textfield;
    background: #f6f5f5;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    font: 500 14px "Arial", sans-serif;
    height: 24px;
    text-align: center;
    width: 24px;
}

/* Custom select */
.selbel_w select {
    border: none;
    border-radius: 310px;
    cursor: pointer;
    display: block;
    height: 100%;
    opacity: 1;
    position: relative;
    width: 100%;
    z-index: 1;
    appearance: none;
    padding: 2px 30px 2px 12px;
    background: transparent url("https://burswoodcarrentals.com.au/wp-content/themes/burswood/images/arrow.png") no-repeat right center;
}

.selbel_w select + span {
    color: #fff;
}

.selbel_w select option {
    background: #fff;
    border: none;
}

.selbel_w select option:last-child {
    background: #2c3e4b;
    color: #fff;
}

/* Calendar select */
.caldispl select {
    padding: 5px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 8px;
}


/* =========================================================
   BOOKING FORM
   ========================================================= */

.booking_form h2 {
    margin-bottom: 6px;
}

.booking_form h2 small {
    color: #fff;
    display: block;
    font-size: 0.8399em;
    font-weight: 300;
    position: relative;
    top: 1px;
}

.booking_form select {
    width: 100%;
    padding: 0 20px;
    height: 41px;
}

.booking_form .r_box {
    padding: 18px 0 13px;
}

.booking_form .r_box .mark {
    padding-left: 0;
    margin-left: 0;
}

/* FIX: removed two invalid selectors (missing colon on :first-child) — kept the valid one */
.booking_form .r_box label:first-child span:before {
    margin: 10px;
}

.booking_form .r_box label {
    margin-left: 3px;
    margin-top: 3px;
}

.booking_form > div {
    padding: 3px 39px 1px 34px;
}

.booking_form .js-datepair input {
    padding: 0 16px;
}

.booking_form .js-datepair .alignright input {
    background: url("https://burswoodcarrentals.com.au/wp-content/themes/burswood/images/arrow.png") no-repeat right center #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    height: 41px;
    opacity: 1;
    padding: 7px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.booking_form .js-datepair .alignleft input[type="text"] {
    background: url("https://burswoodcarrentals.com.au/wp-content/themes/burswood/images/calnder_icon.png") no-repeat scroll 121px 8px #fff;
    position: absolute;
    cursor: pointer;
}

.bnnr .form_row {
    margin: 0 0 -56px;
}

.bnnr .form_row:after {
    height: 12px;
}

.bnnr article h1 {
    top: 45px;
}

.bnnr {
    margin-top: 1px;
}

.bnnr article .cars {
    top: 225px;
}

/* Form layout */
.form-top {
    overflow: hidden;
    padding: 0 25px 15px;
    background: #009900;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.form-top-left h3 {
    margin-top: 0;
}

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #ddd;
    line-height: 100px;
    text-align: right;
}

.form-bottom {
    padding: 20px 25px 10px;
    background: #eee;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom form textarea {
    height: 100px;
}

.form-bottom form .input-error {
    border-color: #009900;
}

.form-box .row {
    padding: 15px 0;
}

#frmStep1 input[type="text"],
#frmStep1 textarea,
#frmStep1 textarea.form-control {
    margin-bottom: 0;
}

#frmStep3 input[type="text"] {
    float: left;
    margin-right: 2px;
    position: relative;
    z-index: 1;
}

#frmStep3 .glyphicon-remove {
    position: relative;
    top: 5px;
}

.customer_detail_div .row,
.optional_detail_div .row {
    padding: 10px 0;
}

#divCheckcustomer {
    margin-left: -13px;
    margin-top: 20px;
}


/* =========================================================
   TOP CONTENT
   ========================================================= */

.top-content .text {
    padding-top: 120px;
    color: #009900;
}

.top-content .text h1 {
    color: #009900;
}

.top-content .description {
    margin: 20px 0 10px;
}

.top-content .description p {
    opacity: 0.8;
}

.top-content .description a {
    color: #009900;
}

.top-content .description a:hover,
.top-content .description a:focus {
    border-bottom: 1px dotted #009900;
}

.top-content .top-big-link {
    margin-top: 35px;
}


/* =========================================================
   GLYPHICONS
   ========================================================= */

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.glyphicon-remove {
    color: #BD2328;
}

.fa {
    margin-right: 4px;
}


/* =========================================================
   BOOKING DISPLAY / RESERVATION
   ========================================================= */

#lblResNo {
    font-size: larger;
    font-weight: bold;
    margin-left: 160px;
    line-height: 30px;
}

#lblResNo strong {
    color: #ff971d;
    padding-left: 5px;
}

#displBooking {
    border: 1px solid #888;
    display: block;
    margin: 0 auto;
    max-width: 600px;
}

/* FIX: removed duplicate #lblHeaderTxt rule */
#lblHeaderTxt {
    font-size: 18px;
    font-weight: bold;
}

.frame {
    border: none;
    height: 260px;
    text-align: center;
    width: 379px;
}

div.iFrmCC {
    background-color: #f7f7f7;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #aaaaaa;
    height: 220px;
    margin: 0 auto;
    padding: 10px 0;
    width: 367px;
}

.padlock {
    background-color: #eeeeee;
    height: 45px;
    margin: 0;
    text-align: center;
    width: 100%;
}

.padlockFooter {
    margin: 30px 0 0;
    text-align: center;
    vertical-align: bottom;
}

.padlockFooter .fontsmall {
    font-size: 10px;
}

.NoteFooter {
    background: #fff;
    color: rgb(150, 150, 150);
    font-family: Arial Narrow;
    font-size: 16px;
    margin: 0 auto;
    outline: none;
    padding-left: 5px;
    text-align: center;
}

/* FIX: typo #3c763dl → #3c763d */
#displTot {
    color: #3c763d;
    font-weight: bold;
}

#displbook .displbook {
    color: #ff971d;
}


/* =========================================================
   RENT DETAILS
   ========================================================= */

#rent-details {
    margin-top: -10px;
}

#rent-details article > ol {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 834px;
}

#rent-details article > ol li:first-child {
    margin-left: 20px;
}

#rent-details article > ol li {
    margin-left: 12px;
}

#rent-details article > h1 strong {
    margin-right: 28px;
}

#rent-details article .rent-taber > ul > li a {
    font: 600 15px/24px 'Proxima Nova', 'Arial', sans-serif;
}

.rent-taber ul li:last-child a {
    background: #2c3e4b;
    border-bottom: 1px solid #2c3e4b;
    border-right: 1px solid #2c3e4b;
    border-top: 1px solid #2c3e4b;
    color: #fff;
}


/* =========================================================
   CAR / VEHICLE LISTING
   ========================================================= */

.vehicleThumbnail {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    margin: 5px;
}

.vehicleThumbnail img {
    display: inline;
}

.vehicle-title {
    font-size: 16px;
    font-weight: 400;
}

.results-price {
    background: #cce4f3;
    border-radius: 5px;
    padding: 5px 10px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

div.car-title .DescText {
    color: #666;
    font: 400 18px/48px "Proxima Nova", "Arial", sans-serif;
    padding-left: 10px;
}

.DescText {
    color: #2E785C;
}

.carsdet-title {
    color: #ff971d;
}

.cardetails-cta {
    padding-top: 20px;
    padding-bottom: 20px;
}

.cardetails-cta > .row {
    padding: 2px 0;
}


/* =========================================================
   DAILY RATE / PRICING TABLE
   ========================================================= */

.dailyrate-cta {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.dailyrate-cta > .row {
    max-width: inherit;
    padding: 0;
    width: auto;
}

.dailyrate-cta .col-xs-8,
.dailyrate-cta .col-xs-4 {
    color: #333;
    padding: 5px 15px;
}

.dailyrate-cta .col-xs-4 label,
.dashboard-panel-8 label {
    margin-bottom: 0;
}

.dailyrate-cta .row:nth-child(odd) {
    background: #F7F7F7;
    line-height: 60px;
}

.dailyrate-cta .row:nth-child(even) {
    background: #fff;
    line-height: 60px;
}

.dailyrate-cta .row .text-left {
    border-right: 1px solid #cfcfcf;
    padding-left: 56px;
    font: 400 17px/54px "Proxima Nova", "Arial", sans-serif;
}

.dailyrate-cta .row .text-right {
    padding-right: 56px;
    font: 400 17px/54px "Proxima Nova", "Arial", sans-serif;
}

.dailyrate-cta label {
    margin-bottom: 0;
}

.dailyrate-cta h4 {
    line-height: 60px;
}

.subtotal h4 {
    color: #333;
}

.dashboard-panel-8 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dashboard-panel-8 > .row {
    padding: 5px 0;
}

.dashboard-panel-8 row {
    background: #eeeeee;
    border-bottom: 1px solid #8f8f8f;
    min-height: 43px;
    padding: 7px 15px;
}

.total-estimate {
    display: block;
    font: 700 21px/34px "Proxima Nova", "Arial", sans-serif;
    margin-left: -50px;
    padding: 10px;
    width: 190px;
}


/* =========================================================
   STEP 2 - CAR SELECTION
   ========================================================= */

.step2_page {
    width: 100%;
    margin: 0;
    padding: 0;
}

.step2_page .car-title {
    padding-left: 44px;
    position: relative;
}

.step2_page .TopPad {
    max-width: 100%;
    width: 100%;
}

.step2_page .TopPad .price {
    background: #2d6497;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 5px;
    width: 110px;
    padding-bottom: 0;
}

.step2_page .TopPad .price mark {
    color: #fff;
    display: block;
    font: 600 25px/34px "Proxima Nova", "Arial", sans-serif;
    padding: 10px 0;
}

.step2_page .TopPad .price mark sup {
    font-size: 17px;
    font-weight: 600;
    left: -3px;
    top: -5px;
}

.step2_page .TopPad .pd {
    background: #f2f2f2;
    color: #7e97ae;
    font: 400 12px/18px "Proxima Nova", "Arial", sans-serif;
    padding: 10px 0;
    text-transform: uppercase;
}

.step2_page .TopPad .pd strong {
    color: #2d6497;
    display: block;
    font-size: 16px;
}

.step2_page .TopPad .pd span {
    display: block;
}

.step2_page .total-estimate {
    margin-left: 0;
}

.step2_page button.btn {
    margin-top: 0;
}

.step2_page #dvbooknow {
    padding-top: 0;
}

.step2_space {
    width: 6.90%;
}

.form-step-2-page {
    padding: 10px;
}


/* =========================================================
   STEP 3 - CUSTOMER DETAILS
   ========================================================= */

.step3-container .row {
    width: auto;
}

.step_3_error {
    padding: 0 157px;
    text-align: justify;
}

.bg-error {
    padding: 0 15px;
    text-align: justify;
}

.template-step23 h1 {
    padding: 25px 0 24px 157px;
}

.bootstrap-dialog.type-danger .modal-header {
    background: #ff971d;
}


/* =========================================================
   SUB HEADINGS
   ========================================================= */

.sub_hading_bg h4 {
    background: #1f282f;
    border-radius: 0;
    color: #fff;
    font: 400 18px/48px "Proxima Nova", "Arial", sans-serif;
    padding-left: 28px;
}

.sub_hading_bg h4,
.sub_hading_bg h3 {
    color: #fff;
    font-weight: normal;
}

.sub_hading_bg h3 {
    margin-top: 10px;
    font-weight: 300;
}

.mb2 {
    margin-bottom: 20px;
}

.borderred h1 {
    color: #ff971d;
}


/* =========================================================
   LAYOUT HELPERS
   ========================================================= */

.classWithPad {
    padding: 10px;
}

.classWithPad2 {
    margin: 2px;
    padding: 5px;
}

.verticalMiddle {
    margin-top: 5%;
}

.TopPad {
    margin-top: 10px;
}

.car-title-detals {
    padding: 35px;
}

.margin0 {
    padding-right: 0;
    padding-left: 4px;
    overflow-wrap: break-word; /* FIX: text-wrap:avoid is invalid — replaced with break-word */
}

.sel-car { }

.noperson {
    background: #f2f2f2;
    border-radius: 5px;
    font-size: 16px;
    line-height: 54px;
    padding: 0 10px;
}

.noperson .leftp {
    border-right: 1px solid #d2d2d2;
    padding: 0;
}

.noperson .leftr {
    padding: 0;
}

.nolaggage {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #d2d2d2;
    background: #f2f2f2;
    padding: 0 10px;
}

.more_padding span:after {
    left: 19px;
}

.t1 {
    color: #1f282f;
    font: 600 23px/1 'Proxima Nova', 'Arial', sans-serif;
    margin-bottom: 0;
}

#divPickup strong,
#divReturn strong,
#divDriver strong,
#carsdetails h4 {
    font-weight: bold;
    text-transform: uppercase;
}

.contact-map {
    margin-top: 20px;
}


/* =========================================================
   TOPDIV LIST ROWS
   ========================================================= */

/* FIX: removed conflicting pink/odd/even then 2n+1 overrides — consolidated here */
.topdiv {
    background-color: #fff;
    border-radius: 5px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 20px;
    padding: 15px 0;
}

.topdiv:nth-child(odd) {
    background-color: #e5f7fd;
}

.topdiv:nth-child(even) {
    background-color: #ffffff;
}


/* =========================================================
   MODALS
   ========================================================= */

.modal-header {
    padding: 5px;
}

.modal-footer {
    padding: 10px;
}

.modal-body {
    padding: 10px;
}


/* =========================================================
   FOOTER
   ========================================================= */

footer h6 {
    font-size: 14px;
    font-weight: 600;
    padding: 3px 0;
}


/* =========================================================
   TEXT / MISC UTILITIES
   ========================================================= */

.RemovePadding_p {
    margin: 0;
    padding-bottom: 7px;
}

.text-success {
    color: #333;
    margin-top: 10px;
}

.text-success span {
    padding-right: 10px;
}


/* =========================================================
   HOME CONTENT
   ========================================================= */

.homecontent aside > div h3 {
    margin: 0;
}

.homecontent aside > div {
    margin-bottom: 35px;
}

.homecontent .rand-review blockquote {
    border-left: 0;
    padding: 0;
}


/* =========================================================
   CONTACT LOCATION
   ========================================================= */

.contact-location {
    margin-bottom: 50px;
}

.contact-location .address {
    float: left;
    padding-left: 50px;
    width: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA51JREFUeNrMmXtojlEcx9+9e5FrsiWhl9lKCtk/ain3UfIPVoSiRT0S7Q9ziTItc6dd4o3WclmGyS25DYsmt23GFka2niZLMsYYi9f37P2983O8t/M8Z+xXn7NznnOec77vOed3Ls+ivF6voyuby/KbHncswilgOhgJBoDvoAE8ABfBE/AjZD2GGTI7SrkHfcLWglQQE6Z0GcgEV6wKdCqKW4awDqRHIE7YBHAZXAWDrAyUU0HcfoSHQJ8AuW3gA2gBPwPkJ4NqkNQ5Aj3uPIQrpKdivp0FC0AiGAFGgUkgA9RK5WOo/FgVgeHnoMedhnCf9PRO+xw0zOfID1o3WA32Sh3xin5QcyRz0BVGXALCLdLT46h0IUsPI2+Op0YrwE0a6mxQQz3Xm8qLnt5EjmZ7mVkF+rG0aHgJ+wEifxfoIb13CwiHegFK6J1ilr8SHAQvrc9BjzsOIe8pb7tgw2xDngsI78wJIE7YRHKKFEqfBgUsvxctU3F2nER4XCxLF0FcDcV3gJlh6u4O8pmI3ABLUJIdgZOl9AXWs6kROqGYHsspXglus7zEAG0oCUxg8S/gPsWngf4KK8VsNtcr2PO+UhvKArlzfAPvKT5Yca0dSmKENYVoQ1lgs1SuG8W/KgpsoZ3Gwerw22c7Amul4Yin+GNFgeVMyHD2/CN4akdgiVRuBq384mRyT0FgIdvquFM8BNftCBQVvGXpefDgaIqvj1DcGXCK4nPBEJZ3l9qwKNAw66kBv40BaZRXinAWaAxR92Ewn02RjZLTFYF6u6eZc1J6N3oxmUReopP0TlBF8+w1nf9EmaXMOQpoz/bbNdpptJxmxHwbz558Aosg0L9w+08uYm1slbw8moZ4jlRrCm1/Wk7U8lFLDNd5CDsKRrN9uomJ60m7TV0AcVUd4jRdmk6AdWCc9HwxUUaNNtKRSgzlVDAwSH3Zeg+svmE0EB7QcIt8RAeEVt2XpnxacO1azh/itN1JxBnw77moapW09HTSrc4wC2m+WbWMIDc+jfdih2OrRXE32j2/U+/FvxfnYgvtZFrtdqfFoWpRdIzSfyfQdy/ZE2Hpd2C7Hc9yWnxvG3gWQTlxp37z7wUapljLNocpJYY1z+7C6bT8pmGeRHgsSK6Xvh44/p9An21glyluWTbXTE0CDbOBvFq+y2Q5NJlTQx25dEj12xq6R3cZgcLS6e+Rji8QmsylqZ5q+oJV7tBsUV393xC/BBgA4n/oG809gvUAAAAASUVORK5CYII=) no-repeat scroll 0 0;
}

.contact-location .phone {
    float: left;
    padding-left: 50px;
    width: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAopJREFUeNrsmE1IVFEUx9+YggRSihZqihq1cExXUi5UCodE8iN0FyOCCONGsEUu/CAhNwbSJhWlEHXlygJTskWLUMYvKnThwsA3hojkB0ZhItP/TmdgGLxv7h2n9y7iH36buee995937zv3nGvzer2ayorSFNe5wTNvMFrrT+eNXQUvwT3wGAz9FwcuPaw3aAdfQDWIB90gVpUpvgbe0hv0KwmUqmJwDGSd8HuNCgbbQQEn9gFNt2UGs8kgT5eAw0qDz0FMiPhHVhnMA2UC8UUgwWyDbOqcgvGXQbHZBvNBicQ1t802mAtSJK5ZN9tgqkT6GCRM3ItD6xd4A8YpiWtmG/wBftIHEKwG8B7oVpZbK+A7Z3zXSnN+g0vgM2f8oQoFqwdMGhhMVKGi/kDrMFgXQZ0KBrfAO04Mq6YvqNCTvOLEJIMuFQyydLLMiWuh3sTygrXNIHacakZLDbIdY5YTGwemDCpunlh8I8iJVE/SZBCfBj7RDiMiJ8X3Ajf4Clqpawzb4AJ4EuKaATAKrhvE2amXjgpIWbfAM1rrE74U1p8eZ2TQ5u1L441NCrSa2/SFszd0FDTWA5oFXpJOf6QHTfy+zNFHJZgLcXPWL7+g/dwZdN8KwVlkRxsdlCmkzmb+gCowL/CQG2CYUlUFFcGZkt/DvqxBpk1QSA8WkYMywbQmdzC1RstE2iDTIbgPnko8UKbA2PbNlEs/CNegX53gLqWLSGkDlMPcskyaMdJHcAfUg9VTmhvx9eMu3S2bB0X0mnKak7bAY4lrp+iQoBbsRKJp4umIkrU/YTt806VpGeBKwDr8Db6BGeoI52UeEh2htbRGMBM3tX/Hdyy/2cAeWCRjHtkb/xVgALLrdgxccUE/AAAAAElFTkSuQmCC) no-repeat scroll 0 0;
}


/* =========================================================
   FAQ
   ========================================================= */

div.ufaq-faq-title h3 {
    color: #2d6497;
    font-weight: 500;
    font-size: 20px;
}

.content article h2 {
    padding-top: 30px;
}

.faqcontent {
    float: right;
    width: 20%;
    margin-left: 1%;
    padding-left: 10px;
    background: #fff;
}

.faqcontent ul {
    list-style-type: none;
    line-height: 1.2;
    padding-left: 0;
}

.faqcontent ul li {
    border-bottom: 1px solid #e4e4e6;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
}

#ufaq-ajax-search-lbl {
    display: none;
}

.faqcontent .ask-question {
    padding-top: 5px;
    min-height: 40px;
    font-weight: 600;
    font-size: 1.2em;
}

#faq-que {
    padding-top: 10px;
}

#faq-que p {
    padding-bottom: 3px;
}

.faqcontent_article {
    width: 46%;
}


/* =========================================================
   HEADER TOPBAR
   ========================================================= */

header .topbar .frst-nav .topicons:before {
    background: none;
}

header .topbar .frst-nav .topicons span {
    display: inline;
}

header .topbar .frst-nav .topicons img {
    padding-top: 7px;
}

header .topbar .frst-nav .topicons i {
    display: block;
    text-align: left;
    padding-left: 38px;
    margin-top: -10px;
}

header .topbar .frst-nav .topicons {
    border-right: 1px solid #c0c0c0;
    padding-left: 5px;
}


/* =========================================================
   BLOG
   ========================================================= */

.blogpost {
    margin-bottom: 40px;
}

.blogpost__img {
    margin-bottom: 20px;
}

.blogpost__title {
    padding-bottom: 10px;
}

.widget_recent_entries {
    margin-top: 20px;
}

.widget_recent_entries .widgettitle {
    background: #1f282f;
    color: #ff971d;
    font: 700 18px/24px "Proxima Nova", "Arial", sans-serif;
    padding: 17px 0;
    text-align: center;
}

.widget_recent_entries ul {
    background: #fff;
    padding: 34px 40px;
}

.single-post .blue-cta {
    background: #001f4d;
}

.single-post h2 {
    font-size: 40px;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.single-post table {
    margin: 20px auto;
    max-width: 700px;
}

.single-post table td {
    text-align: left;
}


/* =========================================================
   MEDIA QUERIES
   ========================================================= */

@media (min-width: 768px) {
    #dvbooknow {
        padding-top: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Reserved for tablet-landscape overrides */
}

@media (max-width: 768px) {
    .faqcontent {
        float: right;
        width: 100%;
        margin-left: 1%;
        padding-left: 10px;
        background: #fff;
    }

    .faqcontent_article {
        width: 100%;
    }

    header .topbar .frst-nav .topicons {
        border-bottom: 1px solid #c0c0c0;
    }

    header .topbar .frst-nav .topicons i {
        text-align: center;
        margin-top: -5px;
    }

    .more_padding span:after {
        left: 6px;
    }
}

@media (max-width: 767px) {
    .navbar {
        padding-top: 0;
    }

    .navbar.navbar-no-bg {
        background: transparent;
    }

    .navbar-inverse .navbar-toggle {
        background-color: #333;
    }

    .navbar-collapse {
        border: 0;
    }

    .navbar-toggle {
        margin-top: 12px;
    }

    #slider1_container {
        visibility: hidden;
    }

    #dvEmailLbl {
        visibility: hidden;
    }

    #dvEmailtxt:before {
        content: 'Email : ';
    }

    .progress-bar-step {
        padding: 10px 13px 62px;
        width: 20%;
        height: 72px;
    }

    .progress-bar-step .step_name {
        float: left;
        width: 0;
    }

    .step_name {
        visibility: hidden;
    }

    .top-content .text {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .top-content .top-big-link {
        margin-top: 25px;
    }

    .top-content .top-big-link a.btn {
        margin-top: 10px;
    }

    #divPickup,
    #divReturn,
    #divDriver,
    #divDesc {
        text-align: left;
    }

    .dashboard-panel-8 {
        width: 100%;
        margin-top: 5px;
    }

    #totalCostFinal {
        text-align: left;
        padding-bottom: 5px;
    }

    #dvbooknow {
        text-align: left;
        padding-bottom: 5px;
    }
}

@media (max-width: 415px) {
    h1,
    h2 {
        font-size: 32px;
    }
}