<style>
@import url(font-awesome.min.css);
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400";
#main {
padding: 0px;
background-image: url("https://www.myminifactory.com/uploads/tinymce-images/DaVinciBackground.png");
max-width: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position-x: center;
background-size: cover;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Grid */
.row {
border-bottom: solid 1px transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row > * {
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row:after, .row:before {
content: '';
display: block;
clear: both;
height: 0;
}
.row.uniform > * > :first-child {
margin-top: 0;
}
.row.uniform > * > :last-child {
margin-bottom: 0;
}
.row.\30 \25 > * {
padding: 0 0 0 0em;
}
.row.\30 \25 {
margin: 0 0 -1px 0em;
}
.row.uniform.\30 \25 > * {
padding: 0em 0 0 0em;
}
.row.uniform.\30 \25 {
margin: 0em 0 -1px 0em;
}
.row > * {
padding: 0 0 0 1.5em;
}
.row {
margin: 0 0 -1px -1.5em;
}
.row.uniform > * {
padding: 1.5em 0 0 1.5em;
}
.row.uniform {
margin: -1.5em 0 -1px -1.5em;
}
.row.\32 00\25 > * {
padding: 0 0 0 3em;
}
.row.\32 00\25 {
margin: 0 0 -1px -3em;
}
.row.uniform.\32 00\25 > * {
padding: 3em 0 0 3em;
}
.row.uniform.\32 00\25 {
margin: -3em 0 -1px -3em;
}
.row.\31 50\25 > * {
padding: 0 0 0 2.25em;
}
.row.\31 50\25 {
margin: 0 0 -1px -2.25em;
}
.row.uniform.\31 50\25 > * {
padding: 2.25em 0 0 2.25em;
}
.row.uniform.\31 50\25 {
margin: -2.25em 0 -1px -2.25em;
}
.row.\35 0\25 > * {
padding: 0 0 0 0.75em;
}
.row.\35 0\25 {
margin: 0 0 -1px -0.75em;
}
.row.uniform.\35 0\25 > * {
padding: 0.75em 0 0 0.75em;
}
.row.uniform.\35 0\25 {
margin: -0.75em 0 -1px -0.75em;
}
.row.\32 5\25 > * {
padding: 0 0 0 0.375em;
}
.row.\32 5\25 {
margin: 0 0 -1px -0.375em;
}
.row.uniform.\32 5\25 > * {
padding: 0.375em 0 0 0.375em;
}
.row.uniform.\32 5\25 {
margin: -0.375em 0 -1px -0.375em;
}
.\31 2u, .\31 2u\24 {
width: 100%;
clear: none;
margin-left: 0;
}
.\31 1u, .\31 1u\24 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u, .\31 0u\24 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u, .\39 u\24 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u, .\38 u\24 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u, .\37 u\24 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u, .\36 u\24 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u, .\35 u\24 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u, .\34 u\24 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u, .\33 u\24 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u, .\32 u\24 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u, .\31 u\24 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + * {
clear: left;
}
.\-11u {
margin-left: 91.66667%;
}
.\-10u {
margin-left: 83.33333%;
}
.\-9u {
margin-left: 75%;
}
.\-8u {
margin-left: 66.66667%;
}
.\-7u {
margin-left: 58.33333%;
}
.\-6u {
margin-left: 50%;
}
.\-5u {
margin-left: 41.66667%;
}
.\-4u {
margin-left: 33.33333%;
}
.\-3u {
margin-left: 25%;
}
.\-2u {
margin-left: 16.66667%;
}
.\-1u {
margin-left: 8.33333%;
}
@media screen and (max-width: 1680px) {
.row > * {
padding: 0 0 0 1.5em;
}
.row {
margin: 0 0 -1px -1.5em;
}
.row.uniform > * {
padding: 1.5em 0 0 1.5em;
}
.row.uniform {
margin: -1.5em 0 -1px -1.5em;
}
.row.\32 00\25 > * {
padding: 0 0 0 3em;
}
.row.\32 00\25 {
margin: 0 0 -1px -3em;
}
.row.uniform.\32 00\25 > * {
padding: 3em 0 0 3em;
}
.row.uniform.\32 00\25 {
margin: -3em 0 -1px -3em;
}
.row.\31 50\25 > * {
padding: 0 0 0 2.25em;
}
.row.\31 50\25 {
margin: 0 0 -1px -2.25em;
}
.row.uniform.\31 50\25 > * {
padding: 2.25em 0 0 2.25em;
}
.row.uniform.\31 50\25 {
margin: -2.25em 0 -1px -2.25em;
}
.row.\35 0\25 > * {
padding: 0 0 0 0.75em;
}
.row.\35 0\25 {
margin: 0 0 -1px -0.75em;
}
.row.uniform.\35 0\25 > * {
padding: 0.75em 0 0 0.75em;
}
.row.uniform.\35 0\25 {
margin: -0.75em 0 -1px -0.75em;
}
.row.\32 5\25 > * {
padding: 0 0 0 0.375em;
}
.row.\32 5\25 {
margin: 0 0 -1px -0.375em;
}
.row.uniform.\32 5\25 > * {
padding: 0.375em 0 0 0.375em;
}
.row.uniform.\32 5\25 {
margin: -0.375em 0 -1px -0.375em;
}
.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
width: 100%;
clear: none;
margin-left: 0;
}
.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28xlarge\29 + *,
.\31 1u\24\28xlarge\29 + *,
.\31 0u\24\28xlarge\29 + *,
.\39 u\24\28xlarge\29 + *,
.\38 u\24\28xlarge\29 + *,
.\37 u\24\28xlarge\29 + *,
.\36 u\24\28xlarge\29 + *,
.\35 u\24\28xlarge\29 + *,
.\34 u\24\28xlarge\29 + *,
.\33 u\24\28xlarge\29 + *,
.\32 u\24\28xlarge\29 + *,
.\31 u\24\28xlarge\29 + * {
clear: left;
}
.\-11u\28xlarge\29 {
margin-left: 91.66667%;
}
.\-10u\28xlarge\29 {
margin-left: 83.33333%;
}
.\-9u\28xlarge\29 {
margin-left: 75%;
}
.\-8u\28xlarge\29 {
margin-left: 66.66667%;
}
.\-7u\28xlarge\29 {
margin-left: 58.33333%;
}
.\-6u\28xlarge\29 {
margin-left: 50%;
}
.\-5u\28xlarge\29 {
margin-left: 41.66667%;
}
.\-4u\28xlarge\29 {
margin-left: 33.33333%;
}
.\-3u\28xlarge\29 {
margin-left: 25%;
}
.\-2u\28xlarge\29 {
margin-left: 16.66667%;
}
.\-1u\28xlarge\29 {
margin-left: 8.33333%;
}
}
@media screen and (max-width: 1280px) {
.row > * {
padding: 0 0 0 1.5em;
}
.row {
margin: 0 0 -1px -1.5em;
}
.row.uniform > * {
padding: 1.5em 0 0 1.5em;
}
.row.uniform {
margin: -1.5em 0 -1px -1.5em;
}
.row.\32 00\25 > * {
padding: 0 0 0 3em;
}
.row.\32 00\25 {
margin: 0 0 -1px -3em;
}
.row.uniform.\32 00\25 > * {
padding: 3em 0 0 3em;
}
.row.uniform.\32 00\25 {
margin: -3em 0 -1px -3em;
}
.row.\31 50\25 > * {
padding: 0 0 0 2.25em;
}
.row.\31 50\25 {
margin: 0 0 -1px -2.25em;
}
.row.uniform.\31 50\25 > * {
padding: 2.25em 0 0 2.25em;
}
.row.uniform.\31 50\25 {
margin: -2.25em 0 -1px -2.25em;
}
a {
color: #ffffff;
}
.row.\35 0\25 > * {
padding: 0 0 0 0.75em;
}
.row.\35 0\25 {
margin: 0 0 -1px -0.75em;
}
.row.uniform.\35 0\25 > * {
padding: 0.75em 0 0 0.75em;
}
.row.uniform.\35 0\25 {
margin: -0.75em 0 -1px -0.75em;
}
.row.\32 5\25 > * {
padding: 0 0 0 0.375em;
}
.row.\32 5\25 {
margin: 0 0 -1px -0.375em;
}
.row.uniform.\32 5\25 > * {
padding: 0.375em 0 0 0.375em;
}
.row.uniform.\32 5\25 {
margin: -0.375em 0 -1px -0.375em;
}
.\31 2u\28large\29, .\31 2u\24\28large\29 {
width: 100%;
clear: none;
margin-left: 0;
}
.\31 1u\28large\29, .\31 1u\24\28large\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u\28large\29, .\31 0u\24\28large\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u\28large\29, .\39 u\24\28large\29 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u\28large\29, .\38 u\24\28large\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u\28large\29, .\37 u\24\28large\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u\28large\29, .\36 u\24\28large\29 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u\28large\29, .\35 u\24\28large\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u\28large\29, .\34 u\24\28large\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u\28large\29, .\33 u\24\28large\29 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u\28large\29, .\32 u\24\28large\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28large\29, .\31 u\24\28large\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28large\29 + *,
.\31 1u\24\28large\29 + *,
.\31 0u\24\28large\29 + *,
.\39 u\24\28large\29 + *,
.\38 u\24\28large\29 + *,
.\37 u\24\28large\29 + *,
.\36 u\24\28large\29 + *,
.\35 u\24\28large\29 + *,
.\34 u\24\28large\29 + *,
.\33 u\24\28large\29 + *,
.\32 u\24\28large\29 + *,
.\31 u\24\28large\29 + * {
clear: left;
}
.\-11u\28large\29 {
margin-left: 91.66667%;
}
.\-10u\28large\29 {
margin-left: 83.33333%;
}
.\-9u\28large\29 {
margin-left: 75%;
}
.\-8u\28large\29 {
margin-left: 66.66667%;
}
.\-7u\28large\29 {
margin-left: 58.33333%;
}
.\-6u\28large\29 {
margin-left: 50%;
}
.\-5u\28large\29 {
margin-left: 41.66667%;
}
.\-4u\28large\29 {
margin-left: 33.33333%;
}
.\-3u\28large\29 {
margin-left: 25%;
}
.\-2u\28large\29 {
margin-left: 16.66667%;
}
.\-1u\28large\29 {
margin-left: 8.33333%;
}
}
@media screen and (max-width: 980px) {
.row > * {
padding: 0 0 0 1.5em;
}
.row {
margin: 0 0 -1px -1.5em;
}
.row.uniform > * {
padding: 1.5em 0 0 1.5em;
}
.row.uniform {
margin: -1.5em 0 -1px -1.5em;
}
.row.\32 00\25 > * {
padding: 0 0 0 3em;
}
.row.\32 00\25 {
margin: 0 0 -1px -3em;
}
.row.uniform.\32 00\25 > * {
padding: 3em 0 0 3em;
}
.row.uniform.\32 00\25 {
margin: -3em 0 -1px -3em;
}
.row.\31 50\25 > * {
padding: 0 0 0 2.25em;
}
.row.\31 50\25 {
margin: 0 0 -1px -2.25em;
}
.row.uniform.\31 50\25 > * {
padding: 2.25em 0 0 2.25em;
}
.row.uniform.\31 50\25 {
margin: -2.25em 0 -1px -2.25em;
}
.row.\35 0\25 > * {
padding: 0 0 0 0.75em;
}
.row.\35 0\25 {
margin: 0 0 -1px -0.75em;
}
.row.uniform.\35 0\25 > * {
padding: 0.75em 0 0 0.75em;
}
.row.uniform.\35 0\25 {
margin: -0.75em 0 -1px -0.75em;
}
.row.\32 5\25 > * {
padding: 0 0 0 0.375em;
}
.row.\32 5\25 {
margin: 0 0 -1px -0.375em;
}
.row.uniform.\32 5\25 > * {
padding: 0.375em 0 0 0.375em;
}
.row.uniform.\32 5\25 {
margin: -0.375em 0 -1px -0.375em;
}
.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
width: 100%;
clear: none;
margin-left: 0;
}
.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u\28medium\29, .\39 u\24\28medium\29 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u\28medium\29, .\38 u\24\28medium\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u\28medium\29, .\37 u\24\28medium\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u\28medium\29, .\36 u\24\28medium\29 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u\28medium\29, .\35 u\24\28medium\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u\28medium\29, .\34 u\24\28medium\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u\28medium\29, .\33 u\24\28medium\29 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u\28medium\29, .\32 u\24\28medium\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28medium\29, .\31 u\24\28medium\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28medium\29 + *,
.\31 1u\24\28medium\29 + *,
.\31 0u\24\28medium\29 + *,
.\39 u\24\28medium\29 + *,
.\38 u\24\28medium\29 + *,
.\37 u\24\28medium\29 + *,
.\36 u\24\28medium\29 + *,
.\35 u\24\28medium\29 + *,
.\34 u\24\28medium\29 + *,
.\33 u\24\28medium\29 + *,
.\32 u\24\28medium\29 + *,
.\31 u\24\28medium\29 + * {
clear: left;
}
.\-11u\28medium\29 {
margin-left: 91.66667%;
}
.\-10u\28medium\29 {
margin-left: 83.33333%;
}
.\-9u\28medium\29 {
margin-left: 75%;
}
.\-8u\28medium\29 {
margin-left: 66.66667%;
}
.\-7u\28medium\29 {
margin-left: 58.33333%;
}
.\-6u\28medium\29 {
margin-left: 50%;
}
.\-5u\28medium\29 {
margin-left: 41.66667%;
}
.\-4u\28medium\29 {
margin-left: 33.33333%;
}
.\-3u\28medium\29 {
margin-left: 25%;
}
.\-2u\28medium\29 {
margin-left: 16.66667%;
}
.\-1u\28medium\29 {
margin-left: 8.33333%;
}
}
@media screen and (max-width: 736px) {
.row > * {
padding: 0 0 0 1em;
}
.row {
margin: 0 0 -1px -1em;
}
.row.uniform > * {
padding: 1em 0 0 1em;
}
.row.uniform {
margin: -1em 0 -1px -1em;
}
.row.\32 00\25 > * {
padding: 0 0 0 2em;
}
.row.\32 00\25 {
margin: 0 0 -1px -2em;
}
.row.uniform.\32 00\25 > * {
padding: 2em 0 0 2em;
}
.row.uniform.\32 00\25 {
margin: -2em 0 -1px -2em;
}
.row.\31 50\25 > * {
padding: 0 0 0 1.5em;
}
.row.\31 50\25 {
margin: 0 0 -1px -1.5em;
}
.row.uniform.\31 50\25 > * {
padding: 1.5em 0 0 1.5em;
}
.row.uniform.\31 50\25 {
margin: -1.5em 0 -1px -1.5em;
}
.row.\35 0\25 > * {
padding: 0 0 0 0.5em;
}
.row.\35 0\25 {
margin: 0 0 -1px -0.5em;
}
.row.uniform.\35 0\25 > * {
padding: 0.5em 0 0 0.5em;
}
.row.uniform.\35 0\25 {
margin: -0.5em 0 -1px -0.5em;
}
.row.\32 5\25 > * {
padding: 0 0 0 0.25em;
}
.row.\32 5\25 {
margin: 0 0 -1px -0.25em;
}
.row.uniform.\32 5\25 > * {
padding: 0.25em 0 0 0.25em;
}
.row.uniform.\32 5\25 {
margin: -0.25em 0 -1px -0.25em;
}
.\31 2u\28small\29, .\31 2u\24\28small\29 {
width: 100%;
clear: none;
margin-left: 0;
}
.\31 1u\28small\29, .\31 1u\24\28small\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u\28small\29, .\31 0u\24\28small\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u\28small\29, .\39 u\24\28small\29 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u\28small\29, .\38 u\24\28small\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u\28small\29, .\37 u\24\28small\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u\28small\29, .\36 u\24\28small\29 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u\28small\29, .\35 u\24\28small\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u\28small\29, .\34 u\24\28small\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u\28small\29, .\33 u\24\28small\29 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u\28small\29, .\32 u\24\28small\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28small\29, .\31 u\24\28small\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28small\29 + *,
.\31 1u\24\28small\29 + *,
.\31 0u\24\28small\29 + *,
.\39 u\24\28small\29 + *,
.\38 u\24\28small\29 + *,
.\37 u\24\28small\29 + *,
.\36 u\24\28small\29 + *,
.\35 u\24\28small\29 + *,
.\34 u\24\28small\29 + *,
.\33 u\24\28small\29 + *,
.\32 u\24\28small\29 + *,
.\31 u\24\28small\29 + * {
clear: left;
}
.\-11u\28small\29 {
margin-left: 91.66667%;
}
.\-10u\28small\29 {
margin-left: 83.33333%;
}
.\-9u\28small\29 {
margin-left: 75%;
}
.\-8u\28small\29 {
margin-left: 66.66667%;
}
.\-7u\28small\29 {
margin-left: 58.33333%;
}
.\-6u\28small\29 {
margin-left: 50%;
}
.\-5u\28small\29 {
margin-left: 41.66667%;
}
.\-4u\28small\29 {
margin-left: 33.33333%;
}
.\-3u\28small\29 {
margin-left: 25%;
}
.\-2u\28small\29 {
margin-left: 16.66667%;
}
.\-1u\28small\29 {
margin-left: 8.33333%;
}
}
@media screen and (max-width: 480px) {
.row > * {
padding: 0 0 0 1em;
}
.row {
margin: 0 0 -1px -1em;
}
.row.uniform > * {
padding: 1em 0 0 1em;
}
.row.uniform {
margin: -1em 0 -1px -1em;
}
.row.\32 00\25 > * {
padding: 0 0 0 2em;
}
.row.\32 00\25 {
margin: 0 0 -1px -2em;
}
.row.uniform.\32 00\25 > * {
padding: 2em 0 0 2em;
}
.row.uniform.\32 00\25 {
margin: -2em 0 -1px -2em;
}
.row.\31 50\25 > * {
padding: 0 0 0 1.5em;
}
.row.\31 50\25 {
margin: 0 0 -1px -1.5em;
}
.row.uniform.\31 50\25 > * {
padding: 1.5em 0 0 1.5em;
}
.row.uniform.\31 50\25 {
margin: -1.5em 0 -1px -1.5em;
}
.row.\35 0\25 > * {
padding: 0 0 0 0.5em;
}
.row.\35 0\25 {
margin: 0 0 -1px -0.5em;
}
.row.uniform.\35 0\25 > * {
padding: 0.5em 0 0 0.5em;
}
.row.uniform.\35 0\25 {
margin: -0.5em 0 -1px -0.5em;
}
.row.\32 5\25 > * {
padding: 0 0 0 0.25em;
}
.row.\32 5\25 {
margin: 0 0 -1px -0.25em;
}
.row.uniform.\32 5\25 > * {
padding: 0.25em 0 0 0.25em;
}
.row.uniform.\32 5\25 {
margin: -0.25em 0 -1px -0.25em;
}
.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
width: 100%;
clear: none;
margin-left: 0;
}
.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28xsmall\29 + *,
.\31 1u\24\28xsmall\29 + *,
.\31 0u\24\28xsmall\29 + *,
.\39 u\24\28xsmall\29 + *,
.\38 u\24\28xsmall\29 + *,
.\37 u\24\28xsmall\29 + *,
.\36 u\24\28xsmall\29 + *,
.\35 u\24\28xsmall\29 + *,
.\34 u\24\28xsmall\29 + *,
.\33 u\24\28xsmall\29 + *,
.\32 u\24\28xsmall\29 + *,
.\31 u\24\28xsmall\29 + * {
clear: left;
}
.\-11u\28xsmall\29 {
margin-left: 91.66667%;
}
.\-10u\28xsmall\29 {
margin-left: 83.33333%;
}
.\-9u\28xsmall\29 {
margin-left: 75%;
}
.\-8u\28xsmall\29 {
margin-left: 66.66667%;
}
.\-7u\28xsmall\29 {
margin-left: 58.33333%;
}
.\-6u\28xsmall\29 {
margin-left: 50%;
}
.\-5u\28xsmall\29 {
margin-left: 41.66667%;
}
.\-4u\28xsmall\29 {
margin-left: 33.33333%;
}
.\-3u\28xsmall\29 {
margin-left: 25%;
}
.\-2u\28xsmall\29 {
margin-left: 16.66667%;
}
.\-1u\28xsmall\29 {
margin-left: 8.33333%;
}
}
@media screen and (max-width: 360px) {
.row > * {
padding: 0 0 0 1em;
}
.row {
margin: 0 0 -1px -1em;
}
.row.uniform > * {
padding: 1em 0 0 1em;
}
.row.uniform {
margin: -1em 0 -1px -1em;
}
.row.\32 00\25 > * {
padding: 0 0 0 2em;
}
.row.\32 00\25 {
margin: 0 0 -1px -2em;
}
.row.uniform.\32 00\25 > * {
padding: 2em 0 0 2em;
}
.row.uniform.\32 00\25 {
margin: -2em 0 -1px -2em;
}
.row.\31 50\25 > * {
padding: 0 0 0 1.5em;
}
.row.\31 50\25 {
margin: 0 0 -1px -1.5em;
}
.row.uniform.\31 50\25 > * {
padding: 1.5em 0 0 1.5em;
}
.row.uniform.\31 50\25 {
margin: -1.5em 0 -1px -1.5em;
}
.row.\35 0\25 > * {
padding: 0 0 0 0.5em;
}
.row.\35 0\25 {
margin: 0 0 -1px -0.5em;
}
.row.uniform.\35 0\25 > * {
padding: 0.5em 0 0 0.5em;
}
.row.uniform.\35 0\25 {
margin: -0.5em 0 -1px -0.5em;
}
.row.\32 5\25 > * {
padding: 0 0 0 0.25em;
}
.row.\32 5\25 {
margin: 0 0 -1px -0.25em;
}
.row.uniform.\32 5\25 > * {
padding: 0.25em 0 0 0.25em;
}
.row.uniform.\32 5\25 {
margin: -0.25em 0 -1px -0.25em;
}
.\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 {
width: 100%;
clear: none;
margin-left: 0;
}
.\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28xxsmall\29 + *,
.\31 1u\24\28xxsmall\29 + *,
.\31 0u\24\28xxsmall\29 + *,
.\39 u\24\28xxsmall\29 + *,
.\38 u\24\28xxsmall\29 + *,
.\37 u\24\28xxsmall\29 + *,
.\36 u\24\28xxsmall\29 + *,
.\35 u\24\28xxsmall\29 + *,
.\34 u\24\28xxsmall\29 + *,
.\33 u\24\28xxsmall\29 + *,
.\32 u\24\28xxsmall\29 + *,
.\31 u\24\28xxsmall\29 + * {
clear: left;
}
.\-11u\28xxsmall\29 {
margin-left: 91.66667%;
}
.\-10u\28xxsmall\29 {
margin-left: 83.33333%;
}
.\-9u\28xxsmall\29 {
margin-left: 75%;
}
.\-8u\28xxsmall\29 {
margin-left: 66.66667%;
}
.\-7u\28xxsmall\29 {
margin-left: 58.33333%;
}
.\-6u\28xxsmall\29 {
margin-left: 50%;
}
.\-5u\28xxsmall\29 {
margin-left: 41.66667%;
}
.\-4u\28xxsmall\29 {
margin-left: 33.33333%;
}
.\-3u\28xxsmall\29 {
margin-left: 25%;
}
.\-2u\28xxsmall\29 {
margin-left: 16.66667%;
}
.\-1u\28xxsmall\29 {
margin-left: 8.33333%;
}
}
/* Basic */
@-ms-viewport {
width: device-width;
}
body {
-ms-overflow-style: scrollbar;
}
@media screen and (max-width: 480px) {
html, body {
min-width: 320px;
}
}
body {
background-color: #935d8c;
background-image: url("");
}
#main {
margin-top: -32px;
}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
-moz-animation: none !important;
-webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
/* Type */
body {
background-color: #935d8c;
color: rgba(255, 255, 255, 0.65);
}
/*
body, input, select, textarea {
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 17pt;p
font-weight: 300;
line-height: 1.65;
}*/
@media screen and (max-width: 1680px) {
body, input, select, textarea {
font-size: 14pt;
}
}
@media screen and (max-width: 1280px) {
body, input, select, textarea {
font-size: 12pt;
}
}
@media screen and (max-width: 360px) {
body, input, select, textarea {
font-size: 11pt;
}
}
a {
-moz-transition: color 0.2s ease, border-bottom 0.2s ease;
-webkit-transition: color 0.2s ease, border-bottom 0.2s ease;
-ms-transition: color 0.2s ease, border-bottom 0.2s ease;
transition: color 0.2s ease, border-bottom 0.2s ease;
text-decoration: none;
color: inherit;
}
a:hover {
border-bottom-color: transparent;
}
a:focus {
color: #809e97;
}
a:visited {
color: 333333;
}
a:active {
color: 333333;
}
strong, b {
}
em, i {
font-style: italic;
}
p {
margin: 0 0 1em 0;
}
p.content {
-moz-columns: 20em 2;
-webkit-columns: 20em 2;
-ms-columns: 20em 2;
columns: 20em 2;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
-ms-column-gap: 2em;
column-gap: 2em;
text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 800;
line-height: 1.5;
margin: 0 0 0.7em 0;
letter-spacing: -0.025em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #ffffff;
text-decoration: none;
}
h1 {
font-size: 2.5em;
line-height: 1.2;
}
h2 {
font-size: 1.5em;
}
#main h3 {
font-size: 1.1em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 0.9em;
}
h6 {
font-size: 0.7em;
}
@media screen and (max-width: 736px) {
h1 {
font-size: 2em;
}
}
sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}
sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}
blockquote {
border-left: solid 4px;
font-style: italic;
margin: 0 0 2em 0;
padding: 0.5em 0 0.5em 2em;
}
code {
border-radius: 8px;
border: solid 1px;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0.25em;
padding: 0.25em 0.65em;
}
pre {
-webkit-overflow-scrolling: touch;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0 2em 0;
}
pre code {
display: block;
line-height: 1.75;
padding: 1em 1.5em;
overflow-x: auto;
}
hr {
border: 0;
border-bottom: solid 1px;
margin: 2em 0;
}
hr.major {
margin: 3em 0;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
input, select, textarea {
color: #ffffff;
}
a:hover {
color: #ffffff;
}
strong, b {
color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
color: #ffffff;
}
blockquote {
border-left-color: rgba(255, 255, 255, 0.35);
}
code {
background: rgba(255, 255, 255, 0.075);
border-color: rgba(255, 255, 255, 0.35);
}
hr {
border-bottom-color: rgba(255, 255, 255, 0.35);
}
/* Box */
.box {
border-radius: 8px;
border: solid;
margin-bottom: 2em;
padding: 1.5em;
}
.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
margin-bottom: 0;
}
.box.alt {
border: 0;
border-radius: 0;
padding: 0;
}
.box {
border-color: rgba(255, 255, 255, 0.35);
}
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
/*button,*/
.stellar-button {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 0;
cursor: pointer;
display: inline-block;
font-weight: 800;
height: 2.75em;
line-height: 2.75em;
min-width: 9.25em;
padding: 0 1.5em;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon,
button.icon,
.stellar-button.icon {
padding-left: 1.35em;
}
input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.stellar-button.icon:before {
margin-right: 0.5em;
}
input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.stellar-button.fit {
display: block;
margin: 0 0 1em 0;
width: 100%;
}
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.stellar-button.small {
font-size: 0.8em;
}
input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
button.big,
.stellar-button.big {
font-size: 1.35em;
}
input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.stellar-button.disabled,
.stellar-button:disabled {
-moz-pointer-events: none;
-webkit-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
opacity: 0.25;
}
@media screen and (max-width: 736px) {
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.stellar-button {
min-width: 0;
}
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.stellar-button {
background-color: #ff141a;
color: #ffffff;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.stellar-button:hover {
background-color: #ff686c;
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.stellar-button:active {
background-color: ;
}
input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.stellar-button.icon:before {
color: rgba(255, 255, 255, 0.5);
}
input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
button.special,
.stellar-button.special {
background-color: #8cc9f0;
color: #ffffff;
box-shadow: none;
}
input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
button.special:hover,
.stellar-button.special:hover {
background-color: #9acff2;
}
input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
button.special:active,
.stellar-button.special:active {
background-color: #7ec3ee;
}
input[type="submit"].special.icon:before,
input[type="reset"].special.icon:before,
input[type="button"].special.icon:before,
button.special.icon:before,
.stellar-button.special.icon:before {
color: #ffffff;
}
/* Form */
form {
margin: 0 0 2em 0;
}
label {
display: block;
font-size: 0.9em;
font-weight: 400;
margin: 0 0 1em 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 8px;
border: solid 1px;
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
width: 100%;
}
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: none;
}
.select-wrapper {
text-decoration: none;
display: block;
position: relative;
}
.select-wrapper:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
.select-wrapper:before {
content: '\f078';
display: block;
height: 2.75em;
line-height: 2.75em;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 2.75em;
}
.select-wrapper select::-ms-expand {
display: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 2.75em;
}
textarea {
padding: 0.75em 1em;
}
input[type="checkbox"],
input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
display: block;
float: left;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
text-decoration: none;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 300;
padding-left: 2.4em;
padding-right: 0.75em;
position: relative;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
border-radius: 8px;
border: solid 1px;
content: '';
display: inline-block;
height: 1.65em;
left: 0;
line-height: 1.58125em;
position: absolute;
text-align: center;
top: 0;
width: 1.65em;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
content: '\f00c';
}
input[type="checkbox"] + label:before {
border-radius: 8px;
}
input[type="radio"] + label:before {
border-radius: 100%;
}
::-webkit-input-placeholder {
opacity: 1.0;
}
:-moz-placeholder {
opacity: 1.0;
}
::-moz-placeholder {
opacity: 1.0;
}
:-ms-input-placeholder {
opacity: 1.0;
}
.formerize-placeholder {
opacity: 1.0;
}
label {
color: #ffffff;
}
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
background: rgba(255, 255, 255, 0.075);
border-color: rgba(255, 255, 255, 0.35);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
border-color: #8cc9f0;
box-shadow: 0 0 0 1px #8cc9f0;
}
.select-wrapper:before {
color: rgba(255, 255, 255, 0.35);
}
input[type="checkbox"] + label,
input[type="radio"] + label {
color: rgba(255, 255, 255, 0.65);
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: rgba(255, 255, 255, 0.075);
border-color: rgba(255, 255, 255, 0.35);
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background-color: #ffffff;
border-color: #ffffff;
color: #935d8c;
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
border-color: #8cc9f0;
box-shadow: 0 0 0 1px #8cc9f0;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
:-moz-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
::-moz-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
.formerize-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
/* Icon */
.icon {
text-decoration: none;
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border-bottom: none;
position: relative;
}
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
.icon > .label {
display: none;
}
.icon.major {
border: solid 1px;
display: inline-block;
border-radius: 100%;
padding: 0.65em;
margin: 0 0 2em 0;
cursor: default;
}
.icon.major:before {
display: inline-block;
font-size: 6.25rem;
width: 2.25em;
height: 2.25em;
line-height: 2.2em;
border-radius: 100%;
border: solid 1px;
text-align: center;
}
.icon.alt {
display: inline-block;
border: solid 1px;
border-radius: 100%;
}
.icon.alt:before {
display: block;
font-size: 1.25em;
width: 2em;
height: 2em;
text-align: center;
line-height: 2em;
}
.icon.style1 {
color: #30b8a1;
}
.icon.style2 {
color: #54b69e;
}
.icon.style3 {
color: #66c1a5;
}
.icon.style4 {
color: #9bb2e1;
}
.icon.style5 {
color: #8acfc1;
}
@media screen and (max-width: 1680px) {
.icon.major:before {
font-size: 5.5rem;
}
}
@media screen and (max-width: 1280px) {
.icon.major:before {
font-size: 4.75rem;
}
}
@media screen and (max-width: 736px) {
.icon.major {
margin: 0 0 1.5em 0;
padding: 0.35em;
}
.icon.major:before {
font-size: 3.5rem;
}
}
.icon.major {
border-color: rgba(255, 255, 255, 0.35);
}
.icon.major:before {
border-color: rgba(255, 255, 255, 0.35);
}
.icon.alt {
border-color: rgba(255, 255, 255, 0.35);
color: #ffffff;
}
.icon.alt:hover {
background-color: rgba(255, 255, 255, 0.075);
}
.icon.alt:active {
background-color: rgba(255, 255, 255, 0.2);
}
/* Image */
.image {
border-radius: 8px;
border: 0;
display: inline-block;
position: relative;
}
.image img {
border-radius: 8px;
display: block;
}
.image.left, .image.right {
max-width: 40%;
}
.image.left img, .image.right img {
width: 100%;
}
.image.left {
float: left;
margin: 0 1.5em 1em 0;
top: 0.25em;
}
.image.right {
float: right;
margin: 0 0 1em 1.5em;
top: 0.25em;
}
.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}
.image.fit img {
width: 100%;
}
.image.main {
display: block;
margin: 0 0 3em 0;
width: 100%;
}
.image.main img {
width: 100%;
}
/* List */
ol {
list-style: decimal;
margin: 0 0 2em 0;
padding-left: 1.25em;
}
ol li {
padding-left: 0.25em;
}
ul {
list-style: disc;
margin: 0 0 2em 0;
padding-left: 1em;
}
ul li {
padding-left: 0.5em;
}
ul.alt {
list-style: none;
padding-left: 0;
}
ul.alt li {
border-top: solid 1px;
padding: 0.5em 0;
}
ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}
ul.icons {
cursor: default;
list-style: none;
padding-left: 0;
}
ul.icons li {
display: inline-block;
padding: 0 0.65em 0 0;
}
ul.icons li:last-child {
padding-right: 0 !important;
}
ul.actions {
cursor: default;
list-style: none;
padding-left: 0;
}
ul.actions li {
display: inline-block;
padding: 0 1em 0 0;
vertical-align: middle;
}
ul.actions li:last-child {
padding-right: 0;
}
ul.actions.small li {
padding: 0 0.5em 0 0;
}
ul.actions.vertical li {
display: block;
padding: 1em 0 0 0;
}
ul.actions.vertical li:first-child {
padding-top: 0;
}
ul.actions.vertical li > * {
margin-bottom: 0;
}
ul.actions.vertical.small li {
padding: 0.5em 0 0 0;
}
ul.actions.vertical.small li:first-child {
padding-top: 0;
}
ul.actions.fit {
display: table;
margin-left: -1em;
padding: 0;
table-layout: fixed;
width: calc(100% + 1em);
}
ul.actions.fit li {
display: table-cell;
padding: 0 0 0 1em;
}
ul.actions.fit li > * {
margin-bottom: 0;
}
ul.actions.fit.small {
margin-left: -0.5em;
width: calc(100% + 0.5em);
}
ul.actions.fit.small li {
padding: 0 0 0 0.5em;
}
@media screen and (max-width: 480px) {
ul.actions {
margin: 0 0 2em 0;
}
ul.actions li {
padding: 1em 0 0 0;
display: block;
text-align: center;
width: 100%;
}
ul.actions li:first-child {
padding-top: 0;
}
ul.actions li > * {
width: 100%;
margin: 0 !important;
}
ul.actions.small li {
padding: 0.5em 0 0 0;
}
ul.actions.small li:first-child {
padding-top: 0;
}
}
dl {
margin: 0 0 2em 0;
}
dl dt {
display: block;
font-weight: 400;
margin: 0 0 1em 0;
}
dl dd {
margin-left: 2em;
}
dl.alt dt {
display: block;
width: 3em;
margin: 0;
clear: left;
float: left;
}
dl.alt dd {
margin: 0 0 0.85em 5.5em;
}
dl.alt:after {
content: '';
display: block;
clear: both;
}
ul.alt li {
border-top-color: rgba(255, 255, 255, 0.35);
}
dl dt {
color: #ffffff;
}
/* Section/Article */
section.special, article.special {
text-align: center;
}
header.major {
margin-bottom: 3em;
}
header.major h2 {
font-size: 2em;
}
header.major h2:after {
display: block;
content: '';
width: 3.25em;
height: 2px;
margin: 0.7em 0 1em 0;
border-radius: 2px;
}
section.special header.major h2:after, article.special header.major h2:after {
margin-left: auto;
margin-right: auto;
}
header.major p {
font-size: 1.25em;
letter-spacing: -0.025em;
}
header.major.special {
text-align: center;
}
header.major.special h2:after {
margin-left: auto;
margin-right: auto;
}
footer.major {
margin-top: 3em;
}
@media screen and (max-width: 736px) {
header.major {
margin-bottom: 0;
}
header.major h2 {
font-size: 1.5em;
}
header.major p {
font-size: 1em;
letter-spacing: 0;
}
header.major p br {
display: none;
}
footer.major {
margin-top: 0;
}
}
header.major h2:after {
background-color: rgba(255, 255, 255, 0.35);
}
/* Table */
.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
table {
margin: 0 0 2em 0;
width: 100%;
}
table tbody tr {
border: solid 1px;
border-left: 0;
border-right: 0;
}
table td {
padding: 0.75em 0.75em;
}
table th {
font-size: 0.9em;
font-weight: 400;
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
table thead {
border-bottom: solid 2px;
}
table tfoot {
border-top: solid 2px;
}
table.alt {
border-collapse: separate;
}
table.alt tbody tr td {
border: solid 1px;
border-left-width: 0;
border-top-width: 0;
}
table.alt tbody tr td:first-child {
border-left-width: 1px;
}
table.alt tbody tr:first-child td {
border-top-width: 1px;
}
table.alt thead {
border-bottom: 0;
}
table.alt tfoot {
border-top: 0;
}
table tbody tr {
border-color: rgba(255, 255, 255, 0.35);
}
table tbody tr:nth-child(2n + 1) {
background-color: rgba(255, 255, 255, 0.075);
}
table th {
color: #ffffff;
}
table thead {
border-bottom-color: rgba(255, 255, 255, 0.35);
}
table tfoot {
border-top-color: rgba(255, 255, 255, 0.35);
}
table.alt tbody tr td {
border-color: rgba(255, 255, 255, 0.35);
}
/* Features */
.features {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: calc(100% + 2em);
margin: 0 0 3em -2em;
padding: 0;
list-style: none;
}
.features li {
width: calc(25% - 2em);
margin-left: 2em;
/*margin-top: 3em;*/
padding: 0;
}
.features li:nth-child(1), .features li:nth-child(2), .features li:nth-child(3) {
margin-top: 0;
}
.features li > :last-child {
margin-bottom: 0;
}
@media screen and (max-width: 980px) {
.features li {
width: calc(50% - 2em);
margin-bottom: 20px;
}
}
@media screen and (max-width: 736px) {
.features {
width: 100%;
margin: 0 0 2em 0;
}
.features li {
width: 100%;
margin-left: 0;
margin-top: 2em;
}
.features li:nth-child(2), .features li:nth-child(3) {
margin-top: 2em;
}
}
/* Statistics */
.statistics {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
width: 100%;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
cursor: default;
}
.statistics li {
-moz-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1.5em;
color: #ffffff;
text-align: center;
}
.statistics li.style1 {
background-color: #FB4725;
}
.statistics li.style2 {
background-color: #FC9B3A;
}
.statistics li.style3 {
background-color: #91CA06;
}
.statistics li.style4 {
background-color: #0066B6;
}
.statistics li.style5 {
background-color: #6CBADD;
}
.statistics li strong, .statistics li b {
display: block;
font-size: 2em;
line-height: 1.1;
color: inherit !important;
font-weight: 300;
letter-spacing: -0.025em;
}
.statistics li:first-child {
}
.statistics li:last-child {
}
.statistics li .icon {
display: inline-block;
}
.statistics li .icon:before {
font-size: 2.75rem;
line-height: 1.3;
}
@media screen and (max-width: 980px) {
.statistics li strong, .statistics li b {
font-size: 1.5em;
}
}
@media screen and (max-width: 736px) {
.statistics {
display: block;
width: 20em;
max-width: 100%;
margin: 0 auto 2em auto;
}
.statistics li:first-child {
border-bottom-left-radius: 0;
border-top-right-radius: 8px;
}
.statistics li:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: 8px;
}
.statistics li .icon:before {
font-size: 3.75rem;
}
.statistics li strong, .statistics li b {
font-size: 2.5em;
}
}
/* Spotlight */
.spotlight {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0 0 2em 0;
}
.spotlight .content {
-moz-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.spotlight .content > :last-child {
margin-bottom: 0;
}
.spotlight .content header.major {
margin: 0 0 2em 0;
}
.spotlight .image {
display: inline-block;
margin-left: 4em;
padding: 0.65em;
}
.spotlight .image img {
display: block;
width: 26em;
}
@media screen and (max-width: 980px) {
.spotlight {
-moz-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
text-align: center;
}
.spotlight .content {
-moz-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 100%;
}
.spotlight .content header.major h2:after {
margin-left: auto;
margin-right: auto;
}
.spotlight .image {
-moz-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 0;
margin-bottom: 2em;
}
}
@media screen and (max-width: 736px) {
.spotlight .image {
padding: 0.35em;
}
.spotlight .image img {
width: 12em;
}
}
.spotlight .image {
border-color: rgba(255, 255, 255, 0.35);
}
/* Header */
#stellar-header {
padding: 5em 5em 1em 5em ;
text-align: center;
}
#stellar-header h1 {
margin: 0 0 0.25em 0;
margin-top: 20px;
}
#stellar-header p {
font-size: 1.25em;
letter-spacing: -0.025em;
color: #ffffff;
}
#stellar-header.alt {
padding: 7em 5em 4em 5em ;
}
#stellar-header.alt h1 {
font-size: 3.25em;
}
#stellar-header.alt > * {
-moz-transition: opacity 3s ease;
-webkit-transition: opacity 3s ease;
-ms-transition: opacity 3s ease;
transition: opacity 3s ease;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
opacity: 1;
}
#stellar-header.alt .logo {
-moz-transition: opacity 1.25s ease, -moz-transform 0.5s ease;
-webkit-transition: opacity 1.25s ease, -webkit-transform 0.5s ease;
-ms-transition: opacity 1.25s ease, -ms-transform 0.5s ease;
transition: opacity 1.25s ease, transform 0.5s ease;
-moz-transition-delay: 0s;
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
display: block;
margin: 0 0 0 0;
}
#stellar-header.alt .logo img {
display: block;
margin: 0 auto;
}
@media screen and (max-width: 1280px) {
#stellar-header {
padding: 4em 4em 0.1em 4em ;
}
#stellar-header.alt {
padding: 6em 4em 3em 4em ;
}
}
@media screen and (max-width: 980px) {
#stellar-header {
padding: 4em 3em 0.1em 3em ;
}
#stellar-header.alt {
padding: 5em 3em 2em 3em ;
}
}
@media screen and (max-width: 736px) {
#stellar-header {
padding: 3em 2em 0.1em 2em ;
}
#stellar-header p {
font-size: 1em;
letter-spacing: 0;
}
#stellar-header p br {
display: none;
}
#stellar-header.alt {
padding: 4em 2em 1em 2em ;
}
#stellar-header.alt h1 {
font-size: 2.5em;
}
}
@media screen and (max-width: 480px) {
#stellar-header {
padding: 3em 1.5em 0.1em 1.5em ;
}
#stellar-header.alt {
padding: 4em 1.5em 1em 1.5em ;
}
}
@media screen and (max-width: 360px) {
#stellar-header {
padding: 2.5em 1em 0.1em 1em ;
}
#stellar-header.alt {
padding: 3.5em 1em 0.5em 1em ;
}
}
body.is-loading #stellar-header.alt > * {
opacity: 0;
}
body.is-loading #stellar-header.alt .logo {
-moz-transform: scale(0.8) rotate(-30deg);
-webkit-transform: scale(0.8) rotate(-30deg);
-ms-transform: scale(0.8) rotate(-30deg);
transform: scale(0.8) rotate(-30deg);
}
/* Nav */
#stellar-nav {
-moz-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
-webkit-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
-ms-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
background-color: #ffffff;
color: #636363;
position: absolute;
width: 64em;
max-width: calc(100% - 4em);
padding: 1em;
background-color: #16b9a1;
cursor: default;
text-align: center;
}
#stellar-nav input, #stellar-nav select, #stellar-nav textarea {
color: #636363;
}
#stellar-nav a:hover {
color: #636363;
}
#stellar-nav strong, #stellar-nav b {
color: #636363;
}
#stellar-nav h1, #stellar-nav h2, #stellar-nav h3, #stellar-nav h4, #stellar-nav h5, #stellar-nav h6 {
color: #636363;
}
#stellar-nav blockquote {
border-left-color: #dddddd;
}
#stellar-nav code {
background: rgba(222, 222, 222, 0.25);
border-color: #dddddd;
}
#stellar-nav hr {
border-bottom-color: #dddddd;
}
#stellar-nav + #stellar-main {
padding-top: 4.25em;
}
#stellar-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#stellar-nav ul li {
-moz-transition: margin 0.2s ease;
-webkit-transition: margin 0.2s ease;
-ms-transition: margin 0.2s ease;
transition: margin 0.2s ease;
display: inline-block;
margin: 0 0.35em;
padding: 0;
vertical-align: middle;
}
#stellar-nav ul li a {
-moz-transition: font-size 0.2s ease;
-webkit-transition: font-size 0.2s ease;
-ms-transition: font-size 0.2s ease;
transition: font-size 0.2s ease;
display: inline-block;
height: 2.25em;
line-height: 2.25em;
padding: 0 1.25em;
border: 0;
color: #333;
border-radius: 8px;
box-shadow: inset 0 0 0 1px transparent;
}
#stellar-nav ul li a:hover {
background-color: #ffffff;
}
#stellar-nav ul li a.active {
background-color: #ffffff;
box-shadow: none;
}
#stellar-nav.alt {
position: fixed;
top: 60px;
padding: 0.5em 1em;
background-color: #16b9a1;
border-top-left-radius: 0;
border-top-right-radius: 0;
z-index: 500;
}
#stellar-nav.alt ul li {
margin: 0 0.175em;
}
#stellar-nav.alt ul li a {
font-size: 0.9em;
}
@media screen and (max-width: 1024px) {
#stellar-nav.alt {
top: 0px;
}
#stellar-nav + #stellar-main {
padding-top: 0;
}
}
/* Main */
#stellar-main {
background-color: #ffffff;
color: #636363;
border-radius: 0.25em;
}
#stellar-main input, #stellar-main select, #stellar-main textarea {
color: #636363;
}
#stellar-main a:hover {
color: #16b9a1;
}
#stellar-main strong, #stellar-main b {
color: #636363;
}
#stellar-main h1, #stellar-main h2, #stellar-main h3, #stellar-main h4, #stellar-main h5, #stellar-main h6 {
color: #636363;
}
#stellar-main blockquote {
border-left-color: #dddddd;
}
#stellar-main code {
background: rgba(222, 222, 222, 0.25);
border-color: #dddddd;
}
#stellar-main hr {
border-bottom-color: #dddddd;
}
#stellar-main .box {
border-color: #dddddd;
}
#stellar-main input[type="submit"],
#stellar-main input[type="reset"],
#stellar-main input[type="button"],
#stellar-main button,
#stellar-main .stellar-button {
background-color: #16b9a1;
color: #ffffff !important;
font-weight: 800;
}
#stellar-main input[type="submit"]:hover,
#stellar-main input[type="reset"]:hover,
#stellar-main input[type="button"]:hover,
#stellar-main button:hover,
#stellar-main .stellar-button:hover {
background-color:#16b9a1;
}
#stellar-main input[type="submit"]:active,
#stellar-main input[type="reset"]:active,
#stellar-main input[type="button"]:active,
#stellar-main button:active,
#stellar-main .stellar-button:active {
background-color: #ef6644;
}
#stellar-main input[type="submit"].icon:before,
#stellar-main input[type="reset"].icon:before,
#stellar-main input[type="button"].icon:before,
#stellar-main button.icon:before,
#stellar-main .stellar-button.icon:before {
color: rgba(99, 99, 99, 0.25);
}
#stellar-main input[type="submit"].special,
#stellar-main input[type="reset"].special,
#stellar-main input[type="button"].special,
#stellar-main button.special,
#stellar-main .stellar-button.special {
background-color: #8cc9f0;
color: #ffffff !important;
box-shadow: none;
}
#stellar-main input[type="submit"].special:hover,
#stellar-main input[type="reset"].special:hover,
#stellar-main input[type="button"].special:hover,
#stellar-main button.special:hover,
#stellar-main .stellar-button.special:hover {
background-color: #9acff2;
}
#stellar-main input[type="submit"].special:active,
#stellar-main input[type="reset"].special:active,
#stellar-main input[type="button"].special:active,
#stellar-main button.special:active,
#stellar-main .stellar-button.special:active {
background-color: #7ec3ee;
}
#stellar-main input[type="submit"].special.icon:before,
#stellar-main input[type="reset"].special.icon:before,
#stellar-main input[type="button"].special.icon:before,
#stellar-main button.special.icon:before,
#stellar-main .stellar-button.special.icon:before {
color: #ffffff !important;
}
#stellar-main label {
color: #636363;
}
#stellar-main input[type="text"],
#stellar-main input[type="password"],
#stellar-main input[type="email"],
#stellar-main select,
#stellar-main textarea {
background: rgba(222, 222, 222, 0.25);
border-color: #dddddd;
}
#stellar-main input[type="text"]:focus,
#stellar-main input[type="password"]:focus,
#stellar-main input[type="email"]:focus,
#stellar-main select:focus,
#stellar-main textarea:focus {
border-color: #8cc9f0;
box-shadow: 0 0 0 1px #8cc9f0;
}
#stellar-main .select-wrapper:before {
color: #dddddd;
}
#stellar-main input[type="checkbox"] + label,
#stellar-main input[type="radio"] + label {
color: #636363;
}
#stellar-main input[type="checkbox"] + label:before,
#stellar-main input[type="radio"] + label:before {
background: rgba(222, 222, 222, 0.25);
border-color: #dddddd;
}
#stellar-main input[type="checkbox"]:checked + label:before,
#stellar-main input[type="radio"]:checked + label:before {
background-color: #636363;
border-color: #636363;
color: #ffffff;
}
#stellar-main input[type="checkbox"]:focus + label:before,
#stellar-main input[type="radio"]:focus + label:before {
border-color: #8cc9f0;
box-shadow: 0 0 0 1px #8cc9f0;
}
#stellar-main ::-webkit-input-placeholder {
color: rgba(99, 99, 99, 0.25) !important;
}
#stellar-main :-moz-placeholder {
color: rgba(99, 99, 99, 0.25) !important;
}
#stellar-main ::-moz-placeholder {
color: rgba(99, 99, 99, 0.25) !important;
}
#stellar-main :-ms-input-placeholder {
color: rgba(99, 99, 99, 0.25) !important;
}
#stellar-main .formerize-placeholder {
color: rgba(99, 99, 99, 0.25) !important;
}
#stellar-main .icon.major {
border-color: #dddddd;
}
#stellar-main .icon.major:before {
border-color: #dddddd;
}
#stellar-main .icon.alt {
border-color: #dddddd;
color: #636363;
}
#stellar-main .icon.alt:hover {
background-color: rgba(222, 222, 222, 0.25);
}
#stellar-main .icon.alt:active {
background-color: rgba(222, 222, 222, 0.5);
}
#stellar-main ul.alt li {
border-top-color: #dddddd;
}
#stellar-main dl dt {
color: #636363;
}
#stellar-main header.major h2:after {
background-color: #dddddd;
}
#stellar-main table tbody tr {
border-color: #dddddd;
}
#stellar-main table tbody tr:nth-child(2n + 1) {
background-color: rgba(222, 222, 222, 0.25);
}
#stellar-main table th {
color: #636363;
}
#stellar-main table thead {
border-bottom-color: #dddddd;
}
#stellar-main table tfoot {
border-top-color: #dddddd;
}
#stellar-main table.alt tbody tr td {
border-color: #dddddd;
}
#stellar-main .spotlight .image {
border-color: #dddddd;
}
#stellar-main > .main {
padding: 5em 5em 3em 5em ;
border-top: solid 1px #dddddd;
}
#stellar-main > .main:first-child {
border-top: 0;
}
#stellar-main > .main > .image.main:first-child {
margin: -5em 0 5em -5em;
width: calc(100% + 10em);
}
#stellar-main > .main > .image.main:first-child img {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
@media screen and (max-width: 1280px) {
#stellar-main > .main {
padding: 4em 4em 2em 4em ;
}
#stellar-main > .main > .image.main:first-child {
margin: -4em 0 4em -4em;
width: calc(100% + 8em);
}
}
@media screen and (max-width: 980px) {
#stellar-main > .main {
padding: 4em 3em 2em 3em ;
}
#stellar-main > .main > .image.main:first-child {
margin: -4em 0 4em -3em;
width: calc(100% + 6em);
}
}
@media screen and (max-width: 736px) {
#stellar-main > .main {
padding: 8em 2em 1em 2em ;
}
#stellar-main > .main > .image.main:first-child {
margin: -3em 0 2em -2em;
width: calc(100% + 4em);
}
}
@media screen and (max-width: 480px) {
#stellar-main > .main {
padding: 13em 1.5em 1em 1.5em ;
}
#stellar-main > .main > .image.main:first-child {
margin: -3em 0 1.5em -1.5em;
width: calc(100% + 3em);
}
}
@media screen and (max-width: 360px) {
#stellar-main {
border-radius: 0;
}
#stellar-main > .main {
padding: 2.5em 1em 0.5em 1em ;
}
#stellar-main > .main > .image.main:first-child {
margin: -2.5em 0 1.5em -1em;
width: calc(100% + 2em);
border-radius: 0;
}
#stellar-main > .main > .image.main:first-child img {
border-radius: 0;
}
}
/* Wrapper */
#stellar-wrapper {
width: 64em;
max-width: calc(100% - 4em);
margin: 0 auto;
}
@media screen and (max-width: 480px) {
#stellar-wrapper {
max-width: calc(100% - 2em);
}
}
@media screen and (max-width: 360px) {
#stellar-wrapper {
max-width: 100%;
}
}
.reveal-modal{
color: #333333;
}
.reveal-modal h2, a{
color: #16b9a1;
}
</style>
<!-- Wrapper -->
<div id="stellar-wrapper">
<!-- Header -->
<header id="stellar-header" class="alt">
<a href="http://www.davinci-defet.com/englisch/" target="_blank"><span class="logo"><img style="height: 165px;/* width: 660px; */" src="https://www.myminifactory.com//uploads/tinymce-images/da_vinci_web.png" alt=""></span></a>
<a href="http://www.davinci-defet.com/englisch/" target="_blank"><span class="logo"><img style="height: 310px;" src="/uploads/tinymce-images/DaVinci_Subtitle_3.png" alt=""></span></a>
<h1 style= "
background-color: rgba(0, 0, 0, 0.38);
">3D Design Competition</h1><h1 style="
background-color: rgba(0, 0, 0, 0.38);
">#DaVinci3D</h1>
<p style="
background-color: hsla(0, 0%, 0%, 0.44);
">Submissions close January 15th 2018</p>
<p><a href="http://www.davinci-defet.com/englisch/" class="stellar-button">Start For Free</a></p>
<p><a href="https://www.myminifactory.com/upload/object-upload?source=da-vinci-design-challenge-129" target="_blank" class="stellar-button">Submit your design</a></p>
<p></p>
</header>
<!-- Nav -->
<nav id="stellar-nav">
<ul>
<li><a href="#intro" class="active">Design Brief</a></li>
<li><a href="#first">Themes</a></li>
<li><a href="#second">Prizes</a></li>
<li><a href="#third">Top Tips</a></li>
<li><a href="#cta">Designer Resources</a></li>
</ul>
</nav>
<!-- Main -->
<div id="stellar-main">
<!-- Introduction -->
<section id="intro" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Design Brief</h2>
</header>
<p> 3D printing is the trend of the moment, giving amateurs as well as pros new possibilities to set their creativity free. </p>
<p>For this challenge, let your imagination run wild. Literally. The theme of this competition is exotic species and we need you to come up with the best ideas and designs to illustrate these beautiful but rare animals.</p>
<p>Never 3D-printed before? No problem! With increasingly affordable 3D printers, even ambitious amateur artists can get involved and start designing.</p>
<p>3D printing also offers new possibilities for artists. With a blank canvas as their print, 3D designers can paint, decorate and customise any 3D printed object within their reach. As such, 25 prizes will be given exclusively to the best painted designs!</p>
<p>To color these 3D printings, the da Vinci Artist brushes company has especially created an exclusive brush set, series 5203, which contains:</p>
<p> <span style="color: #16b9a1;">A mottler of our series 5073, size 20, for priming and area work, made of short and fine synthetic fibres.</span></p>
<p> <span style="color: #16b9a1;">3 round brushes of our well-known all round-series 5570, size 5/0, 0 and 4, for all detail work. These brushes have gold synthetic fibres and short green transparent lacquered hexagonal handles.</span></p>
<p> The main theme of this competition is "Exotic Species" though you can also get creative.</p>
<br>
<br>
<p>Good luck!</p>
<header class="major">
</div>
<div class="content">
<span class="image"><img style="height: 1089px;"<img src="/uploads/tinymce-images/DaVinci_side2.png" alt="" ></span>
</div>
</div>
</section>
<!-- First Section -->
<section id="first" class="main special">
<header class="major">
<h2>Themes</h2>
</header>
<ul class="features">
<listyle=" width: 50%;">
<img src="/uploads/tinymce-images/panda.png" alt="link" style="margin-bottom: 10px;">
<h3> Exotic Species </h3>
<p>The theme of this 3D design challenge is exotic species. What we mean is all the majestic animals you just can only find in the jungle or in very specific environments. From elephants to tigers and parrots, we are looking for anything colorful, wild and exotic.</p>
<p>
Here is a list of exotic species you could design to give you a little bit of inspiration:</p>
<p>Pandas, Dolphins, Gorillas, Leopards, Elephants, Lions, Orangutans, Rhinos..</p>
<p>You are not limited to exotic animals though. Whatever you come up with we will consider it, bonus points for painting!</p>
</li>
</ul>
<footer class="major">
<ul class="actions">
</ul>
</footer>
</section>
<!-- Second Section -->
<section id="second" class="main special">
<header class="major">
<h2>Prizes</h2>
</header>
<a href="http://www.davinci-defet.com/englisch/" target="_blank"><img src="/uploads/tinymce-images/davincibrushes.png" alt=""> </a>
<h3>Main prize</h3>
<p>We have <a href="http://www.davinci-defet.com/englisch/" target="_blank"> 25x Limited Edition Brush Set Series 5203! </a> for the best 3D designs </p>
<h3>Bonus prize</h3>
<p>We also have <a href="http://www.davinci-defet.com/englisch/" target="_blank"> 25x Limited Edition Brush Set Series 5203! </a> for the best painted 3D objects from the competition. </p>
<footer class="major">
<ul class="actions">
</ul>
</footer>
</section>
<!-- Third Section -->
<section id="third" class="main special">
<header class="major">
<h2>Top Tips</h2>
</header>
<p>So you want to win a design competition?<br>
Here are some top tips to help you climb up the leader board:</p><p>1. Think about your design(s) in relation to the brief and how best you might best optimise it for 3D printing.</p><p>2. Make sure you download all designer resources so as to ensure you design for the right size components if you are not printing your own submission.</p><p>3. Look at our blog post <a href="http://blog.myminifactory.com/post/159972151794/share-your-designs-on-myminifactory-directly-from" target="_blank"><span style="color: #16b9a1;">here</span></a> for more information on how to do this. </p>
<p>4. Once your design is approved, post it on social media with: <span style="color: #16b9a1;">#paintingbythenumbers</span> <a href="https://twitter.com/MyMiniFactory" target="_blank"></a><span style="color: #16b9a1;">@MyMiniFactory</span> and <a href="https://twitter.com/davincidefet" target="_blank"></a><span style="color: #16b9a1;">@davincidefet</span></p>
<ul class="statistics">
<li class="style1">
<span class="icon fa-eye"></span>
<strong>Read</strong> and understand the design brief.
</li>
<li class="style2">
<span class="icon fa-lightbulb-o"></span>
<strong>Think</strong>about how you can best deliver a solution.
</li>
<li class="style3">
<span class="icon fa-download"></span>
<strong>Use</strong> the tips and resources provided
</li>
<li class="style4">
<span class="icon fa-comment-o"></span>
<strong>Explain</strong> the concept behind your design.
</li>
<li class="style5">
<span class="icon fa-diamond"></span>
<strong>Present</strong>print, and photograph your design with care.
</li>
</ul>
<footer class="major">
<ul class="actions">
</ul>
</footer>
</section>
<!-- Get Started -->
<section id="cta" class="main special">
<header class="major">
<h2>Designer Resources</h2>
</header>
<p>Struggling for inspiration? Check out out this awesome library of fun animal prints below.</p>
<ul class="features">
<li>
<img src="/uploads/tinymce-images/panda.jpg" alt="link" style="margin-bottom: 10px;">
<h3>Inspiration</h3>
<p><a href="https://www.myminifactory.com/collection/collection-show/Kamelia/Endangered%20Species" target="_blank"><span style="color: #16b9a1;">Inspiration</span></a></p>
</li>
</ul>
<ul class="features2">
<footer class="major">
<ul class="actions">
<li><a href="https://www.myminifactory.com/upload/object-upload?source=da-vinci-design-challenge-129" class="stellar-button">Submit your design</a></li>
</ul>
</footer>
</ul></section>
<div id="terms-conditions" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<h2 id="modalTitle">Awesome. I have it.</h2>
<p class="lead">Your couch. It is mine.</p>
<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
<p><a href="#" class="stellar-button special">Continue</a></p>
<a class="close-reveal-modal" aria-label="Close">×</a>
</div>
</div>
</br>
</br>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script>
/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
</script>
<script>
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
</script>
<script>
/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;e<i.length;e++)n=i[e],"("==n.charAt(0)&&(n=n.substring(1,n.length-1),a=n.split(/:\s+/),2==a.length&&(r[a[0].replace(/^\s+|\s+$/g,"")]=parseInt(a[1]),o=!0));if(!o)return!1;var s=document.documentElement.clientWidth,c=document.documentElement.clientHeight;return null!==r["min-width"]&&s<r["min-width"]||null!==r["max-width"]&&s>r["max-width"]||null!==r["min-height"]&&c<r["min-height"]||null!==r["max-height"]&&c>r["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' <style type="text/css">'+t+"</style>",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
</script>
<script>
(function($) {
/**
* Generate an indented list of links from a nav. Meant for use with panel().
* @return {jQuery} jQuery object.
*/
$.fn.navList = function() {
var$this = $(this);
$a = $this.find('a'),
b = [];
$a.each(function() {
var$this = $(this),
indent = Math.max(0, $this.parents('li').length - 1),
href = $this.attr('href'),
target = $this.attr('target');
b.push(
'<a ' +
'class="link depth-' + indent + '"' +
( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
'>' +
'<span class="indent-' + indent + '"></span>' +
$this.text() +
'</a>'
);
});
return b.join('');
};
/**
* Panel-ify an element.
* @param {object} userConfig User config.
* @return {jQuery} jQuery object.
*/
$.fn.panel = function(userConfig) {
// No elements?
if (this.length == 0)
return $this;
// Multiple elements?
if (this.length > 1) {
for (var i=0; i < this.length; i++)
$(this[i]).panel(userConfig);
return $this;
}
// Vars.
var$this = $(this),
$body = $('body'),
$window = $(window),
id = $this.attr('id'),
config;
// Config.
config = $.extend({
// Delay.
delay: 0,
// Hide panel on link click.
hideOnClick: false,
// Hide panel on escape keypress.
hideOnEscape: false,
// Hide panel on swipe.
hideOnSwipe: false,
// Reset scroll position on hide.
resetScroll: false,
// Reset forms on hide.
resetForms: false,
// Side of viewport the panel will appear.
side: null,
// Target element for "class".
target: $this,
// Class to toggle.
visibleClass: 'visible'
}, userConfig);
// Expand "target" if it's not a jQuery object already.
if (typeof config.target != 'jQuery')
config.target = $(config.target);
// Panel.
// Methods.
$this._hide = function(event) {
// Already hidden? Bail.
if (!config.target.hasClass(config.visibleClass))
return;
// If an event was provided, cancel it.
if (event) {
event.preventDefault();
event.stopPropagation();
}
// Hide.
config.target.removeClass(config.visibleClass);
// Post-hide stuff.
window.setTimeout(function() {
// Reset scroll position.
if (config.resetScroll)
$this.scrollTop(0);
// Reset forms.
if (config.resetForms)
$this.find('form').each(function() {
this.reset();
});
}, config.delay);
};
// Vendor fixes.
$this
.css('-ms-overflow-style', '-ms-autohiding-scrollbar')
.css('-webkit-overflow-scrolling', 'touch');
// Hide on click.
if (config.hideOnClick) {
$this.find('a')
.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
$this
.on('click', 'a', function(event) {
var $a = $(this),
href = $a.attr('href'),
target = $a.attr('target');
if (!href || href == '#' || href == '' || href == '#' + id)
return;
// Cancel original event.
event.preventDefault();
event.stopPropagation();
// Hide panel.
$this._hide();
// Redirect to href.
window.setTimeout(function() {
if (target == '_blank')
window.open(href);
else
window.location.href = href;
}, config.delay + 10);
});
}
// Event: Touch stuff.
$this.on('touchstart', function(event) {
$this.touchPosX = event.originalEvent.touches[0].pageX;
$this.touchPosY = event.originalEvent.touches[0].pageY;
})
$this.on('touchmove', function(event) {
if ($this.touchPosX === null
||$this.touchPosY === null)
return;
vardiffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
th = $this.outerHeight(),
ts = ($this.get(0).scrollHeight - $this.scrollTop());
// Hide on swipe?
if (config.hideOnSwipe) {
var result = false,
boundary = 20,
delta = 50;
switch (config.side) {
case 'left':
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
break;
case 'right':
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
break;
case 'top':
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
break;
case 'bottom':
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
break;
default:
break;
}
if (result) {
$this.touchPosX = null;
$this.touchPosY = null;
$this._hide();
return false;
}
}
// Prevent vertical scrolling past the top or bottom.
if (($this.scrollTop() < 0 && diffY < 0)
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
event.preventDefault();
event.stopPropagation();
}
});
// Event: Prevent certain events inside the panel from bubbling.
$this.on('click touchend touchstart touchmove', function(event) {
event.stopPropagation();
});
// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
$this.on('click', 'a[href="#' + id + '"]', function(event) {
event.preventDefault();
event.stopPropagation();
config.target.removeClass(config.visibleClass);
});
// Body.
// Event: Hide panel on body click/tap.
$body.on('click touchend', function(event) {
$this._hide(event);
});
// Event: Toggle.
$body.on('click', 'a[href="#' + id + '"]', function(event) {
event.preventDefault();
event.stopPropagation();
config.target.toggleClass(config.visibleClass);
});
// Window.
// Event: Hide on ESC.
if (config.hideOnEscape)
$window.on('keydown', function(event) {
if (event.keyCode == 27)
$this._hide(event);
});
return $this;
};
/**
* Apply "placeholder" attribute polyfill to one or more forms.
* @return {jQuery} jQuery object.
*/
$.fn.placeholder = function() {
// Browser natively supports placeholders? Bail.
if (typeof (document.createElement('input')).placeholder != 'undefined')
return $(this);
// No elements?
if (this.length == 0)
return $this;
// Multiple elements?
if (this.length > 1) {
for (var i=0; i < this.length; i++)
$(this[i]).placeholder();
return $this;
}
// Vars.
var $this = $(this);
// Text, TextArea.
$this.find('input[type=text],textarea')
.each(function() {
var i = $(this);
if (i.val() == ''
|| i.val() == i.attr('placeholder'))
i
.addClass('polyfill-placeholder')
.val(i.attr('placeholder'));
})
.on('blur', function() {
var i = $(this);
if (i.attr('name').match(/-polyfill-field$/))
return;
if (i.val() == '')
i
.addClass('polyfill-placeholder')
.val(i.attr('placeholder'));
})
.on('focus', function() {
var i = $(this);
if (i.attr('name').match(/-polyfill-field$/))
return;
if (i.val() == i.attr('placeholder'))
i
.removeClass('polyfill-placeholder')
.val('');
});
// Password.
$this.find('input[type=password]')
.each(function() {
var i = $(this);
var x = $(
$('<div>')
.append(i.clone())
.remove()
.html()
.replace(/type="password"/i, 'type="text"')
.replace(/type=password/i, 'type=text')
);
if (i.attr('id') != '')
x.attr('id', i.attr('id') + '-polyfill-field');
if (i.attr('name') != '')
x.attr('name', i.attr('name') + '-polyfill-field');
x.addClass('polyfill-placeholder')
.val(x.attr('placeholder')).insertAfter(i);
if (i.val() == '')
i.hide();
else
x.hide();
i
.on('blur', function(event) {
event.preventDefault();
var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
if (i.val() == '') {
i.hide();
x.show();
}
});
x
.on('focus', function(event) {
event.preventDefault();
var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
x.hide();
i
.show()
.focus();
})
.on('keypress', function(event) {
event.preventDefault();
x.val('');
});
});
// Events.
$this
.on('submit', function() {
$this.find('input[type=text],input[type=password],textarea')
.each(function(event) {
var i = $(this);
if (i.attr('name').match(/-polyfill-field$/))
i.attr('name', '');
if (i.val() == i.attr('placeholder')) {
i.removeClass('polyfill-placeholder');
i.val('');
}
});
})
.on('reset', function(event) {
event.preventDefault();
$this.find('select')
.val($('option:first').val());
$this.find('input,textarea')
.each(function() {
var i = $(this),
x;
i.removeClass('polyfill-placeholder');
switch (this.type) {
case 'submit':
case 'reset':
break;
case 'password':
i.val(i.attr('defaultValue'));
x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
if (i.val() == '') {
i.hide();
x.show();
}
else {
i.show();
x.hide();
}
break;
case 'checkbox':
case 'radio':
i.attr('checked', i.attr('defaultValue'));
break;
case 'text':
case 'textarea':
i.val(i.attr('defaultValue'));
if (i.val() == '') {
i.addClass('polyfill-placeholder');
i.val(i.attr('placeholder'));
}
break;
default:
i.val(i.attr('defaultValue'));
break;
}
});
});
return $this;
};
/**
* Moves elements to/from the first positions of their respective parents.
* @param {jQuery} $elements Elements (or selector) to move.
* @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
*/
$.prioritize = function($elements, condition) {
var key = '__prioritize';
// Expand $elements if it's not already a jQuery object.
if (typeof $elements != 'jQuery')
$elements = $($elements);
// Step through elements.
$elements.each(function() {
var$e = $(this), $p,
$parent = $e.parent();
// No parent? Bail.
if ($parent.length == 0)
return;
// Not moved? Move it.
if (!$e.data(key)) {
// Condition is false? Bail.
if (!condition)
return;
// Get placeholder (which will serve as our point of reference for when this element needs to move back).
$p = $e.prev();
// Couldn't find anything? Means this element's already at the top, so bail.
if ($p.length == 0)
return;
// Move element to top of parent.
$e.prependTo($parent);
// Mark element as moved.
$e.data(key, $p);
}
// Moved already?
else {
// Condition is true? Bail.
if (condition)
return;
$p = $e.data(key);
// Move element back to its original location (using our placeholder).
$e.insertAfter($p);
// Unmark element as moved.
$e.removeData(key);
}
});
};
})(jQuery);
</script>
<script>
/*
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
skel.breakpoints({
xlarge: '(max-width: 1680px)',
large: '(max-width: 1280px)',
medium: '(max-width: 980px)',
small: '(max-width: 736px)',
xsmall: '(max-width: 480px)',
xxsmall: '(max-width: 360px)'
});
$(function() {
var$window = $(window),
$body = $('body'),
$main = $('#stellar-main');
// Disable animations/transitions until the page has loaded.
$body.addClass('is-loading');
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-loading');
}, 100);
});
// Fix: Placeholder polyfill.
$('form').placeholder();
// Prioritize "important" elements on medium.
skel.on('+medium -medium', function() {
$.prioritize(
'.important\\28 medium\\29',
skel.breakpoint('medium').active
);
});
// Nav.
var $nav = $('#stellar-nav');
if ($nav.length > 0) {
// Shrink effect.
$main
.scrollex({
mode: 'top',
enter: function() {
$nav.addClass('alt');
},
leave: function() {
$nav.removeClass('alt');
},
});
// Links.
var $nav_a = $nav.find('a');
$nav_a
.scrolly({
speed: 1000,
offset: function() { return $nav.height(); }
})
.on('click', function() {
var $this = $(this);
// External link? Bail.
if ($this.attr('href').charAt(0) != '#')
return;
// Deactivate all links.
$nav_a
.removeClass('active')
.removeClass('active-locked');
// Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section).
$this
.addClass('active')
.addClass('active-locked');
})
.each(function() {
var$this = $(this),
id = $this.attr('href'),
$section = $(id);
// No section for this link? Bail.
if ($section.length < 1)
return;
// Scrollex.
$section.scrollex({
mode: 'middle',
initialize: function() {
// Deactivate section.
if (skel.canUse('transition'))
$section.addClass('inactive');
},
enter: function() {
// Activate section.
$section.removeClass('inactive');
// No locked links? Deactivate all links and activate this section's one.
if ($nav_a.filter('.active-locked').length == 0) {
$nav_a.removeClass('active');
$this.addClass('active');
}
// Otherwise, if this section's link is the one that's locked, unlock it.
else if ($this.hasClass('active-locked'))
$this.removeClass('active-locked');
}
});
});
}
// Scrolly.
$('.scrolly').scrolly({
speed: 1000
});
});
})(jQuery);
</script>