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

[Main Stylesheet]



Project:    Housy

Version:    1.1.0

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



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

[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. Properties List View / .listing-properties-box

    14. Properties 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 Properties 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

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

/** GLOBAL CLASSES **/



html, body {

    height: 100%;

}



body {

    font-family: 'Open Sans', sans-serif;

}



a {

    cursor: pointer;

    color: #232323;

}



a:hover {

    text-decoration: none;

    color: #525252;

}



p {

    font-size: 15px;

    line-height: 26px;

    color: #555;

}



.h-100 {

    height: 100% !important;

}



.w-100 {

    width: 100% !important;

}



strong {

    color: #555;

}



span {

    color: #555;

}



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

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

    color: #232323;

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

    color: #555;

}



.btn.focus, .btn:focus {

    outline: 0;

    box-shadow: none!important;

}



/** 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;

}



.google-bg {

    background: #db4437;

    color: #fff;

}



.linkedin-bg {

    background: #0177b5;

    color: #fff;

}



.pinterest-bg {

    background: #bd081c;

    color: #fff;

}



.facebook-bg:hover {

    background: #3b589e!important;

    color: #fff;

}



.twitter-bg:hover {

    background: #56d7fe!important;

    color: #fff;

}



.linkedin-bg:hover {

    background: #1c82ca!important;

    color: #fff;

}



.google-bg:hover {

    background: #dc4e41!important;

    color: #fff;

}



.rss-bg:hover {

    background: #e78733!important;

}



.pinterest-bg:hover {

    background: #a30618!important;

    color: #fff;

}



/** OVERVIEW BGI **/



.portfolio-item img{

    aspect-ratio: 1/1;

    object-fit: cover;

}





.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-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {

    color: #565656 !important;

}



/** BTN **/

.btn-sm {

    cursor: pointer;

    padding: 7px 12px;

    letter-spacing: 1px;

    font-size: 11px;

    font-weight: 600;

    text-transform: uppercase;

    transition: .5s;

    border-radius: 3px;

    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: 3px;

    border: none;

}



.btn-white {

    padding: 11px 35px 9px;

    font-size: 16px;

    font-weight: 400;

    border: none;

    border-radius: 50px !important;

    background: #fff;

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

}



.btn-white:hover {

    box-shadow: 0 0 15px 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 1px #FFF !important;

    text-transform: uppercase;

    font-weight: 600;

    padding: 5px 30px !important;

    font-size: 12px;

    border-radius: 3px!important;

}



.btn-block-outline:hover {

    background: #2f2f2f;

    border: solid 1px #2f2f2f !important;

    color: #FFF;

}



.pricing-btn {

    padding: 8px 30px;

    border-radius: 50px !important;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

}



.bomd {

    padding: 13px 26px;

    letter-spacing: 1px;

    font-size: 13px;

    text-transform: uppercase;

    transition: .5s;

    border-radius: 3px;

}



.btn {

    border-radius: 3px;



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

}



.btn-sm {

    padding: 7px 30px;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

}



.btn-md {

    cursor: pointer;

    padding: 13px 30px 11px;

    font-size: 13px;

    text-transform: uppercase;

    border-radius: 3px;

}



.btn-lg {

    cursor: pointer;

    padding: 17px 35px 13px 35px;

    letter-spacing: 1px;

    font-size: 14px;

    text-transform: uppercase;

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

}



.banner .btn-lg {

    font-size: 14px;

}



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

    box-shadow: none !important;

    outline: none;

}



.signup-link {

    margin-top: 29.5px;

    margin-left: 5px;

    padding: 6px 20px;

    text-align: center;

    font-weight: 400;

}



.btn-theme {

    color: #fff;

    text-transform: uppercase;

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

    font-weight: 400;

    font-size: 14px;

}



.btn-theme:hover {

    color: #FFF;

}



.btn-white-sm-outline {

    color: #FFF;

    background: transparent;

    border: solid 2px #FFF !important;

    text-transform: uppercase;

    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;

    text-transform: uppercase;

    padding: 13px 33px;

    font-size: 12px;

}



.btn-white-lg-outline:hover {

    color: #FFF;

}



.btn-theme-sm-outline {

    color: #FFF;

    border: solid 2px #FFF;

    background: transparent;

    text-transform: uppercase;

    font-weight: 600;

    padding: 5px 18px;

    font-size: 12px;

}



.btn-theme-sm-outline:hover {

    color: #FFF;

    padding: 5px 18px;

}



.btn-round {

    border-radius: 30px;

}



#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: 600;

}



.checkbox {

    padding-left: 8px;

    margin-bottom: 10px;

}



.checkbox label {

    display: inline-block;

    position: relative;

    padding-left: 10px;

    color: #555;

    font-size: 14px;

}



.checkbox label::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 22px;

    height: 22px;

    left: 0;

    top: -3px;

    margin-left: -23px;

    border: 2px solid #cccccc;

    border-radius: 50px;

    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-weight: normal;

    font-size: 14px;

    line-height: 1;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f111";

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

    text-align: center;

    line-height: 19px;

    font-weight: 300;

    font-size: 11px;

}





/* 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;

}



.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: 15px;

}



.read-more:hover {

    color: #37404d;

}



.read-more-2 {

    display: flex;

    text-align: center;

    max-width: 165px;

    margin: 10px auto 0;

}



.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: 600;

    text-transform: uppercase;

    color: #555;

    background: #DDD;

    transition: .5s;

    border-radius: 3px;

    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;

}



.alert {

    text-transform: uppercase;

    font-size: 11px;

    border-radius: 3px;

    margin-bottom: 10px;

    padding: 19px 15px;

}



.panel-title {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

}



.notice {

    padding: 15px 15px;

    background-color: #ffffff;

    margin-bottom: 10px;

    border-radius: 3px;

    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 strong {

    font-weight: 600;

}



.notice-warning strong {

    color: #fea911;

}



.notice-info strong {

    color: #1db4bd;

}



.notice-success strong {

    color: #74ba28;

}



.notice-danger strong {

    color: #eb344f;

}



.notice-success {

    border-left-color: #74ba28;

}



.notice-danger {

    border-left-color: #eb344f;

}



.notice-warning {

    border-left-color: #fea911;

}



.notice-info {

    border-left-color: #1db4bd;

}



.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;

}



.panel-primary {

    border-color: #337ab7;

}



.panel-primary > .panel-heading {

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7;

}



.panel-heading {

    padding: 15px 20px;

    border-bottom: 1px solid transparent;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}



.panel-title {

    font-size: 14px;

    margin-bottom: 0;

    color: #fff;

    font-weight: 600;

}



.panel-body {

    padding: 20px;

    border: solid 1px #e6e6e6;

}



.panel {

    background: transparent;

}



.panel-success {

    border-color: #d6e9c6;

}



.panel-success > .panel-heading {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6;

}



.panel-success {

    border-color: #d6e9c6;

}



.panel-primary {

    border-color: #337ab7;

}



.panel-success > .panel-heading {

    background-color: orange;

    border-color: orange;

}



/** TOP HEADER AREA START **/

.top-header {

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

}



.top-header-black {

    background-color: #171C26;

}



.top-header .list-inline {

    padding: 8px 0;

}



.list-inline a {

    text-decoration: none;

    color: #fff;

    margin-right: 15px;

    font-size: 14px;

}



.list-inline a i {

    margin-right: 5px;

}



.top-header ul li {

    padding: 0 5px;

    height: 40px;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    color: #aaa;

}



.top-header ul li a {

    color: #fff;

}



.top-header .sign-in, .top-header .sign-in:hover {

    line-height: 36px;

    font-size: 14px;

    border-radius: 3px;

    font-weight: 400;

}



.top-header ul li a i {

    font-size: 13px;

}



/** MAIN HEADER AREA START **/

.main-header .logos {

    padding: 0px 0;

    float: left;

}



.main-header .logos img {

    height: 100%;

}



.header-transparent {

    position: absolute;

    z-index: 9;

    width: 100%;

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

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



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

    color: #232323;

}



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

    padding: 35px 24px;

    line-height: 20px;

    font-size: 16px;

    font-weight: 400;

    color: #555;

    position: relative;

}



.main-header .login-ml{

    margin-left: 25px;

}



.main-header .navbar-expand-lg .navbar-nav .nav-link:after {

    position: absolute;

    top: 48%;

    right: 10px;

}



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

    font-size: 15px;

}



.main-header .navbar-expand-lg .navbar-nav .link-btn {

    padding: 14px 30px;

    border-radius: 3px;

}



.main-header .navbar-expand-lg .navbar-nav .link-btn i {

    margin-right: 5px;

}



.main-header .navbar-expand-lg .navbar-nav .link-btn:hover {

    color: #fff !important;

}



.main-header .navbar-expand-lg .navbar-nav .link-color:hover {

    background: transparent !important;

}



.main-header .navbar-expand-lg .user-account {

    padding: 30px 15px;

    font-size: 14px;

    font-weight: 600;

}



.main-header .navbar-expand-lg .user-account li {

    border: none;

    display: inline-block;

    font-size: 14px;

}



.main-header .navbar-expand-lg .user-account li a {

    color: #232323;

}



.main-header .navbar {

    padding: 0;

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

}



.main-header .form-inline .submit {

    padding: 7px 22px;

    border-radius: 3px;

    font-size: 14px;

    margin-left: 15px;

    font-weight: 600;

}



.main-header .dropdown-menu {

    min-width: 10rem;

    padding: 0;

    margin: -1px;

    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: #555;

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

    text-transform: none;

    font-weight: 400;

    font-size: 15px;

}



.main-header .nav-item > .dropdown-menu a:hover {

    background: transparent;

}



.main-header-2 .navbar-expand-lg .navbar-nav .link-btn {

    border: solid 1px #fff !important;

}



.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;

}



.banner .search-info{

    padding: 10px 10px;

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

    display: inline-block;

    border-radius: 5px;

    width: 100%;

}



/** 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: #555;

    font-size: 15px;

    font-weight: 400;

    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: 10px;

    font-size: 12px;

    font-weight: 500;

}



.megamenu-section p {

    font-size: 13px;

    color: #777;

}



/** BANNER **/

#banner {

    position: relative;

}



.banner {

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

}



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

    position: absolute;

    top: 0;

    bottom: 0;

    width: 0;

}



.item-bg {

    height: 100vh;

}



.banner-min-height {

    /* max-height: 720px; */

}



.banner-max-height img {

    /* max-height: 720px; */

}



.banner-info{

    margin-top: 100px;

}



.banner .slider-mover-left {

    position: absolute;

    display: inline-block;

    left: 10px;

    background: #fff;

    width: 30px;

    height: 60px;

    z-index: 999;

    text-align: center;

    line-height: 60px;

    cursor: pointer;

    opacity: 1;

    font-size: 23px;

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

    border-radius: 100px;

}



.banner .slider-mover-left i{

    color: #333!important;

    opacity: 1;

}



.banner .slider-mover-right {

    position: absolute;

    display: inline-block;

    right: 10px;

    background: #fff;

    width: 30px;

    height: 60px;

    z-index: 999;

    text-align: center;

    line-height: 60px;

    cursor: pointer;

    opacity: 1;

    font-size: 23px;

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

    border-radius: 100px;

}



.banner .slider-mover-right i{

    color: #333!important;

    opacity: 1;

}



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

    opacity: 1;

}



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

    opacity: 1;

}



.banner .carousel-content {

    align-self: center !important;

    margin: 0px auto;

    color: #fff;

}



.carousel-item .text-right {

    float: right;

}



.banner .banner-slider-inner h1 {

    color: #fff;

    margin-bottom: 25px;

    font-size: 45px;

    font-weight: 500;

    letter-spacing: normal;

    font-family: 'Open Sans', sans-serif;

}



.banner .banner-slider-inner h2 {

    color: #fff;

    margin-bottom: 20px;

    font-size: 48px;

    font-weight: 700;

    letter-spacing: normal;

    text-transform: uppercase;

}



.banner .banner-slider-inner h3 {

    color: #fff;

    margin-bottom: 20px;

    font-size: 48px;

    font-weight: 700;

    letter-spacing: normal;

}



.banner .banner-slider-inner h4 {

    color: #fff;

    margin-bottom: 20px;

    font-size: 48px;

    font-weight: 700;

    letter-spacing: normal;

    text-transform: uppercase;

}



.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;

    font-family: 'Open Sans', sans-serif;

    margin-bottom: 30px;

    max-width: 600px;

    margin-right: auto;

    margin-left: auto;

}



.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.4);

}



.banner .carousel-bg .carousel-item {

    height: 100vh;

    background: #3e4a5b;

}



.banner_video_bg {

    height: 100vh;

}



.search-area-5 .location {

    margin: 0 0 20px;

    font-size: 14px;

}



.search-area-5 .location a {

    color: #555;

}



.search-area-5 .location i {

    margin-right: 5px;

}



.search-area-5 .meta {

    float: left;

}



.search-area-5 .meta ul li {

    display: inline-block;

    margin-right: 0;

    text-align: center;

    font-size: 14px;

    border: solid 1px #eee;

    padding: 5px 0;

    border-radius: 3px;

    width: 80px;

}



.search-area-5 .meta ul li:last-child {

    margin-right: 0;

}



.search-area-5 .meta ul li i {

    font-size: 20px;

}



.search-area-5 h5 {

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.search-area-5 .price {

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 8px;

    margin-top: 8px;

}



.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;

}



/** SEARCH AREA **/

#search-style-1 {

    transition: all 0.4s;

}



#search-style-2 {

    position: absolute;

}



.search-area {

    display: none;

    width: 100%;

    bottom: 80px;

    text-align: left;

    z-index: 999;

    padding: 30px 30px 10px;

}



.search-area .range-slider {

    margin-top: 10px;

    margin-bottom: 20px;

}



.search-area-2 {

    z-index: 999;

    padding: 30px 30px 10px;

}



.sa2 {

    display: none;

}



.search-area-2 .range-slider {

    margin-top: 10px;

    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: -84.5px;

    width: 100%;

}



.search-area-3 .range-slider {

    margin-top: 7px;

    margin-bottom: 25px;

}



.search-area-3 .ssa {

    padding: 30px 30px 5px;

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

    background: #fff;

}



.search-area-3 .form-group {

    margin-bottom: 20px;

}



.search-area-4 {

    padding: 35px 35px 20px;

    max-width: 370px;

    width: 100%;

    z-index: 1;

    border-radius: 10px;

    margin-left: auto;

    position: relative;

}



.search-area-4::before {

    opacity: 0.7;

    content: "";

    display: block;

    left: 0;

    border-radius: 10px;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: -999;

}



.search-area-4 h5 {

    margin-bottom: 0px;

    font-size: 23px;

    color: #fff;

    font-weight: 400;

}



.search-area-4 p {

    color: #fff;

    font-size: 16px!important;

    margin-bottom: 20px!important;

}



.search-area-5 {

    position: absolute;

    max-width: 480px;

    margin: auto auto 0 0;

    padding: 0;

    top: 30%;

    text-align: left;

    z-index: 1;

    border-radius: 10px;

}



.search-area-5 .sa5-inner {

    background: #fff;

    top: 15px;

    left: 15px;

    position: relative;

    padding: 30px;

    border-radius: 10px;

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

}



.search-area-4 .range-slider {

    margin-top: 15px;

    margin-bottom: 10px;

}



.ss-5{

    max-width: 100%;

    border-radius: 0!important;

}



.ss-5::before {

    border-radius: 0;

    opacity: 1;

}



.bg-grea {

    background: #efefef;

}



.bg-grea-2 {

    background: #f8f9fa;

}



.bg-grea-3 {

    background: #f9f9f8;

}



.search-area-inner {

    margin: 0 auto;

}



.row-2{

    margin-top: 80px;

}



.banner-info-2{

    margin-top: 116px;

    max-width: 600px;

}



.bi4{

    margin-top: 0;

}



.search-contents {

    border-radius: 4px;

    transition: 0.9s ease-out;

}



.show-search-area {

    z-index: 9999;

. 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 {

}



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

    padding: 13px 20px 9px 20px;

    font-weight: 400;

    color: #FFF !important;

    cursor: pointer;

    border-radius: 3px;

    z-index: 0;

    position: absolute;

    bottom: 20px;

    font-size: 14px;

}



.search-options-btn, .search-options-btn i {

    margin-left: 5px;

}



.search-options-btn i {

    font-weight: 400;

    font-size: 10px;

}



.search-options-btn span {

    color: #fff;

}



.search-area label {

    font-size: 14px;

    color: #555;

    font-weight: 600;

}



.search-fields {

    min-height: 45px;

    border-radius: 3px;

    box-shadow: none;

    border: 1px solid #dedede;

    background: #fcfcfc !important;

    font-size: 13px;

}



.search-area-2 .search-fields {

    min-height: 45px;

    border-radius: 1px;

    box-shadow: none;

    border: 1px solid #fcfcfc;

    background: #fcfcfc !important;

    font-size: 13px;

}



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

    color: #565656;

    border-radius: 50px;

    outline: none;

    line-height: 45px;

    padding: 0 25px 0 20px;

}



.search-area-4 .search-fields {

    border-radius: 3px;

    border: solid 1px #cacaca;

}



.search-area-4 .dropup .dropdown-toggle::after {

    margin-left: -5px;

}



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

    margin-left: -5px;

}



.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;

    padding: 13px 26px;

    letter-spacing: 1px;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    color: #FFF;

    transition: .5s;

    border-radius: 3px;

    border: none;

    width: 100%;

    outline: none;

}



.search-button:hover {

    color: #fff;

}



.search-button-3{

    background: #212121;

    color: #fff;

    cursor: pointer;

    padding: 13px 26px;

    letter-spacing: 1px;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    color: #FFF;

    transition: .5s;

    border-radius: 3px;

    border: none;

    width: 100%;

    outline: none;

}



.search-button-3:hover{

    color: #fff;

    background: #000;

}



.search-area-4 .search-button {

    letter-spacing: 1;

}



.inline-search-area {

    margin: 0 15px;

}



.inline-search-area .search-col {

    padding: 0;

    position: relative;

    background: #fff;

}



.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: 54px;

    margin-bottom: 0;

    font-size: 12px;

    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 !important;

}



.inline-search-area .has-icon {

    padding-left: 40px !important;

}



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

    color: #fff;

    margin-left: 5px;

    text-transform: uppercase;

}



.inline-search-area .search-fields,

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

    border: none;

    border-right: solid 1px #d8d8d8;

    padding: 0 !important;

}



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

    padding: 15px 20px 15px 15px;

    line-height: 24px;

    margin: 0 !important;

}



.bootstrap-select .dropdown-menu {

    padding: 0 !important;

    margin: 0 0 !important;

    border: none;

    box-shadow: none !important;

    border-radius: 0 !important;

    min-width: 100% !important;

    max-height: 260px !important;

}



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

    position: absolute;

    top: 4px;

}



.inner::-webkit-scrollbar {

    width: 5px;

}



.inner::-webkit-scrollbar-track {

    background: #ddd;

}



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

    margin-left: -4px;

    top: 24px;

    position: absolute;

}



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

    -webkit-transform: none;

    transform: none;

}



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

    color: #777;

}



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

    top: 1px;

}



.bootstrap-select .dropdown-toggle::after {

    top: 22px;

    position: absolute;

    right: 10px;

}



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

    top: 26px;

    position: absolute;

    right: 12px;

}



.logo-none {

    display: none;

}



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

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

}*/



/** PORTFOLIO AREA START **/

.filteriz-navigation {

    text-align: center;

    background: #fff;

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

    max-width: 430px;

    display: inline-block;

    margin: 0 auto !important;

    padding: 7px 15px;

    border-radius: 50px;

}



.list-inline-listing {

    max-width: 335px;

    margin: 0 auto 0;

}



.filteriz-navigation li {

    color: #555;

    float: left;

    text-align: center;

    /* letter-spacing: .5px; */

    padding: 5px 15px 5px 15px;

    border: 0;

    border-radius: 50px;

    margin: 0;

    cursor: pointer;

    font-size: 15px;

    font-weight: 500;

    font-family: 'Open Sans', sans-serif;

}



.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.1;

}



.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: 600;

    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: #565656;

    border-radius: 3px;

    outline: none;

    line-height: 45px;

    padding: 0 25px 0 15px;

}



.bootstrap-select button:hover {

    color: #565656!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: none;

    box-shadow: none !important;

    border-radius: 0 !important;

}



.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: 14px;

    outline: none;

    border: 0 !important;

    background: #f8f9fa;

}



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

    border: none;

    color: #FFF;

    font-size: 14px;

}



.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 .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;

    background-color: #f8f9fa;

    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;

    font-weight: 400;

}



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

    color: #fff;

}



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

    color: #515151;

}



/** MAIN TITLE AREA START **/

.main-title {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 40px;

}



.mt2 {

    margin: 0 auto 40px;

}



.sec-title {

    margin-bottom: 10px;

}



.main-title h1 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.main-title .mb-10 {

    margin-bottom: 15px;

}



.main-title p {

    font-size: 17px;

}



.main-title-2 h1 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase;

    color: #fff;

}



.main-title-2 {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 40px;

}



.main-title-2 p {

    font-size: 17px;

    color: #fff;

}



/** SLICK SLIDER**/

.slick-slider-area {

    position: relative;

}



.slick-slide-item {

    padding: 0 15px;

}



.slick-arrow-buton {

    background: #fff;

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

    opacity: 1;

    width: 30px;

    height: 50px;

    color: #333;

    position: absolute;

    z-index: 999;

    top: 36%;

    text-align: center;

    line-height: 50px;

    cursor: pointer;

    border-radius: 100px;

}



.slick-arrow-buton:hover {

    color: #fff;

    opacity: 1;

}



.slick-arrow-buton i {

    font-size: 18px;

    font-weight: 600;

}



.slick-prev {

    left: -15px;

}



.slick-next {

    right: -15px;

}



.partners .slick-prev {

    left: -13px;

}



.slick-btn {

    text-align: center;

    max-width: 42px;

    margin: 0 auto;

}



.slick-btn .slick-arrow-buton-2 {

    width: 15px;

    height: 15px;

    border-radius: 50px;

    color: #fff;

    z-index: 999;

    cursor: pointer;

    text-align: center;

    background: #ccc;

    display: block;

    float: left;

    margin: 0 3px;

}



.btn-search{

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase!important;

    letter-spacing: 1px;

}



.partners .slick-next {

    right: -13px;

}



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

    outline: none !important;

}



*:focus {

    outline: none !important;

}



.header-ml {

    margin-left: 20px;

}



/** PROPERTY BOX 2 AREA START **/

.property-box-2 {

    margin-bottom: 30px;

    overflow: hidden;

    background: #fff;

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

}



.property-box-2:hover {

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

}



.property-box-2 .detail .title {

    font-size: 23px;

    font-weight: 400;

    margin-bottom: 10px;

}



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

    width: 100%;

}



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

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    background: linear-gradient(to top, rgba(35, 35, 37, 0.4) 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 .listing-badges {

    padding:0 30px;

}



.property-box-2 .detail {

    padding: 30px 35px 0 20px;

}



.property-box-2 .detail .location {

    margin: 0 0 15px;

    font-size: 15px;

    font-weight: 400;

}



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

    color: #666;

}



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

    margin-right: 3px;

}



.property-box-2 .facilities-list {

    margin-bottom: 20px;

}



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

    width: 33%;

    float: left;

    font-size: 14px;

    line-height: 35px;

    font-weight: 400;

}



.property-box-2 .footer a {

    color: #555;

}



.property-box-2 .footer i {

    margin-right: 2px;

}



.property-box-2 .footer p {

    line-height: 44px;

    margin: 0 0 0 25px;

}



.property-box-2 .footer p i {

    margin-right: 5px;

}



.property-box-2 .footer {

    border-top: 1px solid #e5e5e5;

}



.property-box-2 .listing-badges .featured {

    left: 15px;

}



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

    left: 15px;

}



.property-box-2 .footer {

    position: absolute;

    bottom: 0;

    z-index: 20;

    width: 100%;

}



.property-box-2 .footer {

    border-top: 1px solid #efefef;

    line-height: 48px;

    padding: 0 35px 0 20px;

    font-size: 14px;

}



.property-box-2 .fb {

    width: 97.55%;

}



.map-property-box .footer{

    line-height: 40px;

}



.map-property-box .detail{

    padding-top: 25px;

}



.map-property-box .listing-badges{

    padding-left: 45px;

}



/** PROPERTY BOX AREA START **/

.property-box-3 {

    position: relative;

    margin-bottom: 30px;

    background: #fff;

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

    overflow: hidden;

}



.property-box-3:hover{

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

}



.property-box-3 .top {

    padding: 25px 20px 20px;

    background: #fff;

}



.property-box-3 .top .title {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 10px;

}



.property-box-3 .top .title span{

    float: right;

}



.property-box-3 .top .title a:hover {

    color: #343a40;

}



.property-box-3 .facilities-list {

    position: absolute;

    bottom: 0;

    font-size: 15px;

    width: 100%;

    padding: 10px 0;

    text-align: center;

    z-index: 999;

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

}



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

    list-style: none;

    float: left;

    width: 33.33%;

    font-weight: 400;

    font-size: 14px;

    color: #fff;

    text-align: center;

}



.property-box-3 .details {

    padding: 0;

    border-radius: 5px;

}



.tag {

    position: absolute;

    top: 15px;

    left: 15px;

    z-index: 20;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 1px;

    background: red;

    color: rgb(255, 255, 255);

    padding: 7px 14px 7px;

    font-weight: 500;

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

}



.tag::after {

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    border-top: 0;

    border-bottom: 10px solid transparent;

    bottom: -10px;

    left: 0;

}



.tag-2{

    float: left;

    position: absolute;

    transform: rotate(-45deg);

    left: -60px;

    top: 30px;

    text-align: center;

    width: 200px;

    font-size: 12px;

    margin: 0;

    color: #fff;

    font-weight: 500;

    line-height: 32px;

    background: red;

    text-transform: uppercase;

}



.property-box-3 .top .location {

    font-size: 15px;

    color: #555;

}



.property-box-3 .top .location a {

    color: #555;

}



.property-box-3 .top .location i {

    margin-right: 5px;

}



.property-box-3 .facilities-list p {

    margin-bottom: 0;

    font-weight: 400;

    font-size: 14px;

    color: #555;

}



.property-box-3 .footer {

    font-size: 14px;

    border-top: 1px solid #e5e5e5;

    color: #666;

}



.property-box-3 .footer p {

    line-height: 48px;

    margin: 0 0 0 20px;

}



.property-box-3 .footer ul li {

    display: inline-block;

    width: 48px;

    margin: 0 0 0 -4px;

}



.property-box-3 .footer ul li a {

    display: block;

    font-size: 18px;

    height: inherit;

    line-height: 48px;

    text-align: center;

    width: 48px;

    border-left: 1px solid #e5e5e5;

    color: #666;

}



.property-box-3 .facilities-list::before {

    opacity: 0.5;

    content: "";

    display: block;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: -999;

}





/** ABOUT REAL ESTATE AREA START **/

.about-real-estate {

    padding-top: 80px;

}



.about-text {

    padding: 0px 0 0 30px;

}



.about-text p {

    margin-bottom: 20px;

}



.about-text h3 {

    font-weight: 500;

    margin-bottom: 20px;

    font-size: 30px;

}



/** ABOUT SILIDER AREA START **/

.about-slider-box img {

    border-radius: 3px;

    width: 100%;

}



/** SERVICE  STARTED **/

.service-box {

    position: relative;

    margin-bottom: 30px;

    transition-duration: .3s;

    padding: 10px 10px 20px;

    border: none;

    background: #fff;

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

}



.service-box:hover{

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

}



.service-box .detail {

    padding: 20px 0 0;

}



.service-box img {

    border-radius: 0;

}



.service-box .title {

    margin-bottom: 10px;

}



.service-box .title h4 {

    font-size: 18px;

    font-weight: 400;

}



.service-box .read-more {

    font-weight: 400;

    font-size: 15px;

}



.service-box p {

    margin-bottom: 5px;

}



.slider-btn-r {

    width: 30px;

    height: 30px;

    line-height: 30px;

    position: absolute;

    top: 45%;

    z-index: 5;

    display: inline-block;

    right: 5px;

    background: #1B1410;

    text-align: center;

    border-radius: 0;

}



.slider-btn-r i {

    font-size: 14px;

    color: #fff;

}



.slider-btn-l {

    width: 30px;

    height: 30px;

    line-height: 30px;

    position: absolute;

    top: 45%;

    z-index: 5;

    left: 5px;

    display: inline-block;

    background: #1B1410;

    text-align: center;

    border-radius: 0;

}



.slider-btn-l i {

    font-size: 14px;

    color: #fff;

}



/** TESTIMONIAL STARTED **/

.testimonial {

    padding: 100px 0 130px;

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.testimonial:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

}



.testimonial .testimonial-inner .carousel-item {

    margin-bottom: 30px;

}



.testimonial .testimonial-inner .lead {

    font-size: 15px;

    margin: 0 0 15px;

    color: #fff;

    opacity: 0.9;

    font-weight: 500;

}



.testimonial .testimonia-header {

    margin: 0 auto 40px;

    text-align: center;

}



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

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 25px;

    text-transform: uppercase;

}



.testimonial .avatar img {

    border-radius: 5px;

}



.testimonial .testimonial-inner .author-name {

    font-weight: 500;

    margin: 5px 0 0;

    font-size: 20px;

    color: #fff;

    opacity: 0.9;

}



.testimonial .testimonial-inner ul li {

    display: inline-block;

    color: orange;

}



.testimonial .testimonial-inner ul span {

    font-size: 14px;

    color: #fff;

    opacity: 0.9;

}



.testimonial .slider-mover-left {

    width: 30px;

    height: 30px;

    line-height: 30px;

    position: absolute;

    top: 100%;

    z-index: 5;

    display: inline-block;

    right: -30px;

    text-align: center;

    background: #a5a5a5;

    border-radius: 5%;

}



.testimonial .slider-mover-left i {

    font-size: 20px;

    line-height: 30px;

    color: #232323;

}



.testimonial .slider-mover-right {

    width: 30px;

    height: 30px;

    line-height: 30px;

    position: absolute;

    top: 100%;

    z-index: 5;

    display: inline-block;

    right: 0;

    background: #a5a5a5;

    text-align: center;

    border-radius: 5%;

}



.testimonial .slider-mover-right i {

    font-size: 20px;

    line-height: 30px;

    color: #232323;

}



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

    width: 0;

}



.testimonial .testimonial-inner .rating li i {

    font-size: 13px;

}



/** TESTIMONIAL 2 STARTED **/

.testimonial-2 {

    padding: 100px 0;

    text-align: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

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

    z-index: 0;

}



.testimonial-2:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

}



.testimonial-2 .testimonial-inner .lead {

    background: #fff;

    padding: 25px;

    max-width: 450px;

    border-radius: 5px;

    font-weight: 400;

    font-size: 15px;

    text-align: left;

    margin: 0 auto 20px;

}



.testimonial-2 .testimonial-inner .media {

    font-size: 14px;

    font-weight: 500;

    color: #757474;

    background: #fff;

    border-radius: 50px;

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

    padding: 3px;

    max-width: 230px;

    margin: 0 auto;

    text-align: left;

}



.testimonial-2 .testimonial-inner .media img {

    width: 50px;

    border-radius: 50px;

}



.testimonial-2 .testimonial-inner .media h5 {

    margin-bottom: 3px;

    font-weight: 400;

    font-size: 17px;

}



.testimonial-2 .testimonial-inner .media h6 {

    margin-bottom: 0;

    font-size: 14px;

    color: #555;

    font-weight: 400;

}



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

    margin-bottom: 35px;

}



.testimonial-2 .carousel-indicators li {

    width: 12px;

    height: 12px;

    background-color: #fff;

    border-radius: 50px;

}



.testimonial-2 .carousel-indicators {

    margin: 30px 0 0;

}



.testimonial-2 .carousel-indicators {

    bottom: 0;

}



.testimonial-2 .carousel-indicators .active {

    background: #fff;

}



.testimonial-2 .carousel-inner {

    max-width: 500px;

    margin: 0 auto;

}



.testimonial-2 .carousel-item {

    max-width: 100%;

    margin: 0 auto;

}



/** TESTIMONIAL 3 STARTED **/

.testimonial-3 {

    padding: 100px 0;

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



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

    background: #fff;

    margin: 50px 0 0;

    border: none;

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

    position: relative;

    padding: 70px 25px 35px;

    text-align: center;

    border-radius: 5px;

}



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

    position: absolute;

    left: 0;

    top: -50px;

    width: 100%;

}



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

    max-width: 100px!important;

    margin: 0 auto;

}



.testimonial-3 .testimonial-inner .content-box .profile-user .avatar img {

    width: 100%;

    border-radius: 100px;

}



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

    margin: 10px 0;

    font-weight: 400;

    font-size: 20px;

}



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

    font-size: 14px;

}



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

    color: orange;

    margin-bottom: 13px;

}



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

    margin-bottom: 0;

    color: #555;

}



/** PRICING 1 STARTED **/

.pricing-1 {

    margin-bottom: 30px;

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

}



.pricing-1:hover{

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

}



.pricing-1 .plan-header {

    background-color: #fff;

    padding: 40px 22px 0;

    border-width: 1px;

    position: relative;

    text-align: center;

}



.pricing-1 .plan-header h5 {

    margin-bottom: 5px;

    font-weight: 400;

}



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

    font-size: 24px;

    position: relative;

    top: -30px;

    color: #555;

}



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

    font-size: 70px;

    font-weight: 600;

    position: relative;

    text-align: center;

    padding: 0;

    color: #232323;

}



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

    font-size: 16px;

}



.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: 15px;

}



.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: 50px;

}



/** PRICING 2 STARTED **/

.pricing-2 {

    text-align: center;

    margin-bottom: 30px;

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

}



.pricing-2:hover {

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

}



.pricing-2 .title {

    color: #232323;

    padding: 25px 0;

    font-weight: 600;

    font-size: 17px;

}



.pricing-2 .content {

    padding: 25px 0;

    border-bottom: 1px solid #eaeaea;

}



.pricing-2 .content ul li {

    padding: 7px 0;

    color: #555;

    font-size: 15px;

}



.pricing-2 .price-for-user {

    padding: 25px 0;

    text-align: center;

    background: #f9f9f9;

}



.pricing-2 .button {

    padding: 25px 0;

}



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

    font-size: 50px;

    margin-right: 10px;

    font-weight: 700;

}



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

    font-size: 15px;

    font-weight: 500;

}



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

    color: #555;

}



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

    top: -25px;

    left: -3px;

    font-size: 30px;

}



.pricing-2 .pricing-btn {

    padding: 6px 30px;

    border-radius: 50px;

}



/** PRICING 3 STARTED **/

.pricing-3 {

    text-align: center;

    padding: 30px;

    margin-bottom: 30px;

}



.pricing-3:hover {

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

}



.pricing-3.popular {

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

}



.pricing-3 .title {

    font-size: 22px;

    padding-bottom: 20px;

    border-bottom: 1px solid #eaeaea;

    font-weight: 400;

    color: #232323;

}



.pricing-3 .content {

    padding: 20px 0;

    border-bottom: 1px solid #eaeaea;

}



.pricing-3 .content ul li {

    padding: 7px 0;

    font-weight: 400;

    font-size: 15px;

}



.pricing-3 .price-for-user {

    padding: 25px 0;

    margin-bottom: 30px;

    text-align: center;

    border-bottom: 1px solid #eaeaea;

    color: #555;

}



.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: 15px;

    font-weight: 600;

}



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

    top: -25px;

    left: -3px;

    font-size: 30px;

}



/** TEAM 1 STARTED **/

.team-1 {

    margin: 0 auto 30px;

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

}



.team-1:hover {

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

}



.team-1 img {

    width: 100%;

}



.team-1 .team-details {

    text-align: center;

    padding: 25px 20px;

}



.team-1 .team-details h5 {

    margin-bottom: 5px;

    font-weight: 400;

}



.team-1 .team-details h5 a {

    font-size: 18px;

}



.team-1 .team-details p{

    margin-bottom: 10px;

}



.team-1 .team-details h6 {

    font-size: 15px;

    margin-bottom: 10px;

    font-weight: 400;

    color: #555;

}



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

    display: inline-block;

}



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

    margin: 0 5px;

    color: #555;

    font-size: 16px;

}



/** TEAM 2 STARTED **/

.team-2 {

    background: #fff;

    margin-bottom: 30px;

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

    z-index: 4;

}



.team-2:hover{

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

}



.team-2 .team-photo img {

    position: relative;

    width: 100%;

}



.team-2 .team-details {

    padding: 25px 25px 20px;

}



.team-2 .team-details h6 {

    font-size: 13px;

    color: #555;

    text-transform: uppercase;

    margin-bottom: 10px;

    font-weight: 400;

}



.team-2 .team-details h5 {

    margin-bottom: 10px;

    font-weight: 400;

    font-size: 18px;

}



.team-2 .team-details p {

    padding-left: 20px;

    position: relative;

    font-size: 15px;

    margin-bottom: 0;

    line-height: 30px;

}



.team-2 .team-details p a {

    color: #555;

}



.team-2 .team-details p i {

    position: absolute;

    left: 0;

    line-height: 30px;

}



/** TEAM 3 STARTED **/

.team-3 {

    background: #fff;

    margin: 0 1px;

    margin-bottom: 30px;

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

}



.team-3:hover {

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

}



.team-3 .detail {

    padding: 0 25px;

}



.team-3 img {

    width: 100%;

}



.team-3 .detail p {

    margin-bottom: 0;

}



.team-3 .detail h5 {

    margin: 0 0 15px;

    font-size: 13px;

    font-weight: 400;

    color: #555;

    text-transform: uppercase;

}



.team-3 .detail h4 {

    margin: 0 0 10px;

    font-size: 20px;

    font-weight: 400;

}



.team-3 .photo {

    position: relative;

}



.team-3 .photo .social-box {

    width: 100%;

    position: absolute;

    bottom: 20px;

}



.team-3 .photo .social-box .social-list {

    max-width: 150px;

    background: #fff;

    margin: 0 auto;

    border-radius: 50px;

    text-align: center;

    padding: 7px 10px;

}



.team-3 .photo .social-list li {

    display: inline-block;

    font-size: 14px;

}



.team-3 .photo .social-list li a {

    margin: 0 5px;

}



/** TEAM 3 STARTED **/

.team-4 {

    background: #fff;

    margin: 0 1px;

    margin-bottom: 30px;

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

    border: solid 1px #efefef;

}



.team-4:hover {

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

}



.team-4 .detail {

    padding: 0 30px;

}



.team-4 img {

    width: 100%;

}



.team-4 .detail h5 {

    margin: 0 0 10px;

    font-size: 14px;

    color: #555;

    font-weight: 400;

}



.team-4 .detail h4 {

    margin: 0 0 15px;

    font-size: 20px;

    font-weight: 400;

}



.team-4 .detail h4 a:hover{

    color: #555;

}



.team-4 .photo {

    position: relative;

}



.team-4 .detail .contact {

    margin-bottom: 20px;

}



.team-4 .detail .contact ul li {

    line-height: 30px;

    font-size: 15px;

    color: #555;

}



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

    margin-right: 5px;

    color: #555;

}



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

    color: #555;

}



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

    display: inline-block;

    font-size: 16px;

}



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

    margin-right: 1px;

    font-size: 14px;

    width: 30px;

    height: 30px;

    border-radius: 3px;

    display: inline-block;

    text-align: center;

    line-height: 30px;

}



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

    margin-right: 1px;

    font-size: 16px;

    width: 40px;

    height: 40px;

    border-radius: 50px;

    display: inline-block;

    text-align: center;

    line-height: 40px;

}



.team-6 .detail h4 {

    font-size: 24px;

}



/** SERVICE 2 AREA START **/

.services-3 {

    padding: 80px 0 30px;

}



.service-text {

    margin-bottom: 50px;

}



.service-text h2 {

    font-weight: 600;

    font-size: 25px;

    margin: 0 0 20px;

}



.service-info-2{

    padding: 30px 25px;

    background: #fff;

    position: relative;

    margin-bottom: 30px;

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

}



.service-info-2:hover{

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

}



.service-info-2 .service-detail {

    margin-left: 68px;

}



.service-info-2 h3 {

    font-size: 22px;

    font-weight: 400;

    margin-bottom: 10px;

}



.service-info-2 .icon{

    position: absolute;

}



.service-info-2 .icon i{

    font-size: 50px;

}



.service-info-2 h4 {

    position: absolute;

    top: 100px;

    left: 40px;

    z-index: 20;

    text-transform: uppercase;

    margin-bottom: 0;

    font-weight: 600;

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

    color: #d4d0d0;

}



.service-info-2 p{

    margin-bottom: 10px;

}



.service-info-2 .rm-btn:hover {

    color: #555;

}



.service-info-2 .rm-btn {

    font-weight: 400;

    font-size: 15px;

}



/** Service info 3 **/

.service-info-3{

    padding: 20px;

    background: #fff;

    position: relative;

    margin-bottom: 20px;

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

}



.service-info-3 .service-detail {

    margin-left: 68px;

}



.service-info-3 h3 {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 5px;

}



.service-info-3 .icon{

    position: absolute;

    margin-right: 20px;

}



.service-info-3 .icon i{

    font-size: 40px;

    line-height: 81px;

}



.service-info-3 p{

    margin-bottom: 0;

}



.services-demo img{

    height: 443px;

}



/** Our newslatters 2 **/

.our-newslatters-2{

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 30px 15px 25px;

}



.our-newslatters-2:before {

    opacity: 0.5;

    content: "";

    border-radius: 5px;

    display: block;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    position: absolute;

}



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

    font-size: 27px;

    margin-bottom: 5px;

    color: #fff;

    line-height: normal;

    font-weight: 400;

}



.our-newslatters-2 p {

    color: #fff!important;

    margin-bottom: 0;

    font-weight: 400;

    font-size: 16px;

}



.our-newslatters-2 .subscribe-box {

    margin-top: 10px;

}



.our-newslatters-2 .form-inline {

    width: 100%;

    border-radius: 3px;

    background: #fff;

}



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

    width: 70%;

    height: 44px;

    padding: 10px 15px;

    font-size: 15px;

    outline: 0;

    border-radius: 3px;

    border: transparent;

}



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

    width: 30%;

    padding: 11.5px 13px;

    font-size: 13px;

    font-weight: 600;

    border-radius: 0 3px 3px 0;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #fff;

}



/** Our newslatters 3 **/

.our-newslatters-3{

    padding: 50px 0;

    display: inline-block;

    width: 100%;

}



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

    font-size: 35px;

    margin-bottom: 5px;

    color: #fff;

    line-height: normal;

    font-weight: 400;

}



.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: 500;

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

    -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.2)!important;

    margin-top: 7.5px;

}



.our-newslatters-3 .subscribe-box{

    display: inline-block;

    float: right;

}



/** page 404 **/

.page-404 {

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

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    min-height: 100vh;

    position: relative;

    display: flex;

    align-items: center;

    padding: 30px 0;

    height: 100vh;

    background: #1B1B1B;

}



.page-404 #particles-404 {

    height: 100vh;

    width: 100%;

    position: absolute;

}



.page-404 .page-one-404-inner {

    padding: 0 30px;

    text-align: center;

    margin: auto;

}



.page-404 h1 {

    margin-bottom: 0;

    font-weight: 700;

    font-size: 290px;

    opacity: 2;

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

    color: #3F3F3F;

}



.page-404 h4 {

    font-weight: 600;

    margin-bottom: 20px;

    font-size: 30px;

    color: #8c8c8c;

}



.page-404 p {

    margin-bottom: 0;

    font-size: 17px;

    font-weight: 400;

    color: #8c8c8c;

}



.page-404 .search-form {

    max-width: 400px;

    margin: 20px 0 auto;

}



.page-404 .form-control {

    width: 69%;

    height: 45px;

    padding: 10px 15px;

    border-radius: 0;

    font-size: 15px;

    font-weight: 400;

    outline: 0;

    background-color: #eee;

    border-color: #eee;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

    color: #fff;

}



.page-404 .btn, .page-two-404 .btn:hover, .page-two-404 .btn:active {

    width: 31%;

    border-radius: 0;

    height: 45px;

    line-height: 45px;

    padding: 0 15px;

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 1px;

    cursor: pointer;

    color: #fff;

}



.page-404 .hr {

    width: 50px;

    height: 10px;

    background: #3F3F3F;

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

    margin: 20px 0;

    border-radius: 10px;

}



.page-404 .info {

    padding-left: 50px;

}



/** PAGES 404 2 AREA START **/

.pages-404-2 {

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    min-height: 100vh;

    text-align: center;

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px 0;

    background: #1B1B1B;

}



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

    font-size: 67px;

    margin-bottom: 30px;

    font-weight: 700;

    color: #3F3F3F;

}



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

    margin-bottom: 45px;

    font-weight: 500;

    color: #5d5d5d;

    font-size: 20px;

}



.border-thn {

    cursor: pointer;

    padding: 8px 30px;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: 600;

    transition: .5s;

    border-radius: 50px !important;

    background: #fff;

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

}



.border-thn:hover {

    color: #fff;

}



/** BLOG 1 AREA START **/

.blog-1 {

    margin-bottom: 30px;

    border-radius: 0;

    border: none;

    background: transparent;

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

}



.blog-1:hover {

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

}



.blog-1 .detail {

    padding: 25px 20px 8px;

}



.blog-1 .blog-photo {

    position: relative;

}



.blog-1 .blog-photo img {

    width: 100%;

}



.blog-1 .detail h3 {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 7px;

}



.blog-1 .detail .post-meta {

    width: 100%;

    margin-bottom: 10px;

}



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

    margin-right: 20px;

    font-size: 14px;

    font-weight: 400;

}



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

    color: #555;

}



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

    margin-right: 5px;

}



.blog-1 .detail h2 {

    margin-bottom: 5px;

}



.blog-1 .detail h2 a {

    font-size: 23px;

    font-weight: 400;

    margin-bottom: 20px;

}



.blog-1 .date-box {

    position: absolute;

    bottom: -27px;

    right: 10px;

    font-size: 12px;

    color: #fff;

    width: 55px;

    padding: 7px 0;

    text-align: center;

    border-radius: 3px;

}



.blog-1 .date-box span {

    text-transform: uppercase;

    font-size: 17px;

    display: block;

    font-weight: 600;

    line-height: 22px;

    color: #fff;

}



.mr-0 {

    margin-right: 0;

}



.blog-1 .read-more {

    margin-bottom: 20px;

    display: block;

}



.blog-big .detail {

    padding: 20px 0 40px;

}



.blog-big:hover {

    box-shadow: none;

}



.blog-big {

    box-shadow: none;

}



/** BLOG 2  STARTED **/

.blog-2 {

    margin-bottom: 30px;

    border-radius: 0;

    border: solid 1px #efefef;

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

}



.blog-2 {

    background: #fff;

    margin: 0 1px;

    margin-bottom: 30px;

}



.blog-2:hover {

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

}



.blog-2 .photo {

    position: relative;

}



.blog-2 .photo .date-box {

    position: absolute;

    top: 15px;

    left: 15px;

    font-size: 13px;

    color: #fff;

    width: 55px;

    padding: 12px 0;

    text-align: center;

    right: 15px;

    border-radius: 2px;

}



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

    text-transform: uppercase;

    font-size: 19px;

    display: block;

    font-weight: 400;

    line-height: 22px;

    color: #fff;

}



.blog-2 .detail {

    padding: 0 20px 0 25px;

}



.blog-2 .detail h3 {

    margin-bottom: 10px;

    font-size: 20px;

    font-weight: 500;

}



.blog-2 .detail p {

    margin-bottom: 0;

}



.blog-2 .detail .post-meta {

    margin: 10px 0px 15px 0;

    font-size: 14px;

}



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

    margin-right: 20px;

}



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

    color: #555;

}



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

    margin-right: 5px;

}



/** BLOG 3 STARTED **/

.blog-3 {

    padding: 0;

    border: none;

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

    position: relative;

    margin-bottom: 30px;

}



.blog-3:hover {

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

}



.blog-3 .blog-photo {

    position: relative;

    overflow: hidden;

    display: block;

}



.blog-3 .blog-photo img {

    width: 100%;

}



.blog-3 .post-meta {

    height: 45px;

    background-color: #f4f4f4;

    margin-bottom: 0;

}



.blog-3 .detail {

    padding: 25px 20px 20px;

}



.blog-3 .post-meta ul {

    margin: 0;

    padding: 0 15px;

}



.blog-3 .post-meta .profile-user {

    padding: 6px 0 6px 6px;

}



.blog-3 .post-meta ul li {

    font-size: 14px;

    margin: 0;

    position: relative;

    float: left;

    padding: 11px 12px;

}



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

    font-weight: 500;

}



.blog-3 .post-meta .profile-user img {

    border-radius: 100px;

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

    height: 65px;

    margin-right: 5px;

    margin-top: -45px;

    object-fit: cover;

    position: relative;

    width: 65px;

}



.blog-3 .detail p {

    margin-bottom: 0;

}



.blog-3 .detail h4 {

    margin: 0 0 10px;

    font-size: 20px;

    font-weight: 400;

}



.blog-3 .detail p {

    font-size: 14px;

    color: #555;

}



.blog-3 .date-box {

    position: absolute;

    top: 15px;

    right: 20px;

    font-size: 13px;

    color: #fff;

    width: 55px;

    padding: 7px 0;

    text-align: center;

    border-radius: 3px;

}



.blog-3 .date-box span {

    text-transform: uppercase;

    font-size: 19px;

    display: block;

    font-weight: 400;

    line-height: 22px;

    color: #fff;

}



/** FOOTER  STARTED **/

footer {

    padding: 80px 0 50px;

    background: #202040;

}



.footer h4 {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 30px;

    color: #fff;

}



.footer .footer-item {

    margin-bottom: 30px;

}



.footer .footer-inner .links li {

    margin-bottom: 15px;

    position: relative;

    line-height: 20px;

    font-size: 14px;

}



.footer .footer-inner .links li a {

    color: #C5CDD9;

}



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

    color: #fff;

}



.footer .footer-inner p {

    color: #C5CDD9;

}



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

    left: 0;

    position: absolute;

    top: 0;

    line-height: 22px;

}



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

    margin-bottom: 15px;

    font-size: 15px;

    color: #C5CDD9;

    font-weight: 400;

}



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

    color: #C5CDD9;

}



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

    font-size: 16px;

    float: left;

    margin-right: 5px;

    color: #fff;

    width: 45px;

    height: 45px;

    background: #1a1a38;

    text-align: center;

    line-height: 45px;

}



.footer .copy {

    padding: 20px 0;

    margin: 30px 0 0;

    text-align: center;

    font-size: 15px;

    color: #bbbbbb !important;

    border-top: solid 1px #dcdcdc;

}



.footer .copy a {

    color: #C5CDD9;

}



.footer .footer-inner .gallery li {

    float: left;

}



.footer .footer-inner .gallery li img {

    margin: 0 10px 10px 0;

    width: 70px;

    border-radius: 100px;

}



.footer .popular-posts a {

    color: #555;

}



.footer .fi2{

    margin-right: 50px;

}



.footer .popular-posts p {

    font-weight: 400;

    font-size: 13px;

}



.subscribe-box-2{

    margin-bottom: 20px;

}



.subscribe-box-2 .form-inline {

    width: 100%;

    border-radius: 3px;

}



.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: 50px;

    border: transparent;

}



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

    width: 25%;

    padding: 14.5px 13px;

    font-size: 13px;

    font-weight: 600;

    background-color: #fff;

    border-radius: 50px;

}



.sub-footer{

    background: #1a1a38;

    padding: 35px 0;

    text-align: center;

}



.sub-footer p{

    color: #C5CDD9;

    margin-bottom: 0;

}



.sub-footer p a{

    color: #C5CDD9;

}



.sidebar-title {

    font-size: 24px;

    position: relative;

    margin: 0 0 5px;

    font-weight: 400;

}



/** Border AREA START **/

.s-border {

    width: 50px;

    height: 1px;

    margin-bottom: 2px;

    background: #c5c5c5;

}



.m-border {

    width: 25px;

    height: 1px;

    margin-bottom: 25px;

    background: #c5c5c5;

}



/** HELPING CENTER AREA START **/

.helping-center ul li {

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 10px;

    padding-left: 28px;

    text-align: left;

}



.helping-center ul li:last-child {

    margin-bottom: 0;

}



.helping-center ul li a {

    color: #555;

}



.helping-center ul li i {

    line-height: 25px;

    font-size: 20px;

    float: left;

    margin-left: -28px;

}



/** 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: #555;

    font-size: 15px;

}



.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 AREA START **/

.latest-reviews .media {

    margin: 0 0 30px;

}



.latest-reviews .media:last-child {

    margin-bottom: 0;

}



.latest-reviews .media .media-left {

    padding-right: 20px;

}



.latest-reviews .media .media-left img {

    width: 50px;

    height: 50px;

    border-radius: 10%;

}



.latest-reviews .media-heading {

    font-size: 17px;

    margin: 0 0 5px;

    font-weight: 400;

}



.latest-reviews p {

    margin: 0;

}



.latest-tweet p {

    font-size: 13px;

}



.latest-tweet p:last-child {

    margin: 0;

}



/** TAGS BOX AREA START **/

.tags-box ul li {

    display: inline-block;

}



.tags-box ul li a {

    border: 1px solid #dcd7d7;

    color: #555;

    display: inline-block;

    font-size: 13px;

    margin: 0 0 5px;

    padding: 5px 12px;

    border-radius: 3px;

    text-transform: capitalize;

}



.tags-box ul li a:hover {

    color: #fff;

}



/** POPULAR POSTS AREA START **/

.popular-posts .media {

    margin: 0 0 20px;

}



.popular-posts .media .media-left {

    padding-right: 15px;

}



.popular-posts .media .media-left img {

    width: 60px;

    border-radius: 3px;

}



.popular-posts .media-heading {

    font-size: 17px;

    margin: 0 0 7px;

    font-weight: 400;

}



.popular-posts .media-heading a {

    text-decoration: none;

}



.popular-posts .media-heading a:hover {

    color: #7a7677;

}



.popular-posts .media .media-body p {

    margin-bottom: 0;

    font-weight: 400;

    font-size: 14px;

    line-height: inherit;

}



.popular-posts .media:last-child {

    margin: 0;

}



/** COUNTERS AREA START **/

.counters {

    padding: 100px 0 70px;

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.counters:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

}



.counters .counter-box {

    margin-bottom: 30px;

}



.counters .counter-box .media-left {

    width: 70px;

    border-radius: 3px;

    margin-right: 20px;

    background: #fff;

    height: 70px;

    text-align: center;

    line-height: 70px;

    font-size: 35px;

}



.counters .counter-box h1 {

    font-weight: 700;

    color: #fff;

    margin: 0 0 2px;

    font-size: 35px;

}



.counters .counter-box p {

    margin: 0;

    font-size: 16px;

    color: #fff;

    font-weight: 400;

}



/** COUNTERS 2 AREA START **/

.counters-2 {

    padding: 100px 0 60px;

    text-align: center;

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.counters-2:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

}



.counters-2 .counter-box{

    padding: 20px 0;

    border: solid 5px rgba(255,255,255,0.2);

    border-radius: 5px;

}



.counters-2 .counter-box .icon {

    margin: 0 auto;

    font-weight: 400;

    text-align: center;

    font-size: 50px;

    margin-bottom: 10px;

}



.counters-2 .counter-box .icon i{

    color: #fff;

}



.counters-2 .counter-box {

    margin-bottom: 40px;

}



.counters-2 .counter-box h1 {

    font-weight: 700;

    color: #fff;

    margin: 0 0 5px;

    font-size: 35px;

}



.counters-2 .counter-box p {

    margin: 0;

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

}



/** CATEGORY AREA START **/

.category {

    overflow: hidden;

    position: relative;

    text-align: center;

    margin: 0 0 15px 0;

}



.category:hover:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    content: "";

    background-color: #232323;

    opacity: 0.4;

    z-index: -11;

    transition: 0.3s ease-out;

}



.category_bg_box {

    transition: all 0.35s;

    border-radius: 3px;

    background-position: center center;

    background-repeat: no-repeat;

    height: 250px;

    background-size:100% 100%;

}



.category_long_bg {

    height: 515px;

}



.cat-1-bg {

    background-image: url(../img/popular-places/popular-places-1.jpg);

}



.cat-2-bg {

    background-image: url(../img/popular-places/popular-places-2.jpg);

}



.cat-3-bg {

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

}



.cat-4-bg {

    background-image: url(../img/popular-places/popular-places-3.jpg);

}



.cat-5-bg {

    background-image: url(../img/popular-places/popular-places-5.jpg);

}



.cat-6-bg {

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

}



.category_bg_box:hover

{

    background-size:110% 110%;

}



.category .category-overlay {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

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

    border-radius: 3px;

    opacity: 1;

}



.category-subtitle {

    white-space: nowrap;

    color: #fff;

    font-weight: 400;

    font-size: 15px;

    text-align: left;

}



.category-subtitle:hover {

    color: rgb(255, 255, 255);

}



.categories .col-pad {

    padding: 0 7.5px;

}



.category-content {

    display: block;

    left: 15px;

    position: absolute;

    bottom: 10px;

    transition: all .15s linear;

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

}



.category-content h3 {

    margin-bottom: 0px;

    text-align: left;

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

}



.category-content .lp {

    margin-left: 25px;

}



.category-content h3 a {

    color: #fff;

    font-weight: 400;

    font-size: 20px;

}



.category:hover .category-view-more {

    visibility: visible;

}



.services-4 {

    padding: 115px 0 50px;

}





.property-img IMG{

    aspect-ratio: 1.5/1;

    object-fit: cover;

}

































/** PROPERY BOX 4 AREA START **/

.property-box-4 {

    position: relative;

    margin-bottom: 30px;

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

}



.property-box-4 .category-content {

    display: block;

    left: 20px;

    position: absolute;

    bottom: -25px;

    transform: translateX(0%) translateY(-35%);

    transition: all .15s linear;

    text-align: left;

}



.property-box-4 .category-content ul {

    margin-top: 10px;

}



.property-box-4 .category-content ul li {

    float: left;

    font-size: 14px;

    color: #ececec;

    margin-right: 20px;

    line-height: 35px;

}



.property-box-4 .category-content ul li:last-child {

    margin: 0;

}



.property-box-4 .category-content ul li i {

    margin-right: 5px;

    font-size: 17px;

}



.property-box-4 .category-content h3 a {

    color: #fff;

    font-weight: 400;

    font-size: 21px;

    text-transform: none;

}



.property-box-4 .category-content h3 a:hover {

    color: #f1f1f1;

}



.property-box-4 .category-content span {

    white-space: nowrap;

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

    border-radius: 3px;

    padding: 4px 20px;

    font-weight: 400;

    font-size: 12px;

    letter-spacing: 1px;

    color: rgb(255, 255, 255);

}



.property-box-4.category .category-overlay {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

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

    border-radius: 3px;

    opacity: 1;

}



.property-box-4 .category_bg_box {

    height: 350px;

}



.property-photo {

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

}



.property-photo-2 {

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

}



.property-photo-3 {

    background-image: url(../img/properties/properties-9.jpg);

}



.property-photo-4 {

    background-image: url(../img/properties/properties-10.jpg);

}



.property-photo-5 {

    background-image: url(../img/properties/properties-11.jpg);

}



.property-photo-6 {

    background-image: url(../img/properties/properties-12.jpg);

}



/** PROPERY BOX 5 AREA START **/

.property-box-5 {

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

    width: 100%;

    position: relative;

    display: inline-block;

    background: #fff;

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

    margin-bottom: 30px;

}



.property-box-5:hover{

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

}



.property-box-5 .tag {

    position: absolute;

    top: 15px;

    left: 30px;

}



.property-box-5 .detail .heading {

    padding: 20px;

}



.property-box-5 .detail .heading {

    margin-bottom: 0;

}



.property-box-5 .detail h3 {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 10px;

}



.property-box-5 .detail .location {

    margin: 0;

    font-size: 14px;

    font-weight: 400;

    color: #555;

}



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

    color: #555;

}



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

    margin-right: 3px;

}



.property-box-5 .properties-listing {

    text-align: center;

    border-top: 1px solid #ebebeb;

}



.property-box-5 .properties-listing span {

    color: #666;

    float: left;

    line-height: 40px;

    text-align: center;

    width: 33.30%;

    font-size: 14px;

    border-right: 1px solid #ebebeb;

}



.property-box-5 .properties-listing span:last-child {

    border: none;

}



.property-box-5 .date-box {

    position: absolute;

    top: 15px;

    left: 15px;

    text-align: center;

    font-size: 11px;

    padding: 6px 15px 5px;

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

    border-radius: 3px;

    letter-spacing: 0.5px;

}



/** PROPERY BOX 1 AREA START **/

.property-box {

    position: relative;

    margin-bottom: 30px;

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

}



.property-box:hover {

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

}



.property-thumbnail:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    background: linear-gradient(to top, rgba(35, 35, 37, 0.4) 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-thumbnail .tag {

    letter-spacing: 0px;

    font-size: 11px;

    font-weight: 600 !important;

}



.property-box .detail {

    padding: 20px 20px 15px;

    background: white;

}



.property-box .detail .title {

    font-size: 21px;

    font-weight: 400;

    margin-bottom: 10px;

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

}



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

    color: #343a40;

}



.property-box .detail .location {

    margin: 0 0 15px;

    font-size: 14px;

}



.property-box .detail .location a {

    color: #555;

}



.property-box .detail .location i {

    margin-right: 3px;

}



.property-box .facilities-list li {

    list-style: none;

    width: 33.33%;

    float: left;

    font-weight: 400;

    line-height: 32px;

    font-size: 14px;

    color: #555;

}



.property-box .facilities-list li i {

    font-size: 14px;

}



.property-box .footer {

    border-top: 1px solid #efefef;

    background: #fff;

    line-height: 48px;

    padding: 0 20px;

    font-size: 14px;

}



.property-box .footer a {

    color: #555;

}



.property-thumbnail {

    position: relative;

}



.property-thumbnail:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    background: linear-gradient(to top, rgba(35, 35, 37, 0.4) 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;

}



.price-ratings-box {

    color: white;

    position: absolute;

    bottom: 15px;

    right: 15px;

    z-index: 20;

    text-align: right;

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

    padding: 5px 12px;

    border-radius: 3px;

}



.price-ratings-box .price {

    font-weight: 600;

    font-size: 13px;

    margin: 0;

    color: #fff;

}



.price-ratings-box .ratings {

    font-size: 10px;

    color: #ffc12b;

}



.price-box {

    bottom: 15px;

    font-size: 22px;

    color: #ffffff;

    font-weight: 600;

    right: 20px;

    line-height: 1.2;

    position: absolute;

}



.price-box small {

    font-size: 14px;

}



.listing-badges {

    position: absolute;

    top: 15px;

    padding: 0 15px;

    width: 100%;

}



.listing-badges .featured {

    text-align: center;

    font-size: 12px;

    margin: 0;

    padding: 6px 15px 5px;

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

    border-radius: 3px;

}



.listing-time {

    text-align: center;

    font-size: 12px;

    margin: 0;

    padding: 6px 15px 5px;

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

    background: red;

    border-radius: 3px;

}



/** CONTACT SECTION START **/

.contact-section {

    min-height: 100vh;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 25px 0;

}



.contact-section .login-box {

    background: #fff;

    max-width: 950px;

    border-radius: 10px;

    margin: 0 auto;

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

}



.contact-section .form-section {

    text-align: center;

    padding: 50px;

    border-radius: 10px 0 0 10px;

}



.contact-section .bg-img {

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

    background-size: cover;

    top: 0;

    bottom: 0;

    border-radius: 0 10px 10px 0;

    opacity: 1;

    width: 100%;

    z-index: 999;

    min-height: 555px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}



.contact-section-bg {

    background: #f7f7f7;

}



.contact-section .pad-0 {

    padding: 0;

}



.contact-section .info {

    padding: 30px;

    text-align: center;

    max-width: 300px;

    margin: 0 auto;

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

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

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

}



.contact-section .info h3 {

font-size: 18px;

text-transform: uppercase;

margin-bottom: 20px;

color: #fff;

}



.contact-section .form-section p {

text-align: center;

}



.contact-section .form-section p a {

color: #555;

}



.contact-section .form-section ul {

list-style: none;

padding: 0;

margin: 0 0 20px;

}



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

display: inline-block;

margin-bottom: 5px;

}



.contact-section .logo-2 img {

margin-bottom: 20px;

height: 30px;

}



.contact-section .form-section .thembo {

margin-left: 4px;

}



.contact-section .form-section h3 {

margin: 0 0 25px;

font-size: 25px;

font-weight: 400;

font-family: 'Open Sans', sans-serif;

}



.contact-section .form-section .form-group {

margin-bottom: 25px;

}



.contact-section .form-section .form-box {

float: left;

width: 100%;

text-align: left;

position: relative;

}



.contact-section .form-section .form-box input {

float: left;

width: 100%;

}



.contact-section .form-section .input-text {

padding: 10px 20px;

font-size: 15px;

outline: none;

height: 50px;

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

color: #555;

border-radius: 50px;

font-weight: 500;

border: 1px solid transparent;

background: #fff;

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

}



.contact-section .form-section .checkbox .terms {

margin-left: 3px;

}



.contact-section .form-section .btn-md {

cursor: pointer;

padding: 13px 50px 13px 50px;

letter-spacing: 1px;

font-size: 14px;

font-weight: 400;

font-family: 'Open Sans', sans-serif;

border-radius: 50px;

}



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

margin-right: 3px;

}



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

outline: none;

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

}



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

box-shadow: none;

}



.contact-section .form-section .btn-theme {

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

border: none;

color: #fff;

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

font-weight: 400;

letter-spacing: 0.5px;

}



.contact-section .form-section .btn-theme:hover {

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

}



.contact-section .none-2 {

display: none;

}



.contact-section .logo {

top: 40px;

position: absolute;

left: 65px;

}



.contact-section .form-section .terms {

margin-left: 3px;

}



.contact-section .btn-section {

border-radius: 50px;

margin-bottom: 25px;

display: inline-block;



background: #fff;

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

}



.contact-section .btn-section .btn-1 {

border-radius: 50px 0 0 50px;

border-right: solid 2px #e6e6e6;

}



.contact-section .btn-section .link-btn {

font-size: 12px;

float: left;

background: transparent;

letter-spacing: 0.5px;

font-weight: 600;

text-align: center;

text-decoration: none;

text-decoration: blink;

line-height: 30px;

width: 90px;

text-transform: uppercase;

color: #505050;

}



.contact-section .btn-section .btn-2 {

border-radius: 0 50px 50px 0;

}



.contact-section .form-section .checkbox {

font-size: 14px;

}



.contact-section .form-section .form-check {

float: left;

margin-bottom: 0;

}



.contact-section .form-section .form-check a {

color: #fff;

float: right;

}



.contact-section .form-section .form-check-input {

position: absolute;

margin-left: 0;

}



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

content: "";

display: inline-block;

position: absolute;

width: 17px;

height: 17px;

margin-left: -25px;

border: 1px solid #c5c3c3;

border-radius: 3px;

background-color: #fff;

}



.contact-section .form-section .form-check-label {

padding-left: 25px;

margin-bottom: 0;

font-size: 15px;

font-weight: 500;

color: #fff;

}



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

font-weight: 300;

color: #f3f3f3;

line-height: 15px;

font-size: 14px;

content: "\2713";

}



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

margin-top: 4px;

}



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

font-size: 15px;

color: #555;

float: right;

line-height: 50px;

}



.contact-section .social-list a {

width: 40px;

height: 40px;

line-height: 40px;

text-align: center;

display: inline-block;

font-size: 17px;

margin: 2px;

border-radius: 5%;

background: #fff;

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

}



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

color: #fff;

}



.contact-section .facebook-bg {

color: #4867aa;

}



.contact-section .facebook-bg:hover {

background: #4867aa;

}



.contact-section .twitter-bg {

color: #33CCFF;

}



.contact-section .twitter-bg:hover {

background: #33CCFF;

}



.contact-section .google-bg {

color: #db4437;

}



.contact-section .google-bg:hover {

background: #db4437;

}



.contact-section .linkedin-bg {

color: #2392e0;

}



.contact-section .linkedin-bg:hover {

background: #1c82ca;

}



/** Contact section 1 end **/



/** ADVABCES SEARCH 2 AREA START **/

.advanced-search-2 {

    background: #fff;

    display: none;

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

}



/** ACTIVE VIEW BTN AREA START **/

.active-view-btn {

    color: #fff !important;

    padding: 5px 9px;

}



.change-view-btn {

    border-radius: 2px;

}



.change-view-btn:hover {

    color: #fff;

}



.change-view-btn {

    border-radius: 2px;

    background: transparent;

    padding: 5px 9px;

    margin: 2px;

}



/** OPTION BAR AREA START **/

.option-bar {

    background: #fff;

    border-radius: 3px;

    width: 100%;

    display: inline-block;

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

    height: 50px;

    margin-bottom: 25px;

}



.option-bar h4 {

    line-height: 50px;

    display: inline-block;

    padding-right: 20px;

    border-radius: 3px 0 0 3px;

    margin: 0 0 0;

    font-weight: 600;

}



.option-bar .heading-icon {

    width: 50px;

    text-align: center;

    margin-right: 15px;

    display: inline-block;

    border-radius: 3px 0 0 3px;

    position: relative;

    color: #fff;

}



.option-bar .heading-icon i {

    font-size: 20px;

}



.option-bar h4 {

    line-height: 50px;

    display: inline-block;

    padding-right: 20px;

    border-radius: 3px 0 0 3px;

    margin: 0 0 0;

    font-weight: 600;

}



.option-bar .sorting-options {

    margin: 5px 15px 0 0;

    text-align: right;

}



.option-bar .title-name {

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    color: #515151;

    position: relative;

    top: -2px;

}



.option-bar .sorting {

    padding: 6px 12px;

    background: #FFF;

    color: #999;

    margin-right: 5px;

    font-size: 13px;

    font-weight: 500;

    border: solid 1px #e7e7e7;

}



.option-bar .change-view-btn {

    margin-left: 5px;

    border-radius: 3px;

    background: transparent;

    padding: 5px 9px;

    display: inline-block;

}



.option-bar .change-view-btn:hover {

    color: #fff;

}



.option-bar .active-view-btn {

    color: #fff !important;

    margin-left: 5px;

    padding: 5px 9px;

}



.option-bar .change-view-btn {

    margin-left: 5px;

    border-radius: 3px;

    background: transparent;

    padding: 5px 9px;

}



.sorting-options2 {

    float: right;

}



.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;

    padding: 0;

}



.comment {

    position: relative;

}



.comment-author {

    border-radius: 50%;

    height: 60px;

    width: 60px;

    left: 0;

    position: absolute;

    top: 0;

}



.comment-author a img {

    bottom: 2px;

    border-radius: 50%;

    display: block;

    width: 100%;

    position: absolute;

    top: 2px;

}



.t-s {

    margin-top: 40px;

}



.t-s h2 {

    font-weight: 600;

    font-size: 22px;

    margin: 0 0 20px;

}



.comment-content {

    padding-bottom: 20px;

    border-bottom: dashed 1px #d5d5d5;

    margin: 0 0 20px 80px;

}



.comment-content p {

    margin-bottom: 0;

    line-height: 25px;

}



.comment-content h3 {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 7px;

}



.comment-content .comment-rating {

    color: orange;

}



.comment-meta {

    margin-bottom: 7px;

    font-size: 14px;

    font-weight: 500;

    color: #777;

}



.comment-meta a {

    margin-left: 10px;

    font-weight: 500;

}



.comments ul {

    list-style: none;

    margin: 0 0 0 80px;

    padding: 0;

}



.comments .mpb-0 {

    padding-bottom: 0;

    border-bottom: none;

}



/** COMING SOON STARTED **/

.coming-soon-bg {

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

    background-size: cover;

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    min-height: 100vh;

    z-index: 999;

    min-height: 100vh;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px 15px;

}



.coming-soon-inner img {

    margin-bottom: 20px;

    height: 40px;

}



.coming-soon-inner {

    text-align: center;

    max-width: 820px;

    color: #fff;

    margin: 0 auto;

}



.coming-soon-inner h1 {

    font-weight: 600;

    margin-bottom: 50px;

    color: #fff;

}



.coming-soon-inner h6 {

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 30px;

    letter-spacing: 1px;

}



.coming-soon-inner ul li {

    display: inline-block;

}



.coming-soon-inner ul li a {

    color: #232323;

    display: inline-block;

    width: 50px;

    height: 50px;

    background: #fff;

    border-radius: 50px;

    margin: 2px;

    line-height: 50px;

    font-size: 18px;

}



.coming-soon-inner .coming-form {

    max-width: 55%;

    margin: 30px auto;

}



.coming-soon-inner .bordered-right {

    border-right: 1px solid #848484;

}



.coming-soon-inner .form-control {

    width: 69%;

    height: 50px;

    padding: 10px 20px;

    border-radius: 0;

    font-size: 15px;

    outline: 0;

    border: 1px solid #fff;

    border-top-left-radius: 50px;

    border-bottom-left-radius: 50px;

}



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

    width: 31%;

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

    height: 50px;

    line-height: 50px;

    padding: 0 10px;

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    font-size: 14px;

    text-transform: uppercase;

    cursor: pointer;

    color: #fff;

}



.coming-soon-counter {

    margin-bottom: 15px;

}



.coming-soon-counter div {

    display: inline-block;

    font-size: 43px;

    font-weight: 600;

    text-align: center;

    width: 15%;

    margin: 0 2%;

    padding-bottom: 10px;

    text-shadow: 2px 2px rgba(12, 11, 11, 0.56);

    margin-bottom: 30px;

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

    border-radius: 5px;

}



.coming-soon-counter div:last-child {

    border: none;

}



.coming-soon-counter div span {

    display: block;

    font-weight: 500;

    text-align: center;

    font-size: 14px;

    color: #fff;

}



/** CONTACT 1 STARTED **/

.contact-1 .form-control {

    width: 100%;

    padding: 10px 20px;

    font-size: 13px;

    outline: 0;

    font-weight: 500;

    color: #f6f6f6;

    height: 45px;

    border-radius: 3px;

    border: 1px solid #eee;

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

}



.contact-1 .heading {

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

    margin: 0 0 30px;

}



.contact-1 p {

    margin-bottom: 30px;

    font-size: 15px;

}



.contact-1 .form-control:focus {

    color: #495057;



    outline: 0;

    box-shadow: none;

}



.contact-1 .form-group {

    margin-bottom: 20px;

}



.contact-1 textarea {

    min-height: 200px;

}



.contact-1 .btn-message {

    border-radius: 3px;

    padding: 10px 30px 11px;

}



.contact-1 .contact-info .media {

    margin-bottom: 25px;

}



.contact-1 .contact-info .media i {

    width: 55px;

    line-height: 55px;

    color: #232323;

    margin-right: 5px;

    font-size: 40px;

}



.contact-1 .contact-info h3 {

    margin-bottom: 20px;

}



.contact-1 .contact-info .media h5 {

    letter-spacing: 1px;

    font-weight: 400;

    font-size: 16px;

    font-style: normal;

    margin: 0 0 3px;

}



.contact-1 .contact-info{

    font-size: 14px;

}



.contact-1 .contact-info .media p {

    margin-bottom: 0;

}



/** CONTACT 2 STARTED **/

.contact-2 .contact-info {

    text-align: center;

}



.contact-2 .contact-info strong {

    font-weight: 500;

    font-size: 15px;

    color: #555;

}



.contact-2 .contact-info i {

    font-size: 24px;

    color: #232323;

}



.contact-2 .contact-info p {

    margin: 15px 0 5px;

    font-weight: 600;

}



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

    margin-bottom: 50px;

}



.contact-2 .form-control {

    width: 100%;

    padding: 10px 20px;

    font-size: 14px;

    border: 1px solid #eee;

    background: transparent;

    outline: 0;

    color: #f6f6f6;

    height: 45px;

    border-radius: 3px;

}



.contact-2 .form-control:focus {

    color: #495057;

    background-color: transparent;

    border: 1px solid #eee;

    outline: 0;

    box-shadow: none;

}



.contact-2 .form-group {

    margin-bottom: 20px;

}



.contact-2 textarea {

    min-height: 240px;

}



.contact-2 .btn-message {

    border-radius: 50px;

    padding: 10px 60px 11px;

}



.contact-2 .opening-hours {

    padding: 30px;

    border: solid 1px #e8e6e6;

}



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

    list-style: none;

    line-height: 35px;

    font-size: 15px;

    font-weight: 400;

}



.contact-2 .opening-hours strong {

    width: 85px;

    display: inline-block;

    font-weight: 400;

}



.contact-2 .opening-hours h3 {

    font-size: 22px;

    font-weight: 400;

    margin: 0 0 20px;

}



/** CONTACT 3 STARTED **/

.contact-3 .contact-info {

    margin-bottom: 50px;

}



.contact-3 .contact-info h3 {

    margin-bottom: 25px;

    font-weight: 400;

    font-size: 22px;

}



.contact-3 .contact-info .contact-list {

    margin: 0 0 40px;

}



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

    list-style: none;

    padding-left: 25px;

    position: relative;

    margin-bottom: 15px;

    line-height: 22px;

    font-size: 16px;

}



.contact-3 .contact-info .contact-list li:last-child {

    margin-bottom: 0;

}



.contact-3 .contact-info .contact-list li i {

    left: 0;

    position: absolute;

    top: 0;

    color: #212529;

    line-height: 22px;

    font-size: 18px;

}



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

    margin: 0 0 30px;

}



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

    font-size: 16px;

    float: left;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    background: #f6f6f6;

    margin-right: 5px;

    border-radius: 3px;

}



.contact-3 .form-control {

    width: 100%;

    padding: 10px 20px;

    font-size: 15px;

    border: 1px solid #f6f6f6;

    background: #f6f6f6;

    outline: 0;

    color: #f6f6f6;

    height: 45px;

    border-radius: 3px;

}



.contact-3 .form-control:focus {

    color: #495057;

    border: 1px solid #f6f6f6;

    background: #f6f6f6;

    outline: 0;

    box-shadow: none;

}



.contact-3 .form-group {

    margin-bottom: 20px;

    width: 100%;

}



.contact-3 textarea {

    min-height: 190px;

}



.contact-3 .btn-message {

    border-radius: 50px;

    padding: 7px 60px;

    height: 45px;

}



/* Misc **/

.properties-map-search-content {

    margin-bottom: 20px;

}



/** SOCIAL MEDIA BOX **/

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

    float: left;

}



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

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    display: inline-block;

    font-size: 18px;

    color: #fff;

    margin: 0 6px 4px 0;

    border-radius: 3px;

}



/** FINANCING CALCULATOR **/

.financing-calculator .form-label {

    margin-bottom: 8px;

    font-size: 14px;

    font-weight: 500 !important;

    color: #555;

}



.financing-calculator .form-group {

    margin-bottom: 20px;

}



/** BRAND AREA START **/

.brand-box {

    text-align: center;

    padding: 20px 10px;

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

    display: inline-block;

    width: 100%;

    margin-bottom: 30px;

}



.brand-box img {

    height: 50px;

}



.brand-box h5 {

    font-weight: 400;

    margin: 5px 0 0;

    font-size: 14px;

    color: #555;

}



.view-all h3 {

    margin-bottom: 20px;

    font-size: 20px;

    font-weight: 400;

    text-transform: uppercase;

}



.view-all ul {

    margin-bottom: 20px;

}



.view-all ul li {

    display: inline-block;

}



.view-all ul li a {

    width: 38px;

    height: 38px;

    line-height: 39px;

    border-radius: 3px;

    margin-bottom: 5px;

    text-align: center;

    display: inline-block;

    font-size: 15px;

    font-weight: 500;

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

    color: #515151;

}



/** SERVICE INFO AREA START **/

.service-info-5 {

    margin: 0 auto 30px;

    text-align: center;

}



.mt-30 {

    margin-top: 30px;

}



.service-info-5 i {

    font-size: 60px;

    text-align: center;

    margin-bottom: 20px;

}



.service-info-5 h4 {

    font-size: 20px;

    font-weight: 400;

    margin: 10px 0 15px;

}



.service-info-5 p {

    margin-bottom: 0;

    font-size: 14px;

}



.section-2 {

    background: #f5f5f5;

}



/** CONTENT AREA AREA START **/

.content-area {

    padding: 100px 0 70px;

}



.content-area-2 {

    margin-bottom: 80px;

}



.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: 100px 0 50px;

}



.content-area-8 {

    padding: 100px 0 85px;

}



.content-area-9 {

    padding: 165px 0 50px;

}



.content-area-10 {

    padding: 100px 0 60px;

}



.content-area-11 {

    margin-bottom: 70px;

}



.content-area-12 {

    padding: 100px 0 115px;

}



.content-area-13 {

    padding: 100px 0 60px;

}



.content-area-14 {

    margin-bottom: 90px;

}



.content-area-15 {

    padding: 100px 0 90px;

}



.theme img {

    margin-bottom: 30px;

}



/** 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;

    border-radius: 3px !important;

    box-shadow: 0 0 5px 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: #fff;

    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;

    background: #f5f6f7;

    padding: 50px 0 30px;

}



.partners {

    text-align: center;

}



.partners img {

    max-width: 160px;

    margin: 0 auto;

}



.partners .slick-arrow-buton {

    width: 30px;

    height: 50px;

    color: #333;

    position: absolute;

    z-index: 999;

    top: 4%;

    text-align: center;

    line-height: 50px;

    cursor: pointer;

    opacity: 1;

}



.partners h4 {

    font-weight: 500;

    margin: 0 0 10px;

    text-transform: uppercase;

    font-size: 18px;

}



.partners .slick-arrow-buton:hover {

    color: #fff !important;

}



/** SIDEBAR WIDGET AREA START **/

.sidebar-right {

    margin: 0 0 30px 0;

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

    background: #fff;

}



.sidebar-left {

    margin: 0 0 30px 0;

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

    background: #fff;

}



.widget {

    padding: 30px 20px;

    border-bottom: solid 1px #eaeaea;

}



.widget-2 {

    margin-bottom: 40px;

    padding: 20px;

}



.single-block {

    margin-bottom: 30px;

}



.sidebar-title {

    font-size: 24px;

    position: relative;

    margin: 0 0 7px;

    font-weight: 400;

}



.sidebar .search-box {

    padding: 20px 20px 0 20px;

    margin-bottom: 0;

}



.search-box .form-search {

    max-width: 100%;

}



.form-search {

    position: relative;

}



.search-box .form-control {

    border: 1px solid #eee;

    background: #f5f6f7;

}



.form-search .form-control {

    border: 1px solid #eee;

    box-shadow: none;

    border-radius: 3px;

    height: 45px;

    font-size: 14px;

}



.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%;

}



.form-search {

    max-width: 400px;

    margin: 0 auto;

}



.range-slider {

    margin-top: 15px;

    margin-bottom: 25px;

    display: inline-block;

    width: 100%;

}



.range-slider .ui-slider {

    position: relative;

    text-align: left;

}



.range-slider label {

    font-size: 16px;

    color: #555;

    font-weight: 400;

    margin-bottom: 12px;

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

}



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

    position: absolute;

    z-index: 2;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 2px solid #66676b;

    cursor: w-resize;

    outline: none;

    top: -5px;

    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: 3px;

    border-radius: 10px;

    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: 14px;

    color: #555;

    font-weight: 400;

    margin-top: 15px;

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

}



.max-value {

    float: right;

    width: 55%;

    text-align: right;

    margin-right: -8px;

    font-size: 14px;

    color: #555;

    font-weight: 400;

    margin-top: 15px;

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

}



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

    padding-bottom: 0;

}



/** CONTACT AREA START **/

.contact-map {

    height: 250px !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-7.jpg) top left repeat;

    background-size: cover;

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    z-index: 999;

    min-height: 290px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px 0;

}



.sub-banner .page-name {

    z-index: 20;

    text-align: center;

}



.sub-banner .page-name h1 {

    font-size: 30px;

    font-weight: 500;

    margin: 0 0 5px;

    color: #fff;

    text-transform: uppercase;

}



.sub-banner .page-name ul {

    display: inline-block;

}



.sub-banner .page-name ul li {

    display: inline-block;

    line-height: 20px;

    text-align: center;

    color: #fff !important;

    font-size: 16px;

}



.sub-banner .page-name ul li a {

    color: #fff;

}



.sub-banner .page-name ul li span {

    margin: 0 5px;

    color: #fff;

}



.sub-banner .contact-info {

    text-align: right;

}



/** BLOG BANNER AREA START **/

.blog-banner {

    padding: 80px 0;

    background: #efefef;

    text-align: center;

}



.blog-banner h2 {

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 22px;

    text-transform: uppercase;

}



.blog-banner .breadcrumbs li {

    display: inline-block;

    font-size: 16px;

}



.blog-banner .breadcrumbs li span {

    margin: 0 3px;

}



.blog-social-list {

    float: right;

}



.blog-social-list a {

    text-align: center;

    display: inline-block;

    list-style: none;

}



.blog-social-list span {

    margin-right: 10px;

    font-weight: 600;

    color: #232323;

}



.blog-social-list a {

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    display: inline-block;

    font-size: 11px;

    color: rgb(255, 255, 255);

    margin: 2px 0 2px 1px;

    border-radius: 5%;

}



.blog-tags a {

    border: 1px solid #dcd7d7;

    color: #555;

    display: inline-block;

    font-size: 13px;

    margin: 0 0 5px;

    padding: 5px 13px;

    border-radius: 3px;

    text-transform: capitalize;

}



.blog-tags span {

    margin-right: 10px;

    font-weight: 600;

    color: #232323;

}



blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 14px;

    line-height: 30px;

    color: #4a4747;

    background: #f8f9fa;

}



/** MY PROFILE AREA START **/

.my-account-box {

    background: #fff;

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

}



.my-account-box ul li a {

    border-bottom: 1px solid #f5f5f5;

    padding: 12px 20px 12px 20px;

    width: 100%;

    display: block;

    font-size: 15px;

    font-weight: 400;

    color: #555;

}



.my-account-box ul li a i {

    margin-right: 7px;

}



.my-address form .form-group {

    margin-bottom: 20px;

}



.my-address form .input-text {

    width: 100%;

    padding: 10px 17px;

    font-size: 15px;

    border: 1px solid #eee;

    outline: none;

    height: 45px;

    border-radius: 3px;

    line-height: 30px;

}



.my-address form .input-text:focus {

    border: 1px solid #eee;

}



.my-address form textarea {

    min-height: 150px;

}



.my-address form label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 400 !important;

    font-size: 15px;

    color: #555;

}



.my-address {

    background: #fff;

    padding: 20px;

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

}



.edit-profile-photo {

    position: relative;

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

    margin: 0 auto;

}



.edit-profile-photo img {

    width: 100%;

}



.change-photo-btn {

    display: inline-block;

    position: absolute;

    bottom: 15px;

    width: 100%;

    left: 0;

}



.photoUpload {

    position: relative;

    padding: 8px 20px;

    font-size: 13px;

    border-radius: 50px;

    background-color: #fff;

    color: #333;

    max-width: 140px;

    margin: 0 auto;

}



.photoUpload span {

    color: #fff;

    font-weight: 400;

}



.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: 30px;

}



.my-address {

    margin-bottom: 30px;

}



/** MY PROPERTIES  STARTED **/

.my-properties table {

    width: 100% !important;

    margin-bottom: 10px;

}



.my-properties table thead tr th {

    background: #f9f9f8;

    border: none;

    font-weight: 400;

    padding: 10px 10px 10px 0;

    font-size: 14px;

}



.my-properties table thead tr th:first-child {

    padding-left: 30px;

}



.my-properties table tbody tr td {

    border-top: none;

    border-bottom: 1px solid #f3f3f3;

    padding: 20px 20px 20px 0;

    vertical-align: middle;

    font-size: 14px;

    color: #555;

}



.my-properties table .inner a {

    border: none;

    font-size: 18px;

    font-weight: 400;

}



.my-properties table .inner h5 {

    margin-bottom: 5px;

}



.my-properties table tbody tr td.image {

    width: 120px;

}



.my-properties table tbody tr td.image img {

    border-radius: 2px;

}



.my-properties table tbody tr td.actions .edit {

    float: left;

}



.my-properties table tbody tr td .inner figure {

    margin: 0 0 5px;

    font-size: 13px;

    color: #555;

}



.my-properties table tbody tr td .inner figure i {

    font-size: 13px;

}



.my-properties table tbody tr td .price-month {

    font-size: 13px;

    font-weight: 600;

    color: #555;

}



.my-properties table tbody tr td.actions {

    text-align: right;

}



.my-properties table tbody tr td.actions .edit i {

    -moz-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    margin-right: 5px;

}



.my-properties table tbody tr td.actions a {

    padding: 0;

    color: #555;

}



.my-properties table tbody tr td:last-child {

    padding-right: 5px;

}



.my-properties table tbody .brd-none td {

    border: none;

}



.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: 600;

}



.heading-2 {

    margin: 0 0 20px;

    font-size: 24px;

    font-weight: 400;

}



/** typography 2 start **/

.typography-2 .heading {

    margin: 0 0 15px;

}



.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;

}



.typography-2 address {

    margin-bottom: 20px;

    font-style: normal;

    font-size: 14px;

    line-height: 26px;

    color: #555;

}



.typography-2 .space {

    width: 100%;

    display: block;

    clear: both;

    height: 20px;

    position: relative;

    border-top: none;

}



/** typography start **/

.typography .headline {

    font-size: 22px;

    font-weight: 400;

    margin: 0 0 20px 0;

}



.typography blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 15px;

    line-height: 30px;

    color: #555;

    border-left: 5px solid #eeeeee;

}



.typography mark.color {

    color: #fff;

}



.typography mark.color {

    color: #fff;

    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;

    font-size: 15px;

}



.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: 0 0 0 18px;

    display: inline-block;

}



.typography .numbered ol li {

    display: inline-block;

    padding: 6px 0;

    width: 100%;

    color: #555;

    font-size: 15px;

}



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

    border: 1px solid #66676b;

    color: #66676b;

    border-radius: 50px;

}



.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 #66676b;

    border-radius: 50%;

    text-align: center;

    margin: 0;

    margin-left: 0;

    font-weight: 500;

    color: #66676b;

    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: 15px;

    font-weight: 400;

    position: relative;

    padding-left: 25px;

}



.properties-amenities ul li i {

    font-size: 16px;

    left: 0;

    position: absolute;

    top: 0;

    line-height: 22px;

}



.properties-condition ul li {

    margin-bottom: 10px;

    font-size: 14px;

    font-weight: 400;

    position: relative;

    padding-left: 25px;

}



.properties-condition ul li i {

    font-size: 16px;

    left: 0;

    position: absolute;

    top: 0;

    line-height: 22px;

}



.inside-properties iframe {

    width: 100% !important;

    border: 0;

    height: 350px;

}



.detail-slider-full .thumbs img {

    width: 149px;

    height: 95px;

}



.detail-slider-full .item img {

    height: 450px;

}



.search-banner {

    margin: 0;

    padding: 50px 0 30px;

    background-color: #ebebeb;

}



.search-banner .search-title {

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 25px;

}



.search-banner .show-more-options {

    margin-bottom: 20px;

    display: block;

}



.property-details ul li {

    font-weight: 400;

    margin-bottom: 10px;

    font-size: 14px;

}



.property-details ul li strong {

    margin-right: 5px;

    font-weight: 600;

}



.properties-details-page .heading {

    margin-bottom: 20px;

    font-size: 24px;

    font-weight: 400;

}



.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 AREA START **/

.heading-properties {

    letter-spacing: 1px;

    margin: 0 auto;

    position: absolute;

    top: 0px;

    padding: 20px;

    right: 0px;

    left: 0px;

    border-radius: 3px;

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

}



.heading-properties h3 {

    margin: 0 0 5px;

    font-size: 22px;

    font-weight: 500;

    color: #fff;

}



.heading-properties p {

    margin-bottom: 0;

    font-size: 15px;

    color: #fff;

}



.heading-properties h3 span {

    font-weight: 700;

}



.heading-properties .r-right {

    text-align: right;

    margin: 0;

}



/** HEADING PROPERTIES 2 AREA START **/

.heading-properties-2 {

    margin-bottom: 20px;

}



.heading-properties-2 h3 {

    margin-top: 0;

    font-weight: 500;

    font-size: 25px;

}



.heading-properties-2 h3 span {

    font-size: 18px;

    font-weight: 400;

}



.heading-properties-2 p {

    margin-bottom: 0;

    color: #fff;

    font-size: 15px;

}



.heading-properties-2 .pull-right {

    text-align: right;

}



.heading-properties-2 .pull-right i {

    color: #ffc12b;

    font-size: 13px;

    margin-left: 2px;

}



.heading-properties-2 p {

    margin-bottom: 0;

    color: #555;

    font-size: 15px;

}



.heading-properties-3 {

    letter-spacing: 1px;

    position: absolute;

    top: 30px;

    max-width: 400px;

    padding: 20px;

    left: 30px;

    background-color: #ffffff;

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

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

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

}



.heading-properties-3 h3 {

    font-weight: 500;

    font-size: 25px;

    margin-bottom: 10px;

    color: #fff;

}



.heading-properties-3 h5 {

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    margin-bottom: 7px;

}



.heading-properties-3 p {

    margin-bottom: 0;

    color: #fff;

}



.hp-3 {

    margin-bottom: 40px;

    padding: 20px;

}



.hp-3 h3 {

    color: #fff;

}



.hp-3 h3 span {

    color: #fff !important;

}



.hp-3 p {

    color: #fff;

}



.properties-details-sliders .list-inline {

    white-space: nowrap;

    width: 100% !important;

}



.properties-details-sliders .carousel-indicators {

    position: static;

    left: initial;

    width: initial;

    margin-left: initial;

    margin-top: 0;

}



.properties-details-sliders .carousel-indicators a {

    cursor: pointer;

}



.properties-details-sliders .carousel-indicators > li {

    height: initial;

    text-indent: initial;

    margin-right: 0;

    margin-left: 0;

}



.dd.properties-details-sliders .carousel-indicators > li {

    width: initial;

    height: initial;

    text-indent: initial;

}



.smail-properties .list-inline-item {

    width: 20%;

}



.smail-properties .list-inline-item a img {

    width: 100%;

    border: none;

    border-radius: 0;

}



.properties-details-sliders .carousel-indicators > li.active img {

    opacity: 0.7;

}



.properties-details-sliders .left {

    left: 0;

    top: 43%;

    width: 25px;

    height: 50px;

    line-height: 53px;

    position: absolute;

    z-index: 5;

    text-align: center;

    border-radius: 0 5px 5px 0;

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

}



.properties-details-sliders .left i {

    font-size: 17px;

    color: #fff;

}



.properties-details-sliders .right {

    right: 0;

    top: 43%;

    width: 25px;

    height: 50px;

    line-height: 53px;

    position: absolute;

    z-index: 5;

    text-align: center;

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

    border-radius: 5px 0 0 5px;

}



.properties-details-sliders .right i {

    font-size: 17px;

    color: #fff;

}



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

    margin-right: 1px;

}



.smail-properties {

    width: 100%;

}



/** FLOOR PLANS AREA START **/

.floor-plans table {

    width: 100%;

    margin-bottom: 40px;

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

}



.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;

}



.floor-plans table td strong{

    font-weight: 500;

}



/** TABBING BOX AREA START **/

.tabbing-box .tab-pane {

    padding-top: 30px;

}



.tabbing-box .nav-tabs {

    background: #fff;

    border-bottom: solid 1px #fff;

}



.tabbing-box .nav-tabs li {

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

}



.tabbing-box .nav-tabs li a {

    padding: 13px 35px;

    border-radius: 50px;

}



.tb-2 .nav-tabs li a {

    padding: 9px 20px 7px;

    border-radius: 50px;

}



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

    color: #525252;

    border-radius: 50px;

    background: #eeeeef;

}



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

    border-radius: 50px;

    background: #eeeeef;

}



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

    border: none;

}



/** SS3 **/

.ss2.ss3 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    border-color: transparent;

    border-radius: 3px!important;

    color: #fff;

}



.ss2.ss3 .nav-tabs li a {

    padding: 7px 22px 5px;

    border-radius: 3px!important;

    font-weight: 400;

    font-size: 15px;

}



.ss2.ss3 .nav-tabs li a:hover{

    border-radius: 3px!important;

}



.ss2.ss3 {

    padding: 0;

}



/** Ss2 **/

.ss2{

    text-align: center;

}



.ss2 .nav-tabs {

    border-bottom: none;

    text-align: center!important;

    display: inline-block;

    margin-bottom: 10px;

    background: transparent;

    border-bottom: none;

}



.ss2 .search-fields {

    min-height: 47px;

    border-radius: 1px;

    box-shadow: none;

    background: #ffffff!important;

    font-size: 15px;

    color: #565656;

    font-weight: 400;

}



.ss2 .form-control{

    background: #ffffff!important;

    color: #565656!important;

}



.ss2 .nav-tabs li a {

    padding: 8px 25px 6px;

    border-radius: 50px;

    background: #fff;

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

    color: #232323;

}



.ss2 .nav-tabs li a:hover{

    background: #fff;

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

}



.ss2 .tab-pane {

    padding-top: 0;

}



.ss2 .form-group {

    margin-bottom: 15px;

}



.ss2 .range-slider {

    margin-top: 10px;

    margin-bottom: 15px;

}



.ss2 {

    z-index: 999;

    padding: 30px 0 15px;

}



.ss2 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #fff;

    border-radius: 50px!important;

}



.ss2 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{

    float: left;

    display: inline-block;

    border-radius: 50px!important;

}



.ss2 .nav-tabs li {

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

    margin: 0 2px;

    display: inline-block;

}



/** COMPARE TABLE **/

.compare-table tr {

    border: 1px solid #ececec;

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

}



.compare-table tr:first-child {

    border-top: none;

}



.compare-table tr td:first-child {

    width: 350px;

    background: #f8f9fa;

    font-weight: 400;

    text-align: left;

}



.compare-table tr td {

    box-sizing: border-box;

    font-size: 14px;

    padding: 20px 15px;

    text-align: center;

    width: 395px;

    font-weight: 300;

    color: #808080;

}



.compare-table tr td .fa-times {

    color: red;

}



.compare-table tr td .fa-check {

    color: green;

}



.compare-properties {

    border-radius: 0;

    border: 1px solid #eaeff5;

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

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

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

    position: relative;

    margin-bottom: 30px;

}



.compare-properties .card-img-top {

    border-radius: 0;

}



.compare-properties .detail {

    padding: 30px 25px 10px;

}



.compare-properties h6 a i {

    margin-right: 3px;

}



.compare-properties h3 {

    font-size: 23px;

    margin-bottom: 15px;

    font-weight: 600;

}



.compare-properties h3 a {

    color: #353535;

}



.compare-properties h3 a:hover {

    color: #525252;

}



.compare-properties h6 {

    margin-bottom: 20px;

    font-size: 15px;

}



.compare-properties h6 a {

    color: #555;

}



.search-compare {

    margin-bottom: 20px;

}



.search-compare .form-group {

    margin-bottom: 10px;

}



.search-compare h4 {

    font-size: 22px;

    margin-bottom: 20px;

    text-align: center;

    font-weight: 400;

}



/** 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: #555;

}



.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;

}



.faq-accordion .card {

    margin-bottom: 0;

    border: none;

}



.faq-accordion .card-header {

    padding: 0;

    background: transparent;

}



.faq-accordion .card-header a {

    color: #555;

}



.bd-none {

    border-bottom: 1px none;

}



.faq-accordion .card-title {

    margin-bottom: 0;

    width: 100% !important;

    padding-left: 20px;

    padding-right: 20px;

    background-color: transparent;

    letter-spacing: 0;

    font-size: 15px;

    line-height: 60px;

    cursor: pointer;

}



.faq-accordion .card-header {

    border: none;

    margin-bottom: 10px;

    border-radius: 3px;

    background: #f8f9fa;

}



.faq-accordion .card-header a {

    width: 100%;

}



.faq-accordion .card-block {

    padding: 0;

}



.faq-accordion .card-header .card-title:before {

    font-family: 'FontAwesome';

    content: "\f077";

    font-size: 13px;

    font-weight: 300;

    width: 60px;

    height: 60px;

    background: #eeeeef;

    float: left;

    text-align: center;

    line-height: 60px;

}



.faq-accordion .card-header .collapsed.card-title:before {

    content: "\f078";

    font-size: 13px;

    font-weight: 300;

}



.foq-info p {

    font-size: 14px;

    line-height: 30px;

}



.foq-info {

    padding: 15px 0 35px;

}



.pad-b-0 {

    padding-bottom: 0;

}



.foq-info .yes {

    color: #3c763d;

    margin-left: 5px;

    font-weight: 600;

    font-size: 12px;

}



.foq-info .no {

    color: #a94442;

    margin-left: 7px;

    font-weight: 600;

    font-size: 12px;

}



/** 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: 22px;

    font-weight: 400;

}



.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 #d0cece;

    outline: none;

    color: #565656;

    height: 45px;

    border-radius: 3px;

}



.submit-address form .bootstrap-select button {

    color: #515151;

}



.submit-address .search-fields {

    min-height: 45px;

    border-radius: 3px;

}



.submit-address form textarea {

    min-height: 200px;

}



.submit-address form label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 400;

    font-size: 15px;

    color: #555;

}



.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: #fcfcfc;

    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-color: #66676b;

    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 {

    padding: 100px 0 85px;

}



.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: 24px;

    color: #555;

    display: block;

    line-height: 35px;

}



.icon-lists mark {

    margin-bottom: 10px;

    display: inline-block;

}



.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;
}
div.img {
    width: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
    .div.img-hover-up:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }




/** Option Panel **/

.option-panel {

    z-index: 9999;

    width: 215px;

    position: fixed;

    right: 0;

    background: #fff;

    top: 20%;

    padding: 20px 15px;

    -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: -215px;

}



.option-panel h2 {

    font-size: 10px;

    margin: 0 0 0 0;

    text-align: center;

    color: #555;

    padding: 8px 0;

    text-transform: uppercase;

    font-weight: 600;

}



.option-panel .color-plate {

    width: 40px;

    height: 40px;

    float: left;

    margin: 3px;

    border-radius: 0;

    cursor: pointer;

}



.setting-button {

    background: #eee;

    position: absolute;

    font-size: 16px;

    text-align: center;

    width: 50px;

    height: 50px;

    line-height: 50px;

    left: -50px;

    color: #2b303b;

    top: 0;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    cursor: pointer;

    display: none;

}



/** 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 input[type="search"] {

    position: absolute;

    top: 50%;

    width: 100%;

    color: rgb(255, 255, 255);

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

    font-weight: 300;

    text-align: center;

    border: 0px;

    margin: 0px auto;

    margin-top: -51px;

    padding-left: 30px;

    padding-right: 30px;

    outline: none;

    font-size: 28px;

}



#full-page-search .btn {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 20px;

    margin-left: -45px;

    font-weight: 400;

    padding: 10px 30px;

}



#full-page-search .close {

    position: fixed;

    top: 15px;

    right: 15px;

    color: #fff;

    opacity: 1;

    padding: 10px 17px;

    font-size: 17px;

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

    cursor: pointer;

    border-radius: 3px;

    background: #3a3a3a;

}





.carousel-item-next, .carousel-item-prev, .carousel-item.active {

    display: block;

    /* border: 4px solid #274abb; */

    background: #274abb24 !important;

}







.list-inline-item img{

    aspect-ratio: 1/1;

    object-fit: cover;

}







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

    .main-header .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) {

    .property-box .facilities-list li {

        font-size: 14px;

    }



    .none-1200 {

        display: none;

    }



    .team-4 .detail .contact ul li {

        font-size: 14px;

    }



    .inline-search-area {

        max-width: 900px;

    }



    .test {

        font-size: 16px !important;

    }



    .team-4 .detail {

        padding: 0 20px;

    }



    .team-4 .detail .contact {

        margin-bottom: 10px;

    }



    .team-4 .detail h4 {

        margin: 0 0 10px;

    }



    .banner .banner-slider-inner h1 {

        font-size: 40px;

    }



    .blog-2 .detail .post-meta {

        margin: 10px 0 10px;

    }



    .main-header .navbar-expand-lg .user-account {

        padding: 30px 10px;

    }



    .main-header .form-inline .submit {

        margin-left: 10px;

    }



    .property-box-2 .detail .location {

        margin: 0 0 8px;

    }



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

        line-height: 30px;

    }



    .property-box-2 .detail .title {

        font-size: 20px;

        margin-bottom: 8px;

    }



    .about-text {

        padding: 0 0 0 20px;

    }



    .property-box-2 .detail {

        padding: 25px 35px 0 20px;

    }



}



@media (max-width: 992px) {

    .banner-info-2 {

        margin-top: 0;

        max-width: 100%;

    }



    .search-area-4{

        display: none;

    }



    .our-newslatters-2 p {

        font-size: 15px;

    }



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

        font-size: 23px;

    }



    .row-2 {

        margin-top: 0;

    }



    .banner-info{

        margin-top: 0px;

    }



    .main-header .login-ml{

        margin-left: 0;

    }



    .banner .search-info {

        padding: 15px 0 5px;

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

        display: inline-block;

        border-radius: 5px;

        width: 100%;

    }



    .our-newslatters-2{

        text-align: center;

    }



    .our-newslatters-2 .subscribe-box {

        max-width: 450px;

        margin: 20px auto 0;

    }



    .our-newslatters-3{

        text-align: center;

        padding: 35px 0;

    }



    .our-newslatters-3 p{

        margin-bottom: 15px;

    }



    .our-newslatters-3 .subscribe-box {

        float: none;

    }



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

        font-size: 30px;

        margin-bottom: 10px;

    }



    .search-info .inline-search-area .search-col {

        padding: 0 15px;

        background: transparent;

        margin-bottom: 10px;

        width: 100%;

    }



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

        padding: 9px 20px 12px 15px;

    }



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

        top: 20px;

    }



    .search-info .inline-search-area .search-col .form-control, .inline-search-area button.btn-search {

        height: 45px;

    }



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

        padding: 12px 35px 10px;

    }



    .services-demo{

        display: none;

    }



    .team-4 .detail .contact ul li {

        font-size: 15px;

    }



    .property-box .facilities-list li {

        font-size: 15px;

    }



    .contact-3 .contact-info .contact-list {

        margin: 0 0 30px;

    }



    .pricing-3 {

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

    }



    .logo-none {

        display: flex;

    }



    .logo-none-2 {

        display: none;

    }



    .main-title .mb-10 {

        margin-bottom: 10px;

    }



    .tabbing-box .nav-tabs li a {

        padding: 10px 20px;

        border-radius: 50px;

    }



    .h-20 {

        margin-bottom: 20px;

    }



    .properties-details-page .heading {

        font-size: 20px;

    }



    .heading-2 {

        font-size: 20px;

    }



    .ss2 .nav-tabs li a {

        padding: 8px 25px 6px;

    }



    .contact-1 .form-group {

        margin-bottom: 20px;

    }



    .top-header {

        display: none;

    }



    .main-header .megamenu-area {

        padding: 30px 20px 5px;

        color: #555;

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

        text-transform: none;

        font-weight: 400;

        font-size: 15px;

        border-bottom: solid 1px #d2d2d2!important;

        background: #efefef;

    }



    .main-header .dropdown-menu a {

        color: #555;

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

        text-transform: none;

        font-weight: 400;

        font-size: 15px;

        padding: 10px 20px;

        border-bottom: solid 1px #d2d2d2!important;

        background: #efefef;

    }



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

        background: #efefef!important;

    }



    .main-header .dropdown-item{

        /*padding:10px 20px!important;*/

    }



    .header-ml {

        margin-left: 0;

    }



    .search-area-5 .sa5-inner {

        background: transparent;

        padding: 0;

        box-shadow: none;

    }



    .search-area-5 {

        background-color: transparent !important;

        top: 25%;

    }



    .search-area-5 h5 {

        color: #fff;

    }



    .search-area-5 .location a {

        color: #fff;

    }



    .search-area-5 .meta ul li {

        font-size: 14px;

        border: solid 1px rgba(23, 23, 23, 0.298039);

        color: #dcdcdc;

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

    }



    .tl {

        text-align: center !important;

    }



    .search-options-btn span {

        display: none;

    }



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

        padding: 12px 14px 9px 14px;

        bottom: 20px;

        border-radius: 3px;

        font-size: 11px;

    }



    .search-options-btn, .search-options-btn i {

        margin-left: 0;

    }



    .sa2 {

        display: inherit;

    }



    .counters-2 {

        padding: 80px 0 40px;

    }



    .counters-3 {

        padding: 80px 0 50px;

    }



    .content-area-8 {

        padding: 80px 0 65px;

    }



    .content-area-12 {

        padding: 80px 0 95px;

    }



    .content-area-13 {

        padding: 80px 0 40px;

    }



    .content-area-14 {

        margin-bottom: 70px;

    }



    .content-area-15 {

        padding: 80px 0 70px;

    }



    .testimonial-2 {

        padding: 80px 0;

    }



    .counters {

        padding: 80px 0 50px;

    }



    .about-text {

        padding: 30px 0 0 0;

    }



    .banner .banner-slider-inner p {

        font-size: 16px;

        margin-bottom: 22px;

    }



    .banner .btn-lg {

        padding: 8px 22px 6px 22px;

        line-height: 24px;

    }



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

        left: 15px;

    }



    .contact-section .form-section {

        width: 100%;

    }



    .contact-section .bg-img {

        min-height: 100%;

        border-radius: 5px;

    }



    .none-992 {

        display: none !important;

    }



    .service-info-5 i {

        font-size: 40px;

    }



    .blog-1 .detail {

        padding: 20px 20px 8px;

    }



    .blog-big .detail {

        padding: 20px 0 40px;

    }



    .typography .mb-40 {

        margin-bottom: 20px;

    }



    .typography .headline {

        font-size: 20px;

        margin: 0 0 15px 0;

    }



    .hiden-mt-30 {

        margin-top: 35px;

    }



    .icon-lists {

        padding: 80px 0 65px;

    }



    .advanced-search-2 {

        display: inline-block;

        width: 100%;

    }



    .footer .footer-item {

        margin-bottom: 40px;

    }



    footer {

        padding: 80px 0 40px;

    }



    .sidebar-title {

        font-size: 20px;

    }



    .banner .banner-slider-inner h4 {

        margin-bottom: 15px;

        font-size: 35px;

    }



    .property-box-4 .category_bg_box {

        height: 300px;

    }



    .main-title h1 {

        font-size: 27px;

    }



    .main-title p {

        font-size: 16px;

    }



    .main-title {

        margin: 0 auto 35px;

    }



    .main-title-2 h1 {

        font-size: 27px;

    }



    .main-title-2 p {

        font-size: 16px;

    }



    .main-title-2 {

        margin: 0 auto 35px;

    }





    .mt2 {

        margin: 0 auto 35px;

    }



    .filteriz-navigation li {

        padding: 3px 10px 3px 10px;

        font-size: 14px;

    }



    .blog-1 .detail h2 a {

        font-size: 20px;

    }



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

        font-size: 50px;

    }



    .contact-section .login-box {

        max-width: 500px;

        margin: 0 auto;

        padding: 0;

    }



    .megamenu-area {

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

        background: #efefef;

    }



    .content-area-9 {

        padding: 80px 0 50px;

    }



    .btn-white-lg-outline {

        padding: 6px 20px 6px 20px !important;

    }



    .search-section .search-fields {

        min-height: 40px;

    }



    .search-section .bootstrap-select button {

        line-height: 40px;

    }



    .search-section .search-button {

        cursor: pointer;

        padding: 11px 26px;

    }



    .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;

    }



    .content-area-7 {

        padding: 80px 0 50px;

    }



    .form-content-box {

        margin: 30px auto;

    }



    .signup-link {

        margin-top: 15px;

        margin-left: 0;

        padding: 10px 20px;

        width: 100%;

        font-size: 12px;

        font-weight: 400;

    }



    .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;

    }



    .search-compare h4 {

        font-size: 20px;

        margin-bottom: 20px;

        text-align: center;

    }



    .search-compare {

        margin-bottom: 10px;

    }



    .search-compare .form-group {

        margin-bottom: 20px;

    }



    .blog-2 .photo img {

        width: 100%;

    }



    .header-transparent {

        position: static;

        z-index: 9;

        width: 100%;

    }



    .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: 35px;

        margin-bottom: 20px;

    }



    .banner .banner-slider-inner h2 {

        font-size: 35px;

        margin-bottom: 15px;

    }



    .banner .banner-slider-inner h3 {

        font-size: 35px;

        margin-bottom: 15px;

    }



    .banner .banner-slider-inner {

        padding: 10px 12px;

        top: 0%;

    }



    .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: 60px 0;

    }



    .team-4 .detail {

        padding: 25px 20px;

    }



    .service-info.h-bdr {

        border: solid 1px #efefef;

    }



    .contact-2 .opening-hours {

        padding: 30px;

        margin-top: 50px;

    }



    .team-3 .detail {

        padding: 20px;

    }



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

        padding: 11px 20px;

        font-size: 15px;

        border-bottom: solid 1px #d2d2d2;

        background: #efefef;

    }



    .main-header .navbar-expand-lg .user-account {

        padding: 15px 10px;

    }



    .main-header .navbar-expand-lg .user-account li {

        font-size: 12px;

    }



    .main-header .form-inline .submit {

        margin: 0 0 50px 10px;

        font-size: 12px;

    }



    .navbar-light .navbar-toggler {

        border: none;

        font-size: 20px;

        font-weight: 100;

    }



    .navbar-toggler {

        padding: 0;

        width: 35px;

        height: 35px;

        font-size: 1rem;

        border-radius: 0;

        outline: none !important;

    }



    .contect-team-photo img {

        margin-top: 40px;

    }



    .property-box-2 .detail .location {

        margin: 0 0 20px;

    }



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

        line-height: 35px;

    }



    .property-box-2 .detail .title {

        font-size: 21px;

    }



    .blog-2 .detail .post-meta {

        margin: 10px 0;

        font-size: 14px;

    }



    .blog-2 .detail {

        padding: 25px 20px;

    }



    .page-404 h1 {

        margin-bottom: 30px;

        font-size: 160px;

        line-height: .8;

    }



    .page-404 h4 {

        font-size: 24px;

    }



    .page-404 .btn, .page-404 .btn:hover, .page-404 .btn:active {

        width: 27%;

    }



    .page-404 .form-control {

        width: 73%;

    }



    .page-404 .info {

        padding-left: 0;

    }



    .page-404 {

        text-align: center;

    }



    .page-404 .hr {

        max-width: 50px;

        margin: 20px auto;

    }



    .page-404 .search-form {

        max-width: 400px;

        margin: 20px auto 0;

    }



    .content-area {

        padding: 80px 0 50px;

    }



    .content-area-5 {

        padding: 80px 0;

    }



    .content-area-10 {

        padding: 80px 0 40px;

    }



    .content-area-10 {

        margin-bottom: 50px;

    }



    .testimonial-3 {

        padding: 80px 0;

    }



    .testimonial {

        padding: 80px 0 110px;

    }



    .testimonial .testimonia-header {

        margin: 0 auto 35px;

    }



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

        font-size: 27px;

    }



    .none-mb-992-0 {

        margin-bottom: 0 !important;

    }



    .main-header .navbar-expand-lg .navbar-nav .link-btn {

        border: transparent !important;

        color: #515151 !important;

        border-radius: 0;

        background: #efefef;

    }



    .main-header .navbar-expand-lg .navbar-nav .link-btn:hover {

        background: #efefef!important;

    }



    .sub-banner .page-name h1 {

        font-size: 24px;

    }



    .content-area-11 {

        margin-bottom: 50px;

    }



    .about-text h3 {

        font-size: 27px;

    }



    .main-header .megamenu-section.dropdown-menu a{

        border-bottom: none!important;

    }



    .main-header .megamenu-section {

        margin-bottom: 25px;

    }



    .main-header .navbar-expand-lg .navbar-nav .link-color:hover {

        background: #efefef!important;

    }



    .main-header .megamenu-section a{

        border-bottom: none!important;

    }



    .ss2 {

        padding: 30px 15px 10px;

    }



    .ss3 {

        padding: 0;

    }



    .ss3 .nav-tabs li a {

        padding: 5px 20px 3px;

    }



    .ss-5{

        display: inherit;

        padding: 30px 30px 10px 30px;

    }



}



@media (max-width: 768px) {

    .megamenu-section {

        margin-bottom: 25px;

    }



    .banner .slider-mover-left {

        left: 2px;

        width: 25px;

        height: 50px;

        line-height: 50px;

        font-size: 20px;

    }



    .banner .slider-mover-right {

        right: 2px;

        width: 25px;

        height: 50px;

        line-height: 50px;

        font-size: 20px;

    }



    footer {

        padding: 60px 0 20px;

    }



    .footer h4 {

        margin-bottom: 20px;

    }



    .testimonial {

        padding: 60px 0 90px;

    }



    .icon-lists {

        padding: 60px 0 45px;

    }



    .main-header .logos img {

        height: 79px;

        padding: 10px 0px;

    }

    .navbar-nav {



        padding-bottom: 29px !important;

    }

    .property-box-2 .listing-time {

        right: 30px;

    }



    .heading-properties-3 p {

        display: none;

    }



    .heading-properties-3 h3 {

        font-size: 20px;

    }



    .heading-properties-3 h5 {

        margin-bottom: 0;

        font-size: 13px;

    }



    .heading-properties-3 {

        top: 20px;

        padding: 15px;

        left: 20px;

    }



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

        top: 0px;

    }



    .testimonial .testimonia-header {

        margin: 0 auto 30px;

    }



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

        font-size: 24px;

        margin-bottom: 10px;

    }



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

        padding: 10px 12px 9px 12px;

        bottom: 10px;

    }



    .search-area-5 h5 {

        font-size: 27px;

    }



    .search-area-5 {

        top: 15%;

    }



    .testimonial .testimonia-header {

        margin: 0 auto 30px;

    }



    .banner .banner-slider-inner h4 {

        font-size: 27px;

    }



    .testimonial .avatar {

        max-width: 100px;

        margin: 0 auto 20px;

    }



    .testimonial .avatar img {

        border-radius: 50px;

    }



    .testimonial {

        text-align: center;

    }



    .testimonial .testimonial-inner .lead {

        font-size: 15px;

    }



    .notification-box {

        padding: 20px;

    }



    .option-bar h4 {

        padding-right: 0;

    }



    .counters-2 {

        padding: 60px 0 20px;

    }



    .counters-3 {

        padding: 60px 0 30px;

    }



    .category_bg_box {

        height: 230px;

    }



    .content-area-12 {

        padding: 60px 0 75px;

    }



    .content-area-13 {

        padding: 60px 0 20px;

    }



    .content-area-14 {

        margin-bottom: 50px;

    }



    .content-area-15 {

        padding: 60px 0 50px;

    }



    .testimonial-2 {

        padding: 60px 0;

    }



    .service-info-2 .s-info {

        padding-left: 40px;

        line-height: 50px;

    }



    .service-info-2 .s-info i {

        font-size: 30px;

    }



    .service-info-2 .s-info span {

        font-size: 18px;

        font-weight: 600;

    }



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

        font-size: 35px;

    }



    .title-name {

        display: none;

    }



    .contact-section .form-section {

        padding: 30px;

    }



    .compare-table tr td {

        font-size: 14px;

        padding: 10px 10px;

        font-weight: 400;

    }



    .btn-white {

        padding: 9px 30px 8px;

        letter-spacing: 1px;

        font-size: 14px;

        font-weight: 400;

    }



    .megamenu-area {

        padding: 20px 20px 0;

    }



    .sub-banner .page-info .breadcrumb-area ul li {

        line-height: normal;

    }



    .banner .banner-slider-inner h3 {

        font-size: 27px;

    }



    .banner .banner-slider-inner h1 {

        font-size: 27px;

    }



    .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;

    }



    .slick-prev {

        left: -13px;

    }



    .slick-next {

        right: -13px;

    }



    .slick-arrow-buton {

        width: 31px;

        height: 31px;

        line-height: 31px;

    }



    .content-area-7 {

        padding: 60px 0 30px;

    }



    .mp-heden .comment-content {

        padding-bottom: 10px;

    }



    .mp-heden .comment-content p {

        margin-bottom: 0;

    }



    .properties-details-sliders .right {

        width: 25px;

        height: 30px;

        line-height: 28px;

    }



    .properties-details-sliders .right i {

        font-size: 15px;

    }



    .properties-details-sliders .left {

        width: 25px;

        height: 30px;

        line-height: 28px;

    }



    .properties-details-sliders .left i {

        font-size: 15px;

    }



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

        width: 37%;

    }



    .coming-soon-inner .form-control {

        width: 63%;

    }



    .counters {

        padding: 60px 0 30px;

    }



    .counters .counter-box {

        margin: 0 auto 30px;

        max-width: 240px;

    }



    .hr-title.hr-long {

        width: 75%;

    }



    .partners img {

        max-width: 155px;

    }



    .ss2 {

        padding: 30px 15px 10px;

    }



    .ss2 .range-slider {

        margin-bottom: 10px;

    }



    .partners h4 {

        margin-bottom: 0;

    }



    .icon-lists {

        overflow: hidden;

    }



    .faq-accordion .card-title {

        padding-left: 13px;

        padding-right: 13px;

        font-size: 14px;

        line-height: 45px;

    }



    .faq-accordion .card-header .card-title:before {

        width: 45px;

        height: 45px;

        line-height: 45px;

    }



    .my-properties table thead tr th:first-child {

        padding-left: 10px;

    }



    .my-properties table .inner a {

        font-size: 15px;

    }



    .my-properties table tbody tr td.image {

        width: 50px !important;

        overflow: hidden;

    }



    .hedin-div {

        display: none;

    }



    .location .contact-map {

        height: 250px !important;

    }



    .coming-soon-counter div {

        font-size: 32px;

        margin-bottom: 20px;

        padding: 0;

        background: transparent;

    }



    .coming-soon-inner h1 {

        font-size: 32px;

        margin-bottom: 40px;

    }



    .coming-soon-inner .coming-form {

        max-width: 100%;

    }



    .testimonial-3 {

        padding: 60px 0;

    }



    .setting-button {

        display: none;

    }



    .banner .banner-slider-inner h2 {

        font-size: 25px;

        margin-bottom: 10px;

        font-weight: 600;

    }



    .banner .btn-md {

        padding: 9px 15px;

        font-size: 12px;

    }



    .btn-white-lg-outline {

        padding: 5px 15px 3px 15px !important;

    }



    .contact-1 .contact-info {

        margin-bottom: 40px;

    }



    .my-properties table tbody tr td {

        padding: 10px 10px 10px 0;

    }



    .my-properties table .inner h5 {

        margin-bottom: 5px;

    }



    .services-3 {

        padding: 60px 0 25px;

    }



    .service-info-2 {

        margin-bottom: 35px;

    }



    .form-content-box img {

        margin-bottom: 20px;

    }



    .form-content-box h3 {

        margin: 0 0 20px;

        font-size: 17px;

    }



    .property-box-2 .detail {

        padding: 20px 35px 50px 35px;

    }



    .property-box-2 .footer {

        padding: 0 35px 0 35px;

    }



    .property-box-2 .footer p {

        margin: 0 0 0 30px;

    }



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

        right: 30px;

    }



    .blog-social-list {

        float: left;

        margin-top: 10px;

    }



    .property-meta ul li i {

        font-size: 22px;

    }



    .property-meta ul li p {

        font-size: 13px;

    }



    .property-meta ul li {

        width: 24%;

    }



    .countdown .top {

        font-size: 30px;

    }



    .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;

    }



    .search-banner {

        padding: 30px 0 10px;

    }



    .breadcrumbs {

        font-size: 12px;

    }



    .back-to-listings {

        height: 35px;

        line-height: 35px;

        width: 35px;

        font-size: 15px;

    }



    .search-area label {

        display: none;

    }



    .services-4 {

        padding: 95px 0 30px;

    }



    .contact-details .media .media-left {

        padding-right: 20px;

    }



    .search-area {

        padding: 25px 25px 10px;

        border-radius: 0;

    }



    .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;

        font-size: 14px;

    }



    .blog-banner {

        text-align: center;

        padding: 50px 0;

    }



    .blog-banner h2 {

        font-size: 20px;

    }



    .comment-content {

        padding-bottom: 10px;

    }



    .sec-title-three h2 {

        margin-top: 0;

    }



    .about-real-estate {

        padding-top: 60px;

    }



    .main-title {

        margin: 0 auto 30px;

    }



    .main-title h1 {

        font-size: 24px;

    }



    .main-title-2 {

        margin: 0 auto 30px;

    }



    .main-title-2 h1 {

        font-size: 24px;

    }



    .mt2 {

        margin: 0 auto 30px;

    }



    .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: 60px 0 30px;

    }



    .content-area-4 {

        padding: 60px 0 30px;

    }



    .content-area-5 {

        padding: 60px 0;

    }



    .content-area-6 {

        padding: 60px 0 30px;

    }



    .content-area-10 {

        padding: 60px 0 20px;

    }



    .content-area-11 {

        margin-bottom: 30px;

    }



    .about-text h3 {

        font-size: 24px;

    }



    .about-text {

        padding-top: 30px;

    }



    .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;

        margin-bottom: 10px;

    }



    .properties-condition ul li {

        margin-bottom: 10px;

    }



    .heading-properties h3 {

        font-size: 18px;

        margin-bottom: 5px;

    }



    .heading-properties {

        padding: 15px;

    }



    .typography-page p {

        font-size: 13px;

        line-height: 25px;

        text-align: justify;

    }



    .breadcrumb-area .btn-md {

        padding: 10px 20px;

    }



    .sub-banner {

        min-height: 250px;

    }



    .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;

    }



    .ss3 {

        padding: 0;

    }



    .ss-5{

        display: inherit;

        padding: 30px 30px 10px 30px;

    }

}



@media (max-width: 580px) {

    .heading-properties-2 h3 {

        font-size: 22px;

    }



    .heading-properties-2 .pull-right {

        display: none;

    }



    .detail-slider-full .item img {

        height: 230px;

    }



    .heading-properties .pull-right {

        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-max-height img {

        /* max-height: 316px; */

    }

}


.logo-none-2{
      max-width: 176px !important;
}