From 6c019a7fec643e89346b2e0e787e68b1575b8568 Mon Sep 17 00:00:00 2001 From: love2wind Date: Wed, 27 Nov 2019 17:30:26 +0800 Subject: [PATCH] Update main.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 第二次提交 修改背景尺寸 --- assets/css/main.css | 842 +------------------------------------------- 1 file changed, 1 insertion(+), 841 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index ce38fd3..f79f470 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,841 +1 @@ -@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900"; - @import "fontawesome-all.min.css"; - 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,em,img,ins,kbd,q,s,samp,small,strike,strong,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 -} -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 -} -body { - -webkit-text-size-adjust:none -} -mark { - background-color:transparent; - color:inherit -} -input::-moz-focus-inner { - border:0; - padding:0 -} -input,select,textarea { - -moz-appearance:none; - -webkit-appearance:none; - -ms-appearance:none; - appearance:none -} -html { - box-sizing:border-box -} -*,*:before,*:after { - box-sizing:inherit -} -body { - background:#fff; - overflow:hidden -} -body.is-preload *,body.is-preload *:before,body.is-preload *: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 -} -body,input,select,textarea { - color:#fff; - font-family:source sans pro,sans-serif; - font-size:15pt; - font-weight:300!important; - letter-spacing:-.025em; - line-height:1.75em -} -a { - -moz-transition:border-color .2s ease-in-out; - -webkit-transition:border-color .2s ease-in-out; - -ms-transition:border-color .2s ease-in-out; - transition:border-color .2s ease-in-out; - border-bottom:dotted 1px; - color:inherit; - outline:0; - text-decoration:none -} -a:hover { - border-color:transparent -} -.icon { - text-decoration:none; - position:relative -} -.icon:before { - -moz-osx-font-smoothing:grayscale; - -webkit-font-smoothing:antialiased; - display:inline-block; - font-style:normal; - font-variant:normal; - text-rendering:auto; - line-height:1; - text-transform:none!important; - font-family:'font awesome 5 free'; - font-weight:400 -} -.icon>.label { - display:none -} -.icon.solid:before { - font-weight:900 -} -.icon.brands:before { - font-family:'font awesome 5 brands' -} -@-moz-keyframes wrapper { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}@-webkit-keyframes wrapper { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}@-ms-keyframes wrapper { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}@keyframes wrapper { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}#wrapper { - -moz-animation:wrapper 3s forwards; - -webkit-animation:wrapper 3s forwards; - -ms-animation:wrapper 3s forwards; - animation:wrapper 3s forwards; - height:100%; - left:0; - opacity:0; - position:fixed; - top:0; - width:100% -} -#bg { - -moz-animation:bg 60s linear infinite; - -webkit-animation:bg 60s linear infinite; - -ms-animation:bg 60s linear infinite; - animation:bg 60s linear infinite; - -moz-backface-visibility:hidden; - -webkit-backface-visibility:hidden; - -ms-backface-visibility:hidden; - backface-visibility:hidden; - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - background:#348cb2 url(images/bg.jpg) bottom left; - background-repeat:repeat-x; - height:100%; - left:0; - opacity:1; - position:fixed; - top:0 -} -@-moz-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-2250px,0,0); - -webkit-transform:translate3d(-2250px,0,0); - -ms-transform:translate3d(-2250px,0,0); - transform:translate3d(-2250px,0,0) -} -}@-webkit-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-2250px,0,0); - -webkit-transform:translate3d(-2250px,0,0); - -ms-transform:translate3d(-2250px,0,0); - transform:translate3d(-2250px,0,0) -} -}@-ms-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-2250px,0,0); - -webkit-transform:translate3d(-2250px,0,0); - -ms-transform:translate3d(-2250px,0,0); - transform:translate3d(-2250px,0,0) -} -}@keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-2250px,0,0); - -webkit-transform:translate3d(-2250px,0,0); - -ms-transform:translate3d(-2250px,0,0); - transform:translate3d(-2250px,0,0) -} -}#bg { - background-size:2250px 100%; - width:6750px -} -@-moz-keyframes overlay { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}@-webkit-keyframes overlay { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}@-ms-keyframes overlay { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}@keyframes overlay { - 0% { - opacity:0 -} -100% { - opacity:1 -} -}#overlay { - -moz-animation:overlay 1.5s 1.5s forwards; - -webkit-animation:overlay 1.5s 1.5s forwards; - -ms-animation:overlay 1.5s 1.5s forwards; - animation:overlay 1.5s 1.5s forwards; - background-attachment:fixed,fixed; - background-image:url(images/overlay-pattern.png),url(images/overlay.svg); - background-position:top left,center center; - background-repeat:repeat,no-repeat; - background-size:auto,cover; - height:100%; - left:0; - opacity:0; - position:fixed; - top:0; - width:100% -} -#main { - height:100%; - left:0; - position:fixed; - text-align:center; - top:0; - width:100% -} -#main:before { - content:''; - display:inline-block; - height:100%; - margin-right:0; - vertical-align:middle; - width:1px -} -@-moz-keyframes header { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}@-webkit-keyframes header { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}@-ms-keyframes header { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}@keyframes header { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}@-moz-keyframes nav-icons { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}@-webkit-keyframes nav-icons { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}@-ms-keyframes nav-icons { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}@keyframes nav-icons { - 0% { - -moz-transform:translate3d(0,1em,0); - -webkit-transform:translate3d(0,1em,0); - -ms-transform:translate3d(0,1em,0); - transform:translate3d(0,1em,0); - opacity:0 -} -100% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - opacity:1 -} -}#header { - -moz-animation:header 1s 2.25s forwards; - -webkit-animation:header 1s 2.25s forwards; - -ms-animation:header 1s 2.25s forwards; - animation:header 1s 2.25s forwards; - -moz-backface-visibility:hidden; - -webkit-backface-visibility:hidden; - -ms-backface-visibility:hidden; - backface-visibility:hidden; - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - cursor:default; - display:inline-block; - opacity:0; - position:relative; - text-align:center; - top:-1em; - vertical-align:middle; - width:90% -} -#header h1 { - font-size:4.35em; - font-weight:900; - letter-spacing:-.035em; - line-height:1em -} -#header p { - font-size:1.25em; - margin:.75em 0 .25em; - opacity:.75 -} -#header nav { - margin:1.5em 0 0 -} -#header nav li { - -moz-animation:nav-icons .5s ease-in-out forwards; - -webkit-animation:nav-icons .5s ease-in-out forwards; - -ms-animation:nav-icons .5s ease-in-out forwards; - animation:nav-icons .5s ease-in-out forwards; - -moz-backface-visibility:hidden; - -webkit-backface-visibility:hidden; - -ms-backface-visibility:hidden; - backface-visibility:hidden; - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0); - display:inline-block; - height:5.35em; - line-height:5.885em; - opacity:0; - position:relative; - top:0; - width:5.35em -} -#header nav li:nth-child(1) { - -moz-animation-delay:2.5s; - -webkit-animation-delay:2.5s; - -ms-animation-delay:2.5s; - animation-delay:2.5s -} -#header nav li:nth-child(2) { - -moz-animation-delay:2.75s; - -webkit-animation-delay:2.75s; - -ms-animation-delay:2.75s; - animation-delay:2.75s -} -#header nav li:nth-child(3) { - -moz-animation-delay:3s; - -webkit-animation-delay:3s; - -ms-animation-delay:3s; - animation-delay:3s -} -#header nav li:nth-child(4) { - -moz-animation-delay:3.25s; - -webkit-animation-delay:3.25s; - -ms-animation-delay:3.25s; - animation-delay:3.25s -} -#header nav li:nth-child(5) { - -moz-animation-delay:3.5s; - -webkit-animation-delay:3.5s; - -ms-animation-delay:3.5s; - animation-delay:3.5s -} -#header nav li:nth-child(6) { - -moz-animation-delay:3.75s; - -webkit-animation-delay:3.75s; - -ms-animation-delay:3.75s; - animation-delay:3.75s -} -#header nav li:nth-child(7) { - -moz-animation-delay:4s; - -webkit-animation-delay:4s; - -ms-animation-delay:4s; - animation-delay:4s -} -#header nav li:nth-child(8) { - -moz-animation-delay:4.25s; - -webkit-animation-delay:4.25s; - -ms-animation-delay:4.25s; - animation-delay:4.25s -} -#header nav li:nth-child(9) { - -moz-animation-delay:4.5s; - -webkit-animation-delay:4.5s; - -ms-animation-delay:4.5s; - animation-delay:4.5s -} -#header nav li:nth-child(10) { - -moz-animation-delay:4.75s; - -webkit-animation-delay:4.75s; - -ms-animation-delay:4.75s; - animation-delay:4.75s -} -#header nav a { - -webkit-tap-highlight-color:transparent; - -webkit-touch-callout:none; - border:0; - display:inline-block -} -#header nav a:before { - -moz-transition:all .2s ease-in-out; - -webkit-transition:all .2s ease-in-out; - -ms-transition:all .2s ease-in-out; - transition:all .2s ease-in-out; - border-radius:100%; - border:solid 1px #fff; - display:block; - font-size:1.75em; - height:2.5em; - line-height:2.5em; - position:relative; - text-align:center; - top:0; - width:2.5em -} -#header nav a:hover { - font-size:1.1em -} -#header nav a:hover:before { - background-color:rgba(255,255,255,.175); - color:#fff -} -#header nav a:active { - font-size:.95em; - background:0 0 -} -#header nav a:active:before { - background-color:rgba(255,255,255,.35); - color:#fff -} -#header nav a span { - display:none -} -#footer { - background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%); - background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%); - background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%); - background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%); - bottom:0; - cursor:default; - height:6em; - left:0; - line-height:8em; - position:absolute; - text-align:center; - width:100% -} -@media screen and (max-width:1680px) { - body,input,select,textarea { - font-size:13pt -} -@-moz-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-1500px,0,0); - -webkit-transform:translate3d(-1500px,0,0); - -ms-transform:translate3d(-1500px,0,0); - transform:translate3d(-1500px,0,0) -} -}@-webkit-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-1500px,0,0); - -webkit-transform:translate3d(-1500px,0,0); - -ms-transform:translate3d(-1500px,0,0); - transform:translate3d(-1500px,0,0) -} -}@-ms-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-1500px,0,0); - -webkit-transform:translate3d(-1500px,0,0); - -ms-transform:translate3d(-1500px,0,0); - transform:translate3d(-1500px,0,0) -} -}@keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-1500px,0,0); - -webkit-transform:translate3d(-1500px,0,0); - -ms-transform:translate3d(-1500px,0,0); - transform:translate3d(-1500px,0,0) -} -}#bg { - background-size:1500px 100%; - width:4500px -} -}@media screen and (max-width:1280px) { - body,input,select,textarea { - font-size:12pt -} -@-moz-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-750px,0,0); - -webkit-transform:translate3d(-750px,0,0); - -ms-transform:translate3d(-750px,0,0); - transform:translate3d(-750px,0,0) -} -}@-webkit-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-750px,0,0); - -webkit-transform:translate3d(-750px,0,0); - -ms-transform:translate3d(-750px,0,0); - transform:translate3d(-750px,0,0) -} -}@-ms-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-750px,0,0); - -webkit-transform:translate3d(-750px,0,0); - -ms-transform:translate3d(-750px,0,0); - transform:translate3d(-750px,0,0) -} -}@keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-750px,0,0); - -webkit-transform:translate3d(-750px,0,0); - -ms-transform:translate3d(-750px,0,0); - transform:translate3d(-750px,0,0) -} -}#bg { - background-size:750px 100%; - width:2250px -} -}@media screen and (max-width:736px) { - body { - min-width:320px -} -body,input,select,textarea { - font-size:11pt -} -@-moz-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-300px,0,0); - -webkit-transform:translate3d(-300px,0,0); - -ms-transform:translate3d(-300px,0,0); - transform:translate3d(-300px,0,0) -} -}@-webkit-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-300px,0,0); - -webkit-transform:translate3d(-300px,0,0); - -ms-transform:translate3d(-300px,0,0); - transform:translate3d(-300px,0,0) -} -}@-ms-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-300px,0,0); - -webkit-transform:translate3d(-300px,0,0); - -ms-transform:translate3d(-300px,0,0); - transform:translate3d(-300px,0,0) -} -}@keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-300px,0,0); - -webkit-transform:translate3d(-300px,0,0); - -ms-transform:translate3d(-300px,0,0); - transform:translate3d(-300px,0,0) -} -}#bg { - background-size:300px auto; - width:900px -} -#header h1 { - font-size:2.5em -} -#header p { - font-size:1em -} -#header nav { - font-size:1em -} -#header nav a:hover { - font-size:1em -} -#header nav a:active { - font-size:1em -} -}@media screen and (max-width:480px) { - @-moz-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-412.5px,0,0); - -webkit-transform:translate3d(-412.5px,0,0); - -ms-transform:translate3d(-412.5px,0,0); - transform:translate3d(-412.5px,0,0) -} -}@-webkit-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-412.5px,0,0); - -webkit-transform:translate3d(-412.5px,0,0); - -ms-transform:translate3d(-412.5px,0,0); - transform:translate3d(-412.5px,0,0) -} -}@-ms-keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-412.5px,0,0); - -webkit-transform:translate3d(-412.5px,0,0); - -ms-transform:translate3d(-412.5px,0,0); - transform:translate3d(-412.5px,0,0) -} -}@keyframes bg { - 0% { - -moz-transform:translate3d(0,0,0); - -webkit-transform:translate3d(0,0,0); - -ms-transform:translate3d(0,0,0); - transform:translate3d(0,0,0) -} -100% { - -moz-transform:translate3d(-412.5px,0,0); - -webkit-transform:translate3d(-412.5px,0,0); - -ms-transform:translate3d(-412.5px,0,0); - transform:translate3d(-412.5px,0,0) -} -}#bg { - background-size:412.5px 100%; - width:1237.5px -} -#header nav { - padding:0 1em -} -} +@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900";@import "fontawesome-all.min.css";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,em,img,ins,kbd,q,s,samp,small,strike,strong,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}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}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#fff;overflow:hidden}body.is-preload *,body.is-preload *:before,body.is-preload *: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}body,input,select,textarea{color:#fff;font-family:source sans pro,sans-serif;font-size:15pt;font-weight:300!important;letter-spacing:-.025em;line-height:1.75em}a{-moz-transition:border-color .2s ease-in-out;-webkit-transition:border-color .2s ease-in-out;-ms-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out;border-bottom:dotted 1px;color:inherit;outline:0;text-decoration:none}a:hover{border-color:transparent}.icon{text-decoration:none;position:relative}.icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;text-transform:none!important;font-family:'font awesome 5 free';font-weight:400}.icon>.label{display:none}.icon.solid:before{font-weight:900}.icon.brands:before{font-family:'font awesome 5 brands'}@-moz-keyframes wrapper{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes wrapper{0%{opacity:0}100%{opacity:1}}@-ms-keyframes wrapper{0%{opacity:0}100%{opacity:1}}@keyframes wrapper{0%{opacity:0}100%{opacity:1}}#wrapper{-moz-animation:wrapper 3s forwards;-webkit-animation:wrapper 3s forwards;-ms-animation:wrapper 3s forwards;animation:wrapper 3s forwards;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%}#bg{-moz-animation:bg 60s linear infinite;-webkit-animation:bg 60s linear infinite;-ms-animation:bg 60s linear infinite;animation:bg 60s linear infinite;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#348cb2 url(images/bg.jpg) bottom left;background-repeat:repeat-x;height:100%;left:0;opacity:1;position:fixed;top:0}@-moz-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-2250px,0,0);-webkit-transform:translate3d(-2250px,0,0);-ms-transform:translate3d(-2250px,0,0);transform:translate3d(-2250px,0,0)}}@-webkit-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-2250px,0,0);-webkit-transform:translate3d(-2250px,0,0);-ms-transform:translate3d(-2250px,0,0);transform:translate3d(-2250px,0,0)}}@-ms-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-2250px,0,0);-webkit-transform:translate3d(-2250px,0,0);-ms-transform:translate3d(-2250px,0,0);transform:translate3d(-2250px,0,0)}}@keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-2250px,0,0);-webkit-transform:translate3d(-2250px,0,0);-ms-transform:translate3d(-2250px,0,0);transform:translate3d(-2250px,0,0)}}#bg{background-size:2250px 100%;width:6750px}@-moz-keyframes overlay{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes overlay{0%{opacity:0}100%{opacity:1}}@-ms-keyframes overlay{0%{opacity:0}100%{opacity:1}}@keyframes overlay{0%{opacity:0}100%{opacity:1}}#overlay{-moz-animation:overlay 1.5s 1.5s forwards;-webkit-animation:overlay 1.5s 1.5s forwards;-ms-animation:overlay 1.5s 1.5s forwards;animation:overlay 1.5s 1.5s forwards;background-attachment:fixed,fixed;background-image:url(images/overlay-pattern.png),url(images/overlay.svg);background-position:top left,center center;background-repeat:repeat,no-repeat;background-size:auto,cover;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%}#main{height:100%;left:0;position:fixed;text-align:center;top:0;width:100%}#main:before{content:'';display:inline-block;height:100%;margin-right:0;vertical-align:middle;width:1px}@-moz-keyframes header{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes header{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-ms-keyframes header{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes header{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-moz-keyframes nav-icons{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes nav-icons{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-ms-keyframes nav-icons{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes nav-icons{0%{-moz-transform:translate3d(0,1em,0);-webkit-transform:translate3d(0,1em,0);-ms-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);opacity:0}100%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}#header{-moz-animation:header 1s 2.25s forwards;-webkit-animation:header 1s 2.25s forwards;-ms-animation:header 1s 2.25s forwards;animation:header 1s 2.25s forwards;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);cursor:default;display:inline-block;opacity:0;position:relative;text-align:center;top:-1em;vertical-align:middle;width:90%}#header h1{font-size:4.35em;font-weight:900;letter-spacing:-.035em;line-height:1em}#header p{font-size:1.25em;margin:.75em 0 .25em;opacity:.75}#header nav{margin:1.5em 0 0}#header nav li{-moz-animation:nav-icons .5s ease-in-out forwards;-webkit-animation:nav-icons .5s ease-in-out forwards;-ms-animation:nav-icons .5s ease-in-out forwards;animation:nav-icons .5s ease-in-out forwards;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:inline-block;height:5.35em;line-height:5.885em;opacity:0;position:relative;top:0;width:5.35em}#header nav li:nth-child(1){-moz-animation-delay:2.5s;-webkit-animation-delay:2.5s;-ms-animation-delay:2.5s;animation-delay:2.5s}#header nav li:nth-child(2){-moz-animation-delay:2.75s;-webkit-animation-delay:2.75s;-ms-animation-delay:2.75s;animation-delay:2.75s}#header nav li:nth-child(3){-moz-animation-delay:3s;-webkit-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}#header nav li:nth-child(4){-moz-animation-delay:3.25s;-webkit-animation-delay:3.25s;-ms-animation-delay:3.25s;animation-delay:3.25s}#header nav li:nth-child(5){-moz-animation-delay:3.5s;-webkit-animation-delay:3.5s;-ms-animation-delay:3.5s;animation-delay:3.5s}#header nav li:nth-child(6){-moz-animation-delay:3.75s;-webkit-animation-delay:3.75s;-ms-animation-delay:3.75s;animation-delay:3.75s}#header nav li:nth-child(7){-moz-animation-delay:4s;-webkit-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s}#header nav li:nth-child(8){-moz-animation-delay:4.25s;-webkit-animation-delay:4.25s;-ms-animation-delay:4.25s;animation-delay:4.25s}#header nav li:nth-child(9){-moz-animation-delay:4.5s;-webkit-animation-delay:4.5s;-ms-animation-delay:4.5s;animation-delay:4.5s}#header nav li:nth-child(10){-moz-animation-delay:4.75s;-webkit-animation-delay:4.75s;-ms-animation-delay:4.75s;animation-delay:4.75s}#header nav a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border:0;display:inline-block}#header nav a:before{-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:100%;border:solid 1px #fff;display:block;font-size:1.75em;height:2.5em;line-height:2.5em;position:relative;text-align:center;top:0;width:2.5em}#header nav a:hover{font-size:1.1em}#header nav a:hover:before{background-color:rgba(255,255,255,.175);color:#fff}#header nav a:active{font-size:.95em;background:0 0}#header nav a:active:before{background-color:rgba(255,255,255,.35);color:#fff}#header nav a span{display:none}#footer{background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%);background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%);background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%);background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5) 75%);bottom:0;cursor:default;height:6em;left:0;line-height:8em;position:absolute;text-align:center;width:100%}@media screen and (max-width:1680px){body,input,select,textarea{font-size:13pt}@-moz-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-1500px,0,0);-webkit-transform:translate3d(-1500px,0,0);-ms-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}@-webkit-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-1500px,0,0);-webkit-transform:translate3d(-1500px,0,0);-ms-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}@-ms-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-1500px,0,0);-webkit-transform:translate3d(-1500px,0,0);-ms-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}@keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-1500px,0,0);-webkit-transform:translate3d(-1500px,0,0);-ms-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}#bg{background-size:1500px 100%;width:4500px}}@media screen and (max-width:1280px){body,input,select,textarea{font-size:12pt}@-moz-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-750px,0,0);-webkit-transform:translate3d(-750px,0,0);-ms-transform:translate3d(-750px,0,0);transform:translate3d(-750px,0,0)}}@-webkit-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-750px,0,0);-webkit-transform:translate3d(-750px,0,0);-ms-transform:translate3d(-750px,0,0);transform:translate3d(-750px,0,0)}}@-ms-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-750px,0,0);-webkit-transform:translate3d(-750px,0,0);-ms-transform:translate3d(-750px,0,0);transform:translate3d(-750px,0,0)}}@keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-750px,0,0);-webkit-transform:translate3d(-750px,0,0);-ms-transform:translate3d(-750px,0,0);transform:translate3d(-750px,0,0)}}#bg{background-size:750px 100%;width:2250px}}@media screen and (max-width:736px){body{min-width:320px}body,input,select,textarea{font-size:11pt}@-moz-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-300px,0,0);-webkit-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}}@-webkit-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-300px,0,0);-webkit-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}}@-ms-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-300px,0,0);-webkit-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}}@keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-300px,0,0);-webkit-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}}#bg{background-size:300px auto;width:900px}#header h1{font-size:2.5em}#header p{font-size:1em}#header nav{font-size:1em}#header nav a:hover{font-size:1em}#header nav a:active{font-size:1em}}@media screen and (max-width:480px){@-moz-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-412.5px,0,0);-webkit-transform:translate3d(-412.5px,0,0);-ms-transform:translate3d(-412.5px,0,0);transform:translate3d(-412.5px,0,0)}}@-webkit-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-412.5px,0,0);-webkit-transform:translate3d(-412.5px,0,0);-ms-transform:translate3d(-412.5px,0,0);transform:translate3d(-412.5px,0,0)}}@-ms-keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-412.5px,0,0);-webkit-transform:translate3d(-412.5px,0,0);-ms-transform:translate3d(-412.5px,0,0);transform:translate3d(-412.5px,0,0)}}@keyframes bg{0%{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-moz-transform:translate3d(-412.5px,0,0);-webkit-transform:translate3d(-412.5px,0,0);-ms-transform:translate3d(-412.5px,0,0);transform:translate3d(-412.5px,0,0)}}#bg{background-size:412.5px 100%;width:1237.5px}#header nav{padding:0 1em}}