@font-face{
    font-family:myanmar3;
    src:url(../fonts/Myanmar3.woff) format("woff"),url(../fonts/Myanmar3.eot?#iefix) format("embedded-opentype"),url(../fonts/Myanmar3.ttf) format("truetype"),url(../fonts/Myanmar3.svg#Myanmar3) format("svg");
    font-weight:400;
    font-style:normal
}
 *{
    margin:0;
    padding:0;
    border:0
}
 @font-face{
    font-family:Zawgyi-One;
    src:url(zawgyi.ttf) format("truetype")
}
 .mm{
    font-family:myanmar3!important
}
 .radious0{
    border-radius:0!important
}
 .textcolor-w{
    color:#fff
}
 .display-no{
    display:none!important
}
 .en{
    font-family:Rubik,sans-serif!important
}
 body{
    background:#fff3cf;
    font-family:Rubik,sans-serif!important;
    color:#333
}
 #header{
    background:#ffffff !important;
    padding:10px
}
 @media screen and (max-width: 600px) {
     #header{
        background:#ffffff!important;
        padding:10px 0;
        z-index:1111111111111
    }
}
 .headshowimg{
    margin:10px auto 0;
    width:100%
}
 @media screen and (max-width: 600px) {
     .hidemobile{
        display:none!important
    }
}
 .nice-select .option:first-child{
    font-weight:700
}
 span.current{
    font-weight:700;
    font-family:myanamr3!important
}
 .form-control:focus{
    box-shadow:0 0 3px 0!important
}
 .myadssorting{
    padding-top:20px
}
 @media screen and (min-width: 768px) {
     .myadssorting{
        display:flex;
        align-items:center
    }
}
 @media screen and (max-width:768px) {
     #headerinfo{
        display:block
    }
     .mobilelogin{
        width:80%;
        margin:0 auto 30px;
        border-top:2px solid #fff;
        border-bottom:2px solid #fff
    }
     .mobilelogin>.accountlogs{
        display:flex;
        justify-content:center
    }
     .mobliemenu span{
        position:fixed;
        right:10px;
        top:1em;
        font-size:25px!important;
        cursor:pointer;
        width:30px;
        height:30px;
        background:#fff;
        line-height:30px;
        text-align:center;
        position:fixed;
        z-index:66666666666666
    }
     .menupostright a:first-child{
        display:flex;
        justify-content:flex-end;
        width:0!important;
        margin:0!important
    }
     .mobliemenu>.sidenav{
        height:100%;
        width:0;
        position:fixed;
        z-index:1;
        top:0;
        left:0;
        background-color:#fff3cf;
        overflow-x:hidden;
        transition:.25s;
        z-index:2222222222222;
        border-radius:0 20px 0 0
    }
     .mobliemenu>.sidenav a{
        padding:8px 8px 8px 15px;
        text-decoration:none;
        font-size:1.1em;
        text-align:center;
        color:#000;
        display:block;
        transition:.3s
    }
     .mobliemenu>.sidenav .closebtn{
        position:absolute;
        top:0;
        right:25px;
        font-size:30px;
        margin-left:50px;
        color:#fd2929;
        padding:20px 0 0;
        text-shadow:0 0 20px red
    }
     .mobilemenufooter{
        padding:20px 0
    }
     .mobilemenufooterlist{
        display:grid;
        grid-template-columns:repeat(2,30px auto);
        width:100%;
        margin:0 auto;
        align-items:center;
        color:#fff
    }
     .mobilemenufooterlist:nth-child(1) a{
        padding:0!important;
        text-align:left
    }
     .phonelists a{
        line-height:20px;
        padding-top:0!important;
        padding-bottom:0!important
    }
     #main{
        transition:margin-left .5s;
        padding:16px
    }
     .contactadmininfo{
        border-bottom:2px solid #fff;
        width:80%;
        margin:0 auto;
        border-top:2px solid #fff;
        margin-top:1em
    }
}
 @media screen and (max-height:450px) {
     .mobliemenu>.sidenav a{
        font-size:18px
    }
}
 .searchrange .form-group{
    display:block!important
}
 .input-searchhome{
    position:relative
}
 .input-searchhome input[type=submit]{
    padding:10px 50px
}
 .headshowimg img{
    width:100%
}
 .header-logo{
    margin:0 auto;
    display:none;
    align-items:center
}
 .mob-header-logo{
    display:block;
    height:auto;
    margin:0
}
 .logodesicription{
    font-size:.84em;
    color:red
}
 .header-logo img{
    width:85px
}
 .dash-head p a{
    font-weight:400;
    color:#000
}
 .mainmenu{
    display:none
}
 @media screen and (max-width:600px) {
     .mobileclick{
        position:fixed;
        top:1em
    }
     .mobilclickborder i{
        border:1px solid #fff;
        background:#fff;
        padding:5px 10px
    }
}
 @media screen and (min-width:992px) {
     .navigation .mainmenu{
        display:flex!important;
        list-style-type:none;
        align-items:center;
        justify-content:center!important;
        padding:0!important;
        margin:0
    }
     .mainmenu li{
        padding:10px 0
    }
     #navigation{
        background:#fff
    }
}
 .navigation .mainmenu li a{
    color:#080333;
    padding:0 10px;
    font-size:.9em;
    font-weight:600
}
 .menuActive{
    display: flex;
     background:#fdd563
}
 @media screen and (min-width: 600px) {
     .headingbodymob ul li {
         display: flex;
    }
}
/*.mainmenu li:nth-child(1), .headingbodymob ul li:nth-child(1) {
     order: 1;
}
 .mainmenu li:nth-child(2), .headingbodymob ul li:nth-child(2) {
     order: 2;
}
 .mainmenu li:nth-child(3), .headingbodymob ul li:nth-child(3) {
     order: 3;
}
 .mainmenu li:nth-child(4), .headingbodymob ul li:nth-child(4) {
     order: 5;
}
 .mainmenu li:nth-child(5), .headingbodymob ul li:nth-child(5) {
     order: 6;
}
 .mainmenu li:nth-child(6), .headingbodymob ul li:nth-child(6) {
     order: 7;
}
 .mainmenu li:nth-child(7), .headingbodymob ul li:nth-child(7) {
     order: 10;
}
 .mainmenu li:nth-child(8), .headingbodymob ul li:nth-child(8) {
     order: 10;
}
 .mainmenu li:nth-child(9), .headingbodymob ul li:nth-child(9) {
     order: 8;
}
 .mainmenu li:nth-child(10), .headingbodymob ul li:nth-child(10) {
     order: 11;
}
 .mainmenu li:nth-child(11), .headingbodymob ul li:nth-child(11){
     order: 4;
}
*/
 .menuActive a{
    color:#fff!important
}
 .headerlogo-left ul{
    list-style-type:none;
    display:grid;
    grid-template-columns:repeat(6,120px)
}
 .headerlogo-left{
    display:grid;
    grid-template-columns:repeat(2,100px calc(100% - 100px));
    align-items:center
}
 .headerlogo-left ul li a{
    color:rgba(0,0,0,.9);
    font-weight:700;
    font-family:Arial,myanmar3;
    font-size:1em
}
 .headerlogo-right{
    display:grid;
    grid-template-columns:repeat(2,auto)
}
 .headerdash ul,.headerlang ul{
    list-style-type:none;
    display:grid;
    grid-template-columns:repeat(2,auto)
}
 .headerdash ul li a,.headerlang ul li a{
    color:rgba(0,0,0,.9)
}
 .carousel{
    height:auto;
}
 .carousel-item img{
    width:100%;
    height:300px
}
 @media screen and (min-width:768px) {
     .carousel{
        height:auto;
    }
     .carousel-item img{
        height:600px
    }
}
 .carousel-caption h3{
    transform:translateX(-1200px)
}
 .carousel-caption p{
    transform:translateY(100px)
}
 .active .carousel-caption h3{
    transform:translate(0);
    font-family:Raleway,sans-serif;
    transition:all .8s ease-in-out
}
 .active .carousel-caption p{
    transform:translate(0);
    font-family:Raleway,sans-serif;
    transition:all 1s ease-in-out
}
/*.carousel-indicators{
    display:none!important;
    background:#009ad5!important;
    position:absolute;
    right:0;
    bottom:-16px!important;
    left:0;
    z-index:15;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    padding-left:0;
    margin-left:0!important;
    margin-right:0!important;
    list-style:none;
    width:100%;
    border:1px solid transparent
}
 @media screen and (min-width:768px) {
     .carousel-indicators{
        background:#009ad5!important;
        position:absolute;
        right:0;
        bottom:-16px!important;
        left:0;
        z-index:15;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center;
        padding-left:0;
        margin-left:0!important;
        list-style:none;
        width:100%;
        border:1px solid transparent
    }
}
*/
 .headerwrapper{
    display:grid;
    align-items:center;
    grid-template-columns:repeat(2,auto)
}
 .shadow-sm{
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
}
 .navtabbar{
    border:1px solid transparent;
    background:#96a1af;
    padding:5px 0;
    border-radius:15px
}
 a{
    text-decoration:none!important
}
 .navtabbar a{
    color:rgba(0,0,0,.7);
    text-decoration:none;
    font-weight:700
}
 .navtabbar.active{
    background:#fff
}
 .nav-tabs{
    border:0
}
 .useregister{
    display:grid!important;
    grid-template-columns:repeat(2,150px);
    justify-content:space-between;
    width:320px;
    text-align:center;
    border-bottom:0!important
}
 .agenuseraccount>div{
    padding:30px 0
}
 @media screen and (min-width:768px) {
     .agenuseraccount{
        display:grid;
        grid-template-columns:repeat(2,calc(48%));
        grid-gap:4%;
        margin:50px auto
    }
     .agenuseraccount>div{
        padding:0
    }
}
 .forgetpass{
    display:grid!important;
    grid-template-columns:repeat(2,calc(100% - 140px) 125px)!important;
    grid-gap:0!important
}
 @media screen and (min-width:768px) {
     .form-group{
        /*display:grid;*/
        grid-template-columns:repeat(2,150px calc(100% - 150px - 1em));
        align-items:center;
        grid-gap:1em
    }
     .form-group label{
        display:flex;
        /*justify-content:flex-end*/
    }
}
 .form-group input,.form-textarea textarea{
    background:#e9f0fa
}
 .form-textarea{
    padding-top:20px
}
 .loginbox .form-group:last-child{
    display:grid;
    grid-template-columns:repeat(2,100px);
    justify-content:space-between
}
 .form-register .form-group:last-child>button,.loginbox .form-group:last-child>button{
    background:#ffca34;
    border:0;
    color:rgba(0,0,0,.7);
    font-weight:700
}
 @media screen and (max-width:600px) {
     .form-register div,.loginbox div{
        display:block
    }
     .form-register div label,.loginbox div label{
        justify-content:flex-start
    }
}
 .form-phone{
    position:relative
}
 .form-group select{
    font-family:Arial,myanmar3
}
 #slideshow{
    width:100%;
    padding:100px 0;
    height:auto;
    background:linear-gradient(to bottom,rgba(88,152,243,0.2784313725490196) 20%,rgba(0,0,0,0.25098039215686274)),url(../images/house.jpg) center center/ cover no-repeat;
    position:relative;
    color:#fff
}
 .headerbackgroundmessage h1{
    font-size:2em;
    text-align:center;
    display:block
}
 .welcomevisiter p{
    word-break:break-all;
    white-space:break-spaces
}
 .lkhsright p{
    color:#1f07b0;
    font-size:.8em
}
 .slideheaderinfo{
    width:100%;
    padding:10px;
    height:auto;
    background:rgba(0,0,0,.38);
    z-index:1111;
    display:grid;
    grid-template-columns:repeat(1,auto);
    justify-content:space-between
}
 .sliderheaderinfo-left{
    display:grid;
    justify-content:flex-start
}
 @media screen and (min-width:768px) {
     .slideheaderinfo{
        display:grid;
        grid-template-columns:repeat(2,auto);
        justify-content:space-between;
        align-items:center
    }
     .sliderheaderinfo-left{
        display:grid;
        grid-template-columns:repeat(2,auto)
    }
}
 @media screen and (min-width:992px) {
     .sliderheaderinfo-left{
        grid-template-columns:repeat(4,auto)
    }
}
 .addre{
    display:grid;
    grid-template-columns:repeat(2,20px auto)
}
 .addressleft i,.addressright p{
    color:#fff
}
 .addressright p{
    margin:0
}
 .chooselang{
    width:70px;
    grid-gap:15px;
    display:grid;
    grid-template-columns:repeat(2,30px);
    align-self:center;
    justify-self:center
}
 .chooselang>div{
    width:100%
}
 .chooselang>div>a img{
    width:100%
}
 .accountlogs{
    display:grid;
    grid-template-columns:repeat(2,100px)
}
 .sliderheaderinfo-right{
    display:grid;
    grid-template-columns:repeat(2,200px)
}
 .accountlog-left p,.accountlog-right{
    color:#fff;
    margin:0;
    text-align:center
}
 .lastaddreheader{
    display:grid;
    grid-template-columns:repeat(2,50%)
}
 @media screen and (min-width: 768px) {
     .lastaddreheader{
        display:grid;
        grid-template-columns:repeat(2,auto)
    }
}
 .addressleft{
    color:#fff;
    align-self:center
}
 #registerform{
    padding:50px 0;
    background:#e9f0fa
}
 .navtabbar a.active{
    color:#fff
}
 #userdashboard{
    width:100%;
    padding:0;
    background:#e9f0fa
}
 .dashboardright{
    padding:30px 0
}
 @media screen and (min-width:768px) {
     .dashboardwrapper{
        display:grid;
        grid-template-columns:repeat(2,30% calc(100% - 30% - 2em));
        grid-gap:1em
    }
     .dashboardright{
        padding:0
    }
}
 @media screen and (min-width:992px) {
     .dashboardwrapper{
        display:grid;
        grid-template-columns:repeat(2,25% calc(100% - 25% - 2em));
        grid-gap:1em
    }
}
 .dashleftitems{
    list-style-type:none;
    position:relative
}
 .dashitem{
    width:100%
}
 .dashitem a.active{
    background:#fdd5634f;
    width:100%;
    border-left:10px solid #fdd563
}
 .dashitem a{
    display:grid;
    grid-template-columns:repeat(2,30px calc(100% - 45px));
    grid-gap:15px;
    padding:5px 0 5px 20px;
    align-items:center
}
 .dash-icon{
    width:100%
}
 .dash-icon img{
    width:30px;
    height:30px
}
 .dash-head p{
    background:#c0d9fc;
    padding:10px 20px;
    font-weight:700
}
 .dashheadavaliablepost{
    display:grid;
    grid-template-columns:repeat(1,100%);
    justify-content:space-between
}
 @media screen and (min-width:768px) {
     .dashheadavaliablepost{
        display:grid;
        grid-template-columns:repeat(2,85% 16%);
        justify-content:space-between;
        margin-bottom:20px
    }
}
 @media screen and (min-width:768px) {
     .avapostdash{
        display:block
    }
}
 .pointdash{
    display:flex;
    justify-content:space-between
}
 .showboxdash{
    display:flex;
    margin:0 auto;
    justify-content:space-around;
    flex-wrap:wrap
}
 .showbox{
    border:1px solid transparent;
    background:#fff;
    width:48%;
    margin:20px 0;
    box-shadow:0 0 3px 0 rgba(0,0,0,.43);
    border-radius:5px
}
 @media screen and (min-width:768px) {
     .showboxdash{
        display:flex;
        width:90%;
        margin:0 auto;
        justify-content:space-around;
        flex-wrap:wrap
    }
     .showbox{
        border:1px solid transparent;
        background:#fff;
        width:28%;
        margin:20px 0;
        box-shadow:0 0 3px 0 rgba(0,0,0,.43);
        border-radius:5px
    }
}
 .dashshow-icon{
    width:50%;
    margin:20px auto
}
 .dashshow-icon img{
    width:100%
}
 .dashshow-text{
    text-align:center
}
 #searchdataform{
    width:100%;
    padding:30px 0;
    height:auto;
    background:#e9f0fa
}
 .searchtype{
    border-bottom:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,auto);
    width:100%;
    text-align:center;
    padding:5px 0;
    grid-gap:1em
}
 @media screen and (min-width:768px) {
     .searchtype{
        border-bottom:0!important;
        display:grid!important;
        grid-template-columns:repeat(4,auto);
        width:500px;
        text-align:center;
        padding:5px 0;
        grid-gap:1em
    }
}
 .searchtype a{
    color:#000;
    border:1px solid transparent;
    background:#cfd5dd;
    padding:5px 25px;
    font-weight:600;
    display:block
}
 @media screen and (min-width:768px) {
     .searchtype a{
        color:#000;
        border:1px solid transparent;
        background:#cfd5dd;
        border-radius:20px;
        padding:5px 25px;
        display:flex;
        font-weight:600
    }
}
 .searchtype a.active{
    color:#000;
    background:#fff;
    font-weight:700;
    box-shadow:0 0 3px 0 #938181bd
}
 .searchfilterbox{
    background:#dde4ed;
    padding:5px 20px
}
 .searchform{
    display:grid;
    grid-template-columns:repeat(1,auto);
    grid-gap:0!important
}
 .searchform select{
    padding:3px 15px!important
}
 .searchform label{
    display:flex;
    justify-content:flex-start!important;
    font-weight:700
}
 .searchform input{
    border-radius:0
}
 .searchformbox{
    display:grid;
    grid-template-columns:repeat(1,100%);
    justify-content:space-between
}
 @media screen and (min-width:768px) {
     .searchformbox{
        display:grid;
        grid-template-columns:repeat(4,24%);
        justify-content:space-between
    }
}
 .searchformbox input{
    background:#fff
}
 .allsearch{
    padding:30px 0
}
 .chooserange{
    display:grid;
    grid-template-columns:repeat(2,20% 20%);
    justify-content:flex-start;
    grid-gap:2em;
    align-items:center;
    margin:10px 0
}
 .rangebox:last-child{
    margin-top:40px
}
 @media screen and (max-width:768px) {
     .selectgroup{
        display:grid;
        justify-content:center;
        grid-template-columns:repeat(2,auto);
        grid-gap:1em;
        align-items:center
    }
}
 @media screen and (min-width:768px) {
     .rangequery{
        display:grid;
        grid-template-columns:repeat(4,24% 24% 28% 20%);
        grid-gap:1em
    }
     .rangebox:last-child{
        margin-top:0
    }
     .chooserange{
        grid-gap:0;
        display:flex;
        justify-content:space-around;
        margin-top:30px
    }
}
 .featutedhead{
    position:relative
}
 .featutedhead h2{
    font-weight:400;
    padding:20px 0
}
 @media screen and (max-width: 600px) {
     .featutedhead h2,.postheader h2,.featuteagentdhead h2{
        text-align:center
    }
}
 .featutedhead::after{
    position:absolute;
    content:"";
    width:100%;
    height:2px;
    display:inline-block;
    background:#000
}
 @media screen and (min-width:768px) {
     .featutedhead::after{
        position:absolute;
        content:"";
        width:78%;
        height:2px;
        display:inline-block;
        background:#000;
        top:38px;
        right:0
    }
}
 .postheader h2{
    font-weight:500;
    font-size:1.8em;
    color:#333;
    margin-bottom:20px
}
 .sqftleft span{
    font-size:.8em;
    padding-left:5px;
    color:#333
}
 @media screen and (min-width:768px) {
     .rangebox{
        display:grid;
        grid-template-columns:repeat(2,auto);
        grid-gap:1em;
        align-items:flex-end
    }
}
 .rangebox label{
    font-weight:600
}
 .more-grouphome{
    display:grid;
    grid-template-columns:repeat(1,100%);
    grid-gap:0!important
}
 .more-grouphome label{
    justify-content:flex-start!important
}
 .more-grouphome input{
    background:#fff
}
 .lessmore{
    margin-top:-15px;
    display:flex;
    justify-content:center
}
 .checkboxlist{
    display:grid;
    grid-template-columns:repeat(2,150px 20px)
}
 .controlme{
    width:50px;
    height:30px;
    cursor:pointer;
    border:1px solid #3a3a3a
}
 .domore{
    background:#000;
    margin-top:2px;
    width:70px;
    margin-left:-10px;
    display:flex;
    align-items:center
}
 .domore p{
    color:#fff;
    padding:0 10px;
    height:25px;
    line-height:25px;
    text-align:center;
    margin:0
}
 .beforework::after{
    display:block;
    content:""
}
 .domore i{
    color:#fff
}
 .selectgropoption-search{
    position:relative
}
 .lessmorework{
    position:relative
}
 .posthomeboxs{
    display:grid;
    grid-template-columns:repeat(4,23%);
    justify-content:space-between
}
 .posthomebox{
    background:#fff;
    box-shadow:0 0 3px 0;
    position:relative
}
 .postrowleft{
    position:relative;
    overflow:hidden;
    line-height:1.5em;
    height:3.3em;
    word-break:break-word
}
 .postshow-img img{
    position:relative;
    width:100%;
    height:200px;
    object-fit:cover
}
 .postshow-img{
    position:relative
}
 .postshow-img:hover img{
    border:1px solid green;
    width:100%;
    height:200px;
    opacity:.8;
    background:red
}
 .postshow-img:hover .imagehovereffect{
    width:100%;
    height:200px;
    background:#00000085;
    position:absolute;
    top:0
}
 .postshow-img{
    position:relative
}
 .postshow-img:hover i{
    opacity:1
}
 .postshow-img i{
    position:absolute;
    top:calc(50% - 16px);
    text-align:center;
    color:#fff;
    padding:0 calc(50% - 16px);
    font-size:2em;
    opacity:0
}
 .postfistrow,.posthead-message{
    display:flex;
    justify-content:space-between;
    width:95%;
    margin:0 auto 7px;
    align-items:center
}
 .postfistrow1{
    text-align:center;
    font-size:25px;
    margin:10px 0 0
}
 .posthome-leftmsg p,.posthome-rightmsg p,.postrowleft p{
    margin:0;
    padding:5px 0;
    color:#333
}
 .posthome-leftmsg{
    position:absolute;
    top:0;
    background-color:rgba(255,247,4,0.690196);
    padding:0 15px;
    border-radius:0 10px 10px
}
 .posthome-rightmsg p{
    color:#38d228
}
 .agenthomeright{
    width:15%
}
 .agenthomeright img{
    width:35px!important;
    height:35px!important;
    margin:0 auto;
    object-fit:cover
}
 .sqftleft{
    width:65%;
    display:flex;
    grid-gap:.5em;
    align-items:center
}
 .sqftleft img{
    width:100%!important;
    width:20px!important
}
 .lkhsright code{
    display:flex;
    color:#6871e2
}
 .lkhsright code p{
    margin:0;
    padding:0;
    font-size:1.2em;
    color:#dc5151;
    font-weight:500
}
 .lkhsright code span{
    font-size:.8em;
    padding:7px 0 0 2px;
    color:#dc5151
}
 .grouphomecheck{
    display:block;
    position:relative;
    padding-left:35px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
 .grouphomecheck input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
 .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:20px;
    width:20px
}
 .grouphomecheck:hover input~.checkmark{
    background-color:#ffca34
}
 .grouphomecheck input:checked~.checkmark{
    background-color:#ffca34
}
 .househomepost{
    margin:50px 0
}
 .checkmark:after{
    content:"";
    position:absolute;
    display:none
}
 .grouphomecheck input:checked~.checkmark:after{
    display:block
}
 .checkboxgroupmains{
    display:grid;
    grid-template-columns:repeat(2,200px);
    grid-gap:3%
}
 .checkboxgroup>[type=checkbox]:checked,.checkboxgroup>[type=checkbox]:not(:checked){
    position:absolute;
    left:-9999px
}
 .checkboxgroup>[type=checkbox]:checked+label,.checkboxgroup>[type=checkbox]:not(:checked)+label{
    position:relative;
    padding-left:1.95em;
    cursor:pointer
}
 .checkboxgroup>[type=checkbox]:checked+label:before,.checkboxgroup>[type=checkbox]:not(:checked)+label:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:1.25em;
    height:1.25em;
    border:2px solid #ccc;
    background:#fff;
    border-radius:4px;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.1)
}
 .checkboxgroup>[type=checkbox]:checked+label:after,.checkboxgroup>[type=checkbox]:not(:checked)+label:after{
    content:'\2713\0020';
    position:absolute;
    top:.15em;
    left:.22em;
    font-size:1.3em;
    line-height:.8;
    color:#09ad7e;
    transition:all .2s;
    font-family:'Lucida Sans Unicode','Arial Unicode MS',Arial
}
 .checkboxgroup>[type=checkbox]:not(:checked)+label:after{
    opacity:0;
    transform:scale(0)
}
 .checkboxgroup>[type=checkbox]:checked+label:after{
    opacity:1;
    transform:scale(1)
}
 .checkboxgroup>[type=checkbox]:disabled:checked+label:before,.checkboxgroup>[type=checkbox]:disabled:not(:checked)+label:before{
    box-shadow:none;
    border-color:#bbb;
    background-color:#ddd
}
 .checkboxgroup>[type=checkbox]:disabled:checked+label:after{
    color:#999
}
 .checkboxgroup>[type=checkbox]:disabled+label{
    color:#aaa
}
 .checkboxgroup>[type=checkbox]:checked:focus+label:before,.checkboxgroup>[type=checkbox]:not(:checked):focus+label:before{
    border:2px dotted #00f
}
 label:hover:before{
    border:2px solid #4778d9!important
}
 .txtcenter{
    margin-top:4em;
    font-size:.9em;
    text-align:center;
    color:#aaa
}
 .copy{
    margin-top:2em
}
 .copy a{
    text-decoration:none;
    color:#4778d9
}
 .grouphomecheck .checkmark:after{
    left:9px;
    top:5px;
    width:5px;
    height:10px;
    border:solid #fff;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
 @media screen and (min-width:992px) {
     .morehome-input{
        display:grid;
        grid-template-columns:repeat(2,50%);
        grid-gap:2em;
        align-items:flex-end
    }
}
 .morehome-left .form-group:nth-child(1){
    position:relative
}
 #showinclusive2,#showinclusive3,.form-groupads>#showinclusive{
    width:auto!important;
    display:inline-grid;
    left:0;
    right:0;
    z-index:1111111111;
    font-size:11px
}
 @media screen and (min-width: 600px) {
     #showinclusive2,#showinclusive3,.form-groupads>#showinclusive{
        font-size:1em
    }
}
 .checkboxgroups,.hideviewtype,.showinclusive,.showinclusive3{
    background:#fff;
    width:100%;
    padding:10px
}
 .checkboxgroup>input{
    padding:30px 0 0
}
 .lightboxmodal{
    display:none;
    position:fixed;
    z-index:1;
    padding-top:100px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:#000000de
}
 .lightboxmodal-content{
    position:relative;
    background-color:#fefefe;
    margin:auto;
    padding:0;
    width:70%;
    max-width:1200px
}
 .lightboxclose{
    color:#fff;
    position:absolute;
    top:10px;
    right:25px;
    font-size:35px;
    font-weight:700
}
 .lightboxclose:focus,.lightboxclose:hover{
    color:#999;
    text-decoration:none;
    cursor:pointer
}
 .lightboxmySlides{
    display:none
}
 .cursor{
    cursor:pointer
}
 .lightboxnext,.lightboxprev{
    cursor:pointer;
    position:absolute;
    top:50%;
    width:auto;
    padding:16px;
    margin-top:-50px;
    color:#fff;
    font-weight:700;
    font-size:20px;
    transition:.6s ease;
    border-radius:0 3px 3px 0;
    user-select:none;
    -webkit-user-select:none
}
 .lightboxnext{
    right:0;
    border-radius:3px 0 0 3px
}
 .lightboxnext:hover,.lightboxprev:hover{
    background-color:rgba(0,0,0,.8)
}
 .numbertext{
    color:#f2f2f2;
    font-size:12px;
    padding:8px 12px;
    position:absolute;
    top:0
}
 img.lightboxhover-shadow{
    transition:.3s
}
 .lightboxhover-shadow:hover{
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
 @media screen and (min-width:768px) {
     #showinclusive2,.hideviewtype,.showinclusive{
        background:#fff;
        width:650px;
        padding:10px
    }
}
 .input-searchhome{
    position:relative;
    margin:0!important
}
 .input-searchhome input{
    background:#ffca34;
    color:#333;
    font-weight:600;
    padding:7px 12px
}
 .homerangwrapper{
    display:grid;
    grid-gap:1em
}
 .searchrangeboth{
    display:grid;
    grid-template-columns:repeat(2,auto);
    grid-gap:1em
}
 .input-searchhome img{
    position:absolute;
    width:50px;
    height:50px;
    right:0;
    left:130px;
    top:-.8em
}
 .searchrange{
    margin:5px 0
}
 @media screen and (min-width:992px) {
     .searchrange{
        display:block;
        grid-template-columns:repeat(2,80px 50px 50px);
        grid-gap:15px;
        align-items:flex-end
    }
     .homerangwrapper{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        grid-gap:15px;
        align-items:center;
        padding-bottom:30px
    }
     .searchrange:nth-child(3) .searchrangeboth{
        display:grid;
        grid-template-columns:repeat(3,auto);
        grid-gap:1em
    }
     .searchrange:nth-child(4){
        margin-top:37px
    }
}
 #footer{
    width:100%;
    height:auto;
    background:#e9f0fa;
    background-image:linear-gradient(to bottom,#e9f0fa,transparent),linear-gradient(to bottom,#7195c5 40%,#a0b6d4);
    position:relative;
    padding:20px 0 0
}
 .footertermcondition{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px
}
 .footertermcondition>div>a{
    font-size:13px;
    color:#080033;
    font-weight:300
}
 #footer::before{
    content:'';
    display:block;
    background:url(../images/footer-left.png)100% 100%/cover no-repeat;
    width:300px;
    height:150px;
    bottom:0;
    position:absolute;
    opacity:.5
}
 #footer::after{
    content:'';
    display:block;
    background:url(../images/footer-right.png)100% 100%/cover no-repeat;
    width:150px;
    height:100px;
    bottom:0;
    right:0;
    position:absolute;
    opacity:.5
}
 .hfootaddress{
    display:grid;
    grid-template-columns:repeat(2,80px calc(100% - 80px));
    padding:5px 0
}
 @media screen and (min-width:768px) {
     .searchformrowtwo{
        display:grid;
        grid-template-columns:repeat(3,auto);
        grid-gap:1em;
        align-items:center
    }
}
 @media screen and (max-width:600px) {
     .homefooterlink{
        list-style-type:none;
        display:flex;
        width:200px;
        margin:10px auto;
        justify-content:space-around
    }
}
 .homefooterlink{
    list-style-type:none
}
 .homefooterlink li a i{
    color:#fff;
    border:1px solid transparent;
    width:30px;
    margin:5px 0;
    height:30px;
    text-align:center;
    line-height:30px;
    border-radius:50%
}
 .homefooterlink li:nth-child(1) a i{
    background:#374371
}
 .homefooterlink li:nth-child(2) a i{
    background:#b9472a
}
 .homefooterlink li:nth-child(3) a i{
    background:#3a7ca5
}
 .footerhomecenter ul{
    position:relative;
    list-style-type:none;
    display:grid;
    grid-template-columns:repeat(4,auto)
}
 .footerhomecenter li{
    text-align:center
}
 .footerbox{
    position:relative;
    z-index:222;
    text-align:center
}
 .footerwrapper{
    display:grid;
    grid-template-columns:repeat(1,100%);
    align-items:center
}
 @media screen and (min-width:768px) {
     .footerwrapper{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        align-items:center
    }
}
 @media screen and (min-width:992px) {
     .footerwrapper{
        display:grid;
        grid-template-columns:repeat(4,30% 5% 25% 40%);
        grid-gap:1%;
        align-items:center
    }
}
 .footer-companylogo{
    width:150px;
    height:auto;
    margin:0 auto
}
 .footer-companylogo img{
    width:100%
}
 .homefooterhead h2{
    color:#080033;
    font-size:1.3em;
    font-weight:700;
    text-decoration:underline;
    text-align:center
}
 .hfootadd-name p{
    font-weight:500;
    color:#080033
}
 .hfootad-value p{
    font-size:12.5px;
    color:#080033;
    text-align:left
}
 .footerhomecenter ul li a{
    color:#080033;
    font-size:.9em
}
 .footermessage p{
    margin:0;
    color:#fff;
    padding:5px 0;
    text-align:center;
    font-size:.67em;
    font-style:italic
}
 .footermessage{
    position:relative;
    z-index:11;
    background:#4a5665
}
 .manage-dashboxs{
    display:grid;
    grid-template-columns:repeat(2,48%);
    grid-gap:2em;
    width:80%;
    margin:20px auto
}
 @media screen and (min-width:768px) {
     .manage-dashboxs{
        display:grid;
        grid-template-columns:repeat(2,25%);
        grid-gap:2em;
        width:80%;
        margin:20px auto
    }
}
 .manade-dashbox{
    border:1px solid transparent;
    background:#fff;
    margin:20px 0;
    box-shadow:0 0 3px 0 rgba(0,0,0,.43);
    border-radius:5px
}
 .dashshow-text p{
    font-size:.9em;
    font-weight:600;
    padding:0 10px 5px;
    margin:0;
    color:#000;
    word-wrap:break-word
}
 .dash-text p{
    margin:0;
    color:#333
}
 .dash-head p{
    font-size:1em
}
 .avapostdashshow p,.pointpostshow p{
    font-size:.9em
}
 .updateacc input{
    background:#fff
}
 .avatorgroup{
    position:relative;
    margin:50px auto;
    border:3px solid green;
    width:106px;
    border-radius:5px
}
 .avatorgroup img,.avatorpic{
    background:0 0;
    width:100px;
    height:100px;
    object-fit:cover
}
 .avatorpic{
    position:relative;
    z-index:11;
    color:transparent;
    opacity:0
}
 .avatorgroup img{
    position:absolute;
    left:0
}
 input[type=radio]{
    -webkit-appearance:none;
    width:20px;
    height:20px;
    padding:20px;
    border:1px solid #555;
    background:#555;
    border-radius:50%;
    outline:0;
    box-shadow:0 0 5px 0 gray inset
}
 .field-form{
    background:0 0;
    border:1px solid #fff;
    border-radius:3px;
    padding:15px 45px;
    color:#fdd563;
    width:100%;
    font-size:1em;
    color:#fdd563
}
 input[type=radio]:checked::before{
    background:#fdd563
}
 input[type=radio]::before{
    content:'';
    display:block;
    width:70%;
    height:70%;
    margin:15% auto;
    border-radius:50%
}
 .input-groups{
    display:grid;
    grid-template-columns:repeat(2,200px 30px)
}
 .input-groups label{
    justify-content:flex-start;
    display:grid;
    grid-template-columns:repeat(2,150px 50px)
}
 .input-groups>input{
    padding-left:30px!important
}
 .session-error,.session-message{
    display:grid;
    border:2px solid #2b3;
    background:#fff;
    align-items:center;
    border-radius:5px;
    margin:0 0 30px;
    grid-template-columns:repeat(2,30px auto);
    grid-gap:1em
}
 .session-error{
    border:2px solid #ff4242!important
}
 .session-error p,.session-message p{
    margin:0;
    font-weight:400!important;
    font-size:.9em
}
 .session-error i,.session-message i{
    width:35px;
    height:35px;
    background:#2b3;
    line-height:35px;
    text-align:center;
    color:#fff
}
 .session-error i{
    background:#ff4242!important
}
 .submitconfirm{
    display:grid;
    grid-template-columns:repeat(2,auto);
    justify-content:space-between
}
 @media screen and (min-width:768px) {
     .submitconfirm{
        margin-left:calc(150px + 1em)!important;
        width:calc(100% - 150px - 1em)!important
    }
}
 .submitconfirm .btn:nth-child(1){
    align-items:center;
    background:#c8d2e1;
    display:flex;
    justify-content:flex-start;
    padding:8px 30px;
    color:#000
}
 .submitconfirm .btn>i{
    color:#000;
    margin-top:2px
}
 .submitconfirm .btn:nth-child(2){
    align-items:center;
    display:flex;
    justify-content:flex-end;
    padding:8px 40px;
    background:#ffca34
}
 .submitconfirm .btn>input{
    padding-left:10px;
    background:0 0
}
 label{
    margin:0!important
}
 .transferdata{
    padding:30px 0
}
 form>div{
    padding:0
}
 .buypointbox{
    height:auto;
    padding:20px;
    margin:50px auto;
    background:#d5dfed
}
 @media screen and (min-width:768px) {
     .buypointbox{
        width:500px
    }
}
 @media screen and (min-width:992px) {
     .buypointbox{
        width:600px
    }
}
 .buypointhead{
    display:grid;
    grid-template-columns:repeat(2,50px auto);
    grid-gap:1em;
    align-items:center
}
 .buypointhead img{
    width:100%
}
 .buypointhead p{
    margin:0;
    font-size:1.5em
}
 .pointborder{
    width:1.5px;
    height:30px;
    background:#000
}
 .pointprice p,.pointtype p{
    font-size:1.2em;
    margin:0
}
 .pointbuy a{
    color:#000;
    font-size:1.2em;
    border:1px solid transparent;
    background:#fdd563;
    padding:5px 25px
}
 .pointtypeinfo{
    display:grid;
    margin:0 auto;
    padding:5px 10px;
    background:#fff;
    border-radius:5px;
    box-shadow:0 0 3px #fff;
    margin:20px 0;
    align-items:center;
    height:50px;
    grid-template-columns:repeat(4,calc(30% - 10px) 10% 30% calc(30% - 10px))
}
 .pointbuy,.pointprice{
    display:flex;
    justify-content:flex-end
}
 .pointtype{
    display:flex;
    justify-content:center
}
 .pointmodel{
    display:none;
    position:fixed;
    z-index:1;
    padding-top:100px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:#000;
    background-color:rgba(0,0,0,.4)
}
 .pointmodelpaymentbox{
    position:relative;
    background-color:#fefefe;
    margin:50px auto;
    padding:0;
    border:1px solid #888;
    width:80%!important;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name:animatetop;
    -webkit-animation-duration:.4s;
    animation-name:animatetop;
    animation-duration:.4s
}
 @media screen and (min-width:768px) {
     .pointmodelpaymentbox{
        width:500px!important
    }
}
 .modal{
    background:#151313e0!important;
    z-index:9000000000!important
}
 .househomepost > .modal{
    overflow:scroll!important
}
 @-webkit-keyframes animatetop {
     from{
        top:-300px;
        opacity:0
    }
     to{
        top:0;
        opacity:1
    }
}
 @keyframes animatetop {
     from{
        top:-300px;
        opacity:0
    }
     to{
        top:0;
        opacity:1
    }
}
 .pointmodel-header{
    position:relative
}
 button{
    border-radius:0!important
}
 .closeicon{
    position:absolute;
    right:-10px;
    font-size:1.2em;
    width:20px;
    height:20px;
    background:rgba(0,0,0,.38);
    text-align:center;
    cursor:pointer;
    line-height:20px;
    border-radius:50%;
    top:-10px
}
 .pointmodel-header{
    padding:2px 16px;
    background-color:#d5dfed;
    color:#fff
}
 .pointmodel-body{
    padding:30px 0;
    margin:0 auto;
    width:80%
}
 .pointmodel-body p{
    font-size:1.5em
}
 .headermessage{
    display:flex;
    justify-content:space-between
}
 .headermessage p{
    font-size:1em;
    margin:0;
    padding:5px 20px;
    color:#000
}
 .pointmodel-body h2{
    text-align:center
}
 .confirm-message{
    text-align:center
}
 .sidenav a{
    display:flex!important;
    justify-content:space-between
}
 .sidenav code{
    border:1px solid #fff;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    color:#000;
    font-weight:600;
    text-align:center;
    line-height:20px;
    font-size:.8em
}
 .dropdown-btn,.sidenav a{
    padding:6px 8px 6px 16px;
    text-decoration:none;
    font-size:14px;
    color:#818181;
    display:block;
    border:none;
    background:0 0;
    width:100%;
    text-align:left;
    cursor:pointer;
    outline:0
}
 .dropdown-btn:hover,.sidenav a:hover{
    color:#0060ff
}
 .main{
    margin-left:200px;
    font-size:20px;
    padding:0 10px
}
 .dropdown-btn.active{
    background-color:green;
    color:#fff
}
 .dropdown-container{
    display:none;
    background-color:#262626;
    padding-left:8px
}
 .fa-caret-down{
    float:right;
    padding-right:8px
}
 @media screen and (max-height:450px) {
     .sidenav a{
        font-size:18px
    }
}
 #admindashboard{
    position:relative;
    justify-content:flex-start;
    display:flex
}
 .admindashboardleft{
    height:auto;
    width:200px;
    z-index:1;
    top:0;
    left:0;
    background-color:#111;
    overflow-x:hidden;
    padding-top:20px
}
 @media screen and (max-width:600px) {
     .dashboardleft{
        position:fixed;
        transition:all .5s ease-in-out;
        left:1em;
        right:1em;
        transform:translateX(-120%);
        top:200px;
        z-index:1.0E+18
    }
     .callnavitoggle{
        transform:translateX(0)
    }
     .callnavigation{
        width:30px;
        height:30px;
        background:#fff;
        border-radius:50%;
        text-align:center;
        line-height:30px;
        box-shadow:0 0 5px;
        cursor:pointer;
        display:block;
        position:fixed;
        top:1.5em;
        z-index:666666666;
        left:1em
    }
}
 .admindashboardright{
    background:#ebeaea;
    padding:50px 20px;
    width:100%
}
 .admindashrightwrapp-box{
    padding:20px;
    background:#fff
}
 .button-admin a{
    color:#fff
}
 .confirm-box{
    width:25px;
    height:25px;
    border:2px solid red;
    border-radius:3px
}
 .confrim-ask{
    display:grid;
    grid-template-columns:repeat(2,30px auto);
    grid-gap:1em;
    width:50%;
    margin:30px auto
}
 .goback{
    background:0 0;
    color:#fff
}
 .searchfilter{
    padding:50px 0
}
 .searchbox input{
    border-radius:0
}
 .input-data span{
    background:#fff;
    padding:5px;
    display:block
}
 .showdroplists{
    display:block
}
 .dropdata{
    list-style-type:none;
    border:1px solid transparent;
    background:#fff;
    margin:10px 0;
    height:200px;
    overflow-y:scroll
}
 .dropdata li{
    padding:10px
}
 .fontawesome{
    display:inline-block;
    float:right
}
 .dropdata li:hover{
    background:red;
    cursor:pointer
}
 .custom-select{
    position:relative;
    height:35px!important;
    padding:0!important
}
 .custom-select select{
    display:none
}
 .select-selected{
    background-color:#fff
}
 .select-selected:after{
    position:absolute;
    content:"";
    top:14px;
    right:10px;
    width:0;
    height:0;
    border:6px solid transparent;
    border-color:#000 transparent transparent
}
 .select-selected.select-arrow-active:after{
    border-color:transparent transparent #000;
    top:7px
}
 .select-items div,.select-selected{
    color:#000;
    padding:6px 16px;
    border:1px solid transparent;
    border-color:transparent transparent rgba(0,0,0,.1);
    cursor:pointer;
    user-select:none
}
 .select-items{
    position:absolute;
    background-color:#fff;
    top:50px;
    left:0;
    color:#000;
    right:0;
    z-index:99
}
 .select-hide{
    display:none
}
 .same-as-selected,.select-items div:hover{
    background-color:rgba(244, 193, 104,.1)
}
 .searchbox-first{
    display:grid;
    grid-template-columns:repeat(4,24%);
    grid-gap:1em
}
 .searchbox-firsts{
    display:grid;
    grid-template-columns:repeat(4,24% 24% 32% 16%);
    grid-gap:1em
}
 .slectdatagroupd{
    display:grid;
    grid-template-columns:repeat(3,auto);
    grid-gap:1em
}
 .selectdata{
    display:grid;
    grid-template-columns:repeat(2,48%);
    grid-gap:5%
}
 .selectdatad{
    display:grid;
    grid-template-columns:repeat(3,60px 60px 120px);
    grid-gap:1%
}
 .seachgroup{
    display:flex;
    justify-content:space-between;
    align-items:flex-end
}
 .houseborderbottom{
    width:90%;
    margin:10px auto;
    border-bottom:2px solid #000
}
 .call,.s_mail{
    margin:10px 0;
    cursor:pointer
}
 .siteowmerfacebookpage>.facebookpage{
    display:flex;
    justify-content:center
}
 .s_mail div{
    padding:5px 15px;
    background:#ffca34
}
 .call a,.s_mail a{
    background:#ffca34;
    color:#000;
    font-size:1em;
    padding:8px 15px
}
 .call a:hover,.s_mail a:hover{
    text-decoration:none;
    color:#000
}
 .transferinput{
    margin:20px auto
}
 .searchandfilter{
    display:flex;
    justify-content:space-between;
    margin:20px auto
}
 .formfiltergroup{
    display:grid;
    grid-template-columns:repeat(2,auto);
    grid-gap:1em
}
 .accountsort a,.accountsort i{
    color:#fff!important
}
 .accountsort i{
    opacity:0
}
 .accountsort a:hover i{
    opacity:1
}
 .adminlogin .form-group{
    display:flex
}
 .adminlogin .form-group label{
    display:flex;
    justify-content:flex-start!important
}
 .nice-select{
    width:100%!important
}
 .nice-select .list{
    width:100%!important;
    border-radius:0!important;
    margin-top:20px!important;
    position:relative
}
 .nice-select .list::after{
    display:block;
    width:10px;
    height:10px;
    background:#fff;
    content:'';
    position:absolute;
    top:-5px;
    transform:rotate(45deg);
    right:10px
}
 .nice-select{
    height:auto!important;
    line-height:30px!important;
    border:0!important;
    border-radius:0!important
}
 .featuteagentdhead{
    position:relative
}
 .featuteagentdhead h2{
    font-weight:400;
    padding:20px 0
}
 .featuteagentdhead h2:after{
    content:"";
    width:100%;
    height:2px;
    display:inline-block;
    background:#000
}
 @media screen and (min-width:768px) {
     .featuteagentdhead h2:after{
        position:absolute;
        width:73%;
        top:38px;
        right:0
    }
}
 .featured-agenthome{
    width:250px;
    margin:0 auto 10px;
    background:#fff;
    background-image:radial-gradient(circle,#fff 40%,#eef3f9);
    box-shadow:0 0 3px #1f07b0
}
 .featured-agenthome:hover{
    box-shadow:0 0 10px 0 #1f07b0;
    transition:all .4s ease-out
}
 .pic-home img{
    width:50%!important;
    margin:30px auto;
    padding:30px 0 0;
    height:150px;
    object-fit:contain
}
 .featurename{
    text-align:center;
    padding-bottom:30px;
    font-size:14px;
    font-weight:700
}
 .favorite-adsbox{
    margin:30px auto;
    border:1px solid transparent;
    background:#fff;
    box-shadow:0 0 3px 0 #8d949e
}
 .favorite-adsbox:nth-child(1){
    margin:0
}
 .morehome-input{
    display:none
}
 .otherinclusives-searchpanel{
    display:grid;
    grid-template-columns:repeat(2,auto);
    align-items:center
}
 .adsfavpostviewheader{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,81px calc(100% - 81px))
}
 .modal-title{
    word-break:break-all
}
 @media screen and (min-width:992px) {
     .adsfavpostviewheader{
        grid-template-columns:repeat(2,81px calc(100% - 81px - 1em))
    }
}
 @media screen and (min-width:992px) {
     .favaadspostpanel{
        display:grid;
        padding:20px;
        grid-template-columns:repeat(2,50%);
        grid-gap:1em
    }
}
 .favadspostimg img{
    width:100%;
    height:300px;
    object-fit:cover
}
 @media screen and (min-width:992px) {
     .favadspostimg img{
        width:100%
    }
}
 .adspostnamefav p,.adsposttype p{
    margin:0;
    font-weight:500;
    color:#333
}
 .adsposttype p{
    text-align:center
}
 .adspostnamefav p{
    font-size:.8em;
    font-weight:600;
    word-break:break-word
}
 .adsposttype{
    background:#fdd5634f;
    padding:10px
}
 .adspostnamefav{
    background:#fdd563;
    padding:10px
}
 .favads-cityandtsp{
    width:90%;
    display:grid;
    justify-content:space-between;
    padding:5px;
    align-items:center;
    margin:0 auto;
    grid-template-columns:repeat(2,auto)
}
 @media screen and (min-width:768px) {
     .favads-cityandtsp{
        width:90%;
        display:grid;
        justify-content:space-between;
        grid-template-columns:repeat(2,200px calc(100% - 200px))
    }
}
 .favads-cityandtsp{
    border-bottom:2px solid #000
}
 .cityandtspname-favads p,.cityandtspval-favads p{
    margin:0;
    font-size:.8em;
    color:#333
}
 .m0{
    margin:0
}
 .p0{
    padding:0
}
 .m0-auto{
    margin:0 auto
}
 .m1-auto{
    margin:10px auto
}
 .m2-auto{
    margin:20px auto
}
 .m3-auto{
    margin:30px auto
}
 .font-size09{
    font-size:.9em
}
 .gridspace{
    display:grid;
    grid-template-columns:repeat(2,300px calc(100% - 300px));
    grid-gap:1%
}
 .postuseridadsfav{
    display:flex;
    width:90%;
    justify-content:space-between;
    margin:5px auto
}
 .lkhspostadsfav p,.useradsfavid p{
    padding:0 10px
}
 @media screen and (min-width:992px) {
     .postuseridadsfav{
        display:flex;
        grid-template-columns:repeat(2,100px);
        width:90%;
        justify-content:space-between;
        margin:0 auto;
        position:absolute;
        right:0;
        left:0;
        bottom:0
    }
     .favadspost-right{
        position:relative
    }
}
 .favadspost-right > div{
    padding:6px 0!important
}
 .lkhspostadsfav,.useradsfavid{
    background:#ebeaea!important;
    padding:10px 0;
    text-align:center;
    border-radius:5px
}
 .lkhspostadsfav p{
    color:#bb2124
}
 .favadsfooter{
    padding:20px 0;
    background:#ebeaea
}
 @media screen and (max-width:768px) {
     .favadsfooter{
        padding:10px 0 0
    }
}
 .img-resp{
    width:100%
}
 .favads-footerwrapper{
    width:100%;
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:repeat(2,50% 50%);
    align-items:center;
    grid-gap:1%
}
 @media screen and (max-width:768px) {
     .favads-footerwrapper{
        grid-template-columns:repeat(1,1fr)
    }
     .favads-rightpanel{
        margin:20px 0 10px
    }
}
 .favads-leftpanel{
    display:grid;
    grid-template-columns:repeat(1,30px auto);
    justify-content:center;
    grid-gap:1em
}
 .agentusername-favadspost p{
    text-align:center;
    font-weight:500
}
 .adspost-fav{
    display:grid;
    grid-template-columns:repeat(3,auto);
    grid-gap:1em;
    align-items:center
}
 .adspost-fav .is-favorite{
    width:30px
}
 .adspostfav-call{
    cursor:pointer
}
 .adspostfav-call a{
    background:#02bb21;
    padding:8px 20px;
    color:#fff;
    border-radius:5px
}
 .adspostfav-call a:hover{
    color:#fff
}
 .myads-postbox{
    width:95%;
    margin:30px auto;
    background:#fff;
    border:1px solid transparent;
    box-shadow:0 0 3px 0 #dee2e6;
    padding:15px 15px 0
}
 @media screen and (min-width:768px) {
     .myads-postboxwrap{
        display:grid;
        grid-template-columns:repeat(2,48%);
        grid-gap:1%
    }
     .postbox-adstitle{
        padding:0 0 10px!important
    }
}
 .postbox-adstitle{
    padding:10px 0;
    border-bottom:2px solid #000
}
 .postbox-adstitle p{
    word-break:break-all
}
 .spacebetween{
    display:flex;
    justify-content:space-between
}
 .ph-1{
    padding:10px 0
}
 .ph-3{
    padding:30px 0
}
 .adspost-actionpanels{
    display:grid;
    grid-template-columns:repeat(2,48%);
    grid-gap:3%;
    width:90%;
    justify-content:space-between;
    margin:0 auto
}
 @media screen and (max-width:600px) {
     .adspost-action a{
        padding:10px 5px!important;
        grid-template-columns:repeat(2,20px calc(100% - 10px))!important
    }
}
 .adspost-action a{
    display:grid;
    grid-template-columns:repeat(2,30px calc(100% - 30px));
    background:#e9f0fa;
    border-radius:5px;
    align-items:center;
    justify-content:space-between;
    width:100%;
    grid-gap:10px;
    margin:5px 0;
    padding:20px 10px
}
 .myads-postboxleftimg img{
    height:350px;
    object-fit:cover
}
 .postadspanel{
    margin:20px auto
}
 @media screen and (min-width: 768px) {
     .adsfooterright{
        display:flex;
        justify-content:flex-end
    }
     .adsfooterleft{
        display:flex;
        justify-content:space-around;
        width:450px;
        margin-left:-50px
    }
}
 .form-groupsads label{
    margin-bottom:5px!important
}
 .form-groupsads{
    padding:10px 0
}
 @media screen and (min-width:768px) {
     .uploadadspost{
        width:80%;
        margin:10px auto 0
    }
}
 .manage-dash-wrapper{
    position:relative;
    overflow:hidden
}
 .myadsdropzone{
    width:80%;
    margin:30px auto;
    border:1px solid transparent
}
 .dropzone-head{
    padding:15px;
    text-align:center;
    background:#c0d9fc;
    font-size:1.2em;
    border-radius:20px 20px 0 0
}
 .dropzone-body{
    background:#fff;
    padding:50px 0
}
 .filebtn{
    border:2px solid gray;
    color:gray;
    background-color:red;
    padding:8px 50px!important;
    display:flex!important;
    font-size:20px;
    font-weight:700;
    background:#c0d9fc!important;
    margin:0 auto;
    justify-content:center!important
}
 .ornot p{
    text-align:center;
    padding:20px 0;
    font-size:2em
}
 .inclusive-group{
    background:#fff;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center
}
 #salepagewrapper{
    width:100%;
    height:auto;
    padding:10px 0;
    background:#e9f0fa
}
 .nice-select>ul{
    width:100%!important;
    max-height:300px!important;
    overflow-y:scroll!important
}
 .bobottom{
    margin-top:30px;
    border-bottom:2px solid #000
}
 .bedroom-group{
    display:grid;
    grid-template-columns:repeat(2,auto);
    grid-gap:2em
}
 .botharea label{
    display:flex;
    justify-content:center
}
 .bothareaboxs p{
    padding:0 10px;
    display:none
}
 .searchfiltersecboxtwo{
    padding:60px 0
}
 @media screen and (min-width:768px) {
     .searchfiltersecbox,.searchfiltersecboxtwo{
        display:flex;
        align-items:flex-end
    }
     .bothareaboxs{
        display:flex;
        align-items:flex-end
    }
     .bothareaboxs p{
        display:block
    }
     .searchfiltersecboxtwo{
        padding:0
    }
}
 .searchfiltersecbox label,.searchfiltersecboxtwo label{
    padding-right:20px
}
 .bothareabox{
    display:grid;
    grid-template-columns:repeat(3,35% 35% 15%);
    grid-gap:3%;
    width:100%
}
 .seachbutton{
    padding:20px 0
}
 @media screen and (min-width:768px) {
     .bothareabox{
        display:grid;
        grid-template-columns:repeat(3,100px);
        grid-gap:1em
    }
     .seachbutton{
        padding:0
    }
}
 .bothareaend{
    display:grid;
    align-items:flex-end
}
 @media screen and (min-width:992px) {
     .searchformrow{
        display:grid;
        grid-template-columns:repeat(4,auto)
    }
}
 @media screen and (min-width:992px) {
     .designlayout{
        display:grid;
        grid-template-columns:repeat(1,100%);
        grid-gap:2%;
        margin:30px auto
    }
}
 @media screen and (min-width:992px) {
     .designlayout{
        display:grid;
        grid-template-columns:repeat(2,69% 29%);
        grid-gap:2%;
        margin:30px auto
    }
}
 .designlayout-right{
    width:100%;
    height:auto;
    padding:10px 0;
    box-shadow:0 0 3px 0;
    background:#fff
}
 @media screen and (min-width:768px) {
     .posthomeboxspanel{
        display:grid;
        grid-template-columns:repeat(2,48%);
        justify-content:space-between
    }
     .designlayout-right{
        padding:0;
        align-self:baseline
    }
}
 @media screen and (min-width:992px) {
     .posthomeboxspanel{
        display:grid;
        grid-template-columns:repeat(3,32%);
        justify-content:space-between
    }
     .designlayout-right{
        padding:0
    }
}
 .posthomeboxspanel>.posthomebox{
    margin:30px 0
}
 .sortwrapper{
    width:80%;
    display:grid;
    grid-template-columns:repeat(1,100%);
    justify-content:space-between;
    margin-bottom:10px
}
 @media screen and (min-width:768px) {
     .sortwrapper{
        width:100%;
        display:grid;
        grid-template-columns:repeat(2,70% 30%);
        justify-content:space-between;
        align-items:center
    }
     .sortformat>div{
        padding:0
    }
}
 .layoutde{
    border:1px solid #000;
    padding:5px;
    cursor:pointer;
    border-radius:3px
}
 .layoutdes{
    display:grid;
    grid-template-columns:repeat(2,40px);
    grid-gap:1em
}
 .layoutframe{
    width:100%;
    height:2px;
    margin:2.5px 0;
    background:#000
}
 .layoutde{
    height:40px;
    line-height:40px
}
 .layouttwo{
    display:grid;
    justify-content:space-between;
    grid-template-columns:repeat(3,10px)
}
 .layoutfr{
    width:8px;
    height:8px;
    margin:1px 0;
    background:#000
}
 .robed img{
    width:100%
}
 .roborde{
    width:2px;
    height:20px;
    background:#000
}
 .roomandshowcount-icon{
    display:grid;
    grid-template-columns:repeat(2,auto);
    width:90%;
    margin:5px auto
}
 .roomandbedgrid{
    display:grid;
    grid-template-columns:repeat(3,50px 10px 50px)
}
 .robed{
    display:grid;
    grid-template-columns:repeat(2,40% 30%);
    align-items:center;
    grid-gap:20%
}
 .inclusiveicons{
    display:grid;
    grid-template-columns:repeat(2,90px);
    grid-gap:1em
}
 .inclusivegrid{
    display:grid;
    grid-template-columns:repeat(2,20px);
    grid-gap:.3em
}
 .inclusimg img{
    width:100%
}
 .roomavaliable{
    color:#2b3;
    font-weight:500
}
 .roomavaliable>p{
    margin-bottom:0
}
 .pointtable tbody>tr td,.pointtable thead>tr th{
    font-size:.8em
}
 .buypointuserbox{
    width:100%;
    margin:20px auto;
    border:1px solid transparent;
    box-shadow:0 0 3px 0 #90949c;
    display:grid;
    grid-template-columns:repeat(2,19% 79%);
    align-items:center;
    grid-gap:1%
}
 .buypointuserleft{
    width:100%;
    margin:0 auto;
    position:relative
}
 .buypointuserleft::after{
    position:absolute;
    content:"";
    display:inline-block;
    width:1px;
    height:96%;
    top:2%;
    right:0;
    background:#90949c
}
 .leftuserrole{
    text-align:center
}
 .leftuserrole img{
    width:80px;
    height:80px;
    margin:10px auto;
    border-radius:50%;
    border:3px solid #90949c
}
 .buypointusercompany p{
    text-align:center;
    padding:5px 0;
    font-size:1.2em
}
 .buypointusercompany,.useraddresinfos{
    border-bottom:2px solid #90949c
}
 .useraddresinfos{
    padding:10px 0
}
 .userlogininfo{
    display:grid;
    grid-template-columns:repeat(2,100px auto);
    grid-gap:2em
}
 .buypointusridcheck{
    display:flex;
    justify-content:flex-end;
    padding:8px 0
}
 .buypointusridcheck a{
    border:1px solid transparent;
    padding:3px 15px;
    background:#90949c;
    color:#fff;
    font-size:.9em
}
 .buypointusridcheck a:hover{
    color:#fff
}
 .shownotifi{
    width:250px;
    height:400px;
    border:1px solid transparent;
    background:#ebeaea;
    overflow-y:scroll;
    position:absolute;
    right:0;
    top:2em;
    box-shadow:0 0 3px 0
}
 .userlabel{
    padding:5px;
    display:grid;
    grid-template-columns:repeat(2,calc(100% - 40px) 40px);
    align-items:center
}
 .userlabel:hover{
    background:#fff;
    transition:all .3s ease-in-out
}
 .shownotifi .userlabel{
    border-bottom:1px solid #212529
}
 .userlabel code,.userlabel p{
    font-size:.8em;
    color:#fff
}
 .check_noti{
    font-size:.7em;
    color:#fff
}
 .userlabel a,.userlabel code,.userlabel p{
    color:#000
}
 .notification{
    display:flex;
    padding-bottom:30px;
    justify-content:flex-end;
    cursor:pointer;
    position:relative;
    width:150px;
    margin-left:calc(100% - 150px)
}
 .nowshownotfi{
    position:relative;
    left:-1em;
    background:red;
    color:#fff;
    padding:3px 5px;
    border-radius:5px;
    font-size:.8em;
    top:-1em;
    z-index:55555555
}
 .tablebox>table thead tr th,table tbody tr th{
    font-size:.9em;
    font-weight:400
}
 .tablebox>table tbody tr td{
    font-size:.8em;
    font-weight:400
}
 .pagetilehouse p{
    font-size:2em;
    padding:20px 0
}
 @media screen and (min-width:768px) {
     .uploadadsimgboxs{
        border:1px solid #000;
        width:95%;
        padding:2.5%;
        display:flex;
        margin:50px auto;
        justify-content:space-between;
        flex-wrap:wrap
    }
     .uploadadsimgboxs .imgbox{
        width:32%;
        margin:5px 0
    }
}
 .imgbox img{
    width:100%
}
 .imgbox{
    position:relative;
    width:80%;
    margin:5px auto
}
 .imgbox:hover img{
    cursor:pointer
}
 .imgbox:hover .imagehoveranimate{
    opacity:1;
    transform:translateY(0)
}
 .imagehoveranimate{
    display:flex;
    width:80%;
    margin:0 auto;
    justify-content:space-between;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    opacity:0;
    transition:all .3s ease-in-out;
    transform:translateY(120px)
}
 .saveimgupload{
    width:95%;
    margin:100px auto 20px
}
 .imagehoveranimate>div>a{
    color:#fff
}
 .roomslide{
    display:grid;
    grid-template-columns:repeat(2,80px);
    justify-content:space-between;
    align-items:center
}
 .roomslide-post{
    display:grid;
    grid-template-columns:repeat(2,50%);
    align-items:center
}
 .room-bed{
    align-items:center;
    grid-gap:.3em;
    display:flex
}
 .room-bed img{
    width:20px!important
}
 .room-bed p{
    color:#333
}
 .room-incl{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .roomslide-post:nth-child(2){
    display:grid;
    justify-content:flex-end!important
}
 .inclusivepost{
    margin:0 5%
}
 .inclusivepost img{
    width:15px!important;
    height:15px!important;
    object-fit:contain
}
 .transiti{
    display:none
}
 .activeTransition{
    display:block;
    transform:translateX(0);
    transition:all .3s ease-in-out
}
 .addpoint tr th{
    font-size:.9em;
    font-weight:500
}
 .addpoint tr td{
    font-size:.9em;
    font-weight:400
}
 .addpoint a{
    font-size:.9em!important
}
 .subpathdir{
    list-style-type:none;
    display:flex;
    margin:30px 0 0;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    background:#fff
}
 .subpathdir li{
    padding:3px 8px
}
 .subpathdir li a{
    color:#495057
}
 .postdatashowimgboxs{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    justify-content:space-around
}
 .postdatashowimg{
    width:48%;
    margin:10px 0
}
 .postdatashowimg img{
    width:100%
}
 .mce-close,.mce-notification,.mce-notification-inner{
    display:none!important
}
 .userguideheader p{
    font-size:1.5em
}
 .guideposthead p{
    font-size:1.2em
}
 .guidepostbody p{
    font-size:.9em
}
 .packagewrap{
    width:100%;
    margin:30px auto;
    background:#fff;
    border-radius:3px
}
 .pointpackage{
    position:relative;
    width:50%;
    margin:0 auto
}
 .durationofpackage{
    padding:30px 0 0;
    text-align:center
}
 .durationofpackage p:nth-child(2){
    color:#1d7ed1;
    font-size:1.3em
}
 .pointpackage::after{
    border:2px solid #02bb21;
    border-radius:5px;
    position:absolute;
    width:8px;
    height:8px;
    background:#fff;
    content:"";
    top:calc(50% - 4px)
}
 .pointpackage::before{
    position:absolute;
    width:22px;
    height:22px;
    content:"";
    left:-.7em;
    transform:rotate(45deg);
    top:5px;
    border-left:2px solid #02bb21;
    border-bottom:2px solid #02bb21
}
 .package-head{
    display:grid;
    justify-content:space-between;
    background:#ebeaea;
    padding:10px 30px;
    grid-template-columns:repeat(2,1fr);
    justify-content:center;
    align-items:center
}
 .packhead-left{
    display:flex;
    justify-content:space-between;
    width:55%;
    align-items:center
}
 .packhead-left h3{
    margin:0;
    font-size:1.5em;
    font-weight:500
}
 .packhead-right{
    display:flex;
    justify-content:flex-end
}
 .pointpackage p{
    margin:0;
    border:2px solid #02bb21;
    padding:2px 15px;
    border-left:0
}
 .package-body{
    display:grid;
    padding:10px 30px;
    grid-template-columns:repeat(2,53% 47%)
}
 .packbodyleft{
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .packbodyleft h2,.packbodyleft p{
    margin:0
}
 .packbodyright{
    display:flex;
    justify-content:center;
    padding:20px 0;
    background:#fff
}
 .buypointclick{
    padding:5px 50px;
    background:#fdd563;
    color:#000
}
 .packbodyright>button{
    padding:10px 30px;
    background:#fdd563;
    color:#333;
    border-radius:3px;
    border:0
}
 .postviewheader{
    margin:10px auto 20px;
    background:#fff;
    box-shadow:0 0 3px 0;
    padding:20px;
    display:grid;
    grid-template-columns:repeat(1,100%);
    grid-gap:2%
}
 .postviewheader>.postpreviewandnext{
    display:none
}
 @media screen and (min-width:992px) {
     .postviewheader{
        margin:30px auto;
        background:#fff;
        box-shadow:0 0 3px 0;
        padding:10px 30px;
        display:grid;
        grid-template-columns:repeat(2,69% 29%);
        grid-gap:2%
    }
     .postviewheader>.postpreviewandnext{
        display:grid;
        align-items:center
    }
}
 .postpreviewandnext .prev-post i{
    padding-right:8px;
    font-size:1.8em;
    color:#000
}
 .postpreviewandnext .next-post i{
    padding-left:8px;
    font-size:1.8em;
    color:#000
}
 .postpreviewandnext{
    display:grid;
    grid-template-columns:repeat(2,auto);
    justify-content:space-between
}
 @media screen and (min-width:768px) {
     .postpreviewandnext{
        grid-template-columns:repeat(2,50%);
        justify-content:flex-end
    }
     .next-post{
        display:flex;
        justify-content:flex-end
    }
}
 .postpreviewandnext .next-post a,.postpreviewandnext .prev-post a{
    color:#000;
    font-size:.9em;
    display:flex;
    align-items:center
}
 .next-post,.prev-post{
    text-align:center
}
 .postadsimagepanel{
    display:grid;
    grid-template-columns:repeat(1,auto)
}
 @media screen and (min-width:768px) {
     .postadsimagepanel{
        width:100%;
        height:auto;
        display:grid;
        grid-template-columns:repeat(2,19% 79%);
        grid-gap:1%
    }
}
 .postimageselect{
    width:90%;
    margin:10px auto
}
 .postimageselect img{
    width:100%;
    height:120px;
    object-fit:cover
}
 .postadsimageleft{
    height:400px;
    overflow:scroll;
    scrollbar-width:none
}
 @media screen and (max-width:768px) {
     .postadsimageleft{
        order:2;
        height:auto
    }
     .postadsimageright{
        order:1
    }
     .postimageselectlists{
        display:flex;
        justify-content:space-between
    }
}
 .activeimagepost img{
    height:auto;
    width:100%
}
 @media screen and (min-width:768px) {
     .activeimagepost img{
        width:100%;
        height:400px;
        object-fit:cover
    }
}
 .postdetailinformation{
    padding:30px 30px 1px;
    width:100%;
    background:#fff;
    margin:20px auto;
    box-shadow:0 0 3px 0
}
 .postinfoheader{
    display:flex;
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap
}
 .postinfoheader>div{
    width:48%;
    margin:20px 0
}
 @media screen and (min-width:768px) {
     .postinfoheader{
        display:flex;
        width:100%;
        justify-content:space-between
    }
     .postinfoheader>div{
        width:24%;
        margin:0
    }
}
 .showimgpost{
    width:100%;
    margin:0 auto
}
 .showimgpost img{
    width:30%;
    margin:0 35%
}
 .location-caption{
    text-align:center;
    margin:15px 0
}
 .location-caption p{
    font-size:.9em
}
 .postinfosecondheader{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .postsecheadleft,.postsecheadright{
    width:100%
}
 .postsecheadleft{
    margin-bottom:20px
}
 @media screen and (min-width:768px) {
     .postsecheadleft,.postsecheadright{
        width:50%;
        display:flex
    }
}
 .postheaditem{
    display:grid;
    grid-template-columns:repeat(5,auto);
    justify-content:space-between;
    align-items:center
}
 .spacediffpost{
    width:2px;
    background:#000;
    height:30px;
    text-align:center;
    margin:0 5px
}
 .postheaditem img{
    width:25px;
    margin:0 10px
}
 .postheaditem{
    padding:0 10px
}
 .postinfosecondheader{
    border-bottom:2px solid #000;
    padding-bottom:20px
}
 .postinfodescription{
    padding:30px 0;
    border-bottom:2px solid #000
}
 .other-inclusion{
    padding:15px 0;
    border-bottom:2px solid #000
}
 .postincludeservice{
    padding:15px 0;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    justify-content:space-between
}
 .postincludeservice p i{
    color:#5cb85c
}
 @media screen and (min-width:768px) {
     .postincludeservice{
        display:grid;
        grid-template-columns:repeat(5,1fr)
    }
}
 .contactadsowner{
    text-align:center;
    margin:30px auto
}
 .contactadsowner>a{
    color:inherit;
    font-size:1em;
    color:#080033;
    border:1px solid transparent;
    background:#ffca34;
    font-weight:600;
    padding:10px 20px;
    box-shadow:inset 0 0 7px 0 #e6ac09
}
 .glow-on-hover{
    width:auto;
    height:auto;
    border:none;
    outline:none;
    color:#fff;
    background:#111;
    cursor:pointer;
    position:relative;
    z-index:0;
    border-radius:10px
}
 .glow-on-hover:before{
    content:'';
    background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);
    position:absolute;
    top:-2px;
    left:-2px;
    background-size:400%;
    z-index:-1;
    filter:blur(5px);
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    animation:glowing 20s linear infinite;
    opacity:1;
    transition:opacity .3s ease-in-out;
    border-radius:10px
}
 .glow-on-hover:active{
    color:#000
}
 .glow-on-hover:active:after{
    background:transparent
}
 .glow-on-hover:after{
    z-index:-1;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:#ffca34;
    left:0;
    top:0;
    border-radius:10px
}
 @keyframes glowing {
     0%{
        background-position:0 0
    }
     50%{
        background-position:400% 0
    }
     100%{
        background-position:0 0
    }
}
 .messenger-glow{
    animation:messenger-glow 2.5s infinite
}
 @keyframes messenger-glow {
     0%{
        box-shadow:0 0 5px 0 #2196f3
    }
     50%{
        box-shadow:0 0 13px 3px #2196f3
    }
     100%{
        box-shadow:0 0 5px 0 #2196f3
    }
}
 @media screen and (min-width:768px) {
     .contactadsowner>a{
        font-size:1.5em;
        padding:10px 177px
    }
}
 .contactadsowner a:hover{
    color:#000
}
 .angenyhead{
    width:70%;
    margin:30px auto 0
}
 .angenyhead>.agencylogo{
    width:150px;
    height:150px;
    margin-left:calc(50% - 75px);
    box-shadow:0 0 3px 0
}
 .agencylogo img{
    width:150px;
    height:150px;
    object-fit:contain
}
 .agncyname{
    font-size:17px;
    font-weight:700;
    text-align:center;
    padding:10px 0;
    margin:0 -10px
}
 .agency-contactaddress{
    padding:0 15px;
    margin:0 auto;
    border-bottom:2px solid #000
}
 .agency-contactaddress p{
    line-height:30px;
    font-size:.8em
}
 .agency-contactaddress p i{
    padding-right:10px
}
 .usercontactmessage{
    padding:20px 0 0;
    text-align:center
}
 .postmessageheader p{
    font-size:1.3em
}
 .visitermessageform{
    width:90%;
    margin:0 auto
}
 .postform-box{
    margin:20px 0
}
 .postform-box input,.postform-box textarea{
    background:#e9f0fa
}
 .btn-default{
    background:#ffca34!important
}
 .postviewmessagebox{
    border:1px solid transparent;
    background:#fff;
    display:flex;
    justify-content:space-between;
    width:100%;
    padding:20px;
    margin:20px 0
}
 .postvisiterdetail{
    width:100%;
    background:#fff;
    padding:20px
}
 .postviewmessagepanel{
    padding:30px 0
}
 @media screen and (min-width:992px) {
     .postviewmessagepanel{
        width:700px
    }
     .postvisiterdetail{
        width:700px;
        background:#fff;
        padding:20px
    }
}
 .postviewmessageleft,.postviewmessageright{
    display:flex;
    align-items:center
}
 .postviewmessageleft i,.postviewmessageright i{
    width:25px;
    height:25px;
    line-height:25px;
    border-radius:50%;
    text-align:center
}
 .postviewmessageleft i{
    margin-right:15px;
    border:1px solid #000
}
 .postviewmessageright i{
    margin-left:15px;
    background:red;
    color:#fff;
    font-weight:400
}
 .vistieravator img{
    width:100%;
    border-radius:50%
}
 .postvisiterheader{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:20px;
    border-bottom:2px solid #000
}
 .postvisiterheadleft,.postvisiterheadright{
    width:50%
}
 .postvisiterheadright{
    display:flex;
    justify-content:flex-end
}
 .postvisiterheadleft{
    display:flex;
    align-items:center
}
 .vistieravator{
    width:20%;
    margin-right:20px
}
 .visiterpostname{
    margin:20px 0
}
 .visiterpostname p{
    display:grid;
    grid-template-columns:repeat(2,30px auto)
}
 .postvisterfooter{
    display:flex;
    justify-content:space-between
}
 .actionbut a{
    color:#fff;
    padding:8px 15px;
    background:red
}
 .postvisterfooter{
    margin:20px 0 0
}
 .viewpostid a{
    color:#000
}
 .viewpostid a:hover{
    color:#000
}
 .isfavorite{
    box-shadow:0 0 3px 0 #639;
    border-radius:50%;
    background:#02bb21;
    width:30px
}
 .favoritehome{
    width:25px
}
 .session-error{
    font-weight:400
}
 .session-error p{
    font-weight:400!important
}
 .userlistborder tr td{
    font-size:.9em!important
}
 .postsecheadright{
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items:center;
    margin-top:10px
}
 @media screen and (min-width:768px) {
     .postsecheadright{
        width:40%;
        margin-top:0
    }
}
 .postsecheadright .is_postavaliable p{
    color:#5cb85c
}
 .viewpostorderhead p{
    font-size:1.2em;
    font-weight:400;
    background: #fff;
    box-shadow:0 0 3px #000;
    padding:10px
}
 .filervieworderview{
    margin:50px 0
}
 .form-control{
    border-radius:0!important
}
 .jqte-test{
    display:block;
    margin:0 0 10px;
    padding:6px;
    width:95%;
    background:#fff;
    border:#aaa 1px solid;
    font-size:13px
}
 div.jqte-test,span.jqte-test,textarea.jqte-test{
    min-height:100px
}
 .testbutton{
    margin-bottom:30px;
    background:#39f;
    padding:6px 25px;
    border:#003f81 1px solid;
    color:#fff;
    font-size:22px;
    border-radius:5px;
    box-shadow:inset 0 5px 5px #67b3ff
}
 .owl-nav{
    display:none!important
}
 .testbutton:hover{
    background:#198cff;
    cursor:pointer
}
 .rightfacebookmessage{
    position:relative
}
 .rightfacebookmessage a{
    position:fixed;
    right:1em;
    border:1px solid #2196f3;
    bottom:1em;
    z-index:111111;
    background:#f4faff;
    padding:10px;
    border-radius:50%;
    box-shadow:0 0 6px 1px #2196f3
}
 .rightfacebookmessage img{
    width:30px;
    height:30px
}
 .lastaddreheader>.addressright{
    padding-left:10px!important
}
 .cityformbox>.form-groups{
    padding:10px 0
}
 .changepassgroup{
    padding:5px 0
}
 .custompagination{
    display:flex;
    justify-content:center
}
 .custompagination .page-link{
    background:0 0!important;
    border:0!important;
    width:25px;
    height:25px;
    line-height:15px;
    text-align:center;
    font-size:.9em
}
 .custompagination .page-item:first-child .page-link,.custompagination .page-item:last-child .page-link{
    font-size:1.5em!important
}
 .custompagination .page-link{
    color:#333!important;
    width:auto
}
 @media screen and (min-width: 768px) {
     .myadssearchbox{
        display:flex;
        width:35%
    }
     .sortingname{
        width:20%
    }
     .sortingfiltervalue{
        width:80%
    }
     .sortformat{
        width:60%;
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-left:5%
    }
}
 .custompagination .page-item.active span{
    color:#ffca34!important
}
 #agencylistswrapper,#agencywrapper{
    width:100%;
    padding:0;
    background:#e9f0fa!important
}
 @media screen and (min-width:768px) {
     .featued-agencyboxs{
        display:grid;
        grid-template-columns:repeat(5,1fr);
        grid-gap:1em
    }
}
 .featued-agencybox{
    width:100%;
    padding:20px;
    height:auto
}
 .featued-agencybox:hover{
    background:#ffff;
    cursor:pointer;
    transition:all .6s ease-in;
    box-shadow:0 0 3px 0 #000
}
 .agency-feat-caption p{
    text-align:center;
    word-break:break-word;
    padding-top:10px
}
 .agency-feat-caption{
    height:35px
}
 .featued-agencybox img{
    width:120px;
    height:120px;
    object-fit:contain;
    margin:0 auto
}
 .agencysearchboxwrap{
    display:flex;
    justify-content:space-around;
    align-items:center;
    margin-bottom:35px
}
 .agencyseachbox{
    width:90%
}
 .agencysearchbutton{
    width:15%
}
 .agencysearchbutton > input{
    width:50px!important;
    height:50px;
    padding:5px;
    border:0
}
 .inputgroupagency .form-control{
    background:0 0;
    box-shadow:0 0 3px 0
}
 .agencylistboxs{
    display:block;
    grid-template-columns:repeat(1,1fr);
    grid-gap:1em;
    margin:20px auto
}
 .agencylistbox{
    margin:15px auto
}
 @media screen and (min-width:768px) {
     .agencylistboxs{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        grid-gap:1em;
        margin:20px auto
    }
     .agencylistbox{
        margin:0
    }
}
 @media screen and (min-width:992px) {
     .agencylistboxs{
        display:grid;
        grid-template-columns:repeat(3,28%);
        justify-content:space-between;
        grid-gap:2em;
        margin:20px auto
    }
}
 .featued-agencyheader{
    text-align:center
}
 .featued-agencyheader p{
    font-size:1.5em;
    font-weight:600;
    padding:20px 0
}
 .agencylistbox{
    border:1px solid transparent;
    box-shadow:0 0 4px 0;
    background:#fff;
    padding:30px 20px 80px;
    position:relative;
    margin-bottom:50px
}
 .companyinfo{
    display:grid;
    grid-template-columns:repeat(2,10px calc(100% - 10px - 2em));
    grid-gap:1em;
    align-items:flex-start;
    padding:5px 0;
    overflow:hidden
}
 .companynamecaption p{
    font-size:1.3em;
    font-weight:400;
    padding:20px 0;
    word-break:break-word;
    font-weight:600
}
 .companynamecaption{
    text-align:center
}
 .companylogo{
    width:150px;
    margin:0 auto
}
 .companylogo img{
    width:150px;
    height:150px;
    object-fit:cover
}
 .companyinfo i,.companyinfo p a{
    color:#787878;
    word-wrap:break-word
}
 .companyinfo p{
    font-size:.9em
}
 .moreinfocompany{
    text-align:center;
    padding:30px 0;
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
 .moreinfocompany a{
    color:#333;
    padding:8px 30px;
    background:#fdd563
}
 .userdetailwrapper{
    padding:50px 0
}
 @media screen and (min-width:768px) {
     .userdetailwrapper{
        display:grid;
        grid-template-columns:repeat(2,29% 69%);
        grid-gap:1%
    }
}
 #searchwrapper{
    width:100%;
    padding:10px 0
}
 .locationpath img{
    width:50px;
    height:50px
}
 .locationpath a{
    color:#333;
    padding-right:10px
}
 .dashleftbox{
    box-shadow:0 0 3px;
    background:#fff
}
 .locationpath{
    display:grid;
    grid-template-columns:repeat(2,auto);
    grid-gap:.3em;
    align-items:center
}
 .locationroute{
    display:flex;
    align-items:center
}
 .packagestypewrapper{
    background:#d5dfed;
    margin:30px auto
}
 .packagetypeshowimg{
    display:grid;
    grid-template-columns:repeat(2,50px 200px);
    grid-gap:1em;
    align-items:center;
    padding:15px
}
 .packagetypeshowimg img{
    width:100%
}
 .packagetypeshowimg p{
    margin:0!important
}
 .listingmainbox{
    width:300px;
    margin:20px auto;
    padding:20px 0
}
 @media screen and (min-width:992px) {
     .listingmainbox{
        width:95%;
        margin:0 auto;
        padding:30px 0;
        display:flex;
        flex-wrap:wrap
    }
}
 .listingbox{
    box-shadow:0 0 5px 0;
    border-radius:3px;
    height:auto;
    margin:20px 0
}
 @media screen and (min-width:768px) {
     .listingmainbox{
        margin:0 auto
    }
     .listingbox{
        margin:20px auto;
        width:60%
    }
}
 @media screen and (min-width:1024px) {
     .listingbox{
        margin:0 auto;
        width:30%
    }
}
 .listingbox-head{
    padding:20px;
    background:#e0fde6
}
 .listingpointcount{
    display:flex;
    justify-content:center;
    align-items:center;
    grid-gap:1em;
    margin:0 auto
}
 .listingpointcount p:nth-child(1){
    text-align:center;
    border-radius:50%;
    color:#32a00c;
    font-size:1.8em
}
 .listingpointcount p:nth-child(2){
    color:#32a00c;
    font-size:1.5em
}
 .listingbox-content{
    padding:20px 10px;
    background:#fff
}
 @media screen and (min-width:768px) {
     .listingbox-content{
        padding:20px 0
    }
}
 .willshowingmessage{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    background:#fff;
    z-index:1.1111111111111E+17;
    display:block!important;
    transition:all .5s ease;
    transform:scale(1)!important
}
 .errortext{
    color:#ed4545
}
 .landsqrt{
    display:grid;
    justify-content:space-between;
    grid-template-columns:repeat(2,40%)
}
 .areapostgroup,.pricegroups{
    display:grid;
    grid-template-columns:repeat(2,69% 29%);
    grid-gap:2%
}
 .areapostgroup{
    margin-top:-20px
}
 .selectgropoption{
    display:grid;
    justify-content:space-between;
    margin-top:20px;
    grid-gap:1em;
    grid-template-columns:repeat(2,50%)
}
 @media screen and (min-width:768px) {
     .selectgropoption{
        display:grid;
        justify-content:space-between;
        margin-top:20px;
        grid-template-columns:repeat(3,200px);
        grid-gap:1em
    }
}
 .roomgroups{
    display:grid;
    grid-template-columns:repeat(2,49%);
    justify-content:space-between;
    grid-gap:1%
}
 @media screen and (min-width:768px) {
     .roomgroups{
        grid-template-columns:repeat(2,40%)
    }
}
 .postviewtitle h1{
    font-size:1.4em;
    word-break:break-word
}
 .appendtogglegroup{
    display:grid;
    grid-template-columns:repeat(2,69% 29%);
    grid-gap:2%;
    align-items:center
}
 .imageeditviewboxs{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:90%
}
 .imageeditview{
    width:30%;
    margin:10px auto
}
 .imageeditview img{
    width:100%
}
 .sortingimage{
    padding-top:10px
}
 .sortingimage label{
    display:grid;
    grid-template-columns:repeat(2,auto);
    grid-gap:1em;
    align-items:center
}
 .editimageview{
    width:80%;
    margin:30px auto
}
 .editimageview img{
    width:100%
}
 .mobileviewprev{
    background:#fff;
    padding:10px;
    margin:0 auto
}
 @media screen and (min-width:768px) {
     .mobileviewprev{
        display:none
    }
}
 .text-w5{
    font-weight:500
}
 .textleft{
    text-align:left
}
 .price-details{
    display:grid;
    grid-gap:1em;
    grid-template-columns:repeat(2,auto)
}
 .price-details>div .price-details>div>p{
    font-size:.9em
}
 .lSPager li.active{
    border:3px solid #ffca34!important
}
 .lSSlideWrapper{
    height:400px!important
}
 #image-gallery>li>a>img{
    width:100%;
    height:400px;
    object-fit:contain
}
 .featuredboximg{
    border:2px solid #1f07b0
}
 .checkmarkcontainer{
    display:block;
    position:relative;
    padding-left:35px;
    margin-bottom:12px;
    cursor:pointer;
    font-size:22px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
 .checkmarkcontainer input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
 .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:25px;
    width:25px;
    background-color:#eee
}
 .checkmarkcontainer:hover input~.checkmark{
    background-color:#ccc
}
 .checkmarkcontainer input:checked~.checkmark{
    background-color:#fff
}
 .checkmark:after{
    content:"";
    position:absolute;
    display:none
}
 .checkmarkcontainer input:checked~.checkmark:after{
    display:block
}
 .checkmarkcontainer .checkmark:after{
    left:9px;
    top:5px;
    width:5px;
    height:10px;
    border:solid #ffca34;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
 #gallery-wrapper{
    display:flex;
    justify-content:space-between;
    grid-gap:1%;
    flex-wrap:wrap;
    width:calc(100% - 40px);
    padding:10px;
    border:1px solid #333;
    margin:30px 20px
}
 #gallery-wrapper img{
    width:32%;
    height:32%
}
 .searchwrapper{
    background:#e9f0fa
}
 .locationpath p{
    font-size:.8em
}
 .userpassword{
    position:absolute;
    top:2.5em;
    right:1em
}
 .myactivebutton{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 @media screen and (min-width:768px) {
     .userpassword{
        top:33%;
        right:1em
    }
     .myactivebutton{
        display:grid;
        grid-template-columns:repeat(4,auto);
        grid-gap:1em;
        width:500px
    }
}
 .activeformat{
    color:#000;
    justify-content:center;
    border:1px solid transparent;
    background:#cfd5dd;
    border-radius:20px;
    padding:5px 0;
    display:flex;
    font-weight:600;
    cursor:pointer;
    width:48%;
    margin:10px 0
}
 .activeformat.active{
    color:#000;
    background:#fff;
    font-weight:700;
    box-shadow:0 0 3px 0 #938181bd
}
 .propboxheadercolor{
    display:flex
}
 .colorpick{
    width:100%;
    padding:5px 0
}
 .propbox-header>.close{
    position:relative
}
 .propbox-header>.close>span{
    position:absolute;
    right:-.5em;
    top:-1.5em;
    width:25px;
    height:25px;
    background:#000;
    color:#fff;
    border-radius:50%;
    font-size:.7em;
    line-height:25px
}
 .propbox-headercontent p{
    text-align:center;
    font-size:1.2em;
    color:#333;
    padding:20px 0
}
 .propbox-body{
    padding:20px;
    background:#e8f0fd
}
 .callmodaldialog{
    max-width:700px!important;
    margin-top:100px!important
}
 .advertiserinfos{
    margin-left:10px;
    font-weight:600
}
 .adswrapbox{
    display:flex;
    align-items:center;
    grid-gap:1em;
    margin:10px 0
}
 .adswrapbox p{
    padding-left:15px
}
 .adswrapbox p > a{
    color:#185efb;
    font-weight:700
}
 .shake{
    animation:shake .82s cubic-bezier(.36,.07,.19,.97) both 2;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    perspective:1000px
}
 @keyframes shake {
     10%,90%{
        transform:translate3d(-1px,0,0)
    }
     20%,80%{
        transform:translate3d(2px,0,0)
    }
     30%,50%,70%{
        transform:translate3d(-4px,0,0)
    }
     40%,60%{
        transform:translate3d(4px,0,0)
    }
}
 .adswrapbox img{
    width:30px
}
 .adswrapbox p{
    font-size:.9em
}
 .propbox-header .close{
    opacity:1
}
 .btncloseads{
    background:#fff;
    border:1px solid transparent;
    padding:3px 15px;
    box-shadow:0 0 3px 0 #333;
    font-size:.9em
}
 .closebuttonownads{
    display:flex;
    justify-content:flex-end
}
 #popup{
    box-shadow:0 -2px 20px 1px rgba(0,0,0,.7);
    width:605px;
    height:auto;
    position:relative;
    margin:0 auto;
    margin-top:100px
}
 .headcolor_wraper{
    display:flex;
    justify-content:flex-start
}
 .headercolor1{
    background-color:#ff0;
    width:34.4%;
    height:7px
}
 .headercolor2{
    background-color:#00f;
    width:33%;
    height:7px
}
 .headercolor3{
    background-color:red;
    width:33%;
    height:7px
}
 .header{
    text-align:center;
    padding:21px 0;
    background:#fff
}
 #desc{
    background-color:rgba(154,229,235,.32);
    padding:10px 30px
}
 .desc_about{
    height:124px;
    padding-top:12px;
    width:95%;
    margin:0 auto
}
 .desc_header{
    display:flex;
    justify-content:center
}
 .desc_header p{
    background-color:orange;
    color:#fff;
    padding:3px 20px;
    text-align:center;
    border-radius:30px
}
 .desc_img_wraper{
    display:flex
}
 .desc_img{
    width:14%
}
 .desc_img_caption{
    padding-left:50px;
    align-self:center
}
 .desc_img img{
    width:80%
}
 .desc_img_wraper{
    padding:15px 0 2px;
    border-bottom:1px solid #000;
    width:95%;
    margin:0 auto
}
 .desc_about_list li{
    list-style:none
}
 .desc_about_list{
    float:left
}
 .ads{
    justify-content:flex-end;
    display:flex
}
 .ads p{
    padding:2px 10px;
    border:3px solid rgba(160,149,149,.42);
    background-color:#fff
}
 .desc_close{
    justify-content:flex-end;
    display:flex
}
 .desc_close p{
    padding:2px 30px;
    border:3px solid rgba(160,149,149,.42);
    background-color:#fff
}
 #popup>.close{
    position:absolute;
    top:-11px;
    right:-19px;
    background:#000;
    width:25px;
    height:25px;
    border-radius:50%;
    cursor:pointer;
    line-height:15px
}
 .close1{
    background:#fff;
    width:7%;
    height:13px;
    position:relative;
    left:12px;
    transform:rotate(45deg);
    top:4px
}
 .close2{
    background:#fff;
    width:7%;
    height:13px;
    position:relative;
    left:12px;
    transform:rotate(-45deg);
    top:-9px
}
 .totalpostandviewheader p{
    font-size:1.5em
}
 .totalpostsandview{
    width:95%;
    margin:0 auto
}
 .totalpostdata table{
    width:100%
}
 .totalpostdata tr th{
    background:#fdd563
}
 .totalpostdata tr td{
    background:#fff
}
 .totalpostdata{
    margin:0 0 20px
}
 .totalpostdata tr td,.totalpostdata tr th{
    border:1px solid transparent;
    padding:10px;
    border-top:0;
    border-bottom:0
}
 @media screen and (min-width:768px) {
     .adsownerlogo{
        display:grid;
        grid-template-columns:repeat(2,100px auto);
        align-items:center
    }
}
 .owneradsphoto img{
    width:50px;
    height:50px
}
 .adsownpostinfos{
    border-top:1px solid #333;
    padding-top:20px
}
 .chooselangmobile{
    width:60%;
    display:flex;
    margin:0
}
 .chooselangmobile div a>img{
    width:35px!important;
    height:23px!important;
    margin:0 auto
}
 .chooselangmobile>div{
    width:100px
}
 #termandcondition{
    background:#ffffff!important;
    padding:50px 0
}
 .term-header p{
    font-size:1.5em
}
 .termcontentboxs{
    padding:20px 0
}
 .phead{
    font-size:1.3em
}
 .pcontent{
    font-size:.9em
}
 .term-content{
    padding:10px 0;
    border-bottom:1px solid #333
}
 .term-content:last-child{
    border-bottom:0
}
 .morehover{
    position:relative
}
 .submorenavi{
    display:none;
    position:absolute;
    right:0;
    left:0;
    top:2.7em;
    width:200px;
    background:#fff;
    list-style:none;
    box-shadow:0 0 3px 0;
    z-index:1111
}
 .morehover:hover .submorenavi{
    display:block
}
 .submorenavi .menuActive{
    background:#fff!important
}
 .submorenavi li>a{
    color:#333!important
}
 #calculate,#userdetail{
    width:100%;
    background:#e9f0fa;
    padding:30px 0
}
 .calcualate-header{
    text-align:center
}
 .calcualate-header p{
    display:inline;
    font-size:1.5em;
    padding-bottom:5px;
    border-bottom:2px solid #333
}
 .userlogo-header{
    margin:20px 0
}
 .userlogoviewimg{
    width:50%;
    margin:0 auto
}
 .userlogoviewimg img{
    width:100%
}
 .userinfohead-right,.userlogoheadleftbox{
    width:100%;
    padding:20px;
    border:1px solid transparent;
    background:#fff;
    box-shadow:0 0 3px 0
}
 .userdetailposttypeboxs{
    margin:20px 0;
    display:block;
    justify-content:space-between
}
 .userdetailposttypebox{
    background:#fff;
    padding:5px 10px;
    box-shadow:0 0 3px 0;
    margin-top:10px;
    display:grid;
    grid-template-columns:auto 70px
}
 .userlogoname p{
    font-weight:500
}
 .color-default{
    color:inherit
}
 .userinfolist{
    display:grid;
    grid-template-columns:repeat(2,20px auto);
    align-items:center;
    padding:10px 0;
    align-items:flex-start
}
 .userinfolists p{
    display:flex;
    font-size:.9em;
    flex-wrap:wrap
}
 .userinfolists p a{
    padding-right:10px
}
 .userinfoabouthead{
    font-size:1.5em;
    font-weight:500
}
 .userinfocontent p{
    text-indent:30px;
    padding:20px 0;
    font-size:1em;
    border-bottom:2px solid #333
}
 .usercontactheading p{
    color:#333;
    font-size:1.5em;
    font-weight:500;
    padding:20px 0
}
 .formuserbox{
    padding:10px 0
}
 .formmessagessuccess{
    display:flex;
    justify-content:center;
    padding-top:20px
}
 .formuserbox input,.formuserbox textarea{
    background:#e9f0fa
}
 .formmessagessuccess input{
    background:#ffca34;
    padding:5px 100px;
    color:#000;
    border-radius:10px
}
 .calculatepanel{
    width:auto;
    margin:20px auto
}
 .calculatebox{
    padding:20px 50px;
    background:#fff;
    box-shadow:0 0 3px 0;
    margin:10px auto
}
 #arka,#sqftcal{
    background:#e9f0fa
}
 .bothformcalculate{
    display:grid;
    grid-template-columns:repeat(2,50% 50%);
    align-items:center
}
 .bothformcalculate label{
    text-align:center
}
 .calculatequal{
    display:flex;
    justify-content:center;
    width:50%;
    margin-left:50%;
    padding:5px 0;
    font-size:1.5em
}
 .calcutegroup > input{
    padding:10px 20px;
    text-align:center;
    background:#ffca34
}
 #contact{
    width:100%;
    height:auto;
    background:#e9f0fa
}
 .contactuswraprightinner{
    width:95%;
    margin:10px auto
}
 .contactusheader{
    text-align:center
}
 .contactusheader h1{
    padding:30px 0;
    font-size:1.8em;
    font-weight:500
}
 @media screen and (min-width:768px) {
     .contactuswrapperboxs{
        display:grid;
        grid-template-columns:repeat(2,58% 38%);
        grid-gap:2em;
        justify-content:space-between;
        margin:0 auto;
        padding:20px 0 50px
    }
}
 .contactuswrapright{
    box-shadow:0 0 3px 0;
    background:#fff!important;
    padding:1px 0
}
 .contactmessageheader p{
    border-bottom:1px solid #333;
    padding-bottom:5px;
    font-size:1.3em;
    text-align:center
}
 .contactmessageboxs{
    display:grid;
    grid-template-columns:repeat(2,100px calc(100% - 100px - 2em));
    margin:25px auto;
    align-items:baseline;
    grid-gap:1em
}
 .contactmessageboxs input,.contactmessageboxs textarea{
    background:#e9f0fa
}
 .contactmessageboxs textarea{
    padding-left:10px
}
 .contactmessageboxs label{
    display:flex;
    justify-content:center
}
 .contactmessageboxs .actionwork{
    padding:5px 15px;
    background:#ffca34;
    display:flex;
    justify-content:flex-end
}
 .fendaction{
    display:flex!important;
    justify-content:flex-end!important;
    width:90%!important
}
 .contactaddress{
    display:flex;
    padding:10px 0;
    align-items:center;
    justify-content:flex-end
}
 .contactaddress p i{
    text-indent:10px
}
 .contactaddress p a{
    color:#333;
    font-size:.9em
}
 .featuedpostheadingmessag{
    padding:10px 20px;
    margin:20px auto;
    border:1px solid transparent;
    background:rgba(0,0,0,.38);
    color:#fff
}
 @media screen and (min-width:768px) {
     .featuedpostheadingmessag,.whymakeaccount{
        width:500px;
        margin:0 auto
    }
}
 @media screen and (min-width:992px) {
     .featuedpostheadingmessag,.whymakeaccount{
        width:600px
    }
}
 .whymakeaccount p a{
    font-size:.9em
}
 .featuedpostheadingmessag p{
    display:grid;
    grid-template-columns:repeat(3,200px 100px 100px);
    width:100%
}
 .pointpaymentmethodhead p{
    background:rgba(0,0,0,.38);
    color:#fff;
    padding:5px 20px;
    box-shadow:0 0 10px 0;
    border:1px solid transparent;
    margin:20px 0
}
 @media screen and (min-width:768px) {
     .pointpaymentmethodhead{
        width:80%;
        margin:0 auto
    }
}
 .blogviewimg img{
    width:100px;
    height:70px;
    object-fit:fill
}
 .exitblogimg{
    width:200px;
    height:auto;
    margin:10px 0;
    border:1px solid #333
}
 .exitblogimg img{
    width:100%;
    height:auto
}
 .blog-boxs{
    margin:30px auto
}
 .blog-box{
    display:grid;
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 0 4px 0;
    margin:20px 0;
    padding:30px
}
 @media screen and (min-width:768px) {
     .blog-box{
        grid-template-columns:repeat(2,38% 58%);
        justify-content:space-between;
        grid-gap:2%
    }
}
 .blog-left img{
    width:100%;
    height:300px;
    object-fit:cover
}
 .blog-right{
    display:grid
}
 .blog-detail{
    padding:20px 0
}
 .boxblog-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    align-self:flex-end
}
 .bloguploaddateblog p{
    font-size:.9em
}
 .bloguploaddatelink a{
    padding:8px 30px;
    font-size:.9em;
    background:#ffca34
}
 .blogdetailwrapper{
    padding:30px 0
}
 .blogdetailheader p{
    font-size:1.8em;
    display:inline-block;
    border-bottom:2px solid #333
}
 #blogswrapper{
    background:#e9f0fa;
    padding:20px 0
}
 .detailback a{
    display:flex;
    align-items:center;
    color:inherit
}
 .detailback i{
    font-size:1.5em;
    padding-right:.5em
}
 .blogdetailimgview img{
    margin:50px auto;
    width:100%;
    height:600px;
    object-fit:contain
}
 .blogdescriptoinwrapper{
    padding:0 30px
}
 .blogdescriptiontitle p{
    font-size:1.5em;
    font-weight:500
}
 .mobileshortmenu ul{
    list-style:none;
    display:flex;
    justify-content:space-around;
    margin:10px auto 0
}
 .mobileshortmenu ul li a{
    color:#333;
    font-size:.8em
}
 .checklists{
    padding-top:10px;
    border-bottom:1px solid #ddd
}
 .checklists:last-child{
    border:0
}
 .aboutviewimg img{
    width:80%;
    margin:50px 10%
}
 .aboutusheader h1{
    font-size:1.5em;
    font-weight:500!important;
    text-align:center
}
 .aboutuscontent p{
    color:#333;
    font-size:.9em;
    padding:30px 0;
    text-align:justify
}
 .transfermessage{
    padding:15px 0
}
 .tansfercontent p{
    font-size:.9em
}
 .panel-group .panel{
    border-radius:0;
    box-shadow:none;
    border-color:#EEE
}
 .panel-default > .panel-heading{
    padding:0;
    border-radius:0;
    color:#212121;
    text-align:center
}
 #searchHeading a i{
    color:#333
}
 @media screen and (min-width: 768px) {
     .panel-default > .panel-heading{
        position:absolute;
        top:15px;
        right:0
    }
}
 .panel-title{
    font-size:14px
}
 .panel-title > a{
    display:block;
    padding:15px;
    text-decoration:none
}
 .more-less{
    float:right;
    color:#212121
}
 .searchtitle{
    position:relative
}
 .isfeaturedmessage{
    display:inline-flex;
    background:#1f07b0;
    position:absolute;
    left:-2px;
    right:-2px;
    top:-1.2em;
    padding:3px;
    justify-content:center;
    background-image:linear-gradient(to top,#2688ec,rgba(31,47,241,0.4));
    border-radius:20px 20px 0 0
}
 .isfeaturedmessage i,.isfeaturedmessage p{
    color:#ffd700;
    padding-left:10px;
    align-self:center
}
 .userloginmessageboxhedering p{
    font-size:1.5em;
    color:#fff;
    text-align:center
}
 .userloginmessageboxhedering p:nth-child(2){
    text-align:center;
    color:#fff;
    font-size:.8em
}
 .freepostoneline p{
    color:#fff;
    font-size:.9em
}
 @media screen and (min-width: 768px) {
     .userloginmessageboxhedering p{
        font-size:3em;
        padding-top:30px
    }
     .userloginmessageboxhedering p:nth-child(2){
        font-size:1em
    }
     .freepostoneline p{
        color:#fff;
        font-size:1.5em
    }
}
 .rightcontactaddetail{
    position:relative
}
 .rightcontactaddetail>a{
    box-shadow:5px 10px 15px 1px #000;
    border:1px solid transparent;
    font-size:20px;
    background:#ffca34;
    color:#333;
    padding:5px 10px;
    position:fixed;
    bottom:1em;
    right:1em;
    z-index:999999;
    border-radius:10px
}
 .adminnavititle h1{
    font-weight:400;
    font-size:2em
}
 .adminnaviboxs{
    display:grid;
    grid-template-columns:repeat(3,25%);
    grid-gap:1em
}
 .adminNaviBox{
    border:1px solid transparent;
    border-bottom:0;
    border-radius:3px;
    padding:30px 5px 0;
    background:#fff
}
 .adminbodynavi{
    display:grid;
    width:100%;
    justify-content:center;
    grid-template-columns:repeat(2,50px auto);
    align-items:center
}
 .adminfooternavi{
    border-top:1px solid rgba(0,0,0,.38)
}
 .adminbodynaviicon img{
    width:25px
}
 .adminbodynaviicon i{
    font-size:1.5em
}
 .adminbodynaviicon{
    position:relative
}
 .adminbodynaviicon::after{
    position:absolute;
    content:"";
    display:inline-block;
    width:1px;
    height:60px;
    background:#333;
    right:.5em;
    top:-1em
}
 .adminaviwrapper{
    padding:20px 0
}
 .adminbodynavitext p{
    font-size:3em
}
 .adminfooternavi{
    margin-left:-6px;
    margin-right:-6px;
    padding:5px 0;
    text-align:center;
    border-bottom:0;
    background:rgba(0,0,0,.38)
}
 .adminfooternavi p a{
    color:#fff
}
 .calcutegroup{
    display:flex;
    justify-content:flex-start;
    align-items:center
}
 .calcutegroup p{
    font-size:1em;
    font-weight:600;
    padding-left:17%;
    margin:0
}
 .checkbox-button{
    cursor:pointer
}
 .imagedelete a,.imageadsedit a{
    color:#333!important;
    font-size:.8em;
    background:#fdd563;
    padding:3px 8px
}
 input[type=checkbox]{
    box-sizing:border-box;
    padding:0
}
 input{
    font-size:1rem;
    line-height:1.5;
    /*padding:11px 23px;*/
    border:1px solid rgba(0,0,0,.15);
    border-radius:0;
    outline:0;
    background-color:transparent
}
 .checkbox-button__input{
    opacity:0;
    position:absolute
}
 .checkbox-button__control{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:12px;
    vertical-align:middle;
    background-color:inherit;
    color:#017b5f;
    border:2px solid #666
}
 .checkbox-button__input:checked+.checkbox-button__control:after{
    content:"";
    display:block;
    position:absolute;
    top:5px;
    left:5px;
    width:10px;
    height:10px;
    background-color:#01a982
}
 .checkbox-button__input:checked+.checkbox-button__control{
    border-color:#01a982
}
 .checkbox-button__control{
    transform:scale(0.75)
}
 .naviActive-border{
    border-bottom:2px solid;
    border-bottom-color:#01a982
}
 .searchfilterbox{
    background:#000000b0;
    padding:20px 20px 25px;
    border-radius:20px
}
 .myactivebutton{
    display:grid;
    grid-template-columns:repeat(3,minmax(180px,1fr));
    grid-gap:3em;
    width:auto;
    margin-bottom:10px
}
 .headerbackgroundmessage h1{
    color:#ffca34;
    font-size:3.5em;
    text-align:center;
    display:block;
    padding:15px 0;
    text-shadow:4px 2px 4px #848131
}
 #slideshow{
    width:100%;
    padding:0 0 100px;
    height:auto;
    background:linear-gradient(to bottom,rgba(88,152,243,0.2784313725490196) 20%,rgba(0,0,0,0.25098039215686274)),url(../images/house.jpg) center center/ cover no-repeat;
    position:relative;
    color:#fff
}
 @media screen and (min-width:992px) {
     .searchrange{
        display:block;
        grid-template-columns:repeat(2,80px 50px 50px);
        grid-gap:15px;
        align-items:flex-end
    }
     .homerangwrapper{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        grid-gap:15px;
        align-items:center
    }
     .searchrange:nth-child(3) .searchrangeboth{
        display:grid;
        grid-template-columns:repeat(3,minmax(50px,1fr));
        grid-gap:1em
    }
     .searchrange:nth-child(4){
        margin-top:0
    }
}
 .headerbackgroundmessage h1{
    font-size:1.3em
}
 @media screen and (min-width: 768px) {
     .headerbackgroundmessage h1{
        font-size:2.5em
    }
     .userpassword{
        top:33%;
        right:1em
    }
     .myactivebutton{
        display:grid;
        grid-template-columns:repeat(3,minmax(180px,1fr));
        grid-gap:3em;
        width:auto;
        margin-bottom:10px
    }
}
 @media screen and (min-width: 992px) {
     .headerbackgroundmessage h1{
        font-size:3.5em
    }
}
 @media screen and (min-width:768px) {
     .searchformbox{
        display:grid;
        grid-template-columns:repeat(auto-fit,23.5%);
        justify-content:space-between
    }
}
 .searchformbox input{
    background:#fff
}
 .searchformbox input::placeholder{
    font-size:14px;
    opacity:.65;
    color:#000
}
 .searchrangeboth1{
    display:grid;
    grid-template-columns:repeat(3,minmax(60px,1fr));
    grid-gap:1em
}
 .homerangwrapper{
    display:grid;
    grid-gap:1em;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))
}
 .searchrangeboth{
    display:grid;
    grid-template-columns:repeat(2,minmax(50px,1fr));
    grid-gap:1em
}
 .searchrangeboth1{
    display:grid;
    grid-template-columns:repeat(3,minmax(60px,1fr));
    grid-gap:1em
}
 .input-searchhome img{
    position:absolute;
    width:50px;
    height:50px;
    right:0;
    left:80%;
    top:-.8em
}
 .searchrange{
    margin:0
}
 @media screen and (min-width:992px) {
     .searchrange{
        display:block;
        grid-template-columns:repeat(2,80px 50px 50px);
        grid-gap:15px;
        align-items:flex-end
    }
     .homerangwrapper{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        grid-gap:15px;
        align-items:center
    }
     .searchrange:nth-child(3) .searchrangeboth{
        display:grid;
        grid-template-columns:repeat(3,minmax(50px,1fr));
        grid-gap:1em
    }
     .searchrange:nth-child(4){
        margin-top:0
    }
}
 .input-searchhome{
    position:relative
}
 .input-searchhome input[type=submit]{
    padding:10px 35%;
    border-radius:10px
}
 .input-searchhome input[type=submit]:focus{
    box-shadow:0 0 8px 1px #ca9607
}
 .headshowimg img{
    width:100%
}
 .header-logo{
    margin:0 auto 0 0;
    align-items:center;
    height:84px;
    width:354px;
    background-color:rgba(255,255,255,0.2196078431372549);
    border-radius:20px
}
 .searchformbox{
    display:grid;
    grid-template-columns:repeat(auto-fit,48%);
    justify-content:space-between;
    display:grid;
    grid-template-columns:repeat(auto-fit,48%);
    justify-content:space-between
}
 @media screen and (min-width:768px) {
     .searchformbox{
        display:grid;
        grid-template-columns:repeat(auto-fit,23.5%);
        justify-content:space-between
    }
}
 .myactivebutton{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 @media screen and (min-width:768px) {
     .userpassword{
        top:33%;
        right:1em
    }
     .myactivebutton{
        display:grid;
        grid-template-columns:repeat(3,minmax(180px,1fr));
        grid-gap:3em;
        width:auto;
        margin-bottom:10px
    }
}
 .activeformat.active{
    color:#000;
    background:#2380ff;
    font-weight:700;
    box-shadow:0 0 5px 1px #3469ff,inset 0 0 5px 1px #003473
}
 .activeformat.active:hover{
    color:#000;
    background:#2380ff;
    font-weight:700;
    box-shadow:0 0 10px 3px #3469ff,inset 0 0 5px 1px #003473
}
 .activeformat:hover{
    color:#000;
    background:#b1cff9;
    font-weight:700;
    box-shadow:0 0 5px 1px #7196ff,inset 0 0 5px 1px #6792c5
}
 .slideheaderinfo{
    width:100%;
    padding:3px 15px;
    height:auto;
    background:rgba(0,45,107,0.81);
    font-size:14px;
    z-index:1111;
    display:grid;
    grid-template-columns:repeat(1,auto);
    justify-content:space-between
}
 @media screen and (min-width:992px) {
     .navigation .mainmenu{
        display:flex;
        list-style-type:none;
        align-items:center;
        justify-content:center;
        padding:0;
        margin:0
    }
     .mainmenu li{
        padding:10px 0
    }
     #navigation{
        background-color:rgba(0,8,37,0);
        background-image:radial-gradient(circle,rgba(237, 178, 74,0) 75%,#ef8b33),linear-gradient(to bottom,#ef8b33 1%,#f4c169 50%,#ef8b33)
    }
}
 .menuActive{
    border-radius:20px;
    background:#ffca34cf
}
 .menuActive a{
    color:#1f07b0!important
}
 .slideheaderinfo{
    width:100%;
    padding:3px 15px;
    height:auto;
    background:rgba(0,45,107,0.81);
    font-size:14px;
    z-index:1111;
    display:grid;
    grid-template-columns:repeat(2,auto);
    justify-content:space-between
}
 .accountlog-left p,.accountlog-right{
    color:#fff;
    margin:0;
    font-weight:500;
    font-size:18px;
    text-align:center
}
 .adspostfav-call p{
    display:inline-flex;
    background:#ffca34!important;
    padding:5px 10px;
    border-radius:10px
}
 .s_mail div{
    padding:5px 15px;
    background:#ffca34;
    border-radius:10px
}
 .propbox-headercontent p{
    text-align:center;
    font-weight:600;
    font-size:1.2em;
    color:#080333;
    padding:20px 0
}
 .seetalkatthere p{
    background:#ffca34;
    border-radius:20px;
    width:100%;
    text-align:center;
    font-size:14px;
    color:#000;
    padding:10px
}
 .propbox-header .close{
    opacity:1
}
 .adscodebox p{
    border:1px solid #fff;
    margin:10px 0;
    padding:3px 5px;
    background:#fff;
    box-shadow:0 0 5px 1px #1f07b0;
    text-align:center;
    font-size:.9em;
    display:inline-flex;
    border-radius:10px
}
 .btncloseads{
    background:#e9f0fd;
    border:1px solid #00000000;
    padding:3px 10px;
    box-shadow:0 0 3px 0 #ff0303;
    font-size:.9em;
    transition:box-shadow 0.7s,background .4s
}
 .btncloseads:hover{
    background:#f35151;
    box-shadow:0 0 10px 1px #ff0303
}
 .slideheaderinfo{
    width:100%;
    padding:3px 15px;
    height:auto;
    background:rgba(0,45,107,0.81);
    font-size:14px;
    z-index:1111;
    display:grid;
    grid-template-columns:repeat(1,auto);
    justify-content:space-between;
    width:100%;
    padding:5px 15px;
    height:auto;
    background:#4285f4;
    font-size:14px;
    z-index:1111;
    display:grid;
    grid-template-columns:repeat(1,auto);
    justify-content:space-between
}
 @media screen and (max-width:600px) {
     .sliderheaderinfo-right{
        display:none
    }
}
 .sliderheaderinfo-left{
    display:grid;
    grid-template-columns:repeat(2,55%)
}
 @media screen and (min-width:992px) {
     .sliderheaderinfo-left{
        grid-template-columns:repeat(4,auto)
    }
}
 .pagination li.disabled:first-child,.pagination li.disabled:last-child{
    display:none
}
 .searchdatawrapper{
    border:1px solid transparent;
    background:rgba(0,0,0,0.6901960784313725);
    padding:25px 20px;
    border-radius:5px
}
 .searchproperty{
    display:flex;
    justify-content:space-between
}
 .searchvalue{
    color:#000;
    justify-content:center;
    border:1px solid transparent;
    background:#d0e4ff;
    border-radius:15px;
    padding:7px 3px;
    display:flex;
    font-weight:600;
    cursor:pointer;
    width:30%
}
 .searchboxgroup{
    width:100%
}
 .searchdatabodypanel{
    margin-top:20px
}
 .searchdatawrap div{
    margin:3px 0
}
 @media screen and (min-width: 768px) {
     .searchdatawrap{
        display:flex;
        margin-top:30px;
        justify-content:space-between
    }
     .searchboxgroup{
        width:23%
    }
     .searchdatawrap div{
        margin:0
    }
}
 .searchbothwrap{
    display:flex;
    justify-content:space-between
}
 .searchbothwrap input[type="text"]{
    width:48%
}
 .searchbothwrap input[type="submit"]{
    width:100%;
    box-shadow:0 0 2px 1px #ffbc00,inset 0 0 5px #ffdd7c,inset 0 0 20px #ffbe07;
    background:#ffca34;
    border-radius:20px!important;
    font-weight:700;
    color:#050023;
    border-bottom:4px solid #f1b700;
    border-top:1px solid #fbc830;
    border-right:1px solid #f1b700;
    border-left:1px solid #f1b700;
    padding:.375rem .75rem 2rem!important;
    transition:margin .3s ease-out
}
 .searchbothwrap input[type="submit"]:active{
    margin:0 7px
}
 .searchvalue.active{
    background:#065fda;
    box-shadow:0 0 10px 1px #016cff;
    color:#fff;
    transition:.17s ease-in-out
}
 .searchbothwrap .nice-select{
    width:48%!important
}
 @media screen and (min-width: 768px) {
     .searchbothwrap .nice-select{
        width:48%!important
    }
}
 .searchvalue p{
    font-size:1em;
    font-weight:400
}
 @media screen and (min-width: 768px) {
     .searchvalue p{
        font-size:1em;
        font-weight:700
    }
}
 .fancybox-container{
    z-index:99999999999!important
}
 section#onlymobilenav{
    display:none
}
 .messagecontactform{
    padding-top:25px
}
 .blog-title{
    font-size:25px;
    font-weight:600
}
 .userdetailphone{
    display:grid!important;
    grid-template-columns:55% 45%;
    line-height:25px
}
 .userlogoname{
    text-align:center
}
 .mobileheaderlogo{
    padding:0 10px 15px;
    display:flex
}
 img.mobileheaderlogoimg{
    width:17%;
    height: 17%
}
 .adsuploadbtndiv{
    text-align:center
}
 .adsuploadbtn{
    padding:10px 40px!important;
    box-shadow:0 0 3px 1px #14af37;
    background-color:#23ce38!important;
    border:none!important;
    color:#000!important;
    font-weight:600!important
}
 .adsuploadbtn:hover{
    box-shadow:0 0 10px 1px #14af37;
    background-color:#00e61b!important
}
 .propboxlogin{
    width:300px;
    margin:50px auto;
    transform:translateY(-800px);
    transition:all 2s ease-in-out;
    opacity:0;
    box-shadow:0 0 5px 0 var(--color-one)
}
 .activesetby{
    box-shadow:0 0 0 3px var(--color-one);
    color:var(--color-three)
}
 .processimg{
    display:flex;
    justify-content:center;
    padding:30px
}
 .processimg i{
    font-size:2em;
    border-radius:50%;
    border:3px solid var(--color-one);
    color:var(--blue);
    font-weight:400;
    padding:10px
}
 .processmessage h3{
    font-weight:400;
    padding-bottom:30px;
    text-align:center
}
 .newitems{
    width:100vw;
    height:100vh;
    background:#000000c7;
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:1111111111
}
 .propboxloginform{
    background:#fff
}
 .propboxhead{
    padding:10px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:var(--view10);
    margin:0 auto;
    position:relative;
    background:var(--color-one)
}
 .closeme{
    position:absolute;
    background:url(https://image.flaticon.com/icons/svg/2124/2124274.svg) no-repeat 100% 100% / cover;
    width:30px;
    height:30px;
    right:2%;
    cursor:pointer;
    display:flex;
    align-items:center
}
 .propboxtitleimg{
    width:30px;
    height:30px
}
 .propboxtitle h2{
    font-size:1.2em;
    font-weight:400;
    margin:0;
    color:#fff
}
 img{
    width:100%
}
 .propboxbody{
    padding:10px
}
 .proploginbox{
    padding:10px 0
}
 .propboxfooter{
    background:var(--color-two);
    display:flex;
    padding:0 10px
}
 .propboxfooter div input{
    background:var(--color-one);
    color:#fff
}
 .optionone{
    display:flex
}
 .propboxfooter div > div:nth-child(2){
    padding-left:20px
}
 .setbyset{
    display:flex;
    justify-content:space-around
}
 .setbyset div{
    position:relative
}
 .setbyset div:nth-child(1)::after{
    content:"";
    position:absolute;
    width:100px;
    height:2px;
    background:var(--color-two);
    top:50%;
    left:34px
}
 .setbyset div{
    border-radius:50%;
    width:25px;
    height:25px;
    line-height:25px;
    background:var(--color-two);
    color:#fff;
    text-align:center
}
 .settwo .nice-select{
    border:1px solid var(--color-two)!important;
    margin:15px 0
}
 @media screen and (max-width: 600px) {
     .noroom{
        display:none
    }
}
 .propupgroup{
    justify-content:space-between;
    display:flex;
    width:100%;
    position:relative
}
 .propupgroup > div{
    width:45%
}
 .propupgroup::before{
    display:inline-block;
    content:"";
    width:1px;
    position:absolute;
    background:#7a7a7a;
    height:35px;
    left:50%;
    top:19px
}
 .withmobicon{
    display:flex
}
 .withmobicon>img{
    width:10%
}
 .headingmenumob{
    background:#ffffff;
    padding:10px 0 0
}
 .campany-caption{
    place-self:center;
    font-size:20px;
    margin-left:20px;
    font-weight:500;
    color:#d6e7fe
}
 .headerbutton{
    display:flex;
    justify-content:space-around
}
 .headingbodymob{
    padding:10px
}
 .accountlogright>a{
    padding:7px 20px!important;
    background:#5252d8;
    color:white!important;
    border-radius:20px;
    box-shadow:0 0 8px #2222e8,inset 0 0 7px #daa400
}
 .chooselangmobile>div>a{
    padding:10px!important
}
 .withmobicon>img{
    width:7%;
    height:10%;
    align-self:center
}
 .headerlogoleft{
    width:100%;
    /*margin-left:9%*/
}
 .contactuswrapperboxs{
    padding:1px 0
}
 .searchvalue[id="property"]>p[class="en m0"]{
    align-self:center;
    font-size:10px!important
}
 .hfootadd-name,.hfootad-value{
    align-self:center;
    justify-self:flex-start
}
 @media screen and (min-width: 600px) {
     .headshowimg{
        margin:0 auto;
        width:100%
    }
     .headerlogo-panel{
        display:grid;
        grid-template-columns: auto;
        align-items:center
    }
     .mobliemenu .sidenav,.mobliemenu span{
        display:none
    }
     .header-logo{
        display:grid;
        grid-template-columns:repeat(2,80px auto);
        grid-gap:1em
    }
     .mob-header-logo{
        display:none
    }
     .logodesicription{
        font-size:.84em
    }
     .mobileclick{
        display:none
    }
     #navigation{
        background:#fff;
        height:auto
    }
     .navigation .mainmenu{
        display:grid;
        list-style-type:none;
        align-items:center;
        grid-template-columns:repeat(5,auto);
        justify-content:center;
        margin:0;
        padding:15px;
        flex-wrap:wrap
    }
     .mainmenu li{
        padding:10px 0;
        transition:background 1s ease-out,box-shadow .3s ease-out
    }
     .mainmenu li:hover{
        background:#f4c168;
        box-shadow:0 0 5px #000
    }
     .slideheaderinfo{
        display:grid;
        grid-template-columns:repeat(2,auto);
        justify-content:space-between;
        align-items:center
    }
     .sliderheaderinfo-left{
        display:grid;
        grid-template-columns:repeat(2,auto)
    }
     .lastaddreheader{
        display:grid;
        grid-template-columns:repeat(2,auto)
    }
     #userdashboard{
        padding:50px 0
    }
     .searchtype{
        grid-template-columns:repeat(2,50%)
    }
     .morehome-left{
        display:grid;
        grid-template-columns:repeat(3,auto);
        grid-gap:1em
    }
     .morehome-right{
        display:grid;
        grid-template-columns:repeat(2,80px 200px);
        grid-gap:2em
    }
     .footerbox{
        text-align:center
    }
     .callnavigation{
        display:none
    }
     .checlboxgroplist{
        display:grid;
        grid-template-columns:repeat(3,200px)
    }
     .searchformrow{
        display:grid;
        grid-template-columns:repeat(2,auto);
        grid-gap:1em;
        align-items:center
    }
     .custompagination .page-item{
        margin:0 10px
    }
     .custompagination .page-link{
        background:0 0!important;
        border:0!important;
        width:30px;
        height:30px;
        line-height:15px;
        text-align:center;
        font-size:1em
    }
     .custompagination .page-item.active{
        color:#333!important;
        background:#ffca34!important;
        border-radius:50%
    }
     .custompagination .page-item.active .page-link{
        color:#333!important
    }
     .companynamecaption{
        height:90px
    }
     .activeformat{
        color:#000;
        justify-content:center;
        border:1px solid transparent;
        background:#cfd5dd;
        border-radius:20px;
        padding:5px 25px;
        display:flex;
        font-weight:600;
        cursor:pointer;
        width:100%
    }
     .adsownwrapper{
        display:grid;
        grid-template-columns:repeat(2,auto)
    }
     .adscodebox{
        display:flex;
        justify-content:flex-end
    }
     .chooselangmobile{
        display:none
    }
     .userlogo-header{
        display:grid;
        grid-template-columns:repeat(2,29% 69%);
        grid-gap:2%;
        margin:20px 0
    }
     .formmessage-userwrapper{
        display:grid;
        grid-template-columns:repeat(2,auto);
        grid-gap:1em
    }
     .formuserbox{
        padding:0
    }
     .calculatepanel{
        width:400px!important
    }
     .mobileshortmenu{
        display:none
    }
     #onlymobilenav{
        display:none
    }
     .activeformat{
        color:#000;
        justify-content:center;
        border:1px solid transparent;
        background:#d0e4ff;
        border-radius:20px;
        padding:5px 25px;
        display:flex;
        font-weight:600;
        cursor:pointer;
        width:100%
    }
     .mobileclick{
        display:none
    }
     #navigation{
        background-color:rgba(0,8,37,0);
        background-image:radial-gradient(circle,rgba(7,39,105,0) 75%,#ef8b33),linear-gradient(to bottom,#ef8b33 1%,#f4c169 50%,#ef8b33)
    }
     .slideheaderinfo{
        display:grid;
        grid-template-columns:repeat(2,auto);
        justify-content:space-between;
        align-items:center
    }
     .searchdatawrap2{
        margin:20px 0
    }
     .postadspanel{
        display:grid;
        grid-template-columns:repeat(2,50%);
        width:90%
    }
}
 .mobaccountlogs{
    display:flex;
    margin-top:13px;
    padding:10px 0;
    background:#e5a942;
    font-size:17px
}
 .mobaccountlogs>a{
    padding:0!important;
    justify-content:center
}
 .adsownerlogo{
    display: flex;
    align-items: center;
    margin: 10px 0
}
 .calladsowner{
    margin:10px 0
}
 .switch {
     position: relative;
     display: inline-block;
     width: 30px;
     height: 17px;
}
 .switch input {
     opacity: 0;
     width: 0;
     height: 0;
}
 .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
}
 .slider:before {
     position: absolute;
     content: "";
     height: 13px;
     width: 13px;
     left: 2px;
     bottom: 2px;
     background-color: var(--color-two);
     -webkit-transition: .4s;
     transition: .4s;
}
 input:checked + .slider {
     background-color: #2196F3;
}
 input:focus + .slider {
     box-shadow: 0 0 1px #2196F3;
}
 input:checked + .slider:before {
     -webkit-transform: translateX(13px);
     -ms-transform: translateX(13px);
     transform: translateX(13px);
}
/* Rounded sliders */
 .slider.round {
     border-radius: 17px;
}
 .slider.round:before {
     border-radius: 50%;
}
 .shareleft {
     display: flex;
}
 .shareleft i {
     border: 1px solid transparent;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 50%;
     background: #ffffff !important;
     color: #000;
     margin: 0 10px 30px;
}
 .shareleft div {
     border: 1px solid transparent;
     background: #ffffff !important;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     line-height: 30px;
     text-align: center;
}
/* Project Page */
 .projectcontainer {
     background: #e9f0fa;
     height: auto;
     width: 100%;
     padding: 10px 0;
}
 .projectcontainer h2, .projectcontainer p {
     text-align: center;
}
 .projectcontainer h2 {
     text-decoration: underline;
     margin: 20px 0;
}
 .projectcontainer p {
     font-size: 17px;
}
 .projectcontainer i {
     margin-right: 10px;
}
 .projectcontainer .projectwrap {
     margin: 20px 0;
     font-family: myanmar3;
     box-shadow: 0 0 10px 0 #000;
     background: #fff;
}
 .projectcontainer .projectwrap .projectcover {
     width: 100%;
     height: 300px;
     object-fit: cover;
}
 .projectcontainer .projectwrap .projectheader {
     font-size: 27px;
     padding: 15px;
     font-weight: bold;
     line-height: 150%;
     background: #cedbf3;
     color: #081121;
     box-shadow: inset 0px 0px 20px 2px #87b2ff;
     text-align: center;
}
 .projectcontainer .projectwrap .projectinfo {
     padding: 20px;
}
 .projectcontainer .projectwrap .projectinfo .projectdescription {
     text-align: center;
}
 .projectcontainer .projectwrap .projectimage {
     margin: 20px 0;
     padding-bottom: 20px;
     border-top: 2px solid;
     border-bottom: 2px solid;
}
 .projectcontainer .projectwrap .projectimage .images {
     display: grid;
     row-gap: 50px;
}
 @media screen and (min-width: 768px) {
     .projectcontainer .projectwrap .projectimage .images {
         grid-template-columns: repeat(2, 1fr);
         grid-gap: 50px;
    }
}
 .projectcontainer .projectwrap .projectimage .images img {
     width: 100%;
     height: 300px;
     object-fit: contain;
}
 .projectcontainer .projectwrap .projectfacilities .facilities {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     row-gap: 10px;
     margin: 0 10px;
}
 @media screen and (min-width: 768px) {
     .projectcontainer .projectwrap .projectfacilities .facilities {
         grid-template-columns: repeat(4, 1fr);
    }
}
 @media screen and (min-width: 992px) {
     .projectcontainer .projectwrap .projectfacilities .facilities {
         grid-template-columns: repeat(6, 1fr);
    }
}
 .projectcontainer .projectwrap .projectfacilities .facilities p {
     margin: 0;
     text-align: left;
}
 .projectcontainer .projectwrap .projectfacilities .facilities p i {
     color: #5cb85c;
}
 .projectcontainer .projectwrap .projectlocationmap {
     padding: 0 10% 20px;
     margin: 20px 0;
     border-top: 2px solid;
     border-bottom: 2px solid;
}
 .projectcontainer .projectwrap .projectowner {
     text-align: center;
}
 .projectcontainer .projectwrap .projectowner .profile {
     box-shadow: 0 0 5px 0 #000;
     padding: 20px;
     width: 300px;
     margin: 0 auto;
}
 @media screen and (min-width: 768px) {
     .projectcontainer .projectwrap .projectowner .profile {
         width: 600px;
    }
}
 .projectcontainer .projectwrap .projectowner .profile h3 {
     font-size: 25px;
     margin-bottom: 20px;
     font-weight: bold;
}
 .projectcontainer .projectwrap .projectowner .profile .detail {
     display: block;
     align-items: center;
}
 @media screen and (min-width: 768px) {
     .projectcontainer .projectwrap .projectowner .profile .detail {
         display: inline-flex;
    }
}
 .projectcontainer .projectwrap .projectowner .profile img {
     width: 150px;
     height: 150px;
}
 .projectcontainer .projectwrap .projectowner .profile .information {
     margin-left: 20px;
}
 .projectcontainer .projectwrap .projectowner .profile .information p {
     text-align: left;
     font-size: 15px;
     margin: 20px 0;
}
/* New Code */
 .fsbowrap {
     padding-top: 20px;
}
 .fsbocategory {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: 15%;
}
 .categorywrap:hover .categorybtn {
     box-shadow: -6px -6px 10px rgba(255, 255, 255, 0.2), 6px 6px 10px rgba(0, 0, 0, 0.7);
     animation: shadowFadeIn 0.1s;
}
 .categorybox {
     background-color: #fff;
     box-shadow: 0 20px 10px -20px #000;
     border-radius: 20px;
     border: solid 2px #808080;
     padding: 20px;
     text-align: center;
     margin-bottom: 20px;
}
 .categorybox .categoryimg {
     left: auto;
     right: auto;
     width: 20vw;
     height: 20vw;
}
 .categorybox .categorybtn {
     margin: 0;
     font-size: calc(10px + (20 - 10) * ((100vw - 320px) / (1600 - 320)));
     font-weight: bold;
     padding: 3% 10%;
     background-color: #ffc107;
     color: #000;
     border-radius: 10px;
     position: relative;
     cursor: pointer;
     transition: 5s ease-out;
     box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.3), inset 0px 0px 7px rgba(0, 0, 0, 0.7);
     animation: shadowFadeOut 0.1s;
}
 @keyframes shadowFadeIn {
     0% {
         box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5), inset 0px 0px 7px rgba(0, 0, 0, 0.7);
    }
     50% {
         box-shadow: none;
    }
     100% {
         box-shadow: -6px -6px 10px rgba(255, 255, 255, 0.8), 6px 6px 10px rgba(0, 0, 0, 0.7);
    }
}
 @keyframes shadowFadeOut {
     0% {
         box-shadow: -6px -6px 10px rgba(255, 255, 255, 0.8), 6px 6px 10px rgba(0, 0, 0, 0.7);
    }
     50% {
         box-shadow: none;
    }
     100% {
         box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5), inset 0px 0px 7px rgba(0, 0, 0, 0.7);
    }
}
 #ownerpagewrapper {
     background-color: #e9f0fa;
}