@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'Lato-Regular';

    src: url(../fonts/font/Lato-Regular.ttf);

}

@font-face {

    font-family: 'Lato-Light';

    src: url(../fonts/font/Lato-Light.ttf);

}

@font-face {

    font-family: 'CenturyGothicBold';

    src: url(../fonts/font/CenturyGothicBold.ttf);

}

@font-face {

    font-family: 'CenturyGothicRegular';

    src: url(../fonts/font/CenturyGothicRegular.ttf);

}

@font-face {

    font-family: 'MyriadPro-Regular';

    src: url(../fonts/font/MyriadPro-Regular.otf);

}

body {

    background: #fff;

    font-weight: 500;

    font-size: 16px;

    line-height: normal;

    color: #999;

    font-family: 'CenturyGothicRegular';

}

a {

    color: #947e26;

}

a:focus,

a:hover,

a:active {

    outline: none;

    text-decoration: none;

}

.container {

    max-width: 1170px;

}

h1 {

    font-size: 30px;

    color: #26896a;

}

h2 {

    font-size: 26px;

    color: #26896a;

}

h3 {

    font-size: 20px;

    color: #26896a;

}

h4 {

    font-size: 18px;

    color: #26896a;

}

p {

    font-size: 16px;

    margin-bottom: 20px;

    color: #999999;

}



ul,

ol {

    /*list-style-type: none;*/

    padding: 0;

}



input {

    margin: 10px 0;

}

.navbar-brand {

    padding: 0px;

}

/*---------------------Head---------------------*/
.fullwithlogo img.img-responsive.logo-client {
    border: 0px;
}
.fullwithlogo {
    padding-top: 10px;
}

.head {

    background: url(../img/banner.jpg);

    padding: 350px 0;

    background-size: cover!important;

    /* height: 100vh; */

    background-repeat: no-repeat!important;

    background-position: center center!important;

    position: relative;

}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    box-shadow: 2px 2px 10px #00000087;
    background: #fff;
    transition: 0.3s ease-in-out;
    z-index: 999999;
    animation:slide-down 0.7s;
}               
.sticky .fa-gg {                  
    transform: rotate(360deg);      
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.sticky  .menu-wrapper {
    margin-top: 15px;
}
.logo_caption h6 {
    background-color: #26896a;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    display: inline-block;
    margin: 10px 0 0;
}


section.head.header-head {

    background: #fff;

    height: auto;

    padding: 10px 0 5px;

    /*border-bottom: 4px solid #26896a;*/

}

.call-icon p a {

    color: #26896a;

    font-size: 22px;

    transition: 0.3s ease-in-out;

}

.call-icon p a:hover {

    color: #7f7f7f;

    transition: 0.3s ease-in-out;

}

.call-icon p {

    margin: 40px 0 0;

    position: relative;

    font-family: 'CenturyGothicRegular';

    margin-top: 20px;

}

/*.call-icon p:before {

    content: '';

    position: absolute;

    width: 32px;

    height: 32px;

    background: url(../img/call-icon.png) no-repeat;

    right: 25%;

}*/

.logo {

    display: none;

}

/*---------------------Header-Nav-CSS-------------------*/

/*---------------------Header-Nav-CSS-------------------*/

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

/* == Menu == */

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



#header_fixed {

    z-index: 99999;
    position: relative;
    transition: linear 5s ease-out;

}

.navbar-fixed-top{

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

}

header .menu-wrapper {

    position: relative;

    z-index: 999;

    text-transform: uppercase;

    margin-top: 20px;

    padding-bottom: 0px;

    background: transparent;

}

.menu-wrapper .menu {

    margin: 0;

    padding-left: 0;

    list-style: none;

    text-align: center;

    font-family: 'Lato-Regular';

}

.menu-wrapper .menu > li {

    position: relative;

    display: inline-block;

    margin: 0 40px 0 0;

    padding-bottom: 10px;

    border-bottom: 4px solid transparent;

}

.menu-wrapper .menu > li:hover {

    border-bottom: 4px solid #26896a;

    transition: 0.3s esae-in-out;

}

.menu-wrapper .menu > .current-menu-item, .menu-wrapper .menu > .current-menu-parent{

    border-bottom: 4px solid #26896a;

    transition: 0.3s esae-in-out;

}

.menu-wrapper .menu > li:last-child {

    border-right: 0px;

    margin-right: 0px;

}

.menu-wrapper ul.menu,

.menu-wrapper a.menu-link {

    border: 0px;

}

.menu-wrapper a.menu-link,

.menu-wrapper .product_menu-link {

    display: none;

    padding: 10px 0;

    background: transparent;

}

.menu-wrapper a,

.menu-wrapper .menu > .current-menu-item > a,

.menu-wrapper .menu > .current-menu-ancestor > a {

    display: block;

    position: relative;

    font-size: 18px;

    margin: 0;

    line-height: 1.3em;

   /* color: #fff;*/

    text-decoration: none;

}

.menu-wrapper .menu > .current-menu-item > a,

.menu-wrapper .menu > .current-menu-ancestor > a {

    border-bottom: none;

    margin-bottom: 0px;

}

.menu-wrapper .menu > .current-menu-item > a:hover,

.menu-wrapper .menu > .current-menu-ancestor > a:hover {

    background: transparent;

}

.menu-wrapper a:hover,

.menu-wrapper .menu > .current-menu-item > a:hover,

.menu-wrapper .menu > .current-menu-ancestor > a:hover {} .menu-wrapper .menu > .current-menu-item > a:hover,

.menu-wrapper .menu > .current-menu-ancestor > a:hover {

    margin-bottom: 0px;

}

.menu-wrapper .sub-menu,

.menu-wrapper .sub-menu li .sub-menu {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    position: absolute;

    max-height: 0em;

    display: none;

    overflow: hidden;

    list-style: none outside none;

    text-align: left;

    text-transform: none;

    background-color: #333;

    top: 33px;

}

.menu-wrapper .sub-menu li {

    display: block;

    position: relative;

    text-transform: uppercase;

}

.menu-wrapper .sub-menu a {

    margin: 0;

    white-space: nowrap;

    line-height: 1.8em;

    border: none;

    color: #fff;

    padding: 10px;

    font-size: 16px;

}

.menu-wrapper .sub-menu a:hover {

    background: #26896a;

    color: #fff;

}

.menu-wrapper li:hover .sub-menu li .sub-menu {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    margin: 0px 0 0 -18px;

    padding: 3px 0 0 0;

    position: absolute;

    max-height: 0em;

    display: none;

    list-style: none outside none;

    text-align: left;

    text-transform: none;

    left: 100%;

    top: 0;

}

.menu-wrapper li:hover .sub-menu,

.menu-wrapper li .sub-menu li:hover .sub-menu {

    max-height: 30em;

    display: block;

    transition: max-height 0.5s;

}

footer .col-sm-2:nth-child(5) .foot {

    border: none;

}

/* Responsive Menu */

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

    .logo {

        display: block;

    }
.sticky .menu-wrapper {
    margin-top: 0;
}
    .js .menu-wrapper nav[role=navigation] {

        overflow: hidden;

        max-height: 0em;

    }

    .js .menu-wrapper nav.active[role="navigation"] {

        max-height: 30em;

        transition: max-height 0.5s ease-out;

        height: 260px;

        overflow-y: scroll;

        background: #26896a;

    }

    .menu-wrapper .menu > li {

        margin: 0;

    }

    .menu-wrapper .menu > li:hover {

        border-bottom: none;

    }

    .menu-wrapper .menu a:hover {

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

        transition: 0.3s ease-in-out;

    }
    header .menu-wrapper {
        margin: 0px -10px;
        margin-top: 20px;
    }

    .menu-wrapper a.menu-link,

    .menu-wrapper .product_menu-link {

        display: block;

        width: auto;

        padding-right: 15px;

        padding-left: 10px;

        border: none;

        margin: 0;

        background: #26896a;

        color: #fff;
        
        border-bottom: 1px solid #fff;

    }

    .menu-wrapper a.menu-link.active .ico-caret-down:before .menu-wrapper .product_menu-link.active .ico-caret-down:before {

        content: "\f0d8";

    }

    .menu-wrapper .menu .menu {

        padding-bottom: 5px;

    }

    .menu-wrapper .menu li {

        display: block;

        border: 1px solid red;

        border: none;

    }

    .menu-wrapper .menu > li {

        padding: 0px;

        border: none;

    }

    .menu-wrapper .menu a {

        padding: 10px;

        margin: 0px;

        border: none;
            color: #fff;

    }

    .menu-wrapper .menu .rightalign {

        float: none;

    }

    .menu-wrapper li + li a:before {

        content: "";

    }

    .menu-wrapper li:hover .sub-menu,

    .menu-wrapper li .sub-menu li:hover .sub-menu {

        max-height: 0em;

        transition: none;

        display: none;

    }

    .menu-wrapper .sub-menu,

    .menu-wrapper li .sub-menu li .sub-menu {

        background: none;

        margin-left: 0px;

        margin-top: 1px;

        display: none;

        width: 100%;

    }

    .menu-wrapper .sub-menu li,

    .menu-wrapper .sub-menu li a {

        margin: 0;

        display: block;

        width: 100%;

    }

    .menu-wrapper .sub-menu.active {

        display: block;

    }

    .menu-wrapper .sub-menu a {

        padding-left: 0.8em;

    }

    .menu-wrapper .sub-menu li:last-child {

        padding: 0;

    }

    .menu-wrapper .sub-menu li:last-child a {

        border: none;

    }

    .menu-wrapper .menu .menu-item-has-children {

        position: relative;

    }

    .menu-wrapper li .sub-menu.active,

    .menu-wrapper li .sub-menu li .sub-menu.active {

        max-height: 30em;

        overflow: visible;

        position: relative;

        z-index: 9;

        display: block;

        left: 0px;

        transition: max-height 0.5s ease-out;

    }

    .menu-wrapper li .sub-menu li .sub-menu.active {

        left: auto;

        right: -25px;

    }

    .menu-wrapper .sub-menu li {

        display: block;

        background: transparent;

    }

    .menu-wrapper .sub-menu li a {

        color: #fffc;

    }

    .menu-wrapper li:hover .sub-menu li .sub-menu {

        margin: 0px;

    }

    .menu-wrapper .toggle-link {

        height: 32px;

        width: 32px;

        display: block;

        position: absolute;

        right: 10px;

        z-index: 200;

        font-size: 0em;

        cursor: pointer;

        font-family: 'FontAwesome';

        speak: none;

        font-style: normal;

        font-weight: normal;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

    }

    .menu-wrapper .toggle-link:hover {

        transition: all 0.2s;

    }

    .menu-wrapper .menu .menu-item-has-children > .toggle-link::after {

        content: "\f0d7";

        font-family: 'FontAwesome';

        position: absolute;

        width: 45px;

        top: 45%;

        margin-top: -12px;

        bottom: 50%;

        right: 8px;

        font-size: 40px;

        color: #fff;

    }

    .menu-wrapper .sub-menu,

    .menu-wrapper .sub-menu li .sub-menu {

        top: 0px;

    }

    .menu-wrapper .menu > .current-menu-item > a:hover,

    .menu-wrapper .menu > .current-menu-ancestor > a:hover {

        margin-bottom: 2px;

    }

    .menu-wrapper a,

    .menu-wrapper .menu > .current-menu-item > a,

    .menu-wrapper .menu > .current-menu-ancestor > a {

        padding: 10px 10px 10px;

        text-align: left;

    }

    .menu-wrapper .menu .menu-item-has-children .sub-menu .menu-item-has-children > .toggle-link::after {

        right: -8px;

    }

    .menu-wrapper .menu .menu-item-has-children > .toggle-link.active:after {

        content: "\f0d8";

        margin-top: -18px;

    }

    .menu-wrapper .menu .menu-item-has-children .sub-menu a:hover {

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

        color: #fff;

    }

    li.demo_btn {

        width: 130px;

        margin: 0 20px 0 auto;

        text-align: center;

    }

}

.content {

    max-width: 950px;

    min-height: 500px;

    margin: 30px auto;

}

.cbp-hrmenu {

    width: 100%;

    margin-top: 2em;

    border-bottom: 4px solid #47a3da;

}

/* general ul style */



.cbp-hrmenu ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

/* first level ul style */



.cbp-hrmenu > ul,

.cbp-hrmenu .cbp-hrsub-inner {

    width: 90%;

    max-width: 70em;

    margin: 0 auto;

    padding: 0 1.875em;

}

.cbp-hrmenu > ul > li {

    display: inline-block;

}

.cbp-hrmenu > ul > li > a {

    font-weight: 700;

    padding: 1em 2em;

    color: #999;

    display: inline-block;

}

.cbp-hrmenu > ul > li > a:hover {

    color: #47a3da;

}

.cbp-hrmenu > ul > li.cbp-hropen a,

.cbp-hrmenu > ul > li.cbp-hropen > a:hover {

    color: #fff;

    background: #47a3da;

}

/* sub-menu */



.cbp-hrmenu .cbp-hrsub {

    display: none;

    position: absolute;

    background: #47a3da;

    width: 100%;

    left: 0;

}

.cbp-hropen .cbp-hrsub {

    display: block;

    padding-bottom: 3em;

}

.cbp-hrmenu .cbp-hrsub-inner > div {

    width: 33%;

    float: left;

    padding: 0 2em 0;

}

.cbp-hrmenu .cbp-hrsub-inner:before,

.cbp-hrmenu .cbp-hrsub-inner:after {

    content: " ";

    display: table;

}

.cbp-hrmenu .cbp-hrsub-inner:after {

    clear: both;

}

.cbp-hrmenu .cbp-hrsub-inner > div a {

    line-height: 2em;

}

.cbp-hrsub h4 {

    color: #afdefa;

    padding: 2em 0 0.6em;

    margin: 0;

    font-size: 160%;

    font-weight: 300;

}

/* Examples for media queries */



@media screen and (max-width: 52.75em) {

    .cbp-hrmenu {

        font-size: 80%;

    }

}

@media screen and (max-width: 43em) {

    .cbp-hrmenu {

        font-size: 120%;

        border: none;

    }

    .cbp-hrmenu > ul,

    .cbp-hrmenu .cbp-hrsub-inner {

        width: 100%;

        padding: 0;

    }

    .cbp-hrmenu .cbp-hrsub-inner {

        padding: 0 2em;

        font-size: 75%;

    }

    .cbp-hrmenu > ul > li {

        display: block;

        border-bottom: 4px solid #47a3da;

    }

    .cbp-hrmenu > ul > li > a {

        display: block;

        padding: 1em 3em;

    }

    .cbp-hrmenu .cbp-hrsub {

        position: relative;

    }

    .cbp-hrsub h4 {

        padding-top: 0.6em;

    }

}

@media screen and (max-width: 36em) {

    .cbp-hrmenu .cbp-hrsub-inner > div {

        width: 100%;

        float: none;

        padding: 0 2em;

    }

}

.navbar-fixed-top {

    background-color: #26896a;

    transition: linear 2s ease-in-out;

}

.navbar-fixed-top .menu-wrapper {

    margin-top: 15px;

}

.logo-main {

    display: inline-block;

}

/*.logo-main:first-child {
    padding-right: 15px;
}*/
.logo-main:nth-child(2) {
    padding-left: 15px;
}
.logo-client{

    border: 2px solid #26896a;

    margin: 11px 0px;

}

.logo-main img#logo {

    max-height: 100px;

}
.and-logo {
    display: inline-block;
    padding-top: 30px;
    width: 32.7%;
    vertical-align: top;
}
.and-logo img {
    border: 0px;
    margin: 0px;
}
.logo-main:last-child {
    float: right;
}
/*---------------------Comman--------------------*/

.page-template-communities-page .banner-title, .page-id-1443 .banner-title, .category .banner-title{

display:none;

}

.comman {

    margin: 0px 0;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.comman h1 {

    font-size: 32px;

    margin: 0 auto;

    text-align: center;

    color: #000;

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

    padding: 30px;

    outline-offset: 10px;

    outline: 2px solid #fff;

    font-family: 'CenturyGothicRegular';

}

.prop_btn a {

    background-color: #26896a;

    color: #fff;

    text-transform: uppercase;

    font-size: 20px;

    padding: 10px 15px;

    transition: 0.3s ease-in-out;

    border: 1px solid transparent;

    font-family: 'CenturyGothicBold';

}

.prop_btn a:hover {

    border: 1px solid #fff;

    background-color: transparent;

    transition: 0.3s ease-in-out;

}

/*---------------------tood_and_diane--------------------*/
.comman a {
    color: #6c6b6b;
}


.tood_and_diane {

    padding: 50px 0;

}

.tood-img img {

    width: 100%;

}

.tood_and_diane h2 {

    font-size: 32px;

    color: #000;

    text-transform: uppercase;

    margin: 0 0 30px;

    text-align: left;

    font-family: 'Lato-Regular';

}

.aspero {

    text-align: center;

}

.tood_and_diane p, .tood_and_diane {

    font-size: 16px;

    margin: 0 0 50px;

    line-height: 25px;

    color: #000;

    text-align: left;

    font-family: 'CenturyGothicRegular';

}

@media(min-width: 768px){

.tood_and_diane_sect .container .row{

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

    position: relative;

}

}

.tood_and_diane_sect .tood-img img {

    border: 4px solid #5e5e5e;

}

/*---------------------third_sec ---------------------*/



.third_sec {

    padding: 30px 0;

    background-color: #f7f7f7;

    font-size: 16px;

    line-height: 25px;

    color: #6b6976;

    font-family: 'CenturyGothicRegular';

}

.third_sec h3 {

    font-weight: bold;

    color: #b05153;

    margin: 20px 0 25px;

    font-size: 28px;

    line-height: 35px;

    font-family: 'CenturyGothicBold';

}

.third_sec img {

    margin-bottom: 30px;

}

.dotted_border {

    border-bottom: 5px dotted #878787;

}

.third_sec p {

    font-size: 16px;

    line-height: 25px;

    color: #6b6976;

    margin: 20px 0;

    font-family: 'CenturyGothicRegular';

}

.storia img {

    width: 100%;

    margin: 30px 0 0;

}

.inner_content_marketing p{

    font-size: 16px;

    line-height: 25px;

    color: #6b6976;

    margin: 20px 0;

    font-family: 'CenturyGothicRegular';

}

.inner_content_marketing{

    font-size: 16px;

    line-height: 25px;

    color: #6b6976;

    font-family: 'CenturyGothicRegular';

}

.inner_content_marketing img {

    margin-bottom: 30px;

}

.inner_content_marketing h3 {

    font-weight: bold;

    color: #26896a;

    margin: 20px 0 25px;

    font-size: 28px;

    line-height: 35px;

    font-family: 'CenturyGothicBold';

}

.sidebar_list h2 {

    font-weight: bold;

}

.listing_oak {

    background: #26896a;

    border: 5px solid #26896a;

    margin-bottom: 40px;

    box-shadow: 0px 0px 10px rgba(136, 34, 21, 0.62);

    min-height: 251px;

    color: #fff;

    overflow: hidden;

}

.listing_oak .list_img {

    position: relative;

    overflow: hidden;

}

.listing_oak h4{

    position: relative;

    z-index: 99;

    background: #26896a;

}

.listing_oak h4 a {

    color: #fff;

    text-shadow: 3px 2px 2px #000;

    font-size: 22px;

    font-weight: 500;

}

.listing_oak img {

    width: 100%;

    left: 0px;

    margin-left: 0px;

    position: relative;

    z-index: 9;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

.listing_oak:hover img {

    -webkit-transform: scale(1.2) rotate(2deg);

    -moz-transform: scale(1.2) rotate(2deg);

    -o-transform: scale(1.2) rotate(2deg);

    -ms-transform: scale(1.2) rotate(2deg);

    transform: scale(1.2) rotate(2deg);

}

.oak_creek_listing {

    padding: 0px 0;

}

.single-floor_plans .oak_creek_listing {

    padding: 30px 0;

}

.floor-div {

    padding-top: 45px;

}

.floor-image-list {

    border: 1px solid #26896a;

    margin-bottom: 20px;

    overflow: hidden;

    text-align: center;

    min-height: 260px;

}

.floor-image-list h4 {

    color: #26896a;

    text-transform: uppercase;

    font-size: 20px;

    border-bottom: 1px solid #26896a;

    line-height: 30px;

    margin: 0;

    padding: 10px;

    position: relative;

    z-index: 99;

    background: #fff;

}

.floor-box {

    padding: 20px 0px;

}

.floor-plans-list {

    padding-left: 20px;

    text-align: left;

}

.floor-plans-list li {

    list-style: none;

    line-height: 26px;

}

.floor-plans-list span.floor-dec {

    padding-right: 10px;

}

#florrplantModal {

    z-index: 999999;

    top: 8%;

}

.wpcf7-form-control-wrap {

    position: relative;

}

input#textinput {

    height: 45px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #26896a;

    border: 1px solid #b9b9b9;

    border-radius: 0px;

}

input.btn {

    color: #fff;

    background-color: #26896a;

    padding: 10px 40px;

    border-radius: 0;

    font-size: 16px;

    text-transform: uppercase;

    transition: 0.3s ease-in-out;

}

input.btn:hover, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    background-color: transparent;
    border: 1px solid #26896a;
    color: #26896a;
    transition: 0.3s ease-in-out;
    outline-offset: 0px;
    outline: none;
}

section.property-list {

    margin-top: 40px;

    margin-bottom: 20px;

}
.main-info img {
    width: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*---------------------Footer---------------------*/

footer {

    padding: 0px 0 20px;

    font-family: 'MyriadPro-Regular';

    /*border-top: 4px solid #26896a;*/

    margin-top: 0px;

    padding-top: 8px;

    color: #fff;

}

footer h3 {

    color: #fff;

    text-transform: uppercase;

    margin: 40px 0px 20px;

    font-size: 30px;

    font-weight: bold;

}

span.wpcf7-not-valid-tip{

    display: none!important;

}

.wpcf7-not-valid {

    border-color: #f00!important;

}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {

    display: none!important;

}

.site-map ul {

    margin-bottom: 20px;

}

.site-map ul li,

.ca-bre ul li {

    display: inline-block;

    font-size: 14px;

    margin-right: 30px;

    color: #000;

}

.site-map ul li a,

.ca-bre ul li a {

    color: #000;

    transition: 0.3s ease-in-out;

}

.site-map ul li a:hover,

.ca-bre ul li a:hover {

    color: #26896a;

    transition: 0.3s ease-in-out;

}

.social_icon ul {

    margin: 20px 0 10px;

}

.social_icon ul li {

    display: inline-block;

    margin-right: 15px;

}

.social_icon ul li a img {

    -webkit-transition: -webkit-transform .8s ease-in-out;

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

}

.social_icon ul li a img:hover {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

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

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

    border-radius: 50px;

}

/*------------------------------Communities_Page_CSS------------------------------------*/


section.secound-sec .row:last-child .heading-sp img {
    width: 50%;
    display: inline-block;
}
section.secound-sec .row:last-child .heading-sp {
    text-align: center;
}
.communities-head {

    background: url(../img/communities_banner.jpg) no-repeat;

    padding: 30px 0;

    background-size: 100% 100%;

    height: 100vh;

}

section.secound-sec {

    background-color: #fff;

    padding: 30px 0 60px;

}

section.secound-sec h3 {

    font-size: 40px;

    color: #26896a;

    margin: 0 0 30px;

    font-weight: bold;

}

.secound-sec p {

    font-size: 16px;

    color: #000;

    margin: 0 0 50px;

    padding: 0 150px;

}

.secound-sec .heading-sp p, .secound-sec .p-padding-0 {

    margin: 0 0 10px;

    padding: 0px;

}

.secound-sec .p-padding-0 {

    font-weight: bold;

}

.secound-sec .heading-sp h5 {

    color: #26896a;

    font-size: 18px;

    font-weight: 600;

}

.comm h4 {

    font-size: 30px;

    color: #26896a;

    margin: 15px 0;

    margin-top: 10px;

}

section.secound-sec .comm h4 {

    text-align: center;

}

.comm ul {

    padding-left: 20px;

}

.comm ul li {

    font-size: 16px;

    line-height: normal;

    color: #2a4966;

    font-family: 'CenturyGothicRegular';

    padding-bottom: 8px;

}

.comm img {

    width: 100%;

}
.comm.communi-img img {
    height: auto;
    width: auto;
    max-width: 100%;    
}
.col-sm-6.pad1 {

    padding-right: 0;

}

.col-sm-6.pad2 {

    padding-left: 0;

}

.list {

    padding: 20px 0;

}

.section_inner {

    border: 1px solid #d1d1d1;

    padding: 10px;

    margin: 10px 0;

    box-shadow: 0px 0px 10px #ececec;

    min-height: 450px;

}

.list h4 {

    font-size: 22px;

    color: #000;

    padding-bottom: 10px;

}

.section_inner h4 {

    color: #020202;

    min-height: 60px;

    display: -webkit-flexbox;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    justify-content: center;

    width: 100%;

}

.section_inner h4 a {

    color: #0c0c0c;

}

.available a {
    border: 1px solid #000;
    padding: 8px 15px;
    color: #000;
    display: inline-block;
    height: 40px;
}

.available img {
    padding-right: 10px;
    display: inline-block;
}

.available .avail {

    background-color: #26896a;

    color: #fff;

    font-weight: normal;

}

.section_inner h2 {

    font-weight: bold;

    color: #26896a;

    font-size: 36px;

}

.read_more {

    margin: 20px 0;

}

.read_more a {

    border: 1px solid #26896a;

    background-color: #26896a;

    color: #fff;

    font-weight: normal;

    padding: 10px 20px;

    text-transform: uppercase;

}

.contact_now a:hover, .read_more a:hover {

    border: 1px solid #26896a;

    background-color: transparent;

    transition: ease-in-out .5s;

    color: #26896a;

}

.panel-default {

    border: 0 none;

    border-radius: 0;

    box-shadow: none;

}

.panel-default > .panel-heading {

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

    border: 0px;

    color: #333333;

    padding: 0;

    border-top: 0px;

    border-radius: 0px;

}

.nav-tabs {

    border: 0pc;

}

.property-list .panel-heading .nav-tabs li a {

    font-size: 18px;

    color: #434343;

    border: 1px solid #C9C9C9;

    border-radius: 0px;

    margin: 0px;

}

.panel-body {

    border: 1px solid #C9C9C9;

}

.property-list h2 {

    margin-top: 0px;

    margin-bottom: 20px;

    font-size: 36px;

    color: #3c3b4b;

}

.property-list .nav-justified {

    margin-top:-55px;

    width: 100%;

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

    position: relative;

    z-index: 1;

    padding: 10px;

}

.inner-product-image p {

    padding-top: 0px !important;

}

.property-list .tabs h4 {

    color: #000;

    margin-top: 30px;

}

.property-list .tabs h4 {

    color: #000;

    margin-top: 30px;

}

#tab1default p {

    padding-top: 10px;

    font-weight: normal;

    color: #000;

}

.property-list .left_border {

    border-left: 1px solid #b9b9b9;

    width: 100%;

    float: left;

    margin-top: 0px;

    padding: 10px 13px;

}

.property-list .tabs ul, .left_border ul {

    margin-top: 0px;

    padding: 0;

}

.property-list .tabs ul li, .left_border ul li {

    list-style-type: none;

}

.property-list .tabs ul li a, .left_border ul li a {

    color: #000;

    font-weight: normal;

}

.property-list .tabs ul li img, .left_border ul li img {

    padding-right: 10px;

}

.property-list .left_border h4 {

    color: #26896a;

    font-weight: bold;

    padding: 15px 0;

}

.property-list .available_btn {

    padding: 10px 0;

}

.property-list .available_btn a {

    border: 1px solid #000;

    color: #000;

    padding: 10px 20px;

    font-size: 18px;

    font-weight: normal;

}

.property-list .bd {

    border: 1px solid #b9b9b9;

    clear: both;

    /* margin-bottom: 20px; */

}

.margin_button {

    margin-top: 20px;

}

.acf-map {

    width: 100%;

    height: 400px;

    border: #ccc solid 1px;

    margin: 20px 0;

}

.panel.with-nav-tabs.panel-default .nav.nav-tabs li.active {

    margin-bottom: 0px;

    border-bottom: 0px;

}

 .left_border ul li {

    color: #000;

    font-weight: normal;

}

ul.breadcrub-style {

    list-style: none;

    display: none;

}





.inner-product-image iframe {

    height: auto;

    min-height: 330px;

}

.property-list .item{

    height: 330px;

}

.property-list #tab1default ul.nav-justified li {

    padding: 0;

    float: left;

    border: 0px;

    cursor: pointer;

    margin: 8px;

}

img.left-style {

    float: right;

}

ul.nav.nav-pills.nav-justified li {

    color: #fff;

}

.our-review {

    border-bottom: 1px solid #ccc;

    padding-bottom: 20px;

    padding-top: 15px;

}

h3.review-title {

    margin-bottom: 36px;

    font-weight: bolder;

    text-transform: uppercase;

}

ul.review-style {

    list-style: none;

    padding-left: 0px;

}

.review-style li {

    font-weight: bolder;

    padding-bottom: 5px;

}

.review-style li span {

    float: right;

    width: 40%;

    color: #26896a;

}

p.review-detail {

    text-align: right;

    font-weight: bolder;

}

.agent, .user {

    padding: 30px 0;

}

.agent img, .agent h2 {

    margin-top: 10px;

}

.dotted {

    margin: 20px 0 0;

    border: 1px solid #000;

}

small, .small{

    color: #444;

}

.dotted {

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

    border: 0;

    width: 100%;

    height: 8px;

    margin: 0 0 30px;

}

p.earth {

    position: relative;

    padding: 0 70px;

    font-size: 16px;

    color: #000;

    line-height: 28px;

    font-weight: 500;

}

p.earth::before {

    content: '';

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

    height: 50px;

    width: 50px;

    background-size: 100% 100%;

    position: absolute;

    left: 0;

    top: 0px;

}

h4.search {

    position: relative;

    font-size: 22px;

    color: #000;

    padding-left: 70px;

    padding-top: 5px;

    margin-top: 30px;

}

h4.search::before {

    content: '';

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

    height: 50px;

    width: 50px;

    background-size: 100% 100%;

    position: absolute;

    left: 0;

    top: 0px;

}

.real ul {

    padding-left: 85px;

    margin: 20px 0;

}

.real ul li {

    color: #000;

    line-height: 30px;

    font-size: 16px;

    font-weight: 500;

}

.dotted1 {

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

    border: 0;

    width: 100%;

    height: 8px;

    margin: 30px 0 0;

}

.flag {

    padding: 30px 0;

    background-color: #fff;

}

.flag img, .origins img {

    width: 100%;

    margin-top: 30px;

}

.origins {

    padding: 30px 0 60px;

    background-color: #fafafc;

}

.origins h2 {

    font-size: 48px;

    text-align: center;

    color: #263173;

    margin: 10px 0;

}

.origins ul {

    list-style-type: square;

}

.origins ul li {

    font-size: 24px;

    line-height: 35px;

    color: #263173;

    margin-top: 25px;

}

.b-img img {

    border: 2px solid #26896a;

    border-radius: 2px;

    width: 100%;

    height: auto;

}

.User-will p {

    margin-bottom: 0px;

}

.User-will .img-responsive {

    margin-top: 30px;

    width: 100%;

    height: auto;

}
.main-info h3 {
    font-size: 32px;
    text-transform: uppercase;
        margin: 0px;
}
.main-info .phone {
    font-size: 24px;
    font-weight: 600;
}
.qa-code img {
    text-align: right;
    float: right;
}
.qa-code {
    width: 65%;
}
.main-info {
    padding-top: 15px;
}
/*...............................18/01/2019............................*/

.contnum {

    color: #000;

    padding-top: 32px;

    padding-right: 48px;

}

.footlogo {

    padding-top: 20px;

}
.contact_now .vc_btn3 {
    background: #26896a!important;
    border: 1px solid #26896a!important;
}
.contact_now .vc_btn3:hover {
    background: #fff!important;
    color: #26896a!important;
    border: 1px solid #26896a!important;
}
/*...............................18/01/2019............................*/



/*------------------------------media------------------------------------*/


@media (max-width: 1200px) {
    .and-logo img {
    margin-left: 30px;
}
.and-logo {
    padding-top: 30px;
    width: 16%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {

    .call-icon p::before {

        right: 30%;

    }

    .comman h1 {

        font-size: 28px;

        padding: 20px;

        width: 80%;

    }

    .tood_and_diane h2 {

        font-size: 28px;

    }

    .tood_and_diane p {

        margin: 0 0 30px;

    }
.main-info p {
    margin: 0px;
}
    /*--Communities_Page_CSS--*/

    

    .secound-sec p {

        padding: 0 50px;

    }

    .comm h4 {

        margin: 0 0 20px;

    }

    .comm ul li {

        font-size: 14px;

        line-height: 25px;

    }

}

@media (max-width: 991px) {
 .logo-main {
    width: 44%;
}
    .and-logo {
    width: 10%;
}
    .and-logo img {
    margin-left: 17px;
    width: 50%;
}
    .responsive-padding {
    padding-top: 15px;
}
    .qa-code {
    width: auto;
}
    .main-info h3 {
    font-size: 26px;
}
    .main-info .phone {
    font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {

    .call-icon p {

        margin: 10px 0 0;

    }

    .call-icon p::before {

        right: 40%;

    }
.logo_caption h6 {
    font-size: 20px;
}
    .menu-wrapper a,

    .menu-wrapper .menu > .current-menu-item > a,

    .menu-wrapper .menu > .current-menu-ancestor > a {

        font-size: 16px;

    text-transform: capitalize;

    }

    .menu-wrapper .menu > li {

    margin: 0 15px 0 0;

    }

    .comman h1 {

        font-size: 22px;

        padding: 25px;

        width: 80%;

    }

    .tood_and_diane h2 {

        font-size: 20px;

        margin: 0 0 10px;

    }

    .tood_and_diane p {

        font-size: 14px;

        margin: 0 0 20px;

    }

    .available a {

    font-size: 14px;

    }

    .section_inner {

    min-height: 518px;

    }

    .third_sec h3 {

        margin: 10px 0 0;

        font-size: 24px;

    }

    .third_sec p {

        font-size: 14px;

    }

    .site-map ul li,

    .ca-bre ul li {

        margin-right: 25px;

    }

    /*--Communities_Page_CSS--*/

    

    section.secound-sec h3 {

        font-size: 26px;

        margin: 0 0 10px;

    }

    .secound-sec p {

        margin: 0 0 40px;

        padding: 0 30px;

    }

    .comm h4 {

        font-size: 24px;

        margin: 0 0 10px;

    }

    .comm ul li {

        font-size: 14px;

        line-height: 25px;

    }

    .origins ul {

    padding-left: 25px;

    }
    .logo-main {
        width: 44%;
    }
    .logo-main:first-child {
        padding-right: 0px;
    }
    .logo-client {
        /*margin: 20px 0px 10px;*/
    }
}
@media (max-width: 767px) {
    .logo-main {
        width: 44%;
    }
    .logo-main:first-child {
        padding-right: 0px;
    }
    .col-sm-6.pad1 {
        padding-right: 10px;
    }
    .col-sm-6.pad2 {
        padding-left: 10px;
    }
    .head {
        background-size: cover!important;
    }
    .available a {
        padding: 10px 12px;
    }
    .navbar-fixed-top .menu-wrapper {
        margin-top: 0;
    }
    .comman h1 {
        font-size: 24px;
        padding: 20px;
        width: 100%;
    }
    .tood-img {
        margin-bottom: 20px;
    }
    .tood_and_diane h2 {
        margin: 0 0 10px;
        font-size: 24px;
    }
    .tood_and_diane p {
        font-size: 14px;
        margin: 0 0 30px;
    }
    .main-info p {
    margin: 0px;
}
    .third_sec p {
        font-size: 14px;
    }
   .site-map ul li,
    .ca-bre ul li {
        display: block;
        margin: 0;
        text-align: left;
        line-height: 30px;
    }

    .logos {

        text-align: center;

    }

    /*--Communities_Page_CSS--*/

    

    section.secound-sec h3 {

        font-size: 22px;

        margin: 0 0 20px;

    }

    .secound-sec p {

        font-size: 16px;

        margin: 0 0 30px;

        padding: 0 20px;

    }

    section.secound-sec {

        background-color: #fff;

        padding: 30px 0;

    }
.logo-main:last-child {
    float: none;
}
    .responsive-padding {
    padding-top: 0px;
}
}

@media (max-width: 500px) {
.logo_caption h6 {
    padding: 10px 20px;
    font-size: 18px;
}
    .third_sec h3 {

        margin: 0px 0 25px;

        font-size: 20px;

        line-height: normal;

        text-align: left;

    }

    .tood_and_diane h2 {

        font-size: 20px;

    }

    /*--Communities_Page_CSS--*/

    

    .secound-sec p {

        font-size: 14px;

        padding: 0;

    }

    .comm h4 {

        font-size: 22px;

    }

    footer {

        padding: 30px 0;

    }

    .comm ul li {

        font-size: 14px;

        line-height: 25px;

    }

}

@media (max-width: 500px) {
.logo_caption h6 {
    padding: 10px;
    font-size: 14px;
}
}
@media (max-width: 461px) {
    .logo-main {
    width: 43%;
}
    .and-logo {
    width: 8%;
}
.and-logo img {
    margin-left: 18px;
}
}
@media (max-width: 360px) {

    .available a {

    padding: 10px 8px;

    font-size: 13px;

    }

}

@media(min-width: 1200px) and (max-width: 1300px){
.logo-main:first-child {
    float: left;
}
.logo-main:nth-child(2) {
    float: right;
}
.logo_caption {
    display: block;
    clear: both;
    padding: 10px 0 0;
}
.logo_caption h6 {
    display: block;
}
}
@media(min-width: 992px) and (max-width: 1199px){

    .menu-wrapper .menu > li {

    margin: 0 14px 0 0;

    }

    .available a {

    padding: 10px 8px;

    font-size: 14px;

    }

}