/********** Template CSS **********/
:root {
    --primary: #1fac8b;
    --secondary: #FF6922;
    --light: #EFFDF5;
    --dark: #0E2E50;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 80px;
    bottom: 55px;
    z-index: 99;
}

#web-main-container{
    width: 100%; float: left; margin: 0px auto; padding: 0px;
    background-color: #FFFFFF !important;
}
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50px;
}


/*** Navbar ***/
.property_cls {border-radius: 50px !important;}

.nav-bar {
    position: relative;
    padding: 0 3rem;
    transition: .5s;
    z-index: 1001;
}
.nav-bar-top-0{
    position: relative;
    margin-top: 0px !important;
    padding: 0 3rem;
    transition: .5s;
    z-index: 1001;
}

.nav-bar.sticky-top {
    position: sticky;
    padding: 0;
    z-index: 999;
}

.navbar {
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    height: 75px;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 5px;
    transition: .5s;
}

.navbar .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(-180deg);
}

.navbar-light .navbar-nav .nav-link {
    margin-right: 20px;
    padding: 25px 0;
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
    outline: none;
    line-height: 45px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}
@media screen and (min-width: 1300px) and (max-width: 1370px) { 
   .navbar-light .navbar-nav .nav-link {
    margin-right: 15px;
}
.hd_ul .nav-item.nav-link{
    margin-right: 0 !important;
}
}
.navbar-wrapper {
    position: absolute;
    top: 0;
    right: 0;
  width: 100% !important;
    left: 0;
    z-index: 20;
    background-color: #fff;
    border-bottom: 1px solid #c5c5c5;
    box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.15);
}

.navbar-wrapper .navbar {padding: 0 !important;}

@media (max-width: 991.98px) {
    .nav-bar {
        margin: 0;
        padding: 0;
    }
    .navbar-wrapper .navbar {padding: 0 10px!important;}

    .navbar-light .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 5px 10px;
        background: #fff;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

.navbar-light .navbar-brand {
    height: 75px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--dark);
    font-weight: 500;
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        top: 100%;
        margin-top: 0;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
        margin-top: -10px;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
@media (min-width: 992px) {
    .header {
        margin-top: -120px;
    }
}

.header-carousel .owl-nav {
    position: absolute;
    top: 40%;
    left: -8px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    margin: 7px 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: #00B98E;
    border-radius: 40px;
    font-size: 20px;
    transition: .5s;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    background: #00b98e;
    color: #FFFFFF;
    opacity:.9;
}

@media (max-width: 768px) {
    .header-carousel .owl-nav {
        left: 25px;
    }
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #DDDDDD;
}


/*** Icon ***/
.icon {
    padding: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF !important;
    border-radius: 50px;
    border: 1px dashed var(--primary) !important;
}


/*** About ***/
.about-img img {
    position: relative;
    z-index: 2;
}

.about-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background: var(--primary);
    transform: skew(20deg);
    z-index: 1;
}


/*** Category ***/
.cat-item div {
    background: #FFFFFF;
    border: 1px dashed rgba(0, 185, 142, .3);
    transition: .5s;
}

.cat-item:hover div {
    background: var(--primary);
    border-color: transparent;
}

.cat-item div * {
    transition: .5s;
}

.cat-item:hover div * {
    color: #FFFFFF !important;
}


/*** Property List ***/
.nav-pills .nav-item .btn {
    color: var(--dark);
}

.nav-pills .nav-item .btn:hover,
.nav-pills .nav-item .btn.active {
    color: #FFFFFF;
}

.property-item {
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.property-item img {
    transition: .5s;
}

.property-item:hover img {
    transform: scale(1.1);
}

.property-item .border-top {
    border-top: 1px dashed rgba(0, 185, 142, .3) !important;
}

.property-item .border-end {
    border-right: 1px dashed rgba(0, 185, 142, .3) !important;
}


/*** Team ***/
.team-item {
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    transition: .5s;
}

.team-item .btn {
    color: var(--primary);
    background: #FFFFFF;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

.team-item .btn:hover {
    color: #FFFFFF;
    background: var(--primary);
}

.team-item:hover {
    border-color: var(--secondary) !important;
}

.team-item:hover .bg-primary {
    background: var(--secondary) !important;
}

.team-item:hover .bg-primary i {
    color: var(--secondary) !important;
}


/*** Testimonial ***/
.testimonial-carousel {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 576px) {
    .testimonial-carousel {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

.testimonial-carousel .testimonial-item .border {
    border: 1px dashed rgba(0, 185, 142, .3) !important;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 100%;
    height: 40px;
    top: calc(50% - 20px);
    left: 0;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: #00b98e;
    border-radius: 40px;
    font-size: 20px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: #00b98e;
    color:#fff;
}


/*** Footer ***/
.footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 35px;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
    border-color: var(--light);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .form-control {
    border-color: rgba(255,255,255,0.5);
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.btn-success{
    background-color: #00B98E !important;
    border-color: #00B98E !important;
}
.btn {
    border-radius: 20px;
    margin-right: 5px;
}

.text-green{
    color: #15a886 !important;
}
.heading-banner{
color:#0E2E50 !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.check-green{
    color: #00b98e !important;
}
.text-primary {
    color: #00B98E !important;
}


.Refer_Earn_Button {background:url(../icons/Refer_Earn_Button.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Refer_Earn_Button:hover {background:url(../icons/Refer_Earn_Button_2.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Refer_Earn_Button:active {background:url(../icons/Refer_Earn_Button_3.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}


.Youtube_Button_Button {background:url(../icons/Youtube_Button_Button.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Youtube_Button_Button:hover {background:url(../icons/Youtube_Button_Button_2.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Youtube_Button_Button:active {background:url(../icons/Youtube_Button_Button_3.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}

.Install_app_Button{background:url(../icons/Install_app_Button.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Install_app_Button:hover {background:url(../icons/Install_app_Button_2.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Install_app_Button:active {background:url(../icons/YInstall_app_Button_3.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}

.My_Profile_Button{background:url(../icons/My_Profile_Button.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.My_Profile_Button:hover {background:url(../icons/My_Profile_Button_2.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.My_Profile_Button:active {background:url(../icons/My_Profile_Button_3.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}

.Logout{background:url(../icons/Logout.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Logout:hover{background:url(../icons/Logout_2.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.Logout:active{background:url(../icons/Logout_3.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}


.lg-py-5 {padding-top: 3rem !important;}
.support_cls{height: 50px; cursor: pointer; margin-left: 3px; border: 1px solid #d1d1d1; border-radius: 10px; padding: 3px;}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #00b98e !important;
    border-color: #00b98e !important;
  }
  .btn-primary {
    color: #fff;
    background-color: #00b98e;
    border-color: #00b98e;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #00a07b;
    border-color: #00a07b;
  }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #00a07b;
  }
  #main-search-container .nav-bar{padding:0px !important;}
  #myprofile-container .nav-bar{padding:0px !important;}
  
  .br_rl{border-right: 1px solid #c7bcbc47 !important; border-left: 1px solid #c7bcbc47!important; background: #f8f8f8;}
  .br_none {border: 0px;}

  /*Padding and Margin styles*/

.pad5A{padding:5px!important}.pad5T{padding-top:5px!important}.pad5R{padding-right:5px!important}.pad5B{padding-bottom:5px!important}.pad5L{padding-left:5px!important}.pad10A{padding:10px!important}.pad12A{padding:12px!important}.pad10T{padding-top:10px!important}.pad10R{padding-right:10px
    !important}.pad10B{padding-bottom:10px!important}.pad10L{padding-left:10px!important}.pad15A{padding:15px!important}.pad15T{padding-top:15px!important}.pad15R{padding-right:15px!important}.pad15B{padding-bottom:15px!important}.pad15L{padding-left:15px!important}.pad20A{padding:20px!important}.pad20T{padding-top:20px!important}.pad20R{padding-right:20px!important}.pad20B{padding-bottom:20px!important}.pad20L{padding-left:20px!important}.pad25A{padding:25px!important}.pad25T{padding-top:25px!important}.pad25R{padding-right:25px!important}.pad25B{padding-bottom:25px!important}.pad25L{padding-left:25px!important}.pad35A{padding:35px!important}.pad35T{padding-top:35px!important}.pad35R{padding-right:35px!important}.pad35B{padding-bottom:35px!important}.pad35L{padding-left:35px!important}.pad40A{padding:40px!important}.pad40T{padding-top:40px!important}.pad40R{padding-right:40px!important}.pad40B{padding-bottom:40px!important}.pad40L{padding-left:40px!important}.pad45A{padding:45px!important}.pad45T{padding-top:45px!important}.pad45R{padding-right:45px!important}.pad45B{padding-bottom:45px!important}.pad45L{padding-left:45px!important}.pad0A{padding:0!important}.pad0T{padding-top:0!important}.pad0R{padding-right:0!important}.pad0B{padding-bottom:0!important}.pad0L{padding-left:0!important}.mrg5A{margin:5px!important}.mrg5T{margin-top:5px!important}.mrg5R{margin-right:5px!important}.mrg5B{margin-bottom:5px!important}.mrg5L{margin-left:5px!important}.mrg10A{margin:10px!important}.mrg10T{margin-top:10px!important}.mrg10R{margin-right:10px!important}.mrg10B{margin-bottom:10px!important}.mrg10L{margin-left:10px!important}.mrg15A{margin:15px!important}.mrg15T{margin-top:15px!important}.mrg10TR{margin-top:-10px!important}.mrg15R{margin-right:15px!important}.mrg15B{margin-bottom:15px!important}.mrg15L{margin-left:15px!important}.mrg20A{margin:20px!important}.mrg20T{margin-top:20px!important}.mrg20R{margin-right:20px!important}.mrg20B{margin-bottom:20px!important}.mrg20L{margin-left:20px!important}.mrg25A{margin:25px!important}.mrg25T{margin-top:25px!important}.mrg25R{margin-right:25px!important}.mrg25B{margin-bottom:25px!important}.mrg25L{margin-left:25px!important}.mrg40A{margin:40px!important}.mrg40T{margin-top:40px!important}.mrg40R{margin-right:40px!important}.mrg40B{margin-bottom:40px!important}.mrg40L{margin-left:40px!important}.mrg30A{margin:30px!important}.mrg30T{margin-top:30px!important}.mrg30R{margin-right:30px!important}.mrg30B{margin-bottom:30px!important}.mrg30L{margin-left:30px!important}.mrg35A{margin:35px!important}.mrg35T{margin-top:35px!important}.mrg35R{margin-right:35px!important}.mrg35B{margin-bottom:35px!important}.mrg35L{margin-left:35px!important}.mrg45A{margin:45px!important}.mrg45T{margin-top:45px!important}.mrg45R{margin-right:45px!important}.mrg45B{margin-bottom:45px!important}.mrg45L{margin-left:45px!important}.mrg0A{margin:0!important}.mrg0T{margin-top:0!important}.mrg0R{margin-right:0!important}.mrg0B{margin-bottom:0!important}.mrg0L{margin-left:0!important}.mrg50A{margin:50px!important}.mrg50T{margin-top:50px!important}.mrg50R{margin-right:50px!important}.mrg50B{margin-bottom:45px!important}.mrg50L{margin-left:45px!important}.mrg0A{margin:0!important}.mrg0T{margin-top:0!important}.mrg0R{margin-right:0!important}.mrg0B{margin-bottom:0!important}.mrg0L{margin-left:0!important}
    .pad15TLR{padding:5px 10px 0 15px !important;}

.w-100p {max-width: 100% !important;}


.clear {clear: both;}
.left{float: left;} .right {float: right;}
.property_serach_ic{background:url(../images/property_serach_ic.png) no-repeat center center; width:64px; height:32px; display:inline-block; vertical-align:middle; cursor:pointer;}
.cross_ic{background:url(../images/cross.png) no-repeat center center #fff; width:32px; height:32px; display:inline-block; vertical-align:middle; cursor:pointer;}
.cross_ic:hover{background:url(../images/cross.png) no-repeat center center #ccc; width:32px; height:32px; display:inline-block; vertical-align:middle; cursor:pointer; border-radius: 8px;}

ul.leftli{list-style: none; padding: 0px; margin: 0px !important;}
.leftli li{list-style: none; padding: 2px; margin: 2px; float: left; vertical-align: top;}
#messages-container .nav-bar {
    padding: 0px !important;
}

#main-post-container .nav-bar {
    padding: 0px !important;
}

#main-messages-container .nav-bar {
    padding: 0px !important;
}
#main-venture-container .nav-bar {
    padding: 0px !important;
}
#main-mypost-container .nav-bar {
    padding: 0px !important;
}

#agent-post-container .nav-bar {
    padding: 0px !important;
}
#main-providers-container .nav-bar {
    padding: 0px !important;
}



.lake_Button_Button {background:url(../icons/lake_Button_Button.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.lake_Button_Button:hover {background:url(../icons/lake_Button_Button_2.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}
.lake_Button_Button:active {background:url(../icons/lake_Button_Button_3.png) no-repeat center center; width:30px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer;}


#insights-container .nav-bar {
  padding: 0px !important;
}

#lakes-container .nav-bar {
  padding: 0px !important;
}


#about-container .nav-bar {
  padding: 0px !important;
}

#contact-container .nav-bar {
  padding: 0px !important;
}

#privacy-container .nav-bar {
  padding: 0px !important;
}

#terms-container .nav-bar {
  padding: 0px !important;
}
@media (max-width: 768px) {
    .navbar.navbar-expand-lg {
        padding: 0 10px !important;
 }
 .back-to-top {
    right: 0px;
 }
}