a[x-apple-data-detectors], a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
body{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: black;
    font-family: 'Raleway', sans-serif;
    background-color: #e6e7e8;
    margin: 0 auto;
}
header{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}
img {
    width: 100%;
}
.content-width{
    max-width: 1200px;
    margin: 0 auto;
}

.content-width .subtitle{
    color: #b06c35;
    font-size: 20px;
    text-transform: uppercase;
}

.content-width p{
    color: #58595b;
}

.flex-box{
    display: flex;
}

a.btn{
    background: #b06c35;
    padding: 13px 18px;
    text-decoration: none;
    color: white;
    transition: all 0.5s ease;
}

.btn_room{
    background: #b06c35;
    padding: 8px 18px;
    margin-right: 60%;
    margin-bottom: 10px;
    text-decoration: none;
    color: white;
    text-align: center;
    transition: all 0.5s ease;
}
.btn_room:hover{
    background: #5e3416;
}

a.btn:hover {
    color: #b06c35;
    background: white;
}
.txt-small{
    font-size: 14px;
    line-height: 20px
}




.margin-top-0{
    margin-top: 0 !important;
}
.margin-top-xxlarge{
    margin-top: 160px !important;
}
.margin-top-xlarge{
    margin-top: 88px !important;
}
.margin-top-large{
    margin-top: 64px !important;
}
.margin-top-xmedium{
    margin-top: 48px !important;
}
.margin-top-medium{
    margin-top: 32px !important;
}
.margin-top-small{
    margin-top: 16px !important;
}
.padding-left-0{
    padding-left: 0;
}
.padding-top-xxlarge{
    padding-top: 160px;
}
.padding-top-xlarge{
    padding-top: 88px;
}
.padding-top-large{
    padding-top: 64px;
}
.padding-top-xmedium{
    padding-top: 48px;
}
.padding-top-medium{
    padding-top: 32px;
}
.padding-top-small{
    padding-top: 16px;
}
.padding-right-xxlarge{
    padding-right: 160px;
}
.padding-right-xlarge{
    padding-right: 88px;
}
.padding-right-large{
    padding-right: 64px;
}
.padding-right-xmedium{
    padding-right: 48px;
}
.padding-right-medium{
    padding-right: 32px;
}
.padding-right-small{
    padding-right: 16px;
}
.padding-left-xxlarge{
    padding-left: 160px;
}
.padding-left-xlarge{
    padding-left: 88px;
}
.padding-left-large{
    padding-left: 64px;
}
.padding-left-xmedium{
    padding-left: 48px;
}
.padding-left-medium{
    padding-left: 32px;
}
.padding-left-small{
    padding-left: 16px;
}
.padding-left-small-desktop-lablet{
    padding-left: 16px;
}
.padding-bottom-xxlarge{
    padding-bottom: 160px;
}
.padding-bottom-xlarge1{
    padding-bottom: 128px;
}
.padding-bottom-xlarge{
    padding-bottom: 88px;
}
.padding-bottom-large{
    padding-bottom: 64px;
}
.padding-bottom-xmedium{
    padding-bottom: 48px;
}
.padding-bottom-medium{
    padding-bottom: 32px;
}
.padding-bottom-small{
    padding-bottom: 16px;
}
.padding-bottom-xsmall{
    padding-bottom: 8px;
}
h2{
    color: #58595b;
    font-size: 35px;
}


#top {
    height: 46px;
    background-color: #b06c35;
    color: white;
    padding: 12px 0;
    height: 20px;
    box-sizing: content-box;
    border-bottom: solid 1px white;
}
#top .message{
    flex: 1 1 57%;
}
#top .address{
    flex: 1 1 30%;
}
#top .phone{
    flex: 1 1 13%;
    text-align: right;
}
a#logo-main {
    padding: 14px;
    flex: 0 1 10%;
}
nav{
    height: 110px;
    background: rgba(0,0,0,0.5)

}
nav div > ul{
    display: flex;
    list-style: none;
    flex: 1 1 0%;
    justify-content: flex-end;
}
nav div > ul > li > a{
    text-decoration: none;
    margin: 0 0 0 25px;
    color: #d1d3d4;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.5s ease;
}
nav div > ul > li > a:hover,
nav div > ul > li > ul > li > a:hover {
    color: #b06c35;
}
nav div > ul > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
nav div > ul > li > ul {
    display: none;
    position: absolute;
    min-width: 160px;
    padding: 12px 16px;
    z-index: 1;
    margin: 0;
    padding: 0;
    top: 100%;
    width: 112%;
    list-style: none;
}
nav div > ul > li:hover ul {
    display: block;
    animation: request-info-go-down1 .6s cubic-bezier(0.98,-0.18,0.33,1.02);
    animation-fill-mode: forwards;
}
@keyframes request-info-go-down1 { 
    from { 

            transform: translate(0,10px);
            opacity: 0; 
        } to 
    { 
        transform: translate(0,0%);
            opacity: 1;  
    }
}
nav div > ul > li > ul > li {
    background-color: #2d2c2d;
}
nav div > ul > li > ul > li > a {
    color: white;
    text-decoration: none;
    display: block;
    width: 91%;
    border-bottom: solid 1px white;
    box-sizing: border-box;
    padding: 4% 1%;
    margin: 0% 5%;
    font-size: 1.5vmin;
    transition: all ease 0.3s;
    text-align: left;
    text-transform: uppercase;
}
a#book-now {
    background: #b06c35;
    padding: 5px 15px;
    font-weight: bold;
}

a#book-now:hover {
    color: #b06c35;
    background: white;
}


a#contact {
    background: #b06c35;
    padding: 5px 15px;
    color: white;
    text-decoration: none;
}

a#contact:hover {
    color: #b06c35;
    background: white;
}


div#banner {
    position: relative;
}
div#banner img {
    display: block;
    min-height: 500px;
    width: 100%;
    object-fit: cover;
}


div#banner .content img {
    display: block;
    height: 68px;
    width: auto;
    object-fit: cover;
}


#banner .box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#banner .box .row1,
#banner .box .row2 {
    width: 50%;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    box-sizing: border-box;
}
#banner .box .row1 {
    color: white;
    text-transform: uppercase;
    font-size: 22px;
    padding: 25px 40px;
}
#banner .box .row2 {
    display: flex;
    justify-content: space-between;
    padding: 0 40px 25px;
}
.box-center {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.box-half.flex-box {
    flex-wrap: wrap;
    justify-content: space-around;
}
.box-half.flex-box .item {
    flex: 0 0 47%;
    background: white;
    margin-bottom: 32px;
    text-decoration: none;
}
.box-half.flex-box img{
    border-bottom: solid 1px #b06c35;
}
.box-half.flex-box .content{
    padding: 5px 15px;
}
.box-half.flex-box .title {
    color: #b06c35;
    font-size: 20px;
}
.box-half.flex-box p {
    color: #58595b;
}

.box-banner-image {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 48px 0;
}
.box-banner-image .content:before {
    content: '';
    position: absolute;
    height: calc(100% - 40px);
    border-left: solid 2px #c1c1c1;
    left: 44px;
    top: 20px;
}
.box-banner-image .content {
    background: rgba(0,0,0,0.7);
    width: 22%;
    padding: 20px 32px 20px 88px;
    color: white;
    position: relative;
    min-height: 300px;
}

.box-banner-image.right .content:before {
    display: none;
}
.box-banner-image.right .content:after {
    content: '';
    position: absolute;
    height: calc(100% - 40px);
    border-right: solid 2px #c1c1c1;
    right: 44px;
    top: 20px;
}
.box-banner-image.right .content {
    background: rgba(0,0,0,0.7);
    width: 30%;
    margin-left: 70%;
    padding: 20px 88px 20px 32px;
    color: white;
    position: relative;
    min-height: 300px;
    box-sizing: border-box;
}
.box-banner-image .content .title,
.box-banner-image .content .icon{
    text-align: center;
}
.box-banner-image .content .icon img{
    height: 68px;
    width: auto;
}
.box-banner-image .content .title {
    font-size: 24px;
}
.box-banner-image .content {
    line-height: 30px;
    border-bottom: solid 1px #b06c35;
}
.box-icon-10,
.box-icon-6{
    background-color: #d1d3d4;
    border-top: solid 1px #a7a9ac;
    border-bottom : solid 1px #a7a9ac;
    justify-content: space-around;
    flex-wrap: wrap;
}
.box-icon-10 .item,
.box-icon-6 .item {
    flex: 0 0 7%;
    text-align: center;
}
.box-icon-10 .item img,
.box-icon-6 .item img {
    height: 46px;
    width: auto;
    margin-bottom: 20px;
}
#google-map{
    padding: 0 32px 64px 32px;
    background: linear-gradient(180deg, #e6e7e8 70%, #d1d3d4 50%);
}

#google-map_neighborhood{
    padding: 60px 32px 32px 32px;
    background: none;
}

#disclaimer{
    background: #5e3416;
    color: #e6e7e8;
}
footer{
    background: #2d2418;
    padding: 32px;
    color: #e6e7e8;
}
footer ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
footer ul a{
    color: #e6e7e8;
    text-decoration: none;
    text-transform: uppercase;
}
footer .flex-box:first-child{
    justify-content: space-between;
}
footer .flex-box:first-child .col {
    flex : 0 0 28%;
    border-right: solid 1px #e6e7e8;
    padding-right: 22px;
}
footer .flex-box:first-child .col:last-child {
    border: none;
}
footer .flex-box:first-child li:before {
    content: ">";
    color: white;
}
footer .flex-box:first-child ul > li {
    margin-bottom: 12px;
}
footer .flex-box:first-child ul ul {    
    margin-left: 34px;
    margin-top: 16px;
}
img#logo-footer {
    width: 120px;
    margin-bottom: 30px;
}
footer .address p:last-child{
    line-height: 26px;
}
footer .social a{
    color: white;
    font-size: 32px;
    margin-right: 20px;
}

/*new*/
.social-icon a {
    margin: 0 2px;
    font-size: 32px;
    color: white;
}

footer p a{
    color: white;
}

nav#footer_nav {
    flex: 1 1 80%;
    margin: 20px 0px -85px;
    background: none;
}
footer nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: white;
}
footer nav ul li {
    float: left;
    margin: 0 10px;
}
footer nav ul li:first-child {
    margin-left: 0;
}
/*new*/

#copyright{
    background: #1d1d1d;
    color: #a7a9ac;
    padding: 10px 26px;
}
#copyright a{
    color: #a7a9ac;
    text-decoration: none;
}
#copyright .col:first-child{
    flex: 1 0 70%;
}
#copyright .col:last-child{
    flex: 1 0 30%;
    text-align: right;
}
nav.slicknav_nav {
    height: unset;
}
.slicknav_menu ul ul.slicknav_hidden{
    display: block !important;
    position: static;
}
nav.slicknav_nav div > ul > li > ul > li > a{
    border: none;
}
nav.slicknav_nav div > ul > li > ul > li {
    background-color: #262626;
}
a#logo-mobile {
    position: absolute;
    top: 6px;
    left: 6px;
    height: 33px;
}
a#logo-mobile img {
    height: 100%;
    width: auto;
}
div#mobile_nav {
    position: relative;
    display: none;
}
.slicknav_nav {
    padding-top: 30px;
}
span.cycle-next {
    position: absolute;
    top: 40%;
    z-index: 9999999;
    width: 40px;
    right: 5px;
}

.box-half.flex-box span.cycle-next img,
.box-half.flex-box span.cycle-prev img{
    border: none;
}
span.cycle-prev {
    position: absolute;
    top: 40%;
    z-index: 9999999;
    width: 40px;
    left: 5px;
}
#banner a.cycle-prev img, 
#banner a.cycle-next img {
    width: 100%;
    height: auto;
    min-height: unset;
    opacity: 1;
    transition: all 0.5s ease;
}
#banner  a.cycle-prev {
    position: absolute;
    top: 45vh;
    width: 5%;
    height: 5%;
    left: 1vmin;
    z-index: 99999999999;
}
#banner  a.cycle-next {
    position: absolute;
    top: 45vh;
    width: 5%;
    height: 5%;
    right: 1vmin;
    z-index: 99999999999;
}
#banner a.cycle-prev img:hover, 
#banner a.cycle-next img:hover {
    opacity: 0.51;
    transform: scale(1.5, 1.5);
}
#banner .box-inside {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    color: white;
}

#banner .box-inside_2021 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
}

#banner .box-inside_home {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    color: white;
    text-align: center;
}
#banner .box-inside .title{
    font-size: 48px;
    padding-right: 100px;
    box-sizing: border-box;
    padding-bottom: 20px;
    text-shadow: 0 0 6px #000;
}

.indicate_banner{
    font-size: 48px;
    background: rgba(0,0,0,.5);
    padding: 20px 20px 20px 20px;
    border-left: 4px solid #b06c35; 
}

#banner .box-inside_home .title{
    font-size: 48px;
    box-sizing: border-box;
    padding-bottom: 20px;
    text-shadow: 0 0 6px #000;
}
#banner .box-inside p, #banner .box-inside_home p {
    font-size: 24px;
    text-shadow: 0 0 6px #000;
}

/*box-40/60*/
.box_text40_image60 .box_image, 
.box_image60_text40 .box_image {
    flex: 1 1 60%;
    margin-right: 10px;
}
.box_text40_image60 .box_text {
    margin-right: 10px;
}
.box_text40_image60 .box_text, 
.box_image60_text40 .box_text, 
.box_image60_text40 .box_text {
    flex: 1 1 40%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: black;
    box-sizing: border-box;
    text-align: left;
}
.box_image60_text40.flex-box {
    flex-direction: row-reverse;
}
/*box-40/60*/

.box_text30_image70 .box_image, 
.box_image70_text30 .box_image {
    flex: 1 1 70%;
}
.box_text30_image70 .box_text {
    margin-right: 10px;
}
.box_text30_image70 .box_text, 
.box_image70_text30 .box_text, 
.box_image30_text70 .box_text {
    flex: 1 1 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    box-sizing: border-box;
    text-align: left;
}
.box_image70_text30.flex-box {
    flex-direction: row-reverse;
}
.box_text30_image70 .box_text > span, 
.box_text40_image60 .box_text > span, 
.box_image70_text30 .box_text > span, 
.box_image50_text50 .box_text > span, 
.box_text > div.padding {
    padding: 10%;
}
.box_text30_image70 .box_image img,
.box_text40_image60 .box_image img, 
.box_image70_text30 .box_image img ,
.box_image50_text50 .box_image img,
  {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.box_image70_text30 .box_text, 
.box_image60_text40 .box_text, 
.box_image30_text70 .box_text, 
.box_image50_text50 .box_text {
    margin-left: 10px;
} 
#banner.bg{
    height: 155px;
    background: #6d6d6d;
}
.box_image50_text50 .box_image {
    flex: 1 1 50%;
}

.box_image50_text50 .box_image_page {
    flex: 1 1 50%;
    margin-top: 32px;
}

.box_image50_text50 .box_text {
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    box-sizing: border-box;
    text-align: left;
}
.box_image50_text50 .box_text > div.padding {
    padding: 0 10% 10%;
}
div#floorplan {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    padding-bottom: 32px;
    border-bottom: solid 1px #b5b5b5;
    margin-bottom: 32px;
    margin-top: 32px;
}
div#floorplan .item {
    flex: 0 0 20%;
    text-align: center;
    margin-right: 5%;
}
.box_text50_text50.flex-box {
    justify-content: space-between;
}
.box_text50_text50 .box_text{
    flex: 0 1 48%;
}
.box-icon-2.flex-box {
    flex-wrap: wrap;
    justify-content: space-between;
}
.box-icon-2.flex-box .item {
    display: flex;
    flex: 0 1 45%;
    flex-wrap: nowrap;
    margin-bottom: 24px;
}
.box-icon-2.flex-box .item img {
    flex: 0 0 26px;
    width: 30px;
    object-fit: contain;
}
.box-icon-2.flex-box .item .title {
    flex: 1 1 70%;
    margin-left: 30px;
    color: #797979;
}


/*neighborhood
div#gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 32px;
    border-bottom: solid 1px #b5b5b5;
    margin-top: 32px;
}
div#gallery .item {
    flex: 0 0 31%;
    text-align: center;
}
neighborhood*/

/*contact us*/
/* Style inputs */
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #b06c35;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #5e3416;
}

/* Create two columns that float next to eachother */
.column {
  width: 80%;
  margin-top: 6px;
  padding: 20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 600px) {
  .column, input[type=submit] {
    width: 80%;
    margin-top: 0;
  }
}

/*contact us*/


@media only screen and (max-width: 1200px) {
    .content-width {
        padding-left: 24px;
        padding-right: 24px;
    }

}


@media only screen and (max-width: 980px) {
    #top .address{
        display: none;
    }
    footer .flex-box:first-child .col:first-child{
        display: none;
    }
}




@media only screen and (max-width: 790px) {
    .desktop_only{
        display: none !important;
    }
    .mobile-only{
        display: block;
    }

div#mobile_nav {
    display: block;
}
    .slicknav_menu{
        display: block;
    }
    #banner .box .row1, #banner .box .row2 {
        width: 100%;
    }   
    #banner a.btn {
        margin-right: 20px;
    }
    .box-banner-image .content,
    .box-banner-image.right .content {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    .box-icon-10 .item, .box-icon-6 .item {
        flex: 0 0 28%;
        margin-bottom: 30px;
    }
    footer .flex-box:first-child .col{
        border: none;
    }
    #banner .box-inside {

       top: 20px;
    }
.box_text30_image70.flex-box,
.box_text40_image60.flex-box,
.box_image50_text50.flex-box,
.box_image70_text30.flex-box,
.box_text50_text50.flex-box
 {
    display: block;
}
#banner.bg {
    display: none;
}
}
@media only screen and (max-width: 840px) {
.btn_room{
    background: #b06c35;
    padding: 8px 18px;
    margin-right: 40%;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: all 0.5s ease;
}
}
@media only screen and (max-width: 602px) {
.btn_room{
    background: #b06c35;
    padding: 8px 18px;
    margin-right: 20%;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: all 0.5s ease;
}

.box-half.flex-box .item{
    display: block;
}
.box-half.flex-box .item {
    flex: 0 0 100%;
    background: white;
    margin-bottom: 32px;
    text-decoration: none;
}
}
@media only screen and (max-width: 420px) {
.btn_room{
    background: #b06c35;
    padding: 8px 18px;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: all 0.5s ease;
}
}



div#banner img{
 width:100vw;   
}