/* HP SLIDESHOW */

#hp-slideshow-wrap {
    position: relative;
    z-index: 1;
}
    .hp-slideshow {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; 
            z-index: 5;
    }

        .hp-slideshow .aios-slider.aios-slider-template-default::before {
            width: 100%;
            height: 100%;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background-color: #000000;
            pointer-events: none;
            opacity: 0.2;
        }

            .slideshow-canvas {
                font-size: 0;
                position: relative;
            }
            .slideshow-canvas canvas {
                 width: 100%;
            }


/*** About Section ***/

#about-section {
   position: relative;
   display: block;
   background-color: #fff;
   z-index: 1; 
   padding: 0 15px;
   padding-top: 130px;  
   padding-bottom: 90px;
}

  .welcome-text {
      display: flex;
      justify-content: center;
      align-items: flex-start; 
      flex-wrap: wrap;
      font-size: 0; 
      margin-right: -45px;
      margin-left: -45px;
  }

   .wel-cont {
     width: 50%;
     display: block; 
     padding: 0 45px;
   } 

   .welcome-text p {
      display: inline-block;
      line-height: 25px; 
      letter-spacing: 0.06em;
      margin: 10px 0; 
      color: #1c1c1c; 
      font-size: var(--font-size-default);
   }

    .welcome-text a {
        color: #d9a928;
    }

     .welcome-text a > i {
    font-size: 28px;
    font-style: normal;
    position: relative;
    top: 3px;
     }

     .welcome-text a:hover {
         opacity: 0.6;
     }



.welcome-info {
    display: flex; 
    align-items: center;
    position: relative;
    background-color: #3d3d3d; 
    font-size: 0;
    flex-wrap: wrap; 
}

    .welcome-info-l {
        display: block;
        width: 38%; 
        position: relative; 
        padding: 30px 40px;
    }

    .welcome-info-l span {
         font-size: 32px;
         font-family: var(--font-family-title); 
         color: #fff; 
         position: relative;
         z-index: 2;
    }

.welcome-info-l:after {
   background:#000; 
   width: 100%;
   left: 0; 
   height: 100%;
   position: absolute;
   content: ''; 
   top: 0;
   bottom: 0; 
   z-index: 0;
}

.welcome-info-l:before { 
  content: '';
  position: absolute;
  right: -56px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 46px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 56px solid #000000;
  border-right: 0; 
  z-index: 1;
  top: 0;
}

    .welcome-info-r {
      display: flex;
      justify-content: flex-end; 
      align-items: center;
      width: 62%; 
      padding-right: 30px;
    }
     

    .wel-contact {
       display: flex;   
    }

     .wel-contact span {
         display: block;
         color: #fff; 
         font-size: 16px;
         font-weight: 400;
         padding: 0 20px;
     }

.wel-contact span:nth-child(2) {
     border-left: 1px solid #666666;
     border-right: 1px solid #666666;
}


      .wel-contact span > i {
          margin-right: 10px;
      }

      .wel-contact span > a {
         color: #fff; 
         transition: all 0.3s ease-in-out;
      }

      .wel-contact span > a:hover {
         color: #d9a928;
      }

    .wel-smi-list {
     padding-left: 20px; 
     display: flex; 
     
  }

    .wel-smi-list a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: #000; 
    font-size: 16px; 
    display: flex;
    justify-content: center; 
    align-items: center; 
    margin: 0 5px;
  }

  .wel-smi-list a:hover {
     background: #d9a928; 
     color: #fff;
  }

section#widget-section {
    position: relative;
    display: block;
    background-color: #fff;
    z-index: 1;
    padding: 0 15px 110px;
}

.widget-bg.non-fixed-bg {
     filter: grayscale(1); 
     opacity: 0.1; 
     top: 170px; 
     height: 1130px;
}
.widget-bg.non-fixed-bg:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 30%; 
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


/*** Team Section ***/

#team-section {
    position: relative; 
    overflow: hidden;   
}

 .team-list-wrap {
   position: relative; 
   display: flex; 
   justify-content: center; 
   align-items: center;
   flex-flow: row wrap; 
   font-size: 0;
   letter-spacing: 0;  
   margin-left: -15px; 
   margin-right: -15px; 
   padding: 0 70px;
 }

.team-list {
   width: 25%; 
   display: block; 
   padding: 0 15px; 
}

 .team-list a {
   display: block; 
   width: 100%; 
   margin: 0 auto; 
   position: relative; 
   overflow: hidden;

 }

    .team-list a > .team-photo.canvas-img:before {
          content:''; 
          position: absolute; 
          z-index: 1; 
          width: 100%; 
          height: 100%; 
          left: 0;
          right: 0; 
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }

    .team-list a:hover > .team-photo.canvas-img:before {
       opacity: 1;
    } 

    .team-list a > .team-photo.canvas-img img {
            filter: grayscale(0);
    }
    .team-list a:hover > .team-photo.canvas-img img {
            filter: grayscale(1);
    }

    .team-list a > .agent-info {
         position: absolute; 
         left: 0;
         right: 0; 
         bottom: -50px;
         z-index: 2;  
         margin: 0 auto; 
         color: #fff;
         text-align: center; 
         opacity: 0;
    }

    .team-list a:hover > .agent-info {
         opacity: 1; 
         padding-bottom: 40px; 
         bottom: 0;
    }

     .team-list a > .agent-info span {
       font-size: 18px; 
       letter-spacing: 0.1em; 
       text-transform: uppercase; 
       font-weight: 500; 
       display: block;  
       color: #fff; 

     }

     .team-list a > .agent-info span:nth-child(2) {
       font-size: 18px; 
       font-weight: 400;   
       letter-spacing: 0.1em;
       margin: 10px 0;
     }

/*** QS section ***/

#qs-section {
    position: relative; 
    z-index: 4; 
    padding: 150px 0 70px;
}

 .qs-wrap {
    display: flex; 
    justify-content:center; 
    align-items: center; 
    font-size: 0; 
    letter-spacing: 0;  
    padding: 0 70px;
 }

 .qs-title {
    display: block;
    text-align: left; 
    position: relative; 
    width:18%; 

}

 .qs-title .title-wrap {
    text-align: left;  
    margin-bottom: 0;
 }

  .qs-title .title-wrap .title-widget {
     font-size: 24px;
     font-weight: 300;
     color: #828282; 
     letter-spacing: 0.1em; 
     text-transform: uppercase;
  } 


   .qs-title .title-wrap .title-widget strong {
     color: #dd3333;
   }

  .qs-wrap form {
     width: 82%;
  }
 .qs-form-inner {
                display: flex; 
                justify-content:space-between; 
                align-items: center; 
                position: relative;
                z-index: 5;
            }


            .qs-form-inner .bootstrap-select.btn-group .dropdown-menu.inner {
                max-height: 153px !important;
            }

                .qs-form-inner .form-col.select:after {
                    position: absolute;
                    content: '';
                    right: 5px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 0; 
                    height: 0; 
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 4px solid #424242;
                }


                .qs-form-inner .form-col {
                    width: 101px;
                    position: relative;
                }

                .qs-form-inner .form-col.wide {
                    width: 201px; 
                }

                
                .qs-form-inner .form-col input,
                .qs-form-inner .form-col select, .qs-form-inner .form-col .bootstrap-select button {
                    width: 100%;
                    height: 38px;
                    border: 0; 
                    border-bottom: 1px solid #424242;
                    border-radius: 0;
                    font-size: 12px;
                    letter-spacing: 0.14em;
                    padding: 0;
                    background: transparent;
                    color: #3a3a3a;
                    outline: 0;
                    text-overflow: ellipsis;
                    -webkit-appearance: none;
                    text-transform: none; 
                    font-weight: 400; 
                    padding-left: 10px; 
                    text-transform: uppercase;
                }

.qs-form-inner .form-col .bs-searchbox input {
    color: #000; 
    padding-left: 10px;
}

/*                .qs-form-inner .form-col.select:nth-child(1):after {
                    display: none;
                }*/

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

                    .qs-form-inner .form-col option {
                        color: #000;
                    }

                .qs-form-inner .hp-qs-sub {
                    width: 142px;
                    height: 39px;
                    position: relative;
                    padding: 0;
                    /*margin-left: 2%;*/
                }

                          .hp-qs-sub .qs-cont-sub, .hp-qs-sub .adv-srch {
                            width: 100%;
                            height: 39px;
                            background:#801d1d;
                            text-align: center;
                            color: #fff;
                            appearance: normal !important;
                            -webkit-appearance: normal !important;
                            -moz-appearance: normal !important;
                            border-radius: 0;
                            border: 1px solid #801d1d;
                            margin: 0;
                            vertical-align: top;
                            display: inline-block;
                            line-height: 39px;
                            font-weight: 400;
                            font-size: 12px;
                            position: relative;
                            transition: all .25s ease-in-out;
                            -moz-transition: all .25s ease-in-out; 
                            -webkit-transition: all .25s ease-in-out; 
                            font-style: normal; 
                            letter-spacing: 0.1em; 
                            text-transform: uppercase;
                            padding: 0;
                            }

                        .hp-qs-sub .qs-cont-sub:hover,                    
                        .qs-form-inner .hp-qs-sub:focus:before {
                            background: #d99a4b;
                            border: 1px solid #d99a4b;
                        }

               
                .qs-form-inner a.qs-adv {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                    font-size: 12px;
                    letter-spacing: .1em;
                    text-transform: uppercase;                       
                    outline: 0;                    
                    margin-left: 3%;                   
                    height: 40px;
                    width: 10%;
                    position: relative;
                }

                    .qs-form-inner a.qs-adv:before {
                        position: absolute;
                        content: '';
                        left: -10px;
                        top: 50%;
                        transform: translateY(-50%);
                        width: 1px;
                        height: 20px;
                        background: #fff;
                    }                    

                    .qs-form-inner a.qs-adv:hover,
                    .qs-form-inner a.qs-adv:focus {
                        background: rgba(0,0,0,.77);                        
                    }



.idx-text {
   text-align: center; 
   color: #424242;
   font-size: 13px; 
   display: block; 
   padding: 20px 0; 
   text-transform: capitalize; 
   letter-spacing: 0.1em;
}

/** Featured Listing**/

#fp-section {
    position: relative; 
    overflow: hidden;
}

.fp-title-wrap .global-title-wrap,
.fp-title-wrap .global-title-wrap span  {
  text-align: left !important;
}

.mob-fp-title-wrap .global-title-wrap,
.fp-title-wrap .global-title-wrap span {
   text-align: center;
}

.fp-cont-wrap {
   display: flex;
   justify-content: center;
   align-items: flex-end;
}

.fp-cont-wrap.fp-cont-wrap-b {
   justify-content:flex-end;  
   align-items: flex-start;
} 

.fp-cont-wrap .fp-list {
   width: auto;
}

.fp-cont-wrap .fp-list:nth-child(2) {
   width:480px;
}

.fp-list {
       display:block; 
       width: 100%; 
       vertical-align: top;
     }

      .fp-list a {
         width: 100%; 
         display: block; 
         margin: 0 auto;
         position: relative; 
         overflow: hidden;
      }

       .fp-list a > .fp-details {
          position: absolute; 
          display: block; 
          z-index: 3;  
          padding: 0 20px; 
          width: 100%;  
          display: flex; 
          justify-content: flex-start; 
          align-items: center; 
          bottom: 0; 
          text-align:left;
       }

       .fp-list a > .fp-details.fp-title {
          height: 100%; 
          padding-left: 50px;
       }

       .fp-list a > .fp-details .fp-info {
         position: relative; 
         display: block;
       }

        .fp-list a > .fp-details .fp-info span {
          display: block; 
          font-size: 18px; 
          letter-spacing: 0.04em; 
          color: #fff; 
          text-transform: uppercase;
        }

         .fp-list a > .fp-details .fp-info span.fp-price {
            font-size: 24px;  
            margin-bottom: 10px; 
            font-weight: 700;
         }

          .fp-list a > .fp-details .fp-info span.fp-view {
             margin: 0; 
             opacity:0; 
             padding-left: 20px;
             border-left: 1px solid #fff; 
             font-size: 12px;
          }
          .fp-list a:hover > .fp-details .fp-info span.fp-view {
             margin: 20px 0 30px; 
             opacity: 1; 
              

          }

         .fp-list a > .fp-photo.canvas-img:before {
             position: absolute; 
             width: 100%; 
             height: 50%; 
             bottom: 0; 
             left: 0; 
             right: 0;  
             z-index: 1;
             content: '';
             /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+26,000000+58,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.17) 26%, rgba(0,0,0,0.38) 58%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 26%,rgba(0,0,0,0.38) 58%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 26%,rgba(0,0,0,0.38) 58%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 /* IE6-9 */

          }

          .fp-list a > .fp-photo.title-can.canvas-img:before {
             display: none;
          }

          .fp-list a > .fp-photo.title-can.canvas-img {
             height: 300px;
          }
        
.fp-list a:hover > .fp-photo.canvas-img img {
    transform: scale(1.1); 
    filter: grayscale(1);
} 


.fp-title-wrap .global-button,
.mob-fp-title-wrap .global-button {
   max-width: 250px;
}

.mob-fp-title-wrap {
  display: none;
}

/* MOBILE */
@media only screen and (min-width: 1601px) {

}

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1199px) {

.qs-form-inner .form-col {
    width: 101px;
    position: relative;
    margin: 0 2px;
}

.qs-wrap,
.team-list-wrap {
   padding: 0 30px;
}



}

@media only screen and (max-width: 991px) {

.hp-slideshow {
    position: relative;
}



.mob-fp-title-wrap {
  display: block;
}

.slide-bttn-wrap {
    transform: translateY(-50%);
    top: 80%;
    left: 0;
    margin: 0 auto;
    right: 0; 
    padding: 0 15px;
}

.slideshow-canvas,
.mob-hidden {
    display: none;
}


#about-section,
#qs-section {
    padding: 40px 0;
}

  .welcome-text {
     margin: 0;
     
  }

  .wel-cont {
     padding: 0 10px;
  }

  .welcome-text, .mr-text {
    padding: 0;
}

.team-list {
    width: 50%;
    display: block;
    padding: 15px;
}

.qs-wrap {
    display: block;
}
.qs-title {
    width: 100%;
}
.qs-title .title-wrap {
    text-align: center;
}
.qs-form-inner {
    justify-content: center;
    flex-wrap: wrap;
}

.qs-form-inner .form-col {
    width: 100% !important;
}

.qs-wrap form {
    width: 100%;
    max-width: 560px;
    margin: 30px auto;
}
.qs-form-inner .form-col {
    margin: 15px auto;
}

.fp-cont-wrap {
    flex-wrap: wrap;
}

.fp-cont-wrap .fp-list,
.fp-cont-wrap .fp-list:nth-child(2) {
    width: 100%;
}

.mob-fp-title-wrap .global-button {
   margin: 30px auto;
}


}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
  
  .slide-bttn a > span {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 3px #000;
    text-align: center;
}


.mr-list ul {
    width: 100%; 
    text-align: center;
}

.mr-list ul:nth-child(2) {
    padding: 0;
}

.wel-cont {
    width: 100%;
}

}

@media only screen and (max-width: 480px) {
.team-list {
    width: 100%;
    padding: 5px;
}
}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */