@charset "utf-8";
/* CSS Document */


@import "usedcar-icons.css?v=2.0.0";

/* browser reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html, body {
    height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

b, strong {
    font-weight: bold;
}

img {
    background-color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    width: auto\9;
    height: auto;
    max-width: 100%;
}

ol, ul {
    list-style: none;
    zoom: 1;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td, caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: "";
        content: none;
    }

sub, sup, small {
    font-size: 75%;
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    overflow: hidden;
}

#map_canvas img, .google-maps img {
    max-width: none;
}
/* text reset */
body {
    font: 14px/1.5 'Roboto',sans-serif;
}

pre, code {
    font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
}

hr {
    border: 0 solid #ccc;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    color: #30a4ea;
    text-decoration: none;
    cursor: pointer;
}

    a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    a:hover, a:active, a:focus {
        outline: 0;
    }

    a:hover {
        text-decoration: none !important;
    }
/* input reset */
select {
    background: #fff;
    border: solid 1px #000;
    box-shadow: none;
    height: 60px;
    line-height: 18px;
    padding: 20px 22px;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

input[type="text"], input[type="password"], input[type="email"], input.form-text, textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #333;
    margin: 0;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-transition: color 0.45s, background 0.45s, border 0.45s;
    -moz-transition: color 0.45s, background 0.45s, border 0.45s;
    transition: color 0.45s, background 0.45s, border 0.45s;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #cccccc;
}

    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus {
        color: #000;
        -webkit-transition: color 0.25s, background 0.25s, border 0.25s;
        -moz-transition: color 0.25s, background 0.25s, border 0.25s;
        transition: color 0.25s, background 0.25s, border 0.25s;
    }

        input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label {
            color: #000;
        }

    input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled {
        background: #000;
        opacity: 0.5;
    }

    input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {
        height: 0;
        width: 0;
    }

textarea {
    padding: 15px 25px;
}

input[type="text"], input[type="password"], input[type="email"], input.form-text, .input-text {
    display: inline-block;
    height: 60px;
    line-height: 18px;
    padding: 20px 22px;
}

input::-webkit-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input:-moz-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input::-moz-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
}
/* default style */
body {
    min-width: 90%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main {
    display: block;
    zoom: 1;
}

.ftlt {
    float: left;
}

.ftrt {
    float: right;
}

.center {
    text-align: center;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.norelative, .noabsolute {
    position: static !important;
}

.fixed {
    position: fixed
}

.bold {
    font-weight: bold;
}

.nobold {
    font-weight: normal;
}

.show {
    visibility: visible;
    display: block !important
}

.hide {
    display: none !important;
    visibility: hidden;
    width: 0;
    height: 0;
}

.otherhide {
    display: none !important;
    visibility: hidden;
}

.red {
    color: #c52429;
}

.green {
    color: #5c952c;
}

.orange {
    color: #f6a820;
}

.orange1 {
    color: #f90;
}

.black {
    color: #000;
}

.white {
    color: #fff;
}

.blue {
    color: #30a4ea;
}

.grey {
    color: #999;
}

.pad0t {
    padding-top: 0 !important;
}

.pad0b {
    padding-bottom: 0;
}

.pad0l {
    padding-left: 0;
}

.pad0r {
    padding-right: 0;
}

.pad5t {
    padding-top: 5px;
}

.pad5b {
    padding-bottom: 5px;
}

.pad5l {
    padding-left: 5px;
}

.pad5r {
    padding-right: 5px;
}

.pad5tb {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad5lr {
    padding-left: 5px;
    padding-right: 5px;
}

.pad5trbl {
    padding: 5px;
}

.pad10t {
    padding-top: 10px;
}

.pad10b {
    padding-bottom: 10px;
}

.pad10l {
    padding-left: 10px;
}

.pad10r {
    padding-right: 10px;
}

.pad10tb {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pad10lr {
    padding-left: 10px;
    padding-right: 10px;
}

.pad10trbl {
    padding: 10px;
}

.pad15trbl {
    padding: 15px;
}

.pad20t {
    padding-top: 20px;
}

.pad20b {
    padding-bottom: 20px;
}

.pad20l {
    padding-left: 20px;
}

.pad20r {
    padding-right: 20px;
}

.pad20tb {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad20trbl {
    padding: 20px;
}

.margin0t {
    margin-top: 0 !important;
}

.margin10t {
    margin-top: 10px;
}

.margin15t {
    margin-top: 15px
}

.margin10b {
    margin-bottom: 10px;
}

.margin10l {
    margin-left: 10px;
}

.margin10r {
    margin-right: 10px;
}

.margin10tb {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin10lr {
    margin-left: 10px;
    margin-right: 10px;
}

.margin10trbl {
    margin: 10px;
}

.margin5l {
    margin-left: 5px;
}

.margin5r {
    margin-right: 5px;
}

.margin5t {
    margin-top: 5px;
}

.margin5b {
    margin-bottom: 5px;
}

.margin5tb {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin5lr {
    margin-left: 5px;
    margin-right: 5px;
}

.margin5trbl {
    margin: 10px;
}

.margin20t {
    margin-top: 20px;
}

.margin20b {
    margin-bottom: 20px;
}

.margin20l {
    margin-left: 20px;
}

.margin20r {
    margin-right: 20px;
}

.margin20tb {
    margin-top: 20px;
    margin-bottom: 20px;
}

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

.margin20trbl {
    margin: 20px;
}

.margin25t {
    margin-top: 20px;
}

.margin25b {
    margin-bottom: 20px;
}

.margin25l {
    margin-left: 20px;
}

.margin25r {
    margin-right: 20px;
}

.margin25tb {
    margin-top: 20px;
    margin-bottom: 20px;
}

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

.margin25trbl {
    margin: 20px;
}

.margin70t {
    margin-top: 0;
}

.alpha {
    margin-left: 0 !important;
}

.omega {
    margin-right: 0 !important;
}

.helptext, .alerttext {
    font-size: 11px;
    line-height: 14px;
    display: block;
    color: #999;
    word-wrap: break-word;
    height: 14px;
}

.alerttext {
    color: #c52429
}
/* clear */
.clear, .clr {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    zoom: 1;
}

.clearfix {
    zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
        font-size: 0;
        width: 0;
        height: 0;
    }

    .clearfix:after {
        clear: both;
    }

    .clr, .clear, .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
        content: " ";
        display: table
    }

    .clr, .clear, .clearfix:after, .container:after, .container-fluid:after, .row:after {
        clear: both
    }
/* ---------- buttons start ----------------- */
.btn-flat, button, .btn, a.btn, input[type="submit"] {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: #f58705;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    min-width: 100px;
    outline: none;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: color 0.45s, background 0.45s, border 0.45s;
    -moz-transition: color 0.45s, background 0.45s, border 0.45s;
    transition: color 0.45s, background 0.45s, border 0.45s;
}

.btn-flat {
    box-shadow: none;
    background-color: transparent;
    color: #007cff;
    cursor: pointer;
    padding: 0 1rem;
    text-transform: uppercase;
}

button:hover, .btn:hover, a.btn:hover, input[type="submit"]:hover {
    background: #666;
}

button, a.btn, .btn, input[type="submit"] {
    height: 30px;
    line-height: 11px;
    padding: 8px 12px;
}

    a.btn.disabled, fieldset[disabled] a.btn {
        cursor: not-allowed;
        background: #ccc;
        color: #333;
    }

a.btn-block, .btn-block {
    display: block;
    width: 100%;
}

a.btn-red, .btn-red, input[type="submit"].btn-red {
    background-color: #ff4242;
}

a.btn-gray, .btn-gray, input[type="submit"].btn-gray {
    background-color: #f5f5f5;
    color: #333
}

a.btn-red:hover, .btn-red:hover, input[type="submit"].btn-red:hover {
    background-color: #ff1d23;
}

a.btn-green, .btn-green, input[type="submit"].btn-green {
    background-color: #5fae2c;
}

    a.btn-green:hover, .btn-green:hover, input[type="submit"].btn-green:hover {
        background-color: #82af6f;
    }

a.btn-white, .btn-white, input[type="submit"].btn-white {
    background-color: #fff;
    color: #666;
}

    a.btn-white:hover, .btn-white:hover, input[type="submit"].btn-white:hover {
        background-color: #fff;
        color: #000;
    }

a.btn-black, .btn-black, input[type="submit"].btn-black {
    background-color: #333;
}

    a.btn-black:hover, .btn-black:hover, input[type="submit"].btn-black:hover {
        background-color: #000;
    }

button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled {
    cursor: default;
    opacity: 0.6;
}

button.btn-ghost, a.btn-ghost, .btn-ghost, input[type="submit"].btn-ghost, button.btn-ghost-white, a.btn-ghost-white, .btn-ghost-white, input[type="submit"].btn-ghost-white, button.btn-ghost-red, a.btn-ghost-red, .btn-ghost-red, input[type="submit"].btn-ghost-red, button.btn-ghost-black, a.btn-ghost-black, .btn-ghost-black, input[type="submit"].btn-ghost-black {
    background: transparent;
    border: solid 1px #f58705;
    color: #f58705;
    padding-bottom: 8px;
    padding-top: 8px;
}

    button.btn-ghost:hover, a.btn-ghost:hover, .btn-ghost:hover, input[type="submit"].btn-ghost:hover, button.btn-ghost-white:hover, a.btn-ghost-white:hover, .btn-ghost-white:hover, input[type="submit"].btn-ghost-white:hover, button.btn-ghost-red:hover, a.btn-ghost-red:hover, .btn-ghost-red:hover, input[type="submit"].btn-ghost-red:hover, button.btn-ghost-black:hover, a.btn-ghost-black:hover, .btn-ghost-black:hover, input[type="submit"].btn-ghost-black:hover {
        color: #fff;
        background: #f58705;
    }

button.btn-ghost-white, a.btn-ghost-white, .btn-ghost-white, input[type="submit"].btn-ghost-white {
    border-color: #fff;
    color: #fff;
}

    button.btn-ghost-white:hover, a.btn-ghost-white:hover, .btn-ghost-white:hover, input[type="submit"].btn-ghost-white:hover {
        background: #fff;
        color: #333;
    }

button.btn-ghost-red, a.btn-ghost-red, .btn-ghost-red, input[type="submit"].btn-ghost-red {
    border-color: #ff4242;
    color: #ff4242;
}

    button.btn-ghost-red:hover, a.btn-ghost-red:hover, .btn-ghost-red:hover, input[type="submit"].btn-ghost-red:hover {
        background: #ff4242;
        color: #fff;
    }

button.btn-ghost-black, a.btn-ghost-black, .btn-ghost-black, input[type="submit"].btn-ghost-black {
    border-color: #333;
    color: #333;
}

    button.btn-ghost-black:hover, a.btn-ghost-black:hover, .btn-ghost-black:hover, input[type="submit"].btn-ghost-black:hover {
        background: #333;
        color: #fff;
    }

button.btn-ghost-grey, a.btn-ghost-grey, .btn-ghost-grey, input[type="submit"].btn-ghost-grey {
    border-color: #bfbebe;
    color: #333;
}

    button.btn-ghost-grey:hover, a.btn-ghost-grey:hover, .btn-ghost-grey:hover, input[type="submit"].btn-ghost-grey:hover {
        background: #bfbebe;
        color: #fff;
    }

button.btn-md, a.btn-md, .btn-md, input[type="submit"].btn-md {
    font-size: 13px;
    height: 40px;
    line-height: 13px;
    padding: 12px 24px;
}

button.btn-lg, a.btn-lg, .btn-lg, input[type="submit"].btn-lg {
    font-size: 18px;
    height: 50px;
    line-height: 18px;
    padding: 14px 46px;
}
/* ---------- buttons end ----------------- */

/* ========================= Common Header Footer Start===============================*/
.mtitle, .stitle {
    display: block;
    font-family: 'robotobold';
    font-size: 40px;
    letter-spacing: -1px;
    margin-bottom: 15px;
    text-align: center;
}

@media (max-width: 767px) {
    .mtitle, .stitle {
        font-size: 24px;
        margin-bottom: 10px;
        padding: 0 10px;
    }
}

.stitle {
    color: #666;
    font-family: 'robotothin';
    margin: 0;
    padding-bottom: 50px;
}

@media (max-width: 767px) {
    .stitle {
        font-size: 20px;
        padding-bottom: 30px;
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row-separator {
    padding: 60px 0;
}

.row-separator2 {
    padding: 10px 0 60px 0 !important;
}

.menu-nav body, .blur body {
    overflow: hidden;
    position: relative;
}

.blurbody body {
    overflow: hidden;
    position: relative;
}

.dropdown-wraper {
    background: #fff;
    width: 100%;
    z-index: 5;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    position: absolute;
}

    .dropdown-wraper:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .dropdown-wraper:before {
        content: "";
        display: table;
    }

    .dropdown-wraper:before {
        height: 0;
        border: 8px solid transparent;
        border-bottom-color: #f4f4f4;
        margin: auto;
        pointer-events: none;
        width: 0;
        z-index: 2;
        top: -16px;
        right: auto;
        bottom: auto;
        left: 6%;
        position: absolute;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .dropdown-wraper:before {
        top: -16px;
        right: auto;
        bottom: auto;
        left: -13%;
        position: absolute;
    }
}

.blurbg {
    background: #000;
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    z-index: 998;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
}

.blurbody .blurbg {
    display: block;
}

.blurbody .blurbg2 {
    display: block;
}

.cd-top {
    color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    font-size: 22px;
    height: 55px;
    overflow: hidden;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    white-space: nowrap;
    width: 75px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    top: auto;
    right: 0;
    bottom: 40px;
    left: auto;
    position: fixed;
}

    .cd-top span {
        border: solid 3px rgba(0, 0, 0, 0.4);
        display: inline-block;
        padding: 10px;
        position: relative;
        min-width: 20px;
        min-height: 20px;
        text-align: center;
        word-wrap: break-word;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
    }

        .cd-top span b {
            left: 50%;
            position: absolute;
            top: 50%;
            text-transform: uppercase;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .cd-top span:hover {
            background: rgba(254, 254, 254, 0.6);
            color: #333;
        }

    .cd-top.cd-is-visible, .cd-top.cd-fade-out {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .cd-top.cd-fade-out {
        opacity: .5;
    }

    .cd-top.cd-is-visible {
        opacity: 1;
        visibility: visible;
        z-index: 101;
    }

.no-touch .cd-top:hover {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cd-top .no-touch .cd-top:hover {
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.bodyfix {
    overflow: hidden;
}

.hammenu-hd.showham, .hammenu-hd {
    display: none;
}

@media (max-width: 991px) {
    header {
        position: static !important;
    }

    body.addappp {
        padding-top: 0 !important
    }

        body.addappp header {
            position: static !important;
        }

            body.addappp header.sticky {
                position: fixed !important;
            }

            body.addappp header .topnav.menu-stick {
                position: static !important;
            }

    header .topnav {
        position: static;
    }

    .topnav.menu-stick {
        position: fixed;
        top: 0;
        width: 100%;
    }
    /* .hammenu-hd.showham{display:block;} */

}

@media (min-width: 992px) and (max-width: 1024px) {
    .tabhide {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .tab-hide {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pad-hide {
        display: none !important;
    }
}

@media (max-width: 568px) {
    .mob-hide {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hide-desktop, .hide-large {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .other-hide {
        display: none !important;
    }

    .hide-desktop {
        display: inline-block !important;
    }
}

span.baec5a81-e4d6-4674-97f3-e9220f0136c1 a {
    display: none !important;
}

.hamburger {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: table;
    font-size: 0;
    height: 54px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 54px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
}

    .hamburger:focus {
        outline: none;
    }

    .hamburger b {
        color: #fff;
        display: table-cell;
        font-size: 11px;
        height: 54px;
        padding-bottom: 10px;
        text-decoration: none;
        text-transform: uppercase;
        vertical-align: bottom;
        width: 100%;
    }

    .hamburger span {
        background: #fff;
        display: block;
        height: 3px;
        text-indent: -9999px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        background-clip: padding-box;
        top: 18px;
        right: 18px;
        bottom: auto;
        left: 18px;
        position: absolute;
    }

        .hamburger span::before, .hamburger span::after {
            background-color: #fff;
            content: "";
            display: block;
            height: 3px;
            left: 0;
            position: absolute;
            width: 100%;
            -webkit-border-radius: 1px;
            border-radius: 1px;
            background-clip: padding-box;
        }

        .hamburger span::before {
            top: -6px;
        }

        .hamburger span::after {
            bottom: -6px;
        }

.hamburger-htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

    .hamburger-htx span::before, .hamburger-htx span::after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
    }

    .hamburger-htx span::before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }

    .hamburger-htx span::after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }

.menu-nav .hamburger-htx span {
    background: none;
}

    .menu-nav .hamburger-htx span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu-nav .hamburger-htx span:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .menu-nav .hamburger-htx span:before, .menu-nav .hamburger-htx span:after {
        -webkit-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s;
    }

.menu-nav .ie .blurbg {
    display: block;
    z-index: 10000;
}

.navigator {
    height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 0;
    z-index: 100000;
    -webkit-overflow-scrolling: touch;
    top: auto;
    right: auto;
    bottom: auto;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    font-family: 'roboto';
}

    .navigator .navinner {
        background: #fff;
        height: 100%;
        width: 230px;
    }

@media (max-width:669px) {
    .navigator .navinner {
        width: 100%;
        padding-top: 50px;
    }
}

.navigator .navinner .ltitle {
    background: #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    color: #666;
    cursor: pointer;
    font-family: 'robotoregular';
    font-size: 13px;
    letter-spacing: 1.5px;
    padding: 18px 15px;
    position: relative;
    text-transform: uppercase;
}

    .navigator .navinner .ltitle a {
        color: #333;
        display: block;
    }

.navigator .ntitle, .navigator h2 {
    background: #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    color: #666;
    cursor: pointer;
    font-family: 'robotoregular';
    font-size: 13px;
    letter-spacing: 1.5px;
    padding: 18px 15px;
    position: relative;
    text-transform: uppercase;
}

    .navigator .ntitle a, .navigator h2 a {
        color: #333;
        display: block;
    }

.navigator .menulogo-fix {
    text-align: center;
}

    .navigator .menulogo-fix:before {
        content: "\f177";
        font-size: 18px;
        left: 7%;
        right: auto;
    }

.navigator .ntitle:hover, .navigator h2:hover {
    background: #f6f5f5;
    color: #333;
}

.navigator .ntitle:before, .navigator h2:before {
    color: rgba(0, 0, 0, 0.2);
    content: "\f078";
    margin-top: -8px;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 50%;
    right: 7%;
    bottom: auto;
    left: auto;
    position: absolute;
}

.navigator .ntitle.active, .navigator h2.active {
    background: #edefed;
    border-bottom-color: transparent;
    color: #333;
}

    .navigator .ntitle.active:hover, .navigator h2.active:hover {
        background: #edefed;
    }

    .navigator .ntitle.active:before, .navigator h2.active:before {
        content: "\f077";
    }

.navigator .ltitle, .navigator h1 {
    background: #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    color: #666;
    cursor: pointer;
    font-family: 'robotoregular';
    font-size: 13px;
    letter-spacing: 1.5px;
    padding: 18px 15px;
    position: relative;
    text-transform: uppercase;
}

    .navigator .ltitle a, .navigator h1 a {
        color: #333;
        display: block;
    }

    .navigator .ltitle:first-child, .navigator h1:first-child {
        text-align: center;
    }

        .navigator .ltitle:first-child:before, .navigator h1:first-child:before {
            content: "\f177";
            font-size: 18px;
            left: 7%;
            right: auto;
        }

    .navigator .ltitle:hover, .navigator h1:hover {
        background: #f6f5f5;
        color: #333;
    }

    .navigator .ltitle:before, .navigator h1:before {
        color: rgba(0, 0, 0, 0.2);
        content: "\f078";
        margin-top: -8px;
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 15px;
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        top: 50%;
        right: 7%;
        bottom: auto;
        left: auto;
        position: absolute;
    }

    .navigator .ltitle.active, .navigator h1.active {
        background: #edefed;
        border-bottom-color: transparent;
        color: #333;
    }

        .navigator .ltitle.active:hover, .navigator h1.active:hover {
            background: #edefed;
        }

        .navigator .ltitle.active:before, .navigator h1.active:before {
            content: "\f077";
        }

.navigator ul {
    background: #fff;
    display: none;
    max-height: 250px;
    overflow: auto;
}

    .navigator ul:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .navigator ul:before {
        content: "";
        display: table;
    }

    .navigator ul li a {
        color: #333;
        display: block;
        font-size: 13px;
        padding: 10px 15px;
        font-family: arial;
    }

        .navigator ul li a:hover {
            color: #fff;
            background: #ff4242;
        }

    .navigator ul + h2 {
        margin-top: -1px;
    }

.navigator .hamclose {
    background: #fff;
    cursor: pointer;
    display: none;
    height: 46px;
    text-align: center;
    width: 46px;
    z-index: 100001;
    top: 0;
    right: auto;
    bottom: auto;
    left: 230px;
    position: fixed;
}

    .navigator .hamclose span {
        display: table-cell;
        vertical-align: middle;
    }

        .navigator .hamclose span em {
            background: url("/common/images/default/cross.svg") no-repeat center center;
            background-size: contain;
            content: "";
            display: table;
            height: 18px;
            margin: 0 auto;
            width: 18px;
        }

.menu-nav .navigator {
    height: 100%;
    opacity: 1;
    overflow-y: auto;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
}

    .menu-nav .navigator .hamclose {
        display: table;
    }

@media (max-width:669px) {
    .navigator .hamclose {
        right: 7%;
        left: auto;
    }
}

.menu-nav .blurbg {
    display: block;
    z-index: 9999;
}

header {
    left: 0;
    position: static;
    top: 0;
    width: 100%;
    z-index: 99999;
    font-family: 'arial';
}

    header .topnav {
        background-color: #333;
        height: 54px;
        position: relative;
        text-align: center;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        header .topnav:after {
            clear: both;
            content: "";
            display: table;
            height: 0;
            visibility: hidden;
        }

        header .topnav:before {
            content: "";
            display: table;
        }

        header .topnav .hammenu-hd {
            float: left;
            max-width: 54px;
        }

        header .topnav .logo-sulekha-hd {
            float: left;
            height: 54px;
            margin: 0 10px 0 10px;
            width: 33px;
        }

@media (min-width: 441px) and (max-width: 991px) {
    header .topnav .logo-sulekha-hd {
        width: 85px;
        margin: 0 2%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    header .topnav .logo-sulekha-hd {
        width: 7.875%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    header .topnav .logo-sulekha-hd {
        width: 7.875%;
    }
}

header .topnav .logo-sulekha-hd a {
    background: url("https://usimg.sulekha.io/cdn/others/images/sulekha-logo-ushome.svg") no-repeat 0 center;
    display: block;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

@media (min-width: 441px) and (max-width: 991px) {
    header .topnav .logo-sulekha-hd a {
        background-size: contain;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    header .topnav .logo-sulekha-hd a {
        background-size: contain;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    header .topnav .logo-sulekha-hd a {
        background-size: contain;
    }
}

@media (min-width: 300px) and (max-width: 440px) {
    header .topnav .logo-sulekha-hd a {
        background-size: 112px;
    }
}

header .topnav .location-hd {
    float: left;
    height: 54px;
    margin: 0 4% 0 1%;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

@media (min-width: 300px) and (max-width: 439px) {
    header .topnav .location-hd {
        margin: 0 4%;
    }
}

@media (min-width: 440px) and (max-width: 991px) {
    header .topnav .location-hd {
        margin: 0 4% 0 3%;
    }
}

header .topnav .location-hd > span {
    display: table;
    height: 100%;
    width: 100%;
    line-height: 52px;
}

    header .topnav .location-hd > span > a {
        color: #fff;
        display: table-cell;
        font-size: 13px;
        margin-right: 10px;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        header .topnav .location-hd > span > a.location {
            color: #fff;
            font-size: 13px;
            padding: 0;
        }

        header .topnav .location-hd > span > a i {
            display: none;
        }

            header .topnav .location-hd > span > a i.fa.fa-map-marker {
                display: inline-block;
            }

        header .topnav .location-hd > span > a b {
            display: none;
        }

        header .topnav .location-hd > span > a em {
            display: inline;
        }

header .topnav .search-mob-hd {
    display: table;
    float: right;
    height: 54px;
    min-width: 32px;
    text-align: center;
}

@media (min-width: 300px) and (max-width: 440px) {
    header .topnav .search-mob-hd {
        margin-right: 6px !important;
    }
}

@media (min-width: 441px) and (max-width: 991px) {
    header .topnav .search-mob-hd {
        margin-right: 2% !important;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    header .topnav .search-mob-hd {
        opacity: 1;
    }
}

header .topnav .search-mob-hd a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

header .topnav .search-hd {
    display: none;
    float: left;
    height: 54px;
    margin-left: 6%;
    position: relative;
    width: 40%;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
}

@media (min-width: 992px) {
    header .topnav .search-hd { /* opacity: 0; visibility: hidden;*/
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
}

header .topnav .search-hd .search-wrapper {
    height: 54px;
    width: 100%;
}

header .topnav .search-hd .src-hd-cat, header .topnav .search-hd .src-hd-txt, header .topnav .search-hd .src-hd-axn {
    display: table-cell;
    font-size: 13px;
    vertical-align: middle;
}

header .topnav .search-hd .src-hd-cat {
    height: 34px;
    position: relative;
    width: 27.387%;
}

    header .topnav .search-hd .src-hd-cat input[type="text"], header .topnav .search-hd .src-hd-cat .input-text, header .topnav .search-hd .src-hd-cat select {
        border-bottom: 0;
        border-top: 0;
        cursor: pointer;
        display: block;
        font-size: 13px;
        text-transform: capitalize;
        width: 100%;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        height: 34px;
        line-height: 13px;
        padding: 10.5px 12px;
    }

    header .topnav .search-hd .src-hd-cat:before {
        pointer-events: none;
        top: 38%;
        right: 15px;
        bottom: auto;
        left: auto;
        position: absolute;
        display: inline-block;
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 11px;
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    header .topnav .search-hd .src-hd-cat select {
        border-left: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

header .topnav .search-hd .src-hd-txt {
    width: 53.514%;
}

    header .topnav .search-hd .src-hd-txt input[type="text"], header .topnav .search-hd .src-hd-txt .input-text {
        border: 0;
        display: block;
        font-size: 13px;
        width: 100%;
        height: 34px;
        line-height: 13px;
        padding: 10px 12px;
    }

header .topnav .search-hd .src-hd-axn {
    width: 19.099%;
}

    header .topnav .search-hd .src-hd-axn .btn {
        background: #ff837e;
        display: block;
        font-size: 14px;
        font-weight: bold;
        min-width: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 34px;
        line-height: 14px;
        padding: 10px 12px;
    }

        header .topnav .search-hd .src-hd-axn .btn:hover {
            background: #ff4242;
        }

header .topnav .search-hd.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    header .topnav .search-hd.active .src-hd-cat select, header .topnav .search-hd.active .src-hd-axn .btn {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

header .topnav .help-hd {
    display: table;
    float: right;
    height: 54px;
    margin-right: 25px;
    position: relative;
    text-align: center;
}

@media (min-width: 300px) and (max-width: 440px) {
    header .topnav .help-hd {
        margin-right: 1px;
    }
}

header .topnav .help-hd:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden;
}

header .topnav .help-hd:before {
    content: "";
    display: table;
}

header .topnav .help-hd .app-dld-hd, header .topnav .help-hd .contact-hd, header .topnav .help-hd .post-hd, header .topnav .help-hd .login-hd, header .topnav .help-hd .post-mob-hd {
    display: table-cell;
    line-height: 52px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
}

header .topnav .help-hd .app-dld-hd {
    color: #ff4242;
    margin: 0 25px 0 15px;
    font-size: 24px;
    text-transform: uppercase;
    width: 50px;
}

@media (min-width: 300px) and (max-width: 440px) {
    header .topnav .help-hd .app-dld-hd {
        width: 28px;
    }
}

@media (min-width: 300px) and (max-width: 440px) {
    header .topnav .help-hd .app-dld-hd .btn {
        margin-top: 10px;
    }
}

header .topnav .help-hd .app-dld-hd a {
    color: #fff;
    display: table;
    text-align: center;
}

    header .topnav .help-hd .app-dld-hd a b {
        font-size: 11px;
        display: none;
        position: relative;
        vertical-align: middle;
    }

        header .topnav .help-hd .app-dld-hd a b:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: #000;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
            background-color: #ff4242;
        }

    header .topnav .help-hd .app-dld-hd a i {
        display: table-cell;
        padding: 0 5px;
        vertical-align: middle;
        animation: myfirst 3s;
        -moz-animation: myfirst 3s infinite; /* Firefox */
        -webkit-animation: myfirst 3s infinite; /* Safari and Chrome */
    }

    header .topnav .help-hd .app-dld-hd a:hover {
        color: #ff4242;
    }

        header .topnav .help-hd .app-dld-hd a:hover b:before {
            visibility: visible;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        header .topnav .help-hd .app-dld-hd a:hover i {
            animation: myfirst;
            -moz-animation: myfirst infinite; /* Firefox */
            -webkit-animation: myfirst infinite; /* Safari and Chrome */
        }

header .topnav .help-hd .app-dld-hd:hover a {
    color: #ff4242;
}

    header .topnav .help-hd .app-dld-hd:hover a b:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    header .topnav .help-hd .app-dld-hd:hover a i {
        animation: myfirst;
        -moz-animation: myfirst infinite; /* Firefox */
        -webkit-animation: myfirst infinite; /* Safari and Chrome */
    }

header .topnav .help-hd .contact-hd {
    color: #fff;
    font-size: 18px;
}

    header .topnav .help-hd .contact-hd a {
        color: #fff;
        display: table;
        text-align: center;
        margin: 0 12px 0 3px;
    }

        header .topnav .help-hd .contact-hd a b {
            font-size: 12px;
            display: none;
            vertical-align: middle;
        }

        header .topnav .help-hd .contact-hd a i {
            display: table-cell;
            padding: 0 3px;
            vertical-align: middle;
            font-size: 14px;
        }

header .topnav .help-hd .post-hd {
    display: none;
}

    header .topnav .help-hd .post-hd .btn-ghost-white {
        font-size: 12px;
        min-width: 0;
        height: 30px;
        line-height: 12px;
        padding: 8px 12px;
    }

header .topnav .help-hd .post-mob-hd {
    font-size: 20px;
}

    header .topnav .help-hd .post-mob-hd a {
        color: #fff;
        display: table;
        min-width: 32px;
        margin: 0 5px;
        text-align: center;
    }

        header .topnav .help-hd .post-mob-hd a i {
            display: table-cell;
            padding: 0 5px;
            vertical-align: middle;
        }

header .topnav:hover {
    background-color: #333;
}

@media (min-width: 992px) {
    header.sticky .topnav .search-hd {
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 441px) and (max-width: 991px) {
    header .topnav .help-hd .contact-hd a {
        margin: 0 18px 0 5px
    }

    header .topnav .help-hd .app-dld-hd {
        width: inherit;
    }

        header .topnav .help-hd .app-dld-hd a {
            margin-right: 15px;
        }
}

@media (min-width: 992px) and (max-width: 1030px) {
    header .topnav .help-hd .app-dld-hd a {
        margin-right: 25px;
    }

    header .topnav .help-hd .app-dld-hd {
        width: inherit;
    }

    header .topnav .help-hd .contact-hd a {
        margin: 0 15px 0 3px;
    }

    header .topnav .search-mob-hd {
        margin-right: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    header.sticky .topnav .search-mob-hd {
        opacity: 1;
        visibility: visible;
    }
}

@-moz-keyframes myfirst {
    0% {
        color: #ff4242;
    }

    25% {
        color: #f58705;
    }

    50% {
        color: #fff;
    }

    80% {
        color: #f58705;
    }

    100% {
        color: #ff4242;
    }
}

@-webkit-keyframes myfirst {
    0% {
        color: #ff4242;
    }

    25% {
        color: #f58705;
    }

    50% {
        color: #fff;
    }

    80% {
        color: #f58705;
    }

    100% {
        color: #ff4242;
    }
}

@media (max-width: 767px) {
    header .topnav .search-hd .src-hd-cat select {
        padding-left: 2px;
        padding-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    header .topnav .search-hd .src-hd-cat:before {
        right: 4px;
    }
}

@media (min-width: 768px) {
    header .topnav .location-hd > span > a i {
        display: inline;
        font-size: 14px;
        text-transform: capitalize;
    }

    header .topnav .location-hd > span > a em {
        display: none;
    }

    header .topnav .location-hd > span > a b {
        display: none;
    }

    header .topnav .help-hd .post-hd {
        display: table-cell;
    }

    header .topnav .help-hd .post-mob-hd {
        display: none;
    }
}

@media (max-width: 991px) {
    header .topnav .search-hd {
        background: rgba(0, 0, 0, 0.4);
        display: block;
        height: 0;
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
        z-index: 1;
        top: 54px;
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

        header .topnav .search-hd .search-wrapper {
            display: table;
            margin: 0 auto;
            position: relative;
            width: 80%;
        }

            header .topnav .search-hd .search-wrapper input[type="text"], header .topnav .search-hd .search-wrapper .input-text, header .topnav .search-hd .search-wrapper select {
                border: solid 1px #e6e6e6;
            }

            header .topnav .search-hd .search-wrapper .mobsrclose {
                cursor: pointer;
                font-size: 20px;
                top: 16px;
                right: -22px;
                bottom: auto;
                left: auto;
                position: absolute;
                color: #fff;
            }

        header .topnav .search-hd .src-hd-axn b {
            display: none;
        }

    .mobsrc header .topnav .search-hd {
        height: 54px;
        left: 0;
        overflow: visible;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-clip: padding-box;
        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out;
    }

    .mobsrc header .topnav .search-mob-hd a {
        color: #ff837e;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    header .topnav .search-hd {
        background: rgba(0, 0, 0, 0.4);
        display: block;
        height: 0;
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
        z-index: 1;
        top: 54px;
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

        header .topnav .search-hd .search-wrapper {
            display: table;
            margin: 0 auto;
            position: relative;
            width: 80%;
        }

            header .topnav .search-hd .search-wrapper input[type="text"], header .topnav .search-hd .search-wrapper .input-text, header .topnav .search-hd .search-wrapper select {
                border: solid 1px #e6e6e6;
            }

            header .topnav .search-hd .search-wrapper .mobsrclose {
                cursor: pointer;
                font-size: 20px;
                top: 16px;
                right: -22px;
                bottom: auto;
                left: auto;
                position: absolute;
                color: #fff;
            }

        header .topnav .search-hd .src-hd-axn b {
            display: none;
        }

    .mobsrc header .topnav .search-hd {
        height: 54px;
        left: 0;
        overflow: visible;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-clip: padding-box;
        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out;
    }

    .mobsrc header .topnav .search-mob-hd a {
        color: #ff837e;
    }
}

@media (min-width: 1199px) {
    header .topnav .logo-sulekha-hd {
        width: 7.875%;
    }

        header .topnav .logo-sulekha-hd a {
            background-position: center center;
            background-size: contain;
        }

    header .topnav .location-hd > span > a {
        font-size: 13px;
    }

        header .topnav .location-hd > span > a b {
            font-size: 11px;
            display: inline;
            color: #6c7074;
        }

    header .topnav .search-mob-hd {
        display: none;
    }

    header .topnav .search-hd {
        display: table;
        height: 54px;
        float: left;
        margin-left: 1.625%;
        width: 40.688%;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-clip: padding-box;
    }

        header .topnav .search-hd .search-wrapper {
            display: table;
        }

            header .topnav .search-hd .search-wrapper .mobsrclose {
                display: none;
            }

        header .topnav .search-hd .src-hd-cat, header .topnav .search-hd .src-hd-txt, header .topnav .search-hd .src-hd-axn {
            display: table-cell;
            font-size: 13px;
            vertical-align: middle;
        }

        header .topnav .search-hd .src-hd-cat {
            width: 27.387%;
        }

            header .topnav .search-hd .src-hd-cat:before {
                z-index: 0;
            }

            header .topnav .search-hd .src-hd-cat select {
                background-color: #fff;
            }

        header .topnav .search-hd .src-hd-txt {
            width: 53.514%;
        }

        header .topnav .search-hd .src-hd-axn {
            width: 19.099%;
        }

    header .topnav .help-hd .app-dld-hd a b {
        display: none;
    }

    header .topnav .help-hd .contact-hd a b {
        display: none;
    }
}

@media (min-width: 1200px) {
    header .topnav .logo-sulekha-hd {
        width: 7.875%;
    }

    header .topnav .location-hd > span > a {
        font-size: 16px;
    }

        header .topnav .location-hd > span > a b {
            font-size: 12px;
            display: inline;
            color: #e6e6e6;
        }

    header .topnav .search-hd {
        margin-left: 1%;
        width: 39%;
    }

    header .topnav .help-hd .app-dld-hd a b {
        display: table-cell;
    }

    header .topnav .help-hd .contact-hd a b {
        display: table-cell;
    }
}

.botnav {
    background-color: #fff;
    border-bottom: solid 1px #f4f4f4;
    padding: 0 1.5%;
    font-size: 12px;
    font-weight: bold;
    height: 44px;
}

    .botnav ul {
        display: block;
        font-size: 0;
        height: 44px;
        width: 100%;
    }

        .botnav ul li {
            display: inline-block;
            font-size: 12px;
            padding: 0 0.95%;
            width: auto;
            line-height: 1;
            font-family: "robotoregular";
            font-weight: normal;
        }

            .botnav ul li a {
                display: block;
                color: #333;
                padding: 12px 0;
            }

            .botnav ul li.active {
                border-bottom: 2px solid #ff4242;
            }

            .botnav ul li.home {
                font-size: 24px;
                padding: 0px 12px 0 0;
            }

                .botnav ul li.home a {
                    padding: 7px 0;
                }

            .botnav ul li.more {
                float: inherit;
            }

                .botnav ul li.more a {
                    color: #ff4242;
                }

                    .botnav ul li.more a i {
                        font-size: 11px;
                    }

.sticky .botnav {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.menu-stick.botnav {
    width: 100%;
    z-index: 3;
    opacity: 1;
    position: fixed !important;
    top: 40px;
    transition: all 0.45s ease-in-out 0s;
    visibility: visible;
    -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.75);
}

.menu-stick.t-fulmainmenu {
    width: 100%;
    z-index: 3;
    opacity: 1;
    position: fixed !important;
    top: 0;
    transition: all 0.45s ease-in-out 0s;
    visibility: visible;
}

@media (max-width: 991px) {
    .botnav {
        display: none;
    }
}

.help-hd .dropdown-wraper {
    background: #fff;
    max-height: 0;
    max-width: 400px;
    opacity: 0;
    overflow-y: hidden;
}

    .help-hd .dropdown-wraper:before {
        border-bottom-color: #f6f5f5;
    }

@media (max-width: 991px) {
    .help-hd .dropdown-wraper {
        left: auto;
        width: 300px;
    }

        .help-hd .dropdown-wraper:before {
            display: none;
        }
}

.help-hd .dropdown-content {
    float: left;
    padding: 11px 0 20px 15px;
    text-align: left;
    line-height: 20px;
    background: url("/common/images/other/app-bg-hme.jpg") no-repeat right bottom;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

@media (min-width: 300px) and (max-width: 440px) {
    .help-hd .dropdown-content {
        background: none;
    }
}

.help-hd .dropdown-content .mtitle {
    font-size: 16px;
    text-align: left;
}

.help-hd .dropdown-content .stitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    padding-bottom: 5px;
    text-align: left;
    text-transform: none;
}

.help-hd .dropdown-content .apps-link-container img {
    width: 77%;
}

.help-hd .dropdown-content .apps-link-container span {
    display: block;
    margin-bottom: 15px;
    max-width: 150px;
}

@media (min-width: 300px) and (max-width: 440px) {
    .help-hd .dropdown-content .apps-link-container span {
        display: inherit;
        width: 50%;
        float: left;
    }
}

.help-hd .dropdown-content .apps-link-container span a {
    display: block;
}

.help-hd .dropdown-content .apps-link-container span + span {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .help-hd .dropdown-content {
        width: 100%;
    }
}

.help-hd .dropdown-image {
    background: url("/common/images/other/sulekha-mobile.png") no-repeat scroll center bottom/contain;
    content: '';
    float: right;
    margin: 20px 5% 0 0;
    width: 30%;
}

.app-dld-hd:hover .dropdown-wraper {
    opacity: 1;
    max-height: 300px;
    overflow-y: visible;
    width: 350px;
    z-index: 3;
    position: absolute;
}

@media (min-width: 300px) and (max-width: 440px) {
    .app-dld-hd:hover .dropdown-wraper {
        width: 270px;
    }
}

.app-dld-hd:hover .dropdown-wraper:before {
    top: -16px;
    right: 40%;
    bottom: auto;
    left: auto;
    position: absolute;
}

header .topnav .location-hd .dropdown-wraper {
    display: none;
    min-width: 300px;
}

    header .topnav .location-hd .dropdown-wraper:before {
        border-bottom-color: #f4f4f4;
    }

@media (min-width: 768px) and (max-width: 991px) {
    header .topnav .location-hd .dropdown-wraper:before {
        right: 40%;
    }
}

header .topnav .location-hd .dropdown-wraper .close {
    cursor: pointer;
    line-height: 35px;
    width: 40px;
    z-index: 20;
    top: 6px;
    right: 8px;
    bottom: auto;
    left: auto;
    position: absolute;
    font-size: 20px;
    text-align: center;
}

    header .topnav .location-hd .dropdown-wraper .close em {
        background: transparent url("/common/images/default/cross.svg") no-repeat center center;
        background-size: contain;
        content: "";
        display: table;
        height: 18px;
        margin: 0 auto;
        width: 18px;
        text-transform: uppercase;
    }

header .topnav .location-hd .dropdown-wraper .mainhd {
    background: #f4f4f4;
    border-bottom: solid 1px #e6e6e6;
    font-family: 'robotobold';
    font-size: 16px;
    padding: 15px;
    position: relative;
    text-align: left;
}

    header .topnav .location-hd .dropdown-wraper .mainhd:before, header .topnav .location-hd .dropdown-wraper .mainhd:after {
        content: '';
        border: solid transparent;
        left: 15%;
        pointer-events: none;
        position: absolute;
        bottom: -1px;
    }

    header .topnav .location-hd .dropdown-wraper .mainhd:before {
        border-width: 10px;
        border-bottom-color: #e6e6e6;
        margin: -2px 0 0 -1px;
    }

    header .topnav .location-hd .dropdown-wraper .mainhd:after {
        border-width: 9px;
        border-bottom-color: #fff;
    }

header .topnav .location-hd .dropdown-wraper .form-wraper {
    display: table;
    padding: 25px 20px 15px 20px;
    position: relative;
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

    header .topnav .location-hd .dropdown-wraper .form-wraper:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    header .topnav .location-hd .dropdown-wraper .form-wraper:before {
        content: "";
        display: table;
    }

    header .topnav .location-hd .dropdown-wraper .form-wraper:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    header .topnav .location-hd .dropdown-wraper .form-wraper:before {
        content: "";
        display: table;
    }

    header .topnav .location-hd .dropdown-wraper .form-wraper input[type="text"], header .topnav .location-hd .dropdown-wraper .form-wraper .input-text, header .topnav .location-hd .dropdown-wraper .form-wraper select {
        background-color: transparent;
        border: solid 1px #e6e6e6;
        width: 100%;
        height: 50px;
        line-height: 18px;
        padding: 10px 15px;
    }

    header .topnav .location-hd .dropdown-wraper .form-wraper select {
        border-right: 0;
    }

    header .topnav .location-hd .dropdown-wraper .form-wraper .formselect, header .topnav .location-hd .dropdown-wraper .form-wraper .formtext, header .topnav .location-hd .dropdown-wraper .form-wraper .formcta, header .topnav .location-hd .dropdown-wraper .form-wraper .formccl {
        display: table-cell;
        vertical-align: middle;
    }

@media (min-width: 300px) and (max-width: 568px) {
    header .topnav .location-hd .dropdown-wraper .form-wraper .formtext {
        float: left;
        width: 56%;
    }
}

@media (min-width: 300px) and (max-width: 568px) {
    header .topnav .location-hd .dropdown-wraper .form-wraper .formcta {
        float: left;
        margin-top: 20px;
    }
}

header .topnav .location-hd .dropdown-wraper .form-wraper .formselect {
    position: relative;
}

    header .topnav .location-hd .dropdown-wraper .form-wraper .formselect:after {
        color: #9e9e9e;
        content: "\f078";
        margin-top: -7.5px;
        pointer-events: none;
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 15px;
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        top: 50%;
        right: 10px;
        bottom: auto;
        left: auto;
        position: absolute;
    }

header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrap {
    position: relative;
}

@media (min-width: 300px) and (max-width: 568px) {
    header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrap {
        float: left;
        width: 30%;
    }
}

header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrapin:after {
    display: inline-block;
    margin-top: -7.5px;
    pointer-events: none;
    z-index: 1;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 50%;
    right: auto;
    bottom: auto;
    left: auto;
    position: absolute;
}

header .topnav .location-hd .dropdown-wraper .form-wraper .form-wrapin:after {
    color: #9e9e9e;
    content: "\f078";
    right: 15px;
}

header .topnav .location-hd .dropdown-wraper .maintabs {
    padding: 20px 20px 40px 20px;
}

    header .topnav .location-hd .dropdown-wraper .maintabs .titles {
        position: relative;
    }

        header .topnav .location-hd .dropdown-wraper .maintabs .titles:before {
            border-bottom: 1px solid #e6e6e6;
            content: "";
            display: block;
            width: 100%;
            z-index: -2;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 20px;
            position: absolute;
        }

        header .topnav .location-hd .dropdown-wraper .maintabs .titles li {
            display: inline-block;
            font-family: 'robotobold';
            padding: 0 15px 0 0;
            text-transform: uppercase;
        }

            header .topnav .location-hd .dropdown-wraper .maintabs .titles li a {
                background: #fff;
                padding: 5px;
                color: #333;
            }

            header .topnav .location-hd .dropdown-wraper .maintabs .titles li.active a {
                color: #08c;
                position: relative;
            }

                header .topnav .location-hd .dropdown-wraper .maintabs .titles li.active a:after {
                    background: #08c;
                    content: '';
                    display: block;
                    height: 3px;
                    width: 80%;
                    top: auto;
                    right: auto;
                    bottom: 0;
                    left: 10%;
                    position: absolute;
                }

header .topnav .location-hd .dropdown-wraper .subcontent {
    padding: 0 20px 30px 20px;
}

    header .topnav .location-hd .dropdown-wraper .subcontent ul:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    header .topnav .location-hd .dropdown-wraper .subcontent ul:before {
        content: "";
        display: table;
    }

    header .topnav .location-hd .dropdown-wraper .subcontent ul li {
        display: block;
        float: left;
        font-size: 12px;
        padding: 5px 10px;
        width: 50%;
    }

        header .topnav .location-hd .dropdown-wraper .subcontent ul li a {
            color: #333;
        }

@media (min-width: 768px) {
    header .topnav .location-hd .dropdown-wraper .subcontent ul li {
        width: 25%;
    }
}

header .topnav .location-hd .dropdown-wraper .subcontent .indcty {
    display: none;
}

header .topnav .location-hd .dropdown-wraper .go-to-other {
    border-top: solid 1px #e6e6e6;
    padding: 15px 20px;
}

    header .topnav .location-hd .dropdown-wraper .go-to-other ul:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    header .topnav .location-hd .dropdown-wraper .go-to-other ul:before {
        content: "";
        display: table;
    }

    header .topnav .location-hd .dropdown-wraper .go-to-other ul li {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
    }

        header .topnav .location-hd .dropdown-wraper .go-to-other ul li:first-child {
            padding-left: 0;
        }

@media (min-width: 300px) and (max-width: 568px) {
    header .topnav .location-hd .dropdown-wraper .go-to-other ul li {
        margin-bottom: 15px;
        padding-left: 0 !important;
        padding-right: 20px;
    }
}

header .topnav .location-hd .dropdown-wraper .go-to-other ul li + li {
    padding-left: 10px;
}

header .topnav .location-hd .dropdown-wraper .go-to-other ul li a {
    color: #333;
}

    header .topnav .location-hd .dropdown-wraper .go-to-other ul li a .flag-icon {
        margin-right: 3px;
    }

    header .topnav .location-hd .dropdown-wraper .go-to-other ul li a:hover {
        text-decoration: underline;
    }

    header .topnav .location-hd .dropdown-wraper .go-to-other ul li a:before {
        content: "";
        display: inline-block;
    }

@media (max-width: 767px) {
    header .topnav .location-hd {
        position: static;
    }

        header .topnav .location-hd .dropdown-wraper:before {
            display: none;
        }

        header .topnav .location-hd .dropdown-wraper .maintabs {
            padding-left: 10px;
            padding-right: 10px;
        }

            header .topnav .location-hd .dropdown-wraper .maintabs .titles li {
                font-size: 13px;
                padding-right: 2px;
            }

        header .topnav .location-hd .dropdown-wraper .subcontent {
            max-height: 100px;
            overflow-y: auto;
        }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: portrait) {
    header .topnav .location-hd .dropdown-wraper .form-wraper {
        text-align: center;
    }

    header .topnav .location-hd .dropdown-wraper .formselect, header .topnav .location-hd .dropdown-wraper .formtext {
        display: block;
        float: left;
        margin-bottom: 10px;
    }

    header .topnav .location-hd .dropdown-wraper .formselect {
        width: 30%;
    }

    header .topnav .location-hd .dropdown-wraper .formtext {
        width: 70%;
    }

    header .topnav .location-hd .dropdown-wraper .ctas {
        display: block;
        padding: 10px 0;
        text-align: center;
    }

        header .topnav .location-hd .dropdown-wraper .ctas:after {
            clear: both;
            content: "";
            display: table;
            height: 0;
            visibility: hidden;
        }

        header .topnav .location-hd .dropdown-wraper .ctas:before {
            content: "";
            display: table;
        }

    header .topnav .location-hd .dropdown-wraper .formcta, header .topnav .location-hd .dropdown-wraper .formccl {
        display: inline-block !important;
        text-align: center;
    }

    header .topnav .location-hd .dropdown-wraper .dummy {
        clear: both;
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) {
    header .topnav .location-hd .dropdown-wraper select {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    header .topnav .location-hd .dropdown-wraper .formcta .btn {
        font-size: 14px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 50px;
        line-height: 14px;
        padding: 17.5px 15px;
    }
}

@media (min-width: 768px) {
    header .topnav .location-hd .dropdown-wraper {
        width: 600px;
        left: -50%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header .topnav .location-hd .dropdown-wraper {
        left: -100px;
    }
}

@media (min-width: 768px) {
    header .topnav .location-hd .dropdown-wraper select {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    header .topnav .location-hd .dropdown-wraper .formcta .btn {
        font-size: 14px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 50px;
        line-height: 14px;
        padding: 17.5px 15px;
    }
}

@media (max-width: 767px) {
    header .topnav .location-hd {
        margin: 0 2% 0 3% !important;
    }

    header .topnav .help-hd .contact-hd a .fa.fa-angle-down {
        display: none;
    }

    header .topnav .location-hd > span > a i.fa.fa-map-marker {
        border: solid 1px #545353;
        border-radius: 50%;
        display: block;
        font-size: 15px;
        padding: 7px 11px;
    }

    .search-mob-hd .fa.fa-search {
        background: #545353 none repeat scroll 0 0;
        border-radius: 50%;
        font-size: 15px;
        padding: 7px;
    }

    header .topnav .help-hd .app-dld-hd a i {
        background: #545353 none repeat scroll 0 0;
        border-radius: 50%;
        font-size: 21px;
        padding: 4px 10px;
    }

    header .topnav .help-hd .contact-hd a .fa.fa-user {
        background: #545353 none repeat scroll 0 0;
        border-radius: 50%;
        padding: 7px 8px;
        font-size: 14px;
    }

    header .topnav .help-hd .post-mob-hd a i {
        background: #545353 none repeat scroll 0 0;
        border-radius: 50%;
        padding: 8px;
        font-size: 13px;
    }

    header .topnav .help-hd .post-mob-hd a {
        min-width: inherit;
    }
}

@media (min-width: 300px) and (max-width: 479px) {
    header .topnav .logo-sulekha-hd {
        margin: 0 2px 0 5px;
    }

    header .topnav .help-hd .app-dld-hd {
        width: inherit;
    }

        header .topnav .help-hd .app-dld-hd a {
            margin-right: 6px;
        }
}

@media (min-width: 768px) {
    header .topnav .location-hd > span > a i.fa.fa-map-marker {
        margin-right: 7px;
    }
}

header .topnav {
    z-index: 999;
}

    header .topnav .search-hd .search-wrapper .src-hd-bx {
        float: left;
    }

        header .topnav .search-hd .search-wrapper .src-hd-bx .select-wrapper, header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select {
            float: left;
            display: inline-block;
            border-right: 1px solid #000;
            background: #fff url(/common/images/other/down-new.jpg) no-repeat right 0;
            cursor: pointer;
            color: #777;
            border-bottom: 0;
            border-top: 0;
            cursor: pointer;
            display: block;
            font-size: 13px;
            text-transform: capitalize;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            height: 34px;
            line-height: 34px;
        }

            header .topnav .search-hd .search-wrapper .src-hd-bx .select-wrapper .holder, header .topnav .search-hd .search-wrapper .src-hd-bx select .holder, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select .holder, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select .holder {
                display: block;
                margin: 0 35px 0 5px;
                white-space: nowrap;
                overflow: hidden;
                cursor: pointer;
                position: relative;
                padding: 0 5px 0 8px;
            }

        header .topnav .search-hd .search-wrapper .src-hd-bx .select-wrapper, header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select {
            height: 34px;
            line-height: 34px;
            color: #777;
            border-bottom: 0;
            border-top: 0;
            cursor: pointer;
            display: block;
            font-size: 13px;
            text-transform: capitalize;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            height: 34px;
            line-height: 34px;
        }

            header .topnav .search-hd .search-wrapper .src-hd-bx .select-wrapper:before {
                display: none
            }

        header .topnav .search-hd .search-wrapper .src-hd-bx select {
            margin: 0;
            position: absolute;
            z-index: 2;
            left: 0;
            top: 0;
            cursor: pointer;
            outline: none;
            opacity: 0;
            filter: alpha(opacity=0);
        }

.src-hd-bx .select-wrapper, .src-hd-bx .select-wrapper select {
    width: inherit !important;
}

    .src-hd-bx .select-wrapper .holder {
        border: none;
    }

header .topnav .search-hd .search-wrapper .src-hd-axn {
    float: right;
}

header .topnav .search-hd .search-wrapper .src-hd-wrp {
    width: auto;
    overflow: hidden;
    position: relative;
}

    header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text {
        position: relative;
        height: 34px;
        background: #fff;
        z-index: 2;
    }

        header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text input[type="text"] {
            cursor: text;
            position: absolute;
            top: 0;
            left: 0;
            border: 0;
            display: block;
            font-size: 13px;
            width: 100%;
            height: 34px;
            line-height: 13px;
            padding: 10px 12px;
        }

header .topnav .search-hd .search-wrapper .src-hd-wrp, header .topnav .search-hd .search-wrapper .src-hd-bx, header .topnav .search-hd .search-wrapper .src-hd-axn {
    padding: 10px 0;
}

.search-suggest-hd {
    background: #fff;
    border: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    min-width: 160px;
    margin: 0;
    padding-bottom: 1px;
    text-align: left;
    width: 100%;
    top: 39px;
    right: auto;
    bottom: auto;
    left: 0;
    position: absolute;
    z-index: 2;
}

    .search-suggest-hd .wraper {
        max-height: 420px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }

    .search-suggest-hd:before, .search-suggest-hd:after {
        content: '';
        border: solid transparent;
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: -17px;
    }

    .search-suggest-hd:before {
        border-width: 10px;
        border-bottom-color: #e6e6e6;
        margin: -2px 0 0 -1px;
    }

    .search-suggest-hd:after {
        border-width: 9px;
        border-bottom-color: #f4f4f4;
    }

    .search-suggest-hd .sugg {
        background: #f4f4f4;
        border-top: solid 1px #e6e6e6;
        display: block;
        color: #999;
        font-size: 11px;
        line-height: 36px;
        padding: 0 15px;
        text-align: center;
    }

    .search-suggest-hd label {
        color: #ff837e;
        cursor: default;
        display: block;
        font-family: 'robotobold';
        font-size: 11px;
        margin: 10px 0 0 0;
        padding-left: 15px;
        position: relative;
        letter-spacing: 1px;
        line-height: 30px;
        text-transform: uppercase;
        z-index: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .search-suggest-hd label:before {
            content: '';
            display: block;
            border-bottom: 1px solid #f4f4f4;
            width: 100%;
            top: 50%;
            position: absolute;
            z-index: -2;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 20px;
            position: absolute;
        }

        .search-suggest-hd label b {
            background-color: #fff;
            padding-right: 20px;
        }

    .search-suggest-hd ul li {
        font-size: 12px;
        line-height: 34px;
        cursor: pointer;
    }

        .search-suggest-hd ul li.active a {
            background-color: #ff4242;
            color: #fff;
        }

        .search-suggest-hd ul li a {
            color: #333;
            display: block;
            padding: 0 15px;
            cursor: pointer;
            -webkit-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            transition: all 0.1s ease;
        }

            .search-suggest-hd ul li a i {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .search-suggest-hd ul li a b {
                color: #999;
                display: block;
                margin-top: -15px;
                position: relative;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .search-suggest-hd ul li a:hover {
                background-color: #ff4242;
                color: #fff;
            }

                .search-suggest-hd ul li a:hover b {
                    color: #6f0909;
                }

    .search-suggest-hd ul.v2 li {
        font-weight: bold;
    }

        .search-suggest-hd ul.v2 li b {
            font-weight: normal;
        }

.service-icon {
    width: 100%;
    margin: 20px 0 0 0;
}

@media (max-width: 767px) {
    .service-icon {
        margin: 315px 0 0;
    }
}

.service-icon ul li {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    width: 82px;
    padding: 13px 1px;
    margin: 0 4px 0 0;
}

@media (max-width: 767px) {
    .service-icon ul li {
        margin: 0 5px 11px 0;
    }
}

@media (min-width: 300px) and (max-width: 360px) {
    .service-icon ul li {
        margin: 0 25px 20px 25px !important;
    }
}

@media (min-width: 300px) and (max-width: 439px) {
    .service-icon ul li {
        margin: 0 10px 20px 10px;
    }
}

@media (min-width: 440px) and (max-width: 991px) {
    .service-icon ul li {
        margin: 0 20px 20px 20px;
    }
}

@media (min-width: 300px) and (max-width: 440px) {
    .service-icon ul li {
        width: 83px;
    }
}

.service-icon ul li a {
    color: #fff;
}

    .service-icon ul li a:hover {
        color: #fff;
    }

.service-icon ul li b {
    display: block;
    font-family: "robotoregular";
    padding: 5px 0 0 0;
    font-size: 11px;
}

.search-b1 .search-wrapper .src-hd-bx {
    float: left;
}

    .search-b1 .search-wrapper .src-hd-bx .select-wrapper, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 .search-wrapper .src-hd-bx select {
        float: left;
        display: inline-block;
        border-right: 1px solid #000;
        background: #fff url(/common/images/other/down-new.jpg) no-repeat right 0;
        cursor: pointer;
    }

        .search-b1 .search-wrapper .src-hd-bx .select-wrapper .holder, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select .holder, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select .holder, .search-b1 .search-wrapper .src-hd-bx select .holder {
            display: block;
            margin: 0 35px 0 5px;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            padding: 0 5px 0 8px;
        }

    .search-b1 .search-wrapper .src-hd-bx .select-wrapper, .search-b1 header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-b1 .search-wrapper .src-hd-bx select, .search-b1 .search-wrapper .src-hd-bx select {
        height: 34px;
        line-height: 34px;
        color: #777;
        border-bottom: 0;
        border-top: 0;
        cursor: pointer;
        display: block;
        font-size: 13px;
        text-transform: capitalize;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        height: 34px;
        line-height: 34px;
    }

    .search-b1 .search-wrapper .src-hd-bx select {
        margin: 0;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        cursor: pointer;
        outline: none;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.search-b1 .search-wrapper .src-hd-axn {
    float: right;
}

.search-b1 .search-wrapper .src-hd-wrp {
    width: auto;
    overflow: hidden;
    position: relative;
}

    .search-b1 .search-wrapper .src-hd-wrp .src-hd-text {
        position: relative;
        height: 34px;
        background: #fff;
        z-index: 2;
    }

        .search-b1 .search-wrapper .src-hd-wrp .src-hd-text input[type="text"] {
            position: absolute;
            top: 0;
            left: 0;
            border: 0;
            display: block;
            font-size: 13px;
            width: 100%;
            height: 34px;
            line-height: 13px;
            padding: 10px 12px;
        }

.search-b1 .search-wrapper .src-hd-wrp, .search-b1 .search-wrapper .src-hd-bx, .search-b1 .search-wrapper .src-hd-axn {
    padding: 10px 0;
}

.hsearch2 .hsearch-wrapper {
    width: 85% !important;
}

@media (max-width: 568px) {
    .hsearch2 .hsearch-wrapper {
        width: 95% !important;
    }
}

.hsearch2 .addon {
    display: none !important;
}

.hsearch2 .sch-location {
    display: none !important;
}

.home-search-w {
    width: 100%;
    float: left;
    height: 61px;
    margin: 50px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .home-search-w {
        width: 100%;
    }
}

.home-search-w .hsearch-wrapper {
    width: 56%;
    position: relative;
    float: left;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

@media (max-width: 767px) {
    .home-search-w .hsearch-wrapper {
        width: 97%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-search-w .hsearch-wrapper {
        width: 55%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .home-search-w .hsearch-wrapper {
        width: 30%;
    }
}

.home-search-w .hsearch-wrapper .src-hd-axn {
    float: right;
}

.home-search-w .hsearch-wrapper .src-hd-wrp {
    width: auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-left: solid 1px #d4d4d4;
}

    .home-search-w .hsearch-wrapper .src-hd-wrp .src-hd-text {
        position: relative;
        background: #fff;
        z-index: 2;
    }

        .home-search-w .hsearch-wrapper .src-hd-wrp .src-hd-text input[type="text"] {
            border: 0;
            width: 100%;
            background: #fff;
            height: 61px;
        }

.home-search-w .hsearch-box {
    float: left;
}

    .home-search-w .hsearch-box .select-wrapper, .home-search-w .hsearch-box header .topnav .search-hd .search-wrapper .src-hd-bx select, header .topnav .search-hd .search-wrapper .src-hd-bx .home-search-w .hsearch-box select, .home-search-w .hsearch-box .search-b1 .search-wrapper .src-hd-bx select, .search-b1 .search-wrapper .src-hd-bx .home-search-w .hsearch-box select {
        float: left;
        display: inline-block;
        background: url(/common/images/other/down-new.jpg) no-repeat right 50% transparent;
        cursor: pointer;
        padding: 0 15px;
        -webkit-border-top-left-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        height: 61px;
        line-height: 61px;
        background-color: #fff;
    }

        .home-search-w .hsearch-box .select-wrapper select, .home-search-w .hsearch-box header .topnav .search-hd .search-wrapper .src-hd-bx select select, header .topnav .search-hd .search-wrapper .src-hd-bx .home-search-w .hsearch-box select select, .home-search-w .hsearch-box .search-b1 .search-wrapper .src-hd-bx select select, .search-b1 .search-wrapper .src-hd-bx .home-search-w .hsearch-box select select {
            height: 61px;
            line-height: 61px;
            background-color: #fff;
            border: 0;
            margin: 0;
            position: absolute;
            z-index: 2;
            cursor: pointer;
            outline: none;
            opacity: 0;
            _noFocusLine: expression(this.hideFocus=true);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
            left: 0;
        }

        .home-search-w .hsearch-box .select-wrapper .holder, .home-search-w .hsearch-box header .topnav .search-hd .search-wrapper .src-hd-bx select .holder, header .topnav .search-hd .search-wrapper .src-hd-bx .home-search-w .hsearch-box select .holder, .home-search-w .hsearch-box .search-b1 .search-wrapper .src-hd-bx select .holder, .search-b1 .search-wrapper .src-hd-bx .home-search-w .hsearch-box select .holder {
            display: block;
            margin: 0 35px 0 5px;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            color: #4c4c4c;
        }

.home-search-w .addon {
    background-color: #f4f3f3;
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    text-align: center;
    line-height: 61px;
    float: left;
    padding: 0 10px;
    color: #7f7f7f;
    font-size: 18px;
}

@media (max-width: 767px) {
    .home-search-w .addon {
        border: none !important;
        width: 100%;
        background-color: transparent;
        line-height: 35px;
    }
}

.home-search-w .sch-location {
    float: left;
    position: relative;
    width: 23%;
}

@media (max-width: 767px) {
    .home-search-w .sch-location {
        width: 97%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .home-search-w .sch-location {
        width: 19%;
    }
}

.home-search-w .sch-location input[type="text"] {
    border: 0;
    width: 100%;
    background: #fff;
    height: 61px;
}

.home-search-w .hsearch-btn {
    float: left;
}

@media (max-width: 767px) {
    .home-search-w .hsearch-btn {
        width: 97%;
        margin-top: 20px;
    }
}

.home-search-w .hsearch-btn .btn {
    font-size: 18px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 61px;
    line-height: 18px;
    padding: 21px 15px;
    text-align: center;
}

.loaderhome {
    position: absolute;
    top: 33%;
    right: 5%;
    background: url(/common/images/other/hme-loader.gif);
    height: 18px;
    width: 18px;
}

.loadercenter {
    position: absolute;
    top: 33%;
    left: 45%;
    background: url(/common/images/other/load-center.gif);
    height: 64px;
    width: 64px;
}

.form-app-sel {
    width: 50px;
    height: 40px;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    margin-top: 10px;
}

@media (min-width: 300px) and (max-width: 440px) {
    .form-app-sel {
        width: 50px;
    }
}

.form-app-sel select {
    width: 65px;
    border: none;
    height: 40px;
    padding: 0 0 0 4px;
    background: #fff url(/common/images/other/down-new.jpg) no-repeat 78% 50%;
}

@media (min-width: 300px) and (max-width: 440px) {
    .form-app-sel select {
        width: 70px;
    }
}

.gtlink-top {
    margin: 0 0 50px 0;
    width: 100%;
}

@media (min-width: 300px) and (max-width: 440px) {
    .gtlink-top {
        margin: 0 0 13px;
    }
}

.gtlink-top .thank-msgapp {
    color: #3ba040;
}

.gtlink-top:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden;
}

.gtlink-top:before {
    content: "";
    display: table;
}

.gtlink-top .form-app-sel {
    width: 50px;
    height: 30px;
    overflow: hidden;
    border-radius: 3px 0 0 3px !important;
    border: solid 1px #e6e6e6;
    border-right: none;
    float: left;
    margin-top: 0;
}

    .gtlink-top .form-app-sel select {
        width: 68px;
        border: none;
        height: 30px;
        padding: 0 0 0 3px;
        background: #fff url(/common/images/other/down-new.jpg) no-repeat 78% 50%;
        border-radius: 0 3px 3px 0 !important;
    }

.gtlink-top .gt-inpu {
    color: white;
    position: relative;
    width: 85%;
    float: left;
}

    .gtlink-top .gt-inpu:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .gtlink-top .gt-inpu:before {
        content: "";
        display: table;
    }

@media (min-width: 300px) and (max-width: 440px) {
    .gtlink-top .gt-inpu {
        width: 77%;
    }
}

.gtlink-top .gt-inpu.alert input[type="text"] {
    border-color: #f00;
}

.gtlink-top .gt-inpu.alert label {
    color: #f00;
}

.gtlink-top .gt-inpu input[type="text"] {
    height: 30px;
    padding: 0 10px;
    float: left;
    width: 55%;
    border-radius: 0;
}

@media (min-width: 300px) and (max-width: 440px) {
    .gtlink-top .gt-inpu input[type="text"] {
        width: 82%;
    }
}

.gtlink-top .gt-inpu input[type="text"]:focus ~ label {
    display: none;
}

.gtlink-top .gt-inpu label {
    position: absolute;
    top: 5px;
    left: 7px;
    font-size: 12px;
    color: #999;
    pointer-events: none;
}

.gtlink-top .gt-inpu .gtbtn {
    float: left;
    color: #fff !important;
    border-radius: 0 3px 3px 0 !important;
}

.wraper .gt-inpu {
    color: white;
    position: relative;
    width: 86%;
}

    .wraper .gt-inpu:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .wraper .gt-inpu:before {
        content: "";
        display: table;
    }

    .wraper .gt-inpu.alert input[type="text"] {
        border-color: #f00;
    }

    .wraper .gt-inpu.alert label {
        color: #f00 !important;
    }

    .wraper .gt-inpu input[type="text"] {
        height: 30px;
        padding: 0 10px;
        float: left;
        width: 45%;
        border-radius: 0 3px 3px 0 !important;
    }

@media (min-width: 300px) and (max-width: 440px) {
    .wraper .gt-inpu input[type="text"] {
        width: 66%;
    }
}

.wraper .gt-inpu input[type="text"]:focus ~ label {
    display: none;
}

.wraper .gt-inpu label {
    position: absolute;
    top: 26px;
    left: 7px;
    font-size: 12px !important;
    color: #999 !important;
    pointer-events: none;
    font-family: robotoregular !important;
}

.wraper .gt-inpu .gtbtn {
    float: left;
    color: #fff !important;
    border-radius: 0 3px 3px 0 !important;
}

.thank-msgapp {
    display: block;
    color: #fff600;
    text-align: center;
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-left: -18%;
}

    .thank-msgapp i {
        font-size: 16px;
        margin-right: 5px;
    }

.closeout {
    left: 50%;
    margin-left: 120px;
    top: 78px;
    width: 50px;
    z-index: 999999;
}

@media (max-width: 767px) {
    .closeout {
        top: 10px;
        right: 3px !important;
        left: inherit !important;
    }
}

.closeout .clsoeico {
    font-size: 24px;
    color: #6c7074;
    font-family: 'arial';
    line-height: 32px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .closeout .clsoeico {
        font-size: 24px;
    }
}

.modifra {
    top: 65px;
    left: 50%;
    margin-left: -156px;
    min-height: 614px;
    width: 312px;
}

.overlay-black {
    position: fixed;
    z-index: 99999;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.loc-place {
    margin: 15px 0 0 20px;
    font-size: 13px;
    color: #333;
    font-family: 'robotoregular';
}

    .loc-place .loca {
        color: #ff837e;
        text-transform: capitalize;
        font-family: 'robotobold';
    }

.citymetro {
    width: 100%; /*margin: 20px 0;*/
}

    .citymetro:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .citymetro:before {
        content: "";
        display: table;
    }

    .citymetro .cm-inner {
        width: 50%;
        float: left;
        margin-bottom: 15px;
    }

        .citymetro .cm-inner p {
            display: block;
            padding-left: 10px;
            line-height: 41px;
            text-align: left;
            font-family: 'robotoregular';
            font-size: 13px;
            color: #000;
            background-color: #f7f9f7;
        }

            .citymetro .cm-inner p.citymar {
                border-right: solid 1px #ccc;
            }

        .citymetro .cm-inner ul {
            height: 250px;
            overflow-y: scroll;
        }

@media (max-width: 767px) {
    .citymetro .cm-inner ul {
        height: 140px;
    }
}

.citymetro .cm-inner ul li {
    display: block;
    height: 37px;
    overflow: hidden;
    padding: 0;
}

    .citymetro .cm-inner ul li a {
        display: block;
        padding: 5px 10px;
        line-height: 25px;
        margin-right: 15px;
        text-align: left;
        font-family: 'robotoregular';
        font-size: 14px;
        color: #6c7074;
        border-bottom: solid 1px #edefed;
    }

        .citymetro .cm-inner ul li a i {
            text-align: right;
            float: right;
            padding: 5px;
        }

        .citymetro .cm-inner ul li a:hover {
            color: #fff !important;
            background-color: #ff4242;
        }

            .citymetro .cm-inner ul li a:hover i {
                color: #fff;
            }

    .citymetro .cm-inner ul li.active a {
        color: #fff;
        background-color: #ff4242;
    }

        .citymetro .cm-inner ul li.active a i {
            color: #fff;
        }

.citymetro .cm-inner.loadcity ul li {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    opacity: 0.2;
    position: fixed;
}

.citymetro .loaderhome {
    position: absolute;
    top: 20%;
    left: 45%;
    background: url(/common/images/other/hme-loader.gif);
    height: 18px;
    width: 18px;
}

.heroad {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    header {
        left: 0;
        position: static;
        top: 0;
        width: 100%;
        z-index: 99999;
    }
}

@media (min-width: 1200px) {
    header.sticky {
        position: fixed;
        top: 0;
    }
}

.afterlogin {
    z-index: 3;
}

.footer_sticky {
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    display: block;
    font-family: 'arial';
}

    .footer_sticky .live-chat {
        float: right;
    }

        .footer_sticky .live-chat a {
            color: #fff;
            display: block;
            background-color: #92ba36;
            padding: 9px 20px;
            margin: 0 20px 0 0;
            font-size: 17px;
        }

    .footer_sticky ul {
        margin: 0px;
        padding: 8px 15px 8px 0;
        float: left;
    }

        .footer_sticky ul li {
            margin: 0px;
            padding: 0 0 0 50px;
            list-style: none;
            float: left;
            font-size: 13px;
            line-height: 20px;
            color: #ccc;
            position: relative;
        }

@media (min-width: 300px) and (max-width: 360px) {
    .footer_sticky ul li {
        padding: 0 0 0 36px;
    }
}

@media (max-width: 669px) {
    .footer_sticky {
        z-index: 99999;
    }
}

.footer_sticky ul li a {
    color: #ccc;
}

.footer_sticky ul li i {
    color: #ccc;
    margin: 0 3px 0 0;
    font-size: 15px;
}

.reqcal_back {
    position: absolute;
    bottom: 28px;
    left: 50px;
    z-index: 100;
    background-color: #f0f0f0;
    width: 300px;
}

@media (max-width: 669px) {
    .reqcal_back {
        left: 0;
        position: fixed;
        height: 100%;
        top: 0;
        width: 100%;
    }
}

.reqcal_back .titletxt {
    background-color: #08a182;
    padding: 10px;
}

    .reqcal_back .titletxt:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .reqcal_back .titletxt:before {
        content: "";
        display: table;
    }

    .reqcal_back .titletxt .txt {
        float: left;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
    }

    .reqcal_back .titletxt .rt-close {
        font-size: 13px;
        float: right;
        line-height: 20px;
    }

        .reqcal_back .titletxt .rt-close a {
            color: #fff;
            text-decoration: none;
            border: 1px solid #fff;
            border-radius: 50%;
            padding: 5px 9px;
        }

.reqcal_back .frm_cont {
    padding: 10px 0;
    border-left: solid 1px #08a182;
    border-right: solid 1px #08a182;
}

@media (max-width:669px) {
    .reqcal_back .frm_cont {
        height: 100%;
    }

        .reqcal_back .frm_cont ul li {
            text-align: center;
        }

    .menu-nav .navigator .menulogo-fix {
        width: 100%;
    }

    .menu-nav .navigator .menulogo-fix {
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .navigator .menulogo-fix:hover {
        background: #fff;
    }
}

.reqcal_back .frm_cont:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden;
}

.reqcal_back .frm_cont:before {
    content: "";
    display: table;
}

.reqcal_back .frm_cont ul {
    width: 91%;
    margin: 0 4%;
    padding: 0px;
}

    .reqcal_back .frm_cont ul li {
        position: relative;
        margin: 5px 0;
        padding: 0 0 0 0;
        width: 100%;
    }

        .reqcal_back .frm_cont ul li:after {
            clear: both;
            content: "";
            display: table;
            height: 0;
            visibility: hidden;
        }

        .reqcal_back .frm_cont ul li:before {
            content: "";
            display: table;
        }

        .reqcal_back .frm_cont ul li.alert input {
            border: solid 1px #f58705;
        }

        .reqcal_back .frm_cont ul li.alert label {
            left: 5px;
            font-size: 12px;
            margin-top: 6px;
            line-height: 20px;
            left: 5px;
            color: #f58705;
            -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
            -o-transform: scale(0.85);
            transform: scale(0.85);
        }

        .reqcal_back .frm_cont ul li .mcode {
            float: left;
            position: relative;
            width: 26%;
        }

            .reqcal_back .frm_cont ul li .mcode .form_wrapin:after {
                display: inline-block;
                margin-top: -11px;
                pointer-events: none;
                z-index: 1;
                display: inline-block;
                font-family: "FontAwesome";
                font-size: 15px;
                font-weight: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                top: 50%;
                right: auto;
                bottom: auto;
                left: auto;
                position: absolute;
            }

            .reqcal_back .frm_cont ul li .mcode .form_wrapin:after {
                color: #9e9e9e;
                content: "\f078";
                right: 9px;
                font-size: 12px;
            }

        .reqcal_back .frm_cont ul li .mnumber {
            float: left;
            width: 74%;
        }

            .reqcal_back .frm_cont ul li .mnumber label {
                left: 80px !important;
            }

            .reqcal_back .frm_cont ul li .mnumber input[type="text"] {
                height: 45px;
                line-height: 18px;
                padding: 10px;
                width: 100%;
            }

        .reqcal_back .frm_cont ul li .selectfull {
            float: left;
            position: relative;
            width: 100%;
        }

            .reqcal_back .frm_cont ul li .selectfull input {
                background: #fff url(/common/images/other/down-new.jpg) no-repeat right 0;
            }

        .reqcal_back .frm_cont ul li a {
            color: #fff;
        }

    .reqcal_back .frm_cont ul input[type="email"] {
        width: 100%;
        height: 45px;
        padding: 10px;
        font-size: 14px;
    }

    .reqcal_back .frm_cont ul input {
        width: 100%;
        height: 45px;
        padding: 10px;
        font-size: 14px;
    }

        .reqcal_back .frm_cont ul input[type="text"] {
            height: 45px;
            line-height: 18px;
            padding: 10px;
            width: 100%;
        }

    .reqcal_back .frm_cont ul textarea {
        line-height: 18px;
        padding: 10px;
        width: 100%;
    }

    .reqcal_back .frm_cont ul input.form-text, .reqcal_back .frm_cont ul textarea {
        display: block;
        width: 100%;
    }

        .reqcal_back .frm_cont ul input.form-text + label, .reqcal_back .frm_cont ul textarea + label {
            color: #b0b0b0;
            line-height: 45px;
            pointer-events: none;
            text-transform: uppercase;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
            top: 0;
            right: auto;
            bottom: 0;
            left: 10px;
            position: absolute;
        }

            .reqcal_back .frm_cont ul input.form-text + label.lactive, .reqcal_back .frm_cont ul textarea + label.lactive {
                font-size: 12px;
                margin-top: 4px;
                line-height: 10px;
                left: 5px;
                -webkit-transform: scale(0.85);
                -ms-transform: scale(0.85);
                -o-transform: scale(0.85);
                transform: scale(0.85);
            }

        .reqcal_back .frm_cont ul input.form-text:focus + label, .reqcal_back .frm_cont ul textarea:focus + label {
            font-size: 12px;
            margin-top: 4px;
            line-height: 10px;
            left: 5px;
            -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
            -o-transform: scale(0.85);
            transform: scale(0.85);
        }

.reqcal_back .frm_cont .frm_row {
    padding: 10px;
}

.reqcal_b2 {
    position: absolute;
    bottom: 28px;
    left: 50px;
    z-index: 100;
    background-color: #f0f0f0;
    min-width: 188px;
}

    .reqcal_b2 .sharclose {
        background-color: #bab8b8;
        height: 20px;
        line-height: 15px;
        text-align: center;
        width: 100%;
    }

        .reqcal_b2 .sharclose .fa-chevron-down {
            color: #fff;
        }

        .reqcal_b2 .sharclose .fa-close {
            padding: 0px;
            margin: 0;
            color: #fff;
        }

    .reqcal_b2 ul {
        margin: 0;
        padding: 0px;
    }

        .reqcal_b2 ul li {
            padding: 0px;
            margin: 0;
        }

            .reqcal_b2 ul li .fa {
                color: #fff;
                width: 25px;
                height: 25px;
                text-align: center;
                line-height: 25px;
                margin: 8px 5px;
            }

            .reqcal_b2 ul li .fa-facebook {
                background-color: #3b5997;
                margin-left: 10px;
            }

            .reqcal_b2 ul li .fa-twitter {
                background-color: #29c5f6;
            }

            .reqcal_b2 ul li .fa-pinterest-p {
                background-color: #c61118;
            }

            .reqcal_b2 ul li .fa-google-plus {
                background-color: #dd4b39;
            }

            .reqcal_b2 ul li .fa-envelope {
                background-color: #08a182;
            }

            .reqcal_b2 ul li .fa-instagram {
                background-color: #2e5e86;
            }

            .reqcal_b2 ul li .fa-close {
                background-color: #08a182;
                margin-left: 15px;
            }

.share_close {
    background-color: #08a182;
    text-align: right;
    padding: 5px;
}

.drop-result-wraper {
    background: #fff;
    border: none;
    border-top: solid 1px #e6e6e6;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    display: none;
    min-width: 100px;
    margin: 0;
    padding-bottom: 1px;
    text-align: left;
    width: 100%;
    z-index: 2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    position: absolute;
}

    .drop-result-wraper .wraprelate {
        position: relative;
        width: 100%;
    }

        .drop-result-wraper .wraprelate:before, .drop-result-wraper .wraprelate:after {
            content: '';
            border: solid transparent;
            left: 45%;
            pointer-events: none;
            position: absolute;
            top: -18px;
        }

        .drop-result-wraper .wraprelate:before {
            border-width: 10px;
            border-bottom-color: #e6e6e6;
            margin: -2px 0 0 -1px;
        }

        .drop-result-wraper .wraprelate:after {
            border-width: 9px;
            border-bottom-color: #fff;
        }

    .drop-result-wraper .wraper {
        max-height: 156px;
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }

    .drop-result-wraper.hmlsser .wraper {
        max-height: 306px;
    }

    .drop-result-wraper.hmlsser {
        width: 95.4%;
        top: 80%;
    }

    .drop-result-wraper .wraper label {
        color: #ff837e !important;
        cursor: default;
        display: block;
        font-family: 'robotobold';
        font-size: 11px;
        margin: 10px 0 0 0;
        padding-left: 15px;
        position: relative;
        letter-spacing: 1px;
        line-height: 30px;
        text-transform: uppercase;
        z-index: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .drop-result-wraper .wraper label:before {
            content: '';
            display: block;
            border-bottom: 1px solid #f4f4f4;
            width: 100%;
            top: 50%;
            position: absolute;
            z-index: -2;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 20px;
            position: absolute;
        }

        .drop-result-wraper .wraper label b {
            background-color: #fff;
            padding-right: 20px;
        }

    .drop-result-wraper ul li {
        font-size: 13px;
    }

        .drop-result-wraper ul li.active a {
            background-color: #ff4242;
            color: #fff;
        }

        .drop-result-wraper ul li a {
            color: #333;
            display: block;
            padding: 8px 15px;
            -webkit-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            transition: all 0.1s ease;
        }

            .drop-result-wraper ul li a i {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .drop-result-wraper ul li a b {
                color: #999;
                font-size: 11px;
                display: block;
            }

            .drop-result-wraper ul li a:hover {
                background-color: #ff4242;
                color: #fff;
            }

                .drop-result-wraper ul li a:hover b {
                    color: #6f0909;
                }

.drop-result-wraper2 {
    background: #fff;
    border: none;
    border-top: solid 1px #e6e6e6;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2);
    display: none;
    min-width: 100px;
    margin: 0;
    padding-bottom: 1px;
    text-align: left;
    width: 100%;
    z-index: 2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: auto;
    right: auto;
    bottom: 45px;
    left: 0;
    position: absolute;
}

    .drop-result-wraper2 .wraprelate2 {
        position: relative;
        width: 100%;
    }

        .drop-result-wraper2 .wraprelate2:before, .drop-result-wraper2 .wraprelate2:after {
            content: '';
            border: solid transparent;
            left: 25%;
            pointer-events: none;
            position: absolute;
            bottom: -18px;
        }

        .drop-result-wraper2 .wraprelate2:before {
            border-width: 10px;
            border-top-color: #e6e6e6;
            margin: 0 -1px -2px -1px;
        }

        .drop-result-wraper2 .wraprelate2:after {
            border-width: 9px;
            border-top-color: #fff;
        }

    .drop-result-wraper2 .wraper2 {
        max-height: 156px;
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }

        .drop-result-wraper2 .wraper2 label {
            color: #ff837e;
            cursor: default;
            display: block;
            font-family: 'robotobold';
            font-size: 11px;
            margin: 10px 0 0 0;
            padding-left: 15px;
            position: relative;
            letter-spacing: 1px;
            line-height: 30px;
            text-transform: uppercase;
            z-index: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .drop-result-wraper2 .wraper2 label:before {
                content: '';
                display: block;
                border-bottom: 1px solid #f4f4f4;
                width: 100%;
                top: 50%;
                position: absolute;
                z-index: -2;
                top: 50%;
                right: auto;
                bottom: auto;
                left: 20px;
                position: absolute;
            }

            .drop-result-wraper2 .wraper2 label b {
                background-color: #fff;
                padding-right: 20px;
            }

    .drop-result-wraper2 ul li {
        font-size: 13px;
    }

        .drop-result-wraper2 ul li a {
            color: #333;
            display: block;
            padding: 2px 10px;
            -webkit-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            transition: all 0.1s ease;
        }

            .drop-result-wraper2 ul li a i {
                display: block;
                color: #333 !important;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .drop-result-wraper2 ul li a b {
                color: #999;
                font-size: 11px;
                display: block;
            }

            .drop-result-wraper2 ul li a:hover {
                background-color: #ff4242;
                color: #fff;
            }

                .drop-result-wraper2 ul li a:hover i {
                    color: #fff !important;
                }

                .drop-result-wraper2 ul li a:hover b {
                    color: #6f0909;
                }

.result-menu {
    width: 100% !important;
    margin: 0 !important;
}

footer {
    background: #333;
    color: #fff;
    padding-bottom: 40px !important;
}

footer {
    font-family: 'arial';
}

    footer .foo-topmenu:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    footer .foo-topmenu:before {
        content: "";
        display: table;
    }

    footer .foo-topmenu > li .mainmenu {
        font-family: 'robotobold';
        font-size: 12px;
        padding: 10px;
        position: relative;
        text-transform: uppercase;
    }

    footer .foo-topmenu > li .submenu {
        color: #7f7f7f;
        font-size: 12px;
        line-height: 20px;
        padding: 10px;
    }

        footer .foo-topmenu > li .submenu b {
            display: block;
            font-weight: bold;
        }

        footer .foo-topmenu > li .submenu a {
            margin-top: 10px;
            color: #7f7f7f;
        }

    footer .foo-topmenu > li.shareit span, footer .foo-topmenu > li.app span {
        background: #666;
        display: inline-block;
        margin: 10px 5px 0 0;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

        footer .foo-topmenu > li.shareit span a, footer .foo-topmenu > li.app span a {
            color: #fff;
            display: block;
            font-size: 15px;
            margin: 0;
            min-height: 30px;
            min-width: 30px;
            padding: 5px;
            text-align: center;
        }

    footer .foo-topmenu > li.country span {
        display: inline-block;
        margin: 10px 5px 0 0;
        background-clip: padding-box;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    footer .foo-topmenu > li.shareit .fb:hover {
        background: #3B5998;
    }

    footer .foo-topmenu > li.shareit .tw:hover {
        background: #55acee;
    }

    footer .foo-topmenu > li.shareit .gp:hover {
        background: #DC4B39;
    }

    footer .foo-topmenu > li.shareit .pt:hover {
        background: #bd081c;
    }

    footer .foo-topmenu > li.shareit .ins:hover {
        background: #2e5e86;
    }

    footer .foo-topmenu > li.app .ios, footer .foo-topmenu > li.app .gplay {
        background: #000;
    }

        footer .foo-topmenu > li.app .ios:hover {
            background: #5fc9f8;
        }

        footer .foo-topmenu > li.app .gplay:hover {
            background: #a4c639;
        }

    footer .foo-topmenu a.ftdf {
        color: #7f7f7f;
    }

        footer .foo-topmenu a.ftdf:hover {
            color: #fff;
        }

@media (max-width: 991px) {
    footer .foo-topmenu > li {
        border-bottom: solid 1px rgba(254, 254, 254, 0.05);
    }

        footer .foo-topmenu > li .mainmenu:before {
            content: "\f067";
            margin-top: -8.5px;
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 15px;
            font-weight: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            top: 50%;
            right: 5%;
            bottom: auto;
            left: auto;
            position: absolute;
        }

        footer .foo-topmenu > li .mainmenu.active:before {
            content: "\f068";
        }

        footer .foo-topmenu > li .submenu {
            padding: 10px 10px 20px 20px;
        }
}

@media (min-width: 992px) {
    footer .foo-topmenu {
        padding: 25px 0;
    }

        footer .foo-topmenu > li {
            float: left;
            width: 20%;
        }
}

footer .foo-more {
    opacity: 0.5;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

    footer .foo-more:hover {
        opacity: 1;
    }

footer .foo-botmenu {
    display: none;
}

    footer .foo-botmenu a {
        color: #7f7f7f;
    }

        footer .foo-botmenu a:hover {
            color: #fff;
        }

    footer .foo-botmenu > li .submenu {
        font-size: 11px;
    }

@media (min-width: 992px) {
    footer .foo-botmenu > li {
        width: 33.33%;
    }

        footer .foo-botmenu > li:nth-child(3n+1) {
            clear: both;
        }
}

@media (min-width: 1200px) {
    footer .foo-botmenu > li {
        width: 16.66%;
    }

        footer .foo-botmenu > li:nth-child(3n+1) {
            clear: none;
        }
}

footer .f2 {
    background: rgba(0, 0, 0, 0.3);
}

footer .copyrite {
    background: rgba(0, 0, 0, 0.3);
    color: #666;
    font-size: 11px;
    padding: 15px;
    text-align: center;
}

.modal {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 1000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .modal .modal-table {
        display: table;
        height: 100%;
        table-layout: fixed;
        width: 100%;
    }

    .modal .modal-cell {
        display: table-cell;
        height: 100%;
        padding: 50px;
        vertical-align: middle;
        width: 100%;
    }

    .modal .modal-content {
        background-color: #fff;
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
        position: relative;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box;
    }

    .modal .accountwraper {
        width: 310px;
    }

        .modal .accountwraper .close {
            cursor: pointer;
            height: 18px;
            width: 18px;
            z-index: 20;
            top: 15px;
            right: 15px;
            bottom: auto;
            left: auto;
            position: absolute;
        }

            .modal .accountwraper .close .clsoeico {
                font-size: 21px;
                color: #333;
                font-family: 'arial';
                line-height: 32px;
            }

            .modal .accountwraper .close em {
                background: transparent url("/common/images/default/cross.svg") no-repeat center center;
                background-size: contain;
                content: "";
                display: table;
                height: 18px;
                margin: 0 auto;
                width: 18px;
            }

        .modal .accountwraper .mainhd {
            background: #f4f4f4;
            border-bottom: solid 1px #e6e6e6;
            padding: 15px;
            position: relative;
            text-align: center;
        }

            .modal .accountwraper .mainhd:before, .modal .accountwraper .mainhd:after {
                content: '';
                border: solid transparent;
                left: 45%;
                pointer-events: none;
                position: absolute;
                bottom: -1px;
            }

            .modal .accountwraper .mainhd:before {
                border-width: 10px;
                border-bottom-color: #e6e6e6;
                margin: -2px 0 0 -1px;
            }

            .modal .accountwraper .mainhd:after {
                border-width: 9px;
                border-bottom-color: #fff;
            }

        .modal .accountwraper .content-wraper {
            padding: 20px;
        }

            .modal .accountwraper .content-wraper .titles {
                padding: 20px 0 40px 0;
            }

                .modal .accountwraper .content-wraper .titles li {
                    display: inline-block;
                    padding: 0 10px 0 0;
                    font-family: 'robotobold';
                    text-transform: uppercase;
                }

                    .modal .accountwraper .content-wraper .titles li a {
                        padding: 5px;
                    }

                    .modal .accountwraper .content-wraper .titles li.active a {
                        color: #ff4242;
                        position: relative;
                    }

                        .modal .accountwraper .content-wraper .titles li.active a:after {
                            background: #ff4242;
                            content: '';
                            display: block;
                            height: 3px;
                            width: 80%;
                            top: auto;
                            right: auto;
                            bottom: 0;
                            left: 10%;
                            position: absolute;
                        }

            .modal .accountwraper .content-wraper .wraper ul li {
                position: relative;
                margin: 5px 0;
            }

                .modal .accountwraper .content-wraper .wraper ul li .inputactive {
                    border: solid 1px #f58705;
                }

                    .modal .accountwraper .content-wraper .wraper ul li .inputactive ~ label {
                        left: 5px;
                        font-size: 12px;
                        margin-top: 6px;
                        line-height: 20px;
                        left: 5px;
                        color: #f58705;
                        -webkit-transform: scale(0.85);
                        -ms-transform: scale(0.85);
                        -o-transform: scale(0.85);
                        transform: scale(0.85);
                    }

                .modal .accountwraper .content-wraper .wraper ul li.extra {
                    display: table;
                    font-size: 12px;
                    width: 100%;
                }

                    .modal .accountwraper .content-wraper .wraper ul li.extra.agreealert .check label:before {
                        border: 2px solid #ff4242;
                    }

                    .modal .accountwraper .content-wraper .wraper ul li.extra.agreealert .check .info {
                        color: #ff4242;
                    }

                        .modal .accountwraper .content-wraper .wraper ul li.extra.agreealert .check .info a {
                            color: #6f0909;
                        }

                    .modal .accountwraper .content-wraper .wraper ul li.extra:after {
                        clear: both;
                        content: "";
                        display: table;
                        height: 0;
                        visibility: hidden;
                    }

                    .modal .accountwraper .content-wraper .wraper ul li.extra:before {
                        content: "";
                        display: table;
                    }

                    .modal .accountwraper .content-wraper .wraper ul li.extra .check, .modal .accountwraper .content-wraper .wraper ul li.extra .forgot {
                        display: table-cell;
                        padding: 20px 0;
                        position: relative;
                        vertical-align: middle;
                    }

                        .modal .accountwraper .content-wraper .wraper ul li.extra .check:after {
                            clear: both;
                            content: "";
                            display: table;
                            height: 0;
                            visibility: hidden;
                        }

                        .modal .accountwraper .content-wraper .wraper ul li.extra .check:before {
                            content: "";
                            display: table;
                        }

                        .modal .accountwraper .content-wraper .wraper ul li.extra .check info {
                            color: #666;
                            cursor: default;
                        }

                        .modal .accountwraper .content-wraper .wraper ul li.extra .check label {
                            border: 0;
                            cursor: default;
                            clip: inherit !important;
                            font-weight: normal;
                            height: 14px;
                            left: 0;
                            padding: 0 0 0 25px;
                            position: absolute;
                            text-indent: -9999px;
                            width: 14px;
                        }

                            .modal .accountwraper .content-wraper .wraper ul li.extra .check label:before {
                                background: #fff;
                                border: 2px solid #a7aeb3;
                                content: "";
                                clip: inherit !important;
                                cursor: pointer;
                                height: 14px;
                                left: 0;
                                margin: 0;
                                opacity: 1;
                                position: absolute;
                                top: 0;
                                text-indent: -9999px;
                                width: 14px;
                            }

                        .modal .accountwraper .content-wraper .wraper ul li.extra .check input[type=checkbox] {
                            float: left;
                            margin: 0 5px 0 0;
                            visibility: hidden;
                        }

                            .modal .accountwraper .content-wraper .wraper ul li.extra .check input[type=checkbox]:checked + label:after {
                                background: #a7aeb3;
                                content: '';
                                height: 6px;
                                left: 4px;
                                opacity: 1;
                                position: absolute;
                                top: 4px;
                                width: 6px;
                            }

                    .modal .accountwraper .content-wraper .wraper ul li.extra .forgot {
                        font-size: 12px;
                        text-align: right;
                    }

            .modal .accountwraper .content-wraper .wraper input.form-text {
                display: block;
                width: 100%;
            }

                .modal .accountwraper .content-wraper .wraper input.form-text + label {
                    color: #b0b0b0;
                    line-height: 60px;
                    pointer-events: none;
                    text-transform: uppercase;
                    -webkit-transition: .3s;
                    -o-transition: .3s;
                    transition: .3s;
                    -webkit-transform-origin: 0 0;
                    -moz-transform-origin: 0 0;
                    -ms-transform-origin: 0 0;
                    -o-transform-origin: 0 0;
                    transform-origin: 0 0;
                    top: 0;
                    right: auto;
                    bottom: 0;
                    left: 22px;
                    position: absolute;
                }

                    .modal .accountwraper .content-wraper .wraper input.form-text + label.lactive {
                        font-size: 12px;
                        margin-top: 6px;
                        line-height: 20px;
                        left: 5px;
                        -webkit-transform: scale(0.85);
                        -ms-transform: scale(0.85);
                        -o-transform: scale(0.85);
                        transform: scale(0.85);
                    }

                .modal .accountwraper .content-wraper .wraper input.form-text:focus + label {
                    font-size: 12px;
                    margin-top: 6px;
                    line-height: 20px;
                    left: 5px;
                    -webkit-transform: scale(0.85);
                    -ms-transform: scale(0.85);
                    -o-transform: scale(0.85);
                    transform: scale(0.85);
                }

            .modal .accountwraper .content-wraper .wraper .other {
                color: #ff837e;
                cursor: default;
                display: block;
                font-family: 'robotobold';
                font-size: 11px;
                margin: 10px 0 0 0;
                padding-left: 15px;
                position: relative;
                letter-spacing: 1px;
                line-height: 30px;
                text-transform: uppercase;
                z-index: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .modal .accountwraper .content-wraper .wraper .other:before {
                    content: '';
                    display: block;
                    border-bottom: 1px solid #e6e6e6;
                    width: 100%;
                    top: 50%;
                    position: absolute;
                    z-index: -2;
                    top: 50%;
                    right: auto;
                    bottom: auto;
                    left: 20px;
                    position: absolute;
                }

                .modal .accountwraper .content-wraper .wraper .other b {
                    background-color: #fff;
                    padding-right: 20px;
                }

            .modal .accountwraper .content-wraper .wraper .social {
                display: table;
                width: 100%;
            }

                .modal .accountwraper .content-wraper .wraper .social:after {
                    clear: both;
                    content: "";
                    display: table;
                    height: 0;
                    visibility: hidden;
                }

                .modal .accountwraper .content-wraper .wraper .social:before {
                    content: "";
                    display: table;
                }

                .modal .accountwraper .content-wraper .wraper .social span {
                    display: table-cell;
                    vertical-align: middle;
                }

                    .modal .accountwraper .content-wraper .wraper .social span.icons {
                        color: #fff;
                        float: right;
                        font-size: 20px;
                    }

                        .modal .accountwraper .content-wraper .wraper .social span.icons a {
                            background: #edefed;
                            color: #8da5b3;
                            display: block;
                            margin: 0 5px;
                            padding: 15px 20px;
                        }

                        .modal .accountwraper .content-wraper .wraper .social span.icons.fb a {
                            background: #3B5998;
                            color: #fff;
                        }

                        .modal .accountwraper .content-wraper .wraper .social span.icons.gp a {
                            background: #DC4B39;
                            color: #fff;
                        }

            .modal .accountwraper .content-wraper .wraper .scinfo {
                background: #e6e6e6;
                color: #666;
                font-size: 12px;
                margin: 15px -20px -20px -20px;
                padding: 10px;
                text-align: center;
            }

                .modal .accountwraper .content-wraper .wraper .scinfo.sclogin {
                    margin-top: 92px !important;
                }

            .modal .accountwraper .content-wraper .sign-wraper {
                display: none;
            }

@media (max-width: 767px) {
    .modal .modal-table {
        display: block;
    }

    .modal .modal-cell {
        display: block;
        padding: 0;
    }

    .modal .modal-content {
        border-radius: 0;
        height: 100%;
        max-width: none;
        overflow: auto;
    }

    .modal .accountwraper {
        width: 100%;
    }
}

@-webkit-keyframes pop-in {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-moz-keyframes pop-in {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-o-keyframes pop-in {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@keyframes pop-in {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes pop-out {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    to {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@-moz-keyframes pop-out {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    to {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@-o-keyframes pop-out {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    to {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@keyframes pop-out {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    to {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

.hmealert {
    display: block;
    color: #ff4242;
    font-size: 14px;
    text-align: center;
}

.afterlogin {
    background: #fff;
    width: 200px;
    right: 0;
    top: 46px;
}

    .afterlogin:before {
        content: "";
        display: table;
        height: 0;
        border: 8px solid transparent;
        border-bottom-color: #fff;
        margin: auto;
        pointer-events: none;
        width: 0;
        z-index: 2;
        top: -16px;
        right: 6%;
        bottom: auto;
        left: auto;
        position: absolute;
    }

    .afterlogin ul li {
        color: #333;
        display: block;
        padding: 0;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        transition: all 0.1s ease;
        font-size: 13px;
        line-height: 15px;
    }

        .afterlogin ul li a {
            color: #333 !important;
            margin: 0 !important;
            padding: 10px !important;
            text-align: left !important;
            display: block !important;
        }

            .afterlogin ul li a:hover {
                background-color: #ff4242;
                color: #fff !important;
                display: block;
            }

.hmeusrnme {
    padding: 10px;
    text-align: left;
    color: #ff837e;
    font-size: 12px;
    display: block;
    line-height: 15px;
    border-bottom: 1px solid #ff837e;
    font-weight: bold;
}

    .hmeusrnme .hmeusrwel {
        color: #333;
    }

.hmelogop {
    font-size: 13px;
    line-height: 30px;
    display: block;
    background-color: #efefef;
}

    .hmelogop:after {
        clear: both;
        content: "";
        display: table;
        height: 0;
        visibility: hidden;
    }

    .hmelogop:before {
        content: "";
        display: table;
    }

    .hmelogop .log {
        float: left;
        margin-left: 10px !important;
    }

    .hmelogop a {
        color: #333 !important;
        margin: 0 !important;
    }

.forgotmsg {
    font-size: 14px;
    line-height: 30px;
    display: block;
    color: #7dbb33;
}

.hmelogop .cls {
    float: right;
    margin-right: 10px !important;
}

.forgotmsgtex {
    font-size: 12px;
    line-height: 21px;
    display: block;
    color: #333;
}

#container {
    margin: 0 auto;
}

    #container .type1 {
        width: 100%;
    }

    #container .type2 {
        width: 50%;
        margin: 10px;
    }

    #container img {
        display: block;
        max-width: none;
        width: 100%;
        height: auto;
    }

#container {
    padding: 0;
}

@media (min-width: 768px) {
    #container.event-home .type1 {
        width: 33.3%;
    }
}

@media (min-width: 992px) {
    #container.event-home .type1 {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    #container.event-home .type1 {
        width: 20%;
    }
}

#container.event-home .type2 {
    margin: 0;
    padding: 0;
    width: 300px;
}

#container.event-home img {
    display: block;
    max-width: none;
    width: 100%;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: 2px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: 2px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(66, 197, 140, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(192, 192, 192, 0.55);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(71, 71, 71, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(230, 230, 230, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background: url(../common/images/movies/vdtop-arrow.png) no-repeat;
    margin-bottom: 3px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background: url(../common/images/movies/vdbottom-arrow.png) no-repeat;
    margin-top: 3px;
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }
/* ========================= Common Header Footer end===============================*/



/*font sitting start*/

/* Font Awesomerepresent icons */
@font-face {
    font-family: 'FontAwesome';
    src: url('/common/font/fontawesome-webfont.eot?v=4.1.0');
    src: url('/common/font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/common/font/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/common/font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/common/font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    *display: none;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-comment:before {
    content: "\f075";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}

.fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-user:before {
    content: "\f007";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-flag:before {
    content: "\f024";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-camera:before {
    content: "\f030";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-list:before {
    content: "\f03a";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-road:before {
    content: "\f018";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-comments:before {
    content: "\f086";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-gear:before, .fa-cog:before {
    content: "\f013";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-lock:before {
    content: "\f023";
}

.fa-search:before {
    content: "\f002";
}

.fa-plus:before {
    content: "\f067";
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-minus:before {
    content: "\f068";
}

.fa-book:before {
    content: "\f02d";
}

.fa-check:before {
    content: "\f00c";
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-play-circle:before {
    content: "\f144"
}


/*---------- flat icons ---------------*/



.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-android:before {
    content: "\f17b";
}

.fa-apple:before {
    content: "\f179";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-play-circle-o:before {
    content: "\f01d";
}
/*latest*/


/* browser reset */
span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

svg {
    overflow: hidden;
}
/* text reset */
/* input reset */
body {
    line-height: 1;
}

select {
    background: #fff;
    border: solid 1px #000;
    box-shadow: none;
    height: 60px;
    line-height: 18px;
    padding: 20px 22px;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

input[type="text"], input[type="password"], input[type="email"], input.form-text, textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #333;
    margin: 0;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-transition: color 0.45s, background 0.45s, border 0.45s;
    -moz-transition: color 0.45s, background 0.45s, border 0.45s;
    transition: color 0.45s, background 0.45s, border 0.45s;
}

    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus {
        color: #000;
        -webkit-transition: color 0.25s, background 0.25s, border 0.25s;
        -moz-transition: color 0.25s, background 0.25s, border 0.25s;
        transition: color 0.25s, background 0.25s, border 0.25s;
    }

        input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label {
            color: #000;
        }

    input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled {
        background: #000;
        opacity: 0.5;
    }

    input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {
        height: 0;
        width: 0;
    }

textarea {
    padding: 15px 25px;
}

input[type="text"], input[type="password"], input[type="email"], input.form-text, .input-text {
    display: inline-block;
    height: 60px;
    line-height: 18px;
    padding: 20px 22px;
}

input::-webkit-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input:-moz-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input::-moz-placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
}
/* print */
@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}
/* clear */

/*font*/
@font-face {
    font-family: "robotothin";
    font-weight: normal;
    font-style: normal;
    src: url("/common/font/Roboto-Thin-webfont.eot");
    src: url("/common/font/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Thin-webfont.woff") format("woff"), url("/common/font/Roboto-Thin-webfont.ttf") format("truetype"), url("/common/font/Roboto-Thin-webfont.svg#robotothin") format("svg");
}

@font-face {
    font-family: "robotoregular";
    font-weight: normal;
    font-style: normal;
    src: url("/common/font/Roboto-Regular-webfont.eot");
    src: url("/common/font/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Regular-webfont.woff") format("woff"), url("/common/font/Roboto-Regular-webfont.ttf") format("truetype"), url("/common/font/Roboto-Regular-webfont.svg#robotoregular") format("svg");
}

@font-face {
    font-family: "robotolight";
    font-weight: normal;
    font-style: normal;
    src: url("/common/font/Roboto-Light-webfont.eot");
    src: url("/common/font/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Light-webfont.woff") format("woff"), url("/common/font/Roboto-Light-webfont.ttf") format("truetype"), url("/common/font/Roboto-Light-webfont.svg#robotolight") format("svg");
}

@font-face {
    font-family: "robotobold";
    font-weight: normal;
    font-style: normal;
    src: url("/common/font/Roboto-Bold-webfont.eot");
    src: url("/common/font/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Bold-webfont.woff") format("woff"), url("/common/font/Roboto-Bold-webfont.ttf") format("truetype"), url("/common/font/Roboto-Bold-webfont.svg#robotobold") format("svg");
}

@font-face {
    font-family: "robotoblack";
    font-weight: normal;
    font-style: normal;
    src: url("/common/font/Roboto-Black-webfont.eot");
    src: url("/common/font/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("/common/font/Roboto-Black-webfont.woff") format("woff"), url("/common/font/Roboto-Black-webfont.ttf") format("truetype"), url("/common/font/Roboto-Black-webfont.svg#robotoblack") format("svg");
}
/*FontAwesome*/
@font-face {
    font-family: 'FontAwesome';
    src: url("/common/font/fontawesome-webfont.eot?v=4.4.0");
    src: url("/common/font/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("/common/font/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("/common/font/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("/common/font/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("/common/font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none;
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}

.fa-search:before {
    content: "\f002";
}

.fa-home:before {
    content: "\f015";
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-apple:before {
    content: "\f179";
}

.fa-android:before {
    content: "\f17b";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333em;
    line-height: 1em;
}

    .flag-icon:before {
        content: '\00a0';
    }

    .flag-icon.flag-icon-squared {
        width: 1em;
    }

.flag-icon-ae {
    background-image: url(https://usimg.sulekha.io/cdn/others/images/flags/4x3/ae.svg);
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(/common/images/flags/1x1/ae.svg);
    }

.flag-icon-us {
    background-image: url(https://usimg.sulekha.io/cdn/others/images/flags/4x3/us.svg);
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(/common/images/flags/1x1/us.svg);
    }

.flag-icon-in {
    background-image: url(https://usimg.sulekha.io/cdn/others/images/flags/4x3/in.svg);
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(/common/images/flags/1x1/in.svg);
    }

.flag-icon-gb {
    background-image: url(https://usimg.sulekha.io/cdn/others/images/flags/4x3/gb.svg);
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(/common/images/flags/1x1/gb.svg);
    }

.flag-icon-ca {
    background-image: url(https://usimg.sulekha.io/cdn/others/images/flags/4x3/ca.svg);
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(/common/images/flags/1x1/ca.svg);
    }

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

@font-face {
    font-family: 'icomoon';
    src: url("/common/font/icons/icomoon.eot?f0ejkk");
    src: url("/common/font/icons/icomoon.eot?f0ejkk#iefix") format("embedded-opentype"), url("/common/font/icons/icomoon.ttf?f0ejkk") format("truetype"), url("/common/font/icons/icomoon.woff?f0ejkk") format("woff"), url("/common/font/icons/icomoon.svg?f0ejkk#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-telephone91:before {
    content: "\e900";
}

.icon-uniE959:before {
    content: "\e959";
}

.icon-user168:before {
    content: "\e901";
}
/*select warp*/

.select-wrapper:before {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    *display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
}

.select-wrapper {
    float: left;
    display: inline-block;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    position: relative
}

    .select-wrapper, .select-wrapper select {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #fff
    }

        .select-wrapper .holder {
            display: block;
            margin: 0 35px 0 5px;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            color: #4c4c4c
        }

        .select-wrapper select {
            margin: 0;
            position: absolute;
            z-index: 2;
            cursor: pointer;
            outline: none;
            opacity: 0;
            _noFocusLine: expression(this.hideFocus=true);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0
        }
/*select warp*/
/**/
@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media (min-width: 1200px) {
    .container-max {
        max-width: 1600px;
    }
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

    .container-fluid div {
        font-size: 12px;
        text-align: center;
    }

@media (min-width: 300px) and (max-width: 767px) {
}
/* ------------------------------------   container sizes ---------------------------------------------*/
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

/*------------- button ------------------------*/

.btun {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-bottom: 10px;
    min-width: 100px;
    letter-spacing: normal;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

    .btun:hover, .btun:focus, .btun.focus {
        text-decoration: none;
    }
/* Sizes */
.btun-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.btun-sm {
    padding: 2px 10px;
    font-size: 11.9px;
    line-height: 1.5;
}

.btun-mi {
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
}

.btun-block {
    display: block;
    width: 100%;
}
/* disabled  */
.btun.disabled, .btun[disabled], fieldset[disabled] .btun {
    cursor: not-allowed;
    filter: alpha(opacity=45);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .45;
}
/* white */
.btun-white, .btun-white.btun-outline:hover {
    color: #333;
    background-color: #fff;
    border-color: #e7eaec;
}

    .btun-white.btun-outline {
        background-color: transparent
    }

    .btun-white:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #d2d2d2;
    }
/* grey */
.btun-grey, .btun-grey.btun-outline:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

    .btun-grey.btun-outline {
        background-color: transparent
    }

    .btun-grey:hover {
        color: #333;
        background-color: #fff;
        border-color: #e7eaec;
    }
/* blue */
.btun-blue, .btun-blue.btun-outline:hover {
    color: #fff;
    background-color: #1c84c6;
    border-color: #1c84c6;
}

    .btun-blue.btun-outline {
        background-color: transparent;
        color: #1c84c6;
    }

    .btun-blue:hover {
        background-color: #1a7bb9;
        border-color: #1a7bb9;
        color: #fff;
    }
/* green */
.btun-green, .btun-green.btun-outline:hover {
    color: #fff;
    background-color: #1ab394;
    border-color: #1ab394;
}

    .btun-green.btun-outline {
        background-color: transparent;
        color: #1ab394;
    }

    .btun-green:hover {
        background-color: #08a182;
        border-color: #08a182;
        color: #fff;
    }
/* orange */
.btun-orange, .btun-orange.btun-outline:hover {
    color: #fff;
    background-color: #f89407;
    border-color: #f89407;
}

    .btun-orange.btun-outline {
        background-color: transparent;
        color: #f58705;
    }

    .btun-orange:hover {
        background-color: #dc7e0e;
        border-color: #dc7e0e;
        color: #fff;
    }
/* red */
.btun-red, .btun-red.btun-outline:hover {
    color: #fff;
    background-color: #ec4758;
    border-color: #ec4758;
}

    .btun-red.btun-outline {
        background-color: transparent;
        color: #d9534f;
    }

    .btun-red:hover {
        background-color: #df3b4c;
        border-color: #df3b4c;
        color: #fff;
    }
/* red */

/*------------- button end------------------------*/


/*--------- usedcar detail start-----------*/

body {
    background-color: ##f0f0f5;
}

.topadbg {
    background-color: #ebeaea;
    margin: 0 0 25px;
    padding: 15px 0 5px;
}

.breadcrumb {
    font-size: 12px;
    color: #404d5a;
    margin-bottom: 20px;
}

    .breadcrumb a {
        color: #404d5a;
    }

.prevnext_top {
    padding: 15px 0;
}

    .prevnext_top .search_box {
        width: 20%;
        float: left;
    }

    .prevnext_top .topnextbtn {
        background-color: #fcfcfc;
        font-size: 13px;
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        color: #747272;
        line-height: 12px;
        padding: 2px 10px;
    }

        .prevnext_top .topnextbtn:hover {
            background-color: #dedddd;
        }


    .prevnext_top .next_box {
        width: 60%;
        float: right;
        text-align: right;
    }

        .prevnext_top .next_box a {
            margin-right: 15px;
        }


.cont_bg {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 25px;
    padding: 20px;
}

.title1 {
    font-size: 30px;
    color: #2b4552;
    font-weight: 600;
}

.title2 {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    border-left: 2px solid #fdba17;
    padding-left: 10px;
    margin-bottom: 15px;
    font-family: "Open Sans",sans-serif;
}

.title3 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    border-left: 2px solid #fdba17;
    padding-left: 10px;
    margin-bottom: 15px;
    font-family: "Open Sans",sans-serif;
}

.title4 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: "Open Sans",sans-serif;
}

.bdtext {
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.cont_bg .cityrow {
    padding: 10px 0;
}

    .cont_bg .cityrow li {
        display: inline-block;
        color: #717a83;
        margin: 0 20px 0 0;
    }

        .cont_bg .cityrow li .text1 {
            font-size: 15px;
            color: #2b4552;
        }

        .cont_bg .cityrow li .text2 {
            font-size: 20px;
            color: #01685d;
            font-weight: 600;
        }

        .cont_bg .cityrow li .text3 {
            font-size: 15px;
            color: #2b4552;
            padding-left: 15px;
        }

.cont_bg .bmarklist {
    padding: 10px 0;
}

    .cont_bg .bmarklist li {
        display: inline-block;
        color: #747272;
        font-size: 13px;
        margin: 0 10px 0 0;
    }

        .cont_bg .bmarklist li a {
            color: #747272;
            line-height: 12px;
            padding: 2px 10px;
            background-color: #fcfcfc;
            border: 1px solid #dbdbdb;
            border-radius: 2px;
        }

            .cont_bg .bmarklist li a:hover {
                background-color: #fff;
            }

            .cont_bg .bmarklist li a.active {
                border: 1px solid #08a182;
                background-color: #fff;
                color: #08a182;
            }

                .cont_bg .bmarklist li a.active i {
                    color: #08a182;
                }

            .cont_bg .bmarklist li a.fbactive {
                border: 1px solid #3b5998;
                background-color: #fff;
                color: #3b5998;
            }

                .cont_bg .bmarklist li a.fbactive i {
                    color: #3b5998;
                }


            .cont_bg .bmarklist li a i {
                color: #999;
                padding-right: 3px;
            }

.cont_bg2 {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    padding: 20px 20px 0px 20px;
    border-radius: 2px;
}

    .cont_bg2 .feature_list {
        padding: 10px 0;
    }

        .cont_bg2 .feature_list li {
            float: left;
            width: 30%;
            margin: 0 3% 20px 0;
        }

            .cont_bg2 .feature_list li i {
                float: left;
                margin-right: 10px;
                border: 1px solid #47535d;
                width: 40px;
                height: 40px;
                line-height: 38px;
                border-radius: 50%;
                text-align: center;
                font-size: 28px;
                color: #47535d;
            }

                .cont_bg2 .feature_list li i.flaticon-uc-time, .cont_bg2 .feature_list li i.flaticon-uc-fuel {
                    font-size: 24px;
                }

            .cont_bg2 .feature_list li .text1 {
                font-size: 12px;
                color: #888;
                text-transform: uppercase;
                padding: 2px 0 6px;
            }

            .cont_bg2 .feature_list li .text2 {
                font-size: 16px;
                color: #212121;
                font-weight: 500;
                font-family: "Open Sans",sans-serif;
            }

            .cont_bg2 .feature_list li .caricon {
                width: 42px;
                float: left;
                margin-right: 10px;
            }

    .cont_bg2 .sellerimg {
        width: 90px;
        float: left;
        margin-bottom: 20px;
    }

        .cont_bg2 .sellerimg i {
            float: left;
            margin-right: 10px;
            padding: 2px;
            border: 1px solid #47535d;
            width: 78px;
            height: 78px;
            line-height: 78px;
            border-radius: 50%;
            text-align: center;
            font-size: 20px;
        }

            .cont_bg2 .sellerimg i img {
                border-radius: 50%;
            }

    .cont_bg2 .sellerinfo {
        float: left;
        width: calc(100% - 90px);
    }

        .cont_bg2 .sellerinfo .title {
            font-size: 16px;
            color: #333;
            font-weight: 600;
            font-family: "Open Sans",sans-serif;
        }

        .cont_bg2 .sellerinfo .dtllist {
            padding: 13px 0 18px;
        }

            .cont_bg2 .sellerinfo .dtllist li {
                float: left;
                width: 31%;
                margin: 0 3% 0px 0;
                color: #666;
            }

                .cont_bg2 .sellerinfo .dtllist li:last-child {
                    margin-right: 0;
                }

        .cont_bg2 .sellerinfo .text2 {
            font-weight: 500;
            color: #333;
        }

        .cont_bg2 .sellerinfo .contact {
            font-size: 14px;
            color: #2b4552;
        }

            .cont_bg2 .sellerinfo .contact .vnobtn {
                background-color: #007273;
                border: 1px solid #007273;
                padding: 3px 5px;
                font-size: 11px;
                margin: 0 10px;
                color: #fff;
                border-radius: 2px;
            }

            .cont_bg2 .sellerinfo .contact .reptbtn {
                border: 1px solid #e4e4e4;
                padding: 3px 5px;
                font-size: 11px;
                margin: 0 10px;
                color: #666;
                border-radius: 2px;
            }

            .cont_bg2 .sellerinfo .contact i {
                font-size: 15px;
                color: #08a182;
                margin: 0 10px;
            }

    .cont_bg2 .note {
        padding: 0 0 20px 0;
        color: #017525;
    }

        .cont_bg2 .note i {
            margin-right: 3px;
        }

.cont_bg .spef_list {
    padding: 10px 0;
}

    .cont_bg .spef_list ul li {
        float: left;
        width: 46%;
        margin: 0 20px 0 0;
        border-bottom: 1px solid #ebebeb;
        padding: 5px 10px;
        color: #314252;
        line-height: 32px;
    }

        .cont_bg .spef_list ul li.bggrey {
            background-color: #fefefe;
        }

        .cont_bg .spef_list ul li .col1 {
            float: left;
            width: 40%;
            color: #5a6875;
        }

        .cont_bg .spef_list ul li .col2 {
            float: left;
            width: 60%;
            font-weight: 500;
            color: #212121;
        }

.morebtn {
    margin: 35px 0 0;
    position: relative;
    text-align: center;
}

    .morebtn .loading_v {
        background: url(/common/images/default/ajaxloader.gif) 50% 0 no-repeat;
        height: 15px;
        left: 50%;
        margin-left: -32px;
        position: absolute;
        top: 35px;
        width: 65px
    }

    .morebtn .morebtn_in {
        border: 1px solid #c1c6cb;
        border-radius: 2px;
        color: #5a6875;
        font-size: 13px;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
    }

.cont_bg .optn_list {
    padding: 10px 0;
}

    .cont_bg .optn_list ul li {
        float: left;
        width: 31%;
        margin: 0 20px 0 0;
        padding: 5px 10px;
        color: #314252;
        line-height: 24px;
    }

        .cont_bg .optn_list ul li:before {
            font-family: FontAwesome;
            padding-right: 10px;
            content: "\f05d";
            color: #007273;
        }

        .cont_bg .optn_list ul li.tick:before {
            font-family: FontAwesome;
            padding-right: 10px;
            content: "\f01d" !important;
            color: #ded1cc !important;
        }

        .cont_bg .optn_list ul li.tick, .cont_bg .optn_list ul li.tick a {
            color: #767e85 !important;
        }

        .cont_bg .optn_list ul li a {
            color: #314252;
        }

.subscribe_bg {
    background: url(/common/images/default/subscribebg.jpg) left top no-repeat;
    background-size: cover;
    margin-bottom: 25px;
    padding: 30px 20px;
    color: #fff;
    font-size: 18px;
}

    .subscribe_bg .inputcol {
        padding-left: 20px;
    }

    .subscribe_bg input {
        height: 30px;
        padding: 0 14px;
        font-size: 14px;
        width: 250px;
    }

    .subscribe_bg .submit {
        background-color: #e74850;
        color: #fff;
        line-height: 30px;
        padding: 6px 20px 7px;
        font-size: 14px;
    }

.carreview {
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
}

    .carreview input {
        height: 36px;
        padding: 0 14px;
        font-size: 14px;
        width: 80%;
    }

    .carreview .postbtn {
        background-color: #f29006;
        color: #fff;
        line-height: 32px;
        padding: 8px 20px 9px;
        font-size: 14px;
    }

.carreviewbox {
    width: 100%;
}

    .carreviewbox .carreview_row {
        width: 100%;
        margin: 10px 0 15px 0;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 15px;
    }

        .carreviewbox .carreview_row .proimg {
            width: 80px;
            float: left;
        }

            .carreviewbox .carreview_row .proimg img {
                border-radius: 50%;
                height: 60px;
                width: 60px;
            }

        .carreviewbox .carreview_row .reviewcont {
            width: calc(100% - 80px);
            float: left;
        }

            .carreviewbox .carreview_row .reviewcont .name {
                font-size: 16px;
                color: #333;
                font-weight: 600;
                font-family: "Open Sans",sans-serif;
            }

            .carreviewbox .carreview_row .reviewcont .time {
                font-size: 14px;
                float: right;
                color: #878d92;
            }

            .carreviewbox .carreview_row .reviewcont .cont {
                font-size: 14px;
                color: #888;
                padding: 10px 0;
                line-height: 22px;
            }

            .carreviewbox .carreview_row .reviewcont .likelist {
                margin: 10px 0;
            }

                .carreviewbox .carreview_row .reviewcont .likelist li {
                    display: inline-block;
                    margin: 0 20px 0 0;
                    color: #999;
                }

                    .carreviewbox .carreview_row .reviewcont .likelist li a {
                        color: #999;
                    }

                        .carreviewbox .carreview_row .reviewcont .likelist li a i {
                            color: #999;
                        }

                        .carreviewbox .carreview_row .reviewcont .likelist li a.active, .carreviewbox .carreview_row .reviewcont .likelist li a.active i {
                            color: #08a182;
                        }

                        .carreviewbox .carreview_row .reviewcont .likelist li a:hover, .carreviewbox .carreview_row .reviewcont .likelist li a:hover i {
                            color: #08a182;
                        }

.side_bgtop {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    border-radius: 4px;
}

    .side_bgtop .title {
        font-size: 18px;
        color: #212121;
        border-bottom: 1px solid #ececec;
        padding: 15px 20px;
        font-family: 'Open Sans';
        font-weight: 600;
    }

.conformrow {
    display: block;
    margin: 20px;
    position: relative; /*background:#f9fafb; border-radius:5px; border:solid 1px #f3f3f3;*/
}

.bsiform-fullblk {
    display: block;
    margin: 20px;
    position: relative;
}

    .bsiform-fullblk input {
        width: 100%;
        border: none;
        background: #fdfdfd;
        font-size: 14px;
        color: #818d91;
        height: 50px;
        padding: 10px;
        border-bottom: solid 1px #d9d9d9 !important;
        border-radius: 2px;
    }

.ucdb_form_drp input {
    background: url(/common/images/other/down-new.jpg) right 5px no-repeat #fdfdfd;
}

.bsiform-fullblk label {
    position: absolute;
    top: 18px;
    left: 10px;
    color: #818d91;
    font-size: 14px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
}

.bsiform-fullblk input:focus, .bsiform-fullblk.active input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px;
    color: #818d91;
    border-bottom: solid 1px #2cbebc !important;
}

    .bsiform-fullblk input:focus ~ label, .bsiform-fullblk.active label {
        top: 6px;
        left: 10px;
        color: #4b8398;
        font-size: 11px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

.bsiform-fullblk .boderr {
    background: #f3f3f3;
    height: 1px;
    display: block;
}

.bsiform-fullblk input:focus ~ .boderr {
    background: #2cbebc !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.bsiform-fullblk.alert input:focus, .bsiform-fullblk.alert input {
    border-bottom: solid 1px #c60028 !important;
}

    .bsiform-fullblk.alert input:focus ~ label, .bsiform-fullblk.alert label {
        color: #c60028 !important;
    }

    .bsiform-fullblk.alert input:focus ~ .boderr, .bsiform-fullblk.alert .boderr {
        background: #c60028 !important;
    }

.bsiform-fullblk.optss input, .bsiform-fullblk.optss input:focus, .bsiform-fullblk.alert.optss input:focus, .bsiform-fullblk.alert.optss input {
    border-bottom: none !important;
}

.bsiform-fullblk.optss input {
    width: calc(100% - 100px);
}

.bsiform-fullblk.optss label {
    top: 18px;
    left: 28%;
}

.bsiform-fullblk.optss input:focus ~ label, .bsiform-fullblk.optss.active label {
    top: 6px;
    left: 110px;
}

.bsiform-fullblk.optss .selcbox {
    width: 100px;
    overflow: hidden;
    float: left;
    position: relative;
    font-family: fontawesome;
}

    .bsiform-fullblk.optss .selcbox:before {
        content: "\f107";
        position: absolute;
        top: 18px;
        right: 10px;
        font-size: 14px;
        color: #818d91;
        cursor: pointer;
        pointer-events: none;
    }

    .bsiform-fullblk.optss .selcbox select {
        width: 100%;
        background: #fdfdfd;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        height: 50px;
        padding: 10px;
        font-size: 14px;
        color: #818d91;
    }

.bsiform-fullblk.optss .selcbox_full {
    width: 100% !important;
    border-bottom: solid 1px #d9d9d9;
}


.bsiform-fullblk textarea {
    width: 100%;
    border: none;
    background: #fdfdfd;
    font-size: 14px;
    color: #818d91;
    padding: 18px 10px 10px 10px;
    border-bottom: solid 1px #d9d9d9 !important;
    border-right: solid 1px #d9d9d9 !important;
}

    .bsiform-fullblk textarea:focus {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        font-size: 14px;
        color: #818d91;
        border-bottom: solid 1px #2cbebc !important;
    }

        .bsiform-fullblk textarea:focus ~ label {
            top: 6px;
            left: 10px;
            color: #4b8398;
            font-size: 11px;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

.bsiform-fullblk.alert textarea:focus, .bsiform-fullblk.alert textarea {
    border-bottom: solid 1px #c60028 !important;
}

.bsiform-fullblk.alert input:focus, .bsiform-fullblk.alert input {
    border-bottom: solid 1px #c60028 !important;
}

    .bsiform-fullblk.alert input::-webkit-input-placeholder {
        color: #c60028 !important;
    }

    .bsiform-fullblk.alert input:-moz-placeholder {
        color: #c60028 !important;
        ;
    }

    .bsiform-fullblk.alert input::-moz-placeholder {
        color: #c60028 !important;
        ;
    }

    .bsiform-fullblk.alert input:-ms-input-placeholder {
        color: #c60028 !important;
        ;
    }

.bsiform-fullblk .graytext {
    font-size: 13px;
    color: #999;
    margin: 2px 0 0 0;
}

.bsiform-fullblk.pricequote input {
    width: calc(100% - 184px);
}

.expetrt { /*background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;*/
    color: #999999;
    display: inline-block;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    width: 170px;
    padding: 10px 0px 12px;
}

.captcha {
    float: left;
    width: 120px;
    margin: 10px 10px 0 0;
}

    .captcha .captchaimg {
        float: left;
        width: 100px;
    }

    .captcha .captcharef {
        float: left;
        width: 15px;
        margin: 5px 0 0 5px;
    }

.bsiform-fullblk.captcharow input {
    width: calc(100% - 134px);
}

.bsiform-fullblk.captcharow label {
    left: 146px;
}

.bsiform-fullblk.captcharow input:focus ~ label, .bsiform-fullblk.captcharow.active label {
    top: 6px;
    left: 140px;
}

.scamblock {
    color: #666666;
    line-height: 18px;
    font-size: 13px;
}

/*phone verify */

.bussnsdetail {
    margin: 0 15px;
    padding: 10px 0;
}

    .bussnsdetail b {
        display: block;
        font-size: 1rem;
        letter-spacing: 0.6px;
        line-height: 110%;
        margin: 0.5rem 0 0.4rem;
    }

    .bussnsdetail p {
        color: #666;
        font-size: 12px;
        line-height: 22px;
        padding: 5px 0;
        text-align: left;
    }

    .bussnsdetail b, .bussnsdetail p {
        padding: 3px 15px;
    }

        .bussnsdetail p.change-mobile-number {
            background: rgba(0, 0, 0, 0.05);
            border-top: 1px solid rgba(0, 0, 0, 0.01);
            border-bottom: 1px solid rgba(0, 0, 0, 0.01);
            margin: 8px 0;
            padding: 5px 15px
        }

            .bussnsdetail p.change-mobile-number .btn-flat {
                background-color: #4da66e;
                padding: 3px 5px;
                margin: 0;
                color: #fff;
                margin-left: 5px;
                font-size: 12px;
            }

.missed-verify, .formgroup p {
    color: #333;
}

.formgroup p {
    color: #323232;
    font-size: 14px;
}

.resend {
    position: absolute;
    right: 10px;
    top: 18px;
    padding: 0;
    color: #007cff;
    text-transform: uppercase;
    font-size: 12px;
}

.check {
    font-size: 15px;
    line-height: 23px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    padding: 5px 7px;
    color: #555;
    position: relative;
    margin: 0 0 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    cursor: pointer;
    padding: 0 1rem;
}

    .check.select {
        background: #ff837e;
        border: 1px #e47672 solid;
        color: #fff;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);
        -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);
    }

.missed-verify {
    margin: 30px 0;
    text-align: center
}

    .missed-verify .or {
        position: relative;
        margin: 10px 0
    }

        .missed-verify .or:before {
            content: "";
            position: absolute;
            width: 45%;
            border-bottom: 1px solid #ddd;
            left: 0;
            top: 8px
        }

        .missed-verify .or:after {
            content: "";
            position: absolute;
            width: 45%;
            border-bottom: 1px solid #ddd;
            right: 0;
            top: 8px
        }

    .missed-verify .action {
        margin: 10px 0
    }

.toll-free p {
    padding: 5px 0
}

.formgroup {
}

.formgroup {
    position: relative;
    margin: 0px 15px;
    padding: 10px 0;
}

    .formgroup ul li {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 0 15px;
        padding: 0;
    }

        .formgroup ul li.conformarea .count {
            position: absolute;
            right: -4px;
            bottom: 2px;
            background: #f5f5f5
        }

    .formgroup input {
        font-size: 12px;
        padding: 10px;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #d6d3d3;
        background: #fdfdfd;
        height: 35px;
    }

        .formgroup input:focus {
            outline: none;
        }

    .formgroup label {
        color: #818d91;
        font-size: 12px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 10px;
        top: 11px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .formgroup ul li textarea:focus ~ label, .formgroup input:focus ~ label {
        display: none
    }

    .formgroup ul li textarea:focus, .formgroup input:focus {
        border: 0 !important;
        border-bottom: 2px solid #08a182 !important;
        box-shadow: none !important;
    }

    .formgroup ul li.alert label, .formgroup ul li.active label, .formgroup ul li.alert label {
        color: #999;
    }

    .formgroup ul li.alert label {
        color: #d6181f
    }

    .formgroup ul li.active label {
        color: #999;
    }

    .formgroup ul li.alert textarea, .formgroup ul li.alert input {
        border-bottom: solid 2px #d6181f
    }

    .formgroup ul li.active input {
        border-bottom: solid 2px #08a182;
    }

    .formgroup ul li textarea {
        width: 100%;
        border: none;
        background: #fdfdfd;
        font-size: 12px;
        color: #818d91;
        padding: 10px;
        border-bottom: 2px solid #d6d3d3;
    }

    .formgroup ul li .zip-num {
        width: 20%;
        float: left
    }

    .formgroup ul li .cont-num {
        width: 80%;
        float: left;
        position: relative
    }

    .formgroup ul li .zip-num .select-wrapper, .formgroup ul li .zip-num .select-wrapper select {
        width: 103px;
        height: 35px;
        line-height: 35px;
    }

        .formgroup ul li .zip-num .select-wrapper .holder {
            border-right: 0
        }

    .formgroup ul li .zip-num .select-wrapper {
        border: 0;
        border-bottom: 2px solid #d6d3d3;
    }

    .formgroup ul li i.fa-calendar {
        position: absolute;
        right: 10px;
        top: 13px
    }
/*phone verify  end*/





.ucdb_drpdwn {
    background: #fff;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 6;
    border: solid 1px #f7f7f7;
    max-height: 230px;
    min-height: 100px;
    overflow-y: auto;
    box-shadow: 0 1px 3px #eeeeee;
}

.ucdb_drpdwn_noh {
    min-height: inherit;
}
/*.ucdb_drpdwn ul li{display:block; }*/
.ucdb_drpdwn ul li {
    width: 100% !important;
}

    .ucdb_drpdwn ul li a {
        display: block;
        padding: 10px 10px;
        border-bottom: dotted 1px #d9d9d9;
        color: #545b61;
        transition: all 0.2s linear;
    }

        .ucdb_drpdwn ul li a:hover {
            background: #f8f7f7;
            color: #333;
            transition: all 0.2s linear;
        }

        .ucdb_drpdwn ul li a.active, .ucdb_drpdwn ul li.active {
            background: #f8f7f7;
            color: #333;
            transition: all 0.2s linear;
        }

.sussmsgwrp {
    padding: 10px;
    text-align: center;
}

    .sussmsgwrp .fa-check, .sussmsgwrp .fa-thumbs-up {
        border: solid 5px #a5dc86;
        padding: 10px;
        border-radius: 50%;
        background: #fff;
        font-size: 42px;
        color: #a5dc86;
    }

    .sussmsgwrp strong {
        font-weight: bold;
        color: #5c952c;
        margin: 10px 0;
        display: block;
        text-align: center
    }

    .sussmsgwrp p {
        text-align: center;
        color: #5c952c;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
    }

    .sussmsgwrp .name {
        text-align: left;
        color: #333;
        margin: 15px 0;
    }

        .sussmsgwrp .name p {
            text-align: left;
            color: #333;
            font-size: 14px;
            font-weight: bold;
            line-height: 22px;
        }

        .sussmsgwrp .name ul li {
            line-height: 24px;
        }

.tc_apply {
    position: relative;
}

    .tc_apply a {
        bottom: 10px;
        color: #999;
        font-size: 11px;
        position: absolute;
        right: 20px;
    }

.side_bg {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    padding: 20px;
}

.carnear {
    margin: 20px 0 5px 0;
}

    .carnear ul li {
        list-style: none;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #e3e2e2;
        margin: 0 0 15px 0;
    }

        .carnear ul li figure {
            float: left;
            margin: 0 15px 0 0;
            border-radius: 50%;
            height: 60px;
            overflow: hidden;
            width: 60px;
            background-color: #fff;
            border: 1px solid #ccc;
        }

        .carnear ul li .big {
            color: #314252;
            font-size: 16px;
        }

            .carnear ul li .big a {
                color: #333;
            }

        .carnear ul li .small {
            color: #888;
            font-size: 14px;
            font-weight: normal;
            padding: 8px 0;
            line-height: 22px;
        }

.carmore {
    text-align: right;
    color: #999;
}

    .carmore a {
        color: #999;
    }

.carsmilar {
    margin: 20px 0 5px 0;
}



    /*.carsmilar ul li{ list-style:none; padding:0 0 15px 0; border-bottom:1px solid #e3e2e2; margin:0 0 15px 0;  }
.carsmilar ul li figure { float: left; margin: 0 15px 5px 0; height: 70px; overflow: hidden; width: 70px; background-color: #fff;   }
.carsmilar ul li .big{ color: #314252;  font-size: 16px; font-weight: normal; }
.carsmilar ul li .big a{ color: #314252;}
.carsmilar ul li .price{ color: #888888;  font-size: 14px; font-weight: normal; padding:5px 0; line-height:22px; }
.carsmilar ul li .price .amount{ color:#08a182; font-size:15px; font-weight:600; }
.carsmilar ul li .other{}
.carsmilar ul li .other span{ font-size:13px; border:1px solid #d9d9d9; padding:0px 8px; margin:0 10px 0 0; border-radius:4px; color: #666; line-height:30px;  }*/


    .carsmilar ul li {
        list-style: none;
        padding: 0 0 15px 0; /*border-bottom:1px solid #e3e2e2;*/
        margin: 5px 0;
    }

        .carsmilar ul li figure {
            width: 70px;
            float: left;
            margin: 0 10px 0 0;
            height: 70px;
            overflow: hidden;
            background-color: #eeeeee;
            text-align: center;
            display: flex;
        }

            .carsmilar ul li figure img {
                align-self: center;
                margin: 0 auto;
                vertical-align: middle;
            }

            .carsmilar ul li figure i {
                font-size: 45px;
                text-align: center;
                width: 100%;
                vertical-align: middle;
                align-self: center;
            }

        .carsmilar ul li .big {
            color: #314252;
            font-size: 16px;
            font-weight: normal;
        }

            .carsmilar ul li .big a {
                color: #333;
            }

        .carsmilar ul li .amount {
            color: #08a182;
            font-size: 15px;
            font-weight: 500;
            margin-right: 15px;
        }

        .carsmilar ul li .other {
            font-size: 13px;
            color: #666;
            margin: 8px 0 10px;
        }

            .carsmilar ul li .other i {
                text-transform: uppercase;
                margin: 0 5px;
                color: #cecfcf;
            }



.carsponsored {
    margin: 20px 0 5px 0;
    position: relative;
}

    .carsponsored .spnstitle {
        text-align: center;
        padding: 5px 0 15px;
        font-size: 12px;
        color: #999;
    }

    .carsponsored ul li {
        list-style: none;
        padding: 0 0 15px 0; /*border-bottom:1px solid #e3e2e2;*/
        margin: 0 5% 15px;
        float: left;
        width: 40%;
    }

        .carsponsored ul li figure {
            float: left;
            margin: 0 15px 5px 0;
            height: 70px;
            overflow: hidden;
            width: 70px;
            background-color: #fff;
            padding: 2px;
        }

        .carsponsored ul li .big {
            color: #314252;
            font-size: 16px;
            font-weight: normal;
        }

            .carsponsored ul li .big a {
                color: #333;
            }

        .carsponsored ul li .price {
            color: #888888;
            font-size: 14px;
            font-weight: normal;
            padding: 5px 0;
            line-height: 22px;
        }

            .carsponsored ul li .price .amount {
                color: #08a182;
                font-size: 15px;
                font-weight: 500;
            }

        .carsponsored ul li .other {
        }

            .carsponsored ul li .other span {
                font-size: 13px;
                border: 1px solid #d9d9d9;
                padding: 0px 8px;
                margin: 0 10px 0 0;
                border-radius: 4px;
                color: #666;
                line-height: 30px;
            }


.smilar_bg {
    background-color: #ebeaea;
    padding: 15px 0 50px;
    margin: 30px 0 0 0;
}

    .smilar_bg .title {
        font-size: 24px;
        color: #314252;
        text-align: center;
        padding: 35px 0 25px;
    }

    .smilar_bg .smilarrow {
        width: 100%;
    }

        .smilar_bg .smilarrow .col1 {
            width: 24%;
            float: left;
            border: 1px solid #e4e3e3;
            border-radius: 4px;
            background-color: #fff;
            padding: 10px;
        }

            .smilar_bg .smilarrow .col1 figure {
                height: 150px;
                overflow: hidden;
                margin-bottom: 15px;
            }

                .smilar_bg .smilarrow .col1 figure img {
                    width: 100%;
                }

            .smilar_bg .smilarrow .col1 .smilar_title {
                border-left: 2px solid #fdba17;
                color: #212121;
                font-family: "Open Sans", sans-serif;
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 10px;
                padding-left: 10px;
                line-height: 22px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%;
            }

                .smilar_bg .smilarrow .col1 .smilar_title a {
                    color: #212121;
                }



.stitle_box {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 10px;
}

    .stitle_box:after, .stitle_box:before {
        top: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .stitle_box:after {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .stitle_box:before {
        border-color: rgba(180, 180, 180, 0);
        border-top-color: #b4b4b4;
        border-width: 9px;
        margin-left: -9px;
    }

.smilar_bg .smilarrow .col1 .location {
    color: #666;
    font-size: 14px;
    padding: 15px 0 10px 0;
}

    .smilar_bg .smilarrow .col1 .location i {
        padding-right: 5px;
        color: #999;
    }

.smilar_bg .smilarrow .col1 .price {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0;
    line-height: 22px;
}

    .smilar_bg .smilarrow .col1 .price .amount {
        color: #08a182;
        font-size: 16px;
        font-weight: 600;
    }

.smilar_bg .smilarrow .col1 .other {
    padding: 10px 0 0 0;
}

    .smilar_bg .smilarrow .col1 .other span {
        font-size: 14px;
        border: 1px solid #d9d9d9;
        padding: 3px 8px;
        margin: 0 10px 0 0;
        border-radius: 4px;
        color: #999;
    }

.smilar_bg .smilarrow .col1 .actbtn_row {
    padding: 35px 0 10px;
    text-align: center;
}

    .smilar_bg .smilarrow .col1 .actbtn_row .actbtn {
        background-color: #f89406;
        color: #fff;
        padding: 7px 15px;
        border-radius: 4px;
        text-transform: uppercase;
        font-size: 13px;
    }

.smilar_bg .smilarrow .col1.col2 {
    margin-left: 20px;
}

.carcity_bg {
    width: 100%;
}

.carcity {
    background-color: #fff;
    padding: 0 0 30px 0;
}

    .carcity .citytitlebg {
        text-align: center;
        border-top: 1px solid #ddd;
        background-color: #fefefe;
        margin-bottom: -2px;
    }

        .carcity .citytitlebg .citytitle {
            font-size: 16px;
        }

            .carcity .citytitlebg .citytitle a {
                color: #333;
                line-height: 40px;
                padding: 9px 20px 10px;
            }

            .carcity .citytitlebg .citytitle.active a {
                background-color: #fff;
                border-left: 1px solid #ddd;
                border-right: 1px solid #ddd;
                color: #08a182;
            }

    .carcity .citybg {
        background-color: #fff;
        padding: 15px;
        border-top: 1px solid #ddd;
    }

        .carcity .citybg ul li {
            width: 23%;
            margin: 6px 10px;
            float: left;
            font-size: 14px;
            font-weight: normal;
        }

            .carcity .citybg ul li a {
                color: #888;
            }

.photos-outer {
}

    .photos-outer .big-img {
        width: 80%;
        float: left;
    }

        .photos-outer .big-img figure {
            padding: 5px;
            text-align: center;
            margin: 10px 10px 0px 10px;
        }

    .photos-outer .photo-listing {
        padding: 10px;
        width: 150px;
        float: left;
    }

        .photos-outer .photo-listing ul {
            margin: 0px;
            padding: 5px;
            background-color: #fff;
        }

            .photos-outer .photo-listing ul li {
                width: auto;
                hiehgt: auto;
                margin: 0 5px 0 0;
                padding: 5px;
                list-style: none;
                border: solid 1px #e4e4e4;
                background: none;
            }

                .photos-outer .photo-listing ul li:hover {
                    background: #eee;
                    -webkit-transition: all .24s ease-in;
                    -moz-transition: all .24s ease-in;
                    -ms-transition: all .24s ease-in;
                    -o-transition: all .24s ease-in;
                    transition: all .24s ease-in;
                }

                .photos-outer .photo-listing ul li.arrows {
                    text-align: center;
                    font-size: 40px;
                    padding: 0;
                }

                    .photos-outer .photo-listing ul li.arrows a {
                        color: #999;
                        display: block;
                    }

                .photos-outer .photo-listing ul li figure {
                    height: 70px;
                    max-width: 100px;
                    overflow: hidden;
                    position: relative;
                }


                    .photos-outer .photo-listing ul li figure figcaption {
                        filter: alpha(opacity=0);
                        position: absolute;
                        top: 0;
                        background-color: rgba(0, 0, 0, 0.4);
                        text-align: center;
                        width: 100%;
                        height: 100%;
                    }

                        .photos-outer .photo-listing ul li figure figcaption i {
                            font-size: 35px;
                            color: #ccc;
                            padding-top: 15px
                        }


.norm-load {
    position: absolute;
    top: 0;
    height: 100%;
    text-align: center;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
}

    .norm-load i {
        vertical-align: middle;
        font-size: 40px;
        margin-top: 8%;
        color: #999;
    }

    .norm-load p {
        font-size: 18px;
        color: #333;
        padding: 10px 0;
    }

.fa-spinner:before {
    content: "\f110"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-envelope-o:before {
    content: "\f003"
}




.spamwraper {
    background: #f8f8fa;
    width: 30%;
    margin: 0 auto;
    margin-top: 125px;
    margin-bottom: 125px;
    position: relative;
    border-radius: 5px
}

    .spamwraper .modal-head {
        background: #fff;
        border-bottom: solid 1px #dfe0e3;
        text-align: left;
        font-size: 20px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #f89406;
        letter-spacing: 0.3px;
        padding: 15px
    }

        .spamwraper .modal-head p {
            font-size: 14px;
            color: #333;
            padding-top: 10px;
        }

        .spamwraper .modal-head .smallt {
            font-size: 14px;
            color: #888;
            padding-top: 10px;
            width: calc(100% - 100px);
            float: left;
        }

            .spamwraper .modal-head .smallt i {
                color: rgba(43, 69, 82, 0.35);
                margin-right: 3px;
            }

            .spamwraper .modal-head .smallt .user {
                margin-left: 15px;
            }

        .spamwraper .modal-head .price {
            color: #08a182;
            font-size: 20px;
            margin: 3px 0 15px;
            width: 100px;
            float: right;
            text-align: right;
        }

    .spamwraper .modal-body {
        padding: 15px;
    }

        .spamwraper .modal-body .input-field {
            margin: 0 0 1px;
            background: #fff;
            padding: 10px;
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
            box-shadow: 0 1px 2px rgba(0,0,0,0.2);
            -webkit-transition: box-shadow 250ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 250ms cubic-bezier(0.23, 1, 0.32, 1);
            -moz-transition: box-shadow 250ms cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 250ms cubic-bezier(0.23, 1, 0.32, 1);
            border-radius: 2px;
            border-left: solid 3px #fff;
            position: relative
        }

            .spamwraper .modal-body .input-field .commontbox {
                background: #f5f5f5;
                padding: 10px;
                margin-top: 5px;
            }

                .spamwraper .modal-body .input-field .commontbox textarea {
                    width: 100%;
                    padding: 10px
                }

                .spamwraper .modal-body .input-field .commontbox label {
                    font-size: 12px;
                    padding: 5px 0;
                    display: block
                }

                .spamwraper .modal-body .input-field .commontbox input[type="text"] {
                    border: solid 1px #ddd;
                    background: #fff
                }

                .spamwraper .modal-body .input-field .commontbox .commontbtn {
                    background: #fff;
                    padding: 8px;
                    margin-top: 5px;
                    display: block
                }

                    .spamwraper .modal-body .input-field .commontbox .commontbtn:hover {
                        background: #db4344;
                        color: #fff;
                    }

    .spamwraper .modal-fd {
        background: #fff;
        text-align: center;
        padding: 15px 0;
        border-top: solid 1px #efeff1;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

/* Detail Modal*/
.modal .eventwraper {
    width: 40%;
    background: #fff;
    margin: 0 auto;
    margin-top: 125px;
    margin-bottom: 125px;
    position: relative
}

.modal .close {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    right: -40px;
}

    .modal .close a {
        width: 26px;
        height: 26px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background: url(/common/images/other/remove.png) no-repeat 0 0;
        filter: alpha(opacity=8);
        -khtml-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
    }

.modal .modal-header {
    background: #fff;
    font-size: 17px;
    line-height: 20px;
    padding: 15px;
    text-align: center;
    color: #333
}

.modal .eventwraper {
    background: #f0f0f0;
}
    /* share contents*/
    .modal .eventwraper .share-contents {
        margin: 15px 0;
        padding: 0 15px
    }

        .modal .eventwraper .share-contents figure {
            width: 80px;
            height: 80px;
            margin: 0 10px 0 0;
            float: left;
        }

            .modal .eventwraper .share-contents figure img {
                height: 65px;
                width: 80px;
            }

        .modal .eventwraper .share-contents ul li {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 16px;
            line-height: 22px;
            color: #333;
            font-weight: 700;
        }

            .modal .eventwraper .share-contents ul li.whnwre {
                font-size: 12px;
                color: #3f3f3f;
                font-weight: normal;
            }

                .modal .eventwraper .share-contents ul li.whnwre .price {
                    font-weight: 700;
                    margin-right: 15px
                }

            .modal .eventwraper .share-contents ul li i {
                color: #777
            }
    /*copy-link*/
    .modal .eventwraper .social-copy-share {
        border-top: 1px solid #eee;
        padding: 15px;
        position: relative;
        background: #fff
    }

        .modal .eventwraper .social-copy-share b {
            position: absolute;
            left: 25px;
            top: 28px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

            .modal .eventwraper .social-copy-share b:before {
                font-size: 16px;
                color: #000
            }

        .modal .eventwraper .social-copy-share input[type="text"] {
            width: 79%;
            margin: 0px;
            height: 40px;
            padding: 0px 10px 0 30px;
            -webkit-border-top-left-radius: 2px;
            -webkit-border-bottom-left-radius: 2px;
            -moz-border-radius-topleft: 2px;
            -moz-border-radius-bottomleft: 2px;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            border-color: rgba(0,0,0,.2);
            float: left;
            border-right: 0
        }

        .modal .eventwraper .social-copy-share .btn {
            border-radius: 0;
            -webkit-border-top-right-radius: 2px;
            -webkit-border-bottom-right-radius: 2px;
            -moz-border-radius-topright: 2px;
            -moz-border-radius-bottomright: 2px;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            float: left;
            height: 40px;
            line-height: 24px
        }
    /*social-btns*/
    .modal .eventwraper .social-btns {
        text-align: center;
        padding: 20px 0
    }

        .modal .eventwraper .social-btns ul {
            display: inline-block;
        }

            .modal .eventwraper .social-btns ul li {
                float: left;
                margin: 0 15px 0;
            }

                .modal .eventwraper .social-btns ul li i {
                    margin-right: 4px;
                }

                .modal .eventwraper .social-btns ul li a {
                    padding: 10px 15px;
                    display: block;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    background-color: #fff;
                    border: solid 1px #fff;
                }

                .modal .eventwraper .social-btns ul li:hover a {
                    color: #fff !important
                }

                .modal .eventwraper .social-btns ul li a.fb {
                    border-color: #3b5998;
                    color: #3b5998;
                }

                .modal .eventwraper .social-btns ul li a.tw {
                    border-color: #55acee;
                    color: #55acee;
                }

                .modal .eventwraper .social-btns ul li a.gp {
                    border-color: #dd4b39;
                    color: #dd4b39;
                }

                .modal .eventwraper .social-btns ul li a.mil {
                    border-color: #0072c6;
                    color: #0072c6;
                }

                .modal .eventwraper .social-btns ul li a.whatsapp {
                    border-color: #34AF23;
                    color: #34AF23;
                }

                .modal .eventwraper .social-btns ul li:hover a.fb {
                    background-color: #3b5998;
                }

                .modal .eventwraper .social-btns ul li:hover a.tw {
                    background-color: #55acee;
                }

                .modal .eventwraper .social-btns ul li:hover a.gp {
                    background-color: #dd4b39;
                }

                .modal .eventwraper .social-btns ul li:hover a.mil {
                    background-color: #0072c6;
                }

                .modal .eventwraper .social-btns ul li:hover a.whatsapp {
                    background-color: #34AF23;
                }

/*checkbox & radio Start*/
.input-field [type="radio"]:not(:checked), .input-field [type="radio"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0
}

    .input-field [type="radio"]:not(:checked) + label, .input-field [type="radio"]:checked + label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        transition: .28s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.input-field [type="radio"] + label:before, .input-field [type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: .28s ease
}

.input-field [type="radio"]:not(:checked) + label:before, .input-field [type="radio"]:not(:checked) + label:after, .input-field [type="radio"]:checked + label:before, .input-field [type="radio"]:checked + label:after, .input-field [type="radio"].with-gap:checked + label:before, .input-field [type="radio"].with-gap:checked + label:after {
    border-radius: 50%
}

.input-field [type="radio"]:not(:checked) + label:before, .input-field [type="radio"]:not(:checked) + label:after {
    border: 1px solid #999;
}

.input-field [type="radio"]:not(:checked) + label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0)
}

/*.input-field [type="radio"]:checked+label:before { border:2px solid transparent }*/

.input-field [type="radio"]:checked + label:before {
    border: 1px solid #999;
}

.input-field [type="radio"]:checked + label:after, .input-field [type="radio"].with-gap:checked + label:before, .input-field [type="radio"].with-gap:checked + label:after {
    border: 2px solid #26a69a
}

.input-field [type="radio"]:checked + label:after, .input-field [type="radio"].with-gap:checked + label:after {
    background-color: #26a69a;
    z-index: 0
}
/*.input-field [type="radio"]:checked+label:after { -webkit-transform:scale(1.02); transform:scale(1.02) }*/
.input-field [type="radio"]:checked + label:after {
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

.input-field [type="radio"].with-gap:checked + label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.input-field [type="radio"].tabbed:focus + label:before {
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1)
}

.input-field [type="radio"].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0,0,0,0.26)
}

.input-field [type="radio"].with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0,0,0,0.26)
}

.input-field [type="radio"]:disabled:not(:checked) + label:before, .input-field [type="radio"]:disabled:checked + label:before {
    background-color: transparent;
    border-color: rgba(0,0,0,0.26)
}

.input-field [type="radio"]:disabled + label {
    color: rgba(0,0,0,0.26)
}

.input-field [type="radio"]:disabled:not(:checked) + label:before {
    border-color: rgba(0,0,0,0.26)
}

.input-field [type="radio"]:disabled:checked + label:after {
    background-color: rgba(0,0,0,0.26);
    border-color: #BDBDBD
}

.input-field [type="checkbox"]:not(:checked), .input-field [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.input-field [type="checkbox"] + label {
    position: relative;
    left: 5px;
    padding-left: 26px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 17px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

    .input-field [type="checkbox"] + label:before, .input-field [type="checkbox"]:not(.filled-in) + label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        z-index: 0;
        border: 1px solid #999;
        border-radius: 1px;
        margin-top: 2px;
        transition: .2s
    }

.input-field [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.input-field [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0,0,0,0.26)
}

.input-field [type="checkbox"].tabbed:focus + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.1)
}

.input-field [type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 10px;
    height: 17px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.input-field [type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    border-bottom: 2px solid rgba(0,0,0,0.26)
}

.input-field [type="checkbox"]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.input-field [type="checkbox"]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    background-color: transparent
}

.input-field [type="checkbox"].filled-in + label:before, .input-field [type="checkbox"].filled-in + label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1
}

.input-field [type="checkbox"].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%
}

.input-field [type="checkbox"].filled-in:not(:checked) + label:after {
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid #b6b6b6;
    top: 0px;
    z-index: 0
}

.input-field [type="checkbox"].filled-in:checked + label:before {
    top: 0;
    left: 0;
    width: 8px;
    height: 10px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.input-field [type="checkbox"].filled-in:checked + label:after {
    top: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

.input-field [type="checkbox"].filled-in.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0,0,0,0.1)
}

.input-field [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a
}

.input-field [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent
}

.input-field [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
    border-color: transparent;
    background-color: #BDBDBD
}

.input-field [type="checkbox"].filled-in:disabled:checked + label:before {
    background-color: transparent
}

.input-field [type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD
}

.input-field input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, .input-field input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(38,166,154,0.1)
}

.input-field input[type=checkbox]:not(:disabled) ~ .lever:active:after, .input-field input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(0,0,0,0.08)
}
/*checkbox & radio End*/

.carstitle {
    width: 100%;
    background: #333;
    top: 0;
    position: fixed;
    left: 0;
    z-index: 2;
    padding: 8px 0 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 16px rgba(56, 66, 82, 0.6);
}

    .carstitle .container {
        position: relative;
        padding: 5px 0;
    }

.contbtn {
    display: none;
}

.carstitle .contbtn {
    display: block;
    position: absolute;
    right: 35px;
    top: 12px
}

    .carstitle .contbtn a {
        padding: 15px;
        background: #ff4242;
        border-radius: 2px;
        color: #fff;
        display: block;
        text-align: center
    }

.carstitle .title1 {
    color: #fff;
    font-size: 22px;
}

.carstitle .cityrow li {
    color: #ccc;
}

    .carstitle .cityrow li .text1, .carstitle .cityrow li .text2, .carstitle .cityrow li .text3 {
        color: #fff;
    }

.scroltitle {
    display: none;
}

.carstitle .detairow {
    width: 60%;
    background-color: inherit !important;
    border: none !important;
}

.carstitle .scroltitle {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 10px 20px;
    font-family: "Open Sans",sans-serif;
}

.carstitle .detairow .cityrow li .text4, .carstitle .detairow .cityrow li a {
    color: #fff !important;
}

.ucardetaitop .detairow .cityrow li.adprice, .ucardetaitop .detairow .cityrow li.admile {
    display: none;
}

.carstitle .detairow .cityrow li.adid, .carstitle .detairow .cityrow li.addate, .carstitle .detairow .cityrow li.adadmin, .carstitle .detairow .carprice {
    display: none;
}

.carstitle .detairow .cityrow li.adprice, .carstitle .detairow .cityrow li.admile {
    display: inline-block;
}

.carstitle .detairow .cityrow {
    float: left;
    padding: 4px 0 9px 15px !important;
}

    .carstitle .detairow .cityrow li.adprice {
        font-size: 16px;
    }

    .carstitle .detairow .cityrow li.admile {
        font-size: 15px;
        color: #fff;
    }

    .carstitle .detairow .cityrow li.adprice span {
        font-size: 18px;
        color: #fff;
    }

.cardetailtitle {
    color: #212121;
    font-size: 26px;
    font-weight: 600;
    padding: 0 0 15px 20px;
    font-family: "Open Sans",sans-serif;
}

.cardetailtitle2 {
    color: #212121;
    font-size: 26px;
    font-weight: 600;
    padding: 0 0 15px 0px;
    font-family: "Open Sans",sans-serif;
}

.cartype_title {
    background-color: #08a182;
    color: #fff;
    font-size: 11px;
    border-radius: 4px;
    padding: 0px 6px 1px;
    margin-left: 10px;
}

.cartype_title2 {
    background-color: #007273;
    color: #fff;
    font-size: 11px;
    border-radius: 4px;
    padding: 0px 6px 1px;
}

.cardetailrow1 {
    color: #666;
    font-size: 14px;
    padding: 0 0 15px 0px;
    font-family: "Open Sans",sans-serif;
}

    .cardetailrow1 .name {
        color: #666;
        font-size: 14px;
        font-family: "Open Sans",sans-serif;
        width: 60%;
        float: left;
    }

    .cardetailrow1 .price {
        color: #333;
        font-size: 14px;
        font-family: "Open Sans",sans-serif;
        width: 40%;
        float: left;
        text-align: right;
    }

        .cardetailrow1 .price .text1 {
            color: #08a182;
        }

        .cardetailrow1 .price .text2 {
            color: #999;
        }

.ucardetaitop {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

    .ucardetaitop .detairow {
        background: #fbfbfb;
        zoom: 1;
        border: solid 1px #fff;
        position: relative;
        border-bottom: solid 1px #e5e5e5;
    }

        .ucardetaitop .detairow .cityrow {
            padding: 15px 0 15px 15px;
            width: calc(100% - 140px);
            float: left;
        }

            .ucardetaitop .detairow .cityrow li {
                display: inline-block;
                color: #666;
                margin: 0 20px 0 0;
            }

    .ucardetaitop .carstitle .detairow .cityrow li {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    .ucardetaitop .detairow .cityrow li .text1 {
        font-size: 15px;
        color: #2b4552;
    }

    .ucardetaitop .detairow .cityrow li .text2 {
        font-size: 20px;
        color: #01685d;
        font-weight: 600;
    }

    .ucardetaitop .detairow .cityrow li .text3 {
        font-size: 15px;
        color: #2b4552;
        padding-left: 15px;
    }

    .ucardetaitop .detairow .cityrow li .text4 {
        font-size: 15px;
        color: #333333;
        padding-right: 10px;
    }

    .ucardetaitop .detairow .cityrow li .flaticon-user-1 {
        font-weight: 600;
    }

    .ucardetaitop .detairow .cityrow li i {
        margin-right: 3px;
    }

    .ucardetaitop .detairow .carprice {
        float: right;
        margin: 10px 20px 0 0;
        font-size: 24px;
        color: #08a182;
        font-weight: 500;
        width: 120px;
        text-align: right;
    }

        .ucardetaitop .detairow .carprice.noprice {
            font-size: 14px !important;
        }

        .ucardetaitop .detairow .carprice .small {
            font-size: 12px;
            color: #888;
            display: block;
            padding-bottom: 5px;
        }

    .ucardetaitop .detairow .cityrow li .cityall {
        display: block;
        width: 200px;
        position: absolute;
        background-color: #fff;
        border: 1px solid #cdcdcd;
        padding: 10px;
        color: #666;
        right: -40px;
        font-size: 13px;
        line-height: 18px;
        border-radius: 4px;
        z-index: 1;
        top: 25px;
    }

        .ucardetaitop .detairow .cityrow li .cityall:after, .ucardetaitop .detairow .cityrow li .cityall:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .ucardetaitop .detairow .cityrow li .cityall:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 8px;
            margin-left: -8px;
        }

        .ucardetaitop .detairow .cityrow li .cityall:before {
            border-color: rgba(229, 229, 229, 0);
            border-bottom-color: #e5e5e5;
            border-width: 9px;
            margin-left: -9px;
        }



    .ucardetaitop .bmarklist {
        padding: 16px 15px 5px;
    }

        .ucardetaitop .bmarklist li {
            color: #747272;
            font-size: 13px;
            margin: 0 10px 8px 0;
            float: left;
            line-height: 28px;
        }

            .ucardetaitop .bmarklist li a {
                color: #747272;
                line-height: 12px;
                padding: 2px 10px;
                background-color: #fcfcfc;
                border: 1px solid #dbdbdb;
                border-radius: 2px;
            }

                .ucardetaitop .bmarklist li a:hover {
                    background-color: #fff;
                }

                .ucardetaitop .bmarklist li a.active {
                    border: 1px solid #08a182;
                    background-color: #fff;
                    color: #08a182;
                }

                    .ucardetaitop .bmarklist li a.active i {
                        color: #08a182;
                    }

                .ucardetaitop .bmarklist li a.fbactive {
                    border: 1px solid #3b5998;
                    background-color: #fff;
                    color: #3b5998;
                }

                    .ucardetaitop .bmarklist li a.fbactive i {
                        color: #3b5998;
                    }

                .ucardetaitop .bmarklist li a i {
                    color: #999;
                    padding-right: 3px;
                }

.ucardiltap {
}

    .ucardiltap ul li {
        float: left;
        margin-right: 2px;
        font-size: 18px;
    }

        .ucardiltap ul li a {
            background-color: #ebeaea;
            padding: 12px 25px;
            display: block;
            color: #333;
            border-top: 2px solid #ebeaea;
        }

            .ucardiltap ul li a.active {
                background-color: #fff;
                color: #212121;
                border-top: 2px solid #fdba17;
            }

.yellowbg {
    background-color: #fff;
    border: 1px solid #dddddd;
    border-left: 2px solid #dddddd;
    padding: 20px;
    margin-bottom: 20px;
}

    .yellowbg .text1 {
        font-size: 22px;
        font-weight: normal;
        color: #6c1c00;
        padding-bottom: 5px;
    }

        .yellowbg .text1 .fa {
            color: #f89406;
            margin-right: 5px;
        }

    .yellowbg .text2 {
        font-size: 16px;
        font-weight: normal;
        color: #327a04;
        padding: 15px 0;
    }

    .yellowbg .text3 {
        font-size: 14px;
        font-weight: normal;
        color: #333;
        margin-bottom: 10px;
    }

/*--------- usedcar detail end-----------*/

/* -------- map view start --------------*/
.navi-out .nearbyimg {
    padding: 10px 0 0
}

    .navi-out .nearbyimg ul {
        list-style-type: none;
        padding: 0 0 10px;
        margin: 0 0 0 10px;
    }

        .navi-out .nearbyimg ul li {
            margin: 0;
            float: left;
            color: #666;
        }

            .navi-out .nearbyimg ul li a {
                color: #666;
                padding: 5px 15px 5px 5px;
                text-decoration: none;
            }

            .navi-out .nearbyimg ul li img {
                height: 20px;
                width: 15px;
                float: left;
            }

.get-map-out1 {
    margin: 0 !important
}

.view-maps {
    padding: 10px;
    border: solid 1px #ddd;
    margin: 10px;
}

    .view-maps p {
        margin: 0;
        padding: 0 !important;
        line-height: 22px;
    }

        .view-maps p img {
            width: 50px;
            height: 50px;
            border: solid 1px #ccc;
            background: #fff;
            padding: 3px;
            float: left;
            margin-right: 5px;
        }
/*================================================================================================================================================================================*/
.mapwarp .mapnav {
}

    .mapwarp .mapnav ul {
        background: url(/common/images/default/tile-in-border1px.gif) repeat-x 0 bottom;
        padding: 0 0 0 10px;
        float: none !important;
    }

        .mapwarp .mapnav ul li {
            display: block;
            float: left;
            border: solid 1px #e2e2e2;
            border-bottom-color: #ccc;
        }

            .mapwarp .mapnav ul li.active {
                border-bottom-color: #fff;
            }

            .mapwarp .mapswarp .mapnavsub ul li a, .mapwarp .mapnav ul li a {
                display: block;
                padding: 10px;
                font-size: 16px;
                line-height: 22px;
                color: #333 !important;
                background-color: #f7f7f7;
                border: solid 1px #fff;
                width: auto;
                height: auto;
            }

            .mapwarp .mapnav ul li.active a {
                background-color: #fff;
                font-weight: bold;
            }

            .mapwarp .mapnav ul li a:hover {
                text-decoration: none;
                background-color: #eee;
            }

            .mapwarp .mapnav ul li.active a:hover {
                background-color: #fff;
            }

.mapwarp .mapswarp {
    border: solid 1px #ccc;
    border-top: 0;
}

    .mapwarp .mapswarp .mapnavsub ul {
        list-style-type: none;
        padding: 10px;
    }

        .mapwarp .mapswarp .mapnavsub ul li {
            float: left;
            margin: 0 10px 0 0;
            display: block;
        }

            .mapwarp .mapswarp .mapnavsub ul li a {
                background: none;
                font-size: 12px;
                padding: 0;
            }

                .mapwarp .mapswarp .mapnavsub ul li a img {
                    height: 20px;
                    width: 15px;
                    float: left;
                    margin: 0 5px 0 0
                }

.neighborhood .map-nav1 {
    margin: 0;
    border: 0;
}

.neighborhood .map-nav { /*margin:-50px 10px 0;*/
    background: #fff;
    position: relative;
    border-top: 3px solid #aaa;
    z-index: 1;
}

    .neighborhood .map-nav .mapdetail h3 {
        color: #333333; /*font-size: 18px; */
        line-height: 20px;
        padding: 5px 0;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

        .neighborhood .map-nav .mapdetail h3 span {
            display: inline;
            font-weight: normal;
            font-size: 13px;
        }

.neighborhood .mapwarps {
    border-top: solid 1px #ddd;
    width: 100%;
    overflow: hidden
}

.neighborhood .maps {
    border: solid 1px #fff;
}

.neighborhood .map-nav {
    background: #fff;
    position: relative;
    border: 1px solid #ebebeb;
    z-index: 1;
}

    .neighborhood .map-nav ul {
        list-style-type: none;
        padding: 5px 0;
        margin: 0 0 0 10px
    }

        .neighborhood .map-nav ul li {
            margin: 10px 2px;
            float: left;
            color: #666;
        }

            .neighborhood .map-nav ul li a {
                color: #666;
                padding: 5px 15px 5px 10px;
                text-decoration: none;
            }

                .neighborhood .map-nav ul li a:hover, .neighborhood .map-nav ul li a.active {
                    background: #A16222;
                    color: #fff;
                    -webkit-border-radius: 14px;
                    -moz-border-radius: 14px;
                    border-radius: 14px;
                    position: relative;
                }

    .neighborhood .map-nav .mapdetail {
        padding: 10px;
    }

        .neighborhood .map-nav .mapdetail select {
            border-radius: 0;
        }

        .neighborhood .map-nav .mapdetail table {
            width: 100%;
            border: solid 1px #ddd;
            margin: 10px 0
        }

            .neighborhood .map-nav .mapdetail table tr {
                border: solid 1px #ddd;
            }

            .neighborhood .map-nav .mapdetail table td, .neighborhood .map-nav .mapdetail table th {
                padding: 8px;
            }

            .neighborhood .map-nav .mapdetail table th {
                font-weight: bold;
            }

        .neighborhood .map-nav .mapdetail .batch {
            background: #a74025;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            padding: 3px 7px;
            font-weight: bold;
            color: #fff;
            font-size: 14px;
        }

/* -------- map view end --------------*/




/*--------- usedcar listing start-----------*/
.ucar_listbg {
    background-color: #f6f6f6;
}

.ucar_search { /*background:#003f4f; */
    background: url(/common/images/default/car-search-bg.jpg) repeat-x 0 bottom;
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
    padding: 15px;
}

    .ucar_search::before {
        background: rgba(0, 63, 79, 0.5) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }


    .ucar_search .breadcrumb {
        color: rgba(255, 255, 255, 0.5);
        position: relative;
    }

        .ucar_search .breadcrumb a {
            color: rgba(255, 255, 255, 1);
        }

    .ucar_search .searchtitle {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        position: relative;
    }

    .ucar_search ul {
        margin: 12px 0 0 0;
        position: relative;
        z-index: 3;
    }

        .ucar_search ul li {
            float: left;
            width: 21.8%;
            margin-right: 15px;
        }

            .ucar_search ul li.ussearch {
                float: left;
                width: 110px;
                margin-right: 0;
            }

            .ucar_search ul li.ucreset {
                float: left;
                width: 70px;
                margin-left: 15px;
                margin-right: 0
            }

            .ucar_search ul li.city {
                width: 16%;
            }

            .ucar_search ul li.bsiform-fullblk {
                margin: 0 20px 0 0; /*border-top:solid 1px #d9d9d9;  border-right:solid 1px #d9d9d9;  border-left:solid 1px #d9d9d9;*/
            }

.ucdb_search {
    color: #fff;
    background: #f89407;
    font-size: 14px;
    border-radius: 2px;
    border: solid 1px #f89407;
    padding: 17px 25px;
    transition: all 0.2s linear;
    float: left;
    margin: 0;
}

.ucdb_search_re {
    color: #999;
    background: #eeeeee;
    font-size: 14px;
    border-radius: 2px;
    border: solid 1px #eeeeee;
    padding: 10px 25px;
    transition: all 0.2s linear;
    float: left;
    margin: 7px 0 0 0;
}

.ucdb_listtitle {
    margin: 0 0 10px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 15px 15px 3px 15px;
    width: 100%;
}

    .ucdb_listtitle h1 {
        color: #212121;
        font-size: 22px;
        font-weight: 600;
        font-family: "Open Sans",sans-serif;
    }

    .ucdb_listtitle .smalltext {
        color: #888;
        font-size: 14px;
        padding: 10px 0;
        width: 40%;
        float: left;
    }

    .ucdb_listtitle .sortby2 {
        width: 60%;
        float: left;
        padding: 10px 0;
    }

        .ucdb_listtitle .sortby2 ul {
            float: right;
            list-style: none;
            text-align: right;
        }

            .ucdb_listtitle .sortby2 ul li {
                list-style: none;
                float: left;
                font-size: 13px;
                margin: 0 3px;
            }

                .ucdb_listtitle .sortby2 ul li a {
                    padding: 10px;
                    color: #696969;
                    text-decoration: none;
                }

                    .ucdb_listtitle .sortby2 ul li a:hover {
                        border-bottom: 2px solid #f89406;
                    }

                    .ucdb_listtitle .sortby2 ul li a.active {
                        border-bottom: 2px solid #f89406;
                    }

                    .ucdb_listtitle .sortby2 ul li a .small {
                        color: #999;
                    }

.sortby2text {
    text-align: right;
    color: #999;
    font-size: 13px;
    padding: 0px 15px 15px;
}



.sortby {
    width: 215px;
    float: right;
}

    .sortby .sorttext {
        display: inline-block;
        padding: 8px 0 0 0;
        color: #888;
    }

    .sortby .select-wrapper {
        width: 150px;
        float: right;
    }

        .sortby .select-wrapper, .sortby .select-wrapper select {
            height: 32px;
            line-height: 30px;
        }

            .sortby .select-wrapper:before {
                top: 5px;
            }

    .sortby select {
        padding: 0 20px;
    }


.ucar_listrow {
    margin: 20px 0;
}

    .ucar_listrow .rsmlist_col1 {
        float: left;
        width: 270px;
    }

    .ucar_listrow .rsmlist_col2 {
        float: left;
        width: calc(100% - 290px);
        margin: 0 0 0 20px;
        position: relative;
    }

.rsmflt_title {
    background-color: #fff;
    padding: 10px 10px;
    margin-bottom: 10px;
}

    .rsmflt_title .rsmtitle {
        font-size: 18px;
        color: #212121;
        font-weight: 600;
        font-family: "Open Sans",sans-serif;
    }

        .rsmflt_title .rsmtitle i, .uc_search .ucsearchtitle i {
            color: #cdcdcd;
            margin-right: 3px;
        }

    .rsmflt_title .reset {
        float: right;
        text-align: right;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.65);
        font-weight: 400;
        padding-top: 5px;
    }

        .rsmflt_title .reset a {
            color: rgba(0, 0, 0, 0.65);
        }


.uc_search {
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
    line-height: 22px;
    color: #666;
}

    .uc_search .ucsearchtitle {
        font-size: 18px;
        color: #212121;
        font-weight: 600;
        font-family: "Open Sans",sans-serif;
        border-bottom: 2px solid #f9f9f9;
        padding: 10px;
        border-left: 2px solid #f89406;
    }

    .uc_search .ucsearchin {
        padding: 10px;
    }

        .uc_search .ucsearchin .btun i {
            font-size: 12px;
        }

        .uc_search .ucsearchin .ucsearchrow {
            margin-bottom: 18px;
            position: relative;
        }

            .uc_search .ucsearchin .ucsearchrow.bsiform-fullblk {
                margin: 0 0 20px 0;
            }

        .uc_search .ucsearchin .bsiform-fullblk input {
            background-color: inherit;
            border: solid 1px #e6e6e6 !important;
            padding: 13px 10px 0px 10px;
        }

        .uc_search .ucsearchin .ucsearchrow.bsiform-fullblk input:focus ~ label, .uc_search .ucsearchin .ucsearchrow.bsiform-fullblk.active label {
            top: 0px;
        }

        .uc_search .ucsearchin .rentorsale {
            padding: 10px 0 20px;
        }

            .uc_search .ucsearchin .rentorsale li {
                width: 50%;
                float: left;
            }

                .uc_search .ucsearchin .rentorsale li.input-field [type="radio"]:not(:checked) + label, .uc_search .ucsearchin .rentorsale li.input-field [type="radio"]:checked + label {
                    padding-left: 28px !important;
                    line-height: 23px !important;
                }




.rsm_filter {
}

    .rsm_filter ul {
        list-style: none;
    }

        .rsm_filter ul li {
            background-color: #fff;
            margin-bottom: 5px;
            position: relative;
            line-height: 22px;
            color: #666;
        }

            .rsm_filter ul li.inactive {
                color: #ccc;
            }

.inactive label {
    cursor: no-drop !important;
}

.inactive [type="checkbox"] + label:before, inactive [type="checkbox"]:not(.filled-in) + label:after {
    border: 1px solid #ccc !important;
}



.rsm_filter ul li .flttitle {
    font-size: 14px;
    font-weight: 600;
    color: #212121;
    display: block;
    border-bottom: 2px solid #f9f9f9;
    padding: 10px;
    font-family: "Open Sans",sans-serif;
}

    .rsm_filter ul li .flttitle i {
        float: right;
        color: #000;
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        -ms-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in;
        font-size: 16px;
        padding-top: 5px;
    }

.rsm_filter ul li.active a i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rsm_filter ul li .filterin {
    padding: 10px;
}

    .rsm_filter ul li .filterin input {
        width: 95%;
        height: 35px;
        padding: 4px 10px;
        color: #666;
    }

    .rsm_filter ul li .filterin .fltrclear {
        padding: 0 5px 10px 0;
        color: #999;
        text-align: right;
    }

        .rsm_filter ul li .filterin .fltrclear a {
            color: #999;
        }

        .rsm_filter ul li .filterin .fltrclear i {
            border: 1px solid #999;
            background-color: #f4f5f6;
            font-size: 12px;
            padding: 0 2px 2px;
            border-radius: 8px;
        }

    .rsm_filter ul li .filterin .filterbox {
        margin: 15px 0;
        max-height: 200px;
        overflow: auto
    }
    /*.rsm_filter ul li .filterin ul { margin:15px 0; max-height:200px; overflow:auto}*/
    .rsm_filter ul li .filterin ul li a {
        color: #333;
        padding-left: 5px;
    }

    .rsm_filter ul li .filterin ul.jobrolelist li {
        cursor: pointer;
    }

    .rsm_filter ul li .filterin ul.door {
    }

        .rsm_filter ul li .filterin ul.door li {
            text-align: center;
            float: left;
            margin: 0 10px 10px 0;
        }

            .rsm_filter ul li .filterin ul.door li a {
                display: block;
                width: 38px;
                height: 38px;
                border-radius: 50%;
                border: 1px solid #999;
                line-height: 38px;
                padding: 0;
            }

                .rsm_filter ul li .filterin ul.door li a.blue {
                    background-color: #009bff;
                    border-color: #009bff;
                }

                .rsm_filter ul li .filterin ul.door li a.black {
                    background-color: #000000;
                    border-color: #000000;
                }

                .rsm_filter ul li .filterin ul.door li a.grey {
                    background-color: #a9a9aa;
                    border-color: #a9a9aa;
                }

                .rsm_filter ul li .filterin ul.door li a.red {
                    background-color: #ea0a26;
                    border-color: #ea0a26;
                }

                .rsm_filter ul li .filterin ul.door li a.orange {
                    background-color: #e0790a;
                    border-color: #e0790a;
                }

                .rsm_filter ul li .filterin ul.door li a.yellow {
                    background-color: #fcd206;
                    border-color: #fcd206;
                }

                .rsm_filter ul li .filterin ul.door li a.silver {
                    background-color: #c0c0c0;
                    border-color: #c0c0c0;
                }

                .rsm_filter ul li .filterin ul.door li a.green {
                    background-color: #008000;
                    border-color: #008000;
                }

                .rsm_filter ul li .filterin ul.door li a.red {
                    background-color: #ff0000;
                    border-color: #ff0000;
                }

                .rsm_filter ul li .filterin ul.door li a.purple {
                    background-color: #800080;
                    border-color: #800080;
                }

                .rsm_filter ul li .filterin ul.door li a.white {
                    background-color: #fff;
                }

                .rsm_filter ul li .filterin ul.door li a i {
                    color: #fff;
                }

                .rsm_filter ul li .filterin ul.door li a.white i {
                    color: #666;
                }

                .rsm_filter ul li .filterin ul.door li a:hover {
                    border: 1px solid #26a69a;
                }

                .rsm_filter ul li .filterin ul.door li a.active {
                    border: 1px solid #26a69a;
                }

                .rsm_filter ul li .filterin ul.door li a.multi { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3232+0,d42cea+24,1ea025+52,2eedf7+77,1900ff+100 */
                    background: #ff3232; /* Old browsers */
                    background: -moz-linear-gradient(left, #ff3232 0%, #d42cea 24%, #1ea025 52%, #2eedf7 77%, #1900ff 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(left, #ff3232 0%, #d42cea 24%, #1ea025 52%, #2eedf7 77%, #1900ff 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to right, #ff3232 0%, #d42cea 24%, #1ea025 52%, #2eedf7 77%, #1900ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#1900ff', GradientType=1 ); /* IE6-9 */
                }

/* Slider custom */
.ui-slider-horizontal {
    background: #e1e4e9;
    border-radius: 2px;
}

    .ui-slider-horizontal .ui-slider-handle {
        background: #e1e4e9;
        border: solid 1px #26a69a;
        border-radius: 50%;
        margin-top: 1px;
    }

    .ui-slider-horizontal .ui-slider-range {
        background: #26a69a;
        border-radius: 2px;
    }

.ser-morefil-box.rngeslidr input, .ser-morefil-box.rngeslidr input:focus {
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    height: inherit !important;
    margin-bottom: 20px;
}

.rsm_filter ul li .filterin .ui-slider-horizontal {
    height: 0.4em;
    margin: 15px;
}

    .rsm_filter ul li .filterin .ui-slider-horizontal .ui-slider-handle {
        top: -7px;
    }

/*.rsm_filter ul li .filterin input[type="text"]:focus { border:none !important; box-shadow:none !important; }*/

.rsm_filter ul li .filterin .epxno {
    padding: 0 15px;
}

    .rsm_filter ul li .filterin .epxno input {
        color: #26a69a !important;
    }

.rsm_filter .mobile_filterbtn, .rsm_filter .mobile_filtertitle, mobile_searchtitle {
    display: none;
}

/* Slider custom */



.ucar_tag ul li {
    list-style: none;
    float: left;
    margin: 0 8px 15px 8px;
    font-size: 12px;
}

    .ucar_tag ul li a {
        background-color: #d0d0d0;
        padding: 2px 8px;
        color: #013757;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        border-radius: 2px;
    }


.car_list {
    background-color: #ffffff;
    box-shadow: 0 1px 2px 1px rgba(109, 109, 109, 0.14);
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

    .car_list figure {
        width: 220px;
        float: left;
        margin: 15px 0 15px 15px;
        height: 165px;
        overflow: hidden;
        background-color: #eeeeee;
        text-align: center;
        display: flex;
        position: relative;
    }

        .car_list figure img {
            align-self: center;
            margin: 0 auto;
            vertical-align: middle;
        }

        .car_list figure > a {
            width: 100%;
            float: left;
            text-align: center;
            display: flex;
            position: relative;
        }

            .car_list figure > a i {
                font-size: 90px;
                text-align: center;
                width: 100%;
                vertical-align: middle;
                align-self: center;
            }

        .car_list figure .photobg {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 2px;
            color: #ffffff;
            height: 18px;
            left: 5px;
            line-height: 17px;
            padding: 0 5px;
            position: absolute;
            bottom: 5px;
            width: 46px;
            z-index: 1;
        }

            .car_list figure .photobg i {
                font-size: 14px;
            }

        .car_list figure .savebg {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 2px;
            color: #ffffff;
            height: 18px;
            right: 5px;
            line-height: 17px;
            padding: 0 5px;
            position: absolute;
            bottom: 5px;
            width: 30px;
            z-index: 1;
        }

            .car_list figure .savebg i {
                font-size: 14px;
                z-index: 1;
            }

            .car_list figure .savebg a {
                color: #fff;
            }

.blue {
    color: #009bff;
}

.black {
    color: #000000;
}

.grey {
    color: #a9a9aa;
}

.red {
    color: #ea0a26;
}

.orange {
    color: #e0790a;
}

.yellow {
    color: #fcd206;
}

.silver {
    color: #c0c0c0;
}

.green {
    color: #008000;
}

.red {
    color: #ff0000;
}

.purple {
    color: #800080;
}

.white {
    color: #fff;
}


.car_list .listcont {
    width: calc(100% - 235px);
    float: left;
    color: #666;
    font-size: 14px; /*background-color:#fdfdfd;*/
    border-bottom: 1px solid #f3f3f3;
    padding: 0 15px;
    position: relative;
}

    .car_list .listcont .title {
        color: #212121;
        font-size: 16px;
        font-weight: 600;
        margin: 15px 0 0px 0;
        line-height: 26px;
        font-family: "Open Sans",sans-serif;
    }

        .car_list .listcont .title a {
            color: #212121;
        }

        .car_list .listcont .title.red, .car_list .listcont .title.red a {
            color: #9f1621;
        }

    .car_list .listcont .subtitle {
        color: #888;
        font-size: 14px;
        margin: 10px 0 0px 0;
    }

        .car_list .listcont .subtitle li {
            float: left;
            margin: 0 20px 15px 0;
        }

        .car_list .listcont .subtitle a {
            color: #333;
        }

        .car_list .listcont .subtitle i {
            margin: 0 2px 0 0;
            color: rgba(43, 69, 82, 0.35);
        }

        .car_list .listcont .subtitle .verify {
            font-size: 15px;
            color: #08a182;
            position: relative;
        }

    .car_list .listcont .subtitle2 {
        color: #212121;
        font-size: 14px;
        margin: 3px 0 10px 0;
        line-height: 22px;
    }

        .car_list .listcont .subtitle2 b {
            font-size: 15px;
        }


.car_list .listcont2 .col1 .tags {
    margin: 10px 0 0px 0;
}

    .car_list .listcont2 .col1 .tags li {
        float: left;
        margin: 0 45px 20px 0;
        color: #333;
        font-size: 15px;
    }

        .car_list .listcont2 .col1 .tags li.disable {
            color: #888;
        }

        .car_list .listcont2 .col1 .tags li .light {
            color: #999;
        }

        .car_list .listcont2 .col1 .tags li sup {
            font-size: 10px;
        }

    .car_list .listcont2 .col1 .tags a {
        color: #333;
    }

    .car_list .listcont2 .col1 .tags i {
        color: rgba(43, 69, 82, 0.4);
        font-size: 16px;
        margin: 0 5px 0 0;
    }

    .car_list .listcont2 .col1 .tags .big {
        font-size: 18px;
    }


.car_list .listcont2 {
    width: calc(100% - 235px);
    float: left;
    color: #666;
    font-size: 14px;
    padding: 15px 15px 0;
}

    .car_list .listcont2 .col1 {
        width: calc(100% - 165px);
        float: left;
    }

        .car_list .listcont2 .col1 .featrrow {
            width: 100%;
            float: left;
            margin: 0 0 10px 0
        }

            .car_list .listcont2 .col1 .featrrow .featecol1 {
                width: 20%;
                float: left;
                color: #888;
            }

            .car_list .listcont2 .col1 .featrrow .featecol2 {
                width: 80%;
                float: left;
                color: #333;
            }


    .car_list .listcont2 .option {
        float: left;
        width: 100%;
        font-size: 13px;
        color: rgba(43, 69, 82, 0.60);
        margin: 4px 0;
    }

        .car_list .listcont2 .option i {
            text-transform: uppercase;
            margin: 0 6px;
            color: #cecfcf;
        }

        .car_list .listcont2 .option .nobg {
            background-color: inherit;
            padding: 0;
            color: #08a182;
            margin-right: 3px;
        }

        .car_list .listcont2 .option a {
            margin-left: 5px;
            display: inline-block;
            margin-top: 5px;
        }




    /*.car_list .listcont2 .option { float:left; width:100%;}
.car_list .listcont2 .option ul { padding:0; margin:10px 0 0 0;  }
.car_list .listcont2 .option ul li { list-style:none; float:left; margin:0 8px 15px 0px; font-size:12px; background-color:#eeeeee; padding:0px 8px; color:#555; line-height: 22px; border-radius:2px;  }
.car_list .listcont2 .option ul li.nobg{ background-color:inherit; padding:0; color:#08a182;}
.car_list .listcont2 .option ul li a { color: rgba(43, 69, 82, 0.60) }*/

    .car_list .listcont2 .col2 {
        width: 165px;
        float: right;
        text-align: right;
    }

        .car_list .listcont2 .col2 .price {
            font-size: 22px;
            color: #08a182;
            margin: 3px 0 15px 0;
        }

            .car_list .listcont2 .col2 .price.noprice {
                font-size: 14px;
            }

            .car_list .listcont2 .col2 .price .small {
                font-size: 12px;
                color: #888;
            }

        .car_list .listcont2 .col2 .actbtn_row {
        }

            .car_list .listcont2 .col2 .actbtn_row .actbtn {
                background-color: #f89406;
                color: #fff;
                padding: 7px 15px;
                border-radius: 4px;
                text-transform: uppercase;
                font-size: 13px;
            }

        .car_list .listcont2 .col2 .actbtn_row2 {
            margin: 0;
        }

.car_list .savelist {
    width: 100%;
    float: left;
    color: #666;
    font-size: 14px;
    padding: 0 15px 15px;
    border-bottom: 1px solid #f3f3f3;
}

    .car_list .savelist .title {
        color: #212121;
        font-size: 16px;
        font-weight: 600;
        margin: 15px 0 0px 0;
        line-height: 26px;
        font-family: "Open Sans",sans-serif;
    }

        .car_list .savelist .title a {
            color: #212121;
        }

        .car_list .savelist .title.red, .car_list .savelist .title.red a {
            color: #9f1621;
        }

    .car_list .savelist .subtitle { /*color: rgba(43, 69, 82, 0.60);*/
    }

        .car_list .savelist .subtitle li {
            float: left;
            color: #888;
            font-size: 14px;
            line-height: 22px;
            margin: 5px 10px 0 0;
        }

            .car_list .savelist .subtitle li a {
                color: #333;
            }

            .car_list .savelist .subtitle li:after {
                content: "|";
                padding-left: 8px;
                color: rgba(43, 69, 82, 0.35);
            }

            .car_list .savelist .subtitle li:last-child:after {
                content: "";
            }


            .car_list .savelist .subtitle li i, .car_list .savelist .subtitle li a i {
                margin: 0 3px 0 0;
                color: rgba(43, 69, 82, 0.35);
            }




    .car_list .savelist .subtitle2 {
        color: #212121;
        font-size: 14px;
        margin: 3px 0 10px 0;
        line-height: 22px;
    }

        .car_list .savelist .subtitle2 b {
            font-size: 15px;
        }

.car_list .savelistbot {
    width: 100%;
    float: left;
    font-size: 14px;
    padding: 15px 15px 5px 15px;
}

    .car_list .savelistbot .price {
        color: #08a182;
        font-size: 18px;
        float: left;
        width: 25%;
    }

        .car_list .savelistbot .price .small {
            color: #888;
            font-size: 15px;
        }

    .car_list .savelistbot .btncol {
        text-align: right;
        float: right;
        width: 70%;
    }

        .car_list .savelistbot .btncol a {
            margin-left: 20px
        }



.ucar_prem {
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
    background-color: #0081b0;
    padding: 1px 5px 3px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
}

    .ucar_prem.ad {
        background-color: inherit;
        color: #666;
    }

    .ucar_prem .member {
        display: none;
        font-size: 12px;
    }

    .ucar_prem:hover .member {
        display: block;
        position: absolute;
        background-color: #fff;
        color: #697071;
        border: 1px solid #d4d4d4;
        box-shadow: 0 2px 10px 0 rgba(105, 112, 113, 0.5);
        padding: 5px 0px 5px 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 127px;
        top: 25px;
        right: 1px;
        z-index: 1;
    }

        .ucar_prem:hover .member:after {
            position: absolute;
            top: -5px;
            right: 5%;
            display: inline-block;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #ffffff;
            border-left: 5px solid transparent;
            content: '';
        }

.showhim {
    position: absolute;
    right: 5px;
    top: 6px;
    background-color: #0081b0;
    padding: 1px 5px 3px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
}

.showme {
    display: none;
}

.showhim:hover .showme {
    display: block;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

.showhim:hover .ok {
    display: none;
}


.we-save-badge {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    background-color: #138aff;
    color: #ffffff;
    border-radius: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    overflow: hidden;
    line-height: 1em;
    white-space: nowrap;
    z-index: 1;
    cursor: pointer;
    max-width: 25px;
    position: absolute;
    top: 5px;
    right: 5px
}

    .we-save-badge.active .label {
        margin-left: -68px;
    }

    .we-save-badge .icon {
        -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        border-radius: 50%;
        width: 26px;
        height: 20px;
        display: inline-block;
        background-color: #138aff;
        text-align: center;
        line-height: 20px;
        position: relative;
        z-index: 1
    }

    .we-save-badge .label {
        display: inline-block;
        margin-right: 12px;
        font-weight: 600;
        -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        margin-left: -58px;
        opacity: 0;
        background: none;
    }

    .we-save-badge .icon i {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
    }

        .we-save-badge .icon i:before {
            content: "\f132";
        }

    .we-save-badge .icon.active i:before {
        content: "\f132";
    }

    .we-save-badge:hover .icon i:before {
        content: "\f132";
    }

    .we-save-badge:hover {
        max-width: 1000px
    }

        .we-save-badge:hover .label {
            margin-left: 0px;
            opacity: 1
        }

.we-save-badge2 {
    background-color: #f89406;
}

    .we-save-badge2 .icon {
        background-color: #f89406;
    }

.we-save-badge3 {
    background-color: #999;
}

    .we-save-badge3 .icon {
        background-color: #999;
    }


.fa-shield:before {
    content: "\f132"
}

.car_list .description {
    width: 100%;
    float: left;
    color: #777;
    font-size: 12px;
    line-height: 18px;
    background-color: #fdfdfd;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 15px;
}

    .car_list .description .title {
        font-weight: 500;
        margin: 0 0 3px;
        font-size: 14px;
        color: #333;
    }

.car_list .description2 {
    background-color: inherit;
    padding: 5px 0 15px 0;
    border-bottom: none;
}


.cityajaxmin {
    position: relative;
}

    .cityajaxmin .cityajaxinwrap {
        position: absolute;
        top: -1px;
        left: 2px;
        width: 100%;
        height: 300px;
        overflow-y: scroll;
        z-index: 5;
        border: solid 1px #ccc;
        border-top: 0;
        background-color: #fff;
    }

.cityajaxinwrap .gropingwrap {
    text-align: left;
}

    .cityajaxinwrap .gropingwrap .grouplt {
        background-color: #fcf8e3;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        line-height: 11px;
        padding: 8px 10px;
        text-transform: uppercase;
    }

    .cityajaxinwrap .gropingwrap .grouprt {
        font-size: 12px;
        line-height: 16px;
    }

        .cityajaxinwrap .gropingwrap .grouprt ul li {
            display: block;
            border-bottom: dotted 1px #eee;
            cursor: pointer;
            color: #666;
            width: 100%;
            margin: 0;
            -webkit-transition: all .24s ease-in;
            -moz-transition: all .24s ease-in;
            -ms-transition: all .24s ease-in;
            -o-transition: all .24s ease-in;
            transition: all .24s ease-in;
            padding: 8px 10px;
            text-align: left;
        }

            .cityajaxinwrap .gropingwrap .grouprt ul li i {
                font-style: normal;
            }

            .cityajaxinwrap .gropingwrap .grouprt ul li b {
                color: #333;
            }

            .cityajaxinwrap .gropingwrap .grouprt ul li:hover, .cityajaxinwrap .gropingwrap .grouprt ul li.active:hover {
                background-color: #f7f7f7;
                color: #333;
            }

            .cityajaxinwrap .gropingwrap .grouprt ul li.active {
                background-color: #eee;
            }


/*----------- pagination -----------*/

.pagination {
    margin-top: 20px;
}

.pagination-out {
    padding: 15px 0px 15px 20%;
    background-color: #fff;
    border-right: solid 1px #cdcdcd;
    border-bottom: solid 1px #cdcdcd;
    margin: 0px 0 30px 0;
}

    .pagination-out .lft-txt {
        font-size: 11px;
        color: #666;
        float: left;
        padding: 4px 10px 0px 0px;
    }

        .pagination-out .lft-txt b {
            color: #333;
        }

    .pagination-out ul {
        margin: 0px;
        padding: 0px;
    }

        .pagination-out ul li {
            margin: 2px;
            padding: 0px;
            list-style: none;
            float: left;
        }

            .pagination-out ul li a {
                background-color: #f7f7f7;
                color: #717171;
                border: solid 1px #d4d4d4;
                font-weight: bold;
                padding: 5px 10px;
            }

                .pagination-out ul li a:hover {
                    background-color: #fff;
                    color: #333;
                }

                .pagination-out ul li a.active {
                    background-color: #777;
                    color: #fff;
                    border-color: #555;
                }

                    .pagination-out ul li a.active:hover {
                        text-decoration: none;
                    }

/*----------- pagination -----------*/

/*------------- home page ------------*/
.ucarhmain {
    background-color: #fff;
}

.ucar_homebg {
    height: 394px;
    position: relative;
    background: #cdebea url(/common/images/other/usedcarbanner-bgbot.png) left bottom repeat-x;
    border-bottom: 1px solid #999999;
}

    .ucar_homebg:before {
        background: url(/common/images/other/usedcarbanner-leftbg.svg) left top no-repeat;
        content: "";
        position: absolute;
        left: 0;
        top: 15%;
        width: 50%;
        height: 100%;
        z-index: 0;
    }

    .ucar_homebg:after {
        background: url(/common/images/other/usedcarbanner-rightbg.svg) right top no-repeat;
        content: "";
        position: absolute;
        right: 0;
        top: 15%;
        width: 50%;
        height: 100%;
        z-index: 0;
    }

    .ucar_homebg .carhsearch {
        width: 60%;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        padding-top: 65px;
    }

        .ucar_homebg .carhsearch .ucsearchbg {
            background-color: rgba(1, 46, 75, 0.1);
            padding: 10px;
        }

        .ucar_homebg .carhsearch .hsearchtitle {
            font-size: 30px;
            text-align: center;
            padding: 10px 0 20px;
        }

        .ucar_homebg .carhsearch .ucsearchbg .ucsearchli {
            width: 22.6%;
            float: left;
            margin: 0 1px 0 0;
        }

        .ucar_homebg .carhsearch .ucsearchbg .hbtnsearch {
            width: 100px;
            margin: 0 0 0 -1px;
            float: left;
        }

        .ucar_homebg .carhsearch .ucsearchbg .ucsearchli.city {
            width: 45%;
        }

        .ucar_homebg .carhsearch .bsiform-fullblk input {
            border-radius: 0;
        }

        .ucar_homebg .carhsearch .ucdb_search {
            padding: 16px 0 17px;
            border-radius: 0;
            background-color: #ce3239;
            border-color: #ce3239;
            width: 100%;
            text-align: center;
        }

        .ucar_homebg .carhsearch .tab {
            text-align: center;
            margin: 0 auto;
        }

            .ucar_homebg .carhsearch .tab li {
                display: inline-block;
                text-align: center;
                margin-right: -2px;
            }

                .ucar_homebg .carhsearch .tab li a {
                    border: 1px solid rgba(1, 46, 75, 0.1);
                    padding: 8px 20px;
                    line-height: 35px;
                    color: #333;
                    font-weight: 500;
                }

                    .ucar_homebg .carhsearch .tab li a.active {
                        background-color: rgba(1, 46, 75, 0.1);
                        border: 1px solid rgba(1, 46, 75, 0.01)
                    }

.hcaractbtn {
    text-align: center;
    margin: 50px 0 0 0;
    color: #666;
}

    .hcaractbtn .sell {
        width: 33%;
        float: left;
    }

    .hcaractbtn .rent {
        width: 33%;
        float: left;
    }

    .hcaractbtn .buy {
        width: 33%;
        float: left;
    }



.carhsearch_list {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

    .carhsearch_list .ucsearchbg {
        background-color: rgba(255, 255, 255, 0.1);
        padding: 10px;
    }

    .carhsearch_list .hsearchtitle {
        font-size: 18px;
        text-align: center;
        padding: 0 0 15px;
        color: #fff;
    }

    .carhsearch_list .ucsearchbg .ucsearchli {
        width: 23.1%;
        float: left;
        margin: 0 1px 0 0;
    }

    .carhsearch_list .ucsearchbg .hbtnsearch {
        width: 100px;
        margin: 0;
        float: left;
    }

    .carhsearch_list .ucsearchbg .ucsearchli.city {
        width: 46%;
    }

    .carhsearch_list .bsiform-fullblk input {
        border-radius: 0;
    }

    .carhsearch_list .ucdb_search {
        padding: 16px 0px 17px;
        border-radius: 0;
        background-color: #ce3239;
        border-color: #ce3239;
        width: 100%;
        text-align: center;
    }

        .carhsearch_list .ucdb_search i, .ucar_homebg .carhsearch .ucdb_search i {
            font-size: 1em;
        }

.fa-spinner:before {
    content: "\f110"
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}




.ambulancecar {
    position: absolute;
    bottom: -2px;
    width: 100%;
    overflow: hidden
}

.ambulance {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-animation: s3-rotate 20s infinite linear;
    animation: s3-rotate 20s infinite linear;
    display: block;
    position: relative;
    z-index: 0;
}


@-webkit-keyframes s3-rotate {
    from {
        left: -400px;
    }

    to {
        left: 100%;
    }
}



.ucar_bdstyle {
    margin: 20px 0;
}

    .ucar_bdstyle .bdstyle_box {
        cursor: pointer;
        margin: 15px 0;
        display: inline-block;
        text-align: center;
        border-radius: 2px;
        width: 98%;
        padding: 15px 0px;
        color: #74787c;
        border: solid 1px #d9d9d9;
        background: #fff;
        position: relative;
    }

    .ucar_bdstyle .cursor_no {
        cursor: no-drop !important;
    }

    .ucar_bdstyle .bdstyle_box:hover {
        background: #f8f7f7;
    }

    .ucar_bdstyle .bdstyle_box p {
        font-size: 36px;
        padding: 0;
        margin: 0;
    }

        .ucar_bdstyle .bdstyle_box p i {
            color: #009587;
        }





.ucar_recnt {
    margin: 50px 0 20px;
}

.ucarhtitle {
    color: #212121;
    font-size: 24px;
    font-weight: 500;
    margin: 15px 0 0px 0;
    line-height: 26px;
    text-align: center;
    font-family: "Open Sans",sans-serif;
}

.ucarhtitle2 {
    font-size: 20px !important;
}

.ucar_subtitle {
    text-align: center;
    margin: 30px 0 0 0;
}

    .ucar_subtitle li {
        display: inline-block;
        margin: 0px;
    }

        .ucar_subtitle li a {
            border: 1px solid #e6e6e6;
            border-radius: 2px;
            padding: 10px 20px;
            line-height: 30px;
            margin: 0px;
            background-color: #f6f6f6;
            color: #7a7a7a;
        }

            .ucar_subtitle li a.active {
                background-color: #fff;
                color: #333;
            }

.fa-angle-right:before {
    content: "\f105"
}

.ucar_hlist {
    margin: 50px 0 20px;
}

.ucar_hlist2 {
    margin: 30px 0 50px !important;
}

.ucar_hlist .ucarcol1 {
    float: left;
    margin: 0 5px 5px;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    width: 99%;
}
    /*.ucar_hlist .ucarcol1 figure{ height:150px; overflow:hidden; width:100%; border-radius:2px 2px 0 0; margin-bottom:15px; background-color: #eeeeee;  text-align:center; display: flex;}*/
    .ucar_hlist .ucarcol1 figure {
        height: 150px;
        overflow: hidden;
        width: 100%;
        border-radius: 2px 2px 0 0;
        margin-bottom: 15px;
        background-color: #eeeeee;
        text-align: center;
        line-height: 150px;
        position: relative;
    }

        .ucar_hlist .ucarcol1 figure img {
            width: 100%;
        }

        .ucar_hlist .ucarcol1 figure > a {
            display: block;
        }

        .ucar_hlist .ucarcol1 figure i {
            font-size: 90px;
            text-align: center;
            width: 100%;
            vertical-align: middle;
            align-self: center;
        }

        .ucar_hlist .ucarcol1 figure .photobg {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 2px;
            color: #ffffff;
            height: 18px;
            left: 10px;
            line-height: 17px;
            padding: 0 5px;
            position: absolute;
            bottom: 5px;
            width: 46px;
        }

            .ucar_hlist .ucarcol1 figure .photobg i {
                font-size: 14px;
            }

        .ucar_hlist .ucarcol1 figure .savebg {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 2px;
            color: #ffffff;
            height: 18px;
            right: 10px;
            line-height: 17px;
            padding: 0 5px;
            position: absolute;
            bottom: 5px;
            width: 30px;
        }

            .ucar_hlist .ucarcol1 figure .savebg i {
                font-size: 14px;
            }

            .ucar_hlist .ucarcol1 figure .savebg a {
                color: #ffffff;
            }






    .ucar_hlist .ucarcol1 .hlisttile {
        font-size: 16px;
        color: #212121;
        padding: 0 15px 10px 15px;
        font-weight: 500;
    }

        .ucar_hlist .ucarcol1 .hlisttile a {
            color: #212121;
        }

    .ucar_hlist .ucarcol1 .location {
        color: #666;
        font-size: 14px;
        margin: 5px 15px 15px;
    }

        .ucar_hlist .ucarcol1 .location a {
            color: #666;
        }

        .ucar_hlist .ucarcol1 .location i {
            color: rgba(43, 69, 82, 0.4);
            margin: 0 3px 0 0;
        }

        .ucar_hlist .ucarcol1 .location .small {
            color: #999;
            font-size: 12px;
        }

    .ucar_hlist .ucarcol1 .tags {
        margin: 10px 15px 20px;
    }

        .ucar_hlist .ucarcol1 .tags li {
            float: left;
            margin: 0 20px 10px 0;
            color: #666;
            font-size: 14px;
        }

        .ucar_hlist .ucarcol1 .tags a {
            color: #666;
        }

        .ucar_hlist .ucarcol1 .tags i {
            color: rgba(43, 69, 82, 0.4);
            margin: 0 3px 0 0;
        }

        .ucar_hlist .ucarcol1 .tags .big {
            font-size: 18px;
        }


    .ucar_hlist .ucarcol1 .date {
        padding: 5px 15px 10px 15px;
    }

        .ucar_hlist .ucarcol1 .date li {
            font-size: 14px;
            color: #888;
            float: left;
            margin: 0 15px 0 0;
        }

            .ucar_hlist .ucarcol1 .date li a {
                color: #888;
            }

            .ucar_hlist .ucarcol1 .date li i {
                color: #c1c1c1;
                margin-right: 3px;
            }

    .ucar_hlist .ucarcol1 .detailtext {
        padding: 5px 15px 10px 15px;
        font-size: 14px;
        color: #888;
    }

        .ucar_hlist .ucarcol1 .detailtext i {
            text-transform: capitalize;
            color: #cecfcf;
            margin: 0 10px;
        }

    .ucar_hlist .ucarcol1 .botsec {
        border-top: 1px solid #cecfcf;
        margin: 10px 0 0 0;
    }

        .ucar_hlist .ucarcol1 .botsec .price {
            font-size: 20px;
            color: #08a182;
            float: left;
            width: 40%;
            padding: 15px 0 0 20px;
        }

        .ucar_hlist .ucarcol1 .botsec .actbtn {
            float: left;
            width: 60%;
            text-align: right;
            padding: 10px 20px 0 0;
        }


.ucar_actbg {
    background-color: #373542;
    margin: 50px 0;
}

    .ucar_actbg .col1 {
        width: 20%;
        float: left;
        margin-bottom: -50px;
    }

    .ucar_actbg .col2 {
        width: 45%;
        float: left;
        margin: 35px 0 0 0;
    }

        .ucar_actbg .col2 .title {
            font-size: 24px;
            color: #fff;
            text-transform: uppercase;
        }

        .ucar_actbg .col2 .smalltext {
            font-size: 16px;
            color: #fff;
            padding: 15px 0 25px 0;
        }

    .ucar_actbg .col3 {
        width: 25%;
        float: left;
        background: url(/common/images/other/usedcar-actbg2.png) right top no-repeat;
        margin: 20px 0 0 0;
        min-height: 130px;
        border-left: 1px solid #5d5c66;
        padding: 15px 0 0 60px;
    }

        .ucar_actbg .col3 .title {
            font-size: 16px;
            color: #fff;
            padding: 15px 0 15px 0;
        }

        .ucar_actbg .col3 .phnotext {
            font-size: 18px;
            color: #f5c02f;
            padding: 0px 0 0px 0;
        }

        .ucar_actbg .col3 .ucaremail {
            font-size: 14px;
            color: #f5c02f;
            padding: 15px 0 25px 0;
        }

.featured_carbg {
    background-color: #f9f9f9;
    margin-top: -50px;
    padding: 40px 0;
}

    .featured_carbg .featured_title {
        color: #212121;
        font-size: 20px;
        font-weight: 500;
        margin: 15px 0 0px 0;
        line-height: 26px;
        text-align: center;
        font-family: "Open Sans",sans-serif;
    }

.featured_hlist {
    margin: 30px 0 15px;
}

    .featured_hlist .ucarfcol1 {
        width: 98%;
        float: left;
        margin: 0 5px;
        border: 1px solid #e1e1e1;
        background-color: #fff;
    }

        .featured_hlist .ucarfcol1 figure {
            background-color: #eeeeee;
            float: left;
            height: 96px;
            margin: 2px 15px 2px 2px;
            overflow: hidden;
            text-align: center;
            width: 120px;
            position: relative;
        }

            .featured_hlist .ucarfcol1 figure a {
                display: flex;
                height: 96px;
                overflow: hidden;
                text-align: center;
                width: 120px;
                position: relative;
            }

            .featured_hlist .ucarfcol1 figure .price {
                background-color: rgba(0, 0, 0, 0.6);
                bottom: 0;
                color: #ffffff;
                font-size: 16px;
                padding: 5px 0;
                position: absolute;
                width: 100%;
            }

            .featured_hlist .ucarfcol1 figure i {
                font-size: 50px;
                text-align: center;
                width: 100%;
                vertical-align: middle;
                align-self: center;
            }






        .featured_hlist .ucarfcol1 .title {
            color: #212121;
            font-family: "Open Sans",sans-serif;
            font-size: 16px;
            font-weight: 400;
            padding-top: 15px;
        }

            .featured_hlist .ucarfcol1 .title a {
                color: #212121;
            }

        .featured_hlist .ucarfcol1 .date {
            padding: 10px 0 5px 0;
        }

            .featured_hlist .ucarfcol1 .date li {
                font-size: 14px;
                color: #888;
                display: inline-block;
                margin: 0 15px 0 0;
            }

                .featured_hlist .ucarfcol1 .date li a {
                    color: #888;
                }

                .featured_hlist .ucarfcol1 .date li i {
                    color: #c1c1c1;
                    margin-right: 3px;
                }

        .featured_hlist .ucarfcol1 .detailtext {
            padding: 5px 0 0 0;
            font-size: 14px;
            color: #888;
        }

            .featured_hlist .ucarfcol1 .detailtext i {
                text-transform: capitalize;
                color: #cecfcf;
                margin: 0 10px;
            }

.ucarblogbg {
    background-color: #f9f9f9;
    padding: 50px 0 15px;
    margin: 30px 0 0 0;
}

.ucar_blog {
    margin: 50px 0 20px;
}

    .ucar_blog .ucarcol1 {
        width: 100%;
        float: left;
        border: 1px solid #e1e1e1;
        border-radius: 2px;
        background-color: #fff;
    }

        .ucar_blog .ucarcol1 figure {
            height: 150px;
            overflow: hidden;
            width: 100%;
            border-radius: 2px 2px 0 0;
            margin-bottom: 15px;
        }

            .ucar_blog .ucarcol1 figure img {
                width: 100%;
            }

        .ucar_blog .ucarcol1 .hlisttile {
            font-size: 16px;
            color: #212121;
            padding: 0 15px 10px 15px;
        }

            .ucar_blog .ucarcol1 .hlisttile a {
                color: #212121;
            }

        .ucar_blog .ucarcol1 .author {
            padding: 5px 15px 10px 15px;
            font-size: 13px;
            color: #999;
        }

            .ucar_blog .ucarcol1 .author i {
                margin-right: 3px;
                color: #a8a8a8;
            }

            .ucar_blog .ucarcol1 .author .user {
                margin-left: 15px;
            }

        .ucar_blog .ucarcol1 .conttext {
            line-height: 20px;
            padding: 0 15px 10px;
            font-size: 14px;
            color: #888;
        }

            .ucar_blog .ucarcol1 .conttext a {
                display: inline-block;
            }

.ucarmore {
    width: 100%;
    padding: 30px 0 15px;
    text-align: center;
    float: left;
}

.flip {
    -moz-transform: scaleX(-1); /* Gecko */
    -o-transform: scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* Webkit */
    transform: scaleX(-1); /* Standard */
    filter: FlipH;
}

.car_list .savelistbot .btncol i, .ucarmore i {
    font-size: 16px;
}

.newhead .botnav .postanad .posthbtn {
    height: 21px;
    line-height: 7px;
    color: #fff;
    padding: 7px 12px;
    background-color: #ff4242;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: color 0.45s,background 0.45s,border .45s;
    -moz-transition: color 0.45s,background 0.45s,border .45s;
    transition: color 0.45s,background 0.45s,border .45s
}

    .newhead .botnav .postanad .posthbtn:hover {
        background-color: #ff1d23
    }

.newhead .botnav .offers .offhbtn {
    height: 21px;
    line-height: 7px;
    min-width: inherit;
    padding: 7px 2px;
    border-color: #333;
    color: #333;
    border: solid 1px #333;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: color 0.45s,background 0.45s,border .45s;
    -moz-transition: color 0.45s,background 0.45s,border .45s;
    transition: color 0.45s,background 0.45s,border .45s
}

/*------------- home page end------------*/

/*----------- owl-carousel ---------*/


.owl-carousel {
    overflow: hidden;
}

    .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        opacity: 0.85;
        top: 30%;
        background: #fff;
        padding: 30px 20px;
        border-radius: 3px;
        box-shadow: 0 10px 5px #999999;
    }

    .owl-carousel.featured_hlist .owl-nav .owl-next, .owl-carousel.featured_hlist .owl-nav .owl-prev {
        top: 6% !important;
    }



    .owl-carousel .owl-nav .owl-next {
        right: -100px;
        transition: all 0.5s linear;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -100px;
        transition: all 0.5s linear;
    }

    .owl-carousel .owl-nav i {
        color: #181616;
        font-size: 30px;
    }

    .owl-carousel.owl-drag .owl-item {
        opacity: 0.4;
    }

        .owl-carousel.owl-drag .owl-item.active {
            opacity: 1;
        }

    .owl-carousel:hover .owl-nav .owl-next {
        right: 0;
    }

    .owl-carousel:hover .owl-nav .owl-prev {
        left: 0;
    }
    /*.owl-carousel .owl-stage-outer { cursor: w-resize; }*/
    .owl-carousel, .owl-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        position: relative
    }

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


/*----------- owl-carousel end---------*/



.carsponsored_list {
    background-color: #fcf8e3;
    border: 1px solid #fae099;
    margin-bottom: 20px;
    position: relative;
}

    .carsponsored_list .spnstitle {
        text-align: center;
        padding: 5px 0 15px;
        font-size: 12px;
        color: #999;
    }

    .carsponsored_list ul li {
        list-style: none;
        padding: 0 0 15px 0; /*border-bottom:1px solid #e3e2e2;*/
        margin: 10px 5%;
        float: left;
        width: 40%;
        min-height: 95px;
    }

        .carsponsored_list ul li figure {
            width: 70px;
            float: left;
            margin: 0 10px 0 0;
            height: 70px;
            overflow: hidden;
            background-color: #eeeeee;
            text-align: center;
            display: flex;
        }

            .carsponsored_list ul li figure a {
                width: 70px;
                float: left;
                background-color: #eeeeee;
                text-align: center;
                display: flex;
            }

                .carsponsored_list ul li figure a img {
                    align-self: center;
                    margin: 0 auto;
                    vertical-align: middle;
                }

                .carsponsored_list ul li figure a i {
                    font-size: 45px;
                    text-align: center;
                    width: 100%;
                    vertical-align: middle;
                    align-self: center;
                }

        .carsponsored_list ul li .big {
            color: #314252;
            font-size: 16px;
            font-weight: normal;
        }

            .carsponsored_list ul li .big a {
                color: #333;
            }

        .carsponsored_list ul li .amount {
            color: #08a182;
            font-size: 15px;
            font-weight: 500;
            margin-right: 15px;
        }

        .carsponsored_list ul li .other {
            font-size: 13px;
            color: #666;
            margin: 8px 0 10px;
        }

            .carsponsored_list ul li .other i {
                text-transform: uppercase;
                margin: 0 5px;
                color: #cecfcf;
            }

.lcflist_box {
    margin: 0 0 20px 0;
}

    .lcflist_box .title {
        font-size: 14px;
        color: #666;
        font-weight: 600;
        margin: 0px 0 15px;
    }

.lcflist { /*border-bottom:1px solid #e3e2e2;*/
    margin: 10px 5% 0;
}

.lcflist_box .lcflist {
    margin-bottom: 15px !important;
}

.lcflist_top {
    margin-bottom: -15px;
}

.lcflist figure {
    width: 70px;
    float: left;
    margin: 0 10px 0 0;
    height: 70px;
    overflow: hidden;
    background-color: #eeeeee;
    text-align: center;
    display: flex;
}

    .lcflist figure img {
        align-self: center;
        margin: 0 auto;
        vertical-align: middle;
    }

    .lcflist figure i {
        font-size: 45px;
        text-align: center;
        width: 100%;
        vertical-align: middle;
        align-self: center;
    }

.lcflist .big {
    color: #314252;
    font-size: 16px;
    font-weight: normal;
}

    .lcflist .big a {
        color: #333;
    }

.lcflist .amount {
    color: #08a182;
    font-size: 15px;
    font-weight: 500;
    margin-right: 15px;
}

.lcflist .other {
    font-size: 13px;
    color: #666;
    margin: 8px 0 10px;
}

    .lcflist .other i {
        text-transform: uppercase;
        margin: 0 5px;
        color: #cecfcf;
    }




.carsponsored_list .listarrow1 {
    position: absolute;
    right: 10px;
    top: 40%;
}

.carsponsored_list .listarrow2 {
    position: absolute;
    left: 10px;
    top: 40%;
}

    .carsponsored_list .listarrow1 i, .carsponsored_list .listarrow2 i {
        font-size: 30px;
        color: #666;
    }


.premium_info {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1px 3px 2px 6px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #08a182;
}

    .premium_info i {
        margin-left: 3px;
    }

.premium_des {
    display: block;
    width: 200px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    padding: 10px;
    color: #888;
    right: 0;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    z-index: 1;
    top: 25px;
}

    .premium_des .title {
        font-size: 16px;
        color: #666;
    }

    .premium_des:after, .premium_des:before {
        bottom: 100%;
        right: 30%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .premium_des:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .premium_des:before {
        border-color: rgba(229, 229, 229, 0);
        border-bottom-color: #e5e5e5;
        border-width: 9px;
        margin-left: -9px;
    }

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cursor_no {
    cursor: no-drop;
    background: #f8f7f7 !important;
}

.mobile_searchtitle {
    display: none;
}

.uc_topcity ul li {
    margin-bottom: 5px;
    position: relative;
    line-height: 24px;
    color: #666;
}

    .uc_topcity ul li a {
        color: #666;
    }

/*------- car animation start ----------*/


.cr-prm-full {
}

.cr-prm-lhs {
    width: calc(100% - 500px);
    height: 350px;
    float: left;
    background: #373542;
    position: relative;
    z-index: 7;
    padding-left: 9%;
}

    .cr-prm-lhs:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 350px;
        width: 205px;
        background: #373542;
        transform: skewX(-30deg);
        right: -101px;
        z-index: 6;
        border-right: inset 10px #fff;
    }

.cr-prm-lhs-in {
    padding: 50px;
}

.cr-prm-rhs {
    width: 500px;
    background: url(/common/images/other/tt-promo-02-moving-bg.jpg);
    height: 350px;
    float: right;
    position: relative;
    overflow: hidden;
}

    .cr-prm-rhs:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100px;
        height: 100px;
        animation: 5s linear 0s normal none infinite running awan-animasi;
        background: url(/common/images/other/barrier.png);
        z-index: 5;
    }

.intro-bg-hm {
    animation: 10s linear 0s normal none infinite running awan-animasii;
    background-repeat: repeat-x;
}

@keyframes awan-animasi {
    0% {
        left: -90px;
    }

    100% {
        left: 100%;
    }
}

@keyframes awan-animasii {
    0% {
        background-position: 0 bottom;
    }

    100% {
        background-position: 983px bottom;
    }
}

.cr-car {
    position: relative;
    width: 300px;
    height: 140px;
    bottom: -199px;
    left: 30%;
}

    .cr-car img {
        max-width: inherit;
        vertical-align: middle;
    }

    .cr-car .wheel {
        position: absolute;
        animation-name: spin;
        animation-duration: 700ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        z-index: 2;
    }

    .cr-car .wheelone {
        bottom: 44px;
        left: 59px;
    }

    .cr-car .wheeltwo {
        bottom: 48px;
        left: 225px;
    }

@keyframes spin {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.cr-car .light {
    position: absolute;
    top: 25px;
    left: -150px;
    animation: 5s ease-out infinite running blink;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    21% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.cr-prm-tex1 {
    color: #FFF;
    font-size: 24px;
    font-family: open sans;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.cr-prm-tex2 {
    color: #FFF;
    font-size: 18px;
    font-family: open sans;
    display: block;
    font-weight: 300;
    margin: 4px 0 25px;
}

.cr-pr-cus {
    margin-top: 50px;
}

    .cr-pr-cus span {
        color: #fff;
        font-size: 16px;
        font-family: open sans;
        display: block;
        font-weight: 600;
    }

    .cr-pr-cus ul {
        padding: 0;
        margin: 10px 0;
    }

        .cr-pr-cus ul li {
            display: inline-block;
            margin-right: 10px;
            font-size: 18px;
            color: #f5c02f;
            font-family: open sans;
            font-weight: 400;
            list-style: none;
            text-align: left;
        }

.cr-prm-lhs-in .btn {
    text-decoration: none;
    padding: 8px 15px;
    background: #ff4242;
    color: #fff;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400;
    border: solid 1px #ff4242;
    border-radius: 2px;
}

    .cr-prm-lhs-in .btn:hover {
        color: #fff;
        background: #ff1d23;
    }

@media (min-width:1441px) {
    .cr-prm-lhs {
        width: calc(100% - 700px);
    }

    .cr-prm-rhs {
        width: 700px;
    }
}

/*------- car animation end ----------*/

/* calendar start here */
.calendar_to {
    text-align: center;
    padding-top: 24px;
    font-size: 16px;
    color: #666;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control { /*position:relative;*/
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    cursor: pointer;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
        margin-top: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #ef555d;
        outline: 0
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #777
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.bootstrap-datetimepicker-widget {
    display: block !important;
    list-style: none;
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 0;
        padding: 0;
        width: 19em;
    }

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none;
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn {
    border: 0 !important;
}

    .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Hours";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Minutes";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Hours";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Minutes";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle AM/PM";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Clear the picker";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Set the date to today";
    }

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens";
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit;
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 1.9;
            height: 2em;
            width: 100%;
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px;
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table th.prev1::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Previous Month";
        }

        .bootstrap-datetimepicker-widget table th.next1::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Next Month";
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #d74c54;
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px;
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px;
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eeeeee;
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #ef555d;
                border-top-color: rgba(0, 0, 0, 0.2);
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #ef555d;
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff;
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 0;
            cursor: pointer;
        }

.table-condensed .glyphicon-time, .table-condensed .glyphicon-calendar {
    background: #eeeeee;
    color: #ef555d;
    font-size: 18px;
}

    .table-condensed .glyphicon-time:hover, .table-condensed .glyphicon-calendar:hover {
        background: #ef555d;
        color: #fff;
    }

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #ef555d;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.collapse.in {
    display: block;
    visibility: visible;
}

.collapse {
    display: none;
    visibility: hidden;
}

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

.bootstrap-datetimepicker-widget li {
    float: none !important;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-condensed > thead > tr:first-child {
    background-color: #ef555d;
    color: #fff;
}

.list-unstyled li {
    padding: 0 !important;
}

.btn-primary, .btn-primary:hover {
    background-color: #27b59b;
    color: #fff;
    text-shadow: 0 -1px 1px #148d70;
}

    .btn-primary:hover {
        background-color: #116b55;
    }

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/common/font/glyphicons-halflings-regular.eot');
    src: url('/common/font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/common/font/glyphicons-halflings-regular.woff') format('woff'), url('/common/font/glyphicons-halflings-regular.ttf') format('truetype'), url('/common/font/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 0;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    *display: none;
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}
/* calendar end here */

.fltdate .datefrom {
    padding: 10px 0 0 0;
}

.fltdate input {
    width: 100% !important;
}

.fltdate label {
    position: absolute;
    top: 6px;
    left: 20px;
    color: #818d91;
    font-size: 14px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
}

.carsponsored_list ul li .amount.noprice {
    font-size: 12px;
}
/*---- sub menu more start -------*/
.jobmore {
    position: relative;
}

    .jobmore .jobmorelist {
        background-color: #fff;
        display: none;
        height: auto;
        position: absolute;
        left: 0;
        top: 43px;
        width: 150px;
        z-index: 20;
    }

    .jobmore:hover .jobmorelist {
        display: block;
    }

    .jobmore .jobmorelist ul {
        height: auto;
    }

    .jobmore .jobmorelist li {
        display: block;
        margin: 0 0 1px 0;
    }

        .jobmore .jobmorelist li a {
            padding: 10px 10px;
        }

            .jobmore .jobmorelist li a:hover {
                background-color: #f5f5f5;
            }

    .jobmore .jobmorelist {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        -webkit-box-shadow: -1px 10px 17px -3px rgba(0,0,0,0.59);
        -moz-box-shadow: -1px 10px 17px -3px rgba(0,0,0,0.59);
        box-shadow: -1px 10px 17px -3px rgba(0,0,0,0.59);
        border-top: 2px solid #e0e0e0;
    }

        .jobmore .jobmorelist:after, .jobmore .jobmorelist:before {
            bottom: 100%;
            left: 50px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .jobmore .jobmorelist:after {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 6px;
            margin-left: -6px;
        }

        .jobmore .jobmorelist:before {
            border-color: rgba(224, 224, 224, 0);
            border-bottom-color: #e0e0e0;
            border-width: 7px;
            margin-left: -7px;
        }
/*---- sub menu more end -------*/
/*--------- usedcar listing end rajesh-----------*/

/*muru Start*/
.bggray {
    background: #f6f7fb
}

.bgwhite {
    background: #fff
}

.car-safety-tipswrp header.headersticky {
    background: rgba(28,28,45,.85);
}

.car-safety-tipswrp {
    background: #b9d1d7;
}

    .car-safety-tipswrp header {
        zoom: 1;
        background: rgba(0,0,0,.20);
        top: 0;
        display: block;
        box-sizing: border-box;
        position: fixed;
        width: 100%;
        transition: transform .2s ease;
        z-index: 100;
        height: 50px;
    }

        .car-safety-tipswrp header .logo-sulekha-hd {
            float: left;
            height: 50px;
            margin: 0 10px 0 10px;
            width: 7.875%;
        }

            .car-safety-tipswrp header .logo-sulekha-hd a {
                background: url("https://d3aew4oo17ml6.cloudfront.net/common/images/default/sulekha-logo-ushome.svg") no-repeat 0 center;
                display: block;
                height: 50px;
                overflow: hidden;
                text-indent: -9999px;
                background-position: center center;
                background-size: contain;
            }

.flexwrp {
    display: flex;
    vertical-align: middle;
    align-self: center;
    padding: 15px 0;
    min-height: 400px;
}

.car-safety-tipswrp .title {
    font-size: 36px;
    color: #4b0406;
    font-weight: 400;
    margin-top: 60px;
    line-height: 48px
}

.safe-figbx {
    display: flex;
    vertical-align: middle;
    align-self: center;
}

.safe-fig {
    width: 477px;
    height: 477px;
    display: flex;
}

    .safe-fig img {
        vertical-align: middle;
        align-self: center;
        text-align: center;
    }

.safe-cont {
    vertical-align: middle;
    align-self: center;
    margin: 0 15px;
}

    .safe-cont .sf-hd {
        display: block;
        font-size: 36px;
        font-weight: 700;
        color: #494e51;
        margin-bottom: 20px;
    }

.safe-points ul li {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    line-height: 20px;
    margin: 10px 0;
    background: url(/common/images/other/usedcar-listicon.png?v=1) 0 3px no-repeat;
    padding-left: 30px;
}

.contactdetails {
    float: right
}

    .contactdetails a {
        color: #fff;
        margin-left: 10px;
        display: inline-block;
        padding: 15px 0
    }

.animation {
    margin-left: 75px;
    margin-top: -35px;
}
/**/
/*muru end*/
.round-header-circle {
    position: absolute;
    left: 0;
    top: 20px
}

    .round-header-circle .round-1 .r-1, .round-header-circle .round-2 .r-1, .round-header-circle .round-3 .r-1 {
        top: -5px;
        margin-left: -5px;
    }

    .round-header-circle .round-animate {
        width: 460px;
        height: 460px;
        position: relative;
        display: inline-block;
    }

        .round-header-circle .round-animate .round-1 span, .round-header-circle .round-animate .round-2 span, .round-header-circle .round-animate .round-3 span {
            width: 10px;
            height: 10px;
            border-radius: 50%; /*border: 1px solid #fff;*/
            position: absolute;
            left: 50%;
        }

        .round-header-circle .round-animate .round-1 span, .round-header-circle .round-animate .round-2 span, .round-header-circle .round-animate .round-3 span {
            background-color: #dadada;
        }

        .round-header-circle .round-animate .round-1, .round-header-circle .round-animate .round-2, .round-header-circle .round-animate .round-3 {
            border: 1px solid #dadada;
            border-radius: 50%;
            position: absolute;
        }

        .round-header-circle .round-animate .round-1 {
            width: 400px;
            height: 400px;
            transform: rotate(23deg);
            animation: round-1 100s linear infinite;
        }

            .round-header-circle .round-animate .round-1 span.r-2 {
                width: 30px;
                height: 30px;
                background-color: #dadada;
            }

            .round-header-circle .round-animate .round-1 span.r-3 {
                width: 20px;
                height: 20px;
                background-color: #dadada;
            }

        .round-header-circle .round-animate .round-2 {
            width: 350px;
            top: 25px;
            height: 350px;
            left: 25px;
            transform: rotate(-41deg);
            animation: round-2 80s linear infinite;
        }

            .round-header-circle .round-animate .round-2 span.r-2 {
                width: 30px;
                height: 30px;
                background-color: #dadada;
            }

            .round-header-circle .round-animate .round-2 span.r-3 {
                width: 30px;
                height: 30px;
                background-color: #dadada;
            }

        .round-header-circle .round-animate .round-3 {
            width: 300px;
            top: 50px;
            height: 300px;
            left: 50px;
            transform: rotate(0deg);
            animation: round-3 60s linear infinite;
        }

            .round-header-circle .round-animate .round-3 span.r-2 {
                width: 20px;
                height: 20px;
                background-color: #dadada;
            }

            .round-header-circle .round-animate .round-3 span.r-3 {
                width: 25px;
                height: 25px;
                background-color: #dadada;
            }

    .round-header-circle .round-1 .r-2 {
        margin-left: 185px;
        top: 175px;
    }

    .round-header-circle .round-1 .r-3 {
        margin-left: -195px;
        top: 114px;
    }

    .round-header-circle .round-1 .r-4 {
        margin-left: 0;
        top: 394px;
    }

    .round-header-circle .round-2 .r-2 {
        margin-left: 90px;
        top: 299px;
    }

    .round-header-circle .round-2 .r-3 {
        margin-left: -188px;
        top: 185px;
    }

    .round-header-circle .round-2 .r-4 {
        margin-left: 151px;
        top: 90px;
    }

    .round-header-circle .round-3 .r-2 {
        margin-left: -150px;
        top: 90px;
    }

    .round-header-circle .round-3 .r-3 {
        margin-left: -100px;
        top: 255px;
    }

    .round-header-circle .round-3 .r-4 {
        margin-left: 144px;
        top: 133px;
    }

.round-built-by {
    position: absolute;
    left: -40%;
    top: 15%;
    opacity: 0.2;
    z-index: 0;
}

    .round-built-by .round-animate {
        width: 700px;
        height: 700px;
        position: relative;
        display: inline-block;
    }

        .round-built-by .round-animate .round-1 span, .round-built-by .round-animate .round-2 span, .round-built-by .round-animate .round-3 span {
            border-radius: 50%;
            position: absolute;
            left: 50%;
        }

        .round-built-by .round-animate .round-1, .round-built-by .round-animate .round-2, .round-built-by .round-animate .round-3 {
            border: 1px solid #e2e2e2;
        }

        .round-built-by .round-animate .round-1, .round-built-by .round-animate .round-2, .round-built-by .round-animate .round-3 {
            border: 1px solid #797474;
            border-radius: 50%;
            position: absolute;
        }

        .round-built-by .round-animate .round-1 {
            width: 700px;
            height: 700px;
            transform: rotate(23deg);
            animation: round-1 60s linear infinite;
        }

        .round-built-by .round-animate .round-2 {
            width: 600px;
            top: 50px;
            height: 600px;
            left: 50px;
            transform: rotate(-41deg);
            animation: round-2 80s linear infinite;
        }

        .round-built-by .round-animate .round-3 {
            width: 500px;
            top: 100px;
            height: 500px;
            left: 100px;
            transform: rotate(0deg);
            animation: round-3 60s linear infinite;
        }

    .round-built-by .round-1 .r-1 {
        border: 2px solid #8c1bff;
        width: 25px;
        height: 25px;
        top: -12px;
        background-color: #eef6fe;
    }

    .round-built-by .round-1 .r-2 {
        margin-left: 339px;
        top: 330px;
        width: 20px;
        height: 20px;
        border: 3px solid #8c1bff;
        background-color: #eef6fe;
    }

    .round-built-by .round-2 .r-1 {
        border: 2px solid #00ffc9;
        width: 15px;
        height: 15px;
        top: -8px;
        background-color: #eef6fe;
    }

    .round-built-by .round-2 .r-2 {
        margin-left: -300px;
        top: 239px;
        width: 20px;
        height: 20px;
        border: 3px solid #00ffc9;
        top: 216px;
        background-color: #eef6fe;
    }

    .round-built-by .round-3 .r-1 {
        border: 2px solid #b1af00;
        width: 15px;
        height: 15px;
        top: -8px;
        background-color: #eef6fe;
    }

    .round-built-by .round-3 .r-2 {
        margin-left: -254px;
        top: 290px;
        width: 20px;
        height: 20px;
        border: 3px solid #b1af00;
        background-color: #eef6fe;
    }

.schedule-round {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 1;
    z-index: -9;
    transform: translate(-50%, -50%);
}

    .schedule-round .round-animate {
        width: 1300px;
        height: 1300px;
        position: relative;
        display: inline-block;
        transform: scale(0.8);
    }

        .schedule-round .round-animate .round-1 span, .schedule-round .round-animate .round-2 span, .schedule-round .round-animate .round-3 span {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 1px solid #222;
            position: absolute;
            left: 50%;
        }

        .schedule-round .round-animate .round-1 span {
            border: 2px solid #8c1bff;
        }

        .schedule-round .round-animate .round-2 span {
            border: 2px solid #00ffc9;
        }

        .schedule-round .round-animate .round-3 span {
            border: 2px solid #b1af00;
        }

        .schedule-round .round-animate .round-1, .schedule-round .round-animate .round-2, .schedule-round .round-animate .round-3 {
            border: 1px solid #e2e2e2;
        }

        .schedule-round .round-animate .round-1, .schedule-round .round-animate .round-2, .schedule-round .round-animate .round-3 {
            border: 1px solid #e6e6e6;
            border-radius: 50%;
            position: absolute;
        }

        .schedule-round .round-animate .round-1 {
            width: 1350px;
            height: 1350px;
            transform: rotate(23deg);
            animation: round-1 100s linear infinite;
        }

        .schedule-round .round-animate .round-2 {
            width: 1020px;
            top: 180px;
            height: 1020px;
            left: 190px;
            transform: rotate(-41deg);
            animation: round-2 80s linear infinite;
        }

        .schedule-round .round-animate .round-3 {
            width: 680px;
            top: 360px;
            height: 680px;
            left: 360px;
            transform: rotate(0deg);
            animation: round-3 60s linear infinite;
        }

    .schedule-round .round-1 .r-2 {
        margin-left: 343px;
        top: 1247px;
    }

    .schedule-round .round-1 .r-3 {
        margin-left: -186px;
        top: 17px;
    }

    .schedule-round .round-1 .r-4 {
        margin-left: -338px;
        top: 1255px;
    }

    .schedule-round .round-2 .r-2 {
        margin-left: -300px;
        top: 91px;
    }

    .schedule-round .round-2 .r-3 {
        margin-left: -198px;
        top: 955px;
    }

    .schedule-round .round-2 .r-4 {
        margin-left: 192px;
        top: 953px;
    }

    .schedule-round .round-3 .r-2 {
        margin-left: -254px;
        top: 82px;
    }

    .schedule-round .round-3 .r-3 {
        margin-left: 2px;
        top: 493px;
    }

    .schedule-round .round-3 .r-4 {
        margin-left: 234px;
        top: 73px;
    }

@-webkit-keyframes round-1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes round-1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes round-2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes round-2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes round-3 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes round-3 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes floating1 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);
        -moz-transform: rotateX(0deg) translateY(-20px);
        -ms-transform: rotateX(0deg) translateY(-20px);
        -o-transform: rotateX(0deg) translateY(-20px);
        transform: rotateX(0deg) translateY(-20px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@-webkit-keyframes floating1 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);
        -moz-transform: rotateX(0deg) translateY(-20px);
        -ms-transform: rotateX(0deg) translateY(-20px);
        -o-transform: rotateX(0deg) translateY(-20px);
        transform: rotateX(0deg) translateY(-20px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@-webkit-keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@keyframes floating {
    from {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg);
    }
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg);
    }
}
/*------------ animations ----------------------*/

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}


/*muru end*/
@media only screen and (max-width : 320px) {

    .cont_bg2 .sellerimg, .cont_bg2 .sellerinfo, .cont_bg .spef_list ul li .col1, .cont_bg .spef_list ul li .col2 {
        width: 100%;
    }

        .cont_bg2 .sellerinfo .contact .reptbtn {
            display: inline-block;
        }

    .cont_bg .optn_list ul li {
        width: 100% !important;
        margin: 0 0 5px 0 !important;
    }

    .subscribe_bg {
        padding: 10px 10px;
        font-size: 14px;
    }

        .subscribe_bg .inputcol {
            padding: 0 !important;
        }

        .subscribe_bg input {
            width: 220px;
            margin: 0 0 15px 0;
        }

    .cont_bg {
        padding: 10px;
    }

    .title2 {
        font-size: 16px;
    }

    .carreview {
        width: 100%;
    }

        .carreview input {
            width: 96%;
            margin: 0 0 15px 0;
        }

    .carreviewbox .carreview_row .proimg {
        width: 100%;
    }

    .carreviewbox .carreview_row .reviewcont .time {
        float: none;
        display: block;
        margin: 10px 0 0 0;
    }

    .carreviewbox .carreview_row .reviewcont {
        width: 100%;
    }

        .carreviewbox .carreview_row .reviewcont .likelist li {
            margin: 0 20px 10px 0;
        }

    .carcity .citybg ul li {
        width: 100% !important;
        margin: 6px 0;
    }

    .carcity .citytitlebg .citytitle {
        font-size: 14px;
        display: inline-block;
    }

    .modal .bsiform-fullblk {
        margin: 20px 0;
    }

    .bsiform-fullblk {
        margin: 20px 10px;
    }

    .modal .eventwraper, .modal .spamwraper {
        height: auto !important;
    }

    .carcity .citybg ul li {
        width: 90% !important;
    }

    .cr-prm-lhs-in {
        padding: 15px 20px !important;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
    .title1 {
        font-size: 18px;
    }

    .cont_bg .bmarklist li {
        margin: 0 10px 10px 0;
    }

    .cont_bg2 .feature_list li {
        width: 100%;
        margin: 0 0 15px 10px;
    }


        .cont_bg2 .feature_list li i {
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 26px;
        }

            .cont_bg2 .feature_list li i.flaticon-time-1, .cont_bg2 .feature_list li i.flaticon-gas-station {
                font-size: 20px;
            }

    .cont_bg .optn_list ul li {
        width: 100%;
    }

    .cont_bg2 .sellerinfo .dtllist li {
        width: 100%;
        margin: 0 0 12px 0;
    }

    .cont_bg2 .sellerinfo .contact .vnobtn {
        margin: 10px 0 10px 10px;
        display: inline-block;
    }

    .smilar_bg .smilarrow .col1 {
        margin: 0 20px 20px;
        width: 92% !important;
    }

    .modal .eventwraper .social-copy-share input[type="text"] {
        width: 60%;
    }

    .carsponsored ul li {
        margin: 0 01% 15px;
        width: 100%;
    }

    .cont_bg2 {
        padding: 20px 5px 0px 5px;
    }

    .car_list figure {
        width: calc(100% - 30px) !important;
        height: 150px;
        overflow: hidden;
    }

    .car_list .listcont, .car_list .listcont2, .car_list .listcont2 .col1, .car_list .listcont2 .col2 {
        width: 100% !important;
    }

        .car_list .listcont2 .col1 .featrrow .featecol1 {
            width: 30% !important;
        }

        .car_list .listcont2 .col1 .featrrow .featecol2 {
            width: 70% !important;
        }


        .car_list .listcont2 .col2 {
            width: 100%;
            text-align: left;
        }

            .car_list .listcont2 .col2 .price {
                display: inline-block;
                text-align: left;
                margin: 0 0 0 20px;
                padding: 5px 0 0 0;
            }

                .car_list .listcont2 .col2 .price.noprice {
                    padding: 10px 0 0 0;
                }

            .car_list .listcont2 .col2 .actbtn_row {
                text-align: right;
                float: right;
                margin: 20px 0 0 0;
            }

            .car_list .listcont2 .col2 .actbtn_row {
                margin: 3px 0 0 0;
                text-align: left;
                float: left;
            }

    .sortby {
        width: 56%;
        float: right;
        margin: 20px 0;
    }

    .ucdb_listtitle .smalltext {
        line-height: 24px;
    }

    .ucar_search ul li {
        width: 100%;
        margin: 0 0 20px !important;
    }

        .ucar_search ul li.city {
            width: 100%;
        }

        .ucar_search ul li:nth-child(5) {
            float: right;
        }

    .ucardetaitop .detairow .carprice {
        float: left;
        margin: 5px 0 15px 15px;
        width: 100%;
        text-align: left;
    }

    .ucardetaitop .detairow .cityrow {
        padding: 15px 0 0px 15px;
        width: 100%;
    }

    .photos-outer .photo-listing ul li.arrows {
        padding: 8px 1px !important;
    }


    .carcity .citybg ul li {
        width: 45%;
    }

    .carreview {
        width: 100%;
    }

        .carreview input {
            width: 100%;
            margin-bottom: 15px;
        }

    .title2 {
        font-size: 18px;
    }

    .carcity .citytitlebg .citytitle a {
        padding: 9px 10px 10px;
    }

    .cont_bg2 .sellerinfo .contact .reptbtn {
        display: inline-block;
    }

    .car_list .savelistbot .price {
        width: 100%;
        margin-bottom: 10px;
    }

    .car_list .savelistbot .btncol {
        width: 100%;
    }

    .bsiform-fullblk.pricequote input, .expetrt {
        width: 100%;
    }

    .hcaractbtn .sell, .hcaractbtn .rent {
        width: 100%;
        text-align: left;
        margin: 0 0 10px 0;
    }

    .hcaractbtn .buy {
        width: 100%;
        text-align: left;
        margin: 0 0 10px 0;
    }

    .flexwrp {
        display: block;
    }
}

@media only screen and (max-width : 768px) {
    .porttabhide {
        display: none;
    }

    .smilar_bg .smilarrow .col1 {
        margin: 0 20px 20px;
        width: 43%;
    }

    .subscribe_bg .inputcol {
        width: 100%;
        float: left;
        margin: 20px 0 0;
    }

    .subscribe_bg {
        text-align: center;
    }

    .cont_bg .spef_list ul li {
        width: 100%;
        margin: 0;
    }

    .cont_bg .optn_list ul li {
        width: 46%;
        margin: 0 10px 0 0;
        padding: 5px 0px;
    }


    .cont_bg2 .sellerinfo .dtllist {
        padding: 13px 0 8px;
    }

    .cont_bg2 .sellerinfo .contact {
        padding: 0px 0 20px;
    }

    .cont_bg .cityrow li {
        margin: 0 20px 10px 0;
    }

    .cont_bg .bmarklist {
        padding: 0;
    }

        .cont_bg .bmarklist li {
            margin: 0 10px 20px 0;
        }

    .photos-outer .big-img {
        width: 100%;
    }

    .photos-outer .photo-listing ul li figure {
        height: 48px;
        max-width: 68px;
    }

    .photos-outer .photo-listing ul li {
        float: left;
    }

    .photos-outer .photo-listing {
        width: 100%;
    }

        .photos-outer .photo-listing ul li.arrows {
            padding: 16px 4px;
        }

            .photos-outer .photo-listing ul li.arrows .fa-angle-down, .photos-outer .photo-listing ul li.arrows .fa-angle-up {
                transform: rotate(-90deg);
            }

    .carsponsored ul li .other span {
        font-size: 11px;
        margin: 0 5px 0 0;
    }

    .carstitle {
        bottom: 0;
        top: inherit;
        height: 50px;
    }

        .carstitle .title1, .carstitle .cityrow, .carstitle .scroltitle {
            display: none;
        }

        .carstitle .contbtn {
            display: block;
            width: 90%;
            margin: 0 auto;
            top: 0px;
        }

            .carstitle .contbtn a {
                padding: 10px 0;
            }

    .footer_sticky {
        display: none;
    }

    .modal {
        background-color: #fff;
    }

        .modal .eventwraper, .modal .spamwraper {
            height: 100%;
            margin: 0;
            width: 100%;
        }

        .modal .close {
            right: 20px;
            top: 20px;
            position: static;
            float: right;
            width: 100%;
        }

            .modal .close a {
                background: url(/common/images/other/remove-black.png) no-repeat 0 0;
                float: right;
            }

        .modal .eventwraper .social-btns ul li {
            margin: 0 15px 15px;
        }


    .rsmflt_title {
        background-color: #ccc;
        padding: 6px 0;
        position: fixed;
        bottom: 0;
        width: 50%;
        z-index: 6;
        left: 0;
        margin: 0;
        text-align: center;
    }

        .rsmflt_title span {
            padding: 0 10px;
            display: block;
        }

        .rsmflt_title .rsmtitle i, .uc_search .ucsearchtitle i {
            color: #777;
        }

    .ucsearchtitle {
        background-color: #ccc;
        padding: 4px 0 5px !important;
        position: fixed;
        bottom: 0px;
        width: 50%;
        z-index: 6;
        right: 0;
        margin: 0;
        text-align: center;
        border-bottom: none !important;
        border-left: 2px solid #fff !important;
    }

        .ucsearchtitle span {
            padding: 0 10px;
            display: block;
        }

    .rsm_filter {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        display: none
    }

        .rsm_filter > ul {
            width: 100%;
            margin: 0 auto;
            padding: 50px 0 10px;
        }

    .ucsearchin {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        display: none
    }

    .rsmlist_grid .rsmcont .contcol2 .downbtn, .rsmlist_grid .rsmcont .contcol2 .viewbtn {
        width: 50%;
        margin: 15px 0
    }

        .rsmlist_grid .rsmcont .contcol2 .downbtn a {
            background: #f89406
        }

        .rsmlist_grid .rsmcont .contcol2 .viewbtn a {
            background: #999
        }

        .rsmlist_grid .rsmcont .contcol2 .downbtn a, .rsmlist_grid .rsmcont .contcol2 .viewbtn a {
            display: block;
            border-radius: 0;
            color: #fff
        }

    .rsm_filter .mobile_filtertitle {
        background: #f1f1f1;
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 2;
        padding: 10px 0;
        display: block;
    }

        .rsm_filter .mobile_filtertitle .rsmtitle {
            font-size: 16px;
            color: #333;
            font-weight: 600;
            padding: 0 0 0 10px
        }

            .rsm_filter .mobile_filtertitle .rsmtitle img {
                width: 20px;
                margin-right: 10px;
            }

            .rsm_filter .mobile_filtertitle .rsmtitle a {
                color: #333;
            }

        .rsm_filter .mobile_filtertitle .reset {
            float: right;
            text-align: right;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.65);
            font-weight: 400;
            padding: 0px 30px 0 0;
        }

            .rsm_filter .mobile_filtertitle .reset a {
                color: rgba(0, 0, 0, 0.65);
            }

    .rsm_filter .mobile_filterbtn {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 2;
        display: block;
    }

        .rsm_filter .mobile_filterbtn a {
            display: block;
            padding: 10px 0;
        }

    .mobile_searchtitle {
        background: #f1f1f1;
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 2;
        padding: 10px 0;
        display: block;
    }

        .mobile_searchtitle .rsmtitle {
            font-size: 16px;
            color: #333;
            font-weight: 600;
            padding: 0 0 0 10px
        }

            .mobile_searchtitle .rsmtitle img {
                width: 20px;
                margin-right: 10px;
            }

            .mobile_searchtitle .rsmtitle a {
                color: #333;
            }

    .mobilesearch {
        margin: 50px 0 0 0;
    }


    .rsmlist_bg .sorticon, .rsmflt_title .reset {
        display: none;
    }

    .ucar_listrow .rsmlist_col2 {
        width: 100%;
        margin: 0;
    }

    .car_list figure {
        width: 120px;
        height: 99px;
    }

    .car_list .listcont {
        width: calc(100% - 136px);
    }

    .car_list .listcont2 {
        width: 100%;
        padding: 0px 15px 5px;
    }

    .ucardetaitop .detairow .cityrow li {
        margin: 0 20px 15px 0;
    }

    .ucardetaitop .detairow .cityrow {
        padding: 15px 0 0px 15px;
    }

    .prevnext_top .topnextbtn {
        display: inline-block;
    }

    .prevnext_top .search_box {
        width: 40%;
    }

    .modal .eventwraper .social-btns ul li {
        margin: 0 15px 15px;
    }

    .ucar_actbg .col1 {
        display: none;
    }

    .ucar_actbg .col2 {
        width: 100%;
        padding: 0 20px;
        margin: 15px 0;
    }

        .ucar_actbg .col2 .title {
            font-size: 18px;
        }

        .ucar_actbg .col2 .smalltext {
            padding: 15px 0 15px 0;
            font-size: 14px;
        }

    .ucar_actbg .col3 {
        width: 100%;
        border-left: none;
        padding: 15px 0 0 20px;
    }


    .mblfwidth {
        width: 100%;
    }

    .pagination-out .lft-txt {
        padding: 4px 10px 20px 0px;
        width: 100%;
    }


    .carcity .citybg ul {
        max-height: 200px;
        overflow: auto;
    }

    .newhead .botnav .postanad .posthbtn {
        margin-top: 10px;
    }

    .safe-fig {
        width: 330px;
        height: 330px;
    }

    .safe-fig {
        margin: 20px auto;
    }
}

/*----iphone---*/
@media only screen and (min-width : 569px) and (max-width : 640px) {
    .cont_bg2 .sellerinfo .dtllist li {
        width: 100%;
        margin: 0 0 12px 0;
    }

    .carsponsored ul li {
        margin: 0 01% 15px;
        width: 100%;
    }

    .cont_bg2 .feature_list li {
        width: 48%;
        margin: 0 2% 20px 0;
    }

    .photos-outer .photo-listing ul li.arrows {
        padding: 8px 0px;
    }

    .carcity .citybg ul li {
        width: 46%;
    }

    .ucar_search ul li {
        width: 46%;
        margin-bottom: 15px !important;
    }

        .ucar_search ul li.city {
            width: 46%;
        }

        .ucar_search ul li.ucreset {
            width: 50px;
            margin-left: 0px;
        }

    .ucdb_search_re {
        padding: 10px 12px;
    }

    .ucar_homebg .carhsearch {
        width: 80%;
    }

        .ucar_homebg .carhsearch .ucdb_search {
            width: 100%;
            text-align: center;
        }

    .bsiform-fullblk.pricequote input, .expetrt {
        width: 100%;
    }

    .hcaractbtn .sell, .hcaractbtn .rent {
        width: 100%;
        text-align: left;
        margin: 0 0 10px 0;
    }

    .hcaractbtn .buy {
        width: 100%;
        text-align: left;
        margin: 0 0 10px 0;
    }
}


/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {

    .cont_bg2 .feature_list li {
        width: 47%;
    }

    .photos-outer .big-img {
        width: 73%;
    }

    .photos-outer .photo-listing ul li figure {
        height: 50px;
    }

    .photos-outer .photo-listing ul li.arrows {
        font-size: 26px;
    }

    .carsponsored ul li {
        margin: 0 1% 15px;
        width: 48%;
    }

    .carcity .citybg ul li {
        width: 30%;
    }

    .ucdb_search_re {
        padding: 10px 12px;
    }

    .ucar_search ul li.city {
        width: 26%;
    }

    .ucar_search ul li {
        width: 44%;
        margin-bottom: 15px !important;
    }

        .ucar_search ul li.ucreset {
            width: 50px;
            margin-left: 0px;
        }

    .ucdb_search_re {
        padding: 10px 12px;
    }

    .cont_bg2 .sellerinfo .dtllist li {
        width: 46%;
        margin: 0 3% 10px 0;
    }

    .hcaractbtn .buy {
        width: 55%;
        text-align: right;
    }

    .hcaractbtn .sell {
        width: 50%;
        text-align: left;
    }

    .hcaractbtn .rent {
        width: 50%;
        text-align: left;
    }

    .hcaractbtn .buy {
        width: 100%;
        text-align: left;
        margin: 10px 0;
    }
}

@media only screen and (max-width : 1000px) {

    .ucar_homebg .carhsearch .hsearchtitle {
        font-size: 20px;
    }

    .ucar_homebg .carhsearch {
        width: 80%;
        padding-top: 30px;
    }

        .ucar_homebg .carhsearch .ucsearchbg .ucsearchli, .ucar_homebg .carhsearch .ucsearchbg .ucsearchli.city {
            width: 100%;
            margin: 0 1px 10px 0;
        }

        .ucar_homebg .carhsearch .ucsearchbg .hbtnsearch {
            width: 100%;
        }

        .ucar_homebg .carhsearch .ucdb_search, .carhsearch_list .ucsearchbg .hbtnsearch {
            width: 100%;
            text-align: center;
        }

    .carhsearch_list .ucsearchbg .ucsearchli, .carhsearch_list .ucsearchbg .ucsearchli.city {
        width: 100%;
        margin: 0 1px 10px 0;
    }

    .ucar_homebg {
        height: inherit;
    }

        .ucar_homebg:before, .ucar_homebg:after {
            background-image: none;
        }

    /*.featured_hlist .owl-stage { left: -5%;}
.ucar_hlist .owl-stage{ left: -8%;}
.ucar_blog .owl-stage{ left: -6%;}
.ucar_bdstyle .owl-stage{ left: -8%;}*/

    .carsponsored_list ul li {
        margin: 10px 7%;
        width: 85%;
    }

    .car_list .listcont2 .col1 .tags li {
        margin: 0 30px 20px 0;
    }

    .ucdb_listtitle .smalltext, .ucdb_listtitle .sortby2 {
        width: 100%;
    }

    .breadcrumb {
        line-height: 22px;
    }



    .ucdb_listtitle .sortby2 {
        height: 50px;
        overflow-y: hidden;
        position: relative;
    }

        .ucdb_listtitle .sortby2 ul {
            display: flex;
            height: 40px;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            -webkit-user-select: none;
            overflow-x: scroll;
            float: inherit;
        }

            .ucdb_listtitle .sortby2 ul li {
                display: inline-flex;
                white-space: nowrap;
            }

    .car_list .listcont2 .option {
        line-height: 22px;
    }


    .carsponsored_list .listarrow1 {
        right: 0px;
        background-color: #999;
        border-radius: 50%;
        padding: 5px;
    }

    .carsponsored_list .listarrow2 {
        left: 0px;
        background-color: #999;
        border-radius: 50%;
        padding: 5px;
    }

        .carsponsored_list .listarrow1 i, .carsponsored_list .listarrow2 i {
            font-size: 16px;
            color: #fff;
        }



    .ucar_bdstyle.owl-carousel {
        z-index: 0;
    }

    .cr-prm-lhs {
        width: 100%;
        padding-left: 0%;
        height: auto;
    }

        .cr-prm-lhs:after {
            width: 0;
            transform: skewX(0deg);
            right: 0px;
            border-right: 0;
        }

    .cr-prm-lhs-in {
        padding: 15px 50px;
    }

    .cr-car {
        bottom: -84px;
    }

    .cr-prm-rhs {
        width: 100%;
        height: 230px;
    }

    .cr-prm-tex1 {
        font-size: 18px;
    }

    .cr-prm-tex2 {
        font-size: 14px;
    }

    .cr-pr-cus {
        margin-top: 40px;
    }

    .cardetailrow1 .name {
        width: 100%;
    }

    .cardetailrow1 .price {
        width: 100%;
        text-align: left;
        padding: 10px 0 0 0;
    }
}

/*----ipad---*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .cont_bg2 .feature_list li {
        width: 47%;
    }

    .cont_bg2 .sellerinfo .dtllist li {
        width: 47%;
        margin: 0 3% 12px 0;
    }

    .cont_bg2 .sellerinfo .dtllist {
        padding: 13px 0 8px;
    }

    .cont_bg2 .sellerinfo .contact {
        padding: 0px 0 20px;
    }

    .cont_bg .spef_list ul li {
        width: 100%;
        margin: 0;
    }

    .cont_bg .optn_list ul li {
        width: 46%;
    }


    .subscribe_bg .inputcol {
        width: 100%;
        float: left;
        margin: 20px 0 0;
    }

    .subscribe_bg {
        text-align: center;
    }

    .smilar_bg .smilarrow .col1 {
        margin: 0 20px 20px;
        width: 45%;
    }

    .carcity .citybg ul li {
        width: 31%;
    }

    .cont_bg .cityrow li {
        margin: 0 20px 10px 0;
    }

    .cont_bg .bmarklist {
        padding: 0;
    }

        .cont_bg .bmarklist li {
            margin: 0 10px 20px 0;
        }

    .photos-outer .big-img {
        width: 73%;
    }

    .photos-outer .photo-listing ul li figure {
        height: 50px;
    }

    .photos-outer .photo-listing ul li.arrows {
        font-size: 26px;
    }

    .spamwraper {
        width: 40%;
    }

    .modal .eventwraper {
        width: 54%;
    }

    .carsponsored ul li {
        margin: 0 1% 15px;
        width: 48%;
    }

        .carsponsored ul li .other span {
            font-size: 11px;
            margin: 0 5px 0 0;
        }

    .car_list figure {
        width: 120px;
        height: 98px;
    }

    .car_list .listcont {
        width: calc(100% - 136px);
    }

    .car_list .listcont2 {
        width: 100%;
        padding: 0px 15px 5px;
    }

    .ucardetaitop .detairow .cityrow {
        padding: 15px 0 5px 15px;
    }

        .ucardetaitop .detairow .cityrow li {
            margin: 0 20px 15px 0;
        }

    .ucardetaitop .detairow .carprice {
        margin: 5px 20px 5px 0;
    }

    .bsiform-fullblk.pricequote input {
        width: 100%;
    }

    .expetrt {
        margin: 10px 0 0 0;
        width: 98%;
    }

    .carsmilar ul li figure {
        height: 40px;
        width: 40px;
    }

    .ucar_search ul li {
        width: 19%;
    }

        .ucar_search ul li.ucreset {
            width: 50px;
            margin-left: 0px;
        }

    .ucdb_search_re {
        padding: 10px 12px;
    }

    .modal .eventwraper .social-btns ul li {
        margin: 0 15px 15px;
    }

    .ucar_homebg .carhsearch {
        width: 96%;
    }

    .ucar_bdstyle ul li {
        margin: 15px 15px 15px 0;
    }

    .ucar_hlist .ucarcol1 .date li {
        margin: 0 15px 10px 0;
    }

    .ucar_hlist .ucarcol1 .detailtext {
        line-height: 22px;
    }

    .ucar_hlist .ucarcol1 .date {
        padding: 5px 15px 0px 15px;
    }

    .ucar_hlist .ucarcol1 .detailtext {
        padding: 0px 15px 10px 15px;
    }

    .ucar_blog .ucarcol1 figure {
        height: 120px;
    }

    .ucar_homebg .carhsearch .ucsearchbg .ucsearchli {
        width: 22.2%;
    }

    .carhsearch_list .ucsearchbg .ucsearchli {
        width: 22%;
    }

    .carhsearch_list {
        width: 98%;
    }

        .carhsearch_list .ucsearchbg .ucsearchli.city {
            width: 44%;
        }

    .ucar_homebg .carhsearch .ucsearchbg .ucsearchli.city {
        width: 44%;
    }

    .carsponsored_list ul li {
        margin: 10px 7%;
        width: 85%;
    }

    .ucdb_listtitle .smalltext, .ucdb_listtitle .sortby2 {
        width: 100%;
    }

    .cr-prm-lhs {
        padding-left: 4%;
    }

    .cardetailrow1 .name {
        width: 100%;
    }

    .cardetailrow1 .price {
        width: 100%;
        text-align: left;
        padding: 10px 0 0 0;
    }
}




/*----netbook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
    .cont_bg .optn_list ul li {
        width: 30%;
    }

    .subscribe_bg .inputcol {
        width: 100%;
        float: left;
        margin: 20px 0 0;
    }

    .subscribe_bg {
        text-align: center;
    }

    .smilar_bg .smilarrow .col1 {
        width: 23.6%;
    }

    .photos-outer .big-img {
        width: 78%;
    }

    .photos-outer .photo-listing ul li figure {
        height: 50px;
    }

    .spamwraper {
        width: 30%;
    }

    .modal .eventwraper {
        width: 50%;
    }

    .ucar_search ul li {
        width: 20.8%;
    }

    .car_list .listcont2 .col1 .featrrow .featecol1 {
        width: 25%;
    }

    .car_list .listcont2 .col1 .featrrow .featecol2 {
        width: 75%;
    }

    .ucardetaitop .detairow .cityrow {
        padding: 15px 0 5px 15px;
        width: 100%;
    }

    .ucardetaitop .detairow .carprice {
        margin: 5px 20px 5px 0;
    }

    .ucar_search ul li.ucreset {
        width: 50px;
    }

    .ucdb_search_re {
        padding: 10px 12px;
    }

    .ucar_bdstyle ul li {
        margin: 15px 20px 15px 0;
    }

    .ucar_homebg .carhsearch {
        width: 78%;
    }

    .ucar_actbg .col3 {
        width: 29%;
    }

    .ucar_homebg .carhsearch .ucsearchbg .ucsearchli {
        width: 22.2%;
    }

    .carhsearch_list .ucsearchbg .ucsearchli {
        width: 22.4%;
    }

        .carhsearch_list .ucsearchbg .ucsearchli.city {
            width: 45%;
        }

    .ucar_homebg .carhsearch .ucsearchbg .ucsearchli.city {
        width: 44%;
    }

    .cr-prm-lhs {
        padding-left: 2%;
    }
}

/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
    .cont_bg .optn_list ul li {
        width: 30%;
    }

    .smilar_bg .smilarrow .col1 {
        width: 23.6%;
    }

    .ucar_search ul li {
        width: 20.8%;
    }

    .ucar_homebg .carhsearch {
        width: 74%;
    }

    .ucar_bdstyle ul li {
        margin: 15px 23px 15px 0;
    }

    .featured_hlist .ucarfcol1 {
        margin: 0 14px;
    }

    .ucar_homebg .carhsearch .ucsearchbg .ucsearchli {
        width: 22.3%;
    }

    .carhsearch_list .ucsearchbg .ucsearchli {
        width: 22.5%;
    }

        .carhsearch_list .ucsearchbg .ucsearchli.city {
            width: 45%;
        }

    .ucar_homebg .carhsearch .ucsearchbg .ucsearchli.city {
        width: 44%;
    }

    .spamwraper {
        width: 32%;
    }

    .cr-prm-lhs {
        padding-left: 2%;
    }
}



/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {
    .featured_hlist .ucarfcol1 {
        margin: 0 17px;
    }

    .ucar_bdstyle ul li {
        margin: 15px 28px 15px 0;
    }

    .ucar_homebg .carhsearch {
        width: 62%;
    }

        .ucar_homebg .carhsearch .ucsearchbg .ucsearchli {
            width: 22.2%;
        }

    .carhsearch_list .ucsearchbg .ucsearchli {
        width: 23%;
    }

    .ucar_homebg .carhsearch .ucsearchbg .ucsearchli.city {
        width: 44%;
    }

    .cr-prm-lhs {
        padding-left: 3%;
    }
}

.uctooltip {
    position: relative;
}

.hvr-amen {
    padding: 10px;
    position: absolute;
    top: -40px;
    left: -12px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.01s linear; /* transform:translateY(-100%) */
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
}

    .hvr-amen:after, .hvr-amen:before {
        top: 100%;
        left: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .hvr-amen:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: rgba(0, 0, 0, 0.5);
        border-width: 7px;
        margin-left: -7px;
    }

    .hvr-amen:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: rgba(0, 0, 0, 0.6);
        border-width: 8px;
        margin-left: -8px;
    }

.uctooltip:hover .hvr-amen {
    border-radius: 2px;
    top: -45px;
    left: -12px;
    height: auto;
    visibility: visible;
    transition: all 0.2s linear;
    opacity: 1; /* transform:translateY(0); */
}


.uctooltip2 {
    position: relative;
}

.hvr-amen2 {
    padding: 10px;
    position: absolute;
    top: -40px;
    right: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.01s linear; /* transform:translateY(-100%) */
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
}

    .hvr-amen2:after, .hvr-amen2:before {
        top: 100%;
        right: 10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .hvr-amen2:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: rgba(0, 0, 0, 0.5);
        border-width: 7px;
        margin-left: -7px;
    }

    .hvr-amen2:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: rgba(0, 0, 0, 0.6);
        border-width: 8px;
        margin-left: -8px;
    }

.uctooltip2:hover .hvr-amen2 {
    border-radius: 2px;
    top: -45px;
    right: 0px;
    height: auto;
    visibility: visible;
    transition: all 0.2s linear;
    opacity: 1; /* transform:translateY(0); */
}