@font-face {
    font-family: NewYorkNineteenEighty;
    src: url("fonts/Chalet-NewYorkEighty.otf") format("opentype");
}
@font-face {
    font-family: NewYorkNineteenSeventy;
    src: url("fonts/Chalet-NewYorkSeventy.otf") format("opentype");
}
@font-face {
    font-family: NewYorkNineteenSixty;
    src: url("fonts/Chalet-NewYorkSixty.otf") format("opentype");
}

/* Resets */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html {-webkit-text-size-adjust:none;}
html, body {touch-action:auto;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}


h1, h2, h3, h4, h5, h6, p {padding:0 0 1.25rem 0;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
p, ul, ol {font-family:"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;}

h1 {font-size:3rem;font-weight:700;}
h2 {font-size:2.5rem;font-weight:700;}
h3 {font-size:2rem;font-weight:700;}
h4 {font-size:1.75rem;font-weight:600;}
h5 {font-size:1.55rem;font-weight:600;}
h6 {font-size:1rem;font-weight:600;}
p, ul, ol {font-size:1rem;font-weight:500;line-height:1.35em;}
ul, ol {}

.font-sixty {font-family:'NewYorkNineteenSixty',Helvetica,Arial,sans-serif;}
.font-seventy {font-family:'NewYorkNineteenSeventy',Helvetica,Arial,sans-serif;}
.font-eighty {font-family:'NewYorkNineteenEighty',Helvetica,Arial,sans-serif;}
.caps {text-transform:uppercase;}
.float-right {float:right!important;}
.float-left {float:left!important;}

body {background:rgba(50,165,196,1) url(images/background.jpg) top right no-repeat;background-attachment:fixed;background-size:100% auto;}
div.container {position:relative;display:block;width:100%;margin:70px auto 0;overflow:hidden;}

.button {display:inline-block;padding:15px 30px;color:rgba(255,255,255,1);text-transform:uppercase;font-size:1.25rem;letter-spacing:1px;line-height:1em;text-decoration:none;font-weight:600;font-family:Helvetica,Arial,sans-serif;border-radius:200px;box-shadow:1px 1px 8px 0px rgba(0,0,0,0)transform:translate(0,0);transition:transform .25s ease-in-out, box-shadow .25s 0s ease-in-out;}
.button:hover {transform:translate(0,-3px);box-shadow:2px 3px 6px 1px rgba(0,0,0,0.15);transition:transform .25s ease-in-out, box-shadow .25s 0s ease-in-out;}
.button.green {background:rgba(120,190,33,1);}
.button.blue {background:rgba(73,151,225,1);}
.button.orange {background:rgba(255,130,0,1);}
.button.big {padding:10px 40px;font-size:2rem;line-height:4rem;}

input.nav {position:absolute;top:-20px;right:0;width:0;height:0;border:0;outline:0;}
input.nav + label {position:absolute;display:none;top:0;right:0;width:70px;height:70px;cursor:pointer;z-index:10;}
input.nav + label span {position:absolute;display:block;z-index:-1;top:50%;left:50%;width:40px;height:4px;background:rgba(0,0,0,1);border-radius:4px;transform:translate(-50%, -50%);cursor:pointer;z-index:10;opacity:1;transition:opacity .1s ease-in-out, transform .2s 0s ease-in-out;}
input.nav + label span:before {content:'';position:absolute;display:block;z-index:-1;top:0;left:0;width:40px;height:4px;transform:translate(0, -10px);background:rgba(0,0,0,1);border-radius:4px;transition:transform .2s 0s ease-in-out;}
input.nav + label span:after {content:'';position:absolute;display:block;z-index:-1;top:0;left:0;width:40px;height:4px;transform:translate(0, 10px);background:rgba(0,0,0,1);border-radius:4px;transition:transform .2s 0s ease-in-out;}
input.nav + label:before {content:'';position:absolute;display:block;opacity:0;z-index:-1;top:50%;left:50%;width:40px;height:4px;background:rgba(0,0,0,1);border-radius:4px;transform:translate(-50%, -50%) rotate(0deg);transition:transform .2s ease-in-out, opacity .1s ease-in-out;}
input.nav + label:after {content:'';position:absolute;display:block;opacity:0;z-index:-1;top:50%;left:50%;width:40px;height:4px;background:rgba(0,0,0,1);border-radius:4px;transform:translate(-50%, -50%) rotate(0deg);transition:transform .2s ease-in-out, opacity .1s ease-in-out;}
input.nav:checked + label:before {opacity:1;transform:translate(-50%, -50%) rotate(45deg);transition:transform .2s ease-in-out, opacity 0s;}
input.nav:checked + label span {opacity:0;transform:translate(-50%, calc(-50% + 7px));transition:opacity .1s ease-in-out, transform 0s .1s ease-in-out;}
input.nav:checked + label span:before {transform:translate(0, -5px);transition:transform 0s .1s ease-in-out;}
input.nav:checked + label span:after {transform:translate(0, 5px);transition:transform 0s .1s ease-in-out;}
input.nav:checked + label:after {opacity:1;transform:translate(-50%, -50%) rotate(-45deg);transition:transform .2s ease-in-out, opacity 0s;}

nav {position:fixed;display:block;top:0;left:0;width:100%;height:70px;background:rgba(255,255,255,1);z-index:50;}
nav > ul {position:relative;display:block;width:100%;margin:0;padding:0;text-align:center;line-height:70px;font-family:Helvetica,Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:1.25rem;letter-spacing:1px;}
nav > ul a {position:absolute;top:0;left:0;width:100%;height:100%;border:0;outline:0;opacity:0;}
nav > ul li {position:relative;width:100%;text-align:center;display:inline-block;margin:0;text-decoration:none;color:rgba(0,0,0,1);transition:color .15s ease-in-out;border-top:1px solid rgba(0,0,0,0.1);}
nav > ul li.logo {float:left;background:none;}
nav > ul li.logo img {position:relative;display:inline-block;vertical-align:middle;max-width:100%;}
nav > ul:hover li.selected {color:rgba(0,0,0,1);}
nav > ul li.selected, nav > ul li:hover, nav > ul li.selected:hover {color:rgba(59,143,223,1);}

@media only screen and (max-width:1023px) {
input.nav + label {display:block;}
input.nav ~ ul {background:transparent;;}
input.nav ~ ul li:not(.logo) {opacity:0;display:none;}
input.nav:checked ~ ul {background:rgba(255,255,255,1);}
input.nav:checked ~ ul li:not(.logo) {opacity:1;z-index:1;display:block;}
}

section, header, footer {min-height:200px;}
section {background:rgba(255,255,255,1);}
.light-blue {background:rgba(194,232,252,1);}
.medium-blue {background:rgba(50,165,196,1);background:linear-gradient(0deg, rgba(97,186,210,1) 0%, rgba(51,165,197,1) 100%);}
.dark-blue {background:rgba(44,180,232,1);}
.clouds {background:rgba(50,165,196,1) url(images/background.jpg) top right no-repeat;background-size:100% inherit;}
footer {background:rgba(126,207,238,1) url(images/background-footer.jpg) calc(50% - 350px) 0% no-repeat;background-size:auto;}
.shadow {display:inline-block;box-shadow:0 0 25px rgba(0,0,0,0.25);}
.shadow-small {display:inline-block;box-shadow:0 0 15px rgba(0,0,0,0.15);}
.white-header h1, .white-header h2, .white-header h3, .white-header h4, .white-header h5, .white-header h6 {color:rgba(255,255,255,1);}
.blue-header h1, .blue-header h2, .blue-header h3, .blue-header h4, .blue-header h5, .blue-header h6 {color:rgba(59,143,223,1);}
.orange-header h1, .orange-header h2, .orange-header h3, .orange-header h4, .orange-header h5, .orange-header h6 {color:rgba(255,130,0,1);}
.text-center {text-align:center!important;}

header {position:relative;padding:100px 0 0 0;}
header ul.recent-winners {position:relative;display:block;width:calc(100% - 20px);margin:20px 10px;padding:30px 20px;min-height:150px;border-radius:20px;border:5px solid white;text-align:center;text-transform:uppercase;font-size:1em;font-weight:600;overflow:hidden;background:rgba(255,255,255,0.15);}
header ul.recent-winners h4 {color:rgba(255,255,255,1);}
header ul.recent-winners li {color:rgba(0,0,0,0.25);line-height:24px;}
header ul.recent-winners li.selected {color:rgba(0,0,0,1);}
header ul.recent-winners > img {display:none;}
header ul.recent-winners > h4 {white-space:nowrap;}
header .pick {z-index:2;}
header .pick h1 {color:#231f20;font-size:4rem;text-align:center;text-transform:none;}
header .pick h1 em {font-style:normal;font-family:Helvetica,Arial,sans-serif;color:#FFF;}
header .pick h1 span {color:#FFF;font-size:2rem;line-height:2.5rem;}
header .tree {position:absolute;display:none;top:0;left:100%;transform:translate(-450px,-70px);}
header > .logo {display:block;width:100%;text-align:center;z-index:1;margin:0 0 50px;}
header > div.logo img {max-width:calc(100% - 20px);}
header > .logo:after {content:'';position:absolute;top:50%;left:0;width:100%;height:0;padding:100% 0 0 0;background:radial-gradient(circle, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 75%);transform:translate(0,-50%);z-index:-1;}
header > div.header h1 {font-size:4rem;text-transform:uppercase;}
header > div.header h1.cool-stuff {font-size:8rem;line-height:8rem;text-transform:uppercase;}
header > div.header h1.cool-stuff span {position:relative;display:inline-block;float:none;font-size:3rem;line-height:3.4rem;padding:.25em 0 .25em .25em;}
header > div.header h1.why {font-size:7rem;line-height:4rem;text-transform:uppercase;}
header > div.header h1.why span {position:relative;display:block;float:none;font-size:4.65rem;line-height:4rem;padding:.25em 0 .25em .25em;}
header > div {position:relative;display:inline-block;width:100%;max-width:100%;text-align:center;}
header > div.how h3 {}
header > div.how h3 span {font-size:3rem;letter-spacing:1px;}
header > div.how .shadow {position:relative;font-size:0;margin:0;top:40px;}
header > div.how img {max-width:100%;}
header > div.how a.button {margin:0 0 50px 0;}
header > .header-winner {position:absolute;right:0;bottom:0;max-height:none;z-index:10;display:none;}

header.detail {min-height:300px;}
header.detail {padding:30px 20px 50px;}
header.detail .back {padding:0 0 30px 0;}
header.detail .back a {position:relative;display:inline-block;margin:.5em 0 0 0;color:rgba(172,233,255,1);text-decoration:none;z-index:2;letter-spacing:2px;}
header.detail .back a:hover {color:#FFF;}
header.detail .back a:after {content:'';}
header.detail .back a:hover:after {content:'';position:absolute;display:block;z-index:-1;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(172,233,255,1);border-radius:7px;}
header.detail > div {width:100%;max-width:100%;z-index:11;margin-bottom:20px;}
header.detail > div h4 {padding:0;}
header.detail span.box {position:relative;display:block;padding:30px 30px 0;background:rgba(255,255,255,1);}
header.detail span.box a.button {position:relative;top:calc(.5em + 15px);}
header.detail span.box p {text-align:left;}
header.detail span.box p:last-of-type {padding:0;}
header.detail img {max-width:100%;}

section {padding:50px 20px;}

section.win {text-align:center;}
section.win h1 {text-transform:uppercase;color:rgba(73,151,225,1);}
section.win h1 strong {font-size:10rem;background:-webkit-linear-gradient(#002c7c 25%, #3b8fdf 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;}
section.win h1 em {font-style:normal;color:rgba(120,190,33,1);}
section.win img {max-width:100%;}
section.win div:nth-of-type(2) {padding:50px 0 0 0;}
section.win > div span {position:relative;display:block;}
section.win a.full {position:absolute;display:block;top:0;left:0;width:100%;height:100%;outline:0;border:0;opacity:0;z-index:2;}

section.drawings {text-align:center;}
section.drawings ul {display:block;width:100%;margin:0 auto;padding:20px 0 0 0;text-align:center;font-size:0;clear:both;}
section.drawings ul > li {position:relative;display:block;width:100%;max-width:400px;margin:0 auto 20px;font-size:1.5rem;line-height:4rem;color:rgba(255,255,255,1);font-weight:600;text-transform:uppercase;letter-spacing:1px;}
section.drawings ul > li img {display:block;width:100%;transform:scale(1);transform-origin:bottom center;transition:transform .15s ease-in-out;}
section.drawings ul > li:hover img {transform:scale(1.05);}
section.drawings ul > li a {position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;outline:0;border:0;opacity:0;}
section.drawings h1 span {font-size:2rem;line-height:2rem;}
section.drawings.video ul li:hover img {transform:none;}
section.drawings div.w-css-reset {line-height:1em!important;}
section.gallery center img {border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,0.15);}

section.how-to {padding:0;text-align:center;font-size:0;}
section.how-to div.video {position:relative;display:inline-block;margin:0 auto;width:inherit;font-size:0;}
section.how-to div.video img {max-width:100%;}

section.education {background:#FFF url(images/confetti.png) top center no-repeat;padding-bottom:165px;}
section.education h1 {font-size:2.5rem;background:-webkit-linear-gradient(#002c7c 0%, #3b8fdf 35%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;text-transform:uppercase;}
section.education > span {display:block;max-width:500px;margin:0 auto;}
section.education span img {display:block;margin:0 auto;}

section.split {}
section.split img {position:relative;display:block;max-width:100%;margin:0 auto 50px;}

section.bottom {padding-bottom:150px;}

/* Footer */
footer {clear:both;}
footer span.phone-cashpop {position:relative;display:block;width:100%;margin:0;text-align:center;}
footer span.phone-cashpop img {margin:-111px 0 0 0;max-width:100%;}
footer h2 {position:relative;display:inline-block;text-transform:uppercase;text-align:center;padding:50px 0;width:100%;}
footer h2 span {display:block;clear:both;font-size:2.5rem;}
footer h2 .hashtag {position:relative;display:inline-block;margin:.5em 0 0 0;color:rgba(172,233,255,1);font-size:2.5rem;text-decoration:none;z-index:2;}
footer h2 .hashtag:hover {color:#FFF;}
footer h2 .hashtag:after {content:'';}
footer h2 .hashtag:hover:after {content:'';position:absolute;display:block;z-index:-1;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(172,233,255,1);border-radius:7px;}
footer span.apps {position:relative;display:block;text-align:center;}
footer span.apps a {display:block;margin:10px 0;}
footer .bottom {display:block;clear:both;padding:50px 0;min-height:140px;line-height:140px;text-align:center;}
/*footer .bottom .legal {position:relative;display:inline-block;max-width:50%;float:right;color:#FFF;padding:0;}
footer .bottom .legal span {float:left;}
footer .bottom .legal span:nth-of-type(1):after {content:'|';margin:0 10px;font-weight:700;}
footer .bottom .legal span:nth-of-type(2) {}
footer .bottom .legal span:nth-of-type(3) {clear:left;}
footer .bottom .legal span:nth-of-type(3):after {content:'|';margin:0 10px;font-weight:700;}
footer .bottom .legal span:nth-of-type(4) {}
footer .bottom .legal span img {position:absolute;right:0;bottom:0;max-height:60px;}*/
footer .bottom img {max-width:calc(100% - 40px);}



.clear {position:relative;display:block;width:100%;height:0;opacity:0;outline:0;clear:both;}

@media only screen and (min-width:1024px) {
	/*nav {box-shadow:0 0 20px 30px rgba(50,165,196,0.35), 0 0 12px 0 rgba(0,0,0,0.08);}*/
	nav > ul {max-width:1400px;margin:0 auto;text-align:right;}
	nav > ul li {width:calc((100% - 250px) / 5 - 1em); border-top:0;}
	nav > ul li.logo {position:absolute;top:3px;left:70px;}
	header {position:relative;display:block;padding:100px 50px 0;}
	header.home {min-height:800px;}
	header ul.recent-winners {max-width:450px;min-height:0;padding:20px 10px 40px 30%;margin:0 0 181px 0;overflow:visible;}
	header ul.recent-winners > img {position:absolute;display:block;top:-10px;right:30%;height:inherit;min-height:0;max-height:none;transform:none;}
	header > div.logo {display:inline-block;width:inherit;float:left;margin:0 50px 100px;text-align:center;}
	header > div.logo img {max-width:250px;}
	header.home > div.logo {margin:0 0 100px 0;}
	header.home > div.logo img {width:inherit;max-width:100%;}
	header > div {width:50%;max-width:600px;}
	header > div.pick {width:65%;max-width:calc(100% - 415px);padding:80px 320px 30px 0;float:right;text-align:left;z-index:2;}
	header > div.pick .tree {display:block;transform:translate(-300px,-170px);}
	header > div.pick h1 {text-align:right;}
	header > div.pick h1 span {float:right;position:relative;}
	header > div.pick .get-winning:after {content:'';position:absolute;display:block;top:calc(100% + 20px);right:0;width:173px;height:192px;overflow:visible;background:transparent url(images/arrow.png) top right no-repeat;background-size:contain;}
	header > div.recent {position:absolute;bottom:0;right:50%;width:550px;max-width:calc(50% - 40px);float:left;clear:left;z-index:3;}
	header > div.how {width:50%;max-width:100%;float:right;margin:100px 0 -150px 0;text-align:center;z-index:3;}
	header > div.how .shadow {top:0;}
	header > div.header {width:65%;max-width:calc(100% - 400px);padding:30px 320px 30px 0;float:left;text-align:left;z-index:2;z-index:11;}
	header > div.header h1 {z-index:11;position:relative;display:inline-block;}
	header > div.header h1:after {content:'';position:absolute;display:block;top:50%;left:calc(100% + 20px);width:173px;height:192px;overflow:visible;background:transparent url(images/arrow.png) top right no-repeat;background-size:contain;transform:rotate(200deg);}
	header > .tree {display:block;transform:translate(-270px,-90px);}
	header > .header-winner {display:block;}
	header.detail {padding:30px 80px 50px;}
	header.detail > div:nth-of-type(1) {width:60%;float:left;}
	header.detail > div:nth-of-type(2) {width:40%;padding:0 0 0 80px;}
	section {padding:50px 50px;}
	section.win {text-align:left;}
	section.win > div {position:relative;}
	section.win > div:nth-of-type(1) {width:40%;max-width:300px;float:left;z-index:2;}
	section.win > div:nth-of-type(2) {width:50%;float:right;margin:210px 0 -200px 0;clear:right;z-index:1;}
	section.win > div:nth-of-type(2) span img {}
	section.win > div:nth-of-type(2) > span:after {content:'';position:absolute;display:block;bottom:100%;right:calc(100% + 20px);width:173px;height:192px;overflow:visible;background:transparent url(images/arrow.png) top right no-repeat;background-size:contain;transform:rotate(165deg);}
	section.win a.full {position:absolute;display:block;top:0;left:0;width:100%;height:100%;outline:0;border:0;opacity:0;z-index:2;}
	section.drawings {text-align:left;}
	section.how-to {padding:80px 0;}
	section.drawings ul li {display:inline-block;width:calc(100% / 3 - 20px);margin:0 10px 20px;font-family:'NewYorkNineteenEighty',Helvetica,Arial,sans-serif;}
	section.drawings ul li.big {display:block;width:calc(100% - 20px);max-width:100%;margin:40px 10px 20px;}
	section.drawings ul.four-wide li {width:calc(100% / 4 - 20px);}
	section.drawings ul {padding:20px 100px 0;}
	section.drawings h1 {padding:140px 110px 1.25rem;}
	section.drawings h1 span {float:left;}
	section.education {padding:50px;}
	section.education > span {float:left;position:relative;display:inline-block;padding:10px 0 10px 210px;margin-bottom:100px;max-width:calc(100% - 100px);margin:0;}
	section.education > span img {position:absolute;display:inline-block;top:0;left:0;}
	section.education > span p {float:left;max-width:calc(100% - 200px);padding:0 20px 1.25rem 0;}
	section.education > span a {float:left;max-width:200px;clear:left;}
	section.education > span img {position:absolute;display:inline-block;top:0;left:0;}
	section.split:after {content:'';position:relative;display:block;width:100%;height:0;opacity:0;border:0;clear:both;}
	section.split > div {position:relative;display:block;width:50%;float:left;}
	section.split > div.text {padding:50px 50px 0;}
	section.split img {margin:0 auto;max-width:calc(100% - 20px);}
	footer {background:rgba(126,207,238,1) url(images/background-footer.jpg) top right no-repeat;background-position:calc(100% - -70px) 0;}
	footer span.phone-cashpop {float:right;width:calc(450px);max-width:100%;padding:0 50px 0 0;margin:-109px 0 0 0;}
	footer span.phone-cashpop img {margin:0;}
	footer h2 {max-width:calc(100% - 450px);padding:50px 50px 0 100px;float:left;text-align:left;}
	footer span.apps {display:inline-block;max-width:calc(100% - 450px);padding:50px 50px 0 100px;float:left;clear:left;}
	footer span.apps a {display:inline-block;margin:0 10px;}
	footer .bottom {text-align:right;padding:50px 100px 50px;}
	footer .bottom img.logo {float:left;}
	footer .bottom img.legal {position:relative;display:inline-block;vertical-align:bottom;}
}

@media only screen and (min-width:1400px) {
	div.container {max-width:1400px;margin:120px auto;border-radius:20px;overflow:hidden;box-shadow:0 0 20px 30px rgba(50,165,196,0.35), 0 0 12px 0 rgba(0,0,0,0.08);border:7px solid white;}
	header {padding:100px 100px 0;}
	section {padding:50px 100px;}
	.clouds {background-size:100% auto;}
	footer h2 {max-width:calc((100% - 450px) / 2);padding:50px 50px 0 100px;}
	footer span.apps {display:inline-block;max-width:calc((100% - 450px) / 2);padding:50px 0 0;clear:none;}
	section.education > span {max-width:calc(100% - 315px);}
	section.education > span a {clear:none;}
	header > div.pick .get-winning:after {top:50%;right:50%;}
}

@media only screen and (max-width: 1500px) {
  nav > ul li {font-size:0.75em;}
}

footer h6 {
  line-height: 50px;
  padding: 50px 0 0 0;
  font-weight: 500;
  font-family: 'NewYorkNineteenSeventy',Helvetica,Arial,sans-serif;
  font-size: 1em;
  text-align:center;
}
footer h6 a, footer h6 a:visited {color:rgba(172,233,255,1);}