.cd-image-replace { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent }
.cd-nav-trigger { display: block; position: fixed; z-index: 120; bottom: 30px; right: 5%; height: 44px; width: 44px; border-radius: 0.25em; background: rgba(234, 242, 227, 0.9); cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: none; outline: none; color: #fff; background-color: #fff }
.cd-nav-trigger span { position: absolute; height: 4px; width: 4px; background-color: #3a2c41; 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%) }
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: ''; position: absolute; left: 0; height: 100%; width: 100%; background-color: #999; border-radius: inherit }
.cd-nav-trigger span::before { top: -9px }
.cd-nav-trigger span::after { bottom: -9px }
@media only screen and (min-width:800px) {
  .cd-nav-trigger { display: none }
}
.cd-vertical-nav { position: fixed; z-index: 10000; right: 5%; bottom: 30px; width: 90%; max-width: 400px; max-height: 90%; overflow-y: auto; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -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-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; border-radius: 0.25em; background-color: rgba(0, 0, 0, 0.9) }
.cd-vertical-nav a { display: block; padding: 5px 0; color: #3a2c41; font-weight: bold; border-bottom: 1px solid rgba(58, 44, 65, 0.1) }
.cd-vertical-nav a.active { color: #c0a672 }
.cd-vertical-nav.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-overflow-scrolling: touch }
.cd-vertical-nav.open + .cd-nav-trigger { background-color: transparent }
.cd-vertical-nav.open + .cd-nav-trigger span { background-color: rgba(58, 44, 65, 0) }
.cd-vertical-nav.open + .cd-nav-trigger span::before, .cd-vertical-nav.open + .cd-nav-trigger span::after { height: 3px; width: 20px; border-radius: 0; left: -8px }
.cd-vertical-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 }
.cd-vertical-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 }
@media only screen and (min-width:800px) {
  .cd-vertical-nav { right: 0; top: 0; bottom: auto; height: 100vh; width: 90px; max-width: none; max-height: none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: transparent; display: table }
  .cd-vertical-nav::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s }
  .no-touch .cd-vertical-nav:hover::before, .touch .cd-vertical-nav::before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
  .cd-vertical-nav ul { display: table-cell; vertical-align: middle; text-align: center; list-style: none; padding: 0; margin: 0 }
  .cd-vertical-nav a { position: relative; padding: 0; margin: 10px auto; border-bottom: none; font-size: 14px; color: #fff }
  .cd-vertical-nav:hover a { padding: 30px 0 0; margin: 15px auto }
  .cd-vertical-nav a.active { color: #eaf2e3 }
  .cd-vertical-nav a::before, .cd-vertical-nav a::after { content: ''; position: absolute; left: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) }
  .cd-vertical-nav a::before { top: 0; height: 27px; width: 27px; border-radius: 50%; background-color: rgba(0, 0, 0, .3); border: 4px solid #fff; -webkit-transform: translateX(-50%) scale(0.25); -moz-transform: translateX(-50%) scale(0.25); -ms-transform: translateX(-50%) scale(0.25); -o-transform: translateX(-50%) scale(0.25); transform: translateX(-50%) scale(0.25); -webkit-transition: -webkit-transform 0.4s, background-color 0.2s; -moz-transition: -moz-transform 0.4s, background-color 0.2s; transition: transform 0.4s, background-color 0.2s }
  .cd-vertical-nav:hover a::before { background-color: transparent }
  .cd-vertical-nav a::after { opacity: 0; top: 0; height: 27px; width: 27px; background: url(../images/cd-nav-icons.png) no-repeat transparent; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s 0s, opacity 0.1s 0.3s; transition: transform 0.4s 0s, opacity 0.1s 0.3s }
  .cd-vertical-nav a.active::before, .no-touch .cd-vertical-nav a:hover::before { background-color: transparent }
  .cd-vertical-nav a.active::before { background-color: #fff; border-color: #ddd }
  .cd-vertical-nav:hover a.active::before { background-color: transparent; border-color: transparent }
  .cd-vertical-nav::before a::before { background-color: transparent }
  .cd-vertical-nav li:first-of-type a::after { background-position: 0 0; -webkit-transform: translateX(-50%) translateY(3.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(3.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(3.5em) scale(0.01); -o-transform: translateX(-50%) translateY(3.5em) scale(0.01); transform: translateX(-50%) translateY(3.5em) scale(0.01) }
  .cd-vertical-nav li:first-of-type a::before { -webkit-transform: translateX(-50%) translateY(3.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(3.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(3.5em) scale(0.25); -o-transform: translateX(-50%) translateY(3.5em) scale(0.25); transform: translateX(-50%) translateY(3.5em) scale(0.25) }
  .cd-vertical-nav li:nth-of-type(2) a::after { background-position: 0px -27px; -webkit-transform: translateX(-50%) translateY(2.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(2.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(2.5em) scale(0.01); -o-transform: translateX(-50%) translateY(2.5em) scale(0.01); transform: translateX(-50%) translateY(2.5em) scale(0.01) }
  .cd-vertical-nav li:nth-of-type(2) a::before { -webkit-transform: translateX(-50%) translateY(2.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(2.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(2.5em) scale(0.25); -o-transform: translateX(-50%) translateY(2.5em) scale(0.25); transform: translateX(-50%) translateY(2.5em) scale(0.25) }
  .cd-vertical-nav li:nth-of-type(3) a::after { background-position: 0px -54px; -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(1.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(1.5em) scale(0.01); -o-transform: translateX(-50%) translateY(1.5em) scale(0.01); transform: translateX(-50%) translateY(1.5em) scale(0.01) }
  .cd-vertical-nav li:nth-of-type(3) a::before { -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(1.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(1.5em) scale(0.25); -o-transform: translateX(-50%) translateY(1.5em) scale(0.25); transform: translateX(-50%) translateY(1.5em) scale(0.25) }
  .cd-vertical-nav li:nth-of-type(4) a::after { background-position: 0 -81px; -webkit-transform: translateX(-50%) translateY(0.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(0.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(0.5em) scale(0.01); -o-transform: translateX(-50%) translateY(0.5em) scale(0.01); transform: translateX(-50%) translateY(0.5em) scale(0.01) }
  .cd-vertical-nav li:nth-of-type(4) a::before { -webkit-transform: translateX(-50%) translateY(0.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(0.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(0.5em) scale(0.25); -o-transform: translateX(-50%) translateY(0.5em) scale(0.25); transform: translateX(-50%) translateY(0.5em) scale(0.25) }
  .cd-vertical-nav li:nth-of-type(5) a::after { background-position: 0 -108px; -webkit-transform: translateX(-50%) translateY(-0.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(-0.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(-0.5em) scale(0.01); -o-transform: translateX(-50%) translateY(-0.5em) scale(0.01); transform: translateX(-50%) translateY(-0.5em) scale(0.01) }
  .cd-vertical-nav li:nth-of-type(5) a::before { -webkit-transform: translateX(-50%) translateY(-0.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(-0.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(-0.5em) scale(0.25); -o-transform: translateX(-50%) translateY(-0.5em) scale(0.25); transform: translateX(-50%) translateY(-0.5em) scale(0.25) }
  .cd-vertical-nav li:nth-of-type(6) a::after { background-position: 0px -135px; -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.01); -o-transform: translateX(-50%) translateY(-1.5em) scale(0.01); transform: translateX(-50%) translateY(-1.5em) scale(0.01) }
  .cd-vertical-nav li:nth-of-type(6) a::before { -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.25); -o-transform: translateX(-50%) translateY(-1.5em) scale(0.25); transform: translateX(-50%) translateY(-1.5em) scale(0.25) }
  .cd-vertical-nav li:nth-of-type(7) a::after { background-position: 0px -162px; -webkit-transform: translateX(-50%) translateY(-2.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(-2.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(-2.5em) scale(0.01); -o-transform: translateX(-50%) translateY(-2.5em) scale(0.01); transform: translateX(-50%) translateY(-2.5em) scale(0.01) }
  .cd-vertical-nav li:nth-of-type(7) a::before { -webkit-transform: translateX(-50%) translateY(-2.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(-2.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(-2.5em) scale(0.25); -o-transform: translateX(-50%) translateY(-2.5em) scale(0.25); transform: translateX(-50%) translateY(-2.5em) scale(0.25) }
  .cd-vertical-nav li:nth-of-type(8) a::after { background-position: 0 -189px; -webkit-transform: translateX(-50%) translateY(-3.5em) scale(0.01); -moz-transform: translateX(-50%) translateY(-3.5em) scale(0.01); -ms-transform: translateX(-50%) translateY(-3.5em) scale(0.01); -o-transform: translateX(-50%) translateY(-3.5em) scale(0.01); transform: translateX(-50%) translateY(-3.5em) scale(0.01) }
  .cd-vertical-nav li:nth-of-type(8) a::before { -webkit-transform: translateX(-50%) translateY(-3.5em) scale(0.25); -moz-transform: translateX(-50%) translateY(-3.5em) scale(0.25); -ms-transform: translateX(-50%) translateY(-3.5em) scale(0.25); -o-transform: translateX(-50%) translateY(-3.5em) scale(0.25); transform: translateX(-50%) translateY(-3.5em) scale(0.25) }
  .cd-vertical-nav .label { font-size: 14px; font-weight: 600; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s }
  .no-touch .cd-vertical-nav:hover a::before, .no-touch .cd-vertical-nav:hover a::after, .touch .cd-vertical-nav li:nth-of-type(n) a::before, .touch .cd-vertical-nav li:nth-of-type(n) a::after { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1) rotate(0.02deg) }
  .no-touch .cd-vertical-nav:hover a::after, .touch .cd-vertical-nav a::after { opacity: 1; -webkit-transition: -webkit-transform 0.4s, opacity 0s; -moz-transition: -moz-transform 0.4s, opacity 0s; transition: transform 0.4s, opacity 0s }
  .no-touch .cd-vertical-nav:hover .label, .touch .cd-vertical-nav .label { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
}
.no-js .cd-nav-trigger { display: none }
.no-js .cd-vertical-nav { position: static; height: auto; width: 100%; max-width: none; background-color: rgba(0, 0, 0, 0.8); border-radius: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.no-js .cd-vertical-nav::before { display: none }
.no-js .cd-vertical-nav ul::after { clear: both; content: ""; display: table }
.no-js .cd-vertical-nav li { display: inline-block; float: left }
.no-js .cd-vertical-nav a { padding: 0 1em; margin: 1.5em 1em; color: #eaf2e3 }
.no-js .cd-vertical-nav a.active { color: transparent }
.no-js .cd-vertical-nav a::after, .no-js .cd-vertical-nav a::before { display: none }
.no-js .cd-vertical-nav .label { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
@media (max-width:1024px) {
  .cd-vertical-nav a { padding: 30px 0 0; }
}