/*----------------------------------------- 
[MASTER STYLE SHEET] 
* Project: Bizbook Business Directory Template 
* Version: v5.7.10 
* Copyright 2020-2022 rn53themes 
* Last Changes: 21 Aug 2022 
* Author: RN53 Themes 
* Email: rn53themes@gmail.com 
* Website: www.rn53themes.net 
-----------------------------------------------*/
/*-------------------------------------------------*/
/* = 1.All Pages Common CSS Styles 
/*-------------------------------------------------*/
:root {
    --btnshadow: 0px 7px 13px -6px #0e0f10cc;
    --btnshadow1: 0px 5px 23px -8px #0e0f1040;
    --topspac: 49px;
    --topspac1: 57px;
}

@media screen and (max-width: 992px) {
    :root {
        --topspac: 47px;
        --topspac1: 47px;
    }
}

* {
    font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

li {
    list-style-type: none;
}

b {
    font-weight: 600;
}

* {
    box-sizing: border-box;
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000-5FF;
    src: url(icon.woff2) format("woff2")
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

:before {
    font-family: "Material Icons";
    position: absolute;
    font-size: 18px;
    color: #9d9a98;
    font-weight: 500;
}

:after {
    font-family: "Material Icons";
    position: absolute;
    font-size: 18px;
    color: #6a717f;
    font-weight: 500
}

a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

img {
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

button:focus {
    outline: none;
}

.ic-pho:before {
    content: "local_phone";
}

.ic-eml:before {
    content: "mail";
}

.ic-web:before {
    content: "language";
}

.ic-map:before {
    content: "location_on";
}

.ic-pho:before {
    content: "phone";
}

.ic-user:before {
    content: "person";
}

.ic-time:before {
    content: "access_time";
}

.ic-view:before {
    content: "remove_red_eye";
}

.addr:before,
.pho:before,
.mail:before {
    font-size: 20px;
}

.addr:before {
    content: 'location_on';
    margin: -3px 0px 0px -28px;
}

.pho:before {
    content: 'phone_iphone';
    margin: -4px 0px 0px -27px;
}

.mail:before {
    content: 'mail_outline';
    margin: -4px 0px 0px -28px;
}

/*-------------------------------------------------*/
/* RTL 
/*-------------------------------------------------*/
body.rtl {
    overflow-x: hidden !important;
}

.rtl,
.rtl * {
    direction: rtl;
}

.rtl .top-log,
.rtl .menu,
.rtl .top-ser,
.rtl .hom-nav .bl li,
.rtl .ban-search ul li,
.rtl .ban-short-links ul li,
.rtl .ban-ql ul li,
.rtl .land-pack-grid-text h4 .dir-ho-cat,
.rtl .hlead-coll .col-md-6,
.rtl .hom-cre-acc-left ul li img,
.rtl .hot-page2-hom-pre div,
.rtl .hom-eve-lhs-1,
.rtl .eve-box .auth img,
.rtl .how-wrks-inn ul li,
.rtl .mob-app .lhs,
.rtl .mob-app .rhs,
.rtl .mob-app .rhs a img,
.rtl .wed-foot-link-pop ul li,
.rtl .all-list-bre ul li,
.rtl .eve-bred-crum ul li,
.rtl .all-list-sh .al-img,
.rtl .all-list-sh .list-con,
.rtl .near-ser-list ul li .near-bx .ne-1,
.rtl .near-ser-list ul li .near-bx .ne-2,
.rtl .near-ser-list ul li .near-bx .ne-3,
.rtl .all-list-sh .eve-box div:nth-child(2) h4 a,
.rtl .all-list-sh .links a,
.rtl .all-list-sh span.pho,
.rtl .pg-list-1-pro,
.rtl .pg-list-1-left,
.rtl .list-ban-btn,
.rtl .list-pg-lt,
.rtl .list-pg-rt,
.rtl .pglist-off-last .col-md-3,
.rtl .home-list-pop-desc,
.rtl .list-foot-abo .list-rat-all b,
.rtl .pmenu-spri,
.rtl .pmenu-cat,
.rtl .share-new,
.rtl .list-sh .share-new,
.rtl .lp-ur-all-left,
.rtl .lp-ur-all-right,
.rtl .ud-cen-s1 ul li,
.rtl .pay-lhs,
.rtl .pay-rhs,
.rtl .sh-all-scat-box .lhs,
.rtl .job-alert a,
.rtl .job-box-con span,
.rtl .job-sear ul li.sr-sea {
    float: right !important;
}

.rtl .list-pg-oth-info ul li span,
.rtl .al {
    float: left
}

.rtl .hom-nav .bl {
    float: left
}

.rtl .top-log {
    margin-left: 15px
}

.rtl .ban-search ul li,
.rtl .land-pack-grid-text h4,
.rtl .hot-page2-hom-pre div,
.rtl .eve-box,
.rtl .eve-box div:nth-child(2) h4,
.rtl .mob-app .rhs,
.rtl .wed-foot-link div,
.rtl .wed-foot-link-pop,
.rtl .all-list-bre h1,
.rtl .all-list-bre h2,
.rtl .all-filt .chosen-container-single .chosen-single,
.rtl .chosen-container .chosen-results li,
.rtl .filt-alist-near .tit h4,
.rtl .pglist-p-com-ti h3,
.rtl .list-foot-abo,
.rtl .list-foot-faq,
.rtl .how-to-coll li h4,
.rtl .how-to-coll li div p,
.rtl .list-foot-abo h4,
.rtl .pmenu-spri ul li a,
.rtl .list-pg-oth-info ul li,
.rtl .sh-all-scat-box .rhs,
.rtl .hom2-hom-ban,
.rtl .job-alert,
.rtl .job-box-con h4,
.rtl .chosen-container-single .chosen-single span {
    text-align: right
}

.rtl .job-sear ul li {
    padding: 0;
}

.rtl .job-sear ul li.sr-btn button {
    border-radius: 10px 0 0 10px;
}

.rtl .job-sear ul li.sr-sea {}

.rtl .job-sear ul li .chosen-container-single .chosen-single {
    border-radius: 10px;
    padding-right: 30px;
}

.rtl .job-sear ul li.sr-sea:before {
    margin: 9px 20px 0px 0px;
}

.rtl .chosen-container-single .chosen-single div:before {
    right: initial;
    left: 10px;
}

.rtl .chosen-container-single .chosen-single div {
    left: 0;
    right: initial;
}

.rtl .ban-search ul li input[type="submit"] {
    border-radius: 10px 0 0 10px;
    padding: 0 25px
}

.rtl .ban-search ul li input {
    border-radius: 0 10px 10px 0;
    padding: 0 45px 0 25px
}

.rtl .ban-search ul li.sr-sea:before {
    right: 15px
}

.rtl .hcity div:nth-child(2) {
    text-align: right;
    padding-right: 20px;
    padding-left: 0
}

.rtl .hcity div:nth-child(2) .list-rat-all {
    width: auto;
    right: 0;
    top: initial;
    float: right
}

.rtl .hcity div:nth-child(2) .list-rat-all * {
    float: right
}

.rtl .list-rat-all .rat {
    padding: 0
}

.rtl .hcity div:nth-child(2) .list-rat-all i {
    font-size: 15px;
    width: 12px
}

.rtl .hcity div:nth-child(2) .list-rat-all span {
    padding: 0
}

.rtl .hom-col-req {
    margin: 0 80px 0 0
}

.rtl .hom-cre-acc-left {
    text-align: right
}

.rtl .hom-cre-acc-left ul li div {
    margin-left: 0;
    margin-right: 80px
}

.rtl .hot-page2-hom-pre-3 span {
    right: initial;
    left: 2px
}

.rtl .eve-box div:nth-child(2) span {
    padding: 0 30px 10px 0
}

.rtl .eve-box div:nth-child(2) span::before {
    right: 25px
}

.rtl .eve-box .auth h4 {
    text-align: right;
    padding: 0 15px 0 0
}

.rtl .eve-box .auth b {
    float: right;
    padding: 0 15px 0 0
}

.rtl .mob-app .lhs img {
    margin-left: 20%
}

.rtl .mob-app .rhs ul li {
    padding: 0 30px 10px 0;
    position: relative
}

.rtl .mob-app .rhs ul li:before {
    right: 0
}

.rtl .pop-menu .clopme {
    right: -21px;
    top: -16px
}

.rtl .pmenu-cat {
    border-left: 0;
    border-right: 1px solid #d6d6d6;
    padding: 0 30px 20px 0;
    text-align: right
}

.rtl .pmenu-spri ul li a img {
    margin-left: 20px;
    margin-right: 20px
}

.rtl .pmenu-spri ul li a {
    padding-right: 20px
}

.rtl .pmenu-cat ul li a:before {
    margin: 0;
    right: -12px;
    top: 3px
}

.rtl .dir-home-nav-bot ul li a i {
    padding: 0 0 0 10px
}

.rtl .mob-app .rhs a img {
    margin: 0 0 5px 5px
}

.rtl .all-list-sh .list-rat-all {
    left: 15px;
    right: initial
}

.rtl .filt-com h4 {
    text-align: right;
    padding: 0 35px 0 0
}

.rtl .filt-com h4:before {
    margin: -2px 0 0;
    right: 24px
}

.rtl .chbox label {
    float: right;
    padding: 0 34px 0 0;
    text-align: right
}

.rtl .chbox label:before,
.rtl .chbox label:after {
    left: initial;
    right: 8px
}

.rtl .all-list-filt-form .hom-col-req {
    margin: 0
}

.rtl .rbbox label {
    float: right;
    padding: 0 27px 0 0;
    position: relative
}

.rtl .rbbox label:before {
    left: initial;
    right: 0;
    top: 5px;
}

.rtl .rbbox input[type="radio"]:checked+label:after {
    right: 4px;
}

.rtl .all-list-item span.addr {
    padding: 0 30px 12px 0 !important
}

.rtl .all-list-sh .list-con span {
    position: relative
}

.rtl .all-list-sh .list-con span::before {
    right: 0 !important
}

.rtl .all-list-sh .list-con .what:before {
    left: 13px;
    margin: 0 !important
}

.rtl .filt-alist-near .tit {
    border-radius: 0 5px 0 0
}

.rtl .lhs-rati ul li {
    float: right
}

.rtl .list-pg-rt {
    padding: 0 20px 0 0
}

.rtl .list-rhs-form .quote-pop input {
    padding: 0 40px 0 10px
}

.rtl .list-rhs-form .form-group:before {
    right: 12px
}

.rtl .how-to-coll li div {
    padding: 15px 0 0 90px
}

.rtl .how-to-coll li h4:after {
    left: 5px;
    right: initial
}

.rtl .pg-list-1-left {
    padding: 30px 162px 30px 150px;
    text-align: right
}

.rtl .list-rat-all {
    right: initial;
    left: 20px
}

.rtl .pag-p1-phone a li:before {
    right: -7px;
    top: -2px
}

.rtl .pg-list-1-left:before {
    left: initial;
    right: -38px
}

.rtl .pg-list-1-pro {
    margin: 0;
    position: relative;
    left: -92px;
    top: -11px
}

.rtl .pg-list-1-pro img {
    margin: 0
}

.rtl .pg-list-1-pro .stat {
    left: 78px
}

.rtl .list-ban-btn ul li .cta:before {
    margin: 0;
    left: 15px;
    top: 11px;
    line-height: 15px
}

.rtl .pglist-off-last .home-list-pop-desc {
    text-align: right;
    padding: 0 40px 0 15px
}

.rtl .pglist-off-last .home-list-pop-desc p {
    padding: 0
}

.rtl .list-rom-pric {
    right: initial;
    left: 25px
}

.rtl .list-enqu-btn ul li {
    float: right
}

.rtl .pg-list-1 .list-rat-all span {
    float: initial
}

.rtl #star-value {
    left: initial;
    right: 190px
}

.rtl .lp-ur-all-left {}

.rtl .ud-lhs {
    float: right;
    left: initial;
    right: 0;
}

.rtl .ud-main {}

.rtl .ud-main .ud-main-inn {}

.rtl .ud-cen {
    float: right;
}

.rtl .ud-rhs {
    padding: 40px 40px 0px 0px;
}

.rtl .cd-cen-intr-inn {
    padding: 30px 230px 30px 30px;
    text-align: right;
}

.rtl .cd-cen-intr-inn:before {
    left: initial;
    right: 0;
}

.rtl .ud-cen-s1 {}

.rtl .ud-cen-s1 ul li div {
    text-align: right;
}

.rtl .rtl .list-pg-oth-info ul li {}

.rtl .pay-rhs {
    padding: 0 25px 0 0;
    text-align: right;
}

.rtl .pay-rhs ul li {}

.rtl .ud-cen-s3 h2 {
    text-align: right;
}

.rtl .ud-cen-s2 a.db-tit-btn {}

.rtl .ud-cen-s3 a.db-tit-btn {
    right: initial;
    left: 0;
}

.rtl .ud-lhs-s1 {
    padding: 0 15px 15px 15px;
    text-align: right;
    float: right;
}

.rtl .ud-lhs-s1 img {
    float: right;
}

.rtl .ud-lhs-s1 .ud-lhs-pro-bio {
    text-align: right;
    padding: 0 20px 0 10px;
}

.rtl .ud-lhs-s2 {}

.rtl .ud-lhs-s2 ul li {}

.rtl .ud-lhs-s2 ul li a {
    text-align: right;
    border-radius: 50px 0 0 50px !important;
}

.rtl .ud-lhs-s2 ul li a img {
    margin: 0 0 0 5px;
}

.rtl .ud-lhs-s2 ul li a.db-lact:before {}

.rtl .ud-lhs-s2 ul li h4 {
    padding: 20px 22px 5px 0;
    text-align: right;
}

.rtl .ud-rhs-promo {
    text-align: right;
}

.rtl .ud-rhs-pay-inn h3 {}

.rtl .ud-rhs-pay-inn ul li {
    text-align: right;
}

.rtl .ud-rhs-pay-inn ul li b {}

.rtl .ud-rhs-pay-inn .btn {
    float: right;
    margin-right: 10px;
}

.rtl .ud-rhs-status ul li span {}

.rtl .ud-rhs-status ul li .custom-control {
    right: initial;
    left: 0;
    width: 35px;
    /* float: left;
    */
}

.rtl .ud-rhs-sec-1 h4 {
    text-align: right;
}

.rtl .ud-rhs-sec-1 ul li {
    text-align: right;
}

.rtl .ud-rhs-promo-1 {}

.rtl .ud-cen-s1 ul li div h4 {
    padding: 0px 65px 0px 0;
}

.rtl .ud-cen-s1 ul li div p {
    padding: 0px 65px 0px 0;
}

.rtl .btn-ser-need-ani {
    right: initial;
    left: 20px;
}

.rtl .ud-inn:before {
    left: initial;
    right: 0
}

.rtl .db-menu-noti {
    right: initial;
    left: 37px;
}

/*-------------------------------------------------*/
/* = 2.PRE LOADING 
/*-------------------------------------------------*/
#preloader,
#loadingmessage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #143d4c9c;
    /* change if the mask should have another color then white */
    z-index: 9;
    /* makes sure it stays on top */
}

#status,
#loadingmessage1 {
    position: absolute;
    left: 47%;
    top: 32%;
    border: 5px solid #e0ebf4;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.status_message {
    padding: 10px 40px;
    border-radius: 0 0 5px 5px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: 0px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 13.5px;
}

label.error {
    color: #ff1d1d !important;
    font-size: 12px !important;
    margin-bottom: 0px;
}

.spa-first-review {
    border: 1px solid #d3e0e9;
    border-radius: 4px;
    background: #f0f9ff;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 13px;
    color: #447da3;
}

div#review_success {
    border: 1px solid #91ff94;
    border-radius: 4px;
    background: #e5ffe5;
    padding: 20px;
    margin: 15px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    color: #007c03;
}

#home_enq_success {
    background: #e1ffec;
    border: 1px solid #6acc8e;
    padding: 7px;
}

#home_enq_success p {
    color: #1ca54e;
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
}

.log-suc p {
    border: 1px solid #d3e9d7;
    border-radius: 4px;
    background: #f0fff5;
    padding: 8px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #1a863e;
    font-size: 12px;
    font-weight: 500;
}

.log-error p {
    border: 1px solid #e9d3d3;
    border-radius: 4px;
    background: #fff2f0;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #861a1a;
}

.new-tnk-msg {
    background: #defedf;
    padding: 8px 4px 8px 14px;
    text-align: center;
    width: 100%;
    color: #1d833f;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: none;
    border: 1px solid #d5f2d5;
    border-radius: 5px;
    margin-bottom: 10px;
}

.new-tnk-msg p {
    color: #249128 !important;
    margin: 0px;
    position: relative;
    line-height: 23px;
    padding-left: 20px;
}

.new-tnk-msg p:before {
    content: 'check';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #4caf50;
    left: 3px;
    top: 2px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
    line-height: 19px;
}

.lhs-cate .dropdown select {
    background: #e8eaed;
    border: 0px;
    font-size: 15px;
    padding: 12px 18px;
    color: #0a0a0b;
    width: 100%;
    border-radius: 5px;
    font-weight: 500;
    float: left;
}

.hm3-auto-ban {
    position: relative;
}

.hm3-auto-ban .lhs {
    float: left;
    width: 60%;
    padding: 90px 50px 0px 100px;
    position: relative;
    color: #fff;
}

.hm3-auto-ban .lhs span {
    /* background: #1d9ad6;
    */
    color: #44b2f3;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 6px;
}

.hm3-auto-ban .lhs h1 {
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
}

.hm3-auto-ban .lhs h1 b {
    color: #44b2f3;
}

.hm3-auto-ban .lhs p {
    padding-bottom: 15px;
}

.hm3-auto-ban .lhs a {
    background: #fba304;
    color: #000;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    border: 1px solid #fba304;
    display: inline-block;
    font-weight: 600;
}

.hm3-auto-ban .lhs a:hover {
    background: #f7b846;
    border: 1px solid #f7b846;
    box-shadow: 0px 4px 20px -4px #15212f;
}

.hm3-auto-ban .rhs {
    float: left;
    width: 40%;
    padding: 0px 100px 0px 0px;
    position: relative;
}

.hm3-auto-ban .rhs .hom-col-req {
    margin: 0px;
    box-shadow: 0 -7px 18px -5px rgb(0 0 0 / 76%);
    border-radius: 0px;
    background: url(../images/city-bg.png) no-repeat #fff;
    background-position: right bottom;
    background-size: 100%;
}

.hm3-auto-ban .rhs .hom-col-req form {
    padding: 15px 35px 30px 35px;
}

.hm3-auto-ban .rhs .hom-col-req h4 {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

.hm3-auto-ban .rhs .hom-col-req input,
.hm3-auto-ban .rhs .hom-col-req select,
.hm3-auto-ban .rhs .hom-col-req textarea {
    font-size: 13px;
}

.hm3-auto-ban .rhs .hom-col-req textarea {
    height: 54px;
}

.hm3-auto-ban .rhs .hom-col-req button {
    font-size: 14px;
}

.hm3-auto-ban:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(to right, #030b19d6, #00000024);
}

/*-------------------------------------------------*/
/* = SEARCH RESULTS 
/*-------------------------------------------------*/
.ser-head {
    padding: 50px 0px 40px 0px;
    position: relative;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #700edb, #d51075);
    background: linear-gradient(to right, #700edb, #d51075);
}

.ser-head:before,
.abou-pg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url(../images/bgIcons.png);
    background-repeat: repeat;
    opacity: 0.3;
    background-size: 400px;
    animation: blogbgani 300s linear 0s infinite both;
}

.ser-head .ban-search {
    width: 55%;
    padding: 0px;
    background: none;
    border-radius: 40px;
}

.ser-head .ban-search ul li.sr-sea {
    width: 100%;
    margin: 0px;
}

.ser-head .ban-search ul li.sr-sea:before {
    margin-top: 22px;
}

.ser-head .ban-search ul li input {
    border-radius: 50px;
    border: 1px solid #d5d5d5;
}

.ser-head .ban-search ul li.sr-btn {
    width: 20%;
    /* margin-left: -140px;
    */
    position: absolute;
    right: 10px;
    top: 8px;
}

.ser-head .ban-search ul li input[type="submit"] {
    height: 42px;
}

.ban-search.ban-sear-all {
    width: 85%;
    background: #00000059;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 14px 0px #0000003d;
}

.ban-search.ban-sear-all li.sr-cate {
    width: 200px;
}

.ban-search.ban-sear-all li.sr-cit {
    display: block;
    width: 200px;
}

.ban-search.ban-sear-all li.sr-sea {
    display: none;
}

.ban-search.ban-sear-all li.sr-nor {
    width: calc(100% - 550px);
}

.ban-search.ban-sear-all li.sr-btn {
    width: 150px;
}

.ban-search.ban-sear-all.ser-oly-place li.sr-cit,
.ban-search.ban-sear-all.ser-oly-event li.sr-cit,
.ban-search.ban-sear-all.ser-oly-blog li.sr-cit,
.ban-search.ban-sear-all.ser-oly-product li.sr-cit {
    display: none;
}

.ban-search.ban-sear-all.ser-oly-place li.sr-nor,
.ban-search.ban-sear-all.ser-oly-event li.sr-nor,
.ban-search.ban-sear-all.ser-oly-blog li.sr-nor,
.ban-search.ban-sear-all.ser-oly-product li.sr-nor {
    width: calc(100% - 350px);
}

.ban-search.ban-sear-all.ser-oly-coupon li.sr-cate {
    width: calc(100% - 150px);
}

.ban-search.ban-sear-all.ser-oly-coupon li.sr-cit,
.ban-search.ban-sear-all.ser-oly-coupon li.sr-nor,
.ban-search.ban-sear-all.ser-oly-coupon li.sr-sea {
    display: none;
}

.ser-re-hu {
    padding-top: 15px;
    color: #333;
    background: #eef5ff;
    max-width: 100%;
    text-align: center;
}

.ser-re-cout {
    position: fixed;
    top: 70px;
    z-index: 9;
    background: #befbd1;
    width: 340px;
    left: 43%;
    text-align: center;
    border-radius: 4px;
    padding: 3px;
    color: #2d8c4a;
    font-size: 13px;
    border: 1px solid #81de9e;
    font-weight: 500;
    box-shadow: 0px 1px 15px -1px #3333334f;
}

.event-body.ser-resu {
    padding-top: 50px;
}

.ser-resu ul li {
    padding-bottom: 20px;
    float: left;
    width: 25%;
    border: 6px solid #3330;
}

.ser-resu ul li:hover .ser1 a {
    /* text-decoration: underline;
    */
    color: #1182dc;
}

.ser-resu ul li:hover .ser4 a {
    color: #38bc0d;
}

.ser-resu ul li:hover .ser2 {
    background: #38bc0d;
}

.ser1 {
    float: left;
    width: 100%;
    padding: 15px;
}

.ser1 a {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    float: left;
    display: inline-block;
    width: 100%;
    line-height: 15px;
}

.ser2 {
    font-size: 11.5px;
    background: #05b383;
    padding: 0px 5px;
    font-weight: 400;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ser2.ser-ev {
    background: #caa10a;
    color: #fff;
}

.ser3 {
    font-size: 14px;
    padding-top: 3px;
    display: none;
}

.ser3 p {
    margin-bottom: 0px;
}

.ser4 a {
    font-size: 13px;
    color: #ffffff00;
    text-decoration: underline;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 0px;
}

.smbox {
    box-shadow: 0px 3px 13px -5px #3333333b;
    position: relative;
    float: left;
    width: 100%;
    transition: all 0.5s ease;
    background: #fff;
    border: 8px solid #fff;
    border-radius: 10px;
    border-bottom: 0px;
}

.smbox:hover {
    transform: translateY(-1px);
    box-shadow: 0px 18px 26px -16px #33333369;
}

.ser0 img {
    width: 100%;
    height: 165px;
    border-radius: 10px;
    object-fit: cover;
}

.hom-more-modu {}

.hom-more-modu ul li {}

.hom-more-modu .plac-hom-box {
    text-align: center;
}

.hom-more-modu .plac-hom-box img {
    height: 360px;
    border-radius: 10px;
}

.hom-more-modu .plac-hom-box-im:before {
    border-radius: 10px;
}

.hom-more-modu .plac-hom-box .inn-text {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 0 35px;
}

.hom-more-modu .plac-hom-box h4 {
    font-size: 34px;
    font-weight: 600;
    padding: 0;
    position: relative;
    left: initial;
    padding-bottom: 15px;
}

.hom-more-modu .plac-hom-box a {
    background: #2145f3;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 22px 10px 25px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.hom-more-modu .plac-hom-box a i {
    vertical-align: middle;
    font-size: 18px;
    position: relative;
    left: 3px;
}

/*-------------------------------------------------*/
/* = 4.DESKTOP MENU 
/*-------------------------------------------------*/
.menu {
    margin-right: 20px;
    float: left;
    margin-right: 20px;
    /* display: inline-block;
    */
    border-left: 1px solid #4f6171;
    padding: 5px 5px 5px 12px;
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
}

.menu:after,
.pmenu-cat ul li a:before,
.al:after {
    content: '';
    background: url('../images/icon/svg/down-arrow.svg');
    transition: all 0.5s ease;
}

.menu:after {
    color: #fff;
    right: -16px;
    top: 9px;
    width: 10px;
    height: 10px;
    filter: invert(1);
}

.menu.ani:after {
    transform: rotate(180deg);
}

.menu h4 {
    color: #fff;
    font-size: 13px;
    margin: 0px;
    font-weight: 500;
    /* text-transform: uppercase;
    */
}

.menu i {
    width: 32px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 8px;
    padding-top: 3px;
    border-radius: 50px;
    box-shadow: 0 0 0 rgb(66, 116, 235);
    animation: pulse 1.5s infinite;
    color: #ffffff;
}

.ad-head {
    transition: all 0.5s ease;
    padding: 5px 2%;
    position: fixed;
    top: 0px;
    z-index: 20;
    width: 100%;
    background: #fff;
    box-shadow: 0px 1px 16px -8px rgba(42, 42, 42, 0.8);
}

.pulse {
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 1.5s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255);
        box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.pop-menu {
    width: 100%;
    background: #ffffff;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    padding: 25px;
    box-shadow: 0px 15px 36px -12px rgba(0, 0, 0, 0.5);
    margin-top: 47px;
    left: 0px;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
}

.pop-menu:after {
    content: '';
    position: absolute;
    background: url(../images/city-bg.png) #fff;
    background-position: right bottom;
    background-size: 460px;
    width: 100%;
    height: 72px;
    animation: animatedBackground 80s linear infinite;
    bottom: 0px;
    z-index: -1;
    left: 0px;
}

.pop-menu .clopme {
    right: 0px;
    position: absolute;
    top: 0px;
    font-size: 30px;
    cursor: pointer;
    color: #333;
}

.pmenu-sear {
    width: 100%;
    margin-bottom: 30px;
    display: none;
}

.pmenu-sear form input {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #e3dbdb;
    text-align: center;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 300;
}

.pmenu-cat {
    float: left;
    width: 78%;
    border-left: 1px solid #d6d6d6;
    padding: 0 0 20px 30px;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

.pmenu-cat h4 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
    text-transform: uppercase;
    /* border-bottom: 1px solid #d6d6d6;
    */
    /* margin-bottom: 25px;
    */
}

.pmenu-cat input {
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    margin: 5px 0px 20px 0px;
    font-size: 14px;
}

.pmenu-cat ul li {
    float: left;
    width: 25%;
    padding: 0px 10px 6px 20px;
    position: relative;
}

.pmenu-cat ul li a {
    color: #58677b;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    display: inline-block;
    width: 100%;
}

.pmenu-cat ul li a span {
    color: #97a8bf;
    font-weight: 400;
}

.pmenu-cat ul li a:hover {
    color: #1051b7;
    text-decoration: underline;
    transition: all 0.2s ease;
}

.pmenu-cat ul li a:hover:before {
    color: #1051b7;
    transition: all 0.2s ease;
}

.pmenu-cat ul li a:before {
    margin: 5px 0px 0px -20px;
    color: #9d9faa;
    transition: all 0.2s ease;
    width: 9px;
    height: 9px;
    /* filter: invert(1);
    */
    transform: rotate(-90deg);
    opacity: 0.6;
}

.pmenu-cat ul li .sub-cat-menu {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 200px;
    border-radius: 2px;
    visibility: hidden;
    /* right: -200px;
    */
    top: 26px;
    box-shadow: 0px 3px 13px 3px #dededea1;
    padding: 12px 7px 7px 18px;
    transition: all 0.5s ease;
    transform: translateY(10px);
    opacity: 0;
    min-height: 200px;
    max-height: 250px;
    overflow-y: auto;
}

.pmenu-cat ul li .sub-cat-menu ul li {
    width: 100%;
    padding: 0px;
}

.pmenu-cat ul li .sub-cat-menu ul li a {
    font-size: 12px;
    color: #1264e6;
    font-weight: 500;
}

.pmenu-cat ul li .sub-cat-menu ul li a:before {
    display: none;
}

.pmenu-cat ul li:hover .sub-cat-menu {
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
}

.pmenu-eve {
    float: left;
    width: 100%;
}

.pmenu-eve ul li {
    float: left;
    width: 50%;
}

.pmenu-eve ul li:nth-child(odd) div {
    margin: 0px 15px 15px 0px;
}

.pmenu-eve ul li:nth-child(even) div {
    margin: 0px 0px 15px 15px;
}

.pmenu-eve ul li div {
    transition: all 0.5s ease;
}

.pmenu-eve ul li div:hover {
    box-shadow: 0px 20px 24px -22px rgba(51, 57, 60, 0.88);
    transition: all 0.5s ease;
    transform: translateY(-5px);
}

.pmenu-blo {
    float: left;
    width: 25%;
}

.pm-box {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    background: #f7f8ec;
    color: #2c2c2c;
}

.pmenu-eve ul li:nth-child(2) div {
    background: #ecf6f8;
}

.pmenu-eve ul li:nth-child(3) div {
    background: #ecf2f8;
}

.pmenu-eve ul li:nth-child(4) div {
    background: #eeecf8;
}

.pmenu-eve ul li:nth-child(5) div {
    background: #f0f8ec;
}

.pmenu-eve ul li:nth-child(6) div {
    background: #ecf6f8;
}

.pmenu-eve ul li:nth-child(7) div {
    background: #ecf6f8;
}

.pmenu-spri {
    float: left;
    width: 22%;
    padding: 0 0 10px 0;
}

.pmenu-spri ul li {
    float: left;
    width: 100%;
}

.pmenu-spri ul li a {
    /* border-bottom: 1px solid #49494c;
    */
    color: #49494c;
    font-weight: 600;
    font-size: 12px;
    /* margin: 0px 10px 10px 0px;
    */
    display: inline-block;
    padding: 9px 20px;
    width: 100%;
    text-transform: uppercase;
}

.pmenu-spri ul li a:hover {
    color: #0b78cf;
    text-decoration: underline;
    padding-left: 25px;
}

.pmenu-spri ul li a i {
    vertical-align: sub;
    font-size: 18px;
    margin-right: 4px;
}

.pmenu-spri ul li a img {
    width: 22px;
    margin-right: 15px;
    /* float: left;
    */
}

.pop-menu.ani,
.shrt-add-inn.ani {
    /* transition: all 0.5s ease;
    */
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    overflow: initial;
}

.pmenu-spri ul li {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateX(-15px);
}

.pop-menu.ani .pmenu-spri ul li {
    transition: all 0.3s ease;
    opacity: 1;
    transform: translateX(0px);
}

.pop-menu.ani .pmenu-spri ul li:nth-child(1) {
    transition-delay: 0s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(2) {
    transition-delay: 0.1s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(3) {
    transition-delay: 0.2s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(4) {
    transition-delay: 0.3s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(5) {
    transition-delay: 0.4s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(6) {
    transition-delay: 0.5s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(7) {
    transition-delay: 0.6s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(8) {
    transition-delay: 0.7s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(9) {
    transition-delay: 0.8s;
}

.pop-menu.ani .pmenu-spri ul li:nth-child(10) {
    transition-delay: 0.9s;
}

.pm-box h4 {
    position: relative;
    font-weight: 300;
    font-size: 26px;
    padding-top: 0px;
}

.pm-box p {
    position: relative;
    font-size: 12px;
    font-weight: 300;
    margin: 0px;
}

.our-all-ser {
    float: left;
    width: 100%;
}

.our-all-ser ul {}

.our-all-ser ul li {
    float: left;
    width: 20%;
}

.our-all-ser ul li a {
    display: block;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    padding: 30px 10px;
    margin: 10px;
    text-transform: capitalize;
    border: 1px solid #c8cdd1;
    border-radius: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.our-all-ser ul li a:hover {
    box-shadow: 0 11px 28px -11px #00000073;
    background: #dae7ff;
    border: 1px solid #c7d4eb;
}

.our-all-ser ul li img {
    width: 50px;
    margin: 0 auto;
    display: table;
    padding-bottom: 15px;
}

.dir-home-nav-bot {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #d6d6d6;
    /* border-bottom: 1px solid #d6d6d6;
    */
    padding: 35px 15px 0px 15px;
    font-weight: 600;
}

.dir-home-nav-bot ul {
    margin-bottom: 0px;
}

.dir-home-nav-bot ul li span {
    display: block;
    font-size: 32px;
    color: #6f6347;
    padding-top: 0px;
    font-weight: 600;
}

.dir-home-nav-bot ul li {
    border-right: 0px solid #dedede;
    background: none;
    float: left;
}

.dir-home-nav-bot ul li:nth-child(1) {
    width: 58%;
    font-weight: 500;
}

.dir-home-nav-bot ul li:nth-child(2) {
    width: 20%;
    margin-right: 8px;
}

.dir-home-nav-bot ul li:nth-child(3) {
    width: 20%;
}

.dir-home-nav-bot ul li a {
    font-size: 14px;
    margin-right: 10px;
    height: inherit;
    padding: 15px 5px 15px 25px;
    color: #fff;
    background: #1b2e79;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    border-radius: 3px;
}

.dir-home-nav-bot ul li a i {
    vertical-align: sub;
    color: #fff;
    /* text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
    */
    font-size: 20px;
    padding-right: 5px;
}

.dir-ani-btn {
    position: relative;
    background-color: #15b0f6;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 2px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(14, 14, 13, 0.42);
    border-bottom: 1px solid #0793d2;
    color: #fff;
    background-color: #1ebef0;
    border: 1px solid #1ebef0;
    font-weight: 600;
    border-radius: 2px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
}

.dir-ani-btn:after {
    content: "";
    background: #90EE90;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.dir-ani-btn:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.top-log {
    float: left;
}

.top-log img {}

.top-ser {
    float: left;
    width: 33%;
    padding: 6px 0px 0px 40px;
}

.top-ser form {
    /* padding: 10px 0px 0px 20px;
    */
    width: 100%;
    position: relative;
}

.top-ser form ul {}

.top-ser form ul li {}

.top-ser form ul li:after {
    /* content: "search";
    */
    /* margin: 1px 0px 0px -33px;
    */
    font-size: 21px;
    color: #0b253a;
}

.top-ser form ul li input {
    width: 100%;
    border: 0px;
    height: 33px;
    padding: 10px 40px 10px 20px;
    border-radius: 2px;
    font-size: 14px;
    /* */
    /* font-weight: 500;
    */
}

.top-ser form ul li.sbtn {
    position: absolute;
    right: 0px;
    top: 0px;
}

.top-ser form ul li.sbtn button {
    width: 40px;
    height: 33px;
    cursor: pointer;
    border-radius: 0px 1px 1px 0px;
    content: "search";
    font-size: 14px;
    padding: 5px 0px;
    background: none;
    border: none;
    color: #596873;
}

.top-ser form ul li.sbtn button i {
    width: 14px;
    height: 14px;
    background: url('../images/icon/search.png') no-repeat;
    background-size: cover;
    margin: 5px 0px 0px 6px;
    font-size: 21px;
    opacity: 0.6;
}

/*-------------------------------------------------*/
/* = 5.HOME PAGE BANNER AND SEARCH BOX 
/*-------------------------------------------------*/
.hom-head {
    padding: 0px 0px 255px 0px;
    background-color: #000000;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 50px;
    background-size: cover;
    background-position: center;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

.all-cat-head {
    padding: 120px 0px 0px 0px;
}

.hom-top .container {
    position: relative;
}

.hom-head:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #00000073;
}

.hom-head:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 150px;
    left: 0px;
    bottom: 0px;
    background: url(../images/cloud.svg) #fff0;
    background-size: cover;
}

.hom-top {
    transition: all 0.5s ease;
    padding: 3px 0px 7px 0px;
    position: fixed;
    z-index: 20;
    width: 100%;
    background: #090b52;
    box-shadow: 0px 8px 18px -8px rgba(42, 42, 42, 0.63);
    transition: all 0.5s ease;
    top: 0px;
    left: 0px;
    right: 0px;
}

.hom-top.dmact {
    background: #180f5e;
    box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.63);
    position: fixed;
    top: 0px;
    left: 0px;
}

.hom-top.dmact.act {
    top: 0px;
}

.hom-nav {
    width: 100%;
    float: left;
}

.hom-nav .ic-logo {
    width: 200px;
    margin-top: 10px;
}

.hom-nav .bl {
    float: right;
    margin: 0px;
    padding-top: 4px;
}

.hom-nav .bl li {
    float: left;
    margin-left: 10px;
    font-weight: 500;
}

.hom-nav .bl li a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 49px;
    /* border: 1px solid #223c50;
    */
    padding: 5px 6px;
    border-radius: 5px;
    float: left;
    display: inline-block;
    line-height: 24px;
}

.hom-nav .bl li:last-child a {
    color: #fff;
    border-radius: 5px;
    margin-left: 10px;
    padding: 5px 15px;
}

.hom-nav .bl li:last-child a:hover {
    background: #1834bf;
    border: 1px solid #0a2192;
}

.al {
    float: right;
    display: none;
    position: relative;
}

.al:after {
    /* font-size: 22px;
    */
    transition: all 0.5s ease;
    right: -12px;
    top: 10px;
    color: #aaadaf;
    filter: invert(1);
    width: 10px;
    height: 10px;
    opacity: 0;
    /* z-index: 0;
    */
}

.head-pro {
    padding: 3px 0px 0px 0px;
    display: inline-block;
    /* width: 142px;
    */
}

.head-pro img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    /* float: left;
    */
    margin: 5px 0px 0px 0px;
    border: 0px solid #4a5b6f;
    transition: all 0.5s ease;
}

.head-pro:hover img {}

.head-pro b {
    padding: 0px;
    font-size: 10px;
    font-weight: 400;
    color: #bfbfbf;
    line-height: 15px;
    float: left;
}

.head-pro h4 {
    margin: 0px;
    font-size: 12px;
    /* float: left;
    */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-top: -7px;
    color: #fff;
    font-weight: 400;
}

.ban-tit {
    text-align: center;
    width: 100%;
    position: relative;
}

.ban-tit img {}

.ban-tit h1 b {
    display: block;
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    padding-bottom: 15px;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.39);
    line-height: 50px;
}

.ban-tit h1 b span {
    position: relative;
    color: var(--org);
    z-index: 2;
}

.ban-tit h1 b span i {
    content: '';
    position: absolute;
    background: url('../images/icon/curve2.png') no-repeat;
    width: 167px;
    height: 31px;
    bottom: -13px;
    right: -3px;
    z-index: -1;
    transform: rotate(1deg);
    background-size: contain;
}

.ban-tit h1 {
    font-weight: 300;
    margin: 0px 0px 30px 0px;
    color: #fff;
    padding: 140px 0px 10px;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.9);
    font-size: 20px;
}

.ban-search {
    margin: 0 auto;
    display: table;
    width: 55%;
    position: relative;
    box-shadow: 0 12px 19px 0 rgb(22 50 92 / 8%);
    z-index: 7;
}

.ban-search ul {}

.ban-search ul li {
    float: left;
    position: relative;
}

.ban-search ul li.sr-cit {
    width: 20%;
    display: none;
}

.ban-search ul li.sr-cit .chosen-container a div {}

.ban-search ul li .chosen-container a div:before {
    top: 28px;
}

.ban-search ul li {}

.ban-search li select {
    outline: none;
}

.ban-search li:nth-child(1) select {
    border-radius: 10px 0 0 10px;
}

.ban-search li select,
.ban-search li .chosen-container {
    height: 60px;
    border: 0px;
}

.ban-search li .chosen-container .chosen-single {
    height: 58px;
    border-radius: 0;
}

.ban-search li .chosen-container .chosen-single span {
    height: 58px;
    line-height: 56px;
    font-weight: 600;
    color: #252733;
    padding-left: 58px;
}

.ban-search ul li.sr-sea {
    width: 80%;
    margin: 0px 0% 0px 0%;
}

.ban-search ul li.sr-btn {
    width: 20%;
}

.ban-search ul li:nth-child(1) .chosen-container a {
    border-radius: 10px 0 0 10px;
}

.ban-search ul li:before {
    content: "my_location";
    margin: 17px 0px 0px 15px;
    z-index: 1;
    color: #8592c1;
}

.ban-search ul.chosen-results li:before,
.ban-search ul li.sr-btn:before {
    display: none;
}

.ban-search ul li.sr-cate:before {
    content: 'layers'
}

.ban-search ul li.sr-cit:before {
    content: 'location_searching'
}

.ban-search ul li.sr-nor:before {
    content: 'search';
    font-size: 22px;
    margin: 14px 0px 0px 15px;
}

.ban-search ul li.sr-sea:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url('../images/icon/search.png') no-repeat;
    background-size: cover;
    margin: 21px 0px 0px 16px;
    font-size: 21px;
    opacity: 0.6;
}

.ban-search ul li input {
    border: 0px;
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 15px;
    outline: none;
    height: 58px;
    background: #ffffff;
    box-sizing: border-box;
    color: #1a2a38;
    border: 0px solid #d5d5d5;
    padding: 0px 25px 0px 45px;
    font-weight: 500;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
    border-radius: 10px 0 0 10px;
}

.ban-search ul li input[type="submit"] {
    color: #fff;
    border: 0px solid #005ba2;
    padding: 0px 25px 0px 25px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    /* background: linear-gradient(to bottom,#3384ff, #2170e8);
    */
    border-radius: 0 10px 10px 0;
}

.ban-search ul li input[type="submit"]:hover {
    transition: all 0.5s ease;
}

.ban-search .ui-widget.ui-widget-content {}

.ban-search .ui-widget-content li {}

.ban-search .ui-widget-content li div {}

.blog-head .ban-search ul {
    margin: 0 auto;
    display: table;
}

.blog-head .ban-search ul li.sr-sea input {
    border-radius: 30px;
    box-shadow: 0 5px 41px -14px rgba(60, 63, 66, .32);
    color: #40454a;
    max-width: 100%;
    width: 384px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
}

.ban-ql {
    margin: 0 auto;
    display: table;
    width: 90%;
    position: relative;
    /* padding-top: 30px;
    */
    margin-top: -175px;
    /* margin-top: 50px;
    */
    /* position: absolute;
    */
    /* bottom: -42px;
    */
}

.ban-ql ul {
    margin: 0 auto;
    display: table;
    width: 100%;
}

.ban-ql ul li {
    float: left;
    /* margin: 0px 10px;
    */
    width: 25%;
    padding: 0px 10px;
}

.ban-ql ul li div {
    transition: all .5s ease;
    color: #000;
    background: #fff;
    text-align: center;
    padding: 25px 20px 27px 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 5%);
    border-radius: 15px;
}

.ban-ql ul li div:hover {
    transition: all .2s ease;
    /* background: #cbe5fc;
    */
    transform: translateY(-5px);
    /* transform: scale(1.1);
    */
    box-shadow: 0 11px 45px -13px rgba(37, 39, 42, 0.67);
    z-index: 9;
}

.ban-ql ul li div img {
    width: 60px;
    background: #ffffff;
    padding: 6px;
    border-radius: 15px;
}

.ban-ql ul li div h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0px 15px 0px;
    color: #243c50;
}

.ban-ql ul li div p {
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
    font-weight: 500;
    color: #818181;
    margin-bottom: 0px;
    padding-bottom: 18px;
}

.ban-ql ul li div a {
    padding: 4px 7px;
    border-radius: 30px;
    font-size: 12px;
    border: 1px dashed #fff;
    box-shadow: 0 0 0 3px #151f31;
    color: #fff;
}

.ban-ql ul li:first-child div {
    /* background: #e0f1ff;
    */
}

.ban-ql ul li:last-child div {
    border-right: 0px;
}

.ban-ql ul li:nth-child(5) div {
    background: #ffe6e6;
}

/*-------------------------------------------------*/
/* = HOME PAGE SERVICES 
/*-------------------------------------------------*/
.home-tit {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
    padding-top: 90px;
}

.home-tit h2 {
    font-size: 32px;
    font-weight: 300;
}

.home-tit h2 span {
    font-weight: 600;
}

.home-tit p {
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin: 0px;
}

.land-packages {
    background: #e9f8fd;
    margin-top: -6px;
    border-bottom: 1px solid #cfe5ec;
    border-top: 1px solid #cfe5ec;
    padding: 80px 0 75px
}

.land-pack {
    margin: 00px 0px 0px 0px;
    float: left;
    width: 100%;
}

.land-pack ul {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    margin: 0px;
    padding: 0px;
}

.land-pack ul li {
    float: left;
    width: 25%;
    /* display:inline-block;
    */
    padding: 0px 10px;
}

.land-pack-grid {
    display: inline-block;
    position: relative;
    overflow: hidden;
    /* height: 180px;
    */
    box-sizing: border-box;
    border-radius: 0px;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    margin: 0px 10px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}

.str .land-pack-grid {
    margin: 10px 0px;
}

.land-pack-grid:hover .land-pack-grid-text {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.land-pack-grid:hover .land-pack-grid-btn {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #3330;
}

.land-pack-grid-img {
    height: 150px;
    overflow: hidden;
}

.land-pack-grid-img img {
    width: 100%;
    transition: all .5s ease;
    height: 150px;
    object-fit: cover;
}

.land-pack-grid:hover .land-pack-grid-img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.land-pack-grid-text {
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%;
    z-index: 2;
    /* background: linear-gradient(to top, #000000c7, #00000008);
    */
}

.land-pack-grid-text h4 {
    padding: 15px;
    font-weight: 600;
    text-align: left;
    color: #273440;
    font-size: 14px;
    margin: 0px;
}

.list-det-rel-pre .land-pack-grid-text h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.land-pack-grid-text h4 .dir-ho-cat {
    color: #a7a7a7;
    font-size: 11.5px;
    float: right;
    padding-top: 3px;
}

.land-pack-grid-btn {
    color: #3330;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 8;
}

.land-pack-grid-btn-red {
    background: #df431f
}

.land-pack-grid-btn-yel {
    background: #f3c438
}

.land-pack-grid-btn-blu {
    background: #01a0d8
}

.land-pack .more,
.hom-more {
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 2px;
    font-size: 14px;
    display: table;
    margin: 0 auto;
}

.hom-more {
    color: #48535e;
    font-weight: 500;
    font-size: 12px;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 40px;
    border: 1px solid #98a6b5;
    background: #e8ecf0;
}

.hom-more:hover {
    color: #fff;
    box-shadow: var(--btnshadow);
    background: var(--job-blue);
    border: 1px solid var(--job-blue);
}

.land-pack input {
    width: 93%;
    margin: 0 auto;
    display: table;
    margin-bottom: 38px;
    line-height: 40px;
    border: 0px;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    font-size: 16px;
}

.hom2-hom-ban {
    transition: all 0.5s ease;
}

.all-cate-pg {
    padding-bottom: 100px;
    padding-top: 70px;
}

.hom2-hom-ban:hover {
    background-position: 20px 0px;
    box-shadow: 0 17px 24px -12px #161d2994;
}

/*-------------------------------------------------*/
/* HOME PAGE TOP TRENDINGS 
/*-------------------------------------------------*/
.ho-popu-bod {
    width: 100%;
}

.ho-popu-bod div {
    float: left;
}

.hot-page2-hom-pre {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
    border-radius: 0px 0px 10px 10px;
}

.hot-page2-hom-pre ul {
    padding: 0px;
}

.hot-page2-hom-pre ul li {
    list-style-type: none;
    border-bottom: 1px solid #efefef;
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
    transition: all 0.5s ease;
}

.fclick {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

.hot-page2-hom-pre ul li:hover {
    transition: all 0.5s ease;
    background: #f4f8fa;
    border-radius: 10px;
}

.hot-page2-hom-pre ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.hot-page2-hom-pre div {
    float: left;
}

.hot-page2-hom-pre ul li a {}

.hot-page2-hom-pre-1 {
    width: 10%;
}

.hot-page2-hom-pre-1 img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.hot-page2-hom-pre-2 {
    width: 80%;
    padding: 0px 15px;
}

.hot-page2-hom-pre-2 h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    position: relative;
}

.hot-page2-hom-pre-2 span {
    font-size: 11px;
    color: #525252;
    line-height: 19px;
    padding-top: 2px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    float: left;
    width: 100%;
    font-weight: 400;
}

.hot-page2-hom-pre-3 {
    width: 10%;
}

.hot-page2-hom-pre-3 span {
    position: absolute;
    padding: 0px 4px;
    border-radius: 2px;
    font-size: 12px;
    z-index: 9;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
    right: 0px;
}

.hot-page2-hom-pre-3 i {
    width: 22px;
    float: right;
    /* padding-top: 12px;
    */
    border: 1px solid #a9a9a9;
    padding: 4px;
    font-size: 12px;
    border-radius: 50%;
    color: #a9a9a9;
    margin-top: 10px;
}

.hot-page2-hom-pre-tit {}

.hot-page2-hom-pre-tit h3 {
    color: #343c42;
    font-size: 28px;
    /* font-family: 'Montserrat', sans-serif;
    */
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.hot-page2-hom-pre-tit h3 span {
    color: #6f6e6b;
    font-size: 28px;
}

.hot-page2-hom-pre ul li:hover .hot-page2-hom-pre-2 h5 {}

.hot-page2-hom-pre-head {
    padding: 12px 0px;
    text-align: center;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.hot-page2-hom-pre-head h4 {
    color: #ffffff;
    font-size: 16px;
    margin: 0px;
    font-weight: 400;
}

.hot-page2-hom-pre-head h4 span {
    font-weight: 600;
    font-size: 16px;
}

.hot-page2-hom-pre-head:after,
.hot-page2-hom-pre-head:before {
    top: 43px;
    left: 48%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.hot-page2-hom-pre-head:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 9px;
    margin-left: -9px;
    z-index: 9;
}

.pop-ups {}

.pop-ups .close {
    position: absolute;
    right: 8px;
    z-index: 1;
    top: 10px;
}

.list-pop {
    padding-bottom: 25px;
}

.list-pop .img {
    position: relative;
}

.list-pop .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #fff0, #435961a6 70%);
}

.list-pop .img img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}

.list-pop .img span {
    position: absolute;
    padding: 7px;
    border-radius: 5px;
    font-size: 20px;
    z-index: 9;
    line-height: 23px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
    right: 36px;
    margin-top: -67px;
}

.list-pop .tit {
    padding: 10px 25px 0px 25px;
    position: relative;
}

.list-pop .tit img {
    width: 72px;
    height: 72px;
    border-radius: 50px;
    margin-top: -58px;
    border: 3px solid #fff;
}

.list-pop .tit h2 {
    font-size: 28px;
    font-weight: 600;
    margin-top: 14px;
}

.list-pop .tit p {
    font-size: 18px;
}

.list-pop .tit p b {}

.list-pop .addr {
    padding: 8px 25px 20px 25px;
    position: relative;
    overflow: hidden;
}

.list-pop .addr ul {}

.list-pop .addr ul li {
    padding-left: 30px;
    margin-bottom: 8px;
    font-size: 18px;
    float: left;
    display: block;
    width: 100%;
}

.list-pop .addr ul li:before {
    margin-left: -28px;
}

.list-pop .enq {
    padding: 5px 25px 20px 25px;
    /* border-top: 1px solid #e3e3e3;
    */
}

.list-pop .enq span,
.list-pop .enq a {
    padding: 6px 10px;
    border-radius: 2px;
    color: #fff;
    float: left;
    width: 46%;
    text-align: center;
    margin: 0px 2%;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}

.list-pop .enq span {
    background: #3fb55f;
    border: 1px solid #3fb55f;
}

.list-pop .enq a {
    border: 1px solid #e3e3e3;
    color: #113752;
}

.list-pop .addr ul .ic-web,
.list-pop .addr ul .ic-map {
    width: 50%;
}

.all-list-sh .list-rat-all {
    position: absolute;
    padding: 12px 12px 10px 12px !important;
    width: 100px;
    right: 10px;
    top: 10px;
}

.all-list-sh .list-rat-all b {
    font-size: 15px;
    padding: 4px 6px;
    margin-bottom: 10px;
}

.all-list-sh .list-rat-all .rat {
    width: 75px;
    position: relative;
    padding: 0px;
    right: initial;
    top: initial;
    height: 15px;
    margin: 0 auto;
    display: table;
    line-height: 15px;
}

.all-list-sh .list-rat-all .rat i {
    font-size: 15px;
    width: 12px;
    margin: 0px 1px;
    line-height: 15px;
}

.all-list-sh .eve-box div:nth-child(2) .list-rat-all span {
    padding: 0px;
    width: 100%;
}

.all-list-sh .list-con {
    overflow: initial;
    float: left;
    width: 75%;
}

.list-mig-like-com:hover {
    transition: all 0.5s ease;
    transform: translateY(-5px);
    box-shadow: 0 19px 15px -15px rgba(37, 39, 42, 0.89);
    z-index: 9;
}

.h-city-3 {
    width: 25%;
}

.h-city-3 .list-mig-like-com {
    margin-bottom: 15px;
}

.list-mig-like-com a {
    position: absolute;
    background: linear-gradient(to top, rgba(24, 46, 86, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.list-mig-like-com:hover a {
    transition: all 0.5s ease;
    /* background: linear-gradient(to top, rgba(12, 27, 135, 0.82) 10%, rgba(224, 224, 224, 0.35) 80%);
    */
}

.ban-short-links {
    position: relative;
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.ban-short-links ul {}

.ban-short-links ul li {
    float: left;
    /* width: 25%;
    */
    padding: 5px;
    transition: all 0.5s ease;
    transform: translateY(30px);
    opacity: 0;
}

.ban-short-links.ani ul li {
    transform: translateY(0px);
    opacity: 1;
}

.ban-short-links.ani ul li:nth-child(1) {
    transition-delay: 0.2s;
}

.ban-short-links.ani ul li:nth-child(2) {
    transition-delay: 0.4s;
}

.ban-short-links.ani ul li:nth-child(3) {
    transition-delay: 0.6s;
}

.ban-short-links.ani ul li:nth-child(4) {
    transition-delay: 0.8s;
}

.ban-short-links.ani ul li:nth-child(5) {
    transition-delay: 1s;
}

.ban-short-links.ani ul li:nth-child(6) {
    transition-delay: 1.2s;
}

.ban-short-links.ani ul li:nth-child(7) {
    transition-delay: 1.4s;
}

.ban-short-links.ani ul li:nth-child(8) {
    transition-delay: 1.6s;
}

.ban-short-links.ani ul li:nth-child(9) {
    transition-delay: 1.8s;
}

.ban-short-links ul li div {
    text-align: center;
    border: 1px solid #626262;
    padding: 17px;
    border-radius: 10px;
    min-width: 100px;
    background: #181818c7;
    position: relative;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 1;
}

.ban-short-links ul li div img {
    width: 30px;
    margin-bottom: 14px;
}

.ban-short-links ul li div h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.ban-short-links ul li div a {}

.ban-short-links ul li div:hover {
    border: 1px solid #8297ff;
    background: #0d2cc3;
    box-shadow: 0px 6px 13px 6px #00000042;
}

/*-------------------------------------------------*/
/* = FEATURE UPDATES 
/*-------------------------------------------------*/
.inte {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.inte h2 {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
}

.inte p {
    /* margin: 30px 0px;
    */
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
}

.inte ul {
    float: left;
    width: 100%;
}

.inte ul li {
    float: left;
    width: 25%;
    padding: 5px;
}

.hom-oth {
    background: #fff;
    padding: 0px;
    margin: 0px 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #f9ede7;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
    transition: all 0.5s ease;
    margin-bottom: 6px;
}

.hom-oth:hover {
    box-shadow: 0px 12px 13px -9px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: translateY(-5px);
    /* border: 1px solid #ffffff;
    */
}

.hom-oth div:nth-child(1) {
    float: left;
    width: 30%;
}

.hom-oth div:nth-child(1) img {
    width: 100%;
    height: 75px;
    object-fit: cover;
}

.hom-oth div:nth-child(2) {
    float: left;
    width: 70%;
    padding: 18px 15px 14px 20px;
}

.inte ul li div h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.inte ul li div span {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.inte ul li div a {}

.count {
    padding: 0px 0px 80px 0px;
    background: #f7fcff;
    background: linear-gradient(to bottom, #ffffff00, #f7fcff 100%);
    float: left;
    width: 100%;
    position: relative;
}

.count:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 158px;
    background: url('../images/city-bg.png');
    display: inline-block;
    bottom: 0px;
    left: 0px;
    background-size: contain;
    opacity: 0.9;
    filter: sepia(1);
}

.country {
    background: url(../images/worldmap.png) no-repeat center;
    background-size: 65%;
    width: 100%;
    margin-top: 90px;
}

.country-inn {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    /* color: #fff;
    */
}

.country-inn h4 {
    font-weight: 400;
    font-size: 32px;
}

.country-inn h4 span {}

.country .cont1 {
    font-weight: 600;
    font-size: 32px;
}

.country .cont2 {
    font-weight: 600;
    font-size: 32px;
    display: block;
}

.country iframe,
.country img {
    width: 600px;
    height: 335px;
    border: 0px;
    margin: 40px 0px 0px 0px;
}

.hom-ab {
    background: #f9daca;
    padding: 25px 0px;
}

.hom-ab-in {
    width: 100%;
}

.hom-ab-in h2 {
    margin: 0px;
    text-align: center;
    /* color: #fff;
    */
    font-size: 24px;
}

.hom-ab-in h2 a {
    color: #e48451;
    padding: 5px 31px;
    border-radius: 50px;
    border: 1px solid;
}

/*-------------------------------------------------*/
/* = DASHBOARD MESSAGE 
/*-------------------------------------------------*/
.msg-op {
    transition: all 0.5s ease;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 0px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 380px;
    height: 98%;
    top: 5px;
    z-index: 99;
    overflow: hidden;
}

.msg-op.msg-sho-act {
    right: 5px;
}

.msg-op .inn {}

.msg-op .s1,
.msg-op .s2,
.msg-op .s3 {
    float: left;
    width: 100%;
}

.msg-op .s1 {
    padding-bottom: 15px;
}

.msg-op .s1 img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}

.msg-op .s1 .chosen-container {
    width: 300px !important;
    border: 0px;
    margin-top: -5px;
}

.msg-op .s1 .chosen-container .chosen-single span {
    font-weight: 600;
}

.msg-op .s1 .chosen-container-active.chosen-with-drop .chosen-single,
.msg-op .s1 .chosen-container.chosen-container-single.chosen-container-active {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
}

.msg-op .s1 h4 {
    font-size: 12px;
    float: left;
    padding: 2px 0px 0px 12px;
    color: #969696;
}

.msg-op .s1 h4 b {
    display: block;
    color: #000;
    font-size: 15px;
    padding-bottom: 4px;
    font-weight: 500;
}

.msg-op .s2 {
    background: #f3f6fa;
    padding: 15px 15px 140px 15px;
    position: absolute;
    left: 0px;
    top: 70px;
    height: 78%;
    bottom: 0px;
    overflow-y: auto;
    border-top: 1px solid #eaecf0;
}

.msg-op .s2 .chat-con {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 12px;
}

.msg-op .s2 .chat-lhs,
.msg-op .s2 .chat-rhs {
    font-size: 13px;
    font-weight: 400;
    background: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    line-height: 19px;
    box-shadow: 0px 1px 4px -1px #191b381f;
    position: relative;
}

.msg-op .s2 .chat-lhs:before,
.msg-op .s2 .chat-rhs:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    box-shadow: 0px 1px 2px -1px #191b381f;
    top: 7px;
    transform: rotateZ(45deg);
}

.msg-op .s2 .chat-lhs:before {
    left: -5px;
}

.msg-op .s2 .chat-rhs:before {
    right: -5px;
    background: #1795f9;
}

.msg-op .s2 .chat-lhs {
    float: left;
}

.msg-op .s2 .chat-rhs {
    float: right;
    background: #1795f9;
    color: #fff;
}

.msg-op .s3 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #d9dfe7;
    padding: 15px;
}

.msg-op .s3 form {}

.msg-op .s3 input {
    resize: none;
    height: 52px;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    border-radius: 5px 0px 0px 5px;
    border: 0px;
    width: 270px;
    float: left;
    font-weight: 500;
}

.msg-op .s3 button {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 0px 5px 5px 0px;
    text-transform: uppercase;
    background: #2196F3;
    border: 0px;
    width: 80px;
    float: left;
    height: 52px;
}

.msg-op .s3 button i {
    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 18px;
}

/*-------------------------------------------------*/
/* = 11.BOTTOM BOOKING 
/*-------------------------------------------------*/
.full-bot-book {
    padding: 60px 0px 50px 0px;
    position: relative;
    float: left;
    width: 100%;
    background: url(../images/worldmap.png) #11009bdb;
    background-size: 700px;
}

.bot-book {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    border-radius: 5px;
    background: none;
}

.bb-img {}

.bb-img img {
    width: 95px;
    margin: -1px 0px 0px 38px;
}

.bb-text {
    text-align: center;
    padding: 0 200px;
    color: #fff;
    width: 100%;
}

.bb-text h4 {
    font-size: 34px;
    padding-bottom: 10px;
    font-weight: 600;
}

.bb-text a {
    color: #fff;
    padding: 15px 30px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
    border: 1px solid #dbd6ff;
}

.bb-text a:hover {
    background: #5538cb;
    box-shadow: 0 8px 15px -10px #000;
    border: 1px solid #5538cb;
}

.bb-text a i {
    vertical-align: middle;
    font-size: 22px;
    margin-left: 5px;
    transition: all 0.4s ease;
}

.bb-text a:hover i {
    margin-left: 10px;
}

.bb-text p {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 30px;
}

.bb-link {
    position: relative;
    overflow: hidden;
}

.bb-link a {
    color: #ffffff;
    border-radius: 50px;
    padding: 15px 20px;
    line-height: 60px;
    font-weight: 500;
}

.bot-book div {
    float: left;
}

.sh-all-scat {
    float: left;
    width: 100%;
}

.sh-all-scat ul {
    float: left;
    width: 50%;
    padding: 0px 10px;
}

.sh-all-scat ul li {}

.sh-all-scat-box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 0px;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 4%);
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
    border: 1px solid #e9eaec;
}

.sh-all-scat-box .lhs {
    float: left;
    width: 150px;
}

.sh-all-scat-box .lhs img {
    width: 100%;
    padding: 15px;
    height: 110px;
    object-fit: cover;
    border-radius: 20px;
}

.sh-all-scat-box .rhs {
    float: left;
    width: calc(100% - 150px);
    text-align: left;
    padding: 14px 10px 10px 10px;
}

.sh-all-scat-box .rhs h4 {
    font-size: 16px;
    font-weight: 600;
}

.sh-all-scat-box .rhs h4 span {
    color: #007bff;
}

.sh-all-scat-box .rhs ol {
    padding: 0px;
}

.sh-all-scat-box .rhs ol li {
    display: inline-block;
    margin: 0px 5px 5px 0px;
}

.sh-all-scat-box .rhs ol li a {
    font-size: 12px;
    border: 1px solid #c5d0dc;
    padding: 1px 10px;
    display: inline-block;
    border-radius: 2px;
    color: #007bff;
    font-weight: 500;
}

.sh-all-scat-box .rhs ol li a span {
    color: #5e6a77;
    font-weight: 500;
    font-size: 11px;
}

.sh-all-scat-box .rhs ol li a:hover {
    background: #007bff;
    color: #fff;
    border: 1px solid #007bff;
}

.sh-all-scat-box .rhs ol li a:hover span {
    color: #fff;
}

/*-------------------------------------------------------*/
/* HOME PAGE: POPULAR LISTINGS 
/*-------------------------------------------------------*/
.hom-mpop-ser {
    background: #f6f6f7;
    float: left;
    width: 100%;
    margin: 90px 0px 0px 0px;
    padding-bottom: 80px;
}

.hom-mpop-ser .testmo .rat {
    position: relative;
    right: initial;
    top: initial;
    padding: 0px;
    display: block;
    margin: 0px;
}

.hom-mpop-ser .testmo p:before {
    content: 'location_on';
}

.hom-mpop-main {
    padding: 0px 0px 70px 0px;
    float: left;
    width: 100%;
}

.hom-mpop {
    position: relative;
    overflow: hidden;
    background: #fdfeff;
    padding: 15px 0px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: 0px 3px 8px -3px rgba(11, 37, 58, 0.11);
    border: 1px solid #f1f1f1;
}

.hom-mpop:hover {
    box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);
    transition: all 0.5s ease;
    transform: translateY(-5px);
}

.hom-mpop-main .col-md-6 {
    float: left;
}

.hom-mpop .col-md-3 {
    float: left;
}

.hom-mpop .col-md-3 img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 2px;
}

.hom-mpop .col-md-9 {
    float: left;
}

.hom-mpop .col-md-9 h3 {
    font-size: 16px;
    padding-bottom: 8px;
    color: #000000;
    padding-top: 5px;
    font-weight: 600;
}

.hom-mpop .col-md-9 h4 {
    font-size: 13px;
    font-weight: 500;
    color: #545454;
}

.hom-mpop .col-md-9 p {
    margin-bottom: 0px;
    font-size: 13px;
}

.hom-mpop a,
.tser-res li div a {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.hom-mpop .col-md-9 .rat-sh {
    position: absolute;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0px;
    font-size: 12px;
    border-radius: 2px;
}

.hom2-cus-sli {
    float: left;
    width: 100%
}

.hom2-cus-sli ul li {
    float: left;
    width: 25%;
    padding: 12px 20px
}

.testmo {
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 7px -3px #161d2926;
    border-radius: 5px;
    padding: 30px;
    position: relative
}

.testmo img {
    width: 64px;
    height: 64px;
    border-radius: 50px;
    object-fit: cover;
    margin: -80px 0 0
}

.testmo h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}

.testmo span {
    padding-top: 5px;
    font-size: 11px;
    font-weight: 400;
    color: #727688;
    display: block;
}

.testmo span a {
    font-weight: 500;
    display: block;
    font-size: 12px
}

.testmo p {
    color: #727688;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
    height: 58px;
    overflow: hidden;
    border-top: 1px solid #f1eeee;
    padding-top: 15px;
    margin-top: 15px
}

.testmo p:before {
    content: 'format_quote';
    font-size: 21px;
    margin: -25px 0 0;
    background: #fff
}

.hom2-cus {
    background: #f7f8f9;
    padding-bottom: 70px
}

.testmo .rat {
    padding: 2px 2px 2px 10px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 50px
}

.testmo .rat i {
    font-size: 13px;
    width: 7px
}

.hom2-cus-sli ul {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 0
}

.slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ededed;
    color: #ffffff03;
    position: absolute;
    z-index: 9;
    top: 38%
}

.slick-arrow:before {
    content: 'chevron_left';
    font-size: 27px;
    top: 4px;
    left: 9px;
    color: #fff;
}

.slick-prev {
    left: 14px
}

.slick-next {
    right: 14px
}

.slick-next:before {
    content: 'chevron_right';
    font-size: 27px
}

/*-------------------------------------------------------*/
/* HOME PAGE: LEAD COLLECT FORM 
/*-------------------------------------------------------*/
.hlead-coll {
    float: left;
    width: 100%;
}

.hom-cre-acc-left {}

.hom-cre-acc-left h3 {
    font-weight: 300;
    font-size: 24px;
}

.hom-cre-acc-left h3 span {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 42px;
    /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
    */
    color: #333333;
    display: block;
}

.hom-cre-acc-left h5 {
    font-weight: 600;
    font-size: 16px;
}

.hom-cre-acc-left p {
    padding-top: 8px;
    font-size: 13px;
}

.hom-cre-acc-left ul {
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 50px;
}

.hom-cre-acc-left ul li {
    /* padding-top: 25px;
    */
    padding-bottom: 30px;
    list-style-type: none;
}

.hom-cre-acc-left ul li img {
    text-align: center;
    float: left;
    width: 50px;
}

.hom-cre-acc-left ul li div {
    display: block;
    margin-left: 80px;
    /* float: left;
    */
    /* margin-top: 0px;
    */
    margin-top: -10px;
}

.hlead-coll .col-md-6 {
    float: left;
}

.hom-col-req {
    background: #363f52;
    /* padding: 40px;
    */
    margin: 0px 0px 0px 80px;
    border-radius: 10px;
    box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.76);
}

.hom-col-req h4 {
    text-align: center;
    padding-top: 30px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #fff;
    font-size: 20px;
}

.hom-col-req form {
    padding: 20px 40px 30px 40px;
}

.hom-col-req .log-bor {
    display: none;
}

.hom-col-req .udb-inst {
    display: none;
}

.hom-col-req input,
.hom-col-req textarea,
.hom-col-req select {
    border: 1px solid #e4e4e4;
    background: #f7fafb;
    font-size: 15px;
    font-weight: 500;
}

.hom-col-req textarea {
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}

.hom-col-req button {
    width: 100%;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    padding: 8px 0px;
    transition: all ease 0.5s;
}

.hom-col-req button:hover {}

/*-------------------------------------------------*/
/* = 11.FOOTER 
/*-------------------------------------------------*/
.wed-hom-footer {
    /* margin-top: 60px;
    */
    padding: 60px 0px 40px 0px;
    float: left;
    width: 100%;
    color: #ebeef1;
    background: #180f5e;
}

.wed-hom-footer h4 {
    font-size: 16px;
    color: #7f7f7f;
    padding-bottom: 25px;
    text-transform: capitalize;
    font-weight: 500;
}

.wed-hom-footer p {
    font-size: 12px;
    color: #e1dff3;
}

.wed-hom-footer p a {
    font-size: 12px;
    color: #e1dff3;
    font-weight: 600;
}

.wed-foot-link {
    border-top: 1px dashed #364a5a;
    /* border-bottom: 1px dashed #5d5b5b;
    */
    padding: 35px 0px 5px 0px;
    /* margin-top: 35px;
    */
}

.wed-foot-link ul {}

.wed-foot-link ul li {
    width: 50%;
    float: left;
    margin-bottom: 8px;
}

.wed-foot-link ul li a {
    color: #e1dff3;
    font-size: 13px;
}

.wed-foot-link div {
    border-right: 1px dashed #352c7c;
}

.wed-foot-link div:last-child {
    border-right: 0px solid #dadada;
    ;
}

.wed-video2 {
    padding: 50px 0px;
    background: #f1f1f1;
}

.wed-foot-link-1 {
    padding-top: 40px;
}

.wed-foot-link-1 ul {
    position: relative;
    overflow: hidden;
    padding: 1px;
}

.wed-foot-link-1 ul li {
    float: left;
    padding-right: 8px;
}

.wed-foot-link-1 ul li a {}

.wed-foot-link-pop {
    padding: 30px 0px 0px 0px;
}

.wed-foot-link-pop h4 {
    padding-bottom: 15px;
}

.wed-foot-link-pop ul li {
    float: left;
    width: 16%;
    padding: 0px 5px 12px 0px;
}

.wed-foot-link-pop ul li a {
    color: #e1dff3;
    font-size: 12px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.wed-foot-link-pop ul li a:hover,
.wed-foot-link ul li a:hover {
    color: #b5abff;
    text-decoration: underline;
}

.fot-app ul li a img {
    width: 157px;
    height: 55px;
    display: inline-block;
    object-fit: contain;
}

.fot-soc ul li a img {
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
}

.wed-rights {
    background: #01172f;
}

.wed-rights p {
    text-align: center;
    margin-bottom: 0px;
    padding: 8px;
    color: #adadad;
    font-size: 13px;
}

/*-------------------------------------------------*/
/* = EVENTS IN HOME PAGE 
/*-------------------------------------------------*/
.hom-event {
    position: relative;
    overflow: hidden;
    /* display: none;
    */
}

.hom-eve-com {
    float: left;
}

.hom-eve-lhs-1 {
    float: left;
    width: 50%;
}

.eve-box {
    background: #fff;
    padding: 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
}

.eve-box:hover div:nth-child(1) img {
    transition: all 0.5s ease;
    transform: scale(1.1);
}

.all-list-sh .eve-box:hover div:nth-child(1) .auth img {
    transform: scale(1);
}

.all-list-sh .eve-box {
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    border: 12px solid #fff;
    /* */
}

.eve-box:hover div:nth-child(3) .auth img {
    transform: scale(1);
}

.eve-box:hover div:nth-child(2) h4 a {
    color: #0337f4;
}

.eve-box div {
    position: relative;
    overflow: hidden;
}

.eve-box div:nth-child(1) {}

.eve-box div:nth-child(1) img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 250px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.eve-box div:nth-child(1) span {
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    padding: 3px 5px 4px 5px;
    border-radius: 0px;
}

.eve-box div:nth-child(1) span b {}

.eve-box div:nth-child(2) {
    padding: 15px 25px 12px 25px;
}

.eve-box div:nth-child(2) h4 {
    font-size: 17px;
    padding-bottom: 10px;
    position: relative;
    font-weight: 600;
    text-align: left;
    padding-left: 0px;
    display: block;
}

.eve-box div:nth-child(2) h4 a {
    color: #212529;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    display: block;
}

.eve-box div:nth-child(2) p {
    margin: 0px;
    overflow: hidden;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 20px;
    height: 50px;
    color: #86807c;
    /* text-overflow: ellipsis;
    */
    /* white-space: pre;
    */
    /* overflow: hidden;
    */
    display: none;
}

.eve-box div:nth-child(2) span {
    font-size: 13px;
    padding-left: 28px;
    display: block;
    padding-bottom: 10px;
    font-weight: 500;
    color: #8f8f8f;
}

.eve-box div:nth-child(2) span.pho {
    padding-bottom: 0px;
}

.all-list-sh .eve-box div .qvv:before {
    display: none;
}

.eve-box div:nth-child(3) {
    width: 100%;
    padding: 15px 25px 15px 25px;
    border-top: 1px solid #efefef;
}

.fil-mob-clo {
    position: fixed;
    top: 110px;
    z-index: 99;
    display: inline-block;
    left: 68%;
    display: none;
}

.fil-mob-clo i {}

.hom-eve-lhs-2 {
    float: left;
    width: 50%;
    padding-left: 25px;
}

.hom-eve-lhs-2 ul {}

.hom-eve-lhs-2 ul li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.eve-box-list {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px 10px 0px 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
    position: relative;
}

.eve-box-list:hover h4 {
    color: #0e6db9;
}

.eve-box-list img {
    width: 65px;
    height: 60px;
    object-fit: cover;
    float: left;
    margin-right: 18px;
    transition: all 0.5s ease;
}

.eve-box-list h4 {
    margin-top: 12px;
    margin-bottom: 0px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.5s ease;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* padding-right: 50px;
    */
}

.eve-box-list p {
    color: #343c42;
    font-size: 12.5px;
    font-weight: 400;
    transition: all 0.5s ease;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 0px;
    padding-top: 2px;
}

.eve-box-list span {
    position: absolute;
    background: #000000a1;
    z-index: 3;
    bottom: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    padding: 2px;
    border-radius: 0px;
    text-align: center;
    width: 65px;
}

.eve-box-list span b {
    font-weight: 600;
    padding-left: 2px;
}

.eve-box-list a {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

/*-------------------------------------------------*/
/* ALL LISTING 
/*-------------------------------------------------*/
.mt-60 {
    /* margin-top:55px;
    */
}

.all-listing-pg {
    background: url(../images/list-p-bg.jpg) no-repeat center top;
}

.all-pro-pg {
    background: url(../images/all-product-bg.jpg) no-repeat center top;
}

.all-listing {
    margin-top: -100px;
    background-attachment: fixed;
    background-size: cover;
}

.all-listing:before {}

.all-listing .row {
    /* box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
    */
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.22);
}

.all-listing .all-list-bre .row {
    box-shadow: none;
}

.all-listing .col-md-3 {
    padding: 0px 0px 30px 0px;
    background: #fff;
    border-radius: 5px 0 0 0;
}

.all-listing .near-view {
    padding: 0px;
}

.all-listing .near-view .all-filt {
    padding-right: 0px;
}

.all-listing .col-md-9 {
    border-radius: 0 5px 0 0;
    background: #eaeaea;
}

.all-filt {
    /* background:#f5f5f5;
    */
    /* padding-right: 15px;
    */
    position: relative;
    height: 100%;
}

.all-list-sh {
    background: #eaeaea;
    padding: 20px 0px 40px 0px;
}

.all-list-sh>.all-list-sh {
    padding: 0px 0px 0px 0px;
}

.all-list-sh ul li {
    /* margin-bottom: 15px;
    */
    padding: 0px 10px 15px 10px;
}

.all-list-item {
    float: left;
    width: 100%;
}

.all-list-item:hover .enq-sav {
    opacity: 1;
    transform: scale(1);
}

.all-list-sh ul li:last-child {
    margin-bottom: 0px;
}

.all-list-sh ul li .list-qview {}

.all-list-sh .list-qview .eve-box div:nth-child(1) {
    width: 100%
}

.all-list-sh .list-qview .eve-box div:nth-child(2) span {
    width: 100%
}

.all-list-sh .list-qview .eve-box div:nth-child(3) .auth {
    width: 100%
}

.all-filt .chosen-container {
    height: 40px;
}

.all-filt .chosen-container-single .chosen-single {
    height: 38px;
    margin: 0px;
    padding: 3px 3px 3px 12px;
    cursor: pointer;
}

.all-filt .chosen-container-single .chosen-single span {
    font-weight: 500;
    font-size: 13px;
}

.user-type {}

.user-tcon {
    float: left;
    width: 100%;
    position: relative;
}

.user-tc-img {
    width: 100%;
    margin-bottom: 35px;
}

.user-tc-img img {
    width: 15%;
    margin: 0 auto;
    display: table;
}

.user-tc-diff {}

.user-tc-diff ul {}

.user-tc-diff ul li {
    float: left;
    width: 50%;
}

.user-tc-diff ul li .pri-box {
    float: left;
}

.user-tc-diff ul li .pri-box .c6 {
    text-align: center;
    padding: 25px 5px 20px 5px;
}

.user-tc-diff ul li .pri-box .c6 img {
    width: 100px;
}

.user-tc-diff ul li .pri-box .c6 h4 {
    margin: 30px 0px 0px 0px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.user-tc-diff ul li .pri-box .c4 {
    float: left;
}

.user-tc-diff ul li .pri-box .c4 ol {
    width: 60%;
    margin: 0 auto;
}

.user-tc-diff ul li .pri-box .c4 ol li {}

.user-tc-diff ul li .pri-box .c5 {
    float: left;
}

.user-tc-diff ul li .pri-box .c5 a {
    margin: 0 auto;
    display: table;
    padding: 10px 40px;
}

.pri-box .c5 a {
    color: #fff;
    padding: 15px 45px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    background: #3c4976;
    display: block;
}

.fil-mob {
    cursor: pointer;
    background: #fce8d1;
    padding: 10px 5px;
    margin-top: -3px;
    box-shadow: 0px -10px 11px 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    /* border-bottom: 1px solid #e5e5e5;
    */
    top: 59px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: translateY(-50px);
    width: 100%;
}

.fil-mob.fil-mob-act {
    position: fixed;
    top: 49px;
    width: 100%;
    z-index: 11;
    box-shadow: 0px 6px 18px -11px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: translateY(0px);
    display: none;
}

.fil-mob h4 {
    margin: 0px;
    font-size: 15px;
    text-align: center;
}

.fil-mob h4 i {
    font-size: 15px;
    vertical-align: middle;
    font-weight: 600;
}

.filt-com {
    float: left;
    margin-bottom: 25px;
    width: 100%;
    padding: 0px 18px;
}

.lhs-sub .filt-com {
    padding: 0px;
}

.list-filt-v2 {
    background: #fff;
    float: left;
    width: 94%;
    margin-left: 3%;
    padding: 0px;
    box-shadow: 0px 0px 7px 0px #3333330f;
    border-radius: 4px;
    margin-top: 20px;
}

.list-filt-v2 ul li {
    position: relative;
    padding: 0px;
    float: left;
    width: 16.6666666%;
    border-right: 1px solid #eaeaea;
}

.list-filt-v2 .chbox input[type="checkbox"]:checked+label {
    background: #eafbee;
    /* border-bottom: 0px solid #a4d8b0;
    */
}

.list-filt-v2 .chbox label {
    padding: 5px 7px 5px 7px;
    float: left;
    text-align: center;
    margin: 0px;
    background: #f7f5f5;
    font-size: 12px;
    font-weight: 600;
    /* border-bottom: 3px solid #f7f5f5;
    */
}

.list-filt-v2 ul li .chbox {
    float: left;
    display: block;
    width: 100%;
}

.list-filt-v2 ul li:last-child {
    border-right: 0px solid #000;
}

.list-filt-v2 .chbox label:before,
.list-filt-v2 .chbox label:after {
    right: 7px;
    left: auto;
    opacity: 0;
}

.list-filt-v2 .chbox label:before {
    right: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border-radius: 0px 0px 0px 100px;
}

.list-filt-v2 .chbox input[type="checkbox"]:checked+label:before {
    opacity: 1;
}

.list-filt-v2 .chbox label:after {
    right: 3px;
    top: 3px;
}

.lhs-search {
    display: none;
}

.lhs-search ul li {
    float: left;
}

.lhs-search ul li:nth-child(1) {
    width: 75%;
}

.lhs-search ul li:nth-child(2) {
    width: 25%;
}

.lhs-search ul li:nth-child(1) input {
    background: #e8eaed;
    border: 0px;
    font-size: 15px;
    padding: 12px 18px;
    color: #0a0a0b;
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    font-weight: 500;
    float: left;
}

.lhs-search ul li:nth-child(2) input {
    background: url(../images/icon/search.png) no-repeat, #d9dce1;
    border: 0px;
    font-size: 14px;
    padding: 12px 18px 13px 18px;
    color: #000;
    width: 100%;
    border-radius: 0px 5px 5px 0px;
    z-index: 9;
    background-position: center;
    background-size: 17px;
    float: left;
}

.filt-com h4 {
    font-size: 14px;
    color: #3c4043;
    padding-left: 25px;
    margin-bottom: 12px;
    font-weight: 600;
}

.filt-com h4:before {
    margin: -2px 0px 0px -28px;
    font-size: 20px;
}

.lhs-cate h4:before {
    content: "apps";
}

.lhs-featu h4:before {
    content: "verified_user";
}

.lhs-sub h4:before {
    content: "verified_user";
}

.lhs-rati h4:before {
    content: "stars";
}

.lhs-avail h4:before {
    content: "event_available";
}

.lhs-loc h4:before {
    content: "location_on";
}

.lhs-ver h4:before {
    content: "verified_user";
}

.filt-com .dropdown-menu {
    min-height: 200px;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    width: 254px;
}

.pro-fil-pri h4:before {
    content: "monetization_on";
}

.pro-fil-dis h4:before {
    content: "shopping_cart";
}

.pro-fil-sub h4:before {
    content: "layers";
}

.pro-fil-sub ul {
    height: 180px;
    overflow: hidden;
}

.pro-fil-sub ul:hover {
    overflow-y: auto;
}

/*-------------------------------------------------*/
/* HOME PAGE 2 
/*-------------------------------------------------*/
.hom2 {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding: 0px 40px;
    background: #20344c;
}

.hom2 .inn {
    background: #fff;
    float: left;
    width: 100%;
}

.hom2 .s1 {
    float: left;
    width: 20%
}

.hom2 .s1 .pmenu-spri {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.hom2 .s2 {
    float: left;
    width: 60%
}

.hom2 .s3 {
    float: left;
    width: 20%
}

.hom2-ban-menu {}

.hom2-ban-menu ul {}

.hom2-ban-menu ul li {}

.hom2-ban-menu ul li a {
    color: #49494c;
    font-weight: 600;
    font-size: 13px;
    /* margin: 0px 10px 10px 0px;
    */
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    text-transform: uppercase;
}

.hom2-ban-menu ul li a img {
    width: 28px;
    margin-right: 15px;
}

/*-------------------------------------------------*/
/* ALL LISTING - CATEGORY SELECT 
/*-------------------------------------------------*/
#dLabel {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #e8eaed;
    border: solid 0px #cccccc;
    text-align: left;
    padding: 7.5px 15px;
    color: #0a0a0b;
    float: left;
    font-size: 15px;
    font-weight: 500;
}

.caret {
    float: right;
    margin-top: 9px;
    display: block;
}

.dropdown-menu {
    width: 240px;
    padding: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    border: 0px solid #f1f1f1;
    box-shadow: 0px 0px 37px -8px rgba(150, 150, 150, 0.4);
}

.dropdown button:hover,
.dropdown button:focus {
    border: none;
    outline: 0;
}

.dropdown.open button#dLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-bottom: none;
}

.dropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
}

.dropdown-menu li {
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #3c3b3b;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3;
}

.dropdown-menu li:hover {
    background-color: #ededed;
}

/*-------------------------------------------------*/
/* ALL LISTING - FEATURE CHECKBOX 
/*-------------------------------------------------*/
.chbox {
    position: relative;
}

.chbox label {
    padding-left: 25px;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    position: relative;
    width: 100%;
    line-height: 26px;
    margin-bottom: 0px;
    color: #585e6b;
    float: left;
}

.chbox label:before {
    content: "";
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer;
    height: 15px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 15px;
}

.chbox label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 8px;
}

.chbox input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.chbox input[type="checkbox"]:checked+label:before {
    background-color: #219e3e;
    border-color: #219e3e;
}

.chbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

/*-------------------------------------------------*/
/* ALL LISTING - RATING RADIO BUTTON 
/*-------------------------------------------------*/
.lhs-rati {}

.lhs-rati ul {}

.lhs-rati ul li {
    width: 100%;
}

.rbbox {
    position: relative;
}

.rbbox label {
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 0px;
}

.rbbox label:before {
    content: "";
    background-color: #fff;
    border: 2px solid #99a5ab;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 16px;
}

.rbbox label:after {
    /* border: 2px solid #fff;
    */
    border-top: none;
    border-right: none;
    content: "";
    height: 8px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 7px;
    /* transform: rotate(-45deg);
    */
    width: 8px;
    background: #ffffff;
    border-radius: 50px;
}

.rbbox input[type="radio"] {
    visibility: hidden;
}

.rbbox input[type="radio"]:checked+label:before {
    background-color: #f8faf8;
}

.rbbox input[type="radio"]:checked+label:after {
    opacity: 1;
    top: 9px;
}

.rbbox input[type="radio"]:checked+label i {
    color: #fff;
    background: #ff9800;
}

.rbbox label i {
    font-size: 18px;
    color: #ff9800;
    background: #f4efe9;
    padding: 2px;
    border-radius: 7px;
}

#star-value {
    position: absolute;
    left: 175px;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    padding: 0.5px 5px 1px 5px;
    border-radius: 3px;
    line-height: 18px;
}

/*-------------------------------------------------*/
/* ALL LISTING - ADS 
/*-------------------------------------------------*/
.lhs-ads ul li {
    margin-bottom: 15px;
}

.ads-box {
    position: relative;
    /* margin:0px 10px;
    */
    border-radius: 7px;
    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
}

.ads-box:hover {
    transition: all 0.5s ease;
    transform: translateY(-5px);
}

.ads-box img {
    width: 100%;
}

.ads-box span,
.ban-ati-com span {
    position: absolute;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 2px;
}

.hom-ads {
    /* background: #d4e8f9;
    */
    padding: 40px 0px 0px 0px;
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(to bottom,#ffede4, #ffe7db 100%);
    */
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.hom-ads .ads-box {
    width: 100%;
    margin: 0 auto;
    padding: 0px 50px;
}

.hom-ads .ads-box img {
    width: 100%;
    float: left;
    transition: all 0.5s ease;
    cursor: pointer;
}

.hom-ads .lhs-ads {
    margin: 0px;
}

.ban-ati-com a img {
    width: 100%;
}

.ads-all-list {
    padding: 0px 25px;
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0px;
}

.ads-det-page {
    padding: 20px 0px;
    padding-bottom: 140px;
}

/*-------------------------------------------------*/
/* ALL LISTING - LISTING 
/*-------------------------------------------------*/
.all-list-sh .eve-box {
    margin: 0px 15px 15px 15px;
    border: 6px solid #fff;
    float: left;
}

.all-list-sh .al-img .open-stat {
    font-size: 11px;
    font-weight: 500;
    border-radius: 5px;
    padding: 1px 5px 2px 5px;
    top: 5px;
    left: 5px;
}

.all-list-sh .al-img a img {
    height: 162px;
    border-radius: 2px;
}

.all-list-sh .al-img .auth img {
    height: 36px;
}

.all-list-sh .al-img {
    float: left;
    width: 25%;
    position: relative;
}

.all-list-sh .al-img:before {}

.all-list-sh .al-img .auth {
    padding-left: 0px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 0px;
    width: auto;
    display: none;
}

.all-list-sh .al-img .auth img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 0px;
    border: 2px solid #a59174;
}

.all-list-sh .al-img .auth b {
    padding: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #ac836d;
    line-height: 15px;
    float: left;
    display: none;
}

.all-list-sh .al-img .auth h4 {
    margin: 0px;
    font-size: 14px;
    /* float: left;
    */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-top: -7px;
    font-weight: 600;
    text-align: left;
    padding-left: 0px;
    display: none;
}

.all-list-sh .al-img .auth a {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

.all-list-sh .eve-box div:nth-child(2) span {
    float: left;
    font-size: 13px;
    color: #333;
    /* */
    font-weight: 500;
    text-transform: lowercase;
}

.all-list-sh .eve-box div:nth-child(2) span:nth-child(1) {
    float: initial;
    font-size: 10px;
}

.all-list-sh .eve-box div:nth-child(2) span.mail {
    padding-bottom: 0px;
    /* padding-top: 10px;
    */
}

.all-list-sh .eve-box div:nth-child(2) .links a:nth-child(1) {
    background: #f44336;
    color: #fff;
    border: 1px solid #f44336;
}

.all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2) {
    display: none;
}

.all-list-sh .eve-box div:nth-child(2) span.mail:before {}

.eve-box div:nth-child(2) span.addr {
    width: 100%;
    color: #232323;
}

.all-list-item .eve-box div:nth-child(2) span.addr {
    padding-right: 115px;
    padding-bottom: 12px;
}

.eve-box div:nth-child(2) span.pho {
    width: 100%;
}

.eve-box div:nth-child(2) span.mail {
    width: 60%;
}

.all-list-sh .eve-box div:nth-child(2) span.pho {
    width: 35%;
}

.all-list-sh .eve-box div:nth-child(2) span.mail {
    width: 65%;
}

.all-list-sh .eve-box div:nth-child(2) .auth {
    width: 25%;
    float: left;
    padding-left: 0px;
}

.all-list-sh .eve-box div:nth-child(2) .auth h4 {
    padding: 0px;
    font-size: 13px;
}

.all-list-sh .eve-box div:nth-child(2) .links {
    width: 100%;
    float: left;
    padding: 0px;
    border: 0px;
    padding-top: 19px;
}

.all-list-sh .eve-box div:nth-child(2) .links a,
.all-list-sh .eve-box div:nth-child(2) .links span {
    float: left;
    font-size: 11.5px;
    margin: 0px 3px;
    font-weight: 600;
    border: 1px solid #eaeaea;
    color: #3e4c56;
    padding: 5px 18px;
    border-radius: 2px;
    width: auto;
    cursor: pointer;
    font-family: inherit;
}

.all-list-sh .eve-box div:nth-child(2) .links .what {
    padding: 5px 18px 5px 38px;
    position: relative;
}

.all-list-sh .eve-box div:nth-child(2) .links .what:before {
    content: '';
    position: absolute;
    background: url('../images/icon/whatsapp.png') no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px -22px;
}

.all-list-sh .rat {
    position: absolute;
    right: 48px;
    top: 12px;
}

.all-list-sh .rat i {
    font-size: 18px;
    width: 12px;
}

.all-list-sh .eve-box div:nth-child(2) h4 {
    padding-bottom: 10px;
    margin: 0px;
    line-height: 0px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
}

.all-list-sh .eve-box div:nth-child(2) h4 a {
    color: #212529;
    float: left;
    line-height: 28px;
    font-size: 18px;
    font-weight: 600;
}

.all-list-sh .eve-box div:nth-child(2) h4 .li-veri {
    float: left;
}

.all-list-sh .eve-box div:nth-child(2) h4 .li-veri img {
    width: 16px;
    margin: 5px 0px 0px 5px;
}

.all-list-sh .eve-box div:nth-child(2) .links .quo {
    color: #fff;
}

.all-list-sh .eve-box:hover div:nth-child(2) .links a:first-child {
    color: #000;
}

.all-list-sh .list-prom {
    background: #fdf5dd;
    border: 12px solid #fdf5dd;
}

.all-list-sh .list-prom:before {
    content: 'Ad';
    position: absolute;
    background: #f6b800;
    color: #000;
    font-weight: 600;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 0px 0px 2px 0px;
    z-index: 1;
    left: 0px;
    top: 0px;
}

/*-------------------------------------------------*/
/* ALL LISTING - FOOTER 
/*-------------------------------------------------*/
.list-foot {
    color: #7f7f7f;
    padding: 50px 0px 50px 0px;
}

.list-foot-abo,
.list-foot-faq {
    width: 65%;
    margin: 0 auto;
    display: table;
}

.list-foot-abo h2 {
    padding-bottom: 15px;
}

.list-foot-abo h4 {
    padding-bottom: 10px;
}

.list-foot-abo h2,
.list-foot-abo h4,
.list-foot-faq h3,
.wed-hom-footer h4 {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    width: 100%;
}

.list-foot-abo p {
    font-size: 12.5px;
    line-height: 23px;
}

.list-foot-faq {
    padding-top: 35px;
    border-top: 1px dashed #5d5b5b;
    margin-top: 30px;
}

.list-foot-faq h3 {
    padding-bottom: 15px;
}

.list-foot-faq .how-to-coll {
    width: 100%;
    border: 1px solid #313030;
    float: left;
}

.list-foot-faq .how-to-coll ul {}

.list-foot-faq .how-to-coll ul li {
    position: relative;
    border-bottom: 1px solid #313030;
    padding: 13px 20px;
}

.list-foot-faq .how-to-coll ul li h4 {
    font-size: 13px;
    color: #c3c3c3;
}

.list-foot .how-to-coll li h4:after {
    color: #7f7f7f;
}

.list-foot-faq .how-to-coll ul li div p {
    font-size: 12px;
}

.list-foot-abo .list-rat-all {
    position: relative;
    background: none;
    width: 100%;
    text-align: left;
    right: initial;
    top: initial;
    float: left;
    padding: 0px 0px 30px 0px;
}

.list-foot-abo .list-rat-all span {
    padding-top: 13px;
}

.plainpg {
    padding: 0px 100px;
}

.plainpg h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 48px;
    padding-bottom: 15px;
}

.plainpg h2 {}

.plainpg h4 {}

.plainpg ul {}

.plainpg ul li {}

.plainpg a {}

.plainpg p {
    font-size: 14px;
    line-height: 24px;
}

/*-------------------------------------------------*/
/* ALL LISTING - LISTING QUICK VIEW 
/*-------------------------------------------------*/
.list-qview {
    position: fixed;
    right: -400px;
    width: 350px;
    height: 100%;
    top: 0px;
    z-index: 33;
    background: #fff;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
}

.list-qview .eve-box {
    border: 0px;
}

.list-qview.qview-show {
    transition: all 0.5s ease-in-out;
    right: 0%;
    box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
}

.list-qview {}

.list-qview .com {
    padding: 30px 25px 0px 25px;
}

.list-qview .com h4 {
    font-size: 14px;
    font-weight: 400;
}

.list-qview .com h4 b {}

.list-qview .com p {
    font-size: 13px;
    line-height: 24px;
    color: #555;
}

.list-qview .com ul {}

.list-qview .com ul li {
    float: left;
    margin-right: 5px;
}

.list-qview .auth {}

.list-qview .shar {}

.list-qview .shar ul li {}

.list-qview .shar ul li a {}

.list-qview .shar ul li a img {}

.list-qview .more {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

.list-qview .more a {
    font-size: 14px;
    margin: 0px;
    font-weight: 600;
    border: 1px solid #ffffff;
    color: #fff;
    padding: 12px 12px;
    float: left;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.list-qview .more a:nth-child(1) {}

.list-qview .more a:nth-child(2) {}

.list-qview .eve-box div:nth-child(2) span.pho {
    padding-bottom: 10px;
}

.list-qview .eve-box div:nth-child(2) span {
    font-size: 13px;
    color: #333;
}

.list-qview .eve-box div:nth-child(1) span.clo-list {
    cursor: pointer;
    background: #0000003d;
    padding: 2px;
    border-radius: 2px;
}

.list-qview .clo-list {}

.list-qview .clo-list i {}

.list-qview .eve-box div:nth-child(3) .auth {
    padding-left: 0px;
}

.auth {
    position: relative;
    overflow: hidden;
}

.auth img,
.eve-box .auth img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.auth b {
    padding: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #ac836d;
    line-height: 15px;
    float: left;
}

.auth h4 {
    margin: 0px;
    font-size: 14px;
    /* float: left;
    */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-top: -7px;
    font-weight: 600;
    text-align: left;
    padding-left: 0px;
}

.auth .fclick {}

/*-------------------------------------------------*/
/* ALL LISTING - GET QUOTE POPUP 
/*-------------------------------------------------*/
.quote-pop {
    padding: 40px;
}

.quote-pop h4 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.pop-quo .quote-pop .btn {
    width: 100%;
    background: #15c39a;
    border: 1px solid #15c39a;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0px;
}

.pop-quo .modal-dialog {
    max-width: 430px;
}

/*-------------------------------------------------*/
/* LISTING DETAILS 
/*-------------------------------------------------*/
.list-bann {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 90px;
}

.list-bann:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #3e5662cc;
    background: linear-gradient(to top, rgb(21 49 150 / 76%) -8%, rgb(249 247 247 / 2%) 50%);
    left: 0px;
}

.list-bann img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 345px;
    transition: all 0.5s ease;
}

.pg-list-1 {
    position: relative;
    width: 100%;
    box-sizing: content-box;
    margin: -160px 0px 15px 0px;
}

.pg-list-prop {
    background: url(../images/list-deta/prop-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}

.pg-list-shop {
    background: url(../images/list-deta/shop-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}

.pg-list-auto {
    background: url(../images/list-deta/auto-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}

.pg-list-1:before {}

.list-pg-bg .container {
    position: relative;
    background: #fff;
    border-radius: 4px;
}

.list-pg-bg .com-padd {
    float: left;
    width: 100%;
}

.pg-list-1-left {
    position: relative;
    float: left;
    width: calc(100% - 235px);
    color: #000;
    background: #fff;
    border-radius: 10px;
    padding: 30px 160px 30px 140px;
    box-shadow: 0px 1px 10px -4px #3333337a;
    overflow: hidden;
}

.pg-list-1-left:before {
    content: '';
    position: absolute;
    width: 160px;
    height: 110%;
    left: -58px;
    top: -12px;
    bottom: 0px;
    background: #4b90cc;
    background: linear-gradient(to top, #055eb09c 14%, #2195feba 66%);
    background-image: linear-gradient(42deg, #4e83e9, #4c7be6d9 24%, #4b87e5e0 30%, #17cfa4d6);
    border-radius: 11px;
    transform: rotate(-8deg);
}

.list-rat-all {
    width: 130px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 18px;
    background: #fff6e8;
    padding: 20px 0px 10px 0px;
    border-radius: 10px;
}

.list-rat-all b {
    color: #fff;
    font-size: 26px;
    line-height: 22px;
    padding: 8px 8px;
    border-radius: 2px;
    display: inline-block;
}

.pg-list-1 .list-rat-all b {
    padding: 12px 8px;
}

.list-rat-all .rat {
    float: left;
    padding: 1px 12px 0px 6px;
    margin: 0px;
}

.list-rat-all .rat i.ratstar {
    color: #f3dcb8;
}

.list-rat-all span {
    float: left;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    font-weight: 500;
}

.pg-list-1 .list-rat-all span {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: -5px;
    color: #1f1d1b;
}

.pg-list-1-left .rat {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.pg-list-1-left .rat i {
    font-size: 23px;
    width: 17px;
}

.pg-list-1-left h3 {
    font-weight: 700;
    font-size: 30px;
}

.list-foot-abo .list-rat-all b {
    float: left;
}

.list-foot-abo .list-rat-all .rat {
    padding-top: 10px;
}

.list-foot-abo .list-rat-all .rat i {
    font-size: 20px;
    width: 14px;
}

.list-foot-abo .list-rat-all .rat i.ratstar {
    color: #d4d4d4;
}

.rat i.ratstar {
    color: #d4d4d4;
}

.pg-list-1-pro {
    float: left;
    width: 175px;
    position: relative;
    z-index: 2;
    top: 3%;
}

.pg-list-1-pro img {
    width: 180px;
    height: 180px;
    float: left;
    object-fit: cover;
    border-radius: 50%;
    border: 8px solid #fffdfd;
    box-shadow: -1px 0px 16px -6px rgb(0 0 0 / 25%);
    margin: -5px 0px 0px 77px;
}

.pg-list-1-pro .stat {
    position: absolute;
    background: #2cbd32;
    color: #fff;
    left: 147px;
    bottom: -7px;
    width: 36px;
    height: 36px;
    text-align: center;
    text-shadow: 0 0 2px #333333a8;
    border-radius: 50px;
}

.pg-list-1-pro .stat i {
    vertical-align: middle;
    padding: 5px;
}

.pg-list-1-left h1 {
    font-weight: 600;
    float: left;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
}

.pg-list-1-left h1 i {}

.pg-list-1-left p {
    font-size: 15px;
    display: block;
    float: left;
    font-weight: 600;
    width: 100%;
}

.pg-list-1-left h4 {
    color: #000000;
    padding: 15px 00px;
    font-size: 16px;
}

.pag-p1-phone {
    float: left;
    width: 100%;
    /* padding-left: 235px;
    */
}

.pag-p1-phone ul {}

.pag-p1-phone ul li {
    font-size: 14px;
    float: left;
    padding: 0px 16px 10px 25px;
    color: #505a61;
    /* */
    font-weight: 500;
    position: relative;
}

.pag-p1-phone ul li:before {
    margin: -2px 0px 0px -27px;
    color: #0683e6;
}

.pag-p1-phone ul li.ic-php:before {
    content: 'phone';
}

.pag-p1-phone ul li.ic-mai:before {
    content: 'email';
}

.pag-p1-phone ul li.ic-web:before {
    content: 'language';
    margin: -1px 0px 0px -30px;
}

.pglist-p-com {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.pglist-p-com-ti {
    border-bottom: 1px solid #e0e6f5;
}

.pglist-p-com-ti h3 {
    padding: 15px 20px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0px;
    border-radius: 10px;
}

.pglist-p-com-ti h3 span {
    color: #8a8d92;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.list-desc-area {}

.list-desc-area h2,
.list-desc-area h3,
.list-desc-area h4,
.list-desc-area h5,
.list-desc-area h6,
.eve-deta-body-main h2,
.eve-deta-body-main h3,
.eve-deta-body-main h4,
.eve-deta-body-main h5,
.eve-deta-body-main h6 {
    font-weight: 600;
}

.list-desc-area h2,
.eve-deta-body-main h2 {
    font-size: 22px;
}

.list-desc-area h3,
.eve-deta-body-main h3 {
    font-size: 18px;
}

.list-desc-area h4,
.eve-deta-body-main h4 {
    font-size: 16px;
}

.list-desc-area h5,
.eve-deta-body-main h5 {
    font-size: 14px;
}

.list-desc-area h6,
.eve-deta-body-main h6 {
    font-size: 12px;
}

.list-desc-area ul,
.eve-deta-body-main .lhs ul {
    padding-left: 15px;
}

.list-desc-area ul li,
.eve-deta-body-main .lhs ul li {
    padding-left: 15px;
}

.list-desc-area ul li:before,
.eve-deta-body-main .lhs ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #d0d1c3;
    border-radius: 50%;
    margin: 9px 0px 0px -15px;
}

.eve-deta-body-main ul li {
    font-size: 14px;
    line-height: 24px;
}

.eve-deta-body-main .list-sh {
    float: left;
    width: 100%;
}

.list-360 {}

.list-360 iframe {
    width: 100%;
    height: 300px;
    border: 0px;
}

.list-tit-mar-0 {
    padding-top: 0px !important;
}

.pglist-p-com-ti h3 i {}

.list-slider {}

.list-slider-nav {
    margin-top: 175%;
    position: absolute;
    background: #ffe500;
    width: 32px;
    height: 32px;
    padding: 5px;
    text-align: center;
    border-radius: 2px;
    color: #000;
}

.list-slider-nav-rp {
    margin-right: 40px;
    position: initial;
}

.list-page-com-p {}

.list-page-com-p p,
.list-desc-area li {
    font-size: 14px;
    color: #56595d;
    line-height: 24px;
    font-weight: 500;
}

/*--===== MIGHT LINKE ======--*/
.list-rel-list {}

.list-rel-list .inn {
    background: #fff;
    border: 1px solid #e0e6f5;
    border-radius: 10px;
    padding: 20px;
    overflow: hidden;
    min-height: 250px;
    max-height: 682px;
}

.list-rel-list .inn:hover {
    overflow-y: auto;
}

.list-rel-list-tit {}

.list-rel-list-tit h3 {
    padding: 20px 20px 10px 20px;
    /* background: #fff;
    */
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

.list-rel-list-tit h3 span {}

.list-rel-list-com {
    position: relative;
    /* overflow: hidden;
    */
    margin-bottom: 12px;
}

.list-rel-list-com:last-child {
    margin-bottom: 0px;
}

.list-rel-list-com:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #141a3e8c;
    border-radius: 5px;
    z-index: 1;
}

.list-rel-list-com a {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.list-rel-list-img {
    overflow: hidden;
    position: relative;
    /* z-index: 2;
    */
    border-radius: 5px;
}

.list-rel-list-img img {
    width: 100%;
    /* border-radius: 5px;
    */
    height: 200px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.list-rel-list-com:hover img {
    transform: scale(1.2);
}

.list-rel-list-img span {}

.list-rel-list-con {
    position: absolute;
    bottom: 2px;
    left: 25px;
    color: #fff;
    z-index: 2;
}

.list-rel-list-con h5 {
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px;
}

.list-rel-list-con p {
    font-size: 13px;
}

.list-rel-list-con span {
    /* position: absolute;
    */
    background: #0dc73d;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    /* right: 15px;
    */
    /* top: 0px;
    */
    font-size: 14px;
    border-radius: 2px;
}

/*--==== QUICK LINKS ====--*/
.v3-list-ql {
    position: fixed;
    top: 50px;
    width: 100%;
    /* height: 46px;
    */
    background: #151f31;
    z-index: 16;
    transition: all 1s;
    -webkit-box-shadow: 0 1px 3px #960;
    -moz-box-shadow: 0 1px 3px #960;
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.24);
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.v3-list-ql-inn {
    width: 100%;
}

.v3-list-ql-inn ul {
    margin-bottom: 0px;
    display: table;
    margin: 0 auto;
}

.v3-list-ql-inn ul li {
    float: left;
}

.v3-list-ql-inn ul li a {
    color: #1351c1;
    border-right: 1px solid #e4ecf2;
    /* line-height: 50px;
    */
    display: block;
    padding: 12px 15px;
    font-size: 12.5px;
    font-weight: 500;
}

.v3-list-ql-inn ul li a i {
    margin-right: 5px;
    vertical-align: middle;
    font-size: 17px;
    margin-top: -1px;
    /* color: #b3bccd;
    */
}

.v3-list-ql-inn ul li a:hover {
    background: #1a90f6;
    color: #fff;
}

.v3-list-ql-inn .active-list a {
    background: #1a90f6;
    color: #fff;
}

/*--==== LISTING SHARE =====--*/
.share-btn {
    padding-bottom: 10px;
}

.share-btn ul {
    margin-bottom: 0px;
}

.share-btn ul li:nth-child(1) a {}

.share-btn ul li:nth-child(2) a {}

.share-btn ul li:nth-child(3) a {}

.share-btn ul li a {
    /* padding: 6px 10px;
    */
    /* color: #fff;
    */
    /* font-weight: 500;
    */
    /* font-size: 12px;
    */
    /* border-radius: 3px;
    */
    /* text-shadow: none;
    */
    /* float: left;
    */
    display: inline-block;
    border-radius: 5px;
}

.share-btn ul li a.so-fb {}

.share-btn ul li a.so-tw {}

.share-btn ul li a.so-wa {}

.share-btn ul li a.so-li {}

.share-btn ul li a.so-in {}

.share-btn ul li a.so-pi {}

.share-btn ul li {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 1px;
}

.share-btn ul li i {
    padding-right: 3.75pt;
}

.share-btn ul {
    padding-left: 0px;
}

.share-btn ul li {
    padding-left: 0px;
}

.share-btn ul li:before {
    display: none;
}

.share-btn ul li img {
    width: 32px;
    padding: 3px;
}

/*--==== LISTING SERVICES =====--*/
.pg-list-ser-area {
    padding: 10px 20px 0px 20px;
}

.pg-list-ser-area ul {}

.pg-list-ser-area ul li {
    float: left;
    display: inline-block;
    margin: 0px 12px 12px 0px;
}

.pg-list-ser-area ul li span {
    /* border: 1px solid #d0dde2;
    */
    font-size: 14px;
    font-weight: 600;
    padding: 2px 12px;
    border-radius: 3px;
    /* background: #eaf3f7;
    */
    color: #1386d1;
    background-color: #f2f8fd;
    border: 1px solid #e9eff4;
}

.pg-list-ser {
    padding: 0px 10px;
}

.pg-list-ser ul {
    float: left;
    width: 100%;
}

.pg-list-ser ul li {
    padding: 8px;
    float: left;
}

.pg-list-ser-p1:before {
    content: '';
    position: absolute;
    background: #005aff4f;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    border-radius: 5px;
}

.pg-list-ser ul li h4 {}

.pg-list-ser-p1 {
    position: relative;
    overflow: hidden;
    height: 150px;
    float: left;
    width: 100%;
    border-radius: 5px;
}

.pg-list-ser-p1:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.pg-list-ser-p1 img {
    width: 100%;
    transition: all .5s ease;
    /* height: 150px;
    */
    object-fit: cover;
}

.list-pg-lt .pg-list-ser img {
    height: 150px;
    border-radius: 5px;
}

.pg-list-ser-p2 {
    position: absolute;
    margin-top: 35px;
    width: 92%;
    bottom: 20px;
    z-index: 1;
}

.pg-list-ser-p2 h4 {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.list-pg-bg {
    /* background: #f5f8ff;
    */
    padding-bottom: 100px;
}

.pglist-bg {
    background: #fff;
    border: 1px solid #e0e6f5;
    border-radius: 10px;
}

.lide-guar {
    padding-bottom: 0px;
}

.list-pg-inn-sp {
    padding: 20px 20px 0px 20px;
}

.list-rom-pric {
    position: absolute;
    padding: 0px 10px;
    font-weight: 600;
    right: 15px;
    top: 0px;
    font-size: 25px;
    border-radius: 2px;
    background: #ffede3;
    color: #f68b51;
}

.list-room-type {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}

.list-room-type ul {
    padding: 0px;
}

.list-room-type ul li {
    display: inline-block;
    float: left;
    color: #636363;
    font-size: 14px;
}

.list-room-type ul li img {
    width: 18px;
    /* margin-right: 7px;
    */
    /* border: 1px solid #333;
    */
    /* padding: 3px;
    */
    border-radius: 40px;
}

.list-room-type ul li:nth-child(1) {}

.list-room-type ul li:nth-child(2) {}

.list-room-deta {}

.list-room-deta h3 {
    font-size: 20px;
    color: #141f31;
    font-weight: 600;
    font-size: 18px;
}

.list-room-rati {
    padding: 10px 0px 5px 0px;
}

.list-rom-ami {}

.list-rom-ami ul li {
    /* padding-right: 10px;
    */
    padding-bottom: 6px;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 4px;
    margin-right: 5px;
    padding: 4px 8px;
    margin-bottom: 5px;
}

.list-rom-ami ul li img {
    vertical-align: sub;
    width: 15px;
    height: 15px;
    /* display: none;
    */
}

.list-room-mar-o {}

.lp-ur-all {
    position: relative;
    overflow: hidden;
}

.lp-ur-all-rat {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px;
}

.lp-ur-all-left {
    float: left;
    width: 40%;
    border-right: 4px solid #6b7f8a;
    padding-right: 20px;
}

.lp-ur-all-left-1 {
    float: left;
    width: 100%;
}

.lp-ur-all-left-2 {
    /* float: left;
    */
    /* width: 50%;
    */
}

.list-sh {
    margin-bottom: 40px;
    display: inline-block;
}

.blog-deta-body .list-sh {
    float: left;
    width: 100%;
}

.list-sh .share-new {}

.lp-ur-all-left-11 {
    float: left;
    width: 50%;
    font-size: 13.5px;
    padding-right: 14px;
    color: #4d5158;
    font-weight: 600;
}

.lp-ur-all-left-12 {
    float: left;
    width: 50%;
    height: 6px;
    background: #dadada;
    margin-top: 7px;
    border-radius: 0px;
}

.lp-ur-all-left-13 {
    width: 100%;
    background: #43a047;
    height: 6px;
    border-radius: 0px;
}

.lp-ur-all-left-Good {
    width: 50%;
    background: #73ca14;
}

.lp-ur-all-left-satis {
    width: 18%;
    background: #3dbbd0;
}

.lp-ur-all-left-below {
    width: 20%;
    background: #ca7224;
}

.lp-ur-all-left-poor {
    width: 5%;
    background: #de382c;
}

.lp-ur-all-right {
    float: left;
    width: 60%;
    padding: 2px 20px;
}

.lp-ur-all-right h5 {
    font-weight: 500;
    font-size: 18px;
    padding: 14px 0px 0px 0px;
}

.lp-ur-all-right p {}

.lp-ur-all-right p label {
    margin-bottom: 0px;
    margin-right: 10px;
}

.lp-ur-all-right p label i {
    width: 30px;
    font-size: 34px;
}

.lp-ur-all-right p span {
    background: #a2c1bc;
    /* font-size: 34px;
    */
    color: #fff;
    font-weight: 600;
    /* border-radius: 5px;
    */
    vertical-align: top;
    padding: 1px 8px;
    border-radius: 2px;
    margin-top: 3px;
    display: inline-block;
}

.lp-ur-all-rat {}

.lp-ur-all-rat h5 {
    padding: 15px 0px 5px 0px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.lp-ur-all-rat ul {
    margin-bottom: 0px;
}

.lp-ur-all-rat ul li {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 15px;
    padding-bottom: 5px;
}

.lp-ur-all-rat ul li:last-child {
    padding-bottom: 0px;
    border: 0px;
}

.lp-ur-all-rat ul li:last-child p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.lr-user-wr-img {
    float: left;
    /* width: 10%;
    */
    display: inline-block;
}

.lr-user-wr-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.lr-user-wr-con {
    float: left;
    width: 90%;
    display: inline-block;
    padding: 0px 20px;
}

.lr-user-wr-con h6 {
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}

.lr-user-wr-con .rat {
    margin-bottom: 0px;
}

.lr-user-wr-con .rat i {
    font-size: 20px;
    width: 14px;
}

.lr-user-wr-con p {
    font-size: 14px;
    color: #21344c;
}

.lr-revi-date {
    font-size: 13px;
    color: #828282;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.lr-user-wr-con h6 span {
    background: #55bf15;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 4px 4px;
    border-radius: 4px;
    vertical-align: top;
    margin-left: 6px;
}

.lr-user-wr-con h6 span i {
    font-size: 10px;
    vertical-align: text-top;
}

.list-pg-write-rev form input {
    height: 45px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 12px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
    */
    width: 100%;
    font-size: 14px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 2px;
    font-weight: 500;
}

.list-pg-write-rev form input[type='submit'] {
    margin-top: 15px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    border-radius: 3px;
    border: 0px;
    margin-bottom: 0px;
}

.list-pg-write-rev form label {
    top: 14px;
}

.list-pg-write-rev form textarea {
    height: 100px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 26px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
    */
    width: 100%;
    font-size: 15px;
    background: #fff;
}

.list-pg-guar {}

.list-pg-guar ul {
    margin-bottom: 0px;
}

.list-pg-guar ul li {
    border-bottom: 1px solid #e2e2e2;
    padding: 12px 0px 5px 0px;
}

.list-pg-guar ul li:nth-child(1) {
    padding: 5px 0px 5px 0px;
}

.list-pg-guar ul li:nth-child(3) {
    border-bottom: 0px solid #e2e2e2;
    padding-bottom: 5px;
}

.list-pg-guar ul li h4 {
    font-size: 15px;
    padding-bottom: 0px;
    font-weight: 600;
}

.list-pg-guar ul li p {
    line-height: 18px;
    font-size: 13px;
    color: #56595d;
}

.list-pg-guar ul li .clim-edit {
    color: #fff;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 2px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
}

.list-pg-guar-img {
    display: inline-block;
    float: left;
    height: 100%;
    margin-right: 15px;
    margin-bottom: 8px;
}

.list-pg-guar-img img {}

.list-pg-btn {
    width: 100%;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
}

.pglist-p-com-ti-right {}

.pglist-p-com-ti-right h3 {
    background: #20334c;
    color: #fff;
    font-size: 15px;
    border-radius: 10px 10px 0 0;
}

.pglist-p-com-ti-right h3 span {
    color: #b0b0b0;
    font-size: 15px;
    font-weight: 400;
}

.form-notes {
    background: #fffed9;
    color: #969457;
    border: 1px solid #f2f1b9;
    padding: 15px;
    margin-top: 15px;
}

.form-notes p {
    margin: 0px;
    font-size: 12px;
    text-align: center;
}

.pg-list-user-pro {
    background: url('../images/profile-bg.html') no-repeat;
    height: 100px;
    background-size: cover;
}

.pg-list-user-pro img {
    /* display: table;
    */
    /* margin: 0 auto;
    */
    position: relative;
    /* left: 40%;
    */
    margin-top: 72px;
    margin-left: 41%;
}

.list-pg-upro {
    text-align: center;
    padding-top: 30px;
}

.list-pg-upro h5 {
    font-size: 16px;
}

.list-pg-upro p {
    padding-bottom: 5px;
    font-size: 15px;
}

.list-pg-upro a {}

.list-pg-map {}

.list-pg-map iframe {
    height: 180px;
    width: 100%;
    border: 0px;
}

.list-pg-oth-info {}

.list-pg-oth-info ul {}

.list-pg-oth-info ul li {
    border-bottom: 1px solid #e0e6f5;
    padding: 10px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #56595d;
}

.list-pg-oth-info ul li:last-child {
    border-bottom: 0px solid #e2e2e2;
    padding-bottom: 0px;
}

.list-pg-oth-info ul li span {
    float: right;
    text-align: right;
    background: #f7f8fa;
    /* color: #fff;
    */
    border-radius: 5px;
    padding: 0px 5px;
    border: 1px solid #e2e2e2;
    font-size: 13px;
}

.green-bg {
    background: #55bf15 !important;
    color: #fff;
}

.list-mig-like {
    display: none;
}

.list-mig-like-com {
    position: relative;
    border-radius: 10px;
    /* margin-bottom: 20px;
    */
    /* background: #14addb;
    */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 10px;
    cursor: pointer;
}

.list-mig-lc-img {}

.list-mig-like-com:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* opacity: 0.5;
    */
}

.list-mig-lc-img img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.list-mig-like-com:before {
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
    */
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
}

.list-mig-lc-con {
    position: absolute;
    width: 100%;
    margin-top: -104px;
    padding: 20px 20px 0px 20px;
    display: block;
    z-index: 1;
}

.list-mig-lc-con2 {
    margin-top: -90px;
}

.list-mig-lc-con h5 {
    font-size: 18px;
    color: #fff;
    padding-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.list-mig-lc-con h6 {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -20px;
    /* right: 0px;
    */
    border: 1px solid #fff;
    padding: 8px 10px 3px 10px;
    border-radius: 18px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.list-mig-lc-con p {
    color: #c1c1c1;
    font-size: 13px;
}

.list-mi-pr {
    top: 15px;
}

.list-ri-spec-tit {}

.list-ri-spec-tit h3 {
    padding: 5px 20px 18px 20px;
    /* background: #fff;
    */
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

.list-ri-spec-tit h3 span {
    font-weight: 600;
    font-size: 16px;
}

.list-rat-ch {}

.list-rat-ch span {
    width: 25px;
    height: 25px;
    background-color: #ffe500;
    /* bottom: 8px;
    */
    padding: 4px;
    border-radius: 2px;
    color: #000;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
    margin-right: 10px;
}

.list-rat-ch i {
    color: #000000;
    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.6);
    border: 1px solid #000;
    padding: 3px 2px 2px 2px;
    text-align: center;
    border-radius: 3px;
    background: #ffe500;
    font-size: 11px;
}

/*-------------------------------------------------------*/
/* LISTING LEAD FORM 
/*-------------------------------------------------------*/
.list-pg-lt {
    width: 70%;
    float: left;
    /* background: #f5f8ff;
    */
}

.list-pg-rt {
    width: 30%;
    float: left;
    padding: 0px 0px 0px 20px;
    /* background: #f5f8ff;
    */
}

.list-page-enq {
    margin-top: 60px;
    background: url('../images/banner2.html') no-repeat;
    background-size: cover;
    position: relative;
}

.list-page-enq:before {
    content: '';
    position: absolute;
    background: linear-gradient(to top, rgba(32, 52, 76, 0.64) 14%, rgba(0, 0, 0, 0.55) 66%);
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.lpe-com-main {
    position: relative;
    overflow: hidden;
    width: 75%;
    margin: 0 auto;
    padding: 50px 35px;
}

.lpe-com {
    width: 50%;
    float: left;
}

.lpe-left {
    padding: 14% 0%;
    color: #fff;
}

.lpe-left h4 {
    text-transform: uppercase;
}

.lpe-left h5 {
    font-size: 20px;
}

.lpe-left h2 {
    font-size: 60px;
}

.lpe-right {
    text-align: center;
}

.lpe-right h3 {
    color: #000000;
    font-size: 28px;
}

.lpe-right p {
    font-size: 14px;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 5px;
}

.lpe-right form {
    background: #fff;
    padding: 25px;
    border-radius: 4px;
    box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
    border-bottom: 5px solid #d6c492;
}

.lpe-right input,
textarea {
    height: 45px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 12px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
    */
    width: 100%;
    font-size: 14px;
    background: #fff;
}

.lpe-right label {
    top: 14px;
}

.lpe-right textarea {
    height: 75px;
}

.lpe-right input[type="submit"] {}

.list-red-btn {
    color: #fff;
    height: 45px;
    line-height: 45px;
}

.lis-pro-badg div {
    text-align: center;
    padding: 0px 10px 7px 10px;
    position: relative;
    z-index: 3;
}

.lis-pro-badg:before,
.lis-pro-badg:after {}

.lis-pro-badg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #26caacc9;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px;
}

.lis-pro-badg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 57%;
    background: #fff;
    left: 0px;
    /* top:0px;
    */
    right: 0px;
    bottom: 0px;
    border-radius: 0px 0px 10px 10px;
    z-index: 0;
}

.lis-pro-badg {
    position: relative;
    border-radius: 10px;
    background: url(../images/face.jpg) #edf6fd;
    background-size: 100px;
    /* float: left;
    */
    /* width: 100%;
    */
}

.lis-pro-badg div .rat {
    background: #f9f79ade;
    padding: 2px 4px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 10px;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    position: absolute;
}

.lis-pro-badg div img {
    width: 100px;
    object-fit: cover;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin-bottom: 15px;
    float: initial;
}

.lis-pro-badg div {
    /* position: relative;
    */
    /* padding-bottom: 20px;
    */
    /* margin-top: -151px;
    */
    /* left: 0px;
    */
    /* float: left;
    */
    /* width: 100%;
    */
}

.lis-pro-badg div h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
    /* text-transform: uppercase;
    */
}

.lis-pro-badg div p {
    margin: 0px;
    font-size: 11px;
    color: #8b9398;
}

.lis-pro-badg div .by {
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
}

.lis-comp-badg {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e0e6f5;
}

.lis-comp-badg .s1 {
    background: url(../images/all-list-bg.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    /* text-transform: uppercase;
    */
    padding-bottom: 10px;
    border-radius: 10px 10px 0px 0px;
    position: relative;
}

.lis-comp-badg .s1:before {
    content: '';
    position: absolute;
    background: linear-gradient(150deg, #60e2f7ab, #1e44a2cc 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}

.lis-comp-badg .s1 div {
    position: relative;
}

.lis-comp-badg .s1 .by {
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
}

.lis-comp-badg .s1 .proi {
    width: 100px;
    object-fit: cover;
    height: 100px;
    border-radius: 50%;
    /* border: 4px solid #fff;
    */
    float: initial;
    margin: 0 auto;
    display: table;
}

.lis-comp-badg .s1 ul {
    margin: 0 auto;
    display: table;
    padding-bottom: 30px;
}

.lis-comp-badg .s1 ul li {
    float: left;
    padding: 0px 3px;
}

.lis-comp-badg .s1 ul li a {}

.lis-comp-badg .s1 ul li a img {
    width: 23px;
    height: 23px;
    background: #fff;
    border-radius: 50px;
    padding: 3px;
}

.lis-comp-badg .s1 h4 {
    font-size: 16px;
    font-weight: 500;
    /* letter-spacing: 1px;
    */
    padding: 20px 0px 0px 0px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}

.lis-comp-badg .s1 p {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 0px 15px;
}

.lis-comp-badg .s2 {
    padding: 20px 15px 25px;
    text-align: center;
    position: relative;
}

.lis-comp-badg .s2 .use-fol {
    background: #56caff;
    margin: 0 auto;
    display: table;
    margin-top: -37px;
    padding: 7px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0px 1px 8px -2px #33333345;
    color: #fff;
    margin-bottom: 15px;
}

.lis-comp-badg .s2 a {
    color: #67717b;
    font-size: 15px;
}

.list-pagenat {
    margin-bottom: 0px;
    margin-top: 15px;
    margin: 0 auto;
    display: table;
}

.list-enqu-btn ul {
    padding: 0px;
}

.list-enqu-btn ul li {
    display: inline-block;
    float: left;
    width: 25%;
    margin: 0px;
}

.list-enqu-btn ul li a {
    border: 1px solid #eaeaea;
    text-align: center;
    display: block;
    padding: 5px;
    color: #3e4c56;
    box-sizing: border-box;
    margin: 4px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px;
}

.list-enqu-btn ul li a:hover {
    color: #fff;
    background-color: #172437;
    border: 1px solid #172233;
}

.list-enqu-btn ul li a:hover i {
    margin-right: 10px;
}

.list-enqu-btn ul li a i {
    margin-right: 5px;
}

.list-enqu-btn ul li:last-child a {
    color: #fff;
}

.list-ban-btn {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding: 20px 0px 30px 312px;
}

.list-ban-btn ul li {
    /* margin-bottom: 10px;
    */
    float: left;
    margin: 0px 5px 0px 0px;
    position: relative;
}

.list-ban-btn ul li .share-new-top {
    right: initial;
    top: initial;
    padding: 0;
    position: relative;
}

.list-ban-btn ul li:last-child {
    margin-bottom: 0px;
}

.list-ban-btn ul li .cta {
    font-weight: 600;
    display: inline-block;
    padding: 8px 25px 8px 40px;
    border-radius: 2px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d5d9e8;
    color: #2f3a54;
    font-size: 13px;
    float: left;
    animation: none;
}

.list-ban-btn ul li .cta b {
    color: #2f3a54;
}

.list-ban-btn ul li .cta:before {
    content: 'chat_bubble_outline';
    margin-left: -23px;
    margin-top: -2px;
    color: #2f3a54;
    transition: all 0.5s ease;
}

.list-ban-btn ul li .cta-call:before {
    content: 'phone';
}

.list-ban-btn ul li .cta-like:before {
    content: 'thumb_up';
    color: #2f3a54;
    margin-top: -3px;
    margin-left: -25px;
}

.list-ban-btn ul li .cta-rev:before {
    content: '';
    background: url(../images/icon/whatsapp.png) no-repeat;
    width: 17px;
    height: 17px;
    background-size: 100%;
    margin: 2px 0px 0px -24px;
}

.list-ban-btn ul li .cta-rev {
    background: #b8f5ba;
    color: #000;
    border: 1px solid #b8f5ba;
}

.list-ban-btn ul li span.pulse {
    color: #ffffff;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 rgb(244, 67, 54);
}

.list-ban-btn ul li span.pulse:before {
    color: #fff;
}

.plac-hom-box-txt span:nth-child(1).red-sml-cta {
    background: var(--red);
    width: auto;
    color: #fff;
    font-size: 12px;
    padding: 3px 16px;
    border-radius: 2px;
    font-weight: 500;
    margin-right: 25px;
}

.list-ban-btn ul li span:before {}

.list-ban-btn ul li .cta:hover:before {
    /* color: #ffffff;
    */
}

.list-ban-btn ul li .cta:hover {
    /* color: #090b52;
    */
    transition: all 0.5s ease;
    /* background: #f2f0f0;
    */
    box-shadow: 0px 10px 11px -7px #33333347;
}

.list-ban-btn ul li span:hover b {
    /* color: #ffffff;
    */
    transition: all 0.5s ease;
}

.list-ban-btn ul li span b {
    color: #162336;
    transition: all 0.5s ease;
}

.list-ban-btn ul li span:before {}

.list-ban-btn ul li:nth-child(1) span:before {
    content: 'favorite_border';
}

.list-ban-btn ul li .cta-rev:hover {
    background: #b8f5ba;
    color: #000;
    border: 1px solid #b8f5ba;
    box-shadow: 0px 10px 11px -7px #33333347;
}

.list-ban-btn ul li .cta-get:before {
    content: 'chat_bubble_outline';
}

.list-ban-btn ul li:nth-child(3),
.list-ban-btn ul li:nth-child(4) {
    /* width: 100% */
}

.list-ban-btn ul li:nth-child(3) a,
.list-ban-btn ul li:nth-child(4) span {
    /* display: block;
    */
    /* width: 100%;
    */
}

.carousel-item img,
.carousel-item iframe {
    width: 100%;
    transition: all .5s ease;
    height: 225px;
    float: left;
    border-radius: 10px;
}

.carousel-item img {
    object-fit: cover;
}

.carousel-item:before {
    display: none;
}

.caro-home .inn {
    position: relative;
}

.wh-bg {
    background: #fff;
}

.home-list-pop {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 0px 0px 15px 0px;
    /* margin-bottom: 30px;
    */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-bottom: 1px solid #e2e2e2;
}

.home-list-pop:hover {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home-list-pop img {
    width: 100%;
    transition: all .5s ease;
    height: 150px;
    object-fit: cover;
    border-radius: 2px;
}

.home-list-pop-desc {}

.home-list-pop-desc span {}

.home-list-pop .col-md-3 {
    float: left;
}

.home-list-pop .col-md-9 {
    float: left;
}

.pglist-off-last .home-list-pop .col-md-3 {
    padding-left: 0px;
}

.pglist-off-last .home-list-pop-desc {
    padding-right: 0px;
}

.home-list-pop-desc h3 {
    font-size: 18px;
    padding-bottom: 8px;
    color: #000000;
    padding-top: 5px;
    font-weight: 600;
}

.home-list-pop-desc h4 {
    font-size: 15px;
    padding-bottom: 8px;
}

.home-list-pop-desc p {
    margin-bottom: 15px;
    padding-right: 70px;
    font-size: 14px;
}

.pglist-off-last .list-pg-inn-sp:last-child .home-list-pop {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.pulse {
    box-shadow: 0 0 0 rgb(9, 178, 255);
    animation: pulse 1.5s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255)
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.carousel-item:before {
    content: '';
    position: absolute;
    background: #43323e63;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.ld-rhs-pro {
    margin-bottom: 0px;
    border: 0px;
    /* display: none;
    */
    background: none;
    margin-bottom: 0px;
}

.ld-rhs-pro-inn {}

.ld-rhs-pro .hcity {
    margin: 0px;
}

.all-list-pro-bad {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e0e6f5;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}

.all-list-pro-bad:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100px;
    background: url(../images/face.jpg) #053050;
    background-size: 101px;
    filter: brightness(0.6);
    left: 0px;
}

.all-list-pro-bad img {
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: relative;
}

.all-list-pro-bad .rat {
    background: #f9f79ade;
    padding: 2px 4px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 12px;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    position: absolute;
}

.all-list-pro-bad a h4 {
    font-weight: 600;
    font-size: 18px;
    padding-top: 15px;
    position: relative;
    color: #053050;
}

.all-list-pro-bad a h4:hover {
    text-decoration: underline;
    color: #0c83e2;
    transition: all 0.5s ease;
}

.all-list-pro-bad a {}

.all-list-pro-bad p {
    /* margin: 0px;
    */
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
}

.all-list-pro-bad .cntat {
    text-align: center;
    display: inline-block;
    padding: 5px 25px;
    box-sizing: border-box;
    /* margin: 4px;
    */
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}

.all-list-pro-bad .by {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
    position: relative;
}

.list-ri-peo-like {
    position: relative;
    background: url(../images/home-bg.jpg) no-repeat #424647;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    background-size: cover;
}

.list-ri-peo-like:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #fcddddbf, #0000006b 100%);
    border-radius: 5px;
    transition: all 0.5s ease;
    left: 0px;
    top: 0px;
}

.list-ri-peo-like h3 {
    padding: 5px 20px 18px 20px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: relative;
}

.list-ri-peo-like ul {
    margin: 0 auto;
    display: table;
    padding-left: 20px;
}

.list-ri-peo-like ul li {
    float: left;
    margin-left: -20px;
}

.list-ri-peo-like ul li a {
    /* position: relative;
    */
    /* width: 32px;
    */
    /* height: 32px;
    */
    /* display: inline-table;
    */
}

.list-ri-peo-like ul li a img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    transition: all 0.5s ease;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.8);
}

.list-ri-peo-like ul li a img:hover {
    transform: scale(1.4);
}

.list-rhs-form {
    background: #ffffff;
    /* border: 0px;
    */
    padding-bottom: 0px;
}

.list-rhs-form .quote-pop {
    padding: 0px;
    background: #f2f4f6;
}

.list-rhs-form .quote-pop h3 {
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background: #20334c;
    padding: 12px;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
}

.list-rhs-form .quote-pop form {
    padding: 20px 30px;
}

.list-rhs-form .quote-pop input {
    border: 1px solid #e1e4e6;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding-left: 40px;
}

.list-rhs-form .form-group:before {
    margin: 7px 0px 0px 15px;
    color: #2196F3;
}

.list-rhs-form .quote-pop textarea {
    border: 1px solid #e1e4e6;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
}

.list-rhs-form .quote-pop .btn {
    width: 100%;
    border: 0px;
    font-weight: 600;
    opacity: 1;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 10px 10px;
    border-radius: 2px;
    border-radius: 20px;
}

.list-pg-lt .pglist-p-com:nth-child(1) p:last-child {
    margin-bottom: 0px;
}

.list-pg-lt .pglist-p-com:nth-child(2) {
    padding-bottom: 12px;
}

.mob-menu {}

.mob-me-ic {
    position: absolute;
    right: 0px;
    top: 7px;
    display: none;
    /* z-index: 9;
    */
}

.mob-me-ic i {
    border: 1px solid #3b83ef;
    font-size: 21px;
    border-radius: 50px;
    color: #fff;
    background: #3b83ef;
    float: left;
    padding: 4px;
}

.mob-me-all {
    position: fixed;
    width: 80%;
    right: -100%;
    top: 0px;
    bottom: 0px;
    background: #fff;
    padding: 0px 40px 100px 40px;
    overflow-y: auto;
    transition: all 0.5s ease;
    box-shadow: 0px 11px 18px -8px rgb(42 42 42 / 63%);
}

.mob-me-all.mobmenu-show {
    right: 0%;
    transition: all 0.5s ease;
}

.mob-me-all h4 {
    font-size: 18px;
    margin-top: 40px;
    font-weight: 600;
}

.mob-me-all ul {}

.mob-me-all ul li {}

.mob-me-all ul li a {
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.mv-bus {}

.mob-me-clo {
    position: absolute;
    right: 23px;
    top: 10px;
    z-index: 9;
    background: #FF5722;
    /* height: 25px;
    */
    border-radius: 50px;
    /* padding: 5px;
    */
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 2px;
}

.mob-me-clo i {
    color: #fff;
    text-align: center;
}

.mv-pro.ud-lhs-s1 {
    padding: 30px 0px 0px 0px;
}

.mv-pro {
    cursor: pointer;
}

.mv-pro-menu {
    display: none;
    padding-top: 15px;
}

.mv-pro-menu.ud-lhs-s2 {}

/*-------------------------------------------------*/
/* REVIEWS 
/*-------------------------------------------------*/
.rating {
    border: none;
    float: left;
    height: 45px;
    margin: 0px 0px 10px 14px;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 0px;
    font-size: 30px;
    font-family: Material Icons;
    display: inline-block;
    content: "star";
    color: currentColor;
}

.rating>.half:before {
    content: "star_half";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
    width: 28px;
    cursor: pointer;
}

.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
    color: #FFD700;
}

/* hover previous stars in list */
.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
    color: #FFED85;
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #FFD700;
}

.rating>label.full {}

.rating>label.half {}

/*-------- RELATED LISTING -----------*/
.list-det-rel-pre {
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}

.list-det-rel-pre h2 {
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
}

.list-det-rel-pre ul {}

.list-det-rel-pre ul li {
    float: left;
    width: 33.333%;
    padding: 10px 10px;
}

.list-det-rel-pre ul li .land-pack-grid {
    margin: 0px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.10);
}

.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img {
    position: relative;
}

.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2432405e;
    left: 0px;
    transition: all ease 0.5s;
    background: linear-gradient(to bottom, #ffffff00, #0b253aba);
}

.list-det-rel-pre ul li .land-pack-grid .list-rat-all {
    padding: 0px 15px 7px 15px;
    position: absolute;
    top: -33px;
    background: none;
    right: initial;
}

.list-det-rel-pre ul li .land-pack-grid .list-rat-all b {
    font-size: 12px;
    padding: 0px 4px;
    float: left;
    /* filter: drop-shadow(0px 0px 1px black);
    */
}

.list-det-rel-pre ul li .land-pack-grid .rat {
    padding: 1px 0px 0px 5px;
}

.list-det-rel-pre ul li .land-pack-grid .rat i {
    font-size: 12px;
    font-size: 16px;
    width: 10px;
    filter: drop-shadow(0px 0px 1px black);
    /* box-shadow: 0px 0px 1px black;
    */
}

.list-det-rel-pre ul li .land-pack-grid .rat i.ratstar {
    color: #fff;
}

.list-det-rel-pre ul li .land-pack-grid .list-rat-all span {}

/*-------------------------------------------------*/
/* = MOBILE FOOTER QUICK LINK 
/*-------------------------------------------------*/
.fqui-menu {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 20;
    box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 34%);
    display: block;
    bottom: -100px;
    transition: all 0.5s ease-in-out;
}

.fqui-menu ul {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.fqui-menu ul li {
    /* float: left;
    */
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 0px 10px;
}

.fqui-menu ul li a {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 4px 6px 4px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fqui-menu ul li img {
    width: 20px;
    margin: 0 auto;
    display: table;
    padding-bottom: 4px;
}

.fqui-menu ul li {}

.fqui-menu ul li span {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 4px 6px 4px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fqui-menu ul li span:hover,
.fqui-menu ul li span:active,
.fqui-menu ul li span:focus {
    background: #334a5a;
}

.fqui-menu ul li span.btn-ser-need-ani {
    background: none;
    border-radius: 0px;
    position: relative;
    animation: none;
    bottom: initial;
    right: initial;
    border: 0px;
    box-shadow: none;
}

.fqui-menu ul li span.btn-ser-need-ani:before {
    display: none;
}

/*-------------------------------------------------*/
/* = PRICING 
/*-------------------------------------------------*/
.tit {
    text-align: center;
    width: 100%;
    margin: 0px 0px 40px 0px;
}

.tit h2 {
    font-size: 17px;
    font-weight: 400;
}

.tit h2 span {
    font-size: 36px;
    font-weight: 600;
    display: block;
}

.tit p {
    font-size: 16px;
    line-height: 26px;
    color: #424c59;
    font-weight: 400;
}

.pri {
    padding: 100px 0 100px 0;
    background: #f2f3f3;
    float: left;
    width: 100%;
}

.pri:before {
    content: '';
    position: absolute;
}

.pri ul {}

.pri ul li {
    float: left;
    width: 25%;
    border-radius: 4px;
    transition: all 0.4s;
}

.pri ul li div {
    float: left;
    width: 96%;
    text-align: center;
}

.pri ul li:last-child .c2 h4,
.pri ul li:last-child .c2 p {
    color: #fff;
}

.pri-box {
    background: #ffffff;
    border-radius: 11px;
    transition: all 0.4s;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
    border: 0px solid #f0f4f7;
    margin: 0px 2%;
}

.pri-box:hover .c3 a {
    color: #ffffff;
    border: 1px solid #329df4;
    background: #329df4;
}

.pri-box .c2 {
    padding: 20px;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #d3d9e0;
}

.pri-box .c2 h4 {
    color: #000;
    padding-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
}

.pri-box .c2 p {
    margin: 0px;
    font-weight: 400;
    font-size: 12px;
    color: #333;
}

.pri-box .c3 {
    padding: 20px 20px;
    width: 100%;
}

.pri-box .c3 h2 {
    font-size: 48px;
    font-weight: 700;
}

.pri-box .c3 h2 span {}

.pri-box .c3 p {
    margin: 0px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 15px;
}

.pri-box .c3 a {
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #1a2a38;
    border: 1px solid #d5e1e7;
    letter-spacing: 1px;
    display: inline-block;
    background: #e4eef3;
}

.pri ul li:nth-child(2) .pri-box .c2,
.pri ul li:nth-child(3) .pri-box .c2 {}

.pri ul li:nth-child(4) .pri-box .c2 {
    background: #FF512F;
    background: -webkit-linear-gradient(to right, #F09819, #FF512F);
    background: linear-gradient(to right, #F09819, #FF512F);
}

.pri ul li:nth-child(4) .pri-box .c3 a {
    color: #ffffff;
    border: 1px solid #ff4e0a;
    background: linear-gradient(to right, #ff0099, #ff5200);
}

.pri-box .c4 {
    padding: 7px 20px 20px 20px;
    width: 100%;
}

.pri-box .c4 ol {
    padding: 0px;
    border-top: 1px solid #25c16f1a;
    padding-top: 20px;
    /* position: relative;
    */
}

.pri-box .c4 ol li {
    width: 100%;
    text-align: left;
    padding-bottom: 12px;
    font-size: 15px;
    color: #334e59;
    font-weight: 500;
    padding-left: 35px;
    box-sizing: border-box;
    border: 0px;
    background: none;
    position: relative;
}

.pri-box .c4 ol li:before {
    content: "check";
    font-size: 12px;
    padding: 1px;
    width: 15px;
    height: 15px;
    color: #ffffff;
    font-weight: 500;
    left: 8px;
    top: 0px;
    background: #329df4;
    border-radius: 50px;
    box-sizing: border-box;
    line-height: 14px;
}

.pri-box .c4 ol li.no:before {
    content: "close";
    color: #ffffff;
    background: #f87f95;
}

.pri-box .c4 ol li.co:before {
    background: #f8d37f;
}

.pri-box .c5 {
    padding: 0px 20px 30px 20px;
    width: 100%;
}

.pri-box .c5 a.cta1 {
    background: #ff5200;
    color: #fff;
    padding: 8px 20px;
    border-radius: 2px;
    display: inline-block;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    background: linear-gradient(to right, #ff0099, #ff5200);
}

.pri-box .c5 a.cta1:hover {}

.pri-box .c5 a.cta2 {
    display: block;
    font-size: 12px;
    padding-top: 10px;
    text-decoration: underline;
    color: #333;
    background: none;
    padding: 15px 0 0 0;
}

.login-reg {
    padding: 130px 0 80px 0;
    background: #edf6fd;
    position: relative;
    background-size: 380px;
}

.login-reg:before {
    /* content: '';
    */
    /* position: absolute;
    */
    /* background: rgba(33, 48, 59, 0.73);
    */
    /* top: 0px;
    */
    /* bottom: 0px;
    */
    /* left: 0px;
    */
    /* width: 100%;
    */
    /* border-radius: 5px;
    */
}

.login-main {
    /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    */
    /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(0, 0, 0, 0.85);
    */
    /* background: #fff;
    */
    width: 460px;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px;
}

.log {}

.log h4 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
}

.log p {
    font-size: 14px;
    text-align: center;
    color: #81898d;
}

.log div input,
.log div select {
    height: 40px;
    border: 1px solid #bdc8d0;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.form-control option {
    font-size: 13px;
    font-weight: 500;
}

.login-reg {}

.login-reg .tit {}

.login-reg .tit h2 {}

.login-reg .tit p {}

.log div button.btn {
    width: 100%;
    border: 0px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 50px;
    transition: all .4s ease;
}

.log div button.btn:hover {
    box-shadow: var(--btnshadow);
}

.log div a.btn {
    width: 100%;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}

.login {
    padding: 40px 0px 20px 0px;
    position: relative;
    float: left;
    width: 100%;
}

.log-bot {
    border-radius: 0 0 8px 8px;
    padding: 0px;
    float: left;
    width: 100%;
}

.log-bot ul {
    margin: 0 auto;
    display: table;
}

.log-bot ul li {
    float: left;
    padding: 0px 8px;
}

.log-bot ul li span {
    color: #47b5ff;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.log-bor {
    background: #4c7af1;
    background-image: linear-gradient(-71deg, #4c7af1, #7fccbb 95%);
    height: 10px;
}

.login-new {
    background: #fff;
    padding: 35px;
    box-shadow: var(--btnshadow1);
    margin-bottom: 20px;
    border-radius: 10px;
}

.login-new .log-bor {}

.login-new .login {
    padding: 35px;
}

.near-login-reg {
    padding-bottom: 100px;
    background: #daebff;
    margin-top: 57px;
    padding-top: 50px;
}

.near-login-reg .inn {
    width: 75%;
    margin: 0 auto;
    display: table;
}

.near-log-lhs {
    float: left;
    width: 60%;
}

.near-log-lhs ul {}

.near-log-lhs ul li {}

.near-log-lhs ul li div {}

.near-log-lhs ul li div h4 {}

.near-log-lhs ul li div img {
    width: 100%;
}

.near-log-lhs ul li div p {}

.near-log-rhs {
    box-shadow: 0px 1px 9px -6px #333;
    float: left;
    width: 40%;
}

.pop-ups .log-bor {
    height: 6px;
}

.pop-ups .form-control {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.pop-ups .fname {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.pop-ups .udb-inst {
    font-size: 11px;
}

.pop-ups .serex-date {
    padding: 0px;
}

.pop-ups .serex-time {
    padding-right: 0px;
}

.ud-cen .log-bor {
    height: 6px;
    border-radius: 3px 3px 0 0;
}

.ud-cen .rat i {
    font-size: 16px;
    width: 15px;
}

.ud-cen .rat {}

.log-2,
.log-3 {
    display: none;
}

.login-main.add-list {
    width: 60%;
    /* box-shadow: 0px 12px 26px -14px #333333a1;
    */
}

.add-list .log div input,
.add-list .log div select {
    font-size: 13px;
}

.add-list textarea {
    height: 120px;
    border: 1px solid #bdc8d0;
    font-size: 13px;
}

.add-list label {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.add-list .chbox input[type="checkbox"] {
    height: auto;
}

.add-list .steps,
.udb-inst {
    position: relative;
    margin: 0 auto;
    display: table;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 2px 10px;
    line-height: 20px;
    border-radius: 4px;
    margin-top: -16px;
    letter-spacing: 2px;
}

/*--==== IMAGE FILE UPLOAD ====--*/
.fil-img-uplo {
    float: left;
    width: 100%;
    margin: 0px 0 15px 0;
    position: relative;
}

.fil-img-uplo .dumfil {
    background: #e8f1f9;
    color: #426a8a;
    border-radius: 5px;
    /* box-shadow: 0 5px #1f4463;
    */
    padding: 10px 25px 9px 42px;
    /* text-transform: uppercase;
    */
    letter-spacing: 1px;
    font-weight: 500;
    outline: none;
    position: relative;
    font-size: 12px;
    text-align: left;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #becad6;
    transition: all 0.4s ease;
}

.fil-img-uplo .dumfil:before {
    content: 'file_upload';
    left: 20px;
    top: 6px;
    letter-spacing: 0;
    color: #567492;
    transition: all 0.4s ease;
}

.fil-img-uplo:hover .dumfil {
    background: #d3e6f7;
    border: 1px solid #b2cbe2;
}

.fil-img-uplo:hover .dumfil:before {}

.fil-img-uplo input[type="file"] {
    z-index: 7;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    cursor: pointer;
}

.add-list-ser .fil-img-uplo {
    margin: 31px 0 0px 0;
}

/*--==== END IMAGE FILE UPLOAD ====--*/
.foot-supp {}

.foot-supp h2 {
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.foot-supp h2 span {
    font-weight: 300;
    padding-right: 5px;
}

.foot-count {
    border-top: 1px dashed #352c7c;
    padding: 35px 0px 0px 0px;
    margin-top: 20px;
}

.foot-count ul {
    margin: 0 auto;
    display: table;
}

.foot-count ul li {
    float: left;
    font-size: 14px;
    padding: 0px 15px;
    border-right: 1px dashed #352c7c;
    line-height: 15px;
    text-align: center;
    font-weight: 500;
    color: #7a6a5c;
    line-height: 18px;
}

.cr {
    background: #100a42;
    float: left;
    width: 100%;
}

.cr p {
    width: 100%;
    text-align: center;
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    padding: 20px 0px;
    color: #efedfb;
}

.cr p a {
    color: #efedfb;
    text-decoration: underline;
}

/*-------------------------------------------------------*/
/* ADD LISTING STEPS 
/*-------------------------------------------------------*/
.add-list-ste {
    width: 100%;
    margin-bottom: 30px;
}

.add-list-ste-inn {}

.add-list-ste-inn ul {
    margin: 0 auto;
    display: table;
    position: relative;
}

.add-list-ste-inn ul:after {
    content: '';
    position: absolute;
    width: 90%;
    height: 2px;
    background: #d0dee8;
    left: 5%;
    top: 41px;
    z-index: 1;
}

.add-list-ste-inn ul li {
    float: left;
    text-align: center;
    margin: 0px 10px;
    z-index: 2;
    position: relative;
}

.add-list-ste-inn ul li a {
    text-align: center;
    background: #fff;
    float: left;
    border-radius: 50px;
    color: #333;
    width: 80px;
    height: 80px;
    padding: 16px 0px 0px 0px;
}

.add-list-ste-inn ul li a:hover {
    background: #72c1ff;
    color: #fff;
}

.add-list-ste-inn ul li a span {
    font-size: 12px;
    text-transform: uppercase;
}

.add-list-ste-inn ul li a b {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.add-list-ste-inn ul li a.act {
    color: #fff;
}

.add-list .skip {
    text-align: center;
    display: block;
    padding-top: 20px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    border-top: 1px solid #e1dede;
    margin-top: 30px;
}

.add-list button.btn {
    margin-top: 25px;
}

.add-list .img-name {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}

.add-list-off {}

.add-list-off ul li {
    margin-bottom: 20px;
    border-radius: 2px;
    list-style-type: none;
}

.add-prod-high-oth {
    padding: 0px;
    margin-top: 0px;
}

.add-prod-high-oth ul li {
    margin-bottom: 15px;
    padding: 20px 0px 0px 0px;
}

.add-prod-high-oth .form-group,
.add-prod-oth .form-group {
    margin: 0px;
}

.add-prod-oth {
    padding: 25px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 25px;
}

.add-prod-oth ul {}

.add-prod-oth ul li {
    background: none;
    border: 0px;
    padding: 0px;
}

.add-prod-oth ul li input {}

.add-prod-oth ul li i {
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 12px;
}

.add-list-add-btn {
    position: absolute;
    right: 31px;
    top: 15px;
    font-size: 20px;
    border: 1px solid #4e7df0;
    width: 32px;
    height: 24px;
    text-align: center;
    border-radius: 15px 0px 0px 15px;
    line-height: 23px;
    cursor: pointer;
    color: #fff;
    background: #4d7cf1;
}

.add-list-rem-btn {
    position: absolute;
    right: 0px;
    top: 15px;
    font-size: 28px;
    border: 1px solid #4d7cf1;
    width: 32px;
    height: 24px;
    text-align: center;
    border-radius: 0px 15px 15px 0px;
    line-height: 24px;
    cursor: pointer;
    color: #4d7cf1;
    background: #fff;
    padding-left: 5px;
}

.vid-gal-add {
    position: relative
}

.vid-gal-add .lis-add-oadvideo,
.vid-gal-add .lis-add-orevideo {
    z-index: 2;
    top: -32px;
}

.pt30 {
    padding-top: 30px;
}

.add-lis-oth {}

.add-lis-oth i {
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 18px;
}

.log .add-lis-oth input {
    border: 0px;
    border-bottom: 1px solid #e4e6f2;
    text-transform: capitalize;
}

.add-lis-done {}

.add-lis-done h4 {
    font-size: 42px;
    margin-bottom: 5px;
    color: #000;
}

.add-lis-done .succ {
    color: #fff;
    margin: 0 auto;
    display: table;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    font-size: 90px;
    font-weight: 600;
    padding: 25px;
    box-shadow: 0px 3px 13px -4px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}

.add-lis-done p {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 15px;
}

.add-lis-done .checkmark {
    margin: 0 auto;
    display: table;
    position: relative;
    left: inherit;
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
}

/*-------------------------------------------------------*/
/* DASHBOARD 
/*-------------------------------------------------------*/
.ud {
    padding: 48px 0px 0px 0px;
    transition: all 0.5s ease;
    background: #f3f9ff;
    position: relative;
}

.ud.op1 {
    opacity: 0.1;
    transition: all 0.5s ease;
}

.ud-inn {
    width: 100%;
    /* margin: 0 auto;
    */
    /* display: table;
    */
    /* max-width: 1400px;
    */
    /* position: relative;
    */
    background: #f0f8ff;
    position: relative;
    float: left;
}

.ud-inn:before {
    content: '';
    position: absolute;
    background: #d9e4ee;
    width: 250px;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.ud-enqu .ud-cen {
    width: 82%;
    margin: 0px 0% 0px 2%;
}

.ud-enqu .ud-rhs {
    display: none;
}

.ud-main .ud-no-rhs .ud-cen {
    width: 100%;
}

.ud-main .ud-no-rhs .ud-rhs {
    display: none;
}

.db-open .bl {
    display: none;
}

.db-open .al {
    display: block;
}

.db-menu {
    position: fixed;
    background: #fff;
    right: -380px;
    top: 0px;
    width: 280px;
    padding: 15px 20px;
    box-shadow: 0px 0px 23px 0px rgb(10 10 10 / 14%);
    transition: all 0.5s ease-in-out;
    height: 100%;
    bottom: 0px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1;
}

.db-menu.act {
    right: -14px;
}

.db-menu ul {
    float: left;
    width: 100%;
}

.db-menu ul li {}

.db-menu ul li a {
    color: #000;
    font-weight: 500;
    font-size: 12px;
    display: block;
    padding: 8px 0px;
    border-bottom: 1px solid #f1efec;
}

.db-menu ul li a img {
    width: 15px;
    margin-right: 15px;
}

.db-menu ul li a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 22px;
    background: #fff;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}

.db-menu ul li a:hover {
    padding-left: 18px;
    color: #2783d1;
    background: linear-gradient(to left, #fff, #e4f1fc 70%);
}

.db-menu ul li a:hover:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 22px;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}

.db-menu ul li:last-child a {
    border-bottom: 0px;
}

.top-noti {}

.top-noti span i {
    font-size: 10px;
    font-style: initial;
    position: absolute;
    background: #f71504;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    font-weight: 500;
    text-align: center;
    padding: 4px 2px;
    top: -8px;
    right: -4px;
}

.db-menu-noti,
.shrt-add-cta {
    color: #fff;
    position: absolute;
    float: right;
    right: 37px;
    top: 8px;
    cursor: pointer;
    border: 1px solid #ffffff9c;
    background: #5182eb;
    background-image: linear-gradient(-71deg, #4c7af1, #af59fd 95%);
    padding: 3px;
    font-size: 20px;
    border-radius: 50px;
    text-align: center;
    transition: all 0.5s ease;
}

.db-menu-noti:hover {
    color: #f3f3f7;
    animation: bell 1s ease-in-out;
}

@keyframes bell {
    0% {
        transform: rotate(35deg);
    }

    12.5% {
        transform: rotate(-30deg);
    }

    25% {
        transform: rotate(25deg);
    }

    37.5% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    62.5% {
        transform: rotate(-10deg)
    }

    75% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(0);
    }
}

.top-noti-win {
    position: fixed;
    background: #fff;
    right: -300px;
    top: 0px;
    width: 280px;
    padding: 15px 20px;
    box-shadow: 0px 0px 23px 0px rgb(10 10 10 / 14%);
    transition: all 0.5s ease-in-out;
    height: 100%;
    bottom: 0px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1;
}

.top-noti-win.act {
    right: -14px;
}

.top-noti-win h4 {
    font-size: 15px;
    font-weight: 600;
}

.top-noti-win ul {}

.top-noti-win ul li {}

.top-noti-win ul li div {}

.top-noti-win ul li div a {}

.top-noti-win ul li span {}

.top-shrt-add-main {
    position: relative;
    float: right;
}

.shrt-add-cta {
    right: 76px;
    border: 1px solid #ffffff9c;
    background: #2e2f72;
}

.shrt-add-inn {
    width: 190px;
    background: #ffffff;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    padding: 10px 20px;
    box-shadow: 0px 4px 13px -10px rgb(0 0 0 / 50%);
    margin-top: 54px;
    left: -185px;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
    top: -8px;
    border-radius: 12px;
}

.shrt-add-inn:before {
    top: -2px;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    z-index: 1;
    transform: rotate(45deg);
    left: 81px;
}

.shrt-add-inn ul {}

.shrt-add-inn ul li {}

.shrt-add-inn ul li a {
    font-size: 12px;
    color: #536070;
    font-weight: 400;
    display: block;
    padding: 7px 0px;
}

.shrt-add-inn ul li a:hover {
    color: #058dfa;
    text-decoration: underline;
}

.no-noti-clr-noti {
    font-size: 12px;
}

.ud-lhs {
    float: left;
    width: 250px;
    /* border-right: 1px solid #d9dde0;
    */
    background: #d9e4ee;
    /* box-shadow: 0px 1px 30px -16px #000000ab;
    */
    position: relative;
    left: 0px;
    top: 0;
    bottom: 0px;
    height: 100%;
    z-index: 9;
    padding: 30px 0px 30px 0px;
}

.ud-main {
    width: calc(100% - 250px);
    padding-bottom: 60px;
    background: #f0f8ff;
    float: left;
}

.ud-main .ud-main-inn {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: table;
    position: relative;
}

.ud-lhs-s1 {
    position: relative;
    overflow: hidden;
    /* background: #fff;
    */
    float: left;
    text-align: center;
    /* box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    */
    border-radius: 4px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0 0 15px 15px;
}

.ud-lhs-s1:before {
    /* content: '';
    */
    position: absolute;
    width: 100%;
    height: 100px;
    background: url(../images/face.jpg) #053050;
    background-size: 101px;
    filter: brightness(0.3);
    left: 0px;
}

.ud-lhs-s1 img {
    width: 50px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    /* margin-right: 10px;
    */
    height: 50px;
    position: relative;
    /* margin-top: 30px;
    */
    left: 0;
}

.ud-lhs-s1 .ud-lhs-pro-bio {
    float: left;
    width: calc(100% - 50px);
    padding-left: 12px;
    text-align: left;
}

.ud-lhs-s1 h4 {
    font-size: 16px;
    line-height: 15px;
    font-weight: 600;
    padding-top: 0px;
    display: block;
    float: left;
    width: 100%;
    color: #333;
    margin-bottom: 4px;
}

.ud-lhs-s1 b {
    padding: 0px;
    font-size: 10px;
    font-weight: 400;
    color: #6b7884;
    line-height: 15px;
    float: left;
    width: 100%;
    padding-bottom: 0px;
}

.ud-lhs-s1 .ud-lhs-view-pro {
    /* display: table;
    */
    /* margin: 0 auto;
    */
    color: #fff;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 2px;
    font-weight: 600;
}

.ud-lhs-s2 {
    float: left;
    width: 100%;
    /* background: #fff;
    */
    /* border: 1px solid #e6e6e6;
    */
    /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
    */
    /* padding: 12px;
    */
    overflow: hidden;
    overflow-y: auto;
}

.db-menu .ud-lhs-s1 {
    /* padding-top: 10px;
    */
    box-shadow: none;
    border: 1px solid #ededed;
    background: #f7fafc;
    padding: 10px;
}

.db-menu .ud-lhs-s1:before {
    height: 70px;
}

.db-menu .ud-lhs-s1 img {
    /* width: 85px;
    */
    /* height: 85px;
    */
}

.ud-lhs-inn {}

.ud-lhs-s2 ul {}

.ud-lhs-s2 ul li {}

.ud-lhs-s2 ul li h4 {
    text-transform: uppercase;
    font-size: 12px;
    color: #000000;
    padding: 20px 0 5px 22px;
    line-height: 26px;
    font-weight: 600;
    border-bottom: 1px solid #c1cbd5;
}

.ud-lhs-s2 ul li a {
    font-weight: 500;
    color: #435769 !important;
    font-size: 12px;
    display: block;
    padding: 7px 17px;
    /* border-bottom: 1px solid #d9dde0;
    */
    margin-right: 15px;
}

.db-menu-clo {
    cursor: pointer;
    color: #fff;
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 15px;
    border-radius: 50px;
    font-size: 14px;
    padding: 4px;
    font-weight: 600;
}

.ud-rhs-sec-3 {
    display: none;
}

.cre-dup-form {
    display: none;
}

.cre-dup {
    margin-bottom: 25px;
}

.cre-dup a {
    width: 100%;
    border: 0px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.cre-dup span {
    width: 100%;
    border: 0px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.ud-lhs-s2 ul li a.db-lact {
    padding-left: 18px;
    background: #e4f1fc;
    background: linear-gradient(to left, #08179f, #0217bb 70%);
    border-radius: 0 50px 50px 0;
    color: #fff !important;
}

.ud-lhs-s2 ul li a:hover.db-lact {
    background: linear-gradient(to left, #08179f, #0217bb 70%);
}

.ud-lhs-s2 ul li a.db-lact:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 22px;
    margin: 1px 0px 0px -18px;
    transition: all 0.5s ease;
}

.ud-lhs-s2 ul li a.db-lact img {
    background: #6f7bdf;
    padding: 6px;
}

.ud-lhs-s2 ul li a:hover {
    /* padding-left: 18px;
    */
    background: #d0dbe5;
    border-radius: 0 50px 50px 0;
}

.ud-lhs-s2 ul li a.db-lact:before,
.ud-lhs-s2 ul li a:hover:before {}

.ud-lhs-s2 ul li a img {
    width: 28px;
    margin-right: 15px;
    /* filter: drop-shadow(2px 4px 6px black);
    */
    /* background: #bce0ff;
    */
    padding: 3px;
    border-radius: 2px;
    margin-top: -2px;
}

.ud-cen {
    float: left;
    width: 70%;
    margin: 40px 0 0px 0;
    padding-left: 40px;
}

.ud-rhs {
    float: left;
    width: 30%;
    padding: 40px 0px 0px 40px;
}

.cd-cen-intr {
    padding: 30px 5px 0 5px;
}

.cd-cen-intr-inn {
    padding: 30px 30px 30px 230px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: #5433FF;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #A5FECB, #429dde, #7b4ffc);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #A5FECB, #429dde, #7b4ffc);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.cd-cen-intr-inn:before {
    left: 0px;
    content: '';
    position: absolute;
    width: 190px;
    height: 171px;
    background: url(../images/quote.png) no-repeat;
    z-index: 9;
    bottom: 0px;
    background-size: cover;
    filter: saturate(0.7);
}

.cd-cen-intr h2 {
    /* color: #e26363;
    */
    font-size: 20px;
}

.cd-cen-intr p {
    margin: 0px;
    /* color: #4994d6;
    */
    font-size: 13px;
}

.ud-cen-s1 {
    float: left;
    width: 100%;
    /* margin-bottom: 50px;
    */
    padding: 30px 0;
}

.ud-cen-s1 h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ud-cen-s1 ul li {
    float: left;
    width: 33.3333%;
    /* text-align: center;
    */
}

.ud-cen-s1 ul li div {
    border-radius: 5px;
    padding: 15px;
    background: #b2dcff;
    background-size: cover;
    position: relative;
    color: #333;
    transition: all 0.5s ease;
    /* border: 1px solid #deeaf0;
    */
    /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    */
    margin: 5px;
}

.ud-cen-s1 ul li div:hover {
    background: #d0f6f1;
    /* color: #fff;
    */
}

.ud-cen-s1 ul li div:hover b {
    color: #fff;
}

.ud-cen-s1 ul li:nth-child(2) div {
    /* margin: 0px 7px;
    */
    /* background: url(../images/listings/bike1.jpg) no-repeat;
    */
    /* background-size:cover;
    */
}

.ud-cen-s1 ul li:nth-child(3) div {
    /* background: url(../images/listings/re7.jpg) no-repeat;
    */
    /* background-size:cover;
    */
}

.ud-cen-s1 ul li div:before {
    /* content:'';
    */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #ffeee5;
    background: linear-gradient(to bottom, #ff8d8dc9, #00000057 70%);
    border-radius: 4px;
}

.ud-cen-s1 ul li div h4 {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* margin-top: 20px;
    */
    padding: 0px 0px 0px 65px;
    margin-bottom: 4px;
}

.ud-cen-s1 ul li div p {
    font-weight: 400;
    position: relative;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding: 0px 0px 0px 65px;
    margin: 0px;
}

.ud-cen-s1 ul li div b {
    font-size: 32px;
    font-weight: 600;
    line-height: 50px;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 20px;
    color: #fff;
    top: 8px;
    text-align: center;
    transition: all 0.5s ease;
}

.ud-cen-s1 ul li div a {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

.ud-cen-s2 {
    overflow: hidden;
    overflow-x: auto;
}

.ud-cen-s2,
.ud-cen-s3 {
    float: left;
    width: 100%;
    position: relative;
    padding: 30px 0;
}

.ud-cen-s3 {
    padding-bottom: 0px;
    /* display: none;
    */
}

.ud-cen-s4 {
    padding-bottom: 15px;
    /* display: none;
    */
}

.nav-tabs .nav-link {
    font-size: 12px;
    font-weight: 600;
}

.ud-cen-s2 h2,
.ud-cen-s3 h2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ud-cen-s2 a.db-tit-btn,
.ud-cen-s3 a.db-tit-btn {
    position: absolute;
    right: 35px;
    top: 28px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    background: #485563;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #697480, #9ba3ab);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #697480, #9ba3ab);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.ud-cen-s2 a.cta-db-exp-avail {
    background: linear-gradient(to top, #09b46d, #06d750);
    padding: 5px 15px;
}

.ud-cen-s2 a.db-tit-btn-1 {
    right: 160px;
}

.ud-cen-s2 a.db-tit-btn-2-ads {
    right: 215px;
}

.ud-cen-s2 table {
    width: 100%;
}

.form-group {
    float: left;
    width: 100%;
    position: relative;
}

.ud-cen-s3 ul {}

.ud-cen-s3 ul li {
    float: left;
    width: 33.333%;
    margin-bottom: 15px;
}

.ud-cen-s3 ul li .db-eve {
    background: #fff;
    padding: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
}

.ud-cen-s3 ul li .db-eve:hover {
    transform: scale(1.02);
    box-shadow: 0px 12px 9px -7px rgba(150, 150, 150, 0.59);
}

.ud-cen-s3 ul li .db-eve a {}

.ud-cen-s3 ul li .db-eve a img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 135px;
    transition: all 0.5s ease;
}

.ud-cen-s3 ul li .db-eve a h5 {
    margin-bottom: 0px;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 15px;
    float: left;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.ud-cen-s3 ul li .db-eve a span {
    font-size: 8px;
    color: #ffffff;
    padding: 2px 6px;
    display: inline-block;
    /* width: 100%;
    */
    font-weight: 500;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #3f57e0;
    border-radius: 10px;
}

.ud-rhs {}

.ud-rhs ul li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border: 0px;
}

.ud-rhs h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

.ud-rhs-sec-1 ul {
    min-height: 100px;
    max-height: 265px;
    overflow-y: hidden;
}

.ud-rhs-sec-1 ul:hover {
    overflow-y: auto;
}

.ud-rhs-sec-1 h4 {}

.ud-rhs-sec-1,
.ud-rhs-sec-2,
.ud-rhs-sec-3,
.ud-rhs-sec-4 {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f2f3f3;
    /* margin-bottom: 40px;
    */
    /* box-shadow: 0px 0px 11px -1px rgba(224, 224, 224, 0.69);
    */
    border-radius: 8px;
    /* padding: 25px;
    */
    /* border-top: 4px solid #7fccbb;
    */
    /* background: #fff;
    */
    border: 1px solid #e6e6e6;
    /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
    */
}

.ud-rhs-sec-1 ul,
.ud-rhs-sec-2 ul,
.ud-rhs-sec-3 ul,
.ud-rhs-sec-4 ul {
    padding: 25px;
}

.ud-rhs-sec-1 {
    padding: 0px;
}

.ud-rhs-sec-1 ul {}

.ud-rhs-sec-1 ul li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 12px;
    transition: all 0.5s ease;
}

.ud-rhs-sec-1 ul li:hover {
    padding-left: 6px;
    transition: all 0.5s ease;
}

.ud-rhs-sec-1 ul li:hover h5 {
    color: #297bbb;
    transition: all 0.5s ease;
}

.ud-rhs-sec-1 ul li a {
    color: #333;
}

.ud-rhs-sec-1 ul li a h5 {
    font-size: 12.5px;
    font-weight: 600;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #000;
}

.ud-rhs-sec-1 ul li a p {
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin: 0px;
    font-weight: 400;
}

.ud-rhs-sec-1 h4,
.ud-rhs-sec-2 h4,
.ud-rhs-sec-3 h4,
.ud-rhs-sec-4 h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    background: #253d52;
    padding: 15px 25px;
    color: #fff;
    font-weight: 600;
}

.ud-rhs-sec-2 {
    padding: 0 0 15px 0;
    /* display: none;
    */
    margin-bottom: 20px;
}

.ud-rhs-sec-2 ul {
    float: left;
    width: 100%;
    padding: 0px;
}

.ud-rhs-sec-2 ul li {
    padding: 15px 15px 5px 15px;
}

.ud-rhs-sec-2 ul li a {}

.ud-rhs-sec-2 ul li a img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}

.ud-rhs-sec-2 ul li a h5 {
    font-size: 13px;
    /* float: left;
    */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
}

.ud-rhs-sec-2 ul li a p {
    font-size: 10px;
    line-height: 15px;
    white-space: pre;
    overflow: hidden;
    font-weight: 400;
    color: #8d8a8a;
    margin-bottom: 0px;
}

.ud-rhs-sec-2 ul li a p b {
    font-weight: 600;
    color: #505658;
}

.ud-rhs-sec-3 .list-ri-peo-like ul li {
    margin-left: 0px;
    padding: 3px;
    float: left;
    width: 20%;
}

.ud-rhs-sec-3 .list-ri-peo-like ul {
    padding: 0px;
}

.ud-rhs-sec-3 ul li .eve-box-list {
    border: 0px;
    padding: 0px;
    box-shadow: none;
}

.ud-rhs-sec-3 ul li .eve-box-list img {
    width: 49px;
    height: 49px;
}

.ud-rhs-sec-3 ul li .eve-box-list h4 {
    margin: 5px 0px 4px 0px;
    font-size: 13px;
    padding: 0px;
    background: none;
}

.ud-cen-s3 ul li:nth-child(2n+2) div {
    margin: 0px 10px;
}

.ud-rhs-sec-3 ul li .eve-box-list p {
    font-size: 11px;
}

.ud-rhs-sec-3 ul li .eve-box-list span {
    font-size: 10px;
    padding: 0px 8.5px;
    bottom: 0px;
}

.ud-rhs-sec-3 ul li .eve-box-list span b {}

.ud-rhs-sec-3 ul li .eve-box-list a {}

.ud-rhs-promo {
    background: url(../images/promo.jpg) no-repeat;
    background-size: cover;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    color: #fff;
    float: left;
    width: 100%;
}

.ud-rhs-promo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cac42680;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px;
}

.ud-rhs-promo-que {
    background: url(../images/all-job-bg.jpg) no-repeat;
    background-size: cover;
}

.ud-rhs-promo-que:before {
    background: #00000061;
}

.ud-rhs-promo:hover a {
    color: #fff;
}

.ud-rhs-promo h3 {
    font-size: 22px;
}

.ud-rhs-promo p {
    font-size: 13px;
    color: #ffffff;
    margin: 0;
}

.ud-rhs-promo a {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 15px;
    line-height: 20px;
    border-radius: 4px;
    letter-spacing: 2px;
    margin-top: 15px;
    display: inline-block;
}

.ud-rhs-promo h3,
.ud-rhs-promo p,
.ud-rhs-promo a {
    position: relative;
}

.ud-rhs-promo-1 {
    background: url(../images/face.jpg);
    background-size: 190px;
    margin-top: 20px;
    margin-bottom: 0;
}

.ud-rhs-promo-1:before {
    background: #3f51b5d9;
}

.ud-rhs-promo-1 a {
    color: #fff;
}

.ud-rhs-sec-4 {}

.ud-rhs-sec-4 ul li {
    padding-bottom: 20px;
}

.blog-box-list {
    position: relative;
}

.blog-box-list h5 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.blog-box-list p {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 0px;
}

.blog-box-list span b {}

.blog-box-list span {
    font-size: 12px;
}

.blog-box-list a {}

.tz-db-table {}

.ud-cen-s2 table {}

.ud-cen-s2 table tr {
    color: #969595;
    border-bottom: 1px solid #d0d6db;
}

.ud-cen-s2 table tr td {
    font-size: 10px;
    color: #333;
    padding: 14px 14px 14px 0px;
}

.ud-cen-s2 table tr td:nth-child(2) img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
}

.ud-cen-s2 table tr td:nth-child(2) {
    font-weight: 600;
    font-size: 11px;
}

.lead-tab table tr td:nth-child(2) {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 120px;
    float: left;
}

.lead-tab table tr td:nth-child(8) {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 200px;
    float: left;
}

.ud-cen-s2 table tr td:nth-child(2) span {
    display: block;
    font-size: 11px;
    font-weight: 400;
}

.ud-cen-s2 table tr th {
    font-size: 12px;
    color: #333;
    padding: 14px 14px 14px 0px;
    font-weight: 600;
}

.ca-sh-plan {
    display: none;
    position: relative;
}

.ca-sh-user {
    position: relative;
}

.frmtip {
    float: right;
    color: #0d78d7;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 13px;
}

.db-pro-bot-btn {
    border: 0px;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 3px;
    margin: 10px 0px;
    display: inline-block;
    color: #fff;
}

.db-pro-bot-btn:hover {
    color: #fff;
    background: #f18b54;
}

.ud-cen-s2.ud-pro-edit table tr td:nth-child(2) {
    display: flex;
}

.ud-pro-edit .form-group {
    margin: 0px;
    display: grid;
    width: 100%;
}

.ud-pro-edit .form-group input {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}

.ud-pro-edit table tr:last-child {
    border-bottom: 0px;
}

.ud-rhs-pay {
    /* position: relative;
    */
    /* overflow: hidden;
    */
    background: #fff;
    float: left;
    /* text-align: center;
    */
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    /* padding: 20px;
    */
    /* color: #fff;
    */
    padding-bottom: 20px;
}

.ud-rhs-pay-inn {}

.ud-rhs-pay-inn h3 {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}

.ud-rhs-pay-inn ul {
    padding: 20px;
}

.ud-rhs-pay-inn ul li {
    font-size: 12px;
    padding: 8px 0px;
    border-bottom: 1px solid #e6ecee;
}

.ud-rhs-pay-inn ul li b {
    width: 105px;
    display: inline-block;
    font-weight: 600;
}

.ud-rhs-pay-inn .btn {
    color: #fff !important;
    font-size: 12px;
    padding: 7px 18px;
    border-radius: 2px;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
    float: left;
    /* margin-left: 20px;
    */
}

.ud-rhs-pay-inn .btn1 {
    margin-left: 20px;
}

.ud-rhs-pay-inn .btn2 {
    margin-left: 10px;
}

.ud-rhs-repo {
    display: none;
}

.ud-rhs-repo h3 {}

.ud-rhs-repo ul {}

.ud-rhs-repo ul li {
    float: left;
    width: 33.333%;
    text-align: center;
    height: 100px;
    position: relative;
}

.ud-rhs-repo ul li span {
    display: block;
}

.ud-rhs-repo ul li .view {
    font-size: 9px;
    color: #8b8787;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    left: 29%;
    top: 14px;
}

.ud-rhs-repo ul li .cout {
    font-size: 24px;
    font-weight: 600;
    line-height: 42px;
    padding-top: 20px;
}

.ud-rhs-repo ul li .name {
    font-size: 12px;
    font-weight: 500;
    color: #8b8787;
}

.ud-rhs-repo ul li:nth-child(1) {
    border-right: 1px solid #e6ecee;
}

.ud-rhs-repo ul li:nth-child(2) {
    border-right: 1px solid #e6ecee;
}

.ud-rhs-repo ul li:nth-child(3) {
    /* border-right: 1px solid #e6ecee;
    */
    border-bottom: 1px solid #e6ecee;
}

.ud-rhs-repo ul li:nth-child(4) {
    border-right: 1px solid #e6ecee;
    border-bottom: 0px;
}

.ud-rhs-repo ul li:nth-child(5) {
    border-right: 1px solid #e6ecee;
    border-bottom: 0px;
}

.ud-rhs-repo ul li:nth-child(6) {}

.ud-rhs-repo ul li:nth-child(7) {}

.ud-rhs-repo ul li:nth-child(7) {
    border-right: 1px solid #e6ecee;
}

.ud-rhs-status {
    padding-bottom: 0px;
}

.ud-rhs-status ul li {
    padding: 12px 0px 4px 0px;
}

.ud-rhs-status ul li span {
    float: left;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    font-size: 12px;
    font-weight: 500;
}

.ud-rhs-status ul li .custom-control {
    padding: 0px;
    display: inline-block;
    right: -50px;
    top: -4px;
}

.ud-rhs-status ul li .custom-control input {}

.ud-rhs-status ul li .custom-control label {}

.db-list-com {
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.db-list-rat {
    background: #f7ed94;
    padding: 4px 8px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 0px;
    font-size: 10px;
    border-radius: 2px;
    text-align: center;
}

.db-list-ststus {
    background: #579edc;
    padding: 4px 8px;
    font-weight: 600;
    color: #ffffff;
    font-size: 10px;
    border-radius: 2px;
    border: 0px solid #d3d3d3;
}

.db-list-ststus-na {
    background: #fd8478;
    padding: 4px 8px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0px;
    font-size: 12px;
    border-radius: 2px;
}

.db-list-edit {
    padding: 3px;
    font-weight: 600;
    color: #595b64;
    font-size: 10px;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}

.db-list-edit:hover {
    background: #2196F3;
    color: #fff;
    border: 1px solid #2093ef;
}

.db-list-edit .material-icons {
    font-size: 14px;
    vertical-align: middle;
}

.db-list-edit:hover .material-icons {}

.db-invo-dwn {
    padding: 6px 10px 6px 35px;
    font-weight: 600;
    color: #39708b;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid #becdd5;
    cursor: pointer;
}

.db-invo-dwn:before {
    content: 'file_download';
    margin: -3px 0 0 -23px;
    color: #39708b;
}

.udb-sugg {
    padding: 0px 0px 80px 0px;
    background: #ffeee5;
    background: linear-gradient(to top, #fff, #ffeee5 70%);
}

.udb-sugg .container {
    border-top: 1px solid #ebebeb;
    padding-top: 60px;
}

.udb-sugg .home-tit {
    padding-top: 0px;
}

.udb-sugg .hot-page2-hom-pre-head h4 {
    color: #ffffff;
}

.udb-sugg .hot-page2-hom-pre-head {
    background: #303f4a;
}

.udb-sugg .hot-page2-hom-pre-head:after {
    border-top-color: #31404b;
}

.udb-sugg .hot-page2-hom-pre ul li a {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

.udb-sugg .hot-page2-hom-pre-2 span {
    font-size: 12px;
}

.udb-sugg .hot-page2-hom-pre-2 span b {
    color: #8cb8bb;
    font-weight: 600;
}

.ud-notes {
    background: #e5f7ff;
    border: 1px solid #d0e9f4;
    padding: 25px;
    margin-top: 50px;
    float: left;
    width: 100%;
    border-radius: 10px;
}

.ud-notes p {
    font-size: 12px;
    line-height: 24px;
    margin: 0px;
    color: #668796;
}

.ud-notes p b {}

.ad-table-inn {}

.ad-table-inn img {
    width: 100px;
    transition: all 0.5s ease;
}

.ad-table-inn img:hover {
    transform: scale(3);
    box-shadow: 0px 1px 12px 0px rgba(150, 150, 150, 0.8);
}

.ad-table-inn .db-list-rat:hover {
    color: #fff;
}

.ud-payment {
    background: #fff;
    box-shadow: 0px 2px 22px 3px rgba(157, 152, 152, 0.21);
    padding: 30px;
    float: left;
    width: 100%;
}

.pay-lhs {
    float: left;
    width: 30%;
}

.pay-lhs img {
    width: 100%;
    float: left;
    border-radius: 5px;
}

.pay-rhs {
    float: left;
    width: 70%;
    padding-left: 35px;
}

.pay-rhs ul {}

.pay-rhs ul li {
    font-size: 13px;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    font-weight: 400;
}

.pay-rhs ul li:nth-child(1) {
    width: 100%;
}

.pay-rhs ul li:nth-child(2) {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
}

.pay-rhs ul li b {}

.pay-rhs ul li .ud-stat-pay-btn {
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 40px;
}

.ud-pro-link .pay-rhs ul li:nth-child(3) {
    width: 30%;
}

.ud-pro-link .pay-rhs ul li:nth-child(4) {
    width: 70%;
}

.ud-pay-op {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.ud-pay-op h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ud-pay-op ul {}

.ud-pay-op ul li {}

.pay-full {
    background: #fffbf1;
    border: 1px solid #f3ead1;
    padding: 25px;
    margin-bottom: 15px;
}

.pay-full .rbbox {}

.pay-full .rbbox label {
    font-weight: 600;
    margin-bottom: 0px;
}

.pay-note {
    margin-top: 0px;
    /* display: none;
    */
    opacity: 0;
    transition: all 0.5s ease;
    height: 0px;
}

.pay-note span {
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
    color: #7e5d3a;
    font-weight: 500;
}

.pay-note span i {
    font-size: 12px;
}

.pay-note button {
    border: 0px;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
}

.pay-note form {}

.pay-note form h4 {
    margin-top: 40px;
}

.pay-note form ul li {}

.pay-note form ul li input {
    background-color: #fff;
    border: 1px solid #d9d0b8;
    font-size: 14px;
    font-weight: 500;
}

.pay-full .rbbox input[type="radio"]:checked~.pay-note {
    /* display:block;
    */
    opacity: 1;
    transition: all 0.5s ease;
    height: auto;
    margin-top: 20px;
}

.posr .form-group {
    position: relative;
}

.ud-rhs-poin {
    background: url(../images/points.png) no-repeat #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    float: left;
    width: 100%;
    background-size: cover;
    background-position: center top;
    border: 1px solid #e8eff6;
}

.ud-rhs-poin1 {
    background-size: 100%;
    padding: 40px 40px 0px 40px;
    text-align: center;
    border-radius: 10px;
}

.ud-rhs-poin1 h4 {
    margin: 0px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}

.ud-rhs-poin1 span {
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
}

.ud-rhs-poin2 {
    padding: 20px;
    text-align: center;
}

.ud-rhs-poin2 h3 {
    font-size: 13px;
}

.ud-rhs-poin2 p {
    font-size: 11px;
    font-family: 'Quicksand';
}

.ud-rhs-poin2 a {}

.ud-rhs-poin2 a.cta {
    color: #fff;
    font-size: 11px;
    padding: 8px 25px;
    border-radius: 20px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
}

.how-to-coll {
    /* text-align: left;
    */
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.how-to-coll ul {}

.how-to-coll li {
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    padding: 20px;
}

.how-to-coll li:last-child {
    border-bottom: 0px;
}

.how-to-coll li h4.colact {}

.how-to-coll li h4 {
    text-align: left;
    font-size: 15px;
    margin-bottom: 0px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    position: relative;
    /* padding-right: 50px;
    */
}

.how-to-coll li h5 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.how-to-coll li h4:after {
    content: 'expand_more';
    color: #212529;
    right: 30px;
    font-size: 25px;
    line-height: 17px;
    transition: all 0.5s ease;
}

.how-to-coll li h4.colact:after {
    transform: rotate(180deg);
    transition: all 0.5s ease;
}

.how-to-coll li div {
    display: none;
    padding-top: 15px;
    padding-right: 90px;
}

.how-to-coll li div p {
    text-align: left;
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
}

.how-to-coll li div ol {
    padding: 15px 0px 0px 0px;
}

.how-to-coll li div ol li {
    border: 0px;
    padding: 0px;
    font-size: 13px;
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
    color: #81878d;
    list-style-type: disc;
    margin-left: 18px;
}

.use-act-err {
    position: fixed;
    left: 0px;
    background: #fffaba;
    right: 0px;
    width: 100%;
    z-index: 12;
    bottom: 0px;
    padding: 5px 10px;
    border-top: 1px solid #ece9b5;
}

.use-act-err p {
    margin: 0px;
    font-size: 11px;
    color: #000;
    text-align: center;
    border: 0px;
    background: none;
    padding: 4px;
    font-weight: 500;
}

.ud-sett {}

.ud-sett table tr {}

.ud-sett table tr td {
    font-size: 12px;
    font-weight: 500;
}

.ud-sett table tr td select {
    font-size: 12px;
    font-weight: 500;
    border: 0px;
    background: #ffffff;
    cursor: pointer;
}

.ud-sett table tr td .form-group {
    margin-bottom: 0px;
}

.ud-sett table tr td .form-group .custom-control-label {
    font-size: 10px;
    padding-top: 3px;
    line-height: 18px;
}

.sub-btn {
    border: 0px;
    font-weight: 500;
    padding: 10px 40px;
    font-size: 13px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ud-sett table tr:last-child {
    border-bottom: 0px;
}

.ud-sett table tr:last-child td {
    padding-bottom: 0px;
}

.all-noti {}

.com-noti {
    padding: 10px 40px;
    border-radius: 0 0 20px 20px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: -100px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
}

.com-noti.cnoti-show {
    top: 0px;
    transition: all 0.5s ease;
}

.com-noti p {
    color: #fff;
    font-size: 13.5px;
    margin: 0px;
}

.com-noti p span {}

.com-noti .yes {
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: none;
    color: #fff;
}

.com-noti .no {
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: none;
    color: #fff;
    margin-left: 10px;
}

.c-not-sure {}

.ud-payment.ud-pro-link {
    background: #ffffff;
    box-shadow: none;
    padding: 25px;
    border: 1px solid #e8eff6;
    border-radius: 10px;
    box-shadow: 0px 2px 8px -4px rgb(224 224 224 / 80%);
}

.ud-payment.ud-pro-link.bus-pg {
    background: #fff;
    border: 1px solid #e4f0fc;
}

.bus-pg .lis-pro-badg:before {
    background: #cac426b8;
}

.ud-payment.ud-pro-link .lis-pro-badg {
    padding-top: 25px;
}

.ud-pro-link .pay-rhs {
    padding-top: 20px;
}

.ud-pro-link .pay-rhs ul li input {
    border: 1px solid #e4e4e4;
    background: #fffdfd;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #767879;
}

.ud-pro-link .pay-rhs ul li.pro {
    width: 100%;
    margin: 12px 0 15px 0;
}

.ud-pro-link .pay-rhs ul li.pre {
    margin-bottom: 0px;
    width: 100%;
}

.ud-pro-link .pay-rhs ul li.pre a {
    border: 0px;
    font-weight: 600;
    padding: 5px 10px;
    font-size: 9px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.ud-pro-link .pay-rhs ul li:nth-child(2) {
    font-size: 14px;
    color: #30373c;
}

.ud-pro-link .pay-rhs ul li:nth-child(2) span {
    margin-right: 25px;
}

.us-pro-main {
    /* background-size: 250px;
    */
    margin-top: 52px;
    margin-bottom: 180px;
}

.us-pro-main .container {
    position: relative;
    z-index: 9;
}

.us-pro-main:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 402px;
    background: #142a52e6;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
}

.us-pro-main:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 400px;
    background: url(../images/face.jpg) #edf6fd;
    background-size: 100px;
    left: 0px;
    top: 0px;
}

.us-pro {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 5px;
}

.us-pro-sec-1 {
    /* float: left;
    */
    /* width: 60%;
    */
    margin: 0 auto;
    display: table;
    box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
    background: #ccd1d6;
}

.us-pro-sec-1-lhs {
    float: left;
    width: 30%;
    text-align: center;
    padding: 30.5px 0px 21px 0px;
    /* border-radius: 0px 0px 10px 0px;
    */
    background: #fff;
}

.us-pro-sec-1-lhs .pro {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    /* border: 5px solid #ffffff;
    */
    box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.27);
    margin: 0 auto;
    display: table;
}

.us-pro-sec-1-rhs .pro-bg {
    /* position: absolute;
    */
    /* left: 0px;
    */
    /* top: 0px;
    */
    width: 100%;
    height: 350px;
    object-fit: cover;
    z-index: 0;
    /* border-radius: 0px 0px 5px 0px;
    */
}

.us-pro-sec-1-lhs h1 {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
}

.us-pro-sec-1-lhs p {}

.us-pro-sec-1-rhs {
    float: left;
    width: 70%;
    /* padding-left: 50px;
    */
    overflow: hidden;
}

.us-pro-sec-1-rhs h1 {
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
    margin: 0px;
    padding-right: 15px;
}

.us-pro-sec-1-lhs button {
    background: #0a77ff;
    border: 0px;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 21px;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    text-align: center;
    top: -7px;
    position: relative;
    text-transform: lowercase;
}

.us-pro-main .pro-listing-box div:nth-child(1) p {
    font-weight: 500;
    color: #949494;
    text-overflow: ellipsis;
    height: auto;
    white-space: nowrap;
    font-size: 13px;
}

.us-pro-main .log p {
    border: 1px solid #f1e5e0;
    background: #fdf9f7;
}

.us-pro-sec-1-lhs ul.lis-cou {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #dee5ea;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
    /* display: none;
    */
}

.us-pro-sec-1-lhs ul.lis-cou li {
    float: left;
    font-size: 12px;
    padding-right: 8px;
    font-weight: 600;
}

.us-pro-sec-1-lhs ul.lis-cou li b {}

.us-pro-sec-1-lhs p {
    float: left;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
}

.us-pro-sec-1-rhs p b {}

.us-pro-sec-1-lhs ul.pro-soci {
    /* float: left;
    */
    /* width: 100%;
    */
    margin: 0 auto;
    display: table;
    /* padding-top: 20px;
    */
}

.us-pro-sec-1-lhs ul.pro-soci li {
    float: left;
    margin-right: 8px;
}

.us-pro-sec-1-rhs ul.pro-soci li a {}

.us-pro-sec-1-lhs ul.pro-soci li a img {
    width: 28px;
}

.us-pro-sec-2 {
    margin-top: 50px;
}

.us-pro-nav {
    border-bottom: 1px solid #dee5ea;
}

.us-pro-nav ul {
    margin: 0 auto;
    display: table;
}

.us-pro-nav ul li {
    float: left;
    /* padding: 0px 10px;
    */
}

.us-pro-nav ul li span {
    font-size: 16px;
    font-weight: 600;
    padding: 16px 10px;
    cursor: pointer;
    display: inline-block;
}

.us-pro-nav ul li span.act {
    border-bottom: 2px solid #0a77ff;
    color: #0a77ff;
}

.us-propg-main {
    /* padding-top: 50px;
    */
}

.us-propg-main h2 {
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
}

.us-ppg-listings {}

.us-ppg-listings label.rat {
    display: none;
}

.pro-rel-posts .us-ppg-blog {
    padding-top: 10px;
    padding-bottom: 130px;
}

.us-ppg-event {}

.us-ppg-follow {}

.us-pro-sec-3 {}

.us-pro-sec-4 {}

.us-ppg-com ul {}

.us-ppg-com ul li {
    float: left;
    width: 33.3333%;
}

.pro-rel-events .us-ppg-com {
    padding-top: 15px;
}

.pro-listing-box {
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    margin: 15px;
}

.pro-listing-box:hover div:nth-child(2) span {
    background: #2da2ff;
    transition: all 0.5s ease;
}

.pro-listing-box div:nth-child(1) {
    position: relative;
}

.pro-listing-box div:nth-child(1) img {
    width: 100%;
    transition: all .5s ease;
    height: 185px;
    object-fit: cover;
    border-radius: 2px;
    /* float: left;
    */
}

.pro-listing-box div:nth-child(1) h2 {
    font-size: 17px;
    font-weight: 600;
    padding: 25px 25px 0px 25px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.pro-listing-box div:nth-child(1) p {
    padding: 0px 25px;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}

.pro-listing-box div:nth-child(1) label.rat {
    /* position: absolute;
    */
    padding-left: 25px;
}

.pro-listing-box div:nth-child(1) label.rat i {
    font-size: 20px;
    width: 14px;
}

.pro-listing-box div:nth-child(2) {}

.pro-listing-box div:nth-child(2) span {
    display: block;
    width: 100%;
    background: #0b253a;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    padding: 8px 5px;
    cursor: pointer;
}

.us-ppg-com {
    float: left;
    width: 100%;
    padding-top: 40px;
}

.us-ppg-com .fclk {}

.pro-eve-box {
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    margin: 15px;
    /* width: 100%;
    */
}

.pro-eve-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #14171e4a 23%, #000000bf 96%);
    z-index: 2;
    border-radius: 5px;
    transition: all 0.5s ease;
}

.us-ppg-blog .pro-eve-box:before {
    display: none;
}

.us-ppg-blog .pro-eve-box h2 {
    color: #0c1c2c;
    font-size: 14px;
    margin-bottom: 0px;
}

.us-ppg-blog .pro-eve-box p {
    margin-bottom: 0px;
    color: #6a6a6a;
}

.pro-eve-box:hover {
    box-shadow: 0px 7px 24px -11px rgb(9 16 24 / 38%);
}

.pro-eve-box div img {
    width: 100%;
    transition: all .5s ease;
    height: 200px;
    object-fit: cover;
    border-radius: 2px;
}

.pro-eve-box div:nth-child(2) {
    z-index: 2;
    position: absolute;
    margin-top: -135px;
    color: #fff;
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
}

.us-ppg-blog div:nth-child(2) {
    margin-top: 0px;
    position: relative;
    background: #fff;
    padding: 15px;
}

.pro-eve-box span,
.blog-bred-post-date span {
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding-left: 20px;
    position: relative;
    line-height: 18px;
    background: #029fed;
    padding: 4px 8px 4px 32px;
    border-radius: 4px;
}

.pro-eve-box span b {}

.pro-eve-box span.ic-time,
.blog-bred-post-date span.ic-time {
    background: #8798a0;
}

.pro-eve-box span.ic-view {
    float: right;
}

.pro-eve-box span.ic-time:before,
.pro-eve-box span.ic-view:before,
.blog-bred-post-date span:before {
    left: 7px;
    font-weight: 500;
    color: #fff;
    top: 3px;
}

.pro-eve-box h2 {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-size: 20px;
}

.pro-eve-box p {
    font-size: 13px;
    padding: 0px 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #dddcdc;
}

.pro-sm-box {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    width: 100%;
    transition: all 0.5s ease;
}

.pro-sm-box:hover {
    background: #f4f9ff;
    transition: all 0.5s ease;
}

.us-ppg-follow ul li {
    padding: 10px;
    width: 25%;
}

.pro-sm-box:hover p {
    color: #333;
    transition: all 0.5s ease;
}

.pro-sm-box img {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}

.pro-sm-box h5 {
    font-size: 12px;
    /* float: left;
    */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-weight: 500;
    color: #333;
    margin-bottom: 3px;
    padding-top: 4px;
}

.pro-sm-box p {
    font-size: 11px;
    line-height: 15px;
    white-space: pre;
    overflow: hidden;
    font-weight: 400;
    color: #919ca1;
    margin-bottom: 0px;
    transition: all 0.5s ease;
}

.pro-sm-box p b {
    font-weight: 500;
    color: #333;
}

.pro-sm-box a {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

.us-ppg-follow .ud-rhs-sec-2 {
    border: 0px;
    margin-bottom: 0px;
}

.pro-bot-shar {
    float: left;
    width: 100%;
    border-top: 1px solid #e9eef3;
    padding-top: 25px;
    margin-top: 5px;
}

.pro-bot-shar h4 {
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
}

.pro-bot-shar ul {
    margin: 0 auto;
    display: table;
}

.pro-bot-shar ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.sh-pro-face {
    background: #3b5998;
}

.sh-pro-shar {
    color: #fff;
    border-radius: 3px;
}

.sh-pro-shar a {
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    padding: 8px 14px 8px 14px;
    display: inline-block;
    letter-spacing: 0.5px;
}

.sh-pro-shar a img {
    margin-right: 8px;
    width: 20px;
    display: none;
}

.sh-pro-twi {
    background: #55acee;
}

.sh-pro-link {
    background: #0e76a8;
}

.sh-pro-what {
    background: #55cd6c;
}

.blog-head {
    margin-top: var(--topspac);
    padding: 65px 0px 0px 0px;
    position: relative;
    float: left;
    width: 100%;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #00e0a2, #0074db);
    background: linear-gradient(to right, #00e0a2, #0074db);
}

.blog-head:before,
.ind10-home:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url(../images/bgIcons.png);
    background-repeat: repeat;
    opacity: 0.3;
    background-size: 400px;
    animation: blogbgani 300s linear 0s infinite both;
}

@keyframes blogbgani {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px 5000px;
    }
}

.eve-head {
    background: #9333d6;
    background: -webkit-linear-gradient(to right, #e09b00, #8E2DE2);
    background: linear-gradient(to right, #e09b00, #8E2DE2);
}

.eve-head:before {
    opacity: 0.2;
}

.eve-head-search .blog-sli {
    display: none;
}

.event-body.eve-head-search {
    padding-top: 50px;
}

.blog-head.eve-head-search .ban-search {
    padding-bottom: 50px;
}

.eve-head-search .blog-sli {}

.blog-head-inn {
    text-align: center;
    /* color: #212529;
    */
    position: relative;
}

.blog-head-inn h1 {
    font-size: 46px;
    padding-bottom: 5px;
    color: #ffffff;
    font-weight: 700;
}

.blog-head-inn p {
    font-size: 26px;
    font-weight: 400;
    margin: 6px 0px 20px 0px;
    color: #fff;
}

.blog-body .us-ppg-com ul li {
    width: 33.333%;
}

.blog-body .pro-eve-box p {
    padding: 0px;
}

.blog-body .pro-eve-box {
    border: 8px solid #fff;
    border-radius: 5px;
    border-bottom: 0px;
}

.blog-body .pro-eve-box div img {
    height: 175px;
    border-radius: 5px;
}

.blog-body .us-ppg-blog .pro-eve-box h2 {
    font-size: 18px;
    font-weight: 600;
    padding: 8px 0px 15px 0px;
}

.blog-body .us-ppg-blog .pro-eve-box p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px;
    background: #607d8b;
    color: #fff;
    padding: 5px 8px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
}

.blog-head .ban-search {
    position: relative;
    width: 58%;
    background: none;
    padding: 0px;
    box-shadow: none;
}

.blog-head .ban-search .sr-sea {
    width: 100%;
}

.blog-head .ban-search .sr-btn {
    width: 28%;
}

.blog-sli {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: -130px;
    z-index: 1;
    position: relative;
    box-shadow: 0px 2px 24px -4px rgb(9 16 24 / 15%);
    margin-top: 50px;
}

.blog-sli ul {
    position: relative;
}

.blog-sli .slick-arrow {
    top: 177px;
    transition: all 0.2s ease;
    box-shadow: 0px 1px 11px 0px #33333340;
    outline: none;
}

.blog-sli .slick-arrow:hover {
    transform: scale(1.2);
}

.blog-sli ul li {
    float: left;
    width: 100%;
}

.blog-sli-box {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0px 8px 20px -6px rgb(0 0 0 / 5%);
    border-radius: 5px;
    position: relative;
}

.blog-sli .lhs {
    float: left;
    width: 50%;
    position: relative;
}

.blog-sli .lhs img {
    width: 100%;
    height: 333px;
    object-fit: cover;
    border-radius: 5px;
}

.blog-sli .lhs span.eve-date-sli,
.eve-deta-pg .dat {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
    padding: 12px;
    border-radius: 5px;
    background: #CB356B;
    background: -webkit-linear-gradient(to right, #BD3F32, #CB356B);
    background: linear-gradient(to right, #BD3F32, #CB356B);
}

.blog-sli .lhs span.eve-date-sli b,
.eve-deta-pg .dat b {
    display: block;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 30px;
}

.blog-sli .rhs {
    float: left;
    width: 50%;
    padding: 30px 30px 30px 50px;
    color: #10101e;
}

.blog-sli .rhs span.hig {
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    padding: 3px 10px;
    border-radius: 2px;
}

.blog-sli .rhs h4 {
    font-size: 34px;
    font-weight: 600;
    color: #10101e;
    padding-top: 15px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-sli .rhs p {
    color: #10101e;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}

.blog-sli .rhs .sli-desc {
    max-height: 97px;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog-sli .rhs .auth {
    padding-top: 15px;
}

.blog-sli .rhs .auth img {}

.blog-sli .rhs .auth b {}

.blog-sli .rhs .auth h6 {
    font-size: 14px;
    line-height: 2px;
}

.event-body,
.blog-body {
    float: left;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 150px;
    background: #eef5ff;
}

.event-body .us-ppg-com ul li {}

.event-body .us-ppg-com ul li .eve-box {
    margin: 10px;
    padding: 8px;
    border-radius: 5px;
    border: 0px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 6%);
}

.event-body .eve-box div:nth-child(3) .auth {
    padding-left: 0px;
}

.event-body .eve-box div:nth-child(1) a img {
    height: 175px;
    border-radius: 5px;
}

.event-body .us-ppg-com ul li .eve-box .addr {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.event-body .us-ppg-com ul li .eve-box div:nth-child(2) {
    padding: 15px 25px 12px 25px;
}

.eve-deta-pg {
    margin-top: var(--topspac);
    float: left;
    width: 100%;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #00e0a2, #0074db);
    background: linear-gradient(to right, #00e0a2, #0074db);
    position: relative;
}

.eve-deta-pg1 {
    background: #9333d6;
    background: -webkit-linear-gradient(to right, #e09b00, #8E2DE2);
    background: linear-gradient(to right, #e09b00, #8E2DE2);
}

.eve-deta-pg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url(../images/bgIcons.png);
    background-repeat: repeat;
    opacity: 0.3;
    background-size: 400px;
    animation: blogbgani 300s linear 0s infinite both;
}

.eve-deta-pg .eve-deta-pg-main {
    position: relative;
    float: left;
    width: 100%;
    padding: 12px;
    background: #fff;
    margin: 50px 0px -200px 0px;
    border-radius: 15px 15px 0px 0px;
}

.eve-deta-pg .lhs {
    float: left;
    width: 100%;
    position: relative;
}

.eve-deta-pg-main .rhs+.lhs {
    width: 65%;
}

.eve-deta-pg .lhs .img {
    position: relative;
    overflow: hidden;
}

.eve-deta-pg .lhs .img:before {}

.eve-deta-pg .lhs .img img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 422px;
    transition: all 0.5s ease;
    border-radius: 10px 0px 0 10px;
}

.eve-deta-pg .head {
    position: relative;
}

.eve-deta-pg .head .dat {}

.eve-deta-body .eve-deta-body-main .lhs h1 {
    font-size: 30px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #333;
    float: left;
    width: 100%;
    padding: 8px 0 12px
}

.eve-deta-pg .head .addr {
    display: block;
}

.eve-deta-pg .head .pho {}

.eve-deta-pg .rhs {
    float: right;
    width: 35%;
}

.eve-deta-pg .rhs .pglist-p-com {
    margin-bottom: 0px;
    border-radius: 0px;
    background: #fff;
}

.eve-deta-pg .rhs .quote-pop {
    padding: 15px 25px 15px 25px;
}

.eve-deta-pg .rhs .quote-pop h3 {
    background: #df9a02;
    margin-bottom: 0px;
}

.eve-deta-pg .rhs .quote-pop form {
    background: #fff;
}

.eve-deta-body {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0 150px 0;
}

.eve-deta-body .eve-deta-body-main {
    margin-top: 165px;
    float: left;
    width: 100%;
    padding: 0px 15px;
}

.eve-deta-body .eve-deta-body-main .lhs {
    float: left;
    width: 65%;
    padding-right: 50px;
    border-right: 1px solid #e7e7e7;
    font-size: 14px;
    line-height: 24px;
}

.eve-deta-body .eve-deta-body-main .lhs p {
    font-size: 14px;
    line-height: 24px;
}

.blog-bred-post-date {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

.blog-bred-post-date span {}

.blog-bred-post-date span:before {}

.list-pg-inn-abo h1,
.list-pg-inn-abo h2,
.list-pg-inn-abo h3,
.list-pg-inn-abo h4,
.list-pg-inn-abo h5,
.list-pg-inn-abo h6 {
    font-weight: 600;
}

.list-pg-inn-abo h6 {
    font-size: 12px;
}

.list-pg-inn-abo h5 {
    font-size: 14px;
}

.list-pg-inn-abo h4 {
    font-size: 16px;
}

.list-pg-inn-abo h3 {
    font-size: 18px;
}

.list-pg-inn-abo h2 {
    font-size: 20px;
}

.list-pg-inn-abo h1 {
    font-size: 22px;
}

.list-pg-inn-abo p img,
.list-pg-inn-abo img {
    width: 32px !important;
    height: auto !important;
    border-radius: 2px;
    padding: 4px;
}

.pro-pbox-4 h1,
.pro-pbox-4 h2,
.pro-pbox-4 h3,
.pro-pbox-4 h4,
.pro-pbox-4 h5,
.pro-pbox-4 h6 {
    font-weight: 600;
}

.pro-pbox-4 h6 {
    font-size: 12px;
}

.pro-pbox-4 h5 {
    font-size: 14px;
}

.pro-pbox-4 h4 {
    font-size: 16px;
}

.pro-pbox-4 h3 {
    font-size: 18px;
}

.pro-pbox-4 h2 {
    font-size: 20px;
}

.pro-pbox-4 h1 {
    font-size: 22px;
}

.pro-pbox-4 p img,
.pro-pbox-4 img {
    width: 100% !important;
    height: auto !important;
    border-radius: 2px;
}

.eve-deta-body .eve-deta-body-main .lhs h1,
.eve-deta-body .eve-deta-body-main .lhs h2,
.eve-deta-body .eve-deta-body-main .lhs h3,
.eve-deta-body .eve-deta-body-main .lhs h4,
.eve-deta-body .eve-deta-body-main .lhs h5,
.eve-deta-body .eve-deta-body-main .lhs h6 {
    font-weight: 600;
}

.eve-deta-body .eve-deta-body-main .lhs h6 {
    font-size: 14px;
}

.eve-deta-body .eve-deta-body-main .lhs h5 {
    font-size: 16px;
}

.eve-deta-body .eve-deta-body-main .lhs h4 {
    font-size: 18px;
}

.eve-deta-body .eve-deta-body-main .lhs h3 {
    font-size: 20px;
}

.eve-deta-body .eve-deta-body-main .lhs h2 {
    font-size: 22px;
}

.eve-deta-body .eve-deta-body-main .lhs p img,
.eve-deta-body .eve-deta-body-main .lhs img {
    width: 100% !important;
    height: auto !important;
    border-radius: 2px;
}

.eve-deta-body .eve-deta-body-main .rhs {
    float: left;
    width: 35%;
    padding-left: 50px;
    padding-top: 25px;
}

.eve-deta-body .pro-bot-shar {
    margin-bottom: 0px;
}

.eve-deta-body .rhs h4 {
    font-size: 18px;
    font-weight: 600;
}

.eve-deta-body .rhs .sec-1 {
    margin-bottom: 40px;
}

.eve-deta-body .rhs .sec-1 ul {}

.eve-deta-body .rhs .sec-1 ul li {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.eve-deta-body .rhs .sec-1 ul li:before {
    content: 'radio_button_checked';
    position: absolute;
    /* width: 6px;
    */
    /* height: 6px;
    */
    /* background: #d0d1c3;
    */
    border-radius: 50%;
    margin: 1px 0px 0px -20px;
    font-weight: 900;
    font-size: 12px;
    color: #47b83f;
}

.eve-deta-body .rhs .sec-1 ul li b {}

.eve-deta-body .rhs .sec-2 {
    margin-bottom: 40px;
}

.eve-deta-body .rhs .sec-2 iframe {
    border: 0px;
    width: 100%;
    height: 150px;
    border: 5px solid #fff;
    box-shadow: 0px 3px 14px -8px rgba(42, 42, 42, 0.8);
}

.eve-deta-body .rhs .sec-3 {
    border-top: 1px solid #e7e7e7;
    padding-top: 25px;
}

.eve-deta-body .rhs .sec-3 .ud-lhs-s1 {
    padding-bottom: 0px;
}

.pro-rel-events,
.pro-rel-posts {
    float: left;
    width: 100%;
    border-top: 1px solid #e9eef3;
    padding-top: 45px;
    margin-top: 50px;
}

.pro-rel-events .event-body {
    background: none;
    padding-top: 0px;
}

.pro-rel-events h4,
.pro-rel-posts h4 {
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 0px;
    position: relative;
    /* color: #ff853c;
    */
}

.pro-rel-events h4:after {}

.eve-deta-body .auth h4 {
    text-align: left;
    font-size: 12px;
    padding-left: 0px;
}

.eve-deta-body .rhs .sec-4 {
    float: left;
    width: 100%;
}

.eve-deta-body .rhs .sec-4 h4 {
    font-size: 16px;
}

.eve-deta-body .rhs .sec-4 ul {
    height: 320px;
    overflow: hidden;
}

.eve-deta-body .rhs .sec-4 ul:hover {
    overflow-y: auto;
}

.eve-deta-body .rhs .sec-4 ul li {
    padding-bottom: 8px;
}

.eve-deta-body .rhs .sec-4 input {
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    margin: 15px 0px 20px 0px;
    font-size: 14px;
}

.eve-deta-body .rhs .sec-4 ul li a {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    padding-left: 25px;
}

.eve-deta-body .rhs .sec-4 ul li a:before {
    content: "keyboard_arrow_right";
    margin: 4px 0 0 -25px;
    position: relative;
    top: 3px;
    left: -6px;
}

.eve-deta-body .rhs .sec-4 ul li a:hover {
    color: #0989e7;
    font-weight: 600;
}

.eve-deta-body.blog-deta-body .rhs .sec-3 {
    border-top: 0px solid #e7e7e7;
    padding-top: 0px;
    /* border-bottom: 1px solid #e7e7e7;
    */
    margin-bottom: 30px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
}

.eve-deta-body.blog-deta-body .rhs .sec-3 .ud-lhs-s1 {
    padding-bottom: 25px;
}

.pro-rel-posts {}

.pro-rel-posts .pro-eve-box p {
    padding: 0px;
}

.db-noti {}

.db-noti ul {}

.db-noti ul li {
    color: #969595;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;
    transition: all 0.5s ease;
}

.db-noti ul li:hover {
    transition: all 0.5s ease;
    /* background: #fafafa;
    */
    padding-left: 8px;
    /* box-shadow: 0px 0px 21px 2px rgba(157, 152, 152, 0.27);
    */
}

.db-noti ul li div {
    font-size: 11px;
    color: #4c5661;
    font-weight: 500;
}

.db-noti ul li div a {
    font-weight: 600;
    color: #128fcc;
    padding-right: 4px;
}

.db-noti ul li div a:hover {
    text-decoration: underline;
}

.db-noti ul li span {
    font-size: 10.5px;
}

.db-noti ul li p {
    font-size: 13px;
    margin-bottom: 0px;
    color: #646464;
}

.noti-clr-noti {
    font-size: 11px;
    color: #ea4f14;
    font-weight: 500;
    line-height: 22px;
    background: #ffe1de;
    padding: 2px 8px;
    margin: 10px 5px 5px 0px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}

.noti-clr-noti .material-icons {
    float: left;
    font-size: 16px;
    padding: 2px 3px 0px 0px;
}

.add-list-ser {}

.add-list-ser ul li {
    border: 1px solid #bdc8d0;
    margin-bottom: 25px;
    padding: 20px 25px 15px 25px;
    border-radius: 10px;
    background: #f7f8f9;
}

.ui-datepicker {
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 500;
    color: #aaaaaa;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
    font-weight: 600;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker .ui-datepicker-prev {}

.ui-datepicker .ui-datepicker-next {}

.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
    font-size: 21px;
    margin-top: 7px;
}

.ui-datepicker .ui-datepicker-prev:after {
    content: 'keyboard_arrow_left'
}

.ui-datepicker .ui-datepicker-next:after {
    content: 'keyboard_arrow_right'
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: none;
    padding: 0px;
}

/* Component containers ----------------------------------*/
.ui-widget {
    /* font-family: Arial, Helvetica, sans-serif;
    */
    font-size: 13px;
    font-weight: 500;
    color: #5f6165;
    line-height: 18px;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    /* font-family: Arial, Helvetica, sans-serif;
    */
    font-size: 1em;
    border: 0px;
    height: 25px;
    padding: 0px 10px;
    border-radius: 3px;
    margin: 0px 5px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
}

.ui-widget.ui-widget-content {
    /* border: 0px solid #c5c5c5;
    */
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    padding: 10px 10px 5px 10px;
    /* width: 275px;
   */
    overflow: hidden;
    overflow-y: auto;
    /* min-height: 150px;
   */
    /* max-height: 300px;
   */
}

/* Interaction states ----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0px solid #b4b4b4;
    background: #f1f4f5;
    font-weight: 500;
    color: #6e7d93;
    padding: 4px 2px 3px 2px;
    border-radius: 2px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    font-weight: normal;
    border: 0px solid #dad55e;
    background: #13af11;
    color: #ffffff;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    font-weight: normal;
    border: 0px solid #dad55e;
    background: #0445fa;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Icons ----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-state-disabled span {
    color: #aaaaaa !important;
}

.ad-pri-cal {
    margin-top: 10px;
    display: none;
}

.ad-pri-cal ul {}

.ad-pri-cal ul li {
    float: left;
    width: 25%;
}

.ad-pri-cal ul li div {
    background: #fffce3;
    border: 1px solid #efebc8;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0px 10px;
}

.ad-pri-cal ul li:last-child div {
    border: 1px solid #16be7a;
    color: #fff;
}

.ad-pri-cal ul li span {
    font-size: 14px;
}

.ad-pri-cal ul li h5 {
    margin: 5px 0px 0px 0px;
    font-weight: 600;
    font-size: 22px;
}

.db-fol-grid {}

.db-fol-grid ul {}

.db-fol-grid ul li {
    float: left;
    width: 20%;
}

.pro-fol-gr {
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    margin: 10px;
    /* height: 352px;
    */
    padding: 15px 15px;
    float: left;
    box-shadow: 0px 1px 11px -2px #9494945e;
    position: relative;
    width: 94%;
}

.pro-fol-gr img {
    width: 100%;
    height: 150px;
    border-radius: 0%;
    object-fit: cover;
    float: left;
}

.pro-fol-gr h4 {
    font-size: 12px;
    font-weight: 400;
    /* margin: 15px 0px;
    */
    color: #a7a7a7;
    text-align: left;
    /* padding-left: 85px;
    */
    padding-top: 20px;
    float: left;
    display: inline-block;
    width: 100%;
}

.comity-all-user .pro-fol-gr h4 {
    height: 55px;
}

.comity-all-user .pro-fol-gr img {
    border-radius: 5px;
}

.comity-all-user .pro-fol-gr .count-li {
    display: none;
}

.pro-fol-gr h4 b {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-ful-img {
    position: relative;
    float: left;
    width: 100%;
}

.pro-fol-gr ol {
    float: left;
    width: 100%;
    padding: 0px;
    position: absolute;
    background: #fff;
    left: 0px;
    top: 0px;
    padding: 10px 10px;
    transition: all 0.2s ease;
    background: linear-gradient(to bottom, #fff, #fcf6f3 70%);
    opacity: 0;
    transform: translateY(-10px);
}

.pro-fol-gr:hover ol {
    opacity: 1;
    transition: all 0.2s ease;
    transform: translateY(0px);
    text-align: center;
    background: #e5f5fb;
    box-shadow: 0px 18px 4px -13px #3333338f;
}

.pro-fol-gr ol li {
    color: #919191;
    display: block;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pro-fol-gr ol li b {
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.pro-fol-gr span {
    width: 33.333%;
    float: left;
    font-size: 11px;
    color: #8d98a3;
    font-weight: 500;
    text-align: center;
}

.pro-fol-gr:hover {
    box-shadow: 0px 16px 11px -7px rgba(55, 63, 67, 0.45);
    transition: all 0.5s ease;
    /* transform: scale(1.01);
    */
}

.pro-fol-gr span.userfollow {
    background: #c7e3ff;
    color: #0865d4;
    font-size: 12px;
    font-weight: 600;
    float: left;
    padding: 3px 10px;
    border-radius: 2px;
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.enq-sav {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.enq-sav i {
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    /* font-size: 16px;
    */
    padding: 1px 1px;
    text-align: center;
    /* line-height: 14px;
    */
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    transition: all 0.5s ease;
    border: 1px solid #f1f0ed;
    color: #4173ea;
    display: inline-block;
}

.enq-sav i img {
    width: 14px;
    height: 14px;
    filter: contrast(0.2);
    opacity: 0.5;
    transition: all 0.5s ease;
    vertical-align: initial;
}

.enq-sav i.sav-act {
    /* box-shadow: 0 0 0 rgb(246, 184, 0);
    */
    animation: pulse 1.5s 1;
    border-radius: 50%;
    /* border: 1px solid #bfd2ff;
    */
    /* background: #bfd2ff;
    */
    border: 1px solid #fdf5dd;
    /* border: 1px solid #f6b800;
    */
    /* color: #f6b800;
    */
    background: #fdf5dd;
}

.tooltip-inner {
    background-color: #00cc00;
}

.enq-sav i.sav-act img {
    opacity: 1;
    filter: contrast(1);
}

.enq-sav i:hover img {
    opacity: 1;
    filter: contrast(1);
}

.ldelik.sav-act {
    color: #ffffff;
    transition: all 0.5s ease;
}

.ldelik.sav-act b {
    color: #ffffff;
}

.ldelik.sav-act:before {
    color: #ffffff;
}

.list-pg-write-rev {}

.list-pg-write-rev .col {
    padding: 0px;
}

.list-pg-write-rev .row .col {
    padding: 0px 15px;
}

span#Review_Disable,
div#pop_enq_success,
#pop_enq_same {
    display: block;
    text-align: center;
    padding: 20px 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

span#Review_Disable {
    border: 1px solid #d2e0ef;
    background: #ecf5ff;
    color: #486b91;
}

div#pop_enq_success {
    border: 1px solid #8bf6bf;
    background: #d5ffea;
}

div#pop_enq_success p {
    color: #106e43;
    margin: 0px;
}

#pop_enq_same {
    border: 1px solid #ffd5d5;
    background: #ffd5d5;
    font-size: 12px;
}

#pop_enq_same p {
    color: #ac6c6c;
    margin: 0px;
    font-size: 12px;
}

/*-------------------------------------------------*/
/* TEMPLATE STYLES 
/*-------------------------------------------------*/
.template-comm {
    margin-top: 52px;
    padding-bottom: 100px;
    padding-top: 40px;
    color: #5e6673;
}

.template-def .container {
    max-width: 750px;
}

.templ-def {}

.template-def .templ-def-rhs {
    display: none;
}

.template-comm img {
    width: 100%;
    margin: 0px 0px 20px 0px;
    border-radius: 5px;
}

.template-comm h1,
.template-comm h2,
.template-comm h3,
.template-comm h4,
.template-comm h5,
.template-comm h6 {
    margin: 5px 0px 20px 0px;
}

.template-comm h2 {}

.template-comm h3 {}

.template-comm h4 {}

.template-comm h5 {}

.template-comm h6 {}

.template-comm p {
    font-size: 15px;
    line-height: 26px;
    color: #78808d;
}

.template-comm a {}

.template-rhs {}

.template-rhs .templ-def-cent {
    float: left;
    width: 70%;
}

.template-rhs .templ-def-rhs {
    float: left;
    width: 30%;
    padding-left: 50px;
}

.templ-def-rhs .box {
    padding-top: 25px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.templ-def-rhs .box h2 {
    font-size: 18px;
    font-weight: 600;
}

.templ-def-rhs .box ul {}

.templ-def-rhs .box ul li {}

.templ-def-rhs .box ul li .eve-box-list {
    margin-bottom: 5px;
}

.templ-def-rhs .box ul li .eve-box-list img {
    width: 65px;
    margin: 0px;
    border-radius: 0px;
    padding-right: 10px;
}

.templ-def-rhs .box ul li .eve-box-list h4 {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 14px;
    padding-top: 10px;
}

.templ-def-rhs .box ul li .eve-box-list p {
    font-size: 12px;
}

.templ-rhs-list {}

.templ-rhs-list ul li {
    margin-bottom: 10px;
}

.templ-rhs-list div {
    border: 1px solid #efefef;
    border-radius: 5px;
    position: relative;
    padding-bottom: 10px;
}

.templ-rhs-list div img {
    border-radius: 5px 5px 0px 0px;
    height: 130px;
    object-fit: cover;
}

.templ-rhs-list div h3 {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 15px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.templ-rhs-list div p {
    font-size: 13px;
    padding: 0px 15px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* text-transform: lowercase;
    */
}

.templ-rhs-list div a {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.templ-rhs-list .pri {
    padding: 0px 15px;
    background: none;
    font-size: 14px;
}

.templ-rhs-list .pri b {
    color: #000;
    padding-right: 10px;
}

.template-rhs .hot-page2-hom-pre-1 {
    width: 15%;
}

.template-rhs .hot-page2-hom-pre-1 img {
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
    margin: 0px;
}

.template-rhs .hot-page2-hom-pre-2 {
    padding-right: 0px;
}

.template-rhs .hot-page2-hom-pre-head h4 {
    margin: 0px;
}

.template-rhs .hot-page2-hom-pre-2 h5 {
    margin-bottom: 0px;
}

.template-rhs .hot-page2-hom-pre-2 p {}

.template-rhs .hot-page2-hom-pre ul li {
    /* padding: 0px;
    */
}

.templ-def-rhs .hot-page2-hom-pre {
    padding-top: 5px;
}

.templ-def-rhs .hot-page2-hom-pre ul li:hover {
    box-shadow: none;
}

.templ-rhs-form {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 30px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
    border-radius: 0px 0px 10px 10px;
}

.templ-rhs-form form {}

.templ-rhs-form .form-group {}

.templ-rhs-form .form-group input,
.templ-rhs-form .form-group select,
.templ-rhs-form .form-group textarea {
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}

.templ-rhs-form .form-group input {
    padding: 0px 0px 0px 40px;
}

.templ-rhs-form .form-group select {}

.templ-rhs-form .form-group textarea {}

.templ-rhs-form .btn-primary {
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 0px;
    transition: all ease 0.5s;
    display: block;
    width: 100%;
}

.templ-rhs-form .form-group:before {
    margin: 7px 0px 0px 15px;
    color: #2196F3;
    left: -2px;
}

/*-------------------------------------------------*/
/* ALL LISTING GRID VIEW 
/*-------------------------------------------------*/
.f2 {
    margin: -45px 0px 10px 0px;
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 15px;
    position: absolute;
}

.vfilter {
    display: inline-block;
    float: right;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 2px 0px 9px 0px #33333321;
    display: none;
}

.vfilter i {
    vertical-align: sub;
    cursor: pointer;
    color: #93999b;
    font-size: 20px;
    padding: 0px 5px;
}

.vfilter i.act {
    color: #02acd2;
}

.vfilter i.ic1 {
    display: none;
}

.all-list-sh.cview1 .eve-box div:nth-child(1) {
    width: 100%
}

.all-list-sh.cview1 ul li {
    float: left;
    width: 50%;
}

.all-list-sh.cview1 .eve-box div .auth {
    width: 50%;
}

.all-list-sh.cview1 .eve-box div .links {
    width: 50%;
}

.all-list-sh.cview1 .links a,
.all-list-sh.cview1 .links span {
    display: none;
}

.all-list-sh.cview1 .links a:first-child {
    display: block;
}

.all-list-sh.cview1 .addr {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.all-list-sh.cview3 .eve-box div:nth-child(1) {
    width: 100%
}

.all-list-sh.cview3 ul li {
    float: left;
    width: 50%;
}

.all-list-sh.cview3 .eve-box div .auth {
    width: 50%;
}

.all-list-sh.cview3 .eve-box div .links {
    width: 50%;
}

.all-list-sh.cview3 .links a,
.all-list-sh.cview3 .links span {
    display: none;
}

.all-list-sh.cview3 .links a:first-child {
    display: block;
}

.all-list-sh.cview3 .addr {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.all-list-sh.cview3 .eve-box div:nth-child(3),
.all-list-sh.cview3 .addr,
.all-list-sh.cview3 .pho,
.all-list-sh.cview3 .mail {
    display: none;
}

.all-list-sh.cview3 .eve-box div:nth-child(2) {
    padding: 25px 25px 5px 25px;
}

.all-list-sh.cview3 .eve-box div:nth-child(1) img {
    height: 235px;
}

/*========== ALL SERVICES PAGE - SLIDER ===========*/
.cate-sli .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cate-sli .carousel-control-prev-icon,
.cate-sli .carousel-control-next-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

.cate-sli .carousel-control-prev-icon:before,
.cate-sli .carousel-control-next-icon:before {
    content: "";
    font-size: 42px;
    line-height: 0;
    text-align: center;
    left: 4px;
    color: #333;
    background: url('../images/icon/next.png') no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
}

.cate-sli .carousel-control-next-icon:before {
    margin: -10px 0px 0px 10px;
}

.cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}

/*========== PRODUCT - SLIDER ===========*/
.bpro-sli .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bpro-sli .carousel-control-prev-icon,
.bpro-sli .carousel-control-next-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

.bpro-sli .carousel-control-prev-icon:before,
.bpro-sli .carousel-control-next-icon:before {
    content: "";
    font-size: 42px;
    line-height: 0;
    text-align: center;
    left: 14px;
    top: 15px;
    color: #333;
    background: url('../images/icon/next.png') no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
}

.bpro-sli .cate-sli .carousel-control-next-icon:before {
    margin: -10px 0px 0px 10px;
}

.bpro-sli .cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}

.bpro-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    left: 11px;
}

/*========== LISTING DETAIL - SLIDER ===========*/
.list-pg-inn-sp .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.list-pg-inn-sp .carousel-control-prev-icon,
.list-pg-inn-sp .carousel-control-next-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

.list-pg-inn-sp .carousel-control-prev-icon:before,
.list-pg-inn-sp .carousel-control-next-icon:before {
    content: "";
    font-size: 42px;
    line-height: 0;
    text-align: center;
    left: 13px;
    top: 13px;
    color: #333;
    background: url('../images/icon/next.png') no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
}

.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-next-icon:before {
    margin: -10px 0px 0px 10px;
}

.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}

.list-pg-inn-sp .carousel-control-prev-icon:before {
    transform: rotate(180deg);
}

.ani-quo {
    position: fixed;
    bottom: -10px;
    right: -400px;
    z-index: 10;
    transition: all 2s ease;
    cursor: pointer;
}

.ani-quo.ani-quo-act {
    right: 0px;
    transition: all 2s ease;
}

.ani-q1 {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fff3e2;
    transition: all .5s ease;
    box-shadow: 0 7px 23px -13px rgb(37, 39, 42);
    margin-right: 30px;
    position: relative;
    margin-bottom: 10px;
}

.ani-q1:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -1px;
    bottom: -20px;
    border: 12px solid;
    border-color: #ffffff #fec9a3 transparent transparent;
}

.ani-q1 h4 {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.ani-q1 p {
    margin: 0px;
    font-size: 11px;
    font-weight: 400;
    padding-bottom: 8px;
}

.ani-q1 span {
    color: #fff;
    padding: 5px 12px;
    border-radius: 3px;
    border: 0px solid #333;
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 11px;
}

.ani-q2 {}

.ani-q2 img {
    width: 114px;
    float: right;
}

.ani-quo-form {
    position: fixed;
    right: -400px;
    max-width: 375px;
    width: 100%;
    bottom: 15px;
    border-radius: 15px;
    z-index: 33;
    background: #13324c;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
    box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    background: url(../images/city-bg.png) no-repeat #fff;
    background-position: right bottom;
    background-size: 100%;
}

.ani-quo-form.ani-quo-form-act {
    transition: all 0.5s ease-in-out;
    right: 20px;
}

.ani-quo-form .tit {
    margin: 0px;
    padding-top: 20px;
}

.ani-quo-form .tit h3 {
    font-size: 15px;
    line-height: 28px;
    color: #000;
}

.ani-quo-form .tit h3 span {
    display: block;
    font-weight: 600;
    font-size: 20px;
}

.ani-quo-form .hom-col-req {
    box-shadow: none;
    margin: 0px;
    background: none;
}

.ani-quo-form .hom-col-req form {
    padding: 25px;
}

.ani-quo-form .hom-col-req form input,
.all-list-filt-form input {
    /* border: 0px;
    */
    /* border-radius: 0px;
    */
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}

.ani-quo-form .hom-col-req form select,
.all-list-filt-form select {
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}

.ani-quo-form .hom-col-req form button,
.all-list-filt-form .hom-col-req form button {
    /* background: #006cc7;
    */
    /* border: 1px solid #006cc7;
    */
    font-size: 13px;
    letter-spacing: 0.3px;
    border-radius: 5px;
}

.ani-req-clo {
    color: #333;
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.all-list-filt-form {
    float: left;
    width: 100%;
    background: #f5f7fb;
    padding-top: 30px;
    position: sticky;
    top: 50px;
}

.all-list-filt-form .tit {
    margin-bottom: 0px;
}

.all-list-filt-form .tit h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}

.all-list-filt-form .tit h3 span {
    display: block;
    font-weight: 600;
}

.all-list-filt-form form {
    padding: 20px 30px 30px 30px;
}

.all-list-filt-form .hom-col-req {
    background: #f5f7fb;
    margin: 0px;
    box-shadow: none;
}

.all-list-filt-form input,
.all-list-filt-form select,
.all-list-filt-form textarea {
    background: #fff;
    font-size: 12px;
}

.all-list-filt-form .form-group {
    margin-bottom: 10px;
}

#home_slide_enq_success {
    background: #fff;
    /* position: fixed;
    */
    /* right: 20px;
    */
    /* top: 60px;
    */
    /* z-index: 1;
    */
    /* border-radius: 3px;
    */
    padding: 10px 20px;
}

#home_slide_enq_success p {
    color: #27b347;
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
}

#home_slide_enq_success~.all-list-filt-form {
    position: inherit;
}

.soc-log .g-signin2 .abcRioButtonLightBlue {
    width: 100% !important;
    margin-bottom: 10px;
    color: #666;
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: none;
}

.soc-log .abcRioButtonIcon {
    left: 32%;
    position: absolute;
}

.how-wrks {
    float: left;
    width: 100%;
    position: relative;
    /* display: none;
    */
}

.how-wrks-2 {
    padding-bottom: 180px;
}

.how-wrks .home-tit {
    margin-bottom: 40px;
}

.how-wrks .home-tit h2 {}

.how-wrks .home-tit h2 span {}

.how-wrks .home-tit p {}

.how-wrks-inn {}

.how-wrks-inn ul {}

.how-wrks-inn ul li {
    float: left;
    width: 25%;
}

.how-wrks-inn ul li div {
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 30px;
    margin: 0px 10px;
    position: relative;
    transition: all 0.5s ease;
}

.how-wrks-inn ul li div:hover {
    background: #fff;
    transform: translateY(-8px);
    box-shadow: 0 19px 46px -39px rgb(37, 39, 42);
}

.how-wrks-inn ul li div span {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    padding: 3px 0px;
    display: table;
    margin: 0 auto;
    margin-top: -44px;
}

.how-wrks-inn ul li div img {
    width: 72px;
    margin-top: 25px;
}

.how-wrks-inn ul li div h4 {
    font-weight: 600;
    font-size: 18px;
    padding: 20px 0px 2px 0px;
}

.how-wrks-inn ul li div p {
    margin: 0px;
    font-size: 13px;
    color: #636363;
}

.mob-app {
    float: left;
    width: 100%;
    padding-top: 100px;
    position: relative;
    z-index: 5;
}

.mob-app .lhs {
    float: left;
    width: 50%;
}

.mob-app .lhs img {
    width: 80%;
}

.mob-app .rhs {
    float: left;
    width: 50%;
}

.mob-app .rhs h2 {
    font-size: 32px;
    padding-bottom: 20px;
}

.mob-app .rhs h2 span {}

.mob-app .rhs ul {
    padding-bottom: 20px;
}

.mob-app .rhs ul li {
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 30px;
}

.mob-app .rhs ul li:before {
    content: 'chevron_right';
    margin: -2px 0px 0px -27px;
}

.mob-app .rhs ul~span {
    font-size: 14px;
    float: left;
    padding-bottom: 25px;
}

.mob-app .rhs form {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    margin: 25px 0px 0px 0px;
    box-shadow: 0px 1px 20px -13px rgba(42, 42, 42, 0.86);
    width: 80%;
}

.mob-app .rhs form ul {
    padding: 0px;
    margin: 0px;
}

.mob-app .rhs form ul li {
    list-style-type: none;
    display: inline-block;
    float: left;
    padding: 0px;
}

.mob-app .rhs form ul li:before {
    display: none;
}

.mob-app .rhs form ul li input {
    width: 100%;
    background: #FFF;
    border: 1px solid #f1f3f5;
    padding: 9px;
    font-size: 15px;
    font-weight: 500;
}

.mob-app .rhs form ul li input[type="submit"] {
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* background: linear-gradient(to bottom, #01a0d8, #0485b3);
    */
}

.mob-app .rhs form ul li:nth-child(1) {
    width: 65%;
}

.mob-app .rhs form ul li:nth-child(2) {
    width: 35%;
}

.mob-app .rhs a img {
    width: 150px;
    float: left;
    margin: 0px 5px 5px 0px;
}

/*---======================---*/
.soc-log {
    float: left;
    width: 100%;
    padding: 30px 30px 0px 30px;
}

.soc-log ul {
    max-width: 210px;
    margin: 0 auto;
}

.soc-log ul li {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.soc-log ul li a {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    padding: 7px 5px;
}

.soc-log ul li a img {
    width: 22px;
    padding-right: 5px;
}

.soc-log ul li a.login-goog {
    margin-bottom: 10px;
    color: #4f7083;
    background: #fff;
    border: 1px solid #ccc;
}

.soc-log ul li a.login-fb {
    color: #666;
    background: #fff;
    border: 1px solid #dadada;
}

/*--========================================--*/
.filt-alist-near {}

.filt-alist-near .tit {
    background: #20344c;
    color: #fff;
    padding: 18px;
    margin-bottom: 0px;
    border-radius: 5px 0 0 0;
}

.filt-alist-near .tit h4 {
    font-size: 15px;
    margin: 0px;
    text-align: left;
    font-weight: 600;
}

.near-ser-list {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px 17px;
    min-height: auto;
    max-height: 300px;
    overflow: hidden;
}

.near-ser-list:hover {
    overflow-y: auto;
}

.near-ser-list ul {}

.near-ser-list ul li {
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
}

.near-ser-list ul li .near-bx {
    position: relative;
    float: left;
    width: 100%;
}

.near-ser-list ul li .near-bx a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.near-ser-list ul li .near-bx .ne-1 {
    width: 35px;
    float: left;
}

.near-ser-list ul li .near-bx .ne-1 img {
    width: 32px;
    height: 32px;
    border-radius: 28px;
    border: 1px solid #fff;
}

.near-ser-list ul li .near-bx .ne-2 {
    width: calc(100% - 60px);
    padding: 0px 15px;
    float: left;
}

.near-ser-list ul li .near-bx .ne-2 h5 {
    color: #20344c;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 4px;
    font-weight: 600;
}

.near-ser-list ul li .near-bx .ne-2 p {
    color: #7b868f;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    display: block;
    margin: 0px;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: unset;
}

.all-pro-pg .near-ser-list ul li .near-bx .ne-2 {
    width: 90%;
}

.near-ser-list ul li .near-bx .ne-3 {
    float: left;
    width: 25px;
}

.near-ser-list ul li .near-bx .ne-3 span {
    width: 24px;
    height: 24px;
    padding: 2px 3px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
}

/*---======================---*/
.all-list-bre {
    margin-top: 148px;
    /* background: url('../images/all-list-bg.jpg') no-repeat #5085f7;
    */
    padding: 40px 0px 35px 0px;
    position: relative;
    /* background-size: cover;
    */
}

.all-pro-bre {
    background: url('../images/all-product-bg.jpg') no-repeat #5085f7;
    background-size: cover;
    background-position: center center;
    margin-top: var(--topspac);
    padding-bottom: 80px;
}

.all-list-bre:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #0d598d05;
}

.map-error-box {
    margin: 0 auto;
    background: #ffddd2;
    border: 1px solid #ffc1bc;
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 2px;
    color: #bb4c4c;
    position: absolute;
    box-shadow: 0px 2px 10px -2px #686868;
    font-weight: 500;
    width: 100%;
    text-align: center;
    z-index: 13;
}

.all-pro-bre:before {
    background: linear-gradient(to right, #866a05d6, #00000038);
}

.all-list-bre .sec-all-list-bre {
    opacity: 1 !important;
}

.all-pro-bre .sec-all-list-bre {
    padding-bottom: 40px;
}

.all-pro-bre .sec-all-list-bre h2 {
    display: none;
}

.all-list-bre h1,
.all-list-bre h2 {
    font-weight: 600;
    margin: 0px;
    font-size: 32px;
    line-height: 34px;
    width: 100%;
    color: #fff;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize;
}

.all-list-bre ul,
.eve-bred-crum ul {
    float: left;
    position: relative;
}

.all-list-bre ul li,
.eve-bred-crum ul li {
    float: left;
    margin-right: 25px;
}

.eve-deta-body-main .eve-bred-crum ul {
    padding-left: 0px;
}

.eve-deta-body-main .eve-bred-crum ul li {
    padding-left: 0px;
}

.eve-bred-crum ul li:before {
    display: none;
}

.all-list-bre ul li:after,
.eve-bred-crum ul li:after {
    content: 'keyboard_arrow_right';
    color: #fff;
    font-size: 16px;
    padding: 2px;
}

.eve-bred-crum {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.eve-bred-crum ul li:after {
    color: #333;
}

.all-list-bre ul li:last-child:after,
.eve-bred-crum ul li:last-child:after {
    display: none;
}

.all-list-bre ul li a {
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
}

.eve-bred-crum ul li a {
    color: #333;
    font-size: 12px;
    text-transform: capitalize;
}

/*---======================================================---*/
.biz-pro {
    margin-top: -100px;
    position: relative;
}

.biz-pro .row {
    box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
    background: #fff;
    z-index: 9;
    padding-top: 17px;
    border-radius: 5px;
}

.biz-pro-bre:before {}

.biz-pro .lhs {
    position: relative;
    padding-bottom: 65px;
}

.bpro-sli {
    position: sticky;
    top: 84px;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
    padding: 25px 0px;
}

.bpro-sli .carousel-item:before {
    background: none;
}

.bpro-sli .carousel-item img {
    width: 100%;
    /* height: 125px;
    */
    object-fit: contain;
}

.biz-pro-btn {
    position: sticky;
    top: 455px;
}

.biz-pro-btn .btn {
    color: #fff;
    padding: 12px 20px;
    border-radius: 1px;
    width: 50%;
    display: block;
    text-align: center;
    float: left;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.biz-pro-btn .btn1 {
    color: #fff !important;
    cursor: pointer;
}

.biz-pro-btn .btn2 {}

.biz-pro .rhs {}

.pro-pri-box {}

.pro-pbox-1 {
    margin-top: 0px;
    background: none;
    padding: 0px;
    float: left;
    width: 100%;
}

.pro-pbox-1:before {
    background: none;
}

.pro-pbox-1 ul {}

.pro-pbox-1 ul li {}

.pro-pbox-1 ul li:after {
    color: #333;
}

.pro-pbox-1 ul li a {
    color: #333;
}

.pro-pbox-2 {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.pro-pbox-2 h1 {
    font-size: 26px;
    font-weight: 600;
    padding: 12px 0 8px 0;
    margin-bottom: 0px;
}

.pro-pbox-2 .rat {
    padding: 4px;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    display: none;
}

.pro-pbox-2 .veri {
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pro-pbox-2 .veri:before {}

.pro-pbox-2 .pro-cost {
    float: left;
    width: 100%;
    padding-top: 0px;
    font-size: 34px;
    font-weight: 600;
}

.pro-pbox-2 .pro-off {
    font-size: 18px;
    font-weight: 500;
}

.pro-pbox-com {
    margin-top: 24px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 24px;
    color: #212121;
    float: left;
    width: 100%;
}

.pro-pbox-com h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

.pro-pbox-com .ud-lhs-s1 h4 {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
}

.pro-pbox-com .ud-lhs-s1 {
    padding-bottom: 0px;
}

.pro-pbox-com p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 12px;
    color: #333;
}

.pro-pbox-com p:last-child {
    padding-bottom: 0px;
}

.pro-pbox-3 {}

.pro-pbox-3 h4 {}

.pro-pbox-3 ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    color: #333;
    padding-left: 30px;
}

.pro-pbox-3 ul li:before {
    content: 'arrow_drop_up';
    cursor: pointer;
    color: #3567d6;
    border-radius: 50%;
    background: #d2e0ff;
    font-size: 20px;
    padding: 0px 0px;
    text-align: center;
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    transition: all 0.5s ease;
    transform: rotate(90deg);
    line-height: 20px;
    margin: 0px 0px 0px -28px;
}

.pro-pbox-5 {}

.pro-pbox-5 ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    color: #0b253a;
}

.pro-pbox-5 ul li .pro-spe-li {
    width: 35%;
    display: inline-block;
    color: #909090;
    vertical-align: top;
}

.pro-pbox-5 ul li .pro-spe-po {
    width: 60%;
    display: inline-block;
}

.pro-pbox-7 a {
    background: #ebf7fd;
    color: #345361;
    font-weight: 500;
    font-size: 13px;
    margin: 0px 10px 10px 0px;
    padding: 3px 10px;
    border-radius: 3px;
}

.pro-bad-sml {
    position: relative;
}

.pro-bad-sml img {
    position: absolute;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
}

.pro-bad-sml h4 {
    padding: 8px 0 0 50px;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 12px;
}

.pro-bad-sml b {
    padding-left: 50px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #333;
}

/*--================================================--*/
.list-det-fix {
    position: fixed;
    top: -100px;
    left: 0px;
    right: 0px;
    background: #fff;
    z-index: 99;
    padding: 0px 0px;
    box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.14);
    transition: all 0.5s ease;
    display: none;
}

.list-det-fix.list-det-fix-act {
    top: 0px;
    transition: all 0.5s ease;
}

.list-det-fix-inn {
    float: left;
    width: 100%;
}

.list-fix-pro {
    float: left;
    width: 5%;
}

.list-fix-pro img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 4px;
    object-fit: cover;
}

.list-fix-tit {
    float: left;
    width: 72%;
    padding: 4px 0px 0px 12px;
}

.list-fix-tit h3 {
    margin: 0px;
    font-weight: 600;
    font-size: 19px;
    padding-bottom: 3px;
}

.list-fix-tit p {
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #3f4040;
}

.list-fix-tit p b {
    color: #333;
}

.list-fix-btn {
    float: left;
    width: 22%;
}

.list-fix-btn span {
    color: #ffffff;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 rgb(244, 67, 54);
    padding: 7px 25px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    border-radius: 2px;
    margin-top: 6px;
    animation: none;
    /* text-transform: uppercase;
    */
    float: right;
}

/*-------------------------------------------------*/
/* = CONTACT US & ABOUT US & FEEDBACK 
/*-------------------------------------------------*/
.con-us-map {
    margin-top: var(--topspac);
}

.con-us-map iframe {
    width: 100%;
    height: 250px;
    border: 0
}

.con-us-loc {
    padding-top: 40px;
    padding-bottom: 100px;
}

.con-us-loc .tit h2 {
    font-weight: 600;
    font-size: 24px
}

.con-us-loc .tit p {
    font-size: 14px
}

.con-us-loc h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px
}

.con-us-loc h5 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

.con-us-loc p {
    font-size: 13px
}

.con-us-loc ul li {
    font-size: 13px;
    /* padding-left:30px;
    */
    padding-bottom: 10px;
    line-height: 22px;
}

.con-us-loc ul li:before {
    margin-left: -30px;
    display: none;
}

.con-us-loc ul li a {
    color: #000
}

.fedback {
    margin-bottom: 160px
}

.fedback img.fed {
    width: 100%;
    height: 280px;
    object-fit: cover;
    z-index: 0
}

.fed-box {
    width: 60%;
    background: #fff;
    margin: 0 auto;
    display: table;
    margin-top: -100px;
    z-index: 2;
    position: relative;
    box-shadow: 0 0 38px -21px #333;
    border-radius: 5px
}

.fed-box:before {
    content: '';
    position: absolute;
    background: #dcefff;
    width: 40%;
    height: 100%;
    right: 0
}

.fed-box .lhs {
    float: left;
    width: 60%;
    padding: 50px;
    position: relative
}

.fed-box .lhs h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 20px;
    color: #106ebd
}

.fed-box .lhs form .form-group input {
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #ececec
}

.fed-box .lhs form .form-group textarea {
    height: 90px;
    padding: 15px;
    border: 1px solid #ececec
}

.fed-box .lhs form button {
    background: #04b1ff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px
}

.fed-box .rhs {
    float: left;
    width: 40%;
    padding: 50px;
    position: relative
}

.fed-box .rhs h2 {
    font-size: 32px
}

.fed-box .rhs p {
    font-size: 13px
}

.fed-box .rhs ul li {
    float: left;
    padding: 0 10px 10px 0
}

.fed-box .rhs ul li a img {
    width: 30px;
    border-radius: 50%;
    padding: 4px;
    border: 1px solid #b7c8d6
}

.fed-box .rhs h4 {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 6px
}

.fed-box .rhs h4~p {
    margin-bottom: 4px;
    font-size: 12px
}

.commun-pg-main {
    background: #fff;
}

.abou-pg {
    text-align: center;
    padding: 50px;
    margin-top: var(--topspac);
    padding: 50px 0px 40px 0px;
    position: relative;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #700edb, #d51075);
    background: linear-gradient(to right, #700edb, #d51075);
}

.comunity-ban:before {
    /* background: linear-gradient(to top,#fff,#017cffe0 100%);
    */
}

.about-ban h1,
.about-ban input {
    position: relative;
    font-weight: 600;
}

.abou-pg1 {
    background: #fff;
}

.abou-pg1:before {
    display: none;
}

.comunity-ban {
    /* padding-bottom: 0px;
    */
}

.commun-pg-main input {
    border-radius: 30px;
    box-shadow: 0 5px 41px -14px rgb(60 63 66 / 32%);
    color: #40454a;
    max-width: 100%;
    width: 384px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
    display: block;
    line-height: 40px;
    font-size: 15px;
    outline: none;
    height: 58px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0px 25px 0px 45px;
    margin: 0 auto;
    margin-top: 20px;
}

.about-ban p {
    position: relative;
    margin: 0;
    font-weight: 300;
    font-size: 18px
}

.about-us {
    text-align: center;
    padding-top: 40px;
    width: 80%;
    margin: 0 auto
}

.about-us h2 {
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 25px
}

.about-us p {
    font-size: 14px
}

.abou-pg .home-tit {
    padding-top: 50px
}

.abou-pg .home-tit h2 span {
    font-size: 32px;
}

.abou-pg .home-tit p {
    font-size: 14px;
    padding-bottom: 15px;
}

.abou-pg .abo-memb {}

.abou-pg .abo-memb ul li div {
    padding: 0px;
    padding-bottom: 20px;
}

.abou-pg .abo-memb ul li div img {
    width: 100%;
    margin: 0px;
}

.abou-pg .abo-memb ul li div h4 {
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px;
}

.abou-pg .abo-memb ul li div p {
    padding: 0px 15px;
    font-size: 12px;
}

.abou-pg .about-ban {
    color: #fff;
    margin-bottom: -68px;
}

.abou-pg1 .about-ban {
    color: #333;
    margin-bottom: 0px;
}

/*-------------------------------------------------*/
/* = V2 HOME PAGE 
/*-------------------------------------------------*/
.h2-ban-ql {
    display: none;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding-top: 0px;
    margin-top: 50px;
}

.h2-ban-ql ul {
    margin: 0 auto;
    display: table;
}

.h2-ban-ql ul li {
    float: left;
    text-align: center;
}

.h2-ban-ql ul li div {
    border: 1px solid #485565;
    border-radius: 5px;
    position: relative;
    padding: 10px 5px;
    width: 115px;
    margin: 0px 5px 5px 5px;
    transition: all 0.5s ease;
    background: #20344c80;
}

.h2-ban-ql ul li div:hover {
    background: #20344c;
    /* border: 1px solid #122338;
    */
    box-shadow: 0px 6px 21px -6px #0b1017;
}

.h2-ban-ql ul li div img {
    width: 32px;
}

.h2-ban-ql ul li div h5 {
    color: #fff;
    font-size: 11px;
    padding: 7px 0px 0px 0px;
    margin: 0px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.h2-ban-ql ul li div h5 span {
    display: block;
    font-size: 28px;
    font-weight: 300;
}

.h2-ban-ql ul li div a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.hom-h2-pri {
    background: #fff;
    padding: 70px 0 0px 0px;
    float: left;
    width: 100%;
}

.hom-h2-pri .tit h2 {}

.hom-h2-pri .tit p {}

.hom-h2-pri .pri-box {
    background: #fafcfd;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 4px #68769229;
}

/*--==================================================--*/
.all-products {
    margin-top: -50px;
    padding-bottom: 100px;
}

.all-products .col-md-3 {
    padding-top: 30px;
}

.all-product-total {}

.all-product-total ul {}

.all-product-total ul li {
    float: left;
    width: 33.3333%;
}

.all-pro-box {
    border: 1px solid #002f3433;
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    transition: all 0.5s ease;
}

.all-pro-box:hover {
    box-shadow: 0px 9px 27px -16px #33333387;
    transform: translateY(-3px);
}

.all-pro-img {
    padding: 15px 10px 10px 10px;
}

.all-pro-img img {
    width: 100%;
    height: 125px;
    object-fit: contain;
}

.all-product-total .all-pro-aut {
    display: none;
}

.all-product-total .all-pro-aut .auth {
    position: absolute;
    margin: -20px 0px 0px 12px;
}

.all-pro-txt {
    padding: 15px 15px 15px 15px;
    float: left;
    width: 100%;
    position: relative;
    text-align: left;
}

.all-pro-txt h4 {
    font-weight: 500;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    float: left;
    width: 100%;
    color: #333;
    padding-bottom: 0px;
}

.all-pro-txt .pri {
    padding: 0px;
    background: none;
    line-height: 32px;
    color: #5c6369;
    font-size: 14px;
}

.all-pro-txt .pri b {
    font-size: 21px;
    font-weight: 600;
    color: #000;
}

.all-pro-txt .links {
    z-index: 9;
    right: 94px;
    position: absolute;
    bottom: 44px;
}

.all-pro-txt .links a {
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 50px;
    cursor: pointer;
    background: #ffd500;
    color: #000;
    display: inline-block;
    z-index: 2;
    position: absolute;
    width: 86px;
    text-align: center;
}

.all-pro-box .pro-view-full {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    /* background: #333;
    */
    z-index: 1;
}

.pro-rel-pro-box {
    float: left;
    width: 100%;
}

.pro-rel-pro-box h4 {
    color: #000;
    text-align: center;
    margin-top: 50px;
}

.pro-rel-pro-box .pro-eve-box {
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 6%);
}

.pro-rel-pro-box .pro-eve-box img {
    object-fit: contain;
    padding: 15px;
    padding-bottom: 0px;
}

.pro-rel-pro-box .pro-eve-box span {
    background: #ff9800;
    padding: 4px 8px 4px 8px;
}

.pro-rel-pro-box .pro-eve-box h2 {
    color: #000;
    font-weight: 600;
    font-size: 15px;
    padding-top: 10px;
}

.pro-rel-pro-box .us-ppg-com {
    padding-top: 0px;
}

.btn-ser-need-ani {
    color: #fff;
    padding: 8px;
    border-radius: 33px;
    border: 4px solid #fff;
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 9;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 0 0 rgb(113 129 255);
    animation: pulse 1.5s infinite;
    background: #7181ff;
    transition: all 0.5s ease-in-out;
}

.btn-ser-need-ani img {
    width: 24px;
}

.btn-ser-need-ani:before {}

.comity-all-user {
    padding: 60px 0px;
    float: left;
    width: 100%;
}

.comity-all-user ul {}

.comity-all-user ul li {
    float: left;
    width: 16.5%;
}

.comity-all-user ul li .pro-fol-gr {
    /* border: 1px solid #f9fcff;
    */
    /* background: #fff;
    */
    /* margin: 10px;
    */
    /* height: 221px;
    */
    /* padding: 15px 15px;
    */
    /* float: left;
    */
}

.comity-all-user ul li .pro-fol-gr:hover {
    box-shadow: none;
    background: #ebf8ff;
    border: 1px solid #ebf8ff;
    /* transform: translateY(-6px);
    */
    box-shadow: 0px 5px 28px -5px rgba(55, 63, 67, 0.45);
}

.comity-all-user ul li .pro-fol-gr:hover ol {
    transform: translateY(-10px);
}

.pro-fol-gr .count-li {
    opacity: 1;
    position: relative;
    background: none;
    padding: 0px 0px 15px 0px;
    display: table;
    /* border-top: 1px solid #dee4ea;
    */
    transform: translateY(0px);
    margin: 15px 0px 15px 0px;
    border-bottom: 1px solid #eaeef3;
    float: left;
    width: 100%;
}

.pro-fol-gr .count-li span {}

.pro-fol-gr .count-li span b {
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.pro-fol-gr h4 {
    text-align: center;
    /* padding-left: 85px;
    */
}

.pro-fol-gr h4 b {}

.pro-fol-gr ol li {
    width: 33.3333%;
    /* text-transform: capitalize;
    */
    letter-spacing: 1px;
}

.comity-all-user ul li .pro-fol-gr ol li b {}

.comity-all-user ul li .pro-fol-gr span {
    cursor: pointer;
}

.pro-fol-gr .comm-viw-pro-btn {
    /* background: #008dff;
    */
    /* color: #fff;
    */
    /* font-weight: 600;
    */
    font-size: 10px;
    /* border-radius: 2px;
    */
    /* text-align: center;
    */
    /* cursor: pointer;
    */
    /* text-transform: uppercase;
    */
    /* display: inline-block;
    */
    /* letter-spacing: 0.5px;
    */
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.pro-fol-gr .pro-pg-msg {
    float: left;
    width: 100%;
}

.pro-fol-gr .pro-pg-msg span {
    float: left;
    color: #2196F3;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    width: auto;
    display: none;
}

.pro-fol-gr .pro-pg-msg span i {
    color: #2196F3;
    font-size: 14px;
    font-weight: 600;
    vertical-align: sub;
}

.pro-fol-gr .pro-pg-msg a,
.pro-fol-gr .pro-pg-msg .userfollow {
    background: #c7e3ff;
    color: #0865d4;
    font-size: 12px;
    font-weight: 600;
    float: left;
    padding: 3px 10px;
    border-radius: 2px;
    display: block;
    width: 100%;
    text-align: center;
}

/*---================ LISTING MAP VIEW =================---*/
.list-map {
    display: none;
}

.list-map {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 52px;
}

.list-map .list-map-resu {
    float: left;
    width: 78%;
    height: 200px;
    margin-left: 22%;
}

.list-map .list-map-resu iframe {
    height: 100%;
    width: 100%;
}

#list-map-resu-view {}

.list-map-filt .map-fi-view {
    padding: 0 11px 0 0;
    margin-bottom: 15px;
}

.list-map-filt .map-fi-view .ic-map-3 {}

.list-map .list-map-filt {
    position: absolute;
    bottom: 0px;
    top: 0px;
    background: #0b253a;
    z-index: 12;
    width: 22%;
    left: 0px;
    right: 0px;
    padding: 50px 15px 15px 15px;
    box-shadow: 0px -5px 25px -8px rgba(42, 42, 42, 0.24);
    transition: all 0.5s ease;
}

.list-map .list-map-filt:before {
    content: 'filter_list';
    margin: 0px 0px 0px 10px;
    font-size: 24px;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 33px;
    border-radius: 2px;
    left: 15px;
}

.mob-map-filt {
    position: fixed;
    left: 24px;
    top: 70px;
    z-index: 15;
    display: none;
}

.mob-map-filt i {
    font-size: 24px;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 33px;
    border-radius: 2px;
}

.map-fi-com {
    float: left;
}

.map-fi-com select {
    font-size: 13px;
    height: 44px;
    color: #333;
    padding: 0px 8px;
    border: 1px solid #d1d1d1;
    width: 100%;
    border-radius: 2px;
    font-weight: 600;
    cursor: pointer;
}

.map-fi-com select option {}

.map-fi-com {
    width: 100%;
    padding: 10px;
}

.map-fi-com .ic3 {}

/*---================ NOTIFICATION POPUP =================---*/
.pop-noti {
    width: 300px;
    position: fixed;
    z-index: 34;
    top: 68px;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    right: 1%;
    box-shadow: 0px 0px 16px 0px rgba(42, 42, 42, 0.16);
    transition: all 0.5s ease;
}

.pop-noti.act {
    right: 1%;
}

.pop-noti:hover span {
    color: #000;
}

.pop-noti img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
}

.pop-noti h4 {
    font-size: 14.5px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 2px 50px;
}

.pop-noti p {
    font-size: 12px;
    color: #a4a4a4;
    margin: 0px;
    padding: 0px 0px 0px 50px;
}

.pop-noti span {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fff;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    transition: all 0.5s ease;
    letter-spacing: 1px;
}

.pop-noti a {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
}

/*--============ MAP VIEW ============--*/
.list-map-resu .gm-style-iw {
    padding: 0px;
    width: 260px;
    border: 2px solid #fff;
    border-radius: 15px;
}

.list-map-resu .gm-style-iw-d {
    float: left;
    width: 100%;
    overflow: hidden !important;
}

.list-map-resu .gm-ui-hover-effect {}

.list-map-resu .gm-ui-hover-effect img {
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    padding: 2px;
    width: 20px !important;
    height: 20px !important;
    margin: 6px !important;
}

.list-map-resu .gm-style-iw-d div {}

.list-map-resu .gm-style-iw-d div br {
    display: none;
}

.list-map-resu .gm-style-iw-d div a {}

.list-map-resu .gm-style-iw-d div a img {
    width: 100%;
    height: 130px;
    object-fit: cover;
}

.list-map-resu .gm-style-iw-d div a strong {
    display: block;
    color: #000;
    font-weight: 600;
    padding: 13px 13px 2px 13px;
    font-size: 15px;
    /* */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.list-map-resu .gm-style-iw-d div text {
    display: block;
    padding: 0px 13px 8px 13px;
    color: #566064;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    font-size: 12px;
    /* text-transform: lowercase;
    */
}

.list-map-resu .gm-style img {}

.list-map-resu .gm-style img:has {}

.list-map-resu .gm-style img:parent {}

.list-map-filt .chosen-container.chosen-with-drop .chosen-drop {
    top: initial;
    bottom: 100%;
    border: 0px;
    border-radius: 5px 5px 2px 2px;
    padding: 6px;
}

.list-map-filt .chosen-container {
    height: auto;
    border: 1px solid #d1d1d1;
    width: 100% !important;
}

.list-map-filt .chosen-container-single .chosen-single span {
    margin-right: 0px;
    padding: 2px 0px 0px 10px;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
    height: 33px
}

.list-map-filt .chosen-container-single .chosen-single {
    height: 33px;
    padding: 0px;
    line-height: 32px;
    border: 0px;
}

.list-map-filt .chosen-container-active .chosen-single {}

.list-map-filt .chosen-container-single .chosen-drop {}

.list-map-filt .chosen-container-single .chosen-search {}

.list-map-filt .chosen-container-single .chosen-search-input {}

.list-map-filt .chosen-container-single .chosen-results {
    padding: 0px;
}

.list-map-filt .chosen-container-single .chosen-results li {
    font-size: 13px;
    color: #2e3439;
}

.form-tip {
    opacity: 0;
    transition: all 0.5s ease;
}

.form-tip a {
    font-size: 11px;
    text-decoration: underline;
    right: 21px;
    top: 4px;
    position: absolute;
}

.form-group:hover .form-tip {
    opacity: 1;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 14px;
    color: #445667;
    border-bottom: 1px solid #f6f3ff;
    border-radius: 0px;
    padding: 12px 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: list-item;
    width: 100%;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background-color: #f6f3ff;
    background-image: none;
    color: #3d05c6;
    padding-left: 10px;
}

.ui-menu .ui-menu-item-wrapper:hover {
    background: #e5f3ff;
    color: #008eff;
}

.str-full {
    float: left;
    width: 100%;
    /* display: none;
    */
}

/*--============ JOB ============--*/
.all-jobs-ban {
    float: left;
    width: 100%;
    padding: 70px 0px 00px 0px;
    margin-top: var(--topspac);
    position: relative;
    text-align: center;
    background: url(../images/job-banne.png) #2d0ed8 no-repeat;
    background-size: 100%;
    margin-bottom: 110px;
    background-position: center bottom;
}

.all-jobs-ban .ban-search {
    /* float: left;
    */
    /* display: block;
    */
    /* margin: initial;
    */
    width: 57%;
}

.jtit {
    width: 100%;
    padding-bottom: 15px;
    position: relative;
}

.all-jobs-ban h1 {
    font-size: 42px;
    line-height: 42px;
    font-weight: 700;
    margin: 0px 0px 15px 0px;
    color: #fff;
    position: relative;
    display: block;
    width: 100%;
    text-transform: capitalize;
}

.all-jobs-ban p {
    color: #fff;
    font-size: 18px;
}

.all-jobs-ban .ban-search ul li.sr-sea {
    width: 79%;
    margin: 0px 1% 0px 0%;
}

.all-jobs-ban .ban-search ul li.sr-cit {
    display: block;
    margin: 0px 1% 0px 0%;
}

.all-jobs-ban .ban-search ul li.sr-btn {}

.all-jobs-ban .ban-search ul li.sr-btn input {
    background: #1637f0;
}

.job-sear {
    margin: 0 auto;
    display: table;
    width: 50%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 22px -3px #1d1d216b;
}

.job-sear ul {}

.job-sear ul li {
    float: left;
    padding: 0px 5px;
}

.job-sear ul li input {
    border: 1px solid #97abb7;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 12px 12px 45px;
}

.job-sear ul li select {
    border: 0px solid #97abb7;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 12px 12px 45px;
}

.job-sear ul li.sr-sea {
    width: calc(60% - 50px);
}

.job-sear ul li .chosen-container {
    border: 0px;
    width: 100% !important;
}

.job-sear ul li .chosen-container-single .chosen-single {
    /* border: 1px solid #97abb7;
    */
    border-radius: 4px 0 0 4px;
    padding-left: 41px;
    text-align: left;
    padding-top: 8px;
    height: 47px;
}

.job-sear ul li:before {
    margin: 10px 0px 0px 15px;
    font-size: 21px;
    color: #8592c1;
    z-index: 3;
}

.job-sear ul li.sr-sea:before {
    content: "business_center";
    margin: 9px 0px 0px 15px;
}

.job-sear ul li.sr-loc:before {
    content: "location_on";
}

.job-sear ul li.sr-sea .chosen-container-single .chosen-single div:before,
.job-sear .chosen-container-single .chosen-single div:before {
    top: 22px;
}

.plac-hom-search .job-sear ul li.sr-sea .chosen-container-single .chosen-single div:before {
    top: 30px;
}

.job-sear .chosen-container .chosen-results li.active-result {
    font-size: 14.5px;
    font-weight: 500;
    color: #445667;
    border-bottom: 1px solid #f6f3ff;
    border-radius: 0px;
    padding: 10px 5px;
    transition: all 0.3s ease;
    background-color: #fff;
    background-image: none;
    padding-left: 10px;
}

.job-sear .chosen-container .chosen-results li.highlighted {
    background-color: #f6f3ff;
    background-image: none;
    color: #3d05c6;
    padding-left: 10px;
}

.job-sear ul li.sr-btn:before {
    display: none;
}

.job-sear ul li.sr-loc {
    width: 40%;
}

.job-sear ul li.sr-btn {
    width: 50px;
}

.job-sear ul li.sr-btn button {
    border: 0px;
    padding: 5px 12px;
    border-radius: 0px 10px 10px 0px;
    line-height: 24px;
    float: left;
}

.job-sear ul li.sr-btn button i {
    color: #fff;
    /* padding-top: 5px;
    */
    line-height: 36px;
    font-size: 25px;
}

.job-pop-tag {
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 0px 60px 0px;
}

.job-pop-tag h4 {
    color: #fff;
    font-size: 18px;
    float: left;
    font-weight: 600;
    margin: 0px 10px 0px 0px;
    line-height: 28px;
}

.job-pop-tag a {
    color: #def3ff;
    font-size: 12.5px;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 500;
}

.job-counts {
    position: relative;
    /* float: left;
    */
    /* width: 100%;
    */
    margin: 0 auto;
    margin: 0 auto;
    display: table;
    background: #fff;
    border: 10px solid #ffffff;
    transition: all .5s ease;
    color: #fff;
    box-shadow: 0 19px 46px -39px rgb(37 39 42);
    border-radius: 4px;
    margin-bottom: -42px;
    padding: 5px 15px;
}

.job-counts ul {}

.job-counts ul li {
    float: left;
    padding: 0px 20px 0px 25px;
    border-right: 1px solid #a79d9d2b;
}

.job-counts ul li:first-child {
    padding-left: 0px;
}

.job-counts ul li:last-child {
    border-right: 0px;
}

.job-counts ul li span {
    font-size: 32px;
    font-weight: 600;
}

.job-counts ul li h4 {
    font-size: 12px;
    color: #4a5c86;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.all-jobs {
    background: #f9fafb;
    float: left;
    width: 100%;
    margin-top: 54px;
    padding-bottom: 180px;
}

.all-jobs .row {
    /* box-shadow: none;
    */
    border-radius: 10px;
    background: #f6fbfd;
    position: relative;
    box-shadow: none;
}

.all-jobs .col-md-3 {
    background: #f9fafb;
    border-radius: 10px 0 0 0;
    padding: 20px 10px 30px 0px;
    border-right: 1px solid #e2e1e1;
}

.all-jobs .col-md-9 {
    background: #f9fafb;
    border-radius: 0 10px 0 0;
    padding-top: 20px;
    padding-left: 0px;
}

.all-jobs .all-list-sh {
    background: #fff;
}

.job-list {
    padding: 25px 0px 15px 25px;
    float: left;
    width: 100%;
}

.job-list ul {}

.job-list ul li {
    float: left;
    width: 33.333%;
    padding: 10px;
}

.job-box {
    float: left;
    width: 100%;
    background: #fff;
    /* border: 1px solid #f0f0f0;
    */
    padding: 14px;
    position: relative;
    box-shadow: 0px 1px 8px -2px #3333331a;
    border-radius: 5px;
    transition: all 0.5s ease;
    border: 1px solid #fff;
}

.job-box:hover {
    transition: all 0.5s ease;
    background: #f9fdff;
    /* box-shadow: 0px 16px 15px -9px #33333361;
    */
    /* transform: translateY(-2px);
    */
    border: 1px solid #d4dce2;
}

.job-box:hover .job-days span {}

.job-box:hover .job-box-cta {}

.job-full-cta {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.job-box-img {
    float: left;
    /* width: 20%;
   ;
   width: calc(20% - 65px);
   /* width: 20%;
    */
    background: #eff5f9;
    border-radius: 10px;
    width: 65px;
    position: relative;
    height: 65px;
}

.job-box-img img {
    width: 100%;
    padding: 10px;
    border-radius: 20px;
}

.job-box-con {
    float: left;
    width: 100%;
    padding: 18px 0px 10px 0px;
    min-height: 106px;
}

.job-box-con h4 {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.job-box-con span {
    font-size: 11px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    background: #def3ff;
    padding: 0px 6px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;
    display: inline-block;
}

.job-box-con span:before {
    margin-left: -20px;
    color: #7187a2;
}

.job-box-apl span.job-box-cta {
    margin-right: 5px;
}

.job-box-apl {
    float: left;
    width: 100%;
}

.job-box-apl span,
.all-serexp .serexp-cta-more {
    background: #95adb9;
    color: #fff;
    font-size: 11px;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease;
    float: left;
}

.job-det-desc .job-box-con .job-box-cta {
    padding: 7px 30px;
    cursor: pointer;
}

.job-top {
    padding-right: 25px;
    /* border-left: 1px solid#e4e4e4;
    */
    /* padding-left: 25px;
    */
}

.job-top h3 {
    font-size: 14px;
    color: #677b89;
    /* padding-left: 25px;
    */
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.job-top ul {}

.job-top ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}

.job-top-box {
    position: relative;
    transition: all ease 0.5s
}

.job-top-box:hover {
    padding-left: 10px;
}

.job-top-box:hover h4 {
    color: #0961ea;
    text-decoration: underline;
}

.job-top-box img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}

.job-top-box h4 {
    font-size: 13px;
    font-weight: 600;
    padding-left: 15px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.job-top-box .compny {
    padding-left: 16px;
    font-size: 11px;
    color: #333;
    font-weight: 500;
    display: table;
}

.job-top-box .city {
    font-size: 11px;
    color: #7187a2;
    padding-left: 5px;
}

.job-det-pg {
    background: #fff;
    margin-top: 54px;
}

.job-det-desc {
    /* margin-top: -100px;
    */
    background: #fff;
    position: relative;
    padding: 30px 30px 30px 30px;
    border-radius: 5px 5px 0 0;
    color: #333;
    /* box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
    */
}

.job-det-desc .lhs {
    float: left;
    width: 100%;
    padding: 0 2px;
}

.job-det-desc .lhs h1 {
    font-size: 30px;
    font-weight: 600;
}

.job-det-desc .tit {}

.job-det-desc .tit .job-box {
    margin-bottom: 25px;
    /* padding: 0px;
    */
    /* border: 0px;
    */
    /* border-bottom: 1px solid #f0f0f0;
    */
    padding-bottom: 25px;
}

.job-det-desc .tit .job-box-img {}

.job-det-desc .tit .job-box-con {
    width: 100%;
    padding-bottom: 0px;
    text-align: left;
    /* padding: 0px;
    */
}

.job-det-desc .alpply {
    float: left;
    width: 100%;
    padding: 15px 0px;
}

.job-det-desc .alpply .cta-app {
    padding: 12px 35px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid rgba(36, 109, 248, 0.15);
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s ease;
}

.job-det-desc .alpply .cta-app:hover {
    transition: all 0.5s ease;
    border-bottom: 4px solid #da8304;
}

.job-det-desc .desc {}

.job-det-desc .desc p {
    font-size: 12.5px;
    line-height: 25px;
}

.job-det-desc .desc ul {}

.job-det-desc .desc ul li {}

.job-det-desc .desc span {}

.job-det-desc .lhs h4 {
    font-size: 18px;
    font-weight: 600;
    /* padding-bottom: 8px;
    */
}

.job-det-desc .skills {
    padding-bottom: 25px;
}

.job-det-desc .skills h4 {
    padding-bottom: 8px;
}

.job-det-desc .skills ul li {
    color: #5d6781;
    font-size: 14px;
    padding-left: 20px;
    padding-bottom: 8px;
}

.job-det-desc .skills ul li:before {
    content: 'check';
    margin-left: -20px;
    width: 15px;
    height: 15px;
    color: #fff;
    line-height: 15px;
    font-size: 10px;
    border-radius: 50%;
    font-weight: 600;
    padding: 1px 0px 0px 3px;
}

.job-det-desc .quali {}

.job-det-desc .rhs {
    float: left;
    width: 100%;
    padding: 0px 25px 25px 25px;
    border: 8px solid #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(166, 173, 201, .22);
    box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(166, 173, 201, .22);
    border-radius: 20px;
}

.job-det-desc .rhs h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

.job-det-desc .job-summ {
    margin-bottom: 25px;
    padding-top: 25px;
    /* background: #fafafa;
    */
    /* padding: 25px 25px 15px 25px;
    */
    /* border: 1px solid #f0f0f0;
    */
    /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    */
    /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    */
    /* background: #fff;
    */
    color: #fff;
}

.job-det-desc .job-summ .cta-app {
    padding: 7px 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    border: 1px solid rgba(36, 109, 248, 0.15);
    font-weight: 600;
    display: block;
    margin-top: 10px;
    cursor: pointer;
    /* text-transform: uppercase;
    */
    /* letter-spacing: 1px;
    */
    text-align: center;
    transition: all 0.5s ease;
}

.job-det-desc .job-summ .cta-app:hover {
    background: #fbaa33;
    /* color: #fff;
    */
    box-shadow: 0px 13px 11px -6px #3333337a;
}

.job-det-desc .job-summ ul {}

.job-det-desc .job-summ ul li {
    font-size: 12px;
    color: #e9f1ff;
    padding-bottom: 8px;
    font-weight: 500;
}

.job-det-desc .job-summ ul li span {
    font-weight: 600;
    width: 105px;
    display: inline-block;
    color: #fff;
}

.job-det-desc .map {
    margin-bottom: 25px;
}

.job-det-desc .map iframe {
    border: 0px;
    width: 100%;
    height: 150px;
}

.job-det-desc .shar {}

.job-det-desc .shar ul {}

.job-det-desc .shar ul li {
    float: left;
}

.job-det-desc .shar ul li a {}

.job-det-desc .shar ul li a img {
    width: 26px;
    margin-right: 5px;
}

.job-det-pg-ban {
    float: left;
    width: 100%;
    background: url(../images/all-job-bg.jpg) no-repeat;
    padding: 40px 0px 130px 0px;
    margin-top: 55px;
    position: relative;
}

.job-det-pg-ban:before {
    background: #364250b0;
}

.job-comp-pro {}

.job-comp-img {}

.job-comp-img img {}

.job-det-desc .s1,
.job-det-desc .s2,
.job-det-desc .s3 {
    float: left;
}

.job-det-desc .s1 {
    width: 22%;
    padding-right: 25px;
    border-right: 1px solid #e2e1e1;
}

.job-det-desc .s3 .job-top {
    float: left;
    width: 100%;
    padding: 25px;
    margin-top: 25px;
}

.job-det-desc .s1 .job-lhs-tit {
    font-size: 14px;
    color: #677b89;
    /* padding-left: 25px;
    */
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.job-det-desc .s1 .job-comp-pro {
    border: 1px solid #f4f4f4;
    /* background: #f0f0f0;
    */
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.job-det-desc .s1 .job-comp-img {}

.job-det-desc .s1 .job-comp-img img {
    width: 120px;
}

.job-det-desc .s2 {
    width: 53%;
    padding: 0px 25px;
}

.job-det-desc .s3 {
    width: 25%;
}

.job-comp-soc {}

.job-comp-soc ul {}

.job-comp-soc ul li {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    padding-left: 25px;
    margin-bottom: 8px;
}

.job-comp-soc ul li a {}

.job-comp-soc ul li:before {
    margin: -4px 0px 0px -25px;
}

.job-comp-abo {
    border-top: 1px solid #f4f4f4;
    padding: 15px 0px;
    margin: 20px 0;
    border-bottom: 1px solid #f4f4f4;
}

.job-comp-abo p {
    font-size: 12px;
    line-height: 22px;
    margin: 0px;
}

.job-comp-abo .cta {
    padding: 7px 12px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 500;
    display: inline-block;
    margin-top: 15px;
}

.jobs-cate {
    float: left;
    width: 100%;
}

.sub-tit {
    float: left;
    width: 100%;
    text-align: center;
}

.sub-tit h2 {
    font-weight: 600;
    font-size: 36px;
}

.sub-tit p {
    font-size: 14px;
}

.job-cate-main {
    float: left;
    width: 100%;
    padding: 0px 100px 0px;
}

.job-cate-main ul {}

.job-cate-main ul li {
    float: left;
    width: 25%;
    padding: 15px;
}

.job-cate-main ul li div {
    border: 1px solid #dddfe0;
    text-align: center;
    border-radius: 20px;
    padding: 20px 15px 15px;
    box-shadow: 0px 2px 8px -4px #33333359;
    position: relative;
    transition: all 0.3s ease;
}

.job-cate-main ul li div:hover {
    box-shadow: 0px 22px 23px -20px #333333d9;
    color: #fff;
    transform: translateY(-2px);
}

.job-cate-main ul li div h4 {
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-cate-main ul li div span {
    font-size: 14px;
    font-weight: 400;
}

.job-cate-main ul li div a.fcli {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.mt55 {
    margin-top: 55px;
}

.job-form {
    padding-bottom: 100px;
}

.job-form:before {
    display: none;
}

.job-form .inn {
    /* background: #f5fcff;
    */
    /* box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
    */
    /* margin-bottom: 20px;
    */
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    float: left;
    padding: 15px 0px 25px 0px;
}

.job-form .tit {
    text-align: left;
    padding: 30px 0px 0px 25px;
    margin-bottom: 20px;
}

.job-form .tit h1 {
    font-size: 26px;
    font-weight: 600;
}

.job-form .tit p {
    font-size: 13px;
    color: #586271;
    margin-bottom: 0px;
}

.job-form .form-group {
    position: relative;
}

.job-form .form-group label.tit {
    padding: 0px 0px 10px;
    font-size: 13px;
    font-weight: 500;
    margin: 0px;
    color: #586271;
    /* text-transform: uppercase;
    */
}

.job-form .col-md-6,
.job-form .col-md-12 {
    float: left;
}

.job-form .form-group input {
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.job-form .col-md-12 .col-md-6 {
    padding: 0px;
}

.job-form .form-group input[type=range] {
    padding: 0px
}

.job-form .form-group select {}

.job-form .form-group textarea {
    height: 70px;
}

button.blu-upp {
    color: #fff;
    border: 0px solid #005ba2;
    padding: 12px 30px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    font-weight: 500;
}

.blu-upp:hover {
    background: #025dad;
    box-shadow: 0px 11px 14px -6px #3333339e;
}

.col-spl2 .col-md-6 {
    padding: 0px;
}

.col-spl2 .col-md-6:nth-child(2) {
    padding-left: 10px;
}

.salout {
    position: absolute;
    right: -26px;
    top: 13px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 4px;
    border-radius: 4px;
    transition: all 0.5s ease;
    box-shadow: 0px 1px 5px 1px #3333332e;
}

.job-form .salout {
    top: 43px;
}

.job-form .chosen-container-single .chosen-single {
    height: 38px;
    padding: 2px 10px;
    font-size: 13px;
    border-radius: 3px !important;
}

.job-form .chosen-container-single .chosen-single span {
    font-weight: 500;
}

.job-form .chosen-container-single .chosen-search input[type="text"] {}

.salout:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 6px;
    left: -3px;
    transform: rotateZ(45deg);
}

.job-form .chosen-container {
    /* border: 0px;
    */
    height: auto;
    width: 100% !important;
}

.job-days {
    position: absolute;
    right: 15px;
    top: 14px;
    text-align: right;
    width: 84px;
    z-index: 1;
}

.job-days span {
    font-size: 9.5px;
    color: #9ca2a9;
    font-weight: 500;
    float: right;
    line-height: 22px;
    border: 1px solid #ebeef3;
    padding: 0px 2px;
    border-radius: 4px;
    /* position: absolute;
    */
    /* right: 0px;
    */
    line-height: 16px;
    margin-bottom: 5px;
}

.job-days span.day {}

.job-days span.apl {}

.job-ser-cnt {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #e2e1e1;
    padding: 0px 0px 5px 36px;
}

.job-alert {
    background: #def3ff;
    padding: 24px 20px;
    float: left;
    width: 100%;
    border-radius: 10px;
}

.job-alert h5 {
    font-size: 15px;
    font-weight: 600;
}

.job-alert p {
    font-size: 12px;
    font-weight: 400;
    color: #5a6c82;
}

.job-alert input {
    border: 0px;
    font-size: 12px;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    border-radius: 3px;
    margin-bottom: 8px;
}

.job-alert a {
    color: #fff;
    font-size: 11px;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease;
    float: left;
    border: 0px;
}

.job-tre {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.job-tre .inn {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0px 1px 9px -1px #3333330f;
    border-radius: 10px;
    border: 1px solid #e6e5e5;
    padding: 7px;
    position: relative;
}

.job-tre .inn div {
    width: 25%;
    float: left;
}

.job-tre ul {
    width: 90%;
    margin: 0 auto;
}

.job-tre ul li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.job-tre ul li:hover .jbtre-apl .job-box-cta {}

.jbtre-img {}

.job-tre .inn div.jbtre-img1 {
    float: left;
    width: 72px;
}

.job-tre .inn div.jbtre-img2 {
    width: calc(100% - 72px);
}

.jbtre-img1 img {
    float: left;
    background: #eff5f9;
    border-radius: 10px;
    width: 65px;
    position: relative;
    height: 65px;
    padding: 10px;
    object-fit: contain;
}

.jbtre-img2 h4 {
    font-weight: 500;
    font-size: 15px;
    color: #000;
    padding: 5px 0px 0px 12px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.jbtre-img2 span {
    font-size: 12px;
    color: #9ca2a9;
    font-weight: 400;
    padding: 0px 0px 0px 12px;
}

.jbtre-con {
    padding: 15px 10px 10px 10px;
}

.jbtre-con span {
    font-size: 11px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    background: #def3ff;
    padding: 0px 6px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;
    display: inline-block;
}

.jbtre-sale {
    padding: 22px 10px 10px 10px;
}

.jbtre-sale span {
    font-size: 14px;
    color: #5c646d;
    font-weight: 500;
}

.jbtre-sale .empsal {
    font-size: 15px;
    font-weight: 600;
}

.jbtre-apl {
    padding: 18px 10px 8px 10px;
}

.jbtre-apl span,
.jbtre-apl a {
    background: #95adb9;
    color: #fff;
    font-size: 11px;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease;
    float: left;
}

.jbtre-apl .job-box-cta {
    margin-right: 5px;
}

.job-tre .inn div.jbtre-days {
    width: 100%;
    line-height: 10px;
}

.jbtre-days span {
    font-size: 9px;
    color: #9ca2a9;
}

.job-det-pg .job-tre {
    padding-bottom: 80px;
    border-top: 1px solid #f1f0f0;
    padding-top: 55px;
}

.job-det-pg .job-tre h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}

.job-det-pg .job-tre ul {
    width: 100%
}

.jb-skil-set {
    float: left;
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.job-det-desc .lhs .jb-skil-set h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.job-prof-pg {
    margin-top: 50px;
    float: left;
    width: 100%;
    background: #e9eef3;
    padding-top: 40px;
}

.job-prof-pg .lhs {
    float: left;
    width: 70%;
    padding: 0px 25px 0px 50px;
}

.job-prof-pg .lhs .profile {
    position: relative;
    float: left;
    width: 100%;
}

.defa-prof-pg .lhs .profile {
    margin-top: 0px;
}

.defa-prof-pg .jpro-ban-bg-img img {
    border-radius: 8px;
}

.jpro-ban-bg-img span {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-size: 9px;
    padding: 2px 5px;
    border-radius: 4px;
    font-weight: 400;
    display: inline-block;
    background: #e18a09;
}

.jpro-ban-bg-img span b {}

.jpro-ban-bg-img {
    position: relative;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
}

.jpro-ban-bg-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #24222669;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #0b0b0bc7 30%, #07070705);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #0b0b0bc7 30%, #07070705);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    opacity: 0.9;
    border-radius: 5px;
}

.jpro-ban-bg-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
}

.exp-prof-pg .jpro-ban-bg-img img {
    border-radius: 0px 0px 8px 8px;
}

.jpro-ban-tit {
    float: left;
    width: 100%;
    padding: 30px 10px 30px 25px;
    margin-top: -140px;
    position: relative;
}

.jpro-ban-tit .s1 {
    float: left;
    width: 22%;
}

.jpro-ban-tit .s1 img {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    height: 150px;
    object-fit: cover;
    z-index: 4;
    position: relative;
}

.jpro-ban-tit .s2 {
    float: left;
    width: 45%;
    padding: 0px 20px 0px 25px;
    color: #fff;
}

.jpro-ban-tit .s2 h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 0px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jpro-ban-tit .s2 span {
    font-size: 12px;
    color: #d5d4d4;
}

.jpro-ban-tit .s2 p {
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    color: #d5d4d4;
}

.jpro-ban-tit .s3 {
    float: left;
    width: 33%;
    padding: 35px 0px 0px 0px;
}

.jpro-ban-tit .s3 .cta {
    color: #fff;
    font-size: 12px;
    padding: 9px 15px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease;
    float: right;
    background: #718995;
    cursor: pointer;
}

.jpro-ban-tit .s3 .cta:hover {
    background: #556c78;
}

.jpro-ban-tit .s3 .cta.fol {
    margin: 0px 8px;
}

.jpro-ban-tit .s3 .cta.fol:hover {
    background: #0534e1;
}

.jpro-ban-bg-img p {
    font-size: 9px;
    color: #35762a;
    position: absolute;
    left: 90px;
    top: 15px;
    margin: 0px;
    background: #fbfcfaeb;
    padding: 2px 5px;
    border-radius: 4px;
    font-weight: 400;
}

.jpro-ban-bg-img p b {}

.jpro-bd {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}

.jpro-bd-com {
    background: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    margin-bottom: 40px;
    padding: 30px 30px 25px 30px;
    border-radius: 5px;
    float: left;
    width: 100%;
}

.jpro-bd-com h4,
.jb-pro-bio h4 {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.jpro-bd-com ul {}

.jpro-bd-com ul li {
    font-size: 13px;
    font-weight: 400;
    color: #6a6a6a;
    padding: 2px 0px 2px 20px;
}

.jpro-bd-com ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    margin: 6px 0px 0px -17px;
}

.jpro-bd-com span {
    font-size: 11px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    background: #def3ff;
    padding: 0px 6px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;
    display: inline-block;
}

.jpro-bd-com .lp-ur-all-rat {
    padding-top: 15px;
}

.jpro-bd-com .lp-ur-all-rat ul li {
    padding: 15px 0px 15px 0px;
}

.jpro-bd-com .lp-ur-all-rat ul li:before {
    display: none;
}

.jpro-bd-com .lp-ur-all-rat .lr-revi-date {
    background: no-repeat;
    color: #959494;
    padding: 0px;
}

.jpro-bd-com .lp-ur-all-rat ul li:last-child p {
    font-size: 13px;
    color: #61686c;
}

.jpro-bd-com .lr-user-wr-con h6 {
    color: #344355;
    font-weight: 500;
    font-size: 15px;
}

.jpro-bd-chat {
    float: left;
    width: 100%;
    background: #078cfe;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    /* margin-bottom: 30px;
    */
    padding: 9px 22px;
    border-radius: 8px 8px 0 0;
    /* margin-top: -71px;
    */
    position: relative;
    z-index: 2;
}

.jpro-bd-chat h4 {
    text-align: center;
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
}

.jpro-bd-chat h4 b {
    color: #fff;
}

.jpro-bd-chat h4 span {
    background: #0bc845;
    font-weight: 500;
    padding: 1px 10px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
}

.job-prof-pg .rhs {
    float: left;
    width: 30%;
    padding: 0px 50px 0px 25px;
}

.job-prof-pg .rhs .ud-rhs-promo {
    background: url(../images/home2-hand.jpg) no-repeat;
    background-size: cover;
}

.job-prof-pg .rhs .ud-rhs-promo:before {}

.job-prof-pg .rhs .ud-rhs-promo a {}

.job-prof-pg .rhs .ud-rhs-promo:before {
    background: linear-gradient(to top, #0263c8a6 0%, #1c46e1cf);
}

.job-prof-pg .rhs .job-rel-post-jb {
    background: #cff0fe;
    color: #333;
    border: 4px solid #fbfdfe;
}

.job-prof-pg .rhs .job-rel-post-jb p {
    color: #333;
}

.job-prof-pg .rhs .job-rel-post-jb:before {
    display: none;
}

.job-prof-pg .rhs .exp-rel-supp {
    background: #f4f5ea;
    color: #000;
    border: 2px dashed #3c3e45;
}

.job-prof-pg .rhs .exp-rel-supp p {
    color: #333;
}

.job-prof-pg .rhs .exp-rel-supp:before {
    display: none;
}

.job-prof-pg .rhs .exp-rel-supp ul {}

.job-prof-pg .rhs .exp-rel-supp ul li {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    padding: 5px 0px;
}

.job-prof-pg .rhs .exp-rel-supp ul li i {
    font-size: 18px;
    vertical-align: middle;
    padding-right: 10px;
}

.job-prof-pg .rhs .exp-rel-supp ul li a {
    background: none;
    color: #333;
    text-transform: initial;
    letter-spacing: 0px;
    font-size: 13px;
    font-weight: 500;
    padding: 0px;
}

.jb-skil-set ul {}

.jb-skil-set ul li {
    font-size: 11px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    background: #def3ff;
    padding: 0px 6px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;
    display: inline-block;
}

.job-rel-pro {
    margin-bottom: 25px;
}

.job-rel-pro h4 {
    font-size: 15px;
    font-weight: 600;
    /* text-transform: uppercase;
    */
    /* letter-spacing: 0.5px;
    */
}

.job-rel-pro ul {}

.job-rel-pro ul li .hot-page2-hom-pre-1 {
    width: 32px;
}

.job-rel-pro ul li .hot-page2-hom-pre-2 {
    width: calc(100% - 32px);
    padding-right: 0px;
    padding: 0px 0 0px 12px;
}

.que-deti-main .job-rel-pro ul li .hot-page2-hom-pre-2 {
    padding-left: 0;
    width: 100%;
}

.job-rel-pro .hot-page2-hom-pre {
    border-radius: 10px;
    padding: 25px;
}

.job-rel-pro ul li .hot-page2-hom-pre-2 span {
    font-weight: 400;
    font-size: 11px;
    color: #59595d;
}

.job-rel-pro ul li .hot-page2-hom-pre-2 span b {
    font-weight: 600;
}

.job-rel-pro ul li .hot-page2-hom-pre-2 span.rat {
    width: 25px;
    text-align: center;
    font-size: 10px;
    background: #e18a09;
    color: #fff;
    position: absolute;
    right: 6px;
    top: 2px;
    line-height: 12px;
    border-radius: 5px;
    font-weight: 500;
}

.jb-pro-bio {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    margin-bottom: 40px;
    padding: 30px 30px 25px 30px;
    border-radius: 5px;
}

.jb-pro-bio ul {}

.jb-pro-bio ul li {
    float: left;
    /* width: 33.333%;
    */
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #859d93;
    margin: 0px 15px 15px 0px;
    background: #e9fcf4;
    padding: 20px;
    border-radius: 6px;
}

.jb-pro-bio ul li span,
.jb-pro-bio ul li a {
    display: block;
    font-size: 15px;
    color: #1f8f5f;
}

.jb-pro-bio ul li a:hover {
    color: #0484e9;
}

.jb-pro-bio ul li a i {
    vertical-align: middle;
    font-size: 20px;
}

.jb-pro-bio ul li a:hover i {}

.jb-fm-box-hig {
    background: #daebff;
    padding: 10px 15px;
    border-radius: 5px;
}

.jb-fm-box-hig h4 {}

.jb-fm-box-hig h4 label.tit {}

.jb-fm-box-hig input {}

.jb-fm-box-hig hr {
    /* display: none;
    */
}

.jb-fm-box-hig h5 {
    margin: 0px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.jb-fm-box-hig h5:after {
    content: '+';
    position: absolute;
    right: 0px;
    top: -5px;
    font-weight: 600;
    color: #3051c8;
}

.jb-fm-box-hig .coll-box {
    margin-top: 15px;
}

.job-rel-pro .pmenu-spri h4 {
    background: -webkit-linear-gradient(45deg, #2627fa, #ff544f 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 1px dashed #6835c6;
    border-radius: 15px;
    padding: 10px 0px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.job-rel-pro .pmenu-spri ul {}

.job-rel-pro .pmenu-spri ul li {
    opacity: 1;
    transform: translateX(0px);
    padding: 10px 0px 2px 0px;
}

.job-rel-pro .pmenu-spri ul li a {
    padding: 4px 4px;
}

.job-rel-pro .pmenu-spri ul li a:hover {
    color: #49494c;
}

.job-rel-pro .pmenu-spri ul li a img {
    position: absolute;
}

.job-rel-pro .pmenu-spri ul li a .qui-acc-short {
    text-transform: capitalize;
    padding-left: 50px;
    display: inline-block;
}

.job-rel-pro .pmenu-spri ul li a h5 {
    text-transform: uppercase;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
}

.job-rel-pro .pmenu-spri ul li a p {
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    margin-bottom: 0px;
}

.job-rel-pro .pmenu-spri ul li a span {
    background: #ff798c;
    color: #fff;
    display: inline-block;
    padding: 26px 22px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: all 0.4s ease;
    transform: translateX(20px);
    opacity: 0;
}

.job-rel-pro .pmenu-spri ul li:hover span {
    transform: translateX(0px);
    opacity: 1;
}

.job-rel-pro .pmenu-spri ul li:hover {
    background: #fceaed;
    background: -webkit-linear-gradient(to left, #ffd6dd, #fbfbfb);
    background: linear-gradient(to left, #ffd6dd, #fbfbfb);
}

.prfix-inp {}

.prfix {
    position: absolute;
    left: 10px;
    top: 41px;
    font-style: normal;
    background: #eceef3;
    line-height: 20px;
    padding: 0px 4px;
    border-radius: 4px;
    color: #1c2638;
    font-weight: 400;
    font-size: 14px;
}

.job-form .prfix-inp input {
    padding-left: 30px;
}

.dir-hide {
    display: none;
}

.defa-prof-pg .jpro-ban-tit .s2 p {
    font-weight: 400;
    font-size: 12px;
    padding-top: 4px;
}

.defa-prof-pg .jpro-ban-tit .s2 span {}

.defa-prof-pg .jpro-bd-com ul {}

.defa-prof-pg .jpro-bd-com ul li {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 33.333%;
}

.defa-prof-pg .jpro-bd-com ul li .pro-eve-box {
    margin: 15px 15px 15px 0;
}

.defa-prof-pg .pro-eve-box span {
    background: #029fed;
}

.defa-prof-pg .jpro-bd-com .pro-bot-shar ul li {
    width: auto;
}

.defa-prof-pg .pro-listing-box {
    margin: 7px;
}

.defa-prof-pg .pro-eve-box {}

.defa-prof-pg .pro-eve-box1 {}

.defa-prof-pg .pro-eve-box1 div:nth-child(2) {
    margin-top: -77px;
}

.defa-prof-pg .pro-eve-box1 span {
    font-size: 16px;
    background: #CB356B;
    background: -webkit-linear-gradient(to right, #BD3F32, #CB356B);
    background: linear-gradient(to right, #BD3F32, #CB356B);
    color: #fff;
}

.defa-prof-pg .pro-eve-box1 div:nth-child(2) h2 {
    margin-bottom: 0px;
}

.defa-prof-pg .pro-eve-box1 div:nth-child(2) p {
    display: none;
    padding: 0px;
    margin: 0px;
    font-size: 10px;
}

.defa-prof-pg .jpro-bd-com ul li:before {
    display: none;
}

.defa-prof-pg .pro-listing-box div:nth-child(1) h2 {
    font-size: 13px;
    font-weight: 500;
    padding: 20px 10px 8px 10px;
    color: #000;
}

.defa-prof-pg .pro-listing-box div:nth-child(1) img {
    height: 120px;
}

.defa-prof-pg .pro-listing-box div:nth-child(1) p {
    display: none;
}

.defa-prof-pg .pro-listing-box div:nth-child(1) label.rat {
    display: none;
}

.defa-prof-pg .pro-listing-box div:nth-child(2) span {
    margin: 0px;
    border-radius: 0px 0px 3px 3px;
}

.defa-prof-pg .pro-eve-box div img {
    height: 125px;
}

.defa-prof-pg .pro-eve-box:before {
    background: linear-gradient(to bottom, #24272c1c 23%, #171b45bf 96%);
}

.defa-prof-pg .pro-eve-box div:nth-child(2) {
    margin-top: -60px;
}

.defa-prof-pg .pro-eve-box .jpro-bd-com span {}

.defa-prof-pg .pro-eve-box h2 {
    width: 100%;
    font-size: 14px;
}

/*--===== SERVICE EXPERT MODULE =====--*/
.all-serexp {}

.all-serexp .job-box-img {
    width: 100%;
    height: auto;
    background: none;
}

.all-serexp .job-box-img img {
    padding: 0px;
    height: 150px;
    object-fit: cover;
    border-radius: 5px;
}

.all-serexp .job-days {
    right: 20px;
    top: 20px;
}

.all-serexp .job-days span {
    width: 30px;
    height: 30px;
    text-align: center;
}

.all-serexp .job-days span.rat,
.job-prof-pg .lhs .profile .job-days span.rat {
    background: #ffffffde;
    border: 0px;
    color: #08a10e;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    margin-right: 5px;
}

.job-prof-pg .lhs .profile .job-days span.rat {
    width: 40px;
    text-align: center;
    font-size: 20px;
    background: #e18a09;
    color: #fff;
}

.all-serexp .job-days span.ver,
.job-prof-pg .lhs .profile .job-days span.ver {
    border: 0px;
}

.all-serexp .job-days span.ver i,
.job-prof-pg .lhs .profile .job-days span.ver i {
    color: #fff;
    padding: 5px;
    font-size: 18px;
}

.all-serexp .job-box-con h4 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 3px;
}

.ser-exp-ave {
    position: absolute;
    left: 20px;
    top: 12px;
}

.ser-avail-yes {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
    border: 2px solid #fff;
    position: relative;
    -webkit-animation: pulse 1s infinite cubic-bezier(0.40, 0, 0, 1);
    -moz-animation: pulse 1s infinite cubic-bezier(0.40, 0, 0, 1);
    -ms-animation: pulse 1s infinite cubic-bezier(0.40, 0, 0, 1);
    animation: pulse 1s infinite cubic-bezier(0.40, 0, 0, 1);
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
    }
}

.all-serexp .serexp-cta-more {
    background: #241c55;
}

.all-serexp .job-box-con span {
    background: #faf5e9;
    color: #fab51c;
}

.all-serexp .job-box-apl span.job-box-cta {
    background: #ffb91b;
    cursor: pointer;
}

.all-serexp .job-box-apl span.job-box-cta:hover {
    background: #f78919;
}

.all-serexp .lhs-rati ul li .rbbox label {
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    color: #585e6b;
}

.ser-exp-wel {
    text-align: center;
    margin-top: -15px;
    padding-bottom: 15px;
    font-size: 16px;
    color: #567286;
}

.ser-exp-wel b {
    color: #1984d0;
    font-weight: 600;
}

.ser-exp-wel1 {
    font-size: 12px;
}

.quote-pop .ser-exp-wel {
    font-size: 13px;
    font-weight: 500;
}

.ser-confir {}

.ser-confir-main {
    float: left;
    width: 70%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 90px;
}

.ser-confir .full {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.ser-confir .full .serv-confi-succ {
    width: 100%;
    margin: 0 auto;
    display: table;
    border: 1px solid #6eb635;
    background: #f4ffeb;
    border-radius: 6px;
    padding: 20px 20px 20px 150px;
}

.ser-confir .full .serv-confi-succ .inn {
    position: relative;
}

.ser-confir .full .serv-confi-succ .inn h1 {
    font-size: 20px;
    font-weight: 600;
    color: #6eb635;
}

.ser-confir .full .serv-confi-succ .inn p {
    margin: 0px;
    color: #609d2f;
    font-size: 13px;
    font-weight: 400;
}

.ser-confir .lhs {
    float: left;
    width: 50%;
    border-right: 1px solid #d4d5d3;
    padding-right: 40px;
}

.ser-confir .exp-deta-1 {
    border-bottom: 1px solid #d4d5d3;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.ser-confir .exp-deta-1 img {
    width: 230px;
    border-radius: 5px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    height: 200px;
    object-fit: cover;
    margin-bottom: 15px;
}

.ser-confir h1,
.ser-confir h2,
.ser-confir h3,
.ser-confir h4,
.ser-confir h5,
.ser-confir h6 {}

.ser-confir .exp-deta-1 h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 36px;
}

.ser-confir .exp-deta-1 span {
    font-size: 12px;
    color: #333;
}

.ser-confir .exp-deta-1 p {
    margin: 0px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.ser-confir .exp-deta-con-com {
    border: 1px solid #cbd994;
    background: #fafcf2;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.ser-confir .exp-deta-con-com h4 {
    font-size: 16px;
}

.ser-confir .exp-deta-con-com p {
    margin: 0px;
    font-weight: 400;
    font-size: 13px;
    font-weight: 500;
    color: #a39a33;
}

.ser-confir .exp-deta-2 {}

.ser-confir .exp-deta-4 {}

.ser-confir .exp-deta-4 ul {}

.ser-confir .exp-deta-4 ul li {
    font-size: 13px;
    font-weight: 500;
    color: #a39a33;
    float: left;
    padding: 0px 10px 10px 0px;
}

.ser-confir .rhs {
    float: left;
    width: 50%;
    padding-left: 40px;
}

.ser-confir .rhs h2 {
    padding-bottom: 15px;
    font-size: 28px;
}

.ser-confir .rhs ul {
    padding-left: 20px;
    padding-bottom: 20px;
}

.ser-confir .rhs ul li {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 0px 0px 15px 5px;
    list-style-type: disclosure-closed;
}

.ser-confir .rhs a {
    color: #333;
    font-size: 12px;
    padding: 9px 15px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease;
    float: left;
    background: #fff;
    border: 1px solid #718995;
    cursor: pointer;
    width: 48%;
    text-align: center;
    margin: 0px 1%;
}

.ser-confir .rhs a.cta-wri-rev {
    background: #0534e1;
    color: #fff;
    border: 1px solid #0534e1;
}

.table thead th {
    border-bottom: 0px solid #dee2e6;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    /* display: block;
    */
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    /* margin: 10% auto;
    */
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .8s ease-in-out .8s forwards, scale .6s ease-in-out 2s both;
    position: absolute;
    left: -82px;
    top: 0px;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 2s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 50px #7ac142;
    }
}

/*--===== MESSAGE WINDOW =====--*/
.pop-mess {
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 15px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 350px;
}

.pop-mess.comm-msg-show {
    right: 20px;
}

.pop-mess .con {}

.pop-mess .s1 {
    float: left;
    width: 100%;
}

.pop-mess .s1 img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}

.pop-mess .s1 h4 {
    font-size: 12px;
    float: left;
    padding: 0px 0px 0px 12px;
    color: #969696;
}

.pop-mess .s1 h4 b {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
}

.pop-mess .s2 {
    float: left;
    width: 100%;
}

.pop-mess .s2 h4 {
    font-size: 10px;
    text-transform: uppercase;
    padding: 10px 0px;
    margin-bottom: 0px;
}

.pop-mess .s2 h4 b {}

.pop-mess .s2 .chosen-container {
    margin-bottom: 10px;
    border: 1px solid #f1eae5;
    height: 34px;
    border-radius: 5px;
}

.pop-mess .s2 .chosen-choices {
    height: 32px;
    padding-top: 0px;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}

.pop-mess .s3 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.pop-mess .s3 textarea {
    height: 120px;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}

.pop-mess .s4 {}

.pop-mess .s4 button {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    background: #2196F3;
    border: 0px;
    letter-spacing: 1px;
    /* float: right;
    */
}

.pop-mess .s4 button i {
    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 18px;
}

.pop-mess .s5 {}

.pop-mess .s5 .comm-msg-pop-clo,
.comm-msg-pop-clo1,
.comm-msg-pop-clo2 {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}

.pop-mess .s5 .comm-msg-pop-clo i,
.comm-msg-pop-clo1 i,
.comm-msg-pop-clo2 i {
    color: #a6a6a6;
    background: #ededed;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px;
}

/*--===== DASHBOARD MESSAGE =====--*/
.mess-dash {}

.mess-tit {
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.mess-tit div {
    font-size: 13px;
    float: left;
    font-weight: 600;
}

.mess-tit .s1 {
    width: 3%;
    display: none;
}

.mess-tit .s2 {
    width: 20%;
}

.mess-tit .s3 {
    width: 63%;
}

.mess-tit .s4 {
    width: 8%;
}

.mess-tit .s5 {
    width: 6%;
}

.mess-tit .s6 {
    width: 6%;
}

.mess-bd {
    float: left;
    width: 100%;
}

.mess-bd .main {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    margin-bottom: 7px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px -5px rgb(150 150 150 / 68%);
    border-bottom: 1px solid #edeef3;
    border-left: 0px;
    border-right: 0px;
    transform: all 0.5s ease;
}

.mess-bd .main:hover {
    background: #f4f8fa;
    border-radius: 10px;
}

.mess-bd .se1 {
    font-size: 13px;
    float: left;
    width: 100%;
    cursor: pointer;
    z-index: 5;
    font-family: 'Poppins', sans-serif;
}

.mess-bd .se1 div {
    float: left;
}

.mess-bd .se1 .s1 {
    width: 3%;
    display: none;
}

.mess-bd .se1 .s2 {
    font-weight: 600;
    font-size: 13px;
    width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

.mess-bd .se1 .s2 img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
    /* border: 2px solid #ffffff;
    */
    /* box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
    */
}

.mess-bd .se1 .s2 span {
    display: block;
    font-size: 10px;
    font-weight: 400;
}

.mess-bd .se1 .s3 {
    width: calc(100% - 50px);
    font-size: 12px;
    font-weight: 500;
    color: #4a4d54;
    padding: 6px 5px 0px 15px;
    position: relative;
}

.mess-bd .se1 .s3 h5 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
    text-transform: capitalize;
}

.mess-bd .se1 .s3 p {
    margin: 0px;
    color: #747884;
    font-weight: 500;
    font-size: 10px;
}

.mess-bd .se1 .s3 .msg-chat-lat-dt {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 9.5px;
    color: #747884;
    font-weight: 500;
}

.mess-bd .se1 .s4 {
    width: 8%;
}

.mess-bd .se1 .s4 a {
    background: #2196F3;
    color: #fff;
    border: 1px solid #2093ef;
}

.mess-bd .se1 .s5 {
    width: 6%;
}

.mess-bd .se1 .s6 {
    width: 6%;
}

.mess-bd .se1 .s5 a {}

.mess-bd .se2 {
    float: left;
    width: 100%;
    padding: 15px 0px 7px 0px;
    display: none;
    position: relative;
}

.mess-bd .se2:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 71%;
    background: #e0e0e0;
    left: 6.8%;
    top: 35px;
}

.mess-bd .se2 .mag-thrd {
    float: left;
    width: 100%;
    padding: 8px 0px 8px 5%;
    position: relative;
}

.mess-bd .se2 .mag-thrd .s1 {
    font-weight: 600;
    font-size: 12px;
    float: left;
    width: 17%;
}

.mess-bd .se2 .mag-thrd .s1 img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
    border: 4px solid #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
}

.mess-bd .se2 .mag-thrd .s1 span {
    display: block;
    font-size: 10px;
    font-weight: 400;
}

.mess-bd .se2 .mag-thrd .s2 {
    font-size: 12px;
    float: left;
    width: 80%;
    padding-left: 6px;
}

/*-- EXPERT TALK WRITE REVIEW --*/
.exper-rev-box {
    border-radius: 5px;
    padding: 25px;
}

.exper-rev-box .close {
    right: 12px;
    top: 5px;
}

.exper-rev-box .tit {
    margin-bottom: 30px;
}

.exper-rev-box .tit h4 {
    font-size: 20px;
    color: #242f65;
    font-weight: 500;
}

.exper-rev-box .prof {
    text-align: center;
}

.exper-rev-box .prof img {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50px;
    margin-bottom: 15px;
    object-fit: cover;
}

.exper-rev-box .prof h3 {
    font-size: 18px;
    color: #242f65;
    font-weight: 500;
    margin-bottom: 0px;
}

.exper-rev-box .prof p {
    color: #8187a3;
    font-size: 14px;
    margin-bottom: 5px;
}

.exper-rev-box .rating-new-msg {}

.exper-rev-box .rating-new-msg textarea {
    height: 80px;
    font-size: 14px;
    color: #333;
    padding: 15px;
    line-height: 24px;
    font-weight: 500;
}

.exper-rev-box .rating-new {}

.exper-rev-box .rating-new .rating {
    margin: 0 auto;
    display: table;
    float: initial;
    width: 140px;
}

.exper-rev-box .rating-new-cta {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.exper-rev-box .rating-new-cta span {
    color: #495f6a;
    font-size: 14px;
    padding: 9px 15px;
    border-radius: 2px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.5s ease;
    float: left;
    background: #f1f1f1;
    cursor: pointer;
    width: 48%;
    text-align: center;
    border: 1px solid #f1f1f1;
    margin-right: 4%;
}

.exper-rev-box .rating-new-cta button {
    color: #fff;
    font-size: 14px;
    padding: 9px 15px;
    border-radius: 2px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.5s ease;
    float: left;
    cursor: pointer;
    width: 48%;
    text-align: center;
}

.job-form.exp-pop-form .quote-pop {
    background: #fff;
    padding: 30px;
}

.ad-int-sear {
    position: relative;
    /* display: none;
    */
    margin-bottom: 15px;
}

.ad-int-sear input {
    border: 1px solid #dbdbdb;
    /* border-bottom: 1px solid #dbdbdb;
    */
    width: 275px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    display: table;
}

.cta-blu-sml {
    background: #2196F3;
    color: #fff;
    border: 1px solid #2093ef;
}

.cta-blu-sml:hover {
    background: #0666dd;
    border: 1px solid #0666dd;
}

/*-- TOOL TIP --*/
.ttip-com {
    position: absolute;
    z-index: 9;
}

.ttip-com i {
    width: 20px;
    height: 20px;
    background: #dde8fd;
    border-radius: 50px;
    color: #4d84ec;
    font-size: 15px;
    padding: 2px;
}

.ttip-com:hover div {
    opacity: 1;
}

.ttip-com div {
    background: #354558;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.5s ease;
    margin: -25px 0px 0px 28px;
    position: relative;
}

.ttip-com div:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #354558;
    transform: rotateZ(45deg);
    left: -4px;
    top: 10px;
}

.add-list-map .ttip-com {
    margin: -48px 0px 0px 402px;
}

.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    /* white-space: nowrap;
    */
}

.responsive-table td,
.responsive-table th {
    padding: 8px;
}

.responsive-table td {
    font-size: 12px;
}

.responsive-table thead th {
    /* color: #ffffff;
    */
    /* background: #4FC3A1;
    */
}

.responsive-table thead th:nth-child(odd) {
    /* color: #ffffff;
    */
    /* background: #324960;
    */
}

.responsive-table tr:nth-child(even) {}

.ad-table-inn .responsive-table {
    background: none;
}

/*--====== COUPONS ========--*/
.coup-sec .coup-hom-ban {
    padding: 70px 0 0 0;
    background: url(../images/coupon-bg.png) no-repeat #deeafc;
    background-size: 100%;
    background-position: center bottom;
}

.coup-sec .plac-hom-search {
    padding-top: 10px;
}

.coup-sec,
.coup-sec1 {
    float: left;
    width: 100%;
}

.coup-sec1 img {
    width: 100%;
    float: left;
}

.coup-sec2 {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

.coup-sec2 h1 {
    font-size: 42px;
    font-weight: 600;
    line-height: 48px;
}

.coup-sec2 p {
    font-size: 14px;
    color: #787984;
}

.coup-sec2 span {}

.coup-sec2 span:before {
    content: 'search';
    z-index: 1;
    margin: 13px 0px 0px 25px;
    font-size: 22px;
}

.coup-sec2 input {
    border-radius: 30px;
    box-shadow: 0 5px 41px -14px rgba(60, 63, 66, .32);
    color: #40454a;
    max-width: 100%;
    min-height: 56px;
    position: relative;
    top: 0;
    width: 384px;
    padding: 10px 10px 10px 60px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
    transition: all 0.5s ease;
    background: #fff;
}

.coup-sec2 input:focus {
    border: 1px solid #c3c9d2;
    box-shadow: 0 14px 29px -9px rgb(60 63 66 / 32%);
    background: #ffffff;
}

.coup-sec3 {
    float: left;
    width: 100%;
    margin: 50px 0 90px 0;
}

.coup-sec3 ul {}

.coup-sec3 ul li {
    float: left;
    width: 33.333%;
    padding: 15px;
}

.coup-sec-log {
    text-align: center;
    margin-top: 30px;
    margin: 0 auto;
    display: table;
    width: 80%;
    border-radius: 5px;
    padding: 25px;
    transition: all 0.5s ease;
    border: 3px dashed #fba606;
    box-shadow: 0px 12px 18px -9px #33333394;
    margin-bottom: 180px;
}

.coup-sec-log h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 38px;
}

.coup-sec-log p {
    font-size: 16px;
    line-height: 28px;
    color: #79797b;
}

.coup-sec-log a {
    background: #4634b5;
    background: linear-gradient(to right, #3b33b2, #aa35ce);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 45px;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
}

.coup-box {
    float: left;
    width: 100%;
    box-shadow: 0px 1px 14px -4px #33333352;
    border-radius: 5px;
    padding: 15px;
    border: 2px dashed #ededf1e0;
    transition: all 0.5s ease;
    height: 195px;
    position: relative;
    overflow: hidden;
}

.coup-box-1 {
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
}

.coup-box:hover {
    border: 2px dashed #4734b5;
    box-shadow: 0px 12px 18px -9px #33333394;
    transform: translateY(-3px);
}

.coup-box.act .coup-box-1 {
    transform: translateX(-110%);
}

.coup-box.act .coup-box-2 {
    transform: translateX(0%);
}

.coup-box:hover .coup-box-1 .s2 .rhs .get-coup-btn {}

.coup-box-1 .s1 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.coup-box-1 .s1 .lhs {
    float: left;
    width: 75px;
}

.coup-box-1 .s1 .lhs img {
    width: 65px;
    border-radius: 5px;
    object-fit: cover;
}

.coup-box-1 .s1 .rhs {
    float: left;
    width: 70%;
    width: calc(100% - 75px);
}

.coup-box-1 .s1 .rhs h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px 5px 5px;
    line-height: 20px;
    height: 55px;
    overflow: hidden;
}

.coup-box-1 .s2 {
    float: left;
    width: 100%;
}

.coup-box-1 .s2 .lhs {
    float: left;
    width: 60%;
}

.coup-box-1 .s2 .lhs span {
    font-size: 11px;
    font-weight: 500;
    color: #474858;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.coup-box-1 .s2 .lhs h6 {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 20px;
}

.coup-box-1 .s2 .lhs a {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    float: left;
}

.coup-box-1 .s2 .rhs {
    float: left;
    width: 40%;
    padding-top: 10px;
}

.coup-box-1 .s2 .rhs .get-coup-btn {
    background: #4634b5;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3b33b2, #aa35ce);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 15px;
    display: inline-block;
    float: right;
    border-radius: 50px;
    cursor: pointer;
}

.coup-box-2 {
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
    transform: translateX(110%);
    text-align: center;
    padding: 10px 0px 0px;
    height: 85%;
}

.coup-box-2 h4 {
    color: #4634b5;
    font-weight: 600;
    font-size: 18px;
}

.coup-box-2 p {
    font-size: 11.5px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #28292b;
    line-height: 16px;
    padding-top: 5px;
    padding: 5px 30px 5px 30px;
}

.coup-box-2 span {
    font-size: 12px;
    font-weight: 500;
    color: #0056b3;
    cursor: pointer;
    padding-left: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.coup-box-2 span:before {
    content: 'arrow_back';
    margin: -4px 0px 0px -20px;
    color: #0056b3;
    font-weight: 600;
}

.coup-box-2 i {
    font-size: 30px;
    font-weight: 600;
    display: block;
    font-style: normal;
    /* letter-spacing: 1px;
    */
}

.coup-box-2 a {
    background: #4634b5;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3b33b2, #aa35ce);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 15px;
    display: inline-block;
    /* float: right;
    */
    border-radius: 50px;
    cursor: pointer;
}

.db-coupons {
    float: left;
    width: 100%;
    padding-top: 35px;
}

.db-coupons ul {}

.db-coupons ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e5e5;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.db-coup-lhs {
    float: left;
    width: 40%;
}

.db-coup-rhs {
    float: left;
    width: 60%;
    padding: 0px 0px 0px 50px;
}

.db-coup-rhs h5 {
    /* padding-bottom: 15px;
    */
    position: relative;
}

.db-coup-rhs h5 b {
    font-size: 50px;
    font-weight: 600;
    line-height: 45px;
}

.db-coup-rhs h5 span {
    font-size: 16px;
    display: block;
}

.db-coup-rhs ol {
    padding: 5px 0px 0px 0px;
    float: left;
    width: 100%;
}

.db-coup-rhs ol li {
    margin: 0px;
    padding: 3px 0px;
    border: 0px;
    font-size: 12.5px;
    font-weight: 500;
    color: #8b909e
}

.db-coup-rhs ol li b {
    color: #54575f;
}

.db-coup-rhs ol li a {
    border: 1px solid #007bff;
    padding: 1px 8px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}

.inp-ttip {
    position: absolute;
    background: #caffd3;
    width: 250px;
    padding: 10px;
    z-index: 9;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0px 9px 10px -13px #333;
    border: 1px solid #adf3b9;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 400;
    display: none;
}

.inp-ttip b {}

.inp-ttip:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 1px solid #adf3b9;
    background: #caffd3;
    left: 10px;
    top: -5px;
    transform: rotate(45deg);
    border-bottom: 0px;
    border-right: 0px;
}

/*--====== COMPANY PROFILE ========--*/
.comp-pro-pg {
    padding: 0px;
}

.comp-pro-pg:before {
    display: none;
}

.com-pro-pg-head {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0px;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    z-index: 10;
}

.db-unfol-user {
    position: relative;
    float: left;
    width: 100%;
}

.comp-head {
    width: 100%;
    padding: 10px 0px;
}

.com-pro-pg-head img {
    max-width: 200px;
    float: left;
}

.com-pro-pg-head ul {
    float: right;
    margin-top: 2px;
}

.com-pro-pg-head ul li {
    float: left;
    display: inline-block;
}

.com-pro-pg-head ul li a {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
    line-height: 28px;
}

.com-pro-pg-head ul li:last-child a {
    background: #6a8cbf;
    color: #fff;
    padding: 5px 20px;
    border-radius: 2px;
    margin-left: 8px;
}

.com-pro-pg-banner {}

.com-pro-pg-banner img {
    width: 100%;
    float: left;
    height: 400px;
    object-fit: cover;
    background: #091220;
}

.com-pro-pg-bd {
    float: left;
    width: 100%;
    background: #f1f4f7;
}

.com-pro-pg-bd .templ-rhs-form .form-group textarea {
    height: 110px;
}

.com-pro-pg-bd .templ-rhs-form form {
    margin-bottom: 0px;
}

.comp-tax {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.comp-tax p {
    margin: 0px;
    border: 1px solid #c2def5;
    border-radius: 2px;
    padding: 10px;
    background: #ecf9ff;
    color: #0c6ab5;
    font-weight: 500;
    font-size: 18px;
}

.comp-tax p b {
    font-weight: 600;
    text-transform: uppercase;
}

.box-s1 {
    float: left;
    width: 100%;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    background: #fff;
    border-radius: 2px;
    margin-top: -125px;
    margin-bottom: 50px;
}

.pro-pg-logo {
    float: left;
    width: 23%;
    padding: 20px;
}

.pro-pg-logo img {
    width: 100%;
}

.pro-pg-bio {
    float: left;
    width: 57%;
    padding: 30px;
    text-align: left;
}

.pro-pg-bio h1 {
    font-size: 34px;
    font-weight: 600;
    padding-bottom: 10px;
}

.pro-pg-bio h1 i img {
    filter: hue-rotate(40deg);
    width: 32px;
    border: 1px solid #ededed;
    border-radius: 50px;
    height: 32px;
    padding: 5px;
    margin-top: -20px;
}

.pro-pg-bio .bio {}

.pro-pg-bio .bio li {
    float: left;
    width: 50%;
    padding: 0px 10px 10px 0px;
}

.pro-pg-bio .bio li:first-child {
    width: 100%;
}

.pro-pg-bio .bio li span {
    font-size: 15px;
    color: #5f6673;
    font-weight: 500;
}

.pro-pg-bio .bio li span img,
.pro-pg-bio .bio li a img,
.pro-pg-bio .bio li img {
    width: 16px;
    margin-right: 5px;
    opacity: 0.8;
}

.pro-pg-bio .bio li a,
.pro-pg-bio .bio li {
    font-size: 15px;
    color: #5f6673;
    font-weight: 500;
}

.pro-pg-bio .bio li a:hover {
    color: #0a77ff;
}

.pro-pg-bio .bio li a img {
    /* margin-right: 5px;
    */
}

.pro-pg-bio .soc {
    padding-top: 10px;
    float: left;
    display: inline-block;
    width: 100%;
}

.pro-pg-bio .soc li {
    float: left;
    margin: 0px 5px 5px 0px;
}

.pro-pg-bio .soc li a {}

.pro-pg-bio .soc li a img {
    width: 28px;
    background: #eceff3;
    padding: 6px;
    border-radius: 5px;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.pro-pg-bio .soc li a:hover img {
    opacity: 1;
    background: #cee8f7;
    /* filter: invert(1);
    */
}

.pro-pg-cts {
    float: left;
    width: 20%;
    padding: 40px 25px 25px 0px;
}

.pro-pg-cts a {
    color: #fff;
    padding: 10px 20px;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 13px;
}

.pro-pg-cts a.cta1 {}

.pro-pg-cts a.cta2 {
    background: #5a6a7b;
}

.pro-pg-cts a.cta3 {
    background: #37b30e;
}

.box-s2 {
    padding-bottom: 50px;
    margin-bottom: 90px;
}

.box-s2 .lhs {
    float: left;
    width: 68%;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    background: #fff;
    padding: 30px;
    margin-right: 4%;
    text-align: left;
}

.box-s2 .lhs .comp-abo {
    padding-bottom: 20px;
}

.box-s2 .lhs .comp-abo h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}

.box-s2 .lhs .comp-abo h1 {
    font-size: 24px;
}

.box-s2 .lhs .comp-abo h3 {
    font-size: 19px;
}

.box-s2 .lhs .comp-abo h4 {
    font-size: 16px;
}

.box-s2 .lhs .comp-abo h5 {
    font-size: 14px;
}

.box-s2 .lhs .comp-abo h6 {
    font-size: 12px;
}

.box-s2 .lhs .comp-abo p {
    font-size: 14px;
    color: #5f6673;
    line-height: 28px;
}

.box-s2 .lhs .comp-pro {
    float: left;
    width: 100%;
    padding-bottom: 35px;
}

.box-s2 .lhs .comp-pro h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}

.box-s2 .lhs .comp-pro .all-pro-box {
    width: 32.3%;
    margin: 0.5%;
}

.box-s2 .lhs .comp-pro .land-pack-grid {
    width: 32.3%;
    margin: 0.5%;
    float: left;
}

.box-s2 .lhs .comp-pro .eve-box div:nth-child(1) img {
    height: 180px;
}

.box-s2 .rhs {
    float: left;
    width: 28%;
    /* box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    */
    /* background: #fff;
    */
    /* padding: 30px;
    */
    border-radius: 10px;
    position: relative;
}

.box-s2 .rhs .cpro-form {
    position: relative;
    /* width: 100%;
    */
    /* bottom: 0px;
    */
    /* top: 0px;
    */
    height: 100%;
}

.box-s2 .rhs .cpro-form .templ-rhs-eve {
    /* width: 100%;
    */
    position: sticky;
    top: 65px;
}

.comp-pro-edit {}

.comp-pro-edit h6 {
    color: #333;
    font-weight: 600;
    padding: 0px 0px 5px 0px;
    font-size: 16px;
}

.edit-comp-pro {
    background: #edf6fd;
}

.edit-comp-pro:before {
    opacity: 0;
}

/*-- SEARCH --*/
.tser-res {
    position: absolute;
    background: #fff;
    box-shadow: 0px 10px 13px 1px #3333331a;
    width: 100%;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    /* padding: 12px;
    */
    /* display: none;
    */
    max-height: 300px;
    overflow-y: auto !important;
    border: 1px solid #e1e3e8;
    border-top: 0px;
    padding: 4px 0px 0px 0px;
    transform: translateY(10px);
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
}

.tser-res.act {
    transform: translateY(0px);
    transition: all 0.5s ease;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    margin-top: -2px;
}

.top-ser .tser-res.act {
    width: 100%;
}

.tser-res li {
    list-style-type: none;
    /* padding-bottom: 5px;
    */
    width: 100%;
}

.tser-res li:last-child {
    padding-bottom: 0px;
}

.tser-res li div {
    display: block;
    font-size: 12px;
    color: #5f6871;
    border-bottom: 1px solid #f3f4f6;
    padding: 7px 14px;
    font-weight: 500;
    position: relative;
}

.tser-res li div h4 {
    font-size: 13px;
    margin-bottom: 2px;
    font-weight: 600;
}

.tser-res li a em {
    font-style: normal;
    color: #008eff;
}

.tser-res li div:hover {
    background: #e5f3ff;
    color: #008eff;
    cursor: pointer;
}

.tser-res li.selected a {
    background: #e5f3ff;
    color: #008eff;
}

.tser-res li div span {
    font-size: 10px;
    display: block;
    text-transform: lowercase;
    color: #818a94;
}

.tser-res li div a {}

.tser-res li div.match h5,
.tser-res li div.match span {}

/*-------------------------------------------------*/
/* = EBOOK STYLES 
/*-------------------------------------------------*/
.ebk-ban {
    background: url('../images/ebook-bg.jpg') no-repeat #ededed;
    background-size: cover;
    margin-top: 52px;
    padding: 50px 0px;
    position: relative;
}

.ebk-ban:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #4b90cc;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #267ecfe6 14%, #1779d3ba 66%);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #134b7d9c 14%, #0e65b473 66%);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.ebk-ban .container {
    position: relative;
}

.ebk-ban .lhs {
    float: left;
    width: 65%;
    padding: 50px 50px 50px 100px;
}

.ebk-ban .lhs h1 {
    color: #fff;
    font-size: 52px;
    font-weight: 600;
    line-height: 60px;
    padding-bottom: 20px;
}

.ebk-ban .lhs p {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #fff;
}

.ebk-ban .lhs a.btn {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    line-height: 20px;
    border-radius: 4px;
    letter-spacing: 2px;
}

.ebk-ban .lhs a.btn:hover {
    background: #c6ec07;
    box-shadow: 0px 9px 15px -3px #333;
}

.ebk-ban .rhs {
    float: left;
    width: 35%;
    padding-right: 100px;
}

.ebk-ban .rhs img {
    width: 100%;
    filter: drop-shadow(0px 1px 19px #333);
}

.ebk-con {
    padding: 50px 0px;
    margin-bottom: 100px;
}

.ebk-con .lhs {
    float: left;
    width: 35%;
    padding: 0px 20px 50px 80px;
}

.ebk-con .lhs h4 {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.ebk-con .lhs form {
    background: #f5f7fb;
    padding: 30px;
    border-radius: 5px;
    position: sticky;
    top: 50px;
    box-shadow: 0px 1px 19px #383b402b;
    border: 1px solid #e0e2e4;
}

.ebk-con .lhs form input,
.ebk-con .lhs form select,
.ebk-con .lhs form textarea {
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}

.ebk-con .lhs form input {}

.ebk-con .lhs form select {}

.ebk-con .lhs form textarea {
    height: 90px;
}

.ebk-con .lhs form .btn {
    width: 100%;
    border: 0px;
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
}

.ebk-con .rhs {
    float: left;
    width: 65%;
    padding: 0px 100px 50px 50px;
}

.ebk-con .rhs h1 {}

.ebk-con .rhs h2 {}

.ebk-con .rhs h3 {}

.ebk-con .rhs h4 {
    font-size: 24px;
    font-weight: 600;
    font-weight: 600;
}

.ebk-con .rhs h5 {}

.ebk-con .rhs p,
.ebk-con .rhs li {
    font-size: 15px;
    line-height: 26px;
    color: #5b5d61;
}

.ebk-con .rhs img {
    width: 100%;
    margin: 5px 0px;
    border-radius: 2px;
}

.ebk-con .rhs p a {}

.ebk-con .rhs ul {
    position: relative;
    padding: 8px 0px 15px 30px;
}

.ebk-con .rhs ul li {
    padding: 0px 0px 15px 30px;
    /* font-size: 14px;
    */
    /* font-weight: 500;
    */
    /* line-height: 24px;
    */
}

.ebk-con .rhs ul li:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #3a4cb0;
    margin-left: -34px;
    z-index: 2;
    border-radius: 50px;
    border: 3px solid #fff;
    box-sizing: border-box;
    margin-top: 5px;
    box-shadow: 0 0px 10px 0.6px rgba(40, 30, 20, 0.08);
}

.ebk-con .rhs ul li:nth-child(odd):before {
    background: #76cef1;
}

.ebk-con .rhs ul li:nth-child(even):before {
    background: #6ae697;
}

.ebk-con .rhs ul::after {
    content: '';
    background: #ececec;
    position: absolute;
    width: 1px;
    top: 15px;
    bottom: 0;
    height: 75%;
    left: 33px;
}

/*--==========================--*/
.pg-404 {
    padding: 150px 0 170px;
    background: #090b52;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #142b6b, #4c288e);
    */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.pg-404 .inn1 {
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.pg-404 .inn1 b {
    font-size: 120px;
    line-height: 90px;
    color: #fff;
}

.pg-404 .inn1 h1 {
    font-size: 40px;
    color: #e3c009;
}

.pg-404 .inn1 p {}

.pg-404 .inn1 a.btn1 {
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    background: #186dd6;
    color: #fff;
}

.pg-404 .inn1 a.btn2 {
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    background: #607D8B;
    color: #fff;
}

/*--==========================--*/
.pg-install {
    background: #f0f2f5;
    padding: 30px;
}

.pg-install .inn {
    width: 580px;
    margin: 0 auto;
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(126, 142, 177, .12);
    border-radius: 5px;
    /* margin-top: 50px;
    */
}

.pg-install .s1 {
    padding-bottom: 30px;
}

.pg-install .s1 img {
    margin: 0 auto;
    display: table;
    width: 160px;
}

.pg-install .s2 {}

.pg-install .s2 h4 {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #667d9a;
}

.pg-install .s2 h4 b {
    color: #4e6582;
}

.pg-install .s2 p {
    font-size: 10.5px;
    margin: 0px 0px 15px 0px;
    background: #ebfff4;
    border: 1px solid #ccf1dd;
    padding: 10px;
    float: left;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 16px;
    font-weight: 400;
}

.pg-install .s2 p a {
    text-decoration: underline;
    color: #09b155;
}

.pg-install .s2 table {}

.pg-install .s2 table tr {}

.pg-install .s2 table tr td {
    font-size: 11px;
    padding: 10px;
    color: #4e6582;
}

.pg-install .s2 table tr td h6 {
    font-size: 14px;
    margin: 0px;
    font-weight: 500;
    /* color: #333;
    */
}

.pg-install .s2 table tr td input,
.pg-install .s2 table tr td select {
    border: 1px solid #c6c8ca;
    font-size: 13px;
    padding: 5px;
    background: #f0f2f570;
    border-radius: 2px;
    font-weight: 500;
    width: 100%;
}

.pg-install .s2 table tr td b {}

.pg-install .s2 table tr td button {
    font-size: 12px;
    padding: 10px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    border: 0px;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s ease;
}

.pg-install .s2 table tr td button:hover {
    background: #3ca040;
    box-shadow: 0px 6px 7px -2px #3333338c;
}

.pg-install .s2-succ {}

.pg-install .s2-succ h4 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #0c9c4d;
    font-family: 'Roboto', sans-serif;
}

.pg-install .s2-succ p {
    text-align: center;
    color: #0c9c4d;
    font-size: 12.5px;
    line-height: 18px;
}

.user-act-code .login {
    text-align: center;
}

.user-act-code .login h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
    display: none;
}

.user-act-code .login p {
    font-size: 13px;
    font-weight: 500;
    color: #79797b;
    padding: 0px 30px;
}

.user-act-code .login p b {
    font-size: 22px;
    color: #0fb953;
}

.user-act-code .ud-notes {}

.user-act-code .templ-acti {
    background: none;
    padding: 0px;
    margin-top: 10px;
}

.user-act-code .templ-acti ul {
    margin: 0 auto;
    width: 80%;
}

.user-act-code .templ-acti ul li {}

.user-act-code .templ-acti input {
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    border: 0px;
    border-bottom: 1px solid #cacaca;
    height: 40px;
    border-radius: 2px;
    float: left;
    width: 100%;
    text-align: center;
}

.user-act-code .templ-acti button {
    height: 40px;
    float: left;
    background: #0fb953;
    border: 1px solid #0fb953;
    font-weight: 500;
    border-radius: 2px;
    width: 100%;
    margin-top: 10px;
}

.radi-v4 {
    float: left;
    padding: 0px 12px 5px 0px;
}

.radi-v4 input {}

.radi-v4 label {}

.radi-v4 [type="radio"]:checked,
.radi-v4 [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radi-v4 [type="radio"]:checked+label,
.radi-v4 [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #333;
    font-weight: 600;
}

.radi-v4 [type="radio"]:checked+label:before,
.radi-v4 [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #a8bdb4;
    border-radius: 100%;
    background: #fff;
}

.radi-v4 [type="radio"]:checked+label {
    color: #0ba265;
}

.radi-v4 [type="radio"]:checked+label:after,
.radi-v4 [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0ba265;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radi-v4 [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radi-v4 [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.buy-poin {}

.buy-poin h5 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 15px 8px 0px;
}

.buy-poin .notes {
    border: 1px solid #76eabb;
    background: #dffff2;
    color: #0b8c58;
    font-weight: 500;
    padding: 3px;
    border-radius: 5px;
    font-size: 13px;
}

.buy-poin .form-group label {
    font-weight: 500;
}

.buy-poin .form-group input {
    font-size: 32px !important;
    font-weight: 600;
}

.nme-list-deta-ban {
    padding: 20px 60px 20px 0px;
    margin: 0 auto;
    display: table;
    width: 80%;
    max-width: 100%;
}

.nme-les-det-lhs {
    float: left;
    width: 75%;
}

.cta-call {
    font-weight: 600;
    display: inline-block;
    padding: 12px 10px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #42a946;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

/*--====== PAGENATION =======--*/
ul.simple-pagination {
    list-style: none
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 20px 0px;
    margin: 0;
    width: 100%;
}

.simple-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: table;
}

.simple-pagination li {
    list-style: none;
    padding: 0 !important;
    margin: 0;
    float: left;
    width: auto !important;
}

.all-listing .simple-pagination {
    padding: 20px 0px 15px 0;
}

span.ellipse.clickable {
    cursor: pointer
}

.ellipse input {
    width: 3em
}

.compact-theme a,
.compact-theme span {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #AAA;
    border-left: none;
    min-width: 14px;
    padding: 0 7px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background: #efefef;
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
    background: -o-linear-gradient(top, #fff 0%, #efefef 100%);
    background: -ms-linear-gradient(top, #fff 0%, #efefef 100%);
    background: linear-gradient(top, #fff 0%, #efefef 100%)
}

.compact-theme a:hover {
    text-decoration: none;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #bbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #bbb));
    background: -webkit-linear-gradient(top, #efefef 0%, #bbb 100%);
    background: -o-linear-gradient(top, #efefef 0%, #bbb 100%);
    background: -ms-linear-gradient(top, #efefef 0%, #bbb 100%);
    background: linear-gradient(top, #efefef 0%, #bbb 100%)
}

.compact-theme li:first-child a,
.compact-theme li:first-child span {
    border-left: 1px solid #AAA;
    border-radius: 3px 0 0 3px
}

.compact-theme li:last-child a,
.compact-theme li:last-child span {
    border-radius: 0 3px 3px 0
}

.compact-theme .current {
    background: #bbb;
    background: -moz-linear-gradient(top, #bbb 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #bbb 0%, #efefef 100%);
    background: -o-linear-gradient(top, #bbb 0%, #efefef 100%);
    background: -ms-linear-gradient(top, #bbb 0%, #efefef 100%);
    background: linear-gradient(top, #bbb 0%, #efefef 100%);
    cursor: default
}

.compact-theme .ellipse {
    background: #EAEAEA;
    padding: 0 10px;
    cursor: default
}

.light-theme a,
.light-theme span {
    float: left;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #BBB;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    /* box-shadow:0 1px 2px rgba(0,0,0,0.2);
    */
    background: #efefef;
}

.light-theme a:hover {
    text-decoration: none;
    background: #FCFCFC
}

.light-theme .current {
    background: #1137bf;
    color: #FFF;
    cursor: default;
}

.light-theme .ellipse {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

.dark-theme a,
.dark-theme span {
    float: left;
    color: #CCC;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #222;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #555;
    background: -moz-linear-gradient(top, #555 0%, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #555 0%, #333 100%);
    background: -o-linear-gradient(top, #555 0%, #333 100%);
    background: -ms-linear-gradient(top, #555 0%, #333 100%);
    background: linear-gradient(top, #555 0%, #333 100%)
}

.dark-theme a:hover {
    text-decoration: none;
    background: #444
}

.dark-theme .current {
    background: #222;
    color: #FFF;
    border-color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    cursor: default
}

.dark-theme .ellipse {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

/*-------------------------------------------------*/
/* = IMAEGE DROG AND DROP 
/*-------------------------------------------------*/
.imageuploadify {
    border: 3px dashed #b6c1d2;
    position: relative;
    /* min-height:350px;
    */
    min-width: 100%;
    max-width: 1000px;
    margin: auto;
    display: flex;
    padding: 20px;
    flex-direction: column;
    text-align: center;
    background-color: #f7faff;
    color: #2a98ff;
    border-radius: 20px;
}

.imageuploadify .imageuploadify-overlay {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    flex-direction: column;
    top: 0;
    left: 0;
    display: none;
    font-size: 7em;
    background-color: rgba(242, 242, 242, .7);
    text-align: center;
    pointer-events: none
}

.imageuploadify .imageuploadify-overlay i {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.imageuploadify .imageuploadify-images-list {
    display: inline-block;
    width: 100%;
    padding-top: 35px;
}

.imageuploadify .imageuploadify-images-list i {
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    /* vertical-align: text-top;
    */
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
    font-size: 18px;
    padding: 10px;
    display: block;
    font-weight: 500;
    color: #43515d;
}

.imageuploadify .imageuploadify-images-list button.btn-default {
    /* display:block;
    */
    color: #05a2fd !important;
    background: none !important;
    border: 0px;
    font-size: 18px;
    line-height: 26px;
    text-decoration: underline;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
    float: left;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 #8888888c;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {
    position: absolute;
    top: -20px;
    right: 7px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px;
    line-height: 1.42;
    padding: 2px 0;
    text-align: center;
    z-index: 3;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
    position: absolute;
    top: 0;
    padding-top: 20px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #323452d1;
    z-index: 2;
    opacity: 0;
    padding: 40px 15px 5px 15px;
    bottom: 0px;
    transition: all 0.4s ease;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
    display: block;
    font-size: 10px;
    color: #cccdd8;
}

.imageuploadify .imageuploadify-images-list img {
    /* padding-bottom: 10px;
    */
}

.imageuploadify .imageuploadify-images-list span.img-notes {
    color: #6d7b90;
    font-size: 13px;
    font-weight: 400;
    display: block;
    padding-bottom: 15px;
}

/*BIZBOOK EDITOR*/
.bixedtr {
    border: 1px solid #c4c4c4;
    background: #fff;
    border-radius: 5px;
    width: 100%;
}

.bixedtr-tools a {
    cursor: pointer
}

.bixedtr-tools .fa,
.bixedtr-tools .material-icons {
    font-size: 18px;
    font-weight: 500;
    color: #3e4a50
}

#bizeditor {
    border-top: 1px solid #c4c4c4;
    min-height: 150px;
    overflow: auto;
    padding: 1em;
    resize: vertical;
    outline: none
}

.biz-toolbar {
    text-align: center;
    padding: 10px 0;
    background: #f6f8f9;
    border-radius: 5px 5px 0 0
}

.biz-toolbar a,
.fore-wrapper,
.back-wrapper {
    font-family: 'Candal';
    color: #3e4a50;
    padding: 5px 1px 2px;
    width: 20px;
    margin: 0;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 14px
}

.biz-toolbar a:hover,
.fore-wrapper:hover,
.back-wrapper:hover {
    background: #e1e5e7
}

a[data-command='redo'],
a[data-command='strikeThrough'],
a[data-command='justifyFull'],
a[data-command='insertOrderedList'],
a[data-command='outdent'],
a[data-command='p'],
a[data-command='superscript'] {
    margin-right: 5px;
    border-radius: 0 3px 3px 0
}

a[data-command='undo'],
.fore-wrapper,
a[data-command='justifyLeft'],
a[data-command='insertUnorderedList'],
a[data-command='indent'],
a[data-command='h1'],
a[data-command='subscript'] {
    border-radius: 3px 0 0 3px
}

a.palette-item {
    height: 1em;
    border-radius: 3px;
    margin: 2px;
    width: 1em;
    border: 1px solid #CCC
}

a.palette-item:hover {
    border: 1px solid #CCC;
    box-shadow: 0 0 3px #333
}

.fore-palette,
.back-palette {
    display: none
}

.fore-wrapper,
.back-wrapper {
    display: inline-block;
    cursor: pointer
}

.fore-wrapper:hover .fore-palette,
.back-wrapper:hover .back-palette {
    display: block;
    float: left;
    position: absolute;
    padding: 3px;
    width: 160px;
    background: #FFF;
    border: 1px solid #DDD;
    box-shadow: 0 0 5px #CCC;
    height: 70px
}

.fore-palette a,
.back-palette a {
    background: #FFF;
    margin-bottom: 2px
}

a[data-command='h2'],
a[data-command='h4'],
a[data-command='p'] {
    font-size: 16px;
    position: relative;
    top: -3px
}

.bizeditorpan {}

.bizeditorpan ul,
.bizeditorpan ol {
    padding: 0px;
    padding-left: 15px;
}

.bizeditorpan h2 {
    font-size: 28px;
    font-weight: 500;
}

.bizeditorpan h4 {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
}

.bizeditorpan p {}

.bizeditorpan li,
.bizeditorpan p,
.bizeditorpan div {
    text-align: left;
    color: #333;
}

.bizeditorpan ul li {
    margin-bottom: 10px;
}

.bizeditorpan ol li {
    list-style-type: auto;
}

/*--========== NEWS & MAGAZINE =========--*/
.news-top-menu {
    margin-top: var(--topspac);
    background: #000000;
    float: left;
    width: 100%;
}

.news-menu {
    float: left;
    width: 100%;
}

.news-menu ul {
    margin: 0 auto;
    display: table;
}

.news-menu ul li {
    float: left;
}

.news-menu ul li a {
    color: #eaeaeb;
    font-size: 14px;
    padding: 10px 12px;
    display: inline-block;
    font-weight: 400;
    position: relative;
    border-bottom: 2px solid #0b0b0c;
}

.news-menu ul li a:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #515156;
    right: 0px;
    top: 15px;
}

.news-menu ul li a.act {
    border-bottom: 2px solid #b71d16;
    color: #ffffff;
    font-weight: 500;
    background: #010101;
}

.news-menu ul li a:hover {
    border-bottom: 2px solid #dc4e41;
    /* color: #dc4e41;
    */
}

.news-hom-ban {
    float: left;
    width: 100%;
    text-align: center;
    background: #161e24;
    padding: 45px 0px;
    color: #fff;
    position: relative;
}

.news-hom-ban:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: url('../images/face.jpg');
    background-size: 240px;
    opacity: 0.3;
}

.news-hom-ban-inn {
    position: relative;
}

.news-hom-ban-inn h1 {
    font-size: 40px;
    font-weight: 600;
}

.news-hom-ban-inn h1 b {
    /* font-weight: 700;
    */
    color: #fff;
    background: #b71d16;
    padding: 0px 15px;
    border-radius: 2px;
}

.news-hom-ban-inn p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

.news-last {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}

.news-hom-ban-sli {
    float: left;
    width: 100%;
    overflow: hidden;
}

.news-hom-ban-sli-inn {}

.news-hom-ban-sli-inn ul {
    position: relative;
}

.news-hom-ban-sli-inn ul li {
    float: left;
    width: 20%;
}

.news-hban-box {
    float: left;
    width: 100%;
    position: relative;
}

.news-hban-box:before {
    content: '';
    position: absolute;
    background: #bdc3c7;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #ffffff00, #000000);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.news-hban-box .im {
    float: left;
    overflow: hidden;
}

.news-hban-box .im img {
    float: left;
    width: 100%;
    height: 500px;
    object-fit: cover;
    transition: all 0.4s ease;
}

.news-hban-box .txt {
    float: left;
    width: 100%;
    padding: 25px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all 0.4s ease;
    z-index: 2;
}

.news-hban-box .txt h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.news-cate {
    background: #f71f1f;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 16px;
}

.news-date,
.news-views,
.news-loc {
    color: #737b91;
    font-size: 11px;
    background: #e9edf8;
    border-radius: 2px;
    font-weight: 500;
    padding: 2px 4px 2px 24px;
    position: relative;
}

.news-date {
    background: #e9edf8;
}

.news-date:before,
.news-views:before,
.news-loc:before {
    left: 6px;
    color: #737b91;
    font-size: 13px;
    top: 0px;
}

.news-loc:before {
    content: "location_on";
}

.news-date:before {
    content: "access_time";
}

.news-views:before {
    content: "remove_red_eye";
}

.news-hom-ban-sli .slick-arrow {
    top: 200px;
}

.news-hban-box:hover .txt {
    transform: translateY(-10px);
}

.news-hban-box:hover .im img {
    transform: scale(1.1);
}

.news-hban-box .news-date {
    background: #25272f;
}

.news-hom-top {
    float: left;
    width: 100%;
    background: #f8f9fb;
    padding: 55px 0px 80px 0px;
}

.news-hom-top-inn {}

.news-com-tit {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-bottom: 15px;
}

.news-com-tit h2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

.news-hom-big .news-com-tit {
    padding-left: 0px;
}

.news-hom-big .col-md-4 {
    padding-left: 30px;
}

.news-home-box {
    float: left;
    width: 100%;
    position: relative;
    margin: 10px 0px;
    box-shadow: 0px 1px 9px -5px #33333330;
    border-radius: 5px;
}

.news-home-box .im {
    float: left;
    width: 100%;
}

.news-home-box .im img {
    float: left;
    width: 100%;
    height: 135px;
    object-fit: cover;
    transition: all 0.4s ease;
    border-radius: 5px;
}

.news-home-box .txt {
    float: left;
    width: 100%;
    padding: 15px;
    position: relative;
    background: #fff;
}

.news-home-box .txt h2 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    max-height: 36px;
    overflow: hidden;
}

.news-home-box-big .im img {
    height: 394px;
}

.news-home-box-big .txt h2 {
    font-size: 26px;
    font-weight: 700;
    max-height: 65px;
    overflow: hidden;
}

.news-home-box-big .txt {
    padding: 15px 30px;
}

.news-hom-ban-ads {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.news-hom-ban-ads a {
    margin: 0 auto;
    display: table;
}

.news-hom-ban-ads img {
    width: 100%;
}

.news-hom-big {
    float: left;
    width: 100%;
    padding: 60px 0 60px 0;
    background: #f8f9fb;
}

.news-hom-big .news-home-box {
    background: #fff;
}

.news-hom-big .news-home-box .txt {
    padding: 20px 25px 20px 25px;
}

.news-hom-big .news-home-box .im img {
    height: auto;
}

.news-hom-big .news-home-box .txt h2 {
    font-size: 26px;
}

.news-hom-big .news-home-box .txt p {
    font-size: 15px;
}

.news-home-box1 .im {
    width: 40%;
    padding: 20px 0px 20px 20px;
    background: #fff;
}

.news-home-box1 .im img {}

.news-home-box1 .txt {
    width: 60%;
}

.news-hom-big .news-home-box1 .txt h2 {
    font-size: 18px;
    max-height: 42px;
}

.news-hom-big .news-home-box1 .txt p {
    font-size: 13px;
}

.news-hom-big .news-home-box1 .im img {
    height: 175px;
}

.news-com-rhs {
    position: relative;
    height: 100%;
}

.news-com-rhs h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
}

.news-soci {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

.news-soci ul {}

.news-soci ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 10px 10px 0;
}

.news-soci ul li a {
    color: #fff;
    display: block;
    padding: 15px 10px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
}

.news-soci ul li a b {
    /* display: block;
    */
    font-size: 24px;
    font-weight: 600;
}

.sm-fb-big {
    background: #3b5998;
}

.sm-tw-big {
    background: #1da1f2;
}

.sm-li-big {
    background: #0a66c2;
}

.sm-yt-big {
    background: #ff0000;
}

.news-subsc {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    background: #fff;
    box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
    border-radius: 10px;
    position: sticky;
    top: 80px;
}

.news-subsc h5 {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
}

.news-subsc h5 b {
    display: block;
    font-size: 30px;
    font-weight: 600;
}

.news-subsc img {
    width: 100px;
    padding-top: 25px;
}

.news-subsc p {
    font-size: 14px;
    line-height: 24px;
    margin: 0px;
}

.news-subsc ul {
    padding: 0 30px 30px;
    float: left;
    width: 100%;
    /* background: #2f4960;
    */
    border-radius: 0 0 10px 10px;
}

.news-subsc ul li {}

.news-subsc ul li input {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.news-subsc ul li input[type='submit'] {
    color: #fff;
    border: 0px solid #005ba2;
    padding: 0px 25px 0px 25px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    background: var(--hom-sear-btn);
    margin-top: 10px;
    font-weight: 500;
}

.news-rhs-ads-ban {
    float: left;
    width: 100%;
    position: relative;
    margin: 30px 0 0 0;
}

.news-rhs-ads-ban .ban-ati-com span {
    right: 10px;
    top: 10px;
}

.news-rhs-cate {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}

.news-rhs-cate h4 {}

.news-rhs-cate ul {}

.news-rhs-cate ul li {
    margin-bottom: 8px;
}

.news-rhs-cate ul li a {
    background: url(../images/bg_job.png);
    display: block;
    padding: 15px 30px;
    border-radius: 5px;
    position: relative;
    color: #fff;
    font-size: 18px;
    z-index: 0;
    background-position: -41px -464px;
}

.news-rhs-cate ul li:nth-child(1) a {
    background-position: -41px -464px;
}

.news-rhs-cate ul li:nth-child(2) a {
    background-position: -41px -669px;
}

.news-rhs-cate ul li:nth-child(3) a {
    background-position: -41px -923px;
}

.news-rhs-cate ul li:nth-child(4) a {
    background-position: -41px -991px;
}

.news-rhs-cate ul li:nth-child(5) a {
    background-position: -41px -962px;
}

.news-rhs-cate ul li:nth-child(6) a {
    background-position: -284px -878px;
}

.news-rhs-cate ul li:nth-child(7) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(8) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(9) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(10) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(11) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(12) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(13) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(14) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(15) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(16) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(17) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li:nth-child(18) a {
    background-position: 0px 0px;
}

.news-rhs-cate ul li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #0000006b;
    border-radius: 5px;
}

.news-rhs-cate ul li a:after {
    content: 'trending_flat';
    color: #fff;
    font-size: 24px;
    right: 30px;
    top: 13px;
    transition: all 0.5s ease;
}

.news-rhs-cate ul li a:hover:after {
    right: 25px;
}

.news-rhs-cate ul li a span {
    width: 28px;
    height: 28px;
    background: #e50c0c;
    display: inline-block;
    text-align: center;
    padding: 2px;
    line-height: 26px;
    border-radius: 50px;
    margin-right: 10px;
    color: #fff;
    font-weight: 500;
    position: relative;
    font-size: 15px;
}

.news-rhs-cate ul li a b {
    position: relative;
    font-weight: 500;
}

.news-hom-all-lat {
    float: left;
    width: 100%;
    padding: 20px 0 80px 0;
    background: #f8f9fb;
}

.news-hom-all-lat .news-home-box .im img {
    height: 190px;
}

.news-rhs-trends .hot-page2-hom-pre-1 {
    width: 35%;
}

.news-rhs-trends .hot-page2-hom-pre-1 img {
    width: 100%;
    height: 80px;
    border-radius: 5px;
}

.news-rhs-trends .hot-page2-hom-pre-2 {
    width: 65%;
    padding: 0 20px;
}

.news-rhs-trends .hot-page2-hom-pre-2 h5 {
    font-size: 15px;
    white-space: pre-line;
    height: 38px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
}

.news-rhs-trends .hot-page2-hom-pre-2 span {
    background: none;
    line-height: 16px;
    padding-left: 18px;
    padding-top: 3px;
}

.news-rhs-trends .hot-page2-hom-pre-2 span:before {
    left: 0px;
    top: 2px;
}

.news-bre {
    margin-top: 0px;
    background: none;
    padding: 0 0 15px 0;
}

.news-bre ul li {}

.news-bre ul li a {
    color: #333;
}

.news-bre ul li:after {
    color: #333;
}

.news-bre:before {
    display: none;
}

.news-details {}

.news-details .news-home-box h1 {
    font-size: 34px;
    font-weight: 700;
    color: #333;
    line-height: 36px;
}

.news-tit-head {
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

.news-tit-head .im {
    margin-top: 15px;
}

.news-hom-big.news-details .news-home-box .txt p {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    padding: 5px 0;
}

.news-hom-big.news-details .news-home-box1 .txt p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
}

.news-details .news-com-tit {
    padding-top: 50px;
    padding-bottom: 0px;
}

.news-details .news-com-tit h2 {}

.share-new,
.list-sh .share-new {
    position: relative;
    background: #0364f4;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 30px;
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
    transition: all 0.4s ease;
}

.share-new:hover {
    background: #054bb3;
}

.share-new i {
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    line-height: 35px;
    vertical-align: middle;
    margin-right: 5px;
}

.share-new-top {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.share-new-top i {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background: #0364f4;
    color: #fff;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    transition: all 0.4s ease;
}

.share-ic-com {
    right: initial;
    top: initial;
    padding: 0;
    position: relative;
}

.share-ic-com i {}

.job-det-desc .share-ic-com i {
    background: #0ba110;
}

.share-new-top i:hover {
    background: #054bb3;
}

.sharepop .modal-title {
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

.sharepop .modal-body {
    /* padding: 20px 30px;
    */
}

.sharepop .modal-body input {
    background: #eef5ff;
    border: 1px solid #d3d9e1;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    float: left;
    width: 100%;
    color: #0364f4;
}

.sharepop .modal-body .shareurltip {
    /* background: #68c15a;
    */
    /* color: #fff;
    */
    /* font-size: 13px;
    */
    /* font-weight: 500;
    */
    padding: 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}

.sharepop .modal-body .shareurltip button {
    display: block;
    width: 100%;
    background: #0364f4;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border: 0px;
    padding: 10px;
}

.shareurltip {
    position: relative;
    display: inline-block;
}

.shareurltip .shareurltxt {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 115%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 11px;
}

.shareurltip .shareurltxt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.shareurltip:hover .shareurltxt {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width:1450px) {
    .ud-main .ud-main-inn {
        max-width: 950px;
    }
}

@media screen and (max-width:1370px) {
    .ud-cen-s1 ul li div p {}

    .eve-box div:nth-child(2) h4 {
        font-size: 16px;
    }

    .all-list-sh .eve-box div:nth-child(2) span {
        font-size: 13px;
    }

    .all-list-sh .eve-box div:nth-child(3) .links a,
    .all-list-sh .eve-box div:nth-child(3) .links span {
        font-size: 12px;
    }

    .filt-com h4 {
        font-size: 14px;
    }

    .bb-text h4 {
        font-size: 22px;
    }

    .foot-supp h2 {
        font-size: 18px;
    }

    .db-list-ststus {
        padding: 2px 5px;
        font-size: 9px;
    }

    .db-list-rat {
        padding: 2px 5px;
        font-size: 9px;
    }

    .ud-cen-s2 table tr td:nth-child(2) img {
        width: 32px;
        height: 32px;
    }

    .ud-cen-s2 table tr td:nth-child(2) {
        font-size: 10px;
    }

    .ud-cen-s2 table tr td:nth-child(2) span {
        font-size: 9px;
    }

    .ud-cen-s2 table tr th {
        font-size: 10px;
        padding: 14px 8px 14px 0px;
    }

    .db-list-edit {
        font-size: 9px;
    }

    .ud-rhs-sec-2 ul li a p,
    .ud-rhs-sec-1 ul li a p {
        font-size: 11px;
    }

    .ud-rhs-sec-2 ul li a h5,
    .ud-rhs-sec-1 ul li a h5 {
        font-size: 11px;
    }

    .ud-cen-s3 ul li .db-eve a h5 {
        font-size: 12.5px;
    }

    .ud-cen-s2 h2,
    .ud-cen-s3 h2 {
        font-size: 13px;
    }

    .ud-cen-s2 {
        overflow: hidden;
        overflow-x: auto;
    }

    .ud-rhs-promo {
        padding: 20px;
    }

    .ud-rhs-promo h3 {
        font-size: 18px;
    }

    .ud-rhs-promo p {
        font-size: 11px;
    }

    .ud-rhs-promo a {
        font-size: 9px;
    }

    .add-list .steps,
    .udb-inst {
        font-size: 10px;
    }

    .ud-cen-s2 a.db-tit-btn,
    .ud-cen-s3 a.db-tit-btn {
        font-size: 9px;
    }

    .ud-lhs-s1 h4 {
        font-size: 15px;
    }

    .ud-lhs-s1 .ud-lhs-view-pro {
        font-size: 8px;
    }

    .ud-lhs-s2 ul li a {
        /* font-size: 12px;
        */
    }

    .ud-lhs-s2 ul li a img {
        width: 22px;
    }

    .ud-rhs-pay-inn h3 {
        font-size: 13px;
        padding: 10px 15px;
    }

    .ud-rhs-pay-inn ul {
        padding: 15px;
    }

    .ud-rhs-pay-inn ul li {
        font-size: 11px;
    }

    .ud-rhs-pay-inn ul li b {
        width: auto;
    }

    .ud-rhs-sec-1 ul,
    .ud-rhs-sec-2 ul,
    .ud-rhs-sec-3 ul,
    .ud-rhs-sec-4 ul {
        padding: 15px;
    }

    .ud-rhs-sec-1 ul li {
        padding-bottom: 6px;
        margin-bottom: 8px;
    }

    .blog-head-inn h1 {
        font-size: 38px;
    }

    .blog-head-inn p {
        font-size: 20px;
    }

    .blog-head {
        padding: 50px 0px 0px 0px;
    }
}

/*-------------------------------------------------*/
/* = PLACES 
/*-------------------------------------------------*/
.modu-hom-com-ban {
    margin-top: var(--topspac);
    padding: 80px 0 60px 0;
    background-color: #deeafc;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.que-hom-ban {
    background-color: #ffe7e7;
    background-image: url(../images/places/banne.png);
}

.modu-hom-com-ban-inn {
    float: left;
    width: 100%;
    text-align: center;
}

.modu-hom-com-ban-inn h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 48px;
}

.modu-hom-com-ban-inn p {
    font-size: 14px;
    color: #787984;
}

.plac-hom-ban {
    margin-top: var(--topspac);
    background: #deeafc;
    padding: 80px 0 60px 0;
    background: url(../images/places/banne.png) no-repeat #deeafc;
    background-size: 100%;
    background-position: center bottom;
}

.plac-hom-ban-inn {
    float: left;
    width: 100%;
    text-align: center;
}

.plac-hom-ban-inn h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 48px;
}

.plac-hom-ban-inn p {
    font-size: 14px;
    color: #787984;
}

.plac-hom-search {
    padding: 30px 0 10px 0;
}

.plac-hom-search .job-sear {
    box-shadow: 0px 2px 22px -3px #1d1d212b;
}

.plac-hom-search .job-sear ul li.sr-sea {
    width: calc(100% - 50px);
}

.plac-hom-search .chosen-container {
    height: 60px;
}

.plac-hom-search .job-sear ul li .chosen-container-single .chosen-single {
    padding-left: 50px;
    height: 59px;
    padding-top: 15px;
}

.plac-hom-search .chosen-container-single .chosen-single span {
    font-size: 16px;
}

.plac-hom-search .job-sear ul li.sr-sea:before {
    content: "place";
    margin: 15px 0px 0px 15px;
}

.plac-hom-search .job-sear ul li.sr-btn button {
    padding: 11px 12px;
    height: 60px;
}

.plac-hom-bd {
    padding: 70px 0;
    float: left;
    width: 100%;
}

.plac-hom-tit {
    position: relative;
    padding-left: 80px;
    width: 100%;
    padding-bottom: 40px;
}

.plac-hom-tit:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #e8f0fe;
    left: 0;
    border: 1px solid #e8f0fe;
    border-radius: 50%;
    background-position: center;
}

.plac-hom-tit-ic-pla:before {
    background-image: url(../images/places/icons/buildings.png);
}

.plac-hom-tit-ic-tree:before {
    background-image: url(../images/places/icons/palm-tree.png);
}

.plac-hom-tit-ic-eve:before {
    background-image: url(../images/icon/calendar.png);
    background-size: 30px;
}

.plac-hom-tit-ic-exp:before {
    background-image: url(../images/icon/expert.png);
    background-size: 30px;
}

.plac-hom-tit-ic-nws:before {
    background-image: url(../images/icon/news.png);
    background-size: 30px;
}

.plac-hom-tit-ic-ser:before {
    background-image: url(../images/icon/shop.png);
    background-size: 30px;
}

.plac-hom-tit-ic-jbs:before {
    background-image: url(../images/icon/employee.png);
    background-size: 30px;
}

.plac-hom-tit h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
}

.plac-hom-tit p {
    color: #333;
    font-size: 15px;
    margin-bottom: 0;
}

.plac-hom-all-pla {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 8px;
}

.plac-hom-all-pla .slick-arrow {
    opacity: .2;
    transition: all 0.5s ease;
}

.plac-hom-all-pla .slick-prev {
    left: -28px;
}

.plac-hom-all-pla .slick-next {
    right: -32px;
}

.plac-hom-all-pla:hover .slick-arrow {
    opacity: 1;
    background: #0000007a;
    border: 1px solid #ffffff82;
}

.plac-hom-all-pla:hover .slick-prev {
    left: 1px;
}

.plac-hom-all-pla:hover .slick-next {
    right: 0px;
}

.plac-hom-all-pla ul li {
    float: left;
    width: 33.3333%;
    padding: 10px;
}

.plac-hom-box {
    border: 1px solid #cfd7e5;
    border-radius: 10px;
    float: left;
    width: 100%;
    position: relative;
}

.plac-hom-box-im:before,
.plac-det-ban-im:before {
    content: '';
    position: absolute;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #00000061;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #00000000, #00000033);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #00000000, #0000009c);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    z-index: 1;
}

.plac-hom-box:hover {}

.plac-hom-box:hover .plac-hom-box-im img {
    transform: scale(1.1);
}

.plac-det-ban-im .share-new-top {
    z-index: 1;
}

.plac-hom-box-im {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.plac-hom-box-im img {
    width: 100%;
    height: 185px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    transition: all 0.4s ease-in-out;
}

.plac-det-eve img,
.plac-det-eve .plac-hom-box-im:before {
    border-radius: 10px;
}

.plac-hom-box-im h4 {
    position: absolute;
    bottom: 18px;
    left: 18px;
    color: #fff;
    font-size: 22px;
    margin-bottom: 0;
    z-index: 2;
    white-space: break-spaces;
}

.plac-hom-box-txt {
    padding: 15px;
    float: left;
    width: 100%;
}

.plac-hom-box-txt span {
    float: left;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}

.plac-hom-box-txt span:nth-child(1) {
    width: 205px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding-right: 15px;
    color: #303c46;
}

.plac-hom-box-txt span:nth-child(2) {
    padding: 3px 0 0 15px;
    font-size: 13px;
}

.plac-hom-box-txt span:nth-child(2):after {
    content: 'arrow_forward';
    position: absolute;
    line-height: 21px;
    padding-left: 5px;
    transition: all 0.4s ease-in-out;
}

.plac-hom-box:hover .plac-hom-box-txt span:nth-child(2):after {
    padding-left: 8px;
}

.plac-hom-tit-ic-sugg {
    margin-top: 50px;
    border: 1px solid #e1e8f3;
    border-radius: 15px;
    padding: 30px 15px 30px 100px;
    background: #f2f7ff;
    margin-bottom: 50px;
}

.plac-hom-tit-ic-sugg:before {
    background-image: url(../images/places/icons/hot-air-balloon.png);
    width: 45px;
    height: 45px;
    left: 28px;
}

.plac-hom-tit-ic-sugg h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #343940;
}

.plac-hom-tit-ic-sugg p {
    font-size: 13px;
}

.plac-hom-tit-ic-sugg span {
    position: absolute;
    background: #6981a9;
    color: #fff;
    right: 30px;
    top: 34px;
    padding: 10px 35px 10px 15px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.4s ease;
}

.plac-hom-tit-ic-sugg span:after {
    content: 'arrow_forward';
    position: absolute;
    line-height: 21px;
    padding-left: 5px;
    transition: all 0.4s ease-in-out;
    color: #fff;
}

.plac-hom-tit-ic-sugg span:hover {
    background: #264b87;
}

.plac-hom-tit-ic-sugg span:hover:after {
    padding-left: 10px;
}

.biz-c {}

.biz-c div {}

.plac-det-ban {
    margin-top: var(--topspac);
    float: left;
    width: 100%;
    padding-bottom: 70px;
}

.plac-det-ban .plac-det-bred {
    margin: 0;
    padding: 15px 0px 15px 0px;
}

.plac-det-ban .plac-det-bred ul li {}

.plac-det-ban .plac-det-bred ul li a {
    color: #333;
}

.plac-det-ban .plac-det-bred ul li:after {
    color: #333;
}

.plac-det-ban .plac-det-bred ul li:last-child a {}

.plac-det-ban-inn {
    border: 1px solid #cfd7e5;
    border-radius: 10px;
    float: left;
    width: 100%;
    position: relative;
}

.plac-det-ban-im {
    float: left;
    width: 100%;
    position: relative;
}

.plac-det-ban-im img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    float: left;
    border-radius: 10px 10px 0 0;
}

.plac-det-tit {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 40px;
    z-index: 4;
    color: #fff;
}

.plac-det-tit h1 {
    font-size: 34px;
    font-weight: 600;
}

.plac-det-tit h4 {
    font-size: 22px;
    font-weight: 400;
}

.plac-det-ban-sub {
    float: left;
    width: 100%;
    padding: 20px;
}

.plac-det-ban-sub ul {
    margin: 0 auto;
    display: table;
}

.plac-det-ban-sub ul li {
    float: left;
    padding: 0 15px 0 0;
}

.plac-det-ban-sub ul li span {
    font-size: 15px;
    font-weight: 400;
    color: #1c4c63;
    background: #ebf9ff;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #d1f0ff;
}

.plac-det-ban-sub ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background: #8bc34a;
    display: inline-block;
    padding: 3px 30px 3px 15px;
    border-radius: 0px;
    /* border: 1px solid #8bc34a;
    */
    position: relative;
}

.plac-det-ban-sub ul li a:before {
    content: 'directions';
    position: absolute;
    line-height: 21px;
    transition: all 0.4s ease-in-out;
    color: #fff;
    right: 8px;
    top: 3px;
}

.plac-det-ban-sub ul li a:hover {
    background: #0337f4;
    /* border: 1px solid #0337f4;
    */
}

.plac-det-ban-sub ul li a.cta-near {
    background: #e0a115;
}

.plac-det-ban-sub ul li a.cta-near:before {
    content: 'location_on';
}

.plac-gal-imag {
    float: left;
    width: 16.6666%;
    padding: 10px;
}

.plac-gal-imag:nth-child(1) {
    display: none;
}

.plac-gal-imag img {
    height: 150px;
    object-fit: cover;
}

.plac-det-cen-tit {
    width: 100%;
    text-align: center;
    padding-bottom: 25px;
}

.plac-det-cen-tit h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
}

.plac-det-faq {
    margin: 0 auto;
    display: table;
    width: 75%;
}

.plac-pad-top {
    padding-top: 20px;
}

.plac-deta-sec-com {
    padding-top: 0;
}

.plac-deta-sec-com .plac-hom-tit {
    border-top: 1px solid #e0dddd;
    padding-top: 55px;
}

.plac-deta-sec-com .plac-hom-tit-ic-sugg {
    padding-top: 30px;
}

.plac-deta-sec .plac-hom-tit h2 {
    font-size: 22px;
}

.plac-deta-sec .plac-hom-tit-ic-sugg h2 {
    font-size: 16px;
}

.plac-deta-sec .plac-hom-box-im h4 {
    font-size: 18px;
    line-height: 26px;
}

.plac-deta-sec .plac-hom-box-im .plac-det-cate {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    background: #2145f3;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 10px;
}

.plac-deta-sec .plac-hom-tit:before {
    margin-top: -7px;
}

.plac-det-tit-inn {
    width: 100%;
    padding-bottom: 25px;
    text-transform: uppercase;
}

.plac-det-tit-inn h2 {
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
}

.plac-det-tit-inn h2 span {}

.revi-box-1 {}

.revi-box-1 * {
    float: left;
}

.revi-box-1 b {
    background: var(--org);
    color: #fff;
    font-size: 13px;
    line-height: 21px;
    padding: 2px 5px;
    border-radius: 2px;
    font-weight: 500;
}

.revi-box-1 .rat {
    padding: 5px 5px 0 5px;
}

.revi-box-1 .rat i {
    color: var(--org);
    font-size: 16px;
}

.revi-box-1 span.re-cnt {
    font-size: 11px;
    line-height: 28px;
}

.img-wrapper {
    position: relative;
    /* margin-top: 15px;
    */
}

.img-wrapper img {
    width: 100%;
}

.img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.img-overlay i {
    color: #fff;
    font-size: 3em;
}

#gallery {
    float: left;
    width: 100%;
}

#overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#overlay img {
    margin: 0;
    width: 75%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 5%;
}

#nextButton i,
#prevButton i {
    color: #000;
    font-size: 36px;
    line-height: 30px;
    margin: 9px 6px;
}

#nextButton {
    transition: opacity 0.8s;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ededed;
    color: #ffffff03;
}

#nextButton:hover {
    opacity: 0.7;
}

@media screen and (min-width: 768px) {
    #nextButton {}
}

#prevButton {
    transition: opacity 0.8s;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ededed;
    color: #ffffff03;
}

#prevButton:hover {
    opacity: 0.7;
}

@media screen and (min-width: 768px) {
    #prevButton {}
}

#exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
}

#exitButton:hover {
    opacity: 0.7;
}

@media screen and (max-width: 1200px) {
    .plac-hom-box-txt span:nth-child(1) {
        font-size: 12px;
        width: 100%;
        padding: 0;
    }

    .plac-hom-box-txt span:nth-child(2) {
        display: none;
    }

    .plac-hom-box-im h4 {
        font-size: 16px;
    }

    .plac-det-ban-sub ul li span,
    .plac-det-ban-sub ul li a {
        font-size: 13px;
    }

    .plac-gal-imag {
        width: 20%;
    }
}

@media screen and (max-width: 992px) {
    .hom-head:after {
        display: none;
    }

    .plac-hom-ban {
        padding: 55px 0 40px 0;
    }

    .plac-hom-ban-inn h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .plac-hom-search {
        padding: 10px 0 0px 0;
    }

    .plac-hom-tit h2 {
        font-size: 18px;
    }

    .plac-hom-tit p {
        font-size: 12px;
    }

    .plac-hom-tit:before {
        margin-top: -9px;
    }

    .plac-hom-all-pla ul li {
        width: 50%;
        padding: 10px;
    }

    .plac-hom-tit-ic-sugg span {
        position: relative;
        display: inline-block;
        top: auto;
        right: auto;
        margin-top: 20px;
    }

    .plac-hom-tit-ic-sugg h2 {
        font-size: 16px;
    }

    .plac-det-ban-im img {
        height: 230px;
    }

    .plac-det-tit h1 {
        font-size: 30px;
    }

    .plac-det-tit h4 {
        font-size: 18px;
    }

    .plac-det-ban-sub ul li {
        padding: 0 10px 10px 0
    }

    .plac-gal-imag img {
        height: 110px;
    }
}

@media screen and (max-width: 768px) {
    .plac-gal-imag img {
        height: 80px;
    }

    .plac-hom-bd {
        padding: 50px 0;
    }

    .plac-deta-sec-com {
        padding-top: 0;
    }

    .plac-det-ban {
        padding-bottom: 10px;
    }

    .plac-deta-sec .plac-hom-tit h2 {
        font-size: 16px;
    }

    .abou-pg,
    .all-jobs-ban {
        margin-top: -5px;
    }

    .all-jobs {
        overflow: hidden;
        overflow-y: auto;
    }
}

@media screen and (min-width: 481px) and (max-width: 521px) {

    .all-serexp .job-box-apl span.job-box-cta,
    .all-serexp .serexp-cta-more {
        width: 100%;
        text-align: center;
        margin: 0 0 5px 0;
    }
}

@media screen and (max-width: 400px) {
    .plac-hom-all-pla ul li {
        width: 100%;
        padding: 10px 0;
    }

    .plac-hom-box-im img {
        height: 120px;
    }

    .plac-gal-imag img {
        height: 60px;
    }
}

/* PLACE END */
/*-------------------------------------------------*/
/* = QUESTIONS 
/*-------------------------------------------------*/
.que-hom-main {
    background: #ecf4f9;
}

.que-hom-main .row {
    /* width:100%;
    */
    /* display: inline-block;
    */
}

.que-hom-lhs {
    width: 75% !important;
    padding-right: 80px;
}

.que-hom-rhs {
    float: left;
    width: 25%;
}

.que-hom-all {
    float: left;
    width: 100%;
}

.que-hom-all .tab-content {
    width: 100%;
}

.que-hom-all ul {}

.que-hom-all div {
    float: left;
}

.que-hom-all ul.nav li {
    /* position: relative;
    */
    /* z-index: 1;
    */
}

.que-hom-all ul.nav {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.que-hom-all ul.nav li a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 12px 20px 15px 15px;
    display: inline-block;
    /* background: #fff;
    */
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.que-hom-all ul.nav li span {}

.que-hom-all ul.nav li a i {
    margin-right: 5px;
    position: relative;
    top: 4px;
    background: #d8dcff;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
}

.que-hom-all ul.nav li a.active {
    /* background: #e5ebff;
    */
    /* font-weight: 600;
    */
    color: #0333e3;
}

.que-hom-all ul.nav li a.active i {}

.que-hom-all .tab-content ul li {
    float: left;
    width: 100%;
    padding: 8px 0;
}

.tab-content>.active {
    opacity: 1;
}

.que-box-1 {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 20px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0px 7px 20px -5px rgb(150 150 150 / 8%);
    border-radius: 3px;
    transition: all 0.5s ease;
}

.que-box-1:hover {
    box-shadow: 0px 7px 20px -5px rgb(150 150 150 / 38%);
    background: #f5f6ff;
}

.que-box-1:hover .que h4 {
    color: #111d8f;
}

.que-pro {
    width: 65px;
}

.que-pro img {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    object-fit: cover;
}

.que {
    width: calc(100% - 65px);
}

.que h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding-bottom: 5px;
    transition: all 0.5s ease;
}

.que-has {
    width: calc(100% - 180px);
}

.job-rel-pro .que-has {
    width: 100%;
}

.que-deti-main .que-hom-all h3 {
    border-bottom: 1px solid #d2dadf;
    padding: 20px 0 20px 0;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600;
}

.que-has a,
.que-has span,
.que-cate-has span {
    font-size: 12px;
    border: 1px solid #d8d6d6;
    display: inline-block;
    padding: 2px 5px 0px 5px;
    line-height: 15px;
    border-radius: 5px;
    color: #000;
}

.que-has a:hover {
    border: 1px solid #addef3;
    color: #15516a;
    background: #d3effb;
}

.alltagshow {
    font-size: 12px;
    display: inline-block;
    padding: 7px 30px 7px 20px;
    line-height: 15px;
    border-radius: 3px;
    color: #fff;
    background: #000000;
    margin-top: 15px;
    cursor: pointer;
    position: relative;
}

.alltagshow:before {
    content: "keyboard_arrow_right";
    font-size: 15px;
    color: #fff;
    right: 12px;
    top: 8px;
    transition: all 0.4s ease;
}

.alltagshow:hover {
    color: #fff;
    background: #2436c5;
}

.alltagshow:hover:before {
    right: 8px;
}

.pop-que .que-has a {
    font-size: 14px;
    padding: 4px 6px 3px 6px;
    margin-bottom: 5px;
}

.que-detil {
    padding: 0 0 0 20px;
    float: right !important;
}

.que-detil span {
    color: #000;
    font-size: 14px;
    position: relative;
    padding: 5px 7px 4px 31px;
    font-weight: 500;
    line-height: 24px;
    background: #fff;
    /* box-shadow: 0 0px 3px 3px #4a46461f;
    */
    margin-left: 8px;
    border-radius: 3px;
}

.que-detil span:before {
    content: "place";
    font-size: 15px;
    color: #7181ff;
    left: 2px;
    top: 2px;
    background: #e9f1f4;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    text-align: center;
}

.que-detil span.que-ans:before {
    content: "verified_user";
}

.que-detil span.que-qliks:before {
    content: "thumb_up";
}

.que-detil span.que-qviews:before {
    content: "visibility";
}

.que-detil span.que-shar:before {
    content: "share";
}

.que-shar {
    cursor: pointer;
}

.que-user {
    width: 100%;
    padding: 5px 0 0 65px;
    font-size: 12px;
    color: #575e74;
}

.que-user a,
.que-user span {
    color: #7181ff;
    font-weight: 500;
}

.que-deti-main {
    margin-top: var(--topspac);
    padding: 50px 0;
    background: #edf4f8;
}

.que-deti-main .que-rhs-oth-post h4 {
    font-size: 13px;
    font-weight: 400;
}

.que-deti-main .que-rhs-oth-post h4 b {
    font-size: 14px;
    font-weight: 600;
    color: #0c20c3;
}

.que-deti-links {
    float: left;
    width: 170px;
}

.que-deti-links .inn {
    position: sticky;
    top: 70px;
    left: 0;
}

.que-deti-links h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 15px;
}

.que-deti-links ul {}

.que-deti-links ul li {
    margin-bottom: 7px;
}

.que-deti-links ul li a {
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 0;
}

.que-deti-links ul li a:hover {
    background: linear-gradient(45deg, #afc6ff, transparent);
    padding-left: 10px;
    /* font-weight: 600;
    */
}

.que-cta-ask {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 15px;
    line-height: 20px;
    border-radius: 4px;
    margin-top: 15px;
    letter-spacing: 2px;
    background: #7181ff;
    display: inline-block;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.que-deti-full {
    float: left;
    width: calc(75% - 170px);
    border-left: 1px solid #d2dadf;
    padding: 0 30px;
}

.que-deti-tit {
    border-bottom: 1px solid #d2dadf;
    padding-bottom: 20px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.que-deti-tit h1 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 12px;
}

.que-deti-main .que-user {
    width: auto;
    padding: 0;
    display: inline-block;
}

.que-deti-main .que-user a {}

.que-deti-main .que-detil {}

.que-deti-main .que-detil span {
    background: #e0e8ec;
}

.que-deti-main .que h4 {
    font-size: 15px;
    padding-bottom: 0;
}

.que-deti-main .que-hom-all .que-deti-like {
    margin-top: -1px;
}

.que-deti-main .que-hom-all .que-deti-like i {
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 15px;
}

.que-deti-main .que-has span {
    font-size: 10px;
}

.que-deti-desc {}

.que-deti-desc h3 {}

.que-deti-desc h4 {}

.que-deti-desc h5 {}

.que-deti-desc p {}

.que-deti-ans {
    border-top: 1px solid #d2dadf;
    padding: 20px 0;
    margin-top: 0px;
    float: left;
    width: 100%;
}

.que-deti-ans p {
    font-size: 14px;
    line-height: 22px;
}

.que-deti-ans-bio {
    float: left;
    width: 100%;
    /* border-top: 1px dashed #e7e7e7;
    */
    padding-top: 10px;
}

.que-deti-like {
    display: inline-block;
    float: left;
    padding-right: 15px;
}

.que-deti-tit .que-deti-like,
.que-hom-lhs .que-deti-like,
.que-hom-all div.que-deti-like {
    padding: 0 0 0 15px;
    float: right;
}

.que-deti-like span {
    font-size: 12px;
    font-weight: 500;
    margin-right: 7px;
}

.que-deti-like span i {}

.tabmov {
    position: absolute;
    width: 156px;
    height: 53px;
    background: #e9ebff;
    border-bottom: 4px solid #0333e3;
    left: 0;
    bottom: -1px;
    transition: all 0.5s ease-in-out;
    z-index: 0;
    border-radius: 5px 5px 0 0;
}

.que-deti-like i {
    font-size: 15px;
    color: #4da908;
    background: #dfecd6;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    text-align: center;
    line-height: 21px;
    padding-top: 2px;
    vertical-align: middle;
    margin-right: 2px;
}

.que-deti-like i.act {
    animation: tilt-shaking 0.25s infinite;
}

@keyframes tilt-shaking {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(8deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-8deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.que-like {
    cursor: pointer;
}

.que-dislike {
    cursor: pointer;
}

.que-deti-like .que-dislike i {
    color: #a91e08;
    background: #ecdad6;
}

.que-deti-ans-deti {
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight: 400;
    line-height: 25px;
    padding-right: 15px;
}

.que-deti-ans-deti b {}

.que-pro-sort {
    display: inline-block;
    float: left;
    width: 135px;
    margin-top: -2px;
    position: relative;
}

.que-pro-sort div {
    float: left;
    width: calc(100% - 37px);
}

.que-pro-sort img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    object-fit: cover;
    float: left;
    margin-right: 7px;
}

.que-pro-sort h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.que-pro-sort p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.que-deti-main .que-hom-rhs {}

.que-deti-ans-post {
    border-top: 1px solid #d2dadf;
    padding: 25px 0 30px 0;
    margin-top: 35px;
}

.que-deti-ans-post h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0;
}

.que-cta-writ-comm {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px 15px 6px 15px;
    line-height: 23px;
    border-radius: 4px;
    margin-top: 16px;
    letter-spacing: 0.5px;
    background: #ffffff;
    display: inline-block;
    border: 1px solid #000;
    color: #000;
}

.que-ans-list {
    background: #4e5979;
    font-weight: 500;
    font-size: 11px;
    padding: 2px 10px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    border-radius: 2px;
}

.que-ans-list:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #4e5979;
    transform: rotate(45deg);
    right: -2px;
    top: 5px;
}

.pop-que {}

.pop-que h4 {
    text-transform: inherit;
    font-size: 20px;
}

.pop-que textarea {
    height: 150px;
    line-height: 26px;
    font-weight: 500;
    font-size: 16px;
}

.pop-que {}

.pop-que .btn-primary {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 50px;
    line-height: 23px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    background: #000000;
    display: inline-block;
    border: 1px solid #000000;
    color: #fff;
}

.que-hom-cate {
    width: 100%;
}

.que-hom-cate ul {}

.que-hom-all .tab-content .que-hom-cate ul li {
    width: 33.333%;
    padding: 0 12px 8px 0px;
}

.que-hom-cate-box {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 25px 15px 15px 15px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0px 7px 20px -5px rgb(150 150 150 / 29%);
    border-radius: 10px;
    height: 145px;
    transition: all 0.5s ease;
}

.que-hom-cate-box:hover {
    transform: translateY(-3px);
}

.que-hom-cate-box:hover h5 {
    text-decoration: underline;
}

.que-hom-cate-box:before {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, white, transparent);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 55px;
}

.que-hom-cate-box h5 {
    font-size: 18px;
    font-weight: 500;
    color: #0030e0;
    padding-bottom: 10px;
}

.que-hom-cate-box .cate-num-cunt {
    width: 22px;
    height: 22px;
    background: #404040;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    padding: 3px;
    font-size: 12px;
    font-weight: 500;
}

.que-cate-has {}

.que-cate-has span {}

.que-mob-nav {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 6px;
    line-height: 23px;
    cursor: pointer;
    display: none;
    position: fixed;
    transition: all 0.5s ease-in-out;
    left: 0px;
    bottom: 0;
    background: #fff;
}

.que-mob-nav.act {
    left: 261px;
}

.que-mob-nav i {
    vertical-align: top;
    background: #ffea31;
    border-radius: 4px;
    font-size: 20px;
    margin-right: 5px;
}

.que-deti-links.act {}

.que-edit {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #020202e0;
    text-align: center;
    z-index: 9;
    transition: all 0.5s ease;
    width: 150px;
    transform: translateX(-250px);
}

.que-edit span {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 20px;
    display: table;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 40px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.que-edit span i {
    font-size: 16px;
    vertical-align: sub;
    margin-right: 3px;
}

.que-edit span:hover {
    background: #ef2e2e;
    border: 1px solid #ef2e2e;
}

.que-box-1:hover .que-edit {
    transform: translateX(0px);
}

@media screen and (max-width:1250px) {
    .list-bann img {
        /* height:445px;
        */
    }

    .list-ban-btn {}

    .jpro-ban-tit .s3 .cta {
        padding: 9px 15px;
    }

    .job-box-con span {
        font-size: 10px;
    }

    .our-all-ser ul li a {
        font-size: 15px;
    }

    .que-hom-all ul.nav li a {
        font-size: 11px;
        padding: 0px 10px 9px 10px;
    }

    .que-hom-all ul.nav li a i {
        width: 20px;
        height: 20px;
        font-size: 16px;
        line-height: 19px;
    }

    .que-hom-cate-box h5 {
        font-size: 14px;
        padding-bottom: 0;
    }

    .que-has a,
    .que-has span,
    .que-cate-has span {
        font-size: 10px;
    }

    .tabmov {
        width: 119px;
        height: 40px;
        border-bottom: 2px solid #0333e3;
    }
}

@media screen and (max-width:1200px) {
    .ud-lhs {
        /* width: 20%;
        */
        /* padding: 40px 0px 0px 0px;
        */
    }

    .ud-cen,
    .ud-enqu .ud-cen {
        width: 100%;
        padding: 0 60px;
    }

    .ud-rhs {
        width: 100%;
        padding: 40px 60px 0px 60px;
    }

    .ud-rhs-sec-1,
    .ud-rhs-sec-2,
    .ud-rhs-sec-3,
    .ud-rhs-sec-4 {
        width: 100%;
        float: left;
    }

    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 90px;
    }

    .ud-rhs-sec-2 ul li {
        float: left;
        width: 25%;
    }

    .ud-rhs-sec-1 ul li a p,
    .ud-rhs-sec-1 ul li a h5 {
        white-space: initial;
    }

    .ud-rhs-sec-3 {
        margin-bottom: 0px;
    }

    .us-pro-sec-1 {}

    .us-pro-sec-1-rhs h1 {
        font-size: 32px;
    }

    .job-box-apl span {
        padding: 7px 10px;
    }

    .que-deti-tit .que-deti-like,
    .que-deti-like {
        float: left;
        width: 100%;
        padding: 15px 0 10px 0;
    }

    .que-pro-sort {
        width: 180px;
    }

    .que-deti-tit h1 {
        font-size: 26px;
    }

    .que-deti-ans-bio {
        padding-top: 0;
    }
}

@media screen and (max-width:1150px) {
    .ud-lhs-s2 ul li a {
        /* font-size: 13px;
        */
        /* padding: 8px 0px;
        */
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .top-ser {
        width: 30%;
    }

    .jbtre-apl span,
    .jbtre-apl a {
        padding: 7px 10px;
    }

    .ban-short-links ul li {
        padding: 2px;
    }

    .ban-short-links ul li div {
        padding: 10px;
    }

    .ban-short-links ul li div h4 {
        font-size: 12.5px;
    }
}

@media screen and (max-width:1100px) {

    .pg-list-1-left h3,
    .pg-list-1-left p {
        /* padding-left: 205px;
        */
    }

    .comity-all-user ul li {
        width: 33.333%;
    }

    .pg-list-1-left img {
        width: 175px;
        height: 175px;
    }

    .pag-p1-phone {
        /* padding-left:210px;
        */
    }

    .pg-list-1-left .stat {
        top: 44px;
        left: 49px;
    }

    .list-ban-btn ul li span:before {
        margin-top: -4px;
    }

    .list-ban-btn ul li span {
        font-size: 12px;
        padding: 8px 5px 8px 44px;
    }

    .list-ban-btn {}

    .login-main.add-list {
        width: 90%;
    }

    .list-fix-pro {
        width: 7%;
    }

    .list-fix-tit {
        width: 50%
    }

    .list-fix-btn {
        width: 32%;
    }

    .top-ser {
        padding: 8px 0px 0px 15px;
        width: 26%;
    }

    .hom-nav .bl li a {
        font-size: 12px;
    }

    .coup-box-1 .s2 .lhs,
    .coup-box-1 .s2 .rhs {
        width: 50%
    }

    .job-prof-pg .lhs {
        padding: 0px 25px 0px 0px;
    }

    .job-prof-pg .rhs {
        padding: 0px 0px 0px 25px;
    }
}

@media screen and (max-width:1024px) {

    .all-list-sh .eve-box div:nth-child(3) .links a,
    .all-list-sh .eve-box div:nth-child(3) .links span {
        font-size: 12px;
        padding: 4px 8px;
    }

    .ebk-con .lhs {
        padding: 0px 20px 50px 0px;
    }

    .ebk-con .rhs {
        padding: 0px 0px 50px 50px;
    }

    .coup-box-2 p {
        padding: 5px 10px 5px 10px;
    }

    .job-cate-main {
        padding: 0px;
    }
}

@media screen and (max-width:992px) {
    .ban-short-links ul li div {
        background: #000000ba;
    }

    .hom-mpop .col-md-3,
    .hom-mpop .col-md-9 {
        max-width: 100%;
    }

    .template-def .container {
        max-width: 90%;
    }

    .job-list {
        padding: 25px 15px 15px 15px;
    }

    .wed-foot-link-pop ul li {
        width: 25%;
    }

    .pop-menu {
        left: 0px;
        position: fixed;
        overflow-y: auto;
        height: 100%;
        bottom: 0px;
    }

    .blog-sli .rhs h4 {
        font-size: 26px;
        line-height: 32px;
    }

    .mv-pro-menu {
        display: block;
        padding-bottom: 30px;
    }

    .pmenu-spri,
    .sh-all-scat ul {
        width: 100%;
    }

    .coup-sec3 ul li {
        width: 50%;
    }

    .pmenu-spri ul li {
        width: 20%;
        text-align: center;
    }

    .pmenu-spri ul li a {
        border: 3px solid #ffffff;
        box-sizing: border-box;
        margin: 0px;
        background: #f0f0f0;
        padding: 24px 10px;
    }

    .job-rel-pro .pmenu-spri ul li a {
        padding: 10px;
        background: #eef1f5;
        border-radius: 10px;
    }

    .job-rel-pro .pmenu-spri ul li {
        border: 0px;
        padding: 0px;
        width: auto;
        text-align: left;
    }

    .pmenu-spri ul li a img {
        margin: 0 auto;
        display: table;
    }

    .pmenu-cat {
        border-top: 1px solid #d6d6d6;
        border-left: 0px;
        padding-top: 30px;
        padding-left: 0px;
        margin-top: 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .dir-home-nav-bot ul li:nth-child(1) {
        width: 100%;
    }

    .dir-home-nav-bot ul li:nth-child(2),
    .dir-home-nav-bot ul li:nth-child(3) {
        width: 100%;
        margin: 0px 0px 5px 0px;
    }

    .ban-tit h1 b {
        font-size: 40px;
    }

    .ban-tit h1 {
        font-size: 20px;
        padding-top: 20px;
    }

    .ban-search {
        width: 85%;
    }

    .top-ser {
        width: 45%;
        padding: 6px 0px 0px 50px;
    }

    .hom-mpop .col-md-9 {
        padding-top: 20px;
    }

    .hom-col-req {
        margin: 0px;
    }

    .cate-sli {
        margin-top: 55px;
    }

    .hom-top {
        padding: 5px 0px 10px 0px;
        height: 55px;
    }

    .hom-head {
        padding: 100px 0px 30px 0px;
        margin-bottom: 0px;
    }

    .pmenu-cat ul li {
        width: 25%;
    }

    .ban-ql {
        margin-bottom: 0px;
        padding-top: 10px;
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .ban-ql ul li div {
        /* width: 145px;
        */
        padding: 20px 10px;
    }

    .pri ul li {
        width: 50%;
    }

    .pri-box .c4 ol li {
        font-size: 14px;
    }

    .land-pack ul li {
        width: 33.333%;
    }

    .hcity div:nth-child(1) img {}

    .inte ul li {
        width: 50%;
        padding: 5px 0px;
    }

    .ho-popu-bod .col-md-4 {
        max-width: 100%
    }

    .hot-page2-hom-pre {
        margin-bottom: 30px;
    }

    .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre {
        margin-bottom: 0px;
    }

    .bb-img img {
        margin: -1px 0px 0px 0px;
    }

    .bb-text {
        padding: 0;
    }

    .bb-text p {
        font-size: 13px;
        line-height: 24px;
    }

    .bb-link {
        max-width: 100%;
        padding: 20px 0px 0px 18%;
    }

    .wed-foot-link ul li {
        width: 100%;
    }

    .wed-foot-link div {
        padding-left: 30px;
        width: 33.333%;
    }

    .eve-box div:nth-child(3),
    .v3-list-ql {
        display: none;
    }

    .list-pg-lt,
    .list-pg-rt {
        width: 100%;
        padding: 0px 20px;
    }

    .pg-list-1 .col-md-10,
    .pg-list-1 .col-md-2 {
        max-width: 100%;
        flex: 100%;
    }

    .list-ban-btn {
        border-left: 0px;
        margin: 0 auto;
        display: table;
        width: 100%;
        padding: 30px 0 25px 0;
    }

    .list-ban-btn ul li span {
        font-size: 14px;
        padding: 8px 15px 8px 44px;
    }

    .list-ban-btn ul li span:before {
        margin-top: -2px;
    }

    .list-ban-btn ul li {
        float: left;
        margin: 0px 5px 10px 5px;
    }

    .pg-list-1 .col-md-2 {}

    .pg-list-1-left {
        text-align: center;
        width: 100%;
        padding: 30px;
    }

    .pg-list-1-left img {
        width: 175px;
        height: 175px;
        float: initial;
        margin: initial;
        margin-top: -109px;
        position: relative;
    }

    .nme-list-deta-ban {
        width: 100%;
        padding: 20px 0px 20px 0px;
    }

    .nme-les-det-lhs {
        width: 100%;
        text-align: center;
    }

    .list-rat-all {}

    .pg-list-1-left .list-rat-all {
        position: relative;
        margin: 0 auto;
        display: table;
        margin-bottom: 20px;
        top: initial;
        right: initial;
    }

    .pg-list-1-left .stat {
        top: initial;
        left: initial;
        position: relative;
        display: table;
        margin: 0 auto;
    }

    .pg-list-1-left h3 {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        /* margin-top: 15px;
        */
        color: #000;
    }

    .pg-list-1-left .rat {
        float: initial;
        padding: 13px 0px 3px 0px;
        display: table;
        margin: 0 auto;
    }

    .pg-list-1-left:before {
        left: -413px;
        transform: rotate(-10deg);
        width: 100%;
        right: 0px;
        height: 119px;
        top: -48px;
    }

    .pg-list-1 .list-number {
        padding: 10px 0px 0px 25%;
    }

    .pg-list-1-left p,
    .pag-p1-phone {
        padding-left: 0px;
        width: 100%;
        color: #333;
    }

    .pag-p1-phone ul {
        margin: 0 auto;
        display: table;
    }

    .wed-hom-footer {
        padding: 60px 0px 45px 0px;
    }

    .land-pack-grid-text h4 {
        padding: 15px 12px;
        font-size: 20px;
    }

    .hcity div:nth-child(2) h4 {
        font-size: 16px;
    }

    .pg-list-1-left .rat i {
        margin: 0px 2px;
    }

    .bl,
    .fil-mob-view,
    .db-open .al,
    .ud-lhs {
        display: none;
    }

    .mob-me-ic,
    .fil-mob {
        display: block;
        float: left;
    }

    .fil-mob.fil-mob-act {
        display: block;
    }

    .ud-cen,
    .ud-enqu .ud-cen {
        width: 100%;
        margin: 0px;
    }

    .ud-rhs {
        width: 100%;
        padding: 20px 150px;
    }

    .ud-rhs-sec-2 ul li {
        width: 33.333%;
    }

    .eve-deta-pg .rhs .quote-pop {
        padding: 40px 40px;
    }

    .us-ppg-blog .pro-eve-box h2 {
        font-size: 15px;
    }

    .pro-rel-posts .pro-eve-box p {
        font-size: 12px;
    }

    .blog-head-inn h1 {
        font-size: 36px;
    }

    .blog-head-inn p {
        font-size: 20px;
    }

    .blog-head .ban-search {
        width: 90%;
    }

    .blog-head .ban-search .sr-btn {
        margin-top: 0px;
    }

    .blog-body .us-ppg-com ul li {
        width: 33.333%;
    }

    .blog-head {
        margin-top: 55px;
    }

    .all-listing .col-md-3.fil-mob-view {
        margin-top: 78px;
        position: fixed;
        z-index: 9;
        background: #fff;
        left: -100%;
        top: 0px;
        overflow-y: auto;
        height: 100%;
        padding: 70px 40px 50px 30px;
        flex: 0 0 100%;
        max-width: 80%;
        transition: all 0.5s ease;
        display: block;
    }

    .all-jobs .col-md-3.fil-mob-view {
        padding: 25px 10px 30px 10px;
    }

    .fil-mmob-act .fil-mob-clo {
        display: block;
    }

    .all-listing .col-md-3.fil-mob-view.fil-mmob-act {
        transition: all 0.5s ease;
        left: 0%;
        padding: 70px 20px 40px;
    }

    .all-list-sh {
        background: none;
        padding-top: 20px;
        padding-bottom: 50px;
        width: 100%;
    }

    .all-listing .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .us-pro-sec-1 {
        width: 90%;
    }

    .pro-listing-box div:nth-child(1) h2,
    .us-ppg-blog .pro-eve-box h2 {
        font-size: 16px;
    }

    .pro-listing-box div:nth-child(1) img {
        height: 125px;
    }

    .pmenu-cat {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 50px;
    }

    .pmenu-eve {
        width: 100%;
    }

    .ser-head .ban-search {
        width: 90%;
    }

    .f2 {
        margin: 0px;
        padding: 0px;
    }

    .mob-app .lhs {
        display: none;
    }

    .mob-app .rhs {
        width: 100%;
        padding: 0px 30px;
    }

    .mob-app .rhs form {
        width: 100%;
        padding: 0px;
    }

    .pg-list-1-pro {}

    .fed-box .lhs {
        width: 100%;
    }

    .fed-box .rhs {
        width: 100%;
        padding-top: 0px;
    }

    .fed-box:before {
        width: 100%;
    }

    .all-list-bre {
        margin-top: var(--topspac);
        padding: 70px 0px 20px 0px;
    }

    .all-pro-bre {
        padding: 50px 0px 70px 0px;
    }

    .all-listing .col-md-9 {
        padding: 15px 0px 30px 15px;
        background: #f5f5f5;
        border-radius: 5px;
    }

    .all-jobs .col-md-9 {
        padding: 55px 0px 30px 0px
    }

    .all-jobs .container {
        max-width: 100%;
    }

    .list-map .list-map-filt {
        position: fixed;
        left: -100%;
        width: 300px;
        padding: 72px 15px 15px 15px;
    }

    .list-map .list-map-filt.act {
        left: 0%;
    }

    .list-map .list-map-filt.act:before {
        display: none;
    }

    .list-map .list-map-resu {
        margin-left: 0px;
        width: 100%;
    }

    .mob-map-filt {
        display: block;
        cursor: pointer;
    }

    .list-bann {
        margin-top: 25px;
    }

    .list-bann img {
        height: 210px;
    }

    .pg-list-1 {
        margin: 0px;
    }

    .pg-list-1-pro {
        width: 100%;
    }

    .pg-list-1-pro img {
        margin: 0 auto;
        display: table;
        float: initial;
        margin-top: -115px;
    }

    .pg-list-1-pro .stat {
        position: relative;
        margin: 0 auto;
        display: table;
        left: 0px;
        float: initial;
        margin-top: -25px;
    }

    .pag-p1-phone ul a {}

    .pag-p1-phone ul a li {
        color: #157dd0;
    }

    .list-ban-btn ul {
        margin: 0 auto;
        display: table;
    }

    .pag-p1-phone ul li:before {
        color: #333;
    }

    .list-ban-btn ul li .cta {
        background: #ededed;
    }

    .ud {
        padding: 90px 0px 80px 0px
    }

    .pro-pg-logo {
        width: 20%
    }

    .pro-pg-bio {
        width: 80%;
    }

    .pro-pg-cts {
        width: 100%;
        padding: 0px 25px 25px 24%;
    }

    .pro-pg-cts a {
        display: inline-block;
    }

    .box-s2 .lhs {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .box-s2 .rhs .cpro-form .templ-rhs-eve {
        position: relative;
    }

    .box-s2 .rhs {
        width: 100%;
    }

    .box-s2 .lhs .comp-pro .all-pro-box {
        width: 32.3%;
        margin: 0.5%;
    }

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 32.3%;
        margin: 0.5%;
    }

    .ud-inn {
        display: block;
        float: left;
        padding-bottom: 50px;
    }

    .ebk-ban .lhs {
        width: 100%;
        padding: 50px;
        text-align: center;
    }

    .ebk-ban .rhs {
        width: 100%;
        padding: 20px;
    }

    .ebk-ban .rhs img {
        width: 370px;
        margin: 0 auto;
        display: table;
    }

    .hm3-auto-ban .rhs {
        padding: 0px;
    }

    .hom2-hom-ban-main .hom2-hom-ban {
        padding: 30px;
    }

    .hom2-hom-ban-main .hom2-hom-ban h2 {
        font-size: 20px;
    }

    .all-products .all-pro-txt .links {
        position: relative;
        left: 0px;
        bottom: 0px;
        right: initial;
    }

    .all-products .all-pro-txt .links a {
        position: relative;
        width: 100%;
        border-radius: 2px;
        font-size: 15px;
    }

    .job-tre .inn div.jbtre-img {
        width: 100%;
    }

    .job-tre .inn div {
        width: initial;
    }

    .job-det-desc {
        display: flex;
        flex-direction: column;
    }

    .job-det-desc .s1,
    .job-det-desc .s2,
    .job-det-desc .s3 {}

    .job-det-desc .s1 {
        width: 70%;
        padding: 0px 0px 25px;
        border-right: 0px;
        order: 3;
    }

    .job-det-desc .s2 {
        width: 100%;
        padding: 40px 0px 30px 0px;
        order: 2;
    }

    .job-det-desc .s3 {
        width: 70%;
        order: 1;
    }

    .job-prof-pg .lhs {
        padding: 0px;
        width: 100%;
        margin-bottom: 30px;
    }

    .job-prof-pg .rhs {
        padding: 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    .jpro-bd {
        margin-bottom: 0px;
    }

    .ser-confir-main {
        width: 90%;
    }

    .eve-deta-pg .eve-deta-pg-main {
        display: flex;
        flex-direction: column;
    }

    .eve-deta-pg .lhs,
    .eve-deta-pg-main .rhs+.lhs {
        width: 100%;
        order: 1;
    }

    .eve-deta-pg .rhs {
        width: 100%;
        order: 2;
    }

    .eve-deta-pg .lhs .img img {
        border-radius: 10px;
    }

    .eve-deta-pg {
        margin-top: 45px;
    }

    .pri {
        padding: 60px 20px 50px 20px;
    }

    .pri .tit h2 {
        font-size: 14px;
    }

    .pri .tit h2 span {
        font-size: 22px;
        padding-top: 10px;
    }

    .pri .tit p {
        font-size: 14px;
        line-height: 22px;
    }

    .pri .tit {
        margin: 0px 0px 20px 0px;
    }

    .news-hom-ban-inn h1 {
        font-size: 28px;
    }

    .our-all-ser ul li {
        width: 25%;
    }

    .ud-inn:before {
        display: none;
    }

    .ud-main {
        width: 100%;
        padding-bottom: 0;
    }

    .que-hom-lhs {
        padding-right: 30px;
    }

    .que-hom-all .tab-content .que-hom-cate ul li {
        width: 50%;
    }

    .que-hom-all .que-has {
        width: 100%;
    }

    .que-hom-all .que-deti-like {
        width: 100%;
        padding: 12px 0 12px 0;
    }

    .que-hom-all .que-has {}

    .que-hom-all .que-has {}

    .que-deti-main .que-hom-rhs {
        width: 100%;
        margin-top: 50px;
    }

    .que-deti-main .que-hom-rhs .ud-rhs-promo {
        text-align: center;
    }

    .que-deti-full {
        width: calc(100% - 170px);
        padding: 0 0 0 30px;
    }

    .ban-search.ban-sear-all {
        width: 100%
    }

    .ban-search.ban-sear-all li.sr-cate,
    .ban-search.ban-sear-all li.sr-cit,
    .ban-search.ban-sear-all.ser-oly-place li.sr-nor,
    .ban-search.ban-sear-all.ser-oly-event li.sr-nor,
    .ban-search.ban-sear-all.ser-oly-blog li.sr-nor,
    .ban-search.ban-sear-all.ser-oly-product li.sr-nor {
        width: 50%;
    }

    .ban-search.ban-sear-all li.sr-cate select {
        border-radius: 10px 0 0 10px;
    }

    .ban-search.ban-sear-all.ser-oly-place li.sr-nor select,
    .ban-search.ban-sear-all.ser-oly-event li.sr-nor select,
    .ban-search.ban-sear-all.ser-oly-blog li.sr-nor select,
    .ban-search.ban-sear-all.ser-oly-product li.sr-nor select {
        border-radius: 0 10px 10px 0;
    }

    .ban-search.ban-sear-all li.sr-cit select {
        border-radius: 0 10px 10px 0;
    }

    .ban-search.ban-sear-all li,
    .ban-search.ban-sear-all li.sr-nor,
    .ban-search.ban-sear-all li.sr-btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .ban-search.ban-sear-all li select {
        padding-left: 15px;
    }

    .ban-search.ban-sear-all li select,
    .ban-search ul li input[type="submit"] {
        border-radius: 10px;
    }

    .ban-search ul li:before {
        display: none;
    }

    .all-pro-bre .sec-all-list-bre {
        padding: 0;
    }

    .all-products {
        padding-bottom: 0;
    }

    .job-rel-pro .pmenu-spri ul li a p {
        white-space: initial;
        text-overflow: initial;
        overflow: initial;
    }
}

@media screen and (max-width:768px) {
    .commun-pg-main {
        padding-top: 80px;
    }

    .our-all-ser ul li {
        width: 33.333%;
    }

    .ind2-home .ban-tit {
        padding-top: 70px;
    }

    .job-det-desc .s1,
    .job-det-desc .s3 {
        width: 100%
    }

    .how-wrks-inn ul li {
        width: 50%;
    }

    .how-wrks-inn ul li div {
        margin: 10px;
    }

    .carousel-indicators,
    .top-ser,
    .land-pack-grid-text h4 .dir-ho-cat {
        display: none;
    }

    .hom2-hom-ban-main .hom2-hom-ban {
        width: 100%;
        margin: 15px 0px;
        ;
    }

    .ban-ql ul li div h4 {
        font-size: 14px;
    }

    .blog-sli .lhs {
        width: 100%;
    }

    .blog-sli .lhs img {
        height: 250px;
    }

    .blog-sli .rhs {
        width: 100%;
    }

    .ban-ql ul li div p {
        font-size: 13px;
        display: none;
    }

    .home-tit h2 {
        font-size: 30px;
    }

    .land-pack-grid-text h4 {
        text-align: center;
        font-size: 16px;
    }

    .pmenu-cat ul li,
    .wed-foot-link-pop ul li {
        width: 50%;
    }

    .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2),
    .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(3) {
        /* display:none;
        */
    }

    .all-list-sh .eve-box div:nth-child(2) .links {
        padding-top: 20px;
        border-top: 1px solid #ededed;
        margin-top: 20px;
    }

    .dmact .top-ser {
        display: none !important;
    }

    .ban-search ul li.sr-cit {
        width: 30%;
    }

    .hm3-auto-ban:before {
        background: linear-gradient(to right, #030b19d6, #0000006e);
    }

    .hom-cre-acc-left h3 {
        font-size: 18px;
    }

    .hom-cre-acc-left h3 span {
        display: block;
        font-size: 32px;
    }

    .commun-pg-main input {
        width: 75%;
    }

    .list-foot-abo,
    .list-foot-faq {
        width: 90%;
    }

    .ban-search ul li.sr-sea {
        width: calc(100% - 110px);
        margin: 0px;
    }

    .fed-box {
        width: 100%;
    }

    .ban-search ul li.sr-btn {
        width: 110px;
        margin-top: 0px;
    }

    .land-pack ul li {
        width: 50%;
    }

    .country iframe,
    .country img {
        width: 100%;
    }

    .country img {
        height: auto;
        object-fit: cover;
    }

    .land-pack-grid {
        width: 100%;
        margin: 0px 5% 20px 5%;
        box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
    }

    .land-pack-grid-text {
        margin-top: 0px;
    }

    .ind2-home .hom-head {
        padding: 0 0 50px 0 !important;
    }

    .ban-tit h1 b {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .ban-tit h1 {
        font-size: 20px;
        margin-bottom: 0px;
        padding: 0px 0px 20px;
    }

    .ban-ql ul li {
        margin: 0px;
        width: 50%;
        padding: 6px;
    }

    .ban-ql ul li div {
        width: 100%;
        padding: 20px 10px 30px 10px;
        margin: 1px 0px;
        border-radius: 10px;
    }

    .hom-eve-lhs-2 {
        width: 100%;
        padding-left: 15px;
        margin-top: 25px;
    }

    .eve-box div:nth-child(1) img {
        height: 150px;
    }

    .home-tit {
        padding-top: 70px;
    }

    .home-tit h2 {
        font-size: 32px;
    }

    .login-main.add-list {
        width: 90%;
    }

    .bot-book {
        text-align: center;
        margin-bottom: 55px
    }

    .bot-book .bb-img {
        float: initial;
        max-width: 100%;
    }

    .bb-text {
        max-width: 100%;
        margin-top: 30px;
    }

    .bb-link {
        padding: 20px 0px 0px 0px;
    }

    .biz-pro .lhs {
        margin-bottom: 0px;
    }

    .biz-pro-btn {
        position: relative;
        top: initial;
    }

    .country-inn h4 {
        font-size: 24px;
        line-height: 34px;
    }

    .country .cont1 {
        font-size: 24px;
    }

    .country .cont2 {
        font-size: 24px;
    }

    .foot-supp h2 {
        font-size: 16px;
        line-height: 28px;
    }

    .wed-hom-footer h4 {
        padding-bottom: 5px;
        padding-top: 0px;
    }

    .wed-foot-link-1 {
        text-align: center;
    }

    .fot-app {
        border-top: 1px solid #e9e9e9;
        padding: 30px 0px;
        margin-top: 15px;
    }

    .fot-app ul,
    .wed-foot-link-1 ul {
        margin: 0 auto;
        display: table;
    }

    .foot-count {
        margin-top: 30px;
    }

    .all-list-sh ul li {
        float: left;
        width: 50%;
    }

    .list-filt-v2 ul li {
        width: 16.6666666%;
    }

    .pro-listing-box div:nth-child(1) img {
        height: 150px;
    }

    .us-ppg-com ul li {
        width: 50%;
    }

    .all-list-sh .eve-box div:nth-child(1) {
        width: 100%;
    }

    .all-list-sh .list-con {
        width: 100%;
        padding-top: 40px !important;
    }

    .all-list-sh .eve-box {
        margin: 0px;
        float: left;
        width: 100%;
    }

    .all-list-sh .rat {
        position: relative;
        right: 48px;
        top: 0px;
        left: 0px;
    }

    .eve-box div:nth-child(2) {
        padding: 15px;
    }

    .pro-rel-events .eve-box div:nth-child(2) {
        padding: 20px 20px 15px 20px;
    }

    .hom-event .eve-box div:nth-child(2) {
        padding: 20px;
    }

    .eve-box div:nth-child(2) h4 {
        font-size: 15px;
    }

    .all-listing .col-md-9 {
        padding: 0px;
        /* background: none;
        */
    }

    .all-listing .col-md-3 {
        padding: 30px 0px 0px 15px;
    }

    .lhs-ads {
        margin-bottom: 0px;
    }

    .list-bann img {
        height: 175px;
    }

    .pag-p1-phone ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .pag-p1-phone ul li:last-child {
        margin-bottom: 0px;
    }

    .list-bann {
        margin-top: 45px;
    }

    .pg-list-1 {}

    .carousel-item img {
        height: 235px;
    }

    .home-list-pop img {
        margin-bottom: 20px;
    }

    .list-rom-pric {
        right: 25px;
        top: -158px;
        font-size: 16px;
    }

    .list-room-deta p {
        padding-right: 0px;
    }

    .lr-user-wr-con {
        width: 85%;
    }

    .lr-user-wr-con p {
        font-size: 13px;
        line-height: 22px;
    }

    .lp-ur-all-left {
        width: 60%;
    }

    .lp-ur-all-right {
        width: 40%;
        padding-right: 0px;
    }

    .lp-ur-all-right h5 {
        padding-top: 0px;
    }

    .lp-ur-all-right p label i {
        width: 15px;
        font-size: 21px;
    }

    .lp-ur-all-right p span {
        font-size: 12px;
        line-height: 14px;
        padding: 5px;
    }

    .pglist-off-last .home-list-pop-desc {
        padding-left: 0px;
    }

    .pglist-off-last .home-list-pop .col-md-3 {
        padding-right: 0px;
    }

    .db-open .al {
        display: none;
    }

    .ud-cen-s3 ul li {
        width: 50%;
    }

    .ud-pro-link .pay-rhs ul li:last-child {
        width: 100%;
    }

    .ud-pro-link .pay-rhs ul li:nth-child(3),
    .ud-pro-link .pay-rhs ul li:nth-child(4) {
        width: 100%;
    }

    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 72px;
    }

    .ud-cen-s1 ul li div {
        text-align: center;
        padding: 20px 15px 15px;
    }

    .ud-cen-s1 ul li div p {
        margin-bottom: 15px;
    }

    .ud-cen-s1 ul li div b {
        font-size: 38px;
        position: relative;
        padding: 5px 8px;
        width: auto;
        height: auto;
        top: auto;
        border-radius: 10px;
    }

    .ud-cen-s1 ul li div h4 {
        padding: 15px 10px 5px;
        font-size: 13px;
    }

    .ud-cen-s1 ul li div p {
        padding: 0px;
        margin-bottom: 0px;
        font-size: 14px;
    }

    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    .pro-fol-gr span {
        padding: 5px 25px;
        font-size: 10px;
    }

    .pro-fol-gr ol li {
        font-size: 9px;
    }

    .pay-rhs ul li .ud-stat-pay-btn {
        font-size: 12px;
    }

    .ud-payment .pay-rhs ul li {
        width: 100%;
    }

    .pay-rhs ul li:nth-child(2) {
        font-size: 22px;
    }

    .ud-cen-s2 a.db-tit-btn,
    .ud-cen-s3 a.db-tit-btn {
        position: relative;
        right: initial;
        top: initial;
    }

    .ud-cen-s2 a.db-tit-btn-2-ads {
        right: initial;
    }

    .login-main,
    .login-main.add-list {
        width: 100%;
    }

    .login-main {
        margin: initial;
        display: initial;
    }

    .how-to-coll li h4 {
        font-size: 13px;
    }

    .cre-dup a {
        margin-bottom: 15px;
    }

    .add-list-ste-inn ul li a b {
        display: none;
    }

    .add-list-ste-inn ul li a {
        width: 44px;
        height: 44px;
        padding: 10px 0px 0px 0px;
    }

    .add-list-ste-inn ul li a span {
        font-size: 11px;
        text-transform: uppercase;
    }

    .add-list-ste-inn ul:after {
        height: 1px;
        top: 25px;
    }

    .add-list-add-btn,
    .add-list-rem-btn {
        width: 30px;
        height: 30px;
        line-height: 29px;
        padding-left: 1px;
        font-size: 21px;
        top: 5px;
    }

    .add-list-rem-btn {
        right: 35px;
    }

    .add-list-add-btn {
        right: 75px;
    }

    .add-lis-done .btn-primary {
        margin-bottom: 10px;
    }

    .login-reg {
        padding: 100px 0 150px 0;
    }

    .log h4 {
        font-size: 18px;
        /* text-align: left;
        */
    }

    .add-lis-done h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .add-lis-done p {
        font-size: 14px;
    }

    .eve-deta-pg .lhs {
        margin-bottom: 20px;
    }

    .eve-deta-pg .lhs,
    .eve-deta-pg .rhs,
    .eve-deta-pg-main .rhs+.lhs {
        width: 100%;
    }

    .eve-deta-pg .lhs .img img {
        height: 250px;
    }

    .eve-deta-pg .lhs .img img {
        border-radius: 10px;
    }

    .eve-deta-body .eve-deta-body-main .lhs {
        width: 100%;
        padding-right: 0px;
        border-right: 0px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 15px;
        margin-bottom: 30px
    }

    .eve-deta-body .eve-deta-body-main .rhs {
        padding-left: 0px;
        width: 100%;
    }

    .eve-deta-pg .head h1,
    .eve-deta-pg .head .dat {
        font-size: 22px;
    }

    .blog-body .us-ppg-com ul li {
        width: 50%;
    }

    .pro-rel-events .event-body .us-ppg-com ul li,
    .event-body .us-ppg-com ul li {
        width: 50%;
    }

    .event-body .eve-box div:nth-child(2) {
        padding: 20px;
    }

    .blog-head {
        padding: 45px 0px 0px 0px;
        margin-top: 45px;
    }

    .blog-head-inn h1 {
        font-size: 28px;
    }

    .blog-head-inn p {
        font-size: 18px;
    }

    .ad-pri-cal ul li div {
        padding: 10px;
        margin: 0px 2px;
    }

    .ad-pri-cal ul li span {
        font-size: 12px;
    }

    .ad-pri-cal ul li h5 {
        margin: 5px 0px 0px 0px;
        font-size: 18px;
    }

    .us-pro-sec-1 {
        width: 100%;
    }

    .us-pro-sec-1-rhs h1 {
        font-size: 24px;
        display: block;
    }

    .us-pro-sec-1-rhs button {
        padding: 5px 30px;
        top: 7px;
    }

    .us-pro-sec-1-rhs ul.lis-cou li {
        font-size: 14px;
    }

    .us-pro-nav ul li span {
        font-size: 14px;
        padding: 16px 5px;
    }

    .user-tc-diff ul li .pri-box {
        margin: 0px;
    }

    .user-tc-diff ul li .pri-box .c4 ol {
        width: 90%;
    }

    .ser-head .ban-search ul li.sr-btn {
        margin-top: 0px;
        width: 40%;
    }

    .list-det-fix {}

    .list-fix-pro,
    .list-fix-tit {
        display: none;
    }

    .list-fix-btn {
        width: 100%;
    }

    .list-fix-btn span {
        display: block;
        width: 100%;
        text-align: center;
        padding: 8px 5px;
    }

    .list-det-fix {
        bottom: -100px;
        top: initial;
        padding: 0px;
    }

    .list-det-fix.list-det-fix-act {
        bottom: 0px;
        top: initial;
    }

    .comity-all-user ul li {
        width: 49%;
    }

    .list-ban-btn ul li .cta-get {}

    .pmenu-spri ul li {
        width: 31%;
    }

    .pmenu-spri ul li a img {
        margin-bottom: 10px;
    }

    .eve-box div:nth-child(2) span,
    .eve-box div:nth-child(2) span.pho,
    .eve-box div:nth-child(2) span.mail,
    .all-list-sh .eve-box div:nth-child(2) span.pho,
    .all-list-sh .eve-box div:nth-child(2) span.mail {
        width: 100%;
    }

    .responsive-table {
        display: block;
        width: 100%;
    }

    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table thead th {
        display: block;
    }

    .responsive-table thead th:last-child {
        border-bottom: none;
    }

    .responsive-table thead {
        float: left;
        width: 30%;
    }

    .responsive-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }

    .responsive-table td,
    .responsive-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px;
        text-overflow: ellipsis;
    }

    .responsive-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }

    .responsive-table tbody tr {
        display: table-cell;
    }

    .responsive-table tbody tr:nth-child(odd) {
        background: none;
    }

    .responsive-table tr:nth-child(even) {
        background: transparent;
    }

    .responsive-table tr td:nth-child(odd) {
        background: #e5f3ff;
        border-right: 1px solid #E6E4E4;
    }

    .responsive-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }

    .responsive-table tbody td {
        display: block;
        text-align: center;
    }

    .com-pro-pg-head img {}

    .hom-top {
        display: block;
        background: linear-gradient(to bottom, #115bcc, #0650c0) !important;
        padding: 0px 7px;
        height: 47px;
    }

    .hom-top.act {
        top: 0;
    }

    .com-pro-pg-head {
        display: none;
    }

    .pro-pg-logo,
    .pro-pg-bio .bio li {
        width: 100%;
    }

    .pro-pg-logo img {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        display: table;
    }

    .pro-pg-bio {
        width: 100%;
    }

    .pro-pg-cts {
        width: 100%;
        padding: 0px 25px 25px 24px;
    }

    .pro-pg-cts a {
        display: inline-block;
    }

    .box-s2 .lhs .comp-pro .all-pro-box {
        width: 48%;
        margin: 1%;
    }

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 48%;
        margin: 1%;
    }

    .ebk-ban .lhs h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .ebk-ban .lhs {
        padding-top: 0px;
    }

    .ebk-con .lhs {
        width: 100%;
        padding: 30px;
    }

    .ebk-con .rhs {
        width: 100%;
        padding: 0px 30px 0px 30px
    }

    .hcity div:nth-child(2) {
        left: 0px;
        padding-left: 20px;
    }

    .str .land-pack ul li {
        padding: 0px 15px;
    }

    .full-bot-book {
        padding: 40px 25px 0px 25px;
    }

    .hom-event {
        padding: 0px 20px;
    }

    .all-list-sh .links a {
        margin: 1.5%;
        float: left;
        width: 46%;
        text-align: center;
        margin-bottom: 7px !important;
    }

    .all-products .all-list-sh .links a {}

    .eve-box div:nth-child(2) span.addr {
        min-height: 50px;
    }

    .pmenu-spri {
        display: none;
    }

    .job-rel-pro .pmenu-spri {
        display: block;
    }

    .pmenu-cat {
        border-top: 0px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .btn-ser-need-ani.fsbtn {
        /* display: block;
        */
        /* position: relative;
        */
        padding: 6px;
        /* bottom: auto;
        */
        right: auto;
        /* background: #007bff;
        */
        /* animation: none;
        */
        border-radius: 50%;
        /* width: 60px;
        */
        height: 60px;
        margin: 0 auto;
        display: table;
        margin-top: -20px;
        box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 46%);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        /* border: 5px solid var(--gray);
        */
    }

    .btn-ser-need-ani.fsbtn:before {
        display: none;
    }

    .fqui-menu.act {
        bottom: 0;
    }

    .ani-quo-form.ani-quo-form-act {
        right: 0px;
        top: 0;
        bottom: 0;
        border-radius: 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .btn-ser-need-ani.act {
        bottom: 65px;
    }

    .menu {
        display: none;
    }

    .db-coup-lhs,
    .db-coup-rhs {
        width: 100%;
    }

    .db-coup-rhs {
        padding: 30px 0px 0px 0px
    }

    .top-ser {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        padding: 10px 20px;
        background: #0e0e0ec4;
        box-shadow: 0px 12px 18px 4px #33333354;
        transition: all 0.5s ease;
        z-index: 4;
        opacity: 0;
        visibility: hidden;
        height: 100%;
    }

    .top-ser.top-ser-act {
        /* top: 54px;
        */
        visibility: visible;
        opacity: 1;
        display: block !important;
    }

    .top-ser.top-ser-act input {
        background: #f4f5f7;
        padding: 7px 40px 7px 20px;
    }

    .mess-bd .se1 .s2 {
        width: 100%;
        padding: 0px 0px 1px 0px;
        font-size: 14px;
    }

    .mess-bd .se1 .s3 {
        width: 100%;
        padding-left: 58px;
        color: #3b434e;
        font-weight: 500;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .mess-tit {
        display: none;
    }

    .ud-cen-s2 a.comm-msg-act-btn {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .h2-ban-ql ul li div {
        margin: 5px;
    }

    .ban-search {
        width: 90%;
    }

    .hm3-auto-ban .lhs {
        padding: 50px 50px 0px 0px;
    }

    .hm3-auto-ban .rhs {
        padding: 0px;
    }

    .hm3-auto-ban .lhs h1 {
        font-size: 44px;
        line-height: 50px;
    }

    .hm3-auto-ban {
        background-size: cover !important;
    }

    .all-listing .f2 {
        display: none;
    }

    .about-ban {
        padding: 0px 50px 0px 50px;
    }

    .about-ban h1 {
        font-size: 28px;
    }

    .about-ban p {
        font-size: 14px;
    }

    .pg-list-1 .list-number {
        padding: 10px 0px 0px 0%;
    }

    .list-det-rel-pre ul li,
    .job-list ul li {
        width: 50%;
    }

    .job-cate-main ul li {
        width: 33.333%;
    }

    .job-sear {
        width: 85%;
        background: #06060696;
        padding: 20px;
    }

    .jpro-ban-tit {
        /* background: #fff;
        */
        margin-top: -185px;
        padding-bottom: 50px;
    }

    .jpro-ban-tit .s1,
    .jpro-ban-tit .s2,
    .jpro-ban-tit .s3 {
        width: 100%;
    }

    .jpro-ban-tit .s1 {}

    .jpro-ban-tit .s1 img {
        width: 150px;
        height: 150px;
        margin: 0 auto;
        display: table;
        border-radius: 50%;
    }

    .jpro-ban-bg-img img {
        height: 170px;
    }

    .jpro-ban-tit {
        margin-top: -120px;
    }

    .jb-pro-bio {
        width: 88%;
        margin: 0px 6%;
        margin-bottom: 30px;
    }

    .jpro-bd-com h4,
    .jb-pro-bio h4 {
        font-size: 14px;
        font-weight: 600;
    }

    .jpro-ban-tit .s2 {
        text-align: center;
        color: #333;
        padding-top: 25px;
    }

    .jpro-ban-tit .s2 span,
    .jpro-ban-tit .s2 p {
        color: #333;
        font-size: 16px;
    }

    .jpro-ban-tit .s3 {
        text-align: center;
        float: initial;
        margin: 0 auto;
        display: table;
    }

    .jpro-ban-tit .s3 .cta {
        float: initial;
        padding: 9px 25px;
    }

    .ser-confir-main {
        width: 100%;
        padding: 0px 30px;
    }

    .ser-confir .rhs a {
        width: 100%;
        margin: 5px 0%;
    }

    .plainpg {
        padding: 0px 30px;
    }

    .fqui-menu ul li a {
        font-size: 9px;
    }

    .all-jobs-ban h1 {
        font-size: 30px !important;
    }

    .all-jobs .col-md-9 {
        padding-top: 50px;
    }

    .job-ser-cnt {
        padding: 0px 0px 5px 36px;
        font-size: 14px;
    }

    .jpro-bd {
        padding: 0px 20px;
    }

    .all-list-sh .list-rat-all {
        top: -70px;
    }

    .all-list-item .eve-box div:nth-child(2) span.addr {
        padding-right: 0px;
        padding-bottom: 15px;
    }

    .all-list-item .eve-box div:nth-child(2) span.pho {
        padding-bottom: 15px;
    }

    .news-menu ul {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* height: 50px;
        */
        display: block;
    }

    .news-menu ul li {
        float: initial;
        display: contents;
    }

    .news-hban-box .im img {
        height: 400px;
    }

    .ban-short-links ul li {
        width: 25%
    }

    .que-hom-lhs {
        width: 100% !important;
        padding: 0 0 40px 0;
    }

    .que-hom-rhs {
        width: 100%;
    }

    .que-hom-all ul.nav li a i,
    .tabmov {
        display: none;
    }

    .que h4 {
        font-size: 15px;
    }

    .que-user {
        font-size: 10px;
    }

    .que-deti-full {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .que-mob-nav {
        display: block;
    }

    .que-deti-links {
        position: fixed;
        z-index: 1;
        background: #fff;
        left: -400px;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 260px;
        padding: 62px 20px 20px 50px;
        overflow-y: auto;
        transition: all 0.5s ease-in-out;
    }

    .que-deti-links.act {
        left: 0;
    }

    .hom-more-modu .plac-hom-box h4 {
        font-size: 26px;
    }

    .eve-deta-body .eve-deta-body-main .lhs h1 {
        text-overflow: initial;
        white-space: initial;
        overflow: initial;
    }
    .near-ser-list{padding: 0;}
    .quote-pop {
        padding: 25px;
    }
}

@media screen and (max-width:576px) {
    .container {
        max-width: 90%;
        padding: 0px;
    }
    .all-list-sh .eve-box div:nth-child(2) h4, .all-list-sh .eve-box div:nth-child(2) h4 a{    text-overflow: initial;
        white-space: initial;
        overflow: initial;}
        .all-list-sh .eve-box div:nth-child(2) h4{    float: left;
            width: 100%;
            margin-bottom: 15px;}
    .our-all-ser ul li a {
        margin: 3px;
    }

    .shrt-add-cta {
        right: 102px;
    }

    .shrt-add-inn {
        width: initial;
        left: -201px;
    }

    .how-wrks-inn ul li {
        width: 100%;
    }

    .inte ul li,
    .coup-sec3 ul li {
        width: 100%;
    }

    .wed-foot-link div {
        padding-left: 15px;
        width: 33.333%;
    }

    .list-room-deta .list-enqu-btn ul li {
        width: 50%;
    }

    .lr-user-wr-con {
        display: contents;
    }

    .lr-user-wr-img {
        margin: 0px 10px 20px 0px;
    }

    .pri ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .pri ul li .pri-box ol li {
        margin-bottom: 0px;
    }

    .ud-rhs-sec-2 ul li {
        width: 50%;
    }

    .db-fol-grid ul li {
        width: 50%;
    }

    .pro-fol-gr ol li {
        font-size: 7px;
        width: 33.333%;
    }

    .pro-fol-gr h4 b {
        font-size: 14px;
    }

    .pro-fol-gr img {
        width: 75px;
        height: 75px;
    }

    .comity-all-user .pro-fol-gr img {
        width: 65px;
        height: 65px;
        margin: 0 auto;
        display: table;
        float: initial;
        border-radius: 50px;
        /* margin-top: -65px;
        */
    }

    .comity-all-user {
        padding: 50px 8px;
    }

    .comity-all-user .pro-fol-gr h4 {
        padding-top: 15px;
    }

    .pro-rel-events .event-body .us-ppg-com ul li {
        width: 100%;
    }

    .pro-rel-events .eve-box div:nth-child(3) {
        display: block;
    }

    .event-body .us-ppg-com ul li .eve-box {
        margin: 10px;
    }

    .user-tc-diff ul li {
        width: 100%;
    }

    .user-tc-diff ul li:first-child {
        margin-bottom: 20px;
    }

    .user-tc-diff ul li .pri-box .c4 ol li:first-child {
        margin-bottom: 0px;
    }

    .dir-home-nav-bot ul li span {
        padding-bottom: 20px;
        font-size: 24px;
    }

    .dir-home-nav-bot {
        text-align: center;
    }

    .box-s2 .lhs .comp-pro .all-pro-box {
        width: 100%;
        margin: 1% 0px;
    }

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 100%;
        margin: 1% 0px;
    }

    .ebk-ban .lhs {
        padding: 15px;
    }

    .hm3-auto-ban .lhs {
        padding: 40px 20px 20px 20px;
        width: 100%;
        text-align: center;
    }

    .hm3-auto-ban .rhs {
        width: 100%;
        padding: 30px 30px 0px 30px;
    }

    .ud-rhs {
        padding: 20px 30px;
    }

    .all-list-sh ul li {
        width: 100%;
    }

    .all-listing .col-md-9 {
        background: none;
    }

    .all-listing .row {
        box-shadow: none;
    }

    .all-list-sh .eve-box {
        border-radius: 8px;
        border: 0px solid #fff;
    }

    .all-list-sh .eve-box div:nth-child(2) {
        padding: 30px;
    }

    .all-list-sh .eve-box div:nth-child(2) h4 a {
        font-size: 16px;
        line-height: 24px;
    }

    .all-list-sh span.addr,
    .all-list-sh span.pho,
    .all-list-sh span.mail {
        font-size: 14px !important;
    }

    .all-list-bre {
        padding: 70px 20px 20px 20px;
    }

    .all-pro-bre {
        padding: 60px 20px 55px 20px;
    }

    .ser-re-cout {
        top: 90px;
        z-index: 11;
        width: 80%;
        left: 10%;
    }

    .soc-log .abcRioButtonIcon {
        left: 27%;
    }

    .ud-cen-s3 ul li .db-eve a h5 {
        font-size: 16px;
    }

    .job-list {
        padding: 25px;
    }

    .job-tre .inn div.jbtre-apl {
        width: 100%;
    }

    .jbtre-sale {
        padding: 0px 10px 0px 10px;
    }

    .job-cate-main ul li {
        width: 50%;
        padding: 10px;
    }

    .job-sear ul li {
        padding: 0px;
    }

    .job-sear ul li.sr-sea,
    .job-sear ul li.sr-loc {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .job-sear ul li .chosen-container-single .chosen-single {
        border-radius: 4px;
    }

    .job-sear ul li.sr-btn {
        width: 100%;
    }

    .job-sear ul li.sr-btn button {
        border-radius: 10px;
        margin-left: 0px;
        width: 100%;
    }

    .ser-confir .lhs {
        width: 100%;
        padding: 0px 0px 25px 0px;
        border-bottom: 1px solid #d4d5d3;
        border-right: 0px solid #d4d5d3;
    }

    .ser-confir .rhs {
        width: 100%;
        padding: 25px 0px 0px 0px;
    }

    .ser-confir .full .serv-confi-succ {
        padding: 20px 20px 20px 100px;
    }

    .eve-deta-pg .rhs .quote-pop {
        padding: 0px;
    }

    .news-hom-ban-inn h1 {
        font-size: 22px;
    }

    .cd-cen-intr-inn:before {
        display: none;
    }

    .cd-cen-intr-inn {
        padding: 30px;
        text-align: center;
        background: linear-gradient(to right, #3ee4b6, #429dde, #7b4ffc);
    }

    .cd-cen-intr {
        padding: 15px 0 0 0;
    }

    .ud-cen,
    .ud-enqu .ud-cen {
        padding: 0 20px;
    }

    .que-deti-main {
        padding: 50px 15px;
    }

    .hom-more-modu .plac-hom-box h4 {
        font-size: 20px;
    }

    .hom-more-modu .plac-hom-box img {
        height: 250px;
    }
}

@media screen and (max-width:526px) {
    .job-det-pg .job-tre {
        padding: 40px 20px 40px 20px;
    }

    .lp-ur-all-left {
        width: 100%;
        border-right: 0px solid #6b7f8a;
        padding-right: 0px;
        border-bottom: 2px solid #6b7f8a;
        padding-bottom: 20px;
    }

    .lp-ur-all-right {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .frmtip {
        font-size: 11px;
        right: 12px;
        top: -8px;
        background: #fff;
        padding: 0px 10px;
    }

    .log-bot ul li span {
        font-size: 12px;
    }

    .log-bot ul li {
        padding: 0px 4px;
    }

    .msg-op {
        width: 100%;
        height: 100%;
        top: 0px;
    }

    .msg-op.msg-sho-act {
        right: 0px;
    }

    .msg-op .s3 form textarea {
        width: 70%;
    }

    .msg-op .s3 form button {
        width: 30%;
    }

    .coup-sec2 h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .coup-sec2 {
        padding: 30px; 
    }
    .mob-app{padding-top: 50px;}
    .mob-app .rhs h2{
        font-size: 22px;
    }
}

@media screen and (max-width: 480px) {
    .ban-short-links ul li {
        width: 33.333%
    }
    .ban-ql ul li div a{    padding: 2px 5px;    font-size: 11px;}
    .ban-tit h1 {
        font-size: 12px;
    }

    .pmenu-cat ul li, .str .land-pack ul li {
        width: 100%;
    }

    .hm3-auto-ban .lhs h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .wed-foot-link-pop ul li {
        width: 50%;
    }

    .hom-eve-lhs-1 {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .hom-eve-lhs-2 {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ban-search ul li.sr-cit {
        width: 100%;
    }

    .commun-pg-main input {
        width: 95%;
    }

    .sh-all-scat-box .lhs {
        width: 100%;
    }

    .sh-all-scat-box .lhs img {
        height: 160px;
    }

    .sh-all-scat-box .rhs {
        width: calc(100% - 0px);
        width: 100%;
    }

    .ban-search ul li.sr-sea {
        /* width: 100%;
        */
        /* margin: 10px 0px 0px 0px;
        */
    }

    .ban-search {
        width: 95%;
        padding-top: 12px;
    }

    .ban-tit h1 b {
        font-size: 30px;
        line-height: 32px;
    }

    .home-tit {
        padding-top: 60px;
    }

    .home-tit h2 {
        font-size: 28px;
    }

    .hcity div:nth-child(2) h4 {
        font-size: 14px;
    }

    .wed-foot-link div {
        width: 50%;
    }

    .wed-foot-link div:nth-child(2) {
        border-right: 0px solid #dadada;
    }

    .wed-foot-link div:last-child {
        border-right: 0px solid #dadada;
        border-top: 1px solid #dadada;
        width: 100%;
        margin-top: 35px;
        padding-top: 35px;
    }

    .wed-foot-link div:last-child ul li {
        width: 50%;
    }

    .wed-foot-link {
        padding: 35px 0px 30px 0px;
    }

    .all-list-sh ul li {
        width: 100%;
    }

    .list-bann img {
        height: 150px;
    }

    .pg-list-1-left h3 {
        font-size: 20px;
        padding: 12px 0px;
    }

    .list-det-rel-pre ul li {
        width: 100%;
    }

    .pg-list-1-left img {
        width: 125px;
        height: 125px;
        margin-top: -79px;
    }

    .fot-app ul li a img {
        width: 125px;
        height: 50px;
    }

    .list-filt-v2 ul li {
        width: 16.6666666%;
    }

    .list-filt-v2 .chbox label {
        padding: 4px 2px 0px 2px;
        font-size: 10px;
    }

    .hom-eve-com {
        float: initial;
    }

    .carousel-item img {
        height: 180px;
    }

    .home-list-pop-desc h3 {
        font-size: 16px;
    }

    .list-pg-write-rev form .row {
        margin: 0px;
    }

    .list-pg-write-rev form .col {
        display: contents;
    }

    .list-pg-write-rev form .rating {
        margin: 0px 0px 10px 0px;
    }

    .ud-cen-s3 ul li {
        width: 100%;
    }

    .ud-rhs-sec-2 ul li {
        width: 100%;
    }

    .ud-cen-s1 ul li {}

    .ud-cen-s1 ul li:nth-child(2) div {
        /* margin:0px;
        */
    }

    .ud-cen-s1 {
        padding: 30px 0 5px 0;
    }

    .cd-cen-intr {
        padding: 30px 30px 0 30px;
    }

    .ud-cen-s3 ul li:nth-child(2n+2) div {
        margin: 0px 0px;
    }

    .ud-pro-link .pay-lhs,
    .ud-payment .pay-lhs {
        width: 100%;
        margin-bottom: 15px;
    }

    .ud-pro-link .pay-lhs img,
    .ud-payment .pay-lhs img {
        object-fit: cover;
        height: 135px;
        width: 135px;
        border-radius: 50%;
        margin: 0 auto;
        display: table;
        float: initial;
    }

    .ud-pro-link .pay-rhs,
    .ud-payment .pay-rhs {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }

    .pay-rhs ul li:nth-child(2) {
        font-size: 18px;
    }

    .ud-payment {
        box-shadow: 0px 0px 0px 1px rgba(157, 152, 152, 0.06);
    }

    .ud-cen-s1 ul li div {
        padding: 15px 8px 5px 8px;
        /* border: 3px solid #fff;
        */
    }

    .ud-cen-s1 ul li div h4 {
        font-size: 12px;
    }

    .ud-cen-s1 ul li div b {
        font-size: 32px;
    }

    .ud-cen-s1 ul li div p {
        display: none;
    }

    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 45px;
    }

    .db-noti ul li div {
        font-size: 13px;
    }

    .db-noti ul li p {
        font-size: 12px;
    }

    .ud-cen-s2 a.db-tit-btn,
    .ud-cen-s3 a.db-tit-btn {
        padding: 3px 5px;
        font-size: 11px;
    }

    .cre-dup a,
    .cre-dup span {
        font-size: 13px;
    }

    .add-list .skip {
        font-size: 11.5px;
        letter-spacing: 1px;
    }

    .add-list-ste-inn ul li {
        margin: 0px 5px;
    }

    .blog-head .ban-search .sr-sea {}

    .blog-head .ban-search {
        width: 100%;
    }

    .blog-head .ban-search .sr-btn {
        width: 35%;
    }

    .blog-body .us-ppg-com ul li,
    .event-body .us-ppg-com ul li {
        width: 100%;
    }

    .event-body .eve-box div:nth-child(3) {
        display: block;
    }

    .event-body .eve-box div:nth-child(1) a img {
        height: 165px;
    }

    .ad-pri-cal ul li {
        width: 50%;
    }

    .ad-pri-cal ul li div {
        margin: 5px;
    }

    .us-pro-sec-1-lhs {
        width: 100%;
    }

    .us-pro-sec-1-lhs img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        display: table;
    }

    .us-pro-sec-1-rhs {
        float: left;
        width: 100%;
        padding-left: 0px;
        text-align: center;
        padding-top: 30px;
    }

    .us-pro-sec-1-rhs ul.lis-cou {
        float: initial;
        border-bottom: 1px solid #efd0d0;
        padding-bottom: 17px;
        margin: 0 auto;
        display: table;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .us-pro-sec-1-rhs h1 {
        padding-right: 0px;
    }

    .us-pro-sec-1-rhs p {
        float: initial;
        text-align: center;
    }

    .us-pro-sec-1-rhs ul.pro-soci {
        float: initial;
        width: auto;
        margin: 0 auto;
        display: table;
        margin-top: 25px;
    }

    .us-pro-sec-1 {
        padding: 30px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0px 1px 19px 0px rgba(42, 42, 42, 0.08);
    }

    .us-pro-sec-1-rhs ul.lis-cou li {
        font-size: 12px;
        padding-right: 4px;
    }

    .us-ppg-com ul li {
        width: 100%;
    }

    .all-list-sh .links {}

    .list-ban-btn ul li {
        width: 48%;
        margin: 0px 1% 10px 1%;
    }

    .list-ban-btn ul li .cta {
        background: #ededed;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .pmenu-spri ul li {
        width: 43%;
    }

    .menu {
        margin: 10px 10px 8px 1px;
    }

    .hom-nav .ic-logo {
        width: 170px;
    }

    .all-list-sh ul li {
        width: 100%;
        padding: 15px 15px 15px;
    }
    .bb-text h4 {
        font-size: 18px;
    }

    .list-filt-v2 ul li {
        padding: 2px;
    }

    .ud-cen a.db-tit-btn {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding: 10px 5px !important;
        font-size: 13px !important;
    }

    .ud-rhs-pay-inn h3 {
        font-size: 14px;
    }

    .ud-rhs-status ul li span {
        font-size: 13px;
    }

    .ud-cen-s2 table tr th {
        font-size: 12px;
    }

    .ud-cen-s2 table tr td {
        font-size: 11px;
    }

    .ud-cen-s2 table tr td:nth-child(2) {
        font-size: 11px;
        text-align: left;
    }

    .ud-lhs-s2 ul li a {
        font-size: 14px;
        padding: 8px 0px;
        font-weight: 500;
    }

    .ud-lhs-s1 h4 {
        font-size: 18px;
        padding-top: 0px;
        margin-top: 15px;
    }

    .job-list ul li {
        width: 100%;
    }

    .all-jobs-ban h1 {
        font-size: 22px !important;
    }

    .all-jobs-ban {
        padding: 40px 0px 0px 0px;
    }

    .all-jobs-ban p {
        font-size: 14px;
    }

    .job-counts {
        width: 95%;
        border: 1px solid #e6e5e5;
    }

    .job-counts ul li {
        padding: 0px 5px;
        width: 33.333%;
    }

    .job-counts ul li h4 {
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .sub-tit h2 {
        font-size: 24px;
    }

    .hom2-hom-ban-main,
    .how-wrks {
        padding: 0px 20px 0px;
    }

    .all-listing-pg {
        background: #f1f1f1;
    }

    .que-hom-all ul.nav li a {
        font-size: 11px;
        padding: 5px;
    }
}

@media screen and (max-width:420px) {

    .pmenu-cat ul li,
    .pmenu-eve ul li {
        width: 100%;
    }

    .pmenu-eve ul li:nth-child(odd) div {
        margin: 0px 0px 15px 0px;
    }

    .pmenu-eve ul li:nth-child(even) div {
        margin: 0px 0px 15px 0px;
    }

    .comity-all-user ul li {
        width: 49%;
    }

    .blog-head .ban-search ul li.sr-sea input {
        width: 100%;
    }
}

.demo .home-city ul li {
    width: 33.3333%;
}

.demo .home-city ul li div {}

.demo .hcity div:nth-child(1) img {
    margin: 0px;
}

.demo .hcity div:nth-child(1) img {
    height: 225px;
}

.country.demo {
    background-position: center bottom;
    background-size: 45%;
    margin-top: 60px;
}

.demo .home-tit {
    padding-top: 65px;
}

.wed-hom-footer.demo .home-tit {
    padding-top: 0px;
}

.demo .inte ul li div h4 {
    padding-bottom: 0px;
}

.demo .hcity div:nth-child(2) img {
    border: 5px solid #fff;
    background: #fff;
}

.foot-count ul li a {
    color: #e1dff3;
    font-size: 12px;
    text-transform: capitalize;
}

.hom-top.demo .hom-nav .ic-logo {
    margin-left: 0px;
}

.chosen-select {
    width: 100%
}

.chosen-select-deselect {
    width: 100%
}

.chosen-container {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    height: 42px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    width: 100% !important;
}

.chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #fafbfb;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
    box-shadow: 0px 8px 16px -6px rgb(0 0 0 / 25%);
    margin-top: -1px;
    position: absolute;
    top: 100%;
    left: -9000px;
    z-index: 1060;
    padding: 6px;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
    right: 0
}

.chosen-container .chosen-results {
    color: #555;
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    line-height: 1.42857143;
    list-style: none;
    margin: 0;
    padding: 5px 6px;
    font-size: 12.5px;
    font-weight: 500;
    color: #676a73;
    border-radius: 3px;
    text-align: left;
}

.chosen-container .chosen-results li em {
    background: #feffde;
    font-style: normal
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default;
    color: #999;
    font-weight: 700
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item;
    width: 100%;
    font-size: 14.5px;
    font-weight: 500;
    color: #445667;
    border-bottom: 1px solid #f6f3ff;
    border-radius: 0px;
    padding: 10px 5px;
    transition: all 0.3s ease;
}

.chosen-container .chosen-results li:first-child {
    
}

.chosen-container .chosen-results li.highlighted {
    background-color: #e7fbe8;
    background-image: none;
    color: #2d8632;
}
.chosen-container .chosen-results li.active-result.result-selected.highlighted{}

.chosen-container .chosen-results li.highlighted em {
    background: transparent
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #777
}

.chosen-container .chosen-results .no-results {
    background: #eee;
    display: list-item
}

.chosen-container .chosen-results-scroll {
    background: #fff;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1
}

.chosen-container .chosen-results-scroll span {
    display: inline-block;
    height: 1.42857143px;
    text-indent: -5000px;
    width: 9px
}

.chosen-container .chosen-results-scroll-down {
    bottom: 0
}

.chosen-container .chosen-results-scroll-down span {
    background: url(chosen-sprite.png) no-repeat -4px -3px
}

.chosen-container .chosen-results-scroll-up span {
    background: url(chosen-sprite.png) no-repeat -22px -3px
}

.chosen-container-single .chosen-single {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    /* border:1px solid #ccc;
    */
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    /* -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    */
    /* box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    */
    color: #555;
    display: block;
    height: 40px;
    overflow: hidden;
    line-height: 34px;
    padding: 3px 5px 0 12px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 13px;
}

.chosen-container-single .chosen-single abbr {
    background: url(../images/chosen-sprite.png) right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 26px;
    top: 12px;
    width: 12px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: right -11px
}

.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
    background-position: right 2px
}

.chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px
}

.chosen-container-single .chosen-single div b {
    background: url(../images/chosen-sprite.png) no-repeat 0 7px;
    display: block;
    height: 100%;
    width: 100%;
    display: none;
}

.chosen-container-single .chosen-single div:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #87949f transparent;
    z-index: 2;
    transform: rotate(180deg);
}

.chosen-container-single .chosen-default {
    color: #777
}

.chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1000
}

.chosen-container-single .chosen-search input[type="text"] {
    background: url(chosen-sprite.png) no-repeat 100% -20px, #fff;
    border: 1px solid #dde1e2;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    /* -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    */
    /* box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    */
    margin: 4px 0;
    padding: 4px 20px 4px 4px;
    width: 100%;
    height: 35px;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.chosen-container-single-nosearch .chosen-search input {
    position: absolute;
    left: -9000px
}

.chosen-container-multi .chosen-choices {
    background-color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: text;
    margin: 0;
    overflow: hidden;
    padding: 3px 5px 0 5px;
    position: relative;
    height: 40px;
    /* border:1px solid #e4e6f2;
    */
    font-size: 15px;
    font-weight: 500;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices .search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    background: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #555;
    height: 32px;
    margin: 0;
    padding: 4px;
    outline: 0;
    font-size: 12px;
}

.chosen-container-multi .chosen-choices .search-field .default {
    color: #999
}

.chosen-container-multi .chosen-choices .search-choice {
    background-clip: padding-box;
    background-color: #f2f8fd;
    border: 1px solid #e9eff4;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #1386d1;
    cursor: default;
    line-height: 13px;
    margin: 6px 0 3px 5px;
    padding: 4px 20px 3px 5px;
    position: relative;
    font-size: 11.5px;
    background-color: #e7fbe8;
    color: #2d8632;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url(chosen-sprite.png) right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 5px;
    width: 12px;
    cursor: pointer
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-position: right -11px
}

.chosen-container-multi .chosen-choices .search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
    background-position: right -11px
}

.search-choice-close:after {
    content: 'close';
    position: absolute;
    color: #45b95e;
    font-size: 12px;
    font-weight: 600;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none
}

.chosen-container-active .chosen-single {
    /* border:1px solid #66afe9;
    */
    /* -webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    */
    /* box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    */
    /* -webkit-transition:border linear .2s,box-shadow linear .2s;
    */
    -o-transition: border linear .2s, box-shadow linear .2s;
    /* transition:border linear .2s,box-shadow linear .2s;
    */
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    /* border:1px solid #66afe9;
    */
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /* -webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    */
    /* box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    */
    /* -webkit-transition:border linear .2s,box-shadow linear .2s;
    */
    -o-transition: border linear .2s, box-shadow linear .2s;
    /* transition:border linear .2s,box-shadow linear .2s;
    */
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent;
    border-left: none
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px
}

.chosen-container.chosen-container-single .chosen-single div b:before {
    content: "arrow_drop_down";
}

.job-sear .chosen-container.chosen-container-single .chosen-single div b:before {
    margin-top: 8px;
}

.chosen-container-active .chosen-choices {}

.chosen-container-active .chosen-choices .search-field input[type="text"] {
    color: #111 !important
}

.chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.chosen-disabled {
    cursor: default;
    opacity: .5 !important
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    padding: 0 8px 0 0;
    overflow: visible
}

.chosen-rtl .chosen-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl
}

.chosen-rtl .chosen-single div {
    left: 7px;
    right: auto
}

.chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto
}

.chosen-rtl .chosen-choices .search-field input[type="text"] {
    direction: rtl
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices .search-choice {
    margin: 6px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices .search-choice .search-choice-close {
    background-position: right top;
    left: 4px;
    right: auto
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results .group-option {
    padding-left: 0;
    padding-right: 15px
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type="text"] {
    background: url(chosen-sprite.png) no-repeat -28px -20px, #fff;
    direction: rtl;
    padding: 4px 5px 4px 20px
}