ul{
    padding: 0px;
    margin: 0px;
}
li{
    list-style-type: none;
}
*{box-sizing: border-box;}
/* fallback */
@font-face{font-family:ElegantIcons;src:url(../css/icon_fonts/font/ElegantIcons.eot);src:url(../css/icon_fonts/font/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(../css/icon_fonts/font/ElegantIcons.woff) format('woff'),url(../css/icon_fonts/font/ElegantIcons.ttf) format('truetype'),url(../css/icon_fonts/font/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}
/*
@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")}*/
.icon-tools-2:before {
	font-family: 'ElegantIcons';
    content: "\61";    
    color: #fff;
}
.icon-close-2:before {
	font-family: 'ElegantIcons';
    content: "\51"; 
}
.material-icons {
    font-family: 'ElegantIcons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}
a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}
.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";
}

.addr:before, .pho:before, .mail:before{
    /* position: absolute; */
    /* width: 18px; */
    /* height: 18px; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    font-size: 20px;
}
.addr:before{
    content: 'location_on';
    margin: -3px 0px 0px -28px;
}
.pho:before{
    content: 'phone_iphone';
    margin: -4px 0px 0px -27px;
}
.mail:before{
    content: 'mail_outline';
    margin: -4px 0px 0px -28px;
}
/*-------------------------------------------------*/
/* =  2.PRE LOADING
/*-------------------------------------------------*/
#preloader, #loadingmessage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #143d4c9c;
    /* change if the mask should have another color then white */
    z-index: 99999;
    /* makes sure it stays on top */
}

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

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

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.status_message{
    background: #21d78d;
    padding: 10px 40px;
    border-radius: 0 0 5px 5px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: 0px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top,#0cc87c,#21d78d 70%);
    color: #fff;
    font-size: 13.5px;
}
label.error{
    color: #ff1d1d;
    font-size: 12px;
    margin-bottom: 0px;
}
.spa-first-review {
    border: 1px solid #d3e0e9;
    border-radius: 4px;
    background: #f0f9ff;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
}
div#review_success {
    border: 1px solid #91ff94;
    border-radius: 4px;
    background: #e5ffe5;
    padding: 20px;
    margin: 15px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    color: #007c03;
}
#home_enq_success{    background: #e1ffec;
    border: 1px solid #6acc8e;
    padding: 7px;}
#home_enq_success p{
    color: #1ca54e;
    margin: 0px;
    font-size: 13px;
    font-weight: 500;    
}
.log p{
}
.login-reg .log p{
}
.log-suc p{
    border: 1px solid #d3e9d7;
    border-radius: 4px;
    background: #f0fff5;
    padding: 8px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #1a863e;
    font-size: 12px;
    font-weight: 500;
}
.log-error p{
    border: 1px solid #e9d3d3;
    border-radius: 4px;
    background: #fff2f0;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #861a1a;
}
div#event_detail_enq_success p{
    border: 1px solid #1e910a;
    border-radius: 4px;
    background: #1e700f;
    padding: 15px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
}
.lhs-cate .dropdown select{
    background: #e8eaed;
    border: 0px;
    font-size: 15px;
    padding: 12px 18px;
    color: #0a0a0b;
    width: 100%;
    border-radius:5px;
    font-weight: 500;
    float: left;
}

.hm3-auto-ban{position: relative;}
.hm3-auto-ban .lhs{
    float: left;
    width: 60%;
    padding: 90px 50px 0px 100px;
    position: relative;
    color: #fff;
}
.hm3-auto-ban .lhs span{
    /* background: #1d9ad6; */
    color: #44b2f3;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 6px;
}
.hm3-auto-ban .lhs h1{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
}
.hm3-auto-ban .lhs h1 b{
    color: #44b2f3;
}
.hm3-auto-ban .lhs h4{}
.hm3-auto-ban .lhs p{
    padding-bottom: 15px;
}
.hm3-auto-ban .lhs a{
    background: #fba304;
    color: #000;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    border: 1px solid #fba304;
    display: inline-block;
    font-weight: 600;
}
.hm3-auto-ban .lhs a:hover{
    background: #f7b846;
    border: 1px solid #f7b846;
    box-shadow: 0px 4px 20px -4px #15212f;
}
.hm3-auto-ban .rhs{
    float: left;
    width: 40%;
    padding: 0px 100px 0px 0px;position: relative;
}
.hm3-auto-ban .rhs .hom-col-req{
    margin: 0px;
    box-shadow: 0 -7px 18px -5px rgb(0 0 0 / 76%);
    border-radius: 0px;
    background: url(../images/city-bg.png) no-repeat #fff;
    background-position: right bottom;
    background-size: 100%;    
}
.hm3-auto-ban .rhs .hom-col-req form{padding: 15px 35px 30px 35px;}
.hm3-auto-ban .rhs .hom-col-req h4{color: #000;font-size: 18px;font-family: 'Poppins';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-family: 'Poppins';
    font-size: 13px;
}
.hm3-auto-ban .rhs .hom-col-req input{}
.hm3-auto-ban .rhs .hom-col-req select{}
.hm3-auto-ban .rhs .hom-col-req textarea{
    height: 54px;
}
.hm3-auto-ban .rhs .hom-col-req button{
    font-size: 14px;
}
.hm3-auto-ban:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(to right,#030b19d6,#00000024);
}

/*-------------------------------------------------*/
/* = SEARCH RESULTS
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/* = 4.DESKTOP MENU
/*-------------------------------------------------*/

.pulse {
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 1.5s infinite;
}
.pulse:hover {
    animation: none;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255);
        box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
        box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

/*-------------------------------------------------*/
/* =  DASHBOARD MESSAGE
/*-------------------------------------------------*/
.msg-op{
     transition: all 0.5s ease;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 0px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 450px;
    height: 98%;
    top: 5px;
    z-index: 99;
    overflow: hidden;
}
.msg-op.msg-sho-act{right: 5px;}
.msg-op .inn{}
.msg-op .s1, .msg-op .s2, .msg-op .s3{float: left;width: 100%;}
.msg-op .s1{
    padding-bottom: 15px;
}
.msg-op .s1 img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}
.msg-op .s1 .chosen-container{
    width: 300px !important;
    border: 0px;
    margin-top:-5px;
}
.msg-op .s1 .chosen-container .chosen-single span{font-weight: 600;}
.msg-op .s1 .chosen-container-active.chosen-with-drop .chosen-single, .msg-op .s1 .chosen-container.chosen-container-single.chosen-container-active{border: 0px;border-radius: 0px;box-shadow: none;}
.msg-op .s1 h4{
    font-size: 12px;
    float: left;
    padding: 2px 0px 0px 12px;
    color: #969696;
}
.msg-op .s1 h4 b{
    display: block;
    color: #000;
    font-size: 16px;
    padding-bottom: 4px;
}
.msg-op .s2{
    background: #f3f6fa;
    padding: 15px 15px 140px 15px;
    position: absolute;
    left: 0px;
    top: 70px;
    height: 78%;
    bottom: 0px;
    overflow-y: auto;
    border-top: 1px solid #eaecf0;
}
.msg-op .s2 .chat-con{
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 12px;
}
.msg-op .s2 .chat-lhs, .msg-op .s2 .chat-rhs{
    font-size: 13px;
    font-weight: 400;
    background: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    line-height: 19px;
    box-shadow: 0px 1px 4px -1px #191b381f;
    position: relative;
}
.msg-op .s2 .chat-lhs:before, .msg-op .s2 .chat-rhs:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    box-shadow: 0px 1px 2px -1px #191b381f;
    top: 7px;
    transform: rotateZ(45deg);
}
.msg-op .s2 .chat-lhs:before{
left: -5px;
}
.msg-op .s2 .chat-rhs:before{
    right: -5px;
    background: #1795f9;
}
.msg-op .s2 .chat-lhs{
    float: left;
}
.msg-op .s2 .chat-rhs{
    float: right;
    background: #1795f9;
    color: #fff;
}
.msg-op .s3{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #d9dfe7;
    padding: 15px;
}
.msg-op .s3 form{}
.msg-op .s3 form textarea{
    resize: none;
    height: 52px;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    border-radius: 5px 0px 0px 5px;
    border: 0px;
    width: 320px;
    float: left;
    font-weight: 500;
}
.msg-op .s3 form button{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 0px 5px 5px 0px;
    text-transform: uppercase;
    background: #2196F3;
    border: 0px;
    width: 100px;
    float: left;
    height: 52px;
}
.msg-op .s3 form button i{    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 18px;}

.all-list-pro-bad .by{
    background: #43a463;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
    position: relative;
}

.list-ri-peo-like{
    position:relative;
    background: url(../images/home-bg.jpg) no-repeat #424647;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    background-size: cover;
}
.list-ri-peo-like:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,#fcddddbf,#0000006b 100%);
    border-radius: 5px;
    transition: all 0.5s ease;
    left: 0px;
    top: 0px;
}
.list-ri-peo-like h3{
    padding: 5px 20px 18px 20px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: relative;
}
.list-ri-peo-like ul{
    margin: 0 auto;
    display: table;
    padding-left: 20px;
}
.list-ri-peo-like ul li{
    float: left;
    margin-left: -20px;
}
.list-ri-peo-like ul li a{
    /* position: relative;
     */
    /* width: 32px;
     */
    /* height: 32px;
     */
    /* display: inline-table;
     */
}
.list-ri-peo-like ul li a img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    transition: all 0.5s ease;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.8);
}
.list-ri-peo-like ul li a img:hover{
    transform:scale(1.4);
}
.list-rhs-form{
    background: #ffffff;
    /* border: 0px; */
    padding-bottom: 0px;
}
.list-rhs-form .quote-pop{padding: 0px;}
.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: 20px;
    padding-left: 40px;
}
.list-rhs-form .form-group:before{
    margin: 7px 0px 0px 15px;
    color: #2196F3;
}
.list-rhs-form .quote-pop textarea{
    border: 1px solid #e1e4e6;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
}
.list-rhs-form .quote-pop .btn{width: 100%;background: #F44336;border: 0px;font-weight: 700;opacity: 1;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;padding: 10px 10px;border-radius: 2px;font-family: 'Quicksand', sans-serif;border-radius: 20px;}
.list-pg-lt .pglist-p-com:nth-child(1) p:last-child{
    margin-bottom:0px;
}
.list-pg-lt .pglist-p-com:nth-child(2){
    padding-bottom:12px;
}
.mob-menu{
}
.mob-me-ic{
    position: absolute;
    left: 8px;
    top: -3px;
    display:none;
    /* z-index: 9; */
}
.mob-me-ic i{    
    font-size: 46px;
    border-radius: 2px;
    color: #fff;
}
.mob-me-all{
    position: fixed;
    width: 100%;
    right: -100%;
    top: 0px;
    bottom: 0px;
    background: #fff;
    padding: 0px 40px 40px 40px;
    overflow-y: auto;
    transition: all 0.5s ease;
}
.mob-me-all.mobmenu-show{
    right: 0%;
    transition: all 0.5s ease;
}
.mob-me-all h4{
    font-size: 16px;
    margin-top: 40px;
    font-weight: 700;
}
.mob-me-all ul{
}
.mob-me-all ul li{
}
.mob-me-all ul li a{
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
.mv-bus{
}
.mob-me-clo{
    position: absolute;
    right: 25px;
    top: 8px;
    z-index: 900;
	
	border-radius:35px;width:35px;height:35px;
    text-align: center;
    padding-top: 2px;
}
.mob-me-clo i{color: #f00;text-align: center;font-size:30px}
.mv-pro.ud-lhs-s1 {
    padding: 30px 0px 0px 0px;
}
.mv-pro{
    cursor:pointer;
}
.mv-pro-menu{
    display:none;
    padding-top: 15px;
}
.mv-pro-menu.ud-lhs-s2{
}
/*-------------------------------------------------*/
/* REVIEWS
/*-------------------------------------------------*/
.rating {
    border: none;
    float: left;
    height: 45px;
    margin: 0px 0px 10px 14px;
}
.rating > input {
    display: none;
}
.rating > label:before {
    margin: 0px;
    font-size: 30px;
    font-family: Material Icons;
    display: inline-block;
    content: "star";
    color: currentColor;
}
.rating > .half:before {
    content: "star_half";
    position: absolute;
}
.rating > label {
    color: #ddd;
    float: right;
    width: 28px;
    cursor: pointer;
}
.rating > input:checked ~ label,
    /* show gold star when clicked */
.rating:not(:checked) > label:hover,
    /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}
/* hover previous stars in list */
.rating > input:checked + label:hover,
    /* hover current star when changing rating */
.rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label,
    /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}
.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}
.rating > label.full{
}
.rating > label.half{
}

/*-------- RELATED LISTING -----------*/
.list-det-rel-pre{
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}
.list-det-rel-pre h2{
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
}
.list-det-rel-pre ul{}
.list-det-rel-pre ul li{
    float: left;
    width: 33.333%;
    padding: 10px 10px;
}
.list-det-rel-pre ul li .land-pack-grid{
    margin: 0px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.10);
}
.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img{position: relative;}
.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2432405e;
    left: 0px;
    transition: all ease 0.5s;
    background: linear-gradient(to bottom, #ffffff00, #0b253aba);    
}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all{
    padding: 0px 15px 7px 15px;
    position: absolute;
    top: -33px;
}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all b{
    font-size: 12px;
    padding: 0px 4px;
    /* filter: drop-shadow(0px 0px 1px black); */
}
.list-det-rel-pre ul li .land-pack-grid .rat{
    padding: 1px 0px 0px 5px;
}
.list-det-rel-pre ul li .land-pack-grid .rat i{
    font-size: 12px;
    color: #FF9800;
    font-size: 16px;
    width: 10px;
    filter: drop-shadow(0px 0px 1px black);
    /* box-shadow: 0px 0px 1px black; */
}
.list-det-rel-pre ul li .land-pack-grid .rat i.ratstar{color: #fff;}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all span{}

/*-------------------------------------------------*/
/* = PRICING
/*-------------------------------------------------*/
.tit{
    text-align: center;
    width: 100%;
    margin: 0px 0px 40px 0px;
}
.tit h2{
    font-size: 17px;
    font-weight: 400;
}
.tit h2 span{
    font-size: 36px;
    font-weight: 700;
    display: block;
}
.tit p{
    font-size: 16px;
    line-height: 26px;
    color: #424c59;
    font-weight: 400;
}
.pri{
    padding: 130px 0 120px 0;
    background: #f7fcff;
    background: linear-gradient(to bottom,#f1f8fd75,#edf6fd 100%);
}
.pri ul{
}
.pri ul li{
    float: left;
    width: 25%;
    /* background: #ffffff;
     */
    /* padding: 20px;
     */
    /* margin: 0px 15px 30px 15px;
     */
    border-radius: 4px;
    /* border: 1px solid rgba(37, 193, 111, 0.16);
     */
    transition: all 0.4s;
}
.pri ul li div{
    float: left;
    width: 94%;
    text-align: center;
}
.pri-box{
    background: #ffffff;
    /* padding: 20px;
     */
    margin: 0px 3% 30px 3%;
    /* border-radius: 4px;
     */
    border: 1px solid rgb(232, 237, 241);
    transition: all 0.4s;
}
.pri-box:hover .c3 a{
    color: #ffffff;
    border: 1px solid #25c16f;
    background: #25c16f;
}
.pri-box .c2{
    background: #fff5b0;
    padding: 20px;
    width: 100%;
}
.pri-box .c2 h4{
    text-transform: uppercase;
    color: #4d4d4d;
    padding-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
}
.pri-box .c2 p{
    margin: 0px;
    font-weight: 300;
    font-size: 14px;
}
.pri-box .c3{
    padding: 20px 20px;
    width: 100%;
}
.pri-box .c3 h2{
    font-size: 36px;
    font-weight: 700;
}
.pri-box .c3 h2 span{
}
.pri-box .c3 p{
    margin: 0px;
    margin-bottom: 20px;
}
.pri-box .c3 a{
    /* background: #F44336;
     */
    /* color: #fff;
     */
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1a2a38;
    border: 1px solid #4CAF50;
    letter-spacing: 1px;
    display: inline-block;
}
.pri ul li:nth-child(3) .pri-box{
    box-shadow: -1px 0px 17px -10px rgba(31, 62, 77, 0.45);
    transition: all 0.4s;
    background: #fffbde;
    z-index: 99;
    border: 1px solid rgb(227, 227, 227);
}
.pri ul li:nth-child(3) .pri-box .c3 a{
    color: #ffffff;
    border: 1px solid #25c16f;
    background: #25c16f;
}
.pri-box .c4{
    padding: 7px 20px 20px 20px;
    width: 100%;
}
.pri-box .c4 ol{
    padding: 0px;
    border-top: 1px solid #25c16f1a;
    padding-top: 20px;
    /* position: relative;
     */
}
.pri-box .c4 ol li{
    width: 100%;
    text-align: left;
    padding-bottom: 12px;
    font-size: 15px;
    color: #334e59;
    font-weight: 500;
    padding-left: 35px;
    box-sizing: border-box;
    border: 0px;
    background: none;
    position: relative;
}
.pri-box .c4 ol li:before{
    content: "check";
    font-size: 12px;
    padding: 1px;
    width: 15px;
    height: 15px;
    color: #ffffff;
    font-weight: 500;
    left: 8px;
    top: 0px;
    background: #89e1a8;
    border-radius: 50px;
    box-sizing: border-box;
    line-height: 14px;
}
.pri-box .c4 ol li.no:before{
    content: "close";
    color: #ffffff;
    background: #f87f95;
}
.pri-box .c4 ol li.co:before{
    background: #f8d37f;
}
.pri-box .c5{
    padding: 0px 20px 30px 20px;
    width: 100%;
}
.pri-box .c5 a{
    background: #25c16f;
    color: #fff;
    padding: 8px 20px;
    border-radius: 2px;
    display: inline-block;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}
.pri-box .c5 a:hover{background: #19a75c;}
.login-reg{
    padding: 130px 0 180px 0;
    background: url(../images/face.jpg) #edf6fd;
    position: relative;
    background-size: 380px;
}
.login-reg:before{
    content: '';
    position: absolute;
    background: rgba(33, 48, 59, 0.73);
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
}
.login-main{
    -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(0, 0, 0, 0.85);
    background: #fff;
    width: 460px;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 5px;
}
.log{
}
.log h4{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
}
.log p{
    font-size: 14px;
    text-align: center;
    color: #81898d;
}
.log div input, .log div select{
    height: 50px;
    border: 1px solid #f1eae5;
    font-size: 15px;
    font-weight: 500;
}
.form-control option{
    font-size:13px;
    font-weight:500;
}
.login-reg{
}
.login-reg .tit{
}
.login-reg .tit h2{
}
.login-reg .tit p{
}
.log div button.btn{
    width: 100%;
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}
.log div a.btn{
    width: 100%;
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}
.login{
    padding: 40px;
    position: relative;
    float:left;
    width: 100%;
}
.log-bot{
    background: #f9faff;
    border-radius: 0 0 8px 8px;
    padding: 15px 0px;
    float: left;
    width: 100%;
}
.log-bot ul{
    margin: 0 auto;
    display: table;
}
.log-bot ul li{
    float: left;
    padding: 0px 8px;
}
.log-bot ul li span{
    color: #47b5ff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.log-bor{
    background: #4c7af1;
    background-image: linear-gradient(-71deg,#4c7af1,#7fccbb 95%);
    height: 10px;
}
.pop-ups .log-bor{
    height: 6px;
}
.pop-ups .form-control{
    font-size: 14px;
    font-weight: 500;
}
.pop-ups .udb-inst{
    font-size:11px;
}
.ud-cen .log-bor{
    height:6px;
    border-radius: 3px 3px 0 0;
}
.ud-cen .rat i{
    color: #51c0ff;
    font-size: 16px;
    width: 15px;
}
.ud-cen .rat{
}
.log-2, .log-3{
    display:none;
}
.login-main.add-list{
    width:60%;
}
.add-list .log div input, .add-list .log div select{
    font-size:14px;
}
.add-list textarea{
    height: 120px;
    border: 1px solid #f1eae5;    font-size: 13px
}
.add-list label{
    font-size:14px;
}
.add-list .chbox input[type="checkbox"]{
    height:auto;
}
.add-list .steps, .udb-inst{
    position: relative;
    margin: 0 auto;
    display: table;
    background: #06d7bb;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 2px 10px;
    line-height: 20px;
    border-radius: 4px;
    margin-top: -16px;
    letter-spacing: 2px;
}
.foot-supp{
}
.foot-supp h2{
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}
.foot-supp h2 span{
    font-weight: 300;
    padding-right: 5px;
}
.foot-count{
    border-top: 1px dashed #5d5b5b;
    padding: 35px 0px 0px 0px;
    margin-top: 20px;
}
.foot-count ul{
    margin:0 auto;
    display:table;
}
.foot-count ul li{
    float: left;
    font-size: 14px;
    padding: 0px 15px;
    border-right: 1px dashed #5d5b5b;
    line-height: 15px;
    text-align: center;
    font-weight: 500;
    color: #7a6a5c;
    line-height: 18px;
}
.cr{
    background: #040404;
    float: left;
    width: 100%;
}
.cr p{
    width: 100%;
    text-align: center;
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 0px;
    color: #676565;
}
.cr p a{
    color: #676565;
    text-decoration: underline;
}
/*-------------------------------------------------------*/
/* ADD LISTING STEPS
/*-------------------------------------------------------*/
.add-list-ste{
    width: 100%;
    margin-bottom: 30px;
}
.add-list-ste-inn{
}
.add-list-ste-inn ul{
    margin: 0 auto;
    display: table;
    position: relative;
}
.add-list-ste-inn ul:after{
    content:'';
    position:absolute;
    width: 90%;
    height: 2px;
    background: #ededed;
    left: 5%;
    top: 41px;
    z-index: 1;
}
.add-list-ste-inn ul li{
    float: left;
    text-align: center;
    margin: 0px 10px;
    z-index: 2;
    position: relative;
}
.add-list-ste-inn ul li a{
    text-align: center;
    background: #ededed;
    float: left;
    border-radius: 50px;
    color: #333;
    width: 80px;
    height: 80px;
    padding: 16px 0px 0px 0px;
}
.add-list-ste-inn ul li a:hover{
    background: #a5b6af;
    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{
    background: #21d78d;
    color: #fff;
}
.add-list .skip{
    text-align: center;
    display: block;
    padding-top: 20px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    border-top: 1px solid #e1dede;
    margin-top: 30px;
}
.add-list button.btn{
    margin-top:25px;
}
.add-list .img-name{
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}
.add-list-off{
}
.add-list-off ul li{
    border: 1px solid #f1eae5;
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 2px;
    background: #fefaf7;
}
.add-prod-high-oth{
    padding: 0px;
    margin-top: 25px;
}
.add-prod-high-oth ul li{
    margin-bottom: 15px;
    padding: 20px;
}
.add-prod-high-oth .form-group, .add-prod-oth .form-group{margin: 0px;}
.add-prod-oth{padding: 25px 25px 0px 25px;margin-top: 35px;background: #fff;margin-bottom: 25px;border: 1px  solid #f4eeea;}
.add-prod-oth ul{}
.add-prod-oth ul li{
    background: none;
    border: 0px;
    padding: 0px;
}
.add-prod-oth ul li input{}
.add-prod-oth ul li i{
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 12px;
    color: #21d78d;
}
.add-list-add-btn{
    position: absolute;
    right: 64px;
    top: 0px;
    font-size: 30px;
    border: 1px solid #1470cc;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
    cursor: pointer;
    color: #1470cc;
    /* padding-left: 2px; */
}
.add-list-rem-btn{
    position: absolute;
    right: 23px;
    top: 0px;
    font-size: 30px;
    border: 1px solid #1470cc;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
    cursor: pointer;
    color: #1470cc;
    padding-left: 5px;
}
.pt30{
    padding-top:30px;
}
.add-lis-oth{
}
.add-lis-oth i{
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 18px;
    color: #21d78d;
}
.log .add-lis-oth input{
    border: 0px;
    border-bottom: 1px solid #e4e6f2;
    padding-left: 0px;
    text-transform: capitalize;
}
.add-lis-done{
}
.add-lis-done h4{
    font-size: 42px;
    margin-bottom: 5px;
    color: #000;
}
.add-lis-done .succ{
    background: #21d78d;
    color: #fff;
    margin: 0 auto;
    display: table;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    font-size: 90px;
    font-weight: 700;
    padding: 25px;
    box-shadow: 0px 3px 13px -4px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}
.add-lis-done p{
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 15px;
}
/*-------------------------------------------------------*/
/* DASHBOARD
/*-------------------------------------------------------*/
.ud{
    padding: 10px 0px 10px 0px;
    transition: all 0.5s ease;
    background: #f5f6fa;
}
.ud.op1{
    opacity:0.1;
    transition: all 0.5s ease;
}
.ud-inn{
    width: 100%;
    margin: 0 auto;
    display: table;
}
.ud-enqu .ud-cen{
    width: 82%;
    margin: 0px 0% 0px 2%;
}
.ud-enqu .ud-rhs{
    display:none;
}
.db-open .bl{
    display:none;
}
.db-open .al{
    display:block;
}
.db-menu{
    position: absolute;
    background: #fff;
    width: 225px;
    padding: 15px 20px;
    box-shadow: 0px 10px 7px 2px rgba(157, 152, 152, 0.21);
    margin: -1px 0px 0px 0px;
    display: none;
}
.db-menu ul{
}
.db-menu ul li{
}
.db-menu ul li a{
    color: #000;
    font-weight: 500;
    font-size: 13px;
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #f1efec;
}
.db-menu ul li a img{
    width: 20px;
    margin-right: 15px;
}
.db-menu ul li a:before{
    content:'';
    position:absolute;
    width:4px;
    height: 22px;
    background: #fff;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}
.db-menu ul li a:hover{
    padding-left: 18px;
    color: #2783d1;
    background: linear-gradient(to left,#fff,#e4f1fc 70%);
}
.db-menu ul li a:hover:before{
    content:'';
    position:absolute;
    width:4px;
    height: 22px;
    background: #404a5a;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}
.db-menu ul li:last-child a{
    border-bottom:0px;
}
.ud-lhs{
    float: left;
    width: 19%;
    /* border-right: 1px solid #d9dde0; */
    /* background: #ffffff; */
    /* box-shadow: 0px 1px 30px -16px #000000ab; */
    /* position: fixed; */
    /* left: 0px; */
    /* top: 57px; */
    /* bottom: 0px; */
    /* height: 100%; */
    /* z-index: 9; */
    padding: 40px 0px 0px 30px;
}
.ud-lhs-s1{
    position: relative;
    overflow: hidden;
    background: #fff;
    float: left;
    text-align: center;
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    border-radius: 4px;
    margin-bottom: 15px;
    width: 100%;
    padding-bottom: 15px;
}
.ud-lhs-s1:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100px;
        background: url(../images/face.jpg) #053050;
        background-size: 101px;
        filter: brightness(0.3);
        left: 0px;
}
.ud-lhs-s1 img{
    width: 120px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    /* float: left; */
    /* margin-right: 10px; */
    height: 120px;
    position: relative;
    margin-top: 30px;
}
.ud-lhs-s1 h4{
    font-size: 18px;
    line-height: 15px;
    font-weight: 700;
    padding-top: 15px;
    text-align: center;
    display: block;
    float: left;
    width: 100%;
    color: #404a5a;
}
.ud-lhs-s1 b{
    padding: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #6b7884;
    line-height: 15px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.ud-lhs-s1 .ud-lhs-view-pro{
    display: table;
    margin: 0 auto;
    background: #06d7bb;
    color: #fff;
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 2px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
}
.ud-lhs-s2{float: left;width: 100%;/* background: #fff; *//* border: 1px solid #e6e6e6; *//* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); *//* padding: 12px; */overflow: hidden;overflow-y: auto;}
.ud-lhs-s2 ul{
}
.ud-lhs-s2 ul li{}
.ud-lhs-s2 ul li a{
    color: #738196;
    font-weight: 700;
    font-size: 14px;
    display: block;
    padding: 7px 17px;
    /* border-bottom: 1px solid #d9dde0; */
    font-family: 'Quicksand', sans-serif;
}

.ud-rhs-sec-3{display: none;}
.cre-dup-form{
    display:none;
}
.cre-dup{
    margin-bottom: 25px;
}
.cre-dup a{
    width: 100%;
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.cre-dup span{
    width: 100%;
    background: #7fccbb;
    border: 0px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.ud-lhs-s2 ul li a.db-lact{
    padding-left: 18px;
    color: #404a5a;
    background: #e4f1fc;
    background: linear-gradient(to left,#f5f6fa,#e4f1fc 70%);
}
.ud-lhs-s2 ul li a.db-lact:before{
    content:'';
    position:absolute;
    width:4px;
    height: 22px;
    background: #404a5a;
    margin: 0px 0px 0px -18px;
    transition: all 0.5s ease;
}
.ud-lhs-s2 ul li a:hover{
    padding-left: 18px;
    color: #404a5a;
    /* background: #cbe7ff; */
}
.ud-lhs-s2 ul li a.db-lact:before, .ud-lhs-s2 ul li a:hover:before{
    /* content:''; */
    /* position:absolute; */
    /* width:4px; */
    /* height: 22px; */
    /* background: #ffb100; */
    /* margin: 0px 0px 0px -18px; */
    /* transition: all 0.5s ease; */
}
.ud-lhs-s2 ul li a img{
    width: 28px;
    margin-right: 15px;
    /* filter: drop-shadow(2px 4px 6px black); */
    /* background: #bce0ff; */
    padding: 3px;
    border-radius: 2px;
    margin-top: -2px;
}
.ud-cen{
    float: left;
    width: 57%;
    margin: 40px 2% 0px 2%;
    background: #fff;
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    /* padding: 30px;
     */
}
.ud-rhs{
    float: left;
    width: 20%;
    padding: 40px 20px 0px 0px;
}
.cd-cen-intr{
    padding: 50px 30px 0 30px;
}
.cd-cen-intr-inn{
    padding: 30px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: #5433FF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #A5FECB, #429dde, #7b4ffc);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #A5FECB, #429dde, #7b4ffc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cd-cen-intr-inn:before{
    left: 0px;
    content: '';
    position: absolute;
    width: 190px;
    height: 171px;
    background: url(../images/quote.png) no-repeat;
    z-index: 9;
    bottom: 0px;
    background-size: cover;
    filter: saturate(0.7);
}
.cd-cen-intr h2{
    /* color: #e26363; */
    font-size: 20px;
}
.cd-cen-intr p{
    margin: 0px;
    /* color: #4994d6; */
    font-size: 13px;
}


.ud-cen-s1{
    float: left;
    width: 100%;
    /* margin-bottom: 50px;
     */
    padding: 30px;
}
.ud-cen-s1 h2{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ud-cen-s1 ul li{
    float: left;
    width: 33.3333%;
    /* text-align: center; */
}
.ud-cen-s1 ul li div{
    border-radius: 5px;
    padding: 15px;
    background: #e6f7ff;
    background-size:cover;
    position: relative;
    color: #333;
    transition: all 0.5s ease;
    /* border: 1px solid #deeaf0; */
    /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05); */
    /* margin: 5px; */
}
.ud-cen-s1 ul li div:hover{
    background: #d0f6f1;
    /* color: #fff; */
}
.ud-cen-s1 ul li div:hover b{
    background: #06d7bb;
    color: #fff;
}
.ud-cen-s1 ul li:nth-child(2) div{
    margin: 0px 7px;
    /* background: url(../images/listings/bike1.jpg) no-repeat; */
    /* background-size:cover; */
}
.ud-cen-s1 ul li:nth-child(3) div{
    /* background: url(../images/listings/re7.jpg) no-repeat; */
    /* background-size:cover; */
}
.ud-cen-s1 ul li div:before{
    /* content:''; */
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background: #ffeee5;
    background: linear-gradient(to bottom,#ff8d8dc9,#00000057 70%);
    border-radius: 4px;
}
.ud-cen-s1 ul li div h4{
    font-size: 15px;
    font-weight: 700;
    position: relative;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* margin-top: 20px; */
    padding: 0px 0px 0px 65px;
    margin-bottom: 4px;
}
.ud-cen-s1 ul li div p{
    font-weight: 400;
    position: relative;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding: 0px 0px 0px 65px;
    margin: 0px;
}
.ud-cen-s1 ul li div b{
    font-size: 32px;
    font-weight: 600;
    line-height: 50px;
    position: absolute;
    background: #404a5a;
    width: 50px;
    height: 50px;
    border-radius: 0px;
    color: #fff;
    top: 8px;
    text-align: center;
    transition: all 0.5s ease;
}
.ud-cen-s1 ul li div a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
.ud-cen-s2 {
    overflow: hidden;
    overflow-x: auto;
}
.ud-cen-s2, .ud-cen-s3{
    float: left;
    width: 100%;
    position: relative;
    padding: 30px;
}
.ud-cen-s3{
    padding-bottom: 0px;
    /* display: none; */
}
.ud-cen-s4{
    padding-bottom: 15px;
    /* display: none; */
}
.nav-tabs .nav-link{
font-size: 12px;
    font-weight: 600;    
}
.ud-cen-s2 h2, .ud-cen-s3 h2{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}
.ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn{
    position: absolute;
    right: 35px;
    top: 28px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px 10px;
    background: #404a5a;
    color: #fff;
    font-size: 12px;
    background: #485563;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #697480, #9ba3ab);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #697480, #9ba3ab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.ud-cen-s2 a.db-tit-btn-1{
    right: 160px;
}
.ud-cen-s2 a.db-tit-btn-2-ads{
    right: 215px;
}
.ud-cen-s2 table{
    width: 100%;
}
.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}
.form-group {
    float: left;
    width: 100%;
}
.ud-cen-s3 ul{
}
.ud-cen-s3 ul li{
    float: left;
    width: 33.333%;
    margin-bottom: 15px;
}
.ud-cen-s3 ul li .db-eve{
    background: #fff;
    padding: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
}
.ud-cen-s3 ul li .db-eve:hover{
    transform: scale(1.02);
    box-shadow: 0px 12px 9px -7px rgba(150, 150, 150, 0.59);
}
.ud-cen-s3 ul li .db-eve a{
}
.ud-cen-s3 ul li .db-eve a img{
    width: 100%;
    float: left;
    object-fit: cover;
    height: 135px;
    transition: all 0.5s ease;
}
.ud-cen-s3 ul li .db-eve a h5{
    margin-bottom: 0px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 15px;
    float: left;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.ud-cen-s3 ul li .db-eve a span{
    font-size: 8px;
    color: #ffffff;
    padding: 2px 6px;
    display: inline-block;
    /* width: 100%;
     */
    font-weight: 500;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #3f57e0;
    border-radius: 10px;
}
.ud-rhs{
}
.ud-rhs ul li:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border:0px;
}
.ud-rhs h4{
    font-size:16px;
    margin-bottom:20px;
}
.ud-rhs-sec-1 ul{
    min-height: 100px;
    max-height: 265px;
    overflow-y: hidden;    
}
.ud-rhs-sec-1 ul:hover{
    overflow-y: auto;    
}
.ud-rhs-sec-1 h4{
}
.ud-rhs-sec-1, .ud-rhs-sec-2, .ud-rhs-sec-3, .ud-rhs-sec-4{
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f2f3f3;
    /* margin-bottom: 40px; */
    /* box-shadow: 0px 0px 11px -1px rgba(224, 224, 224, 0.69);
     */
    border-radius: 8px;
    /* padding: 25px;
     */
    /* border-top: 4px solid #7fccbb;
     */
    /* background: #fff; */
    border: 1px solid #e6e6e6;
    /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); */
}
.ud-rhs-sec-1 ul, .ud-rhs-sec-2 ul, .ud-rhs-sec-3 ul, .ud-rhs-sec-4 ul{
    padding:25px;
}
.ud-rhs-sec-1{
    padding: 0px;
}
.ud-rhs-sec-1 ul{
}
.ud-rhs-sec-1 ul li{
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 12px;
    transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li:hover{
    padding-left:6px;
    transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li:hover h5{
    color:#297bbb;
    transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li a{
    color: #333;
}
.ud-rhs-sec-1 ul li a h5{
    font-size: 12.5px;
    font-weight: 700;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #000;
}
.ud-rhs-sec-1 ul li a p{
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin: 0px;
    font-weight: 400;
}
.ud-rhs-sec-1 h4, .ud-rhs-sec-2 h4, .ud-rhs-sec-3 h4, .ud-rhs-sec-4 h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    background: #253d52;
    padding: 15px 25px;
    color: #fff;
    font-weight: 700;
}
.ud-rhs-sec-2{
    padding: 0 0 15px 0;
    /* display: none; */
    margin-bottom: 20px;
}
.ud-rhs-sec-2 ul{
    float: left;
    width: 100%;
    padding: 0px;
}
.ud-rhs-sec-2 ul li{
    padding: 15px 15px 5px 15px;
}
.ud-rhs-sec-2 ul li a{
}
.ud-rhs-sec-2 ul li a img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}
.ud-rhs-sec-2 ul li a h5{
    font-size: 13px;
    /* float: left;
     */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
}
.ud-rhs-sec-2 ul li a p{
    font-size: 10px;
    line-height: 15px;
    white-space: pre;
    overflow: hidden;
    font-weight: 400;
    color: #8d8a8a;
    margin-bottom: 0px;
}
.ud-rhs-sec-2 ul li a p b{
    font-weight: 600;
    color: #505658;
}
.ud-rhs-sec-3 .list-ri-peo-like ul li{
    margin-left: 0px;
    padding: 3px;
    float: left;
    width: 20%;
}
.ud-rhs-sec-3 .list-ri-peo-like ul{
    padding:0px;
}
.ud-rhs-sec-3 ul li .eve-box-list{
    border: 0px;
    padding: 0px;
    box-shadow: none;
}
.ud-rhs-sec-3 ul li .eve-box-list img{
    width: 49px;
    height: 49px;
}
.ud-rhs-sec-3 ul li .eve-box-list h4{
    margin: 5px 0px 4px 0px;
    font-size: 13px;
    padding: 0px;
    background: none;
}
.ud-cen-s3 ul li:nth-child(2n+2) div{
    margin: 0px 10px;
}
.ud-rhs-sec-3 ul li .eve-box-list p{
    font-size: 11px;
}
.ud-rhs-sec-3 ul li .eve-box-list span{
    font-size: 10px;
    padding: 0px 8.5px;
    bottom: 0px;
}
.ud-rhs-sec-3 ul li .eve-box-list span b{
}
.ud-rhs-sec-3 ul li .eve-box-list a{
}
.ud-rhs-promo{
    background: url(../images/promo.jpg) no-repeat;
    background-size: cover;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    color: #fff;
    float: left;
    width: 100%;
}
.ud-rhs-promo:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cac42680;
    left: 0px;
    top:0px;
    right:0px;
    bottom: 0px;
    border-radius: 10px;
}
.ud-rhs-promo:hover a{
    background: #FF9800;
    color: #fff;
}
.ud-rhs-promo h3{
    font-size: 26px;
    /* font-weight: 600; */
}
.ud-rhs-promo p{
    font-size: 13px;
    color: #ffffff;
}
.ud-rhs-promo a{
    background: #f49e29;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 15px;
    line-height: 20px;
    border-radius: 4px;
    /* margin-top: -16px; */
    letter-spacing: 2px;
}
.ud-rhs-promo h3, .ud-rhs-promo p, .ud-rhs-promo a{position: relative;}
.ud-rhs-promo-1{
    background: url(../images/face.jpg);
    background-size: 190px;
    margin-top: 20px;
}
.ud-rhs-promo-1:before{
    background: #3f51b5d9;
}
.ud-rhs-promo-1 a{
    background: #404a5a;
    color: #fff;
}
.ud-rhs-sec-4{
}
.ud-rhs-sec-4 ul li{
    padding-bottom: 20px;
}
.blog-box-list{
    position: relative;
}
.blog-box-list h5{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.blog-box-list p{
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 0px;
}
.blog-box-list span b{
}
.blog-box-list span{
    font-size: 12px;
}
.blog-box-list a{
}
.tz-db-table {
}
.ud-cen-s2 table {
}
.ud-cen-s2 table tr {
    color: #969595;
    border-bottom: 1px solid #e9e9e9;
}
.ud-cen-s2 table tr td {
    font-size: 10px;
    color: #333;
    padding: 14px 14px 14px 0px;
}
.ud-cen-s2 table tr td:nth-child(2) img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
}
.ud-cen-s2 table tr td:nth-child(2){
    font-weight: 600;
    font-size: 11px;
}
.lead-tab table tr td:nth-child(2){
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 120px;
    float: left;
}
.lead-tab table tr td:nth-child(8){
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 200px;
    float: left;
}
.ud-cen-s2 table tr td:nth-child(2) span{
    display: block;
    font-size: 11px;
    font-weight: 400;
}
.ud-cen-s2 table tr th {
    font-size: 12px;
    color: #333;
    padding: 14px 14px 14px 0px;
    font-weight: 600;
}
.ca-sh-plan{
    display:none;
    position: relative;
}
.ca-sh-user{
    position:relative;
}
.frmtip{
    float: right;
    color: #0d78d7;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 13px;
}
.db-pro-bot-btn{
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 50px;
    margin: 10px 0px;
    display: inline-block;
    color: #fff;
}
.db-pro-bot-btn:hover{
    color:#fff;
    background: #f18b54;
}
.ud-cen-s2.ud-pro-edit table tr td:nth-child(2){
    display:flex;
}
.ud-pro-edit .form-group{
    margin: 0px;
    display: grid;
    width: 100%;
}
.ud-pro-edit .form-group input{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}
.ud-pro-edit table tr:last-child{
    border-bottom:0px;
}


.ud-rhs-pay{
    /* position: relative; */
    /* overflow: hidden; */
    background: #fff;
    float: left;
    /* text-align: center; */
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    /* padding: 20px; */
    /* color: #fff; */
    padding-bottom: 20px;
}
.ud-rhs-pay-inn{}
.ud-rhs-pay-inn h3{
    font-size: 15px;
    font-weight: 700;
    background: #404a5a;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}
.ud-rhs-pay-inn ul{
    padding: 20px;
}
.ud-rhs-pay-inn ul li{
    font-size: 12px;
    padding: 8px 0px;
    border-bottom: 1px solid #e6ecee;
}
.ud-rhs-pay-inn ul li b{
    width: 105px;
    display: inline-block;
}
/*
.ud-rhs-pay-inn .btn{
    background: #F44336;
    color: #fff !important;
    font-size: 12px;
    padding: 7px 18px;
    border-radius: 2px;
    font-family: 'Quicksand', sans-serif;
    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;
    background: #4CAF50;
}

.ud-rhs-repo{}
.ud-rhs-repo h3{}
.ud-rhs-repo ul{}
.ud-rhs-repo ul li{float:left;width: 33.333%;text-align: center;height: 100px;position: relative;}
.ud-rhs-repo ul li span{display:block;}
.ud-rhs-repo ul li .view{
    font-size: 9px;
    color: #8b8787;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    left: 29%;
    top: 14px;
}
.ud-rhs-repo ul li .cout{
    font-size: 24px;
    font-weight: 600;
    line-height: 42px;
    padding-top: 20px;
}
.ud-rhs-repo ul li .name{
    font-size: 12px;
    font-weight: 500;
    color: #8b8787;
}
.ud-rhs-repo ul li:nth-child(1){
    border-right: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(2){
    border-right: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(3){
    /* border-right: 1px solid #e6ecee; */
    border-bottom: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(4){
    border-right: 1px solid #e6ecee;
    border-bottom: 0px;
}
.ud-rhs-repo ul li:nth-child(5){
    border-right: 1px solid #e6ecee;
    border-bottom: 0px;
}
.ud-rhs-repo ul li:nth-child(6){}
.ud-rhs-repo ul li:nth-child(7){}
.ud-rhs-repo ul li:nth-child(7){
    border-right: 1px solid #e6ecee;
}
.ud-rhs-status{padding-bottom: 0px;}
.ud-rhs-status ul li{
    padding: 12px 0px 4px 0px;
}
.ud-rhs-status ul li span{float: left;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: pre;font-size: 12px;font-weight: 500;}
.ud-rhs-status ul li .custom-control{
    padding: 0px;
    display: inline-block;
    right: -50px;
    top: -4px;
}
.ud-rhs-status ul li .custom-control input{}
.ud-rhs-status ul li .custom-control label{}

.db-list-com {
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.db-list-rat {
    background: #f7ed94;
    padding: 4px 8px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 0px;
    font-size: 10px;
    border-radius: 2px;
    text-align: center;
}
.db-list-ststus {
    background: #579edc;
    padding: 4px 8px;
    font-weight: 600;
    color: #ffffff;
    font-size: 10px;
    border-radius: 2px;
    border: 0px solid #d3d3d3;
}
.db-list-ststus-na {
    background: #fd8478;
    padding: 4px 8px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0px;
    font-size: 12px;
    border-radius: 2px;
}
.db-list-edit {
    padding: 3px 5px;
    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-invo-dwn{
    padding: 6px 10px 6px 35px;
    font-weight: 600;
    color: #39708b;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid #becdd5;
    cursor:pointer;
}
.db-invo-dwn:before{
    content:'file_download';
    margin: -3px 0 0 -23px;
    color: #39708b;
}
.udb-sugg{
    padding: 0px 0px 80px 0px;
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffeee5 70%);
}
.udb-sugg .container{
    border-top: 1px solid #ebebeb;
    padding-top: 60px;
}
.udb-sugg .home-tit{
    padding-top:0px;
}
.udb-sugg .hot-page2-hom-pre-head h4{
    color: #ffffff;
}
.udb-sugg .hot-page2-hom-pre-head{
    background: #303f4a;
}
.udb-sugg .hot-page2-hom-pre-head:after{
    border-top-color: #31404b;
}
.udb-sugg .hot-page2-hom-pre ul li a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
.udb-sugg .hot-page2-hom-pre-2 span{
    font-size:12px;
}
.udb-sugg .hot-page2-hom-pre-2 span b{
    color: #8cb8bb;
    font-weight: 600;
}
.ud-notes{
    background: #e5f7ff;
    border: 1px solid #d0e9f4;
    padding: 25px;
    margin-top: 50px;
    float: left;
    width: 100%;
    border-radius: 10px;
}
.ud-notes p{
    font-size: 12px;
    line-height: 24px;
    margin: 0px;
    color: #668796;
}
.ud-notes p b{
}
.ad-table-inn{
}
.ad-table-inn img{
    width: 100px;
    transition: all 0.5s ease;
}
.ad-table-inn img:hover{
    transform: scale(3);
    box-shadow: 0px 1px 12px 0px rgba(150,150,150,0.8);
}
.ad-table-inn .db-list-rat:hover{
    background: #51c0ff;
    color: #fff;
}
.ud-payment{
    background: #fff;
    box-shadow: 0px 2px 22px 3px rgba(157, 152, 152, 0.21);
    padding: 30px;
    float: left;
    width: 100%;
}
.pay-lhs{
    float: left;
    width: 45%;
}
.pay-lhs img{
    width: 100%;
    float: left;
    border-radius: 2px;
}
.pay-rhs{
    float: left;
    width: 55%;
    padding-left: 35px;
}
.pay-rhs ul{
}
.pay-rhs ul li{
    font-size: 13px;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    font-weight: 400;
}
.pay-rhs ul li:nth-child(1){
    width: 100%;
}
.pay-rhs ul li:nth-child(2){
    width: 100%;
    font-size: 24px;
    color: #404a5a;
    font-weight: 700;
}
.pay-rhs ul li b{
}
.pay-rhs ul li .ud-stat-pay-btn{
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    background: #06d7bb;
    padding: 5px 15px;
    border-radius: 40px;
}
.ud-pro-link .pay-rhs ul li:nth-child(3){
    width:30%;
}
.ud-pro-link .pay-rhs ul li:nth-child(4){
    width:70%;
}
.ud-pay-op{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.ud-pay-op h4{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ud-pay-op ul{
}
.ud-pay-op ul li{
}
.pay-full{
    background: #fffbf1;
    border: 1px solid #f3ead1;
    padding: 25px;
    margin-bottom: 15px;
}
.pay-full .rbbox{
}
.pay-full .rbbox label{
    font-weight: 600;
    margin-bottom: 0px;
}
.pay-note{
    margin-top: 0px;
    /* display: none;
     */
    opacity: 0;
    transition: all 0.5s ease;
    height: 0px;
}
.pay-note span{
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
    color: #7e5d3a;
    font-weight: 500;
}
.pay-note span i{
    font-size: 12px;
}
.pay-note button{
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
}
.pay-note form{
}
.pay-note form h4{
    margin-top: 40px;
}
.pay-note form ul li{
}
.pay-note form ul li input{
    background-color: #fff;
    border: 1px solid #d9d0b8;
    font-size: 14px;
    font-weight: 500;
}
.pay-full .rbbox input[type="radio"]:checked ~ .pay-note{
    /* display:block;
     */
    opacity: 1;
    transition: all 0.5s ease;
    height: auto;
    margin-top: 20px;
}
.posr .form-group{
    position:relative;
}


.ud-rhs-poin{
    background: #fff;
    box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
    margin-bottom: 20px;
    border-radius: 10px;    float: left;
    width: 100%;
}
.ud-rhs-poin1{
    background: url(../images/points.png) no-repeat;
    background-size: 100%;
    padding: 105px 40px 40px 40px;
    text-align: center;
    border-radius: 10px;
}
.ud-rhs-poin1 h4{
    margin: 0px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}
.ud-rhs-poin1 span{
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
}
.ud-rhs-poin2{
    padding: 20px;
    text-align: center;
}
.ud-rhs-poin2 h3{
    font-size: 13px;
}
.ud-rhs-poin2 p{
    font-size: 11px;
    font-family: 'Quicksand';
}
.ud-rhs-poin2 a{
}
.ud-rhs-poin2 a.cta{background: #e75772;
    color: #fff;
    font-size: 11px;
    padding: 8px 25px;
    border-radius: 20px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;}


.how-to-coll{
    /* text-align: left;
     */
    border: 1px solid #ebebeb;
    border-radius: 3px;
}
.how-to-coll ul{
}
.how-to-coll li{
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    padding: 20px;
}
.how-to-coll li:last-child{
    border-bottom:0px;
}
.how-to-coll li h4.colact{
}
.how-to-coll li h4{
    text-align: left;
    font-size: 15px;
    margin-bottom: 0px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* padding-right: 50px;
     */
}
.how-to-coll li h5{
    font-size: 14px;
    font-weight:600;
    margin-top:10px;
}
.how-to-coll li h4:after{
    content:'expand_more';
    color: #212529;
    right: 30px;
    font-size: 25px;
    line-height: 17px;
    transition: all 0.5s ease;
}
.how-to-coll li h4.colact:after{
    transform: rotate(180deg);
    transition: all 0.5s ease;
}
.how-to-coll li div{
    display: none;
    padding-top: 15px;
}
.how-to-coll li div p{
    text-align: left;
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
}
.how-to-coll li div ol{
    padding: 15px 0px 0px 0px;
}
.how-to-coll li div ol li{
    border: 0px;
    padding: 0px;
    font-size: 13px;
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
    color: #81878d;
    list-style-type: disc;
    margin-left: 18px;
}
.use-act-err{
    position: fixed;
    left: 0px;
    background: #fffaba;
    background: linear-gradient(to bottom,#ffea31,#ffbe5e 100%);
    right: 0px;
    width: 100%;
    z-index: 12;
    bottom: 0px;
    padding: 5px 10px;
    border-top: 1px solid #ece9b5;
}
.use-act-err p{
    margin: 0px;
    font-size: 13px;
    color: #000;
    text-align: center;
    border: 0px;
    background: none;
    padding: 4px;
    font-weight: 500;
}
.ud-sett{
}
.ud-sett table tr{
}
.ud-sett table tr td{
    font-size: 14px;
    font-weight: 500;
}
.ud-sett table tr td select{
    font-size: 14px;
    font-weight: 500;
    border: 0px;
    background: #f6f6f6;
    cursor: pointer;
}
.ud-sett table tr td .form-group{
    margin-bottom:0px;
}
.sub-btn{
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 40px;
    font-size: 15px;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ud-sett table tr:last-child{
    border-bottom:0px;
}
.ud-sett table tr:last-child td{
    padding-bottom:0px;
}
.all-noti{
}
.com-noti{
    background: #21d78d;
    padding: 10px 40px;
    border-radius: 0 0 20px 20px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: -100px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top,#0cc87c,#21d78d 70%);
}
.com-noti.cnoti-show{
    top: 0px;
    transition: all 0.5s ease;
}
.com-noti p{
    color: #fff;
    font-size: 13.5px;
    margin: 0px;
}
.com-noti p span{
}
.com-noti .yes{
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: none;
    color: #fff;
}
.com-noti .no{
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
    background: none;
    color: #fff;
    margin-left: 10px;
}
.c-not-sure{
}
.ud-payment.ud-pro-link{
    background: #f5f6fa;
    box-shadow: none;
    padding: 25px;
    border: 1px solid #eeeff1;
    border-radius: 10px;
}
.ud-payment.ud-pro-link.bus-pg{
    background: #f7f2e6;
    border: 0px solid #dbeae4;
}
.bus-pg .lis-pro-badg:before{
    background: #cac426b8;
}
.ud-payment.ud-pro-link .lis-pro-badg{padding-top: 25px;}
.ud-pro-link .pay-rhs{
}
.ud-pro-link .pay-rhs ul li input{
    border: 1px solid #e4e4e4;
    background: #fffdfd;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #767879;
}
.ud-pro-link .pay-rhs ul li.pro{
    width: 100%;
    margin: 12px 0 15px 0;
}
.ud-pro-link .pay-rhs ul li.pre{
    margin-bottom: 0px;
    width: 100%;
}
.ud-pro-link .pay-rhs ul li.pre a{
    border: 0px;
    font-weight: 600;
    padding: 5px 20px;
    font-size: 9px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: #1877de;
    background: -webkit-linear-gradient(to top, #2d6eb5, #1877de);
    background: linear-gradient(to top, #2d6eb5, #1877de);
}
.ud-pro-link .pay-rhs ul li:nth-child(2){
    font-size: 16px;
    color: #30373c;
}
.ud-pro-link .pay-rhs ul li:nth-child(2) span{
    margin-right:25px;
}
.us-pro-main{/* background-size: 250px; */margin-top: 52px;margin-bottom:180px;}
.us-pro-main .container{position: relative;z-index: 9;}
.us-pro-main:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 402px;
    background: #142a52e6;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
}
.us-pro-main:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 400px;
    background: url(../images/face.jpg) #edf6fd;
    background-size: 100px;
    left: 0px;
    top: 0px;    
}
.us-pro{
    float: left;
    width: 100%;
    position: relative;
    border-radius: 5px;
}
.us-pro-sec-1{
    /* float: left;
     */
    /* width: 60%; */
    margin: 0 auto;
    display: table;
    box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
    background: #ccd1d6;
}
.us-pro-sec-1-lhs{
    float: left;
    width: 30%;
    text-align: center;
    padding: 30.5px 0px 21px 0px;
    /* border-radius: 0px 0px 10px 0px; */
    background: #fff;
}
.us-pro-sec-1-lhs .pro{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    /* border: 5px solid #ffffff; */
    box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.27);
    margin: 0 auto;
    display: table;
}
.us-pro-sec-1-rhs .pro-bg{
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    width: 100%;
    height: 350px;
    object-fit: cover;
    z-index: 0;
    /* border-radius: 0px 0px 5px 0px; */
}
.us-pro-sec-1-lhs h1{
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
}
.us-pro-sec-1-lhs p{}
.us-pro-sec-1-rhs{
    float: left;
    width: 70%;
    /* padding-left: 50px; */
    overflow: hidden;
}
.us-pro-sec-1-rhs h1{
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    margin: 0px;
    padding-right: 15px;
}
.us-pro-sec-1-lhs button{
    background: #0a77ff;
    border: 0px;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 21px;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    text-align: center;
    top: -7px;
    position: relative;
    text-transform: lowercase;
}
.us-pro-main .pro-listing-box div:nth-child(1) p{
    font-weight: 500;
    color: #949494;
    text-overflow: ellipsis;
    height:auto;
    white-space: nowrap;
    font-size: 13px;
    }
.us-pro-main .log p{
    border: 1px solid #f1e5e0;
    background: #fdf9f7;
}
.us-pro-sec-1-lhs ul.lis-cou{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #dee5ea;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
    /* display: none; */
}
.us-pro-sec-1-lhs ul.lis-cou li{
    float: left;
    font-size: 12px;
    padding-right: 8px;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
}
.us-pro-sec-1-lhs ul.lis-cou li b{
}
.us-pro-sec-1-lhs p{
    float: left;
    font-size: 13px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    width: 100%;
}
.us-pro-sec-1-rhs p b{
}
.us-pro-sec-1-lhs ul.pro-soci{
    /* float: left; */
    /* width: 100%; */
    margin: 0 auto;
    display: table;
    /* padding-top: 20px; */
}
.us-pro-sec-1-lhs ul.pro-soci li{
    float: left;
    margin-right: 8px;
}
.us-pro-sec-1-rhs ul.pro-soci li a{
}
.us-pro-sec-1-lhs ul.pro-soci li a img{
    width: 28px;
}
.us-pro-sec-2{
    margin-top: 50px;
}
.us-pro-nav{
    border-bottom: 1px solid #dee5ea;
}
.us-pro-nav ul{
    margin: 0 auto;
    display: table;
}
.us-pro-nav ul li{
    float: left;
    /* padding: 0px 10px;
     */
}
.us-pro-nav ul li span{
    font-size: 16px;
    font-weight: 700;
    padding: 16px 10px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
}
.us-pro-nav ul li span.act{
    border-bottom: 2px solid #0a77ff;
    color: #0a77ff;
}
.us-propg-main{
    /* padding-top: 50px;
     */
}
.us-propg-main h2{
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
}
.us-ppg-listings{
}
.us-ppg-listings label.rat{display:none;}
.pro-rel-posts .us-ppg-blog{
    padding-top: 10px;padding-bottom:130px;
}
.us-ppg-event{
}
.us-ppg-follow{
}
.us-pro-sec-3{
}
.us-pro-sec-4{
}
.us-ppg-com ul{
}
.us-ppg-com ul li{
    float: left;
    width: 33.3333%;
}
.pro-rel-events .us-ppg-com{
    padding-top: 15px;
}
.pro-listing-box{
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    margin: 15px;
}
.pro-listing-box:hover div:nth-child(2) span{
    background: #2da2ff;
    transition: all 0.5s ease;
}
.pro-listing-box div:nth-child(1){
    position:relative;
}
.pro-listing-box div:nth-child(1) img{
    width: 100%;
    transition: all .5s ease;
    height: 185px;
    object-fit: cover;
    border-radius: 2px;
    /* float: left;
     */
}
.pro-listing-box div:nth-child(1) h2{
    font-size: 17px;
    font-weight: 700;
    padding: 25px 25px 0px 25px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.pro-listing-box div:nth-child(1) p{
    padding: 0px 25px;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}
.pro-listing-box div:nth-child(1) label.rat{
    /* position: absolute;
     */
    padding-left: 25px;
}
.pro-listing-box div:nth-child(1) label.rat i{
    color: #51c0ff;
    font-size: 20px;
    width: 14px;
}
.pro-listing-box div:nth-child(2){
}
.pro-listing-box div:nth-child(2) span{
    display: block;
    width: 100%;
    background: #0b253a;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    padding: 8px 5px;
    cursor:pointer;
}
.us-ppg-com{
    float: left;
    width: 100%;
    padding-top: 40px;
}
.us-ppg-com .fclk{
}
.pro-eve-box{
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    margin: 15px;
    /* width: 100%;
     */
}
.pro-eve-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,#14171e4a 23%,#000000bf 96%);
    z-index: 2;
    border-radius: 5px;
    transition: all 0.5s ease;
}
.us-ppg-blog .pro-eve-box:before{
    display:none;
}
.us-ppg-blog .pro-eve-box h2{
    color:#333;
    font-size: 14px;
    margin-bottom: 0px;
}
.us-ppg-blog .pro-eve-box p{
    margin-bottom: 0px;
    color: #6a6a6a;
}
.pro-eve-box:hover{
    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: scale(1.01);
}
.pro-eve-box div img{
    width: 100%;
    transition: all .5s ease;
    height: 200px;
    object-fit: cover;
    border-radius: 2px;
}
.pro-eve-box div:nth-child(2){
    z-index: 2;
    position: absolute;
    margin-top: -135px;
    color: #fff;
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
}
.us-ppg-blog div:nth-child(2){
    margin-top: 0px;
    position: relative;
    background: #fff;
    padding: 15px;
}
.us-ppg-blog div:nth-child(2) span{
    position: absolute;
    right: 25px;
    top: -182px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    background: #cad721;
    padding: 1px 10px;
    border-radius: 12px;
}
.pro-eve-box span{
    padding-left: 15px;
    font-size: 38px;
    font-weight: 700;
    color: #e1ba26;
}
.pro-eve-box span b{
}
.pro-eve-box h2{
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-size: 20px;
}
.pro-eve-box p{
    font-size: 13px;
    padding: 0px 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #dddcdc;
}
.pro-sm-box{
    background: #fff;
    padding: 10px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    width: 100%;
    transition: all 0.5s ease;
}
.pro-sm-box:hover{
    background: #fffaea;
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: scale(1.01);
}
.us-ppg-follow ul li{
    padding: 10px;
    width:25%;
}
.pro-sm-box:hover p{
    color:#333;
    transition: all 0.5s ease;
}
.pro-sm-box img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}
.pro-sm-box h5{
    font-size: 14px;
    /* float: left;
     */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
    padding-top: 4px;
}
.pro-sm-box p{
    font-size: 12px;
    line-height: 15px;
    white-space: pre;
    overflow: hidden;
    font-weight: 400;
    color: #919ca1;
    margin-bottom: 0px;
    transition: all 0.5s ease;
}
.pro-sm-box p b{
    font-weight: 500;
    color: #333;
}
.pro-sm-box a{
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}
.us-ppg-follow .ud-rhs-sec-2{
    border:0px;
    margin-bottom: 0px;
}
.pro-bot-shar{
    float: left;
    width: 100%;
    border-top: 1px solid #efd0d0;
    padding-top: 45px;
    margin-top: 50px;
}
.pro-bot-shar h4{
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
}
.pro-bot-shar ul{
    margin: 0 auto;
    display: table;
}
.pro-bot-shar ul li{
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}
.sh-pro-face{
    background: #3b5998;
}
.sh-pro-shar{
    color: #fff;
    border-radius: 50px;
    /* padding: 8px 20px;
     */
}
.sh-pro-shar a{
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding: 8px 14px 8px 14px;
    display: inline-block;
}
.sh-pro-shar a img{
    margin-right: 8px;
    width: 20px;
}
.sh-pro-twi{
    background: #55acee;
}
.sh-pro-link{
    background: #0e76a8;
}
.sh-pro-what{
    background: #55cd6c;
}
.blog-head{
    margin-top: 52px;
    padding: 65px 0px 20px 0px;
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffeee5 70%);
    background: url(../images/illu/blog-bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.blog-head:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffe6da9e 100%);
}
.eve-head{
    background: url(../images/event-bg.jpg) no-repeat center;
    background-size: cover;
}
.eve-head:before {
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffc39fa6 100%);
}
.blog-head-inn{
    text-align: center;
    /* color: #212529;
     */
    position: relative;
}
.blog-head-inn h1{
    font-weight: 700;
    font-size: 36px;
    padding-bottom: 5px;
    color: #212529;
}
.blog-head-inn p{
    font-size: 30px;
    font-weight: 300;
    margin: 6px 0px 20px 0px;
    color: #212529;
}
.blog-body .us-ppg-com ul li{
    width: 25%;
}
.blog-body .pro-eve-box p{
    padding:0px;
}
.blog-body .pro-eve-box div img{
    height:140px;
}
.blog-body .us-ppg-blog div:nth-child(2) span{
}
.blog-body .us-ppg-blog .pro-eve-box h2{
    font-size:15px;
}
.blog-body .us-ppg-blog .pro-eve-box p{
    font-size: 12px;
    /* margin: 0px;
     */
    line-height: 14px;
    margin-bottom: 6px;
    position: absolute;
    margin-top: -47px;
    background: #3aa372;
    color: #fff;
    padding: 3px 8px;
    font-weight: 500;
    border-radius: 50px;
}
.blog-head .ban-search{
    position:relative;
    width: 58%;
    background: none;
    padding:0px;
}
.blog-head .ban-search .sr-sea{
    width: 100%;
}
.blog-head .ban-search .sr-btn{
    width: 28%;
}
.event-body, .blog-body{
    float: left;
    width: 100%;
    /* padding-bottom: 150px; */
}
.event-body .us-ppg-com ul li{
}
.event-body .us-ppg-com ul li .eve-box{
    margin: 10px;
}
.event-body .eve-box div:nth-child(3) .auth{
    padding-left: 0px;
}
.event-body .eve-box div:nth-child(1) a img{
    height: 210px;
}
.event-body .us-ppg-com ul li .eve-box .addr{
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.eve-deta-pg{
    margin-top: 52px;
    float: left;
    width: 100%;
    background: #e4f4ff;
    background: linear-gradient(to top,#fff,#e4f4ff 70%);
}
.eve-deta-pg .eve-deta-pg-main{
    position: relative;
    float: left;
    width: 100%;
}
.eve-deta-pg .lhs{
    float: left;
    width: 65%;
    position: relative;
}
.eve-deta-pg .lhs .img{
    position: relative;
    overflow: hidden;
}
.eve-deta-pg .lhs .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,#ffffff00 23%,#282f3f 96%);
    border-radius: 5px;
    transition: all 0.5s ease;
    left: 0px;
    top: 0px;
}
.eve-deta-pg .lhs .img img{
    width: 100%;
    float: left;
    object-fit: cover;
    height: 425px;
    transition: all 0.5s ease;
}
.eve-deta-pg .head{
    margin-top: -120px;
    position: relative;
    z-index: 5;
    padding-left: 35px;
    color: #fff;
}
.eve-deta-pg .head .dat{
    font-size: 32px;
    font-weight: 500;
    color: #000000;
    background: #f6ff7f;
    padding: 1px 10px;
    border-radius: 25px;
    top: -20px;
    display: inline-block;
    position: relative;
}
.eve-deta-pg .head h1{
    font-size: 28px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding-right: 20px;
}
.eve-deta-pg .head .addr{
    display: block;
}
.eve-deta-pg .head .pho{
}
.eve-deta-pg .rhs{
    float: left;
    width: 35%;
}
.eve-deta-pg .rhs .pglist-p-com{
    margin-bottom:0px;
    border-radius: 0px;
    background: #fff;
}
.eve-deta-pg .rhs .quote-pop{
    padding: 25px 30px 0px 30px;
}
.eve-deta-pg .rhs .quote-pop h3{
}
.eve-deta-pg .rhs .quote-pop form{
}
.eve-deta-body{
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0 150px 0;
}
.eve-deta-body .eve-deta-body-main{
}
.eve-deta-body .eve-deta-body-main .lhs{
    float: left;
    width: 65%;
    padding-right: 50px;
    border-right: 1px solid #e7e7e7;
}
.eve-deta-body .eve-deta-body-main .lhs p{
    font-size: 14px;
    line-height: 24px;
}
.list-pg-inn-abo h1, .list-pg-inn-abo h2, .list-pg-inn-abo h3, .list-pg-inn-abo h4, .list-pg-inn-abo h5, .list-pg-inn-abo h6{font-weight: 600;}
.list-pg-inn-abo h6{font-size:12px;}
.list-pg-inn-abo h5{font-size:14px;}
.list-pg-inn-abo h4{font-size:16px;}
.list-pg-inn-abo h3{font-size:18px;}
.list-pg-inn-abo h2{font-size:20px;}
.list-pg-inn-abo h1{font-size:22px;}
.list-pg-inn-abo p img, .list-pg-inn-abo img{width: 32px !important;height:auto !important;border-radius:2px;padding: 4px;}


.pro-pbox-4 h1, .pro-pbox-4 h2, .pro-pbox-4 h3, .pro-pbox-4 h4, .pro-pbox-4 h5, .pro-pbox-4 h6{font-weight: 600;}
.pro-pbox-4 h6{font-size:12px;}
.pro-pbox-4 h5{font-size:14px;}
.pro-pbox-4 h4{font-size:16px;}
.pro-pbox-4 h3{font-size:18px;}
.pro-pbox-4 h2{font-size:20px;}
.pro-pbox-4 h1{font-size:22px;}
.pro-pbox-4 p img, .pro-pbox-4 img{width:100% !important;height:auto !important;border-radius:2px;}


.eve-deta-body .eve-deta-body-main .lhs h1, .eve-deta-body .eve-deta-body-main .lhs h2, .eve-deta-body .eve-deta-body-main .lhs h3, .eve-deta-body .eve-deta-body-main .lhs h4, .eve-deta-body .eve-deta-body-main .lhs h5, .eve-deta-body .eve-deta-body-main .lhs h6{font-weight: 600;}
.eve-deta-body .eve-deta-body-main .lhs h6{font-size:14px;}
.eve-deta-body .eve-deta-body-main .lhs h5{font-size:16px;}
.eve-deta-body .eve-deta-body-main .lhs h4{font-size:18px;}
.eve-deta-body .eve-deta-body-main .lhs h3{font-size:20px;}
.eve-deta-body .eve-deta-body-main .lhs h2{font-size:22px;}
.eve-deta-body .eve-deta-body-main .lhs h1{font-size:24px;}
.eve-deta-body .eve-deta-body-main .lhs p img, .eve-deta-body .eve-deta-body-main .lhs img{width:100% !important;height:auto !important;border-radius:2px;}

.eve-deta-body .eve-deta-body-main .rhs{
    float: left;
    width: 35%;
    padding-left: 50px;
}
.eve-deta-body .pro-bot-shar{
    margin-bottom: 0px;
}
.eve-deta-body .rhs h4{
    font-size: 18px;
    font-weight: 600;
}
.eve-deta-body .rhs .sec-1{
    margin-bottom: 40px;
}
.eve-deta-body .rhs .sec-1 ul{
}
.eve-deta-body .rhs .sec-1 ul li{
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.eve-deta-body .rhs .sec-1 ul li:before{
    content: 'radio_button_checked';
    position: absolute;
    /* width: 6px; */
    /* height: 6px; */
    /* background: #d0d1c3; */
    border-radius: 50%;
    margin: 1px 0px 0px -20px;
    font-weight: 900;
    font-size: 12px;
    color: #47b83f;
}
.eve-deta-body .rhs .sec-1 ul li b{
}
.eve-deta-body .rhs .sec-2{
    margin-bottom: 40px;
}
.eve-deta-body .rhs .sec-2 iframe{
    border: 0px;
    width: 100%;
    height: 150px;
    border: 5px solid #fff;
    box-shadow: 0px 3px 14px -8px rgba(42, 42, 42, 0.8);
}
.eve-deta-body .rhs .sec-3{
    border-top: 1px solid #e7e7e7;
    padding-top: 25px;
}
.eve-deta-body .rhs .sec-3 .ud-lhs-s1{
    padding-bottom:0px;
}
.pro-rel-events, .pro-rel-posts{
    float: left;
    width: 100%;
    /* border-top: 1px solid #efd0d0;
     */
    /* padding-top: 45px;
     */
    margin-top: 50px;
}
.pro-rel-events h4, .pro-rel-posts h4{
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 0px;
    position: relative;
    /* color: #ff853c;
     */
}
.pro-rel-events h4:after{}
.eve-deta-body .auth h4{
    text-align: left;
    font-size: 12px;
    padding-left: 0px;
}
.eve-deta-body .rhs .sec-4{float: left;width: 100%;}
.eve-deta-body .rhs .sec-4 h4{
    font-size: 16px;
}
.eve-deta-body .rhs .sec-4 ul{height: 320px;overflow: hidden;}
.eve-deta-body .rhs .sec-4 ul:hover{overflow-y: auto;}
.eve-deta-body .rhs .sec-4 ul li{
    padding-bottom: 8px;
}
.eve-deta-body .rhs .sec-4 input{
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    margin: 15px 0px 20px 0px;
    font-size: 14px;
}
.eve-deta-body .rhs .sec-4 ul li a{
    font-size: 13px;
    color: #333;
    font-weight: 400;
    padding-left: 25px;
}
.eve-deta-body .rhs .sec-4 ul li a:before {
    content: "keyboard_arrow_right";
    margin: 4px 0 0 -25px;
    position: relative;
    top: 3px;
    left: -6px;
}
.eve-deta-body .rhs .sec-4 ul li a:hover{
    color: #0989e7;font-weight:600;
}
.eve-deta-body.blog-deta-body .rhs .sec-3 {
    border-top: 0px solid #e7e7e7;
    padding-top: 0px;
    /* border-bottom: 1px solid #e7e7e7; */
    margin-bottom: 30px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
}
.eve-deta-body.blog-deta-body .rhs .sec-3 .ud-lhs-s1{
    padding-bottom: 25px;
}
.pro-rel-posts{
}
.pro-rel-posts .pro-eve-box p{
    padding:0px;
}
.db-noti{}
.db-noti ul{}
.db-noti ul li{
    color: #969595;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;
    transition: all 0.5s ease;
}
.db-noti ul li:hover{
    transition: all 0.5s ease;
    background: #fafafa;
    padding-left: 20px;
    box-shadow: 0px 0px 21px 2px rgba(157, 152, 152, 0.27);
}
.db-noti ul li div{
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.db-noti ul li div a{
    font-weight: 600;
    color: #128fcc;
}
.db-noti ul li div a:hover{
    text-decoration: underline;
}
.db-noti ul li span{
    font-size: 12px;
}
.db-noti ul li p{
    font-size: 13px;
    margin-bottom: 0px;
    color: #646464;
}
.add-list-ser{
}
.add-list-ser ul li{
    border: 1px solid #f7eae3;
    margin-bottom: 25px;
    padding: 20px 15px 15px 15px;
    border-radius: 2px;
    background: #fff8f5;
}
.ui-datepicker {
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 500;
    color: #aaaaaa;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
/* Component containers ----------------------------------*/
.ui-widget {
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 13px;
    font-weight: 500;
    color: #5f6165;
    line-height: 18px;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    /* font-family: Arial, Helvetica, sans-serif;
     */
    font-size: 1em;
    border: 0px;
    height: 25px;
    padding: 0px 10px;
    border-radius: 3px;
    margin: 0px 5px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
}
.ui-widget.ui-widget-content {
    /* border: 0px solid #c5c5c5; */
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    /* padding: 20px; */
    /* width: 335px; */
    overflow: hidden;
    overflow-y: auto;
    /* min-height: 150px;*/
    /* max-height: 300px;*/
}
/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px solid #b4b4b4;
    background: #f6f6f6;
    font-weight: normal;
    color: #4f4f4f;
    text-align: center;
    width: 40px;
    height: 40px;
    padding: 10px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    font-weight: normal;
    border: 0px solid #dad55e;
    background: #ffbd77;
    color: #ffffff;
    border-radius: 25px;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    display: none;
}
.ad-pri-cal{
    margin-top: 10px;display:none;
}
.ad-pri-cal ul{
}
.ad-pri-cal ul li{
    float: left;
    width: 25%;
}
.ad-pri-cal ul li div{
    background: #fffce3;
    border: 1px solid #efebc8;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0px 10px;
}
.ad-pri-cal ul li:last-child div{
    border: 1px solid #16be7a;
    background: #21d78d;
    color: #fff;
}
.ad-pri-cal ul li span{
    font-size: 14px;
}
.ad-pri-cal ul li h5{
    margin: 5px 0px 0px 0px;
    font-weight: 600;
    font-size: 22px;
}
.db-fol-grid{
}
.db-fol-grid ul{
}
.db-fol-grid ul li{
    float: left;
    width: 33.3333%;
}
.pro-fol-gr{
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    margin: 10px;
    /* height: 352px; */
    padding: 15px 15px;
    float: left;
    box-shadow: 0px 1px 11px -2px #9494945e;
    position: relative;
    width: 94%;
}
.pro-fol-gr img{
    width: 100%;
    height: 150px;
    border-radius: 0%;
    object-fit: cover;
    float: left;
}
.pro-fol-gr h4{
    font-size: 12px;
    font-weight: 400;
    /* margin: 15px 0px; */
    color: #a7a7a7;
    text-align: left;
    /* padding-left: 85px; */
    padding-top: 20px;
    float: left;
    display: inline-block;
    width: 100%;
}
.comity-all-user .pro-fol-gr h4{height: 55px;}
.comity-all-user .pro-fol-gr img{
    border-radius: 5px;
}
.comity-all-user .pro-fol-gr .count-li{display: none;}
.pro-fol-gr h4 b{
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro-ful-img{
    position: relative;
    float: left;
    width: 100%;
}
.pro-fol-gr ol{
    float: left;
    width: 100%;
    padding: 0px;
    position: absolute;
    background: #fff;
    left: 0px;
    top: 0px;
    padding: 10px 10px;
    transition: all 0.2s ease;
    background: linear-gradient(to bottom,#fff,#fcf6f3 70%);
    opacity: 0;
    transform: translateY(-10px);
}
.pro-fol-gr:hover ol{
    opacity: 1;
    transition: all 0.2s ease;
    transform: translateY(0px);
    text-align: center;
    background: #e5f5fb;
    box-shadow: 0px 18px 4px -13px #3333338f;
}
.pro-fol-gr ol li{
    color: #919191;
    display: block;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pro-fol-gr ol li b{
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.pro-fol-gr span{width: 33.333%;float: left;font-size: 11px;color: #8d98a3;font-weight: 500;text-align: center;}
.pro-fol-gr:hover{
    box-shadow: 0px 16px 11px -7px rgba(55, 63, 67, 0.45);
    transition: all 0.5s ease;
    /* transform: scale(1.01);
     */
}
.pro-fol-gr span.userfollow{
    background: #c7e3ff;
    color: #0865d4;
    font-size: 12px;
    font-weight: 600;
    float: left;
    padding: 3px 10px;
    border-radius: 2px;
    display: block;
    width: 100%;
    text-align: center;   cursor: pointer;
}
.enq-sav{
    position: absolute;
    top: 10px;
    right: 10px;
}
.enq-sav i{
       cursor: pointer;
       border-radius: 50%;
       background: #fff;
       /* font-size: 16px; */
       padding: 1px 1px;
       text-align: center;
       /* line-height: 14px; */
       width: 22px;
       height: 22px;
       box-sizing: border-box;
       transition: all 0.5s ease;
       border: 1px solid #f1f0ed;
       color: #4173ea;
       display: inline-block;
}
.enq-sav i img{width: 14px;height: 14px;filter: contrast(0.2);opacity: 0.5;transition: all 0.5s ease;vertical-align: initial;}
.enq-sav i.sav-act{
    /* box-shadow: 0 0 0 rgb(246, 184, 0); */
    animation: pulse 1.5s 1;
    border-radius: 50%;
    /* border: 1px solid #bfd2ff; */
    /* background: #bfd2ff; */
    border: 1px solid #fdf5dd;
    /* border: 1px solid #f6b800; */
    /* color: #f6b800; */
    background: #fdf5dd;
    }
.tooltip-inner {
    background-color: #00cc00;
}
.enq-sav i.sav-act img{
    opacity: 1;
    filter: contrast(1);
}
.enq-sav i:hover img{
    opacity: 1;
    filter: contrast(1);
}
.ldelik.sav-act{
    background: #4274eb;
    color: #ffffff;
    border: 1px solid #4274eb;
    transition: all 0.5s ease;
}
.ldelik.sav-act b{
    color: #ffffff;
}
.ldelik.sav-act:before {
    color: #ffffff;
}
.list-pg-write-rev{
}
.list-pg-write-rev .col{
    padding: 0px;
}
.list-pg-write-rev .row .col{
    padding: 0px 15px;
}

span#Review_Disable, div#pop_enq_success, #pop_enq_same{
    display: block;
    text-align: center;
    padding: 20px 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
span#Review_Disable{
    border: 1px solid #d2e0ef;background: #ecf5ff;color: #486b91;
}
div#pop_enq_success{
    border: 1px solid #8bf6bf;    background: #d5ffea;
}
div#pop_enq_success p{color: #106e43;margin:0px;}
#pop_enq_same{border: 1px solid #ffd5d5;
    background: #ffd5d5;font-size: 12px;}
#pop_enq_same p{color: #ac6c6c;margin:0px;font-size: 12px;}

/*-------------------------------------------------*/
/* TEMPLATE STYLES
/*-------------------------------------------------*/
.template-comm{
    margin-top: 52px;
    padding-bottom: 150px;
    padding-top: 40px;
    color: #5e6673;
}
.template-def .container{
    max-width: 750px;
}
.templ-def{}
.template-def .templ-def-rhs{display: none;}
.template-comm img{
    width: 100%;
    margin: 0px 0px 20px 0px;border-radius: 5px;
}
.template-comm h1, .template-comm h2, .template-comm h3, .template-comm h4, .template-comm h5, .template-comm h6{margin: 5px 0px 20px 0px;}
.template-comm h2{}
.template-comm h3{}
.template-comm h4{}
.template-comm h5{}
.template-comm h6{}
.template-comm p{
    font-size: 15px;
    line-height: 26px;
    color: #78808d;
}
.template-comm a{}
.template-rhs{}
.template-rhs .templ-def-cent{
    float: left;
    width: 70%;
}
.template-rhs .templ-def-rhs{
    float: left;
    width: 30%;
    padding-left: 50px;
}
.templ-def-rhs .box{
    padding-top: 25px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.templ-def-rhs .box h2{
    font-size: 18px;
    font-weight: 600;
}
.templ-def-rhs .box ul{}
.templ-def-rhs .box ul li{}
.templ-def-rhs .box ul li .eve-box-list{
    margin-bottom: 5px;
}
.templ-def-rhs .box ul li .eve-box-list img{
    width: 65px;
    margin: 0px;
    border-radius: 0px;
    padding-right: 10px;
}
.templ-def-rhs .box ul li .eve-box-list h4{
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 14px;
    padding-top: 10px;
}
.templ-def-rhs .box ul li .eve-box-list p{
    font-size: 12px;
}
.templ-rhs-list{}
.templ-rhs-list ul li{
    margin-bottom: 10px;
}
.templ-rhs-list div{
    border: 1px solid #efefef;
    border-radius: 5px;
    position: relative;
    padding-bottom: 10px;
}
.templ-rhs-list div img{
    border-radius: 5px 5px 0px 0px;
    height: 130px;
    object-fit: cover;
}
.templ-rhs-list div h3{
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 15px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.templ-rhs-list div p{
    font-size: 13px;
    padding: 0px 15px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    /* text-transform: lowercase; */
}
.templ-rhs-list div a{position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;}
.templ-rhs-list .pri{
    padding: 0px 15px;
    background: none;
    font-size: 14px;
}
.templ-rhs-list .pri b{
    color: #000;
    padding-right: 10px;
}
.template-rhs .hot-page2-hom-pre-1{
    width: 15%;
}
.template-rhs .hot-page2-hom-pre-1 img{
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
    margin: 0px;
}
.template-rhs .hot-page2-hom-pre-2{
    padding-right: 0px;
}
.template-rhs .hot-page2-hom-pre-head h4{
    margin: 0px;
}
.template-rhs .hot-page2-hom-pre-2 h5{
    margin-bottom: 0px;
}
.template-rhs .hot-page2-hom-pre-2 p{}
.template-rhs .hot-page2-hom-pre ul li{
    /* padding: 0px; */
}
.templ-def-rhs .hot-page2-hom-pre{padding-top: 5px;}
.templ-def-rhs .hot-page2-hom-pre ul li:hover{box-shadow: none;}

.templ-rhs-form{position: relative;overflow: hidden;background: #ffffff;padding: 30px;margin-bottom: 5px;width: 100%;box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);border-radius: 0px 0px 10px 10px;}
.templ-rhs-form form{}
.templ-rhs-form .form-group{}
.templ-rhs-form .form-group input, .templ-rhs-form .form-group select, .templ-rhs-form .form-group textarea{
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;}
.templ-rhs-form .form-group input{    padding: 0px 0px 0px 40px;}
.templ-rhs-form .form-group select{}
.templ-rhs-form .form-group textarea{}
.templ-rhs-form .btn-primary{background: #21d78d;border: 1px solid #21d78d;border-radius: 20px;font-size: 14px;font-weight: 500;padding: 7px 0px;transition: all ease 0.5s;display: block;width: 100%;}
.templ-rhs-form .form-group:before{
    margin: 7px 0px 0px 15px;
    color: #2196F3;
}

/*-------------------------------------------------*/
/* ALL LISTING GRID VIEW
/*-------------------------------------------------*/
.f2{
    margin: -45px 0px 10px 0px;
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 15px;
    position: absolute;
}
.vfilter{
    display: inline-block;
    float: right;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 2px 0px 9px 0px #33333321;
}
.vfilter i{
    vertical-align: sub;
    cursor: pointer;
    color: #93999b;
    font-size: 20px;
    padding: 0px 5px;
}
.vfilter i.act{
    color: #02acd2;
}
.vfilter i.ic1{display:none;}
.all-list-sh.cview1 .eve-box div:nth-child(1){width:100%}
.all-list-sh.cview1 ul li{float: left;width: 50%;}
.all-list-sh.cview1 .eve-box div .auth{width:50%;}
.all-list-sh.cview1 .eve-box div .links{width:50%;}
.all-list-sh.cview1 .links a, .all-list-sh.cview1 .links span{display:none;}
.all-list-sh.cview1 .links a:first-child{display:block;}
.all-list-sh.cview1 .addr{text-overflow: ellipsis;white-space: pre;overflow: hidden;}

.all-list-sh.cview3 .eve-box div:nth-child(1){width:100%}
.all-list-sh.cview3 ul li{float: left;width: 50%;}
.all-list-sh.cview3 .eve-box div .auth{width:50%;}
.all-list-sh.cview3 .eve-box div .links{width:50%;}
.all-list-sh.cview3 .links a, .all-list-sh.cview3 .links span{display:none;}
.all-list-sh.cview3 .links a:first-child{display:block;}
.all-list-sh.cview3 .addr{text-overflow: ellipsis;white-space: pre;overflow: hidden;}
.all-list-sh.cview3 .eve-box div:nth-child(3), .all-list-sh.cview3 .addr, .all-list-sh.cview3 .pho, .all-list-sh.cview3 .mail{display:none;}
.all-list-sh.cview3 .eve-box div:nth-child(2) {
    padding: 25px 25px 5px 25px;
}
.all-list-sh.cview3 .eve-box div:nth-child(1) img{height:235px;}


/*========== ALL SERVICES PAGE - SLIDER ===========*/
.cate-sli .carousel-inner a{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}
.cate-sli .carousel-control-prev-icon,.cate-sli .carousel-control-next-icon{background-image:none;background:#fff;padding:25px;border-radius:50px;position:relative}
.cate-sli .carousel-control-prev-icon:before,.cate-sli .carousel-control-next-icon:before{content:"";font-size:42px;line-height:0;text-align:center;left:4px;color:#333;background: url('../images/icon/next.png') no-repeat;width:24px;height:24px;background-size: cover;}
.cate-sli .carousel-control-next-icon:before{
    margin: -10px 0px 0px 10px;
}
.cate-sli .carousel-control-prev-icon:before{
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}

/*========== PRODUCT - SLIDER ===========*/
.bpro-sli .carousel-inner a{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}
.bpro-sli .carousel-control-prev-icon,.bpro-sli .carousel-control-next-icon{background-image:none;background:#fff;padding:25px;border-radius:50px;position:relative}
.bpro-sli .carousel-control-prev-icon:before,.bpro-sli .carousel-control-next-icon:before{content:"";font-size:42px;line-height:0;text-align:center;left: 14px;top: 15px;color:#333;background: url('../images/icon/next.png') no-repeat;width:24px;height:24px;background-size: cover;}
.bpro-sli .cate-sli .carousel-control-next-icon:before{
    margin: -10px 0px 0px 10px;
}
.bpro-sli .cate-sli .carousel-control-prev-icon:before{
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}
.bpro-sli .carousel-control-prev-icon:before{transform: rotate(180deg);left:11px;}


/*========== LISTING DETAIL - SLIDER ===========*/
.list-pg-inn-sp .carousel-inner a{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}
.list-pg-inn-sp .carousel-control-prev-icon,.list-pg-inn-sp .carousel-control-next-icon{background-image:none;background:#fff;padding:25px;border-radius:50px;position:relative}
.list-pg-inn-sp .carousel-control-prev-icon:before,.list-pg-inn-sp .carousel-control-next-icon:before{content:"";font-size:42px;line-height:0;text-align:center;left: 13px;top: 13px;color:#333;background: url('../images/icon/next.png') no-repeat;width:24px;height:24px;background-size: cover;}
.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-next-icon:before{
    margin: -10px 0px 0px 10px;
}
.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-prev-icon:before{
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}
.list-pg-inn-sp .carousel-control-prev-icon:before{transform: rotate(180deg);}


.ani-quo{
    position: fixed;
    bottom: -10px;
    right: -400px;
    z-index: 10;
    transition: all 2s ease;
    cursor: pointer;
}
.ani-quo.ani-quo-act{right:0px;transition: all 2s ease;}
.ani-q1{
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fff3e2;
    transition: all .5s ease;
    box-shadow: 0 7px 23px -13px rgb(37, 39, 42);
    margin-right: 65px;
    position: relative;
    margin-bottom: 18px;
}
.ani-q1:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -1px;
    bottom: -20px;
    border: 12px solid;
    border-color: #ffffff #fec9a3 transparent transparent;
}
.ani-q1 h4{
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.ani-q1 p{
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 12px;
}
.ani-q1 span{
    background: #149f5c;
    color: #fff;
    padding: 10px 30px;
    border-radius: 3px;
    border: 0px solid #333;
    display: inline-block;
    font-weight: 400;
    text-transform: capitalize;
}
.ani-q2{}
.ani-q2 img{
    width: 150px;
    float: right;
}

.ani-quo-form{
    position: fixed;
    right: -400px;
    width: 375px;
    bottom: 15px;
    border-radius: 15px;
    z-index: 33;
    background: #13324c;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
    box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    background: url(../images/city-bg.png) no-repeat #fff;
    background-position: right bottom;
    background-size: 100%;
}
.ani-quo-form.ani-quo-form-act{transition: all 0.5s ease-in-out;right: 20px;}
.ani-quo-form .tit{
    margin: 0px;
    padding-top: 20px;
}
.ani-quo-form .tit h3{
    font-size: 15px;
    line-height: 28px;
    color: #000;
}
.ani-quo-form .tit h3 span{
    display: block;
    font-weight: 700;
    font-size: 20px;
}
.ani-quo-form .hom-col-req{
    box-shadow: none;
    margin: 0px;
    background: none;
}
.ani-quo-form .hom-col-req form{
    padding: 25px;
}
.ani-quo-form .hom-col-req form input, .all-list-filt-form input{
    /* border: 0px; */
    /* border-radius: 0px; */
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.ani-quo-form .hom-col-req form select, .all-list-filt-form select{
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.ani-quo-form .hom-col-req form button, .all-list-filt-form .hom-col-req form button{
    /* background: #006cc7; */
    /* border: 1px solid #006cc7; */
    font-size: 13px;
    letter-spacing: 0.3px;
    border-radius: 5px;
}
.ani-req-clo{
    color: #333;
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.all-list-filt-form{
    float: left;
    width: 100%;
    background: #f5f7fb;
    padding-top: 30px;
    position: sticky;
    top: 50px;
}
.all-list-filt-form .tit{
    margin-bottom: 0px;
}
.all-list-filt-form .tit h3{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}
.all-list-filt-form .tit h3 span{
    display: block;
    font-weight: 700;
}
.all-list-filt-form form{
    padding: 20px 30px 30px 30px;
}
.all-list-filt-form .hom-col-req{
    background: #f5f7fb;
    margin: 0px;
    box-shadow: none;
}
.all-list-filt-form input, .all-list-filt-form select, .all-list-filt-form textarea{background: #fff;font-size: 12px;}
.all-list-filt-form .form-group{margin-bottom: 10px;}
#home_slide_enq_success{background: #fff;/* position: fixed; *//* right: 20px; *//* top: 60px; *//* z-index: 1; *//* border-radius: 3px; */padding: 10px 20px;}
#home_slide_enq_success p{color: #27b347;margin: 0px;font-size: 12px;font-weight: 500;}
#home_slide_enq_success ~ .all-list-filt-form{position: inherit;}
.soc-log .g-signin2 .abcRioButtonLightBlue {
    width: 100% !important;
    margin-bottom: 10px;
    color: #666;
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: none;
}
.soc-log .abcRioButtonIcon {
    left: 32%;
    position: absolute;
}

.how-wrks{
    float: left;
    width: 100%;
    position: relative;
    /* display: none; */
}
.how-wrks-2{padding-bottom: 180px;}
.how-wrks .home-tit{margin-bottom:40px;}
.how-wrks .home-tit h2{}
.how-wrks .home-tit h2 span{}
.how-wrks .home-tit p{}
.how-wrks-inn{}
.how-wrks-inn ul{}
.how-wrks-inn ul li{
    float: left;
    width: 25%;
}
.how-wrks-inn ul li div{
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 30px;
    margin: 0px 10px;
    position: relative;    transition: all 0.5s ease;
}
.how-wrks-inn ul li div:hover{    background: #fff;
    transform: translateY(-8px);
    box-shadow: 0 19px 46px -39px rgb(37, 39, 42);}
.how-wrks-inn ul li div span{
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #548aff;
    color: #fff;
    font-size: 16px;
    padding: 3px 0px;
    display: table;
    margin: 0 auto;
    margin-top: -44px;
}
.how-wrks-inn ul li div img{
    width: 72px;
    margin-top: 25px;
}
.how-wrks-inn ul li div h4{
    font-weight: 600;
    font-size: 22px;
    padding: 20px 0px 2px 0px;
}
.how-wrks-inn ul li div p{
    margin: 0px;
    font-size: 13px;
    color: #636363;
}


.mob-app{
    float: left;
    width: 100%;
    padding-top: 100px;
    position: relative;
    z-index: 5;
}
.mob-app .lhs{
    float: left;
    width: 50%;
}
.mob-app .lhs img{
    width: 80%;
}
.mob-app .rhs{
    float: left;
    width: 50%;
}
.mob-app .rhs h2{
    font-size: 32px;
    padding-bottom: 20px;
}
.mob-app .rhs h2 span{}
.mob-app .rhs ul{
    padding-bottom: 20px;
}
.mob-app .rhs ul li{
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.mob-app .rhs ul li:before{
    content:'chevron_right';
    margin: -2px 0px 0px -27px;
    color: #0291d2;
}
.mob-app .rhs ul ~ span{font-size: 14px;float: left;padding-bottom: 25px;}
.mob-app .rhs form {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    margin: 25px 0px 0px 0px;
    box-shadow: 0px 1px 20px -13px rgba(42, 42, 42, 0.86);
    width: 80%;
}
.mob-app .rhs form ul {
    padding: 0px;
    margin: 0px;
}
.mob-app .rhs form ul li {
    list-style-type: none;
    display: inline-block;
    float: left;
    padding: 0px;
}
.mob-app .rhs form ul li:before{display:none;}
.mob-app .rhs form ul li input {
    width: 100%;
    background: #FFF;
    border: 1px solid #f1f3f5;
    padding: 8px;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
}
.mob-app .rhs form ul li input[type="submit"] {
    color: #fff;
    border: 1px solid #1ebef0;
    font-weight: 600;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #0291d2;
    /* background: linear-gradient(to bottom, #01a0d8, #0485b3); */
}
.mob-app .rhs form ul li:nth-child(1) {
    width: 65%;
}
.mob-app .rhs form ul li:nth-child(2) {
    width: 35%;
}
.mob-app .rhs a img{width: 150px;float:left;margin: 0px 5px 5px 0px;}


/*---======================---*/
.soc-log{
    float: left;
    width: 100%;
    padding: 30px 30px 0px 30px;
}
.soc-log ul{}
.soc-log ul li{
    float: left;
    width: 100%;
}
.soc-log ul li a{
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    padding: 7px 5px;
}
.soc-log ul li a img{
    width: 22px;
    padding-right: 5px;
}
.soc-log ul li a.login-goog{
    margin-bottom: 10px;
    color: #4f7083;
    background: #fff;
    border: 1px solid #ccc;
}
.soc-log ul li a.login-fb{
    color: #666;
    background: #fff;
    border: 1px solid #dadada;
}

/*--========================================--*/
.filt-alist-near{}
.filt-alist-near .tit{
    background: #20344c;
    color: #fff;
    padding: 18px;
    margin-bottom: 0px;
    border-radius: 5px 0 0 0;
}
.filt-alist-near .tit h4{
    font-size: 15px;
    margin: 0px;
    text-align: left;
    font-weight: 600;
}
.near-ser-list{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px 17px;
    min-height: auto;
    max-height: 300px;
    overflow: hidden;
}
.near-ser-list:hover{overflow-y: auto;}
.near-ser-list ul{}
.near-ser-list ul li{
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
}
.near-ser-list ul li .near-bx{
    position: relative;
    float: left;
    width: 100%;
}
.near-ser-list ul li .near-bx a{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.near-ser-list ul li .near-bx .ne-1{
    width: 10%;
    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: 80%;
    padding: 0px 15px;
    float: left;
}
.near-ser-list ul li .near-bx .ne-2 h5{
    color: #20344c;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 4px;
    font-weight: 600;
}
.near-ser-list ul li .near-bx .ne-2 p{
    color: #7b868f;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    display: block;
    margin: 0px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: unset;
}
.all-pro-pg .near-ser-list ul li .near-bx .ne-2{width:90%;}
.near-ser-list ul li .near-bx .ne-3{
    float: left;
    width: 10%;
}
.near-ser-list ul li .near-bx .ne-3 span{
    width: 24px;
    height: 24px;
    background: #7dc34a;
    padding: 2px 3px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
}

/*---======================---*/
.all-list-bre{
    margin-top: 150px;
    /* background: url('../images/all-list-bg.jpg') no-repeat #5085f7; */
    padding: 40px 0px 35px 0px;
    position: relative;
    /* background-size: cover; */
}
.all-pro-bre{background: url('../images/all-product-bg.jpg') no-repeat #5085f7;background-size: cover;background-position: center center;margin-top: 50px;padding-bottom: 80px;}
.all-list-bre:before{
    content:'';
    position: absolute;
    width:100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top:0px;
    bottom: 0px;
    background: #0d598d05;
}
.map-error-box{
        margin: 0 auto;
    background: #ffddd2;
    border: 1px solid #ffc1bc;
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 2px;
    color: #bb4c4c;
    position: absolute;
    box-shadow: 0px 2px 10px -2px #686868;
    font-weight: 500;
    width: 100%;
    text-align: center;
    z-index: 13;
}
.all-pro-bre:before{background: linear-gradient(to right,#866a05d6,#00000038);}
.all-list-bre .sec-all-list-bre{opacity: 1!important;}
.all-list-bre h1, .all-list-bre h2{
    font-weight: 600;
    margin: 0px;
    font-size: 32px;
    line-height: 34px;
    width: 100%;
    color: #fff;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize;
}
.all-list-bre ul{
    float: left;
    position: relative;
}
.all-list-bre ul li{
    float: left;
    margin-right: 25px;
}
.all-list-bre ul li:after{
    content:'keyboard_arrow_right';
    color: #fff;
    font-size: 16px;
    padding: 2px;
}
.all-list-bre ul li:last-child:after{display:none;}
.all-list-bre ul li a{
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
}

/*---======================================================---*/
.biz-pro{
    margin-top: -100px;
    position: relative;
}
.biz-pro .row{box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);background: #fff;z-index: 9;padding-top: 17px;border-radius: 5px;}
.biz-pro-bre:before{    background: #4274ebde;}
.biz-pro .lhs{
    position: relative;
    padding-bottom: 65px;
}
.bpro-sli{
    position: sticky;
    top: 84px;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
    padding: 25px 0px;
}
.bpro-sli .carousel-item:before{background: none;}
.bpro-sli .carousel-item img{
    width: 100%;
    /* height: 125px; */
    object-fit: contain;
    }
.biz-pro-btn{position: sticky;top: 455px;}
.biz-pro-btn .btn{
    color: #fff;
    padding: 12px 20px;
    border-radius: 1px;
    width: 50%;
    display: block;
    text-align: center;
    float: left;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
}
.biz-pro-btn .btn1{
    background: #425d75;
    color: #fff !important;
    cursor: pointer;
}
.biz-pro-btn .btn2{
    background: #fb641b;
}
.biz-pro .rhs{}
.pro-pri-box{}
.pro-pbox-1{
    margin-top: 0px;
    background: none;
    padding: 0px;
    float: left;
    width: 100%;
}
.pro-pbox-1:before{background: none;}
.pro-pbox-1 ul{}
.pro-pbox-1 ul li{}
.pro-pbox-1 ul li:after{
    color: #333;
}
.pro-pbox-1 ul li a{
    color: #333;
}
.pro-pbox-2{
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.pro-pbox-2 h1{
    font-size: 26px;
    font-weight: 600;
    padding: 12px 0 8px 0;
    margin-bottom: 0px;
}
.pro-pbox-2 .rat{
    background: #4caf50;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    display: none;
}
.pro-pbox-2 .veri{
    background: #43a463;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;    
}
.pro-pbox-2 .veri:before{}
.pro-pbox-2 .pro-cost{
    float: left;
    width: 100%;
    padding-top: 0px;
    font-size: 34px;
    font-weight: 700;
}
.pro-pbox-2 .pro-off{
    font-size: 18px;
    color: #4caf50;
    font-weight: 500;
}
.pro-pbox-com{
    margin-top: 24px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 24px;
    color: #212121;
    float: left;
    width: 100%;
}
.pro-pbox-com h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}
.pro-pbox-com .ud-lhs-s1 h4{    margin: 0px;
    font-size: 16px;    font-weight: 600;}
.pro-pbox-com .ud-lhs-s1{padding-bottom: 0px;}
.pro-pbox-com p{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 12px;
    color: #333;
}
.pro-pbox-3{}
.pro-pbox-3 h4{}
.pro-pbox-3 ul li{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    color: #333;
    padding-left: 30px;
}
.pro-pbox-3 ul li:before{
    content:'arrow_drop_up';
    cursor: pointer;
    color: #3567d6;
    border-radius: 50%;
    background: #d2e0ff;
    font-size: 20px;
    padding: 0px 0px;
    text-align: center;
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    transition: all 0.5s ease;
    transform: rotate(90deg);
    line-height: 20px;
    margin: 0px 0px 0px -28px;
}
.pro-pbox-5{}
.pro-pbox-5 ul li{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    color: #0b253a;
}
.pro-pbox-5 ul li .pro-spe-li{
    width: 35%;
    display: inline-block;
    color: #909090;
    vertical-align: top;
}
.pro-pbox-5 ul li .pro-spe-po{
    width: 60%;
    display: inline-block;
}
.pro-pbox-7 a{
    background: #ebf7fd;
    color: #345361;
    font-weight: 500;
    font-size: 13px;
    margin: 0px 10px 10px 0px;
    padding: 3px 10px;
    border-radius: 3px;
}

/*--================================================--*/
.list-det-fix{
    position: fixed;
    top: -100px;
    left: 0px;
    right: 0px;
    background: #fff;
    z-index: 99;
    padding: 0px 0px;
    box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.14);
    transition: all 0.5s ease;
    display: none;
}
.list-det-fix.list-det-fix-act{top: 0px;transition: all 0.5s ease;}
.list-det-fix-inn{
    float: left;
    width: 100%;
}
.list-fix-pro{
    float: left;
    width: 5%;
}
.list-fix-pro img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 4px;
    object-fit: cover;
}
.list-fix-tit{
    float: left;
    width: 72%;
    padding: 4px 0px 0px 12px;
}
.list-fix-tit h3{
    margin: 0px;
    font-weight: 700;
    font-size: 19px;
    padding-bottom: 3px;
}
.list-fix-tit p{
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #3f4040;
}
.list-fix-tit p b{
    color: #333;
}
.list-fix-btn{
    float: left;
    width: 22%;
}
.list-fix-btn span{
    background: #f44336;
    color: #ffffff;
    border: 1px solid #f44336;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 rgb(244, 67, 54);
    padding: 7px 25px;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    border-radius: 2px;
    margin-top: 6px;
    animation: none;
    font-family: 'Quicksand', sans-serif;
    /* text-transform: uppercase; */
    float: right;
}

/*-------------------------------------------------*/
/* =  CONTACT US & ABOUT US & FEEDBACK
/*-------------------------------------------------*/
.con-us-map{margin-top:53px}
.con-us-map iframe{width:100%;height:250px;border:0}
.con-us-loc{padding-top:40px;padding-bottom: 150px;}
.con-us-loc .tit h2{font-weight:600;font-size:24px}
.con-us-loc .tit p{font-size:14px}
.con-us-loc h4{font-size:18px;font-weight:600;padding-bottom:10px}
.con-us-loc h5{font-size:15px;font-weight:600;padding-bottom:10px}
.con-us-loc p{font-size:13px}
.con-us-loc ul li{font-size:13px;/* padding-left:30px; */padding-bottom:10px;line-height:22px;}
.con-us-loc ul li:before{margin-left:-30px;display:none;}
.con-us-loc ul li a{color:#000}
.fedback{margin-bottom:160px}
.fedback img.fed{width:100%;height:280px;object-fit:cover;z-index:0}
.fed-box{width:60%;background:#fff;margin:0 auto;display:table;margin-top:-100px;z-index:2;position:relative;box-shadow:0 0 38px -21px #333;border-radius:5px}
.fed-box:before{content:'';position:absolute;background:#dcefff;width:40%;height:100%;right:0}
.fed-box .lhs{float:left;width:60%;padding:50px;position:relative}
.fed-box .lhs h3{text-transform:uppercase;font-weight:700;font-size:18px;padding-bottom:20px;color:#106ebd}
.fed-box .lhs form .form-group input{font-weight:500;font-size:14px;border:1px solid #ececec}
.fed-box .lhs form .form-group textarea{height:90px;padding:15px;border:1px solid #ececec}
.fed-box .lhs form button{background:#04b1ff;border:0 solid #0291d2;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;}
.about-ban{margin-top: 52px;background: url(../images/all-list-bg.jpg) no-repeat;background-size: cover;text-align:center;padding: 5% 50px 50px 50px;position:relative;color: #000;background-position: center;}
.about-ban:before{content:'';position:absolute;background: #067ddee0;left:0;right:0;top:0;bottom:0;}
.comunity-ban:before{background: linear-gradient(to top,#fff,#a6abb79e 100%);}
.about-ban h1, .about-ban input{position:relative;font-weight: 600;}
.comunity-ban{padding-bottom: 0px;}
.commun-pg-main input{
       border-radius: 30px;
       box-shadow: 0 5px 41px -14px rgb(60 63 66 / 32%);
       color: #40454a;
       max-width: 100%;
       width: 384px;
       border: 1px solid #e9e9ef;
       font-weight: 600;
       font-family: 'Quicksand', sans-serif;
       display: block;
       line-height: 40px;
       font-size: 15px;
       outline: none;
       height: 58px;
       background: #ffffff;
       box-sizing: border-box;
       padding: 0px 25px 0px 45px;
       margin: 0 auto;
       margin-top: 20px;
}
.about-ban p{position:relative;margin:0;font-weight:300;font-size:18px}
.about-us{text-align:center;padding-top:40px;width:80%;margin:0 auto}
.about-us h2{font-size:32px;font-weight:700;padding-bottom:25px}
.about-us p{font-size:14px}
.abou-pg .home-tit{padding-top:50px}
.abou-pg .home-tit h2 span{
    font-size: 32px;
}
.abou-pg .home-tit p{
    font-size: 14px;
    padding-bottom: 15px;
}
.abou-pg .abo-memb{}
.abou-pg .abo-memb ul li div{
    padding: 0px;
    padding-bottom: 20px;
}
.abou-pg .abo-memb ul li div img{
    width: 100%;
    margin: 0px;
}
.abou-pg .abo-memb ul li div h4{
    font-size: 16px;
    font-weight: 700;
    padding-top: 20px;
}
.abou-pg .abo-memb ul li div p{
    padding: 0px 15px;
    font-size: 12px;
}
.abou-pg .about-ban{color:#fff;}
.abou-pg .comunity-ban{color:#000;}

/*-------------------------------------------------*/
/* =  V2 HOME PAGE
/*-------------------------------------------------*/
.h2-ban-ql{display: none;margin: 0 auto;width: 100%;position: relative;padding-top: 0px;margin-top: 50px;}
.h2-ban-ql ul{
    margin: 0 auto;
    display: table;
}
.h2-ban-ql ul li{
    float: left;
    text-align: center;
}
.h2-ban-ql ul li div{
    border: 1px solid #485565;
    border-radius: 5px;
    position: relative;
    padding: 10px;
    width: 115px;
    margin: 0px 5px;
    transition: all 0.5s ease;
    background: #20344c80;
}
.h2-ban-ql ul li div:hover{
    background: #20344c;
    /* border: 1px solid #122338; */
    box-shadow: 0px 6px 21px -6px #0b1017;
}
.h2-ban-ql ul li div img{
    width: 32px;
}
.h2-ban-ql ul li div h5{
    color: #fff;
    font-size: 11px;
    padding: 7px 0px 0px 0px;
    margin: 0px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.h2-ban-ql ul li div h5 span{
    display: block;
    font-size: 30px;
    font-weight: 300;
}
.h2-ban-ql ul li div a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
.hom-h2-pri{
    background: #fff;
    padding: 70px 0 0px 0px;
    float: left;
    width: 100%;
}
.hom-h2-pri .tit h2{}
.hom-h2-pri .tit p{}
.hom-h2-pri .pri-box{
    background: #fafcfd;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 4px #68769229;
}
.hom-h2-pri .pri-box .c2{
    background: #2140d7;
    border-radius: 10px 10px 0px 0px;
}
.hom-h2-pri .pri-box .c2 h4{
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
.hom-h2-pri .pri-box .c2 p{
    color: #fff;
    font-size: 12px;
}
.hom-h2-pri ul li:nth-child(3) .pri-box{
    background: #445dd8;
    color: #fff;
    box-shadow: 0px 1px 10px 4px #68769229;
}
.hom-h2-pri ul li:nth-child(3) .pri-box .c4 ol li{color:#fff;}
.hom-h2-pri .c4 ol li{
    font-size: 12px;
}
.hom-h2-pri .c4 ol li:before{}
.hom-h2-pri:hover .c3 a{}
.hom-h2-pri ul li:nth-child(3) .pri-box .c3 a{}

/*--==================================================--*/
.all-products{
    margin-top: -50px;
    padding-bottom: 150px;
}
.all-products .col-md-3{padding-top: 30px;}
.all-product-total{}
.all-product-total ul{}
.all-product-total ul li{
    float: left;
    width: 33.3333%;
}
.all-pro-box{
    border: 1px solid #002f3433;
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    transition: all 0.5s ease;
}
.all-pro-box:hover{
    box-shadow: 0px 9px 27px -16px #33333387;
    transform: translateY(-3px);    
}
.all-pro-img{padding: 10px;}
.all-pro-img img{
    width: 100%;
    height: 125px;
    object-fit: contain;
}
.all-product-total .all-pro-aut{
    display: none;
}
.all-product-total .all-pro-aut .auth{
    position: absolute;
    margin: -20px 0px 0px 12px;
}
.all-pro-txt{
    padding: 15px 15px 15px 15px;
    float: left;
    width: 100%;
    position: relative;
}
.all-pro-txt h4{
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    float: left;
    width: 100%;
    color: #5c6369;
    padding-bottom: 0px;
}
.all-pro-txt .pri{
    padding: 0px;
    background: none;
    font-family: 'Quicksand', sans-serif;
    line-height: 32px;
    color: #5c6369;
    font-size: 14px;
}
.all-pro-txt .pri b{font-size: 21px;font-weight: 700;color: #000;}
.all-pro-txt .links{
    z-index: 9;
    right: 94px;
    position: absolute;
    bottom: 44px;
}
.all-pro-txt .links a{
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 50px;
    cursor: pointer;
    background: #ffd500;
    color: #000;
    display: inline-block;
    z-index: 2;
    position: absolute;
    width: 86px;
    text-align: center;
}
.all-pro-box .pro-view-full{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    /* background: #333; */
    z-index: 1;
}
.pro-rel-pro-box{
    float: left;
    width: 100%;
}
.pro-rel-pro-box h4{
    color: #000;
    text-align: center;
    margin-top: 50px;
}
.pro-rel-pro-box .pro-eve-box{
    border: 1px solid rgba(0, 47, 52, 0.2);
    box-shadow: none;
}
.pro-rel-pro-box .pro-eve-box img{
    object-fit: contain;
    padding: 15px;
}
.pro-rel-pro-box .pro-eve-box span{}
.pro-rel-pro-box .pro-eve-box h2{
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
.pro-rel-pro-box .us-ppg-com{padding-top: 0px;}
.btn-ser-need-ani{background: #21d78d;color: #fff;padding: 10px 20px 10px 35px;border-radius: 33px;border: 0px solid #333;position: fixed;bottom: 10px;right: 20px;z-index: 9;cursor: pointer;font-size: 13px;font-weight: 700;font-family: 'Quicksand', sans-serif;box-shadow: 0 0 0 rgb(33, 215, 141);animation: pulse 1.5s infinite;}
.btn-ser-need-ani:before{    content: 'phone';
    color: #fff;
    margin: -1px 0px 0px -20px;
    font-size: 15px}

.comity-all-user{
    padding: 60px 0px;
    float: left;
    width: 100%;   margin-bottom:0px; 
}
.comity-all-user ul{}
.comity-all-user ul li{
    float: left;
    width: 16.5%;
}
.comity-all-user ul li .pro-fol-gr{
    /* border: 1px solid #f9fcff; */
    /* background: #fff; */
    /* margin: 10px; */
    /* height: 221px; */
    /* padding: 15px 15px; */
    /* float: left; */
}
.comity-all-user ul li .pro-fol-gr:hover{
    box-shadow: none;
    background: #ebf8ff;
    border: 1px solid #ebf8ff;
    /* transform: translateY(-6px); */
    box-shadow: 0px 5px 28px -5px rgba(55, 63, 67, 0.45);
}
.comity-all-user ul li .pro-fol-gr:hover ol{
    transform: translateY(-10px);
}
.pro-fol-gr .count-li{
    opacity: 1;
    position: relative;
    background: none;
    padding: 0px 0px 15px 0px;
    display: table;
    /* border-top: 1px solid #dee4ea; */
    transform: translateY(0px);
    margin: 15px 0px 15px 0px;
    border-bottom: 1px solid #eaeef3;
    float: left;
    width: 100%;
}
.pro-fol-gr .count-li span{}
.pro-fol-gr .count-li span b{
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;    
}
.pro-fol-gr h4{
    text-align: center;
    /* padding-left: 85px; */
}
.pro-fol-gr h4 b{
}
.pro-fol-gr ol li{
    width: 33.3333%;
    /* text-transform: capitalize; */
    letter-spacing: 1px;
}
.comity-all-user ul li .pro-fol-gr ol li b{}
.comity-all-user ul li .pro-fol-gr span{cursor: pointer;}
.pro-fol-gr .comm-viw-pro-btn{/* background: #008dff; *//* color: #fff; *//* font-weight: 600; */font-size: 10px;/* border-radius: 2px; *//* text-align: center; *//* cursor: pointer; *//* text-transform: uppercase; *//* display: inline-block; *//* letter-spacing: 0.5px; */position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;width: 100%;height: 100%;}

.pro-fol-gr .pro-pg-msg{
    float: left;
    width: 100%;
}
.pro-fol-gr .pro-pg-msg span{
    float: left;
    color: #2196F3;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    width: auto;display: none;
}
.pro-fol-gr .pro-pg-msg span i{
    color: #2196F3;
    font-size: 14px;
    font-weight: 600;
    vertical-align: sub;
}
.pro-fol-gr .pro-pg-msg a, .pro-fol-gr .pro-pg-msg .userfollow{
    background: #c7e3ff;
    color: #0865d4;
    font-size: 12px;
    font-weight: 600;
    float: left;
    padding: 3px 10px;
    border-radius: 2px;
    display: block;
    width: 100%;
    text-align: center;
}

/*---================ LISTING MAP VIEW =================---*/

.list-map{display:none;}
.list-map{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 52px;
}
.list-map .list-map-resu{
    float: left;
    width: 78%;
    height: 200px;
    margin-left: 22%;
}
.list-map .list-map-resu iframe{
    height: 100%;
    width: 100%;
}
#list-map-resu-view{}
.list-map-filt .map-fi-view{
    padding: 0 11px 0 0;
    margin-bottom: 15px;
}
.list-map-filt .map-fi-view .ic-map-3{    color: #4274eb;}
.list-map .list-map-filt{
    position: absolute;
    bottom: 0px;
    top: 0px;
    background: #0b253a;
    z-index: 12;
    width: 22%;
    left: 0px;
    right: 0px;
    padding: 50px 15px 15px 15px;
    box-shadow: 0px -5px 25px -8px rgba(42, 42, 42, 0.24);
    transition: all 0.5s ease;
}
.list-map .list-map-filt:before{
    content: 'filter_list';
    margin: 0px 0px 0px 10px;
    font-size: 24px;
    color: #fff;
    background: #4274eb;
    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;
    background: #4274eb;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 33px;
    border-radius: 2px; }
.map-fi-com{
    float: left;
}
.map-fi-com select{
    font-size: 13px;
    height: 44px;
    color: #333;
    padding: 0px 8px;
    border: 1px solid #d1d1d1;
    width: 100%;
    border-radius: 2px;
    font-weight: 600;
    cursor: pointer;
}
.map-fi-com select option{}
.map-fi-com{
    width: 100%;
    padding: 10px;
}
.map-fi-com .ic3{color: #4274eb;}

/*---================ NOTIFICATION POPUP =================---*/
.pop-noti{
    width: 300px;
    position: fixed;
    z-index: 34;
    top: 68px;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    right: 1%;
    box-shadow: 0px 0px 16px 0px rgba(42, 42, 42, 0.16);
    transition: all 0.5s ease;
}
.pop-noti.act{right: 1%;}
.pop-noti:hover span{    background: #FFC107;
    color: #000;}
.pop-noti img{
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
}
.pop-noti h4{
    font-size: 14.5px;
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 2px 50px;
}
.pop-noti p{
    font-size: 12px;
    color: #a4a4a4;
    margin: 0px;
    padding: 0px 0px 0px 50px;
}
.pop-noti span{
    position: absolute;
    right: 15px;
    top: 15px;
    background: #F44336;
    color: #fff;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;transition: all 0.5s ease;
    letter-spacing: 1px;
}
.pop-noti a{
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
}

/*--============ MAP VIEW ============--*/
.list-map-resu .gm-style-iw{
    padding: 0px;
    width: 260px;
    border: 2px solid #fff;
    border-radius: 15px;
}
.list-map-resu .gm-style-iw-d{
    float: left;
    width: 100%;
    overflow: hidden !important;
}
.list-map-resu .gm-ui-hover-effect{}
.list-map-resu .gm-ui-hover-effect img{
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    padding: 2px;
    width: 20px !important;
    height: 20px !important;
    margin: 6px !important;
}
.list-map-resu .gm-style-iw-d div{}
.list-map-resu .gm-style-iw-d div br{
    display: none;
}
.list-map-resu .gm-style-iw-d div a{}
.list-map-resu .gm-style-iw-d div a img{
    width: 100%;
    height: 130px;
    object-fit: cover;
}
.list-map-resu .gm-style-iw-d div a strong{
    display: block;
    color: #000;
    font-weight: 600;
    padding: 13px 13px 2px 13px;
    font-size: 15px;
    /* font-family: 'Quicksand', sans-serif; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}
.list-map-resu .gm-style-iw-d div text{
    display: block;
    padding: 0px 13px 8px 13px;
    color: #566064;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    font-size: 12px;
    /* text-transform: lowercase; */
}
.list-map-resu .gm-style img{ }
.list-map-resu .gm-style img:has{ }
.list-map-resu .gm-style img:parent{ }
.list-map-filt .chosen-container.chosen-with-drop .chosen-drop {
    top: initial;
    bottom: 100%;
    border: 0px;
    border-radius: 5px 5px 2px 2px;
    padding: 6px;
}
.list-map-filt .chosen-container{
    height:auto;border: 1px solid #d1d1d1;    width: 100% !important;
}
.list-map-filt .chosen-container-single .chosen-single span {
    margin-right: 0px;
    padding: 2px 0px 0px 10px;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
    height: 33px
}
.list-map-filt .chosen-container-single .chosen-single{
    height: 33px;
    padding: 0px;line-height: 32px;border: 0px;
}
.list-map-filt .chosen-container-active .chosen-single{}
.list-map-filt .chosen-container-single .chosen-drop{}
.list-map-filt .chosen-container-single .chosen-search{}
.list-map-filt .chosen-container-single .chosen-search-input{}
.list-map-filt .chosen-container-single .chosen-results{
    padding: 0px;
}
.list-map-filt .chosen-container-single .chosen-results li{
    font-size: 13px;
    color: #2e3439;
}
.form-tip{opacity: 0;transition: all 0.5s ease;}
.form-tip a{font-size: 11px;
    text-decoration: underline;
    right: 21px;
    top: 4px;
    position: absolute;}
.form-group:hover .form-tip{opacity: 1;}
.ui-menu .ui-menu-item-wrapper{display: block;font-size: 12px;color: #5f6871;border-bottom: 1px solid #f3f4f6;padding: 7px 14px;font-weight: 500;}
.ui-menu .ui-menu-item-wrapper.ui-state-active{border:0px solid #ededed;margin: 0px;background: #e5f3ff;color: #008eff;}
.ui-menu .ui-menu-item-wrapper:hover{background: #e5f3ff;color: #008eff;}
.str-full {
    float: left;
    width: 100%;
    /* display: none; */
}


/*--============ JOB ============--*/
.all-jobs-ban{
    float: left;
    width: 100%;
    background: url('../images/all-job-bg.jpg') no-repeat;
    background-size: cover;
    padding: 100px 0px 175px 0px;
    margin-top: 55px;
    position: relative;
}
.all-jobs-ban:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #364250b0;
    /* background: linear-gradient(to top,#0b4d8fc7,#125dbbbd 100%); */
}
.all-jobs-ban .ban-search{
    float: left;
    display: block;
    margin: initial;
    width: 65%;
    background: #0000007a;
    /* padding: 0px; */
    box-shadow: none;
}
.all-jobs-ban h1{
    font-size: 50px;
    font-weight: 700;
    margin: 0px 0px 40px 0px;
    color: #fff;
    position: relative;
}
.all-jobs-ban .ban-search ul li.sr-sea{
    width: 50%;
    margin: 0px 1% 0px 0%;
}
.all-jobs-ban .ban-search ul li.sr-cit{
    display: block;
    margin: 0px 1% 0px 0%;
}
.all-jobs-ban .ban-search ul li.sr-btn{}
.all-jobs-ban .ban-search ul li.sr-btn input{
    background: #1637f0;
}
.job-pop-tag{
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 0px 45px 0px;
}
.job-pop-tag h4{
    color: #fff;
    font-size: 18px;
    float: left;
    font-weight: 600;
    margin: 0px 10px 0px 0px;
    line-height: 28px;
}
.job-pop-tag a{
    background: #3503f494;
    color: #fff;
    font-size: 12.5px;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 500;
}
.job-counts{
    position: relative;
    float: left;
    width: 100%;
}
.job-counts ul{}
.job-counts ul li{
    float: left;
    padding: 0px 20px 0px 25px;
    border-right: 1px solid #ffffff2b;
}
.job-counts ul li:first-child{padding-left: 0px;}
.job-counts ul li:last-child{border-right: 0px;}
.job-counts ul li span{
    font-size: 47px;
    color: #fff;
    font-weight: 300;
    font-family: 'Quicksand', sans-serif;
}
.job-counts ul li h4{
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.all-jobs{/* background: #fff; */float: left;width: 100%;/* margin-top: -50px; */}
.all-jobs .row{/* box-shadow: none; */border-radius: 10px;background: #fff;position: relative;}
.all-jobs .col-md-3{background: #fff;border-radius: 10px 0 0 0;padding: 20px 0px 30px 25px;}
.all-jobs .col-md-9{background: #fff;border-radius: 0 10px 0 0;}
.all-jobs .all-list-sh{background: #fff;}
.job-list{
    padding-top: 25px;
}
.job-list ul{}
.job-list ul li{
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.job-box{
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 10px;
    position: relative;
}
.job-box:hover .job-box-cta{
    background: #1bc96a;
}
.job-full-cta{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.job-box-img{
    float: left;
    /* width: 20%;;width: calc(20% - 65px);
    /* width: 20%; */
    background: #e4e4e4;
    border-radius: 5px;
    width: 90px;
    position: relative;
    height: 123px;
    padding-top: 18px;
}
.job-box-img img{
    width: 90px;
    /* height: 125px; */
    padding: 12px;
    object-fit: contain;
}
.job-box-con{
    float: left;
    width: calc(100% - 90px);
    padding: 15px 5px 15px 25px;
}
.job-box-con h4{
    font-weight: 600;
    font-size: 16px;
    color: #000;
}
.job-box-con span{
    font-size: 13px;
    color: #7187a2;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 500;
    float: left;
    line-height: 22px;
}
.job-box-con span:before{
    margin-left: -20px;
    color: #7187a2;
}
.job-ic-city:before{content: 'location_on';}
.job-ic-type:before{content: 'timer';}
.job-ic-open:before{content: 'supervisor_account';}
.job-box-con .job-box-cta{
    background: #673AB7;
    color: #fff;
    font-size: 13px;
    padding: 7px 20px;
    border-radius: 3px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    display: inline-block;
    margin-top: 10px;
    transition: all 0.5s ease;
    float: left;
}
.job-det-desc .job-box-con .job-box-cta{
    background: #246df8;
    padding: 7px 30px;
    cursor: pointer;
}
.job-top{
    padding-right: 25px;
    /* border-left: 1px solid#e4e4e4; */
    /* padding-left: 25px; */
}
.job-top h3{
    font-size: 14px;
    color: #677b89;
    /* padding-left: 25px; */
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.job-top ul{}
.job-top ul li{
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}
.job-top-box{position: relative;transition: all ease 0.5s}
.job-top-box:hover{
    padding-left: 10px;
}
.job-top-box:hover h4{
    color: #0961ea;
    text-decoration: underline;
}
.job-top-box img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}
.job-top-box h4{
    font-size: 13px;
    font-weight: 600;
    padding-left: 15px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}
.job-top-box .compny{
    padding-left: 16px;
    font-size: 11px;
    color: #333;
    font-weight: 500;
    display: table;
}
.job-top-box .city{
    font-size: 11px;
    color: #7187a2;
    padding-left: 5px;
}
.job-det-pg{background: #f5f5f5;}
.job-det-desc{
    margin-top: -100px;
    background: #fff;
    position: relative;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    color: #5d6781;
    box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
}
.job-det-desc .lhs{
    float: left;
    width: 100%;
    padding: 0 2px;
}
.job-det-desc .tit{}
.job-det-desc .tit .job-box{
    margin-bottom: 25px;
    /* padding: 0px; */
    /* border: 0px; */
    /* border-bottom: 1px solid #f0f0f0; */
    padding-bottom: 25px;
}
.job-det-desc .tit .job-box-img{}
.job-det-desc .tit .job-box-con{
    width: 100%;
    padding-bottom: 0px;
    text-align: left;
    /* padding: 0px; */
}
.job-det-desc .alpply{
    float: left;
    width: 100%;
    padding: 15px 0px;
}
.job-det-desc .alpply .cta-app{
    padding: 12px 35px;
    border-radius: 3px;
    background: #246df8;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid rgba(36, 109, 248, 0.15);
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}
.job-det-desc .desc{}
.job-det-desc .desc p{
    font-size: 13px;
    line-height: 25px;
}
.job-det-desc .desc ul{}
.job-det-desc .desc ul li{}
.job-det-desc .desc span{}
.job-det-desc .lhs h4{
    font-size: 18px;
    font-weight: 700;
    /* padding-bottom: 8px; */
}
.job-det-desc .skills{
    padding-bottom: 25px;
}
.job-det-desc .skills h4{padding-bottom: 8px;}
.job-det-desc .skills ul li{
    color: #5d6781;
    font-size: 14px;
    padding-left: 20px;
    padding-bottom: 8px;
}
.job-det-desc .skills ul li:before{content: 'check';margin-left: -20px;background: #4CAF50;width: 15px;height: 15px;color: #fff;line-height: 15px;font-size: 10px;border-radius: 50%;font-weight: 600;padding: 1px 0px 0px 3px;}
.job-det-desc .quali{}
.job-det-desc .rhs{
    float: left;
    width: 100%;
    padding: 0px 25px 25px 25px;
    /* border: 1px solid #f0f0f0; */
    -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    background: #fff;
}
.job-det-desc .rhs h4{
    font-size: 14px;
    color: #677b89;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
.job-det-desc .job-summ{
    margin-bottom: 25px;
    padding-top: 25px;
    /* background: #fafafa; */
    /* padding: 25px 25px 15px 25px; */
    /* border: 1px solid #f0f0f0; */
    /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
    /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
    /* background: #fff; */
}
.job-det-desc .job-summ .cta-app{
    padding: 7px 30px;
    border-radius: 3px;
    background: #246df8;
    color: #ffffff;
    font-size: 13px;
    border: 1px solid rgba(36, 109, 248, 0.15);
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
}
.job-det-desc .job-summ ul{}
.job-det-desc .job-summ ul li{
    font-size: 12px;
    color: #696d71;
    padding-bottom: 8px;
}
.job-det-desc .job-summ ul li span{
    font-weight: 600;
    width: 118px;
    display: inline-block;
    color: #333;
}
.job-det-desc .map{
    margin-bottom: 25px;
}
.job-det-desc .map iframe{
    border: 0px;
    width: 100%;
    height: 150px;
}
.job-det-desc .shar{}
.job-det-desc .shar ul{}
.job-det-desc .shar ul li{
    float: left;
}
.job-det-desc .shar ul li a{}
.job-det-desc .shar ul li a img{
    width: 26px;
    margin-right: 5px;
}
.job-det-pg-ban{
    float: left;
    width: 100%;
    background: url(../images/all-job-bg.jpg) no-repeat;
    padding: 40px 0px 130px 0px;
    margin-top: 55px;
    position: relative;    
}
.job-det-pg-ban:before{    background: #364250b0;}
.job-comp-pro{}
.job-comp-img{}
.job-comp-img img{}
.job-det-desc .s1, .job-det-desc .s2, .job-det-desc .s3{float: left;}
.job-det-desc .s1{
    width: 25%;
    padding-right: 30px;
}
.job-det-desc .s3 .job-top{
    float: left;
    width: 100%;
    padding: 25px;
    margin-top: 25px;
}
.job-det-desc .s1 .job-lhs-tit{
    font-size: 14px;
    color: #677b89;
    /* padding-left: 25px; */
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;    
}
.job-det-desc .s1 .job-comp-pro{
    border: 1px solid #f4f4f4;
    /* background: #f0f0f0; */
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.job-det-desc .s1 .job-comp-img{}
.job-det-desc .s1 .job-comp-img img{
    width: 100%;
}
.job-det-desc .s2{
    width: 50%;
    padding-right: 30px;
}
.job-det-desc .s3{
    width: 25%;
}
.job-comp-soc{}
.job-comp-soc ul{}
.job-comp-soc ul li{
    font-size: 12px;
    font-weight: 500;
    color: #000;
    padding-left: 25px;
    margin-bottom: 8px;
}
.job-comp-soc ul li a{}
.job-comp-soc ul li:before{
    margin: -4px 0px 0px -25px;
}
.job-comp-abo{
    border-top: 1px solid #f4f4f4;
    padding: 15px 0px;
    margin: 20px 0;
    border-bottom: 1px solid #f4f4f4;
}
.job-comp-abo p{
    font-size: 12px;
    line-height: 22px;
    margin: 0px;
}

.dir-hide{display:none;}

/*--===== MESSAGE WINDOW =====--*/
.pop-mess{
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 15px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 350px;
}
.pop-mess.comm-msg-show{right:20px;}
.pop-mess .con{}
.pop-mess .s1{
    float: left;
    width: 100%;
}
.pop-mess .s1 img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
}
.pop-mess .s1 h4{
    font-size: 12px;
    float: left;
    padding: 0px 0px 0px 12px;
    color: #969696;
}
.pop-mess .s1 h4 b{
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
}
.pop-mess .s2{
    float: left;
    width: 100%;
}
.pop-mess .s2 h4{
    font-size: 10px;
    text-transform: uppercase;
    padding: 10px 0px;
    margin-bottom: 0px;
}
.pop-mess .s2 h4 b{}
.pop-mess .s2 .chosen-container{
    margin-bottom: 10px;
    border: 1px solid #f1eae5;
    height: 34px;
    border-radius: 5px;
}
.pop-mess .s2 .chosen-choices{
    height: 32px;
    padding-top: 0px;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.pop-mess .s3{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.pop-mess .s3 textarea{
    height: 120px;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.pop-mess .s4{}
.pop-mess .s4 button{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    background: #2196F3;
    border: 0px;
    letter-spacing: 1px;
    /* float: right; */
}
.pop-mess .s4 button i{
    font-size: 13px;
    font-weight: 500;
    vertical-align: bottom;
    line-height: 18px;
}
.pop-mess .s5{}
.pop-mess .s5 .comm-msg-pop-clo,.comm-msg-pop-clo1, .comm-msg-pop-clo2{
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}
.pop-mess .s5 .comm-msg-pop-clo i,.comm-msg-pop-clo1 i, .comm-msg-pop-clo2 i{
    color: #a6a6a6;
    background: #ededed;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px;
}

/*--===== DASHBOARD MESSAGE =====--*/
.mess-dash{
}
.mess-tit{
    padding-bottom: 10px;
    float: left;
    width: 100%;
}
.mess-tit div{
    font-size: 13px;
    float: left;
    font-weight: 600;
}
.mess-tit .s1{
    width: 3%;
    display: none;
}
.mess-tit .s2{
    width: 20%;
}
.mess-tit .s3{
    width: 63%;
}
.mess-tit .s4{
    width: 8%;
}
.mess-tit .s5{
    width: 6%;
}
.mess-tit .s6{
    width: 6%;
}
.mess-bd{
    float: left;
    width: 100%;
}
.mess-bd .main{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0px;
}
.mess-bd .se1{
    font-size: 13px;
    float: left;
    width: 100%;
    cursor: pointer;
    z-index: 5;
    font-family: 'Poppins', sans-serif;
}
.mess-bd .se1 div{float:left;}
.mess-bd .se1 .s1{
    width:3%;
    display: none;
}
.mess-bd .se1 .s2{
    font-weight: 600;
    font-size: 13px;
    width: 20%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
    font-family: 'Poppins', sans-serif;
}
.mess-bd .se1 .s2 img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
    /* border: 2px solid #ffffff; */
    /* box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2); */
}
.mess-bd .se1 .s2 span{
    display: block;
    font-size: 10px;
    font-weight: 400;
}
.mess-bd .se1 .s3{
    width: 80%;
    font-size: 12px;
    font-weight: 500;
    color: #4a4d54;
    padding-top: 5px;
}
.mess-bd .se1 .s4{
    width:8%;
}
.mess-bd .se1 .s4 a{
    background: #2196F3;
    color: #fff;
    border: 1px solid #2093ef;
}
.mess-bd .se1 .s5{
    width:6%;
}
.mess-bd .se1 .s6{
    width:6%;
}
.mess-bd .se1 .s5 a{}

.mess-bd .se2{
    float: left;
    width: 100%;
    padding: 15px 0px 7px 0px;
    display: none;
    position: relative;
}
.mess-bd .se2:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 71%;
    background: #e0e0e0;
    left: 6.8%;
    top: 35px;
}
.mess-bd .se2 .mag-thrd{
    float: left;
    width: 100%;
    padding: 8px 0px 8px 5%;
    position: relative;
}
.mess-bd .se2 .mag-thrd .s1{
    font-weight: 600;
    font-size: 12px;
    float: left;
    width: 17%;
}
.mess-bd .se2 .mag-thrd .s1 img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 15px;
    border: 4px solid #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
}
.mess-bd .se2 .mag-thrd .s1 span{
    display: block;
    font-size: 10px;
    font-weight: 400;
}
.mess-bd .se2 .mag-thrd .s2{
    font-size: 12px;
    float: left;
    width: 80%;
    padding-left: 6px;
}

/*-- TOOL TIP --*/
.ttip-com{
    position: absolute;
    z-index: 9;
}
.ttip-com i{width: 20px;height: 20px;background: #dde8fd;border-radius: 50px;color: #4d84ec;font-size: 15px;padding: 2px;}
.ttip-com:hover div{opacity: 1;}
.ttip-com div{
    background: #354558;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.5s ease;
    margin: -25px 0px 0px 28px;
    position: relative;
}
.ttip-com div:before{content: '';position: absolute;width: 10px;height: 10px;background: #354558;transform: rotateZ(45deg);left: -4px;top: 10px;}

.add-list-map .ttip-com{
    margin: -48px 0px 0px 402px;
}


.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.responsive-table td, .responsive-table th {
    padding: 8px;
}



.responsive-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 12px;
}

.responsive-table thead th {
    /* color: #ffffff; */
    /* background: #4FC3A1; */
}


.responsive-table thead th:nth-child(odd) {
    /* color: #ffffff; */
    /* background: #324960; */
}

.responsive-table tr:nth-child(even) {
    background: #F8F8F8;
}

/*--====== COUPONS ========--*/
.coup-sec, .coup-sec1{float: left;
    width: 100%;}
.coup-sec1 img{width:100%;float:left;}
.coup-sec2{
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}
.coup-sec2 h1{
    font-size: 42px;
    font-weight: 700;
    line-height: 48px;
}
.coup-sec2 p{
    font-size: 14px;
    color: #787984;
}
.coup-sec2 span{}
.coup-sec2 span:before{
    content: 'search';
    z-index: 1;
    margin: 13px 0px 0px 25px;
    font-size: 22px;
}
.coup-sec2 input{
    border-radius: 30px;
    box-shadow: 0 5px 41px -14px rgba(60,63,66,.32);
    color: #40454a;
    max-width: 100%;
    min-height: 56px;
    position: relative;
    top: 0;
    width: 384px;
    padding: 10px 10px 10px 60px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    transition: all 0.5s ease;
    background: #fff;
}
.coup-sec2 input:focus{border: 1px solid #c3c9d2;box-shadow: 0 14px 29px -9px rgb(60 63 66 / 32%);background: #ffffff;}
.coup-sec3{
    float: left;
    width: 100%;
    margin-bottom: 150px;
}
.coup-sec3 ul{}
.coup-sec3 ul li{
    float: left;
    width: 33.333%;
    padding: 15px;
}
.coup-sec-log{    text-align: center;
    margin: 0 auto;
    display: table;
    width: 80%;
    border-radius: 5px;
    padding: 25px;
    transition: all 0.5s ease;
    border: 3px dashed #fba606;
    box-shadow: 0px 12px 18px -9px #33333394;
    margin-bottom: 180px;}
.coup-sec-log h4{    font-size: 28px;
    font-weight: 700;
    line-height: 48px;}
.coup-sec-log p{    font-size: 16px;
    line-height: 28px;
    color: #79797b;}
.coup-sec-log a{    background: #4634b5;
    background: linear-gradient(to right, #3b33b2, #aa35ce);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 45px;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;}
.coup-box{
    float: left;
    width: 100%;
    box-shadow: 0px 1px 14px -4px #33333352;
    border-radius: 5px;
    padding: 15px;
    border: 2px dashed #ededf1e0;
    transition: all 0.5s ease;
    height: 195px;
    position: relative;overflow: hidden;
}
.coup-box-1{
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
}
.coup-box:hover{
    border: 2px dashed #4734b5;
    box-shadow: 0px 12px 18px -9px #33333394;
    transform: translateY(-3px);
}
.coup-box.act .coup-box-1{transform: translateX(-110%);}
.coup-box.act .coup-box-2{transform: translateX(0%);}
.coup-box:hover .coup-box-1 .s2 .rhs .get-coup-btn{}
.coup-box-1 .s1{
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.coup-box-1 .s1 .lhs{
    float: left;
    width: 75px;
}
.coup-box-1 .s1 .lhs img{
    width: 65px;
    border-radius: 5px;
    object-fit: cover;
}
.coup-box-1 .s1 .rhs{
    float: left;
    width: 70%;
    width: calc(100% - 75px);
}
.coup-box-1 .s1 .rhs h4{
    font-size: 16px;
    font-weight: 700;
    padding: 10px 5px 5px 5px;
    line-height: 20px;
    height: 55px;
    overflow: hidden;
}
.coup-box-1 .s2{
    float: left;
    width: 100%;
}
.coup-box-1 .s2 .lhs{
    float: left;
    width: 60%;
}
.coup-box-1 .s2 .lhs span{
    font-size: 11px;
    font-weight: 500;
    color: #474858;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.coup-box-1 .s2 .lhs h6{
    color: #000;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 20px;
}
.coup-box-1 .s2 .lhs a{
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    float: left;
}
.coup-box-1 .s2 .rhs{
    float: left;
    width: 40%;
    padding-top: 10px;
}
.coup-box-1 .s2 .rhs .get-coup-btn{
    background: #4634b5;  /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3b33b2, #aa35ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    display: inline-block;
    float: right;
    border-radius: 50px;
    cursor: pointer;
}
.coup-box-2{
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
    transform: translateX(110%);
    text-align: center;
    padding: 10px 0px 0px;
    height: 85%;
}
.coup-box-2 h4{
    color: #4634b5;
    font-weight: 700;
    font-size: 18px;
}
.coup-box-2 p{
    font-size: 11.5px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #28292b;
    line-height: 16px;
    padding-top: 5px;
    padding: 5px 30px 5px 30px;
}
.coup-box-2 span{
    font-size: 12px;
    font-weight: 500;
    color: #0056b3;
    cursor: pointer;
    padding-left: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.coup-box-2 span:before{
    content: 'arrow_back';
    margin: -4px 0px 0px -20px;
    color: #0056b3;
    font-weight: 600;
}
.coup-box-2 i{
    font-size: 30px;
    font-weight: 800;
    display: block;
    font-style: normal;
    /* letter-spacing: 1px; */
}
.coup-box-2 a{
      background: #4634b5;  /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to right, #3b33b2, #aa35ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      color: #fff;
      font-size: 12px;
      font-weight: 500;
      padding: 4px 15px;
      display: inline-block;
      /* float: right; */
      border-radius: 50px;
      cursor: pointer;
      }

.db-coupons{
    float: left;
    width: 100%;
    padding-top: 35px;
}
.db-coupons ul{}
.db-coupons ul li{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e5e5;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.db-coup-lhs{
    float: left;
    width: 50%;
}
.db-coup-rhs{
    float: left;
    width: 50%;
    padding: 0px 0px 0px 50px;
}
.db-coup-rhs h5{
    /* padding-bottom: 15px; */
    position: relative;
}
.db-coup-rhs h5 b{
    font-size: 50px;
    font-weight: 700;
    position: absolute;
}
.db-coup-rhs h5 span{
    font-size: 16px;
    padding: 6px 0px 0px 90px;
    display: block;
}
.db-coup-rhs ol{
    padding: 20px 0px 0px 0px;
    float: left;
    width: 100%;
}
.db-coup-rhs ol li{
    margin: 0px;
    padding: 3px 0px;
    border: 0px;
    font-size: 12.5px;
    font-weight: 500;
    color: #8b909e
}
.db-coup-rhs ol li b{color:#54575f;}
.db-coup-rhs ol li a{
    border: 1px solid #007bff;
    padding: 1px 8px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
    display: inline-block;
    font-size:12px;font-weight: 500;    
}
.inp-ttip{
    position: absolute;
    background: #caffd3;
    width: 250px;
    padding: 10px;
    z-index: 9;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0px 9px 10px -13px #333;
    border: 1px solid #adf3b9;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 400;display: none;
}
.inp-ttip b{}
.inp-ttip:before{
    content: '';
    width: 9px;
    height: 9px;
    border: 1px solid #adf3b9;
    background: #caffd3;
    left: 10px;
    top: -5px;
    transform: rotate(45deg);
    border-bottom: 0px;
    border-right: 0px;
}

/*--====== COMPANY PROFILE ========--*/
.comp-pro-pg{}
.com-pro-pg-head{
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0px;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    z-index: 10;
}
.db-unfol-user{position: relative;float: left;width: 100%;}
.comp-head{width: 100%;padding: 10px 0px;}
.com-pro-pg-head img{
    max-width: 200px;
    float: left;
    object-fit: cover;
    height: 40px;
}
.com-pro-pg-head ul{
    float: right;
    margin-top: 2px;
}
.com-pro-pg-head ul li{
    float: left;
    display: inline-block;
}
.com-pro-pg-head ul li a{
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
    line-height: 28px;
}
.com-pro-pg-head ul li:last-child a{
    background: #6a8cbf;
    color: #fff;
    padding: 5px 20px;
    border-radius: 2px;
    margin-left: 8px;
}

.com-pro-pg-banner{}
.com-pro-pg-banner img{
    width: 100%;
    float: left;
    height: 400px;
    object-fit: cover;
}

.com-pro-pg-bd{
    float: left;
    width: 100%;
    background: #f1f4f7;
}
.com-pro-pg-bd .templ-rhs-form .form-group textarea{
    height: 110px;
}
.com-pro-pg-bd .templ-rhs-form form{
    margin-bottom: 0px;
}
.comp-tax{
    float: left;
    width: 100%;
    margin-top: 15px;
}
.comp-tax p{
    margin: 0px;
    border: 1px solid #c2def5;
    border-radius: 2px;
    padding: 10px;
    background: #ecf9ff;
    color: #0c6ab5;
    font-weight: 500;
    font-size: 18px;
}
.comp-tax p b{
    font-weight: 600;
    text-transform: uppercase;
}
.box-s1{
    float: left;
    width: 100%;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    background: #fff;
    border-radius: 2px;
    margin-top: -125px;
    margin-bottom: 50px;
}
.pro-pg-logo{
    float: left;
    width: 23%;
    padding: 20px;
}
.pro-pg-logo img{
    width: 100%;
}
.pro-pg-bio{
    float: left;
    width: 57%;
    padding: 30px;
}
.pro-pg-bio h1{
    font-size: 34px;
    font-weight: 600;
    padding-bottom: 10px;
}
.pro-pg-bio h1 i img{
    filter: hue-rotate(40deg);
    width: 32px;
    border: 1px solid #ededed;
    border-radius: 50px;
    height: 32px;
    padding: 5px;
    margin-top: -20px;
}
.pro-pg-bio .bio{}
.pro-pg-bio .bio li{
    float: left;
    width: 50%;
    padding: 0px 10px 10px 0px;
}
.pro-pg-bio .bio li:first-child{width: 100%;}
.pro-pg-bio .bio li span{
    font-size: 15px;
    color: #5f6673;
    font-weight: 500;
}
.pro-pg-bio .bio li span img, .pro-pg-bio .bio li a img, .pro-pg-bio .bio li img{width: 16px;margin-right: 5px;opacity: 0.8;}
.pro-pg-bio .bio li a, .pro-pg-bio .bio li{
    font-size: 15px;
    color: #5f6673;
    font-weight: 500;
}
.pro-pg-bio .bio li a:hover{color: #0a77ff;}
.pro-pg-bio .bio li a img{
    /* margin-right: 5px; */
}

.pro-pg-bio .soc{
    padding-top: 10px;
    float: left;
    display: inline-block;
    width: 100%;
}
.pro-pg-bio .soc li{
    float: left;
    margin: 0px 5px 5px 0px;
}
.pro-pg-bio .soc li a{}
.pro-pg-bio .soc li a img{
    width: 28px;
    background: #eceff3;
    padding: 6px;
    border-radius: 5px;
    opacity: 0.7;
    transition: all 0.5s ease;
}
.pro-pg-bio .soc li a:hover img{
    opacity: 1;
    background: #cee8f7;
    /* filter: invert(1); */
}

.pro-pg-cts{
    float: left;
    width: 20%;
    padding: 40px 25px 25px 0px;
}
.pro-pg-cts a{
    color: #fff;
    padding: 10px 20px;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 13px;
}
.pro-pg-cts a.cta1{background: #f44336;}
.pro-pg-cts a.cta2{background: #5a6a7b;}
.pro-pg-cts a.cta3{background: #37b30e;}



.box-s2{
    padding-bottom: 50px;
    margin-bottom: 150px;
}
.box-s2 .lhs{
    float: left;
    width: 68%;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    background: #fff;
    padding: 30px;
    margin-right: 4%;
}
.box-s2 .lhs .comp-abo{
    padding-bottom: 20px;
}
.box-s2 .lhs .comp-abo h2{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}
.box-s2 .lhs .comp-abo h1{font-size: 24px;}
.box-s2 .lhs .comp-abo h3{font-size: 19px;}
.box-s2 .lhs .comp-abo h4{font-size: 16px;}
.box-s2 .lhs .comp-abo h5{font-size: 14px;}
.box-s2 .lhs .comp-abo h6{font-size: 12px;}
.box-s2 .lhs .comp-abo p{
    font-size: 14px;
    color: #5f6673;
    line-height: 28px;
}
.box-s2 .lhs .comp-pro{
    float: left;
    width: 100%;
    padding-bottom: 35px;
}
.box-s2 .lhs .comp-pro h2{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}
.box-s2 .lhs .comp-pro .all-pro-box{width: 32.3%;margin:0.5%;}
.box-s2 .lhs .comp-pro .land-pack-grid{width: 32.3%;margin:0.5%;float: left;}
.box-s2 .lhs .comp-pro .eve-box div:nth-child(1) img{height: 180px;}
.box-s2 .rhs{
    float: left;
    width: 28%;
    /* box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%); */
    /* background: #fff; */
    /* padding: 30px; */
    border-radius: 10px;
    position: relative;
}
.box-s2 .rhs .cpro-form{
    position: relative;
    /* width: 100%; */
    /* bottom: 0px; */
    /* top: 0px; */
    height: 100%;
}
.box-s2 .rhs .cpro-form .templ-rhs-eve{
    /* width: 100%; */
    position: sticky;
    top: 65px;
}
.comp-pro-edit{}
.comp-pro-edit h6{
color: #333;
    font-weight: 700;
    padding: 0px 0px 5px 0px;
    font-size: 16px;    
}
.edit-comp-pro{
    background: #edf6fd;
}
.edit-comp-pro:before{
    opacity: 0;
}
.edit-comp-pro .login-main{
    box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
}

/*--  SEARCH --*/
.tser-res{
    position: absolute;
    background: #fff;
    box-shadow: 0px 10px 13px 1px #3333331a;
    width: 100%;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    /* padding: 12px; */
    /* display: none; */
    max-height: 300px;
    overflow-y: auto !important;
    border: 1px solid #e1e3e8;
    border-top: 0px;
    padding: 4px 0px 0px 0px;
    transform: translateY(10px);
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
}
.tser-res.act{transform: translateY(0px);transition: all 0.5s ease;visibility: visible;opacity: 1;z-index: 1;width: 100%;border-radius: 0px 0px 4px 4px;margin-top: -2px;}
.top-ser .tser-res.act{width:100%;}
.tser-res li{
    list-style-type: none;
    /* padding-bottom: 5px; */
    width: 100%;
}
.tser-res li:last-child{
	padding-bottom:0px;
}
.tser-res li div{
    display: block;
    font-size: 12px;
    color: #5f6871;
    border-bottom: 1px solid #f3f4f6;
    padding: 7px 14px;
    font-weight: 500;position: relative;
}
.tser-res li div h4{font-size: 13px;margin-bottom: 2px;font-weight: 600;color:#404a5a;}
.tser-res li a em{font-style: normal;color: #008eff;}
.tser-res li div:hover{
    background: #e5f3ff;color: #008eff;cursor: pointer;
}
.tser-res li.selected a{
    background: #e5f3ff;color: #008eff;
}
.tser-res li div span{
    font-size: 10px;
    display: block;
    text-transform: lowercase;
    color: #818a94;
}
.tser-res li div a{}
.tser-res li div.match h5, .tser-res li div.match span{}

/*-------------------------------------------------*/
/* =  EBOOK STYLES
/*-------------------------------------------------*/
.ebk-ban{
    background: url('../images/ebook-bg.jpeg') no-repeat #ededed;
    background-size: cover;
    margin-top: 52px;
    padding: 50px 0px;position: relative;
}
.ebk-ban:before{content:'';position:absolute;width:100%;height:100%;left:0px;right:0px;top:0px;bottom:0px;background: #4b90cc;  /* fallback for old browsers */background: -webkit-linear-gradient(to top, #267ecfe6 14%, #1779d3ba 66%);  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to top, #134b7d9c 14%, #0e65b473 66%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.ebk-ban .container{position: relative;}
.ebk-ban .lhs{
    float: left;
    width: 65%;
    padding: 50px 50px 50px 100px;
}
.ebk-ban .lhs h1{
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    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{
    background: #ffc107;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 30px;
    line-height: 20px;
    border-radius: 4px;
    letter-spacing: 2px;
}
.ebk-ban .lhs a.btn:hover{
    background: #c6ec07;
    box-shadow: 0px 9px 15px -3px #333;
}
.ebk-ban .rhs{
    float: left;
    width: 35%;
    padding-right: 100px;
}
.ebk-ban .rhs img{
    width: 100%;
    filter:drop-shadow(0px 1px 19px #333);
}
.ebk-con{
    padding: 50px 0px;
    margin-bottom: 100px;
}
.ebk-con .lhs{
    float: left;
    width: 35%;
    padding: 0px 20px 50px 80px;
}
.ebk-con .lhs h4{
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 15px;
}
.ebk-con .lhs form{
    background: #f5f7fb;
    padding: 30px;
    border-radius: 5px;
    position: sticky;
    top: 50px;
    box-shadow: 0px 1px 19px #383b402b;
    border: 1px solid #e0e2e4;
}
.ebk-con .lhs form input, .ebk-con .lhs form select, .ebk-con .lhs form textarea{
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    color: #7a7b7f;
    border-radius: 5px;
}
.ebk-con .lhs form input{}
.ebk-con .lhs form select{}
.ebk-con .lhs form textarea{height: 90px;}
.ebk-con .lhs form .btn{
    width: 100%;
    background: #fb5a4e;
    border: 0px;
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
}
.ebk-con .rhs{
    float: left;
    width: 65%;
    padding: 0px 100px 50px 50px;
}
.ebk-con .rhs h1{}
.ebk-con .rhs h2{}
.ebk-con .rhs h3{}
.ebk-con .rhs h4{
    font-size: 24px;
    font-weight: 600;
    font-weight: 600;
}
.ebk-con .rhs h5{}
.ebk-con .rhs p, .ebk-con .rhs li{
    font-size: 15px;
    line-height: 26px;
    color: #5b5d61;
}
.ebk-con .rhs img{width:100%;margin: 5px 0px;border-radius: 2px;}
.ebk-con .rhs p a{}
.ebk-con .rhs ul{
    position: relative;
    padding: 8px 0px 15px 30px;
}
.ebk-con .rhs ul li{
    padding: 0px 0px 15px 30px;
    /* font-size: 14px; */
    /* font-weight: 500; */
    /* line-height: 24px; */
}
.ebk-con .rhs ul li:before{content: '';position: absolute;width: 15px;height: 15px;background: #3a4cb0;margin-left: -34px;z-index: 2;border-radius: 50px;border: 3px solid #fff;box-sizing: border-box;margin-top: 5px;box-shadow: 0 0px 10px 0.6px rgba(40, 30, 20, 0.08);}
.ebk-con .rhs ul li:nth-child(odd):before{
     background: #76cef1;
}
.ebk-con .rhs ul li:nth-child(even):before{
     background: #6ae697;
}
.ebk-con .rhs ul::after {
     content: '';
     background: #ececec;
     position: absolute;
     width: 1px;
     top: 15px;
     bottom: 0;
     height: 75%;
     left: 33px;
}

/*--==========================--*/
.pg-404{
    padding: 150px 0 170px;
    background: #090b52;
      /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #142b6b, #4c288e); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pg-404 .inn1{
    text-align: center;
    color: #ffffff;
    width: 100%;
}
.pg-404 .inn1 b{
    font-size: 120px;
    line-height: 90px;
    color: #fff;
}
.pg-404 .inn1 h1{
    font-size: 40px;
    color: #e3c009;
}
.pg-404 .inn1 p{}
.pg-404 .inn1 a.btn1{
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    background: #186dd6;
    color: #fff;
}
.pg-404 .inn1 a.btn2{
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    background: #607D8B;
    color: #fff;
}

/*--==========================--*/
.pg-install{
    background: #f0f2f5;
    padding: 30px;
}
.pg-install .inn{
    width: 580px;
    margin: 0 auto;
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(126,142,177,.12);
    border-radius: 5px;
    /* margin-top: 50px; */
}
.pg-install .s1{
    padding-bottom: 30px;
}
.pg-install .s1 img{
    margin: 0 auto;
    display: table;
    width: 160px;
}
.pg-install .s2{}
.pg-install .s2 h4{
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #667d9a;
}
.pg-install .s2 h4 b{
    color: #4e6582;
}
.pg-install .s2 p{
    font-size: 10.5px;
    margin: 0px 0px 15px 0px;
    background: #ebfff4;
    border: 1px solid #ccf1dd;
    padding: 10px;
    float: left;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 16px;
    font-weight: 400;
}
.pg-install .s2 p a{
    text-decoration: underline;
    color: #09b155;
}
 .pg-install .s2 table{}
 .pg-install .s2 table tr{}
 .pg-install .s2 table tr td{
    font-size: 11px;
    padding: 10px;
    color: #4e6582;
}
 .pg-install .s2 table tr td h6{
    font-size: 14px;
    margin: 0px;
    font-weight: 500;
    /* color: #333; */
}
 .pg-install .s2 table tr td input, .pg-install .s2 table tr td select{
    border: 1px solid #c6c8ca;
    font-size: 13px;
    padding: 5px;
    background: #f0f2f570;
    border-radius: 2px;
    font-weight: 500;
     width: 100%;
}
 .pg-install .s2 table tr td b{}
 .pg-install .s2 table tr td button{
    font-size: 12px;
    padding: 10px;
    display: inline-block;
    border-radius: 2px;
    background: #4CAF50;
    color: #fff;
    border: 0px;
    width: 100%;
    font-weight: 600;
    cursor: pointer;transition: all 0.4s ease;
}
.pg-install .s2 table tr td button:hover{    background: #3ca040;    box-shadow: 0px 6px 7px -2px #3333338c;}
.pg-install .s2-succ{}
.pg-install .s2-succ h4{
    font-size: 24px;
    margin-bottom: 10px;
    color: #0c9c4d;
    font-family: 'Roboto', sans-serif;
}
.pg-install .s2-succ p{
    text-align: center;
    color: #0c9c4d;
    font-size: 12.5px;
    line-height: 18px;
}
.user-act-code .login{
    text-align: center;
}
.user-act-code .login h4{
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px;
    display: none;
}
.user-act-code .login p{
    font-size: 13px;
    font-weight: 500;
    color: #79797b;
    padding: 0px 30px;
}
.user-act-code .login p b{
    font-size: 22px;
    color: #0fb953;
}
.user-act-code .ud-notes{}
.user-act-code .templ-acti{
    background: none;
    padding: 0px;
    margin-top: 10px;
}
.user-act-code .templ-acti ul{
    margin: 0 auto;
    width: 80%;
}
.user-act-code .templ-acti ul li{}
.user-act-code .templ-acti input{
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    border: 0px;
    border-bottom: 1px solid #cacaca;
    height: 40px;
    border-radius: 2px;
    float: left;
    width: 100%;
    text-align: center;
}
.user-act-code .templ-acti button{
    height: 40px;
    float: left;
    background: #0fb953;
    border: 1px solid #0fb953;
    font-weight: 500;
    border-radius: 2px;
    width: 100%;
    margin-top: 10px;
}
.radi-v4{
    float: left;
    padding: 0px 12px 5px 0px;
}
.radi-v4 input{}
.radi-v4 label{
} 
.radi-v4 [type="radio"]:checked,
.radi-v4 [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radi-v4 [type="radio"]:checked + label,
.radi-v4 [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #333;
    font-weight: 600;
}
.radi-v4 [type="radio"]:checked + label:before,
.radi-v4 [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #a8bdb4;
    border-radius: 100%;
    background: #fff;
}
.radi-v4 [type="radio"]:checked + label{color: #0ba265;}
.radi-v4 [type="radio"]:checked + label:after,
.radi-v4 [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0ba265;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radi-v4 [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radi-v4 [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.buy-poin{
    font-family: 'Poppins';
}
.buy-poin h5{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Poppins';
    padding: 15px 15px 8px 0px;
}
.buy-poin .notes{
    border: 1px solid #76eabb;
    background: #dffff2;
    color: #0b8c58;
    font-weight: 500;
    padding: 3px;
    border-radius: 5px;
    font-size: 13px;
}
.buy-poin .form-group label{
    font-weight: 500;
}
.buy-poin .form-group input{
    font-size: 32px !important;
    font-weight: 600;
}

/*--====== PAGENATION =======--*/
ul.simple-pagination{list-style:none}
.simple-pagination{display:block;overflow:hidden;padding: 20px 0px 158px 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 0px 15px 0;}
span.ellipse.clickable{cursor:pointer}
.ellipse input{width:3em}
.compact-theme a,.compact-theme span{float:left;color:#333;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #AAA;border-left:none;min-width:14px;padding:0 7px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);background:#efefef;background:-moz-linear-gradient(top,#fff 0%,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0%,#efefef 100%);background:-o-linear-gradient(top,#fff 0%,#efefef 100%);background:-ms-linear-gradient(top,#fff 0%,#efefef 100%);background:linear-gradient(top,#fff 0%,#efefef 100%)}
.compact-theme a:hover{text-decoration:none;background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#bbb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#bbb));background:-webkit-linear-gradient(top,#efefef 0%,#bbb 100%);background:-o-linear-gradient(top,#efefef 0%,#bbb 100%);background:-ms-linear-gradient(top,#efefef 0%,#bbb 100%);background:linear-gradient(top,#efefef 0%,#bbb 100%)}
.compact-theme li:first-child a,.compact-theme li:first-child span{border-left:1px solid #AAA;border-radius:3px 0 0 3px}
.compact-theme li:last-child a,.compact-theme li:last-child span{border-radius:0 3px 3px 0}
.compact-theme .current{background:#bbb;background:-moz-linear-gradient(top,#bbb 0%,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bbb),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#bbb 0%,#efefef 100%);background:-o-linear-gradient(top,#bbb 0%,#efefef 100%);background:-ms-linear-gradient(top,#bbb 0%,#efefef 100%);background:linear-gradient(top,#bbb 0%,#efefef 100%);cursor:default}
.compact-theme .ellipse{background:#EAEAEA;padding:0 10px;cursor:default}
.light-theme a,.light-theme span{float:left;color:#666;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #BBB;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.2);background:#efefef;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%)}
.light-theme a:hover{text-decoration:none;background:#FCFCFC}
.light-theme .current{    background: #05a2ec;
    color: #FFF;
    border-color: #4703cc;
    box-shadow: 0 1px 0 rgb(255 255 255), 0 0 2px rgb(0 0 0 / 30%) inset;
    cursor: default;
    background: #8E2DE2;
    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
    background: linear-gradient(to right, #4A00E0, #8E2DE2);}
.light-theme .ellipse{background:none;border:none;border-radius:0;box-shadow:none;font-weight:700;cursor:default}
.dark-theme a,.dark-theme span{float:left;color:#CCC;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #222;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.2);background:#555;background:-moz-linear-gradient(top,#555 0%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#555),color-stop(100%,#333));background:-webkit-linear-gradient(top,#555 0%,#333 100%);background:-o-linear-gradient(top,#555 0%,#333 100%);background:-ms-linear-gradient(top,#555 0%,#333 100%);background:linear-gradient(top,#555 0%,#333 100%)}
.dark-theme a:hover{text-decoration:none;background:#444}
.dark-theme .current{background:#222;color:#FFF;border-color:#000;box-shadow:0 1px 0 rgba(255,255,255,0.2),0 0 1px 1px rgba(0,0,0,0.1) inset;cursor:default}
.dark-theme .ellipse{background:none;border:none;border-radius:0;box-shadow:none;font-weight:700;cursor:default}

@media screen and (max-width:1370px){
    .ud-cen-s1 ul li div p{
    }
    .eve-box div:nth-child(2) h4{
        font-size: 16px;
    }
    .all-list-sh .eve-box div:nth-child(2) span{
        font-size: 13px;
    }
    .all-list-sh .eve-box div:nth-child(3) .links a, .all-list-sh .eve-box div:nth-child(3) .links span{
        font-size:12px;
    }
    .filt-com h4{
        font-size:14px;
    }
    .bb-text h4{
        font-size:22px;
    }
    .foot-supp h2{
        font-size:18px;
    }
    .db-list-ststus {
        padding: 2px 5px;
        font-size: 9px;
    }
    .db-list-rat {
        padding: 2px 5px;
        font-size: 9px;
    }
    .ud-cen-s2 table tr td:nth-child(2) img {
        width: 32px;
        height: 32px;
    }
    .ud-cen-s2 table tr td:nth-child(2){
        font-size: 10px;
    }
    .ud-cen-s2 table tr td:nth-child(2) span{
        font-size: 9px;
    }
    .ud-cen-s2 table tr th{
        font-size: 10px;
        padding: 14px 8px 14px 0px;
    }
    .db-list-edit{
        font-size: 9px;
    }
    .ud-rhs-sec-2 ul li a p, .ud-rhs-sec-1 ul li a p{
        font-size:11px;
    }
    .ud-rhs-sec-2 ul li a h5, .ud-rhs-sec-1 ul li a h5{
        font-size: 11px;
    }
    .ud-cen-s3 ul li .db-eve a h5{
        font-size:12.5px;
    }
    .ud-cen-s2 h2, .ud-cen-s3 h2{
        font-size: 13px;
    }
    .ud-cen-s2{
        overflow:hidden;
        overflow-x: auto;
    }
    .ud-rhs-promo{
    padding: 20px;
}
    .ud-rhs-promo h3{
    font-size: 20px;
}
    .ud-rhs-promo p{
    font-size: 11px;
}
    .ud-rhs-promo a{
    font-size: 9px;
}
    .add-list .steps, .udb-inst{
    font-size: 10px;
}
    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn{
    font-size: 9px;
}
    .ud-lhs-s1 h4{
    font-size: 15px;
}
    .ud-lhs-s1 .ud-lhs-view-pro{
    font-size: 10px;
}
    .ud-lhs-s2 ul li a{
    font-size: 12px;
}
    .ud-lhs-s2 ul li a img{
    width: 22px;
}
    .ud-rhs-pay-inn h3{
    font-size: 13px;
    padding: 10px 15px;
}
    .ud-rhs-pay-inn ul{
    padding: 15px;
}
    .ud-rhs-pay-inn ul li{
    font-size: 11px;
}
    .ud-rhs-pay-inn ul li b{
    width: auto;
}
    .ud-rhs-sec-1 ul, .ud-rhs-sec-2 ul, .ud-rhs-sec-3 ul, .ud-rhs-sec-4 ul{
    padding: 15px;
}
    .ud-rhs-sec-1 ul li{
    padding-bottom: 6px;
    margin-bottom: 8px;
}
}
@media screen and (max-width:1250px){
    .list-bann img{
        /* height:445px; */
    }
    .list-ban-btn {
        border-left: 1px solid #e3e6ea;
        padding: 25px 0px 25px 10px;
    }
}
@media screen and (max-width:1200px){
    .ud-lhs {
        width: 20%;
        padding: 40px 0px 0px 15px;
    }
    .ud-cen, .ud-enqu .ud-cen{
        width: 55%;
    }
    .ud-rhs {
        width: 19%;
        /* margin-top: 50px; */
        padding: 40px 0px 0px 0px;
    }
    .ud-rhs-sec-1, .ud-rhs-sec-2, .ud-rhs-sec-3, .ud-rhs-sec-4{
        width: 100%;
        float: left;
    }
    .ud-rhs-sec-3 .list-ri-peo-like ul li{
        width:90px;
    }
    .ud-rhs-sec-2 ul li{
        float:left;
        width:25%;
    }
    .ud-rhs-sec-1 ul li a p, .ud-rhs-sec-1 ul li a h5{
        white-space: initial;
    }
    .ud-rhs-sec-3{
        margin-bottom:0px;
    }
    .us-pro-sec-1{
    }
    .us-pro-sec-1-rhs h1{
        font-size: 32px;
    }
}
@media screen and (max-width:1150px){
    .ud-lhs-s2 ul li a {
        font-size: 13px;
        padding: 8px 0px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }
    .top-ser{width:30%;}
}
@media screen and (max-width:1100px){
    .pg-list-1-left h3, .pg-list-1-left p{
        /* padding-left: 205px; */
    }
    .comity-all-user ul li {
    width: 33.333%;
}
    .pg-list-1-left img{
        width: 175px;
        height:175px;
    }
    .pag-p1-phone{
        /* padding-left:210px; */
    }
    .pg-list-1-left .stat {
        top: 44px;
        left: 49px;
    }
    .list-ban-btn ul li span:before {
        margin-top: -4px;
    }
    .list-ban-btn ul li span {
        font-size: 12px;
        padding: 8px 5px 8px 44px;
    }
    .list-ban-btn {
        padding: 33px 0px 33px 10px;
    }
    .login-main.add-list {
        width: 90%;
    }
    .list-fix-pro {
    width: 7%;
}
    .list-fix-tit{width:50%}
    .list-fix-btn{width:32%;}
    .top-ser{
       padding: 8px 0px 0px 15px;
        width:26%;
    }
    .hom-nav .bl li a{font-size: 12px;}
    .coup-box-1 .s2 .lhs, .coup-box-1 .s2 .rhs{width:50%}
}
@media screen and (max-width:1024px){
    .all-list-sh .eve-box div:nth-child(3) .links a, .all-list-sh .eve-box div:nth-child(3) .links span {
        font-size: 12px;
        padding: 4px 8px;
    }
    .ebk-con .lhs{padding: 0px 20px 50px 0px;}
    .ebk-con .rhs{padding: 0px 0px 50px 50px;}
    .coup-box-2 p{    padding: 5px 10px 5px 10px;}
}
@media screen and (max-width:992px){
    .hom-mpop .col-md-3, .hom-mpop .col-md-9 {
        max-width: 100%;
    }
    .template-def .container{
        max-width: 90%;
    }
    .wed-foot-link-pop ul li{width:25%;}
    .pop-menu {
    left: 0px;
            position: fixed;
    overflow-y: auto;
    height: 100%;
    bottom: 0px;
}
    .mv-pro-menu{display: block;padding-bottom:30px;}
    .pmenu-spri, .sh-all-scat ul{
    width: 100%;
}
    .coup-sec3 ul li{width:50%;}
    .pmenu-spri ul li{
    width: 20%;
    text-align: center;
}
    .pmenu-spri ul li a{border: 3px solid #ffffff;box-sizing: border-box;margin: 0px;background: #f0f0f0;padding: 24px 10px;}
    .pmenu-spri ul li a img{
    margin: 0 auto;
    display: table;
}
    .pmenu-cat{
    border-top: 1px solid #d6d6d6;
    border-left: 0px;
    padding-top: 30px;
    padding-left: 0px;
    margin-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
    
    .dir-home-nav-bot ul li:nth-child(1) {
    width: 100%;
}
    .dir-home-nav-bot ul li:nth-child(2), .dir-home-nav-bot ul li:nth-child(3){width:100%;    margin: 0px 0px 5px 0px;}
    .ban-tit h1 b{font-size: 40px;}
    .ban-tit h1{font-size:20px;}
    .ban-search{    width: 85%;}
    .top-ser{width: 45%;padding: 6px 0px 0px 50px;}
    .hom-mpop .col-md-9{padding-top:20px;}
    .hom-col-req{margin: 0px;}
    .cate-sli{margin-top:55px;}
    .hom-top{
        padding: 5px 0px 10px 0px;
        height: 55px;
    }
    .hom-head{
        padding: 100px 0px 30px 0px;margin-bottom: 0px;
    }
    .pmenu-cat ul li{width:25%;}
    .ban-ql{margin-bottom: 0px; padding-top: 10px;    margin-top: 30px;   padding-bottom: 30px;}
    .ban-ql ul li div{/* width: 145px; */padding: 20px 10px;}
    .pri ul li{
        width:50%;
    }
    .pri-box .c4 ol li{
        font-size:14px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }
    .land-pack ul li {
        width: 33.333%;
    }
    .hcity div:nth-child(1) img{
        height:250px;
    }
    .inte ul li {
        width: 50%;
        padding: 5px 0px;
    }
    .ho-popu-bod .col-md-4{
        max-width: 100%
    }
    .hot-page2-hom-pre{
        margin-bottom:30px;
    }
    .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre{
        margin-bottom:0px;
    }
    .bb-img img {
        margin: -1px 0px 0px 0px;
    }
    .bb-text {
        max-width: 80%;
    }
    .bb-link {
        max-width: 100%;
        padding: 20px 0px 0px 18%;
    }
    .wed-foot-link ul li {
        width: 100%;
    }
    .wed-foot-link div {
        padding-left: 30px;
        width: 33.333%;
    }
    .eve-box div:nth-child(3), .v3-list-ql {
        display:none;
    }
    .list-pg-lt {
        width: 100%;
    }
    .list-pg-rt {
        width: 100%;
        padding: 0;
    }
    .pg-list-1 .col-md-10, .pg-list-1 .col-md-2 {
        max-width: 100%;
        flex: 100%;
    }
    .list-ban-btn{
            border-left: 0px;
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 0 0 25px 0;
    }
    .list-ban-btn ul li span {
        font-size: 14px;
        padding: 8px 15px 8px 44px;
    }
    .list-ban-btn ul li span:before {
        margin-top: -2px;
    }
    .list-ban-btn ul li {
        float: left;
        margin: 0px 5px 10px 5px;
    }
    .pg-list-1 .col-md-2{
    }
    .pg-list-1-left{
            text-align: center;
    width: 100%;
    padding-right: 0px;
    }
    .pg-list-1-left img {
        width: 175px;
        height: 175px;
        float: initial;
        margin: initial;
        margin-top: -109px;
        position: relative;
    }
    .pg-list-1-left .stat {
        top: initial;
        left: initial;
        position: relative;
        display: table;
        margin: 0 auto;
    }
    .pg-list-1-left h3 {
        float: left;
        width: 100%;
        margin-bottom: 0px;
        /* margin-top: 15px; */
            color: #000;
    }
    .pg-list-1-left .rat {
        float: initial;
        padding: 0px 0px 10px 0px;
        display: table;
        margin: 0 auto;
    }
    .pg-list-1-left p, .pag-p1-phone{
        padding-left:0px;
        width: 100%;
        color:#333;
    }
    .pag-p1-phone ul {
        margin: 0 auto;
        display: table;
    }
    .wed-hom-footer{
        padding: 60px 0px 45px 0px;
    }
    .land-pack-grid-text h4 {
        padding: 15px 12px;
        font-size: 20px;
    }
    .hcity div:nth-child(2) h4{
        font-size:16px;
    }
    .pg-list-1-left .rat i{
        margin:0px 2px;
    }
    .bl, .fil-mob-view, .db-open .al, .ud-lhs{
        display:none;
    }
    .mob-me-ic, .fil-mob{
        display:block;
    }
    .fil-mob.fil-mob-act{
        display:block;
    }
    .ud-cen, .ud-enqu .ud-cen {
        width: 100%;
        margin: 0px;
    }
    .ud-rhs{width: 100%;padding: 20px 150px;}
    .ud-rhs-sec-2 ul li{
        width:33.333%;
    }
    .eve-deta-pg .rhs .quote-pop {
        padding: 40px 40px;
    }
    .us-ppg-blog div:nth-child(2) span{
        font-size: 12px;
    }
    .us-ppg-blog .pro-eve-box h2{
        font-size: 15px;
    }
    .pro-rel-posts .pro-eve-box p{
        font-size: 12px;
    }
    .blog-head-inn h1{
        font-size: 36px;
    }
    .blog-head-inn p{
        font-size: 20px;
    }
    .blog-head .ban-search {
        width: 90%;
    }
    .blog-head .ban-search .sr-btn{
        margin-top:0px;
    }
    .blog-body .us-ppg-com ul li {
        width: 33.333%;
    }
    .blog-head {
        margin-top: 55px;
    }
    .all-listing .col-md-3.fil-mob-view{
       margin-top: 78px;
    position: fixed;
    z-index: 9;
    background: #fff;
    left: -100%;
    top: 0px;
    overflow-y: auto;
    height: 100%;
    padding: 70px 40px 50px 30px;
    flex: 0 0 100%;
    max-width: 80%;
    transition: all 0.5s ease;
    display: block;
    }
    .fil-mmob-act .fil-mob-clo {
    display: block;
}
    .all-listing .col-md-3.fil-mob-view.fil-mmob-act {
    transition: all 0.5s ease;
    left: 0%;
}
    .all-list-sh {
        background: none;
        padding-top: 20px;
        padding-bottom: 50px;
        width: 100%;
    }
    .all-listing .col-md-9{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .us-pro-sec-1 {
        width: 90%;
    }
    .pro-listing-box div:nth-child(1) h2, .us-ppg-blog .pro-eve-box h2{
        font-size:16px;
    }
    .pro-listing-box div:nth-child(1) img{
        height:125px;
    }
    .pmenu-cat {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 50px;
    }
    .pmenu-eve {
        width: 100%;
    }
    .ser-head .ban-search {
        width: 90%;
    }
    .f2{margin: 0px;padding: 0px;}
    .mob-app .lhs{display:none;}
    .mob-app .rhs{width: 100%;padding: 0px 30px;}
    .mob-app .rhs form{width: 100%;padding: 0px;}
    .pg-list-1-pro{}
     .fed-box .lhs{
    width: 100%;
}
    .fed-box .rhs{
    width: 100%;
    padding-top: 0px;
}
    .fed-box:before{
    width: 100%;
}
    .all-list-bre{margin-top: 75px;padding: 70px 0px 20px 0px;}
    .all-listing .col-md-9{
        padding: 15px 0px 30px 15px;
    background: #f5f5f5;
    border-radius: 5px;    
    }
    .list-map .list-map-filt{
        position: fixed;
            left: -100%;
        width: 300px;    padding: 72px 15px 15px 15px;
    }
    .list-map .list-map-filt.act{left:0%;}
    .list-map .list-map-filt.act:before{display:none;}
    .list-map .list-map-resu{
        margin-left:0px;
        width:100%;
    }
    .mob-map-filt{display: block;cursor: pointer;}
     .list-bann{}
    .list-bann img{
    height: 210px;
}
    .pg-list-1{
    margin: 0px;
}
    .pg-list-1-pro{
    width: 100%;
}
    .pg-list-1-pro img{
    margin: 0 auto;
    display: table;
    float: initial;
    margin-top: -90px;
}
    .pg-list-1-pro .stat{
    position: relative;
    margin: 0 auto;
    display: table;
    left: 0px;
    float: initial;
    margin-top: -25px;
}
    .pag-p1-phone ul a{}
    .pag-p1-phone ul a li{
    color: #157dd0;
}
    .list-ban-btn ul{
            margin: 0 auto;
    display: table;
    }
    .pag-p1-phone ul li:before{color:#333;}
    .list-ban-btn ul li .cta{    background: #ededed;}
    .ud{padding: 90px 0px 80px 0px}
    .pro-pg-logo{width:20%}
    .pro-pg-bio{width:80%;}
    .pro-pg-cts{width:100%;padding: 0px 25px 25px 24%;}
    .pro-pg-cts a{
        display: inline-block;
    }
    .box-s2 .lhs{width:100%;margin-right: 0px;margin-bottom: 30px;}
    .box-s2 .rhs .cpro-form .templ-rhs-eve{position: relative;}
    .box-s2 .rhs{width:100%;}
    .box-s2 .lhs .comp-pro .all-pro-box{width: 32.3%;margin:0.5%;}
    .box-s2 .lhs .comp-pro .land-pack-grid{width: 32.3%;margin:0.5%;}
    .ud-inn{display:block;float:left;padding-bottom: 150px;}
    .ebk-ban .lhs{width:100%;padding: 50px;text-align: center;}
    .ebk-ban .rhs{width: 100%;padding: 20px;}
    .ebk-ban .rhs img{width: 370px;margin: 0 auto;display: table;}
    .hm3-auto-ban .rhs{padding: 0px;}
    .hom2-hom-ban-main .hom2-hom-ban{padding: 30px;}
    .hom2-hom-ban-main .hom2-hom-ban h2{font-size:20px;}
    .all-products .all-pro-txt .links{
    position: relative;
    left: 0px;
    bottom: 0px;
    right: initial;
}
    .all-products .all-pro-txt .links a{
    position: relative;
    width: 100%;
    border-radius: 2px;
    font-size: 15px;
}
}
@media screen and (max-width:768px){
    .how-wrks-inn ul li{width:50%;}
    .how-wrks-inn ul li div{margin:10px;}
    .carousel-indicators, .top-ser, .land-pack-grid-text h4 .dir-ho-cat{
        display:none;
    }
    .hom2-hom-ban-main .hom2-hom-ban{width: 100%;margin: 15px 0px;;}
    .ban-ql ul li div h4{
    font-size: 20px;
}
    .ban-ql ul li div p{
    font-size: 16px;
}
    .home-tit h2{font-size:30px;}
    .land-pack-grid-text h4{text-align: center;font-size:16px;}
    .home-city ul li:nth-child(1) .hcity div:nth-child(1) img{height:250px;}
    .pmenu-cat ul li, .wed-foot-link-pop ul li{width:50%;}
    .h-city-1, .h-city-2, .h-city-3{width: 100%;}
    .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2), .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(3){/* display:none; */}
    .all-list-sh .eve-box div:nth-child(2) .links{padding-top: 20px;border-top: 1px solid #ededed;margin-top: 20px;}
    .dmact .top-ser{display:none !important;}
    .ban-search ul li.sr-cit {
        width: 30%;
    }
    .hm3-auto-ban:before{background: linear-gradient(to right,#030b19d6,#0000006e);}
    .hom-cre-acc-left h3{
    font-size: 18px;
}
    .hom-cre-acc-left h3 span{
    display: block;
    font-size: 32px;
}
    .commun-pg-main input{width:75%;}
    .list-foot-abo, .list-foot-faq{width: 90%;}
    .ban-search ul li.sr-sea {
            width: 100%;
    margin: 0px;
    }
    .fed-box{width: 100%;}
    .ban-search ul li.sr-btn {
        width: 100%;
        margin-top: 0px;
    }
    .land-pack ul li {
        width: 50%;
    }
    .country iframe, .country img {
        width: 100%;
    }
    .country img{
        height:auto;
        object-fit: cover;
    }
    .land-pack-grid {
        width: 100%;
        margin: 0px 5% 20px 5%;
        box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
    }
    .land-pack-grid-text{
        margin-top:0px;
    }
    .hom-head {
        padding: 80px 0px 20px 0px;
    }
    .ban-tit h1 b{
        font-size:40px;
        line-height: 45px;
        padding-bottom: 15px;
        padding-top: 10px;
    }
    .ban-tit h1{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .ban-ql ul li {
        margin: 0px;
        width: 100%;
    }
    .ban-ql ul li div {
        width: 100%;
        padding: 20px 10px 30px 10px;
        margin: 15px 0px;
        border-radius: 10px;
    }
    .home-city ul li {
        width: 50%;
        margin-bottom: 15px;
        margin-bottom: 15px;
    }
    .hcity div:nth-child(2) h4{
        font-size:18px;
    }
    .hom-eve-lhs-2 {
        width: 100%;
        padding-left: 15px;
        margin-top:25px;
    }
    .eve-box div:nth-child(1) img{
        height:150px;
    }
    .home-tit{
        padding-top:70px;
    }
    .home-tit h2{
        font-size: 32px;
    }
    .login-main.add-list {
        width: 90%;
    }
    .bot-book{
        text-align: center;    margin-bottom: 55px
    }
    .bot-book .bb-img {
        float: initial;
        max-width: 100%;
    }
    .bb-text {
        max-width: 100%;
        margin-top:30px;
    }
    .bb-link {
        padding: 20px 0px 0px 0px;
    }
    .biz-pro .lhs{    margin-bottom: 0px;}
    .biz-pro-btn {
    position: relative;
    top: initial;
}
    .country-inn h4{
        font-size: 24px;
        line-height: 34px;
    }
    .country .cont1 {
        font-size: 24px;
    }
    .country .cont2 {
        font-size: 24px;
    }
    .foot-supp h2{
        font-size:16px;
        line-height: 28px;
    }
    .wed-hom-footer h4 {
        padding-bottom: 5px;
        padding-top: 0px;
    }
    .wed-foot-link-1{
        text-align: center;
    }
    .fot-app{
        border-top: 1px solid #e9e9e9;
        padding: 30px 0px;
        margin-top: 15px;
    }
    .fot-app ul, .wed-foot-link-1 ul{
        margin:0 auto;
        display: table;
    }
    .foot-count{
        margin-top: 30px;
    }
    .all-list-sh ul li{
        float:left;
        width:50%;
    }
    .list-filt-v2 ul li{width:16.6666666%;}
    .pro-listing-box div:nth-child(1) img{
        height:150px;
    }
    .us-ppg-com ul li{
        width:50%;
    }
    .all-list-sh .eve-box div:nth-child(1) {
        width: 100%;
    }
    .all-list-sh .eve-box {
        margin: 0px;    float: left;
    width: 100%;
    }
    .all-list-sh .rat {
    position: relative;
    right: 48px;
    top: 0px;
    left: 0px;
}
    .eve-box div:nth-child(2) {
        padding: 15px;
    }
    .pro-rel-events .eve-box div:nth-child(2) {
        padding: 20px 20px 15px 20px;
    }
    .hom-event .eve-box div:nth-child(2) {
        padding: 20px;
    }
    .eve-box div:nth-child(2) h4{
        font-size:15px;
    }
    .all-listing .col-md-9 {
        padding: 0px;
        /* background: none; */
    }
    .all-listing .col-md-3 {
        padding: 30px 0px 0px 15px;
    }
    .lhs-ads {
        margin-bottom: 0px;
    }
    .list-bann img {
        height: 175px;
    }
    .pag-p1-phone ul li{
        width:100%;
        margin-bottom: 10px;
    }
    .pag-p1-phone ul li:last-child{
        margin-bottom: 0px;
    }
    .list-bann{
        margin-top:55px;
    }
    .pg-list-1{
}
    .carousel-item img{
        height:235px;
    }
    .home-list-pop img{
        margin-bottom:20px;
    }
    .list-rom-pric {
        right: 25px;
        top: -158px;
        font-size: 16px;
    }
    .list-room-deta p{
        padding-right:0px;
    }
    .lr-user-wr-con{
        width:85%;
    }
    .lr-user-wr-con p {
        font-size: 13px;
        line-height: 22px;
    }
    .lp-ur-all-left{
        width: 60%;
    }
    .lp-ur-all-right{
        width: 40%;
        padding-right: 0px;
    }
    .lp-ur-all-right h5{
        padding-top:0px;
    }
    .lp-ur-all-right p label i {
        width: 15px;
        font-size: 21px;
    }
    .lp-ur-all-right p span{
        font-size: 12px;
        line-height: 14px;
        padding: 5px;
    }
    .pglist-off-last .home-list-pop-desc{
        padding-left:0px;
    }
    .pglist-off-last .home-list-pop .col-md-3{
        padding-right:0px;
    }
    .db-open .al{
        display:none;
    }
    .ud-cen-s3 ul li{
        width:50%;
    }
    .ud-pro-link .pay-rhs ul li:last-child{
        width:100%;
    }
    .ud-pro-link .pay-rhs ul li:nth-child(3), .ud-pro-link .pay-rhs ul li:nth-child(4){
        width: 100%;
    }
    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 72px;
    }
    .ud-cen-s1 ul li div{text-align: center;padding: 20px 15px 15px;}
    .ud-cen-s1 ul li div p{
        margin-bottom: 15px;
    }
    .ud-cen-s1 ul li div b{
        font-size: 38px;
        position: relative;
        padding: 5px 8px;
        width: auto;
        height: auto;
        top: auto;
        border-radius: 10px;
    }
    .ud-cen-s1 ul li div h4{
    padding: 15px 10px 5px;
    font-size: 18px;
}
    .ud-cen-s1 ul li div p{
    padding: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}
    table {
        border: 0;
    }
    table caption {
        font-size: 1.3em;
    }
    
    .pro-fol-gr span {
        padding: 5px 25px;
        font-size: 10px;
    }
    .pro-fol-gr ol li{
        font-size:9px;
    }
    .pay-rhs ul li .ud-stat-pay-btn{
        font-size: 12px;
    }
    .ud-payment .pay-rhs ul li{
        width:100%;
    }
    .pay-rhs ul li:nth-child(2){
        font-size: 22px;
    }
    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
        position: relative;
        right: initial;
        top: initial;
    }
    .ud-cen-s2 a.db-tit-btn-2-ads {
        right: initial;
    }
    .login-main, .login-main.add-list {
        width: 100%;
    }
    .login-main{
        margin: initial;
        display: initial;
    }
    .how-to-coll li h4{
        font-size:13px;
    }
    .cre-dup a{
        margin-bottom: 15px;
    }
    .add-list-ste-inn ul li a b{
        display:none;
    }
    .add-list-ste-inn ul li a {
        width: 44px;
        height: 44px;
        padding: 10px 0px 0px 0px;
    }
    .add-list-ste-inn ul li a span {
        font-size: 11px;
        text-transform: uppercase;
    }
    .add-list-ste-inn ul:after {
        height: 1px;
        top: 25px;
    }
    .add-list-add-btn, .add-list-rem-btn {
        width: 30px;
        height: 30px;
        line-height: 29px;
        padding-left: 1px;
        font-size: 21px;
        top: 5px;
    }
    .add-list-rem-btn{
        right:35px;
    }
    .add-list-add-btn{
        right:75px;
    }
    .add-lis-done .btn-primary{
        margin-bottom: 10px;
    }
    .login-reg{
        padding: 100px 0 150px 0;
    }
    .log h4{
        font-size: 18px;
        /* text-align: left;
         */
    }
    .add-lis-done h4{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .add-lis-done p{
        font-size: 14px;
    }
    .eve-deta-pg .lhs{
        margin-bottom:20px;
    }
    .eve-deta-pg .lhs, .eve-deta-pg .rhs{
        width:100%;
    }
    .eve-deta-pg .lhs .img img{
        height:250px;
    }
    .eve-deta-body .eve-deta-body-main .lhs{
        width:100%;
        padding-right:0px;
        border-right: 0px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom:15px;
        margin-bottom:30px
    }
    .eve-deta-body .eve-deta-body-main .rhs{
        padding-left:0px;
        width:100%;
    }
    .eve-deta-pg .head h1, .eve-deta-pg .head .dat{
        font-size:22px;
    }
    .blog-body .us-ppg-com ul li {
        width: 50%;
    }
    .pro-rel-events .event-body .us-ppg-com ul li, .event-body .us-ppg-com ul li {
        width: 50%;
    }
    .event-body .eve-box div:nth-child(2) {
        padding: 20px;
    }
    .blog-head {
        padding: 45px 0px 0px 0px;
    }
    .blog-head-inn h1 {
        font-size: 28px;
    }
    .blog-head-inn p {
        font-size: 18px;
    }
    .ad-pri-cal ul li div {
        padding: 10px;
        margin: 0px 2px;
    }
    .ad-pri-cal ul li span {
        font-size: 12px;
    }
    .ad-pri-cal ul li h5 {
        margin: 5px 0px 0px 0px;
        font-size: 18px;
    }
    .us-pro-sec-1 {
        width: 100%;
    }
    .us-pro-sec-1-rhs h1 {
        font-size: 24px;
        display: block;
    }
    .us-pro-sec-1-rhs button {
        padding: 5px 30px;
        top: 7px;
    }
    .us-pro-sec-1-rhs ul.lis-cou li{
        font-size: 14px;
    }
    .us-pro-nav ul li span {
        font-size: 14px;
        padding: 16px 5px;
    }
    .user-tc-diff ul li .pri-box{
        margin: 0px;
    }
    .user-tc-diff ul li .pri-box .c4 ol{
        width:90%;
    }
    .ser-head .ban-search ul li.sr-btn{margin-top:0px;width:40%;}
    .list-det-fix{}
    .list-fix-pro, .list-fix-tit{display: none;}
    .list-fix-btn{width:100%;}
    .list-fix-btn span{display: block;width: 100%;text-align: center;padding: 8px 5px;}
    .list-det-fix{bottom:-100px;top:initial;padding: 0px;}
    .list-det-fix.list-det-fix-act{bottom: 0px;top:initial;}
    .comity-all-user ul li {width: 50%;}
    .list-ban-btn ul li .cta-get:before{display:none;}
    .list-ban-btn ul li .cta-get{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 9;
    text-align: center;
    text-transform: uppercase;
    box-shadow: none;
    animation: none;
    letter-spacing: 1px;
            padding: 10px 5px;
    font-size: 15px;
    }
    .pmenu-spri ul li{width:31%;}
    .pmenu-spri ul li a img{margin-bottom: 10px;}
    .eve-box div:nth-child(2) span, .eve-box div:nth-child(2) span.pho, .eve-box div:nth-child(2) span.mail{width: 100%;}
    .responsive-table {
        display: block;
        width: 100%;
    }
    .responsive-table thead, .responsive-table tbody, .responsive-table thead th {
        display: block;
    }
    .responsive-table thead th:last-child{
        border-bottom: none;
    }
    .responsive-table thead {
        float: left;
        width: 30%;
    }
    .responsive-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .responsive-table td, .responsive-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px;
        text-overflow: ellipsis;
    }
    .responsive-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .responsive-table tbody tr {
        display: table-cell;
    }
    .responsive-table tbody tr:nth-child(odd) {
        background: none;
    }
    .responsive-table tr:nth-child(even) {
        background: transparent;
    }
    .responsive-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }
    .responsive-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .responsive-table tbody td {
        display: block;
        text-align: center;
    }
    .com-pro-pg-head img{}
    .hom-top{display: block;}
    .com-pro-pg-head{display:none;}
    .pro-pg-logo, .pro-pg-bio .bio li{width: 100%;}
    .pro-pg-logo img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: table;
}
    .pro-pg-bio{width: 100%;}
    .pro-pg-cts{width:100%;padding: 0px 25px 25px 24px;}
    .pro-pg-cts a{
        display: inline-block;
    }
        .box-s2 .lhs .comp-pro .all-pro-box{width: 48%;margin: 1%;}
    .box-s2 .lhs .comp-pro .land-pack-grid{width: 48%;margin: 1%;}
    .ebk-ban .lhs h1{font-size: 32px;line-height: 40px;}
    .ebk-ban .lhs{padding-top: 0px;}
    .ebk-con .lhs{width:100%;padding: 30px;}
    .ebk-con .rhs{width:100%;padding: 0px 30px 0px 30px}
    .hcity div:nth-child(2){left:0px;padding-left: 20px;}
    .str .land-pack ul li{padding: 0px 15px;}
    .full-bot-book{padding: 40px 25px 0px 25px;}
    .hom-event{padding: 0px 20px;}
    .all-list-sh .links a{
    margin: 1.5%;
    float: left;
    width: 46%;
    text-align: center;
}
    .all-products .all-list-sh .links a{}
    .eve-box div:nth-child(2) span.addr{min-height:50px;}
    .btn-ser-need-ani, .pmenu-spri{display: none;}
    .pmenu-cat{
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
    .btn-ser-need-ani.fsbtn{/* display: block; *//* position: relative; */padding: 6px;/* bottom: auto; */right: auto;/* background: #007bff; *//* animation: none; */border-radius: 50%;/* width: 60px; */height: 60px;margin: 0 auto;display: table;margin-top: -20px;box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 46%);text-transform: uppercase;letter-spacing: 0.5px;/* border: 5px solid #191919; */}
    .btn-ser-need-ani.fsbtn:before{display: none;}
    .fqui-menu{display: block;}
    .db-coup-lhs, .db-coup-rhs{width:100%;}
    .db-coup-rhs{padding: 30px 0px 0px 0px}
    .top-ser{display:block;position: fixed;top: 0px;left: 0px;right: 0px;width: 100%;padding: 10px 20px;background: #0e0e0ec4;box-shadow: 0px 12px 18px 4px #33333354;transition: all 0.5s ease;z-index: 4;opacity: 0;visibility: hidden;height: 100%;}
    .top-ser.top-ser-act{/* top: 54px; */visibility: visible;opacity: 1;display: block !important;}
    .top-ser.top-ser-act input{
        background: #f4f5f7;
        font-family: 'Quicksand', sans-serif;
        padding: 7px 40px 7px 20px;
    }
    .mess-bd .se1 .s2{
    width: 100%;
    padding: 0px 0px 1px 0px;
    font-size: 14px;
}
    .mess-bd .se1 .s3{
    width: 100%;
    padding-left: 58px;
    color: #3b434e;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
    .mess-tit{display: none;}
    .ud-cen-s2 a.comm-msg-act-btn{
    position: absolute;
    right: 15px;
    top: 15px;
}
    .h2-ban-ql ul li div{margin:5px;}
    .ban-search{width: 90%;}
    .hm3-auto-ban .lhs{padding: 50px 50px 0px 0px;}
    .hm3-auto-ban .rhs{padding: 0px;}
    .hm3-auto-ban .lhs h1{    font-size: 44px;line-height: 50px;}
    .hm3-auto-ban{background-size: cover !important;}
    .all-listing .f2{display: none;}
}
@media screen and (max-width:576px){
    .container {
        max-width: 90%;
        padding: 0px;
    }
    .how-wrks-inn ul li{width:100%;}
    .inte ul li, .coup-sec3 ul li{
        width:100%;
    }
    .wed-foot-link div {
        padding-left: 15px;
        width: 33.333%;
    }
    .list-room-deta .list-enqu-btn ul li{
        width:50%;
    }
    .lr-user-wr-con{
        display:contents;
    }
    .lr-user-wr-img {
        margin: 0px 10px 20px 0px;
    }
    .pri ul li {
        width: 100%;
    }
    .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: 100px;height: 100px;margin: 0 auto;display: table;float: initial;border-radius: 50px;/* margin-top: -65px; */}
    .pro-rel-events .event-body .us-ppg-com ul li {
        width: 100%;
    }
    .pro-rel-events .eve-box div:nth-child(3) {
        display: block;
    }
    .event-body .us-ppg-com ul li .eve-box {
        margin: 10px;
    }
    .user-tc-diff ul li{
        width:100%;
    }
    .user-tc-diff ul li:first-child{
        margin-bottom:20px;
    }
    .user-tc-diff ul li .pri-box .c4 ol li:first-child{
        margin-bottom:0px;
    }
    .dir-home-nav-bot ul li span{padding-bottom: 20px;font-size: 24px;}
    .dir-home-nav-bot{text-align: center;}
        .box-s2 .lhs .comp-pro .all-pro-box{width: 100%;margin: 1% 0px;}
    .box-s2 .lhs .comp-pro .land-pack-grid{width: 100%;margin: 1% 0px;}
    .ebk-ban .lhs{padding: 15px;}
    .hm3-auto-ban .lhs {
    padding: 40px 20px 20px 20px;
    width: 100%;
    text-align: center;
}
    .hm3-auto-ban .rhs{width: 100%;padding: 30px 30px 0px 30px;}
    .ud-rhs{padding: 20px 30px;}
    .all-list-sh ul li{width: 100%;}
    .all-listing .col-md-9{background: none;}
    .all-listing .row{box-shadow: none;}
    .all-list-sh .eve-box{    border-radius: 8px;    border: 0px solid #fff;}
    .all-list-sh .eve-box div:nth-child(2){padding: 30px;}
    .all-list-sh .eve-box div:nth-child(2) h4 a{font-size:20px;}
    .all-list-sh span.addr, .all-list-sh span.pho, .all-list-sh span.mail{font-size:16px !important;}
    .all-list-bre{    padding: 70px 20px 20px 20px;}
    .ser-re-cout{top:90px;z-index: 11;width: 100%;    max-width: 95% !important;}
    .soc-log .abcRioButtonIcon{left: 27%;}
    .ud-cen-s3 ul li .db-eve a h5{font-size: 16px;}
}
@media screen and (max-width:526px){
    .lp-ur-all-left {
        width: 100%;
        border-right: 0px solid #6b7f8a;
        padding-right: 0px;
        border-bottom: 2px solid #6b7f8a;
        padding-bottom: 20px;
    }
    .lp-ur-all-right {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }
    .frmtip {
        font-size: 11px;
        right: 12px;
        top: -8px;
        background: #fff;
        padding: 0px 10px;
    }
    .log-bot ul li span{
        font-size:12px;
    }
    .log-bot ul li {
        padding: 0px 4px;
    }
    .msg-op{    width: 100%;
    height: 100%;
    top: 0px;}
    .msg-op.msg-sho-act{right: 0px;}
    .msg-op .s3 form textarea{width: 70%;}
    .msg-op .s3 form button{width: 30%;}
}
@media screen and (max-width:480px){
    .pmenu-cat ul li{
        width: 100%;
    }
    .hm3-auto-ban .lhs h1 {
    font-size: 34px;
    line-height: 38px;
}
    .wed-foot-link-pop ul li{width:50%;}
    .hcity div:nth-child(1) img, .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
        height: 210px;
    }
    .home-city ul li:nth-child(1) div:nth-child(2) h4{font-size:14px;}
    .hcity div:nth-child(2){
        margin-top: -150px;
    }
    .hom-eve-lhs-1 {
        width: 100%;
        margin-bottom: 20px;
        padding-left:0px;
        padding-right: 0px;
    }
    .hom-eve-lhs-2{
        margin-top:0px;
        padding-left:0px;
        padding-right: 0px;
    }
    .ban-search ul li.sr-cit {
        width: 100%;
    }
    .commun-pg-main input{width:95%;}
    .sh-all-scat-box .lhs{width:100%;}
    .sh-all-scat-box .lhs img{height: 160px;}
    .sh-all-scat-box .rhs{width:calc(100% - 0px);width: 100%;}
    .ban-search ul li.sr-sea {
        width: 100%;
        margin: 10px 0px 0px 0px;
    }
    .ban-search{
        width:90%;
    }
    .ban-tit h1 b {
        font-size: 26px;
        line-height: 32px;
    }
    .home-tit{
        padding-top:60px;
    }
    .home-tit h2{
        font-size: 28px;
    }
    .hcity div:nth-child(2) h4 {
        font-size: 14px;
    }
    .wed-foot-link div {
        width: 50%;
    }
    .wed-foot-link div:nth-child(2){
        border-right: 0px solid #dadada;
    }
    .wed-foot-link div:last-child {
        border-right: 0px solid #dadada;
        border-top: 1px solid #dadada;
        width: 100%;
        margin-top: 35px;
        padding-top: 35px;
    }
    .wed-foot-link div:last-child ul li{
        width: 50%;
    }
    .wed-foot-link{
        padding: 35px 0px 30px 0px;
    }
    .all-list-sh ul li {
        width: 100%;
    }
    .list-bann img {
        height: 150px;
    }
    .pg-list-1-left h3 {
        font-size: 20px;
        padding: 12px 0px;
    }
    .pg-list-1-left img {
        width: 125px;
        height: 125px;
        margin-top: -79px;
    }
    .fot-app ul li a img {
        width: 125px;
        height: 50px;
    }
    .list-filt-v2 ul li{width:16.6666666%;}
    .list-filt-v2 .chbox label{
        padding: 4px 2px 0px 2px;
        font-size:10px;
    }
    .hom-eve-com {
        float: initial;
    }
    .carousel-item img{
        height:180px;
    }
    .home-list-pop-desc h3{
        font-size:16px;
    }
    .list-pg-write-rev form .row{
        margin: 0px;
    }
    .list-pg-write-rev form .col{
        display: contents;
    }
    .list-pg-write-rev form .rating{
        margin: 0px 0px 10px 0px;
    }
    .ud-cen-s3 ul li{
        width:100%;
    }
    .ud-rhs-sec-2 ul li {
        width: 100%;
    }
    .ud-cen-s1 ul li {
    }
    .ud-cen-s1 ul li:nth-child(2) div{
        margin:0px;
    }
    .ud-cen-s1{    padding: 30px 30px 5px 30px;}
    .cd-cen-intr {
    padding: 30px 30px 0 30px;
}
    .ud-cen-s3 ul li:nth-child(2n+2) div {
        margin: 0px 0px;
    }
    .ud-pro-link .pay-lhs, .ud-payment .pay-lhs{
        width: 100%;
        margin-bottom: 15px;
    }
    .ud-pro-link .pay-lhs img, .ud-payment .pay-lhs img{
        object-fit: cover;
        height: 135px;
        width: 135px;
        border-radius: 50%;
        margin: 0 auto;
        display: table;
        float: initial;
    }
    .ud-pro-link .pay-rhs, .ud-payment .pay-rhs{
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .pay-rhs ul li:nth-child(2) {
        font-size: 18px;
    }
    .ud-payment{
        box-shadow: 0px 0px 0px 1px rgba(157, 152, 152, 0.06);
    }
    .ud-cen-s1 ul li div{
            padding: 15px 8px 5px 8px;
    border: 3px solid #fff;
    }
    .ud-cen-s1 ul li div h4{
        font-size:14px;
    }
    .ud-cen-s1 ul li div b {
        font-size: 32px;
    }
    .ud-cen-s1 ul li div p{
        display:none;
    }
    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 45px;
    }
    .db-noti ul li div{
        font-size:13px;
    }
    .db-noti ul li p{
        font-size:12px;
    }
    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
        padding: 3px 5px;
        font-size: 11px;
    }
    .cre-dup a, .cre-dup span{
        font-size:13px;
    }
    .add-list .skip {
        font-size: 11.5px;
        letter-spacing: 1px;
    }
    .add-list-ste-inn ul li {
        margin: 0px 5px;
    }
    .blog-head .ban-search .sr-sea{
    }
    .blog-head .ban-search {
        width: 100%;
    }
    .blog-head .ban-search .sr-btn {
        width: 35%;
    }
    .blog-body .us-ppg-com ul li, .event-body .us-ppg-com ul li {
        width: 100%;
    }
    .event-body .eve-box div:nth-child(3) {
        display: block;
    }
    .event-body .eve-box div:nth-child(1) a img {
        height: 165px;
    }
    .ad-pri-cal ul li {
        width: 50%;
    }
    .ad-pri-cal ul li div{
        margin:5px;
    }
    .us-pro-sec-1-lhs {
        width: 100%;
    }
    .us-pro-sec-1-lhs img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        display: table;
    }
    .us-pro-sec-1-rhs {
        float: left;
        width: 100%;
        padding-left: 0px;
        text-align: center;
        padding-top: 30px;
    }
    .us-pro-sec-1-rhs ul.lis-cou {
        float: initial;
        border-bottom: 1px solid #efd0d0;
        padding-bottom: 17px;
        margin: 0 auto;
        display: table;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .us-pro-sec-1-rhs h1{
        padding-right:0px;
    }
    .us-pro-sec-1-rhs p {
        float: initial;
        text-align: center;
    }
    .us-pro-sec-1-rhs ul.pro-soci {
        float: initial;
        width: auto;
        margin: 0 auto;
        display: table;
        margin-top: 25px;
    }
    .us-pro-sec-1{
        padding: 30px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0px 1px 19px 0px rgba(42, 42, 42, 0.08);
    }
    .us-pro-sec-1-rhs ul.lis-cou li {
        font-size: 12px;
        padding-right: 4px;
    }
    .us-ppg-com ul li {
        width: 100%;
    }
    .all-list-sh .links{}
    .list-ban-btn ul li{width:100%;}
    .list-ban-btn ul li .cta {
    background: #ededed;
    display: block;
    width: 100%;
    text-align: center;
}
    .pmenu-spri ul li{width: 43%;}
    .menu{margin: 10px 10px 8px 1px;}
    .hom-nav .ic-logo{width:170px;padding-top: 10px;}
    .cd-cen-intr-inn:before{display:none;}
    .cd-cen-intr-inn{padding: 30px;text-align: center;background: linear-gradient(to right, #3ee4b6, #429dde, #7b4ffc);}
    .all-list-sh ul li{width:100%;padding: 15px 30px 15px;}
    .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: 17px;
    padding: 10px 0px;
    font-family: 'Poppins';
    font-weight: 500;
}
.ud-lhs-s1 h4 {
    font-size: 18px;
    padding-top: 0px;
    margin-top: 15px;
}    
}
@media screen and (max-width:420px){
    .pmenu-cat ul li, .pmenu-eve ul li{
        width:100%;
    }
    .pmenu-eve ul li:nth-child(odd) div {
        margin: 0px 0px 15px 0px;
    }
    .pmenu-eve ul li:nth-child(even) div {
        margin: 0px 0px 15px 0px;
    }
    .comity-all-user ul li {width: 100%;}
    .blog-head .ban-search ul li.sr-sea input{width:330px;}
}

.demo .home-city ul li{width:33.3333%;}
.demo .home-city ul li div{}
.demo .hcity div:nth-child(1) img{margin:0px;}
.demo .hcity div:nth-child(1) img{height:225px;}
.country.demo {
    background-position: center bottom;
    background-size: 45%;
    margin-top: 60px;
}
.demo .home-tit{padding-top:65px;}
.wed-hom-footer.demo .home-tit{padding-top:0px;}
.demo .inte ul li div h4{padding-bottom:0px;}
.demo .hcity div:nth-child(2) img{
    border: 5px solid #fff;
    background: #fff;
}
.foot-count ul li a{color: #7f7f7f;font-size: 12px;text-transform: capitalize;}
.hom-top.demo .hom-nav .ic-logo{margin-left:0px;}
.chosen-select{width:100%}
.chosen-select-deselect{width:100%}
.chosen-container{display:inline-block;font-size:14px;position:relative;vertical-align:middle;height: 51px;border: 1px solid #f1eae5;}
.chosen-container .chosen-drop{background:#fff;border:1px solid #ccc;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 8px rgba(0,0,0,.25);margin-top:-1px;position:absolute;top:100%;left:-9000px;z-index:1060}
.chosen-container.chosen-with-drop .chosen-drop{left:0;right:0}
.chosen-container .chosen-results{color:#555;margin:0 4px 4px 0;max-height:240px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.chosen-container .chosen-results li{display:none;line-height:1.42857143;list-style:none;margin:0;padding:5px 6px}
.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}
.chosen-container .chosen-results li.highlighted{background-color:#428bca;background-image:none;color:#fff}
.chosen-container .chosen-results li.highlighted em{background:transparent}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#777}
.chosen-container .chosen-results .no-results{background:#eee;display:list-item}
.chosen-container .chosen-results-scroll{background:#fff;margin:0 4px;position:absolute;text-align:center;width:321px;z-index:1}
.chosen-container .chosen-results-scroll span{display:inline-block;height:1.42857143px;text-indent:-5000px;width:9px}
.chosen-container .chosen-results-scroll-down{bottom:0}
.chosen-container .chosen-results-scroll-down span{background:url(chosen-sprite.png) no-repeat -4px -3px}
.chosen-container .chosen-results-scroll-up span{background:url(chosen-sprite.png) no-repeat -22px -3px}
.chosen-container-single .chosen-single{background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;/* border:1px solid #ccc; */border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;/* -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); *//* box-shadow:inset 0 1px 1px rgba(0,0,0,.075); */color:#555;display:block;height: 48px;overflow:hidden;line-height:34px;padding: 9px 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}
.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%}
.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 #ccc;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);margin:1px 0;padding:4px 20px 4px 4px;width:100%;height: 40px;}
.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:7px 2px 0 11px;position:relative;height: 48px;/* border:1px solid #e4e6f2; */font-size:15px;font-weight:500;}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices .search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices .search-field input[type="text"]{background:transparent!important;border:0!important;-webkit-box-shadow:none;box-shadow:none;color:#555;height:32px;margin:0;padding:4px;outline:0}
.chosen-container-multi .chosen-choices .search-field .default{color:#999}
.chosen-container-multi .chosen-choices .search-choice{background-clip:padding-box;background-color: #f2f8fd;border: 1px solid #e9eff4;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;color: #1386d1;cursor:default;line-height: 13px;margin:6px 0 3px 5px;padding: 4px 20px 3px 5px;position:relative;font-size: 13px;}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close{background:url(chosen-sprite.png) right top no-repeat;display:block;font-size:1px;height:10px;position:absolute;right:4px;top:5px;width:12px;cursor:pointer}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover{background-position:right -11px}
.chosen-container-multi .chosen-choices .search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close{background-position:right -11px}
.search-choice-close:after{content: 'close';
    position: absolute;
    color: #7291aa;
    font-size: 13px;
    font-weight: 600;}
.chosen-container-multi .chosen-results{margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected{display:none}
.chosen-container-active .chosen-single{border:1px solid #66afe9;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active.chosen-with-drop .chosen-single{background-color:#fff;border:1px solid #66afe9;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active.chosen-with-drop .chosen-single div{background:transparent;border-left:none}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 7px}
.chosen-container-active .chosen-choices{border:1px solid #66afe9;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active .chosen-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}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}
}
.margt {margin-top:20px}
@media (max-width: 480px) 
{
.margt {margin-top:0px}
}