html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-touch-action: manipulation;
touch-action: manipulation;
}
::placeholder{
    color: #333!important
}


/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
html body {
    margin: 0;
    font-family: "Lato", sans-serif;
    background-color: #ededed;
    color: #000;
    overflow-x: hidden;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
body hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    margin-top: 0;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #ededed;
    /* 2 */
}
@media(max-width:480px){
    .form-control{
        -webkit-appearance: none;
    }
}
@media(min-width: 480px){
    .check-li-item-main{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: none;
    /* 2 */
}
input{

}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

html {
    height: 100%;
}

fieldset {
    margin: 0;
    padding: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    border: 0;
}

legend {
    margin: 0;
    padding: 0;
    display: block;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
}

/*===============================
=            Choices            =
===============================*/
.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px;
}

.choices:focus {
    outline: none;
}

.choices:last-child {
    margin-bottom: 0;
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    background-color: #EAEAEA;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.choices.is-disabled .choices__item {
    cursor: not-allowed;
}

.choices[data-type*="select-one"] {
    cursor: pointer;
}

.choices[data-type*="select-one"] .choices__inner {
    padding-bottom: 7.5px;
}

.choices[data-type*="select-one"] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    margin: 0;
}

.choices[data-type*="select-one"] .choices__button {
    background-image: url("../../icons/cross-inverse.svg");
    padding: 0;
    background-size: 8px;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5;
}

.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
    opacity: 1;
}

.choices[data-type*="select-one"] .choices__button:focus {
    box-shadow: 0px 0px 0px 2px #00BCD4;
}

.choices[data-type*="select-one"]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
}

.choices[data-type*="select-one"].is-open:after {
    border-color: transparent transparent #333333 transparent;
    margin-top: -7.5px;
}

.choices[data-type*="select-one"][dir="rtl"]:after {
    left: 11.5px;
    right: auto;
}

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0;
}

.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
    cursor: text;
}

.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url("../../icons/cross.svg");
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
}

.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus {
    opacity: 1;
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #DDDDDD;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7;
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%;
}

[dir="rtl"] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px;
}

.choices__list--single .choices__item {
    width: 100%;
}

.choices__list--multiple {
    display: inline;
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00BCD4;
    border: 1px solid #00a5bb;
    color: #FFFFFF;
    word-break: break-all;
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
}

[dir="rtl"] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaaaaa;
    border: 1px solid #919191;
}

.choices__list--dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
}

.choices__list--dropdown.is-active {
    display: block;
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0;
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px;
}

[dir="rtl"] .choices__list--dropdown .choices__item {
    text-align: right;
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px;
    }
    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px;
    }
    [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px;
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5;
}

.choices__item {
    cursor: default;
}

.choices__item--selectable {
    cursor: pointer;
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5;
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray;
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.choices__button:focus {
    outline: none;
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px;
}

.choices__input:focus {
    outline: 0;
}

[dir="rtl"] .choices__input {
    padding-right: 2px;
    padding-left: 0;
}

.choices__placeholder {
    opacity: .5;
}

/*=====  End of Choices  ======*/
.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px;
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
}

.flatpickr-calendar:focus {
    outline: 0;
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: -ms-flexbox;
    display: flex;
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 28px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    line-height: 16px;
    height: 28px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled {
    display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
    position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    /*
        /*rtl:begin:ignore*/
    left: 0;
    /*
        /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    /*
        /*rtl:begin:ignore*/
    right: 0;
    /*
        /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
    transition: fill .1s;
    fill: inherit;
}

.numInputWrapper {
    position: relative;
    height: auto;
}

.numInputWrapper input, .numInputWrapper span {
    display: inline-block;
}

.numInputWrapper input {
    width: 100%;
}

.numInputWrapper input::-ms-clear {
    display: none;
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.15);
    box-sizing: border-box;
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6);
    top: 26%;
}

.numInputWrapper span.arrowDown {
    top: 50%;
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, 0.6);
    top: 40%;
}

.numInputWrapper span svg {
    width: inherit;
    height: auto;
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
    opacity: 1;
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 6.16px 0 0 0;
    line-height: 1;
    height: 28px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: transparent;
    pointer-events: none;
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}

.flatpickr-days:focus {
    outline: 0;
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.dayContainer + .dayContainer {
    box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
}

.flatpickr-day.today {
    border-color: #1081e0;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background-image: linear-gradient(to right, #1081e0 , #1081e0);
    box-shadow: none;
    color: #fff;
    border-color: none;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    border-color: transparent;
    cursor: default;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
    visibility: hidden;
}

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    cursor: default;
    border: none;
}

.flatpickr-innerContainer {
    display: block;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both;
}

.flatpickr-time .numInputWrapper {
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400;
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #f3f3f3;
}

.flatpickr-input[readonly] {
    cursor: pointer;
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

* {
    box-sizing: border-box;
}

.button {
    display: block;
    width: 115px;
    height: 65px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}
.loader, .loader1{
    width: 100%
}

@media (max-width: 320px){
    .has-search .form-control, .home-main .full-input.hire-input input[type="text"],.form-item__element--select, .select-selected {
        font-size: 12px!important;
    }
    .cart-extra-inner{
        display: flex;
        flex-wrap: wrap;
    }
    .cart-extra-inner .label{
        margin: 2px;
    }
    /* body .main-search-form {
        margin-top: 6.5vh!important; 
    }*/
    .button1 .icons {
        top: 6px
    }
    .button1 {
        font-size: 17px;
    }
    .cart-extra-inner .label.label-danger{
        white-space: nowrap;
    }
    .pay-sec-main #proceed-checkout-btn{
        font-size: 15px!important;
    }
    .pay-sec-main .button1 .icons{
        top: 6px;
    }
    .offline-info-sec .offline-txt-bottom2 {
        font-size: 19px;
    }
    .search-results-main .deals-price-sec {
        margin-top: 0;
    }
    nav.main-nav .navbar-brand {
        width: 150px;
    }  
    nav.main-nav .h-phone-icon a{
        padding: 5px 12px;
    } 
}
@media (max-width: 767px){
    .has-search .form-control{
        padding-right: 4rem!important;
    }
    .has-search .form-control-feedback{
        width: 4.5rem;
    }
    .modal-form-content p{
        font-size: 15px;
    }
    .sidepanel{
        width: 85%!important;
    }
    .cartside.openbtn{
        top: 30%;
    }
}
@media(min-width: 770px){
    .main-col-adj{
        padding-left: 100px!important;
        padding-right: 100px!important;
    }
    .cont-adj{
        padding-left: 100px!important;
        padding-right: 100px!important; 
    }
    .search-form-inner.cont-adj, .cont-adj-top{
        padding-left: 50px!important;
        padding-right: 50px!important; 
    }
    .r-item-price .btn.btn-primary{
        width: 90%!important; 
    }
}
/* custom media section end new form design */
/* css custom code start */
.main-nav{
    transition: all 0.2s ease-out;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    /* padding: 10px 0; */
}
.main-nav.pad-adj{
    padding: 10px 0; 
}
.main-nav .navbar-brand{
    height: unset;
    width: 250px;
}
.navbar-brand img{
    width: calc(100% - 10px);
}
form .form-control{
    height: 55px;
}
.searchform form,.searchform form .form-group {
    margin-bottom: 0;
}

.btn{
    border-radius: 4px;
    font-weight: 700!important;
}


/* custom field style start */
.pos-rel {
    position: relative;
}
.has-search .form-control {
    padding-right: 4.2rem;
    /* font-size: 15px; */
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 4.5rem;
    height: 5.5rem;
    line-height: 5.5rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    right: 0;
    top: 0;
}
.form-control-feedback img{
    width: 20px;
    margin-top: 16px
}
.location-sec img{
    width: 15px;
}

.floating-label.select-float-label label, .select-float-label .select-label{
    left: 4.7rem;
}
.form-control{
    border: 1px solid #ddd!important;
    transition: all .3s!important;   
    color: #333!important;
    font-weight: 600;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}
.easy-autocomplete input{
    box-shadow: none!important;
}
.form-control:focus{
    box-shadow: none!important;
    border: 2px solid #1081e0!important;
}
.searchform select{
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}
.searchform select::-ms-expand {
    display: none;  
}
.form-control[readonly]{
    background-color: #fff!important
}
.ui-timepicker-standard .ui-state-hover{
    background-color: #33c69a!important;
    color: #fff!important;
    border: 1px solid #fff!important;

}
/* accordion style start */
@media(max-width: 770px){
    .accordion {
        background-color: #fff;
        color: #333;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        border-radius: 5px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
        margin: 0
    }

    .active, .accordion:hover {
        background-color: #fff;
    }

    .accordion:after {
        content: '\002B';
        color: #333;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    .accordion.active:after {
        content: "\2212";
    }

    .panel {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        position: relative;
        top: 10px;
        border-radius: 5px;
        z-index: 9;
    }
    .panel-inner .has-search{
        margin-bottom: 1rem;
    }
    .panel-inner{
        padding: 20px 0;
    }
    input[type=date].form-control{
        -webkit-appearance: none;
        appearance: none;
    }
    .form-search-btn{
        width: 100%;
        white-space: unset!important;
    }
}


/* accordion style end */
/****  floating-Lable style start ****/
.floating-label { 
    position:relative; 
}
.floating-input , .floating-select {
    font-size:14px;
    padding:4px 4px;
    display:block;
    width:100%;
    height:30px;
    background-color: red;
    border:none;
    border-bottom:1px solid #757575;
}
.floating-select{
    position: relative;
}
.floating-input:focus , .floating-select:focus {
    outline:none;
    border-bottom:2px solid #5264AE; 
}
.modal-inner-sec label, .main-top-serach label {
    color:#333; 
    font-size:14px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left: 1.3rem;
    top: 17px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
    font-weight: 700;
}  
.floating-label.select-float-label label, .select-float-label .select-label{
    left: 1.7rem;
}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top:-10px;
    left: 5px;
    font-size:12px;
    color:#333;
    background-color: #fff;
    padding: 0px 5px;
}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
    top:-10px;
    left: 5px;
    font-size:13px;
    color:#333;
    background-color: #fff;
    padding: 0px 5px;
}
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width:50%;
}
.floating-textarea {
    min-height: 30px;
    max-height: 260px; 
    overflow:hidden;
    overflow-x: hidden; 
}
.highlight {
    position:absolute;
    height:50%; 
    width:100%; 
    top:15%; 
    left:0;
    pointer-events:none;
    opacity:0.5;
}
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
    from { background:rgba(82, 100, 174, 0); }
    to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:rgba(82, 100, 174, 0); }
    to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:rgba(82, 100, 174, 0); }
    to 	{ width:0; background:transparent; }
}
.floating-credit { position:fixed; bottom:10px;right:10px; color:#aaa; font-size:13px;font-family:arial,sans-serif; }
.floating-credit a { text-decoration:none; color:#000000; font-weight:bold; }
.floating-credit a:hover { border-bottom:1px dotted #f8f8f8; }
.floating-heading { position:fixed; color:#aaa; font-size:20px; font-family:arial,sans-serif; }
/* top outline style end */

.modal-inner-sec .form-control{
    height: 57px;
}
.modal-form-content{
    margin-top: 40px;
    text-align: center;
}
.cust-login-modal .modal-title{
    margin-bottom: 10px!important;
}
.cust-login-modal .modal-dialog .modal-header {
    padding: 20px 30px;
    padding-bottom: 0;
    border-bottom: none;
}
.cust-login-modal .modal-content{
    border-radius: 5px;
}
.cust-login-modal .modal-dialog .modal-body {
    position: relative;
    padding: 30px;
    padding-top: 15px;
}
.modal-backdrop{
    background-color: #000000c2!important;
    z-index: 1040!important
}
.btn-show-quote{
    width: 100%;
}
.mt-1{
    margin-top: 1rem;
}
.mt-2{
    margin-top: 2rem;
}
.mb-2{
    margin-bottom: 2rem;
}
.mb-1{
    margin-bottom: 1rem;
}
.mt-11{
    margin-top: 1.5rem;
}
.cust-login-modal.modal .modal-dialog{
    top: 35px;
}
.easy-autocomplete-container{
    z-index:99!important
}
/* loader start */
.linear-activity {
    overflow: hidden;
    width: 80%;
    height: 4px;
    background-color: #333;
    margin: 20px auto;
}

.determinate {
    position: relative;
    max-width: 100%;
    height: 100%;
    -webkit-transition: width 500ms ease-out 1s;
    -moz-transition: width 500ms ease-out 1s;
    -o-transition: width 500ms ease-out 1s;
    transition: width 500ms ease-out 1s;
    background-color: #aaa;
}

.indeterminate {
    position: relative;
    width: 100%;
    height: 100%;
}

.indeterminate:before {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #aaa;
    animation: indeterminate_first 1.5s infinite ease-out;
}

.indeterminate:after {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #ededed;
    animation: indeterminate_second 1.5s infinite ease-in;
}

@keyframes indeterminate_first {
    0% {
        left: -100%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}
@keyframes indeterminate_second {
    0% {
        left: -150%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}

.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 9999;

}
.overlay-inner{
    position: fixed;
    left: 0;
    max-width: 500px;
    margin: 0 auto;
    right: 0;
    padding: 3rem 2rem;
    border-radius: 4px;
    background-color: #fff;
    z-index: 99999;
    max-width: 350px;
    text-align: center;
    padding: 15px 10px;
    top: 50%;
    margin-top: -68px;
}
.load-h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
}

/* loader end */
.left-txt h3{
    color: #f24654;
    font-size: 16px;
    margin-bottom: 20px;
}
.right-txt h3{
    font-weight: 600;
    color: #5f6368;
    font-size: 16px;
    text-align: right;
    margin-right: 10px;
}
.card{
    position: relative;
    margin: .5rem 0 1rem 0;
    -webkit-transition: -webkit-box-shadow .25s;
    -moz-transition: box-shadow .25s;
    -o-transition: box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    padding: 24px;
    border-radius: 0 0 2px 2px;
}
.b-txt{
    color: #999;
    font-size: 14px;
}
.request-id-sec{
    background: #ddd;
    padding: 20px 14px;
    border-radius: 5px;
}
.request-id-sec h3{
    font-size: 16px;
    margin: 0;
}
.request-id-sec h3 span{
    font-weight: 400;
}

.search-type-inner h5 {
    border-right: 2px dashed #ccc;
    line-height: 37px;
    margin: 0;
}
.search-type-inner {
    text-align: center;
    box-shadow: inset 0 15px 6px -16px #11111191, inset 0 -15px 6px -16px #11111191;
    background: #fff;
    padding: 10px 0px;
}

.search-product-sec{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0px 20px 0px;
    text-align: center;
    background: #fff;
    /* margin-top: 2rem; */
    border-radius: 5px;
    margin: 15px 5px;
}

.product-price{
    color: #1081e0;
    font-size: 32px;
    margin-top: 10px;
}
.d-txt{
    font-size: 16px;
    color: #999;
    font-weight: 500;
}

.main-col-adj{
    padding-top: 50px;
    padding-bottom: 50px;
}
.filter-inner{
    background: #fff;
    border-radius: 8px 8px 0 0;
    /* box-shadow: 0 1px 2px rgba(60,64,67, 0.3), 0 1px 3px 1px rgba(60,64,67, 0.15); */
    margin: 0;
    padding: 10px 0 20px
}
.light-txt{
    color: #999;
}
.light-txt1{
    color: #ddd;
}
.green-txt{
    color:#6cc04a!important
}

.par-id-txt{
    font-size: 12px;
}
.par-id-txt span{
color: #fdfdfd;
}
/* custom select code start */
.sort-sec select {
    display: none!important;
}
/* .type-hire-select.sort-sec .dropdown1, .type-hire-select.sort-sec .dropdown1 .list{
    width: 100%;
    max-width: 100%;
}
.type-hire-select.sort-sec .dropdown1{
    font-weight: 700;
    height: 55px;
}
.type-hire-select.sort-sec .dropdown1:after {
    display: none
} */
.sort-sec .dropdown1 {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40FFFFFF", endColorstr="#00FFFFFF", GradientType=0);
    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #ddd;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 200px;
    max-width: 200px;
}
.sort-sec .dropdown1:focus {
    background-color: #fff;
}
.sort-sec .dropdown1:hover {
    background-color: #fff
}
.sort-sec .dropdown1:active,.sort-sec .dropdown1.open {
    background-color: #fff !important;
    border-color: #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .05) inset;
}
.sort-sec .dropdown1:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}
.sort-sec .dropdown1.open:after {
    transform: rotate(-180deg);
}
.sort-sec .dropdown1.open .list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}
.sort-sec .dropdown1.open .option {
    cursor: pointer;
}
.sort-sec .dropdown1.wide {
    width: 100%;
}
.sort-sec .dropdown1.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.sort-sec .dropdown1 .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    transform: scale(0.75);
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    width: 200px;
    max-width: 200px
}
.sort-sec .dropdown1 .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.sort-sec .dropdown1 .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    color: #000;
}
.sort-sec .dropdown1 .option:hover {
    background-color: #33c69a !important;
    color: #fff!important;
}
.sort-sec .dropdown1 .option.selected {
    background: #33c69a!important;

}
.sort-sec .dropdown1 .option.selected:focus {
    background: #f6f6f6;
}
.sort-sec .list ul{
    padding: 0;
    margin-bottom: 0;
}
.sort-sec .list ul li{
    list-style-type: none;
}
.sort-sec .by, .sort-sec .by {
    bottom: 12px;
    color: #aaa;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.sort-sec{
    display: flex;
    flex-wrap: wrap;
}
.sort-sec h4{
    margin-right: 15px;
}
.compare-txt{
    font-weight: 100;
}
.compare-txt span{
    font-weight: 700;
    color: #000;
}
.top-filter-sec h4{
    font-size: 19px;
}
.sort-sec-main{
    float: right;
}
/* custom select code end */
/* custom select code start1 */
.sort-sec1 select {
    display: none!important;
}
.sort-sec1 .dropdown2 {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40FFFFFF", endColorstr="#00FFFFFF", GradientType=0);
    background-color: #f6f6f6;
    border-radius: 6px;
    border: solid 1px #eee;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
.sort-sec1 .dropdown2:focus {
    background-color: #f1f1f1;
}
.dropdown2:hover {
    background-color: #f3f3f3;
}
.sort-sec1 .dropdown2:active,.sort-sec1 .dropdown2.open {
    background-color: #f0f0f0 !important;
    border-color: #e4e4e4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .05) inset;
}
.sort-sec1 .dropdown2:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}
.sort-sec1 .dropdown2.open:after {
    transform: rotate(-180deg);
}
.sort-sec1 .dropdown2.open .list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}
.sort-sec1 .dropdown2.open .option {
    cursor: pointer;
}
.sort-sec1 .dropdown2.wide {
    width: 100%;
}
.sort-sec1 .dropdown2.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.sort-sec1 .dropdown2 .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    transform: scale(0.75);
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
}
.sort-sec1 .dropdown2 .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.sort-sec1 .dropdown2 .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
}
.sort-sec1 .dropdown2 .option:hover,.sort-sec1 .dropdown2 .option:focus {
    background-color: #f6f6f6 !important;
}
.sort-sec1 .dropdown2 .option.selected {
    font-weight: 600;
}
.sort-sec1 .dropdown2 .option.selected:focus {
    background: #f6f6f6;
}

.sort-sec1 .by {
    bottom: 12px;
    color: #aaa;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

/* custom select code end1 */
.info-icon{
    width: 18px;
    margin-left: 10px;
}
.tooltip{
    opacity: 1!important;
    position: relative!important;
}
.tooltipster-content{
    font-size: 12px!important;
}
.top-filter-sec{
    margin-bottom: 20px;
}
.l-card{
    margin-bottom: 1.875rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    position: relative;
    word-wrap: break-word;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .35rem;
    background-color: #FFF;
    padding: 1.5rem;
}
.pull-up:hover {
    -webkit-transform: translateY(-1px) scale(1);
    -moz-transform: translateY(-1px) scale(1);
    -ms-transform: translateY(-1px) scale(1);
    -o-transform: translateY(-1px) scale(1);
    transform: translateY(-1px) scale(1);
    -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
    box-shadow: 0 14px 24px rgba(62,57,107,.2);
    /* z-index: 999; */
}
.pull-up {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.result-item-img img{
    /* width: 140px; */
    width: 100%;
    border-radius: 4px;
}
.check-li-img img{
    width: 100%;
    border-radius: 4px;
}
.r-item-title h3{
    margin: 0;
}
.r-item-label ul li:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-right:10px;
    color: #6cc04a;
}
.r-item-label ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.r-item-label2 ol{
    padding: 0;
    margin: 0;
    width: auto;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 100px);
    grid-template-rows: 15px 15px 15px;
    grid-auto-flow: column;
}
.r-item-label2 h5, .r-item-label h5{
    margin-bottom: 11px;
    margin: 0;  
    margin-left: -10px;
    padding-bottom: 5px;
    color: #33c69a;
}
.r-item-label h5{
    margin-left: 0;
}
/* .r-item-label{
  border-right: 1px solid #ddd;
} */
.r-item-label ul li, .r-item-label2 ol li{
    font-size: 11px;
    line-height: 20px;
}
.inner-info-det{
    margin-top: 5px;
}
.miles-label{
    background: #ededed;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    margin: 0;
    margin-left: 10px;
    white-space: nowrap;
}
.miles-label img{
    width: 20px;
}
.miles-label span{
    vertical-align: middle;
    margin-left: 5px;
}
/* .r-item-title{
  display: flex;
  flex-wrap: wrap;
} */
.r-item-price h3{
    text-align: center;
    font-size: 15px;  
    margin-top: 0;
}
.r-item-price h3 span{
    font-size: 30px;
    margin-left: 1px;
    color: #6cc04a;
    font-weight: bold;
}
.r-item-price .btn.btn-primary{
    color: #fff;
    background-color: #33c69a;
    border-color: #33c69a;
    border-radius: 5px;
    font-size: 14px;
    color: #FFFFFF;
    padding: 1.4rem 3.2rem 1.4rem 1.2rem;
    width: 100%;
    letter-spacing: 0.5px;
    outline: none !important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#33c69a), color-stop(51%, #67d6b5), to(#33c69a));
    background-image: -webkit-linear-gradient(left, #33c69a 0%, #67d6b5 51%, #33c69a 100%);
    background-image: -moz-linear-gradient(left, #33c69a 0%, #67d6b5 51%, #33c69a 100%);
    background-image: -o-linear-gradient(left, #33c69a 0%, #67d6b5 51%, #33c69a 100%);
    background-image: linear-gradient(to right, #33c69a 0%, #67d6b5 51%, #33c69a 100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
}
.r-item-price .btn.btn-primary:hover{
    background-position: right center;
}
.r-item-price{
    text-align: right; 
    /*margin-top: 30px;*/
}
.btn:active:hover, .btn:active:focus, .btn:focus {
    outline: unset!important;
    outline-offset: unset!important;
}
.view-more-btn {
    position: relative;

}
.view-more-btn::after {
    content: "\f107";
    color: #fff;
    top: 11px;
    right: 15px;
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    transition:all .2s ease;
    transition-delay: 0.3s;    
}
.view-more-btn[aria-expanded="true"]::after {
    content: "\f106";
    transition:all 5s ease;
    transition-delay: 0.3s;    
}
.panel-body {
    padding: 0px 0px 20px 0px!important;
}
.main-result-sec .panel-inner{
    border-top: 1px solid #ddd;
    padding: 10px 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 230px;
    margin-top: 10px;
}
.search-type{  
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn.btn-outline-primary{
    border: 2px solid #1081e0;
    color: #000;
    font-size: 13px;
    padding: 1rem 1.2rem;
    background: #fff;
}
.btn.btn-outline-primary:hover{
    border: 2px solid #60bdfc;
}
.search-type .btn i{
    margin-right: 5px;
}
.search-type h4 span{
    font-size: 12px;
    margin-left: 2px;
    position: relative;
    top: -2px;
    /* display: block; */
    margin-top: 5px;
}
.main-result-modal .modal-header{
    border-bottom: none
}
.result-modal-img img{
    width: 130px;
    border-radius: 2px;
}
.result-modal-info .badge{
    font-weight: 500;
    background-color: #f24654;
    border-radius: 4px;
}
.result-modal-info h3{
    margin: 0;
}
.title-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.no-pas{
    margin: 0;
    margin-bottom: 7px;
    font-size: 16px;
}
.product-short-des{
    font-size: 15px;
    line-height: 22px;
}
.main-result-modal .modal-content{
    border-radius: 6px;
}
.result-id{
    font-size: 10px
}
.border-b-txt, .border-b-txt:hover, .border-b-txt:focus{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #CCC!important;
    color: #555;
    box-sizing: border-box;
    padding: 10px 0px 2px 0px!important;
    width: 100%;
}
.border-b-txt:focus{
    outline: 0;
}
.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.icon {
    padding: 10px;
    padding-right: 0;
    background: transparent;
    color: #aaa;
    min-width: 25px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.input-sec-img img{
    width: 30px;
    margin-top: 10px;
}
.location-field-sec{
    background: #f3f5f7!important;
    padding: 1.5rem;
    border-radius: 4px;
    margin-top: 25px;
}
.ser-title h3{
    font-size: 20px;
    margin: 0;
    margin-bottom: 10px;
}
.location-field-sec .form-control{
    height: 50px;
}
.r-info-sec.form-group{
    margin-bottom: 0;
    margin-top: 15px;
}
.card2{
    background: #f3f5f7!important;
    padding: 1.5rem;
    border-radius: 4px;
    margin-top: 25px;
}
/* custom checkbox */
.cus-check {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22px;
    font-weight: 500;
}

/* Hide the browser's default checkbox */
.cus-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 1px solid #1081e0;
    border-radius: 2px;
}
.checkmark span{
    margin-left: -50px;
    /* margin-bottom: 0; */
    /* margin-right: 15px; */
    color: #6cc04a;
    font-weight: 900;
    font-size: 18px;
    position: relative;
    top: -3px;
}

/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.cus-check input:checked ~ .checkmark {
    background-color: #1081e0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cus-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cus-check .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pt1{
    padding-top: 10px;
}
/* plusminus picker */
.plusminus {
    display: inline-block;
    position: relative;
    font-size: 0;
    overflow: hidden;
    width: 32px;
    height: 132px;
}
.plusminus button {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0;
    background: #000;
    color: #fff;
    font-size: 15px;
    line-height: 36px;
    cursor: pointer;
    -moz-transition: color 200ms;
    -o-transition: color 200ms;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    border-radius: 3px;
}
.plusminus.horiz button:active,.plusminus.horiz button:hover{
    opacity: .8;
}
.plusminus button:focus {
    outline: none;
    color: #fff;
}
.plusminus button:disabled {
    background: #999;
    color: #fff;
    cursor: default;
}
.plusminus button:first-child {
    bottom: 0;
}
.plusminus button:first-child:before {
    content: "\f068";
    font-family: FontAwesome;
}
.plusminus button:last-child {
    top: 0;
}
.plusminus button:last-child:before {
    content: "\f067";
    font-family: FontAwesome;
}
.plusminus button:last-child:focus {
    color: #fff;
}
.plusminus input[type="number"] {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 32px;
    margin: 0;
    border: 0;
    font-size: 17.6px;
    font-weight: bold;
    text-align: center;
    -moz-appearance: textfield;
}
.plusminus input[type="number"]::-webkit-outer-spin-button, .plusminus input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* .plusminus:after {
  content: "QTY";
  position: absolute;
  font-size: 9.68px;
  left: 0;
  right: 0;
  line-height: 1;
  padding: 3.52px 0 3.52px 0;
  width: 44px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  color: #888;
  text-align: center;
  bottom: 34%;
} */
.plusminus.horiz {
    width: 98px;
    height: 32px;
}
.plusminus.horiz button:first-child {
    left: 0;
    background-color: #999;
}
.plusminus.horiz button:last-child {
    right: 0;
    background-color: #1081e0;
}
.plusminus.horiz:after {
    bottom: 0;
}
.plusminus.horiz input[type="number"] {
    position: absolute;
    top: 0;
    left: 32px;
}
.plusminus.stacked {
    width: 88px;
    height: 88px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.plusminus.stacked:after {
    width: 100%;
    bottom: 50%;
}
.plusminus.stacked button {
    float: none;
    top: auto;
    bottom: 0;
}
.plusminus.stacked button:first-child {
    left: 0;
}
.plusminus.stacked button:last-child {
    right: 0;
}
.plusminus.stacked input[type="number"] {
    top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #eee;
    width: 100%;
}
.plusminus.stacked input[type="number"]:after {
    width: 100%;
}
.plusminus.horiz input[type="number"]:focus{
    outline: 0;
}
/* plusminus picker */
.optional-sec{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.optional-sec p{
    margin-bottom: 0;
    margin-right: 15px;
    color: #6cc04a;
    font-weight: 900;
    font-size: 18px;
}
.extras-txt p{
    margin-bottom: 0;
    line-height: 44px;
}
.optional-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn.btn-success, .btn-success:active{
    background-color: #33c69a;
    border-color: #33c69a;
    border-radius: 5px;
    font-size: 20px;
    color: #FFFFFF;
    padding: 1.8rem 6rem 1.8rem 3rem;
    letter-spacing: 0.5px;
    outline: none !important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#33c69a), color-stop(51%, #67d6b5), to(#33c69a))!important;;
    background-image: -webkit-linear-gradient(left, #33c69a 0%, #67d6b5 51%, #33c69a 100%)!important;;
    background-image: -moz-linear-gradient(left, #33c69a 0%, #67d6b5 51%, #33c69a 100%)!important;;
    background-image: -o-linear-gradient(left, #33c69a 0%, #67d6b5 51%, #33c69a 100%)!important;;
    background-image: linear-gradient(to right, #33c69a 0%, #67d6b5 51%, #33c69a 100%)!important;;
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    position: relative;
}
.btn.btn-success:hover{
    background-position: right center;
}
.btn-success i{
    position: absolute;
    right: 20px;
    vertical-align: middle;
    top: 24px;
}
.t-amount-sec{
    display: flex;  
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
    margin-bottom: 15px;
}
.t-amount-sec h3{
    font-size: 22px;
    margin: 0;
}
.r-item-title-sec{
    margin-top: 5px;
}
.r-item-title-sec h3{
    font-size: 20px;
    line-height: 27px;
}
.r-item-title-sec .miles-label {
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 2px;
    font-size: 13px;
}
.col-md-9.col-xs-7.r-item-sec{
    padding-left: 0;
}
.extra-det h5{
    font-size: 11px;
    margin: 0;
    background: #ededed;
    color: #333;
    margin-top: 7px;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
}
.extra-det{
    margin-top: 10px;
}

/* Clear button styles
--------------------------------------------- */

@media(max-width: 770px){
    .r-item-title h3{
        font-size: 17px;
        line-height: 24px;
    }
    .miles-label{
        font-size: 10px;
        padding: 4px 8px;
        margin-top: 7px;
        margin-left: 0;
    }
    .miles-label img {
        width: 13px;
    }
    .miles-label span{
        margin-left: 5px;
    }
    .inner-info-det {
        margin-top: 3px;
    }
    .r-item-label ul{
        grid-gap: 0px;
        grid-template-columns: repeat(2, 92px);
        grid-template-rows: 15px 15px 15px;
        grid-auto-flow: column;
    }
    .r-item-label ul li, .r-item-label2 ol li {
        font-size: 10px;
    }
    .r-item-price h3{
        margin-top: 0px;
        text-align: right;

    }
    .col-md-9.col-xs-7.r-item-sec{
        padding-left: 0;
    }
    .r-item-price{
        margin-top: 0;
    }
    .view-more-btn{
        width: 100%;   
        text-align: left!important; 
    }
    .r-item-label {
        border-right: none;
    }
    .search-type h4 span {
        margin-left: 0;
        margin-top: 5px;
        top: 0;
        display: block;
    }
    .col-md-9.col-xs-8.result-modal-sec{
        padding-left: 0;
    }
    .title-info {
        display: inherit;
    }
    .title-info h3{
        font-size: 19px;
        margin-bottom: 3px;
    }
    .no-pas{
        margin-bottom: 7px;
        margin-top: 10px;
    }
    .loc-field-inner .col-md-1.col-xs-1{
        padding-left: 0;
    }
    .col-xs-6.r-info-sec-main{
        padding-right: 7px;
    }
    .col-xs-6.r-info-sec-main{
        padding-left: 7px;
    }
    .t-amount-sec{
        display: inherit;
        text-align: center;
    }
    .t-amount-sec h3{
        margin-bottom: 20px;
    }
    .t-amount-sec .btn{
        width: 100%;
    }
    .r-item-title-sec .miles-label{
        margin-top: 8px;
        font-size: 10px;
    }

}
@media(max-width:320px){
    .sort-sec .dropdown1{
        width: 150px;
    }
    .r-item-price h3 {
        margin-top: -5px;
        text-align: right;
        margin-left: 6rem;
    }
    .r-item-label{
        display: none
    }
}
@media(min-width:770px){
    .r-item-title-sec{
        /* height: 130px; */
    }
    .r-item-title-sec .miles-label{
        /* position: absolute;
        bottom: 20px; */
        padding: 10px 12px;
    }
    .r-item-left{
        border-right: 1px solid #ddd;
    }
    .deals-price-sec{
        text-align: center;
    }
    .r-item-title-sec h3{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 990px) {
    .r-item-left.col-md-6{
        width: 40%;
    }
    .r-item-right.col-md-6{
        width: 60%;
    }
    .container.main-col-adj {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .cont-adj {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .r-item-title-sec h3 {
        font-size: 15px;
        line-height: 22px;
    }
    .r-item-title-sec .miles-label {
        position: inherit;
        bottom: 0;
        margin-top: 0!important;
    }
    .r-item-title-sec {
        height: auto;
    }
    .r-item-title-sec .miles-label {
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 2px;
        font-size: 11px;
    }
    .miles-label img {
        width: 15px;
    }
    .r-item-price .btn.btn-primary{
        padding: 1rem 3rem 1rem 1.5rem;
        font-size: 14px;  
    }
    .view-more-btn::after{
        top: 11px;
        right: 12px;
        font-size: 15px;
    }

}


/* lightgallery */
#lg-share, #lg-actual-size, #lg-zoom-in, #lg-zoom-out, #lg-download, .lg-autoplay-button, .lg-fullscreen{
    display: none!important;
}
.lg-toolbar .lg-close.lg-icon{
    background: #f24654;
    border-radius: 50%;
    color: #fff;
    width: 47px;
    margin: 7px;
}
.lg-backdrop.in {
    opacity: 0.75!important;
}
.more-img{
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin: 5px 7px 4px;
}
.more-img img{
    width: 22px;
}
.container-t {
    position: relative;
    width: auto;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    position: relative;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.container-t:hover .image {
    opacity: 0.5;
}
.l-card .te:hover,.l-card .text .te:hover{
    background-color: rgba(0,0,0,.5);
    border-radius: 4px;
    opacity: 1;

}
.te{
    transition: .5s ease;
}
.container-t:hover .middle {
    opacity: 1;
}
.container-t:hover .more-img{
    display: none;
}
.l-card .text {  
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
}
@media(min-width:769px){
    .searchform .col-md-2, .searchform .col-md-3{
        padding-left: 5px;
        padding-right: 5px;
    }
    .searchform .col-md-3:first-child{
        padding-left: 0px;
    }
    .searchform .col-md-2:last-child{
        padding-right: 0px;
    }
    .form-search-btn.btn{
        align-items: center; 
        bottom: -70px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        padding: 1.3rem 2.5rem;
        font-size: 14px;
        border-radius: 40px;
    }
}
.form-search-btn i{
    margin-left: 15px;
}
.form-search-btn.btn, .form-search-btn.btn:active, .btn-primary.btn-show-quote, .btn-primary.btn-show-quote:active{
    transition: 0.5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#1081e0), color-stop(51%, #1081e0), to(#1081e0));
    background-image: -webkit-linear-gradient(left, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: -moz-linear-gradient(left,#1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: -o-linear-gradient(left, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: linear-gradient(to right, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
}
.form-search-btn.btn:hover, .btn-show-quote:hover{
    background-position: right center;
}
.card1{
    background: #f3f5f7!important;
    padding: 1rem 1.5rem; 
    margin-bottom: 10px;
}
.ser-desc span{
    color: #1081e0;
    font-weight: bold;
}
.ser-desc{
    color: #aaa;
    margin-bottom: 0;
    font-size: 12px;
}

/* flatpickr */

.flatpickr-day.disabled:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    right: 4px;
    height: 1px;
    background: rgba(0,0,0,.2);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);

}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover{
    color: #ddd!important;
}
.flatpickr-day.selected{
    background-image: linear-gradient(to right, #1081e0 , #1081e0);
    border: none;
}
/* cart sidepanel */
.sidepanel  {
    position: fixed;
    z-index: 1;
    height: 100%;
    top: 0;
    right: -400;
    background-color: #111;
    overflow-y: scroll;
    transition: 0.5s;
    border-radius: .35rem;
    box-shadow: 0 14px 24px rgba(62,57,107,.2);
    z-index: 9999;
    width: 400px;
    padding: 20px;
    background-color: #ededed;
}

.sidepanel a {
    /* padding: 8px 8px 8px 32px; */
    text-decoration: none;
    /* font-size: 25px; */
    /* color: #818181; */
    display: block;
    transition: 0.3s;
}

.sidepanel a:hover {
    color: #f1f1f1;
    text-decoration: none;
}

.closebtn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    padding: 7px;
    color: #aaa;
    border-radius: 4px;
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    text-align: center;
}

.closebtn:hover{
    color: #000!important;
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-image: linear-gradient(to right, #1081e0 , #1f4868);
    color: white;
    padding: 10px 15px;
    border: none;
    position: fixed;
    right: 0;
    top: 41%;
    border-radius: 4px 0px 0px 4px;
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    z-index: 9;
}

.openbtn:hover {
    background-position: right center;
}
.cartside img{
    width: 25px;
}
a.closebtn{
    display: none;
}
.sidepanel-inner{

}
.ui-timepicker-container{
    z-index: 999!important
}

.sidebar.overlay {
    display: none;
    background: rgba(0,0,0,.7);
    opacity: .3;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    cursor: pointer;
}
.cart-badge{
    position: absolute;
    right: 10%;
    top: 8%;
    padding: 2px;
    border-radius: 50%;
    line-height: 15px;
    color: white;
    background: rgba(255,0,0,.85);
    text-align: center;
    width: 20px;
    font-weight: bold;
    height: 20px;
    font-size: 12px;
}
.m-0{
    margin:0
}
.m-6{
    padding-top: 5px;
    margin: 0;
}
.cart-item-det{
    display: flex;
    justify-content: space-between;
}
.sidepanel-inner .l-card{
    padding: 1rem;
}
.cart-i-id{
    font-size: 10px;
    line-height: 0;
    margin-top: 7px;
    margin-bottom: 10px;
}
.cart-item-price{
    color: #1081e0;
    padding-top: 10px;
    padding-bottom: 5px;
}
.label.label-danger{
    background-color: #f24654;
    font-weight:400;
    display: inline-block;
    margin-top: 5px;
}
.cart-item-extras{
    margin-top: 7px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5px;
}
.sidepanel-inner hr{
    border-top: 1px solid #ddd;
}
.cart-item-remove .label-success{
    background-color: #ededed;
    color: #000;
    font-weight: 400;
}
.cart-item-remove .label-success:hover{
    text-decoration: underline;
}
.cart-item-remove .label-success:focus{
    text-decoration: none;
}
.cart-item-remove .label-success i{
    margin-left: 5px;
}
.sidepanel-h4{
    margin-top: 0;
}
.cart-price-sec{
    padding-top: 10px;
    border-bottom: 2px dashed #f24654;
    padding-bottom: 10px;
}
.cart-price-sec-deposit{

    padding-top: 10px;
}
.button1 {
    position: relative;
    /* margin-bottom: 40px; */
    display: inline-flex!important;
    justify-content: center;
    align-items: center;
    background: #33c69a;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    width: 100%;
    padding: 2rem 1rem;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 600;
    font-size: 18px;
    color: white;
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.button1, .button1:hover,.button1:focus {
    color: white!important;
    text-decoration: none;
}
.button1 .icons {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2.3rem 0px 15px;
    /* width: 1.25rem; */
    height: 2.6rem;
    top: 5px;
}
.button1 .icons i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.button1 .icons .icon-default {
    transition: opacity 0.3s, transform 0.3s;
}
.button1 .icons .icon-hover {
    transition: opacity 0.3s, transform 0.3s;
    transform: rotate(-90deg) scale(0.);
    opacity: 0;
}
.button1:hover {
    transform: scale(1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.button1:hover .icon-default {
    transform: rotate(90deg) scale(0.5);
    opacity: 0;
}
.button1:hover .icon-hover {
    transform: rotate(0deg) scale(1);
    opacity: 1;
}
.cart-price-btn{
    margin-top: 20px;
}
.filter-inner h5{
    margin-top: 22px;
    font-size: 15px;
}
.filter-inner h4{
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.reset-btn-sec{
    text-align: right;
}
.reset-btn{
    background: #ededed;
    border: none;
    color: #2a2a2a;
    padding: 8px 15px;
    border-radius: 5px;
    display: inline-block;
    transition: .3s all;
}
.reset-btn:hover{
    text-decoration: none;
    color: #2a2a2a;
    background: #dcdcdc;
}


@media(max-width:770px){

    /* The Modal (background) */
    .fmodal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 9999; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        -webkit-animation-name: fadeIn; /* Fade in the background */
        -webkit-animation-duration: 0.4s;
        animation-name: fadeIn;
        animation-duration: 0.4s
    }

    /* Modal Content */
    .fmodal-content {
        position: fixed;
        bottom: 0;
        background-color: #fefefe;
        width: 100%;
        -webkit-animation-name: slideIn;
        -webkit-animation-duration: 0.4s;
        animation-name: slideIn;
        animation-duration: 0.4s
    }

    /* The Close Button */
    .fclose {
        color: #000;
        text-align: right;
        font-size: 28px;
        font-weight: bold;
        margin-right: 15px;
    }

    .fclose:hover,
    .fclose:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

    .fmodal-header {
        padding: 2px 16px;
        background-color: #5cb85c;
        color: white;
    }

    .fmodal-body {padding: 2px 16px;}

    .fmodal-footer {
        padding: 2px 16px;
        background-color: #5cb85c;
        color: white;
    }

    /* Add Animation */
    @-webkit-keyframes slideIn {
        from {bottom: -300px; opacity: 0} 
        to {bottom: 0; opacity: 1}
    }

    @keyframes slideIn {
        from {bottom: -300px; opacity: 0}
        to {bottom: 0; opacity: 1}
    }

    @-webkit-keyframes fadeIn {
        from {opacity: 0} 
        to {opacity: 1}
    }

    @keyframes fadeIn {
        from {opacity: 0} 
        to {opacity: 1}
    }
    .fmy-modal-main{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fmy-modal-btn{
        position: fixed;
        bottom: 10px;
        background: #00000094;
        color: #fff;
        border-radius: 50px;
        font-weight: 100!important;
        padding: 1.2rem 2.5rem!important;
        z-index: 9
    }
    .fmy-modal-btn.btn:focus,.fmy-modal-btn.btn:hover{
        color: #fff;
    }
    .fmy-modal-btn i{
        margin-left: 10px;
    }

}

.sidepanel::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.sidepanel::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.sidepanel::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.main-result-sec .panel-inner::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.main-result-sec .panel-inner::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}
.main-result-sec .panel-inner::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d6d6d6;
}
.irs--round.irs-with-grid{
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.c-flex{
    display: flex;
}
.comple-sec .cus-check{
    padding-left: 0px;
    width: 100%;
}
.comple-sec .checkmark{
    left: unset;
    right: 0;
}
.main-result-modal.modal{
    z-index: 9999;
}
.c-visible-xs{
    display: none!important;
}
@media(max-width: 768px){
    .c-visible-xs{
        display: block!important;
    }
    .cart-item-extras{
        display: inherit;
    }
    .cart-item-remove{
        display: block;
        text-align: right;
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .top-form-acc-main .panel-title{
        text-align: center;
    }
    .searchform-content-main{
        padding-left: 15px;
        padding-right: 15px;
    }
    .searchform .form-group, .subcatid.form-control {
        margin-bottom: 15px!important;
    }
    .form-search-btn{
        margin-top: 10px
    }
    #searchform{
        margin-top: 15px;
    }
    .msform#searchform{
        margin-top: 0px;
    }
    .main-arrow-sec .arrow-c{
        margin: -22px auto auto;
    }
    .getmodal-inner .modal-header, .getmodal-inner .modal-body {
        padding: 0px;
    }
    #brandfilter label{
        margin: 2px!important;
    }
    .sidebar-keydate .side-kd-span-txt{
        display: block;
        margin-top: 7px;
        font-size: 11px;
    }
    .sidebar-keydate .side-kd-span{
        margin-top: 5px;
        padding: 5px;
        font-size: 10px;
    }
    .offline-info-sec .offline-txt-bottom2{
        line-height: 37px;
    }
    .offline-info-sec .offline-ref-txt{
        padding: 20px!important;
        border-radius: 20px;
    }
    .offline-info-sec .offline-ref-txt a{
        margin-left: 0;
        color: #fff;
        margin-top: 12px;
        padding: 1rem 3rem;
    }
    .search-results-main.main-col-adj{
        padding-top: 23px;
    }
    .deals-price-sec{
        margin-top: -20px
    }
    .pay-sec-main label.cus-check{
        font-size: 15px;
    }
    .main-result-sec .offline-info-sec-main{
        width: 100%;
        padding: 2rem 2rem;
    }
    #expiry-sec-cus{
        width: 100%!important;
        padding: 2rem 2rem!important;
    }
    #expiry-sec-cus  .offline-ref-sec1 .offline-ref-txt{
        padding: 3rem;
    }
    #expiry-sec-cus .offline-ref-txt .btn{
        margin-top: 2rem;
        margin-left: 0;
        display: block;
    }
    
}
.main-result-modal .info-icon{
    margin-top: 3px;
}

#toTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 0;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
    transition: .2s all;
    font-weight: bolder;
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #1081e0 0%, #50b0fd 51%, #1283e1 100%);
    text-align: center;
margin: 0 auto;
}
#toTop i{
    text-align: center;
}
#toTop:hover {
    background-position: right center;
}
.scroll-top-btn.bubbly-button {
    padding: inherit;
    margin-bottom: 0;
}
.filter-sec-inner-sec{
    padding-left: 20px;
    padding-right: 20px;
}
h5.miles-ti{
    margin-bottom: -5px
}
.ui-timepicker-container {
    z-index: 99999 !important;
}
.noresicon{
    font-size: 350px;
    color: #eee;
}
.norestxt{
    padding-bottom: 25px;
    color: #aaa;
}
.no-result-img{
    width: 350px;
    padding-top: 40px;
    padding-bottom: 20px;
    max-width: 100%;
}

/* float text start */
.pure-material-textfield-outlined {
    /* --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); */
    position: relative;
    display: inherit;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}

/* Input, Textarea */
.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color: #ccc;
    border-top-color: transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}

/* Span */
.pure-material-textfield-outlined > input + span,
.pure-material-textfield-outlined > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: #ccc;
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size: 75%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Corners */
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::before,
.pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: #ccc;
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Hover */
.pure-material-textfield-outlined:hover > input,
.pure-material-textfield-outlined:hover > textarea {
    border-color: #ccc;
    border-top-color: transparent;
}

.pure-material-textfield-outlined:hover > input + span::before,
.pure-material-textfield-outlined:hover > textarea + span::before,
.pure-material-textfield-outlined:hover > input + span::after,
.pure-material-textfield-outlined:hover > textarea + span::after {
    border-top-color: #ccc;
}

.pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown {
    border-color: #ccc;
}

/* Placeholder-shown */
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown {
    border-top-color: #ccc;
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 68px;
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

/* Focus */
.pure-material-textfield-outlined > input:focus,
.pure-material-textfield-outlined > textarea:focus {
    border-color: #ccc;
    border-top-color: transparent;
    /* box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1); */
    outline: none;
}

.pure-material-textfield-outlined > input:focus + span,
.pure-material-textfield-outlined > textarea:focus + span {
    /* color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); */
} 

.pure-material-textfield-outlined > input:focus + span::before,
.pure-material-textfield-outlined > input:focus + span::after,
.pure-material-textfield-outlined > textarea:focus + span::before,
.pure-material-textfield-outlined > textarea:focus + span::after {
    border-top-color: #ccc;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}

/* Disabled */
.pure-material-textfield-outlined > input:disabled,
.pure-material-textfield-outlined > input:disabled + span,
.pure-material-textfield-outlined > textarea:disabled,
.pure-material-textfield-outlined > textarea:disabled + span {
    border-color: #ccc;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.pure-material-textfield-outlined > input:disabled + span::before,
.pure-material-textfield-outlined > input:disabled + span::after,
.pure-material-textfield-outlined > textarea:disabled + span::before,
.pure-material-textfield-outlined > textarea:disabled + span::after {
    border-top-color: #ccc;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span {
    border-top-color: #ccc;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}
/* float text end */


.check-title{
    text-align: left;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 25px;
}
.check-form-sec{
    margin-bottom: 3rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    position: relative;
    word-wrap: break-word;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 6px;
    background-color: #FFF;
    padding: 2.5rem;
}
.check-form-sec form{
margin-bottom: 0;
}
.check-form-sec h4 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 15px;
}
.mt-20{
    margin-top: 20px;
}
.box-det-sec img{
    width: 22px;
    padding: 0;
    margin-right: 10px;
    margin-top: -4px;
}
.checkout-main .title-info h3{
    margin-top: 5px;
}
.dt-sec p{
margin-bottom: 0;
font-size: 14px;
}


.check-list-item-price h3{
    color: #6cc04a;
    font-size: 30px;
}
.check-list-item-price{
    padding-left: 30px;
}
.label.label-danger{
    margin-right: 5px;
}

.cart-list-item-sec{
    display: flex;
    justify-content: space-between;
}
.cart-list-item-sec h3{
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 23px;
}
.cart-list-item-sec h3 span{
    font-size: 14px;
    position: relative;
    top: -2px;
    margin-left: 5px;
}
.cart-list-item-sec{
    border-bottom: 2px solid #ededed;
    padding-bottom: 10px;
}
.cart-list-item-sec:last-child{
    border-bottom: none;
}
.cart-price-btn a:hover{
    text-decoration: none;
}
.cart-price-btn a:focus{
    color: #fff;
    text-decoration: none;
    outline: 0;
}
.checkout-main .cart-price-sec{
    padding-top: 0;
}
.checkout-main .cart-price-sec-deposit h4{
    margin-bottom: 0;
    margin-top: 5px;
}
.checkout-main .cart-price-sec-main h4{
    font-size: 16px;
}
.checkout-main .cart-price-sec-main{
    background: #ededed;
    padding: 15px;
    margin-top: 13px;
    border-radius: 5px;
    position: relative;
}
.dark-txt{
    font-weight: 600;
}

@media(max-width: 768px){
    .mt-1.email-sec-row{
        margin-top: 0;
    }
    .checkout-main .title-info h3{
    font-size: 25px;
    margin-top: 15px;
}
.checkout-main .miles-label {
    font-size: 16px;
}
.checkout-main .miles-label img {
    width: 23px;
}
.checkout-main .no-pas {
font-size: 18px;
}
.label.label-danger{
    margin-right: 5px;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
}
.check-form-sec{
    padding: 2rem;
}
.checkout-main{
    padding:10px;
    margin-top: 3rem!important;
}
.checkout-main .check-title, .checkout-main .check-title1{
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
}
.checkout-price-txt{
    margin-left: 5px;
}
.back-txt{
    margin-top: 10px;
}
}
.check-title1{
    text-align: right;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 25px;
    color: #999;
}

.agree-txt .cus-check{
    margin-bottom: 0px;
}
.atag-color:hover, .atag-color:focus{
    color: #f24654;
}
.pay-sec-main{
    position: sticky!important;
    right: 0;
    top: 15%;
}
/* pay accordion start */
@media(max-width:768px){
    .pay-accordion {
        cursor: pointer;
        width: 100%;
        border: none;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
      }
      .pay-accordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
      }
      .pay-accordion.active:after {
        content: "\2212";
      }
      .pay-panel {
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out;
  }
  h4.box-det-sec{
    margin-bottom: 0;
  }
  .pay-panel-inner{
    margin-top: 20px;
  }
  .check-form-sec{
    margin-bottom: 2rem;
  }
  .booking-det{
    transition: max-height 1s ease-out;
  }
  .chk-ref-id{
      display: block;
      margin-top: 10px;
  }
  .check-add-remove{
    border-top: 2px solid #ededed;
    padding-top: 10px;
  }
  .cart-price-sec-main .__circle-left{
      left: -32px;
  }
  .cart-price-sec-main .__circle-right{
    right: -32px;
}
.search-form-inner{
    background: #fff;
    position: relative;
    z-index: 99;
}
.type-hire-filter .form-group label{
    display: block;
    width: auto;
}
.type-hire-filter-inner .form-group {
        width: 100%;
}
}
  .pay-img img{
    margin-top: 25px;
    width: 80%;
  }
  .pay-img{
    text-align: center;
  }
  .chk-extra{
    margin-top: -10px;
  }
  .chk-add{
    margin-right: 15px;
    background-color: #1081e0;
    padding: 5px 15px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
  }
  .check-add-remove a:hover,.check-add-remove a:focus{
      text-decoration: none;
      opacity: .8;
  }
  .chk-add:hover, .chk-add:focus{
      color: #fff;
  }
  .chk-remove{
    border: 1px solid #1081e0;
    padding: 5px 15px;
    border-radius: 4px;
    color: #000;
    background-color: #fff;
    font-size: 14px;
  }
  .chk-remove:hover, .chk-remove:focus{
    color: #000;
}


  .check-add-remove{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
  }

  /* Snackbar toat code start */
  #snackbar {
    visibility: hidden;visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 12px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 16px;
    z-index: 9999;
  }
  #snackbar1{
    position: fixed;
    right: 30px;
    top: 13.5%;
    z-index: 999;
  }
  #snackbar1 span{
      display: block;
      font-size: 12px;
  }
  #snackbar-main{
      position: relative;
  }
  #snackbar.show{
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 4s;
    animation: fadein 0.5s, fadeout 0.5s 4s;
  }
 
  @-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }
  .swal2-container .swal2-popup{
    font-size: 14px;
  }
  .swal2-container .swal2-styled.swal2-confirm{
    border: 1px solid #1081e0;
    background-color: transparent!important;
    color: #000;
    border-left-color: #1081e0!important;
    border-right-color: #1081e0!important;
  }
  .swal2-container .swal2-styled.swal2-cancel{
    background-color: #1081e0!important;
    border: none;
  }
  .swal2-container .swal2-styled.swal2-confirm, .swal2-container .swal2-styled.swal2-cancel{
  box-shadow: none;
  }
  .swal2-container.swal2-backdrop-show {
    background: #000000c2!important;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(#1081e01f,#1081e01f)!important;
}
.__circle-left{
display: inline-block;
position: absolute;
top: 0;
z-index: 1;
width: 22px;
height: 22px;
background: #ededed;
border-radius: 50%;
left: -36px;
-webkit-box-shadow: inset -1px 0 0 #ededed;
box-shadow: inset -1px 0 0 #ededed;
}
.__circle-right{
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 22px;
    height: 22px;
    background: #ededed;
    border-radius: 50%;
    right: -36px;
    -webkit-box-shadow: inset -1px 0 0 #ededed;
    box-shadow: inset -1px 0 0 #ededed;
 }
 .cart-list-item-price h5{
    font-size: 13px;
    margin-top: 0;
 }
 @media(min-width:768px){
     .search-form-inner .searchform{
        background: #fff;
        padding: 25px 25px 50px;
        border-radius: 8px;
        box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
        margin-bottom: 30px;
        margin-top: 20px;
     }
     .ser-desc{
        display: inline-block;
        margin-top: -10px;
     }
     .custom-half{
        width: 50%!important;
        padding-right: 10px!important;
    }
    .half-p1{
        padding-right: 10px!important;
    }
    /* .topdroplocationpostcode, .half-p2{
        padding-left: 10px!important;
    } */
    .top-search-inner.col-md-12{
        padding: 0!important;
    }   
    .cus-check:hover input ~ .checkmark {
        background-color: #1081e0;
    } 
 }
 .top-search-inner #error{
     margin-top: 5px;
 }
 .type-hire-filter input[type="radio"]{
    display: none;
    margin: 0;
    padding: 0;
}
.type-hire-filter label{
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    border: 1px solid #1081e0;
    transition: .2s all;
    width: 100%;
    text-align: center;
}
.type-hire-filter label:hover{
    background-color: #67d6b530
}
.type-hire-filter input[type="radio"]:checked + label{
    background-image: linear-gradient(to right, #1081e0 0%, #50b0fd 100%);
    color: #fff;
}
.type-hire-filter input[type="radio"]:checked + label span.fa{
    color: #ffffff;
}

.type-hire-filter-inner{
    margin-top: 20px;
    margin-bottom: 0px;
}
.type-hire-filter-inner label span.fa{
position: absolute;
right: 20px;
top: 10px;
font-size: 18px;
color: #ddd;
}
.type-hire-filter-inner .form-group{
margin-right: 0px;
margin-bottom: 7px;
position: relative;
}

.irs--round .irs-single {
    background-color: #1081e0;
}
.irs--round .irs-single:before {
    border-top-color: #1081e0;
}
.irs--round .irs-handle{
    border: 4px solid #1081e0;
}
.pac-icon {
    margin-right: 15px;
    margin-top: 3px;
    display: inline-block;
    vertical-align: top;
    background-size: 34px;
    position: absolute;
    right: 0;
    color: #ddd;
    font-size: 20px;
}
.easy-autocomplete-container li.selected .pac-icon  {
    color: #fff;
}
.easy-autocomplete-container ul li.selected{
    background-color: #33c69a!important;
    color: #fff;
}
.pac-icon-search {
    background-position: -1px -1px;
}
.easy-autocomplete .easy-autocomplete-container ul li{
    padding: 10px 12px;
}
.firststep-field .easy-autocomplete .easy-autocomplete-container ul li{
    padding: 0px;
}
.easy-autocomplete-container ul li div.eac-item{
    display: inline-block;
    width: 100%;
    padding: 13px 12px;
}
.ui-timepicker{
    text-align: left!important
}
.cus-icon-t:after{
    content: '\f058';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    position: absolute;
    right: 33px;
    z-index: 999;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
    background-size: 34px;
    position: absolute;
    color: #ddd;
    font-size: 20px;
}
.ui-timepicker-standard .ui-state-hover.cus-icon-t:after{
    color: #fff
}
.ui-timepicker-standard a{
    position: relative;
}
.ui-timepicker-container.ui-timepicker-standard{
    padding: 0px;
}
.ui-timepicker-container.ui-timepicker-standard .ui-menu-item {
    margin: 0;
    padding: 0;
    background: inherit;
    border-image: none;
    display: block;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
li.customoption1:after{
    content: '\f058';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    position: absolute;
    right: 33px;
    z-index: 999;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
    background-size: 34px;
    position: absolute;
    color: #ddd;
    font-size: 20px;
}
li.customoption1:hover:after, li.customoption1.option.selected:after{
    color: #fff;
}
.drop_postcodediv .easy-autocomplete{
    width: 100%!important;
}
.drop_postcodediv .easy-autocomplete input {
    border-color: inherit;
    border-radius: inherit;
    border-style: inherit;
    border-width: inherit;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px;
}
h4.als-txt{
    font-size: 17px;
    text-align: center;
    margin-bottom: 15px;
}
h4.als-txt:before{
    position: absolute;
    height: 2px;
    width: 100%;
    background: #33c69a;
}
.also-t-btn{
margin-top: 25px;
background: #ededed;
    padding: 8px 20px;
    border-radius: 7px;
}
.card-bg{
    background: #ededed;
    padding: 20px 20px 8px 20px;
    border-radius: 7px;
}
.also-t-btn input[type="radio"]:checked + label {
    background-color: #1081e0;
    color: #000;
    border: 2px solid #1081e0;
    color: #fff;
}
.also-t-btn input[type="radio"]:checked + label span.fa {
    color: #fff;
}
@media(min-width:768px){
.filter-sticky{
    position: sticky!important;
    top: 17%;
}
}
.also-t-btn label {
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    border: 1px solid #1081e0;
    transition: .2s all;
    width: 100%;
    text-align: center;
}
.blue{
    color: #1081e0;
}
.suc-h4{
    font-size: 20px;
}
.suc-img{
    width: 300px;
    padding-top: 10px;
    margin: 0 auto;
    margin-bottom: 35px;
}
.suc-btn{
    margin-top: 5rem;
}
.paid-txt{
    display: inline-block;
    border: 1px dashed #1081e0;
    padding: 15px;
    border-radius: 30px;
    font-size: 15px;
}
.suc-btn span.fa{
    margin-left: 10px;
    font-size: 22px;
    vertical-align: middle;
    margin-top: -4px;
}

.tick-svg{
    position: relative;
}
/* animation start */
.svg-success {
    display: inline-block;
    vertical-align: top;
    height: 35px;
    width: 35px;
    opacity: 1;
    /* position: absolute; */
    overflow: visible;
    margin-top: -165px;
}
@keyframes success-tick {
    0% {
        stroke-dashoffset: 16px;
        opacity: 1;
   }
    100% {
        stroke-dashoffset: 31px;
        opacity: 1;
   }
}
@keyframes success-circle-outline {
    0% {
        stroke-dashoffset: 72px;
        opacity: 1;
   }
    100% {
        stroke-dashoffset: 0px;
        opacity: 1;
   }
}
@keyframes success-circle-fill {
    0% {
        opacity: 0;
   }
    100% {
        opacity: 1;
   }
}
.svg-success .success-tick {
    fill: none;
    stroke-width: 1px;
    stroke: #fff;
    stroke-dasharray: 15px, 15px;
    stroke-dashoffset: -14px;
    animation: success-tick 450ms ease 1400ms forwards;
    opacity: 0;
}
.svg-success .success-circle-outline {
    fill: none;
    stroke-width: 1px;
    stroke: #6cc04a;
    stroke-dasharray: 72px, 72px;
    stroke-dashoffset: 72px;
    animation: success-circle-outline 300ms ease-in-out 800ms forwards;
    opacity: 0;
}
.svg-success .success-circle-fill {
    fill: #6cc04a;
    stroke: none;
    opacity: 0;
    animation: success-circle-fill 300ms ease-out 1100ms forwards;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .svg-success .success-tick {
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
        animation: none;
        opacity: 1;
   }
    .svg-success .success-circle-outline {
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
        animation: none;
        opacity: 1;
   }
    .svg-success .success-circle-fill {
        animation: none;
        opacity: 1;
   }
}

/* animation end */
.top-row-flex{
    display: flex;
    align-items: center;
}

.deal-price{
    margin-top: -1px;
}
.h-phone-icon {
    position: relative;
}
.side-nav-sec a {
    text-decoration: none;
    color: #232323;
    transition: color 0.3s ease;
}
.h-phone-icon a {
    background: #6cc04a;
    color: #fff;
    border-radius: 30px;
    padding: 10px 15px;
    font-size: 15px;
    transition: .3s all;
}
.h-phone-icon img {
    width: 25px;
}
@media(max-width: 480px){
    .h-phone-icon a {
        font-size: 12px;
        white-space: nowrap;
        padding: 6px 15px;
    }
    .phone-txt span.fa{
        font-size: 13px;
    }
    a.navbar-brand {
        padding-left: 0;
    }
    .h-phone-icon img {
        width: 30px;
    }
    .pl-xs{
        padding-left: 0;
    }
    /* .main-search-form {
        margin-top: 6.1vh!important;
    } */
    .ser-title h3.c-flex{
        align-items: center;
    }
    .comple-sec .cus-check{
        font-size: 14px;
    }
    .checkmark span{
        font-size: 14px;
        top: -1px;
    }
    .comple-sec .cus-check{
        padding-right: 75px
    }
    .search-type h4{
        padding-right: 10px;
        line-height: 24px;
    }
    .subcat_div.sort-sec .dropdown1 .list {
        width: 100%!important;
    }
    #selecttype-icon2.fa-check-circle:before{
        margin-left: 6px;
    }
    .top-main-review .our-review2 {
        width: 150px;
        margin-left: 20px;
    }
    .top-main-review .our-review1 {
        margin-left: 0;
        margin-right: 0;
    }
    .top-main-review1 .top-main-review{
    padding-left: 0;
    padding-right: 0;
    }
    .top-main-review1 .our-review2 img{
        margin-left: 0;
    }
    .top-search-sec.msform .action-button{
        font-size: 17px;
    }
    .top-search-sec.msform .action-button .fa{
        font-size: 17px;
    }
    .msform #progressbar li{
        font-size: 14px;
    }
    .about-det-sec .modal-agree-txt label{
        font-size: 14px!important;
    }
    .top-search-sec.msform .about-info-sec h4{
        font-size: 19px;
    }
    .top-search-sec.msform .about-info-sec p {
        font-size: 13px;
    }
    a.navbar-brand {
        padding: 0px 12px 0px 0px!important
    }
    .pay-sec-main #proceed-checkout-btn{
        font-size: 18px;
    }
    #quoteform-modal{
        padding-top: 25px!important
    }
    .brandfilter-main #brandfilter label{
        width: 23%;
    }
    .brandfilter-main #brandfilter label i.fa {
        right: 5px;
        top: 5px;
        font-size: 12px;
    }
    .main-nav .navbar-brand{
        width: 200px;
    }
    div.msg-top-checkout{
        display: block;
        border-radius: 20px;
    }
    .msg-top-checkout a.call-profile-btn{
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }
    .toast {
        width: 90%;
        margin: 0 auto;
    }
    #snackbar1 {
    right: 0;
    }
    .loader .overlay-inner{
        max-width: 90%
    }
    .ui-timepicker-container .cus-icon-t:after{
        right: 8px;
    }
}
.phone-txt{
    margin-left: 8px;
    font-size: 14px
}
.phone-txt span{
    margin-right: 7px;
    font-size: 18px;
}
.quote-ref-txt{
    background: #ededed;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 15px;
}
.h-phone-icon a:hover, .h-phone-icon a:focus{
    color: #fff;
    text-decoration: none;
    background-color: #6cc04acf;
}
.back-txt{
    background: #fff;
    color: #555;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
}
.back-txt i{
    margin-right: 5px;
}
.top-cont-det{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.has-search .easy-autocomplete{
    width: 100%!important;
}


.panel-title{
    text-align: center;
}
.panel-heading {
    padding: 0;
      border:0;
  }
  .panel-title>a, .panel-title>a:active{
      display:inline-block;
      padding:15px;
    color:#555;
    font-size:16px;
    font-weight:bold;
      text-transform:uppercase;
      letter-spacing:1px;
      text-decoration:none;
  }
  .panel-heading  a:before {
    font-family: "FontAwesome";
    content: "\f107";
    float: right;
    transition: all 0.5s;
    margin-left: 10px;
    font-size: 18px;
  }
  .panel-heading.active a:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg);
  } 
 .top-form-acc-main{
     background-color: #fff;
 }

 .panel-title a:focus, .panel-title a:hover{
    background: #e8f0fe;
    border-radius: 4px;
    text-decoration: none;
 }
 @media(min-width:998px){
    .custom-col{
        width: 16.66666667%!important;
     }
     .msform .custom-col{
        width: none!important;
     }
     .top-form-acc-main{
        background-color: #fff;
        padding-left: 50px;
        padding-right: 50px;
    }
 }
 
 .arrow-c{
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    position: absolute;
    top: 46%;
    right: 0;
    left: 0;
    cursor: pointer;
    margin: 0;
    z-index: 4;
    margin-left: -2.2rem;
    margin-top: 13px;
    text-align: center;
 }
 .arrow-c:hover{
     background-color: #e8f0fe;
 }
 .arrow-c img{
    max-width: 100%;
    margin: 0 auto;
 }
 .main-arrow-sec{
     position: relative;
 }
 .arrow-curve{
    background-color: white;
    border: 1px solid #dadce0;
    border-radius: 100%;
    box-sizing: border-box;
    height: 40px;
    position: absolute;
    top: 8px;
    width: 40px;
    right: -24px;
 }
 /* .rotate{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.rotate.down{
    -moz-transform:rotateZ(180deg);
    -webkit-transform:rotateZ(180deg);
    transform:rotateZ(180deg);
} */
.footer-img{
    width: 300px;
    max-width: 100%;
}
.footer-img-sec{
    text-align: center;
}
.footer-sec, .footer-sec1{
    position: relative;
}
.footer-sec:before{
    content: "";
    width: 90%;
    height: 1px;
    background: #000000;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: 2.8125rem;
    right: 0;
}
.footer-sec1:after{
    content: "";
    width: 90%;
    height: 1px;
    background: #000000;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: 2.8125rem;
    left: 0;
}
@media(min-width:769px){
.footer-first-sec{
    padding-left: 40px;
    padding-right: 40px;
   
}
.footer-first-sec.footer-last{
    display: flex;
    align-items: center;
}
}
@media(max-width:768px){
.footer-first-sec.footer-last {
    margin-top: 0px;
}

.footer-social{
    padding-top: 10px;
    padding-bottom: 10px;
}
.check-list-item-price{
    padding-left: 0px;
}
.filter-inner.fmodal-content{
    overflow-y: scroll;
    height: 100%; 
}

}
footer{
    background: #fff;
    padding: 50px 0px 50px
}
footer ul li a{
    color: #000;
}
footer ul li a:hover, footer ul li a:focus{
    text-decoration: none;
    color: #000;
}
.footer-last{
    margin-top: 3rem;
}
footer ul li{
    margin-bottom: 0.625rem
}
.footer-social{
    display: flex;
    justify-content: space-around;
}

.cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
}
.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width 0.3s;
}
.cool-link:hover::after {
    width: 100%;
}
/* Wrapper */
.icon-button {
    border-radius: 2.6rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3rem;
    height: 2.6rem;
    line-height: 2.6rem;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.6rem;
}

/* Circle */
.icon-button span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
}
.icon-button:hover span {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 4.6rem;
    margin-left: -22px;
    margin-top: -25px;
}

/* Icons */
.icon-button i {
    background: none;
    color: black;
    height: 2.6rem;
    left: 0;
    line-height: 2.6rem;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 2.6rem;
    z-index: 10;
    font-size: 25px;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}
.tumblr span {
	background-color: #34526f;
}
.instagram span {
	background-color: #517fa4;
}
.youtube span {
	background-color: #bb0000;
}
.pinterest span {
	background-color: #cb2027;
}
.linkedin span{
    background-color: #0073a4;
}
.icon-button .fa {
	color: #000000;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .fa-tumblr,
.icon-button:hover .fa-instagram,
.icon-button:hover .fa-youtube,
.icon-button:hover .fa-pinterest, .icon-button:hover .fa-linkedin {
	color: white;
}

@media all and (max-width: 680px) {
  .icon-button {
    border-radius: 1.6rem;
    font-size: 0.8rem;
    height: 1.6rem;
    line-height: 1.6rem;
    width: 1.6rem;
  }

  .icon-button:hover span {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    margin: -0.8rem;
  }

  /* Icons */
  .icon-button i {
	  height: 1.6rem;
	  line-height: 1.6rem;
	  width: 1.6rem;
  }
  .pinterest {
   display: none; 
  }
  .copyright p{
    font-size: 12px;
  }
}
.copyright {
    padding: 25px 0;
}
.copyright p{
    margin-bottom: 0;
}
.f-copy-line:before{
    content: "";
    width: 3px;
    height: 100%;
    background: #000000;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: 2.8125rem;
    left: 0;
}
.brand-footer{
    transition: .3s all ease-in-out;
    padding: 0px 2px;
}
.brand-footer:hover{
    color: #fff;
    background-color: #ef1628;
    text-decoration: none;
    border-radius: 1px;
}
.form-control-feedback.fa {
    color: #33c69a;
    font-size: 22px;
}

.bottom-loader .form-search-btn.btn{
    position: inherit;
    width: 100%;
    border-radius: 4px;

}

/* second floating label style */
  /****  floating-Lable style start ****/
.top-search-sec .floating-label { 
    position:relative; 
  }
.top-search-sec .floating-input ,.top-search-sec .floating-select {
    font-size:14px;
    display:block;
    width:100%;
    background-color: transparent;
    border:none;
    border-bottom:1px solid #757575;
  }
  
  .top-search-sec .floating-input:focus ,.top-search-sec .floating-select:focus {
       outline:none;
       border-bottom:2px solid #5264AE; 
  }
  
  .top-search-sec label {
    color: #333;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    left: 1.5rem;
    top: 15px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    z-index: 9;
  }
  
  .top-search-sec .floating-input:focus ~ label,.top-search-sec .floating-input:not(:placeholder-shown) ~ label {
    top:-13px;
    font-size:11px;
    color:#1283e1;
  }
  
  .top-search-sec .floating-select:focus ~ label ,.top-search-sec .floating-select:not([value=""]):valid ~ label {
    top:-13px;
    font-size:11px;
    color:#1283e1;
  }
  .hire-label-type{
    top:-13px!important;
    font-size:11px!important;
    color:#1283e1!important;
    left: 5px!important;
    background-color: #fff!important;
    padding: 0px 5px!important;

  }
  /* active state */
  .top-search-sec .floating-input:focus ~ .bar:before,.top-search-sec .floating-input:focus ~ .bar:after,.top-search-sec .floating-select:focus ~ .bar:before,.top-search-sec .floating-select:focus ~ .bar:after {
    width:50%;
  }
  
  .top-search-sec .floating-textarea {
     min-height: 30px;
     max-height: 260px; 
     overflow:hidden;
    overflow-x: hidden; 
  }
  
  /* highlighter */
  .top-search-sec .highlight {
    position:absolute;
    height:50%; 
    width:100%; 
    top:15%; 
    left:0;
    pointer-events:none;
    opacity:0.5;
  }
  
  /* active state */
  .top-search-sec .floating-input:focus ~ .highlight ,.top-search-sec .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
  }
  
  /* animation */
  @-webkit-keyframes inputHighlighter {
      from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
  }
  @-moz-keyframes inputHighlighter {
      from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
  }
  @keyframes inputHighlighter {
      from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
  }
  
  /****  floating-Lable style end ****/
 
  /***   daniel - Fork me friend - style   ***/
  .top-search-sec .floating-credit { position:fixed; bottom:10px;right:10px; color:#aaa; font-size:13px;font-family:arial,sans-serif; }
  .top-search-sec .floating-credit a { text-decoration:none; color:#000000; font-weight:bold; }
  .top-search-sec .floating-credit a:hover { border-bottom:1px dotted #f8f8f8; }
  .top-search-sec .floating-heading { position:fixed; color:#aaa; font-size:20px; font-family:arial,sans-serif; }
  /***  daniel - Fork me friend - style  ***/
/* second floating label style */


.select-label1 {
    -webkit-transition: 0.2s ease all!important;
    -moz-transition: 0.2s ease all!important;
    -o-transition: 0.2s ease all!important;
    transition: 0.2s ease all!important;
    font-size: 14px!important;
    top: -13px!important;
    left: 5px!important;
    font-size: 11px!important;
    color: #1283e1!important;
    background-color: #fff!important;
    padding: 0px 5px!important;
    border-radius: 2px;
}
@supports (-ms-ime-align:auto) {
    .select-label1 {
        -webkit-transition: 0.2s ease all!important;
        -moz-transition: 0.2s ease all!important;
        -o-transition: 0.2s ease all!important;
        transition: 0.2s ease all!important;
        font-size: 14px!important;
        top: -13px!important;
        left: 5px!important;
        font-size: 11px!important;
        color: #1283e1!important;
        background-color: #fff!important;
        padding: 0px 5px!important;
        border-radius: 2px;
    }
}

.subcat_div.sort-sec .dropdown1{
    width: 100%;
    max-width: 100%;
    height: 55px;
}
.subcat_div.sort-sec .dropdown1:after{
    display: none;
}

.subcat_div.sort-sec .dropdown1 .list{
    width: auto;
    max-width: initial;
}
.subcat_div li.customoption1:after{
    right: 10px;
}
.subcat_div.sort-sec {
    display: inherit;
    flex-wrap: wrap;
}
.subcat_div.sort-sec .dropdown1 .option{
    padding-right: 50px;
    color: #000;
}
.subcat_div.sort-sec .current{
    overflow-x: hidden;
    display: block;
    color: #333;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    z-index: 9;
}
#selecttype-icon2.form-control-feedback.fa{
    /* background: #fff;
    height: 50px;
    margin-top: 2px;
    margin-right: 4px; */
   
}

#spinner{
    margin-top: 25px;
}
#spinner img{
    width: 60px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: -2px 1px 6px 1px rgba(0, 0, 0, 0.12)
}
.our-review1{
    margin-left: 0px;
    margin-right: 20px;
    vertical-align: middle;
}
.our-review1 img{   
    width: 100px
}
.top-main-review{
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-main-review p{
    margin-bottom: 0;
    font-size: 13px;
}
.our-review2 img{
    width: 100px;
    margin-left: 15px;
}
@media(max-width: 1024px){
    .main-review-sec{
        display: none;
    }
}
.getmodal-inner .modal-dialog{
    height: auto;
    max-height: 100%;
    
}
#quoteform-modal{
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Multistep for start */
/*form styles*/
.msform {
    width: 100%;
    margin: 0px auto;
    position: relative;
    height: auto
}
.msform fieldset {
    border: 0 none;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3%;
    background: #fff;
    box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 5px 5px;
    margin-bottom: 0px;
    padding: 35px;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
}
/*Hide all except first fieldset*/
.msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
/* .msform input, .msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
} */
/*buttons*/
.msform .action-button {
    width: 100%;
    background: #1081e0;
    color: white;
    border: 0 none;
    border-radius: 6px;
    cursor: pointer;
    padding: 1.7rem .5rem;
    margin: 20px 0px;
    font-size: 19px;
    transition: 0.5s;
    background-image: -webkit-gradient(linear, left top, right top, from (#f24654 ), color-stop(51%, #c7454f), to(#1081e0));
    background-image: -webkit-linear-gradient(left, #f24654  0%, #c7454f 51%, #f24654  100%);
    background-image: -moz-linear-gradient(left,#f24654  0%, #c7454f  51%, #f24654  100%);
    background-image: -o-linear-gradient(left, #f24654  0%, #c7454f 51%, #f24654  100%);
    background-image: linear-gradient(to right, #f24654  0%, #c7454f 51%, #f24654  100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    margin-bottom: 0;

}
.msform .action-button:hover, .msform .action-button:focus {
	background-position: right center;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
/*progressbar*/

#progressbar {
    margin-bottom: 20px;
    margin-top: 0px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    padding-left: 0;
  }
  
  #progressbar li {
    list-style-type: none;
    color: #ccc;
    text-transform: uppercase;
    font-size: 12px;
    width: 33.3%;
    float: left;
    position: relative;
    font-weight: 600;
    text-align: center
  }
  
  #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    line-height: 40px;
    display: block;
    font-size: 17px;
    color: #ccc;
    background: #fff;
    border-radius: 30px;
    margin: 0 auto 8px auto;
    text-align: center;
  }
  
  
  /*progressbar connectors*/
  
  #progressbar li:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #ffffff;
    position: absolute;
    left: -50%;
    top: 18px;
    z-index: -1;
    /*put it behind the numbers*/
  }
  
  #progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
  }
  
  
  /*marking active/completed steps green*/
  
  #progressbar li.active:before,
  #progressbar li.active:after {
    background: #33c69a;
    color: #fff;
    -moz-transition: 2s ease-out;
    -o-transition: 2s ease-out;
    -webkit-transition: 2s ease-out;
    transition: 2s ease-out;
  }
  
  #msform fieldset:not(:first-of-type) {
    display: none;
  }
  #progressbar li.active{
    color: #231f20;
  }

/*progressbar*/

.jq-meter {
  margin: 10px 0px;
  border: 1px solid transparent;    
  box-shadow: inset 0 1px 3px rgba(0,0,0,.075);
  background-color: #fCfCfC;
  border-radius: 4px;
  position: relative;
}

.jq-meter .bar {
  width: 0;
  height: 22px;
  background-color: #f9f9f9;
  transition: all ease .5s;
  border-radius: 4px;
}

.jq-meter .bar + span {
  display: none;  
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  transition: all ease .5s;
}

.jq-meter.strong .bar + span {
  display: block;
  width: 100%;
  transition: all ease .5s;
}

.jq-meter.medium .bar + span {
  display: block;
  width: 66%;
  transition: all ease .5s;
}

.jq-meter.weak .bar + span {
  display: block;
  width: 33%;
  transition: all ease .5s;
}

.jq-meter.weak .bar {
  width: 33%;
  background-color: #c9302c;
  transition: all ease .5s;
  border-radius: 4px;
}

.jq-meter.medium .bar {
  width: 66%;
  background-color: #ec971f;
  transition: all ease .5s;
  border-radius: 4px;
}

.jq-meter.strong .bar {
  width: 100%;
  background-color: #398439;
  transition: all ease .5s;
  border-radius: 4px;
}
/* Multistep for end */

.msform.top-search-sec label{
    top: 20px;
}
.msform .form-control-feedback img{
    margin-top: 0;
}
.msform .select-label1{
    top: -6px!important;
}
.msform .easy-autocomplete li{
    text-align: left;
}
.msform .form-typehire{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.msform .form-typehire input[type="radio"]{
    display: none;
    margin: 0;
    padding: 0;
}
.msform .form-typehire input[type="radio"]:checked + label{
    background-color: #33c69a;
    border: 2px solid #33c69a;
    color: #fff;
}
.msform .form-typehire input[type="radio"]:checked + label span.fa{
    color: #ffffff;
}
.msform .form-typehire label {
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    padding: 10px 10px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 500;
    border: 2px solid #33C69C;
    transition: .3s all;
    width: 100%;
    text-align: center;
    position: unset;
    pointer-events: unset;
    transition: all .3s;
}
.msform .form-typehire input[type="radio"]:checked + label span.fa {
    color: #ffffff;
    transform: scale(1);
}
.msform .form-typehire .form-group {
    margin-right: 0px;
    margin-bottom: 12px;
    position: relative;
    width: 49%;
}
.msform .form-typehire label span.fa {
    position: absolute;
    right: 20px;
    top: 11px;
    font-size: 20px;
    color: #ddd;
    transform: scale(0);
    transition: all .3s;
}
.msform .form-typehire label:hover {
    background-color: #67d6b530;
}
.h4-txt{
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.msform .arrow-c {
    width: 35px;
    height: 35px;
    padding: 10px;
    margin-left: -27px;
    margin-top: 11px;
}
.msform.top-search-sec .floating-input:focus ~ label,.msform.top-search-sec .floating-input:not(:placeholder-shown) ~ label{
    top: -6px!important
}
.about-det-main{
    text-align: right;
}
.previous.action-button{
    float: left;
    clear: both;
    background-image: linear-gradient(to right, #ddd 0%, #ccc 51%, #ddd 100%);
    color: #000;
}
.msform .floating-input,.msform .floating-select{
    padding: 4px 17px;
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    position: relative!important;
}

/* Ripple effect */
/** * Component: Button * -------------------------------------------------- */
.c-button {
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    overflow: visible;
    transition: all 0.2s ease;
}
.c-button:hover, .c-button:focus {
    outline: 0;
    text-decoration: none;
}
.c-button:not(:disabled) {
    cursor: pointer;
}
/** * Mixin: Button Modifier * -------------------------------------------------- */
.c-button--purple {
    background: #967adc;
    text-shadow: 2px 2px 0 #7652d1;
}
.c-button--purple:hover {
    background: #8666d7;
}
/** * Component: Button * Modifier: Purple * -------------------------------------------------- */
/** * Component: Button * Modifier: Blue * -------------------------------------------------- */
.c-button--blue {
    background: #4a89dc;
    text-shadow: 2px 2px 0 #276ecc;
}
.c-button--blue:hover {
    background: #357bd8;
}
/** * Component: Button * Modifier: Red * -------------------------------------------------- */
.c-button--red {
    background: #e9573f;
    text-shadow: 2px 2px 0 #dc3519;
}
.c-button--red:hover {
    background: #e64328;
}
/** * Utility: Ripple * -------------------------------------------------- */
.c-ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
}
.c-ripple__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
}
.c-ripple.is-active .c-ripple__circle {
    animation: a-ripple 0.4s ease-in;
}
/** * Animation: Ripple * -------------------------------------------------- */
@keyframes a-ripple {
    0% {
        opacity: 0;
   }
    25% {
        opacity: 1;
   }
    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
   }
}

.previous.action-button .fa{
    right: 10px;
    position: relative;
    top: 0px;
}
.action-button .fa{
    font-size: 20px!important;
    margin: 0 0 0 10px!important;
    position: relative;
    top: 1px;
    color: #fff!important
}
.msform .green-act-btn{
    background-image: linear-gradient(to right, #33c69a 0%, #67d6b5 51%, #33c69a 100%);
}
.ui-timepicker-container.ui-timepicker-standard li.ui-menu-item{
    text-align: left;
}
@media(max-width:768px){
    .msform {
        width: 100%;
        padding: 15px;
    }
    .msform fieldset{
        width: 100%;
        margin: 0;
        padding: 17px;
    }
    #progressbar {
        padding: 0px 0px;
        margin-bottom: 25px;
        margin-top: 0px;
    }
    #progressbar li{
        background: transparent;
        font-size: 10px!important;
        color: #ffffff;
    }
    .msform .form-typehire .form-group{
        width: 100%;
    }
    .msform .arrow-c{
        margin-left: auto;
        margin-top: -25px 
    }
    .msform #progressbar li:before{
        font-size: 15px
    }
    #progressbar li.active{
        color: #ffffff;
    }
    .main-nav.navbar.navbar-fixed-top {
        padding: 10px 0px;
    }
    .checkout-main{
        margin-bottom: 30px;
    }    
    .offline-ref-no{
        margin-top: 10px;
        display: inline-block;
    }
    .offline-info-sec .offline-ref-txt a, .offline-txt-bottom2 a{
        display: block;
    }
    .main-result-sec .offline-info-sec{
        padding: 3rem 0px;
    }
}



.msform .first-nxt-btn{
    width: 100%!important
}
.about-info-sec{
margin-bottom: 5px;
text-align: center;
}
.about-info-sec h4{
    font-size: 20px;
    font-weight: 600;
}
.about-info-sec p{
    font-size: 15px;
    line-height: 20px;
}
.modal-agree-txt{
    position: relative;
    text-align: left;
}
.modal-agree-txt label{
    position: relative!important;
    margin-bottom: 15px!important;
    font-size: 17px!important;
    -webkit-user-select: none!important;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none!important;
    font-weight: 500!important;
    top: 0!important;
    left: 0!important;
    pointer-events: inherit!important;
}
.modal-agree-txt a{
text-decoration: underline;
color: #f24654;
}
.modal-agree-txt label:hover{
color: inherit;
}

.getmodal-main{
    width: auto;
    z-index: 9;
    background-color: #fff;
    background-color: rgb(33, 173, 231);
    position: fixed;
    right: 0;
    top: 52%;
    text-align: center;
    margin-right: -80px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.getmodal-inner .modal-header{
    border-bottom: none;
    padding-bottom: 0px;
}
.action-button .show-fa-s{
    font-size: 17px;
}
.about-det-sec input{
    border-radius: 4px!important;
}
.firststep-field .pac-icon{
    margin-top: 11px;
}
.main-search-form1 .easy-autocomplete .easy-autocomplete-container ul li {
    padding: 0;
    transition: all 0.2s;
}
.main-search-form1 .easy-autocomplete-container ul li div.eac-item{
    padding: 8px 12px;
}
.main-search-form1 .pac-icon{
    margin-top: 11px;
    font-size: 20px;
}

.ui-timepicker-container.ui-timepicker-standard li.ui-menu-item .ui-corner-all{
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: .7em .6em;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    background: #fff;
}
.dropdowndisableoption {
    color: #1081e0;
    margin-left: 20px;
    border-bottom: 1px solid #ededed;
    margin-right: 10px
}
.flex-center-c{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.flex-center-c img{
    margin-top: -4px!important
}
.msform .form-control{
    border: 1px solid #ccc!important;
    -webkit-appearance: none;
    border-radius: 6px;
}
.msform .select-label1{
    color: #464242!important;
}
.msform input, .msform select,.msform textarea{
    margin: 0px 0;    
}


.msform.top-search-sec .floating-input:focus ~ label, .msform.top-search-sec .floating-input:not(:placeholder-shown) ~ label{
    color: #464242!important;
}
.msform .easy-autocomplete-container ul li.selected, .modal-open .ui-timepicker-standard .ui-state-hover, .msform .cus-check input:checked ~ .checkmark, .msform .cus-check:hover input ~ .checkmark{
    background-color: #f24654!important;
}
.msform .checkmark{
    border: 1px solid #f24654;
    background-color: #fff;
}
.msform .subcat_div.sort-sec .dropdown1 .list{
    width: 100%;
}

.msform .dropdowndisableoption{
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: left;
    font-size: 13px
}
.msform .subcat_div.sort-sec .dropdown1{
    margin-bottom: 15px;
}
.modal-open .flatpickr-months{
    background: #f24654;
}
.modal-open .flatpickr-months .flatpickr-month{
    color: rgba(255, 255, 255, 0.9);
    fill: rgba(255, 255, 255, 0.9);
    height: 35px;
}
.modal-open .flatpickr-current-month{
    height: 35px;
    line-height: 1.3;
}
.modal-open .numInput.cur-year {
    box-shadow: none;
}
.modal-open .flatpickr-months .flatpickr-prev-month,.modal-open .flatpickr-months .flatpickr-next-month{
    color: rgba(255, 255, 255, 0.9);
    fill: rgba(255, 255, 255, 0.9);
}
.modal-open .flatpickr-weekdays {
    background: #f24654;
}
.modal-open span.flatpickr-weekday{
    color: #fff;
}
.modal-open .flatpickr-months .flatpickr-prev-month:hover svg, .modal-open .flatpickr-months .flatpickr-next-month:hover svg{
    fill: #fff;
}
.modal-open .flatpickr-day.today{
    border-color: #f24654
}
.modal-open .flatpickr-day.selected,.modal-open .flatpickr-day.startRange,.modal-open .flatpickr-day.endRange,.modal-open .flatpickr-day.selected.inRange,.modal-open .flatpickr-day.startRange.inRange,.modal-open .flatpickr-day.endRange.inRange,.modal-open .flatpickr-day.selected:focus,.modal-open .flatpickr-day.startRange:focus,.modal-open .flatpickr-day.endRange:focus,.modal-open .flatpickr-day.selected:hover,.modal-open .flatpickr-day.startRange:hover,.modal-open .flatpickr-day.endRange:hover,.modal-open .flatpickr-day.selected.prevMonthDay,.modal-open .flatpickr-day.startRange.prevMonthDay,.modal-open .flatpickr-day.endRange.prevMonthDay,.modal-open .flatpickr-day.selected.nextMonthDay,.modal-open .flatpickr-day.startRange.nextMonthDay,.modal-open .flatpickr-day.endRange.nextMonthDay{
    background-image: linear-gradient(to right, #f24654 , #f24654)
}
.modal-open .flatpickr-day.today:hover,.modal-open .flatpickr-day.today:focus{
    background: #f246546b;
}
.msform .subcatid.floating-select{
    padding: 7px 17px;
}
.msform .sort-sec .dropdown1 .list,.msform .sort-sec .dropdown1.open .list{
    transform: inherit;
}
.msform .sort-sec .dropdown1 .option:hover, .msform .sort-sec .dropdown1 .option.selected{
    background-color: #f24654!important;
}


a.navbar-brand {
    padding: 12px 15px
}
.ui-timepicker-container.ui-timepicker-standard li.ui-menu-item .ui-corner-all{
    transition: unset
}
#quoteform-modal{
    padding-top: 90px;
    z-index: 9999;
}

.about-det-sec #email{
    text-transform: lowercase;
}

#purechat-container .purechat-launcher-frame, #purechat-container .purechat-messenger-frame{
    z-index: 9999 !important;
}
.flex-cus-par-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.msform .cus-check{
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    display: unset;
    z-index: unset;
}
#cart_deposit1{
    margin-left: 5px;
    margin-right: 5px;
}
.cart-price-sec-main .info-icon{
    margin-bottom: 10px;
    width: 15px;
    margin-left: 5px;
}
.cart-title-sub{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bottom-cart-title-sub .info-icon{
    margin-bottom: -8px;
}
.sidepanel-inner #proceed-btn{
    font-size: 16px;
}
.main-nav.navbar.navbar-fixed-top{
    position: sticky;
    margin-bottom: 0;
}
.msform .sort-sec .list{
    overflow-y: scroll;
    height: 200px;
}
.msform .subcat_div.sort-sec .dropdown1 .option{
    position: relative;
}
.msform .easy-autocomplete-container ul{
overflow-y: scroll;
height: 180px;
}

#brandfilter{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* HIDE RADIO */
#brandfilter [type=checkbox] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* IMAGE STYLES */
  #brandfilter [type=checkbox] + .brand-img-cus {
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
  }
  
  /* CHECKED STYLES */
  #brandfilter [type=checkbox]:checked + .brand-img-cus {
    border: 2px solid #1081e0;
    border-radius: 5px;
    }
  #brandfilter label{
    background-color: unset;
    color: unset;
    border-radius: unset;
    padding: unset;
    cursor: unset;
    font-weight: unset;
    border: unset;
    transition: unset;
    width: auto;
    text-align: unset;
    margin-bottom: 0;
    width: 30%;
    margin: 6px;
    position: relative;
}
#brandfilter label i.fa{
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 18px;
    color: #ededed;
    cursor: pointer;
}
#brandfilter [type=checkbox]:checked ~ .brand-chk-cir, #brandfilter label:hover .brand-chk-cir{
    background: -moz-linear-gradient(top, #50b0fd 0%, #1081e0 100%);
    background: -webkit-linear-gradient(top, #50b0fd 0%,#1081e0 100%);
    background: linear-gradient(to bottom, #50b0fd 0%,#1081e0 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* .brandfilter-main{
    display: none;
} */
.brandfilter-main h4.als-txt{
margin-top: 0;
}
@media(max-width: 1440px){
    #brandfilter label{
        margin: 3px;
    }
}
.brandfilter-main.card-bg{
    margin-bottom: 25px;
    background: transparent;
    padding: 0;
}
p.par-id-txt{
    position: absolute;
    right: -7px;
    transform: rotate(90deg);
    top: 0;
}
.check-form-sec .part_pid1{
    position: unset;
    transform: unset;
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
.nav-contact-sec{
    width: 65%!important;
}
}
.sidebar-keydate .side-kd-span{
    display: inline-block;
    margin-top: 10px;
    padding: 6px;
    background-color: #ededed;
    border-radius: 4px;
    color: #65727f;
    margin-right: 5px;
}
@media(max-width: 768px){
footer .footer-img-sec{
    text-align: center;
    margin-top: 20px
}
footer .pay-panel{
    text-align: center;
}
footer .pay-accordion{
    background: #ddd;
    padding: 15px 25px;
    border-radius: 4px;
    margin-bottom: 0;
    text-align: center;
}
footer .pay-panel{
    padding: 0px 25px;
}
.footer-social-mobile{
    margin-top: 30px;
}
footer .pay-panel li {
    margin-bottom: 0;
    margin-top: 10px;
}
footer .hidden-xs{
    display: none!important;
}
.f-visible-xs, .footer-img-sec-m.visible-xs{
    display: block!important;
}
.footer-social .icon-button:not(:last-child){
    margin-right: 40px;
}
.footer-social{
    justify-content: center;
}
}
.f-visible-xs{
    display: none
}
.offline-info-title{
    margin-top: 0;
    margin-bottom: 25px
}
.offline-info-title span{
color: #1081e0
}
.offline-info-sec{
    text-align: center;
    padding: 5rem 0px
}
p.offline-t-txt{
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 32px;
}
p.offline-t-txt span{
font-weight: 600
}
.offline-txt-bottom{
margin-top: 20px;
}
.offline-txt-bottom2{
    font-size: 22px;
    font-weight: 600;
}
.offline-ref-sec{
    margin-top: 3rem;
}
.offline-ref-sec1{
    margin-top: 2rem;
}
.offline-ref-sec1 .offline-ref-txt{
    padding: 10px 10px 10px 20px;
}
.offline-ref-txt{
    font-size: 22px;
    display: inline-block;
    border: 2px dashed #1081e0;
    padding: 20px 25px;
    border-radius: 50px;
}
.offline-txt-bottom1{
    font-size: 18px;
}
.offline-txt-bottom2 a:hover, .offline-txt-bottom2 a:focus{
    color: #f24654;
}
.offline-ref-no{
    color: #6cc04a;
}
.offline-ref-txt1 .offline-ref-no{
    color: #999;
}
.offline-ref-txt1.offline-ref-txt{
    border: 0;
    background: #ededed;
    padding: 10px 10px 10px 25px;
}
.offline-info-sec-main{
padding: 2rem 8rem;
width: 70%;
margin: 0 auto;
}
.offline-ref-txt a, .offline-ref-txt a:active {
    transition: 0.5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#1081e0), color-stop(51%, #1081e0), to(#1081e0));
    background-image: -webkit-linear-gradient(left, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: -moz-linear-gradient(left,#1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: -o-linear-gradient(left, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: linear-gradient(to right, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    padding: 1.5rem 3rem;
    font-size: 16px;
    border-radius: 40px;
    text-transform: uppercase;
    margin-left: 25px;
    color: #fff;
}
.offline-ref-txt a:hover, .offline-ref-txt a:focus{
 background-position: right center;
 text-decoration: none;
 color: #fff;
}

.speciallogo {
    max-width: 130px;
    width: 130px!important;
}
.msg-top-checkout-inner{
    display: flex;
}
.msg-top-checkout-inner i{
font-size: 60px;
}
.msg-top-checkout-inner h4{
margin-top: 5px;
}
.contact-profile-t img{
    width: 60px;
}
.msg-top-checkout{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px dashed #1081e0;
    padding: 10px 20px;
    border-radius: 100px;
    margin-bottom: 30px;
}
.person-msg-sec{
    padding-left: 10px
}
a.call-profile-btn, a.call-profile-btn:active{
    transition: 0.5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#1081e0), color-stop(51%, #1081e0), to(#1081e0));
    background-image: -webkit-linear-gradient(left, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: -moz-linear-gradient(left,#1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: -o-linear-gradient(left, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-image: linear-gradient(to right, #1081e0 0%, #53b2fe 51%, #1081e0 100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    padding: 1rem 2rem;
    font-size: 16px;
    border-radius: 40px;
    text-transform: uppercase;
    margin-left: 15px;
    color: #fff;
}
a.call-profile-btn:hover, a.call-profile-btn:focus{
    background-position: right center;
    color: #fff;
}
.person-msg-sec p{
    font-size: 16px;
    margin-bottom: 0;
}




.toast__container {
    display: table-cell;
    vertical-align: middle;
}

.toast__cell{
  display:inline-block;
}

.add-margin{
  margin-top:20px;
}

.toast__svg{
  fill:#fff;
}

.toast {
  text-align:left;
    padding: 21px 0;
    background-color:#fff;
    border-radius:4px;
    max-width: 500px;
    top: 0px;
    position:relative;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
    background-image: linear-gradient(-45deg, #ad283e, #f24654)!important;
}
.toast__icon{
  position:absolute;
  top:50%;
  left:22px;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  padding: 7px;
  border-radius:50%;
  display:inline-block;
}
.toast__type {
  color: #fff;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 3px;
  text-transform: uppercase;
  font-size: 14px;
}
.toast__message {
    font-size: 14px;
    margin-top: 0;
  margin-bottom: 0;
    color: #fff;
}
.toast__content{
  padding-left:20px;
  padding-right:50px;
}
.toast__close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    fill: #fff;
    background: #ffffff73;
    padding: 5px;
    border-radius: 4px;
}
.toast__close svg{
    overflow: hidden;
    width: 8px;
    font-weight: bolder;
    fill: #fff;
    z-index: 99999;
}
.toast--blue .toast__icon{
  background-color:#1D72F3;
}
.toast--blue:before{
  background-color:#1D72F3;
}
.check-top-flex-row{
    padding-top: 10px;
    padding-bottom: 10px;
}
.check-h-phone-icon .h-phone-icon{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.check-top-flex-child-row{
    display: flex;
    align-items: center;
}
.light-txt3{
    color: #fdfdfd;
}
p.light-txt3{
    font-size: 10px;

}
.main-switch-sec .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
  }
  
  .main-switch-sec .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .main-switch-sec .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #33c69a;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #33c69a;
  }
  
  .main-switch-sec .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .main-switch-sec input:checked + .slider {
    background-color: #33c69a
  }
  .main-switch-sec input:checked + .slider:before{
    background-color: #fff
  }
  .main-switch-sec input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  .main-switch-sec input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .main-switch-sec .slider.round {
    border-radius: 34px;
  }
  
  .main-switch-sec .slider.round:before {
    border-radius: 50%;
  }
  .main-switch-sec{
      align-items: center;
      display: flex;
      justify-content: flex-end;
      margin-top: 0;
      margin-bottom: 20px;
  }
.main-switch-sec h4{
    margin-top: 0;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}
.text-success {
    color: #47BF9C !important;
}
.loader1-h3 h3{
    font-size: 22px;
    line-height: 30px;
    margin-top: 15px;
}
.brandlist-filter-m h3{
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}
.brand-f-m .slick-slide{
 height: auto;text-align: center;
}
.brand-f-m .slick-prev:before{
    content: "\f104";
    font-family: FontAwesome;
    color: #1081e0;
    font-weight: 700;
}
.brand-f-m .slick-slide:focus{
    outline: none;
}
.brand-f-m .slick-arrow{
background: #fff!important;
display: inline-block;
cursor: pointer;
border-radius: 30px;
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.14);
width: 40px;
height: 40px;
padding: 0;
z-index: 999;
/* margin: 0 0 0 -10px; */
}

.brand-f-m .slick-next:before{
    content: "\f105";
    font-family: FontAwesome;
    color: #1081e0;
    font-weight: 700;
}
.brandlist-filter-m label{
    width: unset!important;
}
.call-profile-btn:active {
    margin-left: unset!important;
}
#expiry-sec-cus{
    padding: 4rem 8rem;
    width: 70%;
    margin: 6rem auto;
    text-align: center;
}
#expiry-sec-cus .offline-ref-sec1{
    margin-top: 4rem;
}


/*  Manny Custom  */

.inner-info-det-main >.extra-det{margin-top:0;}
.te{
	box-shadow: 0px 0px 0px 6px #ededed;
    border-radius: 4px;
}

.l-card{border-radius: 10px;
    border: 1px solid #c7c7c7;}

.inner-info-det-main h5{padding:10px;border: 1px solid #c7c7c7;}
.deals-price-sec h3{color:#7f8281;}


.cus-navbar-brand{width:160px !important;}
.navbar-brand{transition: all .5s ease;}
a.cus-navbar-brand{padding:2px 4px;}

.footer{padding: 30px 0px 0px;}
.main-switch-sec{display:none;}


@media (max-width: 600px){
.deals-price-sec {
	margin-top: -40px;
}
.deals-price-sec h3{color:#7f8281;margin-bottom:3px;}
.r-item-title h3{    font-size: 16px;}
.r-item-price h3 span{font-size:25px;}
.r-item-price .btn{margin-top:5px;}


.main-nav .navbar-brand{width: 130px;}
}