.cd-section {

	position:relative;

	min-height:450px;

}



.no-touch #cd-vertical-nav {

	width:150px;

	position:fixed;

	right:20px;

	top:50%;

	bottom:auto;

	-webkit-transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-ms-transform:translateY(-50%);

	-o-transform:translateY(-50%);

	transform:translateY(-50%);

	z-index:99999;

}

.no-touch #cd-vertical-nav li {

	text-align:right; list-style:none;

}

.no-touch #cd-vertical-nav a {

	display:inline-block;

	-webkit-backface-visibility:hidden;

	backface-visibility:hidden

}

.no-touch #cd-vertical-nav a:after {

	content:"";

	display:table;

	clear:both

}

.no-touch #cd-vertical-nav a span {

	display:inline-block;

	float:right;

	-webkit-transform:scale(.8);

	-moz-transform:scale(.8);

	-ms-transform:scale(.8);

	-o-transform:scale(.8);

	transform:scale(.8)

}

.no-touch #cd-vertical-nav a:hover span {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	-o-transform:scale(1);

	transform:scale(1)

}

.no-touch #cd-vertical-nav a:hover .cd-label {

	opacity:1

}

.no-touch #cd-vertical-nav a.is-selected .cd-dot {

	background-color:#fff; border:1px solid #a9a9a9;

	

}

.no-touch #cd-vertical-nav .cd-dot {

	position:relative;

	top:8px;

	height:12px;

	width:12px;

	border-radius:50%;

	background-color:#a9a9a9;

-webkit-transition:-webkit-transform .2s, background-color .5s;

-moz-transition:-moz-transform .2s, background-color .5s;

transition:transform .2s, background-color .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%

}

.no-touch #cd-vertical-nav .cd-label {

	position:relative;

	margin-right:7px;

	padding:4px 0 0 0;

	color:#ccc;

	font-size:15px; text-transform:uppercase;



	-webkit-transition:-webkit-transform .2s, opacity .2s;

	-moz-transition:-moz-transform .2s, opacity .2s;

	transition:transform .2s, opacity .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%

}

.touch .cd-nav-trigger {

	display:block;

	z-index:2;

	position:fixed;

	bottom:30px;

	right:5%;

	height:44px;

	width:44px;

	border-radius:.25em;

	background:rgba(255, 255, 255, .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 #cd-vertical-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:.2s;

-moz-transition-duration:.2s;

transition-duration:.2s;

	border-radius:.25em;

	background-color:rgba(255, 255, 255, .9)

}

.touch #cd-vertical-nav a {

	display:block;

	padding:1em;

	border-bottom:1px solid rgba(62, 57, 71, .1)

}

.touch #cd-vertical-nav a span:first-child {

	display:none

}

.touch #cd-vertical-nav a.is-selected span:last-child {

	color:#d88683

}

.touch #cd-vertical-nav.open {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	-o-transform:scale(1);

	transform:scale(1)

}

.touch #cd-vertical-nav.open+.cd-nav-trigger {

	background-color:transparent

}

.touch #cd-vertical-nav.open+.cd-nav-trigger span {

	background-color:transparent

}

.touch #cd-vertical-nav.open+.cd-nav-trigger span::before, .touch #cd-vertical-nav.open+.cd-nav-trigger span::after {

background-color:#3e3947;

height:3px;

width:20px;

border-radius:0;

left:-8px

}

.touch #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

}

.touch #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

}

.touch #cd-vertical-nav li:last-child a {

	border-bottom:none

}

@media only screen and (min-width:768px) {

.touch .cd-nav-trigger, .touch #cd-vertical-nav {

bottom:40px

}

}