:root{
    --color1:var(--primaryColor);
    --color2:#A69177;
    --color3:#63666A;
    --color4 : #BFB8BB;
    --input-height : 48.39px;
}  .card-property h3 a {
    z-index: 111;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.drop-cls ul li {
    width: 100%; text-align:left;padding-left:15px;
}.drop-cls .drop2 { 
    height: auto; background:#fff;
}.heading.active .drop {
    display: block;
    background: transparent;
    border: 0px;
    box-shadow: unset;
}.heading.active .drop {
    display: block;
    background:transparent;
    border: 0px;
    box-shadow: unset;
    top: 41px; 
}.drop-cls ul li { 
    justify-content: flex-start; 
}
.modal-open #header,.modal-open .page-banner {   z-index: -1 !important; }
 .actions { 
    padding-left: 5px;
    padding-right: 5px;
}   .like-tab{ display:flex; margin-bottom:25px;justify-content:center;}
    .like-tab li a {
    margin-right: 0px;
    padding: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--system-bradius);
    display: block;
    background: #fff;
    height: var(--input-height);
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
                     .like-tab li a:hover,.like-tab li a.active{ background-color:var(--color1);color:#fff;transition: 0.3s;}
                     .home-page-filter .main-listtype{ display:none; }
                     
                                   ul.main-listtype{position:absolute; z-index: 11;background: #fff;display: flex;    margin: 0 !important;
    top: 17px;}
                                   ul.main-listtype li {
    line-height: 1;
    margin-right: 10px;
}ul.main-listtype li a.active,ul.main-listtype li a:hover{ color:var(--color1);font-weight:600;}
.drop-cls.active .drop2 {
    display: flex !important;
    padding-top: 29px;
}
.drop2 li:hover{ background:#eee;}.drop-cls .drop2{ overflow:auto;}.heading span{ cursor:pointer;}.heading span.main-text{color:#333;}
 .mortgage-inpur{ display:flex;}.mortgage-inpur li {
    position: relative;
    display:flex; 
    height: 56px;
   
}
     .mortgage-inpur input{     min-height: 5.6px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-left: -5px !important;
    background-color: #fff;
    text-align: center;max-width: 139px;
         border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;border-color: rgb(223, 223, 223) !important;border-right: 0px;
    height: 56px;    margin-left: 0 !important;
    background-color: #fff;    border: 1px solid rgb(223, 223, 223);border-right: 0px;    padding-top: 24px;
         
     }.mortgage-inpur li label {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 13px;
    line-height: 1;
} li input.noborder-left {
    border-left: 0px !important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
html .border-ri-1 {
    border-right: 1px solid rgb(223, 223, 223);
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.circular-info{
        width: 250px;
    height: 250px;
    border: 2px solid #404952!important;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px 15px 0 15px;
}.big-head {
    font-size: 18px;
    margin: 0;
    line-height: 1.2;
}
.amount-desc {
    font-weight: 600 !important;
    padding: 0 !important;
    font-size: 36px !important;
    line-height: 40px;
    text-align: center !important;
    color:var(--color1);
}.prop-amount-info {
    font-size: 16px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px;
}.prop-amount-info  span {
    font-size: 20px;
    font-weight: 600;
    color:var(--color1);
} html .m-mortgage-container {
    max-width: 740px !important;
    background: #fff;
    padding: 45px 35px;
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: var(--system-bradius);
}
.mortgage .mt-3 {
    margin-top: 35px !important;
} .mt-my {
    margin-top: 20px;
}
.stagc-loc-txt-span2   li {
    float: left;
    margin-right: 20px;
     list-style:disc;
    width: 100%;
    margin-left:10px;
    line-height:25px;
    
}
.stagc-loc-txt-span2   li a {
    
    color:#002d72;
}
 
 .irs--flat .irs-bar ,.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,.irs--flat .irs-handle>i:first-child{ 
    background-color: var(--color1) !important;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { 
    border-top-color:var(--color1) !important;
}.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
    background-color: var(--color2) !important;
} .the-percentage    .mortgage-inpur {
    display: flex;
    flex-direction: row;flex-wrap:wrap;
    
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
    .the-percentage  .mortgage-inpur input { 
    max-width: 100%;
    min-width: 100%;
} .the-percentage .mortgage-inpur li { 
    min-width: 47%;width:47%;max-width:47%;
} .the-percentage .mortgage-inpur li label {
    position: unset; 
    font-size: initial;font-weight: 600;
    line-height: initial;
} .the-percentage .mortgage-inpur li {
  
    display: block;
    margin-bottom: 3%;
    height: auto;
} .the-percentage .mortgage-inpur input {  
    border-right: 1px solid rgb(223, 223, 223);
    border-radius: var(--system-bradius) !important;
    text-indent: 8%;
   
} .the-percentage .mortgage-inpur input { 
    padding-top: 0px;
    text-align: left;
    padding-left: 7px;
}
 .the-percentage .new-amount{
    font-size: 23px;
    line-height: 34px;
    color: #000;
} .the-percentage .new-amount-descript {
    color: #7d7d7d;
    font-weight: 400;
}
.the-final-row{
    background:#e7e7e7;padding: 10px;
}#downPayment {
    color: #000;
    font-size: 20px;float:right;
}.morgage-1 .mortgage { background:#fff !important;}
                     .morgage-1 .the-percentage .mortgage-inpur li {    min-width: 22%;    width: unset;    max-width: unset;    flex: 1;    margin-right: 29px; }
                      .morgage-1 .section{ padding:0px !important;}
                       .morgage-1  .the-percentage    .mortgage-inpur { align-items: flex-start; }
                     .morgage-1  #downPayment-parent { position:absolute; right:0;bottom:-28px;}
                       .morgage-1 .mortgage .mt-3 {    margin-top: 0px !important;  }
                      html  .morgage-1 .m-mortgage-container {    padding: 0px;     box-shadow: unset;    border-radius: 0;    width: 100% !important;}
                 html  .morgage-1 .m-mortgage-container { border: 1px solid #eee;   padding: 15px !important;      background: #fff;
    padding: 45px 35px !important;
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: var(--system-bradius); margin-bottom: 45px; }
                  html  .home-it .m-mortgage-container {
    max-width: 900px !important;
    background: #fff;
    padding: 45px 35px !important;
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: var(--system-bradius);margin-bottom: 0px !important;
} html  .home-it  .morgage-1 .mortgage {
    background: transparent !important;
}.morgage-1 .the-percentage .mortgage-inpur li:last-child {
margin-right:0px;
}html  .home-it .mortgage .mt-3 {
    margin-top: 35px !important;
}
html #send-enquiry-form-wrapper  .icon-cancel {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #eee;
    min-width: unset;
    /* text-align: center; */
    font-size: 25px;
    /* line-height: 1; */
    border-radius: 5px;
    color: red;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: auto;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 200; 
}
 .close-svg {
    fill: red;
    fill: var(--color1);
    stroke: var(--color1);
    stroke-width: 1.5px;
    height: 1rem;
    min-width: 1rem;
    /* margin-left: 1rem; */
    vertical-align: middle;
    border: none;
}html #send-enquiry-form-wrapper legend {
    font-weight: 800;
    text-align: center;
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
    padding-bottom: 15px;
    text-transform: inherit;
    padding-left: 40px;
    padding-right: 41px;
    font-size: 26px;
    text-align: center;
    color: var(--color1);
}
.abs-sc-title-1 {
                position: absolute;
                right: 10px;
                padding: 5px 10px;
                color: var(--color1);
                background: #fff;
                top: 15px;
                line-height: 1;
                font-size: 14px;
                font-weight: 600;
                }
                .abs-sc-title-1.sec-ids-1 { border-right:2px solid var(--color1);}
                .abs-sc-title-1.sec-ids-2 { border-right:2px solid var(--color1);}
                
                        #more-filter {
    display: inline-flex;
    background-color: #fff;
    min-width: 100%;
    align-items: center;
    justify-content: center;
    height: var(--input-height);
    min-height: 100%;
    color: #333;font-size:14px;
   
    background-image:url('/frontend/assets/template/images/drp.png');
   background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 30px auto;
    cursor:pointer;
}html #more-filter { 
    padding-left: 15px !important; 
}
.more-opdiv { position:relative;}
.drop-up-srch-parent{ position: absolute;
    right: 0px;
    width: 500px;
    height: 0px;  transition: all .6s;    overflow: hidden;z-index:1111; }
.drop-up-srch {
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: 16px;
    background-color: #fff;
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-start;
    /* align-items: flex-end; */
  
    flex-wrap: wrap;
    padding: 20px 27px 40px;
    margin-top: 0px;
    padding-bottom: 20px;
   height:100%;
    margin-top: 5px;
    border-bottom:1px solid #ccc;
 
}
 
.p-drodown-list.active .drop-up-srch-parent{ display:block;min-height:376px;height:auto;}
.drop-pad-30-serach {
    display: block;
    min-width: 100%;
    text-align: left;
}.drop-pad-30-serach li{ display:block;}
.drop-pad-30-serach li label.title-h1{ display:block;color:var(--color1);;font-weight:600;margin-bottom:17px;min-width:100%;}
.drop-pad-30-serach li {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
} .labeling-input {
    display: flex;
    justify-content: flex-start;flex-wrap:wrap;
}.labeling-input span{     
    display: flex;
    align-items: center;
    justify-content: flex-start;align-items:center;color:initial; }.labeling-input span input {width:auto;margin-top:0px;margin-right:5px;}
    .special-inp input[type="checkbox"] {
    display: none;
}
.ameniti .labeling-input span{ width:33%; min-width:33%;margin-bottom:15px;}
.labeling-input span label {margin-right: 7px; }
.labeling-input span label {
    display: block;
    text-transform: initial;
    font-size: 13px;
    line-height: 1.1;
}
.special-inp input[type=checkbox]+label:before {
    content: "";
    border: 1px solid #E8E8E1;
    border-radius: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    color: transparent;
    transition: 0.2s;
    position: absolute;
        left: 0px;
    top: -2px;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
}.special-inp input[type=checkbox]:checked+label:before {
    background: url('/assets/img/checked2.svg');
    color:var(--color1);
    border: none;
}
.special-inp label{position:relative;    padding-left: 26px;}
.drop-up-srch-parent a.btn-primary {
    height: 40px;
    line-height: 1;
    font-size: 100%;
    text-transform: inherit;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    /* float: right; */
}
.drop-up-srch-parent a.btn-primary.border-white{ background-color:var(--color4);}
.drop-pad-30-serach li:last-child{border-bottom:0px;margin-bottom:0px;text-align:right;padding-bottom: 0px;}
html .irs--flat .irs-handle {
    
    width: 18px;
    height: 18px; 
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}html .irs--flat .irs-handle i{ display:none !important;}
html .irs--flat .irs-min,html .irs--flat .irs-max{display:none !important;}
html #send-enquiry-form-wrapper  .icon-cancel {
    
    top: -14px; 
    right: -9px; 
}