@charset "UTF-8";
/* CSS Document */
body, html {
	/* important */
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	background-color: white;
}

body, h1, p {
	margin: 0;
	padding: 0;
	text-align: center;
}
h1, h2 {
	font-family: 'Amatic SC', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight: 700;
	word-spacing: 0.1em;
	margin: 1.5em 0;
}

p, .latin span {
	font-family: 'Signika', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight: normal;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.5;
	margin-bottom: 1.25em;
}

.latin {
	line-height: 0.85;
}

.latin span {
	font-style: italic;
	font-size: 0.5em;
}

.cd-scrolling-bg a {
	color: #fff;
	font-weight: bold;
	border-bottom: dotted 1px #CCC;
	-moz-transition: border 1s ease;
	-webkit-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
}

.cd-scrolling-bg a:hover, .cd-scrolling-bg a:active {
	color: #fff;
	border-bottom: dotted 1px #fff;
}

.top-margin {
	margin-top: 1em !important;
}

.top-margin2 {
	margin-top: 2em !important;
}

.top-margin3 {
	margin-top: 3em !important;
}

.bottom-margin {
	margin-bottom: 1em !important;
}

.bottom-margin2 {
	margin-bottom: 2em !important;
}


.cd-main-content {
	height: 100%;
	position: relative;
	z-index: 1;
}

.cd-fixed-bg {
	position: relative;
	min-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

.cd-fixed-bg h1 {
	font-size: 76px;
	line-height: 1.1;
}

.cd-scrolling-bg h1, .cd-scrolling-bg h2 {
	color: #fff;
}
 
.cd-container {
	padding: 5em 0;
}

.loading h1 {
	margin-top: 40%;
	color: #41a62a;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1em;
}

.loading img {
	margint: 0 10px 0 0;
}

/*--- panel 1 ---*/

.cd-bg-1 h1 {
	color: #fff;
	margin-top: 1em;
}

.cd-bg-1 img {
	margin: 0 0 10px 40px;
	padding-top: 20%;
}

.cd-bg-1.cd-fixed-bg {
	background-image: url("/images/background-1.jpg");
}

/*--- panel 2 ---*/

.cd-scrolling-bg.cd-color-2 {
	background-color: #99A478;
	color: #fff;
}

/*--- panel 3 ---*/

.cd-bg-3 h1 {
	color: #F90;
	margin-top: 40%;
}

.cd-bg-3.cd-fixed-bg {
	background-image: url("/images/background-2a.jpg");
}

/*--- panel 4 ---*/

.cd-scrolling-bg.cd-color-4 {
	background-color: #D3BE38;
	color: #333;
}

.cd-scrolling-bg.cd-color-4 h1 {
	color: #000;
}

.cd-scrolling-bg.cd-color-4 hr {
	border-color: #e5d888;
}

/*--- panel 5 ---*/

.cd-bg-5 h1 {
	color: #FF0;
	margin-top: 40%;
}

.cd-bg-5.cd-fixed-bg {
	background-image: url("/images/background-3.jpg");
}

/*--- panel 6 ---*/

.cd-scrolling-bg.cd-color-6 {
	background-color: #C66;
	color: #fff;
}
.cd-scrolling-bg.cd-color-6 hr {
	border-color: #e28888;
}

/*--- panel 7 ---*/

.cd-bg-7 h1 {
	color: #C1ECD4;
	margin-top: 40%;
}

.cd-bg-7.cd-fixed-bg {
	background-image: url("/images/background-2b.jpg");
}

/*--- panel 8 ---*/

.cd-scrolling-bg.cd-color-8 {
	background-color: #906946;
	color: #fff;
}

.reveal-modal h1, .reveal-modal h2 {
	color: #000;
}

/*--- navigation ---*/

.sticky {
	background-color: rgba(255,255,255,0.9);
	padding: 2em 0;
	/* Firefox */
	-moz-transition: padding 1s ease;
	/* WebKit */
	-webkit-transition: padding 1s ease;
	/* Opera */
	-o-transition: padding 1s ease;
	/* Standard */
	transition: padding 1s ease;
}
.fixed.sticky {
	padding: 0.5em 0;
	-moz-transition: padding 1s ease;
	-webkit-transition: padding 1s ease;
	-o-transition: padding 1s ease;
	transition: padding 1s ease;
}
nav a {
	font-family: 'Amatic SC', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #41A62A;
	text-decoration: none;
	cursor: pointer;
	padding: 25px 5px;
	margin: 20px 10px;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
nav a#nav1.active, nav a#nav1:hover {
	color: #D3BE38;
}
nav a#nav2.active, nav #nav2:hover {
	color: #C66;
}
nav a#nav3.active, nav #nav3:hover {
	color: #906946;	
}
nav a#nav1.active:hover {
	color:#ab9a2e;
}
nav a#nav2.active:hover {
	color:#9c4e4e;
}
nav a#nav3.active:hover {
	color: #5F4228;
}
.fixed nav a {
	font-size: 26px;
	padding: 5px;
	margin: 0 7px;
}
.fixed nav a.active {
	font-size: 32px;
}
.fixed nav a img {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.fixed nav a:hover img {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);	
}

/*-- form --*/
input[type="text"], input[type="number"], input[type="email"], textarea {
	margin: 0 0 0.25em;
	background-color: #FFF9ED;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, textarea:focus {
	background-color: #fff;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

label {
	margin-bottom: 1em;
	line-height: 1.15;
}

label span, .has-tip {
	color: #D99C5F;
}

.button {
	background-color: #41A62A;
	-moz-transition: background-color 1s ease;
	-webkit-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	transition: background-color 1s ease;
}

.button:hover, .button:active {
	background-color: #2C7E0E;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.arrow {
  position: absolute;
  bottom: -90px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}


@media only screen and (max-width: 40em) {
.cd-bg-1 img {
	padding-top: 15%;
}

.cd-bg-1.cd-fixed-bg h1 {
	font-size: 70px;
	margin-top: 0.5em;
}

nav a {
	font-size: 28px;
	margin: 20px 8px;
}

.choice {
	line-height: 3;
}

.reveal-modal {
	padding: 1.875rem 0;
}
}

@media only screen and (min-width: 40.063em) {
.choice span {
	display: inline !important;
	padding: 0 5px;
}
}

@media only screen and (min-width: 64.063em) {
.cd-fixed-bg {
	background-attachment: fixed;
}
.fixed .links {
	margin-top: 5px;	
}
}