123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882 |
- @import url(fontawesome-all.min.css);
- @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600,700,300i,600i,700i|Raleway:600,800");
- /*
- Paradigm Shift by HTML5 UP
- html5up.net | @ajlkn
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
- */
- 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;
- }
- /* Basic */
- @-ms-viewport {
- width: device-width;
- }
- body {
- -ms-overflow-style: scrollbar;
- }
- @media screen and (max-width: 480px) {
- html, body {
- min-width: 320px;
- }
- }
- html {
- box-sizing: border-box;
- }
- *, *:before, *:after {
- box-sizing: inherit;
- }
- html {
- overflow-x: hidden;
- }
- body {
- background: #ffffff;
- overflow-x: 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;
- }
- /* Typography */
- html {
- font-size: 18pt;
- }
- @media screen and (max-width: 1920px) {
- html {
- font-size: 13pt;
- }
- }
- @media screen and (max-width: 1152px) {
- html {
- font-size: 14pt;
- }
- }
- @media screen and (max-width: 736px) {
- html {
- font-size: 12pt;
- }
- }
- @media screen and (max-width: 480px) {
- html {
- font-size: 11pt;
- }
- }
- body {
- background-color: #ffffff;
- color: #000000;
- }
- body, input, select, textarea {
- color: #000000;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 1rem;
- font-weight: 300;
- letter-spacing: 0.0375em;
- line-height: 2;
- }
- a {
- -moz-transition: border-bottom-color 0.25s ease-in-out;
- -webkit-transition: border-bottom-color 0.25s ease-in-out;
- -ms-transition: border-bottom-color 0.25s ease-in-out;
- transition: border-bottom-color 0.25s ease-in-out;
- text-decoration: none;
- color: #000000;
- border-bottom: dotted 1px;
- }
- a:hover {
- text-decoration: none;
- border-bottom-color: transparent;
- }
- strong, b {
- font-weight: 600;
- color: #000000;
- }
- em, i {
- font-style: italic;
- }
- p {
- margin: 0 0 2rem 0;
- }
- h1, h2, h3, h4, h5, h6 {
- color: #000000;
- font-family: "Raleway", Helvetica, sans-serif;
- font-weight: 600;
- letter-spacing: 0.175em;
- line-height: 1.75;
- margin: 0 0 1.5rem 0;
- text-transform: uppercase;
- }
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
- color: inherit;
- text-decoration: none;
- }
- h1 {
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 5rem;
- font-weight: 700;
- letter-spacing: -0.05em;
- line-height: 1.1;
- margin: 0 0 1.5rem 0;
- text-transform: none;
- }
- h2 {
- font-size: 1.25rem;
- font-weight: 800;
- margin: 0 0 2rem 0;
- }
- h3 {
- font-size: 0.875rem;
- }
- h4 {
- font-size: 0.875rem;
- }
- h5 {
- font-size: 0.75rem;
- }
- h6 {
- font-size: 0.625rem;
- }
- @media screen and (max-width: 736px) {
- h1 {
- font-size: 4.5rem;
- line-height: 1.1;
- }
- h2 {
- font-size: 1.25rem;
- line-height: 1.7;
- }
- h3 {
- font-size: 0.9rem;
- }
- h4 {
- font-size: 0.75rem;
- }
- h5 {
- font-size: 0.675rem;
- }
- }
- @media screen and (max-width: 360px) {
- h1 {
- font-size: 3.75rem;
- }
- h2 {
- font-size: 1.125rem;
- }
- h3 {
- font-size: 0.8rem;
- }
- h4 {
- font-size: 0.675rem;
- }
- h5 {
- font-size: 0.675rem;
- }
- }
- sub {
- font-size: 0.8rem;
- position: relative;
- top: 0.5rem;
- }
- sup {
- font-size: 0.8rem;
- position: relative;
- top: -0.5rem;
- }
- blockquote {
- border-left: solid 0.5rem rgba(144, 144, 144, 0.25);
- font-style: italic;
- margin: 0 0 2rem 0;
- padding: 1rem 0 1rem 2rem;
- }
- code {
- background: rgba(144, 144, 144, 0.1);
- border-radius: 0.325rem;
- font-family: "Courier New", monospace;
- font-size: 0.9rem;
- margin: 0 0.25rem;
- padding: 0.25rem 0.65rem;
- }
- pre {
- -webkit-overflow-scrolling: touch;
- font-family: "Courier New", monospace;
- font-size: 0.9rem;
- margin: 0 0 2rem 0;
- width: 100%;
- }
- pre code {
- display: block;
- line-height: 1.75;
- padding: 1rem 1.5rem;
- overflow-x: auto;
- }
- hr {
- border: 0;
- border-bottom: solid 2px rgba(144, 144, 144, 0.25);
- margin: 3rem 0;
- }
- hr.major {
- margin: 5rem 0;
- }
- @media screen and (max-width: 736px) {
- hr.major {
- margin: 3rem 0;
- }
- }
- /* Row */
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
- .row > * {
- box-sizing: border-box;
- }
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
- .row.aln-left {
- justify-content: flex-start;
- }
- .row.aln-center {
- justify-content: center;
- }
- .row.aln-right {
- justify-content: flex-end;
- }
- .row.aln-top {
- align-items: flex-start;
- }
- .row.aln-middle {
- align-items: center;
- }
- .row.aln-bottom {
- align-items: flex-end;
- }
- .row > .imp {
- order: -1;
- }
- .row > .col-1 {
- width: 8.33333%;
- }
- .row > .off-1 {
- margin-left: 8.33333%;
- }
- .row > .col-2 {
- width: 16.66667%;
- }
- .row > .off-2 {
- margin-left: 16.66667%;
- }
- .row > .col-3 {
- width: 25%;
- }
- .row > .off-3 {
- margin-left: 25%;
- }
- .row > .col-4 {
- width: 33.33333%;
- }
- .row > .off-4 {
- margin-left: 33.33333%;
- }
- .row > .col-5 {
- width: 41.66667%;
- }
- .row > .off-5 {
- margin-left: 41.66667%;
- }
- .row > .col-6 {
- width: 50%;
- }
- .row > .off-6 {
- margin-left: 50%;
- }
- .row > .col-7 {
- width: 58.33333%;
- }
- .row > .off-7 {
- margin-left: 58.33333%;
- }
- .row > .col-8 {
- width: 66.66667%;
- }
- .row > .off-8 {
- margin-left: 66.66667%;
- }
- .row > .col-9 {
- width: 75%;
- }
- .row > .off-9 {
- margin-left: 75%;
- }
- .row > .col-10 {
- width: 83.33333%;
- }
- .row > .off-10 {
- margin-left: 83.33333%;
- }
- .row > .col-11 {
- width: 91.66667%;
- }
- .row > .off-11 {
- margin-left: 91.66667%;
- }
- .row > .col-12 {
- width: 100%;
- }
- .row > .off-12 {
- margin-left: 100%;
- }
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.5rem;
- }
- .row.gtr-25 > * {
- padding: 0 0 0 0.5rem;
- }
- .row.gtr-25.gtr-uniform {
- margin-top: -0.5rem;
- }
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.5rem;
- }
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -1rem;
- }
- .row.gtr-50 > * {
- padding: 0 0 0 1rem;
- }
- .row.gtr-50.gtr-uniform {
- margin-top: -1rem;
- }
- .row.gtr-50.gtr-uniform > * {
- padding-top: 1rem;
- }
- .row {
- margin-top: 0;
- margin-left: -2rem;
- }
- .row > * {
- padding: 0 0 0 2rem;
- }
- .row.gtr-uniform {
- margin-top: -2rem;
- }
- .row.gtr-uniform > * {
- padding-top: 2rem;
- }
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -3rem;
- }
- .row.gtr-150 > * {
- padding: 0 0 0 3rem;
- }
- .row.gtr-150.gtr-uniform {
- margin-top: -3rem;
- }
- .row.gtr-150.gtr-uniform > * {
- padding-top: 3rem;
- }
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -4rem;
- }
- .row.gtr-200 > * {
- padding: 0 0 0 4rem;
- }
- .row.gtr-200.gtr-uniform {
- margin-top: -4rem;
- }
- .row.gtr-200.gtr-uniform > * {
- padding-top: 4rem;
- }
- @media screen and (max-width: 1920px) {
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
- .row > * {
- box-sizing: border-box;
- }
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
- .row.aln-left {
- justify-content: flex-start;
- }
- .row.aln-center {
- justify-content: center;
- }
- .row.aln-right {
- justify-content: flex-end;
- }
- .row.aln-top {
- align-items: flex-start;
- }
- .row.aln-middle {
- align-items: center;
- }
- .row.aln-bottom {
- align-items: flex-end;
- }
- .row > .imp-xlarge {
- order: -1;
- }
- .row > .col-1-xlarge {
- width: 8.33333%;
- }
- .row > .off-1-xlarge {
- margin-left: 8.33333%;
- }
- .row > .col-2-xlarge {
- width: 16.66667%;
- }
- .row > .off-2-xlarge {
- margin-left: 16.66667%;
- }
- .row > .col-3-xlarge {
- width: 25%;
- }
- .row > .off-3-xlarge {
- margin-left: 25%;
- }
- .row > .col-4-xlarge {
- width: 33.33333%;
- }
- .row > .off-4-xlarge {
- margin-left: 33.33333%;
- }
- .row > .col-5-xlarge {
- width: 41.66667%;
- }
- .row > .off-5-xlarge {
- margin-left: 41.66667%;
- }
- .row > .col-6-xlarge {
- width: 50%;
- }
- .row > .off-6-xlarge {
- margin-left: 50%;
- }
- .row > .col-7-xlarge {
- width: 58.33333%;
- }
- .row > .off-7-xlarge {
- margin-left: 58.33333%;
- }
- .row > .col-8-xlarge {
- width: 66.66667%;
- }
- .row > .off-8-xlarge {
- margin-left: 66.66667%;
- }
- .row > .col-9-xlarge {
- width: 75%;
- }
- .row > .off-9-xlarge {
- margin-left: 75%;
- }
- .row > .col-10-xlarge {
- width: 83.33333%;
- }
- .row > .off-10-xlarge {
- margin-left: 83.33333%;
- }
- .row > .col-11-xlarge {
- width: 91.66667%;
- }
- .row > .off-11-xlarge {
- margin-left: 91.66667%;
- }
- .row > .col-12-xlarge {
- width: 100%;
- }
- .row > .off-12-xlarge {
- margin-left: 100%;
- }
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.5rem;
- }
- .row.gtr-25 > * {
- padding: 0 0 0 0.5rem;
- }
- .row.gtr-25.gtr-uniform {
- margin-top: -0.5rem;
- }
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.5rem;
- }
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -1rem;
- }
- .row.gtr-50 > * {
- padding: 0 0 0 1rem;
- }
- .row.gtr-50.gtr-uniform {
- margin-top: -1rem;
- }
- .row.gtr-50.gtr-uniform > * {
- padding-top: 1rem;
- }
- .row {
- margin-top: 0;
- margin-left: -2rem;
- }
- .row > * {
- padding: 0 0 0 2rem;
- }
- .row.gtr-uniform {
- margin-top: -2rem;
- }
- .row.gtr-uniform > * {
- padding-top: 2rem;
- }
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -3rem;
- }
- .row.gtr-150 > * {
- padding: 0 0 0 3rem;
- }
- .row.gtr-150.gtr-uniform {
- margin-top: -3rem;
- }
- .row.gtr-150.gtr-uniform > * {
- padding-top: 3rem;
- }
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -4rem;
- }
- .row.gtr-200 > * {
- padding: 0 0 0 4rem;
- }
- .row.gtr-200.gtr-uniform {
- margin-top: -4rem;
- }
- .row.gtr-200.gtr-uniform > * {
- padding-top: 4rem;
- }
- }
- @media screen and (max-width: 1280px) {
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
- .row > * {
- box-sizing: border-box;
- }
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
- .row.aln-left {
- justify-content: flex-start;
- }
- .row.aln-center {
- justify-content: center;
- }
- .row.aln-right {
- justify-content: flex-end;
- }
- .row.aln-top {
- align-items: flex-start;
- }
- .row.aln-middle {
- align-items: center;
- }
- .row.aln-bottom {
- align-items: flex-end;
- }
- .row > .imp-large {
- order: -1;
- }
- .row > .col-1-large {
- width: 8.33333%;
- }
- .row > .off-1-large {
- margin-left: 8.33333%;
- }
- .row > .col-2-large {
- width: 16.66667%;
- }
- .row > .off-2-large {
- margin-left: 16.66667%;
- }
- .row > .col-3-large {
- width: 25%;
- }
- .row > .off-3-large {
- margin-left: 25%;
- }
- .row > .col-4-large {
- width: 33.33333%;
- }
- .row > .off-4-large {
- margin-left: 33.33333%;
- }
- .row > .col-5-large {
- width: 41.66667%;
- }
- .row > .off-5-large {
- margin-left: 41.66667%;
- }
- .row > .col-6-large {
- width: 50%;
- }
- .row > .off-6-large {
- margin-left: 50%;
- }
- .row > .col-7-large {
- width: 58.33333%;
- }
- .row > .off-7-large {
- margin-left: 58.33333%;
- }
- .row > .col-8-large {
- width: 66.66667%;
- }
- .row > .off-8-large {
- margin-left: 66.66667%;
- }
- .row > .col-9-large {
- width: 75%;
- }
- .row > .off-9-large {
- margin-left: 75%;
- }
- .row > .col-10-large {
- width: 83.33333%;
- }
- .row > .off-10-large {
- margin-left: 83.33333%;
- }
- .row > .col-11-large {
- width: 91.66667%;
- }
- .row > .off-11-large {
- margin-left: 91.66667%;
- }
- .row > .col-12-large {
- width: 100%;
- }
- .row > .off-12-large {
- margin-left: 100%;
- }
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
- .row > * {
- padding: 0 0 0 1.5rem;
- }
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
- }
- @media screen and (max-width: 1152px) {
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
- .row > * {
- box-sizing: border-box;
- }
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
- .row.aln-left {
- justify-content: flex-start;
- }
- .row.aln-center {
- justify-content: center;
- }
- .row.aln-right {
- justify-content: flex-end;
- }
- .row.aln-top {
- align-items: flex-start;
- }
- .row.aln-middle {
- align-items: center;
- }
- .row.aln-bottom {
- align-items: flex-end;
- }
- .row > .imp-medium {
- order: -1;
- }
- .row > .col-1-medium {
- width: 8.33333%;
- }
- .row > .off-1-medium {
- margin-left: 8.33333%;
- }
- .row > .col-2-medium {
- width: 16.66667%;
- }
- .row > .off-2-medium {
- margin-left: 16.66667%;
- }
- .row > .col-3-medium {
- width: 25%;
- }
- .row > .off-3-medium {
- margin-left: 25%;
- }
- .row > .col-4-medium {
- width: 33.33333%;
- }
- .row > .off-4-medium {
- margin-left: 33.33333%;
- }
- .row > .col-5-medium {
- width: 41.66667%;
- }
- .row > .off-5-medium {
- margin-left: 41.66667%;
- }
- .row > .col-6-medium {
- width: 50%;
- }
- .row > .off-6-medium {
- margin-left: 50%;
- }
- .row > .col-7-medium {
- width: 58.33333%;
- }
- .row > .off-7-medium {
- margin-left: 58.33333%;
- }
- .row > .col-8-medium {
- width: 66.66667%;
- }
- .row > .off-8-medium {
- margin-left: 66.66667%;
- }
- .row > .col-9-medium {
- width: 75%;
- }
- .row > .off-9-medium {
- margin-left: 75%;
- }
- .row > .col-10-medium {
- width: 83.33333%;
- }
- .row > .off-10-medium {
- margin-left: 83.33333%;
- }
- .row > .col-11-medium {
- width: 91.66667%;
- }
- .row > .off-11-medium {
- margin-left: 91.66667%;
- }
- .row > .col-12-medium {
- width: 100%;
- }
- .row > .off-12-medium {
- margin-left: 100%;
- }
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
- .row > * {
- padding: 0 0 0 1.5rem;
- }
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
- }
- @media screen and (max-width: 736px) {
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
- .row > * {
- box-sizing: border-box;
- }
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
- .row.aln-left {
- justify-content: flex-start;
- }
- .row.aln-center {
- justify-content: center;
- }
- .row.aln-right {
- justify-content: flex-end;
- }
- .row.aln-top {
- align-items: flex-start;
- }
- .row.aln-middle {
- align-items: center;
- }
- .row.aln-bottom {
- align-items: flex-end;
- }
- .row > .imp-small {
- order: -1;
- }
- .row > .col-1-small {
- width: 8.33333%;
- }
- .row > .off-1-small {
- margin-left: 8.33333%;
- }
- .row > .col-2-small {
- width: 16.66667%;
- }
- .row > .off-2-small {
- margin-left: 16.66667%;
- }
- .row > .col-3-small {
- width: 25%;
- }
- .row > .off-3-small {
- margin-left: 25%;
- }
- .row > .col-4-small {
- width: 33.33333%;
- }
- .row > .off-4-small {
- margin-left: 33.33333%;
- }
- .row > .col-5-small {
- width: 41.66667%;
- }
- .row > .off-5-small {
- margin-left: 41.66667%;
- }
- .row > .col-6-small {
- width: 50%;
- }
- .row > .off-6-small {
- margin-left: 50%;
- }
- .row > .col-7-small {
- width: 58.33333%;
- }
- .row > .off-7-small {
- margin-left: 58.33333%;
- }
- .row > .col-8-small {
- width: 66.66667%;
- }
- .row > .off-8-small {
- margin-left: 66.66667%;
- }
- .row > .col-9-small {
- width: 75%;
- }
- .row > .off-9-small {
- margin-left: 75%;
- }
- .row > .col-10-small {
- width: 83.33333%;
- }
- .row > .off-10-small {
- margin-left: 83.33333%;
- }
- .row > .col-11-small {
- width: 91.66667%;
- }
- .row > .off-11-small {
- margin-left: 91.66667%;
- }
- .row > .col-12-small {
- width: 100%;
- }
- .row > .off-12-small {
- margin-left: 100%;
- }
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.3125rem;
- }
- .row.gtr-25 > * {
- padding: 0 0 0 0.3125rem;
- }
- .row.gtr-25.gtr-uniform {
- margin-top: -0.3125rem;
- }
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.3125rem;
- }
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.625rem;
- }
- .row.gtr-50 > * {
- padding: 0 0 0 0.625rem;
- }
- .row.gtr-50.gtr-uniform {
- margin-top: -0.625rem;
- }
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.625rem;
- }
- .row {
- margin-top: 0;
- margin-left: -1.25rem;
- }
- .row > * {
- padding: 0 0 0 1.25rem;
- }
- .row.gtr-uniform {
- margin-top: -1.25rem;
- }
- .row.gtr-uniform > * {
- padding-top: 1.25rem;
- }
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -1.875rem;
- }
- .row.gtr-150 > * {
- padding: 0 0 0 1.875rem;
- }
- .row.gtr-150.gtr-uniform {
- margin-top: -1.875rem;
- }
- .row.gtr-150.gtr-uniform > * {
- padding-top: 1.875rem;
- }
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -2.5rem;
- }
- .row.gtr-200 > * {
- padding: 0 0 0 2.5rem;
- }
- .row.gtr-200.gtr-uniform {
- margin-top: -2.5rem;
- }
- .row.gtr-200.gtr-uniform > * {
- padding-top: 2.5rem;
- }
- }
- @media screen and (max-width: 480px) {
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
- .row > * {
- box-sizing: border-box;
- }
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
- .row.aln-left {
- justify-content: flex-start;
- }
- .row.aln-center {
- justify-content: center;
- }
- .row.aln-right {
- justify-content: flex-end;
- }
- .row.aln-top {
- align-items: flex-start;
- }
- .row.aln-middle {
- align-items: center;
- }
- .row.aln-bottom {
- align-items: flex-end;
- }
- .row > .imp-xsmall {
- order: -1;
- }
- .row > .col-1-xsmall {
- width: 8.33333%;
- }
- .row > .off-1-xsmall {
- margin-left: 8.33333%;
- }
- .row > .col-2-xsmall {
- width: 16.66667%;
- }
- .row > .off-2-xsmall {
- margin-left: 16.66667%;
- }
- .row > .col-3-xsmall {
- width: 25%;
- }
- .row > .off-3-xsmall {
- margin-left: 25%;
- }
- .row > .col-4-xsmall {
- width: 33.33333%;
- }
- .row > .off-4-xsmall {
- margin-left: 33.33333%;
- }
- .row > .col-5-xsmall {
- width: 41.66667%;
- }
- .row > .off-5-xsmall {
- margin-left: 41.66667%;
- }
- .row > .col-6-xsmall {
- width: 50%;
- }
- .row > .off-6-xsmall {
- margin-left: 50%;
- }
- .row > .col-7-xsmall {
- width: 58.33333%;
- }
- .row > .off-7-xsmall {
- margin-left: 58.33333%;
- }
- .row > .col-8-xsmall {
- width: 66.66667%;
- }
- .row > .off-8-xsmall {
- margin-left: 66.66667%;
- }
- .row > .col-9-xsmall {
- width: 75%;
- }
- .row > .off-9-xsmall {
- margin-left: 75%;
- }
- .row > .col-10-xsmall {
- width: 83.33333%;
- }
- .row > .off-10-xsmall {
- margin-left: 83.33333%;
- }
- .row > .col-11-xsmall {
- width: 91.66667%;
- }
- .row > .off-11-xsmall {
- margin-left: 91.66667%;
- }
- .row > .col-12-xsmall {
- width: 100%;
- }
- .row > .off-12-xsmall {
- margin-left: 100%;
- }
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.3125rem;
- }
- .row.gtr-25 > * {
- padding: 0 0 0 0.3125rem;
- }
- .row.gtr-25.gtr-uniform {
- margin-top: -0.3125rem;
- }
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.3125rem;
- }
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.625rem;
- }
- .row.gtr-50 > * {
- padding: 0 0 0 0.625rem;
- }
- .row.gtr-50.gtr-uniform {
- margin-top: -0.625rem;
- }
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.625rem;
- }
- .row {
- margin-top: 0;
- margin-left: -1.25rem;
- }
- .row > * {
- padding: 0 0 0 1.25rem;
- }
- .row.gtr-uniform {
- margin-top: -1.25rem;
- }
- .row.gtr-uniform > * {
- padding-top: 1.25rem;
- }
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -1.875rem;
- }
- .row.gtr-150 > * {
- padding: 0 0 0 1.875rem;
- }
- .row.gtr-150.gtr-uniform {
- margin-top: -1.875rem;
- }
- .row.gtr-150.gtr-uniform > * {
- padding-top: 1.875rem;
- }
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -2.5rem;
- }
- .row.gtr-200 > * {
- padding: 0 0 0 2.5rem;
- }
- .row.gtr-200.gtr-uniform {
- margin-top: -2.5rem;
- }
- .row.gtr-200.gtr-uniform > * {
- padding-top: 2.5rem;
- }
- }
- /* Box */
- .box {
- border: solid 2px rgba(144, 144, 144, 0.25);
- border-radius: 0.325rem;
- margin-bottom: 2rem;
- padding: 1.5rem;
- }
- .box > :last-child {
- margin-bottom: 0;
- }
- .box.alt {
- border: 0;
- border-radius: 0;
- padding: 0;
- }
- /* Button */
- input[type="submit"],
- input[type="reset"],
- input[type="button"],
- button,
- .button {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
- -moz-transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
- -webkit-transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
- -ms-transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
- transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
- background-color: transparent;
- border-radius: 0.325rem;
- border: 0;
- box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
- color: #000000 !important;
- cursor: pointer;
- display: inline-block;
- font-family: "Raleway", Helvetica, sans-serif;
- font-size: 0.6rem;
- font-weight: 600;
- height: 3rem;
- letter-spacing: 0.175em;
- line-height: 3rem;
- padding: 0 2rem;
- text-align: center;
- text-decoration: none;
- text-transform: uppercase;
- white-space: nowrap;
- }
- input[type="submit"]:hover,
- input[type="reset"]:hover,
- input[type="button"]:hover,
- button:hover,
- .button:hover {
- box-shadow: inset 0 0 0 2px #2ee4bb;
- color: #2ee4bb !important;
- }
- input[type="submit"]:active,
- input[type="reset"]:active,
- input[type="button"]:active,
- button:active,
- .button:active {
- background-color: rgba(73, 252, 212, 0.25);
- box-shadow: inset 0 0 0 2px #2ee4bb;
- color: #2ee4bb !important;
- }
- input[type="submit"].small,
- input[type="reset"].small,
- input[type="button"].small,
- button.small,
- .button.small {
- font-size: 0.5rem;
- height: 2.25rem;
- line-height: 2.25rem;
- padding: 0 1.25rem;
- }
- input[type="submit"].large,
- input[type="reset"].large,
- input[type="button"].large,
- button.large,
- .button.large {
- font-size: 0.7rem;
- height: 3.2625rem;
- line-height: 3.2625rem;
- padding: 0 3.25rem;
- }
- input[type="submit"].wide,
- input[type="reset"].wide,
- input[type="button"].wide,
- button.wide,
- .button.wide {
- min-width: 13rem;
- }
- input[type="submit"].icon:before,
- input[type="reset"].icon:before,
- input[type="button"].icon:before,
- button.icon:before,
- .button.icon:before {
- margin-right: 0.5rem;
- }
- input[type="submit"].fit,
- input[type="reset"].fit,
- input[type="button"].fit,
- button.fit,
- .button.fit {
- width: 100%;
- }
- input[type="submit"].disabled, input[type="submit"]:disabled,
- input[type="reset"].disabled,
- input[type="reset"]:disabled,
- input[type="button"].disabled,
- input[type="button"]:disabled,
- button.disabled,
- button:disabled,
- .button.disabled,
- .button:disabled {
- pointer-events: none;
- opacity: 0.25;
- }
- input[type="submit"].primary,
- input[type="reset"].primary,
- input[type="button"].primary,
- button.primary,
- .button.primary {
- background-color: #49fcd4;
- box-shadow: none;
- color: #000000 !important;
- }
- input[type="submit"].primary:hover,
- input[type="reset"].primary:hover,
- input[type="button"].primary:hover,
- button.primary:hover,
- .button.primary:hover {
- background-color: #93ffe7;
- }
- input[type="submit"].primary:active,
- input[type="reset"].primary:active,
- input[type="button"].primary:active,
- button.primary:active,
- .button.primary:active {
- background-color: #44f2cb;
- }
- @media screen and (max-width: 736px) {
- input[type="submit"],
- input[type="reset"],
- input[type="button"],
- button,
- .button {
- font-size: 0.7rem;
- height: 3.3rem;
- line-height: 3.3rem;
- }
- input[type="submit"].large,
- input[type="reset"].large,
- input[type="button"].large,
- button.large,
- .button.large {
- font-size: 0.8rem;
- height: 3.75rem;
- line-height: 3.75rem;
- }
- input[type="submit"].small,
- input[type="reset"].small,
- input[type="button"].small,
- button.small,
- .button.small {
- font-size: 0.6rem;
- height: 3rem;
- line-height: 3rem;
- }
- }
- /* Form */
- form {
- margin: 0 0 2rem 0;
- }
- form > :last-child {
- margin-bottom: 0;
- }
- form > .fields {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-flex-wrap: wrap;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin: -2rem 0 2rem -2rem;
- width: calc(100% + 4rem);
- }
- form > .fields > .field {
- -moz-flex-grow: 0;
- -webkit-flex-grow: 0;
- -ms-flex-grow: 0;
- flex-grow: 0;
- -moz-flex-shrink: 0;
- -webkit-flex-shrink: 0;
- -ms-flex-shrink: 0;
- flex-shrink: 0;
- padding: 2rem 0 0 2rem;
- width: calc(100% - 2rem);
- }
- form > .fields > .field > :last-child {
- margin-bottom: 0;
- }
- form > .fields > .field.half {
- width: calc(50% - 1rem);
- }
- form > .fields > .field.third {
- width: calc(100%/3 - 0.66667rem);
- }
- form > .fields > .field.quarter {
- width: calc(25% - 0.5rem);
- }
- @media screen and (max-width: 480px) {
- form > .fields {
- margin: -1.5rem 0 2rem -1.5rem;
- width: calc(100% + 3rem);
- }
- form > .fields > .field {
- padding: 1.5rem 0 0 1.5rem;
- width: calc(100% - 1.5rem);
- }
- form > .fields > .field.half {
- width: calc(100% - 1.5rem);
- }
- form > .fields > .field.third {
- width: calc(100% - 1.5rem);
- }
- form > .fields > .field.quarter {
- width: calc(100% - 1.5rem);
- }
- }
- input[type="text"],
- input[type="password"],
- input[type="email"],
- input[type="tel"],
- input[type="search"],
- input[type="url"],
- select,
- textarea {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border-radius: 0.325rem;
- border: solid 2px rgba(144, 144, 144, 0.25);
- color: inherit;
- display: block;
- outline: 0;
- padding: 0 1rem;
- text-decoration: none;
- width: 100%;
- }
- input[type="text"]:invalid,
- input[type="password"]:invalid,
- input[type="email"]:invalid,
- input[type="tel"]:invalid,
- input[type="search"]:invalid,
- input[type="url"]:invalid,
- select:invalid,
- textarea:invalid {
- box-shadow: none;
- }
- input[type="text"]:focus,
- input[type="password"]:focus,
- input[type="email"]:focus,
- input[type="tel"]:focus,
- input[type="search"]:focus,
- input[type="url"]:focus,
- select:focus,
- textarea:focus {
- border-color: #2ee4bb;
- }
- label {
- color: #000000;
- display: block;
- font-family: "Raleway", Helvetica, sans-serif;
- font-size: 0.75rem;
- font-weight: 600;
- letter-spacing: 0.175em;
- line-height: 1.75;
- margin: 0 0 1rem 0;
- text-transform: uppercase;
- }
- input[type="text"],
- input[type="password"],
- input[type="email"],
- input[type="tel"],
- input[type="search"],
- input[type="url"] {
- height: 3rem;
- }
- select {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(144, 144, 144, 0.25)' /%3E%3C/svg%3E");
- background-position: calc(100% - 1rem) center;
- background-repeat: no-repeat;
- background-size: 1.25rem;
- height: 3rem;
- padding-right: 3rem;
- text-overflow: ellipsis;
- }
- select option {
- background-color: #ffffff;
- color: #000000;
- }
- select:focus::-ms-value {
- background-color: transparent;
- }
- select::-ms-expand {
- display: none;
- }
- textarea {
- padding: 0.75rem 1rem;
- }
- input[type="checkbox"],
- input[type="radio"] {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
- display: block;
- float: left;
- margin-right: -2rem;
- opacity: 0;
- width: 1rem;
- z-index: -1;
- }
- input[type="checkbox"] + label,
- input[type="radio"] + label {
- text-decoration: none;
- color: #000000;
- cursor: pointer;
- display: inline-block;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 1rem;
- font-weight: 300;
- letter-spacing: 0.0375em;
- padding-left: 2.675rem;
- padding-right: 0.875rem;
- position: relative;
- text-transform: none;
- }
- input[type="checkbox"] + label:before,
- input[type="radio"] + label: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: 900;
- }
- input[type="checkbox"] + label:before,
- input[type="radio"] + label:before {
- border-radius: 0.325rem;
- border: solid 2px rgba(144, 144, 144, 0.25);
- content: '';
- display: inline-block;
- font-size: 0.8rem;
- height: 2.25rem;
- left: 0;
- line-height: 2.25rem;
- position: absolute;
- text-align: center;
- top: -0.15rem;
- width: 2.25rem;
- }
- input[type="checkbox"]:checked + label:before,
- input[type="radio"]:checked + label:before {
- content: '\f00c';
- background-color: #49fcd4;
- border-color: #49fcd4;
- color: #ffffff;
- }
- input[type="checkbox"]:focus + label:before,
- input[type="radio"]:focus + label:before {
- border-color: #49fcd4;
- box-shadow: 0 0 0 1px #49fcd4;
- }
- input[type="checkbox"] + label:before {
- border-radius: 0.325rem;
- }
- input[type="radio"] + label:before {
- border-radius: 100%;
- }
- ::-webkit-input-placeholder {
- opacity: 1.0;
- color: rgba(0, 0, 0, 0.25) !important;
- }
- :-moz-placeholder {
- opacity: 1.0;
- color: rgba(0, 0, 0, 0.25) !important;
- }
- ::-moz-placeholder {
- opacity: 1.0;
- color: rgba(0, 0, 0, 0.25) !important;
- }
- :-ms-input-placeholder {
- opacity: 1.0;
- color: rgba(0, 0, 0, 0.25) !important;
- }
- @media screen and (max-width: 736px) {
- label {
- font-size: 0.675rem;
- }
- input[type="checkbox"] + label,
- input[type="radio"] + label {
- font-size: 1rem;
- }
- }
- @media screen and (max-width: 360px) {
- label {
- font-size: 0.675rem;
- }
- input[type="checkbox"] + label,
- input[type="radio"] + label {
- font-size: 1rem;
- }
- }
- /* Icon */
- .icon {
- text-decoration: none;
- border-bottom: 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';
- }
- /* Image */
- .image {
- border: 0;
- display: inline-block;
- position: relative;
- }
- .image img {
- display: block;
- }
- .image[data-position] img {
- -moz-object-fit: cover;
- -webkit-object-fit: cover;
- -ms-object-fit: cover;
- object-fit: cover;
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .image[data-position="top left"] img {
- -moz-object-position: top left;
- -webkit-object-position: top left;
- -ms-object-position: top left;
- object-position: top left;
- }
- .image[data-position="top"] img {
- -moz-object-position: top;
- -webkit-object-position: top;
- -ms-object-position: top;
- object-position: top;
- }
- .image[data-position="top right"] img {
- -moz-object-position: top right;
- -webkit-object-position: top right;
- -ms-object-position: top right;
- object-position: top right;
- }
- .image[data-position="right"] img {
- -moz-object-position: right;
- -webkit-object-position: right;
- -ms-object-position: right;
- object-position: right;
- }
- .image[data-position="bottom right"] img {
- -moz-object-position: bottom right;
- -webkit-object-position: bottom right;
- -ms-object-position: bottom right;
- object-position: bottom right;
- }
- .image[data-position="bottom"] img {
- -moz-object-position: bottom;
- -webkit-object-position: bottom;
- -ms-object-position: bottom;
- object-position: bottom;
- }
- .image[data-position="bottom left"] img {
- -moz-object-position: bottom left;
- -webkit-object-position: bottom left;
- -ms-object-position: bottom left;
- object-position: bottom left;
- }
- .image[data-position="left"] img {
- -moz-object-position: left;
- -webkit-object-position: left;
- -ms-object-position: left;
- object-position: left;
- }
- .image[data-position="center"] img {
- -moz-object-position: center;
- -webkit-object-position: center;
- -ms-object-position: center;
- object-position: center;
- }
- .image[data-position="25% 25%"] img {
- -moz-object-position: 25% 25%;
- -webkit-object-position: 25% 25%;
- -ms-object-position: 25% 25%;
- object-position: 25% 25%;
- }
- .image[data-position="75% 25%"] img {
- -moz-object-position: 75% 25%;
- -webkit-object-position: 75% 25%;
- -ms-object-position: 75% 25%;
- object-position: 75% 25%;
- }
- .image[data-position="75% 75%"] img {
- -moz-object-position: 75% 75%;
- -webkit-object-position: 75% 75%;
- -ms-object-position: 75% 75%;
- object-position: 75% 75%;
- }
- .image[data-position="25% 75%"] img {
- -moz-object-position: 25% 75%;
- -webkit-object-position: 25% 75%;
- -ms-object-position: 25% 75%;
- object-position: 25% 75%;
- }
- .image.left, .image.right {
- max-width: 40%;
- }
- .image.left img, .image.right img {
- width: 100%;
- }
- .image.left {
- float: left;
- margin: 0 2rem 2rem 0;
- top: 0.25rem;
- }
- .image.right {
- float: right;
- margin: 0 0 2rem 2rem;
- top: 0.25rem;
- }
- .image.fit {
- display: block;
- margin: 0 0 2rem 0;
- width: 100%;
- }
- .image.fit img {
- width: 100%;
- }
- .image.main {
- display: block;
- margin: 3rem 0;
- width: 100%;
- }
- .image.main img {
- width: 100%;
- }
- .image.main:first-child {
- margin-top: 0;
- }
- .image.fill {
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
- .image.fill img {
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
- /* List */
- ol {
- list-style: decimal;
- margin: 0 0 2rem 0;
- padding-left: 1.25rem;
- }
- ol li {
- padding-left: 0.25rem;
- }
- ul {
- list-style: disc;
- margin: 0 0 2rem 0;
- padding-left: 1rem;
- }
- ul li {
- padding-left: 0.325rem;
- }
- ul.alt {
- list-style: none;
- padding-left: 0;
- }
- ul.alt > li {
- border-top: solid 1px rgba(144, 144, 144, 0.25);
- padding: 0.75rem 0;
- }
- ul.alt > li:first-child {
- border-top: 0;
- padding-top: 0;
- }
- ul.alt > li:last-child {
- padding-bottom: 0;
- }
- ul.items {
- list-style: none;
- padding-left: 0;
- }
- ul.items > li {
- padding-left: 0;
- margin: 0 0 3rem 0;
- }
- ul.items > li > h3 {
- margin: 0 0 1rem 0;
- }
- ul.items > li > :last-child {
- margin-bottom: 0;
- }
- ul.items > li:last-child {
- margin-bottom: 0;
- }
- @media screen and (max-width: 736px) {
- ul.items > li {
- margin: 0 0 2rem 0;
- }
- }
- dl {
- margin: 0 0 2rem 0;
- }
- dl dt {
- display: block;
- font-weight: 600;
- margin: 0 0 1rem 0;
- }
- dl dd {
- margin-left: 1.5rem;
- }
- /* Actions */
- ul.actions {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- cursor: default;
- list-style: none;
- margin-left: -1rem;
- padding-left: 0;
- }
- ul.actions li {
- padding: 0 0 0 1rem;
- vertical-align: middle;
- }
- ul.actions.special {
- -moz-justify-content: center;
- -webkit-justify-content: center;
- -ms-justify-content: center;
- justify-content: center;
- width: 100%;
- margin-left: 0;
- }
- ul.actions.special li:first-child {
- padding-left: 0;
- }
- ul.actions.stacked {
- -moz-flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-left: 0;
- }
- ul.actions.stacked li {
- padding: 1.3rem 0 0 0;
- }
- ul.actions.stacked li:first-child {
- padding-top: 0;
- }
- ul.actions.fit {
- width: calc(100% + 1rem);
- }
- ul.actions.fit li {
- -moz-flex-grow: 1;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- width: 100%;
- }
- ul.actions.fit li > * {
- width: 100%;
- }
- ul.actions.fit.stacked {
- width: 100%;
- }
- @media screen and (max-width: 480px) {
- ul.actions:not(.fixed) {
- -moz-flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-left: 0;
- width: 100% !important;
- }
- ul.actions:not(.fixed) li {
- -moz-flex-grow: 1;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- padding: 1rem 0 0 0;
- text-align: center;
- width: 100%;
- }
- ul.actions:not(.fixed) li > * {
- width: 100%;
- }
- ul.actions:not(.fixed) li:first-child {
- padding-top: 0;
- }
- ul.actions:not(.fixed) li input[type="submit"],
- ul.actions:not(.fixed) li input[type="reset"],
- ul.actions:not(.fixed) li input[type="button"],
- ul.actions:not(.fixed) li button,
- ul.actions:not(.fixed) li .button {
- width: 100%;
- }
- ul.actions:not(.fixed) li input[type="submit"].icon:before,
- ul.actions:not(.fixed) li input[type="reset"].icon:before,
- ul.actions:not(.fixed) li input[type="button"].icon:before,
- ul.actions:not(.fixed) li button.icon:before,
- ul.actions:not(.fixed) li .button.icon:before {
- margin-left: -0.5rem;
- }
- }
- /* Icons */
- ul.icons {
- cursor: default;
- list-style: none;
- padding-left: 0;
- }
- ul.icons li {
- display: inline-block;
- }
- ul.icons li:last-child {
- padding-right: 0;
- }
- ul.icons li .icon {
- -moz-transition: background-color 0.25s ease-in-out;
- -webkit-transition: background-color 0.25s ease-in-out;
- -ms-transition: background-color 0.25s ease-in-out;
- transition: background-color 0.25s ease-in-out;
- width: 2.25rem;
- height: 2.25rem;
- text-align: center;
- line-height: 2.25rem;
- border-radius: 2.25rem;
- display: inline-block;
- }
- ul.icons li .icon:before {
- font-size: 1.25rem;
- }
- ul.icons li .icon:hover {
- background-color: rgba(144, 144, 144, 0.1);
- }
- /* Table */
- .table-wrapper {
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- }
- table {
- margin: 0 0 2rem 0;
- width: 100%;
- }
- table tbody tr {
- border: solid 1px rgba(144, 144, 144, 0.25);
- border-left: 0;
- border-right: 0;
- }
- table tbody tr:nth-child(2n + 1) {
- background-color: rgba(144, 144, 144, 0.1);
- }
- table td {
- padding: 0.75rem 0.75rem;
- }
- table th {
- color: #000000;
- font-size: 0.9rem;
- font-weight: 600;
- padding: 0 0.75rem 0.75rem 0.75rem;
- text-align: left;
- }
- table thead {
- border-bottom: solid 2px rgba(144, 144, 144, 0.25);
- }
- table tfoot {
- border-top: solid 2px rgba(144, 144, 144, 0.25);
- }
- table.alt {
- border-collapse: separate;
- }
- table.alt tbody tr td {
- border: solid 1px rgba(144, 144, 144, 0.25);
- border-left-width: 0;
- border-top-width: 0;
- }
- table.alt tbody tr td:first-child {
- border-left-width: 1px;
- }
- table.alt tbody tr:first-child td {
- border-top-width: 1px;
- }
- table.alt thead {
- border-bottom: 0;
- }
- table.alt tfoot {
- border-top: 0;
- }
- /* Arrow */
- a.arrow {
- border-bottom: 0;
- display: inline-block;
- height: 4rem;
- position: relative;
- width: 6rem;
- }
- a.arrow .label {
- display: none;
- }
- a.arrow:before {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M442.53,346.28L293.65,495.16c-0.33,0.33-0.7,0.62-1.05,0.94c-9.16,9.77-22.15,15.9-36.6,15.9 c-14.44,0-27.43-6.13-36.59-15.88c-0.35-0.33-0.72-0.62-1.06-0.96L69.47,346.28c-19.62-19.62-19.62-51.44,0-71.05 c19.62-19.62,51.43-19.62,71.06,0l65.23,65.23V50.24C205.76,22.5,228.25,0,256,0s50.24,22.5,50.24,50.24v290.21l65.23-65.23 c19.62-19.62,51.43-19.62,71.05,0C462.15,294.84,462.15,326.66,442.53,346.28z' fill='%23000000' /%3E%3C/svg%3E");
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- content: '';
- display: inline-block;
- height: 100%;
- position: relative;
- width: 3rem;
- }
- /* Gallery */
- @-moz-keyframes gallery-modal-spinner {
- 0% {
- -moz-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -moz-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- @-webkit-keyframes gallery-modal-spinner {
- 0% {
- -moz-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -moz-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- @-ms-keyframes gallery-modal-spinner {
- 0% {
- -moz-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -moz-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- @keyframes gallery-modal-spinner {
- 0% {
- -moz-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -moz-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- .gallery {
- display: flex;
- flex-wrap: wrap;
- margin: -1.25rem 0 0 -1.25rem;
- width: calc(100% + 1.25rem);
- }
- .gallery a {
- border-bottom: 0;
- display: block;
- margin: 1.25rem 0 0 1.25rem;
- outline: 0;
- position: relative;
- width: calc(50% - 1.25rem);
- }
- .gallery a img {
- display: block;
- height: 25vw;
- min-height: 18rem;
- object-fit: cover;
- object-position: center;
- width: 100%;
- }
- .gallery a.landscape {
- width: 100%;
- }
- .gallery a.landscape img {
- height: 30vw;
- }
- .gallery a.portrait img {
- height: 30vw;
- }
- .gallery .modal {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-align-items: center;
- -webkit-align-items: center;
- -ms-align-items: center;
- align-items: center;
- -moz-justify-content: center;
- -webkit-justify-content: center;
- -ms-justify-content: center;
- justify-content: center;
- pointer-events: none;
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -moz-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
- -webkit-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
- -ms-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
- transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- background-color: rgba(255, 255, 255, 0.875);
- height: 100%;
- left: 0;
- opacity: 0;
- outline: 0;
- position: fixed;
- top: 0;
- visibility: none;
- width: 100%;
- z-index: 0;
- }
- .gallery .modal:before {
- -moz-animation: gallery-modal-spinner 1s infinite linear;
- -webkit-animation: gallery-modal-spinner 1s infinite linear;
- -ms-animation: gallery-modal-spinner 1s infinite linear;
- animation: gallery-modal-spinner 1s infinite linear;
- -moz-transition: opacity 0.25s ease;
- -webkit-transition: opacity 0.25s ease;
- -ms-transition: opacity 0.25s ease;
- transition: opacity 0.25s ease;
- -moz-transition-delay: 0.5s;
- -webkit-transition-delay: 0.5s;
- -ms-transition-delay: 0.5s;
- transition-delay: 0.5s;
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96px' height='96px' viewBox='0 0 96 96' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: %23000000%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cdefs%3E%3CclipPath id='corner'%3E%3Cpolygon points='0,0 48,0 48,48 96,48 96,96 0,96' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23corner)'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E");
- background-position: center;
- background-repeat: no-repeat;
- background-size: 4rem;
- content: '';
- display: block;
- height: 4rem;
- left: 50%;
- margin: -2rem 0 0 -2rem;
- opacity: 0;
- position: absolute;
- top: 50%;
- width: 4rem;
- }
- .gallery .modal:after {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 64 64' zoomAndPan='disable'%3E%3Cstyle%3Eline %7Bstroke: %23000000%3Bstroke-width: 2px%3B%7D%3C/style%3E%3Cline x1='20' y1='20' x2='44' y2='44' /%3E%3Cline x1='20' y1='44' x2='44' y2='20' /%3E%3C/svg%3E");
- background-position: center;
- background-repeat: no-repeat;
- background-size: 3rem;
- content: '';
- cursor: pointer;
- display: block;
- height: 4rem;
- position: absolute;
- right: 0.5rem;
- top: 0.5rem;
- width: 4rem;
- }
- .gallery .modal .inner {
- -moz-transform: translateY(0.75rem);
- -webkit-transform: translateY(0.75rem);
- -ms-transform: translateY(0.75rem);
- transform: translateY(0.75rem);
- -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
- -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
- -ms-transition: opacity 0.25s ease, -ms-transform 0.25s ease;
- transition: opacity 0.25s ease, transform 0.25s ease;
- opacity: 0;
- }
- .gallery .modal .inner img {
- box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.35);
- display: block;
- max-height: 90vh;
- max-width: 90vw;
- }
- .gallery .modal.visible {
- pointer-events: auto;
- opacity: 1;
- visibility: visible;
- z-index: 11000;
- }
- .gallery .modal.visible:before {
- opacity: 1;
- }
- .gallery .modal.loaded .inner {
- -moz-transform: translateY(0);
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
- -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
- -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
- transition: opacity 0.5s ease, transform 0.5s ease;
- opacity: 1;
- }
- .gallery .modal.loaded:before {
- -moz-transition-delay: 0s;
- -webkit-transition-delay: 0s;
- -ms-transition-delay: 0s;
- transition-delay: 0s;
- opacity: 0;
- }
- @media screen and (max-width: 1152px) {
- .gallery a img {
- height: 20rem;
- }
- .gallery a.landscape img {
- height: 25rem;
- }
- .gallery a.portrait img {
- height: 25rem;
- }
- .gallery .modal .inner img {
- max-width: 100vw;
- }
- }
- @media screen and (max-width: 736px) {
- .gallery {
- margin: -0.625rem 0 0 -0.625rem;
- width: calc(100% + 0.625rem);
- }
- .gallery a {
- margin: 0.625rem 0 0 0.625rem;
- width: calc(50% - 0.625rem);
- }
- .gallery a img {
- height: 20rem;
- }
- .gallery a.landscape img {
- height: 20rem;
- }
- .gallery a.portrait img {
- height: 30rem;
- }
- }
- @media screen and (max-width: 480px) {
- .gallery a img {
- height: 12rem;
- min-height: 0;
- }
- .gallery a.landscape img {
- height: 12rem;
- }
- .gallery a.portrait img {
- height: 14rem;
- }
- }
- /* Feature Icons */
- ul.feature-icons {
- display: flex;
- flex-wrap: wrap;
- list-style: none;
- margin: 3rem 0;
- padding-left: 0;
- }
- ul.feature-icons:first-child {
- margin-top: 0;
- }
- ul.feature-icons li {
- margin: 2.5rem 0 0 0;
- padding: 0.5rem 0 0 4.5rem;
- position: relative;
- width: 50%;
- }
- ul.feature-icons li:before {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M256,0l221.7,128v256L256,512L34.3,384V128L256,0z' fill='rgba(144, 144, 144, 0.1)' /%3E%3C/svg%3E");
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- color: #000000;
- display: block;
- font-size: 1.25rem;
- height: 3.25rem;
- left: 0;
- line-height: 3.25rem;
- position: absolute;
- text-align: center;
- top: 0;
- width: 3.25rem;
- }
- ul.feature-icons li:nth-child(1), ul.feature-icons li:nth-child(2) {
- margin-top: 0;
- }
- @media screen and (max-width: 736px) {
- ul.feature-icons {
- margin: 0 0 3rem 0;
- }
- ul.feature-icons li {
- width: 100%;
- }
- ul.feature-icons li:nth-child(2) {
- margin-top: 2rem;
- }
- }
- /* Wrapper */
- #wrapper {
- position: relative;
- width: 100vw;
- padding: 0 0 10rem 0;
- }
- #wrapper:before {
- background-attachment: fixed;
- background-color: #49fcd4;
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 1750' x='0px' y='0px'%3E %3Cpath style='fill: rgba(67, 217, 184, 0.25)' d='M889.72,1137.55l-2.91-0.75l-364.39,282.94l-0.7-0.9l-0.51,0.11l-94.77-451.5l-32.51-15.75l-16.73-8.11l0,0.68 l-1.46,0l0-1.39l-1.89-0.92l-112.41-54.47l-0.29,1.03l-1.41-0.37l0.37-1.31l-34.14-16.54l-98.56-47.76l-0.59,0.81l-1.16-0.88 l0.42-0.57L11.43,766.33l-0.25,0.2l-0.9-1.15l102.87-79.98l0.08-0.1l0.02,0.02l116.68-90.72l-0.18-0.34l1.3-0.66l0.05,0.09 l100.5-78.14l-0.07-0.32l0.65-0.14l42.3-32.89l-0.15-54.54l-0.59,0.29l-0.64-1.31l1.23-0.6l-0.01-4.54l-0.33-122.47l-0.99,0.18 l-0.28-1.43l1.27-0.23l-0.4-147.49l-0.87-0.16l0.28-1.43l0.58,0.1l-0.35-127.48l-0.13-0.06l0.64-1.31L489.97,76.8l0.73,0.19 l-0.04,0.14l132.63,65.11l0.33-0.45l1.16,0.88l-0.16,0.22l114.21,56.07l0.45-0.35l0.72,0.93l47.89,23.51l2.76-1.36l0.56,4.61 l-3.32-1.63L571.52,330.88L375.95,482.93l0.66,239.95l51.12,243.57l222.53,107.83l236.23,60.93l2.27-1.77 M375.8,425.34l17.25-8.47 l36.13-127.75l-53.73,9.66L375.8,425.34z M551,241.05l38.19-52.2l-123.83-22.27l-34.13,120.68l98.99-17.81L551,241.05z M532.3,269.09l151.34-27.22l37.63-29.25l-130.48-23.47L532.3,269.09z M303.38,733.9l-2.36-4.48l-44.18-83.78L182.5,747.25 l40.78,36.46l52.69,47.11L303.38,733.9z M277.18,831.91l56.95,50.93L375.69,920l-0.13-49.23l-71.19-135L277.18,831.91z M303.96,731.86l41.93-148.25l-9.74-46.39L257.8,644.33L303.96,731.86z M304.94,733.73l9.55,18.12l61.05,115.78l-0.39-144.6 l-16.9-80.53l-11.71-55.81L304.94,733.73z M375.21,211.79l0.23,85.51l54.17-9.74l34.29-121.23l-88.87-15.98L375.21,211.79z M430.78,288.83l-17.88,63.21L394.81,416l44.01-21.6l90.15-123.23L430.78,288.83z M287.76,898.62l87.99,42.64l-0.05-19.29 l-91.37-81.71l-7.59-6.78l-14.88,52.59L287.76,898.62z M174.26,843.62l86.26,41.8l15-53.03l-93.89-83.95l-53.34,72.91L174.26,843.62 z M113.18,687.22L12.71,765.33l55.69,26.99l58.56,28.38l53.58-73.24l-34.83-31.14L113.18,687.22z M230.62,595.92l-116.27,90.4 l63.02,56.36l4.03,3.61l74.67-102.08l-7.47-14.17L230.62,595.92z M331.94,517.15l-100.15,77.86l25.25,47.88l78.71-107.59l-1.71-8.14 L331.94,517.15z M333.22,516.15l2.02,9.64l1.66,7.92l34.65-47.37L333.22,516.15z M337.31,535.63l9.43,44.95l26.67-94.3 L337.31,535.63z M347.39,583.66l27.74,132.16l-0.62-228.04L347.39,583.66z M374.7,21.83l0.35,127.02l89.27,16.06l24.61-87 L374.7,21.83z M490.25,78.56l-22.26,78.7l-2.24,7.91l124.39,22.37l10.23-13.99l22.04-30.12L490.25,78.56z M623.74,144.09 l-12.29,16.8l-19.71,26.95l131.07,23.58l14.73-11.45L623.74,144.09z M739,200.67l-13.3,10.34l-0.96,0.74l58.14,10.46L739,200.67z M723.19,212.96l-25.33,19.69l-11.14,8.66l97.03-17.45L723.19,212.96z M782.89,225.5l-98.64,17.74l-107.06,83.23L782.89,225.5z M631.68,282.26l49.48-38.47l-150.1,27l-89.41,122.22l129.1-63.37L631.68,282.26z M565.06,334.05l-125.28,61.5l-45.94,62.8 l-14.96,20.44L565.06,334.05z M425.31,412.87l11.65-15.93l-42.69,20.96l-13.66,48.3l-3.58,12.67L425.31,412.87z M392.51,418.76 l-16.71,8.2l0.01,4.72l0.12,45.68L392.51,418.76z M377.21,941.96l21.37,10.36l24.14,11.7l-45.56-40.74L377.21,941.96z M377.15,921.31l34.83,31.15l12.57,11.24l-47.53-90.14L377.15,921.31z M376.63,730.07l0.38,140.33l48.29,91.59L376.63,730.07z M806.29,1197.48l75.8-58.86l-28.56,11.47l-25.6,10.28l14.96,7.25l-0.64,1.31l-16.16-7.83l-124.76,50.1l40.56,36.27L806.29,1197.48z M522.43,1146.18l58.88,111.66l52.71-21.17l64.61-25.95l-75.11-67.17L522.43,1146.18z M621.92,1142.14l-115.78-103.53l-46.8-12.07 l62.33,118.2l7.06-0.18L621.92,1142.14z M700.14,1210.12l124.19-49.87l-42.89-20.78l-155.8,4.04L700.14,1210.12z M679.7,1295.77 l61.03-47.39l-40.9-36.57l-117.85,47.32l42.09,79.82L679.7,1295.77z M522.48,1417.85l1.83-1.42l98.6-76.56l-42.28-80.19 l-84.25,33.83L522.48,1417.85z M496.08,1292.06l83.87-33.68l-59.14-112.16l-55.04,1.43L496.08,1292.06z M465.46,1146.2l54.58-1.42 l-62.61-118.74l-18.03-4.65l0.36-1.41l16.74,4.32l-27.63-52.4L465.46,1146.2z M458.42,1024.79l45.35,11.7l-74.14-66.29 L458.42,1024.79z M431.46,969.87l75.38,67.41l136.26,35.15L431.46,969.87z M649.76,1075.65l-140.54-36.25l114.83,102.68l154.53-4.01 L649.76,1075.65z M656.92,1077.5l124.84,60.5l51.97-1.35l47.7-1.24L656.92,1077.5z M784.62,1139.38l41.54,20.13l56.45-22.67 L784.62,1139.38z'/%3E %3C/svg%3E");
- background-position: -90% 10%; /* BMOD -50% 10% */
- background-repeat: repeat-y;
- background-size: 75% auto;
- content: '';
- display: block;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 40vw; /* BMOD 50vw */
- z-index: -1;
- }
- #wrapper section {
- display: grid;
- grid-template-areas: "header content" "footer content";
- grid-template-columns: 40vw 60vw; /* BMOD 50vw 5vw */
- grid-template-rows: 1fr;
- }
- #wrapper section:first-child {
- margin-top: 0;
- }
- #wrapper section > header {
- grid-area: header;
- justify-self: end;
- text-align: right;
- }
- #wrapper section > header h2 {
- margin: 0 0 5rem 0;
- }
- #wrapper section > header h1 + p {
- font-family: "Raleway", Helvetica, sans-serif;
- font-size: 0.8rem;
- letter-spacing: 0.175em;
- line-height: 2.5;
- text-transform: uppercase;
- }
- #wrapper section > header ul.actions {
- justify-content: flex-end;
- }
- #wrapper section > .content {
- grid-area: content;
- max-width: 70rem; /* BMOD 60rem */
- position: relative;
- }
- #wrapper section > footer {
- grid-area: footer;
- text-align: right;
- }
- #wrapper section > footer ul.actions {
- justify-content: flex-end;
- }
- #wrapper > section {
- position: relative;
- }
- #wrapper > section > header:before {
- background: #43d9b8;
- content: '';
- display: block;
- margin-top: 1rem;
- position: absolute;
- width: 2px;
- }
- #wrapper > section > header h1, #wrapper > section > header h2 {
- position: relative;
- }
- #wrapper > section > header h1:before, #wrapper > section > header h2:before {
- background: #43d9b8;
- content: '';
- display: block;
- height: 2px;
- position: absolute;
- top: 1rem;
- }
- #wrapper > section > header h1:after, #wrapper > section > header h2:after {
- background: #43d9b8;
- border-radius: 0.5rem;
- content: '';
- display: block;
- height: 0.5rem;
- position: absolute;
- top: 0.75rem;
- width: 0.5rem;
- }
- #wrapper > section > header h1 {
- margin-top: -2rem;
- }
- #wrapper > section > header h1:before {
- top: 3rem;
- }
- #wrapper > section > header h1:after {
- top: 2.75rem;
- }
- #wrapper > section > .content > section {
- position: relative;
- }
- #wrapper > section > .content > section:first-child {
- margin-top: 6rem;
- }
- #wrapper > section.intro {
- align-items: center;
- }
- #wrapper > section.intro > header {
- padding-top: 4rem;
- width: 100%;
- }
- #wrapper > section.intro > header > * {
- margin-left: auto;
- }
- #wrapper > section.intro > header:before {
- left: auto;
- }
- #wrapper > section.intro > .content {
- height: 100vh;
- max-width: none;
- }
- #wrapper > section:last-of-type > header:before {
- height: 100%;
- }
- #wrapper > section:last-of-type > header:after {
- background: #43d9b8;
- border-radius: 0.5rem;
- bottom: -1.5rem;
- content: '';
- display: block;
- height: 0.5rem;
- position: absolute;
- width: 0.5rem;
- z-index: 1;
- }
- #wrapper .copyright {
- color: rgba(0, 0, 0, 0.25);
- font-size: 1rem;
- left: 50vw;
- position: relative;
- width: 50vw;
- }
- #wrapper .copyright a {
- color: inherit;
- }
- #wrapper section {
- margin: 7.5rem 0 0 0;
- }
- #wrapper section > header {
- padding: 0 10rem 0 5rem;
- width: 35rem;
- }
- #wrapper section > .content {
- padding: 0 5rem;
- }
- #wrapper section > footer {
- padding: 0 10rem;
- }
- #wrapper > section > header:before {
- height: calc(100% + 10rem);
- left: calc(40vw - 5rem); /* BMOD 5vw - 5rem */
- }
- #wrapper > section > header h1:before, #wrapper > section > header h2:before {
- right: -5rem;
- width: 2.5rem;
- }
- #wrapper > section > header h1:after, #wrapper > section > header h2:after {
- right: -2.5rem;
- }
- #wrapper > section > .content > section {
- left: calc(-40vw - 5rem); /* BMOD -50vw - 5rem */
- }
- #wrapper > section > .content > section > header {
- width: 32rem;
- }
- #wrapper > section.intro > header > * {
- width: 20rem;
- }
- #wrapper > section.intro > header:before {
- margin-left: calc(40vw - 10rem); /* BMOD 60vw - 10rem */
- }
- @media screen and (max-width: 1152px) {
- #wrapper > section.intro > header > * {
- width: 100%;
- }
- #wrapper > section.intro > header:before {
- margin-left: 0;
- }
- }
- #wrapper > section:last-of-type > header:after {
- left: calc(40vw - 5rem - 0.25rem + 1px); /* BMOD 50vw - 5rem - 0.25rem + 1px */
- }
- #wrapper .copyright {
- padding: 0 5rem;
- }
- @media screen and (max-width: 1280px) {
- #wrapper {
- padding: 0 0 8rem 0;
- }
- #wrapper section {
- margin: 6rem 0 0 0;
- }
- #wrapper section > header {
- padding: 0 8rem 0 4rem;
- width: 33rem;
- }
- #wrapper section > .content {
- padding: 0 4rem;
- }
- #wrapper section > footer {
- padding: 0 8rem;
- }
- #wrapper > section > header:before {
- height: calc(100% + 8rem);
- left: calc(50vw - 4rem);
- }
- #wrapper > section > header h1:before, #wrapper > section > header h2:before {
- right: -4rem;
- width: 2rem;
- }
- #wrapper > section > header h1:after, #wrapper > section > header h2:after {
- right: -2rem;
- }
- #wrapper > section > .content > section {
- left: calc(-50vw - 4rem);
- }
- #wrapper > section > .content > section > header {
- width: 30rem;
- }
- #wrapper > section.intro > header > * {
- width: 21rem;
- }
- #wrapper > section.intro > header:before {
- margin-left: calc(50vw - 8rem);
- }
- }
- @media screen and (max-width: 1280px) and (max-width: 1152px) {
- #wrapper > section.intro > header > * {
- width: 100%;
- }
- #wrapper > section.intro > header:before {
- margin-left: 0;
- }
- }
- @media screen and (max-width: 1280px) {
- #wrapper > section:last-of-type > header:after {
- left: calc(50vw - 4rem - 0.25rem + 1px);
- }
- #wrapper .copyright {
- padding: 0 4rem;
- }
- }
- @media screen and (max-width: 1152px) {
- #wrapper {
- padding: 0;
- }
- #wrapper:before {
- display: none;
- }
- #wrapper section {
- grid-template-areas: "header" "content" "footer";
- grid-template-columns: 1fr;
- grid-template-rows: 3fr;
- }
- #wrapper section > header {
- justify-self: start;
- padding: 0;
- text-align: left;
- width: 100%;
- }
- #wrapper section > header ul.actions {
- justify-content: flex-start;
- }
- #wrapper section > .content {
- padding: 0;
- width: 100%;
- overflow-x: hidden;
- }
- #wrapper section > footer {
- padding: 0;
- text-align: left;
- }
- #wrapper section > footer ul.actions {
- justify-content: flex-start;
- }
- #wrapper > section {
- margin: 0;
- }
- #wrapper > section > header {
- background-attachment: fixed;
- background-color: #49fcd4;
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 1750' x='0px' y='0px'%3E %3Cpath style='fill: rgba(67, 217, 184, 0.5)' d='M889.72,1137.55l-2.91-0.75l-364.39,282.94l-0.7-0.9l-0.51,0.11l-94.77-451.5l-32.51-15.75l-16.73-8.11l0,0.68 l-1.46,0l0-1.39l-1.89-0.92l-112.41-54.47l-0.29,1.03l-1.41-0.37l0.37-1.31l-34.14-16.54l-98.56-47.76l-0.59,0.81l-1.16-0.88 l0.42-0.57L11.43,766.33l-0.25,0.2l-0.9-1.15l102.87-79.98l0.08-0.1l0.02,0.02l116.68-90.72l-0.18-0.34l1.3-0.66l0.05,0.09 l100.5-78.14l-0.07-0.32l0.65-0.14l42.3-32.89l-0.15-54.54l-0.59,0.29l-0.64-1.31l1.23-0.6l-0.01-4.54l-0.33-122.47l-0.99,0.18 l-0.28-1.43l1.27-0.23l-0.4-147.49l-0.87-0.16l0.28-1.43l0.58,0.1l-0.35-127.48l-0.13-0.06l0.64-1.31L489.97,76.8l0.73,0.19 l-0.04,0.14l132.63,65.11l0.33-0.45l1.16,0.88l-0.16,0.22l114.21,56.07l0.45-0.35l0.72,0.93l47.89,23.51l2.76-1.36l0.56,4.61 l-3.32-1.63L571.52,330.88L375.95,482.93l0.66,239.95l51.12,243.57l222.53,107.83l236.23,60.93l2.27-1.77 M375.8,425.34l17.25-8.47 l36.13-127.75l-53.73,9.66L375.8,425.34z M551,241.05l38.19-52.2l-123.83-22.27l-34.13,120.68l98.99-17.81L551,241.05z M532.3,269.09l151.34-27.22l37.63-29.25l-130.48-23.47L532.3,269.09z M303.38,733.9l-2.36-4.48l-44.18-83.78L182.5,747.25 l40.78,36.46l52.69,47.11L303.38,733.9z M277.18,831.91l56.95,50.93L375.69,920l-0.13-49.23l-71.19-135L277.18,831.91z M303.96,731.86l41.93-148.25l-9.74-46.39L257.8,644.33L303.96,731.86z M304.94,733.73l9.55,18.12l61.05,115.78l-0.39-144.6 l-16.9-80.53l-11.71-55.81L304.94,733.73z M375.21,211.79l0.23,85.51l54.17-9.74l34.29-121.23l-88.87-15.98L375.21,211.79z M430.78,288.83l-17.88,63.21L394.81,416l44.01-21.6l90.15-123.23L430.78,288.83z M287.76,898.62l87.99,42.64l-0.05-19.29 l-91.37-81.71l-7.59-6.78l-14.88,52.59L287.76,898.62z M174.26,843.62l86.26,41.8l15-53.03l-93.89-83.95l-53.34,72.91L174.26,843.62 z M113.18,687.22L12.71,765.33l55.69,26.99l58.56,28.38l53.58-73.24l-34.83-31.14L113.18,687.22z M230.62,595.92l-116.27,90.4 l63.02,56.36l4.03,3.61l74.67-102.08l-7.47-14.17L230.62,595.92z M331.94,517.15l-100.15,77.86l25.25,47.88l78.71-107.59l-1.71-8.14 L331.94,517.15z M333.22,516.15l2.02,9.64l1.66,7.92l34.65-47.37L333.22,516.15z M337.31,535.63l9.43,44.95l26.67-94.3 L337.31,535.63z M347.39,583.66l27.74,132.16l-0.62-228.04L347.39,583.66z M374.7,21.83l0.35,127.02l89.27,16.06l24.61-87 L374.7,21.83z M490.25,78.56l-22.26,78.7l-2.24,7.91l124.39,22.37l10.23-13.99l22.04-30.12L490.25,78.56z M623.74,144.09 l-12.29,16.8l-19.71,26.95l131.07,23.58l14.73-11.45L623.74,144.09z M739,200.67l-13.3,10.34l-0.96,0.74l58.14,10.46L739,200.67z M723.19,212.96l-25.33,19.69l-11.14,8.66l97.03-17.45L723.19,212.96z M782.89,225.5l-98.64,17.74l-107.06,83.23L782.89,225.5z M631.68,282.26l49.48-38.47l-150.1,27l-89.41,122.22l129.1-63.37L631.68,282.26z M565.06,334.05l-125.28,61.5l-45.94,62.8 l-14.96,20.44L565.06,334.05z M425.31,412.87l11.65-15.93l-42.69,20.96l-13.66,48.3l-3.58,12.67L425.31,412.87z M392.51,418.76 l-16.71,8.2l0.01,4.72l0.12,45.68L392.51,418.76z M377.21,941.96l21.37,10.36l24.14,11.7l-45.56-40.74L377.21,941.96z M377.15,921.31l34.83,31.15l12.57,11.24l-47.53-90.14L377.15,921.31z M376.63,730.07l0.38,140.33l48.29,91.59L376.63,730.07z M806.29,1197.48l75.8-58.86l-28.56,11.47l-25.6,10.28l14.96,7.25l-0.64,1.31l-16.16-7.83l-124.76,50.1l40.56,36.27L806.29,1197.48z M522.43,1146.18l58.88,111.66l52.71-21.17l64.61-25.95l-75.11-67.17L522.43,1146.18z M621.92,1142.14l-115.78-103.53l-46.8-12.07 l62.33,118.2l7.06-0.18L621.92,1142.14z M700.14,1210.12l124.19-49.87l-42.89-20.78l-155.8,4.04L700.14,1210.12z M679.7,1295.77 l61.03-47.39l-40.9-36.57l-117.85,47.32l42.09,79.82L679.7,1295.77z M522.48,1417.85l1.83-1.42l98.6-76.56l-42.28-80.19 l-84.25,33.83L522.48,1417.85z M496.08,1292.06l83.87-33.68l-59.14-112.16l-55.04,1.43L496.08,1292.06z M465.46,1146.2l54.58-1.42 l-62.61-118.74l-18.03-4.65l0.36-1.41l16.74,4.32l-27.63-52.4L465.46,1146.2z M458.42,1024.79l45.35,11.7l-74.14-66.29 L458.42,1024.79z M431.46,969.87l75.38,67.41l136.26,35.15L431.46,969.87z M649.76,1075.65l-140.54-36.25l114.83,102.68l154.53-4.01 L649.76,1075.65z M656.92,1077.5l124.84,60.5l51.97-1.35l47.7-1.24L656.92,1077.5z M784.62,1139.38l41.54,20.13l56.45-22.67 L784.62,1139.38z'/%3E %3C/svg%3E");
- background-position: 25% 50%;
- background-repeat: repeat-y;
- background-size: 40rem auto;
- }
- #wrapper > section > header > * {
- max-width: 25rem;
- }
- #wrapper > section > header > :last-child {
- margin-bottom: 0;
- }
- #wrapper > section > header:before {
- display: none;
- }
- #wrapper > section > header h1:before, #wrapper > section > header h2:before {
- display: none;
- }
- #wrapper > section > header h1:after, #wrapper > section > header h2:after {
- display: none;
- }
- #wrapper > section > .content > :last-child {
- margin-bottom: 0;
- }
- #wrapper > section > .content > section {
- left: 0;
- }
- #wrapper > section > .content > section:first-child {
- margin-top: 0;
- }
- #wrapper > section > .content > section > header {
- width: 100%;
- }
- #wrapper > section > .content > section:last-child {
- margin-bottom: 0;
- }
- #wrapper > section > footer > :last-child {
- margin-bottom: 0;
- }
- #wrapper > section.intro {
- margin-bottom: 0;
- }
- #wrapper > section.intro > header {
- margin-bottom: 0;
- }
- #wrapper > section.intro > header ul.actions {
- display: none;
- }
- #wrapper > section.intro > header > * {
- margin-left: 0;
- margin-right: 0;
- width: 100%;
- }
- #wrapper > section.intro > header > ul.actions {
- margin-left: -1rem;
- }
- #wrapper > section.intro > header:before {
- margin-left: 0;
- }
- #wrapper > section:last-of-type > header:after {
- display: none;
- }
- #wrapper .copyright {
- left: 0;
- width: 100%;
- }
- #wrapper section {
- margin: 6rem 0 0 0;
- }
- #wrapper > section {
- margin: 0;
- }
- #wrapper > section > header {
- padding: 4rem 4rem;
- }
- #wrapper > section > .content {
- padding: 4rem 4rem;
- }
- #wrapper > section > .content > section {
- margin: 4rem 0;
- }
- #wrapper > section > footer {
- padding: 0 4rem 4rem 4rem;
- }
- #wrapper > section.intro > header {
- padding: 8rem 4rem 5rem 4rem;
- }
- #wrapper .copyright {
- padding: 0 4rem 4rem 4rem;
- }
- }
- @media screen and (max-width: 736px) {
- #wrapper section {
- margin: 3rem 0 0 0;
- }
- #wrapper > section {
- margin: 0;
- }
- #wrapper > section > header {
- padding: 3rem 2rem;
- }
- #wrapper > section > .content {
- padding: 3rem 2rem;
- }
- #wrapper > section > .content > section {
- margin: 3rem 0;
- }
- #wrapper > section > footer {
- padding: 0 2rem 3rem 2rem;
- }
- #wrapper > section.intro > header {
- padding: 5.5rem 2rem 2.5rem 2rem;
- }
- #wrapper .copyright {
- padding: 0 2rem 2rem 2rem;
- }
- }
- @media screen and (max-width: 360px) {
- #wrapper section {
- margin: 2.25rem 0 0 0;
- }
- #wrapper > section {
- margin: 0;
- }
- #wrapper > section > header {
- padding: 2.25rem 1.5rem;
- }
- #wrapper > section > .content {
- padding: 2.25rem 1.5rem;
- }
- #wrapper > section > .content > section {
- margin: 2.25rem 0;
- }
- #wrapper > section > footer {
- padding: 0 1.5rem 2.25rem 1.5rem;
- }
- #wrapper > section.intro > header {
- padding: 4.875rem 1.5rem 1.875rem 1.5rem;
- }
- #wrapper .copyright {
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- }
- body.is-mobile #wrapper:before {
- background-attachment: scroll;
- background-position: 50% -3%;
- background-repeat: repeat-y;
- background-size: 150% auto;
- }
- body.is-mobile #wrapper > section > header {
- background-attachment: scroll;
- background-position: 25% 50%;
- }
- body.is-mobile #wrapper > section.intro > header {
- background-position: 25% 23%;
- }
- #wrapper:before {
- transition: opacity 1s ease;
- }
- body.is-preload #wrapper:before {
- opacity: 0;
- }
- #wrapper > section.intro {
- transition: opacity 1s ease;
- opacity: 1;
- }
- #wrapper > section.intro > header {
- transition: transform 1s ease;
- }
- #wrapper > section.intro > .content {
- transition: transform 1s ease;
- }
- body.is-preload #wrapper > section.intro {
- opacity: 0;
- }
- body.is-preload #wrapper > section.intro > header {
- transform: translateY(1rem);
- }
- body.is-preload #wrapper > section.intro > .content {
- transform: translateY(-1rem);
- }
- @media screen and (max-width: 1280px) {
- #wrapper > section.intro > header > * {
- transition: transform 1s ease, opacity 1s ease;
- }
- body.is-preload #wrapper > section.intro > header {
- transform: none;
- }
- body.is-preload #wrapper > section.intro > header > * {
- transform: translate(-0.5rem);
- opacity: 0;
- }
- body.is-preload #wrapper > section.intro > .content {
- transform: none;
- }
- }
- body.is-ie #wrapper section {
- display: flex;
- flex-wrap: wrap;
- }
- body.is-ie #wrapper section > header {
- width: 50%;
- }
- body.is-ie #wrapper section > .content {
- width: 50%;
- }
- body.is-ie #wrapper section > footer {
- width: 50%;
- text-align: left;
- margin-left: 50%;
- padding: 5rem;
- }
- body.is-ie #wrapper > section > .content > section {
- width: 100vw;
- }
- @media screen and (max-width: 1280px) {
- body.is-ie #wrapper section > footer {
- padding: 4rem;
- }
- }
|