:root {
    --green: #088;
    --greentrans: #0884;
}

body {
    background: #ffffff;
    /* Maggie specified font email 16 Oct.  */
    font-family: "Dosis", Helvetica, Arial, sans-serif;
    font-size: 16px;
    /*font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 23px;*/
    color: #727272;
    overflow-x: hidden !important;
    margin: auto !important;
}

/* JohnC 18 May 2020: Widen the column on big screens to allow for the redesign on the listing pages. */
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}


#divContentContainer {
    /*This is the height of the navbar*/
    margin-top: 68px;
}

a {
    /* Made colour lighter to improve contrast on the footer. */
    color: #438ac7;
    /*color: #337ab7;*/
    text-decoration: none;
    transition: 0.6s color;
}

    a:hover {
        color: #337ab7;
    }

.searchFilters {
    text-align: center !important;
    color: black; /* Maggie 12 Oct 17 */
}

    .searchFilters select {
        width: 100%;
        padding: 10px;
        border-radius: 4px;
    }

    .searchFilters input {
        /*width: 100%;
        padding: 10px;*/
    }

    .searchFilters h2 {
        color: white;
        text-transform: none !important;
        /*font-weight: 900;*/
        text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
    }

    .searchFilters select {
        font-weight: 900;
    }

    .searchFilters input {
        font-weight: 900;
    }

.infoico {
}

.property-features ul li img {
    float: left !important;
    width: 60px !important;
    height: 60px !important;
}

.search-banner {
    max-height: 400px;
}

.features-new {
    padding-bottom: 30px !important;
    display: block !important;
    float: left;
}



    .features-new li {
        list-style: none !important;
    }

.single-post-content .property-features span {
    display: block;
}


.locationcrumbs {
    float: left;
    text-align: left;
    padding-left: 0px !important;
}


.accord-block {
    padding: 0px !important;
}

.single-property-details .accord-block {
    padding: 5px 20px 5px 20px !important;
    margin: 0px;
}

.single-property-details {
    padding-top: 40px;
}

    .single-property-details .accord-container {
        padding-left: 0;
    }


.locationcrumbs {
    text-align: left;
}

.property-single-property-details ul li i {
    padding-right: 0px !important;
    background: #234663;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    height: 28px;
    padding-top: 7px;
    text-align: center;
    width: 28px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}


.prices {
    background: #234663;
    padding: 15px;
    border-radius: 4px;
}

    .prices .price {
        background: #234663;
        color: #FFFFFF !important;
    }


.filters {
    /*background: rgba(35,70,99,0.40);*/
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
}




.listingDetails {
    padding-top: 30px;
}


.shortfeatures {
    padding-left: 0px;
    margin-left: 0px;
    list-style: none;
}

    .shortfeatures li {
        padding-bottom: 10px;
    }


.filters button {
    margin-bottom: 0px !important;
    width: 100%;
}

/*#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 9999;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url('../images/loading2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}*/



h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Lato', sans-serif;*/
    font-weight: 300;
    /*text-transform: uppercase;*/
    font-size: 34px;
}

p {
    font-size: 16px;
    /* line-height: 1.8em;*/
    /*font-family: 'Open Sans', sans-serif;*/
}

*:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #ffffff;
}


/*---------------------------------------
 2 HEADER                
-----------------------------------------*/
.header {
    padding: 15px 0px;
    line-height: 2px;
    z-index: 9999;
}


.logo {
    margin-top: 5px;
    padding-left: 8px;
}

.intro-carousel {
    position: relative;
}


.bigHeader {
    position: absolute;
    display: block;
    top: 50px;
    float: left;
    text-align: center;
    z-index: 2;
    width: 100%;
}

    .bigHeader h1 {
        display: block;
        text-align: center;
        font-size: 60px;
        /*font-family: "Open Sans";*/
        color: rgb(254, 254, 254);
        text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
        z-index: 2;
    }

    .bigHeader h2 {
        display: block;
        text-align: center;
        font-size: 60px;
        /*font-family: "Open Sans";*/
        color: rgb(254, 254, 254);
        text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
        z-index: 2;
    }

    .bigHeader h3 {
        display: block;
        text-align: center;
        font-size: 32px;
        /*font-family: "Open Sans";*/
        color: rgb(254, 254, 254);
        text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
        z-index: 2;
    }



.filtersSection {
    margin: 15px 0px;
    /*    position: absolute;
    display: block;
    bottom: 100px;
    float: left;
    text-align: center;
    z-index: 2;
    width: 100%;*/
}

.searchpagefilters .filtersSection {
    position: static;
}

.searchpagefilters .filters {
    padding: 20px 0px;
}

.logoImage {
    width: 50px;
    height: 50px;
    float: left;
    display: block;
}

    .logoImage img {
        width: 50px;
        height: 50px;
        float: left;
    }

.logoText {
    float: left;
    display: block;
    color: #234663;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

    .logoText .bigLogo {
        float: left;
        display: inline-block;
        /*width: 100%;*/
        font-size: 9px;
        height: 28px;
        padding-top: 18px;
        padding-left: 10px;
    }

    .logoText .mediumLogo {
        float: left;
        display: inline-block;
        /*width: 100%;*/
        font-size: 18px;
        padding-top: 27px;
        padding-left: 10px;
        /*text-transform: uppercase;*/
    }

    .logoText .smallLogo {
        float: left;
        display: inline-block;
        /*width: 100%;*/
        font-size: 8px;
        height: 30px;
        padding-top: 18px;
        padding-left: 10px;
        font-weight: 600;
    }


.header-place {
    padding-top: 15px;
}

.header-call {
    padding-top: 15px;
}

    .header-call img, .header-place img {
        padding-right: 10px;
        padding-top: 5px;
    }

    .header-call p, .header-place p {
        width: 200px;
        margin: 5px auto 0 auto;
    }


        .header-call p i {
            border: 1px solid #ababab;
            border-radius: 100px;
            color: #234663;
            display: block;
            font-size: 20px;
            height: 36px;
            margin-top: 8px;
            padding-top: 7px;
            text-align: center;
            width: 36px;
            margin-right: 10px !important;
        }

.footer a {
    color: white;
}

.footer-widget ul {
    padding-left: 0px;
    margin-left: 0px;
}

.footer-widget li {
    list-style: none;
    padding-left: 0px;
}

    .footer-widget li a {
        color: #fff;
        padding-bottom: 10px;
        display: inline-block;
    }


/*.footer .fa {
    background: #f5a361;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    height: 28px;
    padding-top: 7px;
    text-align: center;
    width: 28px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}*/

.payment .fa {
    background: #234663;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    height: 28px;
    padding-top: 7px;
    text-align: center;
    width: 28px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}


.separator {
    display: block;
    height: 2px;
    background-color: #ededed;
    margin-bottom: 15px;
}


.header-place p i {
    border: 1px solid #ababab;
    border-radius: 100px;
    color: #234663;
    display: block;
    font-size: 20px;
    height: 36px;
    margin-top: 8px;
    padding-top: 6px;
    text-align: center;
    width: 36px;
    margin-right: 10px !important;
}

.phone {
    font-weight: bold;
}

.info {
}

.address-title {
    font-weight: bold;
}

.address-desc {
}

.header-social {
    text-align: right;
}

    .header-social ul li:last-child {
        padding-right: 0;
    }

    .header-social ul li a i {
        color: #000;
        display: inline-block;
        text-align: center;
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }

.header-call::after {
    background: #A1A1A1;
    content: "";
    height: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    width: 2px;
}

.header-place::after {
    background: #A1A1A1;
    content: "";
    height: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    width: 2px;
}

.phone-number {
    color: #234663;
}

/*---------------------------------------
 2 NAVIGATION               
-----------------------------------------*/
.fixednav {
    top: 0px;
    background-color: rgba(255, 255, 255, 1) !important;
    z-index: 3;
}

.navbar {
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    -webkit-transition: 0.7s background-color;
    transition: 0.7s background-color;
}

.navbar-fix {
    padding: 5px 0 0 0;
}

.navbar-default {
    border: none;
    border-radius: 0px;
}

#my-navbar {
    /*  border-bottom: 2px solid rgba(35,70,99,0.6);*/
    min-height: 65px;
}

    #my-navbar .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    #my-navbar ul.main-menu li a {
        /*font-size: 16px;*/
        font-size: 15px;
        color: #234663;
        padding: 22.5px 15px;
        outline: none;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

    #my-navbar ul.main-menu li.active a {
        /*background: #f5a361 none repeat scroll 0 0;*/
        background: #234663;
        color: #fff;
        padding: 22.5px 15px;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

    #my-navbar ul.main-menu li a:hover {
        background: rgba(35,70,99,1);
        color: #fff;
    }

    #my-navbar ul.main-menu {
        position: relative;
    }

        #my-navbar ul.main-menu li {
            position: relative;
        }

            #my-navbar ul.main-menu li ul.dropdown-menu {
                color: #fff !important;
                padding: 0;
                position: absolute;
                top: 100%;
                left: 0px;
                max-width: 280px;
                box-shadow: none;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: .3s ease;
                transition: .3s ease;
            }

                #my-navbar ul.main-menu li ul.dropdown-menu li {
                    float: none;
                    max-width: 280px;
                    -webkit-transition: .3s ease;
                    transition: .3s ease;
                }

            #my-navbar ul.main-menu li:hover ul.dropdown-menu {
                color: #fff !important;
                visibility: visible;
                opacity: 1;
                z-index: 250;
                /*-webkit-transform: scale(1.1);*/
                /*transform: scale(1.1);*/
            }

            #my-navbar ul.main-menu li.active ul.dropdown-menu li a {
                background: #fff;
                font-size: 16px;
                -webkit-transition: .5s ease;
                transition: .5s ease;
            }

            #my-navbar ul.main-menu li ul.dropdown-menu li a {
                background: #fff;
                line-height: 120%;
                display: block;
                padding: 11px 15px;
                font-size: 15px;
            }

                #my-navbar ul.main-menu li ul.dropdown-menu li a:hover {
                    background: #234663 !important;
                    color: #fff !important;
                    text-decoration: none;
                }

            #my-navbar ul.main-menu li:hover ul li a:hover {
                text-decoration: none;
                background: #3C3C44;
            }

            #my-navbar ul.main-menu li:hover a {
                /*background: #f5a361;*/
                background: rgba(35,70,99,1)
            }

        #my-navbar ul.main-menu > li.dropdown.open > a {
            background-color: #234663;
            color: #fff
        }

    #my-navbar .navbar-header button span {
        background: #fff none repeat scroll 0 0;
    }

    #my-navbar .navbar-header button, #my-navbar .navbar-header button {
        /*background-color: #f5a361;*/
        /*border: 1px solid #f5a361;*/
        background-color: rgba(35,70,99,1);
        border: 1px solid rgba(35,70,99,1);
    }

.navbar-right {
    background: #234663 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 21px 20px;
    text-transform: uppercase;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    margin-right: 0;
}

    .navbar-right:hover {
        text-decoration: none;
        color: #fff;
        background: #434343;
    }

    .navbar-right:focus {
        outline: none;
        color: #fff;
        text-decoration: none;
    }

.main-nav .modal .modal-content {
    border-radius: 0 0 5px 5px;
    text-align: left;
}

    .main-nav .modal .modal-content .modal-header {
        background: #f5a361;
        color: #fff;
    }

        .main-nav .modal .modal-content .modal-header .close {
            margin-top: 0;
            color: #fff;
            opacity: .8;
        }

            .main-nav .modal .modal-content .modal-header .close:hover {
                opacity: 1
            }

    .main-nav .modal .modal-content .modal-body form input {
        border: 1px solid #ddd;
        box-shadow: none;
        height: 50px;
        border-radius: 0;
    }

    .main-nav .modal .modal-content .modal-body form textarea {
        border: 1px solid #ddd;
        box-shadow: none;
        height: 100px;
        border-radius: 0;
    }

    .main-nav .modal .modal-content .modal-body form button.btn.btn-primary {
        background: #3c3c44;
        border-radius: 3px;
        box-shadow: none;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        margin-bottom: 2px;
        -webkit-transition: .2s ease;
        transition: .2s ease;
        padding: 10px 15px;
    }

        .main-nav .modal .modal-content .modal-body form button.btn.btn-primary:hover {
            background: #444;
        }

.secondNav {
    width: 100%;
    text-align: center;
    padding: 10px;
    /*margin-bottom: 45px;*/
}

.secondNavDesktop {
    margin-top: 15px;
    margin-bottom: 10px;
    background: #054078;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
}

.secondNav a {
    font-size: 18px;
    color: #fff !important;
    padding: 6px 15px;
    outline: none;
    white-space: nowrap;
}

.secondNav ul li ul li ul {
    background: #f5a361;
}

    .secondNav ul li ul li ul li a {
        color: #fff !important;
    }

        .secondNav ul li ul li ul li a:hover {
            color: #f5a361 !important;
        }

.secondNav .grid a {
    font-size: 14px;
    font-weight: normal;
    padding: 6px 1px;
    background: #054078;
    color: #fff !important;
    border: 1px solid #fff;
}

.dropdown ul.mobile-secondnav-submenu {
    position: absolute;
    top: 25px;
    left: 120px;
}

.btn {
    /*background: #007fc4;*/
    background: #054078;
    color: #fff;
    font-size: 16px;
    padding: 8px 22px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 50px;
}

    .btn.focus, .btn:focus, .btn:hover {
        color: yellow;
    }

#menulist {
    margin-left: -170px; /*Hide the logo*/
    -webkit-transition: 1s margin-left;
    transition: 0.7s margin-left;
}

    #menulist.showlogo {
        margin-left: 0px; /*Show the logo*/
    }

#myModal {
    overflow: hidden;
}

.modal-open {
    padding-right: 0px !important;
}

/*---------------------------------------
 3 introduction               
-----------------------------------------*/
.introduction {
    min-height: 700px;
}

.bottom-intro {
    border-radius: 3px;
    bottom: 20px;
    height: 50px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
}

    .bottom-intro .details {
        height: 58px !important;
    }

        .bottom-intro .details a {
            height: 58px;
            padding: 16px
        }


.duplex {
    background: rgba(0,0,0,0.4);
    color: #fff;
    text-transform: uppercase;
    /* background-image: url(../images/divider.png); */
    background-repeat: repeat-y;
    background-position: right;
    font-weight: bold;
    padding: 17px 16px;
}

.carousel-inner .item img {
    width: 100%;
}

.fadincss {
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    /* Firefox < 16 */
    /* Internet Explorer */
    /* Opera < 12.1 */
    animation: fadein 2s;
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.duplex span {
    display: block;
}

    .duplex span a {
        color: #f5a361;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

        .duplex span a:hover {
            text-decoration: none;
            color: #fff;
        }

.duplex > span ~ span {
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    text-transform: none;
    color: #fff;
}

.bedrooms {
    background: rgba(0,0,0,0.9);
    height: 223px;
    background-image: url("../images/divider.png");
    background-repeat: repeat-y;
    background-position: right;
    padding: 50px 40px 40px 40px;
}

    .bedrooms p {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 20px;
        margin: 0;
    }

        .bedrooms p span.room-inner-details {
            color: #f5a361;
            font-weight: 600;
        }

.price {
    background: rgba(0,0,0,0.9);
    height: 223px;
}

    .price p {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 28px;
        padding-top: 90px;
        text-align: center;
    }

.details {
    background: rgba(0,0,0,0.9);
    height: 223px;
    padding: 0;
}

    .details a {
        color: rgb(255, 255, 255);
        display: block;
        padding: 12px 12px;
        text-align: center;
        text-transform: uppercase;
        display: block;
        -webkit-transition: .5s ease;
        transition: .5s ease;
        background: #f5a361;
    }

        .details a:hover {
            background: #45A049;
        }

.carousel-indicators .active {
    background-color: #f5a361;
    border-color: #f5a361;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-indicators {
    bottom: 0;
}

.carousel-control {
    bottom: auto;
    top: 50%;
    margin-top: -50px;
    opacity: 0.4;
}

    .carousel-control.left, .carousel-control.right {
        background: none;
    }

        .carousel-control.left span i, .carousel-control.right span i {
            font-size: 60px;
        }

/*---------------------------------------
 3 about               
-----------------------------------------*/
.about {
    margin: 0;
    padding: 0px 0 5px;
}

    .about h1 {
        font-size: 44px;
        /*text-transform: uppercase;*/
        text-align: center;
        color: #234663;
        font-size: 50px;
    }

    .about h2 {
        font-size: 44px;
        /*text-transform: uppercase;*/
        text-align: center;
        color: #234663;
        font-size: 50px;
    }

.section-heading {
    margin-bottom: 20px;
    padding-bottom: 28px;
    position: relative;
}

.section-desc {
    /* width changed at Maggies request 20 Oct */
    /*width: 50%;*/
    margin: 0 auto;
}

.section-heading::before {
    background: #234663 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    width: 150px;
}



.about h2 span {
    color: #f5a361;
    font-weight: normal;
}

.about img, .photo-gallery img, .nearby-place img, .latest-property img, .our-blog img, .testimonials-title img {
    padding-bottom: 25px;
    display: block;
    margin: 0 auto;
}

.about p {
    text-align: center;
}

/*---------------------------------------
 4 property               
-----------------------------------------*/
.property {
    padding: 0px;
}

.container-fluid {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
    padding-bottom: 5px;
}


.drawing-room, .dining-room, .bed-room, .kitchen-room {
    position: relative;
    -webkit-transition: 10s ease;
    transition: 10s ease;
    text-align: center;
}

.property p.propertydescription {
    padding: 20px 10px 20px 10px !important;
}


.drawing-room img, .dining-room img, .bed-room img, .kitchen-room img {
    width: 100%;
}

.property-bottom {
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    padding-top: 20px;
    text-align: center;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 1s, opacity 0.5s ease;
    transition: visibility 1s, opacity 0.5s ease;
}

    .property-bottom p {
        color: #fff;
        /*font-family: 'Lato', sans-serif;*/
        font-weight: 400;
        font-size: 22px;
    }

.drawing-room:hover .property-bottom, .dining-room:hover .property-bottom, .bed-room:hover .property-bottom, .kitchen-room:hover .property-bottom {
    /* visibility: hidden;
    opacity: 0; */
}

/*---------------------------------------
 5 about bottom               
-----------------------------------------*/
.about-bottom {
    padding: 100px 0 50px 0;
    text-align: center;
}

    .about-bottom .fig {
        display: block;
        height: 124px;
        margin: 0 auto 25px;
        padding: 32px 10px;
        position: relative;
        top: 0;
        -webkit-transition: all 500ms ease 0s;
        transition: all 500ms ease 0s;
        width: 124px;
    }

        .about-bottom .fig i {
            color: #f5a361;
            font-size: 35px;
            padding-top: 10px;
        }

    .about-bottom span {
        font-size: 16px;
        display: block;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: 400;
    }

.property-pros {
    margin-bottom: 50px;
}

.about-bottom .fign {
    font-size: 24px;
    padding-top: 10px;
}

.about-bottom .col-md-2:hover .fig::before {
    border-color: #f5a361;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.about-bottom .col-md-2 .fig::before {
    border: 1px solid #a9a9a9;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}

.about-bottom .col-md-2:hover .fig {
    -webkit-transform: translate(0px, -10px) scale(0.85);
    transform: translate(0px, -10px) scale(0.85);
}

/*---------------------------------------
 6 property-details               
-----------------------------------------*/
.property-details {
    background: #f5f5f9;
    padding: 50px 0 100px;
}

    .property-details h2 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 50px 0px;
        text-align: left;
        color: #234663;
    }

    .property-details ul {
        list-style-type: none;
        padding: 0px 0 30px 0px;
    }

        .property-details ul li {
            display: inline;
            float: left;
            background: #ececec;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 15px;
            text-align: center;
            margin-right: 15px;
        }

            .property-details ul li.active {
                background: #f5a361;
                -webkit-transition: .5s ease;
                transition: .5s ease;
            }

                .property-details ul li.active a {
                    color: #fff;
                    outline: none;
                }

            .property-details ul li a {
                text-decoration: none;
                color: #333333;
                padding: 15px 15px;
                display: inline-block;
                outline: none;
                font-weight: 400;
            }

                .property-details ul li a:hover {
                    text-decoration: none;
                }

    .property-details p {
        padding: 45px 0px;
        text-align: justify;
        color: #999999;
    }

.water-strg span {
    display: block;
    font-size: 14px;
    color: #999;
}

    .water-strg span i {
        color: #f5a361;
    }

    .water-strg span strong {
        font-weight: 400;
        color: #727272;
    }

.property-pic img {
    margin-top: 50px;
}

/*---------------------------------------
 7 photo-gallery               
-----------------------------------------*/
.photo-gallery {
    margin: 0px;
    padding-top: 90px;
}

    .photo-gallery .container-fluid {
        padding: 0;
    }

.padding-fix {
    padding: 0;
}

.container-mix img {
    padding: 0;
}

.photo-gallery h2 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #234663;
    font-size: 50px;
}

    .photo-gallery h2 span {
        color: #f5a361;
        font-weight: normal;
    }

.photo-gallery p {
    text-align: center;
    padding: 20px 0 40px 0;
}

.controls {
    text-align: center;
    padding-bottom: 50px;
}

    .controls button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #eae1e0;
        padding: 10px 20px;
        text-transform: uppercase;
        -webkit-transition: .5s ease;
        transition: .5s ease;
        color: #333333;
    }

        .controls button.active {
            background: #234663;
            border: 1px solid #234663;
            color: #fff;
        }

        .controls button:hover {
            background: #234663;
            color: #fff;
        }

/*---------------------------------------
 8 photo-gallery-pic               
-----------------------------------------*/
.container-mix .mix {
    display: none;
}

.container-mix .mix {
    position: relative;
}

.effect-zoe img {
    width: 100%;
}

figure.effect-zoe {
    position: relative;
}

    figure.effect-zoe figcaption {
        background: rgba(76, 176, 80, 0.8) none repeat scroll 0 0;
        color: #fff;
        height: 70%;
        left: 12.5%;
        padding-top: 80px;
        position: absolute;
        text-align: center;
        top: 15%;
        width: 75%;
        z-index: 1;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .3s ease;
        transition: .3s ease;
        border: 3px solid rgba(255, 255, 255, 1);
    }

figure:hover.effect-zoe figcaption {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

figure.effect-zoe figcaption div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

figure.effect-zoe figcaption a h3 {
    margin: 0;
    text-transform: none;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

figure.effect-zoe figcaption a:hover {
    text-decoration: none;
}

.preview-btn {
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    height: 45px;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 45px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

    .preview-btn:hover {
        background: #fff;
    }

/*---------------------------------------
 9 Nearby Place               
-----------------------------------------*/
.nearby-place {
    margin: 0px;
    padding: 90px 0 0 0;
}

.nearby-places {
    padding: 90px 0;
}

.nearby-place h2 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #234663;
    font-size: 50px;
}

    .nearby-place h2 span {
        color: #f5a361;
        font-weight: normal;
    }

.nearby-place p {
    text-align: center;
}

.location i {
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 63px;
    padding-top: 15px;
    text-align: center;
    width: 63px;
    float: left;
    margin-right: 20px;
}

.location:first-child i {
    background: #FF4C4D;
}

.location:nth-child(2) i {
    background: #f5a361;
}

.location:nth-child(3) i {
    background: #C813F6;
}

.location:last-child i {
    background: #07A3D6;
}

.location span {
    display: block;
}

.location .club {
    text-align: left;
    text-transform: uppercase;
}

.location .school {
    font-weight: 700;
    font-size: 28px;
    color: #234663;
}

.location .school-distance {
    color: red;
}

.location .school-name {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 30px;
}

.location .golf {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 30px;
}

.location .golf-distance {
    color: #35c331;
}

.location .hopital {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 30px;
}

.location .hopital-distance {
    color: #c813f6;
}

.location .resturent {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 30px;
}

.location .resturent-distance {
    color: #07a3d6;
}

/*---------------------------------------
 10 map               
-----------------------------------------*/
#property-map {
    height: 500px;
    width: 100%;
}

.gm-style-iw * {
    display: block;
}

.gm-style-iw h4, .gm-style-iw p {
    margin: 0;
    padding: 0;
}

.gm-style-iw a {
    color: #4272db;
}

/*---------------------------------------
 11 Latest property               
-----------------------------------------*/
.latest-property {
    margin: 0px;
    padding: 95px 0 70px 0;
}

.property-lists {
    padding-bottom: 125px;
}

.latest-property h2 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #234663;
    font-size: 50px;
}

    .latest-property h2 span {
        color: #f5a361;
        font-weight: normal;
    }

.latest-property p {
    text-align: center;
}

.latest-pic1 {
    background: url("../images/lp1.jpg");
    background-size: 110% 110%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-repeat: no-repeat;
    height: 300px;
}

.latest-pic2 {
    background: url("../images/lp6.jpg");
    background-size: 110% 110%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-repeat: no-repeat;
    height: 300px;
}

.latest-pic3 {
    background: url("../images/lp3.jpg");
    background-size: 110% 110%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-repeat: no-repeat;
    height: 300px;
}

.latest-pic4 {
    background: url("../images/lp4.jpg");
    background-size: 110% 110%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-repeat: no-repeat;
    height: 300px;
}

.latest-pic5 {
    background: url("../images/lp5.jpg");
    background-size: 110% 110%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-repeat: no-repeat;
    height: 300px;
}

.latest-pic6 {
    background: url("../images/lp2.jpg");
    background-size: 110% 110%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-repeat: no-repeat;
    height: 300px;
}

.property-lists .col-md-4:hover .latest-pic1, .property-lists .col-md-4:hover .latest-pic2, .property-lists .col-md-4:hover .latest-pic3, .property-lists .col-md-4:hover .latest-pic4, .property-lists .col-md-4:hover .latest-pic5, .property-lists .col-md-4:hover .latest-pic6 {
    background-size: 100% 100%;
}

.latest-pic-bottom {
    padding-bottom: 25px;
}

    .latest-pic-bottom .pic-address {
        background: #f5a361;
        color: #fff;
        padding: 10px;
    }

        .latest-pic-bottom .pic-address span {
            font-weight: bold;
            margin-left: 25px;
            font-size: 20px;
        }

.description-wrap {
    overflow: hidden;
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
}

.pic-description {
    color: #234663;
    padding: 15px;
    text-align: left;
}

    .pic-description h3 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 10px;
    }

    .pic-description > p {
        color: #727272;
    }

    .pic-description h3 a {
        color: #333;
    }

        .pic-description h3 a:hover {
            text-decoration: none;
            color: #f5a361;
        }

.pic-mesure {
    padding: 10px;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    color: #234663;
}

    .pic-mesure span {
        margin-right: 15px;
    }

        .pic-mesure span:last-child {
            margin-right: 0;
        }

    .pic-mesure i {
        color: #f5a361;
        font-size: 17px;
        margin-right: 5px;
    }

/*---------------------------------------
 12 Contract                  
-----------------------------------------*/
.contract-section {
    background: #f5a361;
    overflow: hidden;
}

.contract-pic {
}

    .contract-pic img {
    }

.contract-left {
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: left;
}

    .contract-left h2 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .contract-left input {
        background: #f5a361;
        width: 350px;
        height: 35px;
        padding-left: 10px;
        border: 1px solid #fff;
        color: #fff;
    }

    .contract-left textarea {
        background: #f5a361;
        width: 350px;
        height: 150px;
        padding-left: 10px;
        border: 1px solid #fff;
    }

    .contract-left .submit {
        background: #3c3c44 none repeat scroll 0 0;
        border: medium none;
        font-size: 16px;
        font-weight: bold;
        height: inherit;
        padding: 10px 50px;
        width: inherit;
    }

.contract-right {
    text-align: right;
    padding: 50px 0;
    color: #fff;
}

    .contract-right h2 {
        font-weight: bold;
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 0;
    }

    .contract-right h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .contract-right span {
        display: block;
        font-size: 18px;
        margin-top: 15px;
    }

    .contract-right ul {
        list-style: none;
        margin-top: 15px;
    }

        .contract-right ul li {
            display: inline;
            margin: 5px;
        }

            .contract-right ul li:last-child {
                margin-right: 0;
            }

.contract-social.header-social ul li a {
    padding-top: 2px;
}

/*---------------------------------------
 13 sell property                  
-----------------------------------------*/
.sell-property {
    background: url("../images/property-sell-banner-bg.jpg");
    background-attachment: fixed;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    height: 200px;
}

.banner-overlay {
    /*background: rgba(0,0,0,0.2);*/
    width: 100%;
    height: 100%;
}

.call-us {
    color: #fff;
    text-transform: uppercase;
    padding-top: 60px;
    text-align: left;
}

    .call-us h3 {
        font-weight: bold;
        font-size: 22px;
    }

.sell-contact {
    padding-top: 90px;
    text-align: right;
}

    .sell-contact span {
        color: #fff;
        padding-right: 30px;
        font-weight: bold;
        font-size: 20px;
    }

    .sell-contact a {
        background: #f5a361;
        padding: 18px 35px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        margin-left: 10px;
    }

        .sell-contact a:hover {
            text-decoration: none;
        }

/*---------------------------------------
 14 our blog                  
-----------------------------------------*/
.our-blog {
    margin: 0px;
}

.blog {
    margin: 100px;
}

.our-blog h2 {
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #234663;
    font-size: 50px;
}

    .our-blog h2 span {
        color: #f5a361;
        font-weight: normal;
    }

.blog-pic {
    background: url("../images/blog_pic1.png")no-repeat;
    height: 250px;
    padding-left: 270px;
}

.blog-content {
    text-align: left;
    padding-left: 20px;
}

    .blog-content .blog-admin {
        position: relative;
        padding-left: 20px;
    }

        .blog-content .blog-admin:before {
            content: "\f007";
            font-family: FontAwesome;
            left: 0;
            position: absolute;
            top: 0;
            color: #f5a361;
        }

    .blog-content .blog-date {
        position: relative;
        padding-left: 20px;
        float: right;
    }

        .blog-content .blog-date:before {
            content: "\f073";
            font-family: FontAwesome;
            left: 0;
            position: absolute;
            top: 0;
            color: #f5a361;
        }

    .blog-content h4 {
        font-weight: bold;
        border-bottom: 1px solid black;
        padding-bottom: 10px;
    }

    .blog-content p {
        padding-bottom: 20px;
    }

    .blog-content a {
        background: #f5a361;
        color: #fff;
        font-size: 14px;
        padding: 8px 22px;
        font-weight: bold;
        text-decoration: none;
    }

.blog-pic2 {
    background: url("../images/blog_pic2.png")no-repeat;
    height: 250px;
    padding-left: 270px;
}

.blog-row-one {
    margin-bottom: 50px;
}

.blog-pic3 {
    background: url("../images/blog_pic4.png")no-repeat;
    background-position: right;
    padding-right: 270px;
    height: 250px;
    overflow: hidden;
}

.blog-content3 {
    text-align: left;
    padding-right: 10px;
}

    .blog-content3 .blog-admin3 {
        position: relative;
        padding-left: 20px;
    }

        .blog-content3 .blog-admin3:before {
            content: "\f007";
            font-family: FontAwesome;
            left: 3px;
            position: absolute;
            top: 0;
            color: #f5a361;
        }

    .blog-content3 .blog-date3 {
        position: relative;
        padding-left: 20px;
        float: right;
    }

        .blog-content3 .blog-date3:before {
            content: "\f073";
            font-family: FontAwesome;
            left: 3px;
            position: absolute;
            top: 0;
            color: #f5a361;
        }

    .blog-content3 h4 {
        font-weight: bold;
        border-bottom: 1px solid black;
        padding-bottom: 10px;
    }

    .blog-content3 p {
        font-size: 15px;
        padding-bottom: 20px;
    }

    .blog-content3 a {
        background: #f5a361;
        color: #fff;
        font-size: 14px;
        padding: 5px 22px;
        font-weight: bold;
        text-decoration: none;
        margin-top: 0px;
        margin-left: 220px;
        position: absolute;
    }

.blog-pic4 {
    background: url("../images/blog_pic3.png")no-repeat;
    background-position: right;
    padding-right: 270px;
    height: 250px;
    overflow: hidden;
}

/*---------------------------------------
 15 testimonial                  
-----------------------------------------*/
.testimonials {
    margin: 0px;
}

.testimonials-title {
    margin-top: 100px;
    margin-bottom: 40px;
}

    .testimonials-title h2 {
        font-size: 44px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        color: #234663;
        font-size: 50px;
    }

        .testimonials-title h2 span {
            color: #f5a361;
            font-weight: normal;
        }

.width-fix {
    width: 100%;
}

.testimonial-comment {
    background: #aeb6b9 url("../images/testimonial-quote.png") no-repeat scroll 40px 30px;
    position: relative;
}

    .testimonial-comment p {
        color: #fff;
        padding: 40px 50px 50px 50px;
        text-align: justify;
    }

.testimonial-carousel div.active .testimonial-comment {
    background: #234663 url("../images/testimonial-quote-active.png") no-repeat scroll 40px 30px;
}

.testimonial-carousel div.owl-item .testimonial-comment::after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 30px solid #AEB6B9;
    content: "";
    height: 0;
    position: absolute;
    bottom: -25px;
    left: 65px;
    width: 0;
}

.testimonial-carousel div.active .testimonial-comment::after {
    border-top: 30px solid #234663;
}

.testimonial-author {
    padding: 30px 0 0 30px;
}

    .testimonial-author img {
        width: 100px;
        float: left;
    }

    .testimonial-author p {
        float: left;
        padding: 25px 0 0 20px;
    }

        .testimonial-author p span.tauthor-name, .testimonial-author p span.tauthor-role {
            display: block;
        }

        .testimonial-author p span.tauthor-name {
            font-size: 16px;
        }

.owl-pagination {
    text-align: center;
    padding: 50px 0;
}

    .owl-pagination div.owl-page {
        display: inline-block;
        padding-right: 10px;
    }

        .owl-pagination div.owl-page span.owl-numbers {
            border: 2px solid #234663;
            border-radius: 50px;
            display: inline-block;
            height: 15px;
            text-align: center;
            text-indent: -9999px;
            width: 15px;
        }

    .owl-pagination div.active span.owl-numbers {
        background: #234663;
    }

.clear {
    clear: both;
}


.owl-wrapper-outer {
    padding-top: 5px;
}

.owl-buttons {
    text-align: center;
    position: absolute;
    top: -40px;
    display: block;
    width: 100%;
    padding-top: 15px;
}

.owl-prev {
    display: inline-block;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    background: #f5a361;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 5px;
}

.owl-next {
    display: inline-block;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    background: #f5a361;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}

/*---------------------------------------
 16 Royals group                  
-----------------------------------------*/
.royals-group {
    background: url("../images/testimonial3.png")no-repeat;
    height: 123px;
    margin-bottom: 20px;
    margin-top: 40px;
    margin-left: 30px;
    text-align: left;
    padding-left: 140px;
    padding-top: 40px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 40px;
}

    .royals-group span {
        display: block;
    }

    .royals-group .ceo-name {
        font-weight: bold;
    }

.squar-pic {
    margin: 40px;
}

    .squar-pic span {
        margin: 10px;
    }

/*---------------------------------------
 17 Footer                  
-----------------------------------------*/
.footer {
    color: #fff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.footer-overlay {
    content: "";
    background: #234663;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.subscribe {
    background: #f5a361;
    min-height: 100px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 30px;
    border-radius: 0;
}

    .subscribe .newsletter {
        margin-left: 0px;
        padding-top: 15px;
        padding-left: 15px;
    }

        .subscribe .newsletter span {
            font-weight: 600;
            font-size: 24px;
        }

    .subscribe .subscribe-email {
        margin-left: -40px;
        padding-left: 0px;
    }

    .subscribe input[type=email] {
        background: #f5a361;
        border: 1px solid #fff;
        width: 510px;
        height: 50px;
        padding-left: 30px;
        color: #ffffff;
        margin-bottom: 30px;
    }

    .subscribe input[type=submit] {
        background: #234663;
        border: 1px solid #234663;
        width: 190px;
        height: 50px;
        margin-left: 10px;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 600;
        padding: 0;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

        .subscribe input[type=submit]:hover {
            background: #38813C;
        }

.footer-middle {
    padding: 50px 0 90px 0;
}

.footer-bottom {
    background: #234663;
    opacity: 0.9;
    min-height: 444px;
}

    .footer-bottom h3 {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        text-align: left;
        padding-bottom: 10px;
    }

    .footer-bottom img {
        text-align: left;
        margin-bottom: 40px;
        display: block;
    }

    .footer-bottom .footer-widget {
        color: #fff;
        line-height: 30px;
    }

.footer-widget h3 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
}

    .footer-widget h3::after {
        background: #f5a361;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        bottom: 0;
        width: 60px;
    }

.footer-bottom .footer-widget p {
    text-align: left;
}

.footer-bottom .footer-widget .twittes {
    padding-left: 50px;
    line-height: 20px;
    font-size: 14px;
}

.footer-widget p span.twittes a {
    text-decoration: none;
    color: #f5a361;
}

.contact-info p {
}

.social-widget-links {
    margin-top: 30px;
}

    .social-widget-links ul li a i {
        background: #ECECEC;
        color: #999999;
        border-radius: 100px;
        display: inline-block;
        height: 44px;
        padding-top: 7px;
        text-align: center;
        width: 44px;
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }

        .social-widget-links ul li a i:hover {
            color: #fff;
        }

.footer-below {
    background: #234663;
    padding: 22px 0;
}

    .footer-below .copy-right {
        padding-top: 5px;
    }

        .footer-below .copy-right p {
            margin: 0;
            color: #fff;
            font-size: 14px;
        }

.copy-right p a {
    color: #f5a361;
}

.footer-below .payment {
    text-align: right;
}

    .footer-below .payment span {
        color: #fff;
        margin-right: 10px;
        font-size: 14px;
        font-weight: bold;
    }

    .footer-below .payment ul {
        margin-bottom: 0;
        margin-top: 2px;
    }

        .footer-below .payment ul li {
            font-size: 20px;
        }

.twitter-widget p span.twittes-icon {
    display: inline-block;
    width: 15%;
}

.twitter-widget p span.twittes {
    display: inline-block;
    width: 85%;
    overflow: hidden;
}

.latest-news p {
    text-transform: uppercase;
    padding-bottom: 15px;
}

    .latest-news p a {
        color: #fff;
    }

        .latest-news p a:hover {
            color: #f5a361;
            text-decoration: none;
        }

    .latest-news p img {
        margin-right: 15px;
        width: 100px;
    }

    .latest-news p span {
        color: #eee;
        display: block;
        font-size: 12px;
        font-style: italic;
        text-transform: none;
    }

.contact-info p span.contact-icon {
    display: inline-block;
    width: 15%;
}

.contact-info p span.contact-details {
    display: inline-block;
    width: 85%;
}

/*---------------------------------------
 Promotions
-----------------------------------------*/

.offer-card {
    border: 1px solid #f5a361;
    border-radius: 5px;
    padding: 5px;
    /*    height: 800px !important;
*/
}

.offer-card-outer {
    margin-bottom: 10px;
}


.offer-title-link {
    font-size: 22px;
    color: #234663;
}

/*---------------------------------------
 Contact Us Page - Header Banner             
-----------------------------------------*/
.header-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: 100%;*/ /* NOTE: This sticks the right-hand side of the image to the right-hand-side of the browser */
}

    .header-banner:not(.wedding):not(.nobgimage) {
        background: url(../images/homepageheaderimage4.jpg) no-repeat center/cover;
    }

    .header-banner.wedding {
        background: url(../images/wedding-panoramic.jpg);
    }

    .header-banner .banner-overlay {
        padding: 140px 0;
    }

        .header-banner .banner-overlay h1 {
            text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
        }

        .header-banner .banner-overlay h2 {
            font-size: 26px;
            color: black;
        }

        .header-banner .banner-overlay h3 {
            text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
        }

    .header-banner .banner-overlay2 {
        padding: 150px 0px 50px 0px;
    }


    .header-banner h1 {
        margin: 0;
        color: #fff;
        font-size: 60px;
    }

    .header-banner h2 {
        margin: 10px 0 0 0;
        color: #fff;
        font-size: 18px;
    }

    .header-banner h3 {
        margin: 0;
        color: #fff;
        font-size: 32px;
    }

    .header-banner ol.breadcrumb {
        margin: 0;
        background: none;
        border-radius: 0;
        list-style: outside none none;
        padding: 8px 0 0 15px;
        text-align: right;
    }

        .header-banner ol.breadcrumb li {
            color: #fff;
        }

            .header-banner ol.breadcrumb li a {
                color: #fff;
            }

                .header-banner ol.breadcrumb li a.active {
                    color: #f5a361;
                }

                .header-banner ol.breadcrumb li a:hover {
                    color: #fff;
                    text-decoration: none;
                }

/*---------------------------------------
 Contact Map             
-----------------------------------------*/
.contact-map {
    margin-bottom: -50px;
}

/*---------------------------------------
 Contact Details            
-----------------------------------------*/
.contact-page-details {
    padding: 50px 0;
}

    .contact-page-details .contact-box p {
        margin: 0;
    }

    .contact-page-details .contact-box {
        border: 1px solid #F1F1F1;
    }

        .contact-page-details .contact-box .orangeblock {
            /*background: #F9F9F9;*/
            background: #f5a361;
            text-align: center;
            padding: 90px 0;
            color: #dadada;
            border-right: 1px solid #f1f1f1;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

        .contact-page-details .contact-box:hover .orangeblock {
            background: #f5a361;
            margin: -1px 0;
        }

        .contact-page-details .contact-box .orangeblock i {
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

        .contact-page-details .contact-box:hover .orangeblock i {
            color: #fff;
        }

        .contact-page-details .contact-box p.col-sm-9 span {
            display: block;
            margin-left: 20px;
        }

            .contact-page-details .contact-box p.col-sm-9 span.contact-box-heading {
                color: #313131;
                font-weight: 600;
                padding: 20px 0;
            }



/*---------------------------------------
 Contact Form        
-----------------------------------------*/
#contact-form {
    padding-bottom: 100px;
}

    #contact-form .contact-form-holder {
        text-align: center;
    }

        #contact-form .contact-form-holder h2 {
            margin-bottom: 20px;
        }

        #contact-form .contact-form-holder p {
            margin-bottom: 60px;
        }

    #contact-form .form-left input.form-control {
        background: #f1f1f1;
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 15px;
        height: 50px;
    }

    #contact-form .form-left select.form-control {
        background: #f1f1f1;
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 15px;
        height: 50px;
    }

    #contact-form .form-right textarea.form-control {
        background: #f1f1f1;
        box-shadow: none;
        height: 180px;
        border: none;
        border-radius: 0;
    }

.form-button {
    text-align: right;
}

    .form-button > button {
        /*  background: #f5a361 none repeat scroll 0 0;*/
        background-color: white;
        border: 1px solid var(--green);
        color: var(--green);
        margin-top: 10px;
        padding: 10px 15px;
        transition: .5s ease;
    }

        .form-button > button:hover {
            background-color: var(--green);
            color: #fff;
        }

/*---------------------------------------
 About Us Page - Header Banner             
-----------------------------------------*/
.about-banner-bg {
    /*background: url(../images/about-header-banner-bg.jpg);
    background-position: 100%;*/
}

.about-SamuiVillas-content {
    text-align: center;
    padding: 80px 0;
}

    .about-SamuiVillas-content > h2 {
        margin-bottom: 20px;
    }

    .about-SamuiVillas-content p i {
        color: #f5a361;
    }

.about-documents .container {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.document-title > p {
    font-size: 21px;
    font-weight: 700;
    margin: 0;
    text-align: right;
    text-transform: uppercase;
}

.pdfone {
    text-align: center;
    padding-top: 5px;
}

.pdftwo {
    text-align: left;
    padding-top: 5px;
}

    .pdfone > a, .pdftwo > a {
        font-size: 14px;
        text-transform: uppercase;
        color: #727272;
    }

        .pdfone > a i, .pdftwo > a i {
            color: #f5a361;
        }

        .pdfone > a:hover, .pdftwo > a:hover {
            text-decoration: none;
        }

.who-we-are {
    padding: 80px 0;
}

    .who-we-are .col-md-6 {
        height: 500px;
    }

.who-we-are-left {
    background: #f5f5f5;
}

.who-we-are-right {
    background: url(../images/who-we-are-bg.jpg);
    background-position: center center;
    background-size: 130% auto;
    background-repeat: no-repeat;
}


.who-we-are-right2 {
    /*background: url(../images/map.jpg);*/
    background-position: center center;
    background-size: 130% auto;
    background-repeat: no-repeat;
}


.who-we-are-content {
    margin-left: 100px !important;
    margin-right: 100px !important;
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
}

    .who-we-are-content > span {
        font-size: 14px;
        font-style: italic;
    }

    .who-we-are-content > h2 {
        font-size: 45px;
        font-weight: 800;
        line-height: 58px;
        margin-top: 5px;
        position: relative;
        padding-bottom: 15px;
    }

        .who-we-are-content > h2::after {
            background: #f5a361;
            bottom: 0;
            content: "";
            height: 2px;
            left: 50%;
            margin-left: -50px;
            position: absolute;
            width: 100px;
        }

    .who-we-are-content > p {
        line-height: 22px;
        margin-top: 25px;
    }

a.who-we-are-btn {
    background: #61ba65;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    margin-top: 25px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

    a.who-we-are-btn:hover {
        text-decoration: none;
        background: #727272;
    }

.SamuiVillas-features {
    padding-bottom: 80px;
}

    .SamuiVillas-features .col-md-12 {
        text-align: center;
        margin-bottom: 30px;
    }

        .SamuiVillas-features .col-md-12 > p {
            padding: 10px 10px;
        }

.about-feature i {
    background: #f5a361;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 60px;
    padding-top: 8px;
    text-align: center;
    width: 60px;
    border: 2px solid #f5a361;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.about-feature:hover .feature-icon i {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f5a361;
    color: #727272;
}

.feature-icon {
    padding-top: 20px;
}

.feature-details > h3 {
    font-size: 16px;
    text-transform: uppercase;
}

/*---------------------------------------
 Blog Template styles
-----------------------------------------*/
.blog-section {
    /*margin-top: 45px;*/
}

.blog-posts-area h2, h3.widget-title {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 45px;
    margin-top: 0;
    position: relative;
    text-transform: none;
}

h3.widget-title {
    font-size: 28px;
}

.post-dates {
    text-align: right;
}

    .post-dates span {
        color: #f5a361;
        font-size: 18px;
    }

    .post-dates strong {
        margin-top: 5px;
        font-size: 26px;
        display: block;
    }

.post-title {
    font-size: 28px;
    color: #f5a361;
    margin-top: 0;
    margin-bottom: 25px;
}

    .post-title a {
        color: #f5a361;
        text-transform: none;
    }

.blog-single-post {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}


.blog-posts .blog-single-post:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.single-post-content a.btn-primary, .widget-content a.btn-primary {
    background-color: #fff;
    border: 2px solid var(--green);
    color: var(--green);
    border-radius: 0;
    font-weight: 600;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border-radius: 4px;
}

.widget-content a.btn-primary {
    background: #f2f2f2;
}

    .single-post-content a.btn-primary:hover, .widget-content a.btn-primary:hover {
        border-color: #727272;
        color: #234663;
    }

.single-post-content p {
    margin-bottom: 20px;
}

.widget-content ul {
    background: #F2F2F2;
    padding: 15px;
}

    .widget-content ul.nav > li > a {
        padding: 0;
        border-radius: 0;
        color: #234663;
    }

        .widget-content ul.nav > li > a:hover {
            background: none;
            text-decoration: underline;
        }

.widget-content .nav-stacked li {
    margin: 0 0 14px 0;
}

.sidebar-widget {
    margin-bottom: 45px;
}

.small-property {
    border: 2px solid rgba(0,0,0,0.1);
    margin-bottom: 15px;
    padding: 10px 0;
}

.property-small-content h4 {
    margin-top: 0;
}

    .property-small-content h4 a {
        color: #727272;
        text-transform: none;
    }

.property-small-content p {
    margin-bottom: 0;
}

    .property-small-content p span {
        color: #f5a361;
        font-weight: 600;
    }

property-small-picture a img {
    width: 100%;
}

.address-widget {
    background: #f2f2f2;
    padding: 15px;
}

    .address-widget address abbr {
        border-bottom: 0 none !important;
        text-decoration: none;
    }

.blog-pagination {
    text-align: center;
    margin-top: 60px;
}

    .blog-pagination ul.list-unstyled.list-inline li a {
        border: 2px solid rgba(0, 0, 0, 0.1);
        color: #727272;
        padding: 10px 15px;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

        .blog-pagination ul.list-unstyled.list-inline li a:hover {
            color: #f5a361;
            text-decoration: none;
            border-color: #f5a361;
        }

        .blog-pagination ul.list-unstyled.list-inline li a.active {
            color: #727272;
            border-color: #727272;
        }

/*---------------------------------------
 Sample Page Styles            
-----------------------------------------*/
.page-content {
    padding: 60px 0;
}

.content-page-inner-area h2 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 45px;
    margin-top: 0;
    position: relative;
    text-transform: none;
}





.content-page-inner-area img {
    width: 100%;
}

.content-page-inner-area p {
    margin: 30px 0;
}

.content-list-items ul, .image-right-content ul, .image-left-content ul {
    list-style: none;
}

    .content-list-items ul > li {
        padding-bottom: 5px;
    }

        .content-list-items ul > li::before, .image-right-content ul li:before, .image-left-content ul li:before {
            /*color: #f5a361;*/
            color: #054078;
            content: "";
            float: left;
            font-family: fontawesome;
            margin-left: -15px;
            margin-right: 10px;
        }

    .image-right-content ul li:before, .image-left-content ul li:before {
        margin-left: 0;
        margin-right: 10px;
    }

    .content-list-items ul > li a, .image-right-content ul li a, .image-left-content ul li a {
        color: #727272;
        font-weight: 600;
    }

.content-inner-quote {
    background: #f5a361 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-style: italic;
    font-weight: 600;
    margin: 50px 0;
    padding: 30px 15px;
}

.image-right-content, .image-left-content {
    margin-top: 50px;
}

    .image-left-content h3, .image-right-content h3 {
        margin: 0;
        text-transform: none;
    }

.content-page-inner-area > h3 {
    margin: 30px 0;
    text-transform: none;
}

.gallery-main .col-md-12 {
    text-align: center;
    margin-top: 40px;
}

    .gallery-main .col-md-12 p {
        padding-bottom: 50px;
    }

    .gallery-main .col-md-12 .container-mix div.mix {
        margin-bottom: 30px;
    }

.gallery-main figure.effect-zoe figcaption div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

/* =======================================
 Single Property Page          
======================================== */
.single-property {
    background: #f8f8f8;
    margin-bottom: -50px;
    /*padding-top: 50px;*/
}


.equaltogalery .property-price {
    text-align: left !important;
}


.flexslider {
    float: left;
    width: 100%;
}


.single-property-details {
}

.accord-content .list-features i {
    margin-right: 5px;
}


.single-property-banner {
    background: url(../images/single-property-bg.jpg);
    background-position: bottom;
}

.property-name {
    margin: 30px 0 0 0;
}

    .property-name h2 {
        font-size: 28px;
        text-transform: none;
        margin: 0 0 5px 0;
    }

    .property-name > p {
        margin: 0;
    }

.saleflag {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 18px;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #0D8482;
    /* background: linear-gradient( 45deg,, #6DD, #0D8482);*/
    color: #fff;
    border-radius: 2px 0 6px 0;
    z-index: 5;
}

.collectionflag {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    background: #3C3C44;
    padding: 5px 10px;
    color: #fff;
    position: relative;
    top: -6px;
    border-radius: 3px;
}

    .collectionflag a {
        color: white;
    }

.property-price {
    text-align: right;
    /*margin: 30px 0;*/
}

    .property-price h2 {
        margin: 10px 0 5px 0;
    }

    .property-price h4 {
        margin: 10px 0;
        font-weight: 300;
        text-transform: none;
        font-size: 26px;
    }

.property-gallery {
    position: relative;
    height: 630px;
}

    .property-gallery > img {
        height: 630px;
        width: 100%;
    }

.property-agent {
    background: rgba(255,255,255,.95);
    padding: 30px;
    width: 370px;
    position: absolute;
    top: 40px;
    left: 40px;
}

    .property-agent .agent-media {
        margin-bottom: 20px;
    }

        .property-agent .agent-media img {
            width: 74px;
            height: 74px;
            display: inline-block;
        }

        .property-agent .agent-media ul {
            display: inline-block;
            list-style: none;
            padding-left: 20px;
        }

            .property-agent .agent-media ul li:first-child {
                font-weight: 700;
                text-transform: uppercase;
                padding-bottom: 5px;
            }

            .property-agent .agent-media ul li i {
                padding-right: 6px;
            }

            .property-agent .agent-media ul li a {
                color: #f5a361;
                font-weight: 600;
            }

                .property-agent .agent-media ul li a:hover {
                    text-decoration: none;
                }

    .property-agent form input, .property-agent form textarea {
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 100%;
        margin-bottom: 10px;
        height: 40px;
        padding: 0 15px;
    }

    .property-agent form textarea {
        height: 135px;
    }

    .property-agent form input[type=submit] {
        background: #f5a361;
        color: #fff;
        font-weight: 600;
        border: none;
    }

.property-share {
    position: absolute;
    right: 50px;
    top: 50px;
}

    .property-share ul li {
        display: inline-block;
        margin-right: 10px;
    }

        .property-share ul li:last-child {
            margin-right: 0;
        }

        .property-share ul li a i {
            background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
            color: #fff;
            display: block;
            font-size: 20px;
            height: 50px;
            padding-top: 12px;
            text-align: center;
            -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
            width: 50px;
            border-radius: 3px;
        }

            .property-share ul li a i:hover {
                color: #fff;
            }

.property-description, .property-location, .property-details-list, .property-features, .property-contact-info {
    background: #fff none repeat scroll 0 0;
    padding: 40px;
    margin: 40px 0;
}

h2.pd-title {
    font-size: 18px;
    text-transform: none;
    padding: 0 0 40px 0;
    margin: 0 0 20px 0;
    position: relative;
}

    h2.pd-title:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: #ccc;
        bottom: 0;
        left: 0;
    }

.property-location ul {
    padding-left: 0;
}

    .property-location ul li {
        list-style: none;
        font-weight: 300;
    }

.property-details-list .alert.alert-success {
    border-radius: 0;
    border: 1px solid #f5a361;
    color: inherit;
}

.property-details-list ul {
    padding-left: 0;
    list-style: none;
    columns: 3 auto;
    -moz-columns: 3 auto;
    -webkit-columns: 3 auto;
}

    .property-details-list ul li {
        padding: 5px 0;
        font-weight: 300;
    }

.property-details-list > h3 {
    font-size: 16px;
    margin: 30px 0 15px;
    text-transform: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.property-features ul {
    list-style: none;
    padding-left: 0;
    columns: 3 auto;
    -moz-columns: 3 auto;
    -webkit-columns: 3 auto;
}

    .property-features ul li {
        padding: 5px 0;
        font-weight: 300;
    }

        .property-features ul li i {
            padding-right: 5px;
        }

.property-contact-info .agent-media {
    margin-bottom: 20px;
}

    .property-contact-info .agent-media img {
        width: 80px;
        height: 80px;
        display: inline-block;
    }

    .property-contact-info .agent-media ul {
        display: inline-block;
        list-style: none;
        padding-left: 20px;
    }

        .property-contact-info .agent-media ul li:first-child {
            font-weight: 700;
            text-transform: uppercase;
            padding-bottom: 5px;
        }

        .property-contact-info .agent-media ul li i {
            padding-right: 6px;
            color: inherit;
        }

        .property-contact-info .agent-media ul li a {
            color: inherit;
        }

        .property-contact-info .agent-media ul li span {
            margin-right: 10px;
        }

        .property-contact-info .agent-media ul li a:hover {
            text-decoration: none;
        }

.property-contact-info form input, .property-contact-info form textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    padding: 0 15px;
}


a.pd-title {
    display: block;
    /*font-weight: 600;*/
    line-height: 1.1;
    color: inherit;
    padding-bottom: 20px;
    font-size: 24px;
    padding-bottom: 0;
    /*border-bottom: solid 1px #727272;*/
}

.property-description dd {
    padding-top: 40px;
    padding-bottom: 40px;
}

dt.property-description {
    margin-bottom: 0px;
}

dd.property-description {
    margin-top: 0px;
    padding-top: 0px;
}




.property-contact-info form textarea {
    height: 135px;
    margin-top: 10px;
}

.property-contact-info form input[type=submit] {
    background: #f5a361 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 600;
    margin-left: 15px;
    width: auto;
    margin-top: 10px;
}

.property-contact-info > h3 {
    font-size: 16px;
    margin: 30px 0 20px 0;
    text-transform: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.property-contact-info form .form-group {
    margin-bottom: 0;
}

aside {
    margin-top: 40px;
    background: #fff;
    padding: 20px 15px 0 15px;
}

    aside .widget-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    width: 100%;
}

.blog-posts {
    margin-left: 15px;
    margin-right: 15px;
}


.accord-block .accordLink:after {
    content: "+";
    margin-right: 2px;
    float: right;
}

.accord-block .active .accordLink:after {
    content: "-";
    margin-right: 2px;
    float: right;
}


.accord-block-shaded {
    border: 1px solid #727272;
    border-radius: 4px;
    margin: 5px !important;
}


.pagelink {
    background-color: #f5a361;
    border: 1px solid #f5a361;
    border-radius: 10px;
    padding: 5px 8px 5px 8px;
    -webkit-transition: background-color 0.6s, color 0.6s; /* Safari */
    -moz-transition: background-color 0.6s, color 0.6s;
    -o-transition: background-color 0.6s, color 0.6s;
    transition: background-color 0.6s, color 0.6s;
}

    .pagelink:hover {
        background-color: transparent;
    }


.simple-pagination {
    display: inline-block;
    padding-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
}

    .simple-pagination li {
        display: inline;
    }

    .simple-pagination .page-link,
    .simple-pagination .ellipse,
    .simple-pagination .current {
        display: inline-block;
        position: relative;
        float: left;
        padding: 0.9rem 1.5rem;
        margin-left: 12px;
        color: #727272;
        text-decoration: none;
        background-color: #fff;
        border: 2px solid #ddd;
    }

    .simple-pagination li:first-child .page-link {
        margin-left: 0;
        border-bottom-left-radius: .25rem;
        border-top-left-radius: .25rem;
    }

    .simple-pagination li:last-child .page-link {
        border-bottom-right-radius: .2rem;
        border-top-right-radius: .2rem;
    }

    .simple-pagination li.active .page-link,
    .simple-pagination li.active .page-link:focus,
    .simple-pagination li.active .page-link:hover,
    .simple-pagination li.active .current,
    .simple-pagination li.active .current:focus,
    .simple-pagination li.active .current:hover {
        z-index: 2;
        /*color: #fff;*/
        cursor: default;
        /*background-color: #0275d8;*/
        border-color: #727272;
    }


.svgicons {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.horizfeaturelist {
    margin-top: 20px;
}

    .horizfeaturelist > li {
        display: inline;
        padding-right: 20px;
    }

.sidelist {
    list-style: none;
}

.blogarticlelink:hover {
    color: blue;
    text-decoration: none;
}

.activity-description {
    margin-top: 25px;
}

.special-offer {
    color: #30a300 !important;
    font-weight: bold;
    font-size: 18px;
}

.special-offer-name {
    font-size: 26px;
}

.rates-heading {
    color: #054078 !important;
    font-weight: bold;
    font-size: 18px;
}

.social {
}

    .social a {
        display: inline-block;
        /*float: right;*/
        width: 30px;
        height: 30px;
        overflow: hidden;
    }

        .social a:hover {
            background-position: center bottom;
        }

    .social .gp {
        background-image: url(../images/gp.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .tw {
        background-image: url(../images/tw.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .fb {
        background-image: url(../images/fb.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .li {
        background-image: url(../images/in.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .pt {
        background-image: url(../images/pt.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .yt {
        background-image: url(../images/yt.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .ins {
        background-image: url(../images/ins.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .lnkIn {
        background-image: url(../images/li.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }

    .social .sk {
        background-image: url(../images/skype.jpg);
        background-position: center top;
        -webkit-transition: 0.2s ease 0s;
        -moz-transition: 0.2s ease 0s;
        -o-transition: 0.2s ease 0s;
        transition: 0.2s ease 0s;
        background-repeat: no-repeat;
    }


/*
        The partial Villa Template
*/


.divVillaCardContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 1rem;
    margin: 20px;
}

    .divVillaCardContainer .propcard {
        position: relative;
        padding: 4px;
        padding-bottom: 60px; /* Allow for buttons */
        border: 1px solid var(--greentrans);
        border-radius: 5px;
    }
        .divVillaCardContainer .propcard .property-details-lower {
            font-family: 'Lato', sans-serif;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            position: absolute;
            bottom: 0px;
            width: 100%;
            color: #fff;
           /* text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);*/
            background: rgba(0, 0, 0, 0.4);
            line-height: 1.2;
        }

            .divVillaCardContainer .propcard .property-details-lower a {
                color: white;
            }


        .divVillaCardContainer .propcard .divButtons {
            /* align-self: flex-end; */
            position: absolute;
            bottom: 0;
        }

@media (max-width: 1100px) {
    .divVillaCardContainer {
        grid-template-columns: repeat(1, 1fr);
    }
}