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

/* browser reset */
html, body, div, 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;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
    height: 100%;
}

body {
    line-height: 1;
}

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

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

ol, ul, 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 */
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;
}

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

a {
    color: #009fff;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

    a:hover {
        color: #212121;
        text-decoration: none;
    }

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

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

body {
    color: #212121;
    font: 400 14px/1 "Roboto", sans-serif !important;
    background: #f5f5f5;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

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

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

[role="button"] {
    cursor: pointer;
}
/* input reset */
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

input[type=number] {
    -moz-appearance: textfield;
}

input {
    -moz-appearance: textfield !important;
}

select {
    background: #fff;
    border: solid 1px #000;
    box-shadow: none;
    height: 60px;
    line-height: 18px;
    padding: 20px 22px;
    width: auto;
    font-size: 14px;
}

input[type="number"], input[type="text"], input[type="tel"], 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;
    width: 100%;
    padding: 9px 15px;
    font-weight: 500
}

    input[type="text"]:focus, input[type="tel"]: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="number"], input[type="text"], input[type="tel"], 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;
    }
}

.googlesansdisplay {
    font-family: "Google Sans Display";
}

.googlesans {
    font-family: "Google Sans";
}
/* clear */
.clr, .clear, .clearfix:before, .clearfix:after, .container:before, .container-fluid:before, .container:after, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table
}

.clr, .clear, .clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both
}
/* default settings */
.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;
}

.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;
}

.pad15t {
    padding-top: 15px;
}

.pad15b {
    padding-bottom: 15px;
}

.pad15l {
    padding-left: 15px;
}

.pad15r {
    padding-right: 15px;
}

.pad15tb {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pad15lr {
    padding-left: 15px;
    padding-right: 15px;
}

.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;
}

.bold {
    font-family: "robotobold";
}

.leaderboard {
    display: block;
    margin: 15px 0 15px 0;
    text-align: center;
    width: 100%;
}

.no-images {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4
}
/**/

.bgwhite {
    background: #fff
}

.bggray {
    background: #f0f0f0
}
/* buttons */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(255, 255, 255, 0.7);
        transition: all 0.7s ease-out;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

button, a.btn, input[type="submit"] {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    background: #f58705;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    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 {
    font-size: 13px;
    line-height: 18px;
    padding: 9px 24px;
}

button, input[type="submit"] {
    padding: 8px 12px;
}

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

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

    a.btn-yellow, .btn-yellow, input[type="submit"].btn-yellow {
        background-color: #fffc00;
        color: #770101
    }

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

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

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

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

    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-gray, .btn-gray, input[type="submit"].btn-gray {
        background-color: #e9e6e6;
        color: #333;
    }

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

    .disabled, a.disabled, .btn.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled {
        opacity: 0.6;
        cursor: not-allowed !important;
        background: #999 !important;
    }

    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-red1, a.btn-ghost-red1, .btn-ghost-red1, input[type="submit"].btn-ghost-red1, button.btn-ghost-black, a.btn-ghost-black, .btn-ghost-black, input[type="submit"].btn-ghost-black, button.btn-ghost-gray, a.btn-ghost-gray, .btn-ghost-gray, input[type="submit"].btn-ghost-gray {
        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: #db4344;
        color: #db4344;
    }

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

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

        button.btn-ghost-red1:hover, a.btn-ghost-red1:hover, .btn-ghost-red1:hover, input[type="submit"].btn-ghost-red1:hover {
            background: #b52626;
            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-gray, a.btn-ghost-gray, .btn-ghost-gray, input[type="submit"].btn-ghost-gray {
        border-color: #dedede;
        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;
    }

.btn-sm {
    padding: 8px 12px;
    height: 26px;
    line-height: 10px;
}

.btn-min {
    padding: 1px 10px;
    line-height: 4px;
    font-size: 11px !important;
    min-width: inherit !important
}

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

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

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

a.view-btn {
    background: #fff;
    border: solid 1px #ddd;
    color: #888
}
/* Button New*/

.btun {
    display: inline-block;
    padding: 7px 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;
    min-width: 100px;
    letter-spacing: normal;
    text-transform: capitalize;
}
/*.btun:hover, .btun:focus, .btun.focus { color: #333; 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.7;
}

.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 New End*/
/* font */

@font-face {
    font-family: 'open_sansregular';
    src: url('../font/opensans-regular-webfont.eot');
    src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular-webfont.woff') format('woff'), url('../font/opensans-regular-webfont.ttf') format('truetype'), url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*font*/
@font-face {
    font-family: "robotothin";
    font-weight: normal;
    font-style: normal;
    src: url("../font/Roboto-Thin-webfont.eot");
    src: url("../font/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Thin-webfont.woff") format("woff"), url("../font/Roboto-Thin-webfont.ttf") format("truetype"), url("../font/Roboto-Thin-webfont.svg#robotothin") format("svg");
}

@font-face {
    font-family: "robotoregular";
    font-weight: normal;
    font-style: normal;
    src: url("../font/Roboto-Regular-webfont.eot");
    src: url("../font/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Regular-webfont.woff") format("woff"), url("../font/Roboto-Regular-webfont.ttf") format("truetype"), url("../font/Roboto-Regular-webfont.svg#robotoregular") format("svg");
}

@font-face {
    font-family: "robotolight";
    font-weight: normal;
    font-style: normal;
    src: url("../font/Roboto-Light-webfont.eot");
    src: url("../font/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Light-webfont.woff") format("woff"), url("../font/Roboto-Light-webfont.ttf") format("truetype"), url("../font/Roboto-Light-webfont.svg#robotolight") format("svg");
}

@font-face {
    font-family: "robotobold";
    font-weight: normal;
    font-style: normal;
    src: url("../font/Roboto-Bold-webfont.eot");
    src: url("../font/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Bold-webfont.woff") format("woff"), url("../font/Roboto-Bold-webfont.ttf") format("truetype"), url("../font/Roboto-Bold-webfont.svg#robotobold") format("svg");
}

@font-face {
    font-family: "robotoblack";
    font-weight: normal;
    font-style: normal;
    src: url("../font/Roboto-Black-webfont.eot");
    src: url("../font/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Black-webfont.woff") format("woff"), url("../font/Roboto-Black-webfont.ttf") format("truetype"), url("../font/Roboto-Black-webfont.svg#robotoblack") format("svg");
}

@font-face {
    font-family: "Fiolex Girls";
    src: url("../font/flxgirl.eot?") format("eot"), url("../font/flxgirl.woff") format("woff"), url("../font/flxgirl.ttf") format("truetype"), url("../font/flxgirl.svg#") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*roommate flaticon*/
@font-face {
    font-family: "Flaticon";
    src: url("../font/roomnew-flaticon.eot");
    src: url("../font/roomnew-flaticon.eot?#iefix") format("embedded-opentype"), url("../font/roomnew-flaticon.woff") format("woff"), url("../font/roomnew-flaticon.ttf") format("truetype"), url("../font/roomnew-flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../font/roomnew-flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-ac:before {
    content: "\f100";
}

.flaticon-electricity:before {
    content: "\f101";
}

.flaticon-dryer:before {
    content: "\f102";
}

.flaticon-washer:before {
    content: "\f103";
}

.flaticon-dishwasher:before {
    content: "\f104";
}

.flaticon-refrigerator:before {
    content: "\f105";
}

.flaticon-tv:before {
    content: "\f106";
}

.flaticon-wifi:before {
    content: "\f107";
}

.flaticon-water:before {
    content: "\f108";
}

.flaticon-kitchen:before {
    content: "\f109";
}

.flaticon-extractor:before {
    content: "\f10a";
}

.flaticon-microwave:before {
    content: "\f10b";
}

.flaticon-selfcatering:before {
    content: "\f10c";
}

.flaticon-scales:before {
    content: "\f10d";
}

.flaticon-roomheater:before {
    content: "\f10e";
}
/*roommate flaticon*/

/*heading & font size*/
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #36474f;
    font-weight: 400
}

.h1 {
    font-size: 26px
}

.h2 {
    font-size: 22px
}

.h3 {
    font-size: 18px
}

.h4 {
    font-size: 16px
}

.h5 {
    font-size: 14px
}

.h6 {
    font-size: 12px
}

.helptext, .alerttext {
    font-size: 12px;
    line-height: 18px;
    display: block;
    color: #999;
    word-wrap: break-word;
    min-height: 13px;
}

.alerttext {
    color: #ff4242;
}
/*FontAwesome*/
@font-face {
    font-family: 'FontAwesome';
    src: url("../font/fontawesome-webfont.eot?v=4.4.0");
    src: url("../font/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../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-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-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-linkedin:before {
    content: "\f0e1";
}

.fa-apple:before {
    content: "\f179";
}

.fa-android:before {
    content: "\f17b";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-chevron-left:before {
    content: "\f053";
}

.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-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-check:before {
    content: "\f00c";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-info:before {
    content: "\f129";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-bus:before {
    content: "\f207";
}

.fa-train:before {
    content: "\f238";
}

.fa-plane:before {
    content: "\f072";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-repeat:before {
    content: "\f01e";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-flag:before {
    content: "\f024";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-phone:before {
    content: "\f095";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-camera:before {
    content: "\f030";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-user:before {
    content: "\f007";
}

.fa-user-circle-o:before {
    content: "\f2be";
}

.fa-user-o:before {
    content: "\f2c0";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-user-circle-o:before {
    content: "\f2be";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-at:before {
    content: "\f1fa"
}

.fa-list:before {
    content: "\f03a";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-video-camera:before {
    content: "\f03d";
}
/*flag*/
.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(../images/flags/4x3/ae.svg);
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(../images/flags/1x1/ae.svg);
    }

.flag-icon-us {
    background-image: url(../images/flags/4x3/us.svg);
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(../images/flags/1x1/us.svg);
    }

.flag-icon-in {
    background-image: url(../images/flags/4x3/in.svg);
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(../images/flags/1x1/in.svg);
    }

.flag-icon-gb {
    background-image: url(../images/flags/4x3/gb.svg);
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(../images/flags/1x1/gb.svg);
    }

.flag-icon-ca {
    background-image: url(../images/flags/4x3/ca.svg);
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(../images/flags/1x1/ca.svg);
    }

@font-face {
    font-family: 'icomoon';
    src: url("../font/icons/icomoon.eot?f0ejkk");
    src: url("../font/icons/icomoon.eot?f0ejkk#iefix") format("embedded-opentype"), url("../font/icons/icomoon.ttf?f0ejkk") format("truetype"), url("../font/icons/icomoon.woff?f0ejkk") format("woff"), url("../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";
}
/* ========================= 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-separator {
    padding: 60px 0;
}

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

.menu-nav body, .blur body, .bodyfix 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: 99999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.9;
    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: 40px;
        min-height: 40px;
        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;
}
/* Mobile Nav start */
.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: 100%;
    }

@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-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;
    font-weight: 900;
    font-family: "Roboto", sans-serif;
}

    .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: 0;
    bottom: auto;
    left: auto;
    position: fixed;
}

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

        .navigator .hamclose span em {
            background: url("../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;
    }
}
/* Mobile Nav End */
.menu-nav .blurbg {
    display: block;
    z-index: 9999;
}

header {
}

    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.sticky {
            position: fixed;
            top: 0;
            width: 100%;
        }

            header .topnav.sticky .help-hd .post-hd .btn-ghost-white {
                background-color: #ff4242;
                border: solid 1px #ff4242;
            }

                header .topnav.sticky .help-hd .post-hd .btn-ghost-white:hover {
                    color: #fff
                }

        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;
            position: relative;
        }

            header .topnav .logo-sulekha-hd .submenu {
                position: absolute;
                left: 0px;
                top: 54px;
                background-color: #333;
                width: 100%;
                display: none;
            }

            header .topnav .logo-sulekha-hd:hover .submenu {
                z-index: 1;
                display: block;
            }

            header .topnav .logo-sulekha-hd .submenu a {
                color: #fff;
                display: block;
                background: none;
                text-indent: 0px;
                height: auto;
                padding: 8px 15px;
                text-align: left;
                letter-spacing: 0.5px;
                font-weight: 400;
            }

                header .topnav .logo-sulekha-hd .submenu a:hover {
                    background-color: #000;
                }

                header .topnav .logo-sulekha-hd .submenu a span {
                    margin: 0 3px 0 0;
                }

@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://d3aew4oo17ml6.cloudfront.net/common/images/default/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%;
    }
}

@media only screen and (max-width :768px) {
    header .topnav .logo-sulekha-hd .submenu {
        width: 50px;
        color: #333;
        overflow: hidden;
    }

        header .topnav .logo-sulekha-hd .submenu a {
            color: #333;
            height: 35px;
        }
}

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:before { margin-right: 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; } */
        header .topnav .location-hd > span > a.location {
            color: #fff;
            font-size: 13px;
            padding: 0;
        }
        /* header .topnav .location-hd > span > a.location:before { content: "\f041"; } */
        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;
    font-size: 11px;
    line-height: 11px;
}

    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 */
        font-size: 24px;
    }

    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: 52%; }*/
    header .topnav .search-hd {
        margin-left: 1%;
        width: 51%;
    }

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

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

.newhead .t-mainmenu ul.row {
    display: flex
}

.t-mainmenu ul li {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    float: left
}

.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("../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("../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("../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(../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 {
            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 { }*/
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;
}
    /*new search start*/
    header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text .two-inp {
    }

        header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text .two-inp .lt-div input[type="text"] {
            width: 100%;
            border-right: solid 1px #000;
        }

        header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text .two-inp .lt-div {
            width: 60%;
            float: left;
            position: relative;
            background: #ff0
        }

        header .topnav .search-hd .search-wrapper .src-hd-wrp .src-hd-text .two-inp .rt-div {
            width: 40%;
            float: left;
            position: relative;
            background: #f00
        }

header .topnav .search-hd .search-wrapper .cityload {
    width: 48.6%;
    right: 1px;
    top: 44px;
    position: absolute;
    background-color: #fff;
    height: 221px;
    overflow-y: scroll;
    border: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    border-top: solid 1px #ddd;
}

    header .topnav .search-hd .search-wrapper .cityload 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;
        text-align: left;
    }

        header .topnav .search-hd .search-wrapper .cityload 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: 0;
            text-align: left;
        }

        header .topnav .search-hd .search-wrapper .cityload label b {
            background-color: #fff;
            padding: 0 5px;
        }

    header .topnav .search-hd .search-wrapper .cityload input[type="text"] {
    }

    header .topnav .search-hd .search-wrapper .cityload ul {
        margin: 15px 0 0 0;
    }

        header .topnav .search-hd .search-wrapper .cityload ul li {
            padding: 0;
            margin: 0;
            border-right: 0;
            display: block;
            font-weight: normal;
            text-align: left;
            font-size: 13px;
        }

            header .topnav .search-hd .search-wrapper .cityload ul li.active {
                background-color: #ff4242;
            }

                header .topnav .search-hd .search-wrapper .cityload ul li.active a {
                    color: #fff;
                }

            header .topnav .search-hd .search-wrapper .cityload ul li a {
                display: block;
                color: #333;
                padding: 8px 5px 8px 15px;
            }

            header .topnav .search-hd .search-wrapper .cityload ul li i {
                font-size: 11px;
                position: static;
                background: none;
            }

            header .topnav .search-hd .search-wrapper .cityload ul li:hover a {
                color: #fff;
            }

            header .topnav .search-hd .search-wrapper .cityload ul li.active, header .topnav .search-hd .search-wrapper .cityload ul li:hover {
                background: #ff4242;
                -webkit-transition: all 0.1s ease;
                -moz-transition: all 0.1s ease;
                transition: all 0.1s ease;
                color: #fff
            }

                header .topnav .search-hd .search-wrapper .cityload ul li:hover a, header .topnav .search-hd .search-wrapper .cityload ul li.active a, header .topnav .search-hd .search-wrapper .cityload ul li:hover a {
                    color: #fff
                }

            header .topnav .search-hd .search-wrapper .cityload ul li.searchbox:hover i {
                color: #333
            }

            header .topnav .search-hd .search-wrapper .cityload ul li.searchbox input[type="text"] {
                height: 30px;
                padding: 4px 15px;
                width: 80%;
                margin: 0 0 0 -1px;
            }

                header .topnav .search-hd .search-wrapper .cityload ul li.searchbox input[type="text"]:focus {
                    outline: 0
                }

            header .topnav .search-hd .search-wrapper .cityload ul li.searchbox:hover, .topfilters ul li .cityload ul li.searchbox {
                background: none;
                color: #333
            }

            header .topnav .search-hd .search-wrapper .cityload ul li.searchbox .close, header .topnav .search-hd .search-wrapper .cityload .searchbox .adon {
                border: solid 1px #e6e6e6;
                display: inline-block;
                height: 30px;
                padding: 4px 6px;
                line-height: 17px
            }

            header .topnav .search-hd .search-wrapper .cityload ul li.searchbox i {
                top: 3px;
            }

            header .topnav .search-hd .search-wrapper .cityload ul li .loadingmini {
                position: absolute;
                right: 50px;
            }

            header .topnav .search-hd .search-wrapper .cityload ul li.searchbox .adon {
                -webkit-border-top-left-radius: 3px;
                -webkit-border-bottom-left-radius: 3px;
                -moz-border-radius-topleft: 3px;
                -moz-border-radius-bottomleft: 3px;
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                text-align: left;
                float: left;
                margin: 0 0 0 10px;
            }

            header .topnav .search-hd .search-wrapper .cityload ul li.searchbox .close {
                margin-left: -1px;
                -webkit-border-top-right-radius: 3px;
                -webkit-border-bottom-right-radius: 3px;
                -moz-border-radius-topright: 3px;
                -moz-border-radius-bottomright: 3px;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                margin-left: -5px;
            }
/*new search end*/


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;
        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;
}

.other-cons-link {
    background-color: #e4e4e4;
    padding: 10px;
    margin: 10px 0 0 0;
}

    .other-cons-link ul {
        margin: 0px;
        padding: 0px;
    }

        .other-cons-link ul li {
            margin: 0px;
            padding: 0 10px 0 0;
            float: left;
            font-size: 13px;
            line-height: 20px;
            color: #666;
            letter-spacing: 0.5px;
        }

            .other-cons-link ul li.active a {
                background-color: #ff4242;
                border: solid 1px #ff4242;
            }

            .other-cons-link ul li a {
                display: block;
                font-size: 14px;
                line-height: 20px;
                color: #212121;
                border: solid 1px #ccc;
                background-color: #fff;
                padding: 4px 8px;
            }

                .other-cons-link ul li a b {
                    position: static;
                    margin: 0px;
                    font-weight: normal;
                    font-size: 13px;
                    color: #212121;
                }

                .other-cons-link ul li a:hover span {
                    color: #fff;
                }

            .other-cons-link ul li.active a b {
                color: #fff;
            }

@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;
    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(../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(../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(../images/other/hme-loader.gif);
    height: 18px;
    width: 18px;
}

.loadercenter {
    position: absolute;
    top: 33%;
    left: 45%;
    background: url(../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(../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(../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: 100%;
    }
}

.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(../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;
    }
}
/*Header footer start*/

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

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

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }

    .hide-tabmenu {
        display: none !important
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .hide-deskmenu {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hide-mobile, .hide-tablet, .hide-desktop, .hide-large {
        display: none !important
    }
}

@media (min-width: 568px) and (max-width: 992px) {
    .tabport_hide {
        display: none
    }
}

@media (max-width: 991px) {
    .hide-tablet, .hide-desktop, .hide-large {
        display: none !important
    }
}

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

@media (min-width: 1200px) {
    .hide-desktop {
        display: inline-block !important
    }

    .hide-large {
        display: none !important
    }
}
/* Murugesh */
.t-fulmainmenu {
    background: #ececec
}

.t-mainmenu {
    width: 100%;
    background: #ececec;
    padding: 0 15px;
    text-transform: uppercase
}

    .t-mainmenu ul li {
        display: inline-block;
        margin: 0 7px;
        font-family: robotoregular;
        font-size: 14px;
        line-height: 41px;
        letter-spacing: .4px
    }

        .t-mainmenu ul li a {
            color: #222;
            padding: 13px 6px
        }

            .t-mainmenu ul li a:hover, .t-mainmenu ul li.active a {
                color: #ff4242
            }

        .t-mainmenu ul li.active a {
            position: relative;
            background: #fff
        }

    .t-mainmenu.sicklog-icon {
        padding-left: 70px !important
    }

header {
    background: #fff
}

.botnav {
    background-color: #fff;
    border-bottom: solid 1px #f4f4f4;
    padding: 0 1.5%;
    font-size: 12px;
    font-weight: bold;
    height: 44px;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.75);
    box-shadow: 0 2px 2px -2px rgba(0,0,0,0.75);
    padding: 0 !important;
    letter-spacing: .3px
}

    .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: "Roboto", sans-serif;
            font-weight: 400;
        }

            .botnav ul li a {
                display: block;
                color: #333;
                padding: 12px 0;
                padding: 15px 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;
                    }

            .botnav ul li.festival {
                margin: 0
            }

                .botnav ul li.festival a {
                    background: #08a182 url(https://d3aew4oo17ml6.cloudfront.net/common/images/other/color1.gif) repeat center center;
                    border-radius: 2px;
                    color: #fff !important;
                    font-size: 13px;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
                    padding: 5px 8px !important;
                    line-height: 15px;
                    margin: 10px 0 0 0 !important
                }

            .botnav ul li.postanad .btnred {
                height: 23px;
                line-height: 7px;
                color: #fff !important;
                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 0.45s;
                -moz-transition: color 0.45s, background 0.45s, border 0.45s;
                transition: color 0.45s, background 0.45s, border 0.45s;
                border: 0
            }

    .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 0.45s;
        -moz-transition: color 0.45s, background 0.45s, border 0.45s;
        transition: color 0.45s, background 0.45s, border 0.45s;
    }

        .botnav .offers .offhbtn:hover {
            background: #333;
            color: #fff;
        }

.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) {
    .t-fulmainmenu {
        height: 43px;
        overflow-y: hidden
    }

    .t-mainmenu {
        height: 75px;
        overflow-x: scroll;
        overflow-y: hidden
    }

        .t-mainmenu ul {
            display: flex
        }

            .t-mainmenu ul li {
                font-size: 14px;
                text-align: center
            }

                .t-mainmenu ul li a {
                    white-space: nowrap
                }

    .botnav {
        display: inherit;
        overflow-y: hidden
    }

        .botnav .container.container-max {
            overflow-x: scroll;
            overflow-y: hidden;
            width: 100%
        }

        .botnav ul {
            display: flex;
            height: 61px
        }

            .botnav ul li a {
                white-space: nowrap;
                margin: 0 10px
            }

    .menu-stick.botnav {
        overflow-y: hidden !important
    }

    .menu-stick.t-fulmainmenu {
        overflow-y: hidden !important
    }
}

@media (max-width: 769px) {
    .hero-banner-home .hero-wrapper {
        margin-top: 40px
    }
}

.t-fulmainicon {
    width: 40px;
    overflow: hidden;
    position: absolute;
    left: 11px;
    top: 0
}

.horimenu-load {
    padding: 20px;
    background: url(/common/images/other/horiload.gif) no-repeat center 12px;
    position: absolute;
    width: 100%
}

.tmenu-more {
    display: none
}

@media (max-width: 991px) {
    .t-mainmenu ul li.searchmenu-icon, .menu-stick.t-fulmainmenu .t-mainmenu ul li.searchmenu-icon, .menu-stick.t-fulmainmenu .t-mainmenu ul li.searchmenu-icon a i {
        display: none
    }

    .morecatinpu {
        display: none
    }
}

@media (max-width: 668px) {
    .botnav ul li.more-mob {
        display: inline-block
    }

    .botnav ul li.more-desk {
        display: none
    }
}

@media (min-width: 992px) {
    .tmenu-more {
        position: relative
    }

        .tmenu-more .dropsdown {
            display: none
        }

        .tmenu-more:hover .dropsdown {
            display: inline-block;
            width: 175px
        }

        .tmenu-more .dropsdown {
            position: absolute;
            top: 40px;
            background: #fff;
            right: 0;
            border-radius: 3px;
            z-index: 10001;
            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.39);
            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.39);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.39)
        }

            .tmenu-more .dropsdown ul {
                width: inherit
            }

                .tmenu-more .dropsdown ul li {
                    display: none;
                    padding: 0;
                    margin: 0;
                    line-height: 16px;
                    float: inherit
                }

                    .tmenu-more .dropsdown ul li:hover {
                        display: block
                    }

                    .tmenu-more .dropsdown ul li a {
                        display: block;
                        padding: 13px 20px;
                        border-bottom: solid 1px #e0e0e0
                    }

            .tmenu-more .dropsdown:after {
                top: -12px;
                left: 88%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(255,255,255,0);
                border-bottom-color: #fff;
                border-width: 6px;
                margin-left: -6px
            }

            .tmenu-more .dropsdown ul li a:hover {
                color: #fff;
                background: #ff4242
            }

    .t-mainmenu ul li.searchmenu-icon {
        display: none;
        opacity: 0;
        transition: all .25s ease-in-out 0
    }

    .t-mainmenu ul li {
        float: left
    }
}

@media (min-width: 669px) {
    .botnav ul li.more-mob {
        display: none
    }

    .botnav ul li.more-desk {
        display: inline-block
    }
}

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

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

.stickshadow {
    -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.75);
    box-shadow: 0 2px 2px -2px rgba(0,0,0,0.75)
}

@media (min-width: 300px) and (max-width: 991px) {
    .menu-stick.t-fulmainmenu, .menu-stick.botnav {
        position: static !important
    }

    .t-mainmenu ul li {
        font-size: 13px;
        line-height: 42px
    }

        .t-mainmenu ul li a {
            padding: 13px 10px
        }

    .t-mainmenu.sicklog-icon {
        padding-left: 20px !important
    }

    .t-fulmainicon {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1030px) {
    .t-mainmenu ul li {
        font-size: 12px;
        margin: 0 4px
    }

        .t-mainmenu ul li a {
            padding: 14px 6px
        }

    .tmenu-more .dropsdown ul li {
        padding: 0;
        margin: 0
    }

        .tmenu-more .dropsdown ul li a {
            padding: 13px 20px
        }
}

.t-fulmainmenu.menu-stick .t-fulmainicon a {
    background-position: 1px -57px
}

.t-fulmainmenu .t-fulmainicon a {
    background: rgba(0,0,0,0) url(../images/default/home-black-icon.png) no-repeat scroll 1px 2px;
    cursor: pointer;
    display: block;
    height: 50px;
    overflow: hidden;
    text-indent: -99999px;
    transition: all .24s ease-in 0;
    width: 34px
}

.searchoverlay-f .adtexxx {
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
    color: #aeaeae
}

.searchoverlay-f .center {
    border: 1px solid #e0e0e0;
    padding: 10px;
    text-align: center
}

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

    .padmoremenu {
        display: block !important
    }
}

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

    .tabmoremenu {
        display: block !important
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .t-mainmenu ul li {
        font-size: 12px;
    }

    .hide-deskmenu {
        display: none !important
    }

    .deskmoremenu {
        display: block !important
    }
}

@media (min-width: 1301px) and (max-width: 1550px) {
    .hide-bigdeskmenu {
        display: none !important
    }

    .bigdeskmoremenu {
        display: block !important
    }
}

@media (min-width: 1551px) and (max-width: 1620px) {
    .hide-bigmiddeskmenu {
        display: none !important
    }

    .bigmiddeskmoremenu {
        display: block !important
    }
}

@media only screen and (min-width : 1621px) and (max-width : 1680px) {
    .t-mainmenu ul li {
        font-size: 13px;
    }

    .hide-1680 {
        display: none !important
    }

    .show-1680 {
        display: block !important
    }
}

@media (min-width: 1621px) {
    .hide-largedeskmenu {
        display: none !important
    }

    .largedeskmoremenu {
        display: block !important
    }

    .t-mainmenu ul li a {
        padding: 13px 6px
    }
}
/**/
.contentnava {
    float: left;
    padding-top: 20px;
    padding-left: 3%
}

    .contentnava a {
        background: #08a182;
        border-radius: 2px;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,0.75);
        font-family: robotoregular;
        font-weight: 400;
        padding: 4px 14px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

        .contentnava a:hover {
            background: #137964;
            color: #fff;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

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

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

@media (min-width: 1360px) and (max-width: 1450px) {
    .contentnava svg {
        width: 158px;
        margin-left: 1%
    }

    .contentnava {
        padding-top: 20px;
        padding-left: 10px
    }
}

@media (min-width: 1200px) and (max-width: 1359px) {
    .contentnava svg {
        width: 147px;
        margin-left: 0
    }

    .contentnava {
        padding-top: 20px;
        padding-left: 0
    }

        .contentnava a {
            padding: 4px 8px;
            font-size: 12px;
            margin-left: 10px
        }
}

@media (min-width: 300px) and (max-width: 991px) {
    .topnav .contentnava {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1030px) {
    .topnav .contentnava {
        float: right;
        padding-left: 0
    }
}

.topnav .container.container-max, .botnav .container.container-max, .t-mainmenu.container.container-max {
    max-width: 100%
}

@media (min-width: 991px) {
    .t-mainmenu ul li a {
        position: relative
    }

    .t-mainmenu ul li.ser a:after, .t-mainmenu ul li.itr a:after, .t-mainmenu ul li.job a:after, .t-mainmenu ul li.dyc a:after /*,.t-mainmenu ul li.lbz a:after,.t-mainmenu ul li.rms a:after,.t-mainmenu ul li.ren a:after,.t-mainmenu ul li.eve a:after,.t-mainmenu ul li.lwr a:after,.t-mainmenu ul li.eve a:after,.t-mainmenu ul li.img a:after,.t-mainmenu ul li.cld a:after,.t-mainmenu ul li.trl a:after,.t-mainmenu ul li.car a:after,.t-mainmenu ul li.buy a:after,.t-mainmenu ul li.mov a:after,.t-mainmenu ul li.inp a:after */ {
        content: "\f107";
        font-family: 'FontAwesome';
        position: relative;
        right: -3px
    }

    .t-mainmenu ul li.active a::after {
        content: "" !important
    }
}
/**/

@media (max-width: 991px) {
}
/**/
.jobmore {
    position: relative
}

    .jobmore .jobmorelist {
        background-color: #fff;
        display: none;
        height: auto;
        position: absolute;
        left: 0;
        top: 43px;
        width: 150px;
        z-index: 10
    }

    .jobmore:hover .jobmorelist {
        display: block
    }

    .jobmore .jobmorelist ul {
        height: auto
    }

    .jobmore .jobmorelist li {
        display: block;
        margin: 0 0 1px
    }

        .jobmore .jobmorelist li a {
            padding: 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
        }

@media only screen and (min-width : 769px) and (max-width : 1024px) {
    /*sub menu*/
    .jobmore .jobmorelist {
        right: 0;
        left: auto !important
    }

        .jobmore .jobmorelist:after, .jobmore .jobmorelist:before {
            right: 25px;
            left: auto !important
        }
}

@media only screen and (min-width : 1025px) and (max-width : 1280px) {
    /*sub menu*/
    .jobmore .jobmorelist {
        right: 0;
        left: auto !important
    }

        .jobmore .jobmorelist:after, .jobmore .jobmorelist:before {
            right: 25px;
            left: auto !important
        }
}

.new-tag {
    font-size: 10px;
    padding: 3px 7px;
    background: #e82e47;
    border-radius: 5px;
    position: absolute;
    top: 0;
    margin-top: 0px;
    color: #fff;
    right: 0;
}
/* footer Start*/
footer {
    background: #333;
    color: #fff;
    padding-bottom: 36px;
}

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;
}
/*Header footer end*/
.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;
        }

.needlssec {
    line-height: 34px;
    margin-right: 20px;
    float: right;
    font-size: 13px;
    font-family: robotoregular;
    color: #fff;
}

@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: 999999;
    }
}

.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(../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;
}

@-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 .cls {
        float: right;
        margin-right: 10px !important;
    }

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

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

.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%;
}

@media (max-width: 767px) {
    header .topnav {
        z-index: 999999;
    }

        header .topnav .location-hd .dropdown-wraper {
            height: 100%;
            position: fixed;
            top: 0;
            overflow-y: auto;
        }

            header .topnav .location-hd .dropdown-wraper .citymetro .cm-inner ul {
                height: 250px;
            }

            header .topnav .location-hd .dropdown-wraper .close {
                position: fixed;
            }

            header .topnav .location-hd .dropdown-wraper .mainhd {
                position: fixed;
                z-index: 9;
                top: 0;
                width: 100%;
            }

            header .topnav .location-hd .dropdown-wraper .dropdown-content {
                margin-top: 55px;
            }

            header .topnav .location-hd .dropdown-wraper .form-wraper {
                padding: 15px 20px 15px 20px;
            }

            header .topnav .location-hd .dropdown-wraper .loc-place {
                margin: 55px 0 0 20px;
            }
}
/* ========================= Common Header Footer end===============================*/
.festival {
    margin: 20px 0 0 0;
    float: left;
    padding: 0 0 0 3%
}

    .festival a {
        background: #08a182 url(https://d3aew4oo17ml6.cloudfront.net/common/images/other/color1.gif) repeat center center;
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
        padding: 5px 8px;
        line-height: 15px;
    }

    .festival:hover a {
        background: #08a182
    }

.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;
}
/**/
/*============================================Murugesan Alagarsamy started============================================*/
.breadcrumb {
    padding: 15px 0 10px 0;
    font-size: 11px;
    line-height: 13px;
    color: #999;
    display: block;
    z-index: 2
}

    .breadcrumb a {
        color: #333;
    }

        .breadcrumb a:after {
            display: inline-block;
            font: normal normal normal 12px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f178";
            padding: 0 5px;
            color: #a4a4a4we
        }

/*============================================ Badge Started ============================================*/
/* new owl-carousel start*/
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

.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 {
        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-nav div {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        background-color: rgba(0, 0, 0, 0.5);
        background-size: 70%;
        display: block;
        height: 50px;
        overflow: hidden;
        margin: -15px 0 0;
        padding: 0;
        position: absolute;
        text-indent: -9999px;
        top: 50%;
        background-clip: padding-box;
        background-repeat: no-repeat;
        background-position: 50%;
        vertical-align: middle;
        width: 50px;
        cursor: pointer;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

.owl-theme .owl-nav .disabled {
    opacity: 0;
}

.owl-carousel.owl-theme:hover .owl-nav .disabled {
    opacity: 0.5 !important
}

.owl-carousel:hover .owl-nav div {
    opacity: 1
}

.owl-carousel .owl-nav div.owl-next {
    background-image: url(../images/default/arrow-wt-rt.svg);
    right: 0
}

.owl-carousel .owl-nav div.owl-prev {
    background-image: url(../images/default/arrow-wt-lt.svg);
    left: 0
}

.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%
}
/*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: 2px solid #5a5a5a
}

.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: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"].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: 15px;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 17px;
    font-size: 13px;
    -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: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #5a5a5a;
        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: 12px;
    height: 22px;
    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: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
    border-radius: 2px;
}

.input-field [type="checkbox"].filled-in + span:not(.lever):after {
    border-radius: 2px;
}

.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;
    border-radius: 2px;
}

.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*/

@media (max-width: 500px) {
    .mobileview {
        display: block !important;
        visibility: visible;
    }
}

@media (max-width: 767px) {
    .mobilehide {
        display: none
    }
}
/*Modal Start*/
/* login modal*/
.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("../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;
            }
/* Murugesh Start*/
/*============================================ owl carousel Start ============================================*/
/* new owl-carousel start*/

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

.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 {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.owl-theme .owl-nav .disabled {
    opacity: 0;
}

.owl-carousel .owl-nav div {
    background-color: #fff;
    background-size: 70%;
    display: block;
    height: 50px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    background-clip: padding-box;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
    width: 50px;
    cursor: pointer;
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 50%;
    transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);
    transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);
    will-change: background-color,box-shadow;
}

    .owl-carousel .owl-nav div img {
        height: 42px;
        width: 42px;
    }

    .owl-carousel .owl-nav div:hover {
        box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23);
        background-color: rgba(255,255,255,.9);
        cursor: pointer;
        background-color: rgba(255,255,255,.9)
    }

    .owl-carousel .owl-nav div.owl-next {
        background-image: url(../images/other/keyboard-arrow.svg);
        right: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .owl-carousel .owl-nav div.owl-prev {
        background-image: url(../images/other/keyboard-arrow.svg);
        left: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.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 ============================================*/

/**/
.flex {
    -ms-flex-direction: row;
    flex-direction: row;
    display: -ms-flexbox;
    display: flex;
}

.rowflex {
    -ms-flex-direction: row;
    flex-direction: row;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flexright {
    margin-left: auto
}

/* ************************************
         					Page Start
************************************* */
.onlieclassesmainwrp {
}

.commonbanner {
    background: url("../images/other/common-image.jpg") 0 0 no-repeat;
    background-size: cover;
    background-position: center;
    height: 325px;
    position: relative
}

    .commonbanner .home-searchwrp {
        padding-top: 85px;
        position: relative;
        width: 92.8%;
        color: #fff;
    }

        .commonbanner .home-searchwrp .formtitle {
            font-family: Google Sans, Arial, sans-serif;
            font-size: 36px;
            font-weight: 500;
            text-shadow: 2px 2px 0 rgba(0,0,0,.45);
            color: #fff
        }

        .commonbanner .home-searchwrp .formsearch {
            margin: 16px 0 20px;
            transition: top 0.5s ease;
            top: 0px;
            position: relative
        }

            .commonbanner .home-searchwrp .formsearch .fasearch {
                position: absolute;
                left: 0;
                top: 0;
                color: #212121;
                padding: 24px 20px;
            }

            .commonbanner .home-searchwrp .formsearch input {
                background-color: #ffffff;
                padding: 19px;
                font-size: 16px;
                font-weight: 500;
                line-height: 26px;
                color: #323639;
                width: 450px;
                border: none;
                margin: 0px;
                float: left;
                -webkit-border-top-left-radius: 6px;
                -webkit-border-bottom-left-radius: 6px;
                -moz-border-radius-topleft: 6px;
                -moz-border-radius-bottomleft: 6px;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                background-image: url("../images/other/search.png");
                background-repeat: no-repeat;
                background-position: 15px center;
                background-size: 20px;
                padding-left: 50px;
                box-shadow: 0 0 5px rgba(56, 66, 82, 0.3);
                height: 64px;
            }

            .commonbanner .home-searchwrp .formsearch .inputbtn {
                border-top-right-radius: 6px;
                background-color: #df3b4c;
                border: none;
                padding: 23px;
                font-size: 18px;
                font-weight: 600;
                line-height: 18px;
                color: #ffffff;
                border-bottom-right-radius: 6px;
                margin: 0px;
                float: left;
            }

                .commonbanner .home-searchwrp .formsearch .inputbtn .arrow-right {
                    background-image: url(../images/other/white_arw_pointer.png);
                    background-repeat: no-repeat;
                    background-position: 90% center;
                    background-size: 20px;
                    padding-right: 50px;
                }

            .commonbanner .home-searchwrp .formsearch .search-sugges {
                position: absolute;
                background: #fff;
                padding: 0;
                -webkit-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.2);
                -moz-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.2);
                box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.2);
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                width: calc(100% - 854px);
                left: 0;
                text-align: left;
                top: 60px;
                display: none;
                z-index: 9
            }

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

                .commonbanner .home-searchwrp .formsearch .search-sugges ul {
                    max-height: 420px;
                    overflow-y: auto;
                    overflow-x: hidden;
                    width: 100%;
                }

                    .commonbanner .home-searchwrp .formsearch .search-sugges ul li {
                        line-height: 34px;
                        cursor: pointer;
                        font-size: 13px;
                    }

                        .commonbanner .home-searchwrp .formsearch .search-sugges ul li:hover, .commonbanner .home-searchwrp .formsearch .search-sugges ul li.active {
                            background: #f0f0f0;
                        }

                        .commonbanner .home-searchwrp .formsearch .search-sugges 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;
                        }
    /**/
    .commonbanner .upstats > span {
        border-right: 2px solid rgba(255, 255, 255, 0.6);
        display: inline-block;
        padding: 0px 10px;
        font-size: 16px;
        color: #fff;
    }

        .commonbanner .upstats > span > span.upstatct {
            font-size: 22px;
            font-weight: 600;
            color: #fff;
        }

        .commonbanner .upstats > span:last-child {
            border-right: 0px;
        }

        .commonbanner .upstats > span:first-child {
            padding-left: 0px;
        }

/**/
.online-svcewrp {
    padding: 0 0 10px
}

.primarytitle {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #212121;
    padding: 15px 0
}

    .primarytitle .tagline {
        font-family: Google Sans, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #777;
        padding: 15px 0 30px
    }

.online-svcewrp .services-wrp {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.online-svcewrp .serviceswrp {
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
    border-radius: 3px;
    padding: 5px;
    background: #fff;
}

    .online-svcewrp .serviceswrp figure {
        height: 150px;
        border-radius: 3px 3px 0 0;
        overflow: hidden;
        width: 100%;
        background-color: #f5f5f5;
        position: relative
    }

        .online-svcewrp .serviceswrp figure img {
            width: 100%;
            height: 100%
        }

    .online-svcewrp .serviceswrp .gridhoverinfo {
        background: rgba(0, 106, 179, 0.86);
        text-align: center;
        opacity: 0;
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        color: #fff;
    }

    .online-svcewrp .serviceswrp:hover .gridhoverinfo {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 1;
    }

    .online-svcewrp .serviceswrp .gridhoverinfo ul {
        padding: 10px;
    }

        .online-svcewrp .serviceswrp .gridhoverinfo ul li {
            text-align: left;
            padding: 5px 0;
            font-weight: 500
        }

            .online-svcewrp .serviceswrp .gridhoverinfo ul li a {
                color: #fff
            }

    .online-svcewrp .serviceswrp .gridhoverinfo .viewmore {
        position: absolute;
        bottom: 10px;
        text-align: left;
        color: #fff;
        display: block;
        padding: 10px;
    }

    .online-svcewrp .serviceswrp .grid-info {
        padding: 15px 5px;
    }

        .online-svcewrp .serviceswrp .grid-info h3 {
            font-size: 16px;
            font-weight: 500
        }

            .online-svcewrp .serviceswrp .grid-info h3 a {
                color: #212121
            }

        .online-svcewrp .serviceswrp .grid-info span {
            font-size: 12px;
            color: #777
        }

        .online-svcewrp .serviceswrp .grid-info .get-quotes {
            float: right;
            margin-top: -3px;
            padding: 6px 10px;
            font-size: 13px;
            color: #212121;
            text-decoration: none;
            border: 1px solid #d8d8d8;
            border-radius: 3px;
            font-weight: 600;
            line-height: 17px;
            transition: .3s ease-in;
        }
/**/
.readmorebtn {
    text-align: center;
    padding: 0 0 15px;
}
/**/
.onlinelistmainwrp {
    margin-top: 20px;
}

    .onlinelistmainwrp .primarytitle {
        font-family: Google Sans, Arial, sans-serif;
        font-size: 26px;
        font-weight: 500;
        color: #212121;
        padding: 15px;
    }

.onlinelistwrp .onlinelist {
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
    border-radius: 3px;
    background: #fff;
    margin-bottom: 20px;
    width: 362px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

    .onlinelistwrp .onlinelist figure {
        background: #f5f5f5;
        width: 342px;
        height: 228px;
        margin: 10px;
        position: relative;
    }

        .onlinelistwrp .onlinelist figure img {
            width: 100%;
        }

        .onlinelistwrp .onlinelist figure:after {
            background: rgba(0,0,0,.8);
            background: -webkit-linear-gradient(to top, rgba(0,0,0,.8) 0, rgba(0,0,0,0) 100%);
            background: -moz-linear-gradient(to top, rgba(0,0,0,.8) 0, rgba(0,0,0,0) 100%);
            background: -o-linear-gradient(to top, rgba(0,0,0,.8) 0, rgba(0,0,0,0) 100%);
            background: linear-gradient(to top, rgba(0,0,0,.8) 0, rgba(0,0,0,0) 100%);
            position: absolute;
            height: 100%;
            width: 100%;
            content: "";
            left: 0;
        }

        .onlinelistwrp .onlinelist figure figcaption {
            background: rgba(255,255,255,.3);
            display: inline-block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px 10px;
            border: 1px solid #fff;
            border-color: rgba(255,255,255,.55);
            border-radius: 3px;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.5px;
            position: absolute;
            bottom: 15px;
            z-index: 9;
            right: 15px;
        }


/**/
.onlinelistwrp .carddetailsbd {
    padding: 0 10px;
    border-bottom: solid 1px #eff0f1;
    height: 125px;
}
    /**/
    .onlinelistwrp .carddetailsbd .onlinetags {
    }

        .onlinelistwrp .carddetailsbd .onlinetags span {
            display: inline-block;
            border-radius: 3px;
            font-size: 11px;
            margin: 0 5px 5px 0;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            padding: 1px 8px;
            line-height: normal
        }

            .onlinelistwrp .carddetailsbd .onlinetags span.categry {
                background-color: #08a182;
            }

            .onlinelistwrp .carddetailsbd .onlinetags span.language {
                background-color: #3381af;
            }

            .onlinelistwrp .carddetailsbd .onlinetags span a {
                color: #fff
            }


.cardprice {
    font-size: 13px;
    color: #888;
    padding: 0;
    display: block;
    letter-spacing: .3px;
    line-height: 17px;
}

    .cardprice b {
        color: #08a182;
        font-weight: 500;
        font-size: 16px;
    }

/**/
.onlinelistwrp .carddetailsbd .cardtitle {
    color: #212121;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: 400;
}

    .onlinelistwrp .carddetailsbd .cardtitle a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        color: #212121
    }

.onlinelistwrp .carddetailsbd .card-details {
    height: 70px;
}
/**/
.caldr {
    background: #eff0f1;
    margin-right: 10px;
    width: 45px
}

    .caldr span {
        display: block;
        padding: 5px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
    }

    .caldr .day {
        color: #013757;
        font-weight: 500;
        font-size: 17px;
    }

.times {
    font-size: 12px;
    color: #666;
}

.caldr .month {
    background: #013757;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

.locwrp {
    color: #7F7F7F;
    line-height: 20px;
    padding-bottom: 5px;
    font-size: 12px;
}

.venuename {
    font-size: 13px;
    color: #888;
    padding: 4px 0;
    display: block;
    letter-spacing: .3px;
    line-height: 17px;
}

    .venuename a {
        color: #212121
    }

        .venuename a.more {
            color: #009fff;
            font-size: 11px;
            font-weight: 500
        }

.times .timezoneoverlay {
    position: relative
}

    .times .timezoneoverlay i {
        font-weight: 500;
        border: solid 1px #eee;
        width: 20px;
        height: 20px;
        background: #eee;
        border-radius: 50px;
        display: inline-block;
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        cursor: pointer
    }

    .times .timezoneoverlay:hover i {
        color: #000
    }

    .times .timezoneoverlay:hover .popover {
        display: block
    }

    .times .timezoneoverlay .popover {
        position: absolute;
        bottom: 27px;
        background: #000;
        color: #fff;
        right: 0;
        border-radius: 4px;
        border: solid 1px #333;
        border-bottom: 0;
        z-index: 9;
        display: none;
        width: 220px;
    }

        .times .timezoneoverlay .popover ul {
            padding: 5px 0
        }

            .times .timezoneoverlay .popover ul li {
                padding: 5px 10px;
                display: block
            }

        .times .timezoneoverlay .popover:after {
            position: absolute;
            bottom: -6px;
            right: 10px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-top: 6px solid #000;
            border-left: 6px solid transparent;
            content: '';
        }

/**/
.onlinelistwrp .carddetailsft {
    position: relative;
    padding: 10px;
}

    .onlinelistwrp .carddetailsft .tags span {
        margin-bottom: 5px;
        background: #f4f4f4;
        color: #999;
        border: 1px solid #dfe3e7;
        border-radius: 20px;
        padding: 3px 5px;
        text-align: center;
        margin-right: 3px;
        font-size: 10px;
        display: inline-block;
        font-weight: 500;
    }

        .onlinelistwrp .carddetailsft .tags span a {
            color: #212121
        }

    .onlinelistwrp .carddetailsft .artist {
    }

        .onlinelistwrp .carddetailsft .artist b {
            display: inline-block;
            padding-right: 5px;
            color: #707070;
            font-size: 11px;
            font-weight: 500;
        }

        .onlinelistwrp .carddetailsft .artist .tags {
            display: inline-block
        }


    .onlinelistwrp .carddetailsft .sharebg {
        color: #6a7281;
        font-size: 14px;
        margin-right: 5px;
    }

        .onlinelistwrp .carddetailsft .sharebg i {
            border-radius: 50%;
            background: #f5f7fa;
            display: block;
            font-size: 15px;
            min-height: 30px;
            min-width: 30px;
            padding: 5px;
            text-align: center;
            display: inline-block;
            margin-right: 5px;
            margin-top: 3px;
            line-height: 20px;
            border: solid 1px #f5f7fa
        }

        .onlinelistwrp .carddetailsft .sharebg:hover {
            color: #6a7281;
        }

        .onlinelistwrp .carddetailsft .sharebg a {
            color: #212121
        }

        .onlinelistwrp .carddetailsft .sharebg i {
            color: #aaa;
            font-weight: normal
        }

            .onlinelistwrp .carddetailsft .sharebg i.fa {
                color: #6a7281;
            }

    .onlinelistwrp .carddetailsft .buy-now {
        float: right;
    }
/**/
.onlinelisthd {
    background: url("../images/other/onlineinnerbg.jpg") 0 0 no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15px 0
}

    .onlinelisthd .breadcrumb {
        color: #fff;
    }

        .onlinelisthd .breadcrumb a {
            color: #999;
        }

    .onlinelisthd .pagetitle {
        font-family: Google Sans, Arial, sans-serif;
        font-size: 30px;
        font-weight: 500;
        text-shadow: 2px 2px 0 rgba(0,0,0,.45);
        color: #fff;
        padding: 15px 0 0
    }

    .onlinelisthd .tagline {
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        padding: 8px 0 15px;
        display: block
    }

    .onlinelisthd .contant {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        padding: 8px 0 15px;
        display: block;
        line-height: 20px;
    }

.contant {
    font-size: 14px;
    color: #212121;
    font-weight: 400;
    padding: 0 0 15px;
    display: block;
    line-height: 20px;
}

/* Alert text start*/
.alertwrp {
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    padding: 2px;
    margin-bottom: 25px;
}

    .alertwrp .alerttext {
        background: #ea445b;
        padding: 10px;
        color: #fff
    }

        .alertwrp .alerttext i {
            float: left;
            font-size: 50px;
            margin-right: 10px;
            text-shadow: 2px 2px 0 #9a263a;
        }

        .alertwrp .alerttext b {
            font-weight: 400;
            font-size: 18px;
            letter-spacing: 0.5px
        }

        .alertwrp .alerttext p {
            font-size: 14px;
            font-weight: 300;
            padding: 8px 0;
            display: block;
        }

            .alertwrp .alerttext p a {
                color: #ff0;
                font-weight: 500;
                font-size: 16px;
            }

/* filter start*/
.filterwrap {
    background: #fff;
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
    border-radius: 3px;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -ms-flexbox;
    display: flex;
}

    .filterwrap .filtertitle {
        padding: 15px;
        background: #f5f5f5;
        color: #212121;
        display: inline-block;
        border: solid 1px #fff;
        border-radius: 3px;
    }

    .filterwrap ul {
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .filterwrap ul li {
            color: rgba(0,0,0,.54);
            font-weight: 400;
            font: 400 15px/22px "Google Sans", sans-serif;
            letter-spacing: .25px;
            border-right: solid 1px rgba(0,0,0,.1);
            position: relative;
            float: left\9;
            padding-top: 8px\9;
            padding-bottom: 8px\9;
        }

            .filterwrap ul li .fa-calendar {
                position: absolute;
                left: 10px;
                top: 18px;
            }

            .filterwrap ul li input[type="text"] {
                border: 0;
                width: 100%;
                height: 100%;
                padding: 10px 10px 10px 30px;
                color: rgba(0,0,0,.54);
            }

            .filterwrap ul li a {
                display: block;
                padding: 15px;
                color: rgba(0,0,0,.54);
            }

            .filterwrap ul li .optwrapper {
                background: #fff;
                border: none;
                border-radius: 0 0 3px 3px;
                box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
                width: 460px;
                margin: 0;
                padding-bottom: 1px;
                text-align: left;
                top: 51px;
                right: auto;
                bottom: auto;
                left: 0;
                position: absolute;
                z-index: 2;
                display: none;
                transition: opacity .2s ease-out, top .2s ease-out, visibility .2s ease-out;
                -webkit-transition: opacity .2s ease-out, top .2s ease-out, visibility .2s ease-out;
                -moz-transition: opacity .2s ease-out, top .2s ease-out, visibility .2s ease-out;
                -ms-transition: opacity .2s ease-out, top .2s ease-out, visibility .2s ease-out;
                -o-transition: opacity .2s ease-out, top .2s ease-out, visibility .2s ease-out;
                box-sizing: border-box;
                max-height: 330px;
                overflow-y: auto;
                overflow-x: hidden;
            }

                .filterwrap ul li .optwrapper ul {
                    display: block
                }

                .filterwrap ul li .optwrapper li {
                    font-size: 13px;
                    border-bottom: 1px solid #f5f5f5;
                    color: #333;
                    padding: 10px 12px;
                    line-height: normal;
                    cursor: pointer;
                    float: left;
                    width: 50%
                }

            .filterwrap ul li.active a {
                background: #f5f5f5;
                color: #212121
            }

            .filterwrap ul li .optwrapper li a {
                padding: 0;
                color: #212121;
                background: none
            }

            .filterwrap ul li .optwrapper li.active, .filterwrap ul li .optwrapper li:hover {
                background-color: #ff4242;
                color: #fff;
            }

                .filterwrap ul li .optwrapper li.active a, .filterwrap ul li .optwrapper li:hover a {
                    color: #fff;
                }

.filtertag {
    padding: 15px 0 0 0;
}

    .filtertag ul li {
        display: inline-block;
        background-color: #d9d9d9;
        border-radius: 20px;
        font-size: 12px;
        margin: 0 5px 10px 5px;
        padding: 7px 20px;
        font-family: "robotobold";
    }

        .filtertag ul li a {
            color: #616161
        }

    .filtertag .tagclose {
        font-size: 10px;
        font-family: "robotobold";
        color: #000;
        float: right;
        padding-left: 10px;
    }
/**/
.sortsearch {
    margin-left: auto;
    padding: 5px 15px;
    font-family: "Google Sans", Arial, sans-serif;
    text-align: right\9;
}

.sortsearch {
    float: right;
    border-left: solid 1px #b0b5bd;
    margin-right: 18px;
    width: 485px;
    position: relative
}

    .sortsearch .loaderhome {
        right: 3%
    }

    .sortsearch .search-suggest-hd {
        z-index: 2;
        border: 1px solid rgba(0, 0, 0, .15);
        top: 50px;
        display: none
    }

        .sortsearch .search-suggest-hd ul li a i {
            color: #333;
            font-size: 12px;
        }

        .sortsearch .search-suggest-hd ul li a:hover i {
            color: #fff
        }

        .sortsearch .search-suggest-hd:after {
            border-bottom-color: #fff;
        }

    .sortsearch input[type="text"] {
        border: 0;
        width: 89%;
        height: 44px;
        padding: 10px;
    }

    .sortsearch i {
        color: #a2a0a0;
        font-size: 18px
    }

    .sortsearch .searchicon {
        padding: 0 15px;
        display: inline-block
    }

    .sortsearch .search-suggest-hd .wraper ul {
        display: block
    }

        .sortsearch .search-suggest-hd .wraper ul li a {
            padding: 10px 12px
        }

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

            .sortsearch .search-suggest-hd .wraper ul li.active a i {
                color: #fff;
            }
/**/
.herobannerwrp {
    background: #fff;
    padding: 10px 5px 5px;
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
}

    .herobannerwrp img {
        border-radius: 5px;
    }

.herobannerinner {
    background: #fff;
    padding: 10px 5px 5px;
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
}

    .herobannerinner img {
        border-radius: 5px;
    }

/* Share overlay*/
.modal .sharewraper {
    width: 600px;
    background: #fff;
    margin: 0 auto;
    margin-top: 125px;
    margin-bottom: 125px;
    position: relative;
    border-radius: 5px;
}

.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(../images/other/remove.png) no-repeat 0 0;
        filter: alpha(opacity=8);
        -khtml-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
    }

.modal .sharewraper .share-contents {
    padding: 15px;
}

    .modal .sharewraper .share-contents figure {
        width: 80px;
        height: 80px;
        margin: 0 10px 0 0;
        float: left;
    }

        .modal .sharewraper .share-contents figure img {
            height: 65px;
            width: 80px;
        }

    .modal .sharewraper .share-contents ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 16px;
        line-height: 22px;
        color: #333;
    }

        .modal .sharewraper .share-contents ul li.whnwre {
            font-size: 12px;
            color: #3f3f3f;
            font-weight: 300;
        }

        .modal .sharewraper .share-contents ul li i {
            color: #777
        }

.modal .sharewraper .social-copy-share {
    border-top: 1px solid #eee;
    padding: 15px;
    position: relative;
    background: #f0f0f0;
}

    .modal .sharewraper .social-copy-share b {
        position: absolute;
        left: 25px;
        top: 28px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .modal .sharewraper .social-copy-share b:before {
            font-size: 16px;
            color: #000
        }

    .modal .sharewraper .social-copy-share input[type="text"] {
        font-weight: 300;
        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 .sharewraper .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
    }

.modal .sharewraper .social-btns {
    text-align: center;
    padding: 20px 0
}

    .modal .sharewraper .social-btns ul {
        display: inline-block;
    }

        .modal .sharewraper .social-btns ul li {
            float: left;
            margin: 0 15px 0;
        }

            .modal .sharewraper .social-btns ul li i {
                margin-right: 4px;
            }

            .modal .sharewraper .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 .sharewraper .social-btns ul li a:hover {
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                }

            .modal .sharewraper .social-btns ul li:hover a {
                color: #fff !important
            }

            .modal .sharewraper .social-btns ul li a.fb {
                border-color: #3b5998;
                color: #3b5998;
            }

            .modal .sharewraper .social-btns ul li a.tw {
                border-color: #55acee;
                color: #55acee;
            }

            .modal .sharewraper .social-btns ul li a.gp {
                border-color: #dd4b39;
                color: #dd4b39;
            }

            .modal .sharewraper .social-btns ul li a.mil {
                border-color: #0072c6;
                color: #0072c6;
            }

            .modal .sharewraper .social-btns ul li a.whatsapp {
                border-color: #34AF23;
                color: #34AF23;
            }

            .modal .sharewraper .social-btns ul li:hover a.fb {
                background-color: #3b5998;
            }

            .modal .sharewraper .social-btns ul li:hover a.tw {
                background-color: #55acee;
            }

            .modal .sharewraper .social-btns ul li:hover a.gp {
                background-color: #dd4b39;
            }

            .modal .sharewraper .social-btns ul li:hover a.mil {
                background-color: #0072c6;
            }

            .modal .sharewraper .social-btns ul li:hover a.whatsapp {
                background-color: #34AF23;
            }
/**/
.mobilebtn, .filterpaneltitle {
    display: none
}
/**/



.category-list {
}

    .category-list ul {
    }

        .category-list ul li {
            width: 125px;
            height: 125px;
            margin-right: 15px;
            float: left;
            border: 1px solid #d0d0d0;
            border-radius: 6px;
            background: #fff;
            text-align: center;
            padding-top: 15px;
            margin-bottom: 15px;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
        }

            .category-list ul li:hover {
                border: 1px solid #fe3724;
                box-shadow: 0 1px 6px rgba(57,73,76,.35);
            }

            .category-list ul li a {
                color: #212121;
                display: block
            }

                .category-list ul li a i {
                    width: 50px;
                    height: 50px;
                    background: #f5f5f5;
                    display: inline-block
                }

                .category-list ul li a span {
                    display: block;
                    padding-top: 5px;
                    font-family: Google Sans, Arial, sans-serif;
                }

            .category-list ul li:hover a span {
                color: #fe3724
            }

            .category-list ul li a b {
                display: block;
                color: #777;
                font-size: 12px;
                padding-top: 3px;
            }

            .category-list ul li:hover a b {
                color: #212121
            }

            .category-list ul li a i.yoga {
                background: url("../images/other/yoga.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.fitness-trainers {
                background: url("../images/other/fitness-trainers.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.music {
                background: url("../images/other/music.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.singing {
                background: url("../images/other/singing.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.healthcare-advisors {
                background: url("../images/other/healthcare-advisors.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.zumba {
                background: url("../images/other/zumba.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.pilates {
                background: url("../images/other/pilates.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.spinning {
                background: url("../images/other/spinning.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.crossfit {
                background: url("../images/other/crossfit.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.aerobics {
                background: url("../images/other/aerobics.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.comedy {
                background: url("../images/other/comedy.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.webinar {
                background: url("../images/other/webinar.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.dance {
                background: url("../images/other/dance.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.storytime {
                background: url("../images/other/storytime.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.food-drink {
                background: url("../images/other/food-drink.svg") 0 0 no-repeat;
                background-size: 100%
            }

            .category-list ul li a i.magic-show {
                background: url("../images/other/magic-show.svg") 0 0 no-repeat;
                background-size: 100%
            }
/**/

.categorynav-arrow-prev, .categorynav-arrow-next {
    background-color: #fff;
    background-size: 70%;
    display: block;
    height: 40px;
    width: 50px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 5px;
    background-clip: padding-box;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
    cursor: pointer;
    background-image: url(../images/other/keyboard-arrow.svg);
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
    border-radius: 3px;
}

    .categorynav-arrow-prev img, .categorynav-arrow-next img {
        height: 42px;
        width: 42px;
    }

.categorynav-arrow-next {
    right: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.categorynav-arrow-prev {
    left: 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/**/
.inner-category {
    margin-bottom: 15px;
    height: 55px;
    overflow: hidden;
    position: relative;
}

.categorynav-nav-wrp {
}

.inner-category ul {
    text-align: center;
    height: 90px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin: 4px 55px;
    padding: 0;
}

    .inner-category ul li {
        display: inline-block;
        margin-right: 10px;
        white-space: nowrap;
    }

        .inner-category ul li.active a {
            background: #fff;
        }

        .inner-category ul li a {
            display: flex;
            align-items: center;
            background: #c3c8cc;
            padding: 7px 15px;
            border-radius: 4px;
        }

            .inner-category ul li a i {
                width: 30px;
                height: 30px;
                display: inline-block;
                border-radius: 50px;
                text-align: center;
                margin-right: 5px;
            }

            .inner-category ul li a span {
                font-size: 13px;
                color: #212121;
                padding-bottom: 5px;
                font-family: Google Sans, Arial, sans-serif;
            }

            .inner-category ul li a b {
                font-size: 12px;
                display: block
            }

            .inner-category ul li a i.yoga {
                background: #fff url("../images/other/yoga.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.fitness-trainers {
                background: #fff url("../images/other/fitness-trainers.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.music {
                background: #fff url("../images/other/music.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.singing {
                background: #fff url("../images/other/singing.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.healthcare-advisors {
                background: #fff url("../images/other/healthcare-advisors.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.zumba {
                background: #fff url("../images/other/zumba.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.pilates {
                background: #fff url("../images/other/pilates.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.spinning {
                background: #fff url("../images/other/spinning.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.crossfit {
                background: #fff url("../images/other/crossfit.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.aerobics {
                background: #fff url("../images/other/aerobics.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.comedy {
                background: #fff url("../images/other/comedy.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.webinar {
                background: #fff url("../images/other/webinar.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.dance {
                background: #fff url("../images/other/dance.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.storytime {
                background: #fff url("../images/other/storytime.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.food-drink {
                background: #fff url("../images/other/food-drink.svg") center 3px no-repeat;
                background-size: 80%
            }

            .inner-category ul li a i.magic-show {
                background: #fff url("../images/other/magic-show.svg") center 3px no-repeat;
                background-size: 80%
            }


.categorylistingwrp {
}

    .categorylistingwrp .cardlistwrp {
        width: 385px;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .categorylistingwrp .cardlist-item {
        box-shadow: 0 1px 6px rgba(57,73,76,.35);
        border-radius: 3px;
        background: #fff;
        margin-bottom: 20px;
        position: relative;
    }

        .categorylistingwrp .cardlist-item figure {
            width: 70px;
            height: 70px;
            background: #ccc;
            float: left;
            margin-right: 10px;
        }

            .categorylistingwrp .cardlist-item figure img {
                height: 100%
            }

        .categorylistingwrp .cardlist-item .catedetails {
        }

            .categorylistingwrp .cardlist-item .catedetails .cardtitle {
                color: #212121;
                font-size: 16px;
                margin-bottom: 5px;
                line-height: 20px;
                font-weight: 400;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

                .categorylistingwrp .cardlist-item .catedetails .cardtitle a {
                    color: #36474f;
                }

            .categorylistingwrp .cardlist-item .catedetails ul {
                margin: 7px 0
            }

                .categorylistingwrp .cardlist-item .catedetails ul li {
                    padding: 0 0 5px;
                    color: #7f7f7f;
                    font-size: 13px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    line-height: 18px;
                }

                    .categorylistingwrp .cardlist-item .catedetails ul li i:before {
                        font-size: 14px;
                    }

                    .categorylistingwrp .cardlist-item .catedetails ul li a {
                        color: #333;
                    }

                        .categorylistingwrp .cardlist-item .catedetails ul li a:hover {
                            color: #7f7f7f;
                            text-decoration: underline
                        }

    .categorylistingwrp .popover ul li {
        padding: 5px 10px !important;
        color: #fff !important
    }

    .categorylistingwrp .cardlist-item .carddetailsft {
        position: relative;
        padding: 10px;
        border-top: solid 1px #eff0f1;
        display: flex
    }

        .categorylistingwrp .cardlist-item .carddetailsft .sharebg {
            color: #6a7281;
            font-size: 14px;
            margin-right: 5px;
        }

            .categorylistingwrp .cardlist-item .carddetailsft .sharebg i {
                border-radius: 50%;
                background: #f5f7fa;
                display: block;
                font-size: 15px;
                min-height: 30px;
                min-width: 30px;
                padding: 5px;
                text-align: center;
                display: inline-block;
                margin-right: 5px;
                margin-top: 3px;
                line-height: 20px;
                border: solid 1px #f5f7fa
            }

            .categorylistingwrp .cardlist-item .carddetailsft .sharebg:hover {
                color: #6a7281;
            }

            .categorylistingwrp .cardlist-item .carddetailsft .sharebg a {
                color: #212121
            }

            .categorylistingwrp .cardlist-item .carddetailsft .sharebg i {
                color: #aaa;
                font-weight: normal
            }

                .categorylistingwrp .cardlist-item .carddetailsft .sharebg i.fa {
                    color: #6a7281;
                }

        .categorylistingwrp .cardlist-item .carddetailsft .buy-now {
            margin-left: auto
        }
/**/
.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);
    color: #333;
    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: 31px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #712fff
}

    .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: 31px;
        height: 31px;
        display: inline-block;
        background-color: #712fff;
        text-align: center;
        line-height: 34px;
        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;
        color: #eb197c;
        text-shadow: none
    }
    /**/
    .we-save-badge .icon i {
        font-size: 16px
    }
    /**/
    .we-save-badge.facebok {
        background-color: #29487d;
        color: #fff
    }

        .we-save-badge.facebok .icon {
            background-color: #29487d;
        }

        .we-save-badge.facebok .label {
            color: #fff
        }
    /**/
    .we-save-badge.instagram {
        background-color: #af309a;
        color: #fff
    }

        .we-save-badge.instagram .icon {
            background-color: #af309a;
        }

        .we-save-badge.instagram .label {
            color: #fff
        }
    /**/
    .we-save-badge.youtube {
        background-color: #c71f1e;
        color: #fff
    }

        .we-save-badge.youtube .icon {
            background-color: #c71f1e;
        }

        .we-save-badge.youtube .label {
            color: #fff
        }
    /**/
    .we-save-badge.zoom {
        background-color: #2c88f8;
        color: #fff
    }

        .we-save-badge.zoom .icon {
            background-color: #2c88f8;
        }

        .we-save-badge.zoom .label {
            color: #fff
        }
    /**/
    .we-save-badge:hover {
        max-width: 1000px
    }

        .we-save-badge:hover .label {
            margin-left: 0px;
            opacity: 1
        }

.paragrap {
    padding: 15px;
    -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);
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -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);
    transition: box-shadow 250ms cubic-bezier(0.23, 1, 0.32, 1), transform 250ms cubic-bezier(0.23, 1, 0.32, 1);
    margin-bottom: 15px;
}

    .paragrap p {
        color: #666;
        font-size: 14px;
        line-height: 21px;
        padding: 0 0 10px;
    }


/*Murugesh end*/
@media only screen and (max-width : 320px) {
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
    .sticky .topnav {
        position: fixed;
        width: 100%
    }

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

    .online-svcewrp .services-wrp {
        width: 100%;
    }
}
/*----iphone---*/
@media (max-width : 640px) {
    .onlinelistwrp .onlinelist {
        width: 93%;
    }

        .onlinelistwrp .onlinelist figure {
            width: 95%;
            height: 100%;
        }

            .onlinelistwrp .onlinelist figure img {
                height: 150px;
            }

    /**/
    .modal .sharewraper .social-copy-share input[type="text"] {
        width: 65%;
    }

    .modal .sharewraper .social-btns ul li span {
        display: none
    }

    .primarytitle {
        font-size: 20px;
        padding: 15px 0 15px;
    }

    .categorylistingwrp .cardlistwrp {
        width: 100%;
    }
}

@media only screen and (min-width : 569px) and (max-width : 640px) {
    .online-svcewrp .services-wrp {
        width: 50%;
    }

    .onlinelistwrp .onlinelist {
        width: 266px;
    }

        .onlinelistwrp .onlinelist figure {
            width: 246px;
            height: 158px;
        }

    .categorylistingwrp .cardlistwrp {
        width: 50%;
    }
}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {
    .online-svcewrp .services-wrp {
        width: 50%;
    }

    .onlinelistwrp .onlinelist {
        width: 330px
    }

        .onlinelistwrp .onlinelist figure {
            width: 310px;
            height: 208px;
        }

    .sortsearch {
        width: 300px;
    }

    .categorylistingwrp .cardlistwrp {
        width: 50%;
    }
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
    .commonbanner {
        height: 255px;
    }

        .commonbanner .home-searchwrp {
            width: 100%;
            padding-top: 15px;
        }

            .commonbanner .home-searchwrp .formtitle {
                font-size: 26px;
            }

            .commonbanner .home-searchwrp .formsearch input {
                width: 100%;
                padding: 11px;
                float: none;
                border-radius: 6px;
                padding-left: 50px;
            }

            .commonbanner .home-searchwrp .formsearch .inputbtn {
                padding: 15px;
                display: block;
                float: none;
                margin-top: 15px;
                text-align: center;
                border-radius: 6px;
            }

    .modal .sharewraper {
        height: 100% !important;
        margin: 0;
        width: 100% !important;
        top: 0;
        border-radius: 0
    }

    .modal .close {
        margin: 10px;
        right: 0;
        width: 20px;
        height: 20px;
    }

        .modal .close a {
            background: url(../images/other/remove-black.png) no-repeat 0 0;
            width: 20px;
            height: 20px;
            background-size: 100%;
        }
    /**/
    .mobilebtn {
        display: block;
        padding: 10px
    }

    .filtermain.show {
        top: 0;
        transition: .2s all linear !important;
    }

    .filtermain {
        position: fixed;
        z-index: 999999;
        top: 100%;
        bottom: 0;
        margin: 0;
        padding: 0;
        float: none;
        right: 0;
        left: 0;
        transition: .2s all linear !important;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .filtermain .filterpaneltitle {
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
            font-size: 16px;
            color: #333;
            font-weight: 500;
            padding-left: 40px;
            display: block
        }

            .filtermain .filterpaneltitle .close {
                font-size: 30px;
                display: inline-block;
                color: #666;
                position: absolute;
                left: 0;
                top: 0;
                padding: 7px 10px;
                font-weight: 400;
                cursor: pointer;
            }

    .filtermain {
        background: #fff;
    }

    .filterwrap ul {
        display: block
    }

        .filterwrap ul li .filtertitle {
            display: none
        }

        .filterwrap ul li {
            border-bottom: dotted 1px #c3c3c3;
        }

            .filterwrap ul li .fa-calendar {
                top: 10px;
            }

            .filterwrap ul li a {
                display: block
            }

            .filterwrap ul li i.fa-angle-down {
                float: right
            }

    .daterangepicker {
        z-index: 999999 !important;
    }

    .sortsearch {
        margin-right: 10px;
    }

        .sortsearch input[type="text"] {
            width: 100%;
        }

        .sortsearch .searchicon {
            position: absolute;
            top: 19px;
            right: 10px;
            padding: 0;
        }

    .category-list {
        display: flex;
        height: 130px;
        overflow: hidden;
    }

        .category-list ul li {
            float: none;
            display: inline-block;
            vertical-align: top;
        }

    .mobilescroll {
        width: auto;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        height: 165px;
    }

    .inner-category .mobilescroll {
        height: 70px;
    }

    /**/
}
/*----****---*/
@media (min-width: 300px) and (max-width: 991px) {
}
/*----ipad---*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .other-hide {
        display: none
    }

    .padhide {
        display: none
    }

    .online-svcewrp .services-wrp {
        width: 33.33333333%;
    }

    .onlinelistwrp .onlinelist {
        width: 283px;
    }

        .onlinelistwrp .onlinelist figure {
            width: 263px;
            height: 178px;
        }

    .sortsearch {
        width: 300px;
    }

        .sortsearch input[type="text"] {
            width: 80%;
        }

    .category-list ul li {
        width: 136px;
    }

    .categorylistingwrp .cardlistwrp {
        width: 303px;
    }
}
/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
}
/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
    .online-svcewrp .services-wrp {
        width: 25%;
    }

    .onlinelistwrp .onlinelist {
        width: 375px;
    }

        .onlinelistwrp .onlinelist figure {
            width: 355px;
        }

    .category-list ul li {
        width: 133px;
    }

    .categorylistingwrp .cardlistwrp {
        width: 395px;
    }
}
/*----ultrabook---*/
@media only screen and (min-width : 1280px) and (max-width : 1366px) {
    .online-svcewrp .services-wrp {
        width: 25%;
    }

    .onlinelistwrp .onlinelist {
        width: 295px;
    }

        .onlinelistwrp .onlinelist figure {
            width: 275px;
            height: 185px;
        }

    .category-list ul li {
        width: 126px;
    }

    .categorylistingwrp .cardlistwrp {
        width: 424px;
    }
}

@media only screen and (min-width : 1367px) and (max-width : 1600px) {
    .onlinelistwrp .onlinelist {
        width: 354px;
    }

    .category-list ul li {
        width: 122px;
    }

    .categorylistingwrp .cardlistwrp {
        width: 376px;
    }
}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {
}