@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap); :root {
    --btnshadow: 0 7px 13px -6px #0e0f10cc;
    --btnshadow1: 0 5px 23px -8px #0e0f1040;
    --topspac: 49px;
    --topspac1: 57px;
    --bodyfont: Poppins,sans-serif
}

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

* {
    font-family: 'Noto Sans',sans-serif
}

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

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

li {
    list-style-type: none
}

b {
    font-weight: 600
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

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

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

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

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

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

.b-lazy {
    opacity: 0;
    transform: scale(1.2);
    transition: all .5s
}

.b-loaded {
    opacity: 1;
    transform: scale(1)
}

div:after {
    content: '';
    clear: both;
    display: table
}

button:focus {
    outline: 0
}

.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,.mail:before,.pho:before {
    font-size: 20px
}

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

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

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

.cta-caps {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 10px 2px;
    border-radius: 0;
    text-transform: uppercase;
    position: relative
}

.cta-caps-big {
    text-transform: uppercase;
    font-size: 16px!important;
    padding: 12px 40px!important
}
.ban-tit {
    text-align: center;
    width: 100%;
    position: relative
}

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

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

.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: 0 0 30px;
    color: #fff;
    padding: 140px 0 10px;
    font-size: 20px
}

.ban-search {
    margin: 0 auto;
    display: table;
    width: 55%;
    position: relative;
    box-shadow: 0 12px 19px 0 #00000017;
    z-index: 7
}

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

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

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

.ban-search li select {
    outline: 0
}

.ban-search li:first-child select {
    border-radius: 10px 0 0 10px
}

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

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

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

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

.blog-body .ban-search ul li,.event-body .ban-search ul li,.event-body .ban-search ul li.sr-sea {
    width: 100%;
    display: block;
    margin-top: 10px
}

.blog-body .ban-search ul li .chosen-container .chosen-results li,.event-body .ban-search ul li .chosen-container .chosen-results li {
    margin: 0
}

.blog-body .ban-search li .chosen-container .chosen-single,.blog-body .ban-search ul li input,.event-body .ban-search li .chosen-container .chosen-single,.event-body .ban-search ul li input {
    border-radius: 10px
}

body.rtl {
    overflow-x: hidden!important
}

.rtl,.rtl * {
    direction: rtl
}

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

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

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

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

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

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

.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:after,.rtl .chbox label:before {
    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-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 .ud-lhs {
    float: right;
    left: initial;
    right: 0
}

.rtl .ud-cen {
    float: right
}

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

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

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

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

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

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

.rtl .ud-lhs-s1 {
    padding: 0 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 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 h4 {
    padding: 20px 22px 5px 0;
    text-align: right
}

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

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

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

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

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

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

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

#loadingmessage,#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9
}

#loadingmessage1,#status {
    position: absolute;
    left: 47%;
    top: 32%;
    border: 0;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background: #fff;
    box-shadow: 0 0 22px -4px #0000003b
}

#status {
    position: relative;
    width: 70px;
    height: 70px;
    display: inline-block
}

#status:after,#status:before {
    content: "";
    display: block;
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-radius: 50%
}

#status:before {
    width: 70px;
    height: 70px;
    border-bottom-color: #005aff;
    border-right-color: #005aff;
    border-top-color: transparent;
    border-left-color: transparent;
    animation: loader-circle-2-animation-2 1s linear infinite
}

#status:after {
    width: 40px;
    height: 40px;
    border-bottom-color: #ffc107;
    border-right-color: #ffc107;
    border-top-color: transparent;
    border-left-color: transparent;
    top: 22%;
    left: 22%;
    animation: loader-circle-2-animation .85s linear infinite
}

@keyframes loader-circle-2-animation {
    0% {
        transform: rotate(0)
    }

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

@keyframes loader-circle-2-animation-2 {
    0% {
        transform: rotate(0)
    }

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

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

label.error {
    color: #ff1d1d!important;
    font-size: 11px!important;
    margin-bottom: 0;
    text-transform: capitalize!important
}

.img-uplo-flex label.error {
    position: absolute;
    right: 0;
    bottom: -15px;
    z-index: 1
}

.spa-first-review {
    border: 1px solid #d3e0e9;
    border-radius: 4px;
    background: #f0f9ff;
    padding: 20px;
    margin: 15px 0;
    text-align: center;
    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: 0;
    font-size: 13px;
    font-weight: 500
}

.log-suc p {
    border: 1px solid #d3e9d7;
    border-radius: 4px;
    background: #f0fff5;
    padding: 8px;
    margin: 15px 0;
    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 0;
    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: 0;
    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: 0;
    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 0 100px;
    position: relative;
    color: #fff
}

.hm3-auto-ban .lhs span {
    color: #44b2f3;
    font-size: 14px;
    font-weight: 500;
    padding: 0 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;
    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: 0 4px 20px -4px #15212f
}

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

.hm3-auto-ban .rhs .hom-col-req {
    margin: 0;
    box-shadow: 0 -7px 18px -5px #0000003b;
    border-radius: 0;
    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
}

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

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

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

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

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

.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%;
    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 0 #0000003d
}

.oops-no-resu {
    font-size: 21px;
    color: #bfbfbf;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fff;
    text-transform: uppercase;
    margin-top: 5%
}

.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-blog li.sr-cit,.ban-search.ban-sear-all.ser-oly-event li.sr-cit,.ban-search.ban-sear-all.ser-oly-place li.sr-cit,.ban-search.ban-sear-all.ser-oly-product li.sr-cit {
    display: none
}

.ban-search.ban-sear-all.ser-oly-blog li.sr-nor,.ban-search.ban-sear-all.ser-oly-event li.sr-nor,.ban-search.ban-sear-all.ser-oly-place 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 {
    color: #333;
    background: #f9fafb;
    max-width: 100%;
    text-align: center;
    padding: 25px;
    font-size: 18px;
    border-bottom: 1px solid #e2e1e1
}

.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: 0 1px 15px -1px #3333334f
}

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

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

.ser-resu ul li:hover .ser1 a {
    color: #1182dc
}

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

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

.ser1 {
    padding: 15px
}

.ser1 a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    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: 0 5px;
    font-weight: 400;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0
}

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

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

.ser3 p {
    margin-bottom: 0
}

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

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

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

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

.com-def-pge,.modu-hom-ban {
    margin-top: var(--topspac);
    padding: 70px 0 60px
}

.modu-hom-ban-inn {
    text-align: center
}

.com-def-pge h1 {
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 10px
}

.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: 32px;
    font-weight: 600;
    padding: 0;
    position: relative;
    left: initial;
    padding-bottom: 15px
}

.hom-more-modu .plac-hom-box a {
    background: var(--blue);
    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
}

.menu {
    margin-right: 20px;
    float: left;
    margin-right: 20px;
    border-left: 1px solid #4f6171;
    padding: 5px 5px 5px 12px;
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
    position: relative
}

.al:after,.menu:after,.pmenu-cat ul li a:before {
    content: '';
    background: url(../images/icon/svg/down-arrow.svg);
    transition: all .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: 0;
    font-weight: 500
}

.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 #4274eb;
    animation: pulse 1.5s infinite;
    color: #fff
}

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

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

.pulse:hover {
    animation: none
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #b2ddff
    }

    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 #b2ddff;
        box-shadow: 0 0 0 0 #b2ddff
    }

    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: #fff;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    padding: 25px;
    box-shadow: 0 15px 36px -12px rgba(0,0,0,.5);
    margin-top: 47px;
    left: 0;
    transition: all .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: 0;
    z-index: -1;
    left: 0
}

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

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

.pmenu-sear form input {
    width: 100%;
    border: 0;
    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;
    min-height: 460px;
    overflow: hidden;
    overflow-y: auto
}

.menu-tab {
    display: none
}

.menu-list {
    display: block
}

.pmenu-cat h4 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px
}

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

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

.pmenu-cat ul li a {
    color: #58677b;
    font-size: 14px;
    font-weight: 500;
    transition: all .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 .2s ease
}

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

.pmenu-cat ul li a:before {
    margin: 5px 0 0 -20px;
    color: #9d9faa;
    transition: all .2s ease;
    width: 9px;
    height: 9px;
    transform: rotate(-90deg);
    opacity: .6
}

.pmenu-cat ul li .sub-cat-menu {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 200px;
    border-radius: 2px;
    visibility: hidden;
    top: 26px;
    box-shadow: 0 3px 13px 3px #dededea1;
    padding: 12px 7px 7px 18px;
    transition: all .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: 0
}

.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(0);
    opacity: 1
}

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

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

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

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

.pmenu-eve ul li div:hover {
    box-shadow: 0 20px 24px -22px rgba(51,57,60,.88);
    transition: all .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
}

.pmenu-spri ul li a {
    color: #000;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 9px 20px;
    width: 100%;
    text-transform: uppercase;
    position: relative
}

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

.menu-tab-sub:after {
    content: '';
    border: 2px solid #333;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    margin: 5px 0 0 7px
}

.pop-menu.ani,.shrt-add-inn.ani {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    overflow: initial
}

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

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

.pop-menu.ani .pmenu-spri ul li:first-child {
    transition-delay: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.list-ban-sli {
    background: linear-gradient(to bottom,#a4a4a4,#e6e9eb)
}

.list-ban-sli-25 {
    margin: 0 auto;
    width: 100%;
    position: relative;
    margin-top: var(--topspac1)
}

.list-ban-sli-25 img {
    height: 500px;
    object-fit: cover;
    width: 100%
}

.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;
    padding: 35px 15px 0;
    font-weight: 600
}

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

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

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

.dir-home-nav-bot ul li:first-child {
    width: 58%;
    font-weight: 500
}

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

.dir-home-nav-bot ul li a {
    font-size: 14px;
    margin-right: 10px;
    height: inherit;
    padding: 15px 15px 15px 25px;
    color: #fff;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    border-radius: 5px;
    background: #8d18c0;
    background: linear-gradient(39deg,#d90c55,#8d18ba 80%)
}

.dir-home-nav-bot ul li a i {
    vertical-align: sub;
    color: #fff;
    font-size: 20px;
    padding-right: 5px
}

.dir-ani-btn {
    position: relative;
    background-color: #15b0f6;
    border: none;
    font-size: 28px;
    color: #fff;
    padding: 2px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(14,14,13,.42);
    border-bottom: 1px solid #0793d2;
    color: #fff;
    background-color: #1ebef0;
    border: 1px solid #1ebef0;
    font-weight: 600;
    border-radius: 2px;
    text-shadow: 0 1px 0 rgba(255,255,255,.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 .8s
}

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

.top-log {
    float: left
}

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

.top-ser form {
    width: 100%;
    position: relative
}

.top-ser form ul li:after {
    font-size: 21px;
    color: #0b253a
}

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

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

.top-ser form ul li.sbtn button {
    width: 40px;
    height: 33px;
    cursor: pointer;
    border-radius: 0 1px 1px 0;
    content: "search";
    font-size: 14px;
    padding: 5px 0;
    background: 0 0;
    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 0 0 6px;
    font-size: 21px;
    opacity: .6
}

.hom-head {
    padding: 0 0 255px;
    background-color: #000;
    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 0 0
}

.hom-top .container {
    position: relative
}

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

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

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

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

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

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

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

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

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

.hom-nav .bl li a {
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 49px;
    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 {
    transition: all .5s ease;
    right: -12px;
    top: 10px;
    color: #aaadaf;
    filter: invert(1);
    width: 10px;
    height: 10px;
    opacity: 0
}

.head-pro {
    padding: 3px 0 0;
    display: inline-block
}

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

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

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



.event-body .ban-search ul li .ui-widget.ui-widget-content {
    width: 100%
}

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

.blog-body .ban-search ul li:before,.event-body .ban-search ul li:before {
    content: '';
    margin-top: 19px
}

.ban-search ul li:first-child .chosen-container a {
    border-radius: 10px 0 0 10px
}

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

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

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

.ban-search ul li.sr-time:before {
    content: 'access_time'
}

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

.ban-search ul li.sr-nor:before {
    content: 'search';
    font-size: 22px;
    margin: 14px 0 0 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 0 0 16px;
    font-size: 21px;
    opacity: .6
}

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

.ban-search ul li input[type=submit] {
    color: #fff;
    border: 0 solid #005ba2;
    padding: 0 25px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all .5s ease;
    border-radius: 0 10px 10px 0
}

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

.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;
    margin-top: -175px
}

.ban-ql ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: center;
    gap: 15px
}

.ban-ql ul li {
    background: #fff;
    text-align: center;
    padding: 25px 20px 27px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 9px -4px #0000008f;
    border-radius: 15px
}

.ban-ql ul li:hover {
    transition: all .2s ease;
    transform: translateY(-5px);
    box-shadow: 0 11px 45px -13px rgba(37,39,42,.67);
    z-index: 9
}

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

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

.ban-ql ul li div p {
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
    font-weight: 500;
    color: #818181;
    margin-bottom: 0;
    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:last-child div {
    border-right: 0
}

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

.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: 0
}

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

.land-pack {
    margin: 0
}

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

.land-pack ul li {
    float: left;
    width: 25%;
    padding: 0 10px
}

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

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

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

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

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

.slick-dots {
    margin: 0 auto;
    display: table
}

.slick-dots li {
    display: inline-block;
    width: auto!important;
    padding: 0 3px!important
}

.slick-dots li button {
    color: #fff0;
    width: 60px;
    height: 14px;
    border-radius: 50px;
    outline: 0;
    transition: all .5s ease-in-out 0;
    display: block
}

.list-ban-sli .slick-dots {
    padding: 0;
    top: -30px
}

.list-ban-sli .slick-dots li button {
    height: 8px;
    width: 50px
}

.slick-dots li button {
    background: #fff;
    border: 2px solid #00000042
}

.slick-dots {
    padding-top: 25px
}

.slick-dots li.slick-active button {
    background: #f6af04;
    border: 2px solid #fbf8ed
}

.dir-ho-cat {
    font-size: 14px;
    font-weight: 600
}

.land-pack-grid-btn {
    color: #3330;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    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
}

.hom-more,.land-pack .more {
    color: #fff;
    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: 0;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    font-size: 16px
}

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

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

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

.ho-popu-bod {
    width: 100%
}

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

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

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

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

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

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

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

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

.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: 0 15px
}

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

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

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

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

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

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

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

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

.hot-page2-hom-pre-head h4 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    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 .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: 0 -1px 0 rgba(0,0,0,.28);
    right: 36px;
    margin-top: -67px
}

.list-pop .tit {
    padding: 10px 25px 0;
    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 .addr {
    padding: 8px 25px 20px;
    position: relative;
    overflow: hidden
}

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

.list-pop .enq a,.list-pop .enq span {
    padding: 6px 10px;
    border-radius: 2px;
    color: #fff;
    float: left;
    width: 46%;
    text-align: center;
    margin: 0 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-map,.list-pop .addr ul .ic-web {
    width: 50%
}

.all-list-sh .list-rat-all {
    position: relative;
    padding: 0;
    width: 76px;
    right: initial;
    top: initial;
    background: #fff2de;
    border: 0;
    border-radius: 3px
}

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

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

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

.all-list-sh .list-con {
    overflow: initial;
    background: #fff;
    position: relative;
    height: 130px;
    padding: 20px 20px 50px;
    transition: all .3s ease-in-out
}

.list-mig-like-com:hover {
    transition: all .5s ease;
    transform: translateY(-5px);
    box-shadow: 0 19px 15px -15px rgba(37,39,42,.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,.82) 10%,rgba(84,84,84,.35) 80%);
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 5px;
    transition: all .5s ease;
    cursor: pointer
}

.list-mig-like-com:hover a {
    transition: all .5s ease
}

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

.ban-short-links ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.ban-short-links ul li {
    padding: 5px;
    transition: all .5s ease;
    transform: translateY(30px);
    opacity: 0
}

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

.ban-short-links.ani ul li:first-child {
    transition-delay: .1s
}

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

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

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

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

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

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

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

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

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

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

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

.ban-short-links ul li div h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

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

.inte {
    position: relative;
    overflow: hidden;
    width: 100%
}

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

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

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

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

.hom-oth:hover {
    box-shadow: 0 12px 13px -9px rgba(0,0,0,.68);
    transition: all .5s ease;
    transform: translateY(-5px)
}

.hom-oth div:first-child {
    float: left;
    width: 30%
}

.hom-oth div:first-child 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: 0;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden
}

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

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

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

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

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

.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: 0;
    margin: 40px 0 0
}

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

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

.hom-ab-in h2 {
    margin: 0;
    text-align: center;
    font-size: 24px
}

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

.msg-op {
    transition: all .5s ease;
    background: #fff;
    padding: 15px;
    box-shadow: 0 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 0;
    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 .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: 0;
    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: 0;
    border-radius: 0;
    box-shadow: none
}

.msg-op .s1 h4 {
    font-size: 12px;
    float: left;
    padding: 2px 0 0 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;
    position: absolute;
    left: 0;
    top: 70px;
    height: 78%;
    bottom: 0;
    overflow-y: auto;
    border-top: 1px solid #eaecf0
}

.msg-op .s2 .chat-con {
    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: 0 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: 0 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: 0;
    left: 0;
    background: #d9dfe7;
    padding: 15px
}

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

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

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

.full-bot-book {
    padding: 60px 0 50px;
    position: relative;
    background: url(../images/worldmap.png) #11009bdb;
    background-size: 700px;
    width: 100%;
    display: flex
}

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

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

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

.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 #0000003b;
    border: 1px solid #5538cb
}

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

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

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

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

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

.sh-all-scat ul {
    padding: 0 10px
}

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

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

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

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

.sh-all-scat-box .rhs h4 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px
}

.sh-all-scat-box .rhs h4 span {
    color: #000;
    font-weight: 500
}

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

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

.sh-all-scat-box .rhs ol li a {
    font-size: 14px;
    border: 1px solid #c5d0dc;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 7px;
    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
}

.hom-mpop-ser {
    background: #f6f6f7;
    margin: 90px 0 0;
    padding-bottom: 80px
}

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

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

.hom-mpop-main {
    padding: 0 0 70px
}

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

.hom-mpop:hover {
    box-shadow: 0 11px 9px -10px rgba(0,0,0,.52);
    transition: all .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: #000;
    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: 0;
    font-size: 13px
}

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

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

.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: 45px;
    top: -9px;
    left: 3px;
    color: #000
}

.slick-arrow.slick-disabled {
    opacity: .2!important;
    cursor: auto
}

.slick-prev {
    left: 14px
}

.slick-next {
    right: 14px
}

.slick-next:before {
    content: 'chevron_right'
}

.img-uplo-flex {
    display: flex;
    align-items: center;
    width: 100%
}

.img-uplo-flex img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 5px;
    margin-left: 10px;
    transition: all .4s ease
}

.img-uplo-flex img:hover {
    transform: scale(1.5)
}

.img-uplo-flex input,.log .img-uplo-flex input {
    width: calc(100% - 40px)!important
}

.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;
    color: #333;
    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: 0;
    margin-bottom: 0;
    margin-top: 50px
}

.hom-cre-acc-left ul li {
    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;
    margin-top: -10px
}

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

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

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

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

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

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

.hom-col-req input,.hom-col-req select,.hom-col-req textarea {
    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 0;
    transition: all ease .5s
}

.wed-hom-footer {
    padding: 60px 0 40px;
    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: 13px;
    color: #e1dff3
}

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

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

.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: 0 solid #dadada
}

.wed-video2 {
    padding: 50px 0;
    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-pop {
    padding: 30px 0 0
}

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

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

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

.wed-foot-link ul li a:hover,.wed-foot-link-pop 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: 0;
    padding: 8px;
    color: #adadad;
    font-size: 13px
}

.hom-event {
    position: relative;
    overflow: hidden
}

.hom-eve-com {
    float: left
}

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

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

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

.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:first-child img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 250px;
    transition: all .5s ease;
    cursor: pointer
}

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

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

.eve-box div:nth-child(2) h4 {
    font-size: 17px;
    padding-bottom: 10px;
    position: relative;
    font-weight: 600;
    text-align: left;
    padding-left: 0;
    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: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 20px;
    height: 50px;
    color: #86807c;
    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: 0
}

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

.fil-mob-clo {
    position: absolute;
    top: 5px;
    z-index: 99;
    display: inline-block;
    right: 15px;
    display: none
}

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

.hom-eve-lhs-2 ul li {
    margin-bottom: 15px
}

.eve-box-list {
    background: #fff;
    padding: 0 10px 0 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    box-shadow: 0 0 9px -7px rgba(150,150,150,.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 .5s ease
}

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

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

.eve-box-list span {
    position: absolute;
    background: #000000a1;
    z-index: 3;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 2px;
    border-radius: 0;
    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: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5
}

.all-listing-pg {
    background-image: linear-gradient(358deg,#fff 0,#cad5dd 100%)
}

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

.all-listing {
    margin-top: var(--topspac)
}

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

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

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

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

.all-listing .col-md-9 {
    border-radius: 0 5px 0 0
}

.all-filt {
    position: relative;
    height: 100%
}

.all-listing .col-md-9 .inn {
    padding: 20px 0 40px 25px;
    border-left: 1px solid #98a2a7;
    margin-left: 20px
}

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

.all-list-sh ul li {
    padding: 0 10px 15px
}

.all-list-item {
    float: left;
    width: 33.333%;
    position: relative;
    display: flex;
    border-radius: var(--e-global-lborder-radius);
    flex-direction: column;
    height: 100%
}

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

.all-list-sh .list-qview .eve-box div:first-child {
    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: 44px
}

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

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

.user-tcon {
    position: relative
}

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

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

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

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

.user-tc-diff ul li .pri-box .c6 h4 {
    margin: 30px 0 0;
    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 .c5 {
    float: left
}

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

.col-flex {
    display: flex;
    flex-wrap: wrap
}

.col-grid {
    display: grid
}

.pri-box .c5 a {
    color: #000;
    padding: 18px 35px 5px 35px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    display: block;
    border-radius: 50px;
    background: #fff;
    transition: all .5s ease-out
}

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

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

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

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

.filt-com {
    margin-bottom: 25px;
    padding: 25px;
    background: #fff;
    box-shadow: 0 7px 20px -5px rgba(150,150,150,.29);
    border-radius: 10px
}

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

.filt-com.lhs-ads {
    margin-top: 15px
}

.list-filt-v2 {
    background: #fff;
    float: left;
    width: calc(100% - 24px);
    padding: 0;
    box-shadow: 0 0 7px 0 #3333330f;
    border-radius: 4px;
    margin-top: 20px;
    margin-left: 12px
}

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

.list-filt-v2 .chbox input[type=checkbox]:checked+label {
    background: #c6dae8
}

.list-filt-v2 .chbox label {
    padding: 5px 7px;
    float: left;
    text-align: center;
    margin: 0;
    background: #b3c6d3;
    font-size: 12px;
    font-weight: 600
}

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

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

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

.list-filt-v2 .chbox label:before {
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 0 0 0 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:first-child {
    width: 75%
}

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

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

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

.filt-com h4 {
    font-size: 14px;
    color: #000;
    padding-left: 25px;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Noto Sans',sans-serif
}

.filt-com h4:before {
    margin: -4px 0 0 -28px;
    font-size: 20px;
    text-transform: none
}

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

.listing-box .al-img img.list-pro-thum {
    border-radius: 5px 5px 0 0;
    height: 200px;
    width: 100%;
    object-fit: cover
}

.listing-box h4 a {
    font-size: 15px;
    font-family: 'Noto Sans',sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 21px;
    display: inline-block;
    margin: 4px 0 0;
    height: 40px;
    overflow: hidden
}

.listing-box .li-veri img {
    width: 20px;
    height: 20px;
    border: 1px solid #f1f0ed;
    border-radius: 50px;
    padding: 3px;
    background: #0000007a
}

.listing-box .quo {
    color: #f10;
    border: 2px solid #f44336;
    font-size: 13px;
    font-weight: 600;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 8px 5px;
    font-size: 15px;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-bottom: 20px;
    text-transform: inherit;
    cursor: pointer
}

.listing-box {
    transition: all .5s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    background: #fff;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    height: 335px
}

.listing-box .list-pro {
    display: inline-block;
    margin: -41px 0 0;
    position: absolute
}

.listing-box .list-pro img {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50px;
    border: 3px solid #fff
}

.listing-box:hover .pg-pro-buy-cta {
    bottom: 0
}

.listing-box .list-status {
    top: 5px;
    left: 5px;
    position: absolute;
    z-index: 1
}

.listing-box .list-status * {
    float: left;
    margin-right: 3px
}

.listing-box .cta-buy-now {
    background: #2079d5;
    width: 50%
}

.listing-box .cta-add-cart {
    background: #1ba321;
    width: 50%
}

.listing-box:hover .list-con {
    margin-top: -70px;
    height: 200px
}

.listng-res {
    padding: 10px 0 25px 10px;
    border-bottom: 1px solid #98a2a7;
    margin-bottom: 25px
}

.listng-res .count_no {
    font-size: 20px;
    font-weight: 500
}

.listng-res .count_no span {
    font-weight: 700
}

.list-res-selt {
    margin-top: 10px
}

.list-res-selt span {
    padding: 4px 24px 5px 8px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    background: #81bd54;
    margin: 0 5px 5px 0;
    cursor: pointer;
    position: relative;
    display: inline-block
}

.list-res-selt span:before {
    position: absolute;
    content: 'close';
    color: #fff;
    font-size: 12px;
    padding: 3px 1px;
    right: 5px;
    background: #658d48;
    width: 15px;
    height: 15px;
    line-height: 9px;
    text-align: center;
    border-radius: 50px;
    top: 7px
}

.all-jobs .listng-res {
    border-bottom: 1px solid #e2e1e1;
    padding-left: 30px
}

.hom2 {
    margin-top: 5px;
    padding: 0 40px;
    background: #20344c
}

.hom2 .inn {
    background: #fff
}

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

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

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

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

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

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

#dLabel {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #e8eaed;
    border: solid 0 #ccc;
    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: 0 solid #f1f1f1;
    box-shadow: 0 0 37px -8px rgba(150,150,150,.4)
}

.dropdown button:focus,.dropdown button:hover {
    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,.23);
    border: solid 1px #666;
    border-bottom: none
}

.dropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(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: .5px;
    color: #3c3b3b;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3
}

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

.chbox {
    position: relative;
    display: flex
}

.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: 0;
    color: #585e6b;
    float: left
}

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

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

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

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

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

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

.rbbox {
    position: relative
}

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

.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-top: none;
    border-right: none;
    content: "";
    height: 8px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 7px;
    width: 8px;
    background: #fff;
    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;
    padding: 2px;
    border-radius: 7px
}

.imagePreview {
    display: flex;
    flex-wrap: wrap
}

.imagePreview img {
    width: 114px;
    height: 114px;
    margin: 5px 2px;
    border-radius: 5px;
    object-fit: cover
}

.image-container {
    position: relative;
    margin: 5px;
    border: 1px solid #bfbfbf;
    border-radius: 5px
}

.image-container button {
    position: absolute;
    top: 4px;
    right: 2px;
    background: #0029ff;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    line-height: 3px;
    border-radius: 4px
}

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

.lhs-ads ul li {
    margin-bottom: 15px
}

.ads-box {
    position: relative;
    border-radius: 7px;
    box-shadow: 0 16px 11px -7px rgba(0,0,0,.3);
    transition: all .5s ease
}

.ads-box:hover {
    transition: all .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 {
    padding: 40px 0 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px
}

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

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

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

.ban-ati-com a img {
    width: 100%;
    border-radius: 5px
}

.ads-all-list {
    padding: 0 10px;
    position: relative;
    margin: 20px 0;
    display: inline-block
}

.ads-det-page {
    padding: 30px;
    background: #fff
}

.listing-box .al-img .open-stat {
    font-size: 11px;
    font-weight: 500;
    border-radius: 3px;
    padding: 0 5px 3px;
    color: #fff;
    float: left
}

.listing-box .al-img {
    position: relative;
    overflow: hidden
}

.listing-box .al-img:before {
    z-index: 0!important;
    opacity: .5
}

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

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

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

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

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

.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: 0 0 2px 0;
    z-index: 1;
    left: 0;
    top: 0
}

.list-foot {
    color: #7f7f7f;
    padding: 60px 0;
    background: #080808
}

.list-foot-abo,.list-foot-faq {
    width: 65%;
    margin: 0 auto;
    display: table
}

.list-foot-abo h2 {
    padding: 30px 0 0;
    font-size: 20px!important
}

.list-foot-abo h4 {
    text-align: center;
    color: #d3d3d3 !important;
}

.list-foot-abo h2,.list-foot-abo h4,.list-foot-faq h3,.wed-hom-footer h4 {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

.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 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 {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    float: initial;
    padding: 30px 30px 20px;
    background: #000;
    border: 1px solid #333
}

.list-foot-abo .list-rat-all span {
    padding-top: 13px
}

.plainpg {
    padding: 0 100px
}

.plainpg h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 48px;
    padding-bottom: 15px
}

.plainpg p {
    font-size: 14px;
    line-height: 24px
}

.list-qview {
    position: fixed;
    right: -400px;
    width: 350px;
    height: 100%;
    top: 0;
    z-index: 33;
    background: #fff;
    overflow-y: auto;
    transition: all .5s ease-in-out
}

.list-qview .eve-box {
    border: 0
}

.list-qview.qview-show {
    transition: all .5s ease-in-out;
    right: 0;
    box-shadow: -22px 0 73px -22px rgba(42,42,42,.48)
}

.list-qview .com {
    padding: 30px 25px 0
}

.list-qview .com h4 {
    font-size: 14px;
    font-weight: 400
}

.list-qview .com p {
    font-size: 13px;
    line-height: 24px;
    color: #555
}

.list-qview .com ul li {
    float: left;
    margin-right: 5px
}

.list-qview .more {
    padding-bottom: 30px
}

.list-qview .more a {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    border: 1px solid #fff;
    color: #fff;
    padding: 12px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.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:first-child span.clo-list {
    cursor: pointer;
    background: #0000003d;
    padding: 2px;
    border-radius: 2px
}

.list-qview .eve-box div:nth-child(3) .auth {
    padding-left: 0
}

.filt-no-res-msg {
    font-size: 21px;
    color: #bfbfbf;
    letter-spacing: 1px;
    text-shadow: 0 0 2px #fff;
    text-transform: uppercase;
    margin-top: 5%
}

.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 .5s ease;
    cursor: pointer
}

.auth b {
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    color: #ac836d;
    line-height: 15px;
    float: left
}

.auth h4 {
    margin: 0;
    font-size: 14px;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-top: -7px;
    font-weight: 600;
    text-align: left;
    padding-left: 0
}

.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: var(--job-blue);
    border: 1px solid var(--job-blue);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0
}

.pop-quo .modal-dialog {
    max-width: 430px
}

.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,#360000 -8%,red 50%);
    left: 0
}

.list-bann img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 345px;
    transition: all .5s ease
}

.pg-list-ban-info-23 {
    padding: 20px 25px 0
}

.pg-list-1 {
    position: relative;
    width: 100%;
    box-sizing: content-box;
    margin: 140px 0 15px
}

.pg-list-oths {
    border-top: 1px solid #e6e9ef;
    margin-top: 30px;
    padding-top: 30px
}

.pg-list-oths ul {
    margin: 0 auto;
    display: table;
    text-align: center
}

.pg-list-oths ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    color: #a9844d
}

.pg-list-oths ul li a,.pg-list-oths ul li span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #a9844d;
    font-family: var(--bodyfont)
}

.pg-list-oths ul li i {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dac9c1;
    border-radius: 50%;
    transition: .3s ease-in-out;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #ca9d59
}

.pg-list-prop {
    background: url(../images/list-deta/prop-bg.jpg) no-repeat;
    background-size: cover;
    box-sizing: content-box
}

.pg-list-shop {
    background: url(../images/list-deta/shop-bg.jpg) no-repeat;
    background-size: cover;
    box-sizing: content-box
}

.pg-list-auto {
    background: url(../images/list-deta/auto-bg.jpg) no-repeat;
    background-size: cover;
    box-sizing: content-box
}

.list-pg-bg .container {
    position: relative;
    border-radius: 4px
}

.list-pg-bg .com-padd {
    margin: 0
}

.pg-list-1-left {
    color: #000
}

.list-rat-all {
    text-align: center;
    background: #fff6e8;
    padding: 20px 0 10px;
    border-radius: 10px;
    width: 102px;
    border: 1px solid #ffe3b9
}

.pg-list-revi-23 {
    padding: 20px 10px 15px;
    border-bottom: 1px solid #e6e9ef
}

.pg-list-revi-lhs {
    width: 110px;
}

.pglist-revi-lines {
    width: calc(100% - 110px);
    padding: 0 15px 0 30px;
    display: grid
}

.pglist-revi-lines .progress {
    margin-bottom: 15px;
    height: 8px
}

.pglist-revi-lines .progress-bar {
    font-size: 10px
}

.pglist-revi-lines .progress-bar span {
    color: #fff;
    width: 20px;
    height: 15px;
    text-align: center;
    background: #007bff;
    position: absolute;
    font-size: 11px;
    border-radius: 3px;
    padding: 0
}

.pglist-revi-lines .progress-bar.bg-success span {
    background: #28a745
}

.pglist-revi-lines .progress-bar.bg-warning span {
    background: #ffc107
}

.pglist-revi-lines .progress-bar.bg-danger span {
    background: #dc3545
}

.pglist-revi-lines .progress-bar.bg-secondary span {
    background: #6c757d
}

.pg-list-revi-23 .txt span {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 10px;
    display: block;
    color: #656565;
}

.list-rat-all b {
    color: var(--org);
    font-size: 44px;
    line-height: 22px;
    font-weight: 700;
    padding: 8px;
    border-radius: 2px;
    display: inline-block;
    background: 0 0;
}

.pg-list-1 .list-rat-all b {
    padding: 12px 8px
}

.list-rat-all .rat {
    margin: 0
}

.list-rat-all .rat i.ratstar {
    color: #f3dcb8
}

.list-rat-all span {
    float: left;
    font-size: 12px;
    padding: 0;
    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: 18px;
    width: 14px
}

.pg-list-1-left h1 {
    padding: 25px 0 0
}

.list-foot-abo .list-rat-all b {
    font-size: 19px;
    line-height: 25px;
}

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

.pg-list-1-pro img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
    border: 3px solid #fffdfd;
    box-shadow: -1px 0 16px -6px #0000003b
}

.pg-list-1-pro .stat {
    position: absolute;
    background: #2cbd32;
    color: #fff;
    width: 36px;
    height: 36px;
    text-align: center;
    text-shadow: 0 0 2px #333333a8;
    border-radius: 50px;
    bottom: -13px;
    left: calc(50% - 15px)
}

.pg-list-1-pro .stat i {
    vertical-align: middle;
    padding: 5px
}

.pg-list-1-left h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px
}

.pg-list-1-left p {
    font-size: 15px;
    display: block;
    float: left;
    font-weight: 600;
    width: 100%
}

.pg-list-1-left h4 {
    color: #000;
    padding: 15px 0;
    font-size: 16px
}

.pag-p1-phone {
    border-bottom: 1px solid #e6e9ef;
    margin-bottom: 22px;
    padding: 25px 0 15px
}

.pg-list-prod {
    position: relative;
    overflow: hidden
}

.pg-list-prod ul li {
    width: 33.333%;
    float: left;
    padding: 0 0 0 20px
}

.pg-list-prod ul li .all-pro-img {
    padding: 0
}

.pg-list-prod ul li .all-pro-img img {
    height: 150px;
    border-radius: 8px 8px 0 0
}

.pg-list-prod .plac-hom-box-im h4 {
    font-size: 16px
}

.pag-p1-phone ul li {
    font-size: 15px;
    padding: 0 16px 10px 25px;
    color: #000;
    font-weight: 500
}

.pag-p1-phone ul li:before {
    margin: -2px 0 0 -27px;
    color: #000000;
}

.pag-p1-phone ul li.ic-addr:before {
    content: 'location_on'
}

.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 0 0 -27px
}

.pglist-p-com {
    margin-bottom: 20px;
    padding-bottom: 40px
}

.pglist-p-com-ti {
    border-bottom: 1px solid #ede9e3
}

.pglist-p-com-ti h3 {
    padding: 15px 20px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    border-radius: 10px;
    font-family: 'Noto Sans',sans-serif
}

.pglist-p-com-ti h3 span {
    color: #8a8d92;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase
}

.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,.list-desc-area h2,.list-desc-area h3,.list-desc-area h4,.list-desc-area h5,.list-desc-area h6 {
    font-weight: 600
}

.eve-deta-body-main h2,.list-desc-area h2 {
    font-size: 22px
}

.eve-deta-body-main h3,.list-desc-area h3 {
    font-size: 18px
}

.eve-deta-body-main h4,.list-desc-area h4 {
    font-size: 16px
}

.eve-deta-body-main h5,.list-desc-area h5 {
    font-size: 14px
}

.eve-deta-body-main h6,.list-desc-area h6 {
    font-size: 12px
}

.eve-deta-body-main .lhs ul,.list-desc-area ul {
    padding-left: 15px
}

.eve-deta-body-main .lhs ul li,.list-desc-area ul li {
    padding-left: 15px
}

.eve-deta-body-main .lhs ul li:before,.list-desc-area ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #d0d1c3;
    border-radius: 50%;
    margin: 9px 0 0 -15px
}

.eve-deta-body-main ul li {
    font-size: 14px;
    line-height: 24px
}

.list-360 iframe {
    width: 100%;
    height: 300px;
    border: 0
}

.list-tit-mar-0 {
    padding-top: 0!important
}

.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-desc-area li,.list-page-com-p p {
    font-size: 14px;
    color: #56595d;
    line-height: 24px;
    font-weight: 500
}

.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 h3 {
    padding: 20px 20px 10px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px
}

.list-rel-list-com {
    position: relative;
    margin-bottom: 12px
}

.list-rel-list-com:last-child {
    margin-bottom: 0
}

.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: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.list-rel-list-img {
    overflow: hidden;
    position: relative;
    border-radius: 5px
}

.list-rel-list-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: all .5s ease
}

.list-rel-list-com:hover img {
    transform: scale(1.2)
}

.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 {
    background: #0dc73d;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    border-radius: 2px
}

.v3-list-ql {
    position: fixed;
    top: 50px;
    width: 100%;
    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 0 10px 2px rgba(0,0,0,.24);
    background: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.v3-list-ql-inn {
    width: 100%
}

.v3-list-ql-inn ul {
    margin-bottom: 0;
    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;
    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
}

.v3-list-ql-inn ul li a:hover {
    background: #1a90f6;
    color: #fff
}

.v3-list-ql-inn .active-list a {
    background: #1a90f6;
    color: #fff
}

.share-btn {
    padding-bottom: 10px
}

.share-btn ul {
    margin-bottom: 0
}

.share-btn ul li a {
    display: inline-block;
    border-radius: 5px
}

.share-btn ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1px
}

.share-btn ul li i {
    padding-right: 3.75pt
}

.share-btn ul {
    padding-left: 0
}

.share-btn ul li {
    padding-left: 0
}

.share-btn ul li:before {
    display: none
}

.share-btn ul li img {
    width: 32px;
    padding: 3px
}

.pg-list-ser-area span {
    font-size: 14px;
    font-weight: 600;
    padding: 2px 12px;
    border-radius: 3px;
    color: #1386d1;
    background-color: #f2f8fd;
    border: 1px solid #e9eff4;
    display: inline-block;
    margin: 0 5px 8px 0
}

.pg-list-ser {
    padding: 0 10px
}

.pg-list-ser ul li {
    padding: 8px;
    position: relative
}

.pg-list-ser-p1:before {
    content: '';
    position: absolute;
    background: linear-gradient(1deg,#00000059,#0000000f);
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    border-radius: 5px
}

.pg-list-ser-p1 {
    position: relative;
    overflow: hidden;
    height: 150px;
    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;
    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;
    padding: 10px
}

.pg-list-ser-p2 h4 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: var(--bodyfont)
}

#galPop .modal-body img {
    width: 100%
}

#galPop .close {
    position: absolute;
    right: -15px;
    top: -12px;
    z-index: 1;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    font-size: 30px
}

.list-pg-bg {
    background: red;
    padding-bottom: 100px;
    padding-top: 40px;
    background-image: linear-gradient(to top,#f0ede6 0,#fffbf4 100%);
    background-image: linear-gradient(to top,#dee4e7 0,#e6e9eb 100%)
}

.pglist-bg {
    background: #fff;
    border-radius: 10px
}

.list-pg-rt .pglist-bg {
    margin-bottom: 30px
}

.lide-guar {
    padding-bottom: 0
}

.list-pg-inn-sp {
    padding: 20px 30px 0
}

.list-rom-pric {
    position: absolute;
    padding: 0 10px;
    font-weight: 600;
    right: 15px;
    top: 0;
    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: 0
}

.list-room-type ul li {
    display: inline-block;
    float: left;
    color: #636363;
    font-size: 14px
}

.list-room-type ul li img {
    width: 18px;
    border-radius: 40px
}

.list-room-deta h3 {
    font-size: 20px;
    color: #141f31;
    font-weight: 600;
    font-size: 18px
}

.list-room-rati {
    padding: 10px 0 5px
}

.list-rom-ami ul li {
    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
}

.lp-ur-all {
    position: relative;
    overflow: hidden;
    align-items: center
}

.lp-ur-all-rat {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px
}

.lp-ur-all-left {
    border-left: 4px solid #6b7f8a;
    padding-left: 20px
}

.list-sh {
    margin-bottom: 40px
}

.lp-ur-all-left-11 {
    font-size: 13px;
    padding-right: 14px;
    color: #414141;
    font-weight: 500
}

.lp-ur-all-left-12 {
    height: 6px;
    background: #dadada;
    margin-bottom: 10px;
    border-radius: 0
}

.lp-ur-all-left-13 {
    width: 100%;
    background: #43a047;
    height: 6px;
    border-radius: 0
}

.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 {
    padding: 2px 20px
}

.lp-ur-all-right h5 {
    font-weight: 500;
    font-size: 18px
}

.lp-ur-all-right p label {
    margin-bottom: 0;
    margin-right: 10px
}

.lp-ur-all-right p label i {
    width: 30px;
    font-size: 34px
}

.lp-ur-all-right p span {
    background: #000;
    color: #fff;
    font-weight: 400;
    vertical-align: top;
    padding: 1px 8px;
    border-radius: 2px;
    margin-top: 3px;
    display: inline-block;
    font-size: 13px
}

.lp-ur-all-rat h5 {
    padding: 15px 0 5px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase
}

.lp-ur-all-rat ul {
    margin-bottom: 0
}

.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: 0;
    border: 0
}

.lp-ur-all-rat ul li:last-child p {
    padding-bottom: 0;
    margin-bottom: 0
}

.lr-user-wr-img {
    float: left;
    width: 50px
}

.lr-user-wr-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover
}

.lr-user-wr-con {
    width: calc(100% - 50px);
    display: inline-block;
    padding: 0 20px
}

.lr-user-wr-con h6 {
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
    padding: 0
}

.lr-user-wr-con .rat {
    margin-bottom: 0;
    padding: 0
}

.lr-user-wr-con .rat i {
    font-size: 20px;
    width: 14px
}

.lr-user-wr-con p {
    font-size: 14px;
    color: #21344c;
    padding: 0
}

.lr-revi-date {
    font-size: 13px;
    color: #828282;
    margin-bottom: 10px;
    padding: 0
}

.lr-user-wr-con h6 span {
    background: #55bf15;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 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;
    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: 500;
    font-size: 14px;
    border-radius: 3px;
    border: 0;
    margin-bottom: 0
}

.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;
    width: 100%;
    font-size: 15px;
    background: #fff
}

.list-pg-guar {
    margin: 30px 0 0 5px;
    border-top: 1px solid #ede9e3;
    padding-top: 20px
}

.list-pg-guar ul {
    margin-bottom: 0
}

.list-pg-guar ul li {
    padding: 12px 0 5px
}

.list-pg-guar ul li:first-child {
    padding: 5px 0
}

.list-pg-guar ul li:nth-child(3) {
    border-bottom: 0 solid #e2e2e2;
    padding-bottom: 5px
}

.list-pg-guar ul li h4 {
    font-size: 15px;
    padding-bottom: 0;
    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-btn {
    width: 100%;
    font-size: 14px;
    height: 45px;
    line-height: 45px
}

.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: 0;
    font-size: 12px;
    text-align: center
}

.pg-list-user-pro {
    background: url(../images/profile-bg.jpg) no-repeat;
    height: 100px;
    background-size: cover
}

.pg-list-user-pro img {
    position: relative;
    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
}

.fil-mob-view .ban-search {
    width: 100%;
    padding: 70px 40px 0 0;
    box-shadow: none
}

.list-pg-map iframe {
    height: 180px;
    width: 100%;
    border: 0
}

.list-pg-oth-info ul li {
    border-bottom: 1px solid #ede9e3;
    padding: 10px 0;
    font-weight: 500;
    font-size: 13px;
    color: #56595d
}

.list-pg-oth-info ul li:last-child {
    border-bottom: 0 solid #e2e2e2;
    padding-bottom: 0
}

.list-pg-oth-info ul li span {
    float: right;
    text-align: right;
    background: #f7f8fa;
    border-radius: 5px;
    padding: 0 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;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin: 10px;
    cursor: pointer
}

.list-mig-like-com:hover img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.list-mig-lc-img img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover
}

.list-mig-like-com:before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 5px
}

.list-mig-lc-con {
    position: absolute;
    width: 100%;
    margin-top: -104px;
    padding: 20px 20px 0;
    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;
    border: 1px solid #fff;
    padding: 8px 10px 3px;
    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 h3 {
    padding: 5px 20px 18px;
    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 span {
    width: 25px;
    height: 25px;
    background-color: #ffe500;
    padding: 4px;
    border-radius: 2px;
    color: #000;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.28);
    margin-right: 10px
}

.list-rat-ch i {
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
    border: 1px solid #000;
    padding: 3px 2px 2px;
    text-align: center;
    border-radius: 3px;
    background: #ffe500;
    font-size: 11px
}

.list-pg-lt {
    padding: 0 30px 0 0;
    border: 1px solid #e4e7ea;
    border-radius: 5px
}

.list-pg-rt {
    border: 1px solid #e3e7ea;
    border-radius: 5px
}

.list-page-enq {
    margin-top: 60px;
    background: url(../images/banner2.jpg) no-repeat;
    background-size: cover;
    position: relative
}

.list-page-enq:before {
    content: '';
    position: absolute;
    background: linear-gradient(to top,rgba(32,52,76,.64) 14%,rgba(0,0,0,.55) 66%);
    top: 0;
    bottom: 0;
    left: 0;
    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: #000;
    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: 0 16px 40px -10px #0000003b;
    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;
    width: 100%;
    font-size: 14px;
    background: #fff
}

.lpe-right label {
    top: 14px
}

.lpe-right textarea {
    height: 75px
}

.list-red-btn {
    color: #fff;
    height: 45px;
    line-height: 45px
}

.lis-pro-badg-23 {
    position: relative;
    padding: 20px 30px
}

.lis-pro-badg-23 img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    padding: 0
}

.lis-pro-badg-23 div {
    float: left;
    width: calc(100% - 60px);
    padding: 12px 0 0 15px
}

.lis-pro-badg-23 div h4 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 3px
}

.lis-pro-badg-23 div p {
    font-weight: 400;
    font-size: 13px;
    color: #59595d;
    margin: 0
}

.lis-pro-badg div {
    text-align: center;
    padding: 15px 10px 7px;
    position: relative;
    z-index: 3
}

.lis-pro-badg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #295e74eb;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px
}

.lis-pro-badg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 57%;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.lis-pro-badg {
    position: relative;
    border-radius: 10px;
    background: url(../images/face.jpg) #edf6fd;
    background-size: 81px
}

.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 h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.lis-pro-badg div p {
    margin: 0;
    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: .5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px
}

.lis-comp-badg {
    border-radius: 10px
}

.lis-comp-badg .s1 {
    width: 100%;
    padding: 0
}

.lis-comp-badg .s1:before {
    position: absolute;
    background: linear-gradient(150deg,#60e2f7ab,#1e44a2cc 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px 10px 0 0
}

.lis-comp-badg .s1 div {
    position: relative;
    width: 100%;
    padding: 0 0 0 54px
}

.lis-comp-badg .s1 .by {
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: .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%;
    float: initial;
    margin: 0 auto;
    display: table
}

.lis-comp-badg .s1 ul {
    display: block
}

.lis-comp-badg .s1 ul li {
    float: left;
    padding: 0 1px
}

.lis-comp-badg .s1 ul li a img {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50px;
    padding: 3px
}

.lis-comp-badg .s1 h4 {
    font-size: 16px;
    font-weight: 500;
    padding: 20px 0 0;
    font-family: Poppins,sans-serif;
    margin-bottom: 5px
}

.lis-comp-badg .s1 p {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 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: 0 1px 8px -2px #33333345;
    color: #fff;
    margin-bottom: 15px
}

.lis-comp-badg .s2 a {
    color: #67717b;
    font-size: 15px
}

.list-pagenat {
    margin-bottom: 0;
    margin-top: 15px;
    margin: 0 auto;
    display: table
}

.list-enqu-btn ul {
    padding: 0
}

.list-enqu-btn ul li {
    display: inline-block;
    float: left;
    width: 25%;
    margin: 0
}

.list-enqu-btn ul li a {
    border: 1px solid #eaeaea;
    text-align: center;
    display: block;
    padding: 8px;
    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 ul li {
    margin: 0 1px;
    position: relative;
    width: 49%;
}

.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: 0
}

.list-ban-btn ul li .cta {
    font-weight: 600;
    display: block;
    padding: 15px 22px 15px 45px;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #000000;
    color: #000000;
    font-size: 14px;
    text-align: center
}

.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: -3px;
    color: #fff;
    transition: all .5s ease
}

.list-ban-btn ul li .cta-call:before {
    content: 'phone';
    color: #000;
}

.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 0 0 -24px
}

.list-ban-btn ul li .cta-rev {
    background: #b8f5ba;
    color: #000;
    border: 1px solid #b8f5ba
}

.list-ban-btn ul li span.pulse {
    color: #fff;
    transition: all .5s ease;
    box-shadow: 0 0 0 #f44336
}

.list-ban-btn ul li span.pulse:before {
    color: #fff
}

.plac-hom-box-txt span:first-child.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 .cta:hover {
    transition: all .5s ease;
    box-shadow: 0 10px 11px -7px #33333347
}

.list-ban-btn ul li span:hover b {
    transition: all .5s ease
}

.list-ban-btn ul li span b {
    color: #162336;
    transition: all .5s ease
}

.list-ban-btn ul li:first-child span:before {
    content: 'favorite_border'
}

.list-ban-btn ul li .cta-rev:hover {
    background: #b8f5ba;
    color: #000;
    border: 1px solid #b8f5ba;
    box-shadow: 0 10px 11px -7px #33333347
}

.list-ban-btn ul li .cta-get:before {
    content: 'chat_bubble_outline'
}

.list-work-hrs {
    padding-bottom: 20px;
    border-bottom: 1px solid #ede9e3
}

.list-work-hrs * {
    font-size: 14px;
    font-family: var(--bodyfont)
}

.list-work-hrs .today {
    padding-bottom: 10px;
    cursor: pointer
}

.list-work-hrs .today b {
    margin-right: 20px;
    transition: all .5s ease
}

.list-work-hrs .today b:after {
    content: 'expand_more';
    position: absolute;
    margin: -3px 0 0 -1px
}

.today:hover b {
    color: #3aa4ff
}

.list-work-hrs .today .status {
    margin-right: 10px;
    background: #4caf50;
    color: #fff;
    font-weight: 500;
    padding: 1px 4px;
    border-radius: 2px
}

.list-work-hrs .today .time {
    font-weight: 500
}

.list-work-hrs .timing {
    display: none
}

.list-work-hrs .timing ul li {
    padding: 5px 0;
    font-weight: 500;
    font-size: 13px;
    color: #56595d
}

.list-work-hrs .timing ul li span {
    float: right;
    color: #0c9111
}

.carousel-item iframe,.carousel-item img {
    width: 100%;
    transition: all .5s ease;
    height: 225px;
    float: left;
    border-radius: 10px
}

.carousel-item img {
    object-fit: cover
}

.list-pg-bg .carousel-item iframe,.list-pg-bg .carousel-item img {
    height: 380px
}

.list-pg-bg .carousel-item img {
    cursor: zoom-in
}

.carousel-item:before {
    display: none
}

.caro-home {
    margin-top: 90px;
}

.caro-home .inn {
    position: relative
}

.wh-bg {
    background: #fff
}

.home-list-pop {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0 0 15px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .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 .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.home-list-pop img {
    width: 100%;
    transition: all .5s ease;
    height: 150px;
    object-fit: cover;
    border-radius: 2px
}

.pglist-off-last .home-list-pop .col-md-3 {
    padding-left: 0
}

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

.home-list-pop-desc h3 {
    font-size: 18px;
    padding-bottom: 8px;
    padding-top: 5px;
    font-weight: 600;
    font-family: 'Noto Sans',sans-serif
}

.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: 0;
    border-bottom: 0
}

.pulse {
    box-shadow: 0 0 0 #09b2ff;
    animation: pulse 1.5s infinite
}

.pulse:hover {
    animation: none
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #b2ddff
    }

    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 #b2ddff;
        box-shadow: 0 0 0 0 rgba(204,169,44,.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: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.ld-rhs-pro {
    margin-bottom: 0;
    border: 0;
    padding-bottom: 0
}

.ld-rhs-pro .hcity {
    margin: 0
}

.all-list-pro-bad {
    margin-bottom: 25px;
    text-align: center;
    background: #fff;
    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(.6);
    left: 0
}

.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 .5s ease
}

.all-list-pro-bad p {
    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;
    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: .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 .5s ease;
    left: 0;
    top: 0
}

.list-ri-peo-like h3 {
    padding: 5px 20px 18px;
    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 img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    transition: all .5s ease;
    box-shadow: 0 1px 3px -1px rgba(0,0,0,.8)
}

.list-ri-peo-like ul li a img:hover {
    transform: scale(1.4)
}

.list-rhs-form {
    background: #fff;
    padding-bottom: 0
}

.list-rhs-form .quote-pop {
    padding: 0;
    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;
    height: 45px
}

.list-rhs-form .form-group:before {
    margin: 7px 0 0 15px;
    color: var(--blue)
}

.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: 0;
    font-weight: 600;
    opacity: 1;
    font-size: 13px;
    padding: 10px;
    border-radius: 2px;
    border-radius: 20px;
    background: var(--blue)
}

.list-pg-lt .pglist-p-com:first-child p:last-child {
    margin-bottom: 0
}

.list-pg-lt .pglist-p-com:nth-child(2) {
    padding-bottom: 12px
}

.cke_editable {
    font-family: Poppins,sans-serif
}

.mob-menu .mv-pro.ud-lhs-s1 {
    text-align: left
}

.mob-me-ic {
    position: absolute;
    right: 0;
    top: 7px;
    display: none
}

.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: 0;
    bottom: 0;
    background: #fff;
    padding: 0 40px 100px;
    overflow-y: auto;
    transition: all .5s ease;
    box-shadow: 0 11px 18px -8px #6b0000
}

.mob-me-all.mobmenu-show {
    right: 0;
    transition: all .5s ease
}

.mob-me-all h4 {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600
}

.mob-me-all ul li a {
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500
}

.mob-me-clo {
    position: absolute;
    right: 23px;
    top: 10px;
    z-index: 9;
    background: #607d8b;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 2px;
    padding: 3px
}

.mob-me-clo i {
    color: #fff;
    text-align: center
}

.mv-pro.ud-lhs-s1 {
    padding: 30px 0 0
}

.mv-pro {
    cursor: pointer
}

.mv-pro-menu {
    display: none;
    padding-top: 15px
}

.rating {
    border: none;
    float: left;
    height: 45px;
    margin: 0 0 10px 14px
}

.rating>input {
    display: none
}

.rating>label:before {
    margin: 0;
    font-size: 30px;
    font-family: Material Icons;
    display: inline-block;
    content: "star";
    color: currentColor;
    top: 0
}

.rating>.half:before {
    content: "star_half";
    position: absolute
}

.rating>label {
    color: #ddd;
    width: 28px;
    height: 28px;
    cursor: pointer;
    position: relative
}

.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label,.rating>input:checked~label {
    color: gold
}

.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>input:checked~label:hover~label,.rating>label:hover~input:checked~label {
    color: #ffed85
}

.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label,.rating>input:checked~label {
    color: gold
}

.list-det-rel-pre {
    padding: 20px 0 0;
    position: relative;
    overflow: hidden
}

.pro-rel-pros {
    padding-bottom: 70px
}

.list-det-rel-pre h2,.pro-rel-pro-box h2 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 50px 0 15px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.list-det-rel-pre ul li {
    float: left;
    padding: 10px
}

.list-det-rel-pre ul li .land-pack-grid {
    margin: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.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: 0;
    transition: all ease .5s;
    background: linear-gradient(to bottom,#ffffff00,#0b253aba)
}

.list-det-rel-pre ul li .land-pack-grid .list-rat-all {
    padding: 0 15px 7px;
    position: absolute;
    top: -33px;
    background: 0 0;
    right: initial
}

.list-det-rel-pre ul li .land-pack-grid .list-rat-all b {
    font-size: 12px;
    padding: 0 4px;
    float: left
}

.list-det-rel-pre ul li .land-pack-grid .rat {
    padding: 1px 0 0 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)
}

.list-det-rel-pre ul li .land-pack-grid .rat i.ratstar {
    color: #fff
}

.fqui-menu {
    position: fixed;
    left: 10px;
    right: 10px;
    width: calc(100% - 20px);
    z-index: 20;
    box-shadow: 0 0 4px -2px #00000061;
    display: none;
    bottom: 5px;
    transition: all .5s ease-in-out;
    border-radius: 12px;
    background: #3135487a;
    backdrop-filter: blur(5px)
}

.fqui-menu ul {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.fqui-menu ul li {
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 0 10px
}

.fqui-menu ul li a,.fqui-menu ul li span {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 4px 6px;
    display: block;
    letter-spacing: .5px;
    text-transform: uppercase
}

.fqui-menu ul li img {
    width: 16px;
    margin: 0 auto;
    display: table;
    padding-bottom: 4px
}

.fqui-menu ul li span {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 4px 6px;
    display: block;
    text-transform: uppercase;
    letter-spacing: .5px
}

.fqui-menu ul li span:active,.fqui-menu ul li span:focus,.fqui-menu ul li span:hover {
    background: #334a5a
}

.fqui-menu ul li span.btn-ser-need-ani {
    background: 0 0;
    border-radius: 0;
    position: relative;
    animation: none;
    bottom: initial;
    right: initial;
    border: 0;
    box-shadow: none
}

.fqui-menu ul li span.btn-ser-need-ani:before {
    display: none
}

.fqui-menu ul li span.mob-me-ic {
    position: relative;
    background: 0 0;
    display: grid;
    padding: 0 0 4px 0;
    align-items: center;
    justify-content: center
}

.tit {
    text-align: center;
    width: 100%;
    margin: 0 0 40px
}

.tit h2 {
    font-size: 17px;
    font-weight: 400
}

.tit h2 span {
    font-size: 36px;
    font-weight: 600;
    display: block
}

.pri .tit h2 {
    font-size: 42px
}

.pri .tit h2 span {
    padding-top: 10px;
    display: inline-block;
    font-size: 42px;
    font-weight: 700;
    background: linear-gradient(115deg,#ff8036 3.27%,#ff3f7a 48.88%,#aa3fa9 97.44%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent
}

.pri .tit p {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 10px
}

.pri .tit {
    margin: 0 0 20px
}

.tit p {
    font-size: 16px;
    line-height: 26px;
    color: #424c59;
    font-weight: 400
}

.pri {
    padding: 100px 0
}

.pri:before {
    content: '';
    position: absolute
}

.pri ul li {
    float: left;
    width: 25%;
    border-radius: 4px;
    transition: all .4s;
    padding: 0 6px
}

.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: #fff;
    border-radius: 11px;
    transition: all .4s;
    box-shadow: 0 5px 25px -7px #00000021;
    border: 1px solid #f0f4f7;
    text-align: center
}

.pri-box:hover .c3 a {
    color: #fff;
    background: #000
}

.pri-box .c2 {
    padding: 20px;
    width: 100%;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #d9d9d9
}

.pri-box .c2 h4 {
    color: #000;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 600
}

.pri-box .c2 p {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    color: #333
}

.pri-box .c3 {
    padding: 20px;
    width: 100%
}

.pri-box .c3 h2 {
    font-size: 48px;
    font-weight: 700
}

.pri-box .c3 p {
    margin: 0;
    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: #fff;
    letter-spacing: 1px;
    display: inline-block;
    background: #9100ff
}

.pri ul li:nth-child(4) .pri-box .c2 {
    background: #ff512f;
    background: -webkit-linear-gradient(to right,#9100ff,#e63e3e);
    background: linear-gradient(to right,#9100ff,#e63e3e)
}

.pri ul li:nth-child(4) .pri-box .c3 a {
    color: #fff;
    border: 1px solid #ab7d6b;
    background: linear-gradient(to right,#9100ff,#e63e3e)
}

.pri-box .c4 {
    padding: 7px 20px 20px;
    width: 100%
}

.pri-box .c4 ol {
    padding: 0;
    border-top: 1px solid #25c16f1a;
    padding-top: 20px
}
.log-user-privi{
    max-width: 460px;
    margin: 0 auto;
    margin-top: 50px;
    border: 1px solid #e1dde8;
    border-radius: 20px;
    padding: 40px 40px 10px 40px;
    background: #f5efff;
}
.log-user-privi h5{
    /* text-align: center; */
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
}

.pri-box .c4 ol li, .log-user-privi 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: 0;
    background: 0 0;
    position: relative
}
.log-user-privi li{
    width: auto;
    color: #000;
    line-height: 20px;
    margin: 0 0 5px 5px;
}
.log-user-privi ol{padding: 0;}
.pri-box .c4 ol li:before, .log-user-privi li:before {
    content: "check";
    font-size: 12px;
    padding: 1px;
    width: 15px;
    height: 15px;
    color: #fff;
    font-weight: 500;
    left: 8px;
    top: 2px;
    background: #000;
    border-radius: 50px;
    box-sizing: border-box;
    line-height: 14px
}

.pri-box .c4 ol li.no:before, .log-user-privi li.no:before {
    content: "close";
    color: #fff;
    background: #f87f95
}

.pri-box .c4 ol li.co:before {
    background: #f8d37f
}

.pri-box .c5 {
    padding: 0 20px 30px;
    width: 100%
}

.pri-box .c5 a.cta1 {
    background: #9100ff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    border: 0
}

.pri-box .c5 a.cta1:hover {
    background: #000
}

.pri-box .c5 a.cta2 {
    text-decoration: underline
}

.login-reg {
    padding: 130px 0 80px;
    background: #e6ecf3;
    position: relative;
    background-size: 380px
}
.login-reg-pg{
    background-image: linear-gradient(-20deg, #e9defa 0%, #ffffff 100%);
    background-size: 180px;
}
.login-reg:before {
    /* content: ''; */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #283048;
    background: -webkit-linear-gradient(to bottom,#4f4d5edb,#1e2434d1);
    background: linear-gradient(to bottom,#4f4d5edb,#1e2434d1)
}

.login-main {
    width: 100%;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 5px;
}
.login-reg-pg .login-main{    max-width: 450px;}
.login-reg .tit{}
.login-hero{text-align: center;}
.login-hero img{    height: 200px;
    object-fit: cover;}
.login-reg .tit-tag + img{}
.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;
    font-size: 14px
}

.log div textarea {
    font-size: 14px
}

.form-control option {
    font-size: 13px;
    font-weight: 500
}

.log div button.btn {
    width: 100%;
    border: 0;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0;
    border-radius: 50px;
    transition: all .4s ease
}

.log div button.btn:hover {
    box-shadow: var(--btnshadow)
}
.log div a.btn{background: var(--blue);}
.log div a.btn {
    width: 100%;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0;
    border-radius: 50px
}

.login {
    padding: 40px;
    position: relative;
    background: #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: 0 0 20px 20px
}

.log-bot {
    border-radius: 0 0 8px 8px;
    padding: 0
}

.log-bot ul {
    margin: 0 auto;
    display: table
}

.log-bot ul li {
    float: left;
    padding: 0 8px
}

.log-bot ul li span {
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline
}

.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: 30px;
        max-width: 460px;
}

.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 li div img {
    width: 100%
}

.near-log-rhs {
    box-shadow: 0 1px 9px -6px #333;
    float: left;
    width: 40%
}

.pop-ups .log-bor {
    height: 6px
}

.pop-ups .form-control {
    font-size: 13px;
    font-weight: 500;
    height: 40px
}

.pop-ups .form-control {
    width: 100%!important
}

.pop-ups .fname {
    font-size: 13px;
    font-weight: 500;
    color: #333
}

.pop-ups .udb-inst {
    font-size: 11px
}

.pop-ups .serex-date {
    padding: 0 15px 0 0
}

.pop-ups .serex-time {
    padding-right: 0
}

.ud-cen .log-bor {
    height: 6px;
    border-radius: 3px 3px 0 0
}

.ud-cen .rat i {
    font-size: 16px;
    width: 15px
}

.log-2,.log-3, .log-5, .log-6 {
    display: none
}

.login-main.add-list {
    width: 60%
}

.add-list textarea {
    height: 120px
}

.add-list label, .login-new label {
    font-size: 13.5px;
    font-weight: 600;
    color: #454858;
    text-transform: uppercase
}

.add-list .chbox input[type=checkbox] {
    height: auto
}
.login-reg-pg:after{
    content: '';
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: #ebf1ff; */
    }
.login-reg-pg .col-md-6{position: relative;z-index: 1;}
.login-reg .tit-tag, .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: -24px;
    letter-spacing: 2px
}
.login-reg .tit-tag{
        margin-bottom: -10px;
    z-index: 1;
}
.udb-inst {
    margin-top: -25px
}

.fil-img-uplo {
    margin: 0 0 15px;
    position: relative
}

.fil-img-uplo .dumfil {
    background: #fff;
    color: #426a8a;
    border-radius: 5px;
    padding: 10px 25px 9px 42px;
    font-weight: 500;
    outline: 0;
    position: relative;
    font-size: 12px;
    text-align: left;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    cursor: pointer;
    border: var(--bs-border-width) solid var(--bs-border-color);
    transition: all .4s ease;
    height: 43px
}

.fil-img-uplo .dumfil:before {
    content: 'file_upload';
    left: 20px;
    top: 6px;
    letter-spacing: 0;
    color: #567492;
    transition: all .4s ease
}

.fil-img-uplo:hover .dumfil {
    background: #fff
}

.add-list-ser .fil-img-uplo {
    margin: 24px 0 0
}

.foot-supp h2 {
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    font-family: 'Noto Sans',sans-serif
}

.foot-supp h2 span {
    font-weight: 300;
    padding-right: 5px
}

.foot-count {
    border-top: 1px dashed #352c7c;
    padding: 35px 0 0;
    margin-top: 20px
}

.foot-count ul {
    margin: 0 auto;
    display: table
}

.foot-count ul li {
    float: left;
    font-size: 14px;
    padding: 0 15px;
    border-right: 1px dashed #352c7c;
    line-height: 15px;
    text-align: center;
    font-weight: 500;
    color: #7a6a5c;
    line-height: 18px
}

.cr {
    background: #100a42
}

.cr p {
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 20px 0;
    color: #efedfb
}

.cr p a {
    color: #efedfb;
    text-decoration: underline
}

.add-list-ste {
    width: 100%;
    margin-bottom: 30px
}

.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: 0 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 0 0
}

.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 ul li {
    margin-bottom: 20px;
    border-radius: 2px;
    list-style-type: none
}

.add-prod-high-oth {
    padding: 0;
    margin-top: 0
}

.add-prod-high-oth ul li {
    margin-bottom: 15px;
    padding: 20px 0 0
}

.add-prod-high-oth .form-group,.add-prod-oth .form-group {
    margin: 0
}

.add-prod-oth {
    padding: 25px 0 0;
    margin-top: 0;
    margin-bottom: 25px;
    position: relative
}

.add-prod-oth ul li {
    background: 0 0;
    border: 0;
    padding: 0
}

.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: 42px;
    top: 15px;
    font-size: 20px;
    border: 1px solid #4e7df0;
    width: 32px;
    height: 24px;
    text-align: center;
    border-radius: 15px 0 0 15px;
    line-height: 23px;
    cursor: pointer;
    color: #fff;
    background: #4d7cf1
}

.add-list-rem-btn {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 28px;
    border: 1px solid #4d7cf1;
    width: 32px;
    height: 24px;
    text-align: center;
    border-radius: 0 15px 15px 0;
    line-height: 16px;
    cursor: pointer;
    color: #4d7cf1;
    background: #ff;
    padding-left: 2px
}

px .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 i {
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 18px
}

.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: 0 3px 13px -4px rgba(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
}

.ud {
    padding: 48px 0 0;
    transition: all .5s ease;
    background: #f3f9ff;
    position: relative
}

.ud.op1 {
    opacity: .1;
    transition: all .5s ease
}

.ud-inn {
    width: 100%;
    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: 0 0 0 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: 0;
    width: 280px;
    padding: 15px 20px;
    box-shadow: 0 0 23px 0 #1a000047;
    transition: all .5s ease-in-out;
    height: 100%;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1
}

.db-menu.act {
    right: -14px
}

.db-menu ul li h4 {
    padding-left: 0!important
}

.db-menu ul li a {
    color: #000;
    font-weight: 500;
    font-size: 12px;
    display: block;
    padding: 6px 0
}

.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: 0 0 0 -18px;
    transition: all .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: 0 0 0 -18px;
    transition: all .5s ease
}

.db-menu ul li:last-child a {
    border-bottom: 0
}

.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;
    right: 51px;
    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 .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: 0;
    width: 280px;
    padding: 15px 20px;
    box-shadow: 0 0 23px 0 #1a0000;
    transition: all .5s ease-in-out;
    height: 100%;
    bottom: 0;
    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-shrt-add-main {
    position: relative;
    float: right
}

.shrt-add-cta {
    right: 76px;
    border: 1px solid #ffffff9c;
    background: #2e2f72
}

.shrt-add-inn {
    width: 190px;
    background: #fff;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    padding: 10px 20px;
    box-shadow: 0 4px 13px -10px #0000003b;
    margin-top: 54px;
    left: -185px;
    transition: all .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 li a {
    font-size: 12px;
    color: #536070;
    font-weight: 400;
    display: block;
    padding: 7px 0
}

.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;
    background: #d9e4ee;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 9;
    padding: 30px 0
}

.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-main .ud-main-full {
    max-width: 100%;
    padding-right: 40px
}

.ud-main .ud-main-full .container {
    max-width: 100%
}

.ud-main-leads .lead-box {
    overflow: hidden;
    overflow-y: auto;
    max-height: 600px
}

.dd_new .btn {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 3px;
    text-align: center;
    line-height: 26px;
    background: 0 0;
    border: 1px solid #6c757d
}

.dd_new .btn i {
    font-size: 20px;
    color: #6c757d
}

.dd_new .btn:hover,.dd_new.show>.btn-primary.dropdown-toggle {
    border: 1px solid #6c757d;
    background: #6c757d
}

.dd_new .btn:hover i,.dd_new.show .btn i {
    color: #fff
}

.dd_new .dropdown-toggle::after {
    display: none
}

.dd_new .show a {
    padding: 0 0 5px 0;
    font-size: 14px;
    color: #000
}

.dd_new .dropdown-menu {
    padding: 15px 20px 10px 20px;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    width: 171px
}

.ud-main .ud-main-full .ud-cen-s2 table tr td {
    font-size: 13px
}

.ud-lhs-s1 {
    position: relative;
    overflow: hidden;
    float: left;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0 0 15px 15px
}

.ud-lhs-s1:before {
    position: absolute;
    width: 100%;
    height: 100px;
    background: url(../images/face.jpg) #053050;
    background-size: 101px;
    filter: brightness(.3);
    left: 0
}

.ud-lhs-s1 img {
    width: 50px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    height: 50px;
    position: relative;
    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: 0;
    display: block;
    color: #333;
    margin-bottom: 4px
}

.ud-lhs-s1 b {
    padding: 0;
    font-size: 10px;
    font-weight: 400;
    color: #6b7884;
    line-height: 15px;
    padding-bottom: 0;
    display: block
}

.ud-lhs-s1 .ud-lhs-view-pro {
    color: #fff;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 2px;
    font-weight: 600;
    display: inline-block
}

.ud-lhs-s2 {
    overflow: hidden;
    overflow-y: auto
}

.db-menu .ud-lhs-s1 {
    box-shadow: none;
    border: 1px solid #ededed;
    background: #f7fafc;
    padding: 10px
}

.db-menu .ud-lhs-s1:before {
    height: 70px
}

.db-menu ul li h4,.ud-lhs-s2 ul li h4 {
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
    padding: 20px 0 5px 22px;
    line-height: 26px;
    font-weight: 600;
    border-bottom: 1px solid #c1cbd5
}

.bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000c7;
    z-index: 13;
    transition: all .3s ease;
    opacity: 0;
    transform: scale(0);
    transform-origin: right
}

.bg.act {
    opacity: 1;
    transform: scale(1)
}

.ud-lhs-s2 ul li a {
    font-weight: 500;
    color: #435769!important;
    font-size: 12px;
    display: block;
    padding: 7px 17px;
    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;
    background: #967aff
}

.ud-rhs-sec-3 {
    display: none
}

.cre-dup-form {
    display: none
}

.cre-dup {
    margin-bottom: 25px
}

.cre-dup a {
    width: 100%;
    border: 0;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center
}

.cre-dup span {
    width: 100%;
    border: 0;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0;
    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 0 0 -18px;
    transition: all .5s ease
}

.ud-lhs-s2 ul li a.db-lact img {
    background: #6f7bdf;
    padding: 6px
}

.ud-lhs-s2 ul li a:hover {
    background: #d0dbe5;
    border-radius: 0 50px 50px 0
}

.ud-lhs-s2 ul li a img {
    width: 28px;
    margin-right: 15px;
    padding: 3px;
    border-radius: 2px;
    margin-top: -2px
}

.ud-cen {
    float: left;
    width: 70%;
    margin: 40px 0 0;
    padding-left: 40px
}

.ud-rhs {
    float: left;
    width: 30%;
    padding: 40px 0 0 40px
}

.cd-cen-intr {
    padding: 30px 5px 0
}

.cd-cen-intr-inn {
    padding: 30px 30px 30px 230px;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: #e8edff;
    background: -webkit-linear-gradient(to right,#ffe5d2,#fff1e5);
    background: linear-gradient(to right, #fffefe, #f9ffee)
}

.cd-cen-intr-inn:before {
    left: 0;
    content: '';
    position: absolute;
    width: 190px;
    height: 171px;
    background: url(../images/quote.png) no-repeat;
    z-index: 9;
    bottom: 0;
    background-size: cover;
    filter: saturate(.7)
}

.cd-cen-intr h2 {
    font-size: 20px;
    color: #353148
}

.cd-cen-intr p {
    margin: 0;
    font-size: 13px;
    color: #353148
}

.ud-cen-s2 {
    overflow: hidden;
    overflow-x: auto;
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(154,160,185,.05),0 5px 30px 0 rgba(166,173,201,.22);
    border-radius: 0 0 10px 10px
}

.ud-cen-s2,.ud-cen-s3 {
    position: relative;
    padding: 30px
}

.ud-cen-s3 {
    padding-bottom: 0
}

.ud-cen-s4 {
    padding-bottom: 15px
}

.nav-tabs .nav-link {
    font-size: 12px;
    font-weight: 600;
    color: #333
}

.nav-tabs .nav-link.active {
    color: #007bff
}

.ud-main .nav-tabs {
    margin-bottom: 25px
}

.ud-cen-s2 h2,.ud-cen-s3 h2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px
}

.ud-cen-s3 h2 {
    background: #51b5e2;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    display: table;
    padding: 2px 10px 4px 10px;
    line-height: 22px;
    font-weight: 500;
    border-radius: 3px;
    bottom: -16px;
    position: relative;
    z-index: 1;
    font-size: 12px
}

.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;
    background: -webkit-linear-gradient(to top,#697480,#9ba3ab);
    background: linear-gradient(to top,#697480,#9ba3ab)
}

.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 {
    position: relative;
    margin-bottom: 10px
}

.form-group .dumfil {
    font-size: 14px;
    padding-bottom: 5px;
    display: block
}
.form-group i.tip{}
.ud-cen-s3 ul li {
    margin-bottom: 15px
}

.ud-cen-s3 ul li .db-eve {
    background: #fff;
    padding: 0;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,.11)
}

.ud-cen-s3 ul li .db-eve:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 9px -7px rgba(150,150,150,.59)
}

.ud-cen-s3 ul li .db-eve a img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 135px;
    transition: all .5s ease
}

.ud-cen-s3 ul li .db-eve a h5 {
    margin-bottom: 0;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    padding: 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: #fff;
    padding: 2px 6px;
    display: inline-block;
    font-weight: 500;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #3f57e0;
    border-radius: 10px
}

.ud-rhs ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.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,.ud-rhs-sec-2,.ud-rhs-sec-3,.ud-rhs-sec-4 {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f2f3f3;
    border-radius: 8px;
    border: 1px solid #e6e6e6
}

.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: 0
}

.ud-rhs-sec-1 ul li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 12px;
    transition: all .5s ease
}

.ud-rhs-sec-1 ul li:hover {
    padding-left: 6px;
    transition: all .5s ease
}

.ud-rhs-sec-1 ul li:hover h5 {
    color: #297bbb;
    transition: all .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: 0;
    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: 0;
    background: #253d52;
    padding: 15px 25px;
    color: #fff;
    font-weight: 600
}

.ud-rhs-sec-2 {
    padding: 0 0 15px;
    margin-bottom: 20px
}

.ud-rhs-sec-2 ul {
    padding: 0
}

.ud-rhs-sec-2 ul li {
    padding: 15px 15px 5px
}

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

.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: 0;
    padding: 3px;
    float: left;
    width: 20%
}

.ud-rhs-sec-3 .list-ri-peo-like ul {
    padding: 0
}

.ud-rhs-sec-3 ul li .eve-box-list {
    border: 0;
    padding: 0;
    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 0 4px;
    font-size: 13px;
    padding: 0;
    background: 0 0
}

.ud-cen-s3 ul li:nth-child(2n+2) div {
    margin: 0 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: 0 8.5px;
    bottom: 0
}

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

.ud-rhs-promo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cac42680;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    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: #fff;
    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 a,.ud-rhs-promo h3,.ud-rhs-promo p {
    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 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: 0
}

.blog-box-list span {
    font-size: 12px
}

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

.ud-cen-s2 table tr td:nth-child(2) img {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    object-fit: cover;
    float: left;
    margin-right: 15px
}

.ud-cen-s2 table tr td:nth-child(2) {
    font-weight: 600;
    font-size: 11px
}

.ud-box-com-25 {
    position: relative;
    word-wrap: break-word;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 3%);
    text-align: left;
    padding: 30px;
    border: 1px solid #f3f3f3;
    margin: 0 0 20px 0
}

.box-drk * {
    color: #fff
}

.ud-cen-s1-25 {
    margin: 50px 0 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px
}

.ud-box-com-25 h4 {
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 5px
}

.ud-box-com-25 h2 {
    font-size: clamp(12px, 2vw, 16px);
    font-weight: 600
}

.ud-box-com-25 span.bnum {
    font-size: clamp(16px, 2vw, 44px);
    font-weight: 600;
    position: relative
}

.ud-box-com-25 span.bnum sub {
    font-size: 30px;
    position: relative;
    bottom: -6px;
    vertical-align: super;
    line-height: 24px;
    color: #898989;
    font-weight: 300
}

.ud-box-com-25 p {
    font-size: 12px;
    margin: 0
}

.ud-box-com-25 {
    background-image: url(../images/worldmap.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.ud-box-com-25 h3 {
    font-size: clamp(15px, 2vw, 18px);
    font-weight: 600
}

.ud-box-com-25 h3 span {
    font-weight: 300
}

.box-drk * {
    color: #fff
}

.grn-box {
    background-color: #00b77c;
    background-size: 150%
}

.db-box-blu-25 {
    background-color: #00adff26
}

.db-box-gre-25 {
    background-color: #7d8387cf
}

.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 0;
    font-weight: 600
}

.ca-sh-plan {
    position: relative
}

.ca-sh-user {
    position: relative
}
.bor-login{border-right: 1px solid #e1dde8;}
.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: 0;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 3px;
    margin: 10px 0;
    display: inline-block;
    color: #fff;
    transition: all .5s ease
}

.db-pro-bot-btn:hover {
    color: #fff;
    background: #0b9311
}

.ud-cen-s2.ud-pro-edit table tr td:nth-child(2) {
    display: flex
}

.ud-pro-edit .form-group {
    margin: 0;
    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: 0
}

.ud-rhs-pay {
    background: #fff;
    float: left;
    box-shadow: 0 2px 15px -4px rgba(224,224,224,.8);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 20px
}

.ud-rhs-pay-inn h3 {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0
}

.ud-rhs-pay-inn ul {
    padding: 20px
}

.ud-rhs-pay-inn ul li {
    font-size: 12px;
    padding: 8px 0;
    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
}

.ud-rhs-pay-inn .btn1 {
    margin-left: 20px
}

.ud-rhs-pay-inn .btn2 {
    margin-left: 10px
}

.ud-rhs-repo {
    display: none
}

.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:first-child {
    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-bottom: 1px solid #e6ecee
}

.ud-rhs-repo ul li:nth-child(4) {
    border-right: 1px solid #e6ecee;
    border-bottom: 0
}

.ud-rhs-repo ul li:nth-child(5) {
    border-right: 1px solid #e6ecee;
    border-bottom: 0
}

.ud-rhs-repo ul li:nth-child(7) {
    border-right: 1px solid #e6ecee
}

.ud-rhs-status {
    padding-bottom: 0
}

.ud-rhs-status ul li {
    padding: 12px 10px 4px
}

.ud-rhs-status ul li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: calc(100% - 50px);
    padding: 0
}

.ud-rhs-status ul li .custom-control {
    padding: 0;
    display: inline-block;
    right: -50px;
    top: -4px
}

.ud-rhs-status ul li .form-switch {
    width: 30px;
    display: inline-block
}

.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: 0;
    font-size: 10px;
    border-radius: 2px;
    text-align: center
}

.db-list-ststus {
    background: #579edc;
    padding: 4px 8px;
    font-weight: 600;
    color: #fff;
    font-size: 10px;
    border-radius: 2px;
    border: 0 solid #d3d3d3
}

.db-list-ststus-na {
    background: #fd8478;
    padding: 4px 8px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0;
    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-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: 0 0 80px;
    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: 0
}

.udb-sugg .hot-page2-hom-pre-head h4 {
    color: #fff
}

.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: 0;
    right: 0;
    top: 0;
    bottom: 0;
    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;
    border-radius: 10px
}

.ud-notes p {
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    color: #668796
}

.ad-table-inn img {
    width: 100px;
    transition: all .5s ease
}

.ad-table-inn img:hover {
    transform: scale(3);
    box-shadow: 0 1px 12px 0 rgba(150,150,150,.8)
}

.ad-table-inn .db-list-rat:hover {
    color: #fff
}

.ud-payment {
    background: #fff;
    box-shadow: 0 2px 22px 3px rgba(157,152,152,.21);
    padding: 30px
}

.pay-lhs {
    padding: 0
}

.pay-lhs img {
    width: 100%;
    float: left;
    border-radius: 5px
}
.ud-payment .pay-rhs{padding-left: 0;}
.pay-rhs {
    padding-left: 35px
}

.pay-rhs ul li {
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 400
}

.pay-rhs ul li:first-child {
    width: 100%
}

.pay-rhs ul li:nth-child(2) {
    width: 100%;
    font-size: 24px;
    font-weight: 600
}

.pay-rhs ul li .ud-stat-pay-btn {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 40px
}

.ud-pro-link .pay-rhs ul li:nth-child(4) {
    width: 70%
}

.ud-pay-op {
    margin-top: 50px
}

.ud-pay-op h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.pay-full {
    background: #fffbf1;
    border: 1px solid #f3ead1;
    padding: 25px;
    margin-bottom: 15px
}

.pay-full .rbbox label {
    font-weight: 600;
    margin-bottom: 0
}

.pay-note {
    margin-top: 0;
    opacity: 0;
    transition: all .5s ease;
    height: 0
}

.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: 0;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: 15px
}

.pay-note form h4 {
    margin-top: 40px
}

.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 {
    opacity: 1;
    transition: all .5s ease;
    height: auto;
    margin-top: 20px
}

.posr .form-group {
    position: relative
}

.ud-rhs-poin {
    background: url(../images/points.png) no-repeat #958686;
    margin-bottom: 20px;
    background-size: 150%;
    background-position: center bottom;
    border: 3px dashed #000;
    box-shadow: 0 2px 15px -4px rgba(224,224,224,.8);
    border-radius: 10px;
    position: relative;
    padding: 40px 10px 20px 10px
}

.ud-rhs-poin:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(357deg,#ceffc0,#ffffff96);
    z-index: 0;
    border-radius: 6px
}

.ud-rhs-poin1 {
    background-size: 100%;
    padding: 0 40px;
    text-align: center;
    border-radius: 10px;
    position: relative
}

.ud-rhs-poin1 h4 {
    margin: 0;
    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;
    position: relative
}

.ud-rhs-poin2 h3 {
    font-size: 15px
}

.ud-rhs-poin2 p {
    font-size: 11px;
    font-family: Quicksand;
    color: #000;
    font-weight: 500
}

.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 {
    border: 1px solid #ebebeb;
    border-radius: 3px
}

.how-to-coll li {
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    padding: 20px
}

.how-to-coll li:last-child {
    border-bottom: 0
}

.how-to-coll li h4 {
    text-align: left;
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    overflow: hidden;
    position: relative;
    padding-right: 30px
}

.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: 0;
    top: 0;
    font-size: 25px;
    line-height: 17px;
    transition: all .5s ease
}

.how-to-coll li h4.colact:after {
    transform: rotate(180deg);
    transition: all .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: 0
}

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

.how-to-coll li div ol li {
    border: 0;
    padding: 0;
    font-size: 13px;
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    color: #81878d;
    list-style-type: disc;
    margin-left: 18px
}

.use-act-err {
    position: fixed;
    left: 0;
    background: #fffaba;
    right: 0;
    width: 100%;
    z-index: 12;
    bottom: 0;
    padding: 5px 10px;
    border-top: 1px solid #ece9b5
}

.use-act-err p {
    margin: 0;
    font-size: 11px;
    color: #000;
    text-align: center;
    border: 0;
    background: 0 0;
    padding: 4px;
    font-weight: 500
}

.ud-sett table tr td {
    font-size: 12px;
    font-weight: 500
}

.ud-sett table tr td select {
    font-size: 12px;
    font-weight: 500;
    border: 0;
    background: #fff;
    cursor: pointer
}

.ud-sett table tr td .form-group {
    margin-bottom: 0
}

.ud-sett table tr td .form-group .custom-control-label {
    font-size: 10px;
    padding-top: 3px;
    line-height: 18px
}

.sub-btn {
    border: 0;
    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 .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.ud-sett table tr:last-child {
    border-bottom: 0
}

.ud-sett table tr:last-child td {
    padding-bottom: 0
}

.com-noti {
    padding: 10px 40px;
    border-radius: 0 0 20px 20px;
    display: table;
    margin: 0 auto;
    box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
    transition: all .5s ease;
    position: fixed;
    top: -100px;
    z-index: 22;
    left: 0;
    width: 100%;
    text-align: center
}

.com-noti.cnoti-show {
    top: 0;
    transition: all .5s ease
}

.com-noti p {
    color: #fff;
    font-size: 13.5px;
    margin: 0
}

.com-noti .yes {
    border: 1px solid;
    padding: 0 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: 0 0;
    color: #fff
}

.com-noti .no {
    border: 1px solid;
    padding: 0 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: 0 0;
    color: #fff;
    margin-left: 10px
}

.ud-payment.ud-pro-link {
    background: #fff;
    box-shadow: none;
    padding: 0 0 25px 0;
    border: 1px solid #e8eff6;
    border-radius: 10px;
    box-shadow: 0 2px 8px -4px #00000063
}

.ud-payment.ud-pro-link.bus-pg {
    background: #fff;
    border: 1px solid #e4f0fc
}

.ud-payment.ud-pro-link .lis-pro-badg {
    padding-top: 25px
}

.ud-pro-link {
    position: relative;
    overflow: hidden
}

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

.ud-pro-link .pay-rhs ul li.pre {
    margin-bottom: 0;
    width: 100%
}

.ud-pro-link .pay-rhs ul li.pre a {
    border: 0;
    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 {
    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: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    box-shadow: 0 0 32px -6px rgba(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: 0;
    top: 0
}

.us-pro {
    position: relative;
    border-radius: 5px
}

.us-pro-sec-1 {
    margin: 0 auto;
    display: table;
    box-shadow: 0 0 32px -6px rgba(0,0,0,.27);
    background: #ccd1d6
}

.us-pro-sec-1-lhs {
    float: left;
    width: 30%;
    text-align: center;
    padding: 30.5px 0 21px;
    background: #fff
}

.us-pro-sec-1-lhs .pro {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 6px 12px -3px rgba(0,0,0,.27);
    margin: 0 auto;
    display: table
}

.us-pro-sec-1-rhs .pro-bg {
    width: 100%;
    height: 350px;
    object-fit: cover;
    z-index: 0
}

.us-pro-sec-1-lhs h1 {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600
}

.us-pro-sec-1-rhs {
    float: left;
    width: 70%;
    overflow: hidden
}

.us-pro-sec-1-rhs h1 {
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    padding-right: 15px
}

.us-pro-sec-1-lhs button {
    background: #0a77ff;
    border: 0;
    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:first-child 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 0;
    border-bottom: 1px solid #dee5ea;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px
}

.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 p {
    float: left;
    font-size: 13px;
    font-weight: 600;
    width: 100%
}

.us-pro-sec-1-lhs ul.pro-soci {
    margin: 0 auto;
    display: table
}

.us-pro-sec-1-lhs ul.pro-soci li {
    float: left;
    margin-right: 8px
}

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

.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 h2 {
    font-size: 20px;
    padding: 0 15px;
    font-weight: 600
}

.us-ppg-listings label.rat {
    display: none
}

.pro-rel-posts .us-ppg-blog {
    padding-top: 10px;
    padding-bottom: 130px
}

.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 .5s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,.11);
    margin: 15px
}

.pro-listing-box:hover div:nth-child(2) span {
    background: #2da2ff;
    transition: all .5s ease
}

.pro-listing-box div:first-child {
    position: relative
}

.pro-listing-box div:first-child img {
    width: 100%;
    transition: all .5s ease;
    height: 185px;
    object-fit: cover;
    border-radius: 2px
}

.pro-listing-box div:first-child h2 {
    font-size: 17px;
    font-weight: 600;
    padding: 25px 25px 0;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden
}

.pro-listing-box div:first-child p {
    padding: 0 25px;
    font-size: 14px;
    height: 40px;
    overflow: hidden
}

.pro-listing-box div:first-child label.rat {
    padding-left: 25px
}

.pro-listing-box div:first-child label.rat i {
    font-size: 20px;
    width: 14px
}

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

.col-md-9.us-ppg-com {
    padding: 70px 0 0 40px;
    border-left: 1px solid #98a2a7
}

.col-md-9.us-ppg-com h1 {
    display: none
}

.pro-eve-box {
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,.11);
    margin: 15px
}

.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 .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: 0
}

.us-ppg-blog .pro-eve-box p {
    margin-bottom: 0;
    color: #6a6a6a
}

.pro-eve-box:hover {
    box-shadow: 0 7px 24px -11px #170000
}

.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 .pro-eve-box div:nth-child(2) {
    margin-top: 0;
    position: relative;
    background: #fff;
    padding: 15px
}

.blog-bred-post-date span,.pro-eve-box span {
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding-left: 20px;
    position: relative;
    line-height: 18px;
    background: var(--blue);
    padding: 4px 8px 4px 32px;
    border-radius: 4px
}

.blog-bred-post-date span.ic-time,.pro-eve-box span.ic-time {
    background: #8798a0
}

.pro-eve-box span.ic-view {
    float: right
}

.blog-bred-post-date span:before,.pro-eve-box span.ic-time:before,.pro-eve-box span.ic-view: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: 0 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 .5s ease
}

.pro-sm-box:hover {
    background: #f4f9ff;
    transition: all .5s ease
}

.us-ppg-follow ul li {
    padding: 10px;
    width: 25%
}

.pro-sm-box:hover p {
    color: #333;
    transition: all .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;
    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: 0;
    transition: all .5s ease
}

.pro-sm-box p b {
    font-weight: 500;
    color: #333
}

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

.us-ppg-follow .ud-rhs-sec-2 {
    border: 0;
    margin-bottom: 0
}

.pro-bot-shar {
    border-top: 1px solid #e9eef3;
    padding-top: 25px;
    margin-top: 5px
}

.pro-bot-shar h4 {
    font-size: 20px;
    padding: 0 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;
    display: inline-block;
    letter-spacing: .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 0 0;
    position: relative;
    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: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/bgIcons.png);
    background-repeat: repeat;
    opacity: .3;
    background-size: 400px;
    animation: blogbgani 300s linear 0 infinite both
}

@keyframes blogbgani {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 5000px
    }
}

.eve-head {
    background: #9333d6;
    background: -webkit-linear-gradient(to right,#e09b00,#8e2de2);
    background: linear-gradient(to right,#e09b00,#8e2de2)
}

.eve-head:before {
    opacity: .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
}

.blog-head-inn {
    text-align: center;
    position: relative;
    padding-top: 60px
}

.blog-head-inn .ban-search {
    width: 100%;
    box-shadow: none
}

.blog-head-inn {
    width: 25%;
    padding-top: 60px;
    padding-right: 42px;
    text-align: left
}

.blog-head-inn h1,.fil-mob-view .ban-search h1 {
    font-size: 38px;
    font-weight: 700
}

.blog-head-inn p {
    font-size: 18px;
    font-weight: 400;
    margin: 6px 0 20px
}

.blog-body .us-ppg-com ul li {
    width: 33.333%
}

.blog-body .pro-eve-box p {
    padding: 0
}

.blog-body .pro-eve-box {
    border: 8px solid #fff;
    border-radius: 5px;
    border-bottom: 0
}

.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 0 15px
}

.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: 0 0;
    padding: 0;
    box-shadow: none
}

.blog-head .ban-search .sr-sea {
    width: 100%
}

.blog-head .ban-search .sr-btn {
    width: 28%
}

.blog-sli {
    overflow: hidden;
    z-index: 1;
    position: relative;
    box-shadow: 0 2px 24px -4px #17000069;
    margin-top: 50px;
    border-radius: 15px;
    padding: 0
}

.blog-sli ul {
    position: relative
}

.blog-sli .slick-arrow {
    top: 177px;
    transition: all .2s ease;
    box-shadow: 0 1px 11px 0 #33333340;
    outline: 0
}

.blog-sli .slick-arrow:hover {
    transform: scale(1.2)
}

.blog-sli ul li {
    float: left
}

.blog-sli-box {
    background: #fff;
    border-radius: 5px;
    position: relative
}

.blog-sli-box:before {
    width: 100%;
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(1deg,#000000c9,transparent);
    z-index: 1;
    border-radius: 12px
}

.blog-sli .lhs {
    position: relative
}

.blog-sli .lhs img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 5px
}

.eve-date-sli,.eve-deta-pg .dat {
    display: inline-block;
    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)
}

.eve-deta-pg-main .dat {
    position: absolute;
    left: 0;
    top: 0
}

.eve-date-sli {
    margin: 5px 0 15px
}

.eve-date-sli b,.eve-deta-pg .dat b {
    display: block;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: .5px;
    line-height: 30px
}

.blog-sli .rhs {
    padding: 30px 30px 30px 50px;
    color: #10101e;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.blog-sli .rhs * {
    position: relative;
    z-index: 1;
    color: #fff
}

.blog-sli .lhs span.hig {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 3px 10px;
    border-radius: 2px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    background: var(--bluelig)
}

.blog-sli .rhs h4 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    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;
    margin: 0 auto;
    display: table;
    min-width: 175px
}

.blog-sli .rhs .auth h6 {
    float: left;
    font-size: 14px;
    line-height: 2px;
    padding: 0
}

.pg-eve-ban {
    margin-top: var(--topspac)
}

.blog-body,.event-body {
    padding-bottom: 100px;
    margin-top: var(--topspac);
    background: #eef5ff;
    background-image: linear-gradient(358deg,#fff 0,#d7e0e7 100%)
}

.event-body {
    margin-top: 0;
    position: relative;
    overflow: hidden
}

.event-body .us-ppg-com ul li .eve-box {
    margin: 10px;
    padding: 8px;
    border-radius: 5px;
    border: 0;
    box-shadow: 0 2px 8px #0000003b
}

.event-body .eve-box div h4 {
    padding: 0;
    font-size: 15px;
    line-height: 21px;
    margin: 0;
    height: 44px;
    overflow: hidden;
    font-family: 'Noto Sans',sans-serif
}

.event-body .eve-box div:nth-child(3) .auth {
    padding-left: 0
}

.event-body .eve-box div:first-child 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
}

.eve-deta-pg {
    margin-top: var(--topspac);
    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: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/bgIcons.png);
    background-repeat: repeat;
    opacity: .3;
    background-size: 400px;
    animation: blogbgani 300s linear 0 infinite both
}

.eve-deta-pg .eve-deta-pg-main {
    position: relative;
    padding: 12px;
    background: #fff;
    margin: 50px 0 -200px;
    border-radius: 15px 15px 0 0
}

.eve-deta-pg .lhs {
    position: relative;
    width: 65%
}

.eve-deta-pg-main .rhs+.lhs {
    width: 65%
}

.eve-deta-pg .lhs .img {
    position: relative;
    overflow: hidden
}

.eve-deta-pg .lhs .img img {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 422px;
    transition: all .5s ease;
    border-radius: 10px 0 0 10px
}

.eve-deta-pg .head {
    position: relative
}

.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;
    padding: 8px 0 12px
}

.eve-deta-pg .head .addr {
    display: block
}

.eve-deta-pg .rhs {
    float: right;
    width: 35%;
    background: #f2f4f6
}

.eve-deta-pg .rhs .pglist-p-com {
    margin-bottom: 0;
    border-radius: 0;
    background: #fff
}

.eve-deta-pg .rhs .quote-pop {
    padding: 15px 25px
}

.eve-deta-pg .rhs .quote-pop h3 {
    background: var(--blue);
    margin-bottom: 0
}

.eve-deta-pg .rhs .quote-pop form {
    background: #fff;
    border-radius: 0 0 20px 20px
}

.eve-deta-body {
    background: #fff;
    padding: 40px 0 0
}

.eve-deta-body .eve-deta-body-main {
    margin-top: 165px;
    padding: 0 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 {
    padding-bottom: 25px
}

.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 img,.list-pg-inn-abo p 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 img,.pro-pbox-4 p 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 img,.eve-deta-body .eve-deta-body-main .lhs p 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: 0
}

.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 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;
    border-radius: 50%;
    margin: 1px 0 0 -20px;
    font-weight: 900;
    font-size: 12px;
    color: #47b83f
}

.eve-deta-body .rhs .sec-2 {
    margin-bottom: 40px
}

.eve-deta-body .rhs .sec-2 iframe {
    border: 0;
    width: 100%;
    height: 150px;
    border: 5px solid #fff;
    box-shadow: 0 3px 14px -8px rgba(42,42,42,.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: 0
}

.pro-rel-events,.pro-rel-posts {
    border-top: 1px solid #e9eef3;
    padding-top: 45px;
    margin-top: 50px
}

.pro-rel-events .event-body {
    background: 0 0;
    padding-top: 0
}

.pro-rel-events h4,.pro-rel-posts h4 {
    font-size: 20px;
    padding: 0 15px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 0;
    position: relative
}

.eve-deta-body .auth h4 {
    text-align: left;
    font-size: 12px;
    padding-left: 0
}

.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: 0;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    margin: 15px 0 20px;
    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: 0 solid #e7e7e7;
    padding-top: 0;
    margin-bottom: 30px;
    padding-bottom: 0
}

.eve-deta-body.blog-deta-body .rhs .sec-3 .ud-lhs-s1 {
    padding-bottom: 25px
}

.pro-rel-posts .pro-eve-box p {
    padding: 0
}

.db-noti ul li {
    color: #969595;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;
    transition: all .5s ease
}

.db-noti ul li:hover {
    transition: all .5s ease;
    padding-left: 8px
}

.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: 0;
    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 0;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer
}

.noti-clr-noti .material-icons {
    float: left;
    font-size: 16px;
    padding: 2px 3px 0 0
}

.add-list-off ul li,.add-list-ser ul li,.bor-box {
    border: 1px solid #d3d7e7;
    margin-bottom: 25px;
    padding: 20px;
    border-radius: 10px;
    background: #f5f7ff;
    position: relative
}

.list-show-oth-modu h4 {
    margin-bottom: 18px;
    font-size: 18px;
    text-align: left
}

.bor-box h3 {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 15px
}

.bor-box .col-md-12,.bor-box .col-md-6 {
    padding: 0
}

.bor-box .fil-img-uplo {
    margin-bottom: 0
}

.ui-datepicker {
    padding: .2em .2em 0;
    display: none
}

.add-work-hrs label {
    margin: 12px 0 0
}

.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: #aaa;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
    font-weight: 600
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker .ui-datepicker-next:after,.ui-datepicker .ui-datepicker-prev: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-next:hover,.ui-datepicker .ui-datepicker-prev:hover {
    background: 0 0;
    padding: 0
}

.ui-widget {
    font-size: 13px;
    font-weight: 500;
    color: #5f6165;
    line-height: 18px
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-size: 1em;
    border: 0;
    height: 25px;
    padding: 0 10px;
    border-radius: 3px;
    margin: 0 5px!important;
    font-family: Poppins,sans-serif;
    font-size: 14px!important;
    font-weight: 600
}

.ui-widget.ui-widget-content {
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
    padding: 10px 10px 5px;
    overflow: hidden;
    overflow-y: auto;
    border: 0
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 0 solid #b4b4b4;
    background: #f1f4f5;
    font-weight: 500;
    color: #6e7d93;
    padding: 4px 2px 3px;
    border-radius: 2px;
    text-align: center
}

.ui-button,.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 {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    font-weight: 400;
    border: 0 solid #dad55e;
    background: #13af11;
    color: #fff
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    font-weight: 400;
    border: 0 solid #dad55e;
    background: #0445fa;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-state-disabled span {
    color: #aaa!important
}

.ad-pri-cal {
    margin-top: 10px;
    display: none
}

.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: 0 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 0 0;
    font-weight: 600;
    font-size: 22px
}

.db-fol-grid ul li {
    float: left;
    width: 20%
}

.pro-fol-gr {
    transition: all .5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    margin: 10px;
    padding: 15px;
    float: left;
    box-shadow: 0 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;
    color: #a7a7a7;
    text-align: left;
    padding-top: 20px;
    float: left;
    display: inline-block;
    width: 100%
}

.comity-all-user .pro-fol-gr h4 {
    height: 55px;
    font-weight: 400;
    font-family: 'Noto Sans'
}

.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;
    padding-bottom: 3px
}

.pro-ful-img {
    position: relative
}

.pro-fol-gr ol {
    padding: 0;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    padding: 10px;
    transition: all .2s ease;
    background: linear-gradient(to bottom,#fff,#fcf6f3 70%);
    opacity: 0;
    transform: translateY(-10px)
}

.pro-fol-gr:hover ol {
    opacity: 1;
    transition: all .2s ease;
    transform: translateY(0);
    text-align: center;
    background: #e5f5fb;
    box-shadow: 0 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: 0 16px 11px -7px rgba(55,63,67,.45);
    transition: all .5s ease
}

.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 {
    transition: all .4s ease-in-out
}

.enq-sav i {
    cursor: pointer;
    border-radius: 50%;
    background: #0000007a;
    padding: 3px;
    text-align: center;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    transition: all .5s ease;
    border: 1px solid #f1f0ed;
    color: #4173ea;
    display: inline-block
}

.enq-sav i img {
    width: 14px;
    height: 14px;
    opacity: .7;
    transition: all .5s ease;
    vertical-align: initial
}

.enq-sav i.sav-act {
    animation: pulse 1.5s 1;
    border-radius: 50%;
    border: 1px solid #fdf5dd;
    background: #fdf5dd
}

.tooltip-inner {
    background-color: #0c0
}

.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: #03a9f4;
    font-weight: 600;
    border: 0;
    background: 0 0
}

.ldelik.sav-act i,.pg-list-oths ul li a:hover i,.pg-list-oths ul li span:hover i {
    color: #03a9f4;
    border: 1px solid #03a9f4
}

.ldelik.sav-act:before {
    color: #fff
}

.list-pg-write-rev .col {
    padding: 0
}

.list-pg-write-rev .row .col {
    padding: 0 15px
}

#pop_enq_same,div#pop_enq_success,span#Review_Disable {
    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: 0
}

#pop_enq_same {
    border: 1px solid #ffd5d5;
    background: #ffd5d5;
    font-size: 12px
}

#pop_enq_same p {
    color: #ac6c6c;
    margin: 0;
    font-size: 12px
}

.template-comm {
    margin-top: 52px;
    padding-bottom: 100px;
    padding-top: 40px;
    color: #5e6673
}

.template-def .container {
    max-width: 750px
}

.template-def .templ-def-rhs {
    display: none
}

.template-comm img {
    width: 100%;
    margin: 0 0 20px;
    border-radius: 5px
}

.template-comm h1,.template-comm h2,.template-comm h3,.template-comm h4,.template-comm h5,.template-comm h6 {
    margin: 5px 0 20px
}

.template-comm p {
    font-size: 15px;
    line-height: 26px;
    color: #78808d
}

.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;
    margin-bottom: 10px
}

.templ-def-rhs .box h2 {
    font-size: 18px;
    font-weight: 600
}

.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: 0;
    border-radius: 0;
    padding-right: 10px
}

.templ-def-rhs .box ul li .eve-box-list h4 {
    margin-bottom: 0;
    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 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 0 0;
    height: 130px;
    object-fit: cover
}

.templ-rhs-list div h3 {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 0 15px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden
}

.templ-rhs-list div p {
    font-size: 13px;
    padding: 0 15px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden
}

.templ-rhs-list div a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.templ-rhs-list .pri {
    padding: 0 15px;
    background: 0 0;
    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: 0
}

.template-rhs .hot-page2-hom-pre-2 {
    padding-right: 0
}

.template-rhs .hot-page2-hom-pre-head h4 {
    margin: 0
}

.template-rhs .hot-page2-hom-pre-2 h5 {
    margin-bottom: 0
}

.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: #fff;
    padding: 30px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0 7px 20px -5px rgba(150,150,150,.29);
    border-radius: 0 0 10px 10px
}

.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: 0 0 0 40px;
    height: 40px
}

.templ-rhs-form .btn-primary {
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 0;
    transition: all ease .5s;
    display: block;
    width: 100%
}

.templ-rhs-form .form-group:before {
    margin: 7px 0 0 15px;
    color: #2196f3;
    left: -2px
}

.f2 {
    margin: -45px 0 10px;
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    position: absolute
}

.vfilter {
    display: inline-block;
    float: right;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 2px 0 9px 0 #33333321;
    display: none
}

.vfilter i {
    vertical-align: sub;
    cursor: pointer;
    color: #93999b;
    font-size: 20px;
    padding: 0 5px
}

.vfilter i.act {
    color: #02acd2
}

.vfilter i.ic1 {
    display: none
}

.all-list-sh.cview1 .eve-box div:first-child {
    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:first-child {
    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 .addr,.all-list-sh.cview3 .eve-box div:nth-child(3),.all-list-sh.cview3 .mail,.all-list-sh.cview3 .pho {
    display: none
}

.all-list-sh.cview3 .eve-box div:nth-child(2) {
    padding: 25px 25px 5px
}

.all-list-sh.cview3 .eve-box div:first-child img {
    height: 235px
}

.cate-sli .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cate-sli .carousel-control-next-icon,.cate-sli .carousel-control-prev-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

.cate-sli .carousel-control-next-icon:before,.cate-sli .carousel-control-prev-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 0 0 10px
}

.cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0 0 8px
}

.bpro-sli .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bpro-sli .carousel-control-next-icon,.bpro-sli .carousel-control-prev-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

.bpro-sli .carousel-control-next-icon:before,.bpro-sli .carousel-control-prev-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 0 0 10px
}

.bpro-sli .cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0 0 8px
}

.bpro-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    left: 11px
}

.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-next-icon,.list-pg-inn-sp .carousel-control-prev-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

.list-pg-inn-sp .carousel-control-next-icon:before,.list-pg-inn-sp .carousel-control-prev-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 0 0 10px
}

.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0 0 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: 0;
    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 #25272a;
    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: #fff #fec9a3 transparent transparent
}

.ani-q1 h4 {
    font-size: 15px;
    color: #000;
    font-weight: 600
}

.ani-q1 p {
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    padding-bottom: 8px
}

.ani-q1 span {
    color: #fff;
    padding: 5px 12px;
    border-radius: 3px;
    border: 0 solid #333;
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 11px
}

.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 .5s ease-in-out;
    box-shadow: -22px 0 73px -22px rgba(42,42,42,.48);
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px;
    box-shadow: 0 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 .5s ease-in-out;
    right: 20px
}

.ani-quo-form .tit {
    margin: 0;
    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: 0;
    background: 0 0
}

.ani-quo-form .hom-col-req form {
    padding: 25px
}

.all-list-filt-form input,.ani-quo-form .hom-col-req form input {
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px
}

.all-list-filt-form select,.ani-quo-form .hom-col-req form select {
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px
}

.all-list-filt-form .hom-col-req form button,.ani-quo-form .hom-col-req form button {
    font-size: 13px;
    letter-spacing: .3px;
    border-radius: 5px
}

.ani-req-clo {
    color: #333;
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.all-list-filt-form {
    background: #f5f7fb;
    padding-top: 30px;
    position: sticky;
    top: 50px
}

.all-list-filt-form .tit {
    margin-bottom: 0
}

.all-list-filt-form .tit h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
}

.all-list-filt-form .tit h3 span {
    display: block;
    font-weight: 600
}

.all-list-filt-form form {
    padding: 20px 30px 30px
}

.all-list-filt-form .hom-col-req {
    background: #f5f7fb;
    margin: 0;
    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;
    padding: 10px 20px
}

#home_slide_enq_success p {
    color: #27b347;
    margin: 0;
    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 {
    position: relative
}

.how-wrks-2 {
    padding-bottom: 180px
}

.how-wrks .home-tit {
    margin-bottom: 40px
}

.how-wrks-about {
    padding-bottom: 50px
}

.how-wrks-inn .col-lg-3 div {
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 30px;
    position: relative;
    transition: all .5s ease
}

.how-wrks-inn .col-lg-3 div:hover {
    background: #fff;
    transform: translateY(-8px);
    box-shadow: 0 19px 46px -39px #25272a
}

.how-wrks-inn .col-lg-3 div span {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    padding: 3px 0;
    display: table;
    margin: 0 auto;
    margin-top: -44px
}

.how-wrks-inn .col-lg-3 div img {
    width: 72px;
    margin-top: 25px
}

.how-wrks-inn .col-lg-3 div h4 {
    font-weight: 600;
    font-size: 18px;
    padding: 20px 0 2px
}

.how-wrks-inn .col-lg-3 div p {
    margin: 0;
    font-size: 13px;
    color: #636363
}

.mob-app {
    padding-top: 100px
}

.mob-app .lhs img {
    width: 80%
}

.mob-app .rhs h2 {
    font-size: 32px;
    padding-bottom: 20px
}

.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 0 0 -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 0 0;
    box-shadow: 0 1px 20px -13px rgba(42,42,42,.86);
    width: 80%
}

.mob-app .rhs form ul {
    padding: 0;
    margin: 0
}

.mob-app .rhs form ul li {
    list-style-type: none;
    display: inline-block;
    float: left;
    padding: 0
}

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

.mob-app .rhs form ul li:first-child {
    width: 65%
}

.mob-app .rhs form ul li:nth-child(2) {
    width: 35%
}

.mob-app .rhs a img {
    width: 150px;
    float: left;
    margin: 0 5px 5px 0
}

.soc-log {
    padding: 30px 30px 0
}

.soc-log ul {
    max-width: 210px;
    margin: 0 auto;
    text-align: center;
}

.soc-log ul li {
    margin: 5px 0;
    display: inline-block;
}

.soc-log ul li a {
    text-align: center;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    padding: 10px;
    display: block;
}

.soc-log ul li a img {
    width: 28px;
}

.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 .tit {
    background: #20344c;
    color: #fff;
    padding: 18px;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0
}

.filt-alist-near .tit h4 {
    font-size: 15px;
    margin: 0;
    text-align: left;
    font-weight: 600
}

.near-ser-list {
    margin-bottom: 20px;
    padding: 0 17px;
    min-height: auto;
    max-height: 300px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 7px 20px -5px rgba(150,150,150,.29);
    border-radius: 0 0 10px 10px
}

.near-ser-list:hover {
    overflow-y: auto
}

.near-ser-list ul li {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    width: 100%
}

.near-ser-list ul li .near-bx {
    position: relative;
    display: flex
}

.near-ser-list ul li .near-bx a {
    position: absolute;
    left: 0;
    top: 0;
    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: 0 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: 0;
    font-weight: 600;
    letter-spacing: 0;
    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,.rat-small-num {
    width: 24px;
    height: 24px;
    padding: 2px 3px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    background: var(--greenlig)
}

.all-list-bre {
    padding: 40px 0 60px;
    position: relative
}

.all-pro-bre,.comm-ban-head {
    background: url(../images/all-product-bg.jpg) no-repeat #5085f7;
    background-size: cover;
    background-position: center center;
    margin-top: var(--topspac);
    padding: 30px 10px 0
}

.all-pro-bre:before,.comm-ban-head:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000008a
}

.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: 0 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: 700;
    margin: 0;
    font-size: 38px;
    line-height: 46px;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize
}

.all-list-bre ul li:after,.all-pro-bre h1,.all-pro-bre ul li a {
    color: #fff
}

.all-list-bre ul,.eve-bred-crum ul {
    float: left;
    position: relative
}

.list-pg-bg .eve-bred-crum {
    padding-bottom: 20px
}

.list-pg-bg .eve-bred-crum ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.list-pg-bg .eve-bred-crum ul li:after {
    line-height: 24px
}

.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: 0
}

.eve-deta-body-main .eve-bred-crum ul li {
    padding-left: 0
}

.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: #333;
    font-size: 16px;
    padding: 2px
}

.eve-bred-crum {
    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: #333;
    font-size: 12px;
    text-transform: capitalize
}

.all-pro-bre ul li a {
    color: #fff
}

.eve-bred-crum ul li a {
    color: #333;
    font-size: 12px;
    text-transform: capitalize
}

.biz-prog {
    display: none
}

.biz-pro {
    position: relative
}

.biz-pro .row {
    box-shadow: 0 0 25px 0 rgba(42,42,42,.13);
    background: #fff;
    z-index: 9;
    padding-top: 17px;
    border-radius: 5px
}

.biz-pro .lhs {
    position: relative;
    padding-bottom: 65px
}

.bpro-sli {
    position: sticky;
    top: 84px;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
    padding: 25px 0
}

.bpro-sli .carousel-item:before {
    background: 0 0
}

.bpro-sli .carousel-item img {
    width: 100%;
    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
}

.pro-pbox-1 {
    margin-top: 0;
    background: 0 0;
    padding: 0
}

.pro-pbox-1:before {
    background: 0 0
}

.pro-pbox-1 ul li:after {
    color: #333
}

.pro-pbox-1 ul li a {
    color: #333
}

.pro-pbox-2 {
    padding-bottom: 10px
}

.pro-pbox-2 h1 {
    font-size: 26px;
    font-weight: 600;
    padding: 12px 0 8px;
    margin-bottom: 0
}

.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 .pro-cost {
    padding-top: 0;
    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
}

.pro-pbox-com h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px
}

.pro-pbox-com .ud-lhs-s1 h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600
}

.pro-pbox-com .ud-lhs-s1 {
    padding-bottom: 0
}

.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: 0
}

.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: 0;
    text-align: center;
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    transition: all .5s ease;
    transform: rotate(90deg);
    line-height: 20px;
    margin: 0 0 0 -28px
}

.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: 0 10px 10px 0;
    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: 0;
    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: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    padding: 0;
    box-shadow: 0 11px 18px -8px rgba(42,42,42,.14);
    transition: all .5s ease;
    display: none
}

.list-det-fix.list-det-fix-act {
    top: 0;
    transition: all .5s ease
}

.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 0 0 12px
}

.list-fix-tit h3 {
    margin: 0;
    font-weight: 600;
    font-size: 19px;
    padding-bottom: 3px
}

.list-fix-tit p {
    margin: 0;
    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: #fff;
    transition: all .5s ease;
    box-shadow: 0 0 0 #f44336;
    padding: 7px 25px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    border-radius: 2px;
    margin-top: 6px;
    animation: none;
    float: right
}

.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-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 0 40px;
    position: relative;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right,#700edb,#d51075);
    background: linear-gradient(to right,#700edb,#d51075)
}

.about-ban h1,.about-ban input {
    position: relative;
    font-weight: 600
}

.abou-pg1 {
    background: #fff
}

.abou-pg1:before {
    display: none
}

.commun-pg-main input {
    border-radius: 30px;
    box-shadow: 0 5px 41px -14px #0000003b;
    color: #40454a;
    max-width: 100%;
    width: 384px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
    display: block;
    line-height: 40px;
    font-size: 15px;
    outline: 0;
    height: 58px;
    background: #fff;
    box-sizing: border-box;
    padding: 0 25px 0 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;
    font-weight: 700
}

.abou-pg .home-tit p {
    font-size: 14px;
    padding-bottom: 15px
}

.abou-pg .abo-memb ul li div {
    padding: 0;
    padding-bottom: 20px
}

.abou-pg .abo-memb ul li div img {
    width: 100%;
    margin: 0
}

.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: 0 15px;
    font-size: 12px
}

.abou-pg .about-ban {
    color: #fff;
    margin-bottom: -68px
}

.abou-pg1 .about-ban {
    color: #333;
    margin-bottom: 0;
    text-align: center;
    width: 100%
}

.h2-ban-ql {
    display: none;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding-top: 0;
    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: 0 5px 5px;
    transition: all .5s ease;
    background: #20344c80
}

.h2-ban-ql ul li div:hover {
    background: #20344c;
    box-shadow: 0 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 0 0;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .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: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.hom-h2-pri {
    background: #fff;
    padding: 70px 0 0
}

.hom-h2-pri .pri-box {
    background: #fafcfd;
    border-radius: 10px;
    box-shadow: 0 1px 10px 4px #68769229
}

.all-products {
    margin-top: 0;
    padding-bottom: 100px
}

.all-products .row {
    box-shadow: none;
    padding-top: 20px
}

.all-products .col-md-3 {
    padding-top: 30px
}

.all-products .col-md-9 {
    background: 0 0
}

.all-product-total {
    background: 0 0!important;
    padding-left: 15px
}

.all-product-total ul li {
    float: left;
    width: 33.3333%
}

.all-pro-box {
    border: 1px solid #e2e1e1;
    position: relative;
    background: #fff;
    transition: all .5s ease;
    overflow: hidden;
    border-radius: 10px
}

.all-pro-box:hover {
    box-shadow: 0 9px 27px -16px #33333387;
    transform: translateY(-3px)
}

.all-pro-box:hover .pg-pro-buy-cta {
    bottom: 0
}

.all-pro-img {
    padding: 15px 15px 0;
    position: relative
}

.all-pro-img img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 8px
}

.all-product-total .all-pro-aut {
    display: none
}

.all-product-total .all-pro-aut .auth {
    position: absolute;
    margin: -20px 0 0 12px
}

.all-pro-txt {
    padding: 15px;
    position: relative;
    text-align: center;
    position: relative;
    z-index: 1
}

.all-pro-txt h4 {
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #333;
    padding-bottom: 0;
    font-family: 'Noto Sans',sans-serif
}

.all-pro-txt .pri {
    padding: 0;
    background: 0 0;
    line-height: 32px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-align: center;
    display: block
}

.all-pro-txt .pri b {
    font-size: 20px;
    font-weight: 600;
    color: #4caf50
}

.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: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.cart-box {
    position: fixed;
    top: 100px;
    right: -315px;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    z-index: 1;
    padding: 20px;
    box-shadow: 0 1px 7px 2px #00000017;
    max-width: 245px;
    transition: all .5s ease
}

.cart-box.act {
    right: 15px
}

.cart-head {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 15px
}

.cart-list ul li {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    padding: 0 50px 10px 10px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #4e636d
}

.cart-list ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #4e636d;
    border-radius: 50px;
    left: 0;
    top: 6px
}

.cart-list ul li span {
    color: #333;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    font-size: 14px
}

.cart-process {
    margin-top: 10px
}

.cart-process a.btn-cart-plac {
    background: var(--org);
    width: 100%
}

.cart-process a.btn-cart-plac:hover {
    color: #fff;
    background: #d37f04
}

.listing-box .pg-pro-buy-cta {
    bottom: -53px;
    background: #fff
}

.hide-pop-cta,.pg-pro-buy-cta {
    position: absolute;
    bottom: -50px;
    transition: all .3s ease-in-out;
    left: 0;
    z-index: 1;
    right: 0
}

.hide-pop-cta {
    text-align: center;
    background: #d9effb;
    padding: 20px 0;
    z-index: 9;
    bottom: -100px
}

.ud-pro-link .hide-pop-cta a {
    font-size: 12px;
    text-align: center;
    padding: 5px
}

.ud-pro-link:hover .hide-pop-cta {
    bottom: 0
}

.cta-buy-now {
    background: #4caf50
}

.cta-add-cart {
    background: var(--org);
    cursor: pointer
}

.pro-rel-pro-box .plac-hom-box-txt {
    background: 0 0!important
}

.pro-rel-pro-box .plac-hom-box-im h4 {
    font-size: 16px;
    text-align: left
}

.pro-rel-pro-box .us-ppg-com ul li {
    padding: 0 8px
}

.pg-pro-buy-cta a,.pg-pro-buy-cta span {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 14px 2px;
    border-radius: 0;
    text-transform: uppercase;
    position: relative
}

.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: 0 2px 8px #0000003b
}

.pro-rel-pro-box .pro-eve-box img {
    object-fit: contain;
    padding: 15px;
    padding-bottom: 0
}

.pro-rel-pro-box .pro-eve-box span {
    background: #ff9800;
    padding: 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: 0
}

.comm-ban-head {
    position: relative;
    padding: 30px;
    text-align: center
}

.comm-ban-head h1 {
    width: 100%;
    color: #fff;
    position: relative;
    font-size: 36px;
    font-weight: 500
}

.pg-cart {
    padding: 60px 0
}

.pg-cart * {
    font-weight: 500;
    font-size: 15px
}

.product-image {
    float: left;
    width: 15%
}

.product-details {
    float: left;
    width: 37%
}

.product-price {
    float: left;
    width: 12%
}

.product-quantity {
    float: left;
    width: 15%
}

.product-removal {
    float: left;
    width: 9%
}

.product-line-price {
    float: left;
    width: 12%;
    text-align: right;
    font-size: 18px;
    font-weight: 600
}

.cart-totals {
    border-left: 1px solid #ebeaea;
    border-radius: 5px;
    padding: 0 0 0 35px
}

.cart-billig h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px
}

.cart-billig form ul li input {
    font-size: 13px
}

.cart-totals .db-pro-bot-btn {
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600
}

.cart-pay-type {
    background: #f8fbe8;
    border-radius: 5px;
    padding: 20px 20px 0;
    border: 1px solid #c1c3b7;
    margin: 10px 0 25px
}

.column-labels:after,.column-labels:before,.group:after,.group:before,.product:after,.product:before,.shopping-cart:after,.shopping-cart:before,.totals-item:after,.totals-item:before {
    content: "";
    display: table
}

.column-labels:after,.group:after,.product:after,.shopping-cart:after,.totals-item:after {
    clear: both
}

.column-labels,.group,.product,.shopping-cart,.totals-item {
    zoom:1}

.totals-item-total .totals-value {
    font-size: 24px!important
}

.column-labels label {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px
}

.product {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.product .product-image {
    text-align: center
}

.product .product-image img {
    width: 65px;
    float: left
}

.ud-main .product .product-image img {
    width: 30px
}

.product .product-details .product-title {
    margin-right: 20px
}

.product .product-details .product-title a {
    font-size: 15px;
    font-weight: 500
}

.product .product-details .product-description {
    margin: 5px 20px 5px 0;
    line-height: 1.4em
}

.product .product-quantity input {
    width: 40px;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    padding: 5px;
    text-align: center
}

.product .remove-product {
    border: 0;
    padding: 4px 8px;
    background-color: #c66;
    color: #fff;
    font-size: 12px;
    border-radius: 3px
}

.product .remove-product:hover {
    background-color: #a44
}

.totals .totals-item {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 10px
}

.totals .totals-item label {
    float: left;
    clear: both;
    width: 65%;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    margin: 0
}

.totals .totals-item .totals-value {
    float: right;
    width: 35%;
    text-align: right;
    font-size: 18px;
    font-weight: 600
}

.checkout {
    float: right;
    border: 0;
    margin-top: 20px;
    padding: 6px 25px;
    background-color: #6b6;
    color: #fff;
    font-size: 22px;
    border-radius: 3px;
    font-weight: 500
}

.list-gall-edit-24 {
    display: flex;
    margin-bottom: 30px;
    flex-wrap: wrap
}

.del-gal-div {
    position: relative;
    margin: 0 15px 15px 0
}

.del-gal-div img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover
}

.del-gal-div span.del-gal-image {
    background: var(--blue);
    top: -8px!important;
    right: -9px!important
}

.del-gal-div span.del-gal-image i {
    color: #fff;
    font-size: 14px
}

.del-reset-button {
    display: none!important
}

.pad-lr-20 {
    padding: 0 20px
}

.imageuploadify {
    border: 3px dashed #b6c1d2;
    position: relative;
    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;
    margin-bottom: 50px
}

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

.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 {
    color: #05a2fd!important;
    background: 0 0!important;
    border: 0;
    font-size: 18px;
    line-height: 26px;
    text-decoration: underline
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px;
    float: left;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 #8888888c
}

.del-gal-div span.del-gal-image,.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;
    cursor: pointer
}

.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;
    bottom: 0;
    transition: all .4s ease
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
    display: block;
    font-size: 10px;
    color: #cccdd8
}

.imageuploadify .imageuploadify-images-list span.img-notes {
    color: #6d7b90;
    font-size: 13px;
    font-weight: 400;
    display: block;
    padding-bottom: 15px
}

@media screen and (max-width: 650px) {
    .shopping-cart {
        margin:0;
        padding-top: 20px;
        border-top: 1px solid #eee
    }

    .column-labels {
        display: none
    }

    .product-image {
        float: right;
        width: auto
    }

    .product-image img {
        margin: 0 0 10px 10px
    }

    .product-details {
        float: none;
        margin-bottom: 10px;
        width: auto
    }

    .product-price {
        clear: both;
        width: 70px
    }

    .product-quantity {
        width: 100px
    }

    .product-quantity input {
        margin-left: 20px
    }

    .product-quantity:before {
        content: "x"
    }

    .product-removal {
        width: auto
    }

    .product-line-price {
        float: right;
        width: 70px
    }
}

@media screen and (max-width: 350px) {
    .product-removal {
        float:right
    }

    .product-line-price {
        float: right;
        clear: left;
        width: auto;
        margin-top: 10px
    }

    .product .product-line-price:before {
        content: "Item Total: $"
    }

    .totals .totals-item label {
        width: 60%
    }

    .totals .totals-item .totals-value {
        width: 40%
    }
}

.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 #000000ab;
    animation: pulse 1.5s infinite;
    background: #7181ff;
    transition: all .5s ease-in-out
}

.btn-ser-need-ani img {
    width: 24px
}

.comity-all-user {
    padding: 60px 0
}

.comity-all-user ul li {
    float: left;
    width: 16.5%
}

.comity-all-user ul li .pro-fol-gr:hover {
    box-shadow: none;
    background: #ebf8ff;
    border: 1px solid #ebf8ff;
    box-shadow: 0 5px 28px -5px rgba(55,63,67,.45)
}

.comity-all-user ul li .pro-fol-gr:hover ol {
    transform: translateY(-10px)
}

.pro-fol-gr .count-li {
    opacity: 1;
    position: relative;
    background: 0 0;
    padding: 0 0 15px;
    display: table;
    transform: translateY(0);
    margin: 15px 0;
    border-bottom: 1px solid #eaeef3
}

.pro-fol-gr .count-li span b {
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600
}

.pro-fol-gr h4 {
    text-align: center
}

.pro-fol-gr ol li {
    width: 33.3333%;
    letter-spacing: 1px
}

.comity-all-user ul li .pro-fol-gr span {
    cursor: pointer
}

.pro-fol-gr .comm-viw-pro-btn {
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 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 .userfollow,.pro-fol-gr .pro-pg-msg a {
    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
}

.list-map {
    display: none
}

.list-map {
    position: relative;
    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-filt .map-fi-view {
    padding: 0 11px 0 0;
    margin-bottom: 15px
}

.list-map .list-map-filt {
    position: absolute;
    bottom: 0;
    top: 0;
    background: #0b253a;
    z-index: 12;
    width: 22%;
    left: 0;
    right: 0;
    padding: 50px 15px 15px;
    box-shadow: 0 -5px 25px -8px rgba(42,42,42,.24);
    transition: all .5s ease
}

.list-map .list-map-filt:before {
    content: 'filter_list';
    margin: 0 0 0 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: 0 8px;
    border: 1px solid #d1d1d1;
    width: 100%;
    border-radius: 2px;
    font-weight: 600;
    cursor: pointer
}

.map-fi-com {
    width: 100%;
    padding: 10px
}

.pop-noti {
    width: 300px;
    position: fixed;
    z-index: 34;
    top: 68px;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    right: 1%;
    box-shadow: 0 0 16px 0 rgba(42,42,42,.16);
    transition: all .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: 0;
    padding: 0 0 2px 50px
}

.pop-noti p {
    font-size: 12px;
    color: #a4a4a4;
    margin: 0;
    padding: 0 0 0 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 .5s ease;
    letter-spacing: 1px
}

.pop-noti a {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.list-map-resu .gm-style-iw {
    padding: 0;
    width: 260px;
    border: 2px solid #fff;
    border-radius: 15px
}

.list-map-resu .gm-style-iw-d {
    overflow: hidden!important
}

.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 br {
    display: none
}

.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;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.list-map-resu .gm-style-iw-d div text {
    display: block;
    padding: 0 13px 8px;
    color: #566064;
    font-weight: 400;
    font-family: Poppins,sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    font-size: 12px
}

.list-map-filt .chosen-container.chosen-with-drop .chosen-drop {
    top: initial;
    bottom: 100%;
    border: 0;
    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: 0;
    padding: 2px 0 0 10px;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
    height: 33px
}

.list-map-filt .chosen-container-single .chosen-single {
    height: 33px;
    padding: 0;
    line-height: 32px;
    border: 0
}

.list-map-filt .chosen-container-single .chosen-results {
    padding: 0
}

.list-map-filt .chosen-container-single .chosen-results li {
    font-size: 13px;
    color: #2e3439
}

.form-tip {
    opacity: 0;
    transition: all .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: 0;
    padding: 12px 5px;
    transition: all .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
}

.all-jobs-ban {
    padding: 70px 0 0;
    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 {
    width: 57%
}

.jtit {
    padding-bottom: 15px
}

.all-jobs-ban h1 {
    font-size: 42px;
    line-height: 42px;
    font-weight: 700;
    margin: 0 0 15px;
    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: 0 1% 0 0
}

.all-jobs-ban .ban-search ul li.sr-cit {
    display: block;
    margin: 0 1% 0 0
}

.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: 0 2px 22px -3px #1d1d216b;
    padding: 0
}

.job-sear ul li {
    float: left;
    padding: 0 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: 0 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: 0;
    width: 100%!important
}

.job-sear ul li .chosen-container-single .chosen-single {
    border-radius: 4px 0 0 4px;
    padding-left: 41px;
    text-align: left;
    padding-top: 8px;
    height: 46px
}

.job-sear ul li:before {
    margin: 10px 0 0 15px;
    font-size: 21px;
    color: #8592c1;
    z-index: 3
}

.job-sear ul li.sr-sea:before {
    content: "business_center";
    margin: 9px 0 0 15px
}

.job-sear ul li.sr-loc:before {
    content: "location_on"
}

.job-sear .chosen-container-single .chosen-single div:before,.job-sear ul li.sr-sea .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: 0;
    padding: 10px 5px;
    transition: all .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: 0;
    padding: 5px 12px;
    border-radius: 0 10px 10px 0;
    line-height: 24px;
    float: left
}

.job-sear ul li.sr-btn button i {
    color: #fff;
    line-height: 36px;
    font-size: 25px
}

.job-pop-tag {
    position: relative;
    padding: 25px 0 60px
}

.job-pop-tag h4 {
    color: #fff;
    font-size: 18px;
    float: left;
    font-weight: 600;
    margin: 0 10px 0 0;
    line-height: 28px
}

.job-pop-tag a {
    color: #def3ff;
    font-size: 12.5px;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 500;
    display: inline-block
}

.job-pop-tag a:hover {
    background: #7b25f6
}

.job-counts {
    position: relative;
    margin: 0 auto;
    display: table;
    background: #fff;
    border: 10px solid #fff;
    transition: all .5s ease;
    color: #fff;
    box-shadow: 0 19px 46px -39px #250000;
    border-radius: 4px;
    margin-bottom: -42px;
    padding: 5px 15px;
    width: auto
}

.job-counts ul li {
    float: left;
    padding: 0 20px 0 25px;
    border-right: 1px solid #a79d9d2b
}

.job-counts ul li:first-child {
    padding-left: 0
}

.job-counts ul li:last-child {
    border-right: 0
}

.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;
    margin-top: 54px;
    padding-bottom: 180px
}

.all-jobs .row {
    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 25px 30px 0;
    border-right: 1px solid #e2e1e1
}

.all-jobs .col-md-9 {
    background: #f9fafb;
    border-radius: 0 10px 0 0;
    padding-top: 20px;
    padding-left: 0
}

.all-jobs .all-list-sh {
    background: #fff
}

.job-list {
    padding: 25px 0 15px 25px
}

.job-list ul li {
    float: left;
    width: 33.333%;
    padding: 10px
}

.job-box {
    background: #fff;
    padding: 14px;
    position: relative;
    box-shadow: 0 1px 8px -2px #3333331a;
    border-radius: 5px;
    transition: all .5s ease;
    border: 1px solid #fff
}

.job-box:hover {
    transition: all .5s ease;
    background: #f9fdff;
    border: 1px solid #d4dce2
}

.job-full-cta {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.job-box-img {
    background: #eff5f9;
    border-radius: 10px;
    width: 65px;
    position: relative;
    height: 65px;
    overflow: hidden
}

.job-box-img img {
    width: 100%;
    padding: 10px;
    border-radius: 20px
}

.exp-all-full-cli {
    position: relative
}

.job-box-con {
    padding: 18px 0 10px;
    min-height: 105px
}

.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;
    line-height: 22px;
    background: #def3ff;
    padding: 0 6px;
    margin: 0 5px 5px 0;
    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
}

.all-serexp .serexp-cta-more,.job-box-apl span {
    background: #95adb9;
    color: #fff;
    font-size: 11px;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all .5s ease
}

.job-det-desc .job-box-con .job-box-cta {
    padding: 7px 30px;
    cursor: pointer
}

.job-top {
    padding-right: 25px
}

.job-top h3 {
    font-size: 14px;
    color: #677b89;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px
}

.job-top ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px
}

.job-top-box {
    position: relative;
    transition: all ease .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: 0;
    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: var(--topspac)
}

.job-det-desc {
    background: #fff;
    position: relative;
    padding: 30px;
    border-radius: 5px 5px 0 0;
    color: #333
}

.job-det-desc .lhs {
    padding: 0 2px
}

.job-det-desc .lhs h1 {
    font-size: 30px;
    font-weight: 600
}

.job-det-desc .tit .job-box {
    margin-bottom: 25px;
    padding-bottom: 25px
}

.job-det-desc .tit .job-box-con {
    width: 100%;
    padding-bottom: 0;
    text-align: left
}

.job-det-desc .alpply {
    padding: 15px 0
}

.job-det-desc .alpply .cta-app {
    padding: 12px 35px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    border: 1px solid rgba(36,109,248,.15);
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    transition: all .5s ease
}

.job-det-desc .alpply .cta-app:hover {
    transition: all .5s ease;
    border-bottom: 4px solid #da8304
}

.job-det-desc .desc p {
    font-size: 14px;
    line-height: 25px
}

.job-det-desc .lhs h4 {
    font-size: 18px;
    font-weight: 600
}

.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 0 0 3px
}

.job-det-desc .rhs {
    padding: 0 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: .5px;
    padding-bottom: 10px
}

.job-det-desc .job-summ {
    margin-bottom: 25px;
    padding-top: 25px;
    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,.15);
    font-weight: 600;
    display: block;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
    transition: all .5s ease
}

.job-det-desc .job-summ .cta-app:hover {
    background: #fbaa33;
    box-shadow: 0 13px 11px -6px #3333337a
}

.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: 0;
    width: 100%;
    height: 150px
}

.job-det-desc .shar ul li {
    float: left
}

.job-det-desc .shar ul li a img {
    width: 26px;
    margin-right: 5px
}

.job-det-pg-ban {
    background: url(../images/all-job-bg.jpg) no-repeat;
    padding: 40px 0 130px;
    margin-top: 55px;
    position: relative
}

.job-det-pg-ban:before {
    background: #364250b0
}

.job-det-desc .s1 {
    width: 22%;
    padding-right: 25px;
    border-right: 1px solid #e2e1e1
}

.job-det-desc .s3 .job-top {
    padding: 25px;
    margin-top: 25px
}

.job-det-desc .s1 .job-lhs-tit {
    font-size: 14px;
    color: #677b89;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px
}

.job-det-desc .s1 .job-comp-pro {
    border: 1px solid #f4f4f4;
    text-align: center;
    padding: 15px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    max-width: 180px
}

.job-det-desc .s1 .job-comp-img img {
    width: 120px
}

.job-det-desc .s2 {
    width: 50%;
    padding: 0 25px
}

.job-det-desc .s3 {
    width: 28%
}

.job-comp-soc ul li {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    padding-left: 25px;
    margin-bottom: 8px
}

.job-comp-soc ul li:before {
    margin: -4px 0 0 -25px
}

.job-comp-abo {
    border-top: 1px solid #f4f4f4;
    padding: 15px 0;
    margin: 20px 0;
    border-bottom: 1px solid #f4f4f4
}

.job-comp-abo p {
    font-size: 13px;
    line-height: 22px;
    margin: 0
}

.job-comp-abo .cta {
    padding: 7px 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    display: inline-block;
    margin-top: 15px
}

.sub-tit {
    text-align: center
}

.sub-tit h2 {
    font-weight: 600;
    font-size: 36px
}

.sub-tit p {
    font-size: 14px
}

.job-cate-main {
    padding: 0 100px
}

.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: 0 2px 8px -4px #33333359;
    position: relative;
    transition: all .3s ease
}

.job-cate-main ul li div:hover {
    box-shadow: 0 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: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.mt55 {
    margin-top: 55px
}

.job-form {
    padding-bottom: 100px
}

.job-form:before {
    display: none
}

.login-reg.job-form:before {
    display: block
}

.job-form .inn {
    background: #fff;
    box-shadow: 0 2px 15px -4px #00000042;
    margin-bottom: 20px;
    border-radius: 0 0 10px 10px;
    width: 100%;
    margin: 0 auto;
    float: left;
    padding: 30px
}

.job-form .tit {
    text-align: left;
    padding: 30px 0 0 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: 0
}

.job-form .form-group {
    position: relative
}

.job-form .form-group label.tit {
    padding: 0 0 5px;
    font-size: 12px;
    font-weight: 400;
    margin: 0
}

.job-form .col-md-12,.job-form .col-md-6 {
    float: left
}

.job-form .form-group input {
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    width: 100%;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 3px
}

.job-form .col-md-12 .col-md-6 {
    padding: 0
}

.job-form .form-group input[type=range] {
    padding: 0
}

.job-form .form-group textarea {
    height: 70px
}

button.blu-upp {
    color: #fff;
    border: 0 solid #005ba2;
    padding: 12px 50px;
    text-align: center;
    font-size: 15px;
    letter-spacing: .5px;
    transition: all .5s ease;
    font-weight: 500;
    border-radius: 5px
}

.blu-upp:hover {
    background: #025dad;
    box-shadow: 0 11px 14px -6px #3333339e
}

.col-spl2 .col-md-6 {
    padding: 0
}

.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 .5s ease;
    box-shadow: 0 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
}

.salout:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 6px;
    left: -3px;
    transform: rotateZ(45deg)
}

.job-form .chosen-container {
    height: auto;
    width: 100%!important
}

.job-days {
    position: absolute;
    right: 15px;
    top: 14px;
    text-align: right;
    width: 84px;
    z-index: 2
}

.job-days span {
    font-size: 9.5px;
    color: #9ca2a9;
    font-weight: 500;
    float: right;
    line-height: 22px;
    border: 1px solid #ebeef3;
    padding: 0 2px;
    border-radius: 4px;
    line-height: 16px;
    margin-bottom: 5px
}

.job-ser-cnt {
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #e2e1e1;
    padding: 0 0 5px 36px
}

.job-alert {
    background: #def3ff;
    padding: 24px 20px;
    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: 0;
    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 .5s ease;
    border: 0
}

.job-tre {
    padding-top: 30px
}

.job-tre .inn {
    background: #fff;
    box-shadow: 0 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 {
    margin-bottom: 15px
}

.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 0 0 12px;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.jbtre-img2 span {
    font-size: 12px;
    color: #9ca2a9;
    font-weight: 400;
    padding: 0 0 0 12px
}

.jbtre-con {
    padding: 15px 10px 10px
}

.jbtre-con span {
    font-size: 11px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    background: #def3ff;
    padding: 0 6px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    display: inline-block
}

.jbtre-sale {
    padding: 22px 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
}

.jbtre-apl a,.jbtre-apl span {
    background: #95adb9;
    color: #fff;
    font-size: 11px;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all .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 {
    padding: 15px 0
}

.job-det-desc .lhs .jb-skil-set h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px
}

.job-prof-pg {
    margin-top: var(--topspac);
    background: #e9eef3;
    padding-top: 40px
}

.job-prof-pg .lhs {
    width: 70%;
    padding: 0 25px 0 50px
}

.job-prof-pg .lhs .profile {
    position: relative
}

.defa-prof-pg .lhs .profile {
    margin-top: 0
}

.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;
    z-index: 1
}

.jpro-ban-bg-img {
    position: relative;
    box-shadow: 0 4px 6px -1px #00000021;
    overflow: hidden
}

.jpro-ban-bg-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #24222669;
    background: -webkit-linear-gradient(to top,#0b0b0bc7 30%,#07070705);
    background: linear-gradient(to top,#0b0b0bc7 30%,#07070705);
    opacity: .9;
    border-radius: 5px;
    z-index: 1
}

.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: 0 0 8px 8px
}

.jpro-ban-tit {
    padding: 30px 10px 30px 25px;
    margin-top: -140px;
    position: relative;
    z-index: 1
}

.jpro-ban-tit .s1 {
    float: left;
    width: 22%;
    overflow: hidden
}

.jpro-ban-tit .s1 img {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 4px 6px -1px #0000003b;
    height: 150px;
    object-fit: cover;
    z-index: 4;
    position: relative
}

.jpro-ban-tit .s2 {
    float: left;
    width: 45%;
    padding: 0 20px 0 25px;
    color: #fff
}

.jpro-ban-tit .s2 h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 0;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis
}

.jpro-ban-tit .s2 span {
    font-size: 12px;
    color: #d5d4d4
}

.jpro-ban-tit .s2 p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #d5d4d4
}

.jpro-ban-tit .s3 {
    float: left;
    width: 33%;
    padding: 35px 15px 0
}

.jpro-ban-tit .s3 .cta {
    color: #fff;
    font-size: 12px;
    padding: 9px 15px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
    transition: all .5s ease;
    float: right;
    background: #718995;
    cursor: pointer
}

.jpro-ban-tit .s3 .cta:hover {
    background: #556c78
}

.jpro-ban-tit .s3 .cta.fol {
    margin: 0 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: 0;
    background: #fbfcfaeb;
    padding: 2px 5px;
    border-radius: 4px;
    font-weight: 400
}

.jpro-bd {
    margin-bottom: 90px
}

.jpro-bd-com {
    background: #fff;
    box-shadow: 0 4px 6px -1px #00000021;
    margin-bottom: 40px;
    padding: 30px 30px 25px;
    border-radius: 5px
}

.jb-pro-bio h4,.jpro-bd-com h4 {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500
}

.jpro-bd-com ul li {
    font-size: 13px;
    font-weight: 400;
    color: #6a6a6a;
    padding: 2px 0 2px 20px
}

.jpro-bd-com ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    margin: 6px 0 0 -17px
}

.jpro-bd-com span {
    font-size: 11px;
    font-weight: 500;
    line-height: 22px;
    background: #def3ff;
    padding: 0 6px;
    margin: 0 5px 5px 0;
    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 0
}

.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: 0
}

.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 {
    background: #078cfe;
    box-shadow: 0 4px 6px -1px #00000021;
    padding: 9px 22px;
    border-radius: 8px 8px 0 0;
    position: relative;
    z-index: 2
}

.jpro-bd-chat h4 {
    text-align: center;
    margin: 0;
    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 {
    width: 30%;
    padding: 0 0 0 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 {
    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 li {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    padding: 5px 0
}

.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: 0 0;
    color: #333;
    text-transform: initial;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 500;
    padding: 0
}

.jb-skil-set ul li {
    font-size: 11px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    background: #f7f5ff;
    padding: 0 6px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    display: inline-block
}

.job-rel-pro {
    margin-bottom: 25px
}

.job-rel-pro h4 {
    font-size: 15px;
    font-weight: 600
}

.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: 0;
    padding: 0 0 0 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: 1px;
    line-height: 17px;
    border-radius: 5px;
    font-weight: 500
}

.jb-pro-bio {
    background: #fff;
    box-shadow: 0 4px 6px -1px #00000021;
    margin-bottom: 40px;
    padding: 30px 30px 25px;
    border-radius: 5px
}

.jb-pro-bio ul li {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #859d93;
    margin: 0 15px 15px 0;
    background: #e9fcf4;
    padding: 20px;
    border-radius: 6px
}

.jb-pro-bio ul li a,.jb-pro-bio ul li span {
    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-fm-box-hig {
    border: 1px solid #d3d7e7;
    margin-bottom: 25px;
    padding: 15px 25px;
    border-radius: 5px;
    background: #fff
}

.jb-fm-box-hig h5 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    position: relative
}

.jb-fm-box-hig h5:after {
    content: '+';
    position: absolute;
    right: 0;
    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 0;
    text-transform: uppercase;
    letter-spacing: .5px
}

.job-rel-pro .pmenu-spri ul li {
    opacity: 1;
    transform: translateX(0);
    padding: 10px 0 2px
}

.job-rel-pro .pmenu-spri ul li a {
    padding: 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: 0
}

.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: -10px;
    right: 0;
    transition: all .4s ease;
    transform: translateX(20px);
    opacity: 0
}

.job-rel-pro .pmenu-spri ul li:hover span {
    transform: translateX(0);
    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 {
    position: absolute;
    left: 10px;
    top: 39px;
    font-style: normal;
    background: #eceef3;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    color: #1c2638;
    font-weight: 400;
    font-size: 14px
}

.job-form .prfix-inp input {
    padding-left: 30px
}

.job-form .prfix-inp input[name=job_salary] {
    padding-left: 50px
}

.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-bd-com ul li {
    float: left;
    padding: 0;
    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: var(--blue)
}

.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-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: 0
}

.defa-prof-pg .pro-eve-box1 div:nth-child(2) p {
    display: none;
    padding: 0;
    margin: 0;
    font-size: 10px
}

.defa-prof-pg .jpro-bd-com ul li:before {
    display: none
}

.defa-prof-pg .pro-listing-box div:first-child h2 {
    font-size: 13px;
    font-weight: 500;
    padding: 20px 10px 8px;
    color: #000
}

.defa-prof-pg .pro-listing-box div:first-child img {
    height: 120px
}

.defa-prof-pg .pro-listing-box div:first-child p {
    display: none
}

.defa-prof-pg .pro-listing-box div:first-child label.rat {
    display: none
}

.defa-prof-pg .pro-listing-box div:nth-child(2) span {
    margin: 0;
    border-radius: 0 0 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 h2 {
    width: 100%;
    font-size: 14px
}

.all-serexp .job-box-img {
    width: 100%;
    height: auto;
    background: 0 0
}

.all-serexp .job-box-img img {
    padding: 0;
    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: 0;
    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: 0
}

.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(.4,0,0,1);
    -moz-animation: pulse 1s infinite cubic-bezier(.4,0,0,1);
    -ms-animation: pulse 1s infinite cubic-bezier(0.40,0,0,1);
    animation: pulse 1s infinite cubic-bezier(.4,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: #fff;
    color: #000;
    border: 1px solid
}

.all-serexp .job-box-con span {
    background: 0 0;
    color: #211d13;
    border: 1px solid #d2d2d2
}

.all-serexp .job-box-apl span.job-box-cta {
    background: #f44336;
    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-main {
    float: left;
    width: 70%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 90px
}

.ser-confir .full {
    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: 0;
    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 #000;
    height: 200px;
    object-fit: cover;
    margin-bottom: 15px
}

.ser-confir .exp-deta-1 h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 36px
}

.ser-confir .exp-deta-1 span {
    font-size: 12px;
    color: #333
}

.ser-confir .exp-deta-1 p {
    margin: 0;
    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
}

.ser-confir .exp-deta-con-com h4 {
    font-size: 16px
}

.ser-confir .exp-deta-con-com p {
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    font-weight: 500;
    color: #a39a33
}

.ser-confir .exp-deta-4 ul li {
    font-size: 13px;
    font-weight: 500;
    color: #a39a33;
    float: left;
    padding: 0 10px 10px 0
}

.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: 0 0 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 .5s ease;
    float: left;
    background: #fff;
    border: 1px solid #718995;
    cursor: pointer;
    width: 48%;
    text-align: center;
    margin: 0 1%
}

.ser-confir .rhs a.cta-wri-rev {
    background: #0534e1;
    color: #fff;
    border: 1px solid #0534e1
}

.table thead th {
    border-bottom: 0 solid #dee2e6
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke .6s cubic-bezier(.65,0,.45,1) forwards
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0 0 0 #7ac142;
    animation: fill .8s ease-in-out .8s forwards,scale .6s ease-in-out 2s both;
    position: absolute;
    left: -82px;
    top: 0
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65,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 0 0 0 50px #7ac142
    }
}

.pop-mess {
    transition: all .5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px;
    box-shadow: 0 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 .s1 img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    float: left
}

.pop-mess .s1 h4 {
    font-size: 12px;
    float: left;
    padding: 0 0 0 12px;
    color: #969696
}

.pop-mess .s1 h4 b {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: #000
}

.pop-mess .s2 h4 {
    font-size: 10px;
    text-transform: uppercase;
    padding: 10px 0;
    margin-bottom: 0
}

.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: 0;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px
}

.pop-mess .s3 {
    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 button {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    background: #2196f3;
    border: 0;
    letter-spacing: 1px
}

.pop-mess .s4 button i {
    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 18px
}

.comm-msg-pop-clo1,.comm-msg-pop-clo2,.pop-mess .s5 .comm-msg-pop-clo {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer
}

.comm-msg-pop-clo1 i,.comm-msg-pop-clo2 i,.pop-mess .s5 .comm-msg-pop-clo i {
    color: #a6a6a6;
    background: #ededed;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px
}

.mess-tit {
    padding-bottom: 10px
}

.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 .main {
    background: #fff;
    padding: 10px;
    margin-bottom: 7px;
    border-radius: 5px;
    box-shadow: 0 0 8px -5px #00000042;
    border-bottom: 1px solid #edeef3;
    border-left: 0;
    border-right: 0;
    transform: all .5s ease
}

.mess-bd .main:hover {
    background: #f4f8fa;
    border-radius: 10px
}

.mess-bd .se1 {
    font-size: 13px;
    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
}

.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 0 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: 0;
    color: #747884;
    font-weight: 500;
    font-size: 10px
}

.mess-bd .se1 .s3 .msg-chat-lat-dt {
    position: absolute;
    right: 0;
    top: 0;
    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 .se2 {
    padding: 15px 0 7px;
    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 {
    padding: 8px 0 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 #fff;
    box-shadow: 0 2px 8px 0 rgba(20,20,20,.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
}

.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: 0
}

.exper-rev-box .prof p {
    color: #8187a3;
    font-size: 14px;
    margin-bottom: 5px
}

.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 .rating {
    margin: 0 auto;
    display: table;
    float: initial;
    width: 158px
}

.exper-rev-box .rating-new-cta {
    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 .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 .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;
    margin-bottom: 15px
}

.ad-int-sear input {
    border: 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
}

.ttip-com {
    position: absolute;
    z-index: 9
}

.ttip-com i, i.tip {
    width: 18px;
    height: 18px;
    background: #dde8fd;
    border-radius: 50px;
    color: #4d84ec;
    font-size: 14px;
    padding: 2px
}
.ttip-com:hover div {
    opacity: 1
}
 .tooltip-inner {
    background-color: #000 !important; /* Your desired color */
    color: white; /* Optional: change text color */
    font-size: 12px;line-height: 18px;
  }
.ttip-com div {
    background: #354558;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    transition: all .5s ease;
    margin: -25px 0 0 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 0 0 402px
}

.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%
}

.responsive-table td,.responsive-table th {
    padding: 8px
}

.responsive-table td {
    font-size: 12px
}

.ad-table-inn .responsive-table {
    background: 0 0
}

.coup-sec .coup-hom-ban {
    padding: 70px 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-sec1 img {
    width: 100%;
    float: left
}

.coup-sec2 {
    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:before {
    content: 'search';
    z-index: 1;
    margin: 13px 0 0 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 .5s ease;
    background: #fff
}

.coup-sec2 input:focus {
    border: 1px solid #c3c9d2;
    box-shadow: 0 14px 29px -9px #000;
    background: #fff
}

.coup-sec3 {
    margin: 50px 0 90px
}

.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 .5s ease;
    border: 3px dashed #fba606;
    box-shadow: 0 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 {
    box-shadow: 0 1px 14px -4px #33333352;
    border-radius: 5px;
    padding: 15px;
    border: 2px dashed #ededf1e0;
    transition: all .5s ease;
    height: 195px;
    position: relative;
    overflow: hidden
}

.coup-box-1 {
    position: absolute;
    transition: all .5s ease
}

.coup-box:hover {
    border: 2px dashed #4734b5;
    box-shadow: 0 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-1 .s1 {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.coup-box-1 .s1 .lhs {
    width: 75px
}

.coup-box-1 .s1 .lhs img {
    width: 65px;
    border-radius: 5px;
    object-fit: cover
}

.coup-box-1 .s1 .rhs {
    width: 70%;
    width: calc(100% - 75px)
}

.coup-box-1 .s1 .rhs h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px 5px;
    line-height: 20px;
    height: 55px;
    overflow: hidden
}

.coup-box-1 .s2 .lhs {
    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 {
    width: 40%;
    padding-top: 10px
}

.coup-box-1 .s2 .rhs .get-coup-btn {
    background: #4634b5;
    background: linear-gradient(to right,#3b33b2,#aa35ce);
    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 .5s ease;
    transform: translateX(110%);
    text-align: center;
    padding: 10px 0 0;
    height: 85%
}

.coup-box-2 h4 {
    color: #4634b5;
    font-weight: 600;
    font-size: 18px
}

.coup-box-2 p {
    font-size: 11.5px;
    margin-bottom: 0;
    font-weight: 400;
    color: #28292b;
    line-height: 16px;
    padding-top: 5px;
    padding: 5px 30px
}

.coup-box-2 span {
    font-size: 12px;
    font-weight: 500;
    color: #0056b3;
    cursor: pointer;
    padding-left: 20px;
    position: absolute;
    right: 0;
    bottom: 0
}

.coup-box-2 span:before {
    content: 'arrow_back';
    margin: -4px 0 0 -20px;
    color: #0056b3;
    font-weight: 600
}

.coup-box-2 i {
    font-size: 30px;
    font-weight: 600;
    display: block;
    font-style: normal
}

.coup-box-2 a {
    background: #4634b5;
    background: linear-gradient(to right,#3b33b2,#aa35ce);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 15px;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer
}

.db-coupons {
    padding-top: 35px
}

.db-coupons ul li {
    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: 0 0 0 50px
}

.db-coup-rhs h5 {
    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 0 0
}

.db-coup-rhs ol li {
    margin: 0;
    padding: 3px 0;
    border: 0;
    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 0;
    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: 0 9px 10px -13px #333;
    border: 1px solid #adf3b9;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 400;
    display: none
}

.inp-ttip:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 1px solid #adf3b9;
    background: #caffd3;
    left: 10px;
    top: -5px;
    transform: rotate(45deg);
    border-bottom: 0;
    border-right: 0
}

.comp-pro-pg {
    padding: 0
}

.comp-pro-pg:before {
    display: none
}

.com-pro-pg-head {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 8px 18px -8px #00000029;
    z-index: 10
}

.db-unfol-user {
    position: relative
}

.comp-head {
    width: 100%;
    padding: 10px 0
}

.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 img {
    width: 100%;
    float: left;
    height: 400px;
    object-fit: cover;
    background: #091220
}

.com-pro-pg-bd {
    background: #f1f4f7
}

.com-pro-pg-bd .templ-rhs-form .form-group textarea {
    height: 110px
}

.com-pro-pg-bd .templ-rhs-form form {
    margin-bottom: 0
}

.comp-tax {
    margin-top: 15px
}

.comp-tax p {
    margin: 0;
    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 {
    box-shadow: 0 8px 18px -8px #00000029;
    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 li {
    float: left;
    width: 50%;
    padding: 0 10px 10px 0
}

.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 a img,.pro-pg-bio .bio li img,.pro-pg-bio .bio li span img {
    width: 16px;
    margin-right: 5px;
    opacity: .8
}

.pro-pg-bio .bio li,.pro-pg-bio .bio li a {
    font-size: 15px;
    color: #5f6673;
    font-weight: 500
}

.pro-pg-bio .bio li a:hover {
    color: #0a77ff
}

.pro-pg-bio .soc {
    padding-top: 10px;
    float: left;
    display: inline-block;
    width: 100%
}

.pro-pg-bio .soc li {
    float: left;
    margin: 0 5px 5px 0
}

.pro-pg-bio .soc li a img {
    width: 28px;
    background: #eceff3;
    padding: 6px;
    border-radius: 5px;
    opacity: .7;
    transition: all .5s ease
}

.pro-pg-bio .soc li a:hover img {
    opacity: 1;
    background: #cee8f7
}

.pro-pg-cts {
    float: left;
    width: 20%;
    padding: 40px 25px 25px 0
}

.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.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: 0 8px 18px -8px #00000029;
    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 {
    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: .5%
}

.box-s2 .lhs .comp-pro .land-pack-grid {
    width: 32.3%;
    margin: .5%;
    float: left
}

.box-s2 .lhs .comp-pro .eve-box div:first-child img {
    height: 180px
}

.box-s2 .rhs {
    float: left;
    width: 28%;
    border-radius: 10px;
    position: relative
}

.box-s2 .rhs .cpro-form {
    position: relative;
    height: 100%
}

.box-s2 .rhs .cpro-form .templ-rhs-eve {
    position: sticky;
    top: 65px
}

.comp-pro-edit h6 {
    padding: 15px 0 0 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #454858;
    text-transform: uppercase
}

.edit-comp-pro {
    background: #edf6fd
}

.edit-comp-pro:before {
    opacity: 0
}

.tser-res {
    position: absolute;
    background: #fff;
    box-shadow: 0 10px 13px 1px #3333331a;
    width: 100%;
    border-radius: 4px;
    margin: 0;
    max-height: 300px;
    overflow-y: auto!important;
    border: 1px solid #e1e3e8;
    border-top: 0;
    padding: 4px 0 0;
    transform: translateY(10px);
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0
}

.tser-res.act {
    transform: translateY(0);
    transition: all .5s ease;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    width: 100%;
    border-radius: 0 0 4px 4px;
    margin-top: -2px
}

.top-ser .tser-res.act {
    width: 100%
}

.tser-res li {
    list-style-type: none;
    width: 100%
}

.tser-res li:last-child {
    padding-bottom: 0
}

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

.ebk-ban {
    background: url(../images/ebook-bg.jpeg) no-repeat #ededed;
    background-size: cover;
    margin-top: 52px;
    padding: 50px 0;
    position: relative
}

.ebk-ban:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4b90cc;
    background: -webkit-linear-gradient(to top,#267ecfe6 14%,#1779d3ba 66%);
    background: linear-gradient(to top,#134b7d9c 14%,#0e65b473 66%)
}

.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: 0 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 0;
    margin-bottom: 100px
}

.ebk-con .lhs {
    float: left;
    width: 35%;
    padding: 0 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: 0 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 textarea {
    height: 90px
}

.ebk-con .lhs form .btn {
    width: 100%;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    padding: 10px
}

.ebk-con .rhs {
    float: left;
    width: 65%;
    padding: 0 100px 50px 50px
}

.ebk-con .rhs h4 {
    font-size: 24px;
    font-weight: 600;
    font-weight: 600
}

.ebk-con .rhs li,.ebk-con .rhs p {
    font-size: 15px;
    line-height: 26px;
    color: #5b5d61
}

.ebk-con .rhs img {
    width: 100%;
    margin: 5px 0;
    border-radius: 2px
}

.ebk-con .rhs ul {
    position: relative;
    padding: 8px 0 15px 30px
}

.ebk-con .rhs ul li {
    padding: 0 0 15px 30px
}

.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 0 10px .6px rgba(40,30,20,.08)
}

.ebk-con .rhs ul li:nth-child(odd):before {
    background: #76cef1
}

.ebk-con .rhs ul li:nth-child(2n):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
}

.pg-404 .inn1 {
    text-align: center;
    color: #fff;
    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 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
}

.pg-install .s1 {
    padding-bottom: 30px
}

.pg-install .s1 img {
    margin: 0 auto;
    display: table;
    width: 160px
}

.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: 0 0 15px;
    background: #ebfff4;
    border: 1px solid #ccf1dd;
    padding: 10px;
    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 tr td {
    font-size: 11px;
    padding: 10px;
    color: #4e6582
}

.pg-install .s2 table tr td h6 {
    font-size: 14px;
    margin: 0;
    font-weight: 500
}

.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 button {
    font-size: 12px;
    padding: 10px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    border: 0;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    transition: all .4s ease
}

.pg-install .s2 table tr td button:hover {
    background: #3ca040;
    box-shadow: 0 6px 7px -2px #3333338c
}

.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: 0 30px
}

.user-act-code .login p b {
    font-size: 22px;
    color: #0fb953
}

.user-act-code .templ-acti {
    background: 0 0;
    padding: 0;
    margin-top: 10px
}

.user-act-code .templ-acti ul {
    margin: 0 auto;
    width: 80%
}

.user-act-code .templ-acti input {
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    border: 0;
    border-bottom: 1px solid #cacaca;
    height: 40px;
    border-radius: 2px;
    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: 0 12px 5px 0
}

.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 .2s ease;
    transition: all .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 h5 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 15px 8px 0
}

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

ul.simple-pagination {
    list-style: none
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 20px 0;
    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 0 15px;
    border-top: 1px solid #ededed;
    margin-top: 30px;
    float: left
}

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,.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: #2f394e;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #fff;
    min-width: 28px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    background: #efefef
}

.light-theme a:hover {
    text-decoration: none;
    background: #fcfcfc
}

.light-theme .current {
    background: #fff;
    cursor: default
}

.light-theme .ellipse {
    background: 0 0;
    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,.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,.2),0 0 1px 1px rgba(0,0,0,.1) inset;
    cursor: default
}

.dark-theme .ellipse {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

.file-upload-contain {
    position: relative;
    margin-bottom: 40px
}

.file-upload-contain .file-input,.file-upload-contain .file-preview {
    position: initial;
    border: 0
}

.file-upload-contain .file-drop-zone {
    border: 2px dashed #4f46e5;
    transition: .3s;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    background-color: #f5f5ff;
    min-height: auto
}

.file-upload-contain .file-drop-zone.clickable:focus,.file-upload-contain .file-drop-zone.clickable:hover,.file-upload-contain .file-highlighted {
    border: 2px dashed #1e80e8!important;
    background-color: #dfedfc
}

.upload-area i {
    color: #4f46e5;
    font-size: 50px
}

.upload-area p {
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #4f46e5
}

.upload-area p b {
    color: #1e80e8
}

.upload-area span {
    padding: 8px 16px;
    min-width: 150px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #4f46e5;
    border: 2px solid #4f46e5;
    border-radius: 50px;
    transition: .3s
}

.upload-area span:hover {
    background-color: #1e80e8;
    box-shadow: 0 4px 8px #5e0000
}

.file-preview {
    padding: 0;
    border: none;
    margin-bottom: 30px
}

.file-preview .fileinput-remove {
    display: none
}

.file-drop-zone-title {
    padding: 55px 10px
}

.file-drop-zone .file-preview-thumbnails {
    cursor: pointer
}

.file-preview-frame {
    cursor: default;
    display: flex;
    align-items: center;
    border: none;
    background-color: #2580e8;
    box-shadow: none;
    border-radius: 8px;
    width: 100%;
    padding: 15px;
    margin: 8px 0
}

.file-preview-frame:not(.file-preview-error):hover {
    border: none;
    box-shadow: 0 0 10px 0 #00000024
}

.file-preview-frame .kv-file-content {
    min-width: 45px;
    min-height: 45px;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    margin-right: 10px;
    background-color: #fff;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center
}

.file-preview-image {
    border-radius: 4px
}

.file-preview-frame .file-footer-caption {
    padding-top: 0
}

.file-preview-frame .file-footer-caption {
    text-align: left;
    margin-bottom: 0
}

.file-detail {
    font-size: 14px;
    height: auto;
    width: 100%;
    line-height: initial
}

.file-detail .file-caption-name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px
}

.file-detail .file-size {
    color: #f1f8fe;
    font-size: 12px
}

.kv-zoom-cache {
    display: none
}

.file-preview-frame .file-thumbnail-footer {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.file-preview-frame .file-drag-handle,.file-preview-frame .file-upload-indicator {
    float: none
}

.file-preview-frame .file-footer-buttons {
    float: none;
    display: flex;
    align-items: center
}

.file-preview-status.text-center {
    display: none
}

.kv-file-remove.file-remove {
    border: none;
    background-color: #ef2f2f;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 4px
}

.file-drag-handle.file-drag {
    border: none;
    background-color: #fff;
    color: #2580e8;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 4px
}

.kv-file-upload.file-upload {
    border: none;
    background-color: #48bd22;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 4px
}

.file-thumb-loading {
    background: 0 0!important
}

.file-preview-frame.sortable-chosen {
    background-color: #64a5ef;
    border-color: #64a5ef;
    box-shadow: none!important
}

.file-preview-frame .file-actions i,.file-preview-frame .file-drag-handle i {
    margin-left: -5px
}

.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: 0
}

.biz-toolbar {
    text-align: center;
    padding: 10px 0;
    background: #f6f8f9;
    border-radius: 5px 5px 0 0
}

.back-wrapper,.biz-toolbar a,.fore-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
}

.back-wrapper:hover,.biz-toolbar a:hover,.fore-wrapper:hover {
    background: #e1e5e7
}

a[data-command='p'],a[data-command=insertOrderedList],a[data-command=justifyFull],a[data-command=outdent],a[data-command=redo],a[data-command=strikeThrough],a[data-command=superscript] {
    margin-right: 5px;
    border-radius: 0 3px 3px 0
}

.fore-wrapper,a[data-command=h1],a[data-command=indent],a[data-command=insertUnorderedList],a[data-command=justifyLeft],a[data-command=subscript],a[data-command=undo] {
    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
}

.back-palette,.fore-palette {
    display: none
}

.back-wrapper,.fore-wrapper {
    display: inline-block;
    cursor: pointer
}

.back-wrapper:hover .back-palette,.fore-wrapper:hover .fore-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
}

.back-palette a,.fore-palette a {
    background: #fff;
    margin-bottom: 2px
}

a[data-command='p'],a[data-command=h2],a[data-command=h4] {
    font-size: 16px;
    position: relative;
    top: -3px
}

.bizeditorpan ol,.bizeditorpan ul {
    padding: 0;
    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 div,.bizeditorpan li,.bizeditorpan p {
    text-align: left;
    color: #333
}

.bizeditorpan ul li {
    margin-bottom: 10px
}

.bizeditorpan ol li {
    list-style-type: auto
}

.news-top-menu {
    margin-top: var(--topspac);
    background: #000
}

.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: 0;
    top: 15px
}

.news-menu ul li a.act {
    border-bottom: 2px solid #b71d16;
    color: #fff;
    font-weight: 500;
    background: #010101
}

.news-menu ul li a:hover {
    border-bottom: 2px solid #dc4e41
}

.news-hom-ban {
    text-align: center;
    background: #161e24;
    padding: 45px 0;
    color: #fff;
    position: relative
}

.news-hom-ban:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/face.jpg);
    background-size: 240px;
    opacity: .3
}

.news-hom-ban-inn {
    position: relative
}

.news-hom-ban-inn h1 {
    font-size: 40px;
    font-weight: 600
}

.news-hom-ban-inn h1 b {
    color: #fff;
    background: #b71d16;
    padding: 0 15px;
    border-radius: 2px
}

.news-hom-ban-inn p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0
}

.news-last {
    margin-bottom: 90px
}

.news-hom-ban-sli {
    overflow: hidden
}

.news-hom-ban-sli-inn ul {
    position: relative
}

.news-hom-ban-sli-inn ul li {
    float: left;
    width: 20%
}

.news-hban-box {
    position: relative
}

.listing-box .al-img:before,.news-hban-box:before {
    content: '';
    position: absolute;
    background: #00000080;
    background: -webkit-linear-gradient(to bottom,#ffffff00,#000);
    background: linear-gradient(to bottom,#ffffff00,#000);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.news-hban-box .im {
    overflow: hidden
}

.news-hban-box .im img {
    height: 500px;
    object-fit: cover;
    transition: all .4s ease
}

.news-hban-box .txt {
    padding: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .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-loc,.news-views {
    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-loc:before,.news-views:before {
    left: 6px;
    color: #737b91;
    font-size: 13px;
    top: 0
}

.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 {
    background: #f8f9fb;
    padding: 55px 0 80px
}

.news-com-tit {
    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: 0
}

.news-hom-big .col-md-4 {
    padding-left: 30px
}

.news-home-box {
    position: relative;
    margin: 10px 0;
    box-shadow: 0 1px 9px -5px #33333330;
    border-radius: 5px
}

.news-home-box .im {
    overflow: hidden
}

.news-home-box .im img {
    height: 135px;
    object-fit: cover;
    transition: all .4s ease;
    border-radius: 5px;
    width: 100%
}

.news-home-box .txt {
    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 {
    padding-bottom: 50px
}

.news-hom-ban-ads a {
    margin: 0 auto;
    display: table
}

.news-hom-ban-ads img {
    width: 100%
}

.news-hom-big {
    padding: 60px 0;
    background: #f8f9fb
}

.news-hom-big .news-home-box {
    background: #fff
}

.news-hom-big .news-home-box .txt {
    padding: 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 0 20px 20px;
    background: #fff
}

.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 {
    padding-bottom: 30px
}

.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 {
    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: red
}

.news-subsc {
    margin: 30px 0 0;
    background: #fff;
    box-shadow: 0 2px 15px -4px #00000042;
    border-radius: 10px;
    position: sticky;
    top: 80px
}

.news-subsc h5 {
    padding-top: 25px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 300
}

.news-subsc h5 b {
    display: block;
    font-size: 26px;
    font-weight: 600
}

.news-subsc img {
    width: 100px;
    padding-top: 25px
}

.news-subsc p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px
}

.news-subsc ul {
    padding: 0 30px 30px;
    border-radius: 0 0 10px 10px
}

.news-subsc ul li input {
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.news-subsc ul li input[type=submit] {
    color: #fff;
    border: 0 solid #005ba2;
    padding: 10px 25px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all .5s ease;
    background: var(--hom-sear-btn);
    margin-top: 10px;
    font-weight: 500
}

.news-rhs-ads-ban {
    position: relative;
    margin: 30px 0 0;
    overflow: hidden
}

.news-rhs-ads-ban .ban-ati-com span {
    right: 10px;
    top: 10px
}

.news-rhs-cate {
    margin: 0 0 30px
}

.news-rhs-cate ul li {
    margin-bottom: 8px
}

.news-rhs-cate ul li a {
    background: url(../images/home4.jpg);
    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:first-child 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: 0 0
}

.news-rhs-cate ul li:nth-child(8) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(9) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(10) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(11) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(12) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(13) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(14) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(15) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(16) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(17) a {
    background-position: 0 0
}

.news-rhs-cate ul li:nth-child(18) a {
    background-position: 0 0
}

.news-rhs-cate ul li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    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 .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 {
    padding: 20px 0 80px;
    background: #f8f9fb
}

.news-hom-all-lat .news-home-box .im img {
    height: 190px
}

.news-rhs-trends .hot-page2-hom-pre-1 {
    width: 35%;
    overflow: hidden
}

.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: 0 0;
    line-height: 16px;
    padding-left: 18px;
    padding-top: 3px
}

.news-rhs-trends .hot-page2-hom-pre-2 span:before {
    left: 0;
    top: 2px
}

.news-bre {
    margin-top: 0;
    background: 0 0;
    padding: 0 0 15px
}

.news-bre ul li a {
    color: #333
}

.news-bre ul li:after {
    color: #333
}

.news-bre:before {
    display: none
}

.news-details .news-home-box h1 {
    font-size: 34px;
    font-weight: 700;
    color: #333;
    line-height: 36px
}

.news-tit-head {
    margin-bottom: 25px
}

.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: 0
}

.list-sh .share-new,.share-new {
    position: relative;
    background: var(--blue);
    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 .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 .4s ease
}

.share-ic-com {
    right: initial;
    top: initial;
    padding: 0;
    position: relative
}

.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 input {
    background: #eef5ff;
    border: 1px solid #d3d9e1;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    color: #0364f4;
    width: 100%
}

.sharepop .modal-body .shareurltip {
    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: 0;
    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 .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
}

.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) {
    .eve-box div:nth-child(2) h4 {
        font-size:16px
    }

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

    .db-list-edit {
        font-size: 9px
    }

    .ud-rhs-sec-1 ul li a p,.ud-rhs-sec-2 ul li a p {
        font-size: 11px
    }

    .ud-rhs-sec-1 ul li a h5,.ud-rhs-sec-2 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: 18px;
        margin: 10px 0 4px 0
    }

    .ud-lhs-s1 .ud-lhs-view-pro {
        font-size: 8px
    }

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

.modu-hom-com-ban {
    margin-top: var(--topspac);
    padding: 80px 0 60px;
    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 {
    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;
    background: url(../images/places/banne.png) no-repeat #deeafc;
    background-size: 100%;
    background-position: center bottom
}

.plac-hom-ban-inn {
    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
}

.plac-hom-search .job-sear {
    box-shadow: 0 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 0 0 15px
}

.plac-hom-search .job-sear ul li.sr-btn button {
    padding: 11px 12px;
    height: 60px
}

.plac-hom-bd {
    padding: 70px 0 0 0
}

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

.hom-cate-more {
    width: 100%;
    margin-top: 30px
}

.cta-new-blue {
    background: #8d18c0;
    background: linear-gradient(39deg,#d90c55,#8d18ba 80%);
    color: #fff;
    padding: 13px 35px;
    font-size: 16px;
    transition: all .5s ease;
    border-radius: 5px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    display: table
}

.cta-new-blue:hover {
    color: #fff;
    box-shadow: 0 10px 14px -4px #00000094
}

.plac-hom-all-pla {
    position: relative;
    overflow: hidden
}
.plac-hom-all-pla .plac-hom-box-txt{justify-content: space-between;}
.plac-hom-all-pla .plac-hom-box-txt span:nth-child(2){padding: 3px 20px 0 15px;}
.plac-hom-all-pla .slick-arrow {
    opacity: .2;
    transition: all .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-arrow:before {
    color: #fff
}

.plac-hom-all-pla:hover .slick-prev {
    left: 1px
}

.plac-hom-all-pla:hover .slick-next {
    right: 0
}

.plac-hom-all-pla ul li {
    display: inline-block;
    padding: 10px
}

.plac-hom-box {
    border: 1px solid #cfd7e5;
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px
}

.plac-det-ban-im:before,.plac-hom-box-im:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #00000061;
    background: -webkit-linear-gradient(to bottom,#00000000,#00000033);
    background: linear-gradient(to bottom,#00000000,#0000009c);
    z-index: 1
}

.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 .4s ease-in-out
}

.plac-det-eve .plac-hom-box-im:before,.plac-det-eve img {
    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;
    font-weight: 600;
    font-family: 'Noto Sans',sans-serif
}

.blog-deta-body .pro-rel-posts {
    margin-bottom: 80px
}

.pro-rel-events .plac-hom-box-im h4,.pro-rel-posts .plac-hom-box-im h4 {
    padding: 0;
    white-space: normal;
    text-align: left
}

.plac-hom-box-txt,.rel-list-txt-box {
    padding: 15px;
    display: flex
}

.rel-list-txt-box {
    background: #fff;
    border-radius: 0 0 10px 10px
}

.plac-hom-box-txt span {
    float: left;
    font-size: 15px;
    font-weight: 500;
    position: relative
}

.plac-hom-box-txt span:first-child {
    width: 205px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding-right: 15px;
    color: #303c46
}

.plac-hom-box-txt span:nth-child(2),.rat-more-cta-ic {
    padding: 3px 0 0 15px;
    font-size: 13px
}

.rat-more-cta-ic {
    font-size: 14px;
    float: right;
    padding-right: 30px
}

.plac-hom-box-txt span:nth-child(2):after,.rat-more-cta-ic:after {
    content: 'arrow_forward';
    position: absolute;
    line-height: 21px;
    padding-left: 5px;
    transition: all .4s ease-in-out
}

.rat-more-cta-ic:after {
    line-height: 24px
}

.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 a,.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 .4s ease
}

.plac-hom-tit-ic-sugg a:after,.plac-hom-tit-ic-sugg span:after {
    content: 'arrow_forward';
    position: absolute;
    line-height: 21px;
    padding-left: 5px;
    transition: all .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
}

.plac-det-ban {
    margin-top: var(--topspac);
    padding-bottom: 50px
}

.plac-det-ban .plac-det-bred {
    margin: 0;
    padding: 15px 0;
    display: flex;
    width: 100%
}

.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-inn {
    border: 1px solid #cfd7e5;
    border-radius: 10px;
    width: 100%;
    position: relative;
    padding: 0
}

.plac-det-ban-im {
    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 {
    padding: 20px;
    display: flex
}

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

.plac-det-ban-sub ul li a:before {
    content: 'directions';
    position: absolute;
    line-height: 21px;
    transition: all .4s ease-in-out;
    color: #fff;
    right: 8px;
    top: 3px
}

.plac-det-ban-sub ul li a:hover {
    background: #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 img {
    height: 150px;
    object-fit: cover;border-radius: 25px;
}

.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: 50px;
}

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

.event-body .plac-det-cate,.plac-deta-sec .plac-hom-box-im .plac-det-cate {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    background: var(--blue);
    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: 400;
    margin-bottom: 4px;
    color: #333;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px
}

.plac-det-tit-inn h2 span {
    font-family: var(--bodyfont);
    font-weight: 700
}

.plac-det-ban-bio {
    margin-bottom: 70px;
    text-align: center;
    line-height: 25px
}

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

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

.img-wrapper img {
    width: 100%
}

.img-overlay {
    background: rgba(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
}

#overlay {
    background: rgba(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 .8s;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ededed;
    color: #ffffff03
}

#nextButton:hover {
    opacity: .7
}

#prevButton {
    transition: opacity .8s;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ededed;
    color: #ffffff03
}

#prevButton:hover {
    opacity: .7
}

#exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity .8s;
    position: absolute;
    top: 15px;
    right: 15px
}

#exitButton:hover {
    opacity: .7
}

@media screen and (max-width: 1200px) {
    .plac-hom-box-txt span:first-child {
        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 a,.plac-det-ban-sub ul li span {
        font-size: 13px
    }

    .plac-gal-imag {
        width: 20%
    }

    .fil-mob-view .ban-search {
        padding-right: 15px
    }
}

@media screen and (max-width: 992px) {
    .hom-head:after {
        display:none
    }

    .list-ban-sli .slick-dots li button {
        height: 8px;
        width: 20px
    }

    .plac-hom-ban {
        padding: 55px 0 40px
    }

    .plac-hom-ban-inn h1 {
        font-size: 32px;
        line-height: 40px
    }

    .plac-hom-search {
        padding: 10px 0 0
    }

    .plac-hom-tit h2 {
        font-size: 18px
    }

    .plac-hom-tit p {
        font-size: 12px
    }

    .plac-hom-tit:before {
        margin-top: -9px
    }

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

    .news-hban-box .txt {
        text-align: center;
        width: 100%;
    }

    .fqui-menu {
        display: block
    }
}

@media screen and (max-width: 769px) {
    .plac-gal-imag img {
        height:80px
    }
    .bor-login {
        border: 0;
    border-bottom: 1px solid #e1dde8;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

    .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;
        padding-bottom: 80px
    }
}

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

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

.que-hom-main {
    background: #ecf4f9
}

.que-hom-lhs {
    width: 75%!important;
    padding-right: 80px
}

.que-hom-rhs {
    float: left;
    width: 25%
}

.que-hom-all .tab-content {
    width: 100%
}

.que-hom-all div {
    float: left
}

.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;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.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 {
    color: #0333e3
}

.que-hom-all .tab-content ul li {
    padding: 8px 0
}

.tab-content>.active {
    opacity: 1
}

.que-box-1 {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0 7px 20px -5px #00000042;
    border-radius: 3px;
    transition: all .5s ease
}

.que-box-1:hover {
    box-shadow: 0 7px 20px -5px #00000042;
    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 .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;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600
}

.que-cate-has span,.que-has a,.que-has span {
    font-size: 12px;
    border: 1px solid #d8d6d6;
    display: inline-block;
    padding: 2px 5px 0;
    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: #000;
    margin-top: 15px;
    cursor: pointer;
    position: relative
}

.alltagshow:before {
    content: "keyboard_arrow_right";
    font-size: 15px;
    color: #fff;
    right: 12px;
    top: 8px;
    transition: all .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;
    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;
    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 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
}

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

.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-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-ans {
    border-top: 1px solid #d2dadf;
    padding: 20px 0;
    margin-top: 0
}

.que-deti-ans p {
    font-size: 14px;
    line-height: 22px
}

.que-deti-ans-bio {
    padding-top: 10px
}

.que-deti-like {
    display: inline-block;
    float: left;
    padding-right: 15px
}

.que-deti-tit .que-deti-like,.que-hom-all div.que-deti-like,.que-hom-lhs .que-deti-like {
    padding: 0 0 0 15px;
    float: right
}

.que-deti-like span {
    font-size: 12px;
    font-weight: 500;
    margin-right: 7px
}

.tabmov {
    position: absolute;
    width: 156px;
    height: 53px;
    background: #e9ebff;
    border-bottom: 4px solid #0333e3;
    left: 0;
    bottom: -1px;
    transition: all .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 .25s infinite
}

@keyframes tilt-shaking {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(8deg)
    }

    50% {
        transform: rotate(0)
    }

    75% {
        transform: rotate(-8deg)
    }

    100% {
        transform: rotate(0)
    }
}

.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-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-ans-post {
    border-top: 1px solid #d2dadf;
    padding: 25px 0 30px;
    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;
    line-height: 23px;
    border-radius: 4px;
    margin-top: 16px;
    letter-spacing: .5px;
    background: #fff;
    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 h4 {
    text-transform: inherit;
    font-size: 20px
}

.pop-que textarea {
    height: 150px;
    line-height: 26px;
    font-weight: 500;
    font-size: 16px
}

.pop-que .btn-primary {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 50px;
    line-height: 23px;
    border-radius: 4px;
    letter-spacing: .5px;
    background: #000;
    display: inline-block;
    border: 1px solid #000;
    color: #fff
}

.que-hom-cate {
    width: 100%
}

.que-hom-all .tab-content .que-hom-cate ul li {
    width: 33.333%;
    padding: 0 12px 8px 0
}

.que-hom-cate-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 25px 15px 15px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0 7px 20px -5px #00000042;
    border-radius: 10px;
    height: 145px;
    transition: all .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,#fff,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-mob-nav {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 6px;
    line-height: 23px;
    cursor: pointer;
    display: none;
    position: fixed;
    transition: all .5s ease-in-out;
    left: 0;
    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-edit {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #020202e0;
    text-align: center;
    z-index: 9;
    transition: all .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 .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(0)
}

@media screen and (max-width: 1400px) {
    .list-ban-sli-25 img {
        height:400px
    }
}

@media screen and (max-width: 1250px) {
    .list-ban-sli-25 img {
        height:300px
    }

    .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: 0 10px 9px
    }

    .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-cate-has span,.que-has a,.que-has span {
        font-size: 10px
    }

    .tabmov {
        width: 119px;
        height: 40px;
        border-bottom: 2px solid #0333e3
    }
}

@media screen and (max-width: 1200px) {
    .ud-cen,.ud-enqu .ud-cen {
        width:100%;
        padding: 0 60px
    }

    .ud-rhs {
        width: 100%;
        padding: 40px 60px 0
    }

    .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 h5,.ud-rhs-sec-1 ul li a p {
        white-space: initial
    }

    .ud-rhs-sec-3 {
        margin-bottom: 0
    }

    .us-pro-sec-1-rhs h1 {
        font-size: 32px
    }

    .job-box-apl span {
        padding: 7px 10px
    }

    .que-deti-like,.que-deti-tit .que-deti-like {
        padding: 15px 0 10px
    }

    .que-pro-sort {
        width: 180px
    }

    .que-deti-tit h1 {
        font-size: 26px
    }

    .que-deti-ans-bio {
        padding-top: 0
    }

    .list-ban-btn ul li {
        margin: 2px;
        width: 100%
    }
}

@media screen and (max-width: 1150px) {
    .ud-lhs-s2 ul li a {
        text-overflow:ellipsis;
        white-space: pre;
        overflow: hidden
    }

    .top-ser {
        width: 30%
    }

    .jbtre-apl a,.jbtre-apl span {
        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) {
    .comity-all-user ul li {
        width:33.333%
    }

    .pg-list-1-left img {
        width: 175px;
        height: 175px
    }

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

    .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 0 0 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: 0 25px 0 0
    }

    .job-prof-pg .rhs {
        padding: 0 0 0 25px
    }
}

@media screen and (max-width: 1024px) {
    .ebk-con .lhs {
        padding:0 20px 50px 0
    }

    .ebk-con .rhs {
        padding: 0 0 50px 50px
    }

    .coup-box-2 p {
        padding: 5px 10px
    }

    .job-cate-main {
        padding: 0
    }
}

@media screen and (max-width: 992px) {
    .ban-ql ul {
        grid-template-columns:repeat(2,1fr)
    }

    .ban-short-links ul li div {
        background: #000000ba
    }

    .blog-head-inn {
        width: 40%
    }

    .us-ppg-com {
        width: 100%
    }

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

    .wed-foot-link-pop ul li {
        width: 25%
    }

    .pop-menu {
        left: 0;
        position: fixed;
        overflow-y: auto;
        height: 100%;
        bottom: 0
    }

    .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 #fff;
        box-sizing: border-box;
        margin: 0;
        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: 0;
        padding: 0;
        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: 0;
        padding-top: 30px;
        padding-left: 0;
        margin-top: 20px;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .dir-home-nav-bot ul li:first-child {
        width: 100%
    }

    .dir-home-nav-bot ul li:nth-child(2),.dir-home-nav-bot ul li:nth-child(3) {
        width: 100%;
        margin: 0 0 5px
    }

    .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 0 0 50px
    }

    .hom-head .ban-tit {
        padding: 30px 0
    }

    .hom-mpop .col-md-9 {
        padding-top: 20px
    }

    .hom-col-req {
        margin: 0
    }

    .cate-sli {
        margin-top: 55px
    }

    .hom-top {
        padding: 5px 0 10px;
        height: 55px
    }

    .hom-head {
        padding: 0 0 30px;
        margin-bottom: 0
    }

    .pmenu-cat ul li {
        width: 25%
    }

    .ban-ql {
        margin-bottom: 0;
        padding-top: 10px;
        margin-top: 30px;
        padding-bottom: 30px
    }

    .pri-box .c4 ol li {
        font-size: 14px
    }

    .land-pack ul li {
        width: 33.333%
    }

    .inte ul li {
        width: 50%;
        padding: 5px 0
    }

    .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: 0
    }

    .bb-img img {
        margin: -1px 0 0
    }

    .bb-text {
        padding: 0
    }

    .bb-text p {
        font-size: 13px;
        line-height: 24px
    }

    .bb-link {
        max-width: 100%;
        padding: 20px 0 0 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 {
        padding: 0
    }

    .btn-ser-need-ani {
        display: none
    }

    .list-pg-rt {
        padding-left: 30px
    }

    .pg-list-1 .col-md-10,.pg-list-1 .col-md-2 {
        max-width: 100%;
        flex: 100%
    }

    .list-ban-btn {
        border-left: 0;
        margin: 0 auto;
        display: table;
        width: 100%
    }

    .list-ban-btn ul li span {
        font-size: 14px;
        padding: 8px 15px 8px 44px
    }

    .list-ban-btn ul li span:before {
        margin-top: -2px
    }

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

    .nme-les-det-lhs {
        width: 100%;
        text-align: center
    }

    .pg-list-1-left .list-rat-all {
        position: relative;
        margin: 0 auto;
        display: table;
        margin-bottom: 20px;
        top: initial;
        right: initial
    }

    .list-ban-sli-25 img {
        height: 250px
    }

    .list-ban-sli-25 .slick-arrow {
        top: 100px
    }

    .pg-list-1-left .stat {
        top: initial;
        left: initial;
        position: relative;
        display: table;
        margin: 0 auto
    }

    .pg-list-1-left h3 {
        margin-bottom: 15px;
        color: #000
    }

    .pg-list-1-left .rat {
        float: initial;
        padding: 13px 0 3px;
        display: table;
        margin: 0 auto
    }

    .pg-list-1 .list-number {
        padding: 10px 0 0 25%
    }

    .pag-p1-phone,.pg-list-1-left p {
        padding-left: 0;
        width: 100%;
        color: #333
    }

    .pag-p1-phone ul {
        margin: 0 auto;
        display: table
    }

    .wed-hom-footer {
        padding: 60px 0 45px
    }

    .fil-mob-view .ban-search {
        padding-top: 30px
    }

    .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: 0 2px
    }

    .bl,.db-open .al,.fil-mob-view,.ud-lhs {
        display: none
    }

    .fil-mob,.mob-me-ic {
        display: block;
        float: left
    }

    .fil-mob.fil-mob-act {
        display: block
    }

    .ud-cen,.ud-enqu .ud-cen {
        width: 100%;
        margin: 0
    }

    .ud-rhs {
        width: 100%;
        padding: 20px 150px
    }

    .ud-rhs-sec-2 ul li {
        width: 33.333%
    }

    .eve-deta-pg .rhs .quote-pop {
        padding: 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: 0
    }

    .blog-body .us-ppg-com ul li {
        width: 100%
    }

    .blog-head {
        margin-top: 55px
    }

    .fil-mob-view {
        position: fixed;
        z-index: 9;
        left: -100%;
        top: 0;
        overflow-y: auto;
        height: 100%;
        padding: 0 40px 50px 30px;
        flex: 0 0 100%;
        width: 80%;
        max-width: 400px;
        transition: all .5s ease;
        display: block;
        background: #eff5fb
    }

    .all-jobs .col-md-3.fil-mob-view {
        padding: 40px 10px 30px
    }

    .col-md-9.us-ppg-com {
        padding: 25px 0 0 0;
        border-left: 0
    }

    .col-md-9.us-ppg-com h1 {
        display: block;
        padding-left: 10px;
        font-size: 30px;
        font-weight: 600;
        line-height: 40px
    }

    .fil-mmob-act .fil-mob-clo {
        display: block
    }

    .fil-mob-view.fil-mmob-act {
        transition: all .5s ease;
        left: 0
    }

    .all-list-sh {
        background: 0 0;
        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:first-child h2,.us-ppg-blog .pro-eve-box h2 {
        font-size: 16px
    }

    .pro-listing-box div:first-child img {
        height: 125px
    }

    .pmenu-cat {
        width: 100%;
        padding-right: 0;
        padding-bottom: 50px
    }

    .pmenu-eve {
        width: 100%
    }

    .ser-head .ban-search {
        width: 90%
    }

    .f2 {
        margin: 0;
        padding: 0
    }

    .mob-app .rhs form {
        width: 100%;
        padding: 0
    }

    .fed-box .lhs {
        width: 100%
    }

    .fed-box .rhs {
        width: 100%;
        padding-top: 0
    }

    .fed-box:before {
        width: 100%
    }

    .all-list-bre {
        padding: 0 0 45px
    }

    .all-pro-bre {
        padding: 50px 0 70px
    }

    .all-listing .col-md-9 {
        padding: 15px 0 30px;
        background: #f5f5f5;
        border-radius: 5px
    }

    .all-listing .col-md-9 .inn {
        padding: 20px 15px 40px;
        border-left: 0;
        margin-left: 0
    }

    .all-jobs .col-md-9 {
        padding: 55px 0 30px
    }

    .all-jobs .container {
        max-width: 100%
    }

    .list-map .list-map-filt {
        position: fixed;
        left: -100%;
        width: 300px;
        padding: 72px 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: 0;
        width: 100%
    }

    .mob-map-filt {
        display: block;
        cursor: pointer
    }

    .list-bann {
        margin-top: 25px
    }

    .list-bann img {
        height: 210px
    }

    .pg-list-1 {
        margin: 0
    }

    .pg-list-1-pro {
        width: 100%
    }

    .pg-list-1-pro img {
        margin: 0 auto;
        display: table;
        float: initial;
        height: 225px
    }

    .pg-list-1-pro .stat {
        position: relative;
        margin: 0 auto;
        display: table;
        left: 0;
        float: initial;
        margin-top: -25px
    }

    .pag-p1-phone ul a li {
        color: #157dd0;
        font-size: 13px
    }

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

    .pag-p1-phone ul li:before {
        color: #333
    }

    .ud {
        padding: 30px 0 40px;
        display: inline-block
    }

    .pro-pg-logo {
        width: 20%
    }

    .pro-pg-bio {
        width: 80%
    }

    .pro-pg-cts {
        width: 100%;
        padding: 0 25px 25px 24%
    }

    .pro-pg-cts a {
        display: inline-block
    }

    .box-s2 .lhs {
        width: 100%;
        margin-right: 0;
        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: .5%
    }

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 32.3%;
        margin: .5%
    }

    .ud-inn {
        display: block;
        float: left
    }

    .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: 0
    }

    .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: 0;
        bottom: 0;
        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 {
        width: 70%;
        padding: 0 0 25px;
        border-right: 0;
        order: 3
    }

    .job-det-desc .s2 {
        width: 100%;
        padding: 40px 0 30px;
        order: 2
    }

    .job-det-desc .s3 {
        width: 70%;
        order: 1
    }

    .job-prof-pg .lhs {
        padding: 0;
        width: 100%;
        margin-bottom: 30px
    }

    .job-prof-pg .rhs {
        padding: 0;
        width: 100%;
        margin-bottom: 20px
    }

    .jpro-bd {
        margin-bottom: 0
    }

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

    .pri {
        padding: 60px 20px 50px
    }

    .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: 0 0 20px
    }

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

    .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,.ban-search.ban-sear-all li.sr-cate,.ban-search.ban-sear-all li.sr-cit {
        width: 100%
    }

    .ban-search.ban-sear-all.ser-oly-blog li.sr-nor,.ban-search.ban-sear-all.ser-oly-event li.sr-nor,.ban-search.ban-sear-all.ser-oly-place 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-blog li.sr-nor select,.ban-search.ban-sear-all.ser-oly-event li.sr-nor select,.ban-search.ban-sear-all.ser-oly-place 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-btn,.ban-search.ban-sear-all li.sr-nor {
        width: 100%;
        margin-bottom: 10px
    }

    .ban-search.ban-sear-all li select {
        padding-left: 15px
    }

    .ban-search ul li input[type=submit],.ban-search.ban-sear-all li select {
        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
    }

    .event-body .eve-box div h4 {
        height: auto
    }

    .ban-search li .chosen-container .chosen-single,.ban-search ul li .chosen-container,.ban-search ul li .chosen-container a {
        border-radius: 10px!important
    }

    .pop-quo .modal-dialog {
        margin-top: 50px
    }

    .all-listing {
        margin-top: 0
    }

    .col-md-3.fil-mob-view {
        padding: 20px;
        z-index: 20
    }

    .all-list-bre {
        padding-top: 20px
    }

    .hom-top {
        display: block;
        padding: 0 7px;
        height: 47px;
        margin-bottom: 40px;
        background: #090b52!important
    }

    .hom-top.act {
        top: 0
    }

    .hom-top,.hom-top.dmact {
        position: relative;
        margin-bottom: 0
    }

    .list-pg-bg {
        padding-top: 10px;
        margin-top: 0
    }

    .all-pro-bre,.blog-body,.col-md-3.fil-mob-view .all-list-bre,.eve-deta-pg,.eve-deta-pg .eve-deta-pg-main,.news-top-menu {
        margin-top: 0
    }

    .eve-deta-pg {
        padding: 30px 0
    }

    .news-hom-big {
        padding: 25px 0
    }

    .news-hom-big .all-list-bre {
        padding-bottom: 20px
    }

    .all-jobs .listng-res {
        margin-bottom: 5px
    }

    .mob-me-all {
        padding: 0 20px 100px
    }

    .mv-pro-menu.ud-lhs-s2 {
        padding: 0 0 30px 0
    }

    .ud-lhs-s2 ul li a {
        padding-left: 0
    }

    .mv-cate {
        padding: 0
    }

    .mv-bus {
        padding: 20px 0 22px 0
    }

    .pg-list-1-left h1 {
        font-size: 21px;
        line-height: 31px
    }

    .pg-list-oths ul li i {
        font-size: 18px;
        width: 32px;
        height: 32px
    }

    .pg-list-oths ul li {
        padding: 0 5px
    }

    .pg-list-oths ul li a,.pg-list-oths ul li span {
        text-transform: uppercase;
        font-size: 11px
    }

    .pg-list-ser ul li {
        width: 25%
    }

    .list-pg-lt .pg-list-ser img,.pg-list-ser-p1 {
        height: 110px
    }

    .pg-list-ser-p2 h4 {
        font-size: 12px
    }

    .all-list-filt-form {
        position: relative;
        top: 0;
        padding-bottom: 50px;
        margin-top: 30px
    }
}

@media screen and (max-width: 769px) {
    .list-pg-lt {
        order:2
    }

    .list-pg-rt {
        order: 1
    }

    .list-det-rel-pre {
        order: 3
    }

    .list-pg-inn-sp {
        padding: 20px 15px 0
    }

    .del-gal-div img {
        width: 45px;
        height: 45px
    }

    .add-list-off ul li,.add-list-ser ul li,.bor-box {
        padding: 25px 10px 15px
    }

    .imageuploadify .imageuploadify-images-list button.btn-default,.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
        font-size: 14px
    }

    .login {
        padding: 25px
    }

    .pg-list-ser ul li {
        padding: 3px
    }

    .pg-list-ser ul {
        margin: 0;
        padding: 0
    }

    .mob-me-ic,.top-noti {
        display: none
    }

    .top-log {
        width: 100%;
        display: block;
        text-align: center
    }

    .list-pg-rt {
        padding: 0 0 30px 0
    }

    .plac-det-faq {
        width: 100%
    }

    .commun-pg-main {
        padding-top: 80px
    }

    .pg-list-1-left h1 {
        font-size: 24px;
        line-height: 34px
    }

    .jb-pro-bio ul li {
        margin: 0 5px 10px 0;
        padding: 10px
    }

    .jpro-ban-tit .s3 .cta.fol {
        margin-left: 0
    }

    .jpro-ban-tit .s2 h1 {
        font-size: 22px
    }

    .ser-resu ul li {
        width: 50%
    }

    .list-pg-bg .eve-bred-crum ul li a {
        font-size: 11px
    }

    .our-all-ser ul li {
        width: 33.333%
    }

    .job-det-desc .s1,.job-det-desc .s3 {
        width: 100%
    }

    .how-wrks-inn ul li {
        width: 50%
    }

    .how-wrks-inn .col-lg-3 div {
        margin: 10px 0
    }

    .carousel-indicators,.land-pack-grid-text h4 .dir-ho-cat,.top-ser {
        display: none
    }

    .hom2-hom-ban-main .hom2-hom-ban {
        width: 100%;
        margin: 15px 0
    }

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

    .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: 0
    }

    .blog-body .ban-search ul li.sr-sea,.event-body .ban-search ul li.sr-cit {
        width: 100%
    }

    .fed-box {
        width: 100%
    }

    .ban-search ul li.sr-btn {
        width: 110px;
        margin-top: 0
    }

    .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: 0 5% 20px;
        box-shadow: 0 5px 13px 0 rgba(0,0,0,.14)
    }

    .land-pack-grid-text {
        margin-top: 0
    }

    .ind2-home .hom-head {
        padding-top: 0
    }

    .ban-tit h1 b {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 15px;
        padding-top: 10px
    }

    .ban-tit h1 {
        font-size: 20px;
        margin-bottom: 0;
        padding: 0 0 20px
    }

    .hom-eve-lhs-2 {
        width: 100%;
        padding-left: 15px;
        margin-top: 25px
    }

    .eve-box div:first-child 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 0 0
    }

    .biz-pro .lhs {
        margin-bottom: 0
    }

    .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: 0
    }

    .wed-foot-link-1 {
        text-align: center
    }

    .fot-app {
        border-top: 1px solid #e9e9e9;
        padding: 30px 0;
        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:first-child img {
        height: 150px
    }

    .us-ppg-com ul li {
        width: 50%
    }

    .all-list-sh .rat {
        position: relative;
        right: 48px;
        top: 0;
        left: 0
    }

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

    .pro-rel-events .eve-box div:nth-child(2) {
        padding: 20px 20px 15px
    }

    .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: 0
    }

    .coup-sec .coup-hom-ban {
        padding: 45px 0 0
    }

    .lhs-ads {
        margin-bottom: 0
    }

    .list-bann img {
        height: 175px
    }

    .pag-p1-phone ul li {
        width: 100%;
        margin-bottom: 10px
    }

    .pag-p1-phone ul li:last-child {
        margin-bottom: 0
    }

    .list-bann {
        margin-top: 45px
    }

    .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: 0
    }

    .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: 0
    }

    .lp-ur-all-right h5 {
        padding-top: 0
    }

    .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: 0
    }

    .pglist-off-last .home-list-pop .col-md-3 {
        padding-right: 0
    }

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

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

    .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-lis-done .btn-primary {
        margin-bottom: 10px
    }

    .login-reg {
        padding: 60px 0 100px
    }

    .log h4 {
        font-size: 18px
    }

    .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: 0;
        border-right: 0 solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 15px;
        margin-bottom: 30px
    }

    .eve-deta-body .eve-deta-body-main .rhs {
        padding-left: 0;
        width: 100%
    }

    .eve-deta-pg .head .dat,.eve-deta-pg .head h1 {
        font-size: 22px
    }

    .pro-rel-events .event-body .us-ppg-com ul li {
        width: 50%
    }

    .event-body .eve-box div:nth-child(2) {
        padding: 20px
    }

    .blog-head {
        padding: 45px 0 0;
        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: 0 2px
    }

    .ad-pri-cal ul li span {
        font-size: 12px
    }

    .ad-pri-cal ul li h5 {
        margin: 5px 0 0;
        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: 0
    }

    .user-tc-diff ul li .pri-box .c4 ol {
        width: 90%
    }

    .ser-head .ban-search ul li.sr-btn {
        margin-top: 0;
        width: 40%
    }

    .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: 0
    }

    .list-det-fix.list-det-fix-act {
        bottom: 0;
        top: initial
    }

    .comity-all-user ul li {
        width: 49%
    }

    .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.mail,.eve-box div:nth-child(2) span.pho {
        width: 100%
    }

    .responsive-table {
        display: block;
        width: 100%
    }

    .responsive-table tbody,.responsive-table thead,.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;
        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: 0 0
    }

    .responsive-table tr:nth-child(2n) {
        background: 0 0
    }

    .responsive-table tr td:nth-child(odd) {
        background: #e5f3ff;
        border-right: 1px solid #e6e4e4
    }

    .responsive-table tr td:nth-child(2n) {
        border-right: 1px solid #e6e4e4
    }

    .responsive-table tbody td {
        display: block;
        text-align: center
    }

    .com-pro-pg-head {
        display: none
    }

    .pro-pg-bio .bio li,.pro-pg-logo {
        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: 0 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: 0
    }

    .ebk-con .lhs {
        width: 100%;
        padding: 30px
    }

    .ebk-con .rhs {
        width: 100%;
        padding: 0 30px
    }

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

    .str .land-pack ul li {
        padding: 0 15px
    }

    .full-bot-book {
        padding: 40px 25px 0
    }

    .hom-event {
        padding: 0 20px
    }

    .all-list-sh .links a {
        margin: 1.5%;
        float: left;
        width: 46%;
        text-align: center;
        margin-bottom: 7px!important
    }

    .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: 0;
        margin-top: 0;
        padding-top: 0
    }

    .btn-ser-need-ani.fsbtn {
        padding: 6px;
        right: auto;
        border-radius: 50%;
        height: 60px;
        margin: 0 auto;
        display: table;
        margin-top: -20px;
        box-shadow: 0 9px 19px 6px #6b0000;
        text-transform: uppercase;
        letter-spacing: .5px
    }

    .btn-ser-need-ani.fsbtn:before {
        display: none
    }

    .fqui-menu.act {
        bottom: 0
    }

    .ani-quo-form.ani-quo-form-act {
        right: 0;
        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 0 0
    }

    .top-ser {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 10px 20px;
        background: #0e0e0ec4;
        box-shadow: 0 12px 18px 4px #33333354;
        transition: all .5s ease;
        z-index: 4;
        opacity: 0;
        visibility: hidden;
        height: 100%
    }

    .top-ser.top-ser-act {
        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: 0 0 1px;
        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 0 0
    }

    .hm3-auto-ban .rhs {
        padding: 0
    }

    .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: 0 50px
    }

    .about-ban h1 {
        font-size: 28px
    }

    .about-ban p {
        font-size: 14px
    }

    .pg-list-1 .list-number {
        padding: 10px 0 0
    }

    .job-list ul li,.list-det-rel-pre ul li {
        width: 50%
    }

    .job-cate-main ul li {
        width: 33.333%
    }

    .job-sear {
        width: 85%;
        background: #06060696;
        padding: 20px
    }

    .jpro-ban-tit {
        margin-top: -185px;
        padding-bottom: 50px
    }

    .jpro-ban-tit .s1,.jpro-ban-tit .s2,.jpro-ban-tit .s3 {
        width: 100%
    }

    .jpro-ban-tit .s1 img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        display: table;
        border-radius: 50px
    }

    .jpro-ban-bg-img img {
        height: 170px
    }

    .jpro-ban-tit {
        margin-top: -120px
    }

    .jb-pro-bio {
        width: 94%;
        margin: 0 3%;
        margin-bottom: 30px
    }

    .jb-pro-bio h4,.jpro-bd-com h4 {
        font-size: 14px;
        font-weight: 600
    }

    .jpro-ban-tit .s2 {
        text-align: center;
        color: #333;
        padding-top: 25px
    }

    .jpro-ban-tit .s2 p,.jpro-ban-tit .s2 span {
        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: 10px 30px;
        font-size: 15px;
        font-weight: 500
    }

    .ser-confir-main {
        width: 100%;
        padding: 0 30px
    }

    .ser-confir .rhs a {
        width: 100%;
        margin: 5px 0
    }

    .plainpg {
        padding: 0 30px
    }

    .fqui-menu ul li a,.fqui-menu ul li span {
        font-size: 8px
    }

    .all-jobs-ban h1 {
        font-size: 30px!important
    }

    .all-jobs .col-md-9 {
        padding-top: 30px
    }

    .job-ser-cnt {
        padding: 0 0 5px 36px;
        font-size: 14px
    }

    .jpro-bd {
        padding: 0 20px
    }

    .all-list-sh .list-rat-all {
        top: -70px
    }

    .all-list-item .eve-box div:nth-child(2) span.addr {
        padding-right: 0;
        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;
        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
    }

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

    .quote-pop {
        padding: 25px
    }
}

@media screen and (max-width: 650px) {
    .blog-head-inn {
        width:100%;
        padding: 40px 0 0
    }

    .us-ppg-com {
        width: 100%;
        padding: 20px 0 0;
        border-left: 0
    }
}

@media screen and (max-width: 576px) {
    .container {
        max-width:90%;
        padding: 0
    }

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

    .coup-sec3 ul li,.inte 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-img {
        margin: 0 10px 20px 0
    }

    .pri ul li {
        width: 100%;
        margin-bottom: 20px
    }

    .pri ul li .pri-box ol li {
        margin-bottom: 0
    }

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

    .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: 0
    }

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

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 100%;
        margin: 1% 0
    }

    .ebk-ban .lhs {
        padding: 15px
    }

    .hm3-auto-ban .lhs {
        padding: 40px 20px 20px;
        width: 100%;
        text-align: center
    }

    .hm3-auto-ban .rhs {
        width: 100%;
        padding: 30px 30px 0
    }

    .ud-rhs {
        padding: 20px 30px
    }

    .all-list-sh ul li {
        width: 100%
    }

    .all-listing .col-md-9 {
        background: 0 0
    }

    .all-listing .row {
        box-shadow: none
    }

    .all-list-sh span.addr,.all-list-sh span.mail,.all-list-sh span.pho {
        font-size: 14px!important
    }

    .all-pro-bre {
        padding: 15px 20px 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: 0 10px
    }

    .job-cate-main ul li {
        width: 50%;
        padding: 10px
    }

    .job-sear ul li {
        padding: 0
    }

    .job-sear ul li.sr-loc,.job-sear ul li.sr-sea {
        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: 0;
        width: 100%
    }

    .ser-confir .lhs {
        width: 100%;
        padding: 0 0 25px;
        border-bottom: 1px solid #d4d5d3;
        border-right: 0 solid #d4d5d3
    }

    .ser-confir .rhs {
        width: 100%;
        padding: 25px 0 0
    }

    .ser-confir .full .serv-confi-succ {
        padding: 20px 20px 20px 100px
    }

    .eve-deta-pg .rhs .quote-pop {
        padding: 25px 5px
    }

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

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

    .eve-deta-body .eve-deta-body-main {
        margin-top: 150px
    }
}

@media screen and (max-width: 526px) {
    .job-det-pg .job-tre {
        padding:0 20px 40px 20px;
        border-top: 0
    }

    .lp-ur-all-left {
        width: 100%;
        border: 0
    }

    .lp-ur-all-right {
        width: 100%;
        padding: 20px 0 0
    }

    .frmtip {
        font-size: 11px;
        right: 12px;
        top: -8px;
        background: #fff;
        padding: 0 10px
    }

    .log-bot ul li span {
        font-size: 12px
    }

    .log-bot ul li {
        padding: 0 4px
    }

    .msg-op {
        width: 100%;
        height: 100%;
        top: 0
    }

    .msg-op.msg-sho-act {
        right: 0
    }

    .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: 0 0 30px 0
    }

    .mob-app {
        padding-top: 50px;
        text-align: center
    }

    .mob-app .rhs h2 {
        font-size: 22px
    }
}

@media screen and (max-width: 480px) {
    .ban-ql ul li {
        padding:25px 10px 27px
    }

    .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: 16px
    }

    .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: 0;
        padding-right: 0
    }

    .hom-eve-lhs-2 {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .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 {
        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: 0 solid #dadada
    }

    .wed-foot-link div:last-child {
        border-right: 0 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 0 30px
    }

    .all-list-sh ul li {
        width: 100%
    }

    .list-bann img {
        height: 150px
    }

    .pg-list-1-left h3 {
        font-size: 20px;
        padding: 12px 0
    }

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

    .list-pg-write-rev form .col {
        display: contents
    }

    .list-pg-write-rev form .rating {
        margin: 0 0 10px
    }

    .ud-box-com-25 h4 {
        font-size: 9px
    }

    .ud-cen-s1-25 {
        margin: 40px 0 0;
        gap: 10px
    }

    .ud-box-com-25 {
        padding: 15px;
        border-radius: 8px
    }

    .ud-cen-s3 ul li {
        width: 100%
    }

    .ud-rhs-sec-2 ul li {
        width: 100%
    }

    .ud-cen-s3 ul li:nth-child(2n+2) div {
        margin: 0
    }

    .ud-payment .pay-lhs,.ud-pro-link .pay-lhs {
        width: 100%;
        margin-bottom: 15px
    }

    .ud-payment .pay-lhs img,.ud-pro-link .pay-lhs img {
        object-fit: cover;
        height: 135px;
        width: 135px;
        border-radius: 50%;
        margin: 0 auto;
        display: table;
        float: initial
    }

    .ud-payment .pay-rhs,.ud-pro-link .pay-rhs {
        width: 100%;
        padding-left: 0;
        text-align: center
    }

    .pay-rhs ul li:nth-child(2) {
        font-size: 18px
    }

    .ud-payment {
        box-shadow: 0 0 0 1px rgba(157,152,152,.06)
    }

    .top-noti,.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: 0 5px
    }

    .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:first-child 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 {
        padding-left: 0;
        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: 0
    }

    .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: 0 1px 19px 0 rgba(42,42,42,.08)
    }

    .us-pro-sec-1-rhs ul.lis-cou li {
        font-size: 12px;
        padding-right: 4px
    }

    .us-ppg-com ul li {
        width: 100%
    }

    .list-ban-btn ul li {
        margin: 8px 0
    }

    .list-ban-btn ul li .cta {
        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
    }

    .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 0;
        font-weight: 500
    }

    .ud-lhs-s1 h4 {
        font-size: 18px;
        padding-top: 0;
        margin-top: 15px
    }

    .job-list ul li {
        width: 100%
    }

    .all-jobs-ban h1 {
        font-size: 22px!important
    }

    .all-jobs-ban p {
        font-size: 14px
    }

    .job-counts {
        width: 95%;
        border: 1px solid #e6e5e5
    }

    .job-counts ul li {
        padding: 0 5px;
        width: 33.333%
    }

    .job-counts ul li h4 {
        font-size: 10px;
        letter-spacing: .5px
    }

    .sub-tit h2 {
        font-size: 24px
    }

    .hom2-hom-ban-main,.how-wrks {
        padding: 0 20px
    }

    .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: 0 0 15px
    }

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

    .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 .hcity div:first-child img {
    margin: 0
}

.demo .hcity div:first-child 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: 0
}

.demo .inte ul li div h4 {
    padding-bottom: 0
}

.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: 0
}

.form-group.floating>.tfix {
    top: 10px;
    left: 5px;
    position: absolute;
    background-color: #fff;
    font-size: 14px;
    transition: .1s;
    pointer-events: none;
    transform-origin: bottom left;
    text-transform: capitalize;
    padding: 0 10px
}

.form-control.floating:focus~.tfix {
    transform: translate(1px,-85%) scale(.8);
    color: #005ebf;
    background: #fff;
    top: 6px
}

.form-control.floating:valid~.tfix {
    transform-origin: bottom left;
    transform: translate(1px,-85%) scale(.8);
    top: 6px
}

.chosen-select {
    width: 100%;
    height: 40px;
    border: 1px solid #dfdfdf;
    font-size: 13px;
    padding-left: 10px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px
}

.chosen-select-deselect {
    width: 100%
}

.chosen-container {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    height: 44px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    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: 0 8px 16px -6px #0000003b;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    left: -9000px;
    z-index: 1060;
    padding: 6px
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: -2px;
    right: -2px
}

.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 9px;
    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: 14px;
    font-weight: 500;
    color: #000;
    border: 0;
    border-bottom: 1px solid #efefef;
    border-radius: 0;
    padding: 10px 10px 10px 15px;
    transition: all .3s ease;
    background: 0 0
}

.chosen-container .chosen-results li.highlighted {
    background-color: #e7fbe8;
    background-image: none;
    color: #2d8632
}

.chosen-container .chosen-results li:last-child.active-result {
    border-bottom: 0
}

.chosen-container .chosen-results li.highlighted em {
    background: 0 0
}

.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-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    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: 600;
    font-size: 14px
}

.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;
    border-color: transparent transparent #87949f;
    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;
    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;
    position: relative;
    height: 40px;
    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;
    background: 0 0;
    border: 0
}

.chosen-container-multi .chosen-choices .search-field input[type=text] {
    background: 0 0!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;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: default;
    line-height: 14px;
    margin: 3px 0 3px 5px;
    padding: 6px 20px 5px 7px;
    position: relative;
    font-size: 12px;
    background-color: #f1f1f1;
    color: #0070d2
}

.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: 9px;
    width: 12px;
    cursor: pointer
}
.login-reg-pg .bor-box .chosen-container{height: 102px;}
.login-reg-pg .bor-box .chosen-container-multi .chosen-choices{height: 100px;}
.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;
    opacity: 0
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none
}

.chosen-container-active .chosen-single {
    -o-transition: border linear .2s,box-shadow linear .2s
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -o-transition: border linear .2s,box-shadow linear .2s
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    line-height: 25px;
    padding: 7px
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: 0 0;
    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 .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
}

.modal-header .close,.pop-ups .close {
    border: 0;
    font-size: 20px;
    border-radius: 5px
}

.mob-me-fot i {
    border: 0;
    background: url(../images/icon/nav.png) no-repeat;
    border-radius: initial;
    width: 16px;
    height: 5px;
    padding: 0;
    display: inline-block;
    background-size: 16px;
    background-position: 0 0;
    font-size: initial;
    display: flex;
    margin-left: 4px;
    transition: all .5s ease
}

.mob-me-fot i:nth-child(2) {
    opacity: 1;
    transition-delay: 0.1s
}

.mob-me-fot i:nth-child(3) {
    margin-bottom: 3px
}

.mob-me-fot.act i:first-child {
    transform: translate3d(0,4px,8px) rotate(45deg)
}

.mob-me-fot.act i:nth-child(2) {
    opacity: 0
}

.mob-me-fot.act i:nth-child(3) {
    transform: rotate(-45deg);
    transform: translate3d(-2px,-6px,8px) rotate(-45deg)
}