/*------------------------------------------------------------------



-------------------------------------------------------------------*/



/*------------------------------------------------------------------

[Table of contents]

    1. Top Header / .top-header

    2. Main Header / .main-header

    3. Home Page Banner (Main Home) / .banner

    4. Banner Search Box / .search-area

    5. Recent Properties / .recent-properties

    6. Articles Tips / .articles-tips

    7. Application Counter / .counters

    8. Partner / .partners-block

    9. Testimonials / .testimonial-section

    10. Map Content /.map-content

    11. Map Content Sidebar /.map-content-sidebar

    12. Single Page Banner / .sub-banner

    13. Property List View / .listing-properties-box

    14. Property Grid View / .recent-properties-box

    15. Single Property Details / .properties-details-page

    16. Listing Page Sidebar /.sidebar

    17. Pricing Table /.pricing-container

    18. Agent Contact Form /.agent-widget

    19. Properties Comments /.properties-comments

    20. Help Center /.helping-center

    21. Specifications /.specifications

    22. My Profile /.my-profile

    23. My Property Box /.my-properties-box

    24. Submit Property /.submit-property

    25. Blog /.blog-body

    26. Contact Form /.contact-form

    27. Signup/Login Wrapper /.form-content-box

    28. Pagination /.pagination

    29. Main Footer / .main-footer

    30. Sub Footer / .sub-footer

-------------------------------------------------------------------*/


/*whatsapp style css*/

 /* CSS Multiple Whatsapp Chat */
#whatsapp-chat {
  box-sizing: border-box !important;
  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 100px;
  right: 10px;
  overflow: hidden;
  z-index: 9999999999;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}

a.blantershow-chat {
  /*   background: #009688; */
  /*background: #fff;*/
  /*color: #404040;*/
  position: fixed;
  display: flex;
  /*font-weight: 400;*/
  justify-content: space-between;
  z-index: 98;
  bottom: 150px;
  right: 30px;
  /*font-size: 15px;*/
  /*padding: 10px 20px;*/
  /*border-radius: 30px;*/
  /*box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);*/
}

.star-widget input {
    display: none;
}
.star-widget label {
    font-size: 35px;
    color: #444;
    padding: 10px;
    float: right;
    transition: all .2s ease;
}
input:not(:checked) ~ label:hover,
input:not(:checked) ~ label:hover ~ label {
    color: #fd4;
}

input:checked ~ label {
    color: #fd4;
    
}


.star-icon {
    padding-bottom: 20px;
}
.whatsapp-chat-header {
  background: #009688;
  background: #095e54;
  color: #fff;
  padding: 20px;
}
.whatsapp-chat-header h3 {
  margin: 0 0 10px;
}
.whatsapp-chat-header p {
  font-size: 14px;
  line-height: 1.7;
  margin: -10px;
}
.whatsapp-chat-header .whatsapp-chat-name {
  font-size: 16px;
  /*font-weight: 600;*/
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0.5;
  color: #ffffff;
}
.whatsapp-chat-header small{
    color:#ffffff;
}
.whatsapp-chat-avatar {
  position: relative;
}
.whatsapp-chat-avatar::after {
  content: "";
  bottom: 0px;
  right: 0px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background-color: #4ad504;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid #095e54;
  left: 40px;
  top: 38px;
}
.whatsapp-chat-avatar img {
  border-radius: 100%;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}

.info-chat span {
  display: block;
}

#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}

#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}

#get-label,
#get-nama {
  color: #fff;
}

span.my-number {
  display: none;
}

/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
textarea#chat-input {
  border: none;
  font-family: "Arial", sans-serif;
  width: 100%;
  height: 50px;
  outline: none;
  resize: none;
  padding: 10px;
  font-size: 14px;
  background: #fff;
}

a#send-it {
  width: 50px;
  font-weight: 700;
  padding: 10px 10px 0;
  background: #eee;
}
a#send-it svg {
  fill: #a6a6a6;
  height: 24px;
  width: 24px;
}

.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
}
.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: 10px;
  padding: 15px 20px;
  display: inline-block;
}

.start-chat .blanter-msg {
  display: flex;
}

#get-number {
  display: none;
}

a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;
}

@keyframes ZpjSY {
  0% {
    background-color: #b6b5ba;
  }
  15% {
    background-color: #111111;
  }
  25% {
    background-color: #b6b5ba;
  }
}
@keyframes hPhMsj {
  15% {
    background-color: #b6b5ba;
  }
  25% {
    background-color: #111111;
  }
  35% {
    background-color: #b6b5ba;
  }
}
@keyframes iUMejp {
  25% {
    background-color: #b6b5ba;
  }
  35% {
    background-color: #111111;
  }
  45% {
    background-color: #b6b5ba;
  }
}
@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
#whatsapp-chat.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

#whatsapp-chat.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

.whatsapp-message-container {
  display: flex;
  z-index: 1;
}

.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: white;
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}

.whatsapp-chat-body {
  padding: 20px 20px 20px 10px;
  background-color: #e6ddd4;
  position: relative;
}
.whatsapp-chat-body::before {
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
}

.dAbFpq {
  display: flex;
  z-index: 1;
}

.eJJEeC {
  background-color: white;
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

.hFENyl {
  position: relative;
  display: flex;
}

.ixsrax {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  background-color: #9e9da2;
  animation-name: ZpjSY;
}

.dRvxoz {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  background-color: #b6b5ba;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  animation-name: hPhMsj;
}

.kAZgZq {
  padding: 7px 14px 6px;
  background-color: white;
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}
.kAZgZq::before {
  position: absolute;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0px;
  left: -12px;
  width: 12px;
  height: 19px;
}

.bMIBDo {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
}

.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

.cqCDVm {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
  margin-right: -8px;
  margin-bottom: -4px;
}
.wa__btn_popup {
    position: fixed;
    right: 30px;
    bottom: 100px;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    z-index: 999;
}
.wa__btn_popup:hover .wa__btn_popup_txt {
    opacity:1;
}
.wa__btn_popup .wa__btn_popup_txt {
    position: absolute;
    width: 170px;
    right: 100%;
    background-color: #f5f7f9;
    font-size: 12px;
    color: #43474e;
    top: 15px;
    padding: 7px 0 7px 12px;
    margin-right: 7px;
    letter-spacing: -0.03em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    opacity:0;
}
.wa__btn_popup .wa__btn_popup_icon {
    width: 56px;
    height: 56px;
    background: #2db742;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
}
.wa__btn_popup .wa__btn_popup_icon:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent url("https://phainoitsolutions.com/assets/Images/whatsapp_logo.svg") center center no-repeat;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
}
/*whatsapp style css end*/

/*Industrial modal*/

.tr-regi-form{

            margin: 0;

            width: 100%;

            padding: 15px;

            background: #fff;

        }

        .tr-regi-form h4{

        margin: 0;

        font-size: 38px;

        margin-bottom: 8px;

        text-align: center;

         }

        .modal .close{

            position: absolute;

            top: -5px;

            right: -5px;

            z-index: 10;

            font-size: 2rem;

            font-weight: 600;

            background-color: #fff;

            border-radius: 50px;

            padding: 10px;

            color: #cb9b51;

            opacity: 1;

            width: 40px;

            height: 40px;
            
           display: flex;

	   justify-content: center;

	   align-items: center;

        }

        .me-2 {

            margin-right: 0.5rem!important;

        }

        .flex-shrink-0 {

            flex-shrink: 0!important;

        }


/**Industrial modal**/

/** GLOBAL CLASSES **/

html,
body {

    height: 100%;

}



body {

    font-family: 'Mulish', sans-serif;

}



a {

    cursor: pointer;

    color: #3a3939;

    text-decoration: none;

}



a:hover {

    color: #cdcdcd;

    text-decoration: none;

}



p {

    font-size: 16px;

    line-height: 26px;

    color: #111;

}



strong {

    color: #343434;

}



span {

    color: #343434;

}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 span {



    background: linear-gradient(to right, #cb9b51 22%, #f6e27a 60%, #f6f2c0 50%, #f6e27a 60%, #cb9b51 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Jost', sans-serif;

    /* font-weight: 600; */

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

    /* color: #343434; */

    color: #111;

}



.btn.focus,
.btn:focus {

    outline: 0;

    box-shadow: none;

}



/** SOCIAL MEDIA COLOR **/

.facebook:hover {

    color: #3b589e !important;

}



.twitter:hover {

    color: #56d7fe !important;

}



.google:hover {

    color: #dc4e41 !important;

}



.rss:hover {

    color: #e78733 !important;

}



.linkedin:hover {

    color: #1c82ca !important;

}



/** SOCIAL MEDIA BG **/

.facebook-bg {

    background: #4867aa;

    color: #fff;

}



.twitter-bg {

    background: #33CCFF;

    color: #fff;

}

.instagram-bg {

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);

    color: #fff;

}



.google-bg {

    background: #db4437;

    color: #fff;

}



.linkedin-bg {

    background: #0177b5;

    color: #fff;

}



.pinterest-bg {

    background: #bd081c;

    color: #fff;

}



.facebook-bg:hover {

    background: #3b589e;

    color: #fff;

}



.twitter-bg:hover {

    background: #56d7fe;

    color: #fff;

}


.instagram-bg:hover {

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);

    color: #fff;

}



.linkedin-bg:hover {

    background: #1c82ca;

    color: #fff;

}



.google-bg:hover {

    background: #dc4e41;

    color: #fff;

}



.rss-bg:hover {

    background: #e78733;

}



.pinterest-bg:hover {

    background: #a30618;

    color: #fff;

}



/** OVERVIEW BGI **/

.overview-bgi {

    position: relative;

}



.overview-bgi:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.6);

}



.delay-02s {

    animation-delay: 0.2s;

    -webkit-animation-delay: 0.2s
}



.delay-03s {

    animation-delay: 0.3s;

    -webkit-animation-delay: 0.3s
}



.delay-04s {

    animation-delay: 0.4s;

    -webkit-animation-delay: 0.4s
}



.delay-05s {

    animation-delay: 0.5s;

    -webkit-animation-delay: 0.5s
}



.delay-06s {

    animation-delay: 0.6s;

    -webkit-animation-delay: 0.6s
}



.delay-07s {

    animation-delay: 0.7s;

    -webkit-animation-delay: 0.7s
}



.delay-08s {

    animation-delay: 0.8s;

    -webkit-animation-delay: 0.8s
}



.delay-09s {

    animation-delay: 0.9s;

    -webkit-animation-delay: 0.9s
}



.delay-1s {

    animation-delay: 1s;

    -webkit-animation-delay: 1s
}



.delay-12s {

    animation-delay: 1.2s;

    -webkit-animation-delay: 1.2s
}



.delay-15s {

    animation-delay: 1.5s;

    -webkit-animation-delay: 1.5s
}



.delay-17s {

    animation-delay: 1.7s;

    -webkit-animation-delay: 1.7s
}



.delay-20s {

    animation-delay: 2.0s;

    -webkit-animation-delay: 2.0s
}



/** BTN **/

.btn-sm {

    cursor: pointer;

    padding: 7px 12px;

    letter-spacing: 1px;

    font-size: 11px;

    font-weight: 500;

    text-transform: uppercase;

    transition: .5s;

    border-radius: 2px;

    border: none;

    color: #fff;

}



.btn-sm:hover {

    color: #fff;

    text-decoration: none;

}



.btn-md {

    cursor: pointer;

    padding: 13px 26px;

    letter-spacing: 1px;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    color: #fff;

    transition: .5s;

    border-radius: 2px;

    border: none;

}



.btn-white {

    padding: 14px 40px 12px;

    letter-spacing: 1px;

    font-size: 16px;

    font-weight: 400;

    border: none;

    margin: 0 !important;

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.btn-md:hover {

    color: #fff;

}



button:focus {

    outline: 0 auto -webkit-focus-ring-color;

}



.btn-block {

    background: #2f2f2f;

}



.btn-block i {

    color: #fff;

}



.btn-block-outline {

    color: #FFF;

    background: transparent;

    border: solid 2px #FFF !important;

    text-transform: uppercase;

    font-weight: 500;

    padding: 5px 18px !important;

    font-size: 12px;

}



.btn-block-outline:hover {

    background: #2f2f2f;

    border: solid 2px #2f2f2f !important;

    color: #FFF;

}



.pricing-btn {

    padding: 6px 30px 5px;

    border-radius: 50px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

}



.bomd {

    padding: 13px 26px;

    letter-spacing: 1px;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    transition: .5s;

    border-radius: 2px;

}



.btn {

    border-radius: 2px;

}



.btn-sm {

    padding: 7px 30px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 1.5px;

}



.btn-md {

    cursor: pointer;

    padding: 15px 30px 14px;

    letter-spacing: 1px;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    border-radius: 3px;

}



.btn-lg {

    cursor: pointer;

    padding: 15px 35px 11px 35px;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: 500;

}



.btn:focus,
.btn:active,
.btn:focus {

    box-shadow: none !important;

    outline: none;

}



.signup-link {

    margin-top: 26px;

    margin-left: 10px;

    padding: 7px 20px;

    text-align: center;

}



.btn-theme {

    color: #fff;

    font-weight: 500;

}



.btn-theme:hover {

    color: #FFF;

}



.btn-white-sm-outline {

    color: #FFF;

    background: transparent;

    border: solid 2px #FFF !important;

    text-transform: uppercase;

    font-weight: 500;

    padding: 5px 18px;

    font-size: 12px;

}



.btn-white-sm-outline:hover {

    color: #FFF;

}



.btn-white-lg-outline {

    color: #FFF;

    background: transparent;

    border: solid 2px #FFF;

    font-weight: 500;

    padding: 12px 33px;

    font-size: 15px;

}



.btn-white-lg-outline:hover {

    color: #FFF;

}



.btn-theme-sm-outline {

    color: #FFF;

    border: solid 2px #FFF;

    background: transparent;

    text-transform: uppercase;

    font-weight: 500;

    padding: 5px 18px;

    font-size: 12px;

}



.btn-theme-sm-outline:hover {

    color: #FFF;

    padding: 5px 18px;

}



/** BTN 1 **/

.btn-1 {

    padding: 0 30px;

    line-height: 46px;

    position: relative;

    display: inline-block;

    background: none;

    border-radius: 0;

    font-weight: 600;

    font-size: 16px;

    letter-spacing: 0.5px;

    /* font-family: 'Mulish', sans-serif; */

}



.btn-1 span {

    position: relative;

    z-index: 1;

}



.btn-1:hover span {

    color: #fff !important;

}



.btn-1:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    background: transparent;

    -moz-transition: ease all 0.9s;

    -o-transition: ease all 0.9s;

    -webkit-transition: ease all 0.9s;

    transition: ease all 0.9s;

    width: 0;

    height: 100%;

}



.btn-1 span:hover {

    color: #fff !important;

}



.btn-1:hover {

    color: #ffffff !important;

}



.btn-1:hover:before {

    width: 100%;

    color: #fff !important;

}



/** BTN 2 **/

.btn-2 {

    color: #fff;

    font-size: 16px;

    display: inline-block;

    position: relative;

    z-index: 5;

    transition: .9s ease;

    font-weight: 600;

    padding: 0 30px;

    line-height: 46px;

    border-radius: 0;

    letter-spacing: 0.5px;

    /* font-family: 'Mulish', sans-serif; */

}



.btn-2:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    font-weight: 600;

    opacity: 0;

    visibility: hidden;

    transition: all .9s ease;

    z-index: -1;

}



.btn-2:hover {

    background: transparent !important;

}



.btn-2:hover:before {

    width: 0;

    opacity: 1;

    visibility: visible;

}



.btn-2:hover:after {

    width: 0;

    opacity: 1;

    visibility: visible;

}



/** BTN 3 **/

.btn-3 {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    outline: none !important;

    color: #ffffff;

    text-transform: capitalize;

    transition: all 0.3s linear;

    z-index: 1;

    overflow: hidden;

    padding: 0 30px;

    font-weight: 600;

    font-size: 17px;

    line-height: 46px;

    border-radius: 0;

    letter-spacing: 0.5px;

    font-family: 'Mulish', sans-serif;

}



.btn-3:hover:after {

    transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);

    transition: transform 0.9s linear, transform 0.4s linear;

}



.btn-3:after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: "";

    transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);

    transform-origin: bottom center;

    transition: transform 0.9s linear, transform 0.4s linear;

    z-index: -1;

}



.btn-3:hover {

    color: #111 !important;

}



/** BTN 4 **/

.btn-4 {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    border: none;

    outline: none !important;

    color: #ffffff;

    text-transform: capitalize;

    transition: all 0.6s linear;

    z-index: 1;

    overflow: hidden;

    font-weight: 600;

    padding: 0 30px;

    line-height: 50px;

    border-radius: 0;

    letter-spacing: 0.5px;

    font-family: 'Mulish', sans-serif;

}



.btn-4:hover {

    color: #ffffff;

}



.btn-4:hover:after {

    transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);

    transition: transform 0.6s linear, transform 0.6s linear;

}



.btn-4:after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #212529;

    content: "";

    border-radius: 0;

    transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);

    transform-origin: bottom center;

    transition: transform 0.6s linear, transform 0.6s linear;

    z-index: -1;

}



/** Btn 6 **/

.btn-6 {

    position: relative;

    padding: 14px 25px 16px;

    transition: all .2s ease;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0.5px;

    font-family: 'Mulish', sans-serif;

}



.btn-6:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    border-radius: 25px;

    width: 50px;

    height: 50px;

    transition: all .3s ease;

}



.btn-6 span {

    position: relative;

    vertical-align: middle;

    font-weight: 500;

    font-size: 16px;

    line-height: 50px;

    color: #fff;

}



.btn-6:hover:before {

    width: 100%;

    border-radius: 3px;

}



.btn-6:hover span {

    color: #fff;

}



.banner .btn-round {

    border-radius: 50px;

    padding: 0 50px;

}



.banner .btn-round2 {

    border-radius: 50px;

    padding: 0 40px;

}



.banner .btn-round2:hover:before {

    border-radius: 50px;

}







/*Custom Anmation*/

.bgburns .slides li:nth-of-type(odd) .slide-background {

    animation: bgburnsEast 25s linear infinite alternate;

    -webkit-animation: bgburnsEast 25s linear infinite alternate
}



.bgburns .slides li:nth-of-type(even) .slide-background {

    animation: bgburnsWest 25s linear infinite alternate;

    -webkit-animation: bgburnsWest 25s linear infinite alternate
}



@keyframes bgburnsEast {

    from {

        transform: scale(1) translateX(0);

        -webkit-transform: scale(1) translateX(0)
    }

    to {

        transform: scale(1.2) translateX(100px);

        -webkit-transform: scale(1.2) translateX(100px)
    }

}



@-webkit-keyframes bgburnsEast {

    from {

        transform: scale(1) translateX(0);

        -webkit-transform: scale(1) translateX(0)
    }

    to {

        transform: scale(1.2) translateX(100px);

        -webkit-transform: scale(1.2) translateX(100px)
    }

}



@keyframes bgburnsWest {

    from {

        transform: scale(1) translateX(0);

        -webkit-transform: scale(1) translateX(0)
    }

    to {

        transform: scale(1.2) translateX(-100px);

        -webkit-transform: scale(1.2) translateX(-100px)
    }

}



@-webkit-keyframes bgburnsWest {

    from {

        transform: scale(1) translateX(0);

        -webkit-transform: scale(1) translateX(0)
    }

    to {

        transform: scale(1.2) translateX(-100px);

        -webkit-transform: scale(1.2) translateX(-100px)
    }

}



@media all and (max-width: 767px) {

    .flex-direction-nav {

        display: none
    }



    .bgburns .slides li .slide-background {

        -webkit-animation: none !important;

        animation: none !important
    }

}



#page_scroller {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

    animation-delay: 0.3s;

    -webkit-animation-delay: 0.3s;

    cursor: pointer;

    color: #FFF;

    padding: 10px 11px;

    font-size: 12px;

    position: fixed;

    bottom: 25px;

    right: 25px;

    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);

    border-radius: 3px;

}



.margin-t-10 {

    margin-top: 10px;

    font-weight: 500;

}



.checkbox {

    padding-left: 3px;

    margin-bottom: 10px;

}



.checkbox label {

    display: inline-block;

    position: relative;

    padding-left: 10px;

    color: #343434;

    font-size: 16px;

}



.checkbox label::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 20px;

    height: 20px;

    left: 0;

    top: 2px;

    margin-left: -20px;

    border: 2px solid #797979;

    border-radius: 0;

    background-color: #fff;

    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

}





.sidebar .checkbox {

    margin-bottom: 5px;

}



.sidebar .checkbox:last-child {

    margin-bottom: 20px;

}



.checkbox-theme input[type="checkbox"]:checked+label::before {

    background-color: #fff;

}



input[type=checkbox]:checked+label:before {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f00c";

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);

    text-align: center;

    line-height: 16px;

    font-weight: 300;

}



/* MTB **/

.mtb-50 {

    margin: 50px 0;

}



.mtb-30 {

    margin: 30px 0;

}



/* MT **/

.mt-20 {

    margin-top: 20px;

}



/* Mb **/

.mb-40 {

    margin-bottom: 40px;

}



.mb-35 {

    margin-bottom: 35px;

}



.mb-50 {

    margin-bottom: 50px !important;

}



.mb-30 {

    margin-bottom: 30px !important;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-10 {

    margin-bottom: 10px;

}



/* COl PAD **/

.col-pad {

    padding: 0;

}



/* Solid Buttons Structure**/



/** Solid Buttons Colors **/

.button-default {

    color: #555;

    background: #DDD;

}



.button-default:hover {

    color: #333;

    background: #DDD;

}



.button-theme {

    color: #FFF !important;

    outline: none;

}



.button-theme:hover {

    color: #fff;

}



.read-more {

    font-weight: 600;

    font-size: 16px;

}



.read-more:hover {

    color: #262525;

}



.read-more-2 {

    margin-top: 20px;

}



.button-section .btn {

    margin-bottom: 5px;

}



.form-control:focus {

    border-color: #e0e0e0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.btn.active,
.btn:active {

    box-shadow: none;

}



/** Border Buttons Colors **/

.border-btn-sm {

    cursor: pointer;

    padding: 5px 12px;

    letter-spacing: 1px;

    font-size: 11px;

    font-weight: 500;

    text-transform: uppercase;

    color: #555;

    background: #DDD;

    transition: .5s;

    border-radius: 2px;

    border: none;

}



.border-button-default {

    color: #555;

    background: #DDD;

}



.border-button-default:hover {

    color: #333;

    background: #DDD;

}



.border-button-theme {

    background: transparent;

}



.border-button-theme:hover {

    color: #fff;

}



.panel-title {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

}



.button-section .btn {

    margin-bottom: 5px;

}



.logo-n {

    display: none;

}



.tables-box .table>:not(caption)>*>* {

    padding: 20px;

}



.tables-box .bg-active {

    background: #f0151f;

    color: #fff;

}



.active-items-box .list-group-item {

    padding: 12px 20px;

}



.active-items-box .list-group-item-action:focus,
.list-group-item-action:hover {

    background-color: #fff;

    color: #212529;

}



/** Notice start **/

.notice {

    padding: 15px 15px;

    background-color: #ffffff;

    margin-bottom: 10px;

    border-radius: 2px;

    border: 1px solid #eaeff5;

    border-left: 4px solid #838992;

    box-shadow: 0px 0px 10px 1px rgba(71, 85, 95, 0.08);

    -webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95, 0.08);

    -moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95, 0.08);

}



.notice-success {

    border-left-color: #74ba28
}



.notice-success strong {

    color: #74ba28 !important;

}



.notice-danger {

    border-left-color: #eb344f;

}



.notice-danger strong {

    color: #eb344f;

}



.notice-info strong {

    color: #1db4bd;

}



.notice-info {

    border-left-color: #1db4bd;

}



.notice-warning {

    border-left-color: #fea911;

}



.notice-warning strong {

    color: #fea911;

}



.notice strong {

    font-weight: 600;

}



.progress {

    margin-bottom: 20px;

}



/* Below tabs mode */

.tab-style-2-line.tabs-below>.nav-tabs>li {

    border-top: 4px solid transparent;

}



.tab-style-2-line.tabs-below>.nav-tabs>li>a {

    margin-top: 0;

}



.tab-style-2-line.tabs-below>.nav-tabs>li:hover {

    border-bottom: 0;

    border-top: 4px solid #b2b1b1;

}



.tab-style-2-line.tabs-below>.nav-tabs>li.active {

    margin-bottom: -2px;

    border-bottom: 0;

    border-top: 4px solid #b2b1b1;

}



.tab-style-2-line.tabs-below>.tab-content {

    margin-top: -10px;

    border-top: 0;

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

}



/** MAIN HEADER AREA START **/

.main-header .dropdown-menu {

    min-width: 15rem;

    padding: 0;

    margin: -2px;

    font-size: 13px;

    color: #212529;

    border: 1px solid transparent;

    -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;

    transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;

    transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s;

    transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;

    border-radius: 0px;

}



.dropdown .dropdown-item:hover>.dropdown-menu {

    /*display: block;*/

    -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;

    transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;

    transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s;

    transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;

}



.main-header .dropdown-menu a {

    padding: 12px 20px;

    color: #343434;

    transition: all .3s ease-in-out;

    text-transform: none;

    font-weight: 500;

    font-size: 15px;

}



.main-header .dropdown-menu a:hover {

    background: transparent;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.inline-search-small {

    width: 350px;

    margin-left: 15px;

}



.inline-search-small .inline-search-area .dropdown-toggle::after {

    margin-left: -6px;

    top: 20px;

}



.inline-search-small .inline-search-area .search-col .form-control {

    padding-top: 10px;

}



/** MEGAMENU **/

.megamenu-li {

    position: static;

}



.megamenu {

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

    padding: 15px;

}



.megamenu-area {

    padding: 30px 30px 5px;

    z-index: 2;

}



.megamenu-title {

    color: #343434;

    font-size: 16px;

    font-weight: 500;

    border-bottom: 1px solid #eee;

    padding-bottom: 10px;

    margin-bottom: 15px;

}



.megamenu-section {

    margin-bottom: 25px;

}



.megamenu-area .dropdown-item {

    padding: 0px !important;

    margin-bottom: 12px;

    font-size: 12px;

    font-weight: 500;

}



.megamenu-section p {

    font-size: 13px;

    color: #777;

}



/** BANNER **/

#banner {

    position: relative;

}



#banner3 {

    position: relative;

}



#banner3 .carousel-content {

    align-self: center !important;

}



.banner {

    font-family: 'Poppins', sans-serif;

}



.carousel-control-next,
.carousel-control-prev {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 0;

}



.banner-bg {

    background: url("../img/banner-1.jpg");

}



.item-bg {

    /*background: url("../img/banner-1.jpg");*/

    /*height: 100vh;*/

    /*animation: bgburnsEast 25s linear infinite alternate;

    -webkit-animation: bgburnsEast 25s linear infinite alternate;*/

}



.banner img {

     /*animation: bgburnsEast 25s linear infinite alternate; */

     /*-webkit-animation: bgburnsEast 25s linear infinite alternate; */

    /*height: 100vh;*/

}



.banner-min-height {

    height: 100vh;

}



.banner-max-height img {

    height: 100vh;

}



.banner .infos {

    margin-top: 70px;

}



.banner .carousel-control-next,
.carousel-control-prev {

    opacity: 1;

}



.carousel-item .text-right {

    float: right;

}



.banner .text-r {

    text-align: right;

}



.banner .text-l {

    text-align: left;

}



.banner .banner-slider-inner h1 {

    color: #fff;

    margin-bottom: 40px;

    font-size: 58px;

    letter-spacing: normal;

}



.banner .banner-slider-inner h2 {

    color: #fff;

    margin-bottom: 15px;

    font-size: 55px;

    font-weight: 600;

    letter-spacing: normal;

}



.banner .banner-slider-inner h3 {

    color: #fff;

    margin-bottom: 25px;

    font-size: 55px;

    font-weight: 600;

    letter-spacing: normal;

}



.banner .banner-slider-inner .max-w {

    max-width: 490px;

}



.banner .banner-slider-inner p {

    color: #fff;

    line-height: 1.8;

    font-size: 18px;

    font-weight: 400;

    margin-bottom: 30px;

    font-family: 'Mulish', sans-serif;

}



.banner_video_bg .banner-slider-inner p {

    margin-bottom: 25px;

}



.banner .banner-slider-inner h1 span {

    font-weight: 900;

}



.banner .banner-slider-inner .typed-text {

    font-size: 62px;

}



.banner .banner-slider-inner {

    display: inline-block;

    text-shadow: none;

    right: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    bottom: 0;

    background-color: rgba(36, 42, 53, 0.40);

}



.banner .banner-slider-inner .btn {

    margin: 0 3px 3px;

}



.banner .carousel-bg .carousel-item {

    height: 100vh;

    background: #3e4a5b;

}



.banner_video_bg {

    height: 100vh;

}



.banner-btn {

    display: none;

}



.pattern-overlay {

    /*background-color: rgba(0, 0, 0, 0.35);

    height: 100vh;*/

}



.banner_video_bg .carousel-item {

    height: 100vh;

}



#particles-banner {

    width: 100%;

    height: 100vh;

    background-color: rgba(36, 42, 53, 0.7);

    position: absolute;

}



#particles-banner-wrapper .banner-slider-inner {

    background-color: transparent;

}



.banner-sty-2 .banner-slider-inner h1 {

    font-size: 50px;

}



.banner .carousel-control-next,
.carousel-control-prev {

    width: 65px;

    height: 65px;

    line-height: 65px;

    z-index: 100;

    background: #15151530;

    top: 45%;

    margin: 10px;

    color: #fff;

    opacity: 1;

    border-radius: 100px;

}



.banner .carousel-control-next-icon,
.carousel-control-prev-icon {

    display: inline-block;

    width: 1.4rem;

    height: 1.4rem;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: 100% 100%;

}



.banner .typing>* {

    overflow: hidden;

    white-space: nowrap;

    animation: typingAnim 3s steps(50);

}



@keyframes typingAnim {

    from {
        width: 0
    }

    to {
        width: 100%
    }

}



/** Details banner start **/

.details-banner {

    padding: 0;

    position: relative;

}



.details-banner .slick-slide img {

    display: initial;

}



.details-banner .slide-box {

    padding: 0;

    cursor: pointer;

}



.details-banner img {

    width: 100%;

    height: 450px;

}



.details-banner .banner-img:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.18);

    content: "";

    z-index: 1;

    opacity: 0.1;

    background: linear-gradient(0, #0003917a, rgb(255 255 255 / 0%));

}



.details-banner .slick-arrow {

    display: none !important;

}



/** PROPERTY INFO **/

.property-info {

    position: relative;

    width: 100%;

    height: auto;

    top: -65px;

}



.property-info .property-info-inner {

    padding: 30px 15px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: #fff;

}



.property-info .col-pad {

    padding: 0;

}

.property-info .property-info-inner img {

    width: 100%;

}



.property-info .property-info-inner ul {

    width: 100%;

    display: inline-block;

}



.property-info .property-info-inner ul li {

    float: left;

    font-size: 16px;

    margin: 0 20px 3px 0;

}



.property-info .property-info-inner ul li i {

    margin-right: 0;

}



.property-info .property-info-inner p {

    font-size: 16px;

    margin-bottom: 0;

}



.property-info .property-info-inner .for-sale {

    padding: 4px 20px;

    border-radius: 3px;

    color: #fff;

    font-size: 15px;

    display: inline-block;

    margin-bottom: 10px;

}



.property-info .property-info-inner .content {

    padding: 30px 30px 0;

}



.property-info .photo {

    padding-left: 30px;

}



.property-info .property-info-inner h2 {

    font-size: 30px;

    margin-bottom: 15px;

    font-weight: 500;

}



.property-info .property-info-inner h2 span small {

    color: #262525;

}



/** PR 2 **/

.pr-2 {

    top: 0;

    margin-bottom: 50px;

}



.pr-2 .property-info-inner h2 {

    font-size: 22px;

    margin-bottom: 15px;

}



.pr-2 .property-info-inner .content {

    padding: 0 30px 0;

}



.pr-2 .property-info-inner .for-sale {

    padding: 4px 15px;

    font-size: 13px;

    margin-bottom: 10px;

}



.pr-2 .property-info-inner ul li i {

    margin-right: 2px;

}



.pr-2 .property-info-inner ul li {

    font-size: 15px;

    margin: 0 15px 3px 0;

}



.pr-2 .property-info-inner p {

    font-size: 15px;

}



/** SEARCH AREA **/

#search-style-1 {

    transition: all 0.4s;

}



#search-style-2 {

    position: absolute;

}



.search-area .range-slider {

    margin-top: 10px;

    margin-bottom: 20px;

}



.search-area-2 {

    z-index: 999;

    padding: 30px 30px 0 30px;

}



.search-area-2 .range-slider {

    margin-top: 7px;

    margin-bottom: 25px;

}



.search-area-2 .form-control {

    width: 100%;

    padding: 10px 17px;

    font-size: 13px;

    border: 1px solid #e8e7e7;

    color: #999;

    height: 40px;

    border-radius: 0;

}



#search-area-3 {

    transition: all 0.4s;

    position: absolute;

    bottom: -59.5px;

    width: 100%;

}



.search-area-3 .range-slider {

    margin-top: 7px;

    margin-bottom: 25px;

}



.search-area-3 .ssa {

    padding: 30px 30px 10px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: #fff;

}



.search-area-3 .ssa .col-pad2 {

    padding: 0 7.5px;

}



.search-area-3 .ssa .bootstrap-select button {

    line-height: 55px;

}



.search-area-3 .ssa .search-button {

    cursor: pointer;

    color: #FFF;

    transition: .5s;

    border: none;

    width: 100%;

    padding: 17.5px 30px 16.5px;

    letter-spacing: 0.5px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    border-radius: 3px;

    font-family: 'Mulish', sans-serif;

}



.search-area-3 .ssa .form-control {

    min-height: 57px;

    border: 1px solid #fff;

    background: #ffffff !important;

    border-radius: 0 !important;

    font-size: 15px;

}



.search-button-black {

    background: #000000;

    cursor: pointer;

    color: #FFF;

    transition: .5s;

    border: none;

    width: 100%;

    padding: 18.5px 30px 17.5px;

    letter-spacing: 0.5px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    border-radius: 0;

    font-family: 'Mulish', sans-serif;

}



.search-button-black:hover {

    background: #000000d1;

}



.search-area-3 .search-fields {

    border: 1px solid #fff;

    background: #fff !important;

}

.form-group label span
{
    color: red;
}



.search-area-3 .form-group {

    margin-bottom: 20px;

}



.new-search h5 {

    margin: 0 0 20px;

}



.new-search {

    padding: 30px 0 20px;

    text-align: left;

    margin-bottom: 40px;

}



.bg-grea {

    background: #f9f9f8;

}



.bg-grea-2 {

    background: #f8f9fa;

}



.bg-grea-3 {

    background: #f9f9f8;

}



.search-area-inner {

    margin: 0 auto;

}



.search-contents {

    border-radius: 4px;

    transition: 0.9s ease-out;

}



.show-search-area {

    z-index: 20;

    . search-contents transition: all 0.4 s;

    display: block;

}



.bootstrap-select.btn-group .dropdown-toggle .filter-option {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    text-align: left;

    font-size: 13px;

    color: #777;

    font-weight: 400;

}



.search-options-btn-area {

    text-align: center;

    border-bottom: 0px;

    position: absolute;

    bottom: -35px;

    width: 100%;

    z-index: 9;

}



.search-options-btn,
.search-options-btn:hover {

    font-weight: 400;

    z-index: 9;

    bottom: 0;

    font-size: 15px;

    font-family: 'Jost', sans-serif;

    color: #fff;

}



.search-options-btn h5 {

    color: #fff;

    margin-bottom: 20px;

    font-weight: 400;

    font-family: 'Mulish', sans-serif;

}



.search-options-btn i {

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    z-index: 9;

    border-radius: 100px;

    font-size: 20px;

    font-weight: 300;

}



.search-options-btn-area2 {

    transition: all 0.4s;

    position: relative;

    bottom: 70px;

    width: 100%;

    z-index: 999;

    text-align: center;

}



.search-options-btn-area2 h3 {

    color: #fff;

    font-weight: 400;

    font-size: 20px;

    margin-bottom: 16px;

}



.search-options-btn-area3 {

    padding: 20px 0;

}



.search-options-btn-area3 .new-search {

    margin-bottom: 0;

}



.search-options-icon .accordion-button {

    width: 60px;

    height: 60px;

    margin: 0 auto 15px;

    border-radius: 100% !important;

}



.search-options-icon .accordion-item {

    background-color: transparent;

    border: none;

}



.search-options-icon .accordion-button:focus {

    box-shadow: none;

}



.search-options-icon .accordion-button:not(.collapsed)::after {

    background-image: url(../img/down-2.png);

    transform: rotate(-180deg);

}



.search-options-icon .accordion-button::after {

    flex-shrink: 0;

    width: 1.25rem;

    height: 1rem;

    margin-left: auto;

    margin-right: auto;

    content: "";

    background-image: url(../img/up.png);

}



.search-options-icon .accordion-body {

    background: transparent;

    padding: 0;

}



.search-area label {

    font-size: 16px;

    color: #555;

    font-weight: 500;

}



.search-area .form-group {

    margin-bottom: 20px;

}



.search-fields {

    min-height: 45px;

    border-radius: 1px;

    box-shadow: none;

    border: 1px solid #e0e0e0;

    background: transparent !important;

    font-size: 13px;

}



.form-control {

    padding-left: 15px !important;

}



.search-fields button {

    border-radius: 1px;

    box-shadow: none;

    border: none !important;

    background: #fff !important;

}



.search-button {

    cursor: pointer;

    color: #FFF;

    transition: .5s;

    border: none;

    width: 100%;

    padding: 15px 30px 14px;

    letter-spacing: 0.5px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    border-radius: 3px;

    font-family: 'Mulish', sans-serif;

}



.search-button:hover {

    color: #fff;

}



.btn-round-3 {

    border-radius: 3px;

}



.new-search .form-control {

    min-height: 52px;

    border-radius: 1px;

    border: 1px solid #e0e0e0;

    background: #ffffff !important;

    font-size: 15px;

}



.inline-search-area {

    padding: 10px 25px;

    background-color: rgba(255, 255, 255, 0.2);

    border-radius: 5px;

}



.inline-search-area .search-col {

    padding: 0;

    position: relative;

    border-right: solid 1px #d2d2d2;

}



.inline-search-area .sc2 {

    border-right: none;

}



.inline-search-area .icon-append {

    color: #949494;

    font-size: 15px;

    left: 10px;

    position: absolute;

    top: 18px;

}



.inline-search-area .search-col:first-child .form-control {

    border-radius: 3px 0 0 3px !important;

}



.inline-search-area .search-col .form-control,

.inline-search-area button.btn-search {

    border-radius: 0;

    border: 0;

    height: 60px;

    margin-bottom: 0;

    font-size: 15px;

    color: #777;

}



.inline-search-area .search-col .form-control {

    padding-top: 12px;

}



.inline-search-area button.btn-search {

    padding-top: 10px;

}



.inline-search-area .btn-search {

    margin: 0px !important;

}



.inline-search-area .btn-search {

    border-radius: 0 3px 3px 0 !important;

}



.inline-search-area .has-icon {

    padding-left: 40px !important;

}



.inline-search-area .btn-search strong {

    color: #fff;

    margin-left: 5px;

}



.inline-search-area .search-fields,

.inline-search-area .search-fields:hover {

    border: none;

    padding: 0 !important;

}



.inline-search-area .bootstrap-select button {

    padding: 12px 15px 12px 15px !important;

    border-radius: 0;

    line-height: 60px;

    height: 60px;

    margin: 0 !important;

}



.inline-search-area .bootstrap-select .dropdown-toggle .filter-option {

    padding: 0 10px;

}



.inline-search-area .dropdown-toggle::after {

    right: 10px;

    top: 30px;

    position: absolute;

}



.inline-search-area .search-button {

    cursor: pointer;

    color: #FFF;

    transition: .5s;

    border: none;

    width: 100%;

    padding: 15px 30px 14px;

    letter-spacing: 0.5px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    border-radius: 0 3px 3px 0;

    height: 60px;

    font-family: 'Mulish', sans-serif;

}



.inline-search-area .form-group {

    margin-bottom: 0;

}



.inline-search-area .bootstrap-select .dropdown-menu {

    border: transparent;

}



.inline-search-area .bootstrap-select .dropdown-menu {

    margin: -1px 0 !important;

    border: transparent;

}



.btn-light {

    color: #757575 !important;

}



.main-header .inline-search-area .dropdown-menu .dropdown-item:hover {

    -webkit-transform: none;

    transform: none;

}



.banner .tab-btn .nav-item .nav-link {

    position: relative;

    display: block;

    padding: 6px 24px 5px;

    background: #fff;

    border-radius: 3px;

    margin: 0 2px;

    font-weight: 400;

    border: none;

    color: #37404d;

}



.banner .tab-btn .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {

    color: #555;

    cursor: default;

    border: none;

    padding: 7px 25px 6px !important;

    background: #fff;

    border-radius: 5px;

    font-weight: 400;

}



.banner .tab-btn .nav-item .nav-link.active {

    color: #fff;

}



.banner .tab-btn .nav-tabs {

    border-bottom: 1px solid transparent;

    text-align: center !important;

    margin-bottom: 15px;

}



.inline-search-area .btn-light:hover {

    color: #777;

}



.inline-search-area .bootstrap-select .dropdown-toggle .filter-option {

    position: absolute;

    top: 0;

}



/*.inline-search-area .search-fields:hover {

    padding: 3px 0 1px 0 !important;;

}*/



/** PORTFOLIO AREA START **/

.filteriz-navigation {

    padding: 0;

    margin: 0 0 25px 0;

    text-align: center;

}



.filteriz-navigation li {

    font-size: 15px;

    color: #343434;

    text-align: center;

    font-weight: 500;

    padding: 6px 25px 6px 25px;

    border: 0;

    margin-bottom: 5px;

    cursor: pointer;

    border-radius: 3px !important;

    background: white !important;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;

}



.filteriz-navigation .btn:focus,
.btn:active,
.btn:focus {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;

}



.portfolio-item,
.portfolio-item:focus {

    outline: none;

    margin-bottom: 30px;

    position: relative;

    cursor: pointer;

}



.portfolio-item img,
.portfolio-item img:focus {

    outline: none;

    width: 100%;

    height: 100%;

}



.portfolio-item:hover img {

    zoom: 1;

    filter: alpha(opacity=20);

    -webkit-opacity: 0.1;

    opacity: 0.3;

}



.portfolio-item:hover .portfolio-content {

    display: inline;

    -webkit-transition-delay: 0.50s;

    transition-delay: 0.50s;

    background-color: rgba(0, 0, 0, 0.90);

    color: #fff !important;

    z-index: -999;

}



.portfolio-content {

    display: none;

    top: 0;

    width: 100%;

    text-align: center;

    padding: 20px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 0.8s ease;

    transition: all 0.8s ease;

    text-transform: uppercase;

    color: #1c1c1c;

    height: 100%;

    position: absolute;

    right: 0;

}



.portfolio-content-inner {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



.portfolio-content p {

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 1px;

    color: #fff;

}



.overview-box p {

    color: #333;

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



.overview {

    z-index: 9;

    cursor: default;

    overflow: hidden;

    text-align: center;

    position: relative;

    margin-bottom: 16px;

    box-shadow: 0 0 3px #ddd;

}



.overview .mask,
.overview .content {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 25%;

    left: 0;

}



.overview img {

    display: block;

    position: relative;

    width: 100%;

    height: 232px;

}



.overview .big-img {

    height: 480px;

}



.overview-box img {

    left: 10px;

    margin-left: -10px;

    position: relative;

    -webkit-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

    border: none;

}



.overview-box:hover>img {

    -webkit-transform: scale(2) rotate(10deg);

    transform: scale(2) rotate(10deg);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";

    filter: alpha(opacity=30);

    opacity: 0.3;

}



.overview h2 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 18px;

    padding: 10px;

    background: rgba(0, 0, 0, 0.8);

    margin: 20px 0 0 0;

    text-shadow: none;

}



.overview-box h2 {

    color: #333;

    margin: 0 20px 0;

    background: transparent;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.5s linear;

    transition: all 0.5s linear;

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

}



.overview a.btn {

    display: inline-block;

    overflow: hidden;

    text-transform: uppercase;

}



.overview-box a.btn {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: all 0.5s linear;

    padding: 4px 20px;

}



.overview-box:hover h2,

.overview-box:hover p,

.overview-box:hover a.btn {

    -webkit-transform: scale(1);

    transform: scale(1);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

}



.most-popular-places .col-pad {

    padding: 0 8px;

}



/** BOOTSTRAP SELECT START **/

.bootstrap-select {

    width: 100% !important;

    font-family: 'Roboto', sans-serif !important;

}



.bootstrap-select button {

    color: #757575;

    border-radius: 3px;

    outline: none;

    line-height: 50px;

    padding: 0 15px 0 15px;

}



.bootstrap-select button:hover {

    color: #757575;

}



.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {

    color: #757575;

    background-color: #dae0e5;

    border: 1px solid #cac8c8;

    box-shadow: none !important;

}



.bootstrap-select .dropdown-menu li {

    padding: 0;

}



.bootstrap-select .dropdown-menu li a {

    padding: 10px;

}



.bootstrap-select .dropdown-menu {

    padding: 0 !important;

    margin: 0 0 !important;

    border-radius: 0 !important;

    border: solid 1px #e0e0e0;

    border-top: none;

}



.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {

    margin-top: 12px;

}



.bootstrap-select .dropdown-menu li a {

    padding: 10px;

    font-weight: 400;

    font-size: 15px;

    outline: none;

    border: 0 !important;

    background: #fff;

}



.bootstrap-select .dropdown-menu li a:hover {

    border: none;

    font-size: 15px;

    font-weight: 400;

    color: #fff !important;

}



.bootstrap-select .dropdown-menu li a span:hover {

    color: #fff !important;

}



.bootstrap-select .btn-default.active,

.bootstrap-select .btn-default:active,

.bootstrap-select .open>.dropdown-toggle.btn-default {

    color: #333;

    background-color: #eee;

    border-color: transparent !important;

    box-shadow: none !important;

}



.bootstrap-select .btn-default:hover {

    background: transparent !important;

    color: #777 !important;

    box-shadow: none !important;

}



.bootstrap-select .dropdown-menu li a span.text a:hover {

    color: #fff !important;

}



.bootstrap-select .dropdown-menu li.active:hover {

    color: #fff !important;

}



.bootstrap-select .dropdown-menu li.active a:hover {

    color: #fff !important;

}



.bootstrap-select .btn-default.active,

.bootstrap-select .btn-default:active,

.bootstrap-select .open>.dropdown-toggle.btn-default {

    color: #333;

    background-color: transparent;

    !important;

    border-color: #adadad;

}



.btn-default.active,

.btn-default:active,

.open>.dropdown-toggle.btn-default {

    color: #333;

    background-color: transparent !important;

    box-shadow: none !important;

    border-color: #adadad;

}



.bootstrap-select .dropdown-toggle:focus {

    outline: none !important;

}



.bootstrap-select .dropdown-menu>.active>a,

.bootstrap-select .dropdown-menu>.active>a:focus,

.bootstrap-select .dropdown-menu>.active>a:hover {

    text-decoration: none;

    outline: 0;

}



.bootstrap-select .bs-actionsbox,
.bootstrap-select .bs-donebutton,
.bs-searchbox {

    padding: 4px 8px;

    background: #EEE;

    border-bottom: 1px solid #d5d5d5;

}



.bootstrap-select .bs-searchbox .form-control {

    margin-bottom: 0;

    width: 100%;

    float: none;

    height: 36px;

    border: 1px solid #ddd;

    box-shadow: none;

}



.bootstrap-select .dropdown-toggle .filter-option-inner {

    overflow: hidden;

    font-size: 15px;

}



.bootstrap-select .dropdown-menu li a:hover .text {

    color: #fff;

}



.bootstrap-select .dropdown-menu li a.active:hover .text {

    color: #fff;

}



/** MAIN TITLE AREA START **/

.main-title {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 50px;

}



.sec-title {

    margin-bottom: 10px;

}



.main-title h1 {

    font-size: 33px;

    font-weight: 600;

    margin-bottom: 15px;

}



.main-title h1.mb-30 {

    margin-bottom: 30px;

}



.main-title p {

    font-weight: 600;

    font-size: 18px;

    margin-bottom: 5px;

}



/** MAIN TITLE 2 AREA START **/

.main-title-2 h1 {

    font-size: 33px;

    font-weight: 600;

    margin-bottom: 15px;

}



.main-title-2 p {

    font-weight: 600;

    font-size: 18px;

    margin-bottom: 5px;

}



.mt2 h1 {

    color: #fff !important;

    z-index: 999;

}



.mt3 {

    text-align: left;

    margin-bottom: 20px;

}



.mt3 h1 {

    margin-bottom: 0;

}



/** MAIN TITLE 3 AREA START **/

.main-title-3 {

    margin-bottom: 35px;

}



.main-title-3 h1 {

    font-size: 33px;

    font-weight: 600;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.main-title-3 .title-border {

    height: 5px;

    width: 120px;

    background: transparent;

    border-radius: 10px;

    margin: 0 auto 0 0;

}



.main-title-3 .title-border-inner {

    height: 5px;

    width: 15px;

    animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate;

    border-radius: 10px;

    float: left;

    margin: 0 5px;

}



.main-title-3 .title-border.tb2 {

    margin: 0 auto 0 0;

}



@keyframes nudge {

    0%,
    100% {

        transform: translate(0, 0);

    }

    50% {

        transform: translate(50px, 0);

    }

    80% {

        transform: translate(20px, 0);

    }

}



/** MAIN TITLE 4 AREA START **/

.main-title-4 {

    margin-bottom: 50px;

    text-align: center;

}



.main-title-4 h1 {

    font-size: 33px;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.main-title-4 p {

    font-size: 18px;

    margin-bottom: 0;

    font-weight: 400;

}



/** PROPERTY BOX AREA START **/

.property-box {

    position: relative;

    margin-bottom: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: #fff;

    overflow: hidden;

    -webkit-transition: all 0.5s;

    transition: all 0.9s;

}



.property-box:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

}



.property-box .property-overflow {

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.property-box .property-thumbnail {

    overflow: hidden;

    position: relative;

}



.property-box:hover .property-overflow {

    transform: scale(1.2);

}



.property-box:hover .featured {

    background: #fff;

}



.property-box:hover .listing-time {

    background: #fff;

}



.property-box:hover .price-ratings-box .price {

    color: #fff;

}



.property-box .carousel-indicators li {

    width: 10px;

    height: 10px;

}



.property-box .carousel-indicators {

    right: 0;

    bottom: 0;

    left: 0;

}



.property-thumbnail {

    position: relative;

}



.property-thumbnail:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

    background: linear-gradient(to top, rgba(17, 17, 17, 0.8) 15%, rgba(17, 17, 17, 0.1) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);

    border-radius: 4px 4px 0 0;

    opacity: 1;

}



.property-box:hover .property-thumbnail:before {

    background: linear-gradient(0, #111111, rgb(255 171 74 / 0%));

    opacity: 1;

}



.property-box .detail {

    padding: 25px 25px 20px;

    background: white;

}



.property-box .detail .title {

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 10px;

}



.property-box .detail .title a:hover {

    color: #343a40;

}



.property-box .detail .location {

    margin: 0 0 15px;

    font-size: 15px;

}



.property-box .detail .location i {

    margin-right: 2px;

}



.property-box .detail .location a {

    color: #343434;

}



.property-box .facilities-list li {

    list-style: none;

    width: 50%;

    float: left;

    font-weight: 400;

    line-height: 32px;

    font-size: 15px;

}



.property-box .facilities-list li i {

    margin-right: 2px;

}



.property-box .footer {

    border-top: 1px solid #e5e5e5;

    background: #fff;

    padding: 12px 25px;

}



.property-box .footer .agent {

    position: relative;

}



.property-box .footer .user-name {

    padding-left: 60px;

}



.property-box .footer .user-name p {

    line-height: 50px;

    font-size: 15px;

    margin-bottom: 0;

}



.property-box .footer .user-name p a {

    color: #343434;

}



.property-box .footer .days p {

    line-height: 50px;

    font-size: 15px;

    margin-bottom: 0;

}



.property-box .footer .user {

    border-radius: 50%;

    height: 50px;

    width: 50px;

    position: absolute;

}



.property-box .footer .user img {

    border-radius: 50%;

    height: 50px;

    width: 50px;

    position: absolute;

}



.listing-time {

    position: absolute;

    top: 20px;

    left: 20px;

    z-index: 20;

    font-size: 14px;

    color: rgb(255, 255, 255);

    background: rgba(23, 23, 23, 0.298039);

    border-radius: 3px;

    padding: 6px 15px 4px;

    font-weight: 400;

}



.price-ratings-box {

    color: white;

    position: absolute;

    bottom: 15px;

    right: 15px;

    z-index: 20;

    text-align: right;

}



.price-ratings-box .price {

    font-weight: 600;

    font-size: 18px;

    margin: 0;

    color: #fff;

}



.price-ratings-box .price span {

    color: #fff;

    font-size: 13px;

    font-weight: 500;

}



.listing-badges {

    position: absolute;

    top: 0;

    z-index: 99;

    right: 0;

    width: 100%;

    display: block;

    font-size: 15px;

    padding: 0;

    overflow: hidden;

    height: 100px;

}



.listing-badges .featured {

    float: left;

    transform: rotate(-45deg);

    left: -67px;

    top: 17px;

    position: relative;

    text-align: center;

    width: 200px;

    font-size: 14px;

    margin: 0;

    padding: 6px 10px;

    font-weight: 400;

    color: #fff;

    box-shadow: 1px 2px 3px 0 rgba(2, 0, 0, .2);

}





/** SLICK SLIDER**/

.slick-slider-area {

    position: relative;

}



.slick-slide-item {

    padding: 0 15px;

}



.slick-arrow-buton {

    background: #fff;

    width: 30px;

    height: 60px;

    position: absolute;

    z-index: 999;

    top: 43%;

    text-align: center;

    line-height: 60px;

    cursor: pointer;

    opacity: 1;

    border-radius: 50px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.slick-arrow-buton i {

    font-size: 20px;

}



.slick-arrow-buton:hover {

    color: #fff;

    opacity: 1;

}



.slick-prev {

    left: -15px;

}



.slick-next {

    right: -15px;

}



.slick-slide,
.slick-slide:focus * {

    outline: none !important;

}



*:focus {

    outline: none !important;

}



/** PROPERTY BOX 2 AREA START **/

.property-box-2 {

    margin-bottom: 30px;

    overflow: hidden;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    position: relative;

    width: 100%;

}



.property-box-2:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.property-box-2 .detail .title {

    font-size: 22px;

    margin-bottom: 10px;

    font-weight: 500;

}



.property-box-2 .property-img img {

    width: 100%;

    height: 261px;

}



.property-box-2 .property-overflow {

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.property-box-2 .property-thumbnail {

    overflow: hidden;

    position: relative;

}



.property-box-2:hover .property-overflow {

    transform: scale(1.2);

}



.property-box-2:hover .property-thumbnail:before {

    background: linear-gradient(0, #154ef0c9, rgb(255 171 74 / 0%));

    opacity: .8;

}



.property-box-2:hover .price-ratings-box .price {

    color: #fff;

}



.property-box-2:hover .featured {

    background: #fff;

}



.property-box-2:hover .listing-time {

    background: #fff;

}



.property-box-2 .property-img:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

    background: linear-gradient(to top, rgba(35, 35, 37, 0.5) 0%, rgba(35, 35, 37, 0.1) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);

    border-radius: 4px 4px 0 0;

    opacity: 1;

}



.property-box-2 .detail .title a:hover {

    color: #343a40;

}



.property-box-2 .detail {

    padding: 25px 25px 20px;

}



.property-box-2 .detail .location {

    margin: 0 0 15px;

    font-size: 15px;

}



.property-box-2 .detail .location a {

    color: #343434;

    font-size: 15px;

}



.property-box-2 .detail .location i {

    margin-right: 2px;

}



.property-box-2 .facilities-list li {

    width: 50%;

    float: left;

    font-size: 15px;

    line-height: 32px;

}



.property-box-2 .facilities-list li i {

    margin-right: 2px;

}



.property-box-2 .footer {

    border-top: 1px solid #e5e5e5;

    padding: 12px 25px;

}



.property-box-2 .footer .agent {

    position: relative;

}



.property-box-2 .footer .user-name {

    padding-left: 60px;

}



.property-box-2 .footer .user-name p {

    line-height: 50px;

    font-size: 15px;

    margin-bottom: 0;

}



.property-box-2 .footer .user-name p a {

    color: #343434;

}



.property-box-2 .footer .days p {

    line-height: 50px;

    font-size: 15px;

    margin-bottom: 0;

}



.property-box-2 .footer .user {

    border-radius: 50%;

    height: 50px;

    width: 50px;

    position: absolute;

}



.property-box-2 .footer .user img {

    border-radius: 50%;

    height: 50px;

    width: 50px;

    position: absolute;

}



.map-content-sidebar .property-box-2 .listing-badges .featured {

    left: -37px;

}



.property-box-2 .listing-time {

    position: absolute;

    z-index: 9;

    top: 20px;

    left: 20px;

}



.property-box-2 .footer {

    bottom: 0;

    z-index: 20;

    width: 100%;

}



.property-box-2 .fb {

    width: 97.55%;

}



/** Property box 4 start **/

.property-box-4 {

    position: relative;

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);

    width: 100% !important;

    margin-bottom: 30px;

    overflow: hidden;

}



.property-box-4 .team-overflow {

    overflow: hidden;

}



.property-box-4 .property-photo {

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.property-box-4:hover .property-photo {

    transform: scale(1.2);

}



.property-box-4 .property-photo:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

    background: linear-gradient(to top, rgb(35 35 37 / 77%) 0%, rgb(35 35 37 / 39%) 35%, rgb(22 22 23 / 23%) 60%, rgba(0, 0, 0, 0) 100%);

    border-radius: 0;

    opacity: 1;

}



.property-box-4:hover .property-photo:before {

    background: linear-gradient(0, #0032c1, rgb(4 1 12 / 0%));

    opacity: .8;

}



.property-box-4 h3 {

    -webkit-transition: .4s;

    transition: .4s;

    margin: 0 0 12px;

    color: #fff;

    font-weight: 400;

    font-size: 22px;

}



.property-box-4 .ling-section {

    position: absolute;

    bottom: 25px;

    padding-right: 25px;

    padding-left: 25px;

    width: 100%;

}



.property-box-4 h3 a {

    color: #fff;

}



.property-box-4 h3 a:hover {

    color: #fff;

    opacity: 0.9;

}



.property-box-4 .read-more-btn {

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 87px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.6;

    transition: 0.6;

    font-size: 15px;

    font-weight: 500;

    text-align: left;

    padding: 9.5px 22px;

    border-radius: 3px;

    background: #fff;

}



.property-box-4 .read-more-btn::before {

    content: '';

    position: absolute;

    width: 0;

    -webkit-transition: .5s;

}



.property-box-4 .facilities-list {

    display: inline-block;

    -webkit-transition: .4s;

    transition: .4s;

}



.property-box-4 .facilities-list li {

    list-style: none;

    float: left;

    margin-right: 20px;

    line-height: 30px;

    font-size: 15px;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

    color: #fff;

}



.property-box-4 .facilities-list li i {

    margin-right: 5px;

}



.property-box-4:hover .facilities-list li i {

    color: #fff;

}



.property-box-4 .facilities-list li strong {

    color: #fff;

    font-weight: 500;

}



.property-box-4 .facilities-list li:last-child {

    padding-right: 0;

    margin-right: 0;

    border-right: none;

}



.property-box-4:hover .read-more-btn {

    opacity: 1;

    visibility: visible;

    bottom: 0;

    text-align: left;

}



.property-box-4:hover .featured {

    background: #fff;

}



.property-box-4:hover .listing-time {

    background: #fff;

}



.property-box-4:hover h3 {

    -webkit-transform: translateY(-50px);

    transform: translateY(-50px);

}



.property-box-4:hover .facilities-list {

    -webkit-transform: translateY(-50px);

    transform: translateY(-50px);

}



/** Property box 5 **/

.property-box-5 img {

    height: 500px;

}



.property-box-5 .detail {

    max-width: 350px !important;

    padding: 30px;

    border-radius: 5px;

    -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);

    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);

    background: #fff;

    text-align: left;

}



.property-box-5 .detail ul {

    margin-bottom: 20px;

}



.property-box-5 .detail .location {

    margin-bottom: 20px;

}



.property-box-5 .detail ul li {

    font-weight: 400;

    font-size: 15px;

    line-height: 30px;

    width: 50%;

    float: left;

}



.property-box-5 .detail ul li strong {

    font-weight: 500;

}



.property-box-5 .detail ul li a {

    color: #fff;

}



.property-box-5 .detail h3 {

    font-weight: 500;

    font-size: 27px;

    margin-bottom: 10px;

}



.property-box-5 .detail h3 a:hover {

    color: #262525;

}



.property-box-5 .carousel-caption {

    right: 0;

    bottom: 0;

    left: 0;

    top: 0;

    padding: 117px 30px;

}



.property-box-5 .carousel-item {

    border-radius: 10px;

}



.property-box-5 .btn-3 {

    padding: 0 25px 0 25px;

    line-height: 38px;

}



.property-box-5 .carousel-indicators [data-bs-target] {

    width: 12px;

    height: 12px;

    opacity: 1;

    border-top: 0px solid transparent;

    border-bottom: 0px solid transparent;

}



.property-box-5 .carousel-indicators {

    margin-bottom: 20px;

}



.property-box-5 .btn-4 {

    padding: 0 25px;

    line-height: 40px;

    border-radius: 3px;

    letter-spacing: 0;

}



/**  Slide box 2 start **/

.slide-box-2 {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.slide-box-2 .slide-container {

    width: 100%;

}



.slide-box-2 .card {

    width: 100%;

    background: transparent;

    border: none;

}



.slide-box-2 .cardImage {

    position: relative;

    display: flex;

    padding: 0 15px;

}



.slide-box-2 .clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}



.slide-box {

    padding: 0 15px;

}



/** About real estate area start **/

.about-real-estate .main-title-2 {

    margin-bottom: 30px;

}



.about-real-estate .about-text ul {

    margin-bottom: 30px;

}



.about-real-estate .about-text ul li {

    line-height: 30px;

    width: 50%;

    float: left;

}



.about-real-estate .about-text ul li i {

    margin-right: 5px;

}



.about-real-estate img {

    border-radius: 5px;

}



.about-real-estate .carousel-indicators [data-bs-target] {

    width: 12px;

    height: 12px;

    background-color: #fff;

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    opacity: 1;

}



.about-real-estate .left {

    float: left;

}



.about-real-estate .name {

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.about-real-estate .post {

    margin-bottom: 0;

}



.about-real-estate .signature {

    float: right;

}



.about-real-estate .signature img {

    vertical-align: middle;

    height: 53px;

}



.about-real-estate .bottom {

    width: 100%;

}



.about-real-estate .hotels-detail-slider {

    max-width: 500px;

    margin-left: auto;

}



/** About real estate 2 area start **/

.about-real-estate-2 .about-text {

    padding-left: 15px;

}



.about-real-estate-2 .about-text h3 {

    font-size: 34px;

    font-weight: 600;

    margin: 0 0 15px;

}



.about-real-estate-2 .about-text .bottom {

    width: 100%;

    margin-top: 30px;

}



.about-real-estate-2 .about-text .name {

    font-weight: 500;

    font-size: 20px;

    text-transform: uppercase;

    color: #262525;

    margin-bottom: 0;

}



.about-real-estate-2 .about-text .left {

    float: left;

}



.about-real-estate-2 .about-text .signature img {

    vertical-align: middle;

    height: 50px;

}



.about-real-estate-2 .signature {

    float: right;

}



.about-real-estate-2 .about-img-section {

    position: relative;

}



.about-real-estate-2 .about-img-section .image-box {

    position: relative;

    display: block;

    margin-right: auto;

    padding-bottom: 20px;

    max-width: 550px;

}



.about-real-estate-2 .about-img-section .image-box .image-1 {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.about-real-estate-2 .about-box-Experience {

    position: absolute;

    right: 100px;

    bottom: 0;

    width: 320px;

}



.about-real-estate-2 .about-box-Experience .content {

    position: absolute;

    right: 32%;

    top: 23%;

    transform: rotate(-28deg);

    text-align: center;

}



.about-real-estate-2 .about-box-Experience .content h3 {

    font-size: 45px;

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 5px;

}



.about-real-estate-2 .about-box-Experience .content p {

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 0;

}



.about-real-estate-2 .about-img-section .image-box {

    -webkit-animation: glide 2s ease-in-out alternate infinite;

}



.about-real-estate-2 .main-title-2 {

    margin-bottom: 30px;

}



@-webkit-keyframes glide {

    from {

        left: 0px;

        top: 0px;

    }



    to {

        left: 0px;

        top: 20px;

    }



}



/** SERVICE  STARTED **/

.service-box {

    position: relative;

    margin-bottom: 30px;

    transition-duration: .3s;

    padding: 0;

    border: none;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.service-box:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.service-box .detail {

    padding: 20px;

}



.service-box img {

    border-radius: 0;

}



.service-box .heading {

    display: block;

    margin-bottom: 10px;

}



.service-box .heading .number {

    margin-right: 10px;

    float: left;

}



.service-box .heading .number h5 {

    font-size: 30px;

    font-weight: 500;

    margin: 0;

    line-height: 30px;

}



.service-box .title {

    float: left;

}



.service-box .heading .title h4 {

    font-size: 17px;

    font-weight: 500;

    line-height: 33px;

    margin: 0;

}



.service-box .read-more {

    font-weight: 500;

    font-size: 16px;

}



.service-box p {

    margin-bottom: 5px;

}



.carousel-control-next,
.carousel-control-prev {

    opacity: 1;

}



/** TESTIMONIAL 2 STARTED **/

.testimonial-2 {

    padding: 100px 0 90px;

    text-align: center;

    background: url(../img/img-8.jpg);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.testimonial-2:before {

    opacity: 0.4;

    content: "";

    display: block;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    position: absolute;

    background: #191fcb;

    z-index: -1;

}



.testimonial-2 .testimonial-inner .avatar {

    max-width: 110px;

    background: rgb(255 255 255 / 20%);

    margin: 0 auto 25px;

    padding: 5px;

    border-radius: 100px;

}



.testimonial-2 .testimonial-inner .avatar img {

    width: 100%;

    border-radius: 100px;

}



.testimonial-2 .testimonial-inner .author-name {

    font-weight: 400;

    margin-bottom: 0;

    color: #fff;

}



.testimonial-2.t2 .testimonial-inner .author-name {

    color: #fff;

    font-size: 18px;

}



.testimonial-2 .testimonial-inner p {

    margin-bottom: 30px;

    font-size: 15px;

    line-height: 27px;

    color: #fff;

}



.testimonial-2.t2 .testimonial-inner p {

    color: #fff;

}



.testimonial-2 .testimonial-inner .carousel-item {

    margin-bottom: 45px;

}



.testimonial-2 .testimonial-inner .testimonia-header h1 {

    font-weight: 700;

    font-size: 24px;

    text-transform: uppercase;

}



.testimonial-2 .carousel-indicators li {

    width: 20px;

    height: 8px;

    background-color: #8a8989;

    border-radius: 2px;

}



.testimonial-2 .carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 20px;

    height: 8px;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 0;

    opacity: 0.9;

}



.testimonial-2 .carousel-indicators {

    bottom: 0;

}



.testimonial-2 .carousel-inner {

    max-width: 550px;

    margin: 0 auto;

}





.testimonial-2 .main-title p {

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 5px;

}





.testimonial-2 .carousel-control-next {

    display: none;

}



.testimonial-2 .carousel-control-prev {

    display: none;

}



.testimonial-2 .main-title-4 {

    margin-bottom: 30px;

}



/** TESTIMONIAL STARTED **/

.testimonial-3 {

    padding: 100px 0;

    background: #f9f9f8;

}



.testimonial-3 .testimonial-inner {

    max-width: 600px;

    margin: auto;

}



.testimonial-3 .testimonial-inner .content-box {

    position: relative;

}



.testimonial-3 .testimonial-inner .content-box .rating i {

    color: orange;

    margin-bottom: 13px;

}



.testimonial-3 .testimonial-inner .content-box h3 {

    font-size: 20px;

    font-weight: 500;

}



.testimonial-3 .testimonial-inner .content-box p {

    margin-bottom: 0;

}



.testimonial-3 .testimonial-inner .content-box .rating {

    font-size: 15px;

}



.testimonial-3 .testimonial-inner .content-box .user {

    height: 120px;

    width: 120px;

    left: 0;

    position: absolute;

    top: 30px;

    transition: background-color .15s linear;

}



.testimonial-3 .testimonial-inner .content-box a img {

    bottom: 2px;

    border-radius: 50%;

    display: block;

    height: 120px;

    width: 120px;

    position: absolute;

    top: 0;

    z-index: 999;

    box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 40%);

}



.testimonial-3 .testimonial-inner .content-box .testimonial-info {

    margin: 0 0 0 60px;

    padding: 30px;

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.testimonial-3 .testimonial-inner .content-box .testimonial-info:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.testimonial-3 .testimonial-inner .content-box .testimonial-info {

    position: relative;

    overflow: hidden;

}





.testimonial-3 .testimonial-inner .content-box .testimonial-info:before {

    content: "";

    position: absolute;

    top: 0px;

    left: -200px;

    height: 2px;

    width: 200px;

    transition: all 0.3s;

}



.testimonial-3 .testimonial-inner .content-box .testimonial-info:after {

    content: "";

    position: absolute;

    bottom: 0px;

    right: -200px;

    height: 2px;

    width: 200px;

    transition: all 0.3s;

}



.testimonial-3 .testimonial-inner .content-box .testimonial-info:hover:before {

    left: 0px;

}



.testimonial-3 .testimonial-inner .content-box .testimonial-info:hover:after {

    right: 0px;

}



/** TESTIMONIAL 4 STARTED **/

.testimonial-4 .bg-image {

    min-height: 70vh;

    position: relative;

    text-align: center;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

    background: #fff;

    background: rgba(0, 0, 0, 0.04) url(../img/img-3.jpg) top left repeat;

    z-index: 999;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.testimonial-4 .testimonial-info {

    max-width: 620px;

    margin: 0 auto;

    text-align: center;

    padding: 0 30px;

}



.testimonial-4 .testimonial-info .avatar {

    max-width: 115px;

    margin: 0 auto 30px;

    border-radius: 100px;

}



.testimonial-4 .testimonial-info .avatar img {

    width: 100%;

    border-radius: 100px;

}



.testimonial-4 .testimonial-info h4 {

    font-size: 19px;

    font-weight: 500;

    margin: 0 0 5px;

}



.testimonial-4 .testimonial-info .job {

    font-size: 15px;

}



.testimonial-4 .testimonial-info .text {

    margin-bottom: 25px;

    font-size: 16px;

}



.testimonial-4 .col-pad {

    min-height: 70vh;

    position: relative;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

    z-index: 999;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background: #fbfbfb;

}



.testimonial-4 .main-title {

    margin-bottom: 30px;

}



.testimonial-4 .carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 30px;

    height: 8px;

    border-radius: 5px;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #000;

    background-clip: padding-box;

    border: 0;

    opacity: 1;

    transition: opacity .6s ease;

}



.testimonial-4 .carousel-indicators {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: flex;

    justify-content: center;

    padding: 0;

    margin: 0 0 -5px 0;

    list-style: none;

}





.testimonial-4 .carousel-indicators .active {

    background-color: #f0151f;

}





/** PRICING 1 STARTED **/

.pricing-1 {

    margin-bottom: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.9s;

    transition: all 0.9s;

}



.pricing-1:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -webkit-transform: translateY(-9px);

    transform: translateY(-9px);

}



.pricing-1 .plan-header {

    background-color: #fff;

    padding: 40px 22px 0;

    border-width: 1px;

    position: relative;

    text-align: center;

}



.pricing-1 .pricing-btn {

    padding: 7px 30px 7px;

    border-radius: 0px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: normal;

}



.pricing-1 .plan-header h5 {

    margin-bottom: 5px;

    font-weight: 500;

}



.pricing-1 .plan-header p {

    color: #343434;

    font-size: 16px;

}



.pricing-1 .plan-header .plan-price sup {

    font-size: 24px;

    position: relative;

    top: -30px;

    color: #343434;

}



.pricing-1 .plan-header .plan-price {

    font-size: 60px;

    font-weight: 600;

    position: relative;

    text-align: center;

    font-family: 'Jost', sans-serif;

    padding: 0;

}



.pricing-1 .plan-header .plan-price span {

    font-size: 16px;

    color: #343434;

}



.pricing-1 .plan-list {

    background-color: #fff;

    border-width: 0 1px 1px;

    padding: 20px 0 40px;

}



.pricing-1 .plan-list ul {

    display: table;

    margin: 0 auto;

    padding: 0 40px;

}



.pricing-1 .plan-list ul li {

    list-style: none;

    border-bottom: 1px dashed #eaeceb;

    line-height: 42px;

    font-size: 16px;

    color: #343434;

}



.pricing-1 .plan-list ul li i {

    margin-right: 12px;

}



.pricing-1 .plan-list ul li:last-child {

    border-bottom: none;

}



.pricing-1 .plan-button {

    padding-top: 20px;

}



.pricing-1 .pricing-btn {

    border-radius: 3px;

}



/** PRICING 2 STARTED **/

.pricing-2 {

    text-align: center;

    margin-bottom: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    -webkit-transition: all 0.9s;

    transition: all 0.9s;

}



.pricing-2:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -webkit-transform: translateY(-9px);

    transform: translateY(-9px);

}



.pricing-2 .title {

    padding: 25px 0;

    font-weight: 600;

    font-size: 20px;

    color: #262525;

}



.pricing-2 .content {

    padding: 25px 0;

    border-bottom: 1px solid #eaeaea;

}



.pricing-2 .content ul li {

    padding: 7px 0;

    color: #343434;

    font-size: 16px;

}



.pricing-2 .price-for-user {

    padding: 25px 0;

    text-align: center;

    background: #f9f9f9;

    color: #212529;

}



.pricing-2 .button {

    padding: 25px 0;

}



.pricing-2 .price-for-user .price .dolar {

    font-size: 50px;

    margin-right: 10px;

    font-weight: 600;

    font-family: 'Jost', sans-serif;

}



.pricing-2 .price-for-user .price .month {

    font-size: 16px;

    font-weight: 600;

}



.pricing-2 .price-for-user .price sup {

    top: -25px;

    left: -3px;

    font-size: 30px;

    font-weight: 600;

}



.pricing-2 .pricing-btn {

    padding: 6px 30px 8px;

    border-radius: 3px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: normal;

}



/** PRICING 3 STARTED **/

.pricing-3 {

    margin-bottom: 30px;

    position: relative;

    padding: 30px;

    z-index: 9;

    background: #fff;

    -webkit-transition: .9s;

    transition: .9s;

    overflow: hidden;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    text-align: center;

}



.pricing-3:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -webkit-transform: translateY(-9px);

    transform: translateY(-9px);

}



.pricing-3:hover:before {

    width: 100%;

}



.pricing-3::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    z-index: -1;

    -webkit-transition: .9s;

    transition: .9s;

    border-radius: 0;

}



.pricing-3 .title {

    font-size: 22px;

    padding-bottom: 20px;

    border-bottom: 1px solid #eaeaea;

    font-weight: 500;

}



.pricing-3 .pricing-btn {

    padding: 7px 30px 7px;

    border-radius: 0px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: normal;

}



.pricing-3:hover .title {

    color: #fff;

}



.pricing-3:hover .content ul li {

    color: #fff;

}



.pricing-3:hover .dolar {

    color: #fff;

}



.pricing-3:hover .month {

    color: #fff;

}



.pricing-3:hover sup {

    color: #fff;

}



.pricing-3:hover .btn-outline {

    border: solid 1px #fff;

    color: #fff;

}



.pricing-3:hover .button-theme {

    background: #fff;

}



.pricing-3 .btn-outline:hover {

    border: solid 1px #fff;

    background: #fff;

}



.pricing-3:hover.popular .dolar {

    color: #fff;

}



.pricing-3:hover .title {

    border-bottom: 1px solid #9c1c1c47;

}



.pricing-3:hover .content {

    border-bottom: 1px solid #9c1c1c47;

}



.pricing-3:hover .price-for-user {

    border-bottom: 1px solid #9c1c1c47;

}



.pricing-3 .content {

    padding: 20px 0;

    border-bottom: 1px solid #eaeaea;

}



.pricing-3 .content ul li {

    padding: 7px 0;

    font-weight: 400;

    font-size: 16px;

}



.pricing-3 .price-for-user {

    padding: 25px 0;

    margin-bottom: 30px;

    text-align: center;

    border-bottom: 1px solid #eaeaea;

    font-family: 'Jost', sans-serif;

}



.pricing-3 .price-for-user .price .dolar {

    font-size: 50px;

    margin-right: 10px;

    font-weight: 700;

}



.pricing-3 .price-for-user .price .month {

    font-size: 18px;

}



.pricing-3 .price-for-user .price sup {

    top: -25px;

    left: -3px;

    font-size: 30px;

    font-weight: 600;

}



/** TEAM 1 STARTED **/

.team-1 {

    position: relative;

    margin-bottom: 30px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    background: #fff;

}



.team-1:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.team-1 img {

    width: 100%;

}



.team-1 .team-img {

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.team-1 .team-inner:hover .team-img {

    transform: scale(1.2);

}



.team-1 .team-overflow {

    overflow: hidden;

}



.team-1 .team-inner:hover .team-img:before {

    width: 100%;

}



.team-1 .team-img:before {

    position: absolute;

    content: '';

    background: linear-gradient(0, #154ef0c9, rgb(255 171 74 / 0%));

    opacity: .8;

    right: 0;

    width: 0%;

    height: 100%;

    transition: 1s;

}



.blog-1 .detail {

    padding: 40px 25px 15px;

}



.team-1 .team-details h5 {

    margin-bottom: 5px;

    font-weight: 500;

    font-size: 20px;

}



.team-1 .team-details h5 a {

    color: #121415;

}



.team-1 .team-details h5 a:hover {

    color: #343a40;

}



.team-1 .team-details {

    padding: 30px 20px;

    text-align: center;

}



.team-1 .team-details p {

    margin-bottom: 0;

}



.team-1 .team-photo .social-list {

    position: absolute;

    top: 15px;

    text-align: center;

    z-index: 20;

    border-radius: 5px 5px 0 0;

    left: 15px;

    width: 44px;

    color: rgb(255, 255, 255);

}



.team-1 .team-photo .social-list a {

    color: #fff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    margin-bottom: 10px;

    border-radius: 3px;

    background: rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);

    box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);

}



.team-1 .team-photo .social-list a:hover {

    box-shadow: none;

}



.team-1 .facebook-bg:hover {

    background: #4867aa !important;

}



.team-1 .twitter-bg:hover {

    background: #56d7fe !important;

}



.team-1 .google-bg:hover {

    background: #dc4e41 !important;

}



.team-1 .google-bg:hover {

    background: #dc4e41 !important;

}



.team-1 .linkedin-bg:hover {

    background: #0177b5 !important;

}



/** TEAM 2 STARTED **/

.team-2 {

    margin: 0 auto 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    padding: 40px 25px;

    text-align: center;

    background: #fff;

}



.team-2:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.team-2 img {

    width: 100%;

    border-radius: 100%;

}



.team-2.df-box:hover:before {

    -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);

    transform: rotate(2deg) translateX(-5px) translateY(16px);

}



.team-2.df-box:before {

    content: " ";

    width: 95%;

    height: 95%;

    z-index: -3;

    position: absolute;

    top: auto;

    bottom: 1px;

    left: 1px;

    border-radius: 12px;

    background-image: linear-gradient(100deg, #f40c4300, #f40c43);

    background-repeat: repeat-x;

    outline: 1px solid transparent;

    -webkit-transition: all .3s;

    transition: all .3s;

}



.team-2:hover .team-photo {

    background-image: linear-gradient(100deg, #f40c4300, #f40c43);

}



.team-2.df-box:after {

    background: #FFF;

}



.team-2.df-box {

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

}



.team-2:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    z-index: -1;

}



.team-2 .team-details h5 {

    margin-bottom: 5px;

}



.team-2 .team-details h5 a {

    font-size: 20px;

    font-weight: 500;

    color: #121415;

}



.team-2 .team-details h5 a:hover {

    color: #343a40;

}



.team-2 .team-photo {

    max-width: 200px;

    margin: 0 auto;

    padding: 5px;

    box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 40%);

    border-radius: 100px;

    position: relative;

    font-size: 40px;

    color: #00204c;

    line-height: 1em;

    margin-bottom: 28px;

    display: inline-block;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.team-2:hover .team-photo {

    color: #fff !important;

    transform: rotateY(180deg);

}



.team-2 .team-details p {

    font-size: 16px;

    margin-bottom: 13px;

}



.team-2 .team-details .social-list li {

    display: inline-block;

}



.team-2 .team-details .social-list li a {

    margin: 0 10px;

    font-size: 17px;

}



/** TEAM 4 STARTED **/

.team-4 {

    position: relative;

    margin: 0 1px;

    margin-bottom: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: #fff;

}



.team-4:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.team-4 .team-img {

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.team-4:hover .team-img {

    transform: scale(1.1);

}



.team-4 .team-overflow {

    overflow: hidden;

}



.team-4:hover .team-img:before {

    width: 100%;

}



.team-4 .team-img:before {

    position: absolute;

    content: '';

    background: rgb(12 62 185 / 51%);

    opacity: .9;

    right: 0;

    width: 0%;

    height: 100%;

    transition: 1s;

}



.team-4 .detail {

    padding: 0 25px;

}



.team-4 img {

    width: 100%;

}



.team-4 .detail h4 {

    margin: 0 0 5px;

    font-size: 20px;

    font-weight: 500;

}



.team-4 .detail p {

    margin-bottom: 15px;

}



.team-4 .detail h4 a {

    color: #121415;

}



.team-4 .detail h4 a:hover {

    color: #343a40;

}



.team-4 .photo {

    position: relative;

}



.team-4 .detail .contact {

    margin-bottom: 20px;

}



.team-4 .detail .contact ul li {

    line-height: 30px;

    font-size: 15px;

}



.team-4 .detail .contact ul li span {

    font-weight: 500;

    margin-right: 5px;

}



.team-4 .detail .social-list li {

    display: inline-block;

    font-size: 16px;

}



.team-4 .detail .social-list li a {

    margin-right: 2px;

    font-size: 16px;

    width: 40px;

    height: 40px;

    border-radius: 3px;

    display: inline-block;

    text-align: center;

    line-height: 40px;

}



.agent-page .team-4 .detail {

    padding: 0 35px;

}



/** TEAM 5 AREA START **/

.team-5 img {

    width: 82px;

    margin-right: 15px;

    border-radius: 5px;

}



.team-5 h5 {

    font-weight: 500;

    font-size: 17px;

    margin-bottom: 15px;

}



.team-5 p {

    margin-bottom: 13px;

    padding-left: 20px;

    position: relative;

    line-height: 16px;

    font-size: 15px;

}



.team-5 p i {

    left: 0;

    position: absolute;

    top: 0;

}



.team-5 p a {

    color: #343434;

}

/** SERVICE 5 AREA START **/

.team-section {

    padding: 100px 0;

    background: url(../img/img-6.jpg);

    z-index: 0;

    position: relative;

}



.team-section .team-2 {

    margin: 0;

}



.team-section:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.2);

}



/** Service info srart **/

.services-3 {

    padding: 100px 0 70px;

}



.services-3 .text .px {

    margin-bottom: 0;

    font-size: 16px;
    
    color: #111;
    
    margin-bottom: 15px;

}



.services-3 .text {

    margin-right: 40px;

}



.service-info-2 {

    position: relative;

}



.service-info-2-ditels {

    margin: 0 0 30px 50px;

    padding: 30px 20px 30px 70px;

    background: #111;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.service-info-2-ditels:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.service-info-2 h3 {

    font-size: 22px;

    position: relative;

    margin: 0 0 10px 0;

    font-weight: 500;

}



.service-info-2:hover .number {

    display: none;

}



.service-info-2 .number {

    font-size: 170px;

    line-height: 1;

    display: inline-block;

    position: absolute;

    z-index: 0;

    right: 15px;

    font-weight: 600;

    top: 5px;

    font-family: "Poppins", sans-serif;

    opacity: 0.1;

}



.service-info-2 .icon {

    height: 100px;

    width: 100px;

    line-height: 100px;

    font-family: "Poppins", sans-serif;

    text-align: center;

    border-radius: 100px;

    font-size: 40px;

    left: 0;

    position: absolute;

    top: 30px;

    transition: background-color .15s linear;

    display: inline-block;

    vertical-align: middle;

    transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: linear-gradient(to right, #cb9b51 22%, #f6e27a 60%, #f6f2c0 50%, #f6e27a 60%, #cb9b51 78%);

}



.service-info-2:hover .icon {

    transform: rotateY(360deg);

}



.service-info-2 p {

    margin-bottom: 0;

    position: relative;
    
    color: #fff;

}



/** Service info 3 **/

.service-info-3 {

    margin-bottom: 20px;

}



.service-info-3 h3 {

    font-size: 20px;

    font-weight: 500;

    margin: 10px 0 5px;

}



.service-info-3 .icon {

    background: #fff;

    width: 100px !important;

    max-width: 100px;

    height: 100px;

    line-height: 100px;

    text-align: center;

    font-size: 50px;

    margin-right: 20px;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    display: inline-block;

    vertical-align: middle;

    transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);

}



.service-info-3:hover .icon {

    transform: rotateY(360deg);

    border-radius: 100%;

}



.service-info-3 p {

    margin-bottom: 0;

}



.service-section2 {

    max-width: 540px;

    margin: 0 0 0 auto;

}



.services-demo {

    max-width: 520px;

}



/** pages 404 start **/

.pages-404 {

    background: url(../img/banner/img-3.jpg);

    background-size: cover;

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    min-height: 100vh;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

    z-index: 0;

}



.pages-404:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.6;

}



.pages-404 .pages-404-inner {

    text-align: center;

    max-width: 900px;

    margin: 0 auto;

}



.pages-404 .pages-404-inner h1 {

    color: #fff;

    font-size: 180px;

    margin-bottom: 20px;

    font-weight: 700;

    line-height: 180px;

}



.pages-404 .pages-404-inner h5 {

    color: #fff;

    font-size: 30px;

    font-weight: 500;

    margin-bottom: 25px;

}



.pages-404 .pages-404-inner p {

    margin-bottom: 30px;

    line-height: 30px;

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    opacity: 0.9;

}



/** pages 404 2 start **/

.pages-404-2 {

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    min-height: 100vh;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 25px 0;

    background: #1B1B1B;

}



.pages-404-2 .error404 {

    line-height: .8;

    margin-bottom: 0;

    font-weight: 700;

    font-size: 250px;

    opacity: 2;

    color: #3F3F3F;

    text-shadow: 1px 1px 5px rgba(0, 0, 0, .4);

    font-family: 'Jost', sans-serif;

}



.pages-404-2 h1 {

    font-size: 30px;

    font-weight: 500;

    margin-bottom: 20px;

    color: #dedede;

}



.pages-404-2 p {

    margin-bottom: 25px;

    font-size: 18px;

    color: #dedede;

}



.pages-404-2 .border-thn {

    cursor: pointer;

    padding: 12px 35px;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: 600;

    transition: .5s;

    border-radius: 50px !important;

    box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);

}



.pages-404-2 .nobottomborder {

    padding-left: 50px;

}



.mr-0 {

    margin-right: 0;

}



.date-box span {

    font-size: 19px;

    display: block;

    line-height: 22px;

    color: #fff;

}



/** BLOG 1 AREA START **/

.blog-1 {

    margin-bottom: 30px;

    border-radius: 0;

    border: none;

    background: #fff;

    z-index: 2;

    position: relative;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

    transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.blog-1:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

}



.blog-1 .detail {

    padding: 45px 25px 15px;

}



.blog-1 .blog-image {

    position: relative;

}



.blog-1 .blog-image::before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    left: 0;

    bottom: 0;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.blog-1 .blog-image img {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transition: all 0.5s ease;

    z-index: 111;

}



.blog-1 .blog-image::after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    right: 0;

    top: 0;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.blog-1:hover .blog-image::before,
.blog-1:hover .blog-image::after {

    width: 100%;

    height: 100%;

    visibility: visible;

    background: rgb(12 62 185 / 51%);

    opacity: 0.5;

}



.blog-1 .blog-photo {

    position: relative;

}



.blog-1 .blog-photo img {

    width: 100%;

}



.blog-1 .profile-user img {

    width: 55px;

    height: 55px;

    border-radius: 50%;

}



.blog-1 .profile-user {

    position: absolute;

    bottom: -27.5px;

    left: 20px;

    display: block;

    background-color: #fff;

    border-radius: 50%;

    padding: 2px;

    z-index: 999 !important;

    transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

}



.blog-1:hover .profile-user {

    transform: rotateY(360deg);

}



.blog-1 .post-meta {

    width: 100%;

    margin-bottom: 15px;

}



.blog-1 .post-meta ul li {

    margin: 0 0 0 10px;

    display: inline-block;

    font-size: 15px;

    text-align: right;

    float: right;

    color: #343434;

    line-height: 26px;

}



.blog-1 .post-meta ul .user {

    float: left;

    margin: 0;

}



.blog-1 .post-meta ul .date {

    float: left;

}



.blog-1 .post-meta ul li strong {

    font-weight: 500;

}



.blog-1 .post-meta ul li a {

    color: #343434;

}



.blog-1 .post-meta ul li span {

    color: #343434;

}



.blog-1 .post-meta ul li i {

    font-size: 13px;

    margin-right: 5px;

}



.blog-1 .detail h3 {

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 15px;

}



.blog-1 .detail h3 a {

    color: #262525;

}



.mr-0 {

    margin-right: 0;

}



.blog-big:hover {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.blog-big .detail {

    padding: 30px 0 50px;

}



.blog-big:hover {

    box-shadow: none;

}



.blog-big {

    box-shadow: none;

}



.blog-big .post-meta ul li {

    margin: 0 15px 0 0;

    text-align: left;

    float: left;

}



/** BLOG 2  STARTED **/

.blog-2 {

    border-radius: 0;

    border: none;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.blog-2 {

    background: #fff;

    margin: 0 1px;

}



.blog-2:hover {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.blog-2 .photo::before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    left: 0;

    bottom: 0;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.blog-2 .photo img {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transition: all 0.5s ease;

    z-index: 111;

}



.blog-2 .photo::after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    right: 0;

    top: 0;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.blog-2:hover .photo::before,
.blog-2:hover .photo::after {

    width: 100%;

    height: 100%;

    visibility: visible;

    background: rgb(12 62 185 / 51%);

    opacity: 0.5;

}



.blog-2 .photo {

    position: relative;

}



.blog-2 .photo img {

    width: 100%;

}



.blog-2 .photo .date-box {

    padding: 8px 16px;

    position: absolute;

    top: 20px;

    left: 20px;

    border-radius: 3px;

    text-align: center;

    font-weight: 600;

    background: #fff;

    z-index: 99;

    transition: background-color .9s linear;

    display: inline-block;

    vertical-align: middle;

    transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);

}



.blog-2:hover .photo .date-box {

    transform: rotateY(360deg);

}



.blog-2 .photo .date-box h5 {

    margin: 0;

    font-size: 15px;

    font-weight: 500;

}



.blog-2 .detail {

    padding: 20px 40px 20px 40px;

}



.blog-2 .detail h3 {

    margin-bottom: 10px;

    font-size: 24px;

    font-weight: 500;

}



.blog-2 .detail .post-meta {

    margin: 15px 0;

    font-size: 15px;

}



.blog-2 .detail .post-meta span {

    margin-right: 15px;

}



.blog-2 .detail .post-meta span a {

    color: #343434;

}



.blog-2 .detail .post-meta span a i {

    margin-right: 5px;

}



.bb2 .blog-2 .detail h3 {

    font-size: 22px;

}



.bb2 .blog-2 .detail {

    padding: 20px 30px;

}



/** BLOG 3 STARTED **/

.blog-3 {

    position: relative;

    height: 500px;

    overflow: hidden;

    background: #fff;

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);

    width: 100% !important;

    margin-bottom: 30px;

}



.blog-3.blog-photo {

    background-image: url(../img/blog/blog-4.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.blog-3 .date {

    position: absolute;

    top: 30px;

    right: 30px;

    display: block;

    background: #fff;

    padding: 13.5px 19.5px;

    font-size: 16px;

    text-align: center;

}



.blog-3 .date p {

    margin-bottom: 0;

    font-size: 16px;

}



.blog-3:hover .date p {

    color: #fff;

}



.blog-3:hover .date h2 {

    color: #fff;

}



.blog-3 .date h2 {

    font-weight: 700;

    font-family: 'Jost', sans-serif;

    font-size: 30px;

    margin-bottom: 0;

}



.blog-3:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 0;

    background: linear-gradient(to top, rgb(47 45 45 / 75%) 0%, rgb(0 0 0 / 34%) 35%, rgba(2, 2, 2, 0) 60%, rgba(0, 0, 0, 0) 100%);

    border-radius: 4px 4px 0 0;

    opacity: 1;

}



.blog-3:hover:before {

    background: linear-gradient(0, #154ef0c9, rgb(255 171 74 / 0%));

    opacity: .8;

}



.blog-3 h3 {

    -webkit-transition: .4s;

    transition: .4s;

    margin: 0 0 12px;

    color: #fff;

    font-weight: 500;

    font-size: 25px;

}



.blog-3 .ling-section {

    position: absolute;

    bottom: 25px;

    padding-right: 30px;

    padding-left: 30px;

    width: 100%;

}



.blog-3 h3 a {

    color: #fff;

}



.blog-3 h3 a:hover {

    color: #fff;

    opacity: 0.9;

}



.blog-3 .read-more-btn {

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 87px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.6;

    transition: 0.6;

    font-size: 15px;

    font-weight: 500;

    text-align: left;

    padding: 9.5px 22px;

    border-radius: 3px;

    background: #fff;

}



.blog-3 .read-more-btn::before {

    content: '';

    position: absolute;

    width: 0;

    -webkit-transition: .5s;

}



.blog-3 .ling-section p {

    display: inline-block;

    -webkit-transition: .4s;

    transition: .4s;

    color: #fff;

}



.blog-3:hover .read-more-btn {

    opacity: 1;

    visibility: visible;

    bottom: 0;

    text-align: left;

}



.blog-3:hover h3 {

    -webkit-transform: translateY(-50px);

    transform: translateY(-50px);

}



.blog-3:hover .ling-section p {

    -webkit-transform: translateY(-50px);

    transform: translateY(-50px);

}



.bs2 .blog-1 {

    margin-bottom: 0;

}



/** Blog 4 STARTED **/

.blog-4 {

    margin-bottom: 20px;

}



.blog-4 .date {

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    background: #fff;

    padding: 15px 10px 10px;

    text-align: center;

    width: 85px;

    height: 90px;

    margin-right: 15px;

    transition: background-color .9s linear;

    display: inline-block;

    vertical-align: middle;

    transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);

}



.blog-4:hover .date {

    transform: rotateY(360deg);

}



.blog-4 h3 {

    font-size: 20px;

    font-weight: 500;

    margin: 15px 0 5px;

}



.blog-4 h1 {

    margin: 0;

    font-size: 32px;

}



.blog-4 h5 {

    font-size: 15px;

    margin-bottom: 0;

    font-weight: 400;

    text-transform: uppercase;

}



.blog-4:hover h5 {

    color: #fff;

}



.blog-4:hover h1 {

    color: #fff;

}



.blog-4 .post-meta span a {

    margin-right: 10px;

    font-size: 15px;

}



.mb2-0 {

    margin-bottom: 0;

}



.blog-body .blog-2 {

    margin-bottom: 30px;

}



/** FOOTER  STARTED **/

.footer-1 {

    padding: 80px 0 40px;

    background: #202040;

}



.footer-1 h4 {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 25px;

    color: #fff;

}



.footer-1 .footer-item {

    margin-bottom: 40px;

}



.footer-1 .footer-inner .links li {

    margin-bottom: 15px;

    position: relative;

    line-height: 20px;

    font-size: 15px;

}



.footer-1 .footer-inner .links li a {

    color: #C5CDD9;

}



.footer-1 .footer-inner .links li a:hover {

    color: #fff;

}



.footer-1 .footer-inner p {

    color: #C5CDD9;

}



.footer-1 .footer-inner .links li a i {

    left: 0;

    position: absolute;

    top: 0;

    line-height: 22px;

}



.footer-1 .footer-inner .contact-info li {

    margin-bottom: 15px;

    font-size: 15px;

    color: #C5CDD9;

    font-weight: 400;

}



.footer-1 .footer-inner .contact-info li a {

    color: #C5CDD9;

}



.footer-1 .footer-inner .social-list li a {

    font-size: 16px;

    float: left;

    margin: 0 5px 5px 0;

    color: #fff;

    width: 45px;

    height: 45px;

    background: #1a1a38;

    text-align: center;

    line-height: 45px;

}



.footer-1 .copy {

    padding: 20px 0;

    margin: 30px 0 0;

    text-align: center;

    font-size: 15px;

    color: #bbbbbb !important;

    border-top: solid 1px #dcdcdc;

}



.footer-1 .copy a {

    color: #C5CDD9;

}



.footer-1 .footer-inner .gallery li {

    float: left;

}



.footer-1 .footer-inner .gallery li img {

    margin: 0 10px 10px 0;

    width: 70px;

    border-radius: 100px;

}



.footer-1 .fi2 {

    margin-right: 50px;

}



.footer-1 .facebook-bg:hover {

    background: #3b589e !important;

}



.footer-1 .twitter-bg:hover {

    background: #56d7fe !important;

}



.footer-1 .google-bg:hover {

    background: #dc4e41 !important;

}



.footer-1 .rss-bg:hover {

    background: #e78733 !important;

}



.footer-1 .linkedin-bg:hover {

    background: #1c82ca !important;

}



.footer-1 .subscribe-box-2 {

    margin-bottom: 20px;

}



.footer-1 .subscribe-box-2 .form-inline {

    width: 100%;

    border-radius: 3px;

}



.footer-1 .subscribe-box-2 .form-control {

    width: 70%;

    margin-right: 5%;

    height: 50px;

    padding: 10px 25px 10px 25px !important;

    font-size: 15px;

    outline: 0;

    border-radius: 3px;

    border: transparent;

}



.footer-1 .subscribe-box-2 .form-inline .btn {

    width: 25%;

    padding: 14.5px 13px;

    font-size: 13px;

    font-weight: 600;

    border-radius: 3px;

    color: #fff;

}



.sub-footer {

    background: #1a1a38;

    padding: 35px 0;

    text-align: center;

}



.sub-footer p {

    color: #C5CDD9;

    margin-bottom: 0;

}



.sub-footer p a {

    color: #C5CDD9;

}



.sub-footer p a:hover {

    color: #fff;

}



/** footer 2 area start **/

.footer-2 {

    position: relative;

    background-color: #19181a;

    text-align: center;

    padding-top: 50px;

}



.footer-2:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: url(../img/footer.png) top left repeat;

    opacity: .05;

    background-size: cover;

    background-position: 50%;

}



.footer-2 .footer-menu ul {

    margin-bottom: 40px;

}



.footer-2 .footer-menu ul li,
.footer-menu ul li a {

    display: inline-block;

    position: relative;

}



.footer-2 .footer-menu ul li a {

    color: #fff;

    margin-right: 40px;

    font-size: 15px;

    text-transform: uppercase;

    margin-bottom: 10px;

}



.footer-2 .footer-menu ul li a:before {

    position: absolute;

    top: 3px;

    right: -20px;

    width: 1px;

    height: 15px;

    background-color: #fff;

    content: "";

    opacity: .4;

}



.footer-2 .footer-menu ul li:last-child a:before {

    opacity: 0;

}



.social-media .social-list {

    margin-bottom: 50px;

}



.footer-2 .logo-image {

    margin-bottom: 35px;

}



.footer-2 .copy-right p {

    text-align: center;

    color: #fff;

    opacity: 0.9;

    margin-bottom: 0;

}



.footer-2 .copy-right p a {

    color: #fff;

    opacity: 0.9;

}



.footer-2 img {

    height: 50px;

}



.footer-2 .copy-right {

    border-top: solid 1px #a3a3a340;

    padding: 25px 0;

    text-align: center;

    font-size: 15px;

}



/** Social media area start **/

.social-media .social-list {

    display: inline-flex;

}



.social-media .icon {

    position: relative;

    background: #f3f3f3;

    border-radius: 3px;

    margin: 0 4px 3px 0;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    cursor: pointer;

    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.social-media .icon span {

    color: #fff;

}



.social-media .tooltip {

    position: absolute;

    top: 0;

    font-size: 14px;

    background-color: #ffffff;

    color: #ffffff;

    padding: 5px 8px;

    border-radius: 5px;

    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

    opacity: 0;

    pointer-events: none;

    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.social-media .tooltip::before {

    position: absolute;

    content: "";

    height: 8px;

    width: 8px;

    background-color: #ffffff;

    bottom: -3px;

    left: 50%;

    transform: translate(-50%) rotate(45deg);

    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

@media all and (max-width: 780px) {
    .social-media .tooltip{
        display: none;
    }
}

.social-media .icon:hover .tooltip {

    top: -45px;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}



.social-media .icon:hover span,

.social-media .icon:hover .tooltip {

    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);

}



.social-media .facebook:hover,

.social-media .facebook:hover .tooltip,

.social-media .facebook:hover .tooltip::before {

    background-color: #3b5999;

    color: #ffffff !important;

}



.social-media .twitter:hover,

.social-media .twitter:hover .tooltip,

.social-media .twitter:hover .tooltip::before {

    background-color: #46c1f6;

    color: #ffffff !important;

}



.social-media .linkedin:hover,

.social-media .linkedin:hover .tooltip,

.social-media .linkedin:hover .tooltip::before {

    background-color: #2392e0;

    color: #ffffff !important;

}



.social-media .instagram:hover,

.social-media .instagram:hover .tooltip,

.social-media .instagram:hover .tooltip::before {

    background-color: #e1306c;

    color: #ffffff;

}



.social-media .github:hover,

.social-media .github:hover .tooltip,

.social-media .github:hover .tooltip::before {

    background-color: #333333;

    color: #ffffff;

}



.social-media .youtube:hover,

.social-media .youtube:hover .tooltip,

.social-media .youtube:hover .tooltip::before {

    background-color: #de463b;

    color: #ffffff;

}



.social-media-two .facebook {

    background-color: #3b5999;

}



.social-media .twitter {

    background-color: #46c1f6;

}



.social-media .linkedin {

    background-color: #2392e0;

}



.social-media .instagram {

    /*background-color: #e1306c;*/
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #FFF;

}



.social-media .github {

    background-color: #333333;

}



.social-media .youtube {

    background-color: #de463b;

}



/** Footer 3 start **/

.footer-3 {

    background: url(../img/footer-2.jpg);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    /* background: #f9f9f8; */

    background-color: #111;

}



.footer-3 .s-border {

    background: #ffffff2e;

}



.footer-3 .s-border {

    width: 50px;

    height: 1px;

    margin-bottom: 2px;

    border-radius: 50px;

    background: #c5c5c5;

}



.footer-3 .m-border {

    background: #ffffff2e;

}



.footer-3 .m-border {

    width: 25px;

    height: 1px;

    margin-bottom: 30px;

    border-radius: 50px;

    background: #c5c5c5;

}



.footer-3 .container {

    z-index: 999 !important;

    color: #fff;

}



.footer-3 ul li a {

    color: #cdcdcd
}

.footer-3 ul li a:hover {
    color: #fff;
}



.footer-3 h4 {

    font-size: 21px;

    margin-bottom: 7px;

    font-weight: 500;

}



.footer-3 .footer-item {

    margin-bottom: 60px;

}



.footer-3 .footer-inner .links li {

    margin-bottom: 10px;

    font-size: 15px;

    font-weight: 500;

    padding-left: 20px;

    position: relative;

    line-height: 20px;

}



.footer-3 .footer-inner .links li a i {

    left: 0;

    position: absolute;

    top: 0;

    line-height: 22px;


}



.footer-3 .footer-inner .links li:last-child {

    margin-bottom: 0;

}



.footer-3 .footer-inner .links li a:hover {

    color: #fff;

}



.footer-3 a {

    color: #fff;

}



.footer-3 .social-media .social-list {

    margin-bottom: 0;

}



.footer-3 .footer-inner p {

    font-size: 15px;

    /* color: #343434; */

    color: #cdcdcd;

    z-index: 999;

}



.footer-3 .footer-inner p a {

    color: #343434;

}



.footer-3 .footer-inner .contact-info li {

    color: #111;

    font-size: 15px;

    line-height: 45px;

    margin-bottom: 10px;

    position: relative;

    padding-left: 55px;

}



.footer-3 .footer-inner .contact-info li i {

    font-size: 16px;

    float: left;

    left: 0;

    position: absolute;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    /* background: #e9e9e9; */

    background: linear-gradient(to right, #cb9b51 22%, #f6e27a 60%, #f6f2c0 50%, #f6e27a 60%, #cb9b51 78%);

    border-radius: 50px;

}



.footer-3 .social-media {

    /*float: right;*/

}



.footer-3 .social-media .icon {

    margin: 0 0 3px 4px;

}



.footer-3 .f-logo {

    margin-bottom: 0px;

    height: 50px;

}



.footer-3 .footer-gallery {

    max-width: 255px;

    margin-left: auto;

}



.footer-3 .footer-inner {

    padding: 80px 0 20px;

}



.footer-3 .sub-footer-2 {

    padding: 25px 0 22px;

    border-top: solid 1px #3030302e;

    text-align: center;

    margin-bottom: 0;

    color: #fff;

}



.footer-3 .sub-footer-2 p {

    margin-bottom: 0;

    /* color: #343434; */

    color: #fff;

    text-align: center;

    line-height: 50px;

}



.footer-3 .form-inline {

    width: 100%;

    border-radius: 100px;

    background: #fff;

}



.footer-3 .subscribe-newsletter .form-control {

    width: 75%;

    height: 60px;

    padding: 10px 30px;

    font-size: 17px;

    outline: 0;

    border-radius: 3px;

    border: transparent;

    margin-right: 3%;

    background: #e9e9e9;

}



.footer-3 .subscribe-newsletter .btn {

    border: none;

    color: #fff;

    padding: 15px 5px 15px 5px;

    height: 60px;

    font-size: 15px;

    top: 0;

    right: 0;

    text-transform: inherit;

    font-weight: 400;

    border-radius: 3px;

    width: 22%;

}



.footer-3 .subscribe-newsletter {

    padding: 40px 0;

    border-bottom: solid 1px #3030302e;

}



.footer-3 .subscribe-newsletter .newsletter-content-wrap {

    max-width: 550px;

    margin-left: auto;

}



.footer-3 .subscribe-newsletter h3 {

    margin-bottom: 0;

    line-height: 60px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 25px;

}



.footer-3 .recent-posts .media h5 a {

    color: #919398;

}



.footer-3 .footer-inner .text {

    margin-right: 30px;

}



.footer-3 .s-border {

    background: #3030302e;

}



.footer-3 .m-border {

    background: #3030302e;

}



.footer-3 .footer-gallery ul li {

    float: left;

    width: 75px;

    height: 75px;

    margin: 0 10px 10px 0;

    position: relative;

    overflow: hidden;

    border-radius: 5px;

}



.footer-3 .footer-gallery ul li img {

    width: 100%;

    -webkit-transition: .3s;

    transition: .3s;

    border-radius: 5px;

    cursor: pointer;

}



.footer-3 .footer-gallery ul li:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    border-radius: 5px;

}



/** HELPING CENTER AREA START **/

.helping-center ul li {

    line-height: 35px;

    font-size: 15px;

    padding-left: 25px;

    text-align: left;

}



.helping-center ul li a {

    color: #343434;

}



.helping-center ul li i {

    line-height: 35px;

    font-size: 17px;

    float: left;

    margin-left: -25px;

}



/** POSTS BY CATEGORY AREA START **/

.posts-by-category ul {

    margin: 0;

    padding: 0;

}



.posts-by-category ul li {

    padding-bottom: 7px;

    margin-bottom: 7px;

    border-bottom: dashed 1px #ededed;

}



.posts-by-category ul li a {

    color: #343434;

    font-size: 16px;

}



.posts-by-category ul li a span {

    float: right;

    color: inherit;

}



.posts-by-category ul li:last-child {

    border-bottom: none;

    padding: 0;

    margin: 0;

}



/** LATEST REVIWS BOX AREA START **/

.latest-reviews-box img {

    width: 70px;

    border-radius: 3px;

}



.latest-reviews-box h5 {

    font-size: 18px;

    margin: 0 0 5px;

    font-weight: 500;

}



.latest-reviews-box p {

    margin-bottom: 0;

}



/** TAGS BOX AREA START **/

.tags-box ul li {

    display: inline-block;

}



.tags-box ul li a {

    border: 1px solid #efefef;

    color: #4a4a4a;

    display: inline-block;

    font-size: 14px;

    margin: 0 0 3px;

    padding: 6px 15px;

    text-transform: capitalize;

    background: #efefef;

}



.tags-box ul li a:hover {

    color: #fff;

}



/** POPULAR POSTS BOX AREA START **/

.popular-posts-box img {

    width: 70px;

    border-radius: 3px;

}



.popular-posts-box h5 {

    font-size: 19px;

    margin: 0 0 7px;

    font-weight: 400;

}



.popular-posts-box .listing-post-meta {

    font-size: 15px;

    font-weight: 400;

    color: #343434;

}



.popular-posts-box .listing-post-meta a {

    color: #343434;

}



/** COUNTERS AREA START **/

.counters {

    padding: 100px 0 70px;

    background: url(../img/img-7.jpg);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.counters:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.counters .counter-box {

    padding: 20px 20px 15px;

    background: rgba(0, 0, 0, 0.36);

    -webkit-box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);

    box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);

    border-radius: 5px;

    margin-bottom: 30px;

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.counters .counter-box:hover {

    transform: scale(1.05);

    z-index: 999;

    background: #fff;

    -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF;

    box-shadow: 0px 0px 0px 2px #FFFFFF;

}



.counters .counter-box:hover p {

    color: #262525;

}



.counters .counter-box i {

    font-size: 48px;

    margin: 0 0 7px;

}



.counters .counter-box .icon {

    margin-right: 20px;

}



.counters .counter-box h1 {

    font-size: 30px;

    font-weight: 600;

    margin: 0 0 5px;

    text-align: left;

    color: #fff;

}



.counters .counter-box p {

    font-size: 16px;

    text-align: left;

    margin: 0;

    color: #fff;

    font-weight: 400;

    letter-spacing: 1px;

}



/** COUNTERS 2 AREA START **/

.counters-2 .counter-box {

    position: relative;

    z-index: 2;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);

    padding: 80px 0;

    text-align: center;

}



.counters-2 .border-l {

    border-left: solid 1px #0000001a;

}



.counters-2 .border-r {

    border-right: solid 1px #0000001a;

}



.counters-2 .counter-box i {

    font-size: 45px;

    line-height: inherit;

}





.counters-2 .counter-box:hover .icon {

    transform: rotateY(360deg);

}



.counters-2 .counter-box .icon {

    font-size: 45px;

    line-height: 100px;

    width: 100px;

    height: 100px;

    margin: 0 auto;

    background: #fff;

    border-radius: 100%;

    box-shadow: 0 0 5px rgb(0 0 0 / 10%);

    display: inline-block;

    vertical-align: middle;

    transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);

}



.counters-2 .counter-box h1 {

    font-weight: 700;

    margin: 30px 0 5px;

    font-size: 35px;

}



.counters-2 .counter-box p {

    margin: 0;

    font-size: 18px;

    font-weight: 500;

}



/** COUNTERS 3 AREA START **/

.counters-3 {

    padding: 100px 0;

    background: url(../img/img-7.jpg);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.counters-3:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.counters-3 .counter-box {

    padding: 20px 20px 15px;

    width: 50%;

    float: left;

    background: #fff;

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.counters-3 .counter-box:hover {

    transform: scale(1.05);

    z-index: 999;

    border: none;

}



.counters-3 .counter-box:hover p {

    color: #fff !important;

}



.counters-3 .counter-box:hover h1 {

    color: #fff;

}



.counters-3 .counter-box:hover i {

    color: #fff;

}



.counters-3 .counter-box i {

    font-size: 48px;

    margin: 0 0 7px;

}



.counters-3 .counter-box .icon {

    margin-right: 20px;

}



.counters-3 .counter-box h1 {

    font-size: 30px;

    font-weight: 600;

    margin: 0 0 5px;

    text-align: left;

}



.counters-3 .counter-box p {

    font-size: 17px;

    text-align: left;

    margin: 0;

    font-weight: 500;

}



.counters-3 .counter-box.b-button {

    border-bottom: solid 1px #e4e4e4;

}



.counters-3 .counter-box.b-right {

    border-right: solid 1px #e4e4e4;

}



.counters-3 .infos {

    max-width: 645px;

    margin: 0 0 0 auto;

}



.counters-3 .heading {

    max-width: 400px;

    margin-bottom: 0;

}



.counters-3 .heading h1 {

    color: #fff;

    font-size: 33px;

    margin-bottom: 0;

}



.counters-3 .heading p {

    font-weight: 600;

    font-size: 18px;

    margin-bottom: 5px;

}



/** Comon Slick start **/

.comon-slick .slick .item .property-box-3 {

    background-position: center;

    background-size: cover;

    transition: .3s;

    margin: 0;

    opacity: 1;

    -webkit-transform: scale3d(0.9, 0.9, 9);

    transform: scale3d(0.9, 0.9, 9);

    transition: all 0.3s ease-in-out;

}



.comon-slick .slick .slick-list {

    padding: 0 !important;

}



.comon-slick .slick .slick-center .property-box-3 {

    opacity: 1;

    -webkit-transform: scale3d(1.0, 1.0, 1);

    transform: scale3d(1.0, 1.0, 1);

}



.comon-slick .slick .slick-center .property-box {

    opacity: 1;

    -webkit-transform: scale3d(1.0, 1.0, 1);

    transform: scale3d(1.0, 1.0, 1);

}



.comon-slick .slick-slide {

    outline: none
}



.comon-slick .slick-prev {

    display: none !important;

}



.comon-slick .slick-next {

    display: none !important;

}



.comon-slick .csi2 .slick-prev {

    position: absolute;

    top: 48%;

    display: initial !important;

    z-index: 1;

}



.comon-slick .csi2 .slick-next {

    position: absolute;

    top: 48%;

    display: initial !important;

    z-index: 1;

}



.comon-slick .slick-prev i {

    display: none;

}



.comon-slick .slick-next i {

    display: none;

}



.comon-slick .csi2 .slick-prev {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 25%;

    border-radius: 100px;

    z-index: 99;

    left: -10px;

    text-align: center;

    background: #fff;

    border: none;

    opacity: 1;

    font-size: 20px;

    display: initial;

    box-shadow: 0 0 15px rgb(0 0 0 / 10%);

}



.comon-slick .csi2 .slick-prev::before {

    content: "←";

}



.comon-slick .csi2 .slick-next::before {

    content: "→";

}



.comon-slick .csi2 .slick-next {

    width: 50px;

    height: 50px;

    line-height: 50px;

    position: absolute;

    top: 25%;

    z-index: 99;

    right: -10px;

    text-align: center;

    background: #fff;

    opacity: 1;

    font-size: 20px;

    display: initial;

    border: none;

    border-radius: 100px;

    box-shadow: 0 0 15px rgb(0 0 0 / 10%);

}



.slide-box {

    padding: 0 15px;

}



.photo-gallery .filtr-item {

    padding: 0 15px;

}



.featured-properties .filtr-item {

    padding: 0 15px !important;

}



/** Popular places box start **/

.popular-places-box {

    position: relative;

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);

    width: 100% !important;

    margin: 0 0 15px 0;

    overflow: hidden;

}



.popular-places-box .popular-places-overflow {

    overflow: hidden;

    border-radius: 3px;

}



.popular-places-box .popular-places-photo {

    position: relative;

    transform: scale(1);

    transition: 1s;

    border-radius: 3px;

}



.popular-places-box .popular-places-photo img {

    border-radius: 3px;

    height: 280px;

    width: 100%;

}



.popular-places-box .popular-places-photo .big {

    height: 575px;

}



.popular-places-box:hover .popular-places-photo {

    transform: scale(1.2);

    border-radius: 3px;

}



.popular-places-box:hover .popular-places-photo img {

    border-radius: 3px;

}



.popular-places-box .popular-places-photo:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

    background: linear-gradient(to top, rgb(35 35 37 / 77%) 0%, rgb(35 35 37 / 39%) 35%, rgb(22 22 23 / 23%) 60%, rgba(0, 0, 0, 0) 100%);

    border-radius: 3px;

    opacity: 1;

}



.popular-places-box:hover .popular-places-photo:before {

    background: linear-gradient(0, #154ef0c9, rgb(255 171 74 / 0%));

    opacity: .9;

}



.popular-places-box h3 {

    -webkit-transition: .4s;

    transition: .4s;

    color: #fff;

    font-weight: 400;

    font-size: 22px;

    letter-spacing: 1px;

    margin-bottom: 2px;

}



.popular-places-box .listings_no {

    position: absolute;

    top: 20px;

    right: 20px;

    z-index: 20;

    font-size: 12px;

    background: rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 0px 0px 1px rgb(255 255 255 / 20%);

    box-shadow: 0px 0px 0px 1px rgb(255 255 255 / 20%);

    color: #fff;

    padding: 7px 14px 6px;

    font-weight: 500;

    border-radius: 3px;

}



.popular-places-box p {

    margin-bottom: 0;

    color: #fff;

}



.popular-places-box .ling-section {

    position: absolute;

    bottom: 20px;

    padding-right: 20px;

    padding-left: 20px;

    width: 100%;

}



.popular-places-box h3 a {

    color: #fff;

}



.popular-places-box h3 a:hover {

    color: #fff;

    opacity: 0.9;

}



.popular-places .col-pad {

    padding: 0 7.5px;

}



.services-4 {

    padding: 115px 0 50px;

}



.advanced-search-2 {

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.advanced-search .form-group {

    margin-bottom: 15px;

}



/** Coming soon start **/

.coming-soon {

    background: url(../img/banner/img-1.jpg);

    background-size: cover;

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    min-height: 100vh;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

    z-index: 0;

    text-align: center;

}



.coming-soon:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000587;

    content: "";

    z-index: -1;

    opacity: 0.6;

}



.coming-soon h1 {

    font-weight: 600;

    font-size: 52px;

    margin-bottom: 35px;

    color: #fff;

    text-transform: uppercase;

}



.coming-soon p {

    color: #fff;

    font-size: 18px;

    margin-bottom: 30px;

    font-weight: 400;

}



.coming-soon .coming-soon-info {

    max-width: 700px;

    margin: 0 auto;

}



.coming-soon ul li {

    display: inline-block;

}



.coming-soon ul li a {

    color: #fff;

    width: 45px;

    font-size: 18px;

    height: 45px;

    display: inline-block;

    line-height: 45px;

    margin: 2px;

    border-radius: 3px;

    background: rgba(0, 0, 0, 0.36);

    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);

    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);

}



.coming-soon ul li a:hover {

    background: #fff;

    -webkit-box-shadow: 0px 0px 0px 2px #fff;

    box-shadow: 0px 0px 0px 2px #fff;

}



.coming-soon-info .coming-form {

    max-width: 500px;

    margin: 0 auto 30px;

}



.coming-soon .bordered-right {

    border-right: 1px solid #848484;

}



.coming-soon .form-control {

    width: 67%;

    height: 50px;

    padding: 10px 15px;

    border-radius: 0;

    font-size: 16px;

    outline: 0;

    border: 1px solid #ebebeb;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

}



.coming-soon .btn,
.coming-soon-info .btn:hover,
.coming-soon-info .btn:active {

    width: 33%;

    border-radius: 0;

    height: 50px;

    line-height: 50px;

    padding: 0 15px;

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    cursor: pointer;

    color: #fff;

}



.coming-soon img {

    margin-bottom: 10px;

    height: 35px;

}

.coming-soon-counter {

    margin-bottom: 30px;

}



/** OPTION BAR AREA START **/

.option-bar {

    margin-bottom: 30px;

    padding: 10px 15px;

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.option-bar .title {

    color: #262525;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    margin-right: 10px;

    font-family: 'Jost', sans-serif;

    line-height: 35px;

}



.sorting-options span {

    line-height: 35px;

}



.sorting-options2 {

    float: right;

}



.option-bar .search-fields {

    min-height: 35px;

}



.option-bar .sorting .bootstrap-select button {

    line-height: 35px;

    padding: 0 15px 0 15px;

}



.change-view-btn {

    border-radius: 2px;

    background: transparent;

    padding: 6.5px 9.5px;

}



.change-view-btn:hover {

    color: #fff;

}



.active-view-btn {

    color: #fff !important;

    padding: 6.5px 8.5px;

}



.active-view-btn:hover {

    background: transparent;

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #ccc !important;

    filter: "alpha(opacity=20)";

    -ms-filter: "alpha(opacity=20)";

}



/** COMMENTS STARTED **/

.comments {

    list-style: none;

    margin: 0 0 50px;

    padding: 0;

}



.comment {

    position: relative;

}



.comment-author {

    border-radius: 50%;

    height: 80px;

    width: 80px;

    left: 0;

    position: absolute;

    top: 0;

}



.comment-author a img {

    border-radius: 50%;

    display: block;

    width: 100%;

    position: absolute;

    top: 20px;

    box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 40%);

}



.t-s {

    margin-top: 40px;

}



.t-s h2 {

    font-weight: 500;

    font-size: 22px;

    margin: 0 0 20px;

}



.comment-content {

    padding: 20px 20px 20px 60px;

    margin: 0 0 20px 40px;

    background: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.comment-content h3 {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 10px;

}



.comment-content p {

    margin-bottom: 0;

}



.comment-content .comment-rating {

    color: orange;

}



.comment-meta {

    margin-bottom: 10px;

    font-size: 15px;

}



.comment-meta a {

    margin-left: 10px;

    font-weight: 500;

}



.comments ul {

    list-style: none;

    margin: 0 0 0 80px;

    padding: 0;

}



/** CONTACT 1 STARTED **/

.contact-1 .form-control {

    width: 100%;

    padding: 10px 20px;

    font-size: 15px;

    outline: 0;

    font-weight: 500;

    color: #858585;

    height: 50px;

    border-radius: 3px;

    border: 1px solid #dbdbdb;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);

}



.contact-1 .heading {

    font-size: 25px;

    line-height: 32px;

    margin: 0 0 30px;

}



.contact-1 .text {

    margin-bottom: 50px;

    font-size: 16px;

}



.contact-1 .form-control:focus {

    color: #495057;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);

    outline: 0;

}



.contact-1 .form-group {

    margin-bottom: 20px;

}



.contact-1 .contact-inner {

    max-width: 840px;

    margin-left: auto;

}



.contact-1 textarea {

    min-height: 220px;

}



.contact-1 .btn-message {

    border-radius: 3px;

    padding: 10px 30px 11px;

}



.contact-1 .contact-info .contact-info-box i {

    width: 60px;

    line-height: 55px;

    color: #22252a;

    font-size: 40px;

}



.contact-1 .contact-info h3 {

    margin-bottom: 20px;

}



.contact-1 .contact-info .contact-info-box h5 {

    font-weight: 400;

    font-size: 17px;

    font-style: normal;

    margin: 0 0 5px;

}



.contact-1 .contact-info .contact-info-box p {

    margin-bottom: 0;

}



/** CONTACT 2 STARTED **/

.contact-2 .contact-info {

    text-align: center;

}



.contact-2 .contact-info .strong {

    font-weight: 600;

    font-size: 17px;

    color: #262525;

    margin: 5px 0 0;

}



.contact-2 .contact-info p {

    margin-bottom: 0;

}



.contact-2 .contact-info i {

    font-size: 30px;

    margin: 0 0 20px;

    font-weight: 500;

}



.contact-2 .contact-info .mrg-btn-50 {

    margin-bottom: 50px;

}



.contact-2 .form-control {

    width: 100%;

    padding: 10px 20px;

    font-size: 15px;

    outline: 0;

    font-weight: 500;

    color: #858585;

    height: 50px;

    border-radius: 3px;

    border: 1px solid #dbdbdb;

}



.contact-2 .form-control:focus {

    color: #495057;

    background-color: transparent;

    border: 1px solid #dbdbdb;

    outline: 0;

}



.contact-2 .form-group {

    margin-bottom: 20px;

}



.contact-2 textarea {

    min-height: 230px;

}



.contact-2 .btn-message {

    border-radius: 50px;

    padding: 10px 60px 11px;

}



.contact-2 .opening-hours {

    padding: 40px;

    max-width: 400px;

    margin-left: auto;

    background: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.contact-2 .opening-hours .list-style-none li {

    list-style: none;

    line-height: 35px;

    font-size: 15px;

}



.contact-2 .opening-hours strong {

    font-weight: 500;

}



.contact-2 .opening-hours span {

    float: right;

}



.contact-2 .opening-hours h3 {

    font-size: 20px;

    font-weight: 500;

    margin: 0 0 20px;

}



/** CONTACT 3 STARTED **/

.contact-3 .contact-info {

    background: #fff;

    padding: 50px;

    background: rgba(0, 0, 0, 0.04) url(../img/banner/img-1.jpg) top left repeat;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    z-index: 0;

}



.contact-3 .contact-info:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000591;

    content: "";

    z-index: -1;

    opacity: 0.7;

}



.contact-3 .contact-form {

    padding: 50px;

}



.contact-3 .contact-info h3 {

    margin-bottom: 25px;

    font-weight: 500;

    font-size: 22px;

    color: #fff;

}



.contact-3 .contact-info .mb-30 {

    margin-bottom: 30px !important;

}



.contact-3 .contact-form h3 {

    margin-bottom: 25px;

    font-weight: 500;

    font-size: 22px;

}



.contact-3 .contact-innner {

    background-color: #f6f6f6;

}



.contact-3 .contact-info .ci-box {

    margin-bottom: 20px;

    position: relative;

}



.contact-3 .contact-info .ci-box i {

    width: 65px;

    font-size: 25px;

    height: 65px;

    line-height: 65px;

    border-radius: 100%;

    background: rgba(0, 0, 0, 0.15);

    color: #fff;

    text-align: center;

}



.contact-3 .contact-info .ci-box .detail {

    margin: 5px 0 0 20px;

}



.contact-3 .contact-info .ci-box h4 {

    font-weight: 400;

    font-size: 18px;

    color: #fff;

    font-style: normal;

    margin: 0 0 5px;

}



.contact-3 .contact-info .ci-box p {

    font-size: 15px;

    color: #fff;

    margin-bottom: 0;

}



.contact-3 .contact-info .ci-box p a {

    color: #fff;

}



.contact-3 .contact-info .social-list li a {

    font-size: 18px;

    float: left;

    margin: 0 3px 3px 0;

    background: rgba(0, 0, 0, 0.15);

    color: #fff;

    width: 45px;

    height: 45px;

    text-align: center;

    line-height: 45px;

}



.contact-3 .contact-info .social-list li a:hover {

    background: #fff;

}



.contact-3 .btn-4 {

    line-height: 58px;

}



.contact-3 .form-control {

    width: 100%;

    font-size: 15px;

    outline: 0;

    border-radius: 3px;

    border: 1px solid #fff;

    background: #fff;

}



.contact-3 .form-control:focus {

    color: #495057;

    border: 1px solid #fff;

    background: #fff;

    outline: 0;

}



.contact-3 .form-floating>label {

    padding: 1rem 1rem;

}



.contact-3 .form-floating {

    color: #343434;

}



.contact-3 .form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {

    padding-top: 1.625rem;

    padding-bottom: .625rem;

    padding-right: 1rem;

    padding-left: 1rem;

}



.contact-3 textarea {

    min-height: 226px;

}



.contact-3 .btn-message {

    border-radius: 50px;

    padding: 10px 60px 11px;

}



.contact-3 .form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {

    opacity: .90;

    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);

}



/** SOCIAL MEDIA BOX **/

.social-media-box .social-list li {

    float: left;

}



.social-media-box .social-list li a {

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    display: inline-block;

    font-size: 18px;

    color: #fff;

    margin: 0 3px 4px 0;

    border-radius: 3px;

}



/** FINANCING CALCULATOR **/

.financing-calculator .form-label {

    margin-bottom: 8px;

    font-size: 16px;

    font-weight: 500;

    color: #343434;

}



.financing-calculator .form-group {

    margin-bottom: 20px;

}



/** BRAND AREA START **/

.brand-box {

    text-align: center;

    padding: 20px;

    background: #f9f9f9;

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

}



.brand-box h5 {

    font-weight: 400;

    margin: 10px 0 0;

    font-size: 18px;

}



.brand-box img {

    height: 60px;

}



.view-all h3 {

    margin-bottom: 20px;

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

}



.view-all ul {

    margin-bottom: 20px;

}



.view-all ul li {

    display: inline-block;

}



.view-all ul li a {

    width: 45px;

    height: 45px;

    line-height: 45px;

    margin-bottom: 5px;

    text-align: center;

    display: inline-block;

    font-size: 17px;

    font-weight: 500;

    background: #f9f9f9;

}



.search-brand-section .search-box {

    width: 100%;

    max-width: 500px;

    margin: 0 auto;

}



.search-brand-section .form-search .form-control {

    border: 1px solid #f9f9f9;

    background: #f9f9f9;

    border-radius: 3px;

    height: 55px;

}



.search-brand-section .form-search .btn {

    background: none;

    position: absolute;

    right: 0;

    top: 0;

    padding: 14.5px;

}



.blog-body .form-search .form-group,
.form-search .form-control {

    width: 100%;

    max-width: 100%;

}



/** SERVICE INFO 5 AREA START **/

.service-info-5 {

    margin: 50px 0 30px;

    border: none;

    box-shadow: 0 0 10px 1px rgb(71 85 95 / 8%);

    position: relative;

    padding: 80px 25px 30px;

    text-align: center;

    background: #fff;

    -webkit-transition: all 0.9s;

    transition: all 0.9s;

    border-radius: 5px;

    z-index: 1;

}



.service-info-5:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.service-info-5 h4 {

    margin-bottom: 10px;

    font-weight: 500;

    font-size: 22px;

}



.service-info-5 p {

    margin-bottom: 0;

}



.service-info-5 .icon {

    position: absolute;

    left: 0;

    top: -50px;

    width: 100%;

    font-size: 40px;

}



.service-info-5 .service-i {

    height: 100px;

    line-height: 100px;

    max-width: 100px;

    margin: 0 auto;

    background: #ffffff;

    border: solid 3px #ffffff;

    border-radius: 100px;

    box-shadow: 0 0 10px 1px rgb(71 85 95 / 8%);

}



.service-info-5::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0;

    -webkit-transition: all 0.9s;

    transition: all 0.9s;

    z-index: -1;

    border-radius: 5px;

}



.service-info-5:hover::before {

    height: 100%;

}



.service-info-5:hover p {

    color: #fff;

}



.service-info-5:hover h4 a {

    color: #fff;

}



.mt-30 {

    margin-top: 30px;

}



.section-2 {

    background: #f5f5f5;

}



.btn-outline-2 {

    padding: 11px 35px 10px;

    font-size: 16px;

    font-weight: 400;

    border-radius: 3px;

    box-shadow: 0 0 5px rgb(0 0 0 / 10%);

}



/** Our newslatters 2 **/

.our-newslatters-2 {

    background: url(../img/banner/img-1.jpg);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 30px 0;

}



.our-newslatters-2:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.our-newslatters-2 .subscribe-box {

    margin-top: 10px;

}



.our-newslatters-2 .form-inline {

    width: 100%;

    border-radius: 50px;

    background: #fff;

}



.our-newslatters-2 form .form-control {

    width: 70%;

    height: 60px;

    padding: 10px 25px 10px 25px !important;

    font-size: 17px;

    outline: 0;

    border-radius: 50px;

    border: transparent;

}



.our-newslatters-2 .form-inline .btn {

    width: 30%;

    padding: 15.5px 13px;

    font-size: 13px;

    font-weight: 600;

    border-radius: 100px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #fff;

    background: #0b0b0b;

}



.our-newslatters-2:before {

    opacity: 0.7;

    content: "";

    display: block;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    position: absolute;

}



.intro-text .icon {

    background: #fff;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    font-size: 35px;

    border-radius: 100px;

    margin-right: 20px;

    box-shadow: 0 0 5px rgb(0 0 0 / 10%);

}



.intro-text h3 {

    font-size: 22px;

    font-weight: 500;

    margin: 12px 0 5px;

    color: #fff;

}



.intro-text p {

    margin-bottom: 0;

    color: #fff;

}



/** Our newslatters 3 **/

.our-newslatters-3 {

    padding: 50px 0;

    display: inline-block;

    width: 100%;

}



.our-newslatters-3 .intro-text h3 {

    font-size: 28px;

    margin: 0 0 5px;

    color: #fff;

    line-height: normal;

    font-weight: 500;

    text-transform: uppercase;

}



.our-newslatters-3 p {

    color: #fff !important;

    margin-bottom: 0;

    font-weight: 400;

    font-size: 16px;

}



.our-newslatters-3 .contact-us-today {

    background: #fff;

    padding: 19px 40px 17px;

    border-radius: 50px;

    color: #353434;

    font-weight: 600;

    margin-top: 7.5px;

}



.our-newslatters-3 .contact-us-today:hover {

    box-shadow: 0 0 35px rgb(0 0 0 / 10%);

}



.our-newslatters-3 .subscribe-box {

    display: inline-block;

    float: right;

}



.our-newslatters-3 {

    background: #274abb;

}



/** CONTENT AREA AREA START **/

.content-area {

    padding: 100px 0 70px;

}



.content-area-2 {

    margin-bottom: 100px;

}



.content-area-3 {

    margin-bottom: 50px;

}



.content-area-4 {

    padding: 80px 0 30px;

}



.content-area-5 {

    padding: 100px 0;

}



.content-area-6 {

    padding: 80px 0 30px;

}



.content-area-7 {

    padding: 80px 0 30px;

}



.content-area-8 {

    padding: 100px 0 85px;

}



.content-area-9 {

    padding: 100px 0 0;

}



.content-area-11 {

    padding: 100px 0;

}



.content-area-12 {

    padding: 100px 0 50px;

}



.content-area-13 {

    padding: 100px 0 60px;

}



.content-area-14 {

    padding: 100px 0 50px;

}



.content-area-15 {

    padding: 159px 0 70px;

}



.content-area-16 {

    padding: 135px 0 70px;

}



.content-area-17 {

    padding: 100px 0 50px;

}



.content-area-18 {

    padding: 35px 0 50px;

}



.theme img {

    margin-bottom: 30px;

}



.content-area-19 {

    padding: 100px 0 80px;

}



/** HELPING SENTAR AREA START **/

.helping-sentar {

    padding-top: 90px;

}



.helping-sentar .contact-1 .form-group {

    margin-bottom: 25px;

}



.helping-sentar .contact-1 textarea {

    min-height: 150px;

}



/** ADVANCE SEARCH **/

.show-more-options {

    font-weight: 500;

    font-size: 15px;

    margin-bottom: 20px;

    display: block;

}



.pagination-box {

    margin-bottom: 25px;

}



.pagination {

    padding-left: 0;

    border-radius: 4px;

    display: inline-block;

}



.pagination li {

    display: inline-block;

}



.pagination>li>a {

    color: #212529;

    font-size: 18px;

    background: #fff;

    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);

}



.pagination>li>a,
.pagination>li>span {

    border-radius: 0;

    margin: 0 0 5px;

    width: 40px;

    height: 40px;

    text-align: center;

    padding: 0;

    line-height: 40px;

    border: none;

}



.pagination>li>a:hover {

    color: #fff;

}



.pagination>li>.active {

    color: #;

    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);

}



.page-link:focus {

    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);

}



/** PARTNERS AREA START **/

.partners {

    text-align: center;

    padding: 40px 0 35px;

}



/** PARTNERS AREA START **/

.partners {

    text-align: center;

    padding: 50px 0 40px;

}



.partners h4 {

    font-weight: 500;

    margin: 0 0 20px;

    text-transform: uppercase;

    font-size: 20px;

}



.partners img {

    max-width: 150px;

    margin: 0 auto;

}



.partners .custom-slider {

    width: 100%;

    margin: auto;

}



.partners .slick-slider {

    user-select: none;

}



.partners .slick-next {

    right: 0;

    display: none !important;

}



.partners .slick-prev {

    left: 0;

    display: none !important;

}



/** SIDEBAR WIDGET AREA START **/

.sidebar-right {

    margin: 0 0 30px 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: #fff;

}



.sidebar-left {

    margin: 0 0 30px 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: #fff;

}



.widget {

    padding: 30px 25px;

    border-bottom: solid 1px #eaeaea;

}



.widget-2 {

    margin-bottom: 40px;

    padding: 20px;

}



.wdt-2 {

    border-bottom: none;

}



.single-block {

    margin-bottom: 30px;

}



.sidebar-title {

    font-size: 22px;

    position: relative;

    margin: 0 0 20px;

    font-weight: 500;

}



.sidebar .search-box {

    padding: 20px 20px 0 20px;

    margin-bottom: 0;

}



.form-search {

    position: relative;

}



.form-search .form-control {

    border: 1px solid #dcdcdc;

    box-shadow: none;

    border-radius: 3px;

    height: 50px;

}



.form-search .btn {

    background: none;

    position: absolute;

    right: 0;

    top: 0;

    padding: 9px 12px 9px 13px;

}



.form-search .btn:active,

.form-search .btn:focus {

    box-shadow: none;

    outline: none;

}



.form-search .btn i {

    color: #777;

}



.form-search .form-group,
.form-search .form-control {

    width: 100%;

}



.range-slider {

    margin-top: 15px;

    margin-bottom: 30px;

}



.range-slider .ui-slider {

    position: relative;

    text-align: left;

}



.range-slider label {

    font-size: 16px;

    color: #343434;

    font-weight: 600;

    margin-bottom: 12px;

}



.range-slider .ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 12px;

    height: 12px;

    border-radius: 0;

    border: 2px solid #66676b;

    cursor: w-resize;

    outline: none;

    top: -4px;

    margin-left: -8px;

    box-shadow: none !important;

}



.range-slider .ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    display: block;

    border: 0;

    background-position: 0 0;

}



.range-slider .ui-slider .ui-slider-handle {}



.range-slider .ui-widget-content {

    background-color: #ccc;

}



.range-slider .ui-widget-header {}



.range-slider .ui-slider.ui-state-disabled .ui-slider-handle,
.range-slider .ui-slider.ui-state-disabled .ui-slider-range {

    filter: inherit;

}



.range-slider .ui-slider-horizontal {

    height: 4px;

    border-radius: 0;

    width: calc(100% - 16px);

    margin-left: 8px;

}



.range-slider .ui-slider-horizontal .ui-slider-range {

    top: 0;

    height: 100%;

}



.range-slider .ui-slider-horizontal .ui-slider-range-min {

    left: 0;

}



.range-slider .ui-slider-horizontal .ui-slider-range-max {

    right: 0;

}



.min-value:focus,
.max-value:focus,
.min-value,
.max-value {

    width: 60%;

    display: inline-block;

    border: 0;

    background-color: transparent;

    padding: 0;

    margin: 12px 0 0 0;

    cursor: default;

}



.min-value {

    float: left;

    margin-left: -8px;

    width: 45%;

    margin-right: -8px;

    font-size: 13px;

    font-weight: 600;

    margin-top: 15px;

}



.max-value {

    float: right;

    width: 55%;

    text-align: right;

    margin-right: -8px;

    font-size: 13px;

    font-weight: 600;

    margin-top: 15px;

}



.sidebar .recent-properties-box .detail header {

    padding-bottom: 0;

}



/** CONTACT AREA START **/

.contact-map {

    height: 350px !important;

}



.contact-map-content .map-content {

    width: 250px;

}



.location .contact-map {

    height: 400px !important;

}



/** SUB BANNER AREA START **/

.sub-banner {

    background: rgba(0, 0, 0, 0.04) url(../img/img-6.jpg) top left repeat;

    background-size: cover;

    padding: 157px 0 100px;

    z-index: 1;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

}



.sub-banner:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgb(36 10 99 / 38%);

    content: "";

    z-index: -1;

    opacity: 0.9;

}



.sub-banner h1 {

    font-size: 27px;

    font-weight: 500;

    margin: 0;

    color: #fff;

}



.sub-banner .breadcrumb-area {

    text-align: right;

}



.sub-banner .breadcrumb-area ul li {

    display: inline-block;

    line-height: 32px;

    /* color: #fff; */

    background: linear-gradient(to right, #cb9b51 22%, #f6e27a 60%, #f6f2c0 50%, #f6e27a 60%, #cb9b51 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 17px;

}



.sub-banner .breadcrumb-area ul li a {

    /* color: #fff; */
    background: linear-gradient(to right, #cb9b51 22%, #f6e27a 60%, #f6f2c0 50%, #f6e27a 60%, #cb9b51 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}



.sub-banner .breadcrumb-area ul li a:hover {

    color: #dedede;

}



.sub-banner .breadcrumb-area ul li span {

    margin: 0 5px;

    color: #fff;

}



/** BLOG SOCIAL LIST START **/

.blog-social-list {

    float: right;

}



.blog-social-list a {

    text-align: center;

    display: inline-block;

    list-style: none;

}



.blog-social-list span {

    margin-right: 5px;

    font-weight: 600;

    font-size: 18px;

    color: #262525;

}



.blog-social-list a {

    width: 42px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    display: inline-block;

    font-size: 16px;

    color: #fff;

    margin: 0 0 2px 0;

    border-radius: 5%;

}



.blog-tags a {

    display: inline-block;

    font-size: 16px;

    margin: 0 0 2px;

    padding: 8px 15px;

    text-transform: capitalize;

    border: 1px solid #efefef;

    background: #efefef;

    color: #4a4a4a;

}



.blog-tags span {

    margin-right: 5px;

    font-weight: 600;

    color: #262525;

    font-size: 18px;

}



blockquote {

    padding: 20px 20px;

    margin: 0 0 20px;

    font-size: 15px;

    line-height: 26px;

    color: #262525;

    background: #f8f9fa;

}



/** MY PROFILE AREA START **/

.my-account-box {

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.my-account-box ul li a {

    border-bottom: 1px solid #f5f5f5;

    padding: 12.5px 20px 12.5px 20px;

    width: 100%;

    display: block;

    font-size: 16px;

    color: #343434;

}



.my-account-box ul li a i {

    margin-right: 10px;

}



.my-address form .form-group {

    margin-bottom: 20px;

}



.my-address form .form-control {

    width: 100%;

    padding: 10px 17px;

    font-size: 15px;

    border: 1px solid #cac8c8;

    outline: none;

    height: 50px;

    border-radius: 3px;

    line-height: 30px;

}



.my-address form textarea {

    min-height: 150px;

}



.my-address form label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-size: 16px;

    color: #343434;

}



.my-address {

    background: #fff;

    padding: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.edit-profile-photo {

    position: relative;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    margin: 0 auto;

}



.edit-profile-photo img {

    width: 100%;

}



.change-photo-btn {

    border-radius: 2px;

    display: inline-block;

    position: absolute;

    font-size: 13px;

    bottom: 15px;

    left: 15px;

    width: auto;

    background-color: #fff;

    color: #333;

    transition: 0.3s;

    cursor: pointer;

    line-height: 28px;

}



.photoUpload {

    position: relative;

    overflow: hidden;

    padding: 3px 12px;

    cursor: pointer;

}



.photoUpload span {

    color: #fff;

    font-weight: 600;

}



.photoUpload input.upload {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}



.my-account-box {

    margin-bottom: 50px;

}



.my-address {

    margin-bottom: 30px;

}



/** Manaage table start **/

.manage-table .listing-photoo {

    width: 19%;

}



.manage-table .listing-photoo img {

    width: 100%;

    border-radius: 4px;

}



.manage-table .title-container {

    width: 40%;

    padding: 25px 0 0 20px;

}



.manage-table .title-container h5 {

    font-size: 19px;

    margin: 0 0 10px;

    font-weight: 500;

}



.manage-table .title-container p {

    font-size: 15px;

    margin-bottom: 0;

}



.manage-table .title-container h6 {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 7px;

}



.manage-table .action {

    width: 13%;

    padding-left: 0;

}



.manage-table .date {

    width: 13%;

    color: #343434;

    padding-left: 0;

    font-size: 15px;

}



.manage-table .action ul li a {

    font-size: 14px;

    text-align: center;

    font-weight: 400;

    color: #343434;

}



.manage-table .action ul li a i {

    margin-right: 2px;

}



.manage-table .action ul li .dlt {

    background: #f5f6f7;

    padding: 5px 12px;

    border-radius: 3px;

    font-size: 13px;

}



.manage-table .title-container h5 a:hover {

    color: #4a4747;

}



.manage-table thead tr {

    margin-bottom: 30px !important;

    border-bottom: transparent;

}



.manage-table thead tr th {

    padding: 0 0 5px 0;

    font-weight: 400;

    color: #343434;

    border-right: none;

    font-size: 18px;

}



.manage-table tbody tr td {

    padding: 25px 0 0 0;

}



/** My Property  STARTED **/

.footer .listing-meta span a {

    text-decoration: none;

    float: right;

    margin-left: 15px;

    color: #525252;

}



.footer .listing-meta span a i {

    margin-right: 4px;

}



.footer .listing-meta span a:hover {

    color: #8c8c8c;

}



.heading {

    margin: 0 0 30px;

    /* font-size: 20px; */

    font-weight: 500;

}



.heading-2 {

    margin: 0 0 20px;

    font-size: 22px;

    font-weight: 500;

}



.heading-2.mb-10 {

    margin-bottom: 10px;

}

/** typography 2 start **/

.typography-2 .heading {

    text-transform: uppercase;

    margin: 20px 0;

}



.typography-2 .sd p {

    margin-bottom: 40px;

}



.hr-title.hr-long {

    width: 50%;

    margin: 20px auto 20px;

}



.hr-title {

    border-top-style: solid;

    border-top-width: 1px;

    font-size: 16px;

    text-align: center;

    line-height: 20px;

    margin: 10px 0;

    height: auto;

    color: #bbb;

}



.hr-title abbr {

    background-color: #fff;

    padding: 2px 10px;

    border-radius: 2px;

    position: relative;

    top: -10px;

    letter-spacing: .2em;

}



.typography-2 address {

    margin-bottom: 20px;

    font-style: normal;

    font-size: 14px;

    line-height: 26px;

    color: #343434;

}



/** typography start **/

.typography .headline {

    font-size: 22px;

    margin: 0 0 20px 0;

}



.typography blockquote {

    padding: 30px 30px;

    margin: 0 0 20px;

    font-size: 17px;

    line-height: 25px;

    color: #343434;

    border-left: 5px solid #eeeeee;

}



.typography mark.color {

    border-radius: 3px;

}



.typography mark {

    background: #ff0;

    color: #8a803e;

}



.typography mark,
.mark {

    background-color: #fcf8e3;

    padding: 3px 5px;

    border-radius: 3px;

}



.typography .list-3 li:first-child,
.list-2 li:first-child,
.list-1 li:first-child {

    margin-top: 0;

}



.typography .list-3 li,
.list-2 li,
.list-1 li {

    list-style: none;

    margin: 14px 0;

    line-height: 27px;

    margin-left: 27px;

    position: relative;

    color: #343434;

}



.typography .list-3,
.list-2,
.list-1 {

    padding: 5px 0 0 0;

}



.typography .list-2 li:before {

    content: "\f00c";

    font-size: 14px;

}



.typography .list-1 li:before {

    content: "\f0c8";

    font-size: 8px;

}



.typography .list-3 li:before,
.list-2 li:before,
.list-1 li:before {

    font-family: "FontAwesome";

    margin: 0;

    position: relative;

    color: #66676b;

    float: left;

    margin-left: -27px;

    display: block;

}



.typography .list-3 li:before {

    content: "\f058";

    font-size: 15px;

    top: 1px;

}



.typography .numbered ol {

    counter-reset: li;

    list-style: none;

    padding: 0;

    margin-left: 18px;

    display: inline-block;

}



.typography .numbered ol li {

    display: inline-block;

    padding: 6px 0;

    width: 100%;

    color: #343434;

}



.typography .numbered.color ol>li::before {

    border: 1px solid #274abb;

    color: #274abb;

}



.typography .numbered.color ol>li::before {

    border: 1px solid #66676b;

    color: #66676b;

}



.typography .numbered ol>li::before {

    content: counter(li);

    counter-increment: li;

    font-size: 16px;

    line-height: 34px;

    width: 36px;

    height: 36px;

    display: inline-block;

    border: 1px solid #333;

    border-radius: 0%;

    text-align: center;

    margin: 0;

    margin-left: 0;

    font-weight: 500;

    color: #333;

    position: relative;

    float: left;

    left: -18px;

    transform: translateY(-20%);

}



.typography .numbered.color.filled ol>li::before {

    color: #fff;

}



.typography .demo h1,
.demo h2,
.demo h3,
.demo h4,
.demo h5,
.demo h6 {

    line-height: 40px;

}



/** PROPERTIES AMENITIES AREA START **/

.properties-amenities ul li {

    margin-bottom: 10px;

    font-size: 16px;

}



.properties-amenities ul li i {

    margin-right: 5px;

    text-align: center;

    font-size: 16px;

    font-weight: 400;

}



.properties-condition ul li {

    margin-bottom: 10px;

    font-size: 16px;

}



.properties-condition ul li i {

    margin-right: 5px;

    text-align: center;

    font-size: 16px;

}



.inside-properties iframe {

    width: 100% !important;

    border: 0;

    height: 360px;

}



.detail-slider-full .thumbs img {

    width: 149px;

    height: 95px;

}



.detail-slider-full .item img {

    height: 450px;

}



.search-banner {

    margin: 0;

    padding: 50px 15px 30px;

    background-color: #f9f9f8;

}



.search-banner .search-title {

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 25px;

}



.search-banner .show-more-options {

    margin-bottom: 20px;

    display: block;

}



.search-banner .form-group {

    margin-bottom: 15px;

}



.search-banner .mb-30 {

    margin-bottom: 30px;

}



.search-banner .accordion-item {

    background-color: transparent;

}



.search-banner-two {

    padding: 107px 15px 30px;

}



.property-details ul li {

    font-weight: 400;

    margin-bottom: 7px;

    font-size: 16px;

}



.property-details ul li strong {

    margin-right: 5px;

    font-weight: 500;

}



.properties-details-page .heading {

    margin-bottom: 20px;

    font-size: 20px;

    font-weight: 500;

}



.properties-details-page iframe,
.modal-body iframe .element.style {

    height: 350px;

}



.properties-details-page iframe,
.modal-body iframe {

    width: 100%;

    border: none !important;

}



/** HEADING PROPERTIES 2 AREA START **/

.heading-properties-2 {

    margin-bottom: 20px;

}



.heading-properties-2 h3 {

    margin-top: 0;

    font-weight: 500;

    font-size: 26px;

}



.heading-properties-2 .pull-right {

    text-align: right;

}



.heading-properties-2 p {

    margin-bottom: 0;

    font-size: 16px;

}



.hp-3 {

    margin-bottom: 40px;

    padding: 20px;

}



.hp-3 h3 {

    color: #fff;

}



.hp-3 h3 span {

    color: #fff !important;

}



.hp-3 p {

    color: #fff;

}



.carousel-inner img {

    width: 100%;

}



.list-inline-item:not(:last-child) {

    margin-right: 1px;

}



.what-nearby ul {

    margin-bottom: 30px;

}



.what-nearby ul li {

    margin-bottom: 10px;

    font-size: 15px;

}



.what-nearby ul li span {

    float: right;

}



.what-nearby ul li i {

    color: orange;

}



.what-nearby h4 {

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 20px;

}



.what-nearby strong {

    font-weight: 500 !important;

}



/** PROPERTIES SLIDER SECTION AREA START **/

.properties-slider-section {

    width: 100%;

    display: block;

    margin: 0 auto 40px;

}



.properties-slider-section .slick-prev {

    display: none !important;

}



.properties-slider-section .slick-arrow {

    display: none !important;

}



.properties-slider-section button {

    display: none;

}



.properties-slider-section .slick-slide img {

    display: inline-block;

}



.properties-slider-section .slider-nav img {

    cursor: pointer;

}



/** Rating area start **/

.rating-area {

    margin-bottom: 50px;

    width: 100%;

}



.rating-area .average-rating {

    width: 22%;

    float: left;

}



.rating-area .rating-details {

    width: 75%;

    float: left;

    padding: 20px 0 0 20px;

}



.rating-area .average-rating {

    padding: 25px 5px;

    text-align: center;

    border-radius: 0;

    background: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}



.rating-area .average-rating h1 {

    color: #fff;

    font-weight: 600;

    font-size: 45px;

    margin-bottom: 0;

}



.rating-area .average-rating .ratings i {

    color: orange;

}



.rating-area .average-rating h4 {

    font-size: 16px;

    margin: 0 0 5px;

}



.progress {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 20px;

    overflow: hidden;

    font-size: .75rem;

    background-color: #e9ecef;

    border-radius: .25rem;

}



.rating-area .progress-info .progress {

    height: 6px;

}



.rating-area .progress-info {

    width: 50%;

    float: left;

    padding: 0 10px;

}



.rating-area .progress-info p {

    margin-bottom: 5px;

    font-size: 16px;

}



.rating-area .progress-info span {

    float: right;

}



/** FLOOR PLANS AREA START **/

.floor-plans table {

    width: 100%;

    margin-bottom: 40px;

    border: 1px solid rgba(0, 0, 0, 0.07);

}



.floor-plans img {

    width: 100%;

}



.floor-plans table tr:first-child {

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



.floor-plans table td,
table th {

    padding: 10px 15px;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

}



.floor-plans table td {

    font-size: 15px;

}



/** TABBING BOX AREA START **/

.tabbing-box .tab-pane {

    padding-top: 30px;

}



.tabbing-box .nav-tabs {

    background: #f9f9f8;

    border-bottom: solid 1px #f9f9f8;

}



.tabbing-box .nav-tabs li {

    font-size: 16px;

    font-weight: 500;

}



.tabbing-box .nav-tabs .nav-link {

    padding: 11px 25px;

    color: #262525;

}



.tabbing-box .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    color: #fff;

    border-radius: 0;

}



.tabbing-box .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {

    border-radius: 0;

    color: #fff;

}



.tabbing-box .nav-tabs .nav-link {

    border: none;

}



/** COMPARE TABLE **/

.compare-table tr {

    border: 1px solid #ececec;

}



.compare-table tr:first-child {

    border-top: none;

}



.compare-table tr td:first-child {

    width: 350px;

    background: #f8f9fa;

}



.compare-table tr td {

    box-sizing: border-box;

    font-size: 15px;

    padding: 20px 15px;

    text-align: center;

    width: 395px;

    font-weight: 500;

    color: #343434;

}



.compare-table tr td .fa-times {

    color: red;

}



.compare-table tr td .fa-check {

    color: green;

}



.compare-properties {

    position: relative;

    margin-bottom: 30px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}



.compare-properties .detail .location {

    margin: 0 0 15px;

    font-size: 15px;

}



.compare-properties .detail .location a {

    color: #343434;

}



.compare-properties .detail .title {

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 10px;

}



.compare-properties .detail .title a:hover {

    color: #343434;

}



.compare-properties .detail {

    padding: 25px 25px 20px;

    background: white;

}



.search-compare {

    margin-bottom: 40px;

}



.search-compare .form-group {

    margin-bottom: 10px;

}



.search-compare h4 {

    font-size: 25px;

    margin: 0 0 20px;

    font-weight: 500;

    text-align: center;

}



.compare-table table {

    caption-side: bottom;

    border-collapse: collapse;

    width: 100%;

    border-top: 1px solid #ececec;

}



/** FAQ **/

.faq-box {

    border: 1px solid transparent;

    border-radius: 0;

    margin-bottom: 0;

}



.faq-box h5 .btn-link {

    padding: 25px 20px;

    width: 100%;

    text-align: left;

    display: inline-block;

    text-decoration: none;

    font-size: 16px;

    color: #343434;

}



.faq-box .card-header {

    padding: 0;

    margin: 0;

    font-size: 14px;

    border-bottom: solid 1px #d8d8d8;

}



.faq-box .card-body p {

    line-height: 27px;

}



.faq-box .card-body span {

    font-size: 14px;

}



.faq-box .card-body span a {

    font-weight: 500;

}



.bd-none {

    border-bottom: 1px none;

}



/** Faq info start **/

.faq-info .nav-tabs {

    background: transparent;

    border-bottom: none;

    margin-bottom: 30px;

}



.faq-info p {

    margin-bottom: 0;

}



.faq-info .nav-tabs .nav-link {

    display: block;

    padding: 12px 20px 12px;

    border-radius: 0;

    background: #fff;

    color: #343434;

}



.faq-info .nav-tabs .nav-link.active {

    color: #fff;

}



.faq-info .nav-tabs .nav-link:hover {

    color: #fff;

}



.faq-info .accordion-button {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    font-weight: 400;

    padding: 20px;

    font-size: 16px;

    color: #262525;

    text-align: left;

    background-color: #f7f7f7;

    box-shadow: none;

    border: 0;

    border-radius: 0;

    overflow-anchor: none;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;

    margin-bottom: 10px;

}



.faq-info .accordion-button:focus {

    z-index: 3;

    outline: 0;

    background-color: #f7f7f7;

    box-shadow: none;

}



.faq-info .accordion-item {

    border: none;

}



.faq-info .accordion-body {

    padding: 20px 0 30px;

}



.faq-info .accordion-body p {

    margin-bottom: 0;

}



.faq-info .accordion-button:not(.collapsed)::after {

    background-image: url(../img/down.png);

    transform: rotate(-180deg);

}



.faq-info.other-features .accordion-button {

    font-size: 16px;

    color: #383737;

    font-weight: 500;

    background-color: transparent;

    margin-bottom: 30px;

    padding: 0 0 0 30px !important;

}



.faq-info.other-features .accordion-button::after {

    margin-right: auto;

    position: absolute;

    left: 0;

}



.faq-info.other-features .accordion-body {

    padding: 0 0 10px;

}



.faq-info.other-features .checkbox label::before {

    left: 0;

    margin-left: -18px;

    border-radius: 0;

}



/** SUBMIT PROPERTY AREA START **/

.submit-property {

    overflow: hidden;

}

.submit-property .checkbox {

    padding-left: 0;

    margin-bottom: 10px;

}



.notification-box {

    padding: 30px;

    color: #2e86b2;

    margin-bottom: 50px;

    background-color: #bae8ff;

}



.submit-property .heading-2 {

    margin: 0 0 20px;

    font-size: 20px;

    font-weight: 500;

}



.notification-box h3 {

    margin: 0 0 10px;

    font-weight: 500;

    font-size: 20px;

}



.notification-box p {

    font-size: 17px;

    margin: 0;

}



.submit-address form .input-text {

    width: 100%;

    padding: 10px 17px;

    font-size: 15px;

    border: 1px solid #cac8c8;

    outline: none;

    color: #6c6c6c;

    height: 50px;

    border-radius: 2px;

}



.submit-address .search-fields {

    min-height: 45px;

    border-radius: 2px;

}



.submit-address form textarea {

    min-height: 200px;

}



.submit-address form label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-size: 16px;

    color: #343434;

}



.submit-address form .form-group {

    margin-bottom: 20px;

}



.dropzone-design {

    border: 2px dashed #d0d0d0;

    min-height: 100px;

}



.dropzone-design,
.dropzone-design * {

    box-sizing: border-box;

}



.dropzone-design {

    min-height: 150px;

    border: 2px solid rgba(0, 0, 0, 0.3);

    background: white;

    padding: 20px 20px;

}



.dropzone-design.dz-clickable {

    cursor: pointer;

}



.dropzone-design.dz-clickable * {

    cursor: default;

}



.dropzone-design.dz-clickable .dz-message,
.dropzone-design.dz-clickable .dz-message * {

    cursor: pointer;

}



.dropzone-design.dz-started .dz-message {

    display: none;

}



.dropzone-design.dz-drag-hover {

    border-style: solid;

}



.dropzone-design.dz-drag-hover .dz-message {

    opacity: 0.5;

}



.dropzone-design .dz-preview {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 16px;

    min-height: 100px;

}



.dropzone-design .dz-preview:hover {

    z-index: 1000;

}



.dropzone-design .dz-preview:hover .dz-details {

    opacity: 1;

}



.dropzone-design .dz-preview.dz-file-preview .dz-image {

    border-radius: 3px;

    background: #999;

    background: linear-gradient(to bottom, #eee, #ddd);

}



.dropzone-design .dz-preview.dz-file-preview .dz-details {

    opacity: 1;

}



.dropzone-design .dz-preview.dz-image-preview {

    background: white;

}



.dropzone-design .dz-preview.dz-image-preview .dz-details {

    -webkit-transition: opacity 0.2s linear;

    -moz-transition: opacity 0.2s linear;

    -ms-transition: opacity 0.2s linear;

    -o-transition: opacity 0.2s linear;

    transition: opacity 0.2s linear;

}



.dropzone-design .dz-preview .dz-remove {

    font-size: 14px;

    text-align: center;

    display: block;

    cursor: pointer;

    border: none;

}



.dropzone-design .dz-preview .dz-remove:hover {

    text-decoration: underline;

}



.dropzone-design .dz-preview:hover .dz-details {

    opacity: 1;

}



.dropzone-design .dz-preview .dz-details {

    z-index: 20;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    font-size: 13px;

    min-width: 100%;

    max-width: 100%;

    padding: 2em 1em;

    text-align: center;

    color: rgba(0, 0, 0, 0.9);

    line-height: 150%;

}



.dropzone-design .dz-preview .dz-details .dz-size {

    margin-bottom: 1em;

    font-size: 16px;

}



.dropzone-design .dz-preview .dz-details .dz-filename {

    white-space: nowrap;

}



.dropzone-design .dz-preview .dz-details .dz-filename:hover span {

    border: 1px solid rgba(200, 200, 200, 0.8);

    background-color: rgba(255, 255, 255, 0.8);

}



.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) {

    overflow: hidden;

    text-overflow: ellipsis;

}



.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) span {

    border: 1px solid transparent;

}



.dropzone-design .dz-preview .dz-details .dz-filename span,
.dropzone-design .dz-preview .dz-details .dz-size span {

    background-color: rgba(255, 255, 255, 0.4);

    padding: 0 0.4em;

    border-radius: 3px;

}



.dropzone-design .dz-preview:hover .dz-image img {

    -webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -ms-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

    -webkit-filter: blur(8px);

    filter: blur(8px);

}



.dropzone-design .dz-preview .dz-image {

    border-radius: 3px;

    overflow: hidden;

    width: 120px;

    height: 120px;

    position: relative;

    transition: all 0.3s;

    display: block;

    z-index: 10;

}



.dropzone-design .dz-preview .dz-image img {

    display: block;

    filter: blur(0px);

    transition: all 0.4s;

}



.dropzone-design .dz-preview.dz-success .dz-success-mark {

    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

}



.dropzone-design .dz-preview.dz-error .dz-error-mark {

    opacity: 1;

    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

}



.dropzone-design .dz-preview .dz-success-mark,
.dropzone-design .dz-preview .dz-error-mark {

    pointer-events: none;

    opacity: 0;

    z-index: 500;

    position: absolute;

    display: block;

    top: 50%;

    left: 50%;

    margin-left: -27px;

    margin-top: -27px;

}



.dropzone-design .dz-preview .dz-success-mark svg,
.dropzone-design .dz-preview .dz-error-mark svg {

    display: block;

    width: 54px;

    height: 54px;

}



.dropzone-design .dz-preview.dz-processing .dz-progress {

    opacity: 1;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.dropzone-design .dz-preview.dz-complete .dz-progress {

    opacity: 0;

    -webkit-transition: opacity 0.4s ease-in;

    -moz-transition: opacity 0.4s ease-in;

    -ms-transition: opacity 0.4s ease-in;

    -o-transition: opacity 0.4s ease-in;

    transition: opacity 0.4s ease-in;

}



.dropzone-design .dz-preview:not(.dz-processing) .dz-progress {

    -webkit-animation: pulse 6s ease infinite;

    -moz-animation: pulse 6s ease infinite;

    -ms-animation: pulse 6s ease infinite;

    -o-animation: pulse 6s ease infinite;

    animation: pulse 6s ease infinite;

}



.dropzone-design .dz-preview .dz-progress {

    opacity: 1;

    z-index: 1000;

    pointer-events: none;

    position: absolute;

    height: 16px;

    left: 50%;

    top: 50%;

    margin-top: -8px;

    width: 80px;

    margin-left: -40px;

    background: rgba(255, 255, 255, 0.9);

    -webkit-transform: scale(1);

    border-radius: 8px;

    overflow: hidden;

}



.dropzone-design .dz-preview .dz-progress .dz-upload {

    background: #333;

    background: linear-gradient(to bottom, #666, #444);

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 0;

    -webkit-transition: width 300ms ease-in-out;

    -moz-transition: width 300ms ease-in-out;

    -ms-transition: width 300ms ease-in-out;

    -o-transition: width 300ms ease-in-out;

    transition: width 300ms ease-in-out;

}



.dropzone-design .dz-preview.dz-error .dz-error-message {

    display: block;

}



.dropzone-design .dz-preview.dz-error:hover .dz-error-message {

    opacity: 1;

    pointer-events: auto;

}



.dropzone-design .dz-preview .dz-error-message {

    pointer-events: none;

    z-index: 1000;

    position: absolute;

    display: block;

    display: none;

    opacity: 0;

    -webkit-transition: opacity 0.3s ease;

    -moz-transition: opacity 0.3s ease;

    -ms-transition: opacity 0.3s ease;

    -o-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    border-radius: 8px;

    font-size: 13px;

    top: 130px;

    left: -10px;

    width: 140px;

    background: #be2626;

    background: linear-gradient(to bottom, #be2626, #a92222);

    padding: 0.5em 1.2em;

    color: white;

}



.dropzone-design .dz-preview .dz-error-message:after {

    content: '';

    position: absolute;

    top: -6px;

    left: 64px;

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid #be2626;

}



.dropzone-design {

    position: relative;

    border: 2px dashed #d0d0d0;

    border-radius: 3px;

    background: #fff;

    transition: all 0.3s linear;

    display: inline-block;

    width: 100%;

}



.dropzone-design:before {

    position: absolute;

    height: 100%;

    width: 100%;

    content: "";

    top: 0;

    left: 0;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));

    background: #fff;

    opacity: 0;

    z-index: 10;

    transition: all 0.3s linear;

    border-radius: 3px;

}



.dropzone-design:hover:before {

    opacity: 0.4;

}



.dropzone-design .dz-message {

    text-align: center;

    margin: 50px 0;

    font-size: 17px;

    color: #888;

    transition: all 0.3s linear;

    position: relative;

    z-index: 11;

}



.dropzone-design:hover .dz-message {

    color: #66676b;

}



.dz-message i {

    display: block;

    font-size: 32px;

    margin-bottom: 15px;

}



.dropzone-design .dz-default.dz-message span {

    display: inline;

    line-height: 117px;

}



/** SPECIFICATIONS AREA START **/

.book-btn {

    display: block;

    height: 41px;

    margin-bottom: 15px;

    border-radius: 3px;

}



/** PAGE LOADER **/

.no-js #loader {

    display: none;

}



.js #loader {

    display: block;

    position: absolute;

    left: 100px;

    top: 0;

}



.page_loader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999999;

    background: url(../img/loader.gif) center no-repeat #fff;

}



.slider-section .simple-slider {

    margin-bottom: 30px;

}



/** ICONS LIBRARY **/

.icon-lists .heading {

    margin: 0 0 10px 0;

    text-transform: uppercase;

}



.glyph {

    text-align: center;

    padding: 20px 15px;

    font-size: 12px;

    color: #555;

}



.glyph .glyph-icon {

    font-size: 24px;

    font-weight: 500;

    color: #555;

}



.glyph fieldset,

.glyph .hidden-true {

    display: none;

}



.glyph .bshadow0 .lnr {

    font-size: 30px;

    color: #555;

    display: block;

    margin-bottom: 10px;

}



.glyph .bshadow0 .mls {

    font-size: 16px;

}



.icon-lists mark {

    margin-bottom: 30px;

    display: inline-block;

    padding: 5px 15px;

    background: #e7e7e7;

    border-radius: 5px;

}



.font-awesome-icons .col-print-4 {

    margin-bottom: 15px;

}



.font-awesome-icons {

    font-size: 14px;

    color: #555;

}



.font-awesome-icons .text-muted {

    display: none;

}



/** Portfolio item **/

.portfolio-item {

    margin-bottom: 30px;

}



.gallery-6column .portfolio-item {

    margin-bottom: 0;

}

.pg-2 .portfolio-item {

    margin-bottom: 0;

}



/** Login section start **/

.login-section {

    background: #e9e9e9;

}



.login-section .form-section {

    min-height: 100vh;

    position: relative;

    text-align: center;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

    background: #e9e9e9;

}



.login-section h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {

    font-family: 'Jost', sans-serif;

}



.login-section .form-inner {

    max-width: 500px;

    width: 100%;

    padding: 0 15px;

    text-align: center;

}



.login-section .bg-img {

    min-height: 100vh;

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 50px;

    background: #fff;

    background: rgba(0, 0, 0, 0.04) url(../img/banner/img-5.jpg) top left repeat;

    z-index: 999;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.login-section .bg-img:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgb(36 10 99 / 63%);

}



.login-section .form-section .extra-login {

    float: left;

    width: 100%;

    margin: 10px 0 25px;

    text-align: center;

    position: relative;

}



.login-section .form-section .extra-login::before {

    position: absolute;

    left: 0;

    top: 10px;

    width: 100%;

    height: 1px;

    background: #d8dcdc;

    content: "";

}



.login-section .info {

    max-width: 710px;

    padding: 10px 30px;

    z-index: 999;

}



.login-section .info h1 {

    color: #fff;

    margin-bottom: 20px;

    font-family: 'Jost', sans-serif;

    font-size: 45px;

    text-transform: uppercase;

}



.login-section .info p {

    color: #fff;

    line-height: 28px;

    opacity: 0.9;

}



.login-section .form-section .extra-login>span {

    width: auto;

    float: none;

    display: inline-block;

    padding: 1px 20px;

    z-index: 1;

    position: relative;

    font-size: 14px;

    color: #616161;

    text-transform: capitalize;

    background: #e9e9e9;

}



.login-section .form-section p {

    color: #616161;

    margin-bottom: 0;

    text-align: center;

    font-size: 16px;

}



.login-section .form-section p a {

    font-weight: 500;

    color: #616161;

}



.login-section .form-section ul {

    list-style: none;

    padding: 0;

    margin: 0 0 20px;

}



.login-section .form-section .social-list li {

    display: inline-block;

    margin-bottom: 5px;

}



.login-2 .form-section .thembo {

    margin-left: 4px;

}



.login-section .form-section h3 {

    margin: 0 0 30px;

    font-size: 25px;

    font-weight: 400;

}



.login-section .form-section .form-group {

    margin-bottom: 25px;

}



.login-section .form-section .form-box {

    float: left;

    width: 100%;

    text-align: left;

    position: relative;

}



.login-section .form-section .form-box input {

    float: left;

    width: 100%;

}



.login-section .form-section .form-control {

    padding: 10px 20px;

    font-size: 16px;

    outline: none;

    height: 55px;

    color: #616161;

    border-radius: 3px;

    font-weight: 500;

    border: 1px solid transparent;

    background: #fff;

}



.login-section .form-section .checkbox .terms {

    margin-left: 3px;

}



.login-section .form-section .btn-md {

    cursor: pointer;

    padding: 13px 50px 12px 50px;

    font-size: 16px;

    height: 55px;

    font-weight: 400;

    font-family: 'Jost', sans-serif;

    border-radius: 50px;

}



.login-section .form-section input[type=checkbox],
input[type=radio] {

    margin-right: 3px;

}



.login-section .form-section button:focus {

    outline: none;

    outline: 0 auto -webkit-focus-ring-color;

}



.login-section .form-section .btn-theme.focus,
.btn-theme:focus {

    box-shadow: none;

}



.login-section .form-section .btn-theme {

    border: none;

}



.login-section .none-2 {

    display: none;

}



.login-section .form-section .terms {

    margin-left: 3px;

}



.login-section .form-section .checkbox {

    font-size: 14px;

}



.login-section .form-section .form-check {

    float: left;

    margin-bottom: 0;

}



.login-section .form-section .form-check a {

    color: #616161;

    float: right;

}



.login-section .form-section .form-check-input {

    position: absolute;

}



.login-section .form-section .form-check label::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 18px;

    height: 18px;

    top: 2px;

    margin-left: -25px;

    border: 1px solid #fff;

    border-radius: 2px;

    background-color: #fff;

}



.login-section .form-section .form-check-label {

    padding-left: 0;

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 500;

    color: #616161;

}



.login-section .form-section input[type=checkbox]:checked+label:before {

    font-weight: 600;

    color: #fff;

    line-height: 16px;

    font-size: 12px;

    content: "\2713";

}



.login-section .form-check-input:focus {

    box-shadow: none;

}



.login-section .form-section input[type=checkbox],
input[type=radio] {

    margin-top: 4px;

}



.login-section .form-section a.forgot-password {

    font-size: 16px;

    color: #616161;

    float: right;

}



.login-section .logo img {

    margin-bottom: 5px;

    height: 45px;

}



.login-section .social-list {

    margin-bottom: 30px;

}



.login-section .social-list a {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    display: inline-block;

    font-size: 20px;

    margin: 2px;

    border-radius: 5%;

    background: #fff;

}



.login-section .social-list a:hover {

    color: #fff;

}



/** Social media **/

.login-section .facebook-bg {

    color: #4867aa;

}



.login-section .facebook-bg:hover {

    background: #4867aa;

}



.login-section .twitter-bg {

    color: #33CCFF;

}



.login-section .twitter-bg:hover {

    background: #33CCFF;

}



.login-section .google-bg {

    color: #db4437;

}



.login-section .google-bg:hover {

    background: #db4437;

}



.login-section .linkedin-bg {

    color: #2392e0;

}



.login-section .linkedin-bg:hover {

    background: #1c82ca;

}

/** Login section end **/



/** Option Panel **/

.option-panel {

    z-index: 9999;

    width: 230px;

    position: fixed;

    right: 0;

    background: #fff;

    top: 20%;

    padding: 30px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

}



.option-panel-collased {

    right: -230px;

}



.option-panel h2 {

    font-size: 18px;

    margin: 0 0 20px;

    text-align: center;

    color: #000;

    font-weight: 500;

}



.option-panel .color-plate {

    width: 50px;

    height: 50px;

    float: left;

    margin: 3px;

    border-radius: 50px;

    cursor: pointer;

}



.default-plate {

    background: #f40c43;

}



.blue-plate {

    background: #2048bb
}



.yellow-plate {

    background: #ffb400
}



.blue-light-plate {

    background: #0088CC
}



.red-plate {

    background: red;

}



.green-light-plate {

    background: #1abc9c
}



.green-plate {

    background: #7dba21
}



.yellow-light-plate {

    background: #eae328
}



.green-light-2-plate {

    background: #0dcdbd
}



.olive-plate {

    background: #b3c211
}



.purple-plate {

    background: #8e44ad
}



.midnight-blue-plate {

    background: #2c3e50
}



.brown-plate {

    background: #A14C10
}



.orange-plate {

    background: #F34B0A;

}



.setting-button {

    background: #fff;

    position: absolute;

    font-size: 20px;

    text-align: center;

    width: 50px;

    height: 50px;

    line-height: 48px;

    left: -50px;

    color: #2b303b;

    top: 0;

    border-radius: 0;

    cursor: pointer;

    box-shadow: 0 0 5px rgb(0 0 0 / 10%);

}

/** Option Panel **/



/** FULL PAGE SEARCH **/

#full-page-search {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.8);

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);

    -moz-transform: translate(0px, -100%) scale(0, 0);

    -o-transform: translate(0px, -100%) scale(0, 0);

    -ms-transform: translate(0px, -100%) scale(0, 0);

    transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;

    z-index: 99999;

}



#full-page-search.open {

    -webkit-transform: translate(0px, 0px) scale(1, 1);

    -moz-transform: translate(0px, 0px) scale(1, 1);

    -o-transform: translate(0px, 0px) scale(1, 1);

    -ms-transform: translate(0px, 0px) scale(1, 1);

    transform: translate(0px, 0px) scale(1, 1);

    opacity: 1;

}



#full-page-search .search-boxs {

    max-width: 500px;

    margin: 0 auto;

}



#full-page-search .search {

    background: #fff;

    border: none;

    padding: 12.5px 20px;

    font-size: 17px;

    width: 70%;

    float: left;

}



#full-page-search .full-page-search-box {

    position: absolute;

    top: 50%;

    width: 100%;

    background: transparent;

    font-weight: 400;

    text-align: center;

    border: 0;

    margin: 0 auto;

    margin-top: -51px;

    padding-left: 10px;

    padding-right: 10px;

    outline: none;

}



#full-page-search .btn {

    width: 30%;

    float: left;

    padding: 16px 20px 13px;

}



#full-page-search .close {

    position: fixed;

    top: 15px;

    right: 15px;

    color: #fff;

    opacity: 1;

    width: 40px;

    height: 40px;

    text-align: center;

    font-size: 25px;

    outline: 0 auto -webkit-focus-ring-color;

    cursor: pointer;

    border-radius: 3px;

    border: none;

}





@media all and (min-width: 992px) {

    .banner img {

        /*animation: bgburnsEast 25s linear infinite alternate;

        -webkit-animation: bgburnsEast 25s linear infinite alternate;*/
        height: 100vh !important;

    }



    .dropdown:hover>.dropdown-menu {

        display: block;

        max-width: 700px;

        margin: auto;

        opacity: 1;

        visibility: visible;

    }



    .dropdown .dropdown-item:hover>.dropdown-menu {

        display: block;

    }



    .dropdown-submenu:hover>.dropdown-menu {

        display: block;

    }



    .mh-bg .navbar-expand-lg .navbar-nav .nav-link {

        color: #515151;

    }



    .mh-bg .navbar-nav .nav-link.dropdown-toggle:before {

        color: #515151;

    }



    .hide-carat .nav-link::after {

        display: none !important;

    }



    .sticky-header .nav-link::after {

        display: none !important;

    }



    .sticky-header .navbar-expand-lg .navbar-nav .nav-link {

        color: #fff;

    }



    .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover {

        color: #fff !important;

    }



    .sticky-header .open-offcanvas {

        color: #fff;

        display: inline-block;

    }



    .header-shrink .navbar-expand-lg .navbar-nav .nav-link {

        color: #515151;

    }



    #main-header-2.header-shrink .navbar-expand-lg .navbar-nav .nav-link:hover {

        color: #515151 !important;

    }

}



@media all and (min-width: 992px) {

    .dropdown:hover>.dropdown-menu {

        display: block;

    }



    .dropdown .dropdown-item:hover>.dropdown-menu {

        display: block;

    }



    .dropdown-submenu:hover>.dropdown-menu {

        display: block;

    }

}



/** MEDIA **/

@media (max-width: 1200px) {

    .services-3 .text {

        margin-right: 0;

    }



    .banner .carousel-control-next,
    .carousel-control-prev {

        width: 35px;

        height: 55px;

        line-height: 55px;

        margin: 3px;

        border-radius: 3px;

    }



    .property-box-5 .w-100 {

        width: auto !important;

    }



    .blog-4 {

        margin-bottom: 15px;

    }



    .blog-4 .date {

        padding: 15px 5px 10px;

        width: 75px;

        height: 75px;

    }



    .blog-4 h3 {

        font-size: 18px;

        margin: 10px 0 5px;

    }



    .blog-4 h1 {

        font-size: 25px;

    }



    .bb2 .blog-2 img {

        height: 284px;

    }



    .blog-2 .none-1200 {

        display: none;

    }



    .about-real-estate-2 .d-none-1200 {

        display: none;

    }



    .banner-max-height img {

        width: auto !important;

    }



    .banner .banner-slider-inner h1 {

        font-size: 42px;

        margin-bottom: 20px;

    }



    .blog-2 .detail {

        padding: 20px 25px;

    }



    .blog-4 .post-meta span a {

        margin-right: 5px;

        font-size: 14px;

    }



    .team-4 .detail .contact ul li {

        line-height: 27px;

        font-size: 14px;

    }



    .team-4 .detail .contact {

        margin-bottom: 15px;

    }



    .team-4 .detail .social-list li a {

        font-size: 15px;

        width: 35px;

        height: 35px;

        line-height: 35px;

    }



    .team-4 .detail p {

        margin-bottom: 10px;

    }



    .property-box-2 .facilities-list li {

        line-height: 30px;

    }



    .property-box-2 .detail .title {

        font-size: 20px;

    }



    .property-box-2 .detail .location a {

        font-size: 14px;

    }



    .bb2 .blog-2 .detail h3 {

        font-size: 20px;

    }

}





@media (max-width: 992px) {

    .new-search {

        margin-bottom: 20px;

    }



    .main-title-3 h1 {

        font-size: 30px;

    }



    .pages-404-2 .nobottomborder {

        padding-left: 0;

    }



    .banner-tab-btn {

        display: none;

    }



    .search-options-icon .accordion-button {

        width: 50px;

        height: 50px;

        margin: 0 auto 10px;

    }



    .search-options-btn-area2 h3 {

        font-size: 16px;

        margin-bottom: 11px;

    }





    .footer-2 .footer-menu ul {

        margin-bottom: 30px;

    }



    .footer-2 .logo-image {

        margin-bottom: 30px;

    }



    .accordion-button {

        padding: 0;

        font-size: 1rem;

    }



    .search-area-3 .form-group {

        margin-bottom: 10px;

    }



    .search-options-btn-area2 {

        bottom: 55px;

    }



    .service-info-3 h3 {

        margin: 0 0 5px;

    }



    .property-box-5 img {

        height: 400px;

    }



    .property-box-5 .carousel-caption {

        padding: 67px 30px;

    }



    .blog-4 h3 {

        font-size: 20px;

    }



    .blog-4 {

        margin-bottom: 20px;

    }



    .bb2 .blog-2 img {

        height: auto;

    }



    .bb2 .blog-2 .detail {

        padding: 30px;

    }



    .banner-btn {

        display: inherit;

    }



    .banner-btn .btn-4 {

        line-height: 45px;

    }





    .logo-n {

        display: inline;

    }



    .logo-d {

        display: none;

    }



    .bg-992 {

        background: #fff;

    }



    .search-banner-two {

        padding: 137px 15px 30px;

    }



    .footer-3 .footer-gallery {

        max-width: 100%;

    }



    .footer-3 .footer-inner {

        padding: 60px 0 0;

    }





    .footer-3 .subscribe-newsletter .form-control {

        width: 78%;

        height: 50px;

    }



    .footer-3 .subscribe-newsletter .btn {

        height: 50px;

        width: 20%;

    }



    .footer-3 .subscribe-newsletter h3 {

        line-height: 50px;

        font-size: 22px;

    }



    .footer-2 .footer-menu ul li a {

        margin-right: 20px;

    }



    .footer-2 .footer-menu ul li a:before {

        right: -10px;

    }



    .about-real-estate .hotels-detail-slider {

        max-width: 100%;

    }



    #full-page-search .search-boxs {

        max-width: 350px;

    }



    #banner .carousel-content {

        padding: 0 35px;

    }



    .banner .w-100 {

        width: 100% !important;

    }



    .testimonial-4 .bg-image {

        display: none;

    }



    .testimonial-4 .col-pad {

        min-height: auto;

        padding: 80px 0;

    }



    .login-section .form-inner {

        padding: 0;

    }



    .agent-page .team-4 .detail {

        padding: 30px;

    }



    .search-compare h4 {

        font-size: 22px;

    }



    .popular-places-box .popular-places-photo .big {

        height: 350px;

    }



    .counters-2 {

        padding: 80px 0 40px;

    }



    .counters-2 .border-r {

        border-right: none;

    }



    .counters-2 .border-l {

        border-right: none;

    }



    .counters-2 .border-l {

        border-left: none;

    }



    .testimonial-2 .main-title p {

        font-size: 17px;

    }



    .counters-3 .heading p {

        font-size: 16px;

    }



    .content-area-18 {

        padding: 45px 0 50px;

    }



    .property-info {

        top: -35px;

    }



    .pr-2 {

        top: 0;

    }



    .property-info .property-info-inner ul li i {

        margin-right: 0;

    }



    .property-info .property-info-inner h2 {

        font-size: 23px;

    }



    .property-info .property-info-inner ul li:last-child {

        margin: 0 0 3px 0;

    }



    .property-info .property-info-inner ul li {

        font-size: 15px;

        margin-right: 15px;

    }



    .property-info .property-info-inner p {

        font-size: 15px;

    }



    .property-info .property-info-inner .content {

        padding-top: 15px;

    }



    .login-section .form-section {

        width: 100%;

    }



    .login-section .bg-img {

        min-height: 100%;

        border-radius: 5px;

    }



    .none-992 {

        display: none !important;

    }



    .about-real-estate-2 .about-text {

        padding-left: 0;

    }



    .about-real-estate-2 .about-box-Experience {

        width: 270px;

    }



    .about-real-estate-2 .about-box-Experience .content h3 {

        font-size: 30px;

    }



    .about-real-estate-2 .about-box-Experience .content p {

        font-size: 16px;

    }



    .about-real-estate-2 .about-box-Experience .content {

        right: 30%;

        top: 27%;

    }



    .about-real-estate-2 .about-img-section .image-box {

        max-width: 100%;

    }



    .about-real-estate-2 .about-img-section {

        margin-bottom: 30px;

    }



    .helping-sentar {

        padding-top: 80px;

    }



    .about-real-estate .about-text {

        margin-bottom: 50px;

    }



    .login-section .login-box {

        max-width: 500px;

        margin: 0 auto;

        padding: 0;

    }



    .banner .infos {

        margin-top: 0;

    }



    .ss2 {

        background: #f9f9f8;

        padding: 30px 0 15px;

    }



    .search-button-black {

        padding: 13.5px 30px 12.5px;

    }



    .search-area-3 .ssa {

        padding: 0;

        box-shadow: none;

        background: transparent;

    }



    .helping-sentar .photo {

        display: none;

    }



    .helping-sentar .contact-1 .heading {

        font-size: 30px;

    }



    .content-area-14 {

        padding: 80px 0 50px;

    }



    .content-area-15 {

        padding: 80px 0 50px;

    }



    .content-area-16 {

        padding: 115px 0 50px;

    }



    .content-area-17 {

        padding: 80px 0 50px;

    }



    .content-area-19 {

        padding: 80px 0 60px;

    }



    .coming-soon h1 {

        font-size: 40px;

    }



    .content-area-12 {

        padding: 80px 0 30px;

    }



    .content-area-13 {

        padding: 80px 0 40px;

    }



    .pages-404-2 {

        text-align: center;

    }



    .pages-404-2 .error404 {

        margin-bottom: 30px;

        font-size: 150px;

    }



    .pages-404-2 h1 {

        font-size: 25px;

    }



    .pages-404-2 p {

        margin-bottom: 25px;

        font-size: 18px;

    }



    .pages-404 .pages-404-inner h1 {

        font-size: 120px;

        line-height: 130px;

    }



    .pages-404 .pages-404-inner h5 {

        font-size: 22px;

        margin-bottom: 20px;

    }



    .pages-404 .pages-404-inner p {

        margin-bottom: 25px;

        font-size: 16px;

    }



    .main-title {

        margin: 0 auto 40px;

    }



    .main-title h1 {

        font-size: 30px;

    }



    .main-title p {

        font-size: 17px;

    }



    .main-title-2 h1 {

        font-size: 30px;

    }



    .main-title-2 p {

        font-size: 17px;

    }



    .main-title-4 h1 {

        font-size: 30px;

    }



    .main-title-4 p {

        font-size: 17px;

    }



    .team-section {

        padding: 80px 0;

    }



    .counters-3 .infos {

        max-width: 645px;

        margin: 0 auto 0;

    }



    .intro-text h3 {

        margin: 0 0 5px;

    }



    .our-newslatters-3 .subscribe-box {

        float: none;

    }



    .our-newslatters-3 {

        text-align: center;

    }



    .login-2 .form-section {

        width: 100%;

    }



    .login-2 .bg-img {

        min-height: 100%;

        border-radius: 5px;

    }



    .none-992 {

        display: none !important;

    }



    .login-2 .login-box {

        max-width: 500px;

        margin: 0 auto;

        padding: 0;

    }



    .banner .text-r {

        text-align: center;

    }



    .banner .text-l {

        text-align: center;

    }



    .blog .none-992 {

        display: none;

    }



    .our-newslatters-3 p {

        margin-bottom: 20px;

    }



    .our-newslatters-3 .intro-text h3 {

        font-size: 25px;

    }



    .our-newslatters-3 .contact-us-today {

        padding: 13px 30px 12px;

        border-radius: 3px;

        margin-top: 0;

    }



    .our-newslatters-3 {

        padding: 40px 0;

    }



    .counters-3 {

        padding: 80px 0;

    }



    .counters-3 .heading {

        margin-bottom: 50px;

        max-width: 100%;

        text-align: center;

    }



    .services-demo {

        display: none;

    }



    .service-section2 {

        max-width: 100%;

    }



    .services-3 .text .px {

        display: none;

    }



    .services-3 {

        padding: 80px 0 50px;

    }



    .mt3 {

        text-align: center;

        margin-bottom: 50px;

    }



    .counters .counter-box {

        max-width: 307px;

        margin: 0 auto 30px;

    }



    .counters {

        padding: 80px 0 50px;

    }



    .bb2 .none-1200 {

        display: flex;

    }



    .testimonial-3 .testimonial-inner .content-box .user {

        height: 80px;

        width: 80px;

    }



    .testimonial-3 .testimonial-inner .content-box a img {

        height: 80px;

        width: 80px;

    }



    .testimonial-3 .testimonial-inner .content-box .testimonial-info {

        margin: 0 0 0 0px;

        padding: 30px;

    }



    .testimonial-2 {

        padding: 80px 0 70px;

    }



    .blog-2 .detail {

        padding: 20px 30px;

    }



    .banner .btn-lg {

        padding: 10.5px 22px 10px 22px;

        line-height: 24px;

        font-size: 15px;

    }



    .map-content-sidebar .property-box-2 .listing-badges .featured {

        left: -51px;

    }



    .megamenu-area {

        box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);

    }



    .content-area-9 {

        padding: 0 0 80px;

    }



    .btn-white-lg-outline {

        padding: 8.5px 20px 8.5px 20px !important;

    }



    .search-section .search-fields {

        min-height: 40px;

    }



    .search-area .form-group {

        margin-bottom: 15px;

    }



    .search-area-2 .form-group {

        margin-bottom: 15px;

    }



    .search-area-2 {

        padding: 30px 30px 0 30px;

    }



    .contact-2 .contact-info .mrg-btn-50 {

        margin-bottom: 40px;

    }



    .contact-3 .form-group {

        margin-bottom: 20px;

    }



    .contact-2 .contact-info p {

        margin: 5px 0 5px;

    }



    .content-area-7 {

        padding: 80px 0 50px;

    }



    .signup-link {

        margin-top: 15px;

        margin-left: 0;

        padding: 10px 20px;

        width: 100%;

        font-size: 12px;

        font-weight: 500;

    }



    .btn-block-outline {

        color: #2f2f2f;

        border: solid 2px #2f2f2f !important;

        padding: 8px 18px !important;

        font-weight: 700;

    }



    .hidden-mb-20 {

        margin-bottom: 20px;

    }



    .category_long_bg {

        height: 350px;

    }



    .properties-right {

        padding: 20px 30px 0 30px;

    }



    .properties-left {

        padding: 20px 30px 0 30px;

    }



    .map-content-sidebar .range-slider {

        margin-top: 5px;

        margin-bottom: 20px;

    }



    .fetching-properties {

        padding: 0;

    }



    .fp {

        padding: 0 15px;

    }



    .blog-2 .photo img {

        width: 100%;

    }



    .blog-2 {

        margin-bottom: 50px;

    }



    .animated {

        /*CSS3 animation properties*/

        -webkit-animation: none !important;

        -moz-animation: none !important;

        -o-animation: none !important;

        -ms-animation: none !important;

        animation: none !important;



        /*CSS3 transition properties*/

        -o-transition-property: none !important;

        -moz-transition-property: none !important;

        -ms-transition-property: none !important;

        -webkit-transition-property: none !important;

        transition-property: none !important;



        /*CSS3 transform properties*/

        -o-transform: none !important;

        -moz-transform: none !important;

        -ms-transform: none !important;

        -webkit-transform: none !important;

        transform: none !important;

    }



    .banner .banner-slider-inner h1 {

        font-size: 32px;

        margin-bottom: 15px;

    }



    .banner .banner-slider-inner h2 {

        font-size: 45px;

    }



    .banner .banner-slider-inner h3 {

        font-size: 45px;

    }



    .banner .banner-opt .banner-slider-inner h1 {

        font-size: 20px;

    }



    .banner .banner-opt .banner-slider-inner p {

        line-height: 22px;

        font-size: 14px;

        max-width: 90%;

        margin: 0px auto;

        margin-bottom: 5px;

    }



    .ptb-hediin-60 {

        padding: 0 0 80px;

    }



    .team-4 .detail {

        padding: 30px;

    }



    .team-4 .detail .contact ul li {

        line-height: 30px;

        font-size: 15px;

    }



    .team-4 .detail .contact {

        margin-bottom: 20px;

    }



    .team-4 .detail .social-list li a {

        font-size: 16px;

        width: 45px;

        height: 45px;

        line-height: 45px;

    }



    .team-4 .detail p {

        margin-bottom: 15px;

    }



    .service-info.h-bdr {

        border: solid 1px #efefef;

    }



    .contact-2 .opening-hours {

        max-width: 100%;

        margin-top: 50px;

    }



    .megamenu-area {

        box-shadow: 0 0 1px rgb(0 0 0 / 10%);

        background: #eee;

    }



    .megamenu-area .dropdown-item {

        margin-bottom: 12px;

    }



    .main-header .dropdown-menu a:hover {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

        background: #fff !important;

    }



    .navbar-toggler {

        padding: 0;

        width: 35px;

        height: 35px;

        font-size: 1rem;

        border-radius: 0;

        outline: none !important;

    }



    .contect-agent-photo img {

        margin-top: 40px;

    }



    .property-box-2 .facilities-list li {

        font-size: 14px;

        line-height: 32px;

    }



    .property-box-2 .detail .title {

        font-size: 22px;

        margin-bottom: 10px;

    }



    .testimonial-3 {

        padding: 80px 0;

    }



    .content-area-8 {

        padding: 80px 0 65px;

    }



    .content-area-5 {

        padding: 80px 0;

    }



    .content-area-11 {

        padding: 80px 0 60px;

    }



    .content-area-2 {

        margin-bottom: 80px;

    }



    .content-area {

        padding: 80px 0 50px;

    }



    .navbar-nav>.dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li.dropdown-header,
    .navbar-nav>.dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a {

        padding-left: 25px;

    }



    .banner-max-height img {

        height: 100vh;

    }



    .sub-banner {

        padding: 170px 0 90px;

    }



    .search-area-3 .ssa .form-control {

        min-height: 47px
    }



    .search-area-3 .ssa .bootstrap-select button {

        line-height: 45px;

    }



    .search-area-3 .ssa .search-button {

        padding: 12.5px 30px 11.5px;

    }



    .counters-2 .counter-box {

        margin-bottom: 40px;

        padding: 0;

    }



    .counters-2 .counter-box h1 {

        font-size: 30px;

    }



    .testimonial-2 .main-title-4 {

        margin-bottom: 30px;

    }

}



@media (max-width: 768px) {

    .notification-box {

        padding: 20px;

    }



    .footer-3 .subscribe-newsletter h3 {

        line-height: normal;

        margin-bottom: 15px;

    }



    .footer-3 .sub-footer-2 {

        text-align: center;

    }



    .footer-3 .sub-footer-2 p {

        text-align: center;

        line-height: normal;

        margin-bottom: 15px;

    }



    .footer-3 .social-media {

        float: inherit;

    }



    .about-real-estate-2 .about-box-Experience {

        right: 30px;

    }



    .filteriz-navigation li {

        padding: 6px 18px 6px 18px;

    }



    .pages-404-2 .error404 {

        font-size: 120px;

    }



    .comon-slick .csi2 .slick-next {

        width: 40px;

        height: 40px;

        line-height: 40px;

        right: 20px;

        font-size: 18px;

        border-radius: 3px;

    }



    .comon-slick .csi2 .slick-prev {

        width: 40px;

        height: 40px;

        line-height: 40px;

        left: 20px;

        font-size: 18px;

        border-radius: 3px;

    }



    .search-options-btn-area3 {

        padding: 0 0;

    }



    .new-search {

        padding: 30px 15px 20px;

    }



    .search-options-btn-area3 .new-search {

        padding: 30px 0 20px;

    }



    .search-options-icon .accordion-button {

        width: 40px;

        height: 40px;

        margin: 0 auto 10px;

        border-radius: 10% !important;

    }



    .search-options-btn-area2 h3 {

        display: none;

    }



    .banner .carousel-control-next,
    .carousel-control-prev {

        width: 30px;

        margin: 3px;

    }



    .search-options-btn-area2 {

        bottom: 20px;

    }



    .property-box-5 .carousel-caption {

        padding: 67px 20px;

    }



    .service-info-3 h3 {

        margin: 10px 0 5px;

    }



    .tabbing-box .nav-tabs .nav-link {

        padding: 8px 13px;

    }



    .option-bar {

        /*display: none;*/

    }



    .testimonial-4 .col-pad {

        padding: 60px 0;

    }



    .coming-soon h1 {

        font-size: 34px;

    }



    .coming-soon p {

        font-size: 16px;

    }



    .contact-3 .contact-info {

        padding: 30px;

    }



    .contact-3 .contact-form {

        padding: 30px;

    }



    .banner .btn-round {

        padding: 0 35px;

        line-height: 45px;

    }



    .banner .btn-2 {

        font-size: 15px;

        padding: 0 22px;

        line-height: 41px;

        margin-bottom: 3px;

    }



    .banner .btn-1 {

        padding: 0 22px;

        line-height: 41px;

        margin-bottom: 3px;

        font-size: 15px;

    }



    .testimonial-2 .main-title p {

        font-size: 16px;

    }



    .main-title p {

        font-size: 16px;

    }



    .content-area-18 {

        padding: 25px 0 30px;

    }



    .property-info .photo {

        background: #f9f9f8;

        padding: 20px;

    }



    .property-info .property-info-inner {

        padding: 0;

    }



    .property-info .photo .home {

        max-width: 200px;

        margin: 0 auto !important;

    }



    .property-info .property-info-inner .content {

        padding: 25px;

    }



    .property-info .property-info-inner h2 {

        font-size: 22px;

    }



    .tabbing-box .nav-tabs li a {

        padding: 7px 15px;

    }



    .heading-properties-2 h3 {

        font-size: 22px;

    }



    .rating-area .average-rating {

        width: 100%;

        margin-bottom: 30px;

    }



    .rating-area .rating-details {

        width: 100%;

        padding: 0;

    }



    .rating-area {

        margin-bottom: 30px;

    }



    .sub-banner h1 {

        text-align: center;

        margin: 0 0 10px;

        font-size: 24px;

    }



    .sub-banner .breadcrumb-area ul li {

        line-height: normal;

        font-size: 15px;

    }



    .sub-banner .breadcrumb-area {

        text-align: center;

    }



    .sub-banner {

        padding: 160px 0 80px;

    }



    .login-2 .form-inner {

        padding: 0;

    }



    .ptb-hediin-60 {

        padding: 0 0 60px;

    }



    .helping-sentar .contact-1 .heading {

        font-size: 26px;

    }



    .contact-2 .opening-hours {

        padding: 30px;

    }



    .helping-sentar {

        padding-top: 60px;

    }



    .content-area-14 {

        padding: 60px 0 30px;

    }



    .content-area-15 {

        padding: 60px 0 30px;

    }



    .content-area-16 {

        padding: 95px 0 30px;

    }



    .content-area-17 {

        padding: 60px 0 30px;

    }



    .content-area-19 {

        padding: 60px 0 40px;

    }



    .manage-table:last-child {

        border-bottom: none;

        margin-bottom: 0;

    }



    .manage-table thead {

        display: none;

    }



    .manage-table {

        text-align: center;

        background: #fff;

    }



    .manage-table .listing-photoo {

        width: 100%;

        float: left;

        padding-left: 0;

    }



    .manage-table .title-container {

        padding: 20px 0 10px;

        width: 100%;

        float: left;

    }



    .manage-table .date {

        width: 100%;

        padding: 0;

        float: left;

        margin-bottom: 15px;

    }



    .manage-table .action {

        width: 100%;

        float: left;

        padding: 0;

        margin-bottom: 25px;

    }



    .manage-table .action ul li {

        display: inline-block;

    }



    .manage-table .action ul li a {

        padding: 5px 15px;

        background: #ebedef;

        margin: 1px;

        border-radius: 3px;

    }



    .manage-table {

        border-bottom: solid 1px #e6e6e6;

    }



    .content-area-12 {

        padding: 60px 0 10px;

    }



    .content-area-13 {

        padding: 60px 0 20px;

    }



    .property-box-2 .property-img img {

        height: auto;

    }



    .team-section {

        padding: 60px 0;

    }



    .our-newslatters-2 .form-inline {

        max-width: 600px;

        margin: 0 auto;

    }



    .our-newslatters-2 .intro-text {

        max-width: 600px;

        margin: 0 auto 10px;

    }



    .our-newslatters-2 {

        padding: 40px 0;

    }



    .counters-3 {

        padding: 60px 0 40px;

    }



    .counters-3 .heading h1 {

        font-size: 24px;

    }



    .counters-3 .counter-box {

        width: 100%;

        max-width: 350px !important;

        margin: 0 auto 20px;

        float: inherit;

    }



    .manage-table .a-mb0 {

        margin-bottom: 0;

    }



    .manage-table .h-pt-0 {

        padding-top: 0;

    }



    .counters-3 .heading {

        margin-bottom: 30px;

    }



    .service-info-2 .number {

        font-size: 140px;

    }



    .service-info-2 .icon {

        top: 20px;

    }



    .content-area-11 {

        padding: 60px 0;

    }



    .counters-2 .counter-box i {

        font-size: 37px;

    }



    .counters-2 {

        padding: 60px 0 20px;

    }



    .footer-1 {

        padding: 60px 0 20px;

    }



    .blog-2 .detail {

        padding: 25px;

    }



    .blog-2 .detail h3 {

        font-size: 22px;

    }



    .compare-table tr td {

        font-size: 14px;

        padding: 10px 10px;

        font-weight: 400;

    }



    .btn-white {

        padding: 12px 30px 9px;

    }



    .megamenu-area {

        padding: 20px 20px 0;

    }



    .banner .banner-slider-inner h3 {

        font-size: 35px;

    }



    .banner .banner-slider-inner h1 {

        font-size: 25px;

    }



    .search-area-2 {

        padding: 25px 20px 0 20px;

    }



    .sr-3 {

        padding-bottom: 10px;

    }



    .search-area-2 .form-group {

        margin-bottom: 10px;

    }



    .read-more-2 {

        margin-top: 0;

    }



    .content-area-7 {

        padding: 60px 0 30px;

    }



    .mp-heden .comment-content {

        padding-bottom: 10px;

    }



    .mp-heden .comment-content p {

        margin-bottom: 0;

    }



    .counters {

        padding: 60px 0 30px;

    }



    .helping-sentar img {

        border-bottom: solid 1px #e0dede;

    }



    .hr-title.hr-long {

        width: 75%;

    }



    .partners img {

        max-width: 180px;

    }



    .icon-lists {

        overflow: hidden;

    }



    .hedin-div {

        display: none;

    }



    .location .contact-map {

        height: 250px !important;

    }



    .testimonial-3 {

        padding: 60px 0;

    }



    .setting-button {

        display: none;

    }



    .banner .banner-slider-inner h2 {

        font-size: 35px;

    }



    .banner .btn-md {

        padding: 9px 15px;

        font-size: 12px;

    }



    .search-options-btn,
    .search-options-btn:hover {

        padding: 7px 11px 6px 11px;

        font-size: 11px;

        letter-spacing: normal;

    }



    .contact-1 .contact-info {

        margin-bottom: 40px;

    }



    .contact-1 .text {

        margin-bottom: 40px;

    }



    .services-3 {

        padding: 60px 0 30px;

    }



    .banner .typing h3 {

        font-size: 27px;

    }



    .property-box-2 .facilities-list li {

        font-size: 15px;

    }



    .property-box-2 .price-ratings-box {

        right: 30px;

    }



    .blog-social-list {

        float: left;

        margin-top: 20px;

    }



    .countdown .top {

        font-size: 30px;

    }



    .pages-404 .error404 {

        margin-bottom: 30px;

        font-size: 150px;

    }



    .pages-404 .nobottomborder h4 {

        font-size: 16px;

    }



    .pages-404 .nobottomborder {

        margin-bottom: 30px;

    }



    .setting-button {

        font-size: 14px;

        width: 36px;

        height: 36px;

        line-height: 38px;

        left: -35px;

    }



    .inside-properties iframe {

        height: 220px;

    }



    .detail-slider-full .item img {

        height: 300px;

    }



    .breadcrumbs {

        font-size: 12px;

    }



    .back-to-listings {

        height: 35px;

        line-height: 35px;

        width: 35px;

        font-size: 15px;

    }



    .services-4 {

        padding: 95px 0 30px;

    }



    .contact-details .media .media-left {

        padding-right: 20px;

    }



    .search-area-inner {

        margin: 0 -15px;

    }



    .search-contents .col-xs-12,

    .search-contents .col-xs-6 {

        padding: 3px 10px;

    }



    .search-box .form-group {

        margin-bottom: 0;

    }



    .blog-box .detail .tags-box {

        margin-bottom: 20px;

    }



    .blog-box .detail .blog-share {

        float: left;

        text-align: left;

    }



    .comments ul {

        margin: 0 0 0 0;

    }



    .comment-body {

        margin: 10px 0 0 0;

        line-height: 20px;

        padding: 10px 0 0 0;

        font-size: 13px;

        text-align: justify;

    }



    blockquote {

        margin: 20px 0 20px;

    }



    .comment-content {

        padding-bottom: 10px;

    }



    .sec-title-three h2 {

        margin-top: 0;

    }



    .main-title {

        margin: 0 auto 30px;

    }



    .main-title h1 {

        font-size: 26px;

    }



    .main-title-2 h1 {

        font-size: 26px;

    }



    .main-title-3 {

        margin-bottom: 30px;

    }



    .main-title-3 h1 {

        font-size: 26px;

    }



    .main-title-4 h1 {

        font-size: 26px;

    }



    .main-title-2 p {

        font-size: 16px;

    }



    .main-title-4 p {

        font-size: 16px;

    }



    .content-area {

        padding: 60px 0 30px;

    }



    .content-area-2 {

        margin-bottom: 60px;

    }



    .content-area-3 {

        margin-bottom: 30px;

    }



    .content-area-8 {

        padding: 60px 0 45px;

    }



    .content-area-9 {

        padding: 20px 0 60px;

    }



    .content-area-4 {

        padding: 60px 0 30px;

    }



    .content-area-5 {

        padding: 60px 0;

    }



    .content-area-6 {

        padding: 60px 0 30px;

    }



    .testimonial-2 {

        padding: 60px 0 50px;

    }



    .recent-properties-box .detail .location a {

        font-size: 14px;

    }



    .about-box {

        max-width: 100%;

    }



    .my-properties-box .detail .location {

        font-size: 14px;

    }



    .properties-amenities ul li {

        list-style: none;

    }



    .properties-condition ul li {

        margin-bottom: 10px;

    }



    .typography-page p {

        font-size: 13px;

        line-height: 25px;

        text-align: justify;

    }



    .breadcrumb-area .btn-md {

        padding: 10px 20px;

    }



    .animated {

        /*CSS3 animation properties*/

        -webkit-animation: none !important;

        -moz-animation: none !important;

        -o-animation: none !important;

        -ms-animation: none !important;

        animation: none !important;



        /*CSS3 transition properties*/

        -o-transition-property: none !important;

        -moz-transition-property: none !important;

        -ms-transition-property: none !important;

        -webkit-transition-property: none !important;

        transition-property: none !important;



        /*CSS3 transform properties*/

        -o-transform: none !important;

        -moz-transform: none !important;

        -ms-transform: none !important;

        -webkit-transform: none !important;

        transform: none !important;

    }



    .banner-max-height img {

        height: 100vh;

    }

}



@media (max-width: 580px) {

    .inline-search-area {

        max-width: 80%;

    }



    .detail-slider-full .item img {

        height: 230px;

    }



    .heading-properties {

        display: none;

    }



    .inline-search-area .bootstrap-select button {

        padding: 0px 15px 0px 15px;

        border-radius: 0px;

    }



    .inline-search-area .bootstrap-select .dropdown-toggle .filter-option {

        top: 5px;

    }



    .inline-search-area .dropdown-toggle::after {

        margin-top: 14px;

    }
    
    #banner{
        margin-top: 80px;
    }


}