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

[Main Stylesheet]



Project:    The Nest

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

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

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

    background: #fafafa;

}



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

    color: #262525;

}



/* change */

.main-header.sticky-header.header-fixed.header-shrink:hover {

  background-color: #1f43c4c2 !important;

}



/* end */



.modal-dialog {

    margin: 140px auto 30px;

}



p {

    font-size: 16px;

    line-height: 26px;

    color: #343434;

}



a {

    cursor: pointer;

    color: #262525;

    text-decoration: none !important;

}



ul {

    padding: 0;

    margin: 0;

    text-decoration: none;

    list-style: none;

    color: #343434 !important;

}



a:hover {

    text-decoration: none;

}



.btn.active, .btn:active {

    box-shadow: none;

}



.btns-black {

    background: #000 !important;

    border: solid 2px #000;

    color: #fff;

}



.btns-black:hover {

    color: #fff;

    background-color: #333 !important;

    border-color: #333;

}



.bootstrap-select .btn-default.focus,

.bootstrap-select .btn-default:focus {

    color: #999 !important;

}



.delay-02s {

    animation-delay: 0.2s;

    -webkit-animation-delay: 0.2s

}



.delay-03s {

    animation-delay: 0.3s;

    -webkit-animation-delay: 0.3s;
    margin: 12px 0;

}



.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

}



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

}



.checkbox {

    padding-left: 20px;

    margin: 15px 0;

}



.checkbox label {

    display: inline-block;

    position: relative;

    padding-left: 15px;

    color: #343434;

    font-size: 13px;

    line-height: 22px;

}



.checkbox label::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 20px;

    height: 20px;

    left: 0;

    margin-left: -20px;

    border: 2px solid #cccccc;

    border-radius: 10%;

    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-widget .checkbox label {

    font-size: 16px;

    font-weight: 500;

}



.form-content-box .checkbox label::before {

    border: none;

}



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

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f00c";

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

    font-size: 14px;

    text-align: center;

    line-height: 16px;

    font-weight: 300;

}



.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus {

    box-shadow: none;

}



.btn-light:hover {

    color: #717171;

    background-color: #fff;

    border-color: #fff;

}



/* Solid Buttons Structure**/

.button-sm {

    cursor: pointer;

    padding: 10px 25px;

    letter-spacing: 1px;

    font-size: 11px;

    font-weight: 600;

    text-transform: uppercase;

    color: #555;

    background: transparent;

    transition: .5s;

    border-radius: 2px;

    border: none;

}



.button-sm:hover {

    color: #333;

}



.button-md {

    cursor: pointer;

    padding: 11px 25px 11px 25px;

    text-transform: uppercase;

    color: #555;

    background: transparent;

    transition: .5s;

    border-radius: 2px;

    border: none;

    font-size: 16px;

    letter-spacing: 0.5px;

    font-weight: 500;

}



.button-md:hover {

    color: #333;

}



.button-lg {

    cursor: pointer;

    padding: 18px 30px;

    letter-spacing: 1px;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    color: #555;

    background: #DDD;

    transition: .5s;

    border-radius: 2px;

    border: none;

}



.button-lg:hover {

    color: #333;

}



.read-more-2 {

    cursor: pointer;

    padding: 12px 45px 10px 45px;

    letter-spacing: 1px;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

    color: #555;

    background: transparent;

    transition: .5s;

    border-radius: 50px;

    border: none;

}



.btn-outline-2{

    cursor: pointer;

    padding: 12px 35px 10px 35px;

    letter-spacing: 1px;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    transition: .5s;

    border-radius: 5px;

}



/** Solid Buttons Colors **/

.button-default {

    color: #555;

    background: #DDD;

}



.button-default:hover {

    color: #333;

    background: #DDD;

}



.button-theme {

    color: #FFF;

        width: 185px;

}



.button-theme:hover,

.button-theme:focus {

    color: #fff !important;

    outline: none;

}



.out-line-btn:hover,

.out-line-btn:focus {

    outline: none;

}



/** Border Buttons Colors **/

.border-button-sm {

    cursor: pointer;

    padding: 10px 12px 6px;

    letter-spacing: 1px;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

    color: #555;

    background: #DDD;

    transition: .5s;

    border-radius: 2px;

    border: none;

}



.border-button-default {

    color: #555;

    background: #DDD;

}



.border-button-default:hover {

    color: #333;

    background: #DDD;

}



.border-button-theme {

    background: transparent;

}



.border-button-theme:hover {

    color: #fff;

}



.button-section a {

    margin: 0 5px 5px 0;

}



.panel-title {

    font-size: 16px;

    font-weight: 500;

}



.panel-heading {

    padding: 15px 20px;

    border-bottom: 1px solid transparent;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    margin-bottom: 0!important;

}



.panel-heading h3{

    margin-bottom: 0!important;

}



.panel-body {

    padding: 20px;

    font-size: 16px;

}



/** BTN 1 **/

.btn-1 {

    padding: 0 47px 0 25px;

    line-height: 46px;

    position: relative;

    display: inline-block;

    background: none;

    border-radius: 3px;

}



.btn-1 span {

    font-size: 16px;

    font-weight: 600;

    position: relative;

    z-index: 1;

}



.btn-1 .arrow {

    width: 13px;

    height: 2px;

    background: currentColor;

    display: inline-block;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 25px;

}



.btn-1 .arrow:after {

    width: 8px;

    height: 8px;

    border-right: 2px solid currentColor;

    border-top: 2px solid currentColor;

    content: "";

    position: absolute;

    top: -3px;

    right: 0;

    display: inline-block;

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.btn-1:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    background: transparent;

    -moz-transition: ease all 0.9s;

    -o-transition: ease all 0.9s;

    -webkit-transition: ease all 0.9s;

    transition: ease all 0.9s;

    width: 0;

    height: 100%;

}



.btn-1:hover {

    color: #ffffff!important;

}



.btn-1:hover:before {

    width: 100%;

    color: #fff!important;

}



/** BTN 2 **/

.btn-2 {

    color: #fff;

    font-size: 16px;

    display: inline-block;

    position: relative;

    z-index: 5;

    transition: .9s ease;

    font-weight: 600;

    padding: 0 47px 0 25px;

    line-height: 46px;

    border-radius: 3px;

}



.btn-2 span {

    font-size: 16px;

    font-weight: 600;

    position: relative;

    z-index: 1;

}



.btn-2 .arrow {

    width: 13px;

    height: 2px;

    background: currentColor;

    display: inline-block;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 25px;

}



.btn-2 .arrow:after {

    width: 8px;

    height: 8px;

    border-right: 2px solid currentColor;

    border-top: 2px solid currentColor;

    content: "";

    position: absolute;

    top: -3px;

    right: 0;

    display: inline-block;

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.btn-2:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    transition: all .9s ease;

    z-index: -1;

}



.btn-2:hover {

    background: transparent!important;

}



.btn-2:hover:before {

    width: 0;

    opacity: 1;

    visibility: visible;

}



.btn-2:hover:after {

    width: 0;

    opacity: 1;

    visibility: visible;

}



.btn-2.btn-white{

    background: #fff;

    border: 2px solid #fff;

}



.btn-2.btn-white:hover {

    color: #fff;

    border: 2px solid #fff;

}



.btn-2.btn-white:before {

    background: #fff;

}



/** BTN 3 **/

.btn-3 {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    outline: none !important;

    color: #ffffff;

    text-transform: capitalize;

    transition: all 0.3s linear;

    z-index: 1;

    overflow: hidden;

}



.btn-3:hover {

    color: #ffffff;

}



.btn-3:hover:after {

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

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

}



.btn-3:after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: "";

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

    transform-origin: bottom center;

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

    z-index: -1;

}



/** TABS **/

.theme-tabs .nav-tabs {

    border-bottom: 2px solid #DDD;

}



.nav-tabs > li.active > a,

.theme-tabs .nav-tabs > li.active > a:focus,

.theme-tabs .nav-tabs > li.active > a:hover {

    border-width: 0;

}



.theme-tabs .nav-tabs > li > a {

    border: none;

    color: #ffffff;

}



.theme-tabs .nav-tabs > li.active > a,

.theme-tabs .nav-tabs > li > a:hover {

    border: none;

    background: #fff;

}



.theme-tabs .nav-tabs > li > a::after {

    content: "";

    height: 2px;

    position: absolute;

    width: 100%;

    left: 0;

    bottom: -1px;

    transition: all 250ms ease 0s;

    transform: scale(0);

}



.theme-tabs .nav-tabs > li.active > a::after,

.theme-tabs .nav-tabs > li:hover > a::after {

    transform: scale(1);

}



.theme-tabs .tab-nav > li > a::after {

    color: #fff;

}



.theme-tabs .tab-pane {

    padding: 15px 0;

}



.theme-tabs .tab-content {

    padding: 20px

}



.theme-tabs .nav-tabs > li {

    width: 20%;

    text-align: center;

}



.theme-tabs {

    background: #FFF none repeat scroll 0% 0%;

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

    margin-bottom: 30px;

}



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

    .theme-tabs .nav-tabs > li > a > span {

        display: none;

    }



    .theme-tabs .nav-tabs > li > a {

        padding: 5px 5px;

    }

}



/** ELEMENTS PAGE **/

.elements-page .list-group-item {

    padding: 15px 20px;

}





.elements-page .table>:not(caption)>*>* {

    padding: 20px;

}



.elements-page .table-bordered {

    border: 1px solid #dee2e6;

    background: #fff;

    color: #343434;

}



.elements-page .heading-2 {

    margin: 0 0 20px;

    font-size: 21px;

    font-weight: 600;

}



.elements-page .bomd {

    padding: 13px 26px;

    font-size: 16px;

    font-weight: 500;

    transition: .5s;

    border-radius: 3px;

    margin-bottom: 3px;

}



.elements-page .btn-md {

    cursor: pointer;

    padding: 13px 26px 13px;

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    transition: .5s;

    border-radius: 3px;

    border: none;

    margin-bottom: 3px;

}



.elements-page .progress {

    margin-bottom: 20px;

    height: 22px;

}



.elements-page .bomd:focus {

    box-shadow: none!important;

}



/** Notice start **/

.notice {

    padding: 17px 15px;

    background-color: #ffffff!important;

    margin-bottom: 10px;

    border-radius: 2px;

    border: 1px solid #eaeff5;

    border-left: 4px solid #838992;

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

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

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

    font-size: 16px;

    color: #343434;

}



.notice-success {

    border-left-color: #74ba28;



}



.notice-success strong {

}



.notice-danger {

    border-left-color: #eb344f;

}



.notice-danger strong {

    color: #eb344f;

}



.notice-info strong {

    color: #1db4bd;

}



.notice-info {

    border-left-color: #1db4bd;

}



.notice-warning {

    border-left-color: #fea911;

}



.notice-warning strong {

    color: #fea911;

}



.notice strong{

    font-weight: 600;

}



.open-offcanvas {

    display: block;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 12px;

    height: 100%;

}



.carousel-caption {

    right: 0;

    left: 0;

    padding: 0 20px 0;

}



#banner6 .banner-slider-inner{

    padding: 0 20px;

}



#banner6 .banner-slider-inner h1 {

    text-transform: initial;

}



/** SEARCH AREA **/

.search-area {

    background: #e6e6e6;

    padding: 40px 0 25px;

}



.show-search-area {

    z-index: 9999;

    transition: all 0.4s;

    display: block;

}



.search-area .form-group {

    margin-bottom: 15px;

}



.search-area .btn{

    padding: 12px 15px;

}



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

    right: 12px;

    top: 28px;

}



.search-area .search-fields{

    border: 1px solid #fff;

}



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

    margin: -1px 0!important;

    border: none;

}



.bootstrap-select.btn-group .dropdown-toggle .caret {

    position: absolute;

    top: 50%;

    right: 15px;

    margin-top: -2px;

    vertical-align: middle;

}



.search-area .search-button{

    font-weight: 600;

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

}



.sr2{

    padding: 30px 15px 15px;

}



.sr2 .bootstrap-select .dropdown-menu {

    margin: -2px 0!important;

}



.banner-search-box .bootstrap-select .dropdown-menu {

    margin: -2px 0!important;

}



.sr2 .btn {

    font-size: 16px;

    height: 55px;

    line-height: 33px;

}



.sr2 .search-fields {

    border: none;

}



.sr2 .search-fields{

    padding: 0;

}



.sr2 .search-button {

    cursor: pointer;

    padding: 13px 20px 12px;

    letter-spacing: 1px;

    font-size: 14px;

    font-weight: 600;

    height: 55px;

    text-transform: uppercase;

    color: #FFF;

    transition: .5s;

    border-radius: 2px;

    border: none;

    width: 100%;

}



.search-fields {

    min-height: 47px;

    padding: 0;

    box-shadow: none;

    border: 1px solid #e0e0e0;

    background: #fff;

    font-size: 15px;

    line-height: 47px!important;

    border-radius: 3px;

}



.sidebar-widget .form-group{

    margin-bottom: 20px;

}



.form-control {

    padding-left: 15px;

}



.search-fields button {

    border-radius: 1px;

    box-shadow: none;

    border: none;

    background: #fff;

}



.search-button {

    cursor: pointer;

    padding: 14px 20px;

    letter-spacing: 0.5px;

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    color: #FFF;

    transition: .5s;

    border-radius: 3px;

    border: none;

    width: 100%;

}



.search-button:hover,

.search-button:focus {

    outline: none;

    color: #fff;

}



.banner-search-box {

    max-width: 350px;

    padding: 30px;

    margin-left: auto;

}



.banner-search-box .search-area {

    padding: 0;

    background: transparent;

}



.banner-search-box .min-value {

    color: #fff;

}



.banner-search-box .max-value {

    color: #fff;

}



.banner-search-box .search-fields button {

    border-radius: 3px;

    box-shadow: none;

    border: none;

}



.banner-search-box .search-fields {

    border: none;

}



.banner-search-box .search-fields {

    padding: 0;

    box-shadow: none;

    border-radius: 3px;

}



.banner-search-box .btn {

    display: inline-block;

    min-height: 50px;

    border-radius: 3px;

}



.banner-search-box .search-area .form-group {

    margin-bottom: 15px;

}



.banner-search-box .range-slider {

    margin: 15px 0 0;

}



/** BOOTSTRAP SELECT START **/

.bootstrap-select {

    width: 100% !important;

}



.bootstrap-select button {

    color: #717171;

    border-radius: 2px;

    outline: none;

}



.btn-check:focus+.btn-light, .btn-light:focus{

    color: #717171;

}



.bootstrap-select .dropdown-menu li {

    padding: 0;

}



.bootstrap-select .dropdown-menu {

    padding: 0 !important;

    margin: 0 0 !important;

    border: 1px solid #e0e0e0;

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

    font-weight: 400;

    font-size: 15px;

    outline: none;

    border: 0 !important;

    color: #343434;

}



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

    border: none;

    font-size: 15px;

    font-weight: 400;

}



.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: #717171!important;

    box-shadow: none !important;

}



.bootstrap-select .btn-default.active,

.bootstrap-select .btn-default:active,

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

    color: #717171!important;

    background-color: transparent;

!important;

    border-color: #adadad;

}



.btn-default.active,

.btn-default:active,

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

    color: #333;

    color: #717171!important;

    background-color: transparent !important;

    box-shadow: none !important;

    border-color: #adadad;

}



.bootstrap-select .dropdown-toggle:focus {

    outline: none !important;

    background: transparent !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: #fff;

    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;

}



.dropdown-menu > li > a:hover {

    text-decoration: none;

    background-color: #fff;

}



.banner-search-box .btn-default:active, .open > .dropdown-toggle.btn-default {

    color: #717171!important;

}



.banner-search-box .btn-default {

    color: #717171!important;

}



/** MAIN TITLE AREA START **/

.main-title {

    text-align: center;

    margin-bottom: 40px;

}



.main-title h1 {

    font-weight: 700;

    margin: 0 0 10px;

    text-transform: uppercase;

    font-size: 27px;

}



.main-title h1 span {

    font-weight: 700;

}



.main-title p {

    font-size: 17px;

    margin-bottom: 0;

}



/** MAIN TITLE 2 AREA START **/

.main-title-2 {

    margin-bottom: 40px;

}



.main-title-2 h1 {

    font-weight: 700;

    margin: 0 0 5px;

    font-size: 30px;

    text-transform: uppercase;

}



.main-title-2 p {

    font-size: 18px;

    margin-bottom: 13px;

}



.main-title-2 .title-border{

    height: 7px;

    width: 120px;

    background: transparent;

    border-radius: 10px;

    margin: 0 auto 0 0;

}



.main-title-2 .title-border-inner {

    height: 7px;

    width: 7px;

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

    border-radius: 10px;

    float: left;

    margin: 0 3px;

}



.main-title-2 .title-border.tb2{

    margin: 0 auto 0 0;

}



@keyframes nudge {

    0%, 100% {

        transform: translate(0, 0);

    }

    50% {

        transform: translate(50px, 0);

    }

    80% {

        transform: translate(20px, 0);

    }

}



/** MAIN TITLE 3 AREA START **/

.main-title-3{

    margin-bottom: 40px;

    text-align: center;

}



.main-title-3 h1 {

    font-weight: 700;

    margin: 0;

    font-size: 30px;

}



.main-title-3 .section-subtitle {

    display: inline-block;

    padding: 5px 20px;

    border-radius: 25px;

    position: relative;

    opacity: 1;

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 10px;

}



.main-title-3 .section-subtitle::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 50%;

    right: 50%;

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

    -ms-transform: translateY(-50%) translateX(50%);

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

    border-radius: 25px;

    opacity: 0.1;

}



/** MAIN TITLE 4 AREA START **/

.main-title-4 {

    margin-bottom: 20px;

}



.main-title-4 h1 {

    font-size: 20px;

    margin: 0 0 10px;

    font-weight: 600;

}



.main-title-4 h1 a {

    color: #212121;

}



.main-title-4 h1 span {

    font-weight: 600;

}



/** MAIN TITLE 5 AREA START **/

.main-title-5 h1{

    color: #fff;

}



.main-title-5 p{

    color: #fff;

}



/** PROPERTY AREA START **/

.property {

    background: #fff;

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: 2;

}



.property:hover {

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

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

    transform: translateY(-5px);

}



.property:hover .property-overlay {

    background: linear-gradient(0,#2724d396,rgb(255 255 255 / 0%));

}



.property:hover .overlay-link {

    display: inline-block;

}



.property .hp-1 {

    height: 250px;

}



.property:hover {

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.10), 0 3px 3px 0 rgba(0, 0, 0, 0.10);

}



.property-img {

    position: relative;

    display: block;

    overflow: hidden;
    height: 12.1rem;

}
.property-img.title.propertyIndianBhoomi img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.property-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slick-slide .property-photo {
    width: 100%;
    height: 100%;
}


.col-lg-3.col-md-6.col-sm-6.col-6.full-width.dd-icon {
    z-index: 99!important;
}



.property-img:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 0;

    background: linear-gradient(to top,rgb(35 35 37 / 66%) 0%,rgb(35 35 37 / 13%) 35%,rgb(255 255 255 / 0%) 60%,rgb(255 255 255 / 0%) 100%);

    border-radius: 4px 4px 0 0;

    opacity: 1;

}



.property-tag {

    position: absolute;

}



.property-tag.sale {

    right: 15px;

    top: 15px;

}



.property-tag.featured {

    left: 15px;

    margin-top: 15px;

}



.property-price {

    color: #fff;

    position: absolute;

    font-weight: 600;

    font-size: 20px;

    bottom: 15px;

    right: 15px;

    z-index: 20;

}



.property .button, input[type="submit"] {

    font-size: 12px;

    font-weight: 600;

    padding: 6px 14px 4px;

    border-radius: 2px;

    color: #fff;

    border: none;

    background-color: rgb(0 0 0 / 25%);

    text-transform: uppercase;

    letter-spacing: 1px;

    display: inline-block;

    z-index: 20;

}



.property-content {

    padding: 20px;

}



.property-content .title {

    font-size: 22px;

    font-weight: 600;

    margin: 0 0 5px;

}



.property-content .title a:hover {

    color: #4a4747;

}



.property-content p {

    margin: 10px 0 20px;

}



.ratings {

    color: orange;

    font-size: 12px;

}



.property-content .property-address {

    margin: 0 0 15px;

}



.property-content .property-address a {

    font-size: 15px;

    color: #343434;

}



.property-content .property-address a i {

    margin-right: 3px;

}



.property-content .facilities-list {

    padding: 0;

    margin: 0;

}



.property-content .facilities-list li {

    width: 50%;

    float: left;

    font-size: 15px;

    line-height: 29px;
/*    text-transform: lowercase;*/

}



.property-content .facilities-list li i {

    font-size: 14px;

    font-weight: 400;

}



.property-content .fl-2 li {

    width: 50%;

}



.property-content .property-footer {

    border-top: solid 1px #f1f1f1;

    padding: 17px 20px;

    color: #343434;

    font-size: 15px;

}



.property-content .property-footer .right {

    float: right;

}



.property-content .property-footer a {

    color: #343434;

}



.property-content .property-footer i {

    margin-right: 5px;

}



.property-footer a {

    color: #4a4747;

}



.properties-panel-box .panel-default {

    border-color: transparent;

}



.panel {

    background: transparent;

}



.properties-panel-box .panel {

    margin-bottom: 0;

    box-shadow: none;

}



.properties-panel-box .panel-body {

    padding: 0;

}



.property .col-pad {

    padding: 0;

}



.property-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    transition: background 0.5s ease;

}



.property-overlay {

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



.overlay-link {

    color: #fff;

    border: 2px solid #FFF;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    text-align: center;

    margin: 3px;

    cursor: pointer;

    display: none;

}



.overlay-link:not([href]):not([tabindex]),

.overlay-link:not([href]):not([tabindex]):hover {

    color: #fff;

}



.overlay-link:hover {

    color: #fff;

}



.property-img:hover .property-overlay {

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

}



.property-img:hover .overlay-link {

    display: inline-block;

}



.property .hp-2 {

    height: 249px;

}



.property .property-content {

    padding: 0px!important;

}



.property .property-content .info{

    padding: 30px 25px 25px;

}



/** FP2 STARTED**/

.fp2 {

    -webkit-transition: .5s;

    transition: .5s;

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

}



.fp2:hover .featured{

    transform: rotateY(360deg

    );

}



.fp2 .featured {

    /* display: inline-block; */

    /* vertical-align: middle; */

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

}



.fp2:hover .sale{

    transform: rotateY(360deg

    );

}



.fp2 .sale {

    /* display: inline-block; */

    /* vertical-align: middle; */

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

}



/** MODAL BODY DESIGN STARTED**/

.modal-raw {

    display: flex;

}



.modal-left, .modal-right {

    flex: 1;

}



.property-modal .modal-left {

    padding: 0;

}



.property-modal img{

    height: 550px!important;

}



.property-modal .modal-content {

    border: none;

    background: transparent;

    box-shadow: none;

    border-radius: 0;

    padding: 0 15px;

}



.property-modal .carousel-control-next{

    background: #423b3b57;

    width: 30px;

    height: 45px;

    border-radius: 2px;

    top: 45%;

    margin: 3px;

    opacity: 1;

}



.property-modal .carousel-control-prev {

    background: #423b3b57;

    width: 30px;

    height: 45px;

    border-radius: 2px;

    top: 45%;

    margin: 3px;

    opacity: 1;

}



.property-modal .carousel-control-next-icon, .carousel-control-prev-icon {

    display: inline-block;

    width: 1.4rem;

    height: 1.4rem;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: 100% 100%;

}



.modal-right-content h2{

    font-weight: 600;

    margin:0 0 5px;

    font-size: 23px;

}



.modal-right-content .location{

    margin-bottom: 20px;

}



.property-modal .modal-header {

    padding: 0;

    margin-bottom: 10px;

    border-bottom: none;

}



.property-modal .modal-header .close,

.property-modal .modal-header .close:focus {

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    outline: none;

    background: #3a3a3a;

    opacity: 1;

    color: #FFF;

    border-radius: 3px;

    cursor: pointer;

    border: none;

}



.property-modal .modal-body {

    padding: 0;

    background: #fff;

}



.modal-right {

    padding: 0;

    border-top: 1px solid #EEE;

}



#modalCarousel .carousel-item {

    max-height: 240px;

}



.modal-left-content {



}



.modal-left-content img {

    width: 100%;

    height: 100%;

}



.modal-left-content .control {

    width: 30px;

    height: 30px;

    position: absolute;

    text-align: center;

    color: #FFF;

    font-size: 24px;

    line-height: 30px;

    bottom: 0px;

    opacity: 1;

}



.modal-left-content .carousel-inner {

    display: flex;

}



.modal-left-content .carousel-inner .item {

    flex: 1;

}



.modal-left-content .item img {

    width: 100%;

}



.modal-left-content iframe {

    border: none;

    width: 100%;

    height: 550px!important;

    display: block;

}



.modal-left-content .control:hover {

    opacity: 1;

}



.modal-left-content .control-prev {

    right: 30px;

}



.modal-left-content .control-next {

    right: 0;

}



.modal-left-content .description {

    padding: 40px 25px;

}



.modal-right-content .bullets {

    color: #000;

    font-size: 15px;

    font-weight: 400;

    columns: 2;

}



.modal-right-content .bullets li {

    margin-bottom: 5px;

    position: relative;

    padding-left: 25px;

}



.modal-right-content .bullets li i {

    left: 0;

    position: absolute;

    top: 0;

}



.modal-right-content .heading p{

    margin-bottom: 0;

}



.modal-right-content .comon-section{

    padding: 20px 30px;

    border-bottom: solid 1px #bbbbbb73;

}



.modal-right-content p {

    font-size: 15px;

}



.modal-backdrop.show {

    opacity: 0.7;

}



.modal-right-content{

    padding: 10px 0;

}



.modal-right-content .price {

    float: right;

    font-size: 18px;

    font-weight: 600;

}



.modal-right-content h3 {

    font-size: 18px;

    font-weight: 600;

    margin: 0 0 15px;

    color: #262525;

}



.modal-right-content dl {

    margin-top: 0;

    margin-bottom: 20px;

    font-size: 15px;

}



.modal-right-content dl dt {

    float: left;

    font-weight: 500;

}



.modal-right-content .cs-none{

    border-bottom: none;

}



.modal-right-content dl dd {

    text-align: right;

    margin-bottom: 5px;

}



.property-modal .modal-content

/** MODAL BODY DESIGN ENDED **/



/** Featured tag2 AREA START **/

.featured-tag2:hover i {

    transform: rotateY(360deg);

}



.sale-tag {

    font-size: 12px;

    font-weight: 600;

    padding: 6px 14px 4px;

    border-radius: 2px;

    color: #fff;

    border: none;

    text-transform: uppercase;

    letter-spacing: 1px;

    display: inline-block;

    z-index: 20;

    right: 20px;

    margin-top: 20px;

    top: 0;

    position: absolute;

    background-color: rgb(0 0 0 / 25%);

}



/** INTRO SECTION START **/

.intro-section{

    position: relative;

}



.intro-section .intro-section-inner {

    padding: 50px 0;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.intro-section h3 {

    font-size: 27px;

    margin: 0;

    line-height: 50px;

    color: #fff;

    font-weight: 300;

}



.intro-section .btn-2 {

    float: right;

}



.intro-section .intro-section-inner .btn-5 {

    border: 2px solid #fff;

    color: #fff;

}



.intro-section .intro-section-inner:after {

    content: "";

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);

    clip-path: polygon(0 0, 100% 0, 70% 100%);

    opacity: 0.5;

}



/** NAV TABS START **/

.nav-tabs {

    border-bottom: 1px solid transparent;

    margin-bottom: 30px;

    text-align: center;

}



.properties-panel-box .nav > li > a {

    position: relative;

    display: block;

    padding: 10px 20px 8px;

    border-radius: 0;

    background: #fff5f5;

    color: #4a4747;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

}



.properties-panel-box .nav > li {

    position: relative;

    display: block;

    font-weight: 600;

    text-align: center;

}



.properties-panel-box .nav-tabs > li {

    float: none;

    margin-bottom: -1px;

    display: inline-block;

}



.properties-panel-box .nav-tabs > li > a {

    line-height: 1.42857143;

    border: none;

    margin: 4px 6px 4px 0;

}



.properties-panel-box .nav-tabs > li > a:hover {

    background: transparent;

    border-radius: 0;

}



.properties-panel-box .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

    color: #fff;

    cursor: default;

    border: none;

    border-radius: 0;

    border-bottom-color: transparent;

}



.properties-panel-box .nav > li > a {

    padding: 10px 20px 8px!important;

}



.properties-panel-box .nav > li > a:hover{

    padding: 10px 20px 8px!important;

}



.properties-panel-box .tab-btn .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

    padding: 10px 20px 8px!important;

}



/** LIST INLINE LISTING AREA START **/

.list-inline-listing {

    padding: 0;

    text-align: center;

}



.list-inline-listing li {

    padding: 5px 25px 4px;

    margin: 0;

    border: 2px solid #fff;

    background: #fff;

    color: #343434;

    border-radius: 5px;

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

    font-size: 16px;

    font-weight: 500;

}



.list-inline-listing li:hover {

    color: #fff;

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

}



.list-inline-listing .active {

    color: #fff;

    box-shadow: none;

}



/** Service info 1 start **/

.service-info-1 {

    padding: 40px 20px;

    margin-bottom: 30px;

    background: #fff;

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.9s;

    position: relative;

    border-radius: 4px;

    z-index: 1;

}



.service-info-1:hover{

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

}



.service-info-1 h3 {

    margin:10px 0 15px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 20px;

    font-weight: 600;

}



.service-info-1 p {

    margin-bottom: 20px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.service-info-1 .read-more {

    line-height: 1;

    font-weight: 600;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    display: block;

    font-size: 16px;

}



.service-info-1 i {

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 45px;

}



.service-info-1::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    border-radius: 4px;

    -webkit-transition: all 0.5s;

    transition: all 0.9s;

    z-index: -1;

}



.service-info-1:hover {

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

    transform: translateY(-5px);

}



.service-info-1:hover i {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}



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

    height: 100%;

}



.service-info-1:hover p {

    color: #fff;

}



.service-info-1:hover h3 {

    color: #fff;

    font-size: 20px;

    font-weight: 500;

}



.service-info-1:hover .read-more {

    color: #ffffff;

}



.service-info-1:hover i{

    color: #fff;

}



.service-info-1 .read-more:hover {

    letter-spacing: 1.5px;

}



/** Service info 2 start **/

.service-info-2 {

    margin: 0 auto 30px;

    position: relative;

    text-align: left;

    background: #fff;

    padding: 40px 30px;

    width: 100%;

}



.service-info-2 h5 {

    font-size: 21px;

    margin: 0 0 15px;

    font-weight: 600;

}



.service-info-2 .number {

    font-size: 120px;

    line-height: 1;

    color: #3a30301c;

    display: inline-block;

    position: absolute;

    z-index: 0;

    right: 20px;

    font-weight: 600;

    bottom: 10px;

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

}



.service-info-2:hover .number{

    z-index: -1;

}



.service-info-2 .detail {

    margin-left: 80px;

}



.service-info-2 .icon {

    position: absolute;

    font-size: 60px;

    display: inline-block;

    vertical-align: middle;

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

}



.service-info-2 p{

    font-size: 16px;

    margin-bottom: 0;

}



.service-info-2.df-box:hover:before {

    -webkit-transform: rotate(2deg)

    translateX(-5px) translateY(16px);

    transform: rotate(2deg)

    translateX(-5px) translateY(16px);

}



.service-info-2.df-box:before {

    content: " ";

    width: 95%;

    height: 95%;

    z-index: -3;

    position: absolute;

    top: auto;

    bottom: 1px;

    left: 1px;

    border-radius: 12px;

    background-repeat: repeat-x;

    outline: 1px solid transparent;

    -webkit-transition: all .3s;

    transition: all .3s;

}



.service-info-2.df-box:after {

    background: #FFF;

}



.service-info-2.df-box {

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

}



.service-info-2:after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    z-index: -1;

}



/** What are you looking for? AREA START **/

.mgn-top {

    margin-top: 30px;

}



.our-service-inner {

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

    padding: 70px 0;

}



.our-service-two .content {

    padding: 0;

    background: transparent;

}



.our-service-two .content:hover {

    padding: 0;

    background: transparent;

}



.content-area {

    padding: 100px 0 70px;

}



.content-area-2 {

    padding: 70px 0;

}



.content-area-3 {

    padding: 40px 0;

}



.content-area-4 {

    padding: 70px 0;

}



.content-area-5 {

    padding-bottom: 50px;

}



.content-area-6 {

    padding: 100px 0 50px;

}



.content-area-7 {

    padding: 100px 0;

}



.content-area-8 {

    padding: 100px 0 70px;

}



.content-area-9 {

    padding-top: 100px;

}



.content-area-10 {

    padding: 100px 0 70px;

}



.content-area-11 {

    margin-bottom: 100px;

}



.content-area-12 {

    padding: 100px 0 80px;

}



.content-area-13 {

    margin-bottom: 100px;

    padding-bottom: 15px;

}



.content-area-14 {

    margin-bottom: 100px;

    padding:100px 0 20px;

}



.content-area-15 {

    padding: 100px 0 50px;

}



.content-area-16 {

    padding: 100px 0 50px;

}



.content-area-17{

    margin-bottom: 70px;

}



.theme img {

    margin-bottom: 30px;

}



.biography p {

    line-height: 25px;

    color: #4a4747;

    margin-bottom: 20px;

}



.biography .nav-tabs {

    border-bottom: 1px solid transparent;

    margin-bottom: 0;

    text-align: left;

}



.additional-details-list {

    margin: 0;

    padding: 0;

}



.additional-details-list li {

    list-style: none;

    line-height: 28px;

    font-weight: 600;

    font-size: 15px;

    color: #333;

}



.additional-details-list li span {

    margin-right: 5px;

    float: left;

    font-weight: 400;

    color: #4a4747;

}



.attachments a i {

    margin-right: 10px;

}



/** OUR SERVICE THERE AREA START **/

.our-service-there {

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

    position: relative;

    z-index: 0;

    padding-top: 100px;

    text-align: center;

}



.our-service-there:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



/** PARTNERS AREA START **/

.partners {

    text-align: center;

    padding: 40px 0 30px;

}



.partners h4 {

    font-weight: 700;

    margin: 0 0 10px;

    text-transform: uppercase;

    font-size: 20px;

}



.partners img{

    max-width:150px;

    margin: 0 auto;

}



.partners .custom-slider {

    width: 100%;

    margin: auto;

}



.partners .slick-slider{

    user-select: none;

}



.partners .slick-next{

    right: 0;

    display: none!important;

}



.partners .slick-prev{

    left: 0;

    display: none!important;

}



/** Comon Slick start **/

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

    background-position:center;

    background-size:cover;

    transition:.3s;

    margin:0;

    opacity:1;

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

    transform: scale3d(0.9, 0.9, 9);

    transition: all 0.3s ease-in-out;

}



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

    background-position:center;

    background-size:cover;

    transition:.3s;

    margin:0;

    opacity:1;

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

    transform: scale3d(0.9, 0.9, 9);

    transition: all 0.3s ease-in-out;

}



.comon-slick .slick .slick-list {

    padding: 0!important;

}



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

    opacity: 1;

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

    transform: scale3d(1.0, 1.0, 1);

}



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

    opacity: 1;

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

    transform: scale3d(1.0, 1.0, 1);

}



.comon-slick .slick-slide {

    outline: none

}



.comon-slick .slick-prev,

.slick-next {

    position:absolute;

    top:50%;

    z-index: 1;

}



.comon-slick .slick-prev i{

    display: none;

}



.comon-slick .slick-next i{

    display: none;

}





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

		.comon-slick .slick .item .popular-places-box-2{

		height: 15rem !important;

	}

	.popular-places-box-2 .ling-section {

    position: absolute !important;

    bottom: -8px !important;

}

}



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

	.comon-slick .slick-prev{

		 position: absolute !important;

    top: 30% !important;

    left: -21px !important;

	}

	.comon-slick .slick-next{

		 position: absolute;

    top: 30% !important;

    right: -21px !important;

	

	}

	.comon-slick .slick .item .popular-places-box-2{

		height: 16rem;

	}

	/* .property-2 .property-overflow {

    

    height: 14rem;

} */

}

@media only screen and (min-width:760px) and (max-width: 992px){

	.comon-slick .slick-prev{

		 position: absolute !important;

    top: 30% !important;

    /* left: -21px !important; */

	}

	.comon-slick .slick-next{

		 position: absolute;

    top: 30% !important;

   /*  right: -21px !important; */

	

	}

	.comon-slick .slick .item .popular-places-box-2{

		height: 12rem;

	}



}

.property-2 .property-overflow {

    

    height: 14rem;

}



.comon-slick .slick-prev {

    width: 50px;

    height: 50px;

    line-height: 50px;

    position: absolute;

    top: 45%;

    border-radius: 100px;

    z-index: 999;

    left: -5px;

    text-align: center;

    background: #fff;

    border: none;

    opacity: 1;

    font-size: 20px;

    display: initial;

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

}



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

    content: "←";

}



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

    content: "→";

}



.comon-slick .slick-next {

    width: 50px;

    height: 50px;

    line-height: 50px;

    position: absolute;

    top: 45%;

    z-index: 999;

    right: -5px;

    text-align: center;

    background: #fff;

    opacity: 1;

    font-size: 20px;

    display: initial;

    border: none;

    border-radius: 100px;

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

}



.comon-slick .comon-slick-inner .slick-next{

    display: none!important;

}



.comon-slick .comon-slick-inner .slick-prev{

    display: none!important;

}



.slide-box {

    padding: 0 15px;

}



/** CATEGORY AREA START **/

.filtr-item{

    padding: 0 15px;

}



/** Popular places box start **/

.popular-places-box {

    position: relative;

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

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

    width: 100%!important;

    margin: 0 0 20px 0;

    overflow: hidden;

}



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

    overflow: hidden;

    border-radius: 3px;

}



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

    position: relative;

    transform: scale(1);

    transition: 1s;

    border-radius: 3px;

}



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

    border-radius: 3px;

    height: 280px;

    width: 100%;

}



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

    height: 575px;

}



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

    transform: scale(1.2);

    border-radius: 3px;

}



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

    border-radius: 3px;

}



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

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

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

    border-radius: 3px;

    opacity: 1;

}



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

    background: linear-gradient(to top,rgb(8 8 197 / 79%) 0%,rgb(0 0 179 / 45%) 35%,rgb(255 255 255 / 0%) 60%,rgb(255 255 255 / 0%) 100%);

    opacity: 1;

}



.popular-places-box h3 {

    -webkit-transition: .4s;

    transition: .4s;

    color: #fff;

    font-weight: 400;

    font-size: 22px;

    margin-bottom: 5px;

}



.popular-places-box .listings_no {

    position: absolute;

    top: 20px;

    right: 20px;

    z-index: 20;

    font-size: 14px;

    color: #fff;

    padding: 7px 14px 6px;

    font-weight: 500;

    border-radius: 3px;

}



.popular-places-box p{

    margin-bottom: 0;

    color: #fff;

}



.popular-places-box .ling-section {

    position: absolute;

    bottom: 20px;

    padding-right: 20px;

    padding-left: 20px;

    width: 100%;

}



.popular-places-box h3 a{

    color: #fff;

}



.popular-places-box h3 a:hover{

    color: #fff;

    opacity: 0.9;

}



.popular-places .col-pad {

    padding: 0 10px;

}



.popular-places .col-pad2{

    padding: 0 10px 0 20px;

}



.popular-places.pp2 .ling-section {

    position: absolute;

    bottom: 10px;

    width: 95%;

    margin: 0 auto!important;

    padding: 11px 20px 9px;

    background: #fff;

    content: "";

    border-radius: 3px;

}



.popular-places.pp2 h3 {

    -webkit-transition: .4s;

    transition: .4s;

    color: #fff;

    font-weight: 600;

    font-size: 17px;

    letter-spacing: normal;

    margin-bottom: 2px;

}



.popular-places.pp2 .ling{

    padding: 0 10px;

}



.popular-places.pp2 h3{

    margin-bottom: 0;

}



.popular-places.pp2 h3 span{

    font-size: 15px;

    line-height: 24px;

    font-weight: 400;

}



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

    background: linear-gradient(to top,rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 0%) 35%,rgb(255 255 255 / 0%) 60%,rgba(0,0,0,0) 100%);

}



.popular-places.pp2  .popular-places-box h3{

    color: #343434;

}



/** POPULAR PLACES 2 start **/

.popular-places-box-2 {

    position: relative;

    overflow: hidden;

    background: #fff;

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: 30px!important;

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

    width: 100%!important;

    border-radius: 5px;

}



.popular-places-box-2:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 0;

    background: linear-gradient(to top,rgb(30 57 133 / 92%) 0%,rgb(38 57 181 / 35%) 35%,rgba(2, 2, 2, 0) 60%,rgba(0,0,0,0) 100%);

    border-radius: 4px 4px 0 0;

    opacity: 1;

}



.popular-places-box-2 h3 {

    -webkit-transition: .4s;

    transition: .4s;

    font-weight: 500;

    font-size: 22px;

    margin: 0 0 12px;

}



.popular-places-box-2 .ling-section {

    position: absolute;

    bottom: 25px;

    padding-right: 30px;

    padding-left: 30px;

    width: 100%;

}



.popular-places-box-2 h3 a{

    color: #fff;

}



.popular-places-box-2 h3 a:hover{

    color: #fff;

    opacity: 0.9;

}



.popular-places-box-2 .read-more-btn {

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 87px;

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

    transform: translateX(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.6;

    transition: 0.6;

    font-size: 15px;

    font-weight: 500;

    text-align: left;

    padding: 9px 24px;

    border-radius: 3px;

    color: #fff;

}



.popular-places-box-2:hover .read-more-btn {

    opacity: 1;

    visibility: visible;

    bottom: 0;

    text-align: left;

}



.popular-places-box-2 .read-more-btn::before {

    content: '';

    position: absolute;

    width: 0;

    -webkit-transition: .5s;

}



.popular-places-box-2 .member-socials {

    display: inline-block;

    -webkit-transition: .4s;

    transition: .4s;

    margin-bottom: 5px;

    color: #fff;

}



.popular-places-box-2:hover h3 {

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

    transform: translateY(-50px);

}



.popular-places-box-2:hover .member-socials {

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

    transform: translateY(-50px);

}



.popular-places-box-2 .listings_no {

    position: absolute;

    top: 20px;

    right: 20px;

    z-index: 20;

    font-size: 14px;

    color: #fff;

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

    padding: 7px 14px 6px;

    font-weight: 500;

    border-radius: 3px;

}



.comon-slick .slick .slick-center .popular-places-box-2 {

    opacity: 1;

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

    transform: scale3d(1.0, 1.0, 1);

}



.comon-slick .slick .item .popular-places-box-2 {

    background-position: center;

    background-size: cover;

    transition: .3s;

    margin: 0;

    opacity: 1;

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

    transform: scale3d(0.9, 0.9, 9);

    transition: all 0.3s ease-in-out;

}



.comon-slick .slick .slick-center .popular-places-box-2 {

    opacity: 1;

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

    transform: scale3d(1.0, 1.0, 1);

}



/** MAIN FOOTER AREA START **/

.main-footer {

    padding: 45px 0 0;

    background: url(../img/footer.png);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #c1c9d1;

    position: relative;

    background-color: #001a42;

}



.main-footer .footer-item .newsletter input {

    color: rgb(113, 113, 113);

    border-image: initial;

    outline: none;

    border: none;

    width: 80%;

    height: 50px;

    padding: 10px 15px;

    border-radius: 0;

    font-size: 16px;

    font-weight: 500;

    outline: 0;

    background: #fff;

    border: 1px solid #fff;

    float: left;

}



.main-footer .footer-item .newsletter .btn {

    width: 20%;

    border-radius: 0;

    padding: 11px 13px;

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    font-size: 15px;

    font-weight: 600;

    border: none;

    height: 50px;

    cursor: pointer;

    transition: .5s;

}



.main-footer .footer-item .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {

    outline: thin dotted;

    outline: none;

    outline-offset: -2px;

}



.main-footer .footer-item .newsletter {

    cursor: pointer;

    color: #c1c9d1;

    background: transparent;

    transition: .5s;

    border-radius: 2px;

    border: none;

}



.main-footer .footer-item .newsletter input {

    background-color: #fff;

    border-color: #fff;

    box-shadow: none!important;

}



.main-footer .footer-info .personal-info li {

    color: #c1c9d1;

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 12px;

    position: relative;

    padding-left: 25px;

}



.main-footer .footer-info .main-title-4 h1 {

    color: #e0e0e0;

    font-weight: 600;

    font-size: 22px;

}



.main-footer .footer-item {

    margin-bottom: 50px;

}



.main-footer .footer-item.fi2{

    margin-right: 20px;

}



.main-footer .footer-info .personal-info li i {

    font-size: 15px;

    left: 0;

    position: absolute;

    top: 0;

    line-height: 27px;

}



.main-footer .footer-info .personal-info li a {

    color: #c1c9d1;

}



.main-footer .footer-info p {

    margin-bottom: 20px;

    font-size: 16px;

    color: #c1c9d1;

}



.main-footer .footer-info .links li {

    font-size: 16px;

    margin-bottom: 12px;

}



.main-footer .footer-info .links li a {

    color: #c1c9d1;

}



.main-footer .footer-info .links li a:hover {

    color: #e0e0e0;

}



.main-footer .footer-info .main-title-4 .border-3 {

    background: #737272;

}



.main-footer .footer-info .popular-posts .media-heading {

    font-size: 18px;

    margin: 8px 0 10px;

    font-weight: 600;

}



.main-footer .footer-info .popular-posts h4 a{

    color: #c1c9d1;

}



.main-footer .footer-info .popular-posts h4 a:hover{

    color: #e0e0e0;

}



.main-footer .footer-info .popular-posts .media .media-left img{

    width: 65px;

}



.main-footer .footer-info .popular-posts .listing-post-meta {

    font-size: 16px;

    font-weight: 500;

    color: #c1c9d1;

}



.main-footer .footer-info .popular-posts .listing-post-meta a{

    color: #c1c9d1!important;

}



/** COPY RIGHT AREA START **/

.copy-right {

    padding: 20px 0;

    border-top: solid 1px #2d2d67;

    color: #c1c9d1;

    font-size: 15px;

    margin-top: 30px;

    margin-bottom: 40px;

    padding-bottom: 70px !important;



}



/* change */

.top-header {

    background-color: #FFAD5C;

    display: block !important;

}



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

	.top-header {

    position: relative !important;

    top: 11% !important;

    background-color: #FFAD5C;

    display: block !important;



}

}

@media only screen and (min-width: 386px) and (max-width: 535px){

	.top-header {

    position: relative;

    top: 9% !important;

}

}

@media only screen and (min-width: 536px) and (max-width: 767px){

	.top-header {

    position: relative;

    top: 11%;

}

}

@media only screen and (min-width: 768px) and (max-width: 790px){

	.top-header {

    position: relative;

    top: 7%;

}

}





.item.item-100vh.active:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    height: 100%;

    width: 100%;

    z-index: 0;

    background: #0000005e;

    opacity: 1.2;

}





.banner .banner-slider-inner h1 {

    

    font-weight: 800 !important;

   

}



.rainbow-text {

    /* background: #CA4246 !important; */

    background-color: #CA4246;

    background: conic-gradient( #CA4246 16.666%, #E16541 16.666%, #E16541 33.333%, #F18F43 33.333%, #F18F43 50%, #8B9862 50%, #8B9862 66.666%, #ffffff 66.666%, #476098 83.333%, #A7489B 83.333%);

    background-size: 57%;

    background-repeat: repeat;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    animation: rainbow-text-animation-rev 0.5s ease forwards;

    cursor: pointer;

}



/* Add animation on hover. */

.rainbow-text:hover {

  animation: rainbow-text-animation 0.5s ease forwards;

}



/* Move the background and make it larger. */

/* Animation shown when hovering over the text. */

@keyframes rainbow-text-animation {

  0% {

    background-size: 57%;

    background-position: 0 0;

  }

  20% {

    background-size: 57%;

    background-position: 0 1em;

  }

  100% {

    background-size: 300%;

    background-position: -9em 1em;

  }

}



/* Move the background and make it smaller. */

/* Animation shown when entering the page and after the hover animation. */

@keyframes rainbow-text-animation-rev {

  0% {

    background-size: 300%;

    background-position: -9em 1em;

  }

  20% {

    background-size: 57%;

    background-position: 0 1em;

  }

  100% {

    background-size: 57%;

    background-position: 0 0;

  }

}





/* end */



.copy-right ul {

    float: right;

}



.copy-right ul li {

    display: inline-block;

}



.copy-right ul li a {

    margin-left: 2px;

    color: #c5c5c5;

    width: 45px;

    height: 45px;

    line-height: 45px;

    display: inline-block;

    border-radius: 3px;

    background: transparent;

    border: solid 1px #2d2d67;

    text-align: center;

}



.copy-right ul li a:hover{

    color: #fff;

    border: solid 1px transparent;

}
.copy-right ul li a.youtube-bg:hover{
    background: #ff0015;
    
}
.copy-right ul li a.instagram-bg:hover{
    background: #e1306c ;
} 


.copy-right a {

    color: #c1c9d1;

}



.copy-right p{

    line-height: 45px;

    color: #c1c9d1;

    margin-bottom: 0;

}



/** Main footer 2 area start **/

.main-footer-2 {

    text-align: center;

    padding-top: 50px;

    background: url(../img/footer.png);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-color: #00183E;

}



.main-footer-2 .footer-menu ul {

    margin-bottom: 35px;

}



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

    display: inline-block;

    position: relative;

}



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

    color: #fff;

    margin-right: 40px;

    font-size: 15px;

    text-transform: uppercase;

    margin-bottom: 10px;

}



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

    position: absolute;

    top: 3px;

    right: -20px;

    width: 1px;

    height: 15px;

    background-color: #fff;

    content: "";

    opacity: .4;

}



.main-footer-2 .footer-menu ul li a:hover {

    color: #e9e6e6;

}



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

    opacity: 0;

}



.main-footer-2 .social-media .social-list{

    margin-bottom: 50px;

}



.main-footer-2 .logo-image{

    margin-bottom: 45px;

}



.main-footer-2 img{

    height: 45px;

}



.main-footer-2 .copy-right-2 {

    border-top: solid 1px #a3a3a340;

    padding: 25px 0;

    text-align: center;

    font-size: 15px;

}



.main-footer-2 .copy-right-2 p {

    text-align: center;

    color: #fff;

    margin-bottom: 0;

    font-size: 15px;

}



.main-footer-2 .copy-right-2 p a {

    color: #fff;

}



.section-4 {

    padding-top: 145px;

}



/** MAIN FOOTER 3  STARTED **/

.main-footer-3 {

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.main-footer-3 .footer-inner{

    padding-top: 80px;

    padding-bottom: 40px;

}



.main-footer-3 h4 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 25px;

}



.main-footer-3 .footer-item {

    margin-bottom: 40px;

}



.main-footer-3 .footer-item.fi-two{

    margin-right: 30px;

}



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

    margin-bottom: 15px;

    position: relative;

    line-height: 20px;

    font-size: 16px;

}



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

    color: #343434;

}



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

    color: #1e1d1d;

}



.main-footer-3 .footer-inner p {

    color: #343434;

}



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

    left: 0;

    position: absolute;

    top: 0;

    line-height: 22px;

}



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

    margin-bottom: 15px;

    font-size: 16px;

    color: #343434;

    font-weight: 400;

}



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

    color: #343434;

}



.main-footer-3 .footer-inner .gallery li {

    float: left;

}



.main-footer-3 .footer-inner .gallery li img {

    margin: 0 10px 10px 0;

    width: 70px;

    border-radius: 100px;

}



.main-footer-3 .fi2{

    margin-right: 50px;

}



.main-footer-3 .subscribe-box-2{

    margin-bottom: 20px;

}



.main-footer-3 .subscribe-box-2 .form-inline {

    width: 100%;

    border-radius: 3px;

}



.main-footer-3 .subscribe-box-2 .form-control {

    width: 70%;

    margin-right: 5%;

    height: 50px;

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

    font-size: 15px;

    outline: 0;

    border-radius: 3px;

    background: #fff;

    border: solid 1px #c7c7c7;

}





.main-footer-3 .form-control:focus {

    box-shadow: none;

}



.main-footer-3 .subscribe-box-2 .form-inline .btn {

    width: 25%;

    padding: 14.5px 13px;

    font-size: 13px;

    font-weight: 600;

    border-radius: 3px;

    color: #fff;

}



.main-footer-3 .sub-footer{

    padding: 35px 0;

    text-align: center;

    border-top: solid 1px #e3e3e3;

}



.main-footer-3 .sub-footer p{

    color: #343434;

    margin-bottom: 0;

}



.main-footer-3 .sub-footer p a{

    color: #343434;

}



.main-footer-3 .sub-footer p a:hover{

    color: #fff;

}



/** Social media area start **/

.social-media .social-list{

    display: inline-flex;

}

/* change */
.social-media .social-list .icon:hover i{
 color: white;
}


/* end */



.social-media .icon {

    position: relative;

    border-radius: 3px;

    margin: 0 4px 3px 0;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    cursor: pointer;

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

}



.social-media .tooltip {

    position: absolute;

    top: 0;

    font-size: 14px;

    background-color: #ffffff;

    color: #ffffff;

    padding: 5px 8px;

    border-radius: 5px;

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

    opacity: 0;

    pointer-events: none;

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

}



.social-media .tooltip::before {

    position: absolute;

    content: "";

    height: 8px;

    width: 8px;

    background-color: #ffffff;

    bottom: -3px;

    left: 50%;

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

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

}



.social-media .icon span{

    color: #fff;

}



.social-media .icon:hover span{

    color: #fff;

}



.social-media .icon:hover .tooltip {

    top: -45px;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}



.social-media .icon:hover span,

.social-media .icon:hover .tooltip {

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

}



.social-media .facebook{

    background-color: #3b5999;

}



.social-media .facebook:hover,

.social-media .facebook:hover .tooltip,

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

    background-color: #3b5999!important;

    color: #ffffff;

}



.social-media .twitter{

    background-color: #46c1f6;

}



.social-media .twitter:hover,

.social-media .twitter:hover .tooltip,

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

    background-color: #46c1f6!important;

    color: #ffffff;

}



.social-media .instagram{

    background-color: #e1306c;

}



.social-media .instagram:hover,

.social-media .instagram:hover .tooltip,

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

    background-color: #e1306c!important;

    color: #ffffff;

}



.social-media .github{

    background-color: #333333;

}



.social-media .github:hover,

.social-media .github:hover .tooltip,

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

    background-color: #333333!important;

    color: #ffffff;

}



.social-media .youtube{

    background-color: #de463b;

}



.social-media .youtube:hover,

.social-media .youtube:hover .tooltip,

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

    background-color: #de463b!important;

    color: #ffffff;

}



/** VIEW ALL AREA START **/

.view-all h3 {

    margin: 0 0 30px;

    font-weight: 600;

    text-align: center;

}



.view-all ul {

    margin-bottom: 25px;

    text-align: center;

}



.view-all ul li {

    display: inline-block;

}



.view-all ul li a {

    width: 45px;

    height: 45px;

    line-height: 45px;

    margin-bottom: 5px;

    text-align: center;

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    background: #fff;

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

}



.view-search {

    max-width: 400px;

    margin: 0 auto 50px;

}



.view-search.form-search .btn {

    padding: 12px 12px 12px 13px!important;

}



.comparison .search-fields .btn{

    font-size: 16px;

    padding: 13px 20px 11px;

}



.comparison .faq-accordion .accordion-body {

    padding: 0;

    background: #fff;

}



.comparison .accordion-item {

    border: none;

}



/** BRAND BOX AREA START **/

.brand-box {

    text-align: center;

    padding: 20px;

    display: inline-block;

    width: 100%;

    background: #fff;

    margin-bottom: 30px;

}



.brand-box img {

    height: 50px;

}



.brand-box h5 {

    font-weight: 700;

    margin: 20px 0 5px;

    text-transform: uppercase;

    font-size: 14px;

}



.brand-box p {

    margin: 0;

    font-weight: 600;

    font-size: 14px;

}



/** COMPARE TABLE **/

.compare-table {

    margin-bottom: 40px;

}



.compare-table tr {

    border: 1px solid #ececec;

}



.compare-table tr:first-child {

    border-top: none;

}



.compare-table tr td:first-child {

    width: 350px;

    background: #fff;

}



.compare-table tr td {

    box-sizing: border-box;

    font-size: 16px;

    padding: 20px 15px;

    text-align: center;

    width: 395px;

    font-weight: 400;

    background: #f1f1f1;

    color: #343434;

}



.compare-table tr td .fa-times {

    color: red;

}



.compare-table tr td .fa-check {

    color: green;

}



.comparison-search {

    margin-bottom: 25px;

    text-align: center;

}



.comparison-search h3 {

    margin: 0 0 20px;

    font-size: 20px;

    font-weight: 600;

}



/** TESTIMONIAL AREA START **/

.item-inner {

    max-width: 650px;

    margin: 0 auto;

}



/** LISTINGS PARALLAX AREA START **/

.listings-parallax {

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #efefef;

    padding-top: 70px;

}



.listings-parallax h1 {

    font-size: 31px;

    margin: 0 0 30px;

    font-weight: 700;

    color: #fff;

}



.listings-parallax p {

    line-height: 30px;

    font-size: 16px;

    margin-bottom: 20px;

    color: #fff;

    font-weight: 400;

    opacity: 0.9;

}



.pad {

    padding-top: 0;

}



/** PRICING 1 STARTED **/

.pricing-1 {

    text-align: center;

    margin-bottom: 30px;

    padding: 30px;

    background: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.pricing-1:hover{

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

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

    transform: translateY(-5px);

}



.pricing-1 .title {

    color: #3f3f3f;

    font-size: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #eaeaea;

    font-weight: 600;

}



.pricing-1 .content {

    padding: 20px 0;

    border-bottom: 1px solid #eaeaea;

}



.pricing-1 .content ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.pricing-1 .content ul li {

    padding: 7px 0;

    font-weight: 400;

    font-size: 16px;

    color: #808080;

}



.pricing-1 .price-for-user {

    padding: 25px 0;

    margin-bottom: 30px;

    text-align: center;

    border-bottom: 1px solid #eaeaea;

    color: #3f3f3f;

}



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

    font-size: 50px;

    margin-right: 10px;

    font-weight: 700;

}



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

    font-size: 14px;

}



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

    top: -25px;

    left: -3px;

    font-size: 30px;

}



.pricing-btn {

    padding: 6px 30px;

    border-radius: 50px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}



/** PRICING 2 STARTED **/

.pricing-2 {

    text-align: center;

    margin-bottom: 30px;

    background: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.pricing-2:hover{

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

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

    transform: translateY(-5px);

}



.pricing-2 .pricing-btn {

    border-radius: 3px !important;

}



.pricing-2 .btn-1 {

    padding: 0 25px;

    line-height: 40px;

    border-radius: 5px;

}



.pricing-2 .btn-2 {

    padding: 0 25px;

    line-height: 40px;

    border-radius: 5px;

}



.pricing-2 .title {

    color: #3f3f3f;

    font-size: 20px;

    padding: 25px 0;

    font-weight: 600;

}



.pricing-2 .content {

    padding: 25px 0;

    border-bottom: 1px solid #eaeaea;

}



.pricing-2 .content ul li {

    padding: 7px 0;

    font-size: 16px;

    color: #808080;

}



.pricing-2 .price-for-user {

    padding: 25px 0;

    text-align: center;

    background: #fbf1f1;

    color: #3f3f3f;

}



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

}



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

    top: -25px;

    left: -3px;

    font-size: 30px;

    font-weight: 600;

}



/** PRICING TABLES 5 STARTED **/

.pricing-3 {

    text-align: center;

    position: relative;

    background: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.pricing-3:hover{

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

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

    transform: translateY(-5px);

}



.pricing-tables-3 .mb {

    margin: 0 auto 65px !important;

}



.pricing-3 .price-header {

    width: 100%;

    background: #fbf1f1;

    padding: 35px 20px;

}



.pricing-3 .price-header .title {

    margin: 0 0 10px;

    color: #212529;

    font-size: 20px;

}



.pricing-3 .price-header .price {

    font-size: 35px;

    font-weight: 300;

    margin: 0;

    color: #212529;

}



.pricing-3 .content {

    padding: 20px 20px 30px;

}



.pricing-3 .content ul {

    margin: 0 0 20px;

}



.pricing-3 .content ul li {

    padding: 8px 0;

    color: #808080;

    font-size: 16px;

}



.pricing-3 .btn-1 {

    padding: 0 25px;

    line-height: 40px;

    border-radius: 0;

}



.pricing-3 .btn-2 {

    padding: 0 25px;

    line-height: 40px;

    border-radius: 0;

}



.pricing-3.featured {

    margin-left: -1px;

    margin-right: -1px;

    transform: translateY(-23px);

    border-radius: 0 0 3px 3px;

    z-index: 11;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

}



.pricing-3.featured .price-header {

    padding: 47px 20px;

}



.pricing-3.featured .content {

    padding: 20px 20px 60px;

}



.pricing-3.featured .listing-badges {

    position: absolute;

    top: 0;

    z-index: 999;

    right: 0;

    width: 100%;

    display: block;

    font-size: 15px;

    padding: 0;

    overflow: hidden;

    height: 100px;

}



.pricing-3.featured .listing-badges .featured {

    float: left;

    transform: rotate(-45deg);

    left: -60px;

    top: 22px;

    position: relative;

    text-align: center;

    width: 200px;

    font-size: 13px;

    margin: 0;

    padding: 7px 10px;

    background: #fff;

    font-weight: 600;

    color: #fff;

}



.pricing-3.mb-50 {

    margin-bottom: 50px;

}



/** Faq start **/

.faq-accordion .p-text{

    color: #343434;

}



.faq-accordion .accordion-button:focus {

    z-index: 3;

    border-color: #86b7fe;

    outline: 0;

    box-shadow: none;

}



.faq-accordion .accordion-button {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 20px;

    font-size: 17px;

    color: #343434;

    text-align: left;

    background-color: #fff;

    border: 0;

    border-radius: 0;

    overflow-anchor: none;

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

}



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

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

    transform: rotate(-180deg);

}



.accordion-button::after {

    flex-shrink: 0;

    width: 1.25rem;

    height: 1.25rem;

    margin-left: auto;

    content: "";

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

    background-repeat: no-repeat;

    background-size: 1.25rem;

    transition: transform .2s ease-in-out;

}



.faq-accordion .accordion-body {

    padding: 30px 0;

    background: #fafafa;

}



/** Counters 1 start **/

.counters-1 {

    padding: 100px 0 70px;

    background: #fff;

    text-align: center;

}



.counter-box-1 {

    width: 100%;

    background: #fafafa;

    margin-bottom: 30px;

    padding: 30px 10px;

    text-align: center;

}



.counter-box-1 h1{

    font-weight: 800;

    margin: 5px 0;

    font-size: 40px;

}



.counter-box-1 h5{

    margin: 0;

    color: #262525;

    font-size: 18px;

    font-weight: 400;

}



.counter-box-1 i {

    color: #262525;

    font-size: 50px;

}



/** Counters 2 start **/

.counters-2{

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 0;

}



.counters-2:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.counters-2 .border-r{

    border-right: solid 5px rgb(255 255 255 / 20%);

}



.counters-2 .border-l{

    border-left: solid 5px rgb(255 255 255 / 20%);

}



.counter-box-2{

    position: relative;

    z-index: 2;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

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

    padding: 80px 0;

    text-align: center;

}



.counter-box-2:hover {

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

    transform: translateY(-5px);

}



.counter-box-2 h1 {

    margin: 25px 0 10px;

    font-weight: 700;

    color: #fff;

}



.counter-box-2:hover h1{

    color: #fff;

}



.counter-box-2 i {

    font-size: 50px;

    color: #fff;

    display: inline-block;

    vertical-align: middle;

    width: 100px;

    height: 100px;

    line-height: 100px;

    background: #fff;

    border-radius: 100%;

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

}



.counter-box-2:hover i{

    color: #fff;

}



.counter-box-2:hover i {

    transform: rotateY(360deg);

}



.counter-box-2 p{

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 0;

    color: #fff;

}



/** COUNTERS 3 AREA START **/

.counters-3 {

    padding: 80px 0 65px;

    color: #fff;

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.counters-3:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.counters-3 .sec-title-three{

    max-width: 400px;

}



.counters-3 p {

    font-size: 17px;

    font-weight: 400;

    margin-bottom: 0;

    color: #fff;

}



.counter-box-3 {

    padding: 20px 20px 15px;

    width: 250px;

    margin: 0 0 15px 15px;

    float: right;

    display: inline-block;

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

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

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

    border-radius: 5px;

    overflow: hidden;

}



.counter-box-3 i {

    font-size: 48px;

    margin-right: 15px;

    display: inline-block;

    vertical-align: middle;

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

}



.counter-box-3:hover i{

    color: #fff!important;

}



.counters-3-inner{

    max-width: 530px;

    margin-left: auto;

}



.counter-box-3:hover i {

    transform: rotateY(360deg);

}



.counter-box-3 h1 {

    font-size: 30px;

    font-weight: 700;

    margin: 0 0 5px;

    text-align: left;

    color: #fff;

}



.counter-box-3 p {

    font-size: 16px;

    text-align: left;

    margin: 0;

    color: #fff;

    font-weight: 400;

    letter-spacing: 1px;

}



.counters-3 .main-title{

    text-align: left;

}



/** OVERVIEW BGI **/

.overview-bgi {

    position: relative;

}



.overview-bgi:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

}



.text-color {

    color: #fff !important;

}



.t-slider-l {

    width: 30px;

    height: 30px;

    line-height: 25px;

    position: absolute;

    top: 100%;

    z-index: 5;

    display: inline-block;

    border: solid 1px #fff;

    background: #fff;

    text-align: center;

    border-radius: 0;

    opacity: 1;

}



.t-slider-l i {

    font-size: 15px;

    line-height: 27px;

    color: #343434;

    border-radius: 0;

}



.t-slider-r {

    width: 30px;

    height: 30px;

    line-height: 25px;

    position: absolute;

    top: 100%;

    z-index: 5;

    display: inline-block;

    right: 0;

    border: solid 1px #fff;

    background: #fff;

    text-align: center;

    border-radius: 0;

    opacity: 1;

}



.t-slider-r i {

    font-size: 15px;

    line-height: 27px;

    color: #343434;

    border-radius: 0;

}



.pojison {

    top: 47%;

}



/** AGENT SECTION 1 AREA START **/

.agent-section-1 {

    padding: 100px 0;

    background: url(../img/team/agent-bg.jpg);

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.agent-section-1.overview-bgi:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

}



.agent-section-1 h1 {

    color: #e4e3e3;

    font-weight: 700;

    font-size: 27px;

    margin: 0 0 40px;

    text-transform: uppercase

}



.agent-section-1 .slider-mover-left {

    width: 30px;

    height: 50px;

    line-height: 50px;

    position: inherit;

    border-radius: 0;

    top: 45%;

    background: #15151559;

    border: solid 1px #e4e3e3;

}



.agent-section-1 .slider-mover-right {

    width: 30px;

    height: 50px;

    line-height: 50px;

    position: inherit;

    border-radius: 0;

    top: 45%;

    background: #15151559;

    border: solid 1px #e4e3e3;

}



.agent-section-1 .t-slider-r i {

    font-size: 18px;

    color: #e4e3e3;

}



.agent-section-1 .t-slider-l i {

    font-size: 18px;

    color: #e4e3e3;

}



.agent-section-1 h2 {

    font-weight: 700;

    margin: 0 0 10px;

    text-transform: uppercase;

    font-size: 27px;

    color: #fff;

}



.agent-section-1 p {

    font-size: 17px;

    font-weight: 400;

    margin-bottom: 0;

    color: #fff;

}



.agent-section-1 .sec-title-three{

    padding: 118.5px 0 0;

}



.agent-section-1 .item{

    margin:0 30px;

}



/** SOCIAL MEDIA AREA START **/

.social-media-area .icon {

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 18px;

}



.img-responsive {

    width: 100%;

}



/** Agent 1 start **/

.agent-1 {

    padding: 50px 10px 30px;

    border-radius: 10px;

    overflow: hidden;

    position: relative;

    background-color: #fff;

    margin-bottom: 30px;

    text-align: center;

}



.agent-1:hover{

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

}



.agent-1:before, .agent-1:after {

    content: "";

    position: absolute;

    z-index: -1;

}



.agent-1:before {

    text-align: left;

}



.agent-1 .member-name {

    font-size: 20px;

    font-weight: 600;

    margin:0 0 7px;

}



.agent-1 .member-designation{

    font-size: 17px;

}



.agent-1 .member-thumb {

    width: 170px;

    height: 170px;

    margin: 0 auto 30px;

    border-radius: 50%;

    overflow: hidden;

}



.agent-1 .member-thumb img {

    width: 100%;

}



.agent-1:hover .team-hover-content {

    visibility: visible;

    opacity: 1;

}



.agent-1 .team-hover-content {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    transition: .8s;

    opacity: 0;

    visibility: hidden;

}



.agent-1 .team-hover-content .member-thumb {

    width: 100%;

    height: 100%;

    border-radius: 0;

    margin-bottom: 0;

}



.agent-1 .team-hover-content .member-name-designation{

    color: #fff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    text-align: center;

    padding: 30px 0;

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

    margin-bottom: 0;

    padding-bottom: 70px;

}



.agent-1:hover h4 a{

    color: #fff;

}



.agent-1 .team-hover-content .member-name {

    color: #fff;

    font-size: 20px;

    font-weight: 600;

    margin:0 0 7px;

    transform: translateY(50px);

    transition: all .4s cubic-bezier(.76,.21,.32,.85);

    transition-delay: .3s;

    opacity: 0;

}



.agent-1 .team-hover-content .member-designation {

    transform: translateY(50px);

    transition: all .4s cubic-bezier(.76,.21,.32,.85);

    transition-delay: .2s;

    transform: translateY(50px);

    opacity: 0;

    color: #fff;

    font-size: 17px;

}



.agent-1:hover .team-hover-content .member-name {

    opacity: 1;

    transform: translateY(0);

    transition-delay: .1s;

}



.agent-1:hover .team-hover-content .member-designation {

    opacity: 1;

    transform: translateY(0);

    transition-delay: .2s;

}



.agent-1:hover .member-socials {

    opacity: 1;

    transform: translateY(0);

    transition-delay: .3s;

}



.agent-1 .member-socials {

    position: absolute;

    left: 0;

    bottom: 25px;

    width: 100%;

    transform: translateY(50px);

    transition: all .4s cubic-bezier(.76,.21,.32,.85);

    transition-delay: .1s;

    opacity: 0;

}



.agent-1 .member-socials a {

    display: inline-block;

    text-align: center;

    transition: .3s;

    margin: 0 0 3px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: #fff;

    border-radius: 3px;

    display: inline-block;

    color: #262525;

    font-size: 16px;

}



.agent-1 .member-socials a:hover{

    color: #fff;

}



.agent-1 .social-list a {

    margin: 0 0 3px;

    width: 40px;

    height: 40px;

    font-size: 16px;

    line-height: 40px;

    text-align: center;

    background: #f3f3f3;

    border-radius: 3px;

    display: inline-block;

    color: #262525;

}



/** AGENT BOX 2 AREA START **/

strong {

    font-weight: 600;

}



.a-2 .agent-content {

    padding: 40px 30px 0;

}



/** Team 2 start **/

.agent-2 {

    margin: 0 1px;

    margin-bottom: 30px;

    background: #fff!important;

    position: relative;

    z-index: 2;

}



.agent-2:hover {

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

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

}



.agent-2 .detail {

    padding: 0 30px;

}



.agent-2 img {

    width: 100%;

}



.agent-2 .detail h4 {

    margin: 0 0 10px;

    font-size: 22px;

    font-weight: 600;

}



.agent-2 .detail h5 {

    margin: 0 0 20px;

    font-size: 15px;

    font-weight: 600;

    color: #5f5e5e;

}



.agent-2 .photo {

    overflow: hidden;

    position: relative;

}



.agent-2 .photo::before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    background: #fff;

    left: 0;

    bottom: 0;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.agent-2 .photo img {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.agent-2 .photo::after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    background: #fff;

    right: 0;

    top: 0;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



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

    width: 100%;

    height: 100%;

    opacity: 0.7;

    visibility: visible;

    background: linear-gradient(0,#221fc49c,rgb(255 255 255 / 17%));

}



.agent-2 .detail .contact ul li {

    margin-bottom: 10px;

    font-size: 15px;

    position: relative;

}



.agent-2 .detail .contact ul li:last-child{

    margin-bottom: 0;

}



.agent-2 .detail .contact ul li i {

    left: 0;

    position: absolute;

}



.agent-2 .social-list li {

    display: inline-block;

    font-size: 16px;

    z-index: 999;

}



.agent-2:hover .social-list{

    z-index: 999!important;

}



.agent-2 .social-list {

    position: absolute;

    top: 15px;

    text-align: center;

    z-index: 20;

    border-radius: 5px 5px 0 0;

    left: 15px;

    width: 45px;

    color: rgb(255, 255, 255);

}



.agent-2 .social-list li a {

    margin-right: 0px;

    font-size: 17px;

    width: 40px;

    height: 40px;

    border-radius: 3px;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    display: inline-block;

    vertical-align: middle;

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

    color: #fff!important;

    margin-bottom: 3px;

}



.col-pad{

    padding: 0;

}



.agent-2:hover li a {

    transform: rotateY(360deg);

}



/** AGENT 3 AREA START **/

.agent-3 {

    margin-bottom: 30px;

    background: #fff;

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

    text-align: center;

}



.agent-3:hover {

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

    transform: translateY(-5px);

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

}



.agent-3 .info {

    padding: 30px;

    padding-top: 15px;

    background: #fff;

}



.agent-3 .info h4{

    margin-bottom: 5px;

    font-size: 20px;

    font-weight: 600;

}



.agent-3 .info p {

    margin-bottom: 0;

    font-weight: 500;

}



.agent-3 .thumb {

    overflow: hidden;

    position: relative;

    z-index: 1;

}



.agent-3 .thumb img {

    background: #ffffff;

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

    padding: 6px;

}



.agent-3 .thumb ul {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 30px;

    z-index: 1;

    transform: translate(0, -40px);

    transition: all 0.35s ease-in-out;

    opacity: 0;

    text-align: center;

}



.agent-3 .thumb ul li {

    display: inline-block;

    margin: 0 3px;

    text-align: center;

}



.agent-3 .thumb ul li a {

    display: inline-block;

    height: 40px;

    width: 40px;

    line-height: 40px;

    color: #ffffff;

    border-radius: 3px;

    font-size: 16px;

    text-align: center;

}



.agent-3 .thumb::after {

    position: absolute;

    left: 0;

    bottom: 6px;

    content: "";

    height: 100%;

    width: 100%;

    background: url(../img/avatar/1.png);

    background-size: contain;

    background-position: bottom;

    background-repeat: no-repeat;

}



.agent-3:hover .thumb ul {

    transform: translate(0, -10px);

    opacity: 1;

}



/** AGENT DETAIL AREA START **/

.agent-detail {

    background: #fff;

    margin-bottom: 30px;

}



.agent-detail h3 {

    font-weight: 600;

    margin: 0 0 15px;

    text-transform: uppercase;

}



.agent-detail h3 a {

    color: #262525;

}



.agent-detail h5{

    font-size: 15px;

    margin: 0 0 10px;

}



.agent-detail .agent-content {

    padding: 25px 30px 20px;

}



.agent-detail .agent-theme {

    padding: 0;

}



.agent-detail .social-media ul li a {

    font-size: 15px;

    width: 40px;

    height: 40px;

    line-height: 40px;

}





.agent-detail .social-media-area .icon{

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 18px;

}



.address-list {

    margin: 0 0 15px;

    padding: 0;

}



.address-list li {

    line-height: 32px;

    font-size: 16px;

}



.address-list li span {

    margin-right: 10px;

    font-weight: 600;

    float: left;

}



/** TESTIMONIALS AREA START **/

.testimonials-1 {

    width: 100%;

    padding: 100px 0;

    height: auto;

    background: #fff;

    text-align: center;

}



.testimonials-1 .carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    cursor: pointer;

    border: solid 2px #333;

    border-radius: 0;

}



.testimonials-1 .carousel-control-prev{

    display: none;

}



.testimonials-1 .carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 12px;

    height: 12px;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #333;

    background-clip: padding-box;

    border: 0;

    opacity: 1;

    transition: opacity .6s ease;

}



.testimonials-1 .carousel-indicators {

    bottom: -15px;

}



.testimonials-1 .testimonials-inner{

    max-width: 700px;

    margin: 0 auto;

}



.testimonials-1 .testimonials-inner .job {

    margin-bottom: 25px;

    font-size: 16px;

}



.testimonials-1 .testimonials-inner .avatar {

    max-width: 95px;

    margin: 0 auto 30px;

    border-radius: 100px;

    padding: 5px;

    background: #fff;

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

}



.testimonials-1 .testimonials-inner .avatar img {

    width: 100%;

    border-radius: 100px;

    height: 85px;

}



.testimonials-1 .testimonials-inner h4 {

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 5px;

}



.testimonials-1 .testimonials-inner p {

    margin-bottom: 30px;

    font-size: 16px;

}



/** TESTIMONIALS 2 AREA START **/

.testimonials-2 {

    position: relative;

    padding: 100px 0;

    display: inline-block;

    width: 100%;

    float: left;

    background: #fff;

}



.testimonials-2 h2{

    font-weight: 700;

    margin: 0 0 10px;

    text-transform: uppercase;

    font-size: 27px;

}



.testimonials-2 p{

    font-weight: 400;

}



.testimonials-2 .sec-title-three{

    max-width: 400px;

}



.testimonials-2 .testimonials-box{

    padding: 40px;

    background: #fafafa;

    -webkit-transition: all 0.5s;

    transition: all 0.9s;

    position: relative;

    text-align: left;

    z-index: 1;

}



.testimonials-2 .testimonials-box:hover {

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.10), 0 3px 3px 0 rgba(0, 0, 0, 0.10);

}



.testimonials-2 .testimonials-box::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    -webkit-transition: all 0.5s;

    transition: all 0.9s;

    z-index: -1;

}



.testimonials-2 .testimonials-box:hover::before {

    height: 100%;

}



.testimonials-2 .testimonials-box:hover p {

    color: #fff!important;

}



.testimonials-2 .testimonials-box .user-info p{

    color: #fff;

}



.testimonials-2 .testimonials-box p {

    margin-bottom: 20px;

    font-size: 16px;

}



.testimonials-2 .testimonials-box h5 {

    font-weight: 600;

    font-size: 18px;

    margin: 0 0 3px;

}



.testimonials-2 .testimonials-box .user-info p {

    margin-bottom: 0;

    line-height: normal;

}



.testimonials-2 .testimonials-box:hover h5 a {

    color: #fff;

}



.testimonials-2 .testimonials-box .user-info img {

    width: 65px;

    height: 65px;

    border-radius: 50px;

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

    display: inline-block;

    transition: all 0.5s;

}



.testimonials-2 .testimonials-box:hover img {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}



/** TESTIMONIALS 3 **/

.testimonials-3 {

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

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.testimonials-3:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.testimonials-3 .testimonials-inner {

    position: relative;

    max-width: 800px;

    margin: 0 auto;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

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

}



.testimonials-3 .testimonials-inner .user {

    background-color: #DDDDDD;

    border-radius: 50%;

    height: 120px;

    width: 120px;

    left: 0;

    position: absolute;

    top: 30px;

    transition: background-color .15s linear;

    display: block;

    z-index: 999!important;

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

}





.testimonials-3 .testimonials-inner:hover .user {

    transform: rotateY(360deg);

    color: #fff;

}



.testimonials-3 .testimonials-inner a img {

    bottom: 2px;

    border-radius: 50%;

    display: block;

    height: 120px;

    width: 120px;

    position: absolute;

    top: 0px;

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

}



.testimonials-3 .testimonials-inner .testimonial-info {

    margin: 0 0 0 60px;

    padding: 40px 30px 40px 90px;

    background: #fff;

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

    border-radius: 5px;

}



.testimonials-3 .testimonials-inner .testimonial-info p{

    margin-bottom: 10px;

}



.testimonials-3 .testimonials-inner h3 {

    font-size: 20px;

    margin:0 0 5px;

    font-weight: 600;

}



.testimonials-3 .testimonials-inner .rating {

    font-size: 16px;

}



.testimonials-3 .testimonials-inner .rating i {

    color: orange;

}



.testimonials-3 .testimonials-inner .rating{

    color: #343434;

}



.pr-0{

    padding-right: 0;

}



/** SLICK BTN AREA START **/

.slick-btn {

    max-width: 80px!important;

    margin: 0 auto;

    position: relative;

    top: 30px;

}



.slick-btn .slick-prev {

    left: 0;

}



.slick-btn .sab-4 {

    border-radius: 3px;

}



.slick-btn .slick-next {

    right: 0;

}



.slick-btn .sab-3 {

    border-radius: 3px;

}



.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

    margin-right: 0;

}



.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

    margin-left: 0;

}



.recently-properties .slick-btn {

    max-width: 35px!important;

    margin: 0 auto;

    position: relative;

    top: -4px;

}



.slick-btn-section{

    width: 100%;

    display: inline-block;

}



.services-2 .slick-btn{

    max-width: 40px!important;

    margin: 0 auto;

    position: relative;

    top: 0;

}



.agent-section .slick-btn{

    max-width: 40px!important;

    margin: 0 auto;

    position: relative;

    top: 0;

}



/** SOCIAL COLOR AREA START **/

.facebook:hover {

    color: #3b589e !important;

}



.twitter:hover {

    color: #56d7fe !important;

}



.linkedin:hover {

    color: #1c82ca !important;

}



.google:hover {

    color: #dc4e41 !important;

}



.rss:hover {

    color: #e78733 !important;

}



.facebook-bg {

    background: #3b589e;

}



.twitter-bg {

    background: #56d7fe;

}



.google-bg {

    background: #dc4e41;

}



.rss-bg {

    background: #e78733;

}



/** FACEBOOK BG AREA START **/

.facebook-bg:hover {

    background: #3b589e!important;

}



.twitter-bg:hover {

    background: #56d7fe!important;

}



.linkedin-bg:hover {

    background: #1c82ca!important;

}



.google-bg:hover {

    background: #dc4e41!important;

}



.rss-bg:hover {

    background: #e78733!important;

}



/** BLOCK HEADING AREA START **/

.option-bar {

    background: #fff;

    border-radius: 3px;

    height: 60px;

    margin-bottom: 30px;

}



.option-bar h4 {

    line-height: 60px;

    display: inline-block;

    border-radius: 3px 0 0 3px;

    margin: 0 0 0;

    font-weight: 600;

}



.option-bar .title{

    font-size: 20px;

}



.option-bar .heading-icon {

    width: 60px;

    text-align: center;

    margin-right: 15px;

    display: inline-block;

    border-radius: 3px 0 0 3px;

    position: relative;

    color: #fff;

    height: 60px;

}



.option-bar .sorting-options {

    margin: 10px 15px 0 0;

    text-align: right;

}



.option-bar .sorting:focus {

    outline: none;

}



.option-bar .search-fields {

    min-height: 40px;

    padding: 0;

    box-shadow: none;

    border: 1px solid #e0e0e0;

    background: #fff;

    font-size: 15px;

    line-height: 40px!important;

    border-radius: 3px;

    margin-right: 0;

    max-width: 230px;

}



.option-bar .btn{

    padding: 8.5px 10px;

}



.change-view-btn {

    margin-left: 0;

    border-radius: 2px;

    background: transparent;

    padding: 10px 12.5px 9px;

}



.change-view-btn:hover {

    color: #fff;

}



.active-view-btn {

    color: #fff !important;

    margin-left: 0;

    padding: 10px 12.5px 9px;

}



.active-view-btn:hover {

    background: transparent;

}



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

    background-color: #ccc !important;

    filter: "alpha(opacity=20)";

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

}



/** PORTFOLIO ITEM **/

.portfolio-item {

    margin-bottom: 30px;

}



.properties-gallery .pad {

    padding: 0;

}



.properties-gallery .portfolio-item {

    margin-bottom: 30px;

}



.pg .portfolio-item {

    margin-bottom: 0;

}



/** PORTFOLIO AREA START **/

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

    outline: none;

    margin-bottom: 30px;

    position: relative;

    cursor: pointer;

}



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

    outline: none;

    width: 100%;

    height: 100%;

}



.portfolio-item:hover img {

    zoom: 1;

    filter: alpha(opacity=20);

    -webkit-opacity: 0.1;

    opacity: 0.3;

}



.portfolio-item:hover .portfolio-content {

    display: inline;

    -webkit-transition-delay: 0.50s;

    transition-delay: 0.50s;

    background-color: rgb(49 67 231);

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

    font-weight: 600;

    letter-spacing: 1px;

    color: #fff;

    object-fit: 1;

    z-index: 999;

}



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

    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;

}



.latest-offest .col-pad {

    padding: 0 8px;

}



/** ADVANCE SEARCH **/

.show-more-options {

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 20px;

    display: block;

}



/** PAGINATION BOX **/

.pagination-box {

    margin-bottom: 25px;

}

/* change */





.pagination .active a {

    background: #000575;

    color: white;

}





/* end */

.pagination {

    padding-left: 0;

    border-radius: 4px;

    display: inline-block;

}



.pagination li {

    display: inline-block;

}



.pagination > li > a {

    color: #353535;

    font-size: 17px;

    background: #fff;

    font-weight: 500;

}



.pagination > li > a:hover{

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

    color: #fff;

}



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

    border-radius: 0;

    margin: 0 2px 5px;

    padding: 12px 19px;

    text-align: center;

    border: none;

}



.pagination > li > a:hover {

    color: #fff;

}



.pagination > li > .active {

    color: #fff;

}



.page-link:focus {

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

}



/** LOGIN SECTION AREA START **/

.login-section {

    position: relative;

    min-height: 100vh;

    text-align: center;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

}



.login-section:before {

    content: "";

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-clip-path: polygon(0 0, 100% 0, 9% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    border-radius: 0;

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

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: -9;

}



.login-section .form-section {

    max-width: 550px;

    margin: 0 auto;

    padding: 70px 50px;

    background: #fff;

    border-radius: 5px;

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

    margin-bottom: 4rem;

    margin-top: 4rem;

}



.login-section .form-section p{

    margin-bottom: 0;

    text-align: center;

    font-size: 16px;

}



.login-section .form-section a {

    text-decoration: none;

}



.login-section .form-section p a{

    color: #343434;

    font-weight: 500;

}



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

    float: left;

    width: 100%;

    margin: 25px 0 25px;

    text-align: center;

    position: relative;

}



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

    position: absolute;

    left: 0;

    top: 10px;

    width: 100%;

    height: 1px;

    background: #d8dcdc;

    content: "";

}



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

    width: auto;

    float: none;

    display: inline-block;

    background: #fff;

    padding: 1px 20px;

    z-index: 1;

    position: relative;

    font-size: 15px;

    color: #616161;

    text-transform: capitalize;

}



.login-section .form-section ul{

    list-style: none;

    padding: 0;

    margin: 0 0 20px;

}



.login-section .logo-2 img{

    margin-bottom: 20px;

    height: 35px;

}



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

    display: inline-block!important;

    margin-bottom: 5px;

}



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

    font-size: 14px;

    font-weight: 400;

    width: 130px;

    margin: 2px 0 3px 0;

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    display: inline-block;

    text-align: center;

    text-decoration: none;

    background: #fff;

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

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

}



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

    height: 40px;

    width: 40px;

    line-height: 40px;

    float: left;

    color: #fff;

    border-radius: 20px;

}



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

    margin-right: 7px;

}



.login-section .form-section .thembo{

    margin-left: 4px;

}



.login-section .form-section h3 {

    margin: 0 0 30px;

    font-size: 23px;

    font-weight: 600;

}



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

    margin-bottom: 25px;

}



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

    float: left;

    width: 100%;

    padding: 12px 20px 12px 20px;

}



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

    font-size: 16px;

    outline: none;

    color: #616161;

    border-radius: 3px;

    border: 1px solid #dbdbdb;

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

}



.login-section .checkbox label::before {

    display: none;

}



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

    display: none;

}



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

    box-shadow: none;

}



.login-section .checkbox {

    padding-left: 0;

    margin: 0;

}



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

    margin-left: 3px;

}



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

    outline: none;

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

}



.login-section .none-2{

    display: none;

}



.login-section .form-section .terms{

    margin-left: 3px;

}



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

    width: 20px;

    height: 20px;

    margin-top: 0px;

    vertical-align: top;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    position: absolute;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    -webkit-print-color-adjust: exact;

    color-adjust: exact;

    border: 1px solid #e8e8e8;

    border-radius: 2px;

    background-color: #fff;

    margin-left: -22px;

}



.login-section .form-section .checkbox {

    margin-bottom: 20px;

    font-size: 14px;

}



.login-section .form-control:focus {

    color: #212529;

    background-color: #fff;

    outline: 0;

    box-shadow: none;

}



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

    float: left;

    margin-bottom: 0;

}



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

    color: #343434;

    float: right;

}



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

    padding-left: 5px;

    margin-bottom: 0;

    font-size: 16px;

    color: #343434;

}



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

    font-size: 16px;

    color: #343434;

    float: right;

}



/** Social media **/

.login-section .facebook-i {

    background: #4867aa;

    color: #fff;

}



.login-section .twitter-i {

    background: #33CCFF;

    color: #fff;

}



.login-section .google-i {

    background: #db4437;

    color: #fff;

}



.login-section .facebook-color{

    color: #4867aa;

}



.login-section .twitter-color {

    color: #33CCFF;

}



.login-section .google-color {

    color: #db4437;

}

/** login section end **/



/** ERROR PAGE AREA START **/

.error-page {

    top: 0;

    width: 100%;

    bottom: 0;

    opacity: 1;

    min-height: 100vh;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 25px 15px;

    background: #1B1B1B;

}



.error-page .error404 {

    line-height: .8;

    margin:0;

    font-weight: 800;

    font-size: 240px;

    opacity: 2;

    color: #3F3F3F;

    text-shadow: 1px 1px 5px rgb(0 0 0 / 40%);

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

}



.error-page h1 {

    font-size: 30px;

    font-weight: 500;

    margin:0 0 20px;

    color: #dedede;

}



.error-page .nobottomborder{

    margin-left: 50px;

}



.error-page p {

    margin-bottom: 25px;

    font-size: 18px;

    color: #dedede;

}

/** BLOG AREA START **/

.blog-box {

    margin-bottom: 30px;

    border-radius: 0;

    padding: 0;

    border: none;

    position: relative;

    background: transparent;

}



a:hover {

    text-decoration: none;

    color: #4a4747;

}



.blog-box h3 {

    margin: 0 0 15px;

    font-size: 23px;

    font-weight: 600;

}



.blog-box .detail {

    padding: 30px;

    background: #fff;

}



.read-more {

    font-weight: 400;

    font-size: 16px;

}



.blog-box .date-box {

    position: absolute;

    top: 15px;

    right: 15px;

    display: block;

    letter-spacing: 1px;

    padding: 12px;

    text-align: center;

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

}



.blog-box .date-box h5 {

    color: #fff;

    margin: 0;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

}



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

    color: #7a7677;

}



.blog-box .detail .post-meta {

    font-size: 14px;

    margin-bottom: 15px;

    font-weight: 400;

}



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

    margin-right: 15px;

}



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

    margin-right: 5px;

}



.blog-box .detail p {

    margin-bottom: 20px;

}



.blog-creative .blog-box .detail {

    padding: 20px !important;

}



/** BLOG 1 AREA START **/

.blog-1 {

    margin-bottom: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    z-index: 2;

    background: #fff;

}



.blog-1:hover {

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

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

    transform: translateY(-5px);

}



.blog-1 .blog-photo {

    position: relative;

    transform: scale(1);

    transition: 1s;

}



.blog-1 .blog-inner:hover .blog-photo {

    transform: scale(1.1);

}



.blog-1 .blog-overflow {

    overflow: hidden;

    position: relative;

}



.blog-1 .blog-inner:hover .blog-photo:before {

    width: 100%;

}



.blog-1 .blog-photo:before {

    position: absolute;

    content: '';

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

    right: 0;

    width: 0%;

    height: 100%;

    transition: 1s;

}



.blog-1 .detail {

    padding: 30px 25px;

    display: inline-block;

    width: 100%;

}



.blog-1 h3 {

    margin: 0 0 15px;

    font-size: 22px;

    font-weight: 600;

}



.blog-1 p{

    margin-bottom: 0;

}



.blog-1 .post-meta {

    margin: 0 0 15px;

    width: 100%;

}



.blog-1 .post-meta li {

    font-size: 15px;

    margin: 0;

    float: left;

    margin-right: 20px;

}



.blog-1 .post-meta li:last-child {

    margin-right: 0;

}



/** Blog 2 start **/

.blog-2{

    position: relative;

    width: 100%;

    border-radius: 10px;

    margin-bottom: 30px;

    z-index: 2;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

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

}



.blog-2 img{

    width: 100%;

}



.blog-2:hover {

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

    transform: translateY(-5px);

}



.blog-2:hover .date-box {

    transform: rotateY(360deg);

}



.blog-2 .date-box {

    position: absolute;

    right: 20px;

    display: block;

    background: #fff;

    padding: 2px;

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

    top: 20px;

    z-index: 999;

    width: 100px;

    height: 100px;

    text-align: center;

    font-size: 16px;

    padding-top: 30px;

    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);

    border-radius: 5px 5px 0 0;

}





.blog-2:hover .date-box{

    color: #fff;

}



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

    color: #fff;

}



.blog-2 .date-box span{

    font-size: 35px;

    font-weight: 700;

    margin-bottom: 5px;

    display: block;

    line-height: 22px;

}



.blog-2:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9;

    border-radius: 10px;

    background: linear-gradient(to top,rgb(35 35 37 / 91%) 0%,rgb(35 35 37 / 45%) 35%,rgb(255 255 255 / 0%) 60%,rgb(255 255 255 / 0%) 100%);

    opacity: 1;

}



.blog-2:hover:before {

    background: linear-gradient(0,#010b75bd,rgb(255 255 255 / 0%));

}



.blog-2 p{

    color: #fff;

    margin-bottom: 0;

}



.blog-2 h3{

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 10px;

    color: #fff;

}



.blog-2 h3 a{

    color: #fff;

}



.blog-2 .blog-info{

    position: absolute;

    bottom: 30px;

    left: 25px;

    right: 25px;

    z-index: 999;

}



/** BLOG 3 AREA START **/

.blog-3 {

    margin-bottom: 30px;

    border-radius: 0;

    border: none;

    background: #fff;

    z-index: 2;

    position: relative;

    -webkit-transition: .5s;

    transition: .9s;

    overflow: hidden;

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

    text-align: center;

}



.blog-3 .post-meta {

    position: absolute;

    bottom: -20px;

    font-size: 15px;

    border-radius: 5px;

    width: 90%;

    margin: 0 5%;

    padding: 7px 0;

    text-align: center;

    background: #fff;

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

}



.blog-3 .post-meta span {

    margin: 0 7px;

    display: inline-block;

    font-size: 15px;

    font-weight: 500;

    line-height: 26px;

}



.blog-3:hover{

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

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

    transform: translateY(-5px);

}



.blog-3 .blog-image {

    position: relative;

}



.blog-3 .date-box {

    position: absolute;

    top: 20px;

    font-size: 15px;

    padding: 6px 15px 4px;

    text-align: center;

    right: 20px;

    background: #fff;

    border-radius: 3px;

    display: block;

    z-index: 999!important;

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

}



.blog-3:hover .date-box {

    transform: rotateY(360deg);

    color: #fff;

}



.blog-3 .detail {

    padding: 50px 25px 30px;

}



.blog-3 h4{

    margin: 0 0 15px;

    font-size: 20px;

    font-weight: 600;

}



.blog-3:hover .post-meta {

    color: #fff!important;

}



.blog-3:hover .post-meta span{

    color: #fff!important;

}



.blog-3:hover .post-meta a {

    color: #fff;

}



.blog-3:hover .post-meta {

    bottom: 10px;

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

}



.blog-3:hover .detail {

    padding: 35px 25px 35px;

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

}



/** SIDEBAR WIDGET AREA START **/

.sidebar-widget {

    background: #fff;

    padding: 30px;

    margin-bottom: 25px;

}



.sidebar .contact-1 .contact-form form textarea {

    min-height: 130px;

}



.contact-1 label {

    font-weight: 600;

    font-size: 14px;

}



.single-block {

    margin-bottom: 30px;

}



.form-search {

    position: relative;

}



.form-search .form-control {

    padding: 10px 17px;

    font-size: 16px;

    outline: none;

    color: #6c6c6c;

    border-radius: 3px;

    min-height: 50px;

    font-weight: 400;

    border: 1px solid #fff;

    background: #fff;

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

}



.form-search .btn {

    background: none;

    position: absolute;

    right: 0;

    top: 0;

    padding: 15px 12px 13px 13px;

}



.form-search .btn:active,

.form-search .btn:focus {

    box-shadow: none;

    outline: none;

}



.form-search .btn i {

    color: #4a4747;

}



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

    width: 100%;

}



.form-search .form-group{

    margin-bottom: 0;

}



.search-box .form-search .form-control{

    background: #ebe9e9;

    border: 1px solid #ebe9e9;

    box-shadow: none;

}



.range-slider {

    margin-top: 15px;

    margin-bottom: 30px;

}



.range-slider .ui-slider {

    position: relative;

    text-align: left;

}



.range-slider label {

    font-size: 15px;

    color: #4a4747;

    font-weight: 600;

    margin-bottom: 12px;

}



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

    position: absolute;

    z-index: 2;

    width: 14px;

    height: 14px;

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

    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: 40%;

    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: 40%;

    margin-right: -8px;

    font-size: 13px;

    color: #4a4747;

    font-weight: 600;

    margin-top: 15px;

}



.max-value {

    float: right;

    width: 60%;

    text-align: right;

    margin-right: -8px;

    font-size: 13px;

    color: #4a4747;

    font-weight: 600;

    margin-top: 15px;

}



.sidebar .properties-box .detail header {

    padding-bottom: 0;

}



.banner-search-box .min-value {

    font-size: 12px;

    font-weight: 400;

}



.banner-search-box .max-value {

    font-size: 12px;

    font-weight: 400;

}



.sidebar-widget .btn {

    display: inline-block;

    padding: 12px 15px 12px 15px;

    margin-bottom: 0;

    font-size: 16px;

}



/** CATEGORY AREA START **/

.category-posts ul {

    margin: 0;

    padding: 0;

}



.category-posts ul li {

    padding: 10px 0;

    border-bottom: dashed 1px #ededed;

    font-size: 16px;

}



.category-posts ul li span {

    float: right;

}



.category-posts ul li:last-child {

    border-bottom: none;

    padding: 10px 0 0;

}



.category-posts ul li a{

    color: #343434;

}



/** TAGS BOX AREA START **/

.tags-box ul li a {

    float: left;

    margin: 0 4px 4px 0;

    padding: 6px 12px;

    font-size: 15px;

    font-weight: 400;

    color: #61666d;

    border: solid 1px #f3f3f3;

    background: #f3f3f3;

    border-radius: 2px;

}



.tags-box ul li a:hover {

    color: #fff;

}



.blog-box .tags-box ul li a{

    margin: 0 2px 0 0;

    padding: 8px 12px;

}



/** LATEST REVIWS AREA START **/

.latest-reviews-box img {

    width: 60px;

    height: 60px;

    border-radius: 5%;

}



.latest-reviews-box h3 {

    font-size: 18px;

    margin: 0 0 5px;

    font-weight: 600;

}



.latest-reviews-box a {

    color: #4a4747;

}



.latest-reviews-box p {

    margin: 0;

    font-weight: 400;

}



.latest-reviews-box p {

    font-size: 16px;

    margin: 0 0 20px;

}



.latest-reviews-box p:last-child {

    margin: 0;

}



/** POPULAR POSTS AREA START **/

.popular-posts-box {

    color: #4a4747;

}



.popular-posts-box img {

    width: 65px;

}



.popular-posts-box h4 {

    font-size: 18px;

    margin: 0 0 10px;

    font-weight: 600;

}



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

    font-size: 16px;

    font-weight: 500;

}



/** POPULAR POSTS AREA START **/

.archives ul {

    margin: 0;

    padding: 0;

}



.archives ul li {

    line-height: 40px;

    border-bottom: dashed 1px #f1f0f0;

    font-size: 16px;

}



.archives ul li:last-child {

    border-bottom: none;

}



.archives ul li a {

    color: #4a4747;

}



/** BLOG SHARE START **/

.blog-share {

    float: right;

    text-align: right;

}



.blog-share ul li {

    margin: 0 0 3px 3px;

}



.blog-share .icon {

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 2px;

    font-size: 17px;

}



.comments {

    list-style: none;

    margin: 0;

    padding: 0;

}



.comment {

    margin: 0 0 30px 0;

    position: relative;

}



.comment-author {

    background-color: #DDDDDD;

    border-radius: 50%;

    height: 60px;

    left: 0;

    position: absolute;

    top: 0;

    transition: background-color .15s linear;

    width: 60px;

}



.comment-author a img {

    bottom: 2px;

    border-radius: 50%;

    display: block;

    height: 60px;

    width: 60px;

    position: absolute;

    top: 0;

}



.t-s {

    margin-top: 40px;

}



.t-s h2 {

    font-weight: 600;

    font-size: 20px;

    margin: 0 0 20px;

    color: #212121;

}



.comment-content {

    margin-left: 80px;

    padding: 0 0 30px;

    border-bottom: solid 1px #e3e3e3;

}



.comment-content.cc2{

    border-bottom: none;

    padding-bottom: 0;

}



.comment-meta-author {

    float: left;

    font-weight: 600;

    font-size: 17px;

}



.comment-meta-author a {

    font-weight: 600;

}



.comment-meta-author a:hover {

    color: #4a4747;

}



.comment-meta-reply {

    color: #fff;

    font-size: 13px;

    margin: 0 0 0 5px;

    padding: 4px 0;

    border-radius: 2px;

}



.comment-meta-reply a {

    color: #fff;

    padding: 4px 8px;

    border-radius: 2px;

}



.comment-body {

    color: gray;

    margin-top: 10px;

    line-height: 24px;

}



.comment-body p{

    margin-bottom: 0;

}



.comment-rating {

    color: orange;

    margin-bottom: 5px;

}



.comment-rating span{

    color: #343434;

}



.comments ul {

    list-style: none;

    margin: 0 0 0 80px;

    padding: 0;

}



.comment-meta-date {

    background-color: #f1f1f1;

    border-radius: 2px;

    font-size: 13px;

    padding: 5px 8px 3px;

}



/** CONTACT 1 AREA START **/

.contact-1 .contact-form form .form-control {

    width: 100%;

    padding: 10px 17px;

    font-size: 15px;

    outline: none;

    color: #6c6c6c;

    border-radius: 3px;

    min-height: 50px;

    font-weight: 400;

    border: 1px solid #dbdbdb;

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

}



.contact-1 .col-pad2{

    padding: 0;

}



.contact-1 .contact-details .ci-box i {

    width: 65px;

    font-size: 25px;

    height: 65px;

    line-height: 65px;

    border-radius: 100%;

    background: #fff;

    color: #000;

    text-align: center;

}



.contact-1 .contact-details .ci-box{

    margin-bottom: 25px;

    position: relative;

}



.contact-1 .detail{

    margin: 5px 0 0 20px;

}



.contact-1 .contact-details{

    background: #fff;

    padding: 50px;

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

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    z-index: 0;

}



.contact-1 .contact-details:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.7;

}



.contact-1 .contact-pad{

    padding: 50px;

}



.contact-1 .col-pad2 {

    border-right: none;

}



.contact-1 .contact-form .form-group {

    margin-bottom: 20px;

}



.contact-1 .contact-form form textarea {

    min-height: 250px!important;

}



.contact-1 .contact-details .ci-box h4 {

    font-weight: 500;

    font-size: 18px;

    color: #fff;

    font-style: normal;

    margin: 0 0 5px;

}



.contact-1 h3 {

    margin: 0 0 20px;

    font-weight: 600;

    font-size: 22px;

}



.contact-1 .contact-details .ci-box p {

    font-size: 15px;

    color: #fff;

    margin-bottom: 0;

}



.contact-1 .contact-details .ci-box p a {

    color: #fff;

}



.contact-1 .contact-details h3{

    color: #fff;

}





.contact-1 .social-media .icon {

    background: #fff;

}



.contact-1 .social-media .icon span {

    color: #95c41f!important;

}



.contact-1 .social-media .icon:hover span {

    color: #fff!important;

}



/** CONTACT 2 AREA START **/

.contact-2 .contact-info{

    background: #fff;

    text-align: center;

    padding: 55px 10px 20px;

    position: relative;

    margin: 35px 0 30px;

}



.contact-2 .contact-info .icon {

    position: absolute;

    left: 0;

    top: -35px;

    width: 100%;

}



.contact-2 .contact-form form .form-control {

    width: 100%;

    padding: 10px 17px;

    font-size: 15px;

    outline: none;

    color: #6c6c6c;

    border-radius: 3px;

    min-height: 50px;

    font-weight: 400;

    border: 1px solid #fafafa;

    background: #fafafa;

    box-shadow: none;

}



.contact-2 .contact-form{

    background: #fff;

    padding: 30px;

    margin-bottom: 30px;

}



.contact-2 .form-group{

    margin-bottom: 20px;

}



.contact-2 .contact-form form textarea {

    min-height: 195px !important;

}



.contact-2 .contact-info i{

    width: 70px;

    line-height: 70px;

    font-size: 30px;

    height: 70px;

    margin: 0 auto;

    border-radius: 100%;

    color: #fff;

    margin-bottom: 20px;

}



.contact-2 .opening-hours {

    margin-bottom: 30px;

    background: #fff;

    padding: 30px;

}



.contact-2 h3 {

    margin: 0 0 20px;

    font-weight: 600;

    font-size: 22px;

}



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

    margin: 0 0 20px;

    padding: 0;

}



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

    list-style: none;

    line-height: 35px;

    font-size: 15px;

}



.contact-2 .opening-hours strong {

    width: 100px;

    display: inline-block;

    font-weight: 400;

}



.contact-2 .contact-info .p2 {

    margin: 0;

    font-weight: 600;

    font-size: 17px;

}



.contact-2 .contact-info p{

    margin-bottom: 0;

}



.contact-2 .contact-info p a{

    color: #343434;

}



.contact-2 .social-media .icon {

    background: #f3f3f3;

}



.contact-2 .social-media .icon span {

    color: #000!important;

}



.contact-2 .social-media .icon:hover span {

    color: #fff!important;

}



/** CONTACT 3 AREA START **/

.contact-3 .contact-info {

    text-align: center;

}



.contact-3 .contact-info strong {

    font-weight: 500;

    font-size: 14px;

    color: #525252;

}



.contact-3 .contact-info i {

    font-size: 24px;

    color: #212529;

}



.contact-3 .contact-info p {

    margin: 0;

    font-size: 15px;

}



.contact-3 .form-control {

    width: 100%;

    font-size: 15px;

    background: #fff;

    outline: 0;

    border-radius: 3px;

    border: 1px solid #fff;

}



.contact-3 .form-control:focus {

    color: #495057;

    background-color: #fff;

    border: 1px solid #fff;

    outline: 0;

}



.contact-3 .btn-4{

    line-height: 58px;

}



.contact-3 .form-floating>label {

    padding: 1rem 1rem;

}



.contact-3 .mb-3 {

    margin-bottom: 20px!important;

}



.contact-3 .form-floating {

    color: #343434;

}



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

    padding-top: 1.625rem;

    padding-bottom: .625rem;

    padding-right: 1rem;

    padding-left: 1rem;

}



.contact-3 textarea {

    min-height: 250px;

}



.contact-3 .btn-message {

    border-radius: 50px;

    padding: 10px 60px 11px;

}



.contact-3 .contact-info-2 {

    padding: 40px;

    border-radius: 5px;

    margin-left: 50px;

    background: #fff;

}



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

    font-size: 25px;

    width: 65px;

    height: 65px;

    text-align: center;

    background: #f5f5f5;

    border-radius: 100%;

    line-height: 65px;

}



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

    font-weight: 600;

    font-size: 16px;

    margin: 0 0 5px;

}



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

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 0;

}



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

    position: relative;

}



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

    margin-left: 15px;

}



.contact-3 .button-md{

    height: 58px;

}



.contact-3 .form-control:focus {

    color: #212529;

    background-color: #fff;

    border-color: transparent;

    outline: 0;

    box-shadow: none;

}



/** CONTACT 3 AREA START **/

.contact-map {

    height: 300px !important;

}



.contact-map-content .map-content {

    width: 250px;

}



.location .contact-map {

    height: 400px !important;

}



/** PROPERTIES SLIDER SECTION AREA START **/

.properties-slider-section {

    width:100%;

    display:block;

    margin:0 auto;

}



.properties-slider-section .slick-prev{

    display: none!important;

}



.properties-slider-section .slick-arrow{

    display: none!important;

}



.properties-slider-section button{

    display: none;

}



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

    display: inline-block;

}



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

    cursor: pointer;

}



/**  Product slider box start **/

.product-slider-box .product-img-slide {

    display: inline-block;

    width: 100%;

}



.product-slider-box .slider-for2 {

    width: 80%;

    float: left;

    padding: 0;

    background: transparent;

    border: 1px transparent;

    overflow: hidden;

    border-radius: 0;

}



.product-slider-box .slider-nav2 {

    width: 20%;

    float: left;

    padding-left: 13px;

    margin-bottom: 0;

}



.product-slider-box .slider-for2 img{

    border-radius: 3px;

}



.product-slider-box .thumb-slide {

    padding: 0;

    margin-bottom: 5px;

    background: #fff;

    overflow: hidden;

    width: 100%!important;

    border-radius: 3px;

}



.product-slider-box .slick-current {

    border-color: transparent;

}



.product-slider-box .slick-arrow {

    display: none!important;

}



.product-slider-box .slick-next {

    top: auto;

    bottom: 0;

    transform: translateX(-50%) rotate(-90deg);

}



.product-slider-box .slick-slide img {

    margin: 0 auto;

    width: 100%;

    cursor: pointer;

}



/** Details banner start **/

.details-banner{

    padding: 0;

    position: relative;

}



.details-banner .slick-slide img{

    display: initial;

}



.details-banner h1 {

    font-size: 25px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 5px 0 10px;

}



.details-banner h2{

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 10px;

}



.details-banner .text .ratings-2 span {

    font-size: 15px;

    color: #343434;

    font-weight: 500;

}



.details-banner .text .ratings-box {

    margin-right: 4px;

    padding: 4px 10px;

    color: #fff;

    border-radius: 3px;

}



.details-banner .text .ratings-2 i {

    color: orange;

}



.details-banner .breadcrumb-area-2 {

    width: 100%;

    position: absolute;

    bottom: 40px;

    right: 0;

    left: 0;

    z-index: 9;

}



.details-banner .cover-buttons ul li {

    display: inline-block;

    margin-bottom: 3px;

}



.details-banner .cover-buttons ul li {

    color: #fff;

    padding: 7px 12px;

    font-size: 13px;

    font-weight: 500;

    border-radius: 3px;

}



.details-banner .cover-buttons ul li:hover {

    color: #fff;

}



.details-banner .container-fluid{

    z-index: 9999!important;

}



.details-banner .slide-box{

    padding: 0;

}



.details-banner img{

    height: 635px;

    width: 100%;

}



.details-banner .banner-img:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

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

    content: "";

    z-index: 1;

    opacity: 0.1;

    background: linear-gradient(0,#000391bf,rgb(255 255 255 / 0%));

    cursor: pointer;

}



.details-banner .breadcrumb-box {

    background: #fff;

    padding: 20px 20px 17px;

    border-radius: 3px;

}



/** Slide box btn start **/

.slide-box-btn .slick-prev{

    display: none!important;

}



.slide-box-btn .slick-next{

    display: none!important;

}



/** ABOUT CITY ESTATE AREA START **/

.about-city-estate {

    padding-top: 100px;

}



.about-city-estate .main-title-4 h1 {

    font-weight: 600;

    font-size: 30px;

}



.about-text p {

    margin-bottom: 20px;

}



.about-text {

    margin: 0 0 0 10px;

}



.about-text h3 {

    font-weight: 700;

    margin: 0 0 20px;

    text-transform: uppercase;

    font-size: 27px;

}



.about-text ul li{

    width: 50%;

    float: left;

    line-height: 30px;

}



.about-text ul li i {

    margin-right: 5px;

}



.pds-2{

    margin-right: 10px;

}



.pds-2 img{

    border-radius: 5px;

}



.pds-2 .carousel-control-prev{

    display: none;

}



.pds-2 .carousel-control-next{

    display: none;

}



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

.about-real-estate-2{

    padding: 100px 0;

}



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

    padding-left: 15px;

    margin: 0;

}



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

    font-weight: 700;

    margin: 0 0 30px;

    text-transform: uppercase;

    font-size: 27px;

}



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

    font-size: 34px;

    font-weight: 600;

    margin: 0 0 15px;

}



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

    width: 100%;

    margin-top: 30px;

}



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

    font-weight: 600;

    font-size: 20px;

    text-transform: uppercase;

    margin-bottom: 0;

}



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

    float: left;

}



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

    vertical-align: middle;

    height: 50px;

}



.about-real-estate-2 .signature {

    float: right;

}



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

    position: relative;

}



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

    position: relative;

    display: block;

    margin-right: auto;

    padding-bottom: 20px;

    max-width: 550px;

}



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

    position: relative;

    overflow: hidden;

    width: 100%;

}



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

    position: absolute;

    left: 50px;

    bottom: 0;

    width: 320px;

}



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

    position: absolute;

    right: 32%;

    top: 23%;

    transform: rotate(-28deg);

    text-align: center;

}



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

    font-size: 45px;

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 5px;

}



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

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 0;

}



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

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

}



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

    margin-bottom: 30px;

}



@-webkit-keyframes glide  {

    from {

        left:0px;

        top:0px;

    }



    to {

        left:0px;

        top:20px;

    }



}



/** SUB BANNER AREA START **/

.sub-banner {

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

    background-size: cover;

    padding: 220px 0 120px;

    position: relative;

    background-position: center center;

    background-repeat: no-repeat;

    z-index: 0;

    text-align: center;

}



.sub-banner:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #191fcb;

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.sub-banner:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    /* background: #191fcb; */

    content: "";

    z-index: -1;

    opacity: 0.4;

}



.sub-banner h1 {

    margin: 0 0 5px;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 30px;

    color: #ffffff;

}



.sub-banner.sb-two {

    padding: 170px 0 120px;

}



.sub-banner.sb-three{

    padding: 170px 0 120px;

}



.breadcrumbs li {

    display: inline-block;

    font-size: 18px;

    font-weight: 400;

    color: #ffffff;

}



.breadcrumbs li a {

    position: relative;

    padding-right: 23px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    color: #fff;

}



.breadcrumbs li a :before {

    right: 13px;

}



.breadcrumbs li a:before{

    background-color: #fff;

    content: "";

    height: 13px;

    width: 2px;

    margin: 0 2px;

    position: absolute;

    right: 7px;

    top: 5px;

}



.breadcrumbs li a:after{

    background-color: #fff;

    content: "";

    height: 13px;

    width: 2px;

    margin: 0 2px;

    position: absolute;

    right: 3px;

    top: 5px;

}



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

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 12px;

    height: 12px;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 0px solid transparent;

    border-bottom: 0px solid transparent;

    opacity: 1;

    transition: opacity .6s ease;

}



/** SERVICES INFO 2 AREA START **/

.services-info-2 {

    background: #fff;

    margin-bottom: 30px;

}



.services-info-2:hover {

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

}



.services-info-2 img{

    width: 100%;

}



.services-info-2 h3 {

    font-size: 18px;

    font-weight: 600;

    margin: 0 0 10px;

}



.services-info-2 .caption {

    padding: 20px;

}



.services-2 .read-more {

    font-weight: 600;

    font-size: 16px;

}



/** SERVICES INFO 3 AREA START **/

.services-info-3 {

    background: #fff;

    padding: 20px;

    text-align: center;

    margin-bottom: 30px;

}



.services-info-3:hover {

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.10), 0 3px 3px 0 rgba(0, 0, 0, 0.10);

}



.services-info-3 i {

    font-size: 40px;

    margin-bottom: 20px;

}



.services-info-3 h5 {

    font-size: 18px;

    font-weight: 600;

    margin: 10px 0 10px;

}



.services-info-3 p {

    margin-bottom: 0;

    font-size: 15px;

}



.services-info-4 {

    margin: 0 auto 30px;

    position: relative;

    text-align: left;

}



.services-info-4 .icon {

    position: absolute;

    font-size: 60px;

    text-align: left;

    color: #fff;

}



.services-info-4 .detail {

    margin-left: 70px;

}



.services-info-4 h3 {

    font-weight: 600;

    margin: 0 0 10px;

    font-size: 22px;

}



.services-info-4 h3 a{

    color: #fff;

}



.services-info-4 p {

    position: relative;

    font-size: 15px;

    margin-bottom: 0;

    color: #fff;

}



.bg-service-color{

    padding: 30px;

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    max-width: 555px;

}



.bg-service-color:before {

    content: "";

    width: 750px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-clip-path: polygon(0 0, 100% 0, 9% 100%, 0% 100%);

    clip-path: polygon(0 0, 100% 0, 9% 100%, 0% 100%);

    opacity: 0.5;

}



.our-service-there .cap2{

    max-width: 450px;

    margin-left: auto;

}



.bg-service-color {

    background: #fff;

    padding: 30px;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    width: 100%;

}



.bg-service-color:hover {

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

}



.bg-service-color i{

    display: inline-block;

    vertical-align: middle;

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

}



.bg-service-color .icon {

    font-size: 50px;

}



.services-info-4:hover i{

    transform: rotateY(360deg);

}



/** HELPING CENTER AREA START **/

.helping-center {

    margin-bottom: 30px;

    padding-left: 40px;

    text-align: left;

}



.helping-center .icon {

    float: left;

    margin-left: -40px;

}



.helping-center .icon i {

    font-size: 40px;

}



.helping-center h4 {

    font-weight: 600;

    margin: 0 0 5px;

    font-size: 16px;

}



.helping-center  span{

    color: #343434;

    font-size: 15px;

}



.helping-center p {

    font-size: 16px;

    margin: 0;

}



.helping-center p a{

    color: #343434;

}



.helping-center:last-child {

    margin: 0;

}



/** MRG BTM  BIG AREA START **/

.mrg-btm-30 {

    margin-bottom: 30px;

}



.mb-100 {

    margin-bottom: 100px;

}



.mb-70 {

    margin-bottom: 70px;

}



.mb-60 {

    margin-bottom: 60px;

}



.mb-50 {

    margin-bottom: 50px!important;

}



.mb-30 {

    margin-bottom: 30px!important;

}



.mb-40 {

    margin-bottom: 40px;

}



.mt-20 {

    margin-top: 20px;

}



.mb-0 {

    margin-bottom: 0 !important;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-25 {

    margin-bottom: 25px;

}



.mb-15 {

    margin-bottom: 15px;

}



.pb-0{

    padding-bottom: 0;

}



.contact-details .mb-0 {

    margin-bottom: 0 !important;

}



.mbb-50{

    margin-bottom: 50px!important;

}



/** MY PROFILE AREA START **/

.user-account-box {

    background: white;

    margin: 0 auto 30px;

}



.user-account-box .header {

    padding: 40px 0 60px;

    text-align: center;

    position: relative;

    border: none;

    margin: 0;

    background: url(../img/client-bannr.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.user-account-box .header h3 {

    margin: 0 0 5px;

    color: #efefef;

    font-weight: 600;

    font-size: 17px;

    text-transform: uppercase;

}



.user-account-box .header p {

    margin-bottom: 5px;

    color: #efefef;

}



.user-account-box .social-list {

    width: 100%;

    position: absolute;

    bottom: 0;

    padding: 15px 10px 10px;

    border-radius: 0;

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

    text-align: center;

}



.user-account-box .social-list li {

    list-style: none;

    display: inline-block;

}



.user-account-box .social-list li a {

    margin: 0 8px;

    color: #fff;

}



.user-account-box .content {

    padding: 0;

}



.user-account-box .content ul {

    margin: 0;

    padding: 0;

}



.user-account-box .content ul li {

    list-style: none;

    font-weight: 400;

}



.user-account-box .content ul li a {

    border-bottom: 1px solid #f5f5f5;

    padding: 12px 20px 12px 20px;

    display: block;

    color: #343434;

    border-left: solid 5px transparent;

    font-size: 17px;

}



.user-account-box .content ul li a i {

    margin-right: 10px;

}



.user-account-box .content ul li .active {

    font-weight: 600;

}



.my-address form .form-group {

    margin-bottom: 25px;

}



.my-address form .form-control {

    padding: 10px 17px;

    font-size: 15px;

    outline: none;

    color: #717171;

    width: 100%;

    min-height: 50px;

    font-weight: 400;

    border-radius: 3px;

    background: transparent;

    border: 1px solid #dbdbdb;

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

}



.my-address form textarea {

    min-height: 170px!important;

    padding: 20px 17px!important;

}



.my-address form label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 400;

    color: #343434;

    font-size: 16px;

}



.my-address {

    background: #fff;

    padding: 30px 30px;

}



.edit-profile-photo {

    position: relative;

    width: 150px;

    height: 150px;

    margin: 0 auto 70px;

}



.edit-profile-photo img {

    width: 100%;

    border-radius: 50%;

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

    margin-bottom: 20px;

}



.photoUpload {

    background: #fff;

}



.change-photo-btn {

    border-radius: 50px;

    font-size: 13px;

    bottom: -45px;

    left: 15px;

    width: auto;

    background-color: #fff;

    color: #333;

    transition: 0.3s;

    cursor: pointer;

    line-height: 28px;

}



.photoUpload {

    position: relative;

    overflow: hidden;

    border-radius: 50px;

    padding: 3px 25px;

    cursor: pointer;

    color: #fff;

}



.photoUpload input.upload {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}



.my-address {

    margin-bottom: 30px;

}



.my-properties .main-title-4 {

    margin-bottom: 0;

}



.headline {

    font-size: 22px;

    line-height: 32px;

    margin: 0 0 30px 0;

}



blockquote {

    padding: 20px 20px;

    margin: 0 0 20px;

    font-size: 16px;

    line-height: 25px;

    color: #4a4747;

    background: #f9f6f6;

}



.typography-page p {

    font-size: 16px;

    color: #4a4747;

}



.typography-page mark.color {

    color: #fff;

}



mark.color {

    color: #fff;

    border-radius: 3px;

}



mark {

    background: #ff0;

    color: #8a803e;

}



mark, .mark {

    padding: 3px 13px;

    border-radius: 3px;

    margin-bottom: 30px;

    color: #fff;

}



.icon-lists .heading {

    margin: 0 0 10px 0;

    font-size: 24px;

}



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

    margin-top: 0;

}



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

    list-style: none;

    margin: 14px 0;

    line-height: 27px;

    margin-left: 27px;

    position: relative;

    color: #4a4747;

    font-size: 16px;

}



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

    padding: 5px 0 0 0;

}



.list-2 li:before {

    content: "\f00c";

    font-size: 14px;

}



.list-1 li:before {

    content: "\f0c8";

    font-size: 8px;

}



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

}



.list-3 li:before {

    content: "\f058";

    font-size: 15px;

    top: 1px;

}



.numbered ol {

    counter-reset: li;

    list-style: none;

    padding: 0;

    margin-left: 18px;

    display: inline-block;

}



.numbered ol li {

    display: inline-block;

    padding: 6px 0;

    width: 100%;

    font-size: 16px;

    color: #4a4747;

}



.numbered.color ol > li::before {

    border: 1px solid #274abb;

    color: #274abb;

}



.numbered.color ol > li::before {

    border: 1px solid #66676b;

    color: #66676b;

}



.numbered ol > li::before {

    content: counter(li);

    counter-increment: li;

    font-size: 16px;

    line-height: 34px;

    width: 36px;

    height: 36px;

    display: inline-block;

    border: 1px solid #333;

    border-radius: 50%;

    text-align: center;

    margin: 0;

    margin-left: 0;

    font-weight: 500;

    color: #333;

    position: relative;

    float: left;

    left: -18px;

    transform: translateY(-20%);

}



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

    color: #fff;

}



.numbered.color ol > li::before {

}



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

    line-height: 40px;

}



.mrg-btm-52 {

    margin-bottom: 52px;

}



/** Tabbing box start **/

.tabbing-box .tab-pane {

    padding-top: 30px;

}



.tabbing-box .nav-tabs {

    background: #fff;

    border-bottom: solid 1px #fff;

    margin-bottom: 0;

}



.tabbing-box .nav-tabs li {

    font-size: 17px;

    font-weight: 500;

}



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

    padding: 10px 20px 10px;

}



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

    color: #fff;

    border-radius: 0;

}



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

    border-radius: 0;

    color: #fff;

}



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

    border: none;

    color: #4a4747;

}



.tabbing-box .accordion-item {

    background-color: transparent;

    border: none;

}



/** PANEL BOX **/

.yes {

    color: #3c763d !important;

    margin-left: 5px;

    font-weight: 600 !important;

    font-size: 12px;

}



.no {

    color: #a94442 !important;

    margin-left: 7px;

    font-weight: 600 !important;

    font-size: 12px;

}



.nav > li {

    position: relative;

    display: block;

    font-weight: 600;

    text-align: center;

    letter-spacing: 1px;

}



.nav-tabs {

    border-bottom: 1px solid transparent;

    margin-bottom: 30px;

}



.nav-tabs > li > a {

    line-height: 1.42857143;

    border: none;

}



.nav-tabs > li > a:hover {

    background: transparent;

    border-radius: 0;

}



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

    color: #555;

    cursor: default;

    border: none;

    border-radius: 0;

    border-bottom-color: transparent;

}



/** OUR NEWSLATTERS AREA START **/

.our-newslatters {

    text-align: center;

    background: #fff;

    padding: 40px 0;

}



.our-newslatters h3 {

    margin:0 0 10px;

    font-size: 24px;

    font-weight: 600;

}



.our-newslatters p {

    margin-bottom: 20px;

    font-size: 16px;

}



.our-newslatters .form-info {

    max-width: 600px;

    margin: 0 auto;

}



.our-newslatters .form-control {

    width: 70%;

    padding: 10px 20px;

    font-size: 16px;

    border: 1px solid #e9e9e9;

    background:#e9e9e9;

    outline: 0;

    height: 55px;

    border-radius: 3px;

}



.our-newslatters .btn-md {

    height: 55px;

    margin-left: 3%;

    width: 27%;

    font-size: 15px;

    text-transform: inherit;

}



.our-newslatters .form-control:focus {

    background-color: #e9e9e9;

    border-color: #e9e9e9;

    box-shadow: none;

}



.our-newslatters .btn-check:focus+.btn, .btn:focus {

    outline: 0;

    box-shadow: none;

}



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

}



/** PROPERTIES DETAILS PAGE AREA START **/

.properties-details-page p {

    font-size: 16px;

}



.properties-amenities ul {

    margin: 0;

    padding: 0;

}



.properties-amenities li {

    list-style: none;

}



.properties-amenities ul li {

    list-style: none;

    margin-bottom: 10px;

    font-size: 16px;

}



.properties-amenities ul li i {

    margin-right: 10px;

    text-align: center;

    font-size: 15px;

    font-weight: 400;

}



.properties-condition ul {

    margin: 0;

    padding: 0;

}



.properties-condition li {

    list-style: none;

}



.properties-condition ul li {

    list-style: none;

    margin-bottom: 10px;

    color: #4a4747;

    font-size: 16px;

}



.properties-condition ul li i {

    margin-right: 5px;

    text-align: center;

    font-size: 15px;

    font-weight: 400;

}



.sidebar .inside-properties iframe {

    width: 100%;

    border: 0;

    height: 250px !important;

}



.inside-properties iframe {

    width: 100%;

    border: 0;

    height: 400px !important;

}



.sidebar .location .contact-map {

    width: 100%;

    height: 250px !important;

}



.heading-properties h3 {

    font-weight: 700;

    margin-top: 0;

    color: #353434;

}



.heading-properties p {

    margin-bottom: 0;

}



.heading-properties h5 {

    text-align: right;

    font-weight: 600;

    margin: 0;

    font-size: 16px;

}



.Property-description .nav-tabs > li {

    float: left;

    margin-bottom: -1px;

    display: inline-block;

}



/** TABLE MANAGE TABLE PAGE AREA START **/

table.manage-table {

    width: 100% !important;

    border-collapse: separate;

    border-spacing: 0;

    border: none;

}



table.manage-table tr{

    background: #fff;

    width: 100%!important;

    padding: 20px!important;

}



table.manage-table .photo{

    width: 20%;

    float: left;

}



table.manage-table .photo img{

    border-radius: 5px;

}



table.manage-table .title-container{

    width: 45%;

    float: left;

}



table.manage-table .action{

    text-align: right;

}



table.manage-table .title-container p{

    margin-bottom: 2px;

}



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

    color: #343434!important;

}



table.manage-table .title-container h4{

    margin-bottom: 5px;

    font-size: 22px;

    font-weight: 500;

}



table.manage-table .expire-date{

    width: 20%;

    float: left;

    color: #343434;

}



table.manage-table .action{

    width: 15%;

    float: left;

    text-align: right;

}



table.manage-table .action a {

    display: block;

    color: #343434;

    line-height: 20px;

    padding: 3px 0;

    font-size: 15px;

}





/** SUBMIT PROPERTY AREA START **/

.notification-box {

    padding: 30px 35px;

    color: #2e86b2;

    margin-bottom: 50px;

    background-color: #bae8ff;

}



.notification-box h3 {

    margin: 0 0 10px;

    font-weight: 600;

}



.notification-box p {

    font-size: 17px;

    margin: 0;

}



.submit-address form .form-control {

    padding: 10px 20px;

    font-size: 16px;

    outline: none;

    color: #717171;

    width: 100%;

    min-height: 50px;

    font-weight: 400;

    border-radius: 3px;

    border: 1px solid #dbdbdb;

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

}



.submit-address .btn{

    padding: 9px 20px 7px;

    margin-bottom: 0;

    font-size: 16px;

}



.submit-address form textarea {

    min-height: 200px!important;

}



.submit-address form label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 400;

    font-size: 16px;

    color: #343434;

}



.submit-address form .form-group {

    margin-bottom: 25px;

}



.submit-address .checkbox {

    padding-left: 0;

    margin: 0 0 10px;

}



.submit-address .checkbox label {

    padding-left: 10px;

    color: #343434;

}



.dropzone-design {

    border: 2px dashed #d0d0d0;

    min-height: 100px;

}



.dropzone-design, .dropzone-design * {

    box-sizing: border-box;

}



.dropzone-design {

    min-height: 200px;

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

}



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

    content: '';

    position: absolute;

    top: -6px;

    left: 64px;

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid #be2626;

}



.dropzone-design {

    position: relative;

    border: 2px dashed #d0d0d0;

    border-radius: 3px;

    background: #fff;

    transition: all 0.3s linear;

    display: inline-block;

    width: 100%;

}



.dropzone-design:before {

    position: absolute;

    height: 100%;

    width: 100%;

    content: "";

    top: 0;

    left: 0;

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

    background-color: #66676b;

    opacity: 0;

    z-index: 10;

    transition: all 0.3s linear;

    border-radius: 3px;

    background: #fff;

}



.dropzone-design:hover:before {

    opacity: 0.4;

}



.dropzone-design .dz-message {

    text-align: center;

    margin: 50px 0;

    font-size: 17px;

    color: #4a4747;

    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;

}



.bordered-right {

    border-right: 1px solid rgba(22, 24, 27, .12);

}



/** SPECIFICATIONS AREA START **/

.section-heading .media .media-left i {

    color: #fff;

    width: 47px;

    height: 47px;

    line-height: 47px;

    text-align: center;

    font-size: 30px;

    float: left;

}



.specifications .reviews-box ul {

    margin: 0;

    padding: 0;

}



.specifications .reviews-box ul li {

    list-style: none;

    float: left;

}



.specifications a:hover {

    color: #646363;

}



.book-btn {

    display: block;

    height: 41px;

    margin-bottom: 15px;

    border-radius: 3px;

}



.book-btn-l {

    float: left;

    padding: 0 12px;

    height: 40px;

    display: block;

    text-align: center;

    line-height: 40px;

    color: #fff;

}



.book-btn-r {

    height: 40px;

    line-height: 40px;

    font-size: 12px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 600;

    text-align: center;

    display: block;

}



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

}



.social-media-box {

    text-align: left;

    float: left;

    width: 100%;

}



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

    text-align: center;

    display: inline-block;

    font-size: 18px;

    border-radius: 0;

}



/** Option Panel **/

.option-panel {

    z-index: 9999;

    width: 225px;

    position: fixed;

    right: 0;

    background: #fff;

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

    top: 20%;

    padding: 20px 20px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}



.option-panel-collased {

    right: -225px;

}



.option-panel h2 {

    font-size: 16px;

    margin: 0 0 0 0;

    text-align: center;

    padding: 8px 0;

    font-weight: 600;

}



.option-panel .color-plate {

    width: 40px;

    height: 40px;

    float: left;

    margin: 3px;

    border-radius: 0;

    cursor: pointer;

}



.default-plate {

    background: #95c41f;

}



.blue-plate {

    background: #2048bb

}



.yellow-plate {

    background: #ffb400

}



.red-plate {

    background: #d20023;

}



.green-light-plate {

    background: #1abc9c

}



.orange-plate {

    background: #F34B0A;

}



.yellow-light-plate {

    background: #eae328;

}



.green-light-2-plate {

    background: #0dcdbd;

}



.olive-plate {

    background: #b3c211;

}



.purple-plate {

    background: #8e44ad;

}



.blue-light-plate {

    background: #3c9dff;

}



.brown-plate {

    background: #A14C10;

}



.setting-button {

    background: #eee;

    position: absolute;

    font-size: 16px;

    text-align: center;

    width: 50px;

    height: 50px;

    line-height: 50px;

    left: -50px;

    color: #fff;

    /* top: 0; */

    border-radius: 0;

    cursor: pointer;

}



/** Option Panel **/



/** ICONS LIBRARY **/

.glyph {

    background: #fff;

    text-align: center;

    padding: 25px 11px;

    margin-bottom: 25px;

    font-size: 16px;

    color: #343434;

    width: 100%;

}



.glyph:hover{

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

}



.glyph .glyph-icon {

    font-size: 35px;

    color: #555;

}



/** PROPERTY 2 SECTION START **/

.property-2 {

    z-index: 2;

    background: #fff;

    text-align: left;

    margin-bottom: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.property-2:hover {

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

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

    transform: translateY(-5px);

}



.property-2 .property-overflow {

    overflow: hidden;

    position: relative;

    z-index: 999;

}



.property-2 .property-inner:hover .property-photo:before {

    width: 100%;

}



.property-2 .property-photo:before {

    position: absolute;

    content: '';

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

    right: 0;

    width: 0%;

    height: 100%;

    transition: 1s;

    z-index: 111;

}



.property-2 .content {

    padding: 20px 20px;

}



.property-2 .content .title {

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 5px;

}



.property-2 .property-address a {

    font-size: 15px;

    color: #343434;

}



.property-2 .property-address{

    margin: 0;

}



.property-2 .facilities-list {

    padding: 0 20px;

    text-align: center;

    border-top: solid 1px #efe9e9;

}



.property-2 .facilities-list li {

    float: left;

    font-size: 14px;

    line-height: 40px;

    border-right: solid 1px #efe9e9;

    text-align: center;

    width: 50%;

}



.property-2 .facilities-list li:last-child {

    margin-right: 0;

    padding-right: 0;

    border-right: none;

}



.property-2 .price-ratings {

    position: absolute;

    font-size: 20px;

    bottom: 10px;

    right: 10px;

    text-align: right;

    z-index: 200;

}



.property-2 .featured {

    position: absolute;

    top: 10px;

    left: 10px;

    z-index: 999!important;

    font-size: 10px;

    font-weight: 600;

    padding: 6px 14px;

    border-radius: 2px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    display: inline-block;

}



.property-2 .price-ratings .price {

    font-size: 17px;

    font-weight: 600;

    color: #fff;

}



.property-hp img{

    height: 279px;

}



.property-hp .property-content .info {

    padding: 40px 30px 35px;

}



.property-hp .property-content .title {

    font-size: 25px;

}



.property-hp .property-footer {

    padding: 20px 30px;

}



.listing-badges {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    display: block;

    font-size: 15px;

    padding: 0;

    overflow: hidden;

    height: 100px;

}



.listing-badges .featured {

    float: left;

    transform: rotate(317deg)  !important;

    left: -57px;

    top: 26px;

    position: relative;

    text-align: center;

    width: 200px;

    letter-spacing: 1px;

    z-index: 20;

    font-size: 12px;

    font-weight: 600;

    padding: 6px 14px 4px;

    color: #fff;

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

    background: red;

}



/** PROPERTY 3 SECTION START **/

.property-3 {

    position: relative;

    overflow: hidden;

    background: #fff;

    z-index: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: 30px;

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

    width: 100%!important;

}



.property-3:hover{

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

    transform: translateY(-5px);

}



.property-3:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 0;

    background: linear-gradient(0,#2b2c27e6,rgb(255 255 255 / 0%));

    border-radius: 4px 4px 0 0;

    opacity: 1;

}



.property-3:hover:before {

    content: "";

    top: 0;

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 0;

    background: linear-gradient(0,#122868e6,rgb(255 255 255 / 0%));

    border-radius: 4px 4px 0 0;

    opacity: 1;

}



.property-3 h3 {

    -webkit-transition: .4s;

    transition: .4s;

    font-weight: 600;

    font-size: 22px;

    margin: 0 0 12px;

}



.property-3 .ling-section {

    position: absolute;

    bottom: 30px;

    padding-right: 25px;

    padding-left: 25px;

    width: 100%;

}



.property-3 h3 a{

    color: #fff;

}



.property-3 h3 a:hover{

    color: #fff;

    opacity: 0.9;

}



.property-3 .read-more-btn {

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 82px;

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

    transform: translateX(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.6;

    transition: 0.6;

    font-size: 15px;

    font-weight: 500;

    text-align: left;

    color: #fff;

    padding: 9.5px 22px;

    border-radius: 3px;

    background: #fff;

}



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

    content: '';

    position: absolute;

    width: 0;

    -webkit-transition: .5s;

}



.property-3 .facilities-list {

    display: inline-block;

    -webkit-transition: .4s;

    transition: .4s;

}



.property-3 .facilities-list li {

    margin-right: 10px;

    float: left;

    font-size: 15px;

    line-height: normal;

    color: #fff;

    padding-right: 10px;

    border-right: solid 1px #c7c7c752;

}



.property-3 .facilities-list li:last-child{

    padding-right: 0;

    margin-right: 0;

    border-right: none;

}



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

    opacity: 1;

    visibility: visible;

    bottom: 0;

    text-align: left;

}



.property-3:hover h3 {

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

    transform: translateY(-50px);

}



.property-3:hover .facilities-list {

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

    transform: translateY(-50px);

}



.property-3 .featured-tag2{

    font-size: 12px;

    font-weight: 600;

    padding: 6px 14px 4px;

    border-radius: 2px;

    color: #fff;

    border: none;

    text-transform: uppercase;

    letter-spacing: 1px;

    display: inline-block;

    z-index: 20;

    left: 20px;

    margin-top: 20px;

    top: 0;

    position: absolute;

}



.advanced-search .dropdown-toggle::after{

    right: 12px;

}



.advanced-search .bootstrap-select .dropdown-menu {

    margin: -2px 0!important;

}



.advanced-search .dropdown:hover > .dropdown-menu {

    margin: 0!important;

    border-top: none!important;

}



/** MEDIA QUERY **/

@media (max-width: 1200px) {

    .agent-1 .member-thumb {

        width: 140px;

        height: 140px;

        margin: 0 auto 30px;

    }



    .d-none-1200{

        display: none;

    }



    .contact-3 .contact-info-2 {

        margin-left: 0px;

    }



    .agent-detail .address-list{

        line-height: 28px;

        font-size: 15px;

    }



    .agent-detail h3 {

        font-size: 22px;

        margin: 0 0 10px;

    }



    .agent-detail img{

        height: 350px;

    }



    .agent-2.a-two img{

        height: 255px;

    }



    .cap2 {

        margin-left: 30px;

    }



    .agent-2.a-three img{

        height: 280px;

    }



    .about-text{

        margin-top: 0;

    }



    .n-1200{

        display: none;

    }



    .a-2 .agent-content {

        padding: 25px 20px 0;

    }



    .property-2 .content {

        padding: 20px 15px;

    }



    .property-2 .facilities-list {

        padding: 0 12px;

    }

}



@media (max-width: 995px) {

    .about-text {

        margin: 30px 0 0;

    }



    .pds-2 {

        margin-right: 0;

    }

    

    .property-2 .content {

        padding: 20px 20px;

    }



    .logo img {

        height: 35px;

    }



    .bordered-right {

        border-right: 1px solid transparent;

    }



    .pricing-tables-3 .mb {

        margin: 0 auto 40px !important;

    }



    .compare-table tr td {

        font-size: 14px;

        padding: 15px 10px;

    }



    .banner .button-md {

        padding: 12px 20px 8px 20px;

        font-size: 12px;

    }



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

    }



    .modal-raw {

        display: block;

    }

}

    .li-design {

    padding-left: 5%;

}

li.nav-item.dropdown.li-design >a {

        color: #999;

        text-transform: capitalize;

        padding: 5px 0 0 0;

}

.dropdown-menu>li>a:hover{

    color: #999 !important; 

}

.subdrop {

    margin-right: -134px !important;

    padding: 0;

}

.dropdown-submenu > a:after{

   display: none!important; 

}

.dropdown-submenu > a {

    text-transform: capitalize;

}

.propertychild {

    left: 100% !important;

}

ul.dropdown-menu.show {

    width: 100%;

}

ul.dropdown-menu.show {

    padding-left: 10px;

}

.back-color {

    background: white;

    border-radius: 3px;

    height: 50px;

}

.mylocation a {

    padding: 13px !important;

    color: #999;

}

.mylocation a:hover {

    

    color: #999;

}







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

    .banner img {

        /*animation: bgburnsEast 25s linear infinite alternate;

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

    }



  /*   .pull-right .dropdown > .dropdown-menu {

    display: none !important;

} */

    .pull-right .dropdown:hover > .dropdown-menu {

    display: flex;

}



    .dropdown > .dropdown-menu {

        /* display: block; */

        max-width: 100%;

        margin: auto;

        opacity: 1;

        visibility: visible;

        /* display: flex;  */

        flex-direction: column;

        position: absolute;

        right: 0;

    }







       .dropdown:hover >.dropdown-menu {

        /* display: block; */

       /*  max-width: 100%;

        margin: auto;

        opacity: 1;

        visibility: visible;

        display: flex; 

        flex-direction: column;

        position: absolute;

        right: 0; */



    }





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

        display: block;

    }



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

        display: block;

    }



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

        display: none !important;

    }

}

.button-thefme {

   color: #ffffff;

    /* border: 1px solid #bdbdbd; */

    background: #000575;

}



@media (max-width: 992px) {

    .dropdown:hover > .dropdown-menu{

    display: flex; 

        flex-direction: column;

        position: absolute;

        right: 0;

 }





    .testimonials-2 .sec-title-three {

        max-width: 100%;

        margin-bottom: 40px;

        text-align: center;

    }



    .setting-button {

        display: none;

    }



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

        margin-bottom: 50px;

        max-width: 100%;

    }



    .details-banner img{

        height: 500px;

    }



    .d-none-992{

        display: none;

    }



    .sub-banner {

        padding: 180px 0 100px;

    }



    .sub-banner.sb-three{

        padding: 180px 0 100px;

    }



    .sub-banner.sb-two {

        padding: 150px 0 100px;

    }



    .sub-banner h1 {

        font-size: 27px;

    }



    .breadcrumbs li {

        font-size: 17px;

    }



    .main-footer-3 .footer-inner {

        padding-top: 60px;

        padding-bottom: 20px;

    }



    .main-footer-3 .sub-footer {

        padding: 30px 0;

    }



    .main-footer-3 .footer-item.fi-two {

        margin-right: 0;

    }



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

        margin-right: 20px;

    }



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

        right: -12px;

    }



    .social-media .icon {

        margin: 0 2px 3px 0;

        width: 45px;

        height: 45px;

        line-height: 45px;

    }



    .blog-share .social-media .icon {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }



    .banner .w-32{

        width: 50%;

        float: left;

    }

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

       .banner .w-32{

        width: 100%;

        float: left;

    } 

    .tab-width {

    width: 100%;

}

    }

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

        .full-width {

    width: 100% !important;

}

    }



    .banner .w-17{

        width: 50%;

        float: left;

    }



    .banner .w-17-2{

        width: 100%;

        float: left;

    }



    .banner .banner-slider-inner h2 {

        font-size: 35px;

    }



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

        width: 30px;

        height: 50px;

        border-radius: 5px 0 0 5px;

        top: 45%;

        margin: 0;

    }



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

        display: inline-block;

        width: 1.2rem;

        height: 1.2rem;

    }



    .banner .w-100 {

        width: auto!important;

    }



    .details-banner .breadcrumb-box .text-end {

        text-align: left!important;

    }



    .details-banner .ratings-2{

        margin-bottom: 5px;

    }



    .details-banner h1 {

        font-size: 25px;

        font-weight: 600;

        margin: 0 0 5px;

    }



    .product-slider-box .slider-for2 {

        width: 80.5%;

    }



    .product-slider-box .slider-nav2 {

        width: 19.5%;

    }



    .advanced-search.as2{

        display: none;

    }



    .comon-slick .slick .item {

        padding: 0 15px;

    }



    .comon-slick .slick .item .popular-places-box-2 {

        transform: scale3d(1, 1, 1)!important;

    }



    .popular-places .col-pad2 {

        padding: 0;

    }



    .intro-section h3 {

        font-size: 22px;

    }



    .bg-service-color {

        max-width: 100%;

    }



    .our-service-there .cap2 {

        max-width:350px;

        margin: auto;

    }



    .counters-3-inner{

        max-width: 530px;

        margin:0 auto;

    }



    .error-page .nobottomborder {

        margin-left: 0;

    }



    .agent-detail img{

        height: auto;

    }



    .agent-detail .agent-content {

        padding: 30px 30px 25px;

    }



    .agent-2.a-two img{

        height: auto;

    }



    .agent-2.a-three img{

        height: auto;

    }



    .agent-2 .detail {

        padding: 30px;

    }



    .sub-banner{

        width: auto!important;

    }



    .contact-3 .contact-info-2 {

        padding: 40px;

        margin:0 0 50px 0;

    }



    .t-s h2{

        margin-bottom: 10px;

    }



    .banner .item img {

        width: auto!important;

    }



    .banner .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

        display: block;

        max-width: initial;

        height: auto;

    }



    .bs-glyphicons li {

        width: 33.33%;

    }



    .logo {

        margin-right: 25px;

        padding: 27.5px 0;

    }



    .error-page{

        text-align: center;

    }



    .error-page .error404 {

        font-size: 200px;

        margin-bottom: 30px;

    }



    .error-page p {

        margin-bottom: 20px;

        font-size: 17px;

    }



    .error-page h1 {

        font-size: 30px;

        margin: 0 0 20px;

    }



    .counters-2 {

        padding: 80px 0 40px;

    }



    .banner .btn-1 {

        line-height: 41px;

        font-size: 15px;

        padding: 0 42px 0 20px;

    }



    .banner .btn-2 span {

        font-size: 15px;

    }



    .banner .btn-2 {

        font-size: 15px;

        line-height: 41px;

        padding: 0 42px 0 20px;

    }



    .counter-box-2 {

        padding: 0;

        margin-bottom: 40px;

    }



    .counters-2 .border-l {

        border-left: none;

    }



    .counters-2 .border-r {

        border-right: none;

    }



    .as2 .a-two .detail {

        padding: 30px 30px 25px;

    }



    .search-area .form-group{

        margin-bottom: 10px;

    }



    .search-area {

        padding: 30px 0 20px;

    }



    .sr2{

        padding:30px 15px 20px;

    }



    .sr2 .btn {

        font-size: 16px;

        height: 50px;

        line-height: 28px;

    }



    .sr2 .search-button {

        height: 50px!important;

    }



    .sr2 .search-button{

        height: 45px;

    }



    .property-2 .facilities-list li {

        width: 33%;

        margin-right: 0;

        padding: 0;

    }



    .agent-section-1 .sec-title-three{

        padding: 0;

        margin-bottom: 40px;

        text-align: center;

    }



    .counters-3 .sec-title-three {

        max-width: 100%;

        margin-bottom: 40px;

        text-align: center;

    }



    .counter-box-3 {

        margin: 0 7.5px 15px;

    }



    .copy-right {

        text-align: center;

    }



    .copy-right p{

        line-height: normal;

        margin-bottom: 15px;

    }



    .copy-right ul {

        float: none;

    }



    .counters-3 .main-title{

        text-align: center;

    }



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

        background: #423b3b57;

        width: 30px;

        height: 45px;

        border-radius: 0 5px 5px 0;

        top: 45%;

        margin: 0;

        opacity: 1;

    }

}



@media (max-width: 768px) {

    .counters h3 {

        font-size: 19px;

        margin-bottom: 20px;

    }



    .error-page{

        padding: 25px 0;

    }



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

        font-size: 24px;

    }



    .about-real-estate-2 {

        padding: 70px 0;

    }



    .about-real-estate-2 h1{

        font-size: 24px;

    }



    .counter-box-2 i {

        font-size: 35px;

        width: 80px;

        height: 80px;

        line-height: 80px;

    }



    .counter-box-2 p {

        font-size: 16px;

    }



    .contact-1 .contact-pad{

        padding: 30px;

    }



    .contact-1 .contact-details {

        padding: 30px;

    }



    .banner .banner-slider-inner h2 {

        font-size: 30px;

    }



    .blog-box .detail .blog-share{

        margin-top: 20px;

    }



    .sr2{

        padding:30px 0 20px!important;

    }



    .banner .text-start{

        text-align: center!important;

    }



    .banner .text-end{

        text-align: center!important;

    }



    .sidebar-widget{

        padding: 30px 20px;

    }



    .comparison-search .form-group{

        margin-bottom: 15px;

    }



    .comparison-search{

        margin-bottom: 10px;

    }



    .comment-meta-date{

        display: none;

    }



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

        padding: 7.5px 14px 7.5px;

        font-size: 15px;

    }



    .comon-slick .slick-prev {

        left: 20px;

    }



    .comon-slick .slick-next {

        right: 20px;

    }



    .popular-places.pp2 .col-pad {

        padding: 0 15px;

    }



    .copy-right {

        margin-top: 20px;

    }



    table.manage-table .photo{

        width: 100%;

    }



    table.manage-table .action {

        width: 100%;

        text-align: left;

    }



    table.manage-table .expire-date {

        width: 100%;

        margin-bottom: 10px;

    }



    table.manage-table .title-container {

        width: 100%;

    }



    table.manage-table .photo img {

        margin-bottom: 20px;

    }



    table.manage-table .d-flex {

        display: inline-block!important;

    }



    table.manage-table .action a {

        display: initial;

        padding: 5px 15px;

        background: #ededed;

        border-radius: 3px;

    }



    table.manage-table .pe-3 {

        padding-right: 0!important;

    }



    .login-section .form-section {

        padding: 50px 30px;

    }



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

        display: none;

    }



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

        width: 100px;

    }



    .option-bar{

        display: none;

    }



    .contact-3 .contact-info-2 {

        padding: 30px;

        margin:0 0 30px 0;

    }



    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

        background-color: transparent;

    }



    .modal-dialog{

        margin: 100px auto 30px;

    }



    .main-footer .footer-item.fi2{

        margin-right: 0;

    }



    .navbar-nav {

        margin: 0px 0px!important;

        background: white;

    }

    /* change */

    .navbar-nav .dropdown-menu {

    /* position: static; */

    margin-right: -140px !important;

}

.subdrop {

    margin-right: -140px !important;

}

.dropdown-menu.subdrop {

    margin-right: -190px;

}



    /* end */



    .navbar-collapse{

        padding: 0;

    }



    .bs-glyphicons li {

        width: 50%;

    }



    .error-page .error404 {

        font-size: 120px;

    }



    .error-page p {

        font-size: 17px;

    }



    .error-page h1 {

        font-size: 26px;

    }



    .intro-section .intro-section-inner {

        padding: 30px 0;

    }



    .intro-section {

        text-align: center;

    }



    .intro-section h3 {

        margin-bottom: 15px;

        line-height: normal;

    }



    .intro-section .btn-2 {

        float: none;

    }



    .counter-box-inner{

        max-width: 262px;

        margin: 0 auto;

    }



    .counter-box-1 h1 {

        font-size: 40px;

    }



    .counters-1 {

        padding: 70px 0 40px;

    }



    .counter-box-3 {

        max-width: 345px!important;

        margin: 0 auto 15px;

        float: initial;

    }



    .counters-2 {

        padding: 70px 0 30px;

    }



    .testimonials-1{

        padding: 70px 0;

    }



    .view-search {

        margin: 0 auto 30px;

    }



    .n-786{

        display: none;

    }



    .content-area-17{

        margin-bottom: 40px;

    }



    .main-title p{

        font-size: 16px;

    }



    .main-title p.mb-30{

        margin-bottom: 20px!important;

    }



    .property-hp .property-content .info{

        padding: 25px 20px 20px;

    }



    .property-hp .property-content .property-footer {

        padding: 15px 20px;

    }



    .property-hp .property-content .title {

        font-size: 22px;

    }



    .counters-3 .counter-box-3 {

        padding: 20px 12px 15px;

    }



    .our-service-there {

        padding-top: 70px;

    }



    .counters-3{

        padding: 70px 0 55px;

    }



    .counters-3 .sec-title-three {

        margin-bottom: 25px;

    }



    .counters-3 .sec-title-three h2 {

        font-size: 24px;

    }



    .counters {

        padding: 50px 0 20px;

    }



    .agent-section-1 .sec-title-three{

        margin-bottom: 25px;

    }



    .agent-section-1 h2 {

        font-size: 24px;

    }



    .agent-section-1 .item {

        margin: 0;

    }



    .agent-section-1 {

        padding: 50px 0;

    }



    .pr-0{

        padding-right: 15px;

    }



    .testimonials-2 {

        padding: 70px 0;

    }



    .button-section.mb-50{

        margin-bottom: 40px;

    }



    .mega-dropdown .mega-dropdown-menu {

        padding: 15px 5px;

        background: #fff5f5!important;

    }



    .mega-dropdown-menu > li > ul > li > a {

        font-size: 16px;

    }



    .property .hp-1 {

        height: auto;

    }



    .option-panel {

        top: 10%;

    }



    .brand-box {

        padding: 20px 10px;

    }



    .main-footer {

        padding: 70px 0 0;

    }



    .brand-box img {

        height: 40px;

    }



    .brand-box h5 {

        font-weight: 600;

        margin: 20px 0 10px;

    }



    .property .button, input[type="submit"] {

        padding: 5px 12px;

    }



    .property-price {

        font-size: 17px;

    }



    .logo img {

        height: 30px;

    }



    .properties-panel-box .nav > li > a {

        font-size: 12px;

        padding: 8px 15px;

    }



    .mb-70 {

        margin-bottom: 40px;

    }



    .mb-100 {

        margin-bottom: 70px;

    }



    .pricing-tables-3 .mb {

        margin: 0 auto 25px !important;

    }



    .about-city-estate .main-title-4 h1 {

        font-size: 24px;

    }



    .about-city-estate {

        padding-top: 70px;

    }



    .error404-content h2 {

        font-size: 22px;

    }



    .breadcrumbs li {

        font-size: 16px;

    }



    .list-inline-listing li {

        padding: 5px 15px 3px;

        margin: 0 0 3px;

    }



    .biography p {

        font-size: 15px;

    }



    .main-title h1 {

        font-size: 24px;

    }



    .main-title-2 h1{

        font-size: 24px;

    }



    .main-title-2 p {

        font-size: 17px;

        margin-bottom: 10px;

    }



    .main-title-2 {

        margin-bottom: 30px;

    }



    .main-title-3{

        margin-bottom: 30px;

    }



    .main-title-3 h1{

        font-size: 24px;

    }



    .main-title-3 .section-subtitle {

        font-size: 15px;

    }



    .property-hp img {

        height: auto;

    }



    .main-title-4 {

        margin-bottom: 20px;

    }



    .content-area {

        padding: 70px 0 40px;

    }



    .content-area-2 {

        padding: 70px 0;

    }



    .content-area-3 {

        padding: 20px 0;

    }



    .content-area-4 {

        padding: 50px 0;

    }



    .content-area-5 {

        padding-bottom: 20px;

    }



    .content-area-6 {

        padding: 70px 0 40px;

    }



    .content-area-7 {

        padding: 70px 0;

    }



    .content-area-8 {

        padding: 70px 0 40px;

    }



    .content-area-9 {

        padding-top: 50px;

    }



    .content-area-10 {

        padding: 70px 0 55px;

    }



    .content-area-11 {

        margin-bottom: 70px;

    }



    .content-area-12 {

        padding: 70px 0 50px;

    }



    .content-area-13 {

        margin-bottom: 70px;

        padding-bottom: 15px;

    }



    .content-area-14 {

        margin-bottom: 70px;

        padding:70px 0 20px;

    }



    .content-area-15 {

        padding: 70px 0 30px;

    }



    .content-area-16 {

        padding: 70px 0 20px;

    }



    .categories-2 {

        padding: 50px 0 30px;

    }



    .main-title {

        margin-bottom: 30px;

    }



    .mb-40 {

        margin-bottom: 20px;

    }



    .listings-parallax {

        padding-top: 50px;

        text-align: center;

    }



    .contect-agent-photo {

        margin-top: 15px;

    }



    .our-service-inner {

        padding: 50px 0;

    }



    .properties-panel-box .nav-tabs > li > a {

        margin: 2px 4px 2px 0;

    }



    .bc-2{

        max-width: 90%;

        margin: 0 auto!important;

    }



    .logo-2 {

        margin-bottom: 10px;

        text-align: center;

    }



    .login-section .logo-2{

        margin-bottom: 0;

    }



    .location .contact-map {

        height: 250px !important;

    }



    .logo {

        padding: 25px 0;

    }



    .navbar-default .navbar-toggle {

        margin-top: 33px;

        margin-right: 0;

        padding: 0;

        margin-bottom: 8px;

        border-radius: 0;

        border: none;

    }



    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

        color: #fff !important;

    }



    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

        color: #fff;

    }



    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #fff;

    }



    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #555;

        background: #fff5f5;

        border-bottom: none;

    }



    .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {

        background: #fff5f5;

        padding-left: 50px;

    }



    .hidden-mb-0 {

        margin-bottom: 0;

    }



    .section-4 {

        padding-top: 95px;

    }



    .listings-parallax h1 {

        font-size: 25px;

        margin: 0 0 20px;

    }



    .sub-banner {

        padding: 160px 0 80px;

    }



    .sub-banner.sb-three{

        padding: 160px 0 80px;

    }



    .sub-banner.sb-two {

        padding: 80px 0;

    }



    .contact-details .media .media-left {

        padding-right: 20px;

    }



    .contact-details .media .media-left i {

        width: 42px;

        font-size: 21px;

        height: 42px;

        line-height: 42px;

    }



    .blog-box .detail p {

        text-align: justify;

    }



    .search-box .form-group {

        margin-bottom: 0;

    }



    .blog-box .detail {

        padding: 25px 20px;

    }



    .blog-box .detail .tags-box {

        margin-bottom: 20px;

    }



    .blog-box .detail .blog-share {

        float: left;

        text-align: left;

    }



    .blog-box h3 {

        font-size: 20px;

    }



    .comments ul {

        margin: 0 0 0 0;

    }



    .comment-body {

        line-height: 20px;

        margin-top: 10px;

        font-size: 13px;

        text-align: justify;

    }



    blockquote {

        margin: 20px 0 20px;

    }



    .go-home {

        float: none;

    }



    .option-bar h4 {

        display: block;

        border-radius: 3px;

    }



    .option-bar .cod-pad {

        padding: 0 15px 0 0;

    }



    .form-content-box .details {

        padding: 20px 20px;

    }



    .sec-title-three h2 {

        margin-top: 0;

    }



    .recent-properties {

        padding: 50px 0 20px;

    }



    .about-text h3 {

        font-size: 24px;

    }



    .search-area .form-group {

        margin-bottom: 10px;

    }



    .properties-box .detail .location a {

        font-size: 14px;

    }



    .about-box {

        max-width: 100%;

    }



    .property .height img {

        height: auto;

    }



    .properties-details-page p {

        text-align: justify

    }



    .properties-amenities ul li {

        list-style: none;

    }



    .properties-condition ul li {

        margin-bottom: 10px;

    }



    .heading-properties h3 {

        font-size: 18px;

    }



    .typography-page p {

        font-size: 13px;

        line-height: 25px;

        text-align: justify;

    }



    .sub-banner h1 {

        font-size: 24px;

    }



    .breadcrumbs .active:before {

        font-size: 18px;

    }



    .breadcrumb-area p {

        font-size: 14px;

    }



    .breadcrumb-area .button-md {

        padding: 10px 20px;

    }



    .listings-parallax img {

        margin-top: 30px;

    }



    .t-slider-l {

        width: 30px;

        height: 30px;

        line-height: 25px;

    }



    .t-slider-r {

        width: 30px;

        height: 30px;

        line-height: 25px;

    }



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

    }



    .testimonials-2 .sec-title-three {

        margin-bottom: 25px;

    }



    .testimonials-2 h2 {

        font-size: 24px;

    }



}



@media (max-width: 575px) {

    .property .hp-2 {

        height: auto!important;

    }

}





/** List view inside Map **/

.map-properties-list {

    margin: 0px 15px 30px 15px;

}



.img-inside-map {

    height: 225px;

}