.hide-from-print {
	display:none
}
.header {
	background-color:#292f36
}
.header__link {
	color:#fff;
	text-decoration:none;
	border:0
}
.header__link:focus {
	outline:0;
	background-color:rgba(78, 205, 196, 0.1)
}
.header__link:hover .icon {
	color:#4ecdc4
}
.hide-from-print {
	display:none
}
.header--fixed {
	position:fixed;
	z-index:10;
	right:0;
	left:0;
	top:0
}
.btn {
	padding:.5em 1em;
	margin:0 0 1em 0;
	display:inline-block;
	border-radius:.25em;
	text-decoration:none;
	text-align:center;
-webkit-transition:background-color .2s linear;
-moz-transition:background-color .2s linear;
-o-transition:background-color .2s linear;
transition:background-color .2s linear;
	color:#6f6f6f;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.4);
	border:1px solid rgba(41, 47, 54, 0.2);
	background-color:#eee;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2)
}
.btn:hover, .btn:focus, .btn:visited {
	border:1px solid rgba(41, 47, 54, 0.2);
	background-color:#f1ebeb;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
	text-decoration:none
}
.btn:focus {
	border-color:#292f36
}
.btn--primary {
-webkit-transition:background-color .2s linear;
-moz-transition:background-color .2s linear;
-o-transition:background-color .2s linear;
transition:background-color .2s linear;
	color:#292f36;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.4);
	border:1px solid rgba(41, 47, 54, 0.2);
	background-color:#4ecdc4;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2)
}
.btn--primary:hover, .btn--primary:focus, .btn--primary:visited {
	border:1px solid rgba(41, 47, 54, 0.2);
	background-color:#3dded3;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
	text-decoration:none
}
.btn--primary:focus {
	border-color:#292f36
}
.btn--secondary {
-webkit-transition:background-color .2s linear;
-moz-transition:background-color .2s linear;
-o-transition:background-color .2s linear;
transition:background-color .2s linear;
	color:#fff;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.4);
	border:1px solid rgba(41, 47, 54, 0.2);
	background-color:#ff6b6b;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
	text-shadow:1px 1px 1px rgba(41, 47, 54, 0.5)
}
.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:visited {
	border:1px solid rgba(41, 47, 54, 0.2);
	background-color:#ff6b6b;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
	text-decoration:none
}
.btn--secondary:focus {
	border-color:#292f36
}
.btn:active {
	box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline:0
}
.btn--plain, .btn--plain:hover, .btn--plain:active, .btn--plain:focus, .btn--plain:visited {
	background:0;
	border:0;
	box-shadow:none
}
.btn--plain:hover {
	color:#292f36
}
.btn--full {
	display:block
}
.btn--med {
	line-height:1.25;
	font-size:1.125em
}
.btn--large {
	line-height:1.25;
	font-size:1.25em;
	font-weight:normal
}
.btn--plain, .btn--plain:hover, .btn--plain:active, .btn--plain:focus, .btn--plain:visited {
	background:0;
	border:0;
	box-shadow:none
}
.btn--plain:hover {
	color:#292f36
}
.btt {
	display:none;
	position:fixed;
	left:0;
	bottom:0;
	font-size:.9em;
	-webkit-transform:translateY(4em);
	-ms-transform:translateY(4em);
	transform:translateY(4em)
}
@media screen and (min-width:50em) {
.btt {
display:block
}
}
@media screen and (min-width:65em) {
.btt {
left:.5em
}
}
.slide {
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
transition:all .5s linear
}
.slide--reset {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.slide--up {
	-webkit-transform:translateY(-4em);
	-ms-transform:translateY(-4em);
	transform:translateY(-4em)
}
.slide--down {
	-webkit-transform:translateY(4em);
	-ms-transform:translateY(4em);
	transform:translateY(4em)
}
.headroom-title {
	font-size:2.5em
}
@media(min-width:30em) {
.headroom-title {
font-size:3.5em
}
}
@media screen and (min-width:40em) {
.headroom-title {
font-size:4.5em
}
}
.icon:before {
	font-size:.9em;
	display:inline-block;
	height:1em;
	width:1em;
	line-height:1
}
.icon--up:before {
	content:"\25B2"
}
.sharing {
	margin-top:2em
}
.sharing__button {
	font-size:.8em
}
@media screen and (min-width:40em) {
.sharing__button {
font-size:.9em
}
}
@media screen and (min-width:50em) {
.sharing__button {
font-size:1em
}
}
.form {
	margin-top:1.5em;
	margin-bottom:1.5em;
	padding:1em;
	border-radius:.3em;
	background-color:#dee2e6
}
.question-set {
	border:0;
	padding:0;
	margin-bottom:1.5em
}
.question-set__title {
	display:block;
	margin-bottom:.75em
}
.question-set__input {
	width:100%;
	padding:.25em;
	border:1px solid #a4afba
}
.question-set__input:focus {
	outline:0;
	box-shadow:#4ecdc4 0 0 3px 0
}
.question-set__label {
	display:inline-block;
	margin-bottom:.25em
}
.question-set__label--block {
	display:block
}
.question-set__label input[type=radio] {
	margin-right:.75em
}
:not(pre)>code {
background-color:#d0d5db;
padding:.3em .2em .1em;
border-radius:.25em
}
p+h2, p+h3 {
	margin-top:1.5em
}
.complimentary {
	display:none
}
@media screen and (min-width:40em) {
.complimentary {
display:inline
}
}
.subdued {
	color:rgba(255, 255, 255, 0.6);
	text-shadow:none
}
a.subdued:hover {
	color:#fff
}
.animated {
-webkit-animation-duration:.5s;
-moz-animation-duration:.5s;
-o-animation-duration:.5s;
animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform:translateY(-4em)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes slideDown {
0% {
-moz-transform:translateY(-4em)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes slideDown {
0% {
-o-transform:translateY(-4em)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes slideDown {
0% {
transform:translateY(-4em)
}
100% {
transform:translateY(0)
}
}
.animated.slideDown {
	-webkit-animation-name:slideDown;
	-moz-animation-name:slideDown;
	-o-animation-name:slideDown;
	animation-name:slideDown
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform:translateY(0)
}
100% {
-webkit-transform:translateY(-4em)
}
}
@-moz-keyframes slideUp {
0% {
-moz-transform:translateY(0)
}
100% {
-moz-transform:translateY(-4em)
}
}
@-o-keyframes slideUp {
0% {
-o-transform:translateY(0)
}
100% {
-o-transform:translateY(-4em)
}
}
@keyframes slideUp {
0% {
transform:translateY(0)
}
100% {
transform:translateY(-4em)
}
}
.animated.slideUp {
	-webkit-animation-name:slideUp;
	-moz-animation-name:slideUp;
	-o-animation-name:slideUp;
	animation-name:slideUp
}
@-webkit-keyframes swingInX {
0% {
-webkit-transform:perspective(400px) rotateX(-90deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg)
}
}
@-moz-keyframes swingInX {
0% {
-moz-transform:perspective(400px) rotateX(-90deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0deg)
}
}
@-o-keyframes swingInX {
0% {
-o-transform:perspective(400px) rotateX(-90deg)
}
100% {
-o-transform:perspective(400px) rotateX(0deg)
}
}
@keyframes swingInX {
0% {
transform:perspective(400px) rotateX(-90deg)
}
100% {
transform:perspective(400px) rotateX(0deg)
}
}
.animated.swingInX {
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ie-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	-webkit-backface-visibility:visible!important;
	-webkit-animation-name:swingInX;
	-moz-backface-visibility:visible!important;
	-moz-animation-name:swingInX;
	-o-backface-visibility:visible!important;
	-o-animation-name:swingInX;
	backface-visibility:visible!important;
	animation-name:swingInX
}
@-webkit-keyframes swingOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(-90deg)
}
}
@-moz-keyframes swingOutX {
0% {
-moz-transform:perspective(400px) rotateX(0deg)
}
100% {
-moz-transform:perspective(400px) rotateX(-90deg)
}
}
@-o-keyframes swingOutX {
0% {
-o-transform:perspective(400px) rotateX(0deg)
}
100% {
-o-transform:perspective(400px) rotateX(-90deg)
}
}
@keyframes swingOutX {
0% {
transform:perspective(400px) rotateX(0deg)
}
100% {
transform:perspective(400px) rotateX(-90deg)
}
}
.animated.swingOutX {
	-webkit-transform-origin:top;
	-webkit-animation-name:swingOutX;
	-webkit-backface-visibility:visible!important;
	-moz-animation-name:swingOutX;
	-moz-backface-visibility:visible!important;
	-o-animation-name:swingOutX;
	-o-backface-visibility:visible!important;
	animation-name:swingOutX;
	backface-visibility:visible!important
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-o-keyframes flipInX {
0% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.animated.flipInX {
	-webkit-backface-visibility:visible!important;
	-webkit-animation-name:flipInX;
	-moz-backface-visibility:visible!important;
	-moz-animation-name:flipInX;
	-o-backface-visibility:visible!important;
	-o-animation-name:flipInX;
	backface-visibility:visible!important;
	animation-name:flipInX
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@-o-keyframes flipOutX {
0% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.animated.flipOutX {
	-webkit-animation-name:flipOutX;
	-webkit-backface-visibility:visible!important;
	-moz-animation-name:flipOutX;
	-moz-backface-visibility:visible!important;
	-o-animation-name:flipOutX;
	-o-backface-visibility:visible!important;
	animation-name:flipOutX;
	backface-visibility:visible!important
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-200px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity:0;
-moz-transform:translateY(-200px)
}
60% {
opacity:1;
-moz-transform:translateY(30px)
}
80% {
-moz-transform:translateY(-10px)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes bounceInDown {
0% {
opacity:0;
-o-transform:translateY(-200px)
}
60% {
opacity:1;
-o-transform:translateY(30px)
}
80% {
-o-transform:translateY(-10px)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
transform:translateY(-200px)
}
60% {
opacity:1;
transform:translateY(30px)
}
80% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}
.animated.bounceInDown {
	-webkit-animation-name:bounceInDown;
	-moz-animation-name:bounceInDown;
	-o-animation-name:bounceInDown;
	animation-name:bounceInDown
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0)
}
30% {
opacity:1;
-webkit-transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-200px)
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform:translateY(0)
}
30% {
opacity:1;
-moz-transform:translateY(20px)
}
100% {
opacity:0;
-moz-transform:translateY(-200px)
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform:translateY(0)
}
30% {
opacity:1;
-o-transform:translateY(20px)
}
100% {
opacity:0;
-o-transform:translateY(-200px)
}
}
@keyframes bounceOutUp {
0% {
transform:translateY(0)
}
30% {
opacity:1;
transform:translateY(20px)
}
100% {
opacity:0;
transform:translateY(-200px)
}
}
.animated.bounceOutUp {
	-webkit-animation-name:bounceOutUp;
	-moz-animation-name:bounceOutUp;
	-o-animation-name:bounceOutUp;
	animation-name:bounceOutUp
}

.dhone {
	font-size:50px;
	padding-bottom:30px;
	font-weight:normal;
	text-align:center;
	color:#ca0807;
	position:relative;
	animation: myfirst 2s both;
	-moz-animation: myfirst 2s both;	/* Firefox */
	-webkit-animation: myfirst 2s both;	/* Safari 和 Chrome */
	-o-animation: myfirst 2s both;	/* Opera */
}
@keyframes myfirst {
0% {
 
top:-20px;
opacity:0;
}
100% {
 
top:0px;
opacity:1;
}
}
 @-moz-keyframes myfirst /* Firefox */ {
0% {
 
top:-20px;
opacity:0;
}
100% {
 
top:0px;
opacity:1;
}
}
 @-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
 
top:-20px;
opacity:0;
}
100% {
 
top:0px;
opacity:1;
}
}
 @-o-keyframes myfirst /* Opera */ {
0% {
 
top:-20px;
opacity:0;
}
100% {
 
top:0px;
opacity:1;
}
}

.dhtwo {
	 
	 
	position:relative;
	animation: mytoo 1s both;
	-moz-animation: mytoo 1s both;	/* Firefox */
	-webkit-animation: mytoo 1s both;	/* Safari 和 Chrome */
	-o-animation: mytoo 1s both;	/* Opera */
}

@keyframes mytoo {
0% {
 transform: translatey(-20px);
opacity:0;
}
100% {
 transform: translatey(0px);
opacity:1;
}

 @-moz-keyframes myfirst /* Firefox */ {
0% {
 transform: translatey(-20px);
opacity:0;
}
100% {
 transform: translatey(0px);
opacity:1;
}

 @-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
 transform: translatey(-20px);
opacity:0;
}
100% {
 transform: translatey(0px);
opacity:1;
}

 @-o-keyframes myfirst /* Opera */ {
0% {
 transform: translatey(-20px);
opacity:0;
}
100% {
 transform: translatey(0px);
opacity:1;
}