/*----------------------------------------
  5. Google Fonts
----------------------------------------*/

@import url("https://fonts.googleapis.com/css?family=Raleway:400,600,700,800");

/* -----------------------------------
  8. call-to-action-area
----------------------------------- */

.call-to-bg {
    position: relative;
}

.call-to-bg:before,
.call-to-bg:after {
    position: absolute;
    top: 0;

    height: 100%;

    content: "";
}

.call-to-bg:before {
    left: 0;

    width: 31%;
    margin-left: -100px;
    

    -webkit-transform: skewX(-50deg);
            transform: skewX(-50deg);

    background: #95C41F none repeat scroll 0 0;
}

.call-to-bg:after {
    z-index: -1;
    right: 0;

    width: 100%;
    height: 100%;

    background: rgba(31, 34, 62, 0.8) none repeat scroll 0 0;
}


.call-to-bg-pro {
    position: relative;
}

.call-to-bg-pro:before,
.call-to-bg-pro:after {
    position: absolute;
    top: 0;

    height: 100%;

    content: "";
}

.call-to-bg-pro:before {
    left: 0;

    width: 31%;
    margin-left: -100px;

    /*-webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);

    background: #95C41F none repeat scroll 0 0;*/
}

.call-to-bg-pro:after {
    z-index: -1;
    right: 0;

    width: 100%;
    height: 100%;

    background: rgb(5 29 249 / 80%) none repeat scroll 0 0;
}

.call-to-bg-pro1 {
    position: relative;
}

.call-to-bg-pro1:before,
.call-to-bg-pro1:after {
    position: absolute;
    top: 0;

    height: 100%;

    content: "";
}

.call-to-bg-pro1:before {
    left: 0;

    width: 31%;
    margin-left: -100px;

    /*-webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);

    background: #95C41F none repeat scroll 0 0;*/
}

.call-to-bg-pro1:after {
    z-index: -1;
    right: 0;

    width: 100%;
    height: 100%;

    background: rgb(2 226 101 / 80%) none repeat scroll 0 0;
}
/* -----------------------------------
  9. booking-area
----------------------------------- */
.booking-area .section-title {
    margin-top: 15px;
}

.booking-conternt {
    width: calc(100% - 80px);
    margin: auto;
    /*margin-bottom: 70px;*/
}

.booking-conternt1 {
    width: calc(100% - 80px);
    margin: auto;
    margin-bottom: 70px;
}

.book-house {
    float: left;

    width: 80%;
}

.book-house h2 {
    font-size: 30px;

    margin-bottom: 0;
}

.book-house h2 + h2 {
    margin-top: 20px;
}

.booking-imgae {
    float: left;

    width: 20%;
    margin-top: -100px;
}

.booking-imgae img {
}

.booking-imgae {
    margin-top: -100px;
}

/* -----------------------------------
  13. Features area
----------------------------------- */

.features-area {
    background: url("img/kv.jpg") no-repeat scroll 0 0;
}

.features-info {
    position: relative;

    padding: 60px 130px 45px 50px;
}

.features-info:before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 100%;

    content: "";

    border-bottom: 532px solid #F5F5F5;
    border-left: 150px solid transparent;
}

.features-include-list {
    margin-top: 35px;
}

.features-include-list > h6 {
    font-family: montserrat;
    font-weight: 400;

    color: #303030;
}

.features-include-list img {
    margin-right: 15px;
}

/* -----------------------------------
  14. Agents area
----------------------------------- */

.single-agent {
    position: relative;

    overflow: hidden;

    margin-bottom: 60px;

    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;

    border-bottom: 4px solid #1F223E;
}

.single-agent:hover {
    border-color: #95C41F;
}

.agent-image > img {
    width: 100%;
}

.agent-info {
    position: relative;
    z-index: 3;

    padding-bottom: 10px;

    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

.agent-info:before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 50px;

    content: "";
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;

    background-color: #F5F5F5;
}

.agent-info:after {
    position: absolute;
    z-index: -2;
    bottom: 50px;
    left: 0;

    content: "";
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;

    border-top: 55px solid transparent;
    border-left: 300px solid #F5F5F5;
}

.single-agent:hover .agent-info:before {
    height: 160px;
}

.single-agent:hover .agent-info:after {
    bottom: 160px;
}

.agent-info .agent-name {
    text-align: center;
}

.single-agent:hover .agent-info .agent-name {
    visibility: hidden;

    opacity: 0;

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

.agent-info .agent-name h5,
.agent-info .agent-name p {
    margin-bottom: 0;
}

.agent-info-hover {
    position: absolute;
    z-index: 9;
    bottom: 0;

    visibility: hidden;

    width: 100%;
    padding-bottom: 15px;

    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;

    opacity: 0;

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

.single-agent:hover .agent-info-hover {
    bottom: 0;

    visibility: visible;

    opacity: 1;

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

.single-agent:hover .agent-info-hover .agent-name h5 {
    color: #95C41F;
}

.agent-info-hover .agent-name {
    position: absolute;
    bottom: 60px;
    left: -25px;

    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.agent-info-hover .agent-name h5,
.agent-info-hover .agent-name p {
    margin-bottom: 0;
}

.agent-info-hover .agent-name h5 {
    font-size: 15px;
}

.agent-info-hover .agent-name p {
    font-size: 13px;
}

.agent-info-hover .agent-address img {
    margin-right: 10px;
}

.agent-info-hover .agent-address {
    margin-bottom: 10px;
}

.agent-info-hover .agent-address,
.agent-info-hover .social-media {
    padding-left: 80px;
}

.agent-address img {
    display: inline-block;
}

.agent-info-hover .agent-address > li {
    font-size: 13px;
}

.agent-info-hover .agent-address > li + li {
    margin-top: 5px;
}

.agent-info-hover .agent-address img {
    width: 15px;
    margin-right: 5px;
}

.social-media > li {
    display: inline-block;
}

.social-media > li + li {
    margin-left: 20px;
}

/* -----------------------------------
  15. Testimonial area
----------------------------------- */

.testimonial {
    border-bottom: 4px solid #F5F5F5;
}

.testimonial-brief {
    position: relative;
}

.testimonial-brief:before {
    font-family: fontawesome;
    font-size: 25px;

    position: absolute;
    right: 5px;
    bottom: -5px;

    content: "\f10e";

    color: #DADADA;
}

.testimonial-item h6 span {
    font-family: montserrat;
    font-size: 14px;
    font-weight: 300;

    color: #606060;
}

/* dots-right-btm */

.dots-right-btm .slick-dots li {
    display: inline-block;
}

.dots-right-btm .slick-dots {
    line-height: 1;

    position: relative;

    display: inline-block;
    float: right;

    margin-top: -20px;

    text-align: right;
}

.dots-right-btm .slick-dots li button {
    font-size: 0;

    width: 20px;
    height: 3px;

    background: #DFDFDF none repeat scroll 0 0;
}

.dots-right-btm .slick-dots li.slick-active button {
    background: #95C41F;
}

.dots-right-btm .slick-dots li + li {
    margin-left: 10px;
}


/* -----------------------------------
  18. Subscribe area
----------------------------------- */

.subscribe {
    position: relative;

    width: calc(100% - 90px);
    margin: 15px auto 0;
}

.subscribe input {
    float: left;

    width: 80%;
    margin-bottom: 0;
}

.subscribe button {
    height: 40px;
    margin: 0 0 0 -4px;
    padding: 0 35px;

    text-transform: uppercase;

    color: #FFF;
    background: #95C41F none repeat scroll 0 0;
}

/*button*/

.button-1 {
    font-size: 14px;

    display: inline-block;

    padding: 5px 18px;

    text-align: center;

    color: #FFF;
    border: 1px solid #95C41F;
    background: #95C41F none repeat scroll 0 0;
}

.button-1:focus {
    color: #FFF;
}

.btn-hover-1:hover {
    color: #FFF;
    border: 1px solid #FFF;
    background: transparent;
}

/* -----------------------------------
  20. About-landhub-area 
----------------------------------- */

.author-quote > p {
    position: relative;

    padding-left: 30px;
}

.author-quote > p:before {
    font-family: fontawesome;

    position: absolute;
    top: 0;
    left: 0;

    content: "\f046";
}

.about-image {
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.about-image img {
    width: 100%;
}

.about-image:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

/* -----------------------------------
  21. Breadcrumbs area
----------------------------------- */

.breadcrumbs-area {
    position: relative;
}

.bread-bg-1 {
    background: rgba(0, 0, 0, 0) url("img/breadcrumb.jpg") no-repeat scroll 0 0 / cover;
}

.breadcrumbs {
}

.breadcrumbs-title {
    font-size: 40px;
    line-height: 30px;

    margin-bottom: 0;
    padding: 230px 0 150px;

    text-align: center;
    text-transform: uppercase;

    color: #FFF;
}

.breadcrumbs-list {
    line-height: 1;

    padding-bottom: 10px;
}

.breadcrumbs-list > li {
    position: relative;

    display: inline-block;

    padding-right: 5px;

    text-transform: uppercase;

    color: #B3B3B3;
}

.breadcrumbs-list > li + li {
    padding-left: 10px;
}

.breadcrumbs-list > li + li:before {
    font-family: "fontawesome";

    position: absolute;
    top: 0;
    left: 0;

    content: "\f105";
}

/* -----------------------------------
  22. Counter-item (Call to action)
----------------------------------- */

.counter-content {
    float: left;

    width: 80%;
    padding-bottom: 50px;
}

.counter-item {
    float: left;

    width: 25%;
    padding: 20px 0 0;
}

.counter-item > h2 {
    font-family: "montserrat";
    font-size: 34px;
    font-weight: 400;

    margin-bottom: 0;

    color: #FFF;
}

.counter-item i {
    color: #95C41F;
}

.counter-item > p {
    font-size: 15px;
    font-weight: 400;

    margin-bottom: 0;

    color: #E0E0E0;
}

.counter-item-2 {
    float: left;
    /*text-align: center;*/

    width: 33%;
}

.counter-item-2 > h2 {
    font-family: "montserrat";
    font-size: 34px;
    font-weight: 400;

    margin-bottom: 0;
}

.counter-item-2 i {
    color: #95C41F;
}

.counter {
    display: inline-block;

    width: 80px;
}

.counter-item-2 > p {
    font-size: 15px;
    font-weight: 400;

    margin-bottom: 0;

    color: #1F223E;
}

/* -----------------------------------
  24. Features area -2
----------------------------------- */

.features-includes-2 .features-include-list {
    margin-top: 0;
    margin-bottom: 60px;
}

.features-includes-2 .features-include-list > p {
    font-size: 14px;
    line-height: 22px;
}

/* -----------------------------------
  25. Properties-details-area
----------------------------------- */

.pro-details-big-image {
    margin-bottom: 10px;
}

.pro-details-carousel {
    margin: 0 -5px;
}

.pro-details-item {
    width: 100%;
    padding: 0 5px;
}

.pro-details-item img {
    width: 100%;
}

/*pro-details-short-info*/

.pro-details-condition h5,
.pro-details-amenities h5 {
    margin-bottom: 40px;
}

.pro-details-condition-inner {
    padding: 35px 10px 20px 25px;
}

.pro-details-condition-inner > p > img {
    margin-right: 10px;
}

/*pro-details-agent*/

.pro-details-agent {
    padding-right: 30px;
}

.pro-details-agent > h5 {
    margin-bottom: 40px;
}

/*leave-review*/

.leave-review > h5 {
    margin-bottom: 40px;
}

.leave-review input,
.leave-review textarea {
    margin-bottom: 20px;

    background: #FAFAFA none repeat scroll 0 0;
}

.leave-review textarea {
    height: 185px;
}

.submit-btn-1 {
    display: inline-block;

    padding: 5px 30px 6px;

    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    text-transform: uppercase;

    color: #FFF;
    background: #95C41F none repeat scroll 0 0;
}

.submit-btn-1:hover {
    background: #1F223E none repeat scroll 0 0;
}


/* -----------------------------------
  27. Agents details area
----------------------------------- */

.agents-details-about {
    border-bottom: 4px solid #F5F5F5;
}

.agent-details-brief p,
.agent-details-biography p {
    font-size: 15px;
}

.agent-details-name > h3 {
    font-size: 24px;

    margin-bottom: 5px;
}

.agent-details-name {
    margin-bottom: 40px;
}

.agent-details-biography h5 {
    margin-bottom: 20px;
}

.agent-details-image > img {
    width: 100%;
    margin-top: -30px;
}

/*agent-details-contact*/

.agent-details-contact > h5 {
    margin-bottom: 20px;
}

.agent-details-contact > p {
    margin-bottom: 35px;
}

.experience h5 {
    margin-bottom: 40px;
}

/*footer-address*/

.contact-address > li + li {
    padding-top: 20px;
}

.contact-address > li {
    position: relative;

    overflow: hidden;

    padding-bottom: 20px;
}

.contact-address-icon {
    float: left;

    width: 25px;
}

.contact-address-info {
    float: left;

    padding-left: 10px;
}

.contact-address-info > span {
    font-size: 16px;
    /*font-weight: 300;*/
    line-height: 35px;
    color: #3f5a02;
    display: block;
}

.contact-address > li:before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 30%;
    height: 1px;

    content: "";

    background: #C2C2C2 none repeat scroll 0 0;
}

.contact-address > li:last-child:before {
    display: none;
}

.contact-bg {
    background: rgba(0, 0, 0, 0.1) url("img/contact.jpg") no-repeat scroll right center / cover;
}

.contact-messge {
    padding: 50px;
}

.contact-messge .leave-review input,
.contact-messge .leave-review textarea {
    margin-bottom: 20px;

    background: rgba(250, 250, 250, 0.6) none repeat scroll 0 0;
}


.contact-messge {
    position: relative;
}

.contact-messge:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    opacity: 0.4;
    background: #FFF none repeat scroll 0 0;

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

.leave-review {
    position: relative;
    z-index: 2;
}


@media (min-width: 1400px) {
    .directory-listing-google-map-area #gmap {
        height: 90vh;
    }
}

.directory-listing-google-map-area .find-home-box {
    position: absolute;
    top: 50%;

    width: 420px;

    transform: translateY(-45%);

    background: rgba(31, 34, 62, 0.9) none repeat scroll 0 0;
}

@media (min-width: 1170px) {
    .directory-listing-google-map-area .find-home-box {
        left: -50px;
    }
}

.directory-listing-google-map-area .section-title h2 {
    font-size: 30px;
    font-weight: 600;
}

.directory-listing-google-map-area .section-title h3 {
    font-size: 24px;
    font-weight: 400;
}

.directory-listing-google-map-area .gm-style .gm-style-iw-c {
    border-radius: 0;
}

.directory-listing-google-map-area .find-home-item .bs-searchbox input {
    color: #1F223E;
}

.map-property > a {
    display: block;

    margin-bottom: 20px;
}

.map-property img {
    width: 250px;
}

.map-property h5 {
    margin-bottom: 7px;

    color: #95C41F;
}

.map-property p {
    margin-bottom: 0;
}

button.gm-control-active.gm-fullscreen-control {
    margin-top: 60px !important;
}




@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

button {
    cursor: pointer;
}

.elements-tab {
    padding: 15px;

    background : linear-gradient(90deg,#04defb 20%,#c8dc05 107%);
}

.tab.vertical .tab-nav {
    flex-basis: 200px;
}

.tab.vertical .tab-content {
    flex-basis: calc(100% - 200px);

    padding-right: 30px;
    padding-left: 30px;
}

.left-sidebar .widget {
    padding-right: 30px;
    padding-left: 0;
}

.pro-details-navs {
    flex-wrap: nowrap;
}

.pro-details-navs .nav-item:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 10px;
    ;
}

.pro-details-navs .nav-link {
    padding: 0;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: transparent;

        -ms-border-radius: 0;
         -o-border-radius: 0;
}

.pro-details-navs .nav-link.active {
    background-color: transparent;
}

.pro-details-navs .nav-link img {
    width: 100%;
}


.countdown {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.countdown__item {
    flex-basis: calc(100% / 4);

    max-width: calc(100% / 4);

    text-align: center;
}

.countdown__time {
    font-size: 100px;
    font-weight: 700;
    line-height: 0.8;

    display: block;

    margin-bottom: 5px;

    color: #FAFAFA;
}

.countdown__text {
    font-size: 20px;

    display: block;

    text-transform: capitalize;

    color: #FAFAFA;
}