@charset "UTF-8";
/* CSS Document */
/*-------------------*/
/* No Touch devices */
/*-------------------*/
.cd-nav-trigger { display: none; }
#anchor_nav { position: fixed; right: 20px; top: 25%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; border-right: 1px solid #CCC; z-index:7000; padding:20px 0;}
#anchor_nav li { text-align: right; list-style:none;}
#anchor_nav a { display: inline-block; /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */ -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#anchor_nav a:after { content: ""; display: table; clear: both; }
#anchor_nav a span { float: right; display: inline-block; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }
#anchor_nav a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#anchor_nav a:hover .cd-label { opacity: 1; }
#anchor_nav a.is-selected .cd-dot { background-color: #404E64; }
#anchor_nav .cd-dot { position: relative; top: 13px; height: 1px; width: 12px; background-color: #CCC; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#anchor_nav .cd-label { position: relative; padding: .4em .5em; color:#404E64; font-size: 12px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
/**/
.residences #anchor_nav, .services #anchor_nav { border-right: 1px solid #CCC;}
.residences #anchor_nav .cd-dot, services #anchor_nav .cd-dot{ height: 2px; width: 12px; background-color: #CCC;}
.residences #anchor_nav .cd-label, services #anchor_nav .cd-label{ color:#CCC;}
/**/
/*-------------------*/
/* Touch devices */
/*-------------------*/
.touch .cd-nav-trigger { display: block; z-index: 2; position: fixed; bottom: 30px; right: 5%; height: 44px; width: 44px; border-radius: 0.25em; background: rgba(255, 255, 255, 0.9); }
.touch .cd-nav-trigger span { position: absolute; height: 4px; width: 4px; background-color: #3e3947; border-radius: 50%; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after { content: ''; height: 100%; width: 100%; position: absolute; left: 0; background-color: inherit; border-radius: inherit; }
.touch .cd-nav-trigger span::before { top: -9px; }
.touch .cd-nav-trigger span::after { bottom: -9px; }
.touch #anchor_nav { position: fixed; z-index: 1; right: 5%; bottom: 30px; width: 90%; max-width: 400px; max-height: 90%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; border-radius: 0.25em; background-color: rgba(255, 255, 255, 0.9); }
.touch #anchor_nav a { display: block; padding: 1em; border-bottom: 1px solid rgba(62, 57, 71, 0.1); }
.touch #anchor_nav a span:first-child { display: none; }
.touch #anchor_nav a.is-selected span:last-child { color: #d88683; }
.touch #anchor_nav.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.touch #anchor_nav.open + .cd-nav-trigger { background-color: transparent; }
.touch #anchor_nav.open + .cd-nav-trigger span { background-color: rgba(62, 57, 71, 0); }
.touch #anchor_nav.open + .cd-nav-trigger span::before, .touch #anchor_nav.open + .cd-nav-trigger span::after { background-color: #3e3947; height: 3px; width: 20px; border-radius: 0; left: -8px; }
.touch #anchor_nav.open + .cd-nav-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 1px; }
.touch #anchor_nav.open + .cd-nav-trigger span::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); bottom: 0; }
.touch #anchor_nav li:last-child a { border-bottom: none; }

@media only screen and (min-width: 768px) {
.touch .cd-nav-trigger, .touch #anchor_nav { bottom: 40px; }
}