* {
margin:0;
padding:0;
}
body, html {
height: 100%;
font-family: 'VT323', sans-serif;
}
h1 {
position: absolute;
bottom: 20px;
left: 10px;
color: white;
font-weight: 400;
font-size: 24px;
z-index: 1;
}
button{
border: none;
cursor: pointer;
font-size: 20px;
}
button:focus {outline:0;}
.grass{
position: absolute;
z-index: 2250;
width: 100%;
height: 100%;
background: url(../images/grass.png) repeat-x bottom center;
background-size: 110% auto;
}
.grass-left{
background-image: url("../images/grass-left.png");
bottom: 0;
left: 0;
position: fixed;
width: 225px;
height: 225px;
background-repeat: no-repeat;
z-index: 2500;
}
.grass-right{
background-image: url("../images/grass-right.png");
bottom: 0;
right: 0;
position: fixed;
width: 225px;
height: 225px;
background-repeat: no-repeat;
z-index: 2500;
}
.leaves{
position: absolute;
z-index: 2250;
width: 100%;
height: 100%;
background:
url(../images/leaves-top-left.png) no-repeat top left,
url(../images/leaves-top-right.png) no-repeat top right;
background-size: 25% auto;
}
/* Parallax base styles
--------------------------------------------- */
.parallax {
height: 100%;
width: auto;
overflow-x:hidden;
overflow-y: hidden;
-webkit-perspective: 1px;
perspective: 1px;
}
.parallax__layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.parallax__layer--base {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.parallax__layer--back {
-webkit-transform: translateZ(-1px) scale(2);
transform: translateZ(-1px) scale(2);
}
.parallax__layer--deep {
-webkit-transform: translateZ(-2px) scale(3);
transform: translateZ(-2px) scale(3);
}
/* add some padding to force scrollbars */
.parallax__layer {
pointer-events: none;
}
/* Art */
body {
background: -webkit-linear-gradient(#43a8cd 0%, #7adcec 100%);
background: linear-gradient(#43a8cd 0%, #7adcec 100%);
}
.background {
position: absolute;
display: block;
width: 400%;
}
.parallax__layer--deep {
}
.parallax__layer--deep .background {
opacity: 0.75;
top: -55%;
right: 0;
bottom: 0;
left: 0;
background-repeat: repeat-x;
background-position: top center;
background-size: 250vh;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTI4IDk2My4wOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0MjQyNDI7fS5jbHMtMntmaWxsOiNmZmY7fS5jbHMtM3tmaWxsOiM0YjhkM2Y7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT50cmVlLTE8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyMjguNjYsMTU0LjE0YTM1LjgzLDM1LjgzLDAsMCwwLTQuNzguMzMsMzQuNjUsMzQuNjUsMCwwLDAtMzkuNTgtMzIuMTUsMzkuMzYsMzkuMzYsMCwwLDAtNzAuMDcsMi42NGMtLjM5LDAtLjc4LDAtMS4xOCwwYTI2Ljc0LDI2Ljc0LDAsMCwwLTI1LjgyLDMzLjY5bC0uOTIsMGEzMC4yLDMwLjIsMCwxLDAsMTkuODMsNTMsMzIuMTYsMzIuMTYsMCwwLDAsNDkuMzkuNjcsMzQuODcsMzQuODcsMCwwLDAsNDksMy4xNywzNS40LDM1LjQsMCwxLDAsMjQuMTYtNjEuMjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkuOTUgNDY0LjA5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg3OS41NCwyNzlhNTguMTMsNTguMTMsMCwwLDAtMTguNTksM2MuMDUtMSwuMDgtMiwuMDgtM2E1Ni4yMSw1Ni4yMSwwLDAsMC0xMDcuMzgtMjMuMjgsNTAuNzMsNTAuNzMsMCwwLDAtNzUuMTYsMzkuMDZoLS4yN2E1OC4yNyw1OC4yNywwLDEsMCwyOC4xLDEwOS4zMiw1OC4yMiw1OC4yMiwwLDAsMCw4Mi40NiwyLjEsNTMuMjMsNTMuMjMsMCwwLDAsNzYuNjEtMTIuMzhBNTguMjcsNTguMjcsMCwxLDAsODc5LjU0LDI3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS45NSA0NjQuMDkpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTY0MS44OCwzNjMuNzZhNDkuODUsNDkuODUsMCwwLDAtNjEuNTMtNDguNDcsNTUuNDMsNTUuNDMsMCwwLDAtNTEuMjgtMzQuMzlsLTEuMTIsMGE1Ny43Niw1Ny43NiwwLDAsMC0xMTAuMzYsNS44MSw0MC45Miw0MC45MiwwLDAsMC00Ny43NCw1MC4zNiw1NC4xNiw1NC4xNiwwLDAsMCw5LjEsMTA3LjU1YzEuMjksMCwyLjU2LS4wNiwzLjgzLS4xNUE2My4xMiw2My4xMiwwLDAsMCwxNDk2LDQ3My40M2E2My4xOSw2My4xOSwwLDAsMCw4NC4yOC0xOC44N0E0NC4xMyw0NC4xMywwLDAsMCwxNjMxLjY2LDM5NCw0OS42Myw0OS42MywwLDAsMCwxNjQxLjg4LDM2My43NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS45NSA0NjQuMDkpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTIyMS4xMSwxNDcuNTRhMzUuODMsMzUuODMsMCwwLDAtNC43OC4zMywzNC42NSwzNC42NSwwLDAsMC0zOS41OC0zMi4xNSwzOS4zNiwzOS4zNiwwLDAsMC03MC4wNywyLjY0Yy0uMzksMC0uNzgsMC0xLjE4LDBBMjYuNzQsMjYuNzQsMCwwLDAsMTA3OS42OSwxNTJsLS45MiwwYTMwLjIsMzAuMiwwLDEsMCwxOS44Myw1MywzMi4xNiwzMi4xNiwwLDAsMCw0OS4zOS42NywzNC44NywzNC44NywwLDAsMCw0OSwzLjE3LDM1LjQsMzUuNCwwLDEsMCwyNC4xNi02MS4yNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS45NSA0NjQuMDkpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkzMi41NCw4OS40NGEzNS44MywzNS44MywwLDAsMC00Ljc4LjMzLDM0LjY1LDM0LjY1LDAsMCwwLTM5LjU4LTMyLjE1LDM5LjM2LDM5LjM2LDAsMCwwLTcwLjA3LDIuNjRjLS4zOSwwLS43OCwwLTEuMTgsMGEyNi43NCwyNi43NCwwLDAsMC0yNS44MiwzMy42OWwtLjkyLDBhMzAuMiwzMC4yLDAsMSwwLDE5LjgzLDUzLDMyLjE2LDMyLjE2LDAsMCwwLDQ5LjM5LjY3LDM0Ljg3LDM0Ljg3LDAsMCwwLDQ5LDMuMTcsMzUuNCwzNS40LDAsMSwwLDI0LjE2LTYxLjI2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ljk1IDQ2NC4wOSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xOTI1LDgyLjg0YTM1LjgzLDM1LjgzLDAsMCwwLTQuNzguMzNBMzQuNjUsMzQuNjUsMCwwLDAsMTg4MC42NCw1MWEzOS4zNiwzOS4zNiwwLDAsMC03MC4wNywyLjY0Yy0uMzksMC0uNzgsMC0xLjE4LDBhMjYuNzQsMjYuNzQsMCwwLDAtMjUuODIsMzMuNjlsLS45MiwwYTMwLjIsMzAuMiwwLDEsMCwxOS44Myw1MywzMi4xNiwzMi4xNiwwLDAsMCw0OS4zOS42NywzNC44NywzNC44NywwLDAsMCw0OSwzLjE3QTM1LjQsMzUuNCwwLDEsMCwxOTI1LDgyLjg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ljk1IDQ2NC4wOSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04NjcuOTMsMjY4Ljg3YTU4LjEzLDU4LjEzLDAsMCwwLTE4LjU5LDNjLjA1LTEsLjA4LTIsLjA4LTNBNTYuMjEsNTYuMjEsMCwwLDAsNzQyLDI0NS41OWE1MC43Myw1MC43MywwLDAsMC03NS4xNiwzOS4wNmgtLjI3QTU4LjI3LDU4LjI3LDAsMSwwLDY5NC43MSwzOTRhNTguMjIsNTguMjIsMCwwLDAsODIuNDYsMi4xLDUzLjIzLDUzLjIzLDAsMCwwLDc2LjYxLTEyLjM4LDU4LjI3LDU4LjI3LDAsMSwwLDE0LjE0LTExNC44WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ljk1IDQ2NC4wOSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNjMwLjQsMzUzLjcxYTQ5Ljg1LDQ5Ljg1LDAsMCwwLTYxLjUzLTQ4LjQ3LDU1LjQzLDU1LjQzLDAsMCwwLTUxLjI4LTM0LjM5bC0xLjEyLDBhNTcuNzYsNTcuNzYsMCwwLDAtMTEwLjM2LDUuODFBNDAuOTIsNDAuOTIsMCwwLDAsMTM1OC4zOCwzMjdhNTQuMTYsNTQuMTYsMCwwLDAsOS4xLDEwNy41NWMxLjI5LDAsMi41Ni0uMDYsMy44My0uMTVhNjMuMTIsNjMuMTIsMCwwLDAsMTEzLjI1LDI4Ljk0LDYzLjE5LDYzLjE5LDAsMCwwLDg0LjI4LTE4Ljg3LDQ0LjEzLDQ0LjEzLDAsMCwwLDUxLjM0LTYwLjU3QTQ5LjYzLDQ5LjYzLDAsMCwwLDE2MzAuNCwzNTMuNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkuOTUgNDY0LjA5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQxMi4yNCw0MjMuOGEyNS44NywyNS44NywwLDAsMC0zMS45My0yNS4xNSwyOC43NiwyOC43NiwwLDAsMC0yNi42MS0xNy44NGgtLjU4YTMwLDMwLDAsMCwwLTU3LjI2LDNBMjEuMjMsMjEuMjMsMCwwLDAsMjcxLjEsNDEwYTI4LjEsMjguMSwwLDAsMCw0LjcyLDU1LjhjLjY3LDAsMS4zMywwLDItLjA4YTMyLjc1LDMyLjc1LDAsMCwwLDU4Ljc2LDE1LDMyLjc5LDMyLjc5LDAsMCwwLDQzLjczLTkuNzksMjIuOSwyMi45LDAsMCwwLDI2LjY0LTMxLjQzQTI1Ljc1LDI1Ljc1LDAsMCwwLDQxMi4yNCw0MjMuOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS45NSA0NjQuMDkpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDA2LjI5LDQxOC41OWEyNS44NywyNS44NywwLDAsMC0zMS45My0yNS4xNSwyOC43NiwyOC43NiwwLDAsMC0yNi42MS0xNy44NGgtLjU4YTMwLDMwLDAsMCwwLTU3LjI2LDMsMjEuMjMsMjEuMjMsMCwwLDAtMjQuNzcsMjYuMTMsMjguMSwyOC4xLDAsMCwwLDQuNzIsNTUuOGMuNjcsMCwxLjMzLDAsMi0uMDhhMzIuNzUsMzIuNzUsMCwwLDAsNTguNzYsMTUsMzIuNzksMzIuNzksMCwwLDAsNDMuNzMtOS43OUEyMi45LDIyLjksMCwwLDAsNDAxLDQzNC4yNywyNS43NSwyNS43NSwwLDAsMCw0MDYuMjksNDE4LjU5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ljk1IDQ2NC4wOSkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjguNTEsMTU3LjA1QTQ5Ljg1LDQ5Ljg1LDAsMCwwLDMwNywxMDguNTgsNTUuNDMsNTUuNDMsMCwwLDAsMjU1LjcsNzQuMTlsLTEuMTIsMEE1Ny43Niw1Ny43NiwwLDAsMCwxNDQuMjMsODBhNDAuOTIsNDAuOTIsMCwwLDAtNDcuNzQsNTAuMzYsNTQuMTYsNTQuMTYsMCwwLDAsOS4xLDEwNy41NWMxLjI5LDAsMi41Ni0uMDYsMy44My0uMTVhNjMuMTIsNjMuMTIsMCwwLDAsMTEzLjI1LDI4Ljk0QTYzLjE5LDYzLjE5LDAsMCwwLDMwNywyNDcuODZhNDQuMTMsNDQuMTMsMCwwLDAsNTEuMzQtNjAuNTdBNDkuNjMsNDkuNjMsMCwwLDAsMzY4LjUxLDE1Ny4wNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS45NSA0NjQuMDkpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMzU3LDE0N0E0OS44NSw0OS44NSwwLDAsMCwyOTUuNSw5OC41NGE1NS40Myw1NS40MywwLDAsMC01MS4yOC0zNC4zOWwtMS4xMiwwQTU3Ljc2LDU3Ljc2LDAsMCwwLDEzMi43NSw3MCw0MC45Miw0MC45MiwwLDAsMCw4NSwxMjAuMzRhNTQuMTYsNTQuMTYsMCwwLDAsOS4xLDEwNy41NWMxLjI5LDAsMi41Ni0uMDYsMy44My0uMTVBNjMuMTIsNjMuMTIsMCwwLDAsMjExLjIsMjU2LjY4YTYzLjE5LDYzLjE5LDAsMCwwLDg0LjI4LTE4Ljg3LDQ0LjEzLDQ0LjEzLDAsMCwwLDUxLjM0LTYwLjU3QTQ5LjYzLDQ5LjYzLDAsMCwwLDM1NywxNDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkuOTUgNDY0LjA5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE4NjYuNTEtNDY0LjA5djBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkuOTUgNDY0LjA5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE4NjYuNTEtNDc5Ljg5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkuOTUgNDY0LjA5KSIvPjwvc3ZnPg==);
}
.parallax__layer--back {
}
.parallax__layer--back .background {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: repeat-x;
background-position: bottom center;
background-size: 300vh;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfNCIgZGF0YS1uYW1lPSJMYXllciA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzkwLjI5IDYxMS44NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0OTU5MjE7fS5jbHMtMntmaWxsOm5vbmU7fS5jbHMtM3tmaWxsOiMyNjMwMDc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT50cmVlLTE8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1MzYuMDgsMTQ1LjcxYTM2LjQsMzYuNCwwLDAsMC0xLjA5LTE1Yy0xNS4wOSwxNC0xMy4wNSwzMC40NC0xMS44OCwzNWE0MC4wNSw0MC4wNSwwLDAsMC0uMzgsMTAuNDEsNDIsNDIsMCwwLDEtNS40LTEwLjdjMS44OC00LjA3LDcuOTUtMjAuMzctNi43NS0zNi4zMS03LDE5LjM1LDIuNCwzMyw1LjUzLDM2LjUzYTQzLjQ1LDQzLjQ1LDAsMCwwLDYuMjIsMTIsNDIuOSw0Mi45LDAsMCwwLTEwLjE3LTguMTFjLTIuNzktMy43Ny0xNC4zMS0xNS43MS0zNC42Ny0xMi43OCwxMi42NSwxNy42LDI5Ljg1LDE0Ljk0LDM0LjIxLDEzLjkzYTQxLjY1LDQxLjY1LDAsMCwxLDkuMTksNy4yNCwzNi4xMSwzNi4xMSwwLDAsMC03LTEuN2MtNC0yLjUyLTE5LTkuNTQtMzcsLjUsMTguMTMsMTEuOSwzMy4yMywzLjI1LDM2LjkzLjc1YTM4LjM3LDM4LjM3LDAsMCwxLDkuMjEsMi42di4wN2wuMDgsMCwuMDksMCwuMDYsMGEuNjEuNjEsMCwwLDAsLjU4LjI0LjYyLjYyLDAsMCwwLC40OS0uNzFsMC0uMTEsMCwwLDAtLjEuMDgtLjA1LS4wNywwYTM4LjM5LDM4LjM5LDAsMCwxLDIuNjMtOS4yYzQuMDctMS44MywxOS4zNy0xMC4xMywxOC43Ny0zMS44MUE0MS40LDQxLjQsMCwwLDAsMTUzNi4wOCwxNDUuNzFaTTE1MjMsMTc4LjN2MGwwLDBabTMtOC44NWEzNS4yNCwzNS4yNCwwLDAsMC0yLjA3LDYuMjMsMzkuMDUsMzkuMDUsMCwwLDEsLjM1LTkuNjUsMjguNzMsMjguNzMsMCwwLDAsMi4yNi0yQTI3Ljg4LDI3Ljg4LDAsMCwwLDE1MjYsMTY5LjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05MzIuOTIsMzUzYTQyLjEyLDQyLjEyLDAsMCwwLDYtMTYuMzhjLTIyLjU2LDcuNTgtMjguMjUsMjUuOS0yOS4xNywzMS4yNmE0Ni4zNCw0Ni4zNCwwLDAsMC01LjM1LDEwLjgsNDguNTgsNDguNTgsMCwwLDEtLjYxLTEzLjg1YzMuOTEtMy40LDE4LjA3LTE3LjcxLDEwLjE1LTQxLjUxLTE2LjU2LDE3LjEtMTMuMTgsMzYtMTEuNTQsNDEuMTdhNTAuMjcsNTAuMjcsMCwwLDAsLjgzLDE1LjY1LDQ5LjY0LDQ5LjY0LDAsMCwwLTYuODctMTMuMzljLTEuMTUtNS4zMS03LjYyLTIzLjM3LTMwLjQ5LTMwLDUsMjQuNTksMjQuMzgsMzAsMjkuNDYsMzFhNDguMTksNDguMTksMCwwLDEsNi4yNSwxMiw0MS43OCw0MS43OCwwLDAsMC02LjU2LTUuMTJjLTMtNC41NS0xNS41LTE5LjA5LTM5LjIyLTE3LjA1LDEzLjQ2LDIxLjE3LDMzLjUxLDE5LjIzLDM4LjYsMTguMzVhNDQuMzksNDQuMzksMCwwLDEsOC40OCw3LjEzbDAsLjA3SDkwM2wuMDguMDhoLjA5YS43LjcsMCwwLDAsLjUuNTMuNzIuNzIsMCwwLDAsLjg2LS41MmwwLS4xM2guMDZsLjA2LS4xLjExLDAtLjA2LS4wNmE0NC40Miw0NC40MiwwLDAsMSw3LjE1LTguNDZjNS4xNiwwLDI1LjI1LTEuNDgsMzQuOTItMjQuNjNBNDcuOSw0Ny45LDAsMCwwLDkzMi45MiwzNTNaTTkwMy41OSwzODEuMXYwbDAtLjA2Wm03LjQxLTcuODlhNDAuNzcsNDAuNzcsMCwwLDAtNS4xNSw1LjU4LDQ1LjE4LDQ1LjE4LDAsMCwxLDUtMTAsMzMuMjQsMzMuMjQsMCwwLDAsMy4zMS0xQTMyLjI1LDMyLjI1LDAsMCwwLDkxMSwzNzMuMjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQyOS45MiwzMmEyNywyNywwLDAsMCwxLTExLjEyYy0xMi42OCw4LjQ0LTEzLjE0LDIwLjcyLTEyLjgxLDI0LjE4YTI5LjY2LDI5LjY2LDAsMCwwLTEuNTEsNy41NiwzMS4wOSwzMS4wOSwwLDAsMS0yLjY5LTguNDZjMS44NS0yLjc1LDguMjEtMTQtLjY1LTI3LjM1LTcuMzgsMTMuMzMtMi4xNCwyNC40NC0uMjcsMjcuMzZhMzIuMTgsMzIuMTgsMCwwLDAsMy4xMiw5LjUzLDMxLjc3LDMxLjc3LDAsMCwwLTYuNDgtNy4xM0M0MDgsNDMuNDksNDAxLDMzLjQxLDM4NS43OSwzMy4xNWM3LjE3LDE0LjM2LDIwLjA2LDE0LjQ1LDIzLjM3LDE0LjIyQTMwLjg0LDMwLjg0LDAsMCwxLDQxNSw1My43NGEyNi43NCwyNi43NCwwLDAsMC00LjktMi4wN2MtMi42LTIuMzEtMTIuNzYtOS4yMS0yNy4wOC00QzM5NC44OSw1OC41MSw0MDcsNTQsNDA5Ljk1LDUyLjU4YTI4LjQxLDI4LjQxLDAsMCwxLDYuNDMsM2wwLDAsLjA3LDAsLjA2LDAsLjA1LDBhLjQ1LjQ1LDAsMCwwLC40LjI0LjQ2LjQ2LDAsMCwwLC40NC0uNDZ2LS4wOGgwbDAtLjA3LjA2LDAsMCwwYTI4LjQzLDI4LjQzLDAsMCwxLDMtNi40MmMzLjE5LS44NiwxNS4zNi01LjEyLDE3LjQ3LTIxQTMwLjY2LDMwLjY2LDAsMCwwLDQyOS45MiwzMlpNNDE2LjQ5LDU0LjI4djBsMCwwWm0zLjI3LTYuMTFhMjYuMSwyNi4xLDAsMCwwLTIuMjUsNC4zMSwyOC45MiwyOC45MiwwLDAsMSwxLjQtNywyMS4yOCwyMS4yOCwwLDAsMCwxLjg4LTEuMTdBMjAuNjQsMjAuNjQsMCwwLDAsNDE5Ljc2LDQ4LjE3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzk2LjM1LDIwOC40NmMtNS42NCw3LjI1LTExLjczLDgtMTEuNjgsOC4zOC0yLjg0LTE2LjIzLDctMjguNjYsNy0yOC42NmEzNi4zNCwzNi4zNCwwLDAsMC01LjEyLDdsLjE2LS4yOGMtMi42MS0yLTQuMjQtOC41Mi00LjI0LTguNTIuOTIsNy43LDMuMTgsMTAuNTMsMy4xOCwxMC41My4xOC0uMzcuNDgtMSwuNzItMS4zOWEzNi42NSwzNi42NSwwLDAsMC0zLjg4LDExLjNsMC0uMjljLTEuNjEtNC4yLTYuNjctNy4zNi02LjY3LTcuMzYsNC4wOSwzLjg3LDYuMjEsMTAuNyw2LjIxLDEwLjcsMC0uMTUsMC0uNDEuMDgtLjcxYTQ5LjQ4LDQ5LjQ4LDAsMCwwLDIuODgsMjIuMzRsNS41Ni0uMjRhMzguMjEsMzguMjEsMCwwLDEtNS41LTEyLjNjLjA5LjMyLjE1LjUxLjE1LjUxQzE3OTEuMzMsMjE2LjQxLDE3OTYuMzUsMjA4LjQ2LDE3OTYuMzUsMjA4LjQ2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzg4LjY1LDIwOS4zOXMtMy4wOC0xNi44MSwyNi43Mi0xNy43MmMwLDAtMi4zMiwyNi0yMC40MiwyNC43NywwLDAsNi4zOC01LjgyLDYuMTEtMTIuMTZDMTgwMSwyMDQuMjgsMTc5NS44OCwyMDIuNTMsMTc4OC42NSwyMDkuMzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3NzUuODMsMjAzLjkzcy0xMy40MSwzLjM3LTE1LjcyLTIwLjYzYzAsMCwyMS4wOC41LDIxLjA4LDE1LjE3LDAsMC01LTQuODQtMTAuMTQtNC4yOUMxNzcxLjA1LDE5NC4xOSwxNzY5LjkyLDE5OC40NSwxNzc1LjgzLDIwMy45M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4Ny43LDE4Ny45M3MtMi43Ny0xMC4yOSwxNS43MS0xMi4zN2MwLDAtLjEzLDE2LjI2LTExLjQ0LDE2LjQ0LDAsMCwzLjY3LTMuOTQsMy4xOC03Ljg3QzE3OTUuMTUsMTg0LjEzLDE3OTEuODUsMTgzLjMsMTc4Ny43LDE4Ny45M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4MC4zOSwxODguMjlzLTcuNDItMi4yOC0xLjU1LTE0LjQ4YzAsMCwxMCw2LjM3LDUuNzEsMTMuNDIsMCwwLTEtMy43OS0zLjYzLTVDMTc4MC45MywxODIuMjIsMTc3OS4xNCwxODMuOTQsMTc4MC4zOSwxODguMjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTAsMFY2MTEuODVIMTY4MC40OGMtMTUuMjctMzkuMzYtMjQuMS04NS45MS0yNC4xLTEzNS44MSwwLTE0MS4yNSw3MC43NC0yNTUuNzYsMTU4LTI1NS43NnMxNTgsMTE0LjUxLDE1OCwyNTUuNzZjMCw0OS45LTguODQsOTYuNDYtMjQuMSwxMzUuODFoNDQyVjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE4MjcuMzcsMjIwLjI4Yy04Ny4yNiwwLTE1OCwxMTQuNTEtMTU4LDI1NS43NiwwLDQ5LjksOC44NCw5Ni40NiwyNC4xLDEzNS44MWgyNjcuNzhjMTUuMjctMzkuMzYsMjQuMS04NS45MSwyNC4xLTEzNS44MUMxOTg1LjM3LDMzNC43OCwxOTE0LjYzLDIyMC4yOCwxODI3LjM3LDIyMC4yOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTgxNC4zNywyMjAuMjhjLTg3LjI2LDAtMTU4LDExNC41MS0xNTgsMjU1Ljc2LDAsNDkuOSw4Ljg0LDk2LjQ2LDI0LjEsMTM1LjgxaDI2Ny43OGMxNS4yNy0zOS4zNiwyNC4xLTg1LjkxLDI0LjEtMTM1LjgxQzE5NzIuMzcsMzM0Ljc4LDE5MDEuNjMsMjIwLjI4LDE4MTQuMzcsMjIwLjI4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0wLDBWNjExLjg1SDcyNC4xNmM3LjM2LTEzMi4xLDg4LjU4LTIzNi4xOCwxODcuNjktMjM2LjE4czE4MC4zMywxMDQuMDgsMTg3LjY5LDIzNi4xOEgyMzkwLjI5VjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTkyNC44NSwzNzUuNjdjLTk5LjExLDAtMTgwLjMzLDEwNC4wOC0xODcuNjksMjM2LjE4aDM3NS4zOEMxMTA1LjE4LDQ3OS43NCwxMDI0LDM3NS42Nyw5MjQuODUsMzc1LjY3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05MTEuODUsMzc1LjY3Yy05OS4xMSwwLTE4MC4zMywxMDQuMDgtMTg3LjY5LDIzNi4xOGgzNzUuMzhDMTA5Mi4xOCw0NzkuNzQsMTAxMSwzNzUuNjcsOTExLjg1LDM3NS42N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMCwwVjYxMS44NUgzMDYuNjRjLTEwLjY3LTUzLjItMTYuNy0xMTMuNjItMTYuNy0xNzcuNywwLTIxMy4zMiw2Ni44Mi0zODYuMjYsMTQ5LjI0LTM4Ni4yNlM1ODguNDMsMjIwLjgzLDU4OC40Myw0MzQuMTVjMCw2NC4wOC02LDEyNC41LTE2LjcsMTc3LjdIMjM5MC4yOVYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00NTIuMTgsNDcuODljLTgyLjQzLDAtMTQ5LjI0LDE3Mi45My0xNDkuMjQsMzg2LjI2LDAsNjQuMDgsNiwxMjQuNSwxNi43LDE3Ny43SDU4NC43M2MxMC42Ny01My4yLDE2LjctMTEzLjYyLDE2LjctMTc3LjdDNjAxLjQzLDIyMC44Myw1MzQuNjEsNDcuODksNDUyLjE4LDQ3Ljg5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00MzkuMTgsNDcuODljLTgyLjQzLDAtMTQ5LjI0LDE3Mi45My0xNDkuMjQsMzg2LjI2LDAsNjQuMDgsNiwxMjQuNSwxNi43LDE3Ny43SDU3MS43M2MxMC42Ny01My4yLDE2LjctMTEzLjYyLDE2LjctMTc3LjdDNTg4LjQzLDIyMC44Myw1MjEuNjEsNDcuODksNDM5LjE4LDQ3Ljg5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0wLDBWNjExLjg1SDE0Mi43NWE4MjUuMyw4MjUuMywwLDAsMS0yMS4yMi04NkM4NS43LDMzOC43LDExOC42NSwxNzUuMTIsMTk1LjExLDE2MC40OXMxNjcuNDgsMTI1LjIzLDIwMy4zLDMxMi4zOWM5LjMxLDQ4LjY1LDE0LDk1LjcxLDE0LjQzLDEzOUgyMzkwLjI5VjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIwOC4xMSwxNjAuNDlDMTMxLjY1LDE3NS4xMiw5OC43LDMzOC43LDEzNC41Miw1MjUuODdhODI1LjMsODI1LjMsMCwwLDAsMjEuMjIsODZINDI1LjgzYy0uNDYtNDMuMjctNS4xMS05MC4zMi0xNC40My0xMzlDMzc1LjU5LDI4NS43MiwyODQuNTcsMTQ1Ljg1LDIwOC4xMSwxNjAuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE5NS4xMSwxNjAuNDlDMTE4LjY1LDE3NS4xMiw4NS43LDMzOC43LDEyMS41Miw1MjUuODdhODI1LjMsODI1LjMsMCwwLDAsMjEuMjIsODZINDEyLjgzYy0uNDYtNDMuMjctNS4xMS05MC4zMi0xNC40My0xMzlDMzYyLjU5LDI4NS43MiwyNzEuNTcsMTQ1Ljg1LDE5NS4xMSwxNjAuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTAsMFY2MTEuODVINTY1LjkzYTgyNC40Myw4MjQuNDMsMCwwLDEtNi43OC0xMDYuNjJjMC0xOTAuNTYsNjIuMjktMzQ1LDEzOS4xMi0zNDVzMTM5LjEyLDE1NC40OCwxMzkuMTIsMzQ1YTgyNC40Myw4MjQuNDMsMCwwLDEtNi43OCwxMDYuNjJIMjM5MC4yOVYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik03MTEuMjcsMTYwLjE5Yy03Ni44MywwLTEzOS4xMiwxNTQuNDgtMTM5LjEyLDM0NWE4MjQuNDMsODI0LjQzLDAsMCwwLDYuNzgsMTA2LjYySDg0My42MWE4MjQuNDMsODI0LjQzLDAsMCwwLDYuNzgtMTA2LjYyQzg1MC4zOSwzMTQuNjcsNzg4LjExLDE2MC4xOSw3MTEuMjcsMTYwLjE5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02OTguMjcsMTYwLjE5Yy03Ni44MywwLTEzOS4xMiwxNTQuNDgtMTM5LjEyLDM0NWE4MjQuNDMsODI0LjQzLDAsMCwwLDYuNzgsMTA2LjYySDgzMC42MWE4MjQuNDMsODI0LjQzLDAsMCwwLDYuNzgtMTA2LjYyQzgzNy4zOSwzMTQuNjcsNzc1LjExLDE2MC4xOSw2OTguMjcsMTYwLjE5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0wLDBWNjExLjg1SDE5MjUuNjFjLTIuNTQtMzIuMjMtMy44OS02NS42OC0zLjg5LTEwMCwwLTI1OS42NCw3Ni43My00NzAuMTIsMTcxLjM4LTQ3MC4xMnMxNzEuMzgsMjEwLjQ4LDE3MS4zOCw0NzAuMTJjMCwzNC4zMi0xLjM0LDY3Ljc3LTMuODksMTAwaDEyOS43VjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIxMDYuMSw0MS43M2MtOTQuNjUsMC0xNzEuMzgsMjEwLjQ4LTE3MS4zOCw0NzAuMTIsMCwzNC4zMiwxLjM0LDY3Ljc3LDMuODksMTAwaDMzNWMyLjU0LTMyLjIzLDMuODktNjUuNjgsMy44OS0xMDBDMjI3Ny40OCwyNTIuMjEsMjIwMC43NSw0MS43MywyMTA2LjEsNDEuNzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwOTMuMSw0MS43M2MtOTQuNjUsMC0xNzEuMzgsMjEwLjQ4LTE3MS4zOCw0NzAuMTIsMCwzNC4zMiwxLjM0LDY3Ljc3LDMuODksMTAwaDMzNWMyLjU0LTMyLjIzLDMuODktNjUuNjgsMy44OS0xMDBDMjI2NC40OCwyNTIuMjEsMjE4Ny43NSw0MS43MywyMDkzLjEsNDEuNzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTAsMFY2MTEuODVIMTM4NHEtLjM1LTEzLS4zNy0yNi4xOWMwLTIzNSw4NC4yOC00MjUuNDcsMTg4LjI0LTQyNS40N3MxODguMjQsMTkwLjQ5LDE4OC4yNCw0MjUuNDdxMCwxMy4xOS0uMzcsMjYuMTloNjMwLjU0VjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1ODQuODgsMTYwLjE5Yy0xMDQsMC0xODguMjQsMTkwLjQ5LTE4OC4yNCw0MjUuNDdxMCwxMy4xOS4zNywyNi4xOWgzNzUuNzRxLjM1LTEzLC4zNy0yNi4xOUMxNzczLjEyLDM1MC42OCwxNjg4Ljg0LDE2MC4xOSwxNTg0Ljg4LDE2MC4xOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU3MS44OCwxNjAuMTljLTEwNCwwLTE4OC4yNCwxOTAuNDktMTg4LjI0LDQyNS40N3EwLDEzLjE5LjM3LDI2LjE5aDM3NS43NHEuMzUtMTMsLjM3LTI2LjE5QzE3NjAuMTIsMzUwLjY4LDE2NzUuODQsMTYwLjE5LDE1NzEuODgsMTYwLjE5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48L3N2Zz4=);
}
.parallax__layer--base{
}
.parallax__layer--base .background {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: repeat-x;
background-position: bottom center;
background-size: 200vh;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTUxLjIyIDU1Mi4wNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0YjhkM2Y7fS5jbHMtMntmaWxsOm5vbmU7fS5jbHMtM3tmaWxsOiMwOTViMDk7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT50cmVlLTE8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ1My42OSwyNDIuNjJhMzAuMywzMC4zLDAsMCwwLDEwLjM2LTcuMDhjLTE2LjM3LTUtMjcuMzYsMy4zNS0zMC4xNCw2LjA5YTMzLjMzLDMzLjMzLDAsMCwwLTcuNjUsNC4wOCwzNC45NCwzNC45NCwwLDAsMSw1LjQzLTguMzZjMy43MS0uMzUsMTgtMi44MSwyMy4zLTIwLTE2Ljg0LDMuMDgtMjIuNzYsMTUuNTUtMjQsMTkuMjZhMzYuMTYsMzYuMTYsMCwwLDAtNi4wNiw5LjUxLDM1LjcsMzUuNywwLDAsMCwxLjU4LTEwLjcxYzEuNTUtMy41OSw1LjMxLTE2Ljg2LTUuMzEtMzAuMjgtNy4zNywxNi40NywxLjc0LDI3LjczLDQuMjksMzAuNDNhMzQuNjYsMzQuNjYsMCwwLDEtMS4zNiw5LjY0LDMwLDMwLDAsMCwwLTEuNy01Ljc0Yy4xNi0zLjkxLTEuMDktMTcuNjUtMTUuODItMjYuMzgtMSwxOCwxMS41NywyNS4yNiwxNC45MSwyNi44OGEzMS45MywzMS45MywwLDAsMSwyLDcuNzFsLS4wNSwwLC4wNiwwdi4wOGwuMDYsMGEuNTEuNTEsMCwwLDAsLjA3LjUyLjUxLjUxLDAsMCwwLC43Mi4wNmwuMDctLjA2LDAsMCwuMDgsMCwuMDcsMHYtLjA2YTMyLDMyLDAsMCwxLDcuNzItMmMzLDIuMTYsMTUuMzksOS42OSwzMC43My4xOUEzNC40NSwzNC40NSwwLDAsMCw0NTMuNjksMjQyLjYyWm0tMjguOTMsNC4yaDB2MFptNy42NC0xLjUyYTI5LjMyLDI5LjMyLDAsMCwwLTUuMzUsMS4xMSwzMi41LDMyLjUsMCwwLDEsNy4wOS0zLjc4LDIzLjkxLDIzLjkxLDAsMCwwLDIuMzYuOEEyMy4yLDIzLjIsMCwwLDAsNDMyLjQsMjQ1LjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03ODMuODksMzAxLjM3Yy01LjQ3LDguMDYtMTEuODcsOS4yMi0xMS43OSw5LjY2LTQuMS0xNyw1LjQ5LTMwLjgsNS40OS0zMC44YTM4LjUzLDM4LjUzLDAsMCwwLTQuOTUsNy44bC4xNS0uMzFjLTIuOS0yLTUuMDYtOC43Mi01LjA2LTguNzIsMS41LDguMDgsNC4wOCwxMC45Miw0LjA4LDEwLjkyLjE2LS40MS40NS0xLC42Ny0xLjUyYTM4Ljg2LDM4Ljg2LDAsMCwwLTMuMzQsMTIuMjJsMC0uMzFjLTItNC4zNC03LjU2LTcuMzQtNy41Ni03LjM0LDQuNTksMy44Miw3LjI5LDEwLjksNy4yOSwxMC45LDAtLjE2LDAtLjQzLDAtLjc1YTUyLjQ2LDUyLjQ2LDAsMCwwLDQuNTYsMjMuNDVsNS44Ny0uNjNhNDAuNTIsNDAuNTIsMCwwLDEtNi42NS0xMi42NGMuMTIuMzQuMTkuNTMuMTkuNTNDNzc5LjEyLDMxMC4xMyw3ODMuODksMzAxLjM3LDc4My44OSwzMDEuMzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NzUuOCwzMDIuODhzLTQuNC0xNy41OCwyNy4wNy0yMC41NmMwLDAtLjY5LDI3LjYyLTE5LjkzLDI3LjYsMCwwLDYuMzUtNi41OSw1LjY0LTEzLjI5Qzc4OC41OCwyOTYuNjMsNzgzLDI5NS4xMyw3NzUuOCwzMDIuODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NjEuODcsMjk4cy0xNCw0LjQ4LTE4LTIwLjc2YzAsMCwyMi4zMy0uOSwyMy4zMywxNC42MywwLDAtNS42NS00Ljc4LTExLTMuODVDNzU2LjE1LDI4OCw3NTUuMjQsMjkyLjU3LDc2MS44NywyOThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NzMuMzQsMjgwLjI0cy0zLjYyLTEwLjcsMTUuNzktMTQuMTVjMCwwLDEsMTcuMjEtMTEsMTguMTcsMCwwLDMuNjEtNC40MiwyLjgzLTguNTRDNzgxLDI3NS43MSw3NzcuNDIsMjc1LjA2LDc3My4zNCwyODAuMjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NjUuNjMsMjgxLjExcy04LTEuOTEtMi42Mi0xNS4yMmMwLDAsMTEsNi4wNiw3LDEzLjgxLDAsMC0xLjMzLTMuOTQtNC4xOC01LjA1Qzc2NS43OSwyNzQuNjUsNzY0LDI3Ni41OSw3NjUuNjMsMjgxLjExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2IDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTYzMC44NSwzMTcuMjRjLTQuNjQsNi4yOC05LjgxLDctOS43Niw3LjM3LTIuNzUtMTMuNzQsNS4zOC0yNC41Miw1LjM4LTI0LjUyYTMwLjkxLDMwLjkxLDAsMCwwLTQuMjEsNi4xbC4xMy0uMjVjLTIuMjYtMS42Ny0zLjc4LTcuMTUtMy43OC03LjE1Ljk0LDYuNTMsMi45Myw4Ljg5LDIuOTMsOC44OS4xNC0uMzIuMzktLjgyLjU5LTEuMmEzMS4xNywzMS4xNywwLDAsMC0zLjA3LDkuNjlsMC0uMjVjLTEuNDUtMy41NC01LjgyLTYuMTItNS44Mi02LjEyLDMuNTYsMy4yMSw1LjUsOSw1LjUsOXMwLS4zNS4wNi0uNmE0Mi4wOSw0Mi4wOSwwLDAsMCwyLjkxLDE4Ljk0bDQuNzMtLjMyYTMyLjUxLDMyLjUxLDAsMCwxLTQuOTMtMTAuMzRjLjA4LjI3LjE0LjQzLjE0LjQzQzE2MjYuNzUsMzI0LjEsMTYzMC44NSwzMTcuMjQsMTYzMC44NSwzMTcuMjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNjI0LjMyLDMxOC4xOXMtMy0xNC4yMywyMi4zNS0xNS42MmMwLDAtMS40MywyMi4xMi0xNi44NiwyMS40OSwwLDAsNS4zLTUuMDgsNC45NC0xMC40N0MxNjM0Ljc2LDMxMy41OCwxNjMwLjMzLDMxMi4yMSwxNjI0LjMyLDMxOC4xOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2MTMuMzEsMzEzLjgxUzE2MDIsMzE3LDE1OTkuNTEsMjk2LjZjMCwwLDE3LjkzLDAsMTguMjQsMTIuNDcsMCwwLTQuMzgtNC04LjcxLTMuNDNDMTYwOSwzMDUuNjMsMTYwOC4xNiwzMDkuMjgsMTYxMy4zMSwzMTMuODFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNjIzLjA2LDMwMHMtMi41Ny04LjcsMTMuMTEtMTAuODVjMCwwLC4yMywxMy44My05LjM5LDE0LjIyLDAsMCwzLTMuNDMsMi41NC02Ljc2QzE2MjkuMzIsMjk2LjU3LDE2MjYuNSwyOTUuOTQsMTYyMy4wNiwzMDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNjE2Ljg2LDMwMC40MXMtNi4zNi0xLjc4LTEuNjItMTIuMjhjMCwwLDguNjIsNS4yMSw1LjE0LDExLjI5LDAsMC0uOTQtMy4yLTMuMTktNC4xOEMxNjE3LjE5LDI5NS4yNCwxNjE1LjcxLDI5Ni43NCwxNjE2Ljg2LDMwMC40MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM2LDBWNTUyLjA2SDE2NjkuMThjMC0uMTcsMC0uMzUsMC0uNTItMTEuMy0xNTgsNzYuMzYtMjkzLDE5NS44LTMwMS41NVMyMDkwLjM3LDM2Mi42LDIxMDEuNjcsNTIwLjZxMS4xNCwxNS45Ljk0LDMxLjQ1aDg0LjYxVjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMDgwLjY3LDUxOS42Yy0xMS4zLTE1OC0xMTcuMjgtMjc5LjE2LTIzNi43Mi0yNzAuNjJzLTIwNy4xLDE0My41NS0xOTUuOCwzMDEuNTVjMCwuMTcsMCwuMzUsMCwuNTJoNDMzLjQzUTIwODEuNzgsNTM1LjUxLDIwODAuNjcsNTE5LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMTAxLjY3LDUyMC42Yy0xMS4zLTE1OC0xMTcuMjgtMjc5LjE2LTIzNi43Mi0yNzAuNjJzLTIwNy4xLDE0My41NS0xOTUuOCwzMDEuNTVjMCwuMTcsMCwuMzUsMCwuNTJoNDMzLjQzUTIxMDIuNzgsNTM2LjUxLDIxMDEuNjcsNTIwLjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zNiwwVjU1Mi4wNkgxMDQ1LjY0YzMwLjQxLTEyNCwxMDguNjItMjE1LjQ1LDIxMC4zMi0yMjguNTEsMTE4LjkxLTE1LjI3LDIzMy44Miw4MS4zMSwyODguNjEsMjI4LjUxaDY0Mi42NVYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2IDApIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTIzNSwzMjIuNTVjLTEwMS43LDEzLjA2LTE3OS45MSwxMDQuNTMtMjEwLjMyLDIyOC41MWg0OTguOTNDMTQ2OC43OCw0MDMuODYsMTM1My44NywzMDcuMjgsMTIzNSwzMjIuNTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMjU2LDMyMy41NWMtMTAxLjcsMTMuMDYtMTc5LjkxLDEwNC41My0yMTAuMzIsMjI4LjUxaDQ5OC45M0MxNDg5Ljc4LDQwNC44NiwxMzc0Ljg3LDMwOC4yOCwxMjU2LDMyMy41NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM2LDBWNTUyLjA2aDY1LjkxYzEzLjc2LTE4NS4zMiwxMTcuMTktMzI5LjM1LDI0Mi43NS0zMjkuMzVzMjI5LDE0NCwyNDIuNzUsMzI5LjM1SDIxODcuMjJWMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTMyMy42NiwyMjEuNzFjLTEyNS41NiwwLTIyOSwxNDQtMjQyLjc1LDMyOS4zNWg0ODUuNUM1NTIuNjYsMzY1LjczLDQ0OS4yMiwyMjEuNzEsMzIzLjY2LDIyMS43MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM0NC42NiwyMjIuNzFjLTEyNS41NiwwLTIyOSwxNDQtMjQyLjc1LDMyOS4zNWg0ODUuNUM1NzMuNjYsMzY2LjczLDQ3MC4yMiwyMjIuNzEsMzQ0LjY2LDIyMi43MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM2LDBWNTUyLjA2SDEzNDMuNTZjNy42Ny0xMjcuMzEsMTEzLjMyLTIyOC4xOSwyNDIuNTUtMjI4LjE5UzE4MjEsNDI0Ljc1LDE4MjguNjYsNTUyLjA2aDM1OC41NVYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2IDApIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTU2NS4xMSwzMjIuODdjLTEyOS4yMywwLTIzNC44OSwxMDAuODgtMjQyLjU1LDIyOC4xOWg0ODUuMTFDMTgwMCw0MjMuNzUsMTY5NC4zNCwzMjIuODcsMTU2NS4xMSwzMjIuODdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNTg2LjExLDMyMy44N2MtMTI5LjIzLDAtMjM0Ljg5LDEwMC44OC0yNDIuNTUsMjI4LjE5aDQ4NS4xMUMxODIxLDQyNC43NSwxNzE1LjM0LDMyMy44NywxNTg2LjExLDMyMy44N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM2LDBWNTUyLjA2SDUxMC4zNmMwLTEzMy4wNiw5OC40NS0yNDAuOTMsMjE5Ljg4LTI0MC45M1M5NTAuMTMsNDE5LDk1MC4xMyw1NTIuMDZIMjE4Ny4yMlYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2IDApIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNzA5LjI1LDMxMC4xMmMtMTIxLjQ0LDAtMjE5Ljg4LDEwNy44Ny0yMTkuODgsMjQwLjkzSDkyOS4xM0M5MjkuMTMsNDE4LDgzMC42OCwzMTAuMTIsNzA5LjI1LDMxMC4xMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNiAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTczMC4yNSwzMTEuMTJjLTEyMS40NCwwLTIxOS44OCwxMDcuODctMjE5Ljg4LDI0MC45M0g5NTAuMTNDOTUwLjEzLDQxOSw4NTEuNjgsMzExLjEyLDczMC4yNSwzMTEuMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYgMCkiLz48L3N2Zz4=);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.parallax__layer--deep .background{
background-image: url(../images/clouds.png);
top: 10%;
right: 0;
bottom: 0;
left: 0;
background-repeat: repeat-x;
background-position: top center;
background-size: 200vh;
}
.parallax__layer--back .background {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: repeat-x;
background-position: bottom center;
background-size: 250vh;
background-image: url(../images/hills-back-1.png);
}
.parallax__layer--base .background {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: repeat-x;
background-position: bottom center;
background-size: 200vh;
background-image: url(../images/hills-base-1.png);
}
}
ul.thumbs{
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
ul.thumbs > li{
display: inline-block;
margin: 12px;
background: whitesmoke;
width: calc(31.33% - 24px - 1em);
position: relative;
border:.5em solid whitesmoke;
overflow: hidden;
-webkit-box-shadow: 10px 10px 0px -3px rgba(0,0,0,0.24);
-moz-box-shadow: 10px 10px 0px -3px rgba(0,0,0,0.24);
box-shadow: 10px 10px 0px -3px rgba(0,0,0,0.24);
}
ul.thumbs > li > .trigger-overlay > img{
position: relative;
z-index: 5;
width:100%;
display: block;
transition: all 0.3s;
}
ul.thumbs > li > .trigger-overlay > img:hover{
z-index: 10;
cursor: pointer;
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.in-thumbs { animation: in 1s ease; }
.out-thumbs { animation: out 1s ease; }
@keyframes
in-thumbs { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes
out-thumbs { 0% {
opacity: 1;
}
90%, 100% {
opacity: 0;
}
}
.thumb-over{
opacity: 0;
font-size: 28px;
color: #fff;
text-align: center;
position: absolute;
font-family: 'Nanum Pen Script', cursive;
top:-50%;
border: 0;
width: 100%;
background: #be3633;
padding:10px 0;
z-index: 15;
pointer-events:none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
/*
Introduced in IE 10.
See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
*/
-ms-user-select: none;
user-select: none;
transition: all 0.3s;
}
ul.thumbs li .trigger-overlay img:hover ~ .thumb-over{
opacity: 1;
top:calc(50% - 30px);
}
@-moz-document url-prefix() {
}
/* SAFARI HACK
@media not all and (min-resolution:.001dpcm) { @media {
.parallax__layer--base .background {
top: 0;
right: -100%;
bottom: 0;
left: 0;
}
}} */
.clear{
clear: both;
}
.logo{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-animation-delay: 0s;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-name: down-logo;
}
@keyframes
in-logo { 0% {
height: 0;
width: 0;
z-index: 0;
opacity: 0;
}
30% {
z-index: 0;
}
60% {
z-index: 1000;
}
100% {
z-index: 1000;
width: 50%;
opacity: 1;
}
}
@keyframes
rotate-logo { 0% {
-ms-transform: translate(-50%, -50%) rotate(0deg); /* IE 9 */
-webkit-transform: translate(-50%, -50%) rotate(0deg); /* Chrome, Safari, Opera */
transform: translate(-50%, -50%) rotate(0deg);
-webkit-transform-origin: center center;
}
75% {
-ms-transform: translate(-50%, -50%) rotate(780deg); /* IE 9 */
-webkit-transform: translate(-50%, -50%) rotate(780deg); /* Chrome, Safari, Opera */
transform: translate(-50%, -50%) rotate(780deg);
-webkit-transform-origin: center center;
}
100% {
-ms-transform: translate(-50%, -50%) rotate(720deg); /* IE 9 */
-webkit-transform: translate(-50%, -50%) rotate(720deg); /* Chrome, Safari, Opera */
transform: translate(-50%, -50%) rotate(720deg);
-webkit-transform-origin: center center;
}
}
@keyframes
grow-logo { 0% {
width:50%;
opacity: 1;
}
100% {
width: 1000%;
opacity: 0;
}
}
@keyframes
down-logo { 0% {
width:55%;
top: -120%;
opacity: 0;
}
100% {
width: 55%;
opacity: 1;
}
}
@keyframes
out-logo { 0% {
z-index: 1000;
width: 50%;
opacity: 1;
}
30% {
z-index: 1000;
padding: 0;
}
60% {
z-index: 0;
}
90%, 100% {
height: 0;
width: 0;
z-index: 0;
opacity: 0;
}
}
.container{
width:100%;
z-index: 2000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
height: 100%;
float: left;
margin: 0;
padding: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tile-1{
left: 100%;
display: none;
}
.tile-2{
left: 100%;
display: none;
}
.tile-3{
left: 100%;
display: none;
}
.btn.open{
}
.btn.open, .modal, .circle, .modal {
position: absolute;
top: 50%;
left: -47.5%;
transform: translate(-50%, -50%);
margin-left: 100%;
}
.btn.close{
position: absolute;
top: 50%;
left: -50%;
transform: translate(-50%, -50%);
}
.btn.open, .modal .btn.close {
color: whitesmoke;
width: 250px;
height: 70px;
background: #F47265;
text-align: center;
font-size: 30px;
font-weight: bold;
padding: 22px 0;
border-radius: 3px;
cursor: pointer;
transition: all .3s ease;
z-index: 5;
}
.modal{
margin-left: -15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn.open:hover, .modal .btn.close:hover {
box-shadow: 0 5px 0 0 #e74535;
margin-top: 3px;
}
.btn.open:active, .modal .btn.close:active {
box-shadow: 0 0 0 0 #e53423;
margin-top: 8px;
}
.circle {
border-radius: 100%;
height: 2px;
width: 2px;
margin-top: -10%;
background: #fff;
opacity: .3;
z-index: 2;
transition: all .8s ease;
}
.modal {
background:transparent;
padding: 0;
}
.modal .title {
color: #4E9CFF;
font-size: 28px;
font-weight: bold;
margin-top: -5px;
padding: 10px 15px 10px 20px;
margin: -15px -20px 12px;
}
.modal .title i {
float: right;
color: #1e1e1e;
opacity: .3;
transition: all .2s ease;
cursor: pointer;
}
.modal .title i:hover { opacity: .5; }
.modal .modal-content {
float: none;
clear: both;
font-size: 16px;
}
.modal .modal-content { line-height: 1.3; }
.modal .btn.close {
top: 78%;
left:25%;
height: 50px;
padding: 15.5px;
font-size: 24px;
background: #6dadff;
box-shadow: 0 8px 0 0 #4E9CFF;
cursor: pointer;
transition: all .3s ease;
}
.modal .btn.close:hover {
box-shadow: 0 5px 0 0 #4496ff;
margin-top: 3px;
}
.modal .btn.close:active {
box-shadow: 0 0 0 0 #2f8bff;
margin-top: 8px;
}
.modal-container { display: none; }
.in { animation: in 1s ease; }
.out { animation: out 1s ease; }
@keyframes
in { 0% {
height: 5%;
width: calc(10% + 72px + 1em);
z-index: 0;
padding: 20px;
opacity: 0;
}
30% {
top: 20%;
z-index: 0;
}
60% {
z-index: 1000;
}
100% {
top: 50%;
z-index: 1000;
width: 75%;
padding: 20px;
opacity: 1;
}
}
@keyframes
out { 0% {
top: 50%;
z-index: 1000;
width: 75%;
height: auto;
padding: 20px;
opacity: 1;
}
30% {
top: 80%;
z-index: 1000;
padding: 0;
}
60% {
z-index: 0;
}
90%, 100% {
height: 5%;
width: calc(10% + 72px + 1em);
z-index: 0;
opacity: 0;
padding: 20px;
}
}
.circle-active {
height: 700px;
width: 700px;
opacity: 0;
}
.circle-hide { opacity: 0 !important; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.modal {
display: table;
}
ul.thumbs{
display: table-cell;
vertical-align: middle;
}
}