foundation.css 137 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364
  1. @import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
  2. meta.foundation-mq-small {
  3. font-family: "/only screen and (max-width: 40em)/";
  4. width: 0em; }
  5. meta.foundation-mq-medium {
  6. font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
  7. width: 40.063em; }
  8. meta.foundation-mq-large {
  9. font-family: "/only screen and (min-width:64.063em)/";
  10. width: 64.063em; }
  11. meta.foundation-mq-xlarge {
  12. font-family: "/only screen and (min-width:90.063em)/";
  13. width: 90.063em; }
  14. meta.foundation-mq-xxlarge {
  15. font-family: "/only screen and (min-width:120.063em)/";
  16. width: 120.063em; }
  17. *,
  18. *:before,
  19. *:after {
  20. -moz-box-sizing: border-box;
  21. -webkit-box-sizing: border-box;
  22. box-sizing: border-box; }
  23. html,
  24. body {
  25. font-size: 100%; }
  26. body {
  27. background: white;
  28. color: #222222;
  29. padding: 0;
  30. margin: 0;
  31. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  32. font-weight: normal;
  33. font-style: normal;
  34. line-height: 1;
  35. position: relative;
  36. cursor: default; }
  37. a:hover {
  38. cursor: pointer; }
  39. img,
  40. object,
  41. embed {
  42. max-width: 100%;
  43. height: auto; }
  44. object,
  45. embed {
  46. height: 100%; }
  47. img {
  48. -ms-interpolation-mode: bicubic; }
  49. #map_canvas img,
  50. #map_canvas embed,
  51. #map_canvas object,
  52. .map_canvas img,
  53. .map_canvas embed,
  54. .map_canvas object {
  55. max-width: none !important; }
  56. .left {
  57. float: left !important; }
  58. .right {
  59. float: right !important; }
  60. .clearfix {
  61. *zoom: 1; }
  62. .clearfix:before, .clearfix:after {
  63. content: " ";
  64. display: table; }
  65. .clearfix:after {
  66. clear: both; }
  67. .text-left {
  68. text-align: left !important; }
  69. .text-right {
  70. text-align: right !important; }
  71. .text-center {
  72. text-align: center !important; }
  73. .text-justify {
  74. text-align: justify !important; }
  75. .hide {
  76. display: none; }
  77. .antialiased {
  78. -webkit-font-smoothing: antialiased; }
  79. img {
  80. display: inline-block;
  81. vertical-align: middle; }
  82. textarea {
  83. height: auto;
  84. min-height: 50px; }
  85. select {
  86. width: 100%; }
  87. .row {
  88. width: 100%;
  89. margin-left: auto;
  90. margin-right: auto;
  91. margin-top: 0;
  92. margin-bottom: 0;
  93. max-width: 62.5rem;
  94. *zoom: 1; }
  95. .row:before, .row:after {
  96. content: " ";
  97. display: table; }
  98. .row:after {
  99. clear: both; }
  100. .row.collapse > .column,
  101. .row.collapse > .columns {
  102. position: relative;
  103. padding-left: 0;
  104. padding-right: 0;
  105. float: left; }
  106. .row.collapse .row {
  107. margin-left: 0;
  108. margin-right: 0; }
  109. .row .row {
  110. width: auto;
  111. margin-left: -0.9375rem;
  112. margin-right: -0.9375rem;
  113. margin-top: 0;
  114. margin-bottom: 0;
  115. max-width: none;
  116. *zoom: 1; }
  117. .row .row:before, .row .row:after {
  118. content: " ";
  119. display: table; }
  120. .row .row:after {
  121. clear: both; }
  122. .row .row.collapse {
  123. width: auto;
  124. margin: 0;
  125. max-width: none;
  126. *zoom: 1; }
  127. .row .row.collapse:before, .row .row.collapse:after {
  128. content: " ";
  129. display: table; }
  130. .row .row.collapse:after {
  131. clear: both; }
  132. .column,
  133. .columns {
  134. position: relative;
  135. padding-left: 0.9375rem;
  136. padding-right: 0.9375rem;
  137. width: 100%;
  138. float: left; }
  139. @media only screen {
  140. .small-push-1 {
  141. position: relative;
  142. left: 8.33333%;
  143. right: auto; }
  144. .small-pull-1 {
  145. position: relative;
  146. right: 8.33333%;
  147. left: auto; }
  148. .small-push-2 {
  149. position: relative;
  150. left: 16.66667%;
  151. right: auto; }
  152. .small-pull-2 {
  153. position: relative;
  154. right: 16.66667%;
  155. left: auto; }
  156. .small-push-3 {
  157. position: relative;
  158. left: 25%;
  159. right: auto; }
  160. .small-pull-3 {
  161. position: relative;
  162. right: 25%;
  163. left: auto; }
  164. .small-push-4 {
  165. position: relative;
  166. left: 33.33333%;
  167. right: auto; }
  168. .small-pull-4 {
  169. position: relative;
  170. right: 33.33333%;
  171. left: auto; }
  172. .small-push-5 {
  173. position: relative;
  174. left: 41.66667%;
  175. right: auto; }
  176. .small-pull-5 {
  177. position: relative;
  178. right: 41.66667%;
  179. left: auto; }
  180. .small-push-6 {
  181. position: relative;
  182. left: 50%;
  183. right: auto; }
  184. .small-pull-6 {
  185. position: relative;
  186. right: 50%;
  187. left: auto; }
  188. .small-push-7 {
  189. position: relative;
  190. left: 58.33333%;
  191. right: auto; }
  192. .small-pull-7 {
  193. position: relative;
  194. right: 58.33333%;
  195. left: auto; }
  196. .small-push-8 {
  197. position: relative;
  198. left: 66.66667%;
  199. right: auto; }
  200. .small-pull-8 {
  201. position: relative;
  202. right: 66.66667%;
  203. left: auto; }
  204. .small-push-9 {
  205. position: relative;
  206. left: 75%;
  207. right: auto; }
  208. .small-pull-9 {
  209. position: relative;
  210. right: 75%;
  211. left: auto; }
  212. .small-push-10 {
  213. position: relative;
  214. left: 83.33333%;
  215. right: auto; }
  216. .small-pull-10 {
  217. position: relative;
  218. right: 83.33333%;
  219. left: auto; }
  220. .small-push-11 {
  221. position: relative;
  222. left: 91.66667%;
  223. right: auto; }
  224. .small-pull-11 {
  225. position: relative;
  226. right: 91.66667%;
  227. left: auto; }
  228. .column,
  229. .columns {
  230. position: relative;
  231. padding-left: 0.9375rem;
  232. padding-right: 0.9375rem;
  233. float: left; }
  234. .small-1 {
  235. position: relative;
  236. width: 8.33333%; }
  237. .small-2 {
  238. position: relative;
  239. width: 16.66667%; }
  240. .small-3 {
  241. position: relative;
  242. width: 25%; }
  243. .small-4 {
  244. position: relative;
  245. width: 33.33333%; }
  246. .small-5 {
  247. position: relative;
  248. width: 41.66667%; }
  249. .small-6 {
  250. position: relative;
  251. width: 50%; }
  252. .small-7 {
  253. position: relative;
  254. width: 58.33333%; }
  255. .small-8 {
  256. position: relative;
  257. width: 66.66667%; }
  258. .small-9 {
  259. position: relative;
  260. width: 75%; }
  261. .small-10 {
  262. position: relative;
  263. width: 83.33333%; }
  264. .small-11 {
  265. position: relative;
  266. width: 91.66667%; }
  267. .small-12 {
  268. position: relative;
  269. width: 100%; }
  270. .small-offset-0 {
  271. position: relative;
  272. margin-left: 0%; }
  273. .small-offset-1 {
  274. position: relative;
  275. margin-left: 8.33333%; }
  276. .small-offset-2 {
  277. position: relative;
  278. margin-left: 16.66667%; }
  279. .small-offset-3 {
  280. position: relative;
  281. margin-left: 25%; }
  282. .small-offset-4 {
  283. position: relative;
  284. margin-left: 33.33333%; }
  285. .small-offset-5 {
  286. position: relative;
  287. margin-left: 41.66667%; }
  288. .small-offset-6 {
  289. position: relative;
  290. margin-left: 50%; }
  291. .small-offset-7 {
  292. position: relative;
  293. margin-left: 58.33333%; }
  294. .small-offset-8 {
  295. position: relative;
  296. margin-left: 66.66667%; }
  297. .small-offset-9 {
  298. position: relative;
  299. margin-left: 75%; }
  300. .small-offset-10 {
  301. position: relative;
  302. margin-left: 83.33333%; }
  303. [class*="column"] + [class*="column"]:last-child {
  304. float: right; }
  305. [class*="column"] + [class*="column"].end {
  306. float: left; }
  307. .column.small-centered,
  308. .columns.small-centered {
  309. position: relative;
  310. margin-left: auto;
  311. margin-right: auto;
  312. float: none !important; }
  313. .column.small-uncentered,
  314. .columns.small-uncentered {
  315. margin-left: 0;
  316. margin-right: 0;
  317. float: left !important; }
  318. .column.small-uncentered.opposite,
  319. .columns.small-uncentered.opposite {
  320. float: right !important; } }
  321. @media only screen and (min-width: 40.063em) {
  322. .medium-push-1 {
  323. position: relative;
  324. left: 8.33333%;
  325. right: auto; }
  326. .medium-pull-1 {
  327. position: relative;
  328. right: 8.33333%;
  329. left: auto; }
  330. .medium-push-2 {
  331. position: relative;
  332. left: 16.66667%;
  333. right: auto; }
  334. .medium-pull-2 {
  335. position: relative;
  336. right: 16.66667%;
  337. left: auto; }
  338. .medium-push-3 {
  339. position: relative;
  340. left: 25%;
  341. right: auto; }
  342. .medium-pull-3 {
  343. position: relative;
  344. right: 25%;
  345. left: auto; }
  346. .medium-push-4 {
  347. position: relative;
  348. left: 33.33333%;
  349. right: auto; }
  350. .medium-pull-4 {
  351. position: relative;
  352. right: 33.33333%;
  353. left: auto; }
  354. .medium-push-5 {
  355. position: relative;
  356. left: 41.66667%;
  357. right: auto; }
  358. .medium-pull-5 {
  359. position: relative;
  360. right: 41.66667%;
  361. left: auto; }
  362. .medium-push-6 {
  363. position: relative;
  364. left: 50%;
  365. right: auto; }
  366. .medium-pull-6 {
  367. position: relative;
  368. right: 50%;
  369. left: auto; }
  370. .medium-push-7 {
  371. position: relative;
  372. left: 58.33333%;
  373. right: auto; }
  374. .medium-pull-7 {
  375. position: relative;
  376. right: 58.33333%;
  377. left: auto; }
  378. .medium-push-8 {
  379. position: relative;
  380. left: 66.66667%;
  381. right: auto; }
  382. .medium-pull-8 {
  383. position: relative;
  384. right: 66.66667%;
  385. left: auto; }
  386. .medium-push-9 {
  387. position: relative;
  388. left: 75%;
  389. right: auto; }
  390. .medium-pull-9 {
  391. position: relative;
  392. right: 75%;
  393. left: auto; }
  394. .medium-push-10 {
  395. position: relative;
  396. left: 83.33333%;
  397. right: auto; }
  398. .medium-pull-10 {
  399. position: relative;
  400. right: 83.33333%;
  401. left: auto; }
  402. .medium-push-11 {
  403. position: relative;
  404. left: 91.66667%;
  405. right: auto; }
  406. .medium-pull-11 {
  407. position: relative;
  408. right: 91.66667%;
  409. left: auto; }
  410. .column,
  411. .columns {
  412. position: relative;
  413. padding-left: 0.9375rem;
  414. padding-right: 0.9375rem;
  415. float: left; }
  416. .medium-1 {
  417. position: relative;
  418. width: 8.33333%; }
  419. .medium-2 {
  420. position: relative;
  421. width: 16.66667%; }
  422. .medium-3 {
  423. position: relative;
  424. width: 25%; }
  425. .medium-4 {
  426. position: relative;
  427. width: 33.33333%; }
  428. .medium-5 {
  429. position: relative;
  430. width: 41.66667%; }
  431. .medium-6 {
  432. position: relative;
  433. width: 50%; }
  434. .medium-7 {
  435. position: relative;
  436. width: 58.33333%; }
  437. .medium-8 {
  438. position: relative;
  439. width: 66.66667%; }
  440. .medium-9 {
  441. position: relative;
  442. width: 75%; }
  443. .medium-10 {
  444. position: relative;
  445. width: 83.33333%; }
  446. .medium-11 {
  447. position: relative;
  448. width: 91.66667%; }
  449. .medium-12 {
  450. position: relative;
  451. width: 100%; }
  452. .medium-offset-0 {
  453. position: relative;
  454. margin-left: 0%; }
  455. .medium-offset-1 {
  456. position: relative;
  457. margin-left: 8.33333%; }
  458. .medium-offset-2 {
  459. position: relative;
  460. margin-left: 16.66667%; }
  461. .medium-offset-3 {
  462. position: relative;
  463. margin-left: 25%; }
  464. .medium-offset-4 {
  465. position: relative;
  466. margin-left: 33.33333%; }
  467. .medium-offset-5 {
  468. position: relative;
  469. margin-left: 41.66667%; }
  470. .medium-offset-6 {
  471. position: relative;
  472. margin-left: 50%; }
  473. .medium-offset-7 {
  474. position: relative;
  475. margin-left: 58.33333%; }
  476. .medium-offset-8 {
  477. position: relative;
  478. margin-left: 66.66667%; }
  479. .medium-offset-9 {
  480. position: relative;
  481. margin-left: 75%; }
  482. .medium-offset-10 {
  483. position: relative;
  484. margin-left: 83.33333%; }
  485. [class*="column"] + [class*="column"]:last-child {
  486. float: right; }
  487. [class*="column"] + [class*="column"].end {
  488. float: left; }
  489. .column.medium-centered,
  490. .columns.medium-centered {
  491. position: relative;
  492. margin-left: auto;
  493. margin-right: auto;
  494. float: none !important; }
  495. .column.medium-uncentered,
  496. .columns.medium-uncentered {
  497. margin-left: 0;
  498. margin-right: 0;
  499. float: left !important; }
  500. .column.medium-uncentered.opposite,
  501. .columns.medium-uncentered.opposite {
  502. float: right !important; }
  503. .push-1 {
  504. position: relative;
  505. left: 8.33333%;
  506. right: auto; }
  507. .pull-1 {
  508. position: relative;
  509. right: 8.33333%;
  510. left: auto; }
  511. .push-2 {
  512. position: relative;
  513. left: 16.66667%;
  514. right: auto; }
  515. .pull-2 {
  516. position: relative;
  517. right: 16.66667%;
  518. left: auto; }
  519. .push-3 {
  520. position: relative;
  521. left: 25%;
  522. right: auto; }
  523. .pull-3 {
  524. position: relative;
  525. right: 25%;
  526. left: auto; }
  527. .push-4 {
  528. position: relative;
  529. left: 33.33333%;
  530. right: auto; }
  531. .pull-4 {
  532. position: relative;
  533. right: 33.33333%;
  534. left: auto; }
  535. .push-5 {
  536. position: relative;
  537. left: 41.66667%;
  538. right: auto; }
  539. .pull-5 {
  540. position: relative;
  541. right: 41.66667%;
  542. left: auto; }
  543. .push-6 {
  544. position: relative;
  545. left: 50%;
  546. right: auto; }
  547. .pull-6 {
  548. position: relative;
  549. right: 50%;
  550. left: auto; }
  551. .push-7 {
  552. position: relative;
  553. left: 58.33333%;
  554. right: auto; }
  555. .pull-7 {
  556. position: relative;
  557. right: 58.33333%;
  558. left: auto; }
  559. .push-8 {
  560. position: relative;
  561. left: 66.66667%;
  562. right: auto; }
  563. .pull-8 {
  564. position: relative;
  565. right: 66.66667%;
  566. left: auto; }
  567. .push-9 {
  568. position: relative;
  569. left: 75%;
  570. right: auto; }
  571. .pull-9 {
  572. position: relative;
  573. right: 75%;
  574. left: auto; }
  575. .push-10 {
  576. position: relative;
  577. left: 83.33333%;
  578. right: auto; }
  579. .pull-10 {
  580. position: relative;
  581. right: 83.33333%;
  582. left: auto; }
  583. .push-11 {
  584. position: relative;
  585. left: 91.66667%;
  586. right: auto; }
  587. .pull-11 {
  588. position: relative;
  589. right: 91.66667%;
  590. left: auto; } }
  591. @media only screen and (min-width: 64.063em) {
  592. .large-push-1 {
  593. position: relative;
  594. left: 8.33333%;
  595. right: auto; }
  596. .large-pull-1 {
  597. position: relative;
  598. right: 8.33333%;
  599. left: auto; }
  600. .large-push-2 {
  601. position: relative;
  602. left: 16.66667%;
  603. right: auto; }
  604. .large-pull-2 {
  605. position: relative;
  606. right: 16.66667%;
  607. left: auto; }
  608. .large-push-3 {
  609. position: relative;
  610. left: 25%;
  611. right: auto; }
  612. .large-pull-3 {
  613. position: relative;
  614. right: 25%;
  615. left: auto; }
  616. .large-push-4 {
  617. position: relative;
  618. left: 33.33333%;
  619. right: auto; }
  620. .large-pull-4 {
  621. position: relative;
  622. right: 33.33333%;
  623. left: auto; }
  624. .large-push-5 {
  625. position: relative;
  626. left: 41.66667%;
  627. right: auto; }
  628. .large-pull-5 {
  629. position: relative;
  630. right: 41.66667%;
  631. left: auto; }
  632. .large-push-6 {
  633. position: relative;
  634. left: 50%;
  635. right: auto; }
  636. .large-pull-6 {
  637. position: relative;
  638. right: 50%;
  639. left: auto; }
  640. .large-push-7 {
  641. position: relative;
  642. left: 58.33333%;
  643. right: auto; }
  644. .large-pull-7 {
  645. position: relative;
  646. right: 58.33333%;
  647. left: auto; }
  648. .large-push-8 {
  649. position: relative;
  650. left: 66.66667%;
  651. right: auto; }
  652. .large-pull-8 {
  653. position: relative;
  654. right: 66.66667%;
  655. left: auto; }
  656. .large-push-9 {
  657. position: relative;
  658. left: 75%;
  659. right: auto; }
  660. .large-pull-9 {
  661. position: relative;
  662. right: 75%;
  663. left: auto; }
  664. .large-push-10 {
  665. position: relative;
  666. left: 83.33333%;
  667. right: auto; }
  668. .large-pull-10 {
  669. position: relative;
  670. right: 83.33333%;
  671. left: auto; }
  672. .large-push-11 {
  673. position: relative;
  674. left: 91.66667%;
  675. right: auto; }
  676. .large-pull-11 {
  677. position: relative;
  678. right: 91.66667%;
  679. left: auto; }
  680. .column,
  681. .columns {
  682. position: relative;
  683. padding-left: 0.9375rem;
  684. padding-right: 0.9375rem;
  685. float: left; }
  686. .large-1 {
  687. position: relative;
  688. width: 8.33333%; }
  689. .large-2 {
  690. position: relative;
  691. width: 16.66667%; }
  692. .large-3 {
  693. position: relative;
  694. width: 25%; }
  695. .large-4 {
  696. position: relative;
  697. width: 33.33333%; }
  698. .large-5 {
  699. position: relative;
  700. width: 41.66667%; }
  701. .large-6 {
  702. position: relative;
  703. width: 50%; }
  704. .large-7 {
  705. position: relative;
  706. width: 58.33333%; }
  707. .large-8 {
  708. position: relative;
  709. width: 66.66667%; }
  710. .large-9 {
  711. position: relative;
  712. width: 75%; }
  713. .large-10 {
  714. position: relative;
  715. width: 83.33333%; }
  716. .large-11 {
  717. position: relative;
  718. width: 91.66667%; }
  719. .large-12 {
  720. position: relative;
  721. width: 100%; }
  722. .large-offset-0 {
  723. position: relative;
  724. margin-left: 0%; }
  725. .large-offset-1 {
  726. position: relative;
  727. margin-left: 8.33333%; }
  728. .large-offset-2 {
  729. position: relative;
  730. margin-left: 16.66667%; }
  731. .large-offset-3 {
  732. position: relative;
  733. margin-left: 25%; }
  734. .large-offset-4 {
  735. position: relative;
  736. margin-left: 33.33333%; }
  737. .large-offset-5 {
  738. position: relative;
  739. margin-left: 41.66667%; }
  740. .large-offset-6 {
  741. position: relative;
  742. margin-left: 50%; }
  743. .large-offset-7 {
  744. position: relative;
  745. margin-left: 58.33333%; }
  746. .large-offset-8 {
  747. position: relative;
  748. margin-left: 66.66667%; }
  749. .large-offset-9 {
  750. position: relative;
  751. margin-left: 75%; }
  752. .large-offset-10 {
  753. position: relative;
  754. margin-left: 83.33333%; }
  755. [class*="column"] + [class*="column"]:last-child {
  756. float: right; }
  757. [class*="column"] + [class*="column"].end {
  758. float: left; }
  759. .column.large-centered,
  760. .columns.large-centered {
  761. position: relative;
  762. margin-left: auto;
  763. margin-right: auto;
  764. float: none !important; }
  765. .column.large-uncentered,
  766. .columns.large-uncentered {
  767. margin-left: 0;
  768. margin-right: 0;
  769. float: left !important; }
  770. .column.large-uncentered.opposite,
  771. .columns.large-uncentered.opposite {
  772. float: right !important; } }
  773. @media only screen and (min-width: 90.063em) {
  774. .xlarge-push-1 {
  775. position: relative;
  776. left: 8.33333%;
  777. right: auto; }
  778. .xlarge-pull-1 {
  779. position: relative;
  780. right: 8.33333%;
  781. left: auto; }
  782. .xlarge-push-2 {
  783. position: relative;
  784. left: 16.66667%;
  785. right: auto; }
  786. .xlarge-pull-2 {
  787. position: relative;
  788. right: 16.66667%;
  789. left: auto; }
  790. .xlarge-push-3 {
  791. position: relative;
  792. left: 25%;
  793. right: auto; }
  794. .xlarge-pull-3 {
  795. position: relative;
  796. right: 25%;
  797. left: auto; }
  798. .xlarge-push-4 {
  799. position: relative;
  800. left: 33.33333%;
  801. right: auto; }
  802. .xlarge-pull-4 {
  803. position: relative;
  804. right: 33.33333%;
  805. left: auto; }
  806. .xlarge-push-5 {
  807. position: relative;
  808. left: 41.66667%;
  809. right: auto; }
  810. .xlarge-pull-5 {
  811. position: relative;
  812. right: 41.66667%;
  813. left: auto; }
  814. .xlarge-push-6 {
  815. position: relative;
  816. left: 50%;
  817. right: auto; }
  818. .xlarge-pull-6 {
  819. position: relative;
  820. right: 50%;
  821. left: auto; }
  822. .xlarge-push-7 {
  823. position: relative;
  824. left: 58.33333%;
  825. right: auto; }
  826. .xlarge-pull-7 {
  827. position: relative;
  828. right: 58.33333%;
  829. left: auto; }
  830. .xlarge-push-8 {
  831. position: relative;
  832. left: 66.66667%;
  833. right: auto; }
  834. .xlarge-pull-8 {
  835. position: relative;
  836. right: 66.66667%;
  837. left: auto; }
  838. .xlarge-push-9 {
  839. position: relative;
  840. left: 75%;
  841. right: auto; }
  842. .xlarge-pull-9 {
  843. position: relative;
  844. right: 75%;
  845. left: auto; }
  846. .xlarge-push-10 {
  847. position: relative;
  848. left: 83.33333%;
  849. right: auto; }
  850. .xlarge-pull-10 {
  851. position: relative;
  852. right: 83.33333%;
  853. left: auto; }
  854. .xlarge-push-11 {
  855. position: relative;
  856. left: 91.66667%;
  857. right: auto; }
  858. .xlarge-pull-11 {
  859. position: relative;
  860. right: 91.66667%;
  861. left: auto; }
  862. .column,
  863. .columns {
  864. position: relative;
  865. padding-left: 0.9375rem;
  866. padding-right: 0.9375rem;
  867. float: left; }
  868. .xlarge-1 {
  869. position: relative;
  870. width: 8.33333%; }
  871. .xlarge-2 {
  872. position: relative;
  873. width: 16.66667%; }
  874. .xlarge-3 {
  875. position: relative;
  876. width: 25%; }
  877. .xlarge-4 {
  878. position: relative;
  879. width: 33.33333%; }
  880. .xlarge-5 {
  881. position: relative;
  882. width: 41.66667%; }
  883. .xlarge-6 {
  884. position: relative;
  885. width: 50%; }
  886. .xlarge-7 {
  887. position: relative;
  888. width: 58.33333%; }
  889. .xlarge-8 {
  890. position: relative;
  891. width: 66.66667%; }
  892. .xlarge-9 {
  893. position: relative;
  894. width: 75%; }
  895. .xlarge-10 {
  896. position: relative;
  897. width: 83.33333%; }
  898. .xlarge-11 {
  899. position: relative;
  900. width: 91.66667%; }
  901. .xlarge-12 {
  902. position: relative;
  903. width: 100%; }
  904. .xlarge-offset-0 {
  905. position: relative;
  906. margin-left: 0%; }
  907. .xlarge-offset-1 {
  908. position: relative;
  909. margin-left: 8.33333%; }
  910. .xlarge-offset-2 {
  911. position: relative;
  912. margin-left: 16.66667%; }
  913. .xlarge-offset-3 {
  914. position: relative;
  915. margin-left: 25%; }
  916. .xlarge-offset-4 {
  917. position: relative;
  918. margin-left: 33.33333%; }
  919. .xlarge-offset-5 {
  920. position: relative;
  921. margin-left: 41.66667%; }
  922. .xlarge-offset-6 {
  923. position: relative;
  924. margin-left: 50%; }
  925. .xlarge-offset-7 {
  926. position: relative;
  927. margin-left: 58.33333%; }
  928. .xlarge-offset-8 {
  929. position: relative;
  930. margin-left: 66.66667%; }
  931. .xlarge-offset-9 {
  932. position: relative;
  933. margin-left: 75%; }
  934. .xlarge-offset-10 {
  935. position: relative;
  936. margin-left: 83.33333%; }
  937. [class*="column"] + [class*="column"]:last-child {
  938. float: right; }
  939. [class*="column"] + [class*="column"].end {
  940. float: left; }
  941. .column.xlarge-centered,
  942. .columns.xlarge-centered {
  943. position: relative;
  944. margin-left: auto;
  945. margin-right: auto;
  946. float: none !important; }
  947. .column.xlarge-uncentered,
  948. .columns.xlarge-uncentered {
  949. margin-left: 0;
  950. margin-right: 0;
  951. float: left !important; }
  952. .column.xlarge-uncentered.opposite,
  953. .columns.xlarge-uncentered.opposite {
  954. float: right !important; } }
  955. @media only screen and (min-width: 120.063em) {
  956. .xxlarge-push-1 {
  957. position: relative;
  958. left: 8.33333%;
  959. right: auto; }
  960. .xxlarge-pull-1 {
  961. position: relative;
  962. right: 8.33333%;
  963. left: auto; }
  964. .xxlarge-push-2 {
  965. position: relative;
  966. left: 16.66667%;
  967. right: auto; }
  968. .xxlarge-pull-2 {
  969. position: relative;
  970. right: 16.66667%;
  971. left: auto; }
  972. .xxlarge-push-3 {
  973. position: relative;
  974. left: 25%;
  975. right: auto; }
  976. .xxlarge-pull-3 {
  977. position: relative;
  978. right: 25%;
  979. left: auto; }
  980. .xxlarge-push-4 {
  981. position: relative;
  982. left: 33.33333%;
  983. right: auto; }
  984. .xxlarge-pull-4 {
  985. position: relative;
  986. right: 33.33333%;
  987. left: auto; }
  988. .xxlarge-push-5 {
  989. position: relative;
  990. left: 41.66667%;
  991. right: auto; }
  992. .xxlarge-pull-5 {
  993. position: relative;
  994. right: 41.66667%;
  995. left: auto; }
  996. .xxlarge-push-6 {
  997. position: relative;
  998. left: 50%;
  999. right: auto; }
  1000. .xxlarge-pull-6 {
  1001. position: relative;
  1002. right: 50%;
  1003. left: auto; }
  1004. .xxlarge-push-7 {
  1005. position: relative;
  1006. left: 58.33333%;
  1007. right: auto; }
  1008. .xxlarge-pull-7 {
  1009. position: relative;
  1010. right: 58.33333%;
  1011. left: auto; }
  1012. .xxlarge-push-8 {
  1013. position: relative;
  1014. left: 66.66667%;
  1015. right: auto; }
  1016. .xxlarge-pull-8 {
  1017. position: relative;
  1018. right: 66.66667%;
  1019. left: auto; }
  1020. .xxlarge-push-9 {
  1021. position: relative;
  1022. left: 75%;
  1023. right: auto; }
  1024. .xxlarge-pull-9 {
  1025. position: relative;
  1026. right: 75%;
  1027. left: auto; }
  1028. .xxlarge-push-10 {
  1029. position: relative;
  1030. left: 83.33333%;
  1031. right: auto; }
  1032. .xxlarge-pull-10 {
  1033. position: relative;
  1034. right: 83.33333%;
  1035. left: auto; }
  1036. .xxlarge-push-11 {
  1037. position: relative;
  1038. left: 91.66667%;
  1039. right: auto; }
  1040. .xxlarge-pull-11 {
  1041. position: relative;
  1042. right: 91.66667%;
  1043. left: auto; }
  1044. .column,
  1045. .columns {
  1046. position: relative;
  1047. padding-left: 0.9375rem;
  1048. padding-right: 0.9375rem;
  1049. float: left; }
  1050. .xxlarge-1 {
  1051. position: relative;
  1052. width: 8.33333%; }
  1053. .xxlarge-2 {
  1054. position: relative;
  1055. width: 16.66667%; }
  1056. .xxlarge-3 {
  1057. position: relative;
  1058. width: 25%; }
  1059. .xxlarge-4 {
  1060. position: relative;
  1061. width: 33.33333%; }
  1062. .xxlarge-5 {
  1063. position: relative;
  1064. width: 41.66667%; }
  1065. .xxlarge-6 {
  1066. position: relative;
  1067. width: 50%; }
  1068. .xxlarge-7 {
  1069. position: relative;
  1070. width: 58.33333%; }
  1071. .xxlarge-8 {
  1072. position: relative;
  1073. width: 66.66667%; }
  1074. .xxlarge-9 {
  1075. position: relative;
  1076. width: 75%; }
  1077. .xxlarge-10 {
  1078. position: relative;
  1079. width: 83.33333%; }
  1080. .xxlarge-11 {
  1081. position: relative;
  1082. width: 91.66667%; }
  1083. .xxlarge-12 {
  1084. position: relative;
  1085. width: 100%; }
  1086. .xxlarge-offset-0 {
  1087. position: relative;
  1088. margin-left: 0%; }
  1089. .xxlarge-offset-1 {
  1090. position: relative;
  1091. margin-left: 8.33333%; }
  1092. .xxlarge-offset-2 {
  1093. position: relative;
  1094. margin-left: 16.66667%; }
  1095. .xxlarge-offset-3 {
  1096. position: relative;
  1097. margin-left: 25%; }
  1098. .xxlarge-offset-4 {
  1099. position: relative;
  1100. margin-left: 33.33333%; }
  1101. .xxlarge-offset-5 {
  1102. position: relative;
  1103. margin-left: 41.66667%; }
  1104. .xxlarge-offset-6 {
  1105. position: relative;
  1106. margin-left: 50%; }
  1107. .xxlarge-offset-7 {
  1108. position: relative;
  1109. margin-left: 58.33333%; }
  1110. .xxlarge-offset-8 {
  1111. position: relative;
  1112. margin-left: 66.66667%; }
  1113. .xxlarge-offset-9 {
  1114. position: relative;
  1115. margin-left: 75%; }
  1116. .xxlarge-offset-10 {
  1117. position: relative;
  1118. margin-left: 83.33333%; }
  1119. [class*="column"] + [class*="column"]:last-child {
  1120. float: right; }
  1121. [class*="column"] + [class*="column"].end {
  1122. float: left; }
  1123. .column.xxlarge-centered,
  1124. .columns.xxlarge-centered {
  1125. position: relative;
  1126. margin-left: auto;
  1127. margin-right: auto;
  1128. float: none !important; }
  1129. .column.xxlarge-uncentered,
  1130. .columns.xxlarge-uncentered {
  1131. margin-left: 0;
  1132. margin-right: 0;
  1133. float: left !important; }
  1134. .column.xxlarge-uncentered.opposite,
  1135. .columns.xxlarge-uncentered.opposite {
  1136. float: right !important; } }
  1137. meta.foundation-mq-topbar {
  1138. font-family: "/only screen and (min-width:40.063em)/";
  1139. width: 40.063em; }
  1140. /* Wrapped around .top-bar to contain to grid width */
  1141. .contain-to-grid {
  1142. width: 100%;
  1143. background: #333333; }
  1144. .contain-to-grid .top-bar {
  1145. margin-bottom: 0; }
  1146. .fixed {
  1147. width: 100%;
  1148. left: 0;
  1149. position: fixed;
  1150. top: 0;
  1151. z-index: 99; }
  1152. .fixed.expanded:not(.top-bar) {
  1153. overflow-y: auto;
  1154. height: auto;
  1155. width: 100%;
  1156. max-height: 100%; }
  1157. .fixed.expanded:not(.top-bar) .title-area {
  1158. position: fixed;
  1159. width: 100%;
  1160. z-index: 99; }
  1161. .fixed.expanded:not(.top-bar) .top-bar-section {
  1162. z-index: 98;
  1163. margin-top: 45px; }
  1164. .top-bar {
  1165. overflow: hidden;
  1166. height: 45px;
  1167. line-height: 45px;
  1168. position: relative;
  1169. background: #333333;
  1170. margin-bottom: 0; }
  1171. .top-bar ul {
  1172. margin-bottom: 0;
  1173. list-style: none; }
  1174. .top-bar .row {
  1175. max-width: none; }
  1176. .top-bar form,
  1177. .top-bar input {
  1178. margin-bottom: 0; }
  1179. .top-bar input {
  1180. height: auto;
  1181. padding-top: .35rem;
  1182. padding-bottom: .35rem;
  1183. font-size: 0.75rem; }
  1184. .top-bar .button {
  1185. padding-top: .45rem;
  1186. padding-bottom: .35rem;
  1187. margin-bottom: 0;
  1188. font-size: 0.75rem; }
  1189. .top-bar .title-area {
  1190. position: relative;
  1191. margin: 0; }
  1192. .top-bar .name {
  1193. height: 45px;
  1194. margin: 0;
  1195. font-size: 16px; }
  1196. .top-bar .name h1 {
  1197. line-height: 45px;
  1198. font-size: 1.0625rem;
  1199. margin: 0; }
  1200. .top-bar .name h1 a {
  1201. font-weight: normal;
  1202. color: white;
  1203. width: 50%;
  1204. display: block;
  1205. padding: 0 15px; }
  1206. .top-bar .toggle-topbar {
  1207. position: absolute;
  1208. right: 0;
  1209. top: 0; }
  1210. .top-bar .toggle-topbar a {
  1211. color: white;
  1212. text-transform: uppercase;
  1213. font-size: 0.8125rem;
  1214. font-weight: bold;
  1215. position: relative;
  1216. display: block;
  1217. padding: 0 15px;
  1218. height: 45px;
  1219. line-height: 45px; }
  1220. .top-bar .toggle-topbar.menu-icon {
  1221. right: 15px;
  1222. top: 50%;
  1223. margin-top: -16px;
  1224. padding-left: 40px; }
  1225. .top-bar .toggle-topbar.menu-icon a {
  1226. text-indent: -48px;
  1227. width: 34px;
  1228. height: 34px;
  1229. line-height: 33px;
  1230. padding: 0;
  1231. color: white; }
  1232. .top-bar .toggle-topbar.menu-icon a span {
  1233. position: absolute;
  1234. right: 0;
  1235. display: block;
  1236. width: 16px;
  1237. height: 0;
  1238. -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
  1239. box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  1240. .top-bar.expanded {
  1241. height: auto;
  1242. background: transparent; }
  1243. .top-bar.expanded .title-area {
  1244. background: #333333; }
  1245. .top-bar.expanded .toggle-topbar a {
  1246. color: #888888; }
  1247. .top-bar.expanded .toggle-topbar a span {
  1248. -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
  1249. box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }
  1250. .top-bar-section {
  1251. left: 0;
  1252. position: relative;
  1253. width: auto;
  1254. -webkit-transition: left 300ms ease-out;
  1255. -moz-transition: left 300ms ease-out;
  1256. transition: left 300ms ease-out; }
  1257. .top-bar-section ul {
  1258. width: 100%;
  1259. height: auto;
  1260. display: block;
  1261. background: #333333;
  1262. font-size: 16px;
  1263. margin: 0; }
  1264. .top-bar-section .divider,
  1265. .top-bar-section [role="separator"] {
  1266. border-top: solid 1px #1a1a1a;
  1267. clear: both;
  1268. height: 1px;
  1269. width: 100%; }
  1270. .top-bar-section ul li > a {
  1271. display: block;
  1272. width: 100%;
  1273. color: white;
  1274. padding: 12px 0 12px 0;
  1275. padding-left: 15px;
  1276. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  1277. font-size: 0.8125rem;
  1278. font-weight: normal;
  1279. background: #333333; }
  1280. .top-bar-section ul li > a.button {
  1281. background: #008cba;
  1282. font-size: 0.8125rem;
  1283. padding-right: 15px;
  1284. padding-left: 15px; }
  1285. .top-bar-section ul li > a.button:hover {
  1286. background: #006687; }
  1287. .top-bar-section ul li > a.button.secondary {
  1288. background: #e7e7e7; }
  1289. .top-bar-section ul li > a.button.secondary:hover {
  1290. background: #cecece; }
  1291. .top-bar-section ul li > a.button.success {
  1292. background: #43ac6a; }
  1293. .top-bar-section ul li > a.button.success:hover {
  1294. background: #358753; }
  1295. .top-bar-section ul li > a.button.alert {
  1296. background: #f04124; }
  1297. .top-bar-section ul li > a.button.alert:hover {
  1298. background: #d32a0e; }
  1299. .top-bar-section ul li:hover > a {
  1300. background: #272727;
  1301. color: white; }
  1302. .top-bar-section ul li.active > a {
  1303. background: #008cba;
  1304. color: white; }
  1305. .top-bar-section ul li.active > a:hover {
  1306. background: #0079a1; }
  1307. .top-bar-section .has-form {
  1308. padding: 15px; }
  1309. .top-bar-section .has-dropdown {
  1310. position: relative; }
  1311. .top-bar-section .has-dropdown > a:after {
  1312. content: "";
  1313. display: block;
  1314. width: 0;
  1315. height: 0;
  1316. border: inset 5px;
  1317. border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  1318. border-left-style: solid;
  1319. margin-right: 15px;
  1320. margin-top: -4.5px;
  1321. position: absolute;
  1322. top: 50%;
  1323. right: 0; }
  1324. .top-bar-section .has-dropdown.moved {
  1325. position: static; }
  1326. .top-bar-section .has-dropdown.moved > .dropdown {
  1327. display: block; }
  1328. .top-bar-section .dropdown {
  1329. position: absolute;
  1330. left: 100%;
  1331. top: 0;
  1332. display: none;
  1333. z-index: 99; }
  1334. .top-bar-section .dropdown li {
  1335. width: 100%;
  1336. height: auto; }
  1337. .top-bar-section .dropdown li a {
  1338. font-weight: normal;
  1339. padding: 8px 15px; }
  1340. .top-bar-section .dropdown li a.parent-link {
  1341. font-weight: normal; }
  1342. .top-bar-section .dropdown li.title h5 {
  1343. margin-bottom: 0; }
  1344. .top-bar-section .dropdown li.title h5 a {
  1345. color: white;
  1346. line-height: 22.5px;
  1347. display: block; }
  1348. .top-bar-section .dropdown label {
  1349. padding: 8px 15px 2px;
  1350. margin-bottom: 0;
  1351. text-transform: uppercase;
  1352. color: #777777;
  1353. font-weight: bold;
  1354. font-size: 0.625rem; }
  1355. .js-generated {
  1356. display: block; }
  1357. @media only screen and (min-width: 40.063em) {
  1358. .top-bar {
  1359. background: #333333;
  1360. *zoom: 1;
  1361. overflow: visible; }
  1362. .top-bar:before, .top-bar:after {
  1363. content: " ";
  1364. display: table; }
  1365. .top-bar:after {
  1366. clear: both; }
  1367. .top-bar .toggle-topbar {
  1368. display: none; }
  1369. .top-bar .title-area {
  1370. float: left; }
  1371. .top-bar .name h1 a {
  1372. width: auto; }
  1373. .top-bar input,
  1374. .top-bar .button {
  1375. font-size: 0.875rem;
  1376. position: relative;
  1377. top: 7px; }
  1378. .top-bar.expanded {
  1379. background: #333333; }
  1380. .contain-to-grid .top-bar {
  1381. max-width: 62.5rem;
  1382. margin: 0 auto;
  1383. margin-bottom: 0; }
  1384. .top-bar-section {
  1385. -webkit-transition: none 0 0;
  1386. -moz-transition: none 0 0;
  1387. transition: none 0 0;
  1388. left: 0 !important; }
  1389. .top-bar-section ul {
  1390. width: auto;
  1391. height: auto !important;
  1392. display: inline; }
  1393. .top-bar-section ul li {
  1394. float: left; }
  1395. .top-bar-section ul li .js-generated {
  1396. display: none; }
  1397. .top-bar-section li.hover > a:not(.button) {
  1398. background: #272727;
  1399. color: white; }
  1400. .top-bar-section li a:not(.button) {
  1401. padding: 0 15px;
  1402. line-height: 45px;
  1403. background: #333333; }
  1404. .top-bar-section li a:not(.button):hover {
  1405. background: #272727; }
  1406. .top-bar-section .has-dropdown > a {
  1407. padding-right: 35px !important; }
  1408. .top-bar-section .has-dropdown > a:after {
  1409. content: "";
  1410. display: block;
  1411. width: 0;
  1412. height: 0;
  1413. border: inset 5px;
  1414. border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
  1415. border-top-style: solid;
  1416. margin-top: -2.5px;
  1417. top: 22.5px; }
  1418. .top-bar-section .has-dropdown.moved {
  1419. position: relative; }
  1420. .top-bar-section .has-dropdown.moved > .dropdown {
  1421. display: none; }
  1422. .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
  1423. display: block; }
  1424. .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
  1425. border: none;
  1426. content: "\00bb";
  1427. top: 1rem;
  1428. margin-top: -2px;
  1429. right: 5px; }
  1430. .top-bar-section .dropdown {
  1431. left: 0;
  1432. top: auto;
  1433. background: transparent;
  1434. min-width: 100%; }
  1435. .top-bar-section .dropdown li a {
  1436. color: white;
  1437. line-height: 1;
  1438. white-space: nowrap;
  1439. padding: 12px 15px;
  1440. background: #333333; }
  1441. .top-bar-section .dropdown li label {
  1442. white-space: nowrap;
  1443. background: #333333; }
  1444. .top-bar-section .dropdown li .dropdown {
  1445. left: 100%;
  1446. top: 0; }
  1447. .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
  1448. border-bottom: none;
  1449. border-top: none;
  1450. border-right: solid 1px #4d4d4d;
  1451. clear: none;
  1452. height: 45px;
  1453. width: 0; }
  1454. .top-bar-section .has-form {
  1455. background: #333333;
  1456. padding: 0 15px;
  1457. height: 45px; }
  1458. .top-bar-section ul.right li .dropdown {
  1459. left: auto;
  1460. right: 0; }
  1461. .top-bar-section ul.right li .dropdown li .dropdown {
  1462. right: 100%; }
  1463. .no-js .top-bar-section ul li:hover > a {
  1464. background: #272727;
  1465. color: white; }
  1466. .no-js .top-bar-section ul li:active > a {
  1467. background: #008cba;
  1468. color: white; }
  1469. .no-js .top-bar-section .has-dropdown:hover > .dropdown {
  1470. display: block; } }
  1471. .breadcrumbs {
  1472. display: block;
  1473. padding: 0.5625rem 0.875rem 0.5625rem;
  1474. overflow: hidden;
  1475. margin-left: 0;
  1476. list-style: none;
  1477. border-style: solid;
  1478. border-width: 1px;
  1479. background-color: #f4f4f4;
  1480. border-color: #dadada;
  1481. -webkit-border-radius: 3px;
  1482. border-radius: 3px; }
  1483. .breadcrumbs > * {
  1484. margin: 0;
  1485. float: left;
  1486. font-size: 0.6875rem;
  1487. text-transform: uppercase; }
  1488. .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
  1489. text-decoration: underline; }
  1490. .breadcrumbs > * a,
  1491. .breadcrumbs > * span {
  1492. text-transform: uppercase;
  1493. color: #008cba; }
  1494. .breadcrumbs > *.current {
  1495. cursor: default;
  1496. color: #333333; }
  1497. .breadcrumbs > *.current a {
  1498. cursor: default;
  1499. color: #333333; }
  1500. .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
  1501. text-decoration: none; }
  1502. .breadcrumbs > *.unavailable {
  1503. color: #999999; }
  1504. .breadcrumbs > *.unavailable a {
  1505. color: #999999; }
  1506. .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
  1507. .breadcrumbs > *.unavailable a:focus {
  1508. text-decoration: none;
  1509. color: #999999;
  1510. cursor: default; }
  1511. .breadcrumbs > *:before {
  1512. content: "/";
  1513. color: #aaaaaa;
  1514. margin: 0 0.75rem;
  1515. position: relative;
  1516. top: 1px; }
  1517. .breadcrumbs > *:first-child:before {
  1518. content: " ";
  1519. margin: 0; }
  1520. .alert-box {
  1521. border-style: solid;
  1522. border-width: 1px;
  1523. display: block;
  1524. font-weight: normal;
  1525. margin-bottom: 1.25rem;
  1526. position: relative;
  1527. padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  1528. font-size: 0.8125rem;
  1529. background-color: #008cba;
  1530. border-color: #0079a1;
  1531. color: white; }
  1532. .alert-box .close {
  1533. font-size: 1.375rem;
  1534. padding: 9px 6px 4px;
  1535. line-height: 0;
  1536. position: absolute;
  1537. top: 50%;
  1538. margin-top: -0.6875rem;
  1539. right: 0.25rem;
  1540. color: #333333;
  1541. opacity: 0.3; }
  1542. .alert-box .close:hover, .alert-box .close:focus {
  1543. opacity: 0.5; }
  1544. .alert-box.radius {
  1545. -webkit-border-radius: 3px;
  1546. border-radius: 3px; }
  1547. .alert-box.round {
  1548. -webkit-border-radius: 1000px;
  1549. border-radius: 1000px; }
  1550. .alert-box.success {
  1551. background-color: #43ac6a;
  1552. border-color: #3c9a5f;
  1553. color: white; }
  1554. .alert-box.alert {
  1555. background-color: #f04124;
  1556. border-color: #ea2f10;
  1557. color: white; }
  1558. .alert-box.secondary {
  1559. background-color: #e7e7e7;
  1560. border-color: #dadada;
  1561. color: #4e4e4e; }
  1562. .alert-box.warning {
  1563. background-color: #f08a24;
  1564. border-color: #ea7d10;
  1565. color: white; }
  1566. .alert-box.info {
  1567. background-color: #a0d3e8;
  1568. border-color: #8bc9e3;
  1569. color: #4e4e4e; }
  1570. .inline-list {
  1571. margin: 0 auto 1.0625rem auto;
  1572. margin-left: -1.375rem;
  1573. margin-right: 0;
  1574. padding: 0;
  1575. list-style: none;
  1576. overflow: hidden; }
  1577. .inline-list > li {
  1578. list-style: none;
  1579. float: left;
  1580. margin-left: 1.375rem;
  1581. display: block; }
  1582. .inline-list > li > * {
  1583. display: block; }
  1584. button, .button {
  1585. cursor: pointer;
  1586. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  1587. font-weight: normal;
  1588. line-height: normal;
  1589. margin: 0 0 1.25rem;
  1590. position: relative;
  1591. text-decoration: none;
  1592. text-align: center;
  1593. display: inline-block;
  1594. padding-top: 1rem;
  1595. padding-right: 2rem;
  1596. padding-bottom: 1.0625rem;
  1597. padding-left: 2rem;
  1598. font-size: 1rem;
  1599. /* @else { font-size: $padding - rem-calc(2); } */
  1600. background-color: #008cba;
  1601. border-color: #0079a1;
  1602. color: white;
  1603. -webkit-transition: background-color 300ms ease-out;
  1604. -moz-transition: background-color 300ms ease-out;
  1605. transition: background-color 300ms ease-out;
  1606. padding-top: 1.0625rem;
  1607. padding-bottom: 1rem;
  1608. -webkit-appearance: none;
  1609. border: none;
  1610. font-weight: normal !important; }
  1611. button:hover, button:focus, .button:hover, .button:focus {
  1612. background-color: #0079a1; }
  1613. button:hover, button:focus, .button:hover, .button:focus {
  1614. color: white; }
  1615. button.secondary, .button.secondary {
  1616. background-color: #e7e7e7;
  1617. border-color: #dadada;
  1618. color: #333333; }
  1619. button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  1620. background-color: #dadada; }
  1621. button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  1622. color: #333333; }
  1623. button.success, .button.success {
  1624. background-color: #43ac6a;
  1625. border-color: #3c9a5f;
  1626. color: white; }
  1627. button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  1628. background-color: #3c9a5f; }
  1629. button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  1630. color: white; }
  1631. button.alert, .button.alert {
  1632. background-color: #f04124;
  1633. border-color: #ea2f10;
  1634. color: white; }
  1635. button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  1636. background-color: #ea2f10; }
  1637. button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  1638. color: white; }
  1639. button.large, .button.large {
  1640. padding-top: 1.125rem;
  1641. padding-right: 2.25rem;
  1642. padding-bottom: 1.1875rem;
  1643. padding-left: 2.25rem;
  1644. font-size: 1.25rem;
  1645. /* @else { font-size: $padding - rem-calc(2); } */ }
  1646. button.small, .button.small {
  1647. padding-top: 0.875rem;
  1648. padding-right: 1.75rem;
  1649. padding-bottom: 0.9375rem;
  1650. padding-left: 1.75rem;
  1651. font-size: 0.8125rem;
  1652. /* @else { font-size: $padding - rem-calc(2); } */ }
  1653. button.tiny, .button.tiny {
  1654. padding-top: 0.625rem;
  1655. padding-right: 1.25rem;
  1656. padding-bottom: 0.6875rem;
  1657. padding-left: 1.25rem;
  1658. font-size: 0.6875rem;
  1659. /* @else { font-size: $padding - rem-calc(2); } */ }
  1660. button.expand, .button.expand {
  1661. padding-right: 0;
  1662. padding-left: 0;
  1663. width: 100%; }
  1664. button.left-align, .button.left-align {
  1665. text-align: left;
  1666. text-indent: 0.75rem; }
  1667. button.right-align, .button.right-align {
  1668. text-align: right;
  1669. padding-right: 0.75rem; }
  1670. button.radius, .button.radius {
  1671. -webkit-border-radius: 3px;
  1672. border-radius: 3px; }
  1673. button.round, .button.round {
  1674. -webkit-border-radius: 1000px;
  1675. border-radius: 1000px; }
  1676. button.disabled, button[disabled], .button.disabled, .button[disabled] {
  1677. background-color: #008cba;
  1678. border-color: #0079a1;
  1679. color: white;
  1680. cursor: default;
  1681. opacity: 0.7;
  1682. -webkit-box-shadow: none;
  1683. box-shadow: none; }
  1684. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1685. background-color: #0079a1; }
  1686. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1687. color: white; }
  1688. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1689. background-color: #008cba; }
  1690. button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  1691. background-color: #e7e7e7;
  1692. border-color: #dadada;
  1693. color: #333333;
  1694. cursor: default;
  1695. opacity: 0.7;
  1696. -webkit-box-shadow: none;
  1697. box-shadow: none; }
  1698. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  1699. background-color: #dadada; }
  1700. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  1701. color: #333333; }
  1702. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  1703. background-color: #e7e7e7; }
  1704. button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  1705. background-color: #43ac6a;
  1706. border-color: #3c9a5f;
  1707. color: white;
  1708. cursor: default;
  1709. opacity: 0.7;
  1710. -webkit-box-shadow: none;
  1711. box-shadow: none; }
  1712. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  1713. background-color: #3c9a5f; }
  1714. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  1715. color: white; }
  1716. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  1717. background-color: #43ac6a; }
  1718. button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  1719. background-color: #f04124;
  1720. border-color: #ea2f10;
  1721. color: white;
  1722. cursor: default;
  1723. opacity: 0.7;
  1724. -webkit-box-shadow: none;
  1725. box-shadow: none; }
  1726. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  1727. background-color: #ea2f10; }
  1728. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  1729. color: white; }
  1730. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  1731. background-color: #f04124; }
  1732. @media only screen and (min-width: 40.063em) {
  1733. button, .button {
  1734. display: inline-block; } }
  1735. .button-group {
  1736. list-style: none;
  1737. margin: 0;
  1738. *zoom: 1; }
  1739. .button-group:before, .button-group:after {
  1740. content: " ";
  1741. display: table; }
  1742. .button-group:after {
  1743. clear: both; }
  1744. .button-group > * {
  1745. margin: 0;
  1746. float: left; }
  1747. .button-group > * > button, .button-group > * .button {
  1748. border-right: 1px solid;
  1749. border-color: rgba(255, 255, 255, 0.5); }
  1750. .button-group > *:first-child {
  1751. margin-left: 0; }
  1752. .button-group.radius > * > button, .button-group.radius > * .button {
  1753. border-right: 1px solid;
  1754. border-color: rgba(255, 255, 255, 0.5); }
  1755. .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
  1756. -moz-border-radius-bottomleft: 3px;
  1757. -moz-border-radius-topleft: 3px;
  1758. -webkit-border-bottom-left-radius: 3px;
  1759. -webkit-border-top-left-radius: 3px;
  1760. border-bottom-left-radius: 3px;
  1761. border-top-left-radius: 3px; }
  1762. .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
  1763. -moz-border-radius-topright: 3px;
  1764. -moz-border-radius-bottomright: 3px;
  1765. -webkit-border-top-right-radius: 3px;
  1766. -webkit-border-bottom-right-radius: 3px;
  1767. border-top-right-radius: 3px;
  1768. border-bottom-right-radius: 3px; }
  1769. .button-group.round > * > button, .button-group.round > * .button {
  1770. border-right: 1px solid;
  1771. border-color: rgba(255, 255, 255, 0.5); }
  1772. .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
  1773. -moz-border-radius-bottomleft: 1000px;
  1774. -moz-border-radius-topleft: 1000px;
  1775. -webkit-border-bottom-left-radius: 1000px;
  1776. -webkit-border-top-left-radius: 1000px;
  1777. border-bottom-left-radius: 1000px;
  1778. border-top-left-radius: 1000px; }
  1779. .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
  1780. -moz-border-radius-topright: 1000px;
  1781. -moz-border-radius-bottomright: 1000px;
  1782. -webkit-border-top-right-radius: 1000px;
  1783. -webkit-border-bottom-right-radius: 1000px;
  1784. border-top-right-radius: 1000px;
  1785. border-bottom-right-radius: 1000px; }
  1786. .button-group.even-2 li {
  1787. width: 50%; }
  1788. .button-group.even-2 li > button, .button-group.even-2 li .button {
  1789. border-right: 1px solid;
  1790. border-color: rgba(255, 255, 255, 0.5); }
  1791. .button-group.even-2 li button, .button-group.even-2 li .button {
  1792. width: 100%; }
  1793. .button-group.even-3 li {
  1794. width: 33.33333%; }
  1795. .button-group.even-3 li > button, .button-group.even-3 li .button {
  1796. border-right: 1px solid;
  1797. border-color: rgba(255, 255, 255, 0.5); }
  1798. .button-group.even-3 li button, .button-group.even-3 li .button {
  1799. width: 100%; }
  1800. .button-group.even-4 li {
  1801. width: 25%; }
  1802. .button-group.even-4 li > button, .button-group.even-4 li .button {
  1803. border-right: 1px solid;
  1804. border-color: rgba(255, 255, 255, 0.5); }
  1805. .button-group.even-4 li button, .button-group.even-4 li .button {
  1806. width: 100%; }
  1807. .button-group.even-5 li {
  1808. width: 20%; }
  1809. .button-group.even-5 li > button, .button-group.even-5 li .button {
  1810. border-right: 1px solid;
  1811. border-color: rgba(255, 255, 255, 0.5); }
  1812. .button-group.even-5 li button, .button-group.even-5 li .button {
  1813. width: 100%; }
  1814. .button-group.even-6 li {
  1815. width: 16.66667%; }
  1816. .button-group.even-6 li > button, .button-group.even-6 li .button {
  1817. border-right: 1px solid;
  1818. border-color: rgba(255, 255, 255, 0.5); }
  1819. .button-group.even-6 li button, .button-group.even-6 li .button {
  1820. width: 100%; }
  1821. .button-group.even-7 li {
  1822. width: 14.28571%; }
  1823. .button-group.even-7 li > button, .button-group.even-7 li .button {
  1824. border-right: 1px solid;
  1825. border-color: rgba(255, 255, 255, 0.5); }
  1826. .button-group.even-7 li button, .button-group.even-7 li .button {
  1827. width: 100%; }
  1828. .button-group.even-8 li {
  1829. width: 12.5%; }
  1830. .button-group.even-8 li > button, .button-group.even-8 li .button {
  1831. border-right: 1px solid;
  1832. border-color: rgba(255, 255, 255, 0.5); }
  1833. .button-group.even-8 li button, .button-group.even-8 li .button {
  1834. width: 100%; }
  1835. .button-bar {
  1836. *zoom: 1; }
  1837. .button-bar:before, .button-bar:after {
  1838. content: " ";
  1839. display: table; }
  1840. .button-bar:after {
  1841. clear: both; }
  1842. .button-bar .button-group {
  1843. float: left;
  1844. margin-right: 0.625rem; }
  1845. .button-bar .button-group div {
  1846. overflow: hidden; }
  1847. /* Panels */
  1848. .panel {
  1849. border-style: solid;
  1850. border-width: 1px;
  1851. border-color: #d9d9d9;
  1852. margin-bottom: 1.25rem;
  1853. padding: 1.25rem;
  1854. background: #f2f2f2; }
  1855. .panel > :first-child {
  1856. margin-top: 0; }
  1857. .panel > :last-child {
  1858. margin-bottom: 0; }
  1859. .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  1860. color: #333333; }
  1861. .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  1862. line-height: 1;
  1863. margin-bottom: 0.625rem; }
  1864. .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  1865. line-height: 1.4; }
  1866. .panel.callout {
  1867. border-style: solid;
  1868. border-width: 1px;
  1869. border-color: #baeeff;
  1870. margin-bottom: 1.25rem;
  1871. padding: 1.25rem;
  1872. background: #edfbff; }
  1873. .panel.callout > :first-child {
  1874. margin-top: 0; }
  1875. .panel.callout > :last-child {
  1876. margin-bottom: 0; }
  1877. .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  1878. color: #333333; }
  1879. .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  1880. line-height: 1;
  1881. margin-bottom: 0.625rem; }
  1882. .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  1883. line-height: 1.4; }
  1884. .panel.callout a {
  1885. color: #008cba; }
  1886. .panel.radius {
  1887. -webkit-border-radius: 3px;
  1888. border-radius: 3px; }
  1889. .dropdown.button {
  1890. position: relative;
  1891. padding-right: 3.5625rem; }
  1892. .dropdown.button:before {
  1893. position: absolute;
  1894. content: "";
  1895. width: 0;
  1896. height: 0;
  1897. display: block;
  1898. border-style: solid;
  1899. border-color: white transparent transparent transparent;
  1900. top: 50%; }
  1901. .dropdown.button:before {
  1902. border-width: 0.375rem;
  1903. right: 1.40625rem;
  1904. margin-top: -0.15625rem; }
  1905. .dropdown.button:before {
  1906. border-color: white transparent transparent transparent; }
  1907. .dropdown.button.tiny {
  1908. padding-right: 2.625rem; }
  1909. .dropdown.button.tiny:before {
  1910. border-width: 0.375rem;
  1911. right: 1.125rem;
  1912. margin-top: -0.125rem; }
  1913. .dropdown.button.tiny:before {
  1914. border-color: white transparent transparent transparent; }
  1915. .dropdown.button.small {
  1916. padding-right: 3.0625rem; }
  1917. .dropdown.button.small:before {
  1918. border-width: 0.4375rem;
  1919. right: 1.3125rem;
  1920. margin-top: -0.15625rem; }
  1921. .dropdown.button.small:before {
  1922. border-color: white transparent transparent transparent; }
  1923. .dropdown.button.large {
  1924. padding-right: 3.625rem; }
  1925. .dropdown.button.large:before {
  1926. border-width: 0.3125rem;
  1927. right: 1.71875rem;
  1928. margin-top: -0.15625rem; }
  1929. .dropdown.button.large:before {
  1930. border-color: white transparent transparent transparent; }
  1931. .dropdown.button.secondary:before {
  1932. border-color: #333333 transparent transparent transparent; }
  1933. div.switch {
  1934. position: relative;
  1935. padding: 0;
  1936. display: block;
  1937. overflow: hidden;
  1938. border-style: solid;
  1939. border-width: 1px;
  1940. margin-bottom: 1.25rem;
  1941. height: 2.25rem;
  1942. background: white;
  1943. border-color: #cccccc; }
  1944. div.switch label {
  1945. position: relative;
  1946. left: 0;
  1947. z-index: 2;
  1948. float: left;
  1949. width: 50%;
  1950. height: 100%;
  1951. margin: 0;
  1952. font-weight: bold;
  1953. text-align: left;
  1954. -webkit-transition: all 0.1s ease-out;
  1955. -moz-transition: all 0.1s ease-out;
  1956. transition: all 0.1s ease-out; }
  1957. div.switch input {
  1958. position: absolute;
  1959. z-index: 3;
  1960. opacity: 0;
  1961. width: 100%;
  1962. height: 100%;
  1963. -moz-appearance: none; }
  1964. div.switch input:hover, div.switch input:focus {
  1965. cursor: pointer; }
  1966. div.switch span:last-child {
  1967. position: absolute;
  1968. top: -1px;
  1969. left: -1px;
  1970. z-index: 1;
  1971. display: block;
  1972. padding: 0;
  1973. border-width: 1px;
  1974. border-style: solid;
  1975. -webkit-transition: all 0.1s ease-out;
  1976. -moz-transition: all 0.1s ease-out;
  1977. transition: all 0.1s ease-out; }
  1978. div.switch input:not(:checked) + label {
  1979. opacity: 0; }
  1980. div.switch input:checked {
  1981. display: none !important; }
  1982. div.switch input {
  1983. left: 0;
  1984. display: block !important; }
  1985. div.switch input:first-of-type + label,
  1986. div.switch input:first-of-type + span + label {
  1987. left: -50%; }
  1988. div.switch input:first-of-type:checked + label,
  1989. div.switch input:first-of-type:checked + span + label {
  1990. left: 0%; }
  1991. div.switch input:last-of-type + label,
  1992. div.switch input:last-of-type + span + label {
  1993. right: -50%;
  1994. left: auto;
  1995. text-align: right; }
  1996. div.switch input:last-of-type:checked + label,
  1997. div.switch input:last-of-type:checked + span + label {
  1998. right: 0%;
  1999. left: auto; }
  2000. div.switch span.custom {
  2001. display: none !important; }
  2002. form.custom div.switch .hidden-field {
  2003. margin-left: auto;
  2004. position: absolute;
  2005. visibility: visible; }
  2006. div.switch label {
  2007. padding: 0;
  2008. line-height: 2.3rem;
  2009. font-size: 0.875rem; }
  2010. div.switch input:first-of-type:checked ~ span:last-child {
  2011. left: 100%;
  2012. margin-left: -2.1875rem; }
  2013. div.switch span:last-child {
  2014. width: 2.25rem;
  2015. height: 2.25rem; }
  2016. div.switch span:last-child {
  2017. border-color: #b3b3b3;
  2018. background: white;
  2019. background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
  2020. background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
  2021. background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
  2022. -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #f3fbf6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
  2023. box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #f3fbf6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
  2024. div.switch:hover span:last-child, div.switch:focus span:last-child {
  2025. background: white;
  2026. background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  2027. background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  2028. background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
  2029. div.switch:active {
  2030. background: transparent; }
  2031. div.switch.large {
  2032. height: 2.75rem; }
  2033. div.switch.large label {
  2034. padding: 0;
  2035. line-height: 2.3rem;
  2036. font-size: 1.0625rem; }
  2037. div.switch.large input:first-of-type:checked ~ span:last-child {
  2038. left: 100%;
  2039. margin-left: -2.6875rem; }
  2040. div.switch.large span:last-child {
  2041. width: 2.75rem;
  2042. height: 2.75rem; }
  2043. div.switch.small {
  2044. height: 1.75rem; }
  2045. div.switch.small label {
  2046. padding: 0;
  2047. line-height: 2.1rem;
  2048. font-size: 0.75rem; }
  2049. div.switch.small input:first-of-type:checked ~ span:last-child {
  2050. left: 100%;
  2051. margin-left: -1.6875rem; }
  2052. div.switch.small span:last-child {
  2053. width: 1.75rem;
  2054. height: 1.75rem; }
  2055. div.switch.tiny {
  2056. height: 1.375rem; }
  2057. div.switch.tiny label {
  2058. padding: 0;
  2059. line-height: 1.9rem;
  2060. font-size: 0.6875rem; }
  2061. div.switch.tiny input:first-of-type:checked ~ span:last-child {
  2062. left: 100%;
  2063. margin-left: -1.3125rem; }
  2064. div.switch.tiny span:last-child {
  2065. width: 1.375rem;
  2066. height: 1.375rem; }
  2067. div.switch.radius {
  2068. -webkit-border-radius: 4px;
  2069. border-radius: 4px; }
  2070. div.switch.radius span:last-child {
  2071. -webkit-border-radius: 3px;
  2072. border-radius: 3px; }
  2073. div.switch.round {
  2074. -webkit-border-radius: 1000px;
  2075. border-radius: 1000px; }
  2076. div.switch.round span:last-child {
  2077. -webkit-border-radius: 999px;
  2078. border-radius: 999px; }
  2079. div.switch.round label {
  2080. padding: 0 0.5625rem; }
  2081. @-webkit-keyframes webkitSiblingBugfix {
  2082. from {
  2083. position: relative; }
  2084. to {
  2085. position: relative; } }
  2086. /* Image Thumbnails */
  2087. .th {
  2088. line-height: 0;
  2089. display: inline-block;
  2090. border: solid 4px white;
  2091. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  2092. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  2093. -webkit-transition: all 200ms ease-out;
  2094. -moz-transition: all 200ms ease-out;
  2095. transition: all 200ms ease-out; }
  2096. .th:hover, .th:focus {
  2097. -webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
  2098. box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
  2099. .th.radius {
  2100. -webkit-border-radius: 3px;
  2101. border-radius: 3px; }
  2102. a.th {
  2103. display: inline-block;
  2104. max-width: 100%; }
  2105. /* Pricing Tables */
  2106. .pricing-table {
  2107. border: solid 1px #dddddd;
  2108. margin-left: 0;
  2109. margin-bottom: 1.25rem; }
  2110. .pricing-table * {
  2111. list-style: none;
  2112. line-height: 1; }
  2113. .pricing-table .title {
  2114. background-color: #333333;
  2115. padding: 0.9375rem 1.25rem;
  2116. text-align: center;
  2117. color: #eeeeee;
  2118. font-weight: normal;
  2119. font-size: 1rem;
  2120. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  2121. .pricing-table .price {
  2122. background-color: #f6f6f6;
  2123. padding: 0.9375rem 1.25rem;
  2124. text-align: center;
  2125. color: #333333;
  2126. font-weight: normal;
  2127. font-size: 2rem;
  2128. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  2129. .pricing-table .description {
  2130. background-color: white;
  2131. padding: 0.9375rem;
  2132. text-align: center;
  2133. color: #777777;
  2134. font-size: 0.75rem;
  2135. font-weight: normal;
  2136. line-height: 1.4;
  2137. border-bottom: dotted 1px #dddddd; }
  2138. .pricing-table .bullet-item {
  2139. background-color: white;
  2140. padding: 0.9375rem;
  2141. text-align: center;
  2142. color: #333333;
  2143. font-size: 0.875rem;
  2144. font-weight: normal;
  2145. border-bottom: dotted 1px #dddddd; }
  2146. .pricing-table .cta-button {
  2147. background-color: white;
  2148. text-align: center;
  2149. padding: 1.25rem 1.25rem 0; }
  2150. @-webkit-keyframes rotate {
  2151. from {
  2152. -webkit-transform: rotate(0deg); }
  2153. to {
  2154. -webkit-transform: rotate(360deg); } }
  2155. @-moz-keyframes rotate {
  2156. from {
  2157. -moz-transform: rotate(0deg); }
  2158. to {
  2159. -moz-transform: rotate(360deg); } }
  2160. @-o-keyframes rotate {
  2161. from {
  2162. -o-transform: rotate(0deg); }
  2163. to {
  2164. -o-transform: rotate(360deg); } }
  2165. @keyframes rotate {
  2166. from {
  2167. transform: rotate(0deg); }
  2168. to {
  2169. transform: rotate(360deg); } }
  2170. /* Orbit Graceful Loading */
  2171. .slideshow-wrapper {
  2172. position: relative; }
  2173. .slideshow-wrapper ul {
  2174. list-style-type: none;
  2175. margin: 0; }
  2176. .slideshow-wrapper ul li,
  2177. .slideshow-wrapper ul li .orbit-caption {
  2178. display: none; }
  2179. .slideshow-wrapper ul li:first-child {
  2180. display: block; }
  2181. .slideshow-wrapper .orbit-container {
  2182. background-color: transparent; }
  2183. .slideshow-wrapper .orbit-container li {
  2184. display: block; }
  2185. .slideshow-wrapper .orbit-container li .orbit-caption {
  2186. display: block; }
  2187. .preloader {
  2188. display: block;
  2189. width: 40px;
  2190. height: 40px;
  2191. position: absolute;
  2192. top: 50%;
  2193. left: 50%;
  2194. margin-top: -20px;
  2195. margin-left: -20px;
  2196. border: solid 3px;
  2197. border-color: #555555 white;
  2198. -webkit-border-radius: 1000px;
  2199. border-radius: 1000px;
  2200. -webkit-animation-name: rotate;
  2201. -webkit-animation-duration: 1.5s;
  2202. -webkit-animation-iteration-count: infinite;
  2203. -webkit-animation-timing-function: linear;
  2204. -moz-animation-name: rotate;
  2205. -moz-animation-duration: 1.5s;
  2206. -moz-animation-iteration-count: infinite;
  2207. -moz-animation-timing-function: linear;
  2208. -o-animation-name: rotate;
  2209. -o-animation-duration: 1.5s;
  2210. -o-animation-iteration-count: infinite;
  2211. -o-animation-timing-function: linear;
  2212. animation-name: rotate;
  2213. animation-duration: 1.5s;
  2214. animation-iteration-count: infinite;
  2215. animation-timing-function: linear; }
  2216. .orbit-container {
  2217. overflow: hidden;
  2218. width: 100%;
  2219. position: relative;
  2220. background: none; }
  2221. .orbit-container .orbit-slides-container {
  2222. list-style: none;
  2223. margin: 0;
  2224. padding: 0;
  2225. position: relative; }
  2226. .orbit-container .orbit-slides-container img {
  2227. display: block;
  2228. max-width: 100%; }
  2229. .orbit-container .orbit-slides-container > * {
  2230. position: absolute;
  2231. top: 0;
  2232. width: 100%;
  2233. margin-left: 100%; }
  2234. .orbit-container .orbit-slides-container > *:first-child {
  2235. margin-left: 0%; }
  2236. .orbit-container .orbit-slides-container > * .orbit-caption {
  2237. position: absolute;
  2238. bottom: 0;
  2239. background-color: rgba(51, 51, 51, 0.8);
  2240. color: white;
  2241. width: 100%;
  2242. padding: 10px 14px;
  2243. font-size: 0.875rem; }
  2244. .orbit-container .orbit-slide-number {
  2245. position: absolute;
  2246. top: 10px;
  2247. left: 10px;
  2248. font-size: 12px;
  2249. color: white;
  2250. background: rgba(0, 0, 0, 0);
  2251. z-index: 10; }
  2252. .orbit-container .orbit-slide-number span {
  2253. font-weight: 700;
  2254. padding: 0.3125rem; }
  2255. .orbit-container .orbit-timer {
  2256. position: absolute;
  2257. top: 12px;
  2258. right: 10px;
  2259. height: 6px;
  2260. width: 100px;
  2261. z-index: 10; }
  2262. .orbit-container .orbit-timer .orbit-progress {
  2263. height: 3px;
  2264. background-color: rgba(255, 255, 255, 0.3);
  2265. display: block;
  2266. width: 0%;
  2267. position: relative;
  2268. right: 20px;
  2269. top: 5px; }
  2270. .orbit-container .orbit-timer > span {
  2271. display: none;
  2272. position: absolute;
  2273. top: 0px;
  2274. right: 0;
  2275. width: 11px;
  2276. height: 14px;
  2277. border: solid 4px white;
  2278. border-top: none;
  2279. border-bottom: none; }
  2280. .orbit-container .orbit-timer.paused > span {
  2281. right: -4px;
  2282. top: 0px;
  2283. width: 11px;
  2284. height: 14px;
  2285. border: inset 8px;
  2286. border-right-style: solid;
  2287. border-color: transparent transparent transparent white; }
  2288. .orbit-container .orbit-timer.paused > span.dark {
  2289. border-color: transparent transparent transparent #333333; }
  2290. .orbit-container:hover .orbit-timer > span {
  2291. display: block; }
  2292. .orbit-container .orbit-prev,
  2293. .orbit-container .orbit-next {
  2294. position: absolute;
  2295. top: 45%;
  2296. margin-top: -25px;
  2297. width: 36px;
  2298. height: 60px;
  2299. line-height: 50px;
  2300. color: white;
  2301. text-indent: -9999px !important;
  2302. z-index: 10; }
  2303. .orbit-container .orbit-prev:hover,
  2304. .orbit-container .orbit-next:hover {
  2305. background-color: rgba(0, 0, 0, 0.3); }
  2306. .orbit-container .orbit-prev > span,
  2307. .orbit-container .orbit-next > span {
  2308. position: absolute;
  2309. top: 50%;
  2310. margin-top: -10px;
  2311. display: block;
  2312. width: 0;
  2313. height: 0;
  2314. border: inset 10px; }
  2315. .orbit-container .orbit-prev {
  2316. left: 0; }
  2317. .orbit-container .orbit-prev > span {
  2318. border-right-style: solid;
  2319. border-color: transparent;
  2320. border-right-color: white; }
  2321. .orbit-container .orbit-prev:hover > span {
  2322. border-right-color: white; }
  2323. .orbit-container .orbit-next {
  2324. right: 0; }
  2325. .orbit-container .orbit-next > span {
  2326. border-color: transparent;
  2327. border-left-style: solid;
  2328. border-left-color: white;
  2329. left: 50%;
  2330. margin-left: -4px; }
  2331. .orbit-container .orbit-next:hover > span {
  2332. border-left-color: white; }
  2333. .orbit-bullets-container {
  2334. text-align: center; }
  2335. .orbit-bullets {
  2336. margin: 0 auto 30px auto;
  2337. overflow: hidden;
  2338. position: relative;
  2339. top: 10px;
  2340. float: none;
  2341. text-align: center;
  2342. display: inline-block; }
  2343. .orbit-bullets li {
  2344. display: block;
  2345. width: 0.5625rem;
  2346. height: 0.5625rem;
  2347. background: #cccccc;
  2348. float: left;
  2349. margin-right: 6px;
  2350. -webkit-border-radius: 1000px;
  2351. border-radius: 1000px; }
  2352. .orbit-bullets li.active {
  2353. background: #999999; }
  2354. .orbit-bullets li:last-child {
  2355. margin-right: 0; }
  2356. .touch .orbit-container .orbit-prev,
  2357. .touch .orbit-container .orbit-next {
  2358. display: none; }
  2359. .touch .orbit-bullets {
  2360. display: none; }
  2361. @media only screen and (min-width: 40.063em) {
  2362. .touch .orbit-container .orbit-prev,
  2363. .touch .orbit-container .orbit-next {
  2364. display: inherit; }
  2365. .touch .orbit-bullets {
  2366. display: block; } }
  2367. @media only screen and (max-width: 40em) {
  2368. .orbit-stack-on-small .orbit-slides-container {
  2369. height: auto !important; }
  2370. .orbit-stack-on-small .orbit-slides-container > * {
  2371. position: relative;
  2372. margin-left: 0% !important; }
  2373. .orbit-stack-on-small .orbit-timer,
  2374. .orbit-stack-on-small .orbit-next,
  2375. .orbit-stack-on-small .orbit-prev,
  2376. .orbit-stack-on-small .orbit-bullets {
  2377. display: none; } }
  2378. [data-magellan-expedition] {
  2379. background: white;
  2380. z-index: 50;
  2381. min-width: 100%;
  2382. padding: 10px; }
  2383. [data-magellan-expedition] .sub-nav {
  2384. margin-bottom: 0; }
  2385. [data-magellan-expedition] .sub-nav dd {
  2386. margin-bottom: 0; }
  2387. [data-magellan-expedition] .sub-nav .active {
  2388. line-height: 1.8em; }
  2389. .tabs {
  2390. *zoom: 1;
  2391. margin-bottom: 0 !important; }
  2392. .tabs:before, .tabs:after {
  2393. content: " ";
  2394. display: table; }
  2395. .tabs:after {
  2396. clear: both; }
  2397. .tabs dd {
  2398. position: relative;
  2399. margin-bottom: 0 !important;
  2400. top: 1px;
  2401. float: left; }
  2402. .tabs dd > a {
  2403. display: block;
  2404. background: #efefef;
  2405. color: #222222;
  2406. padding-top: 1rem;
  2407. padding-right: 2rem;
  2408. padding-bottom: 1.0625rem;
  2409. padding-left: 2rem;
  2410. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  2411. font-size: 1rem; }
  2412. .tabs dd > a:hover {
  2413. background: #e2e2e2; }
  2414. .tabs dd.active a {
  2415. background: #fff; }
  2416. .tabs.radius dd:first-child a {
  2417. -moz-border-radius-bottomleft: 3px;
  2418. -moz-border-radius-topleft: 3px;
  2419. -webkit-border-bottom-left-radius: 3px;
  2420. -webkit-border-top-left-radius: 3px;
  2421. border-bottom-left-radius: 3px;
  2422. border-top-left-radius: 3px; }
  2423. .tabs.radius dd:last-child a {
  2424. -moz-border-radius-topright: 3px;
  2425. -moz-border-radius-bottomright: 3px;
  2426. -webkit-border-top-right-radius: 3px;
  2427. -webkit-border-bottom-right-radius: 3px;
  2428. border-top-right-radius: 3px;
  2429. border-bottom-right-radius: 3px; }
  2430. .tabs.vertical dd {
  2431. position: inherit;
  2432. float: none;
  2433. display: block;
  2434. top: auto; }
  2435. .tabs-content {
  2436. *zoom: 1;
  2437. margin-bottom: 1.5rem; }
  2438. .tabs-content:before, .tabs-content:after {
  2439. content: " ";
  2440. display: table; }
  2441. .tabs-content:after {
  2442. clear: both; }
  2443. .tabs-content > .content {
  2444. display: none;
  2445. float: left;
  2446. padding: 0.9375rem 0; }
  2447. .tabs-content > .content.active {
  2448. display: block; }
  2449. .tabs-content > .content.contained {
  2450. padding: 0.9375rem; }
  2451. .tabs-content.vertical {
  2452. display: block; }
  2453. .tabs-content.vertical > .content {
  2454. padding: 0 0.9375rem; }
  2455. @media only screen and (min-width: 40.063em) {
  2456. .tabs.vertical {
  2457. width: 20%;
  2458. float: left;
  2459. margin-bottom: 1.25rem; }
  2460. .tabs-content.vertical {
  2461. width: 80%;
  2462. float: left;
  2463. margin-left: -1px; } }
  2464. ul.pagination {
  2465. display: block;
  2466. height: 1.5rem;
  2467. margin-left: -0.3125rem; }
  2468. ul.pagination li {
  2469. height: 1.5rem;
  2470. color: #222222;
  2471. font-size: 0.875rem;
  2472. margin-left: 0.3125rem; }
  2473. ul.pagination li a {
  2474. display: block;
  2475. padding: 0.0625rem 0.625rem 0.0625rem;
  2476. color: #999999;
  2477. -webkit-border-radius: 3px;
  2478. border-radius: 3px; }
  2479. ul.pagination li:hover a,
  2480. ul.pagination li a:focus {
  2481. background: #e6e6e6; }
  2482. ul.pagination li.unavailable a {
  2483. cursor: default;
  2484. color: #999999; }
  2485. ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  2486. background: transparent; }
  2487. ul.pagination li.current a {
  2488. background: #008cba;
  2489. color: white;
  2490. font-weight: bold;
  2491. cursor: default; }
  2492. ul.pagination li.current a:hover, ul.pagination li.current a:focus {
  2493. background: #008cba; }
  2494. ul.pagination li {
  2495. float: left;
  2496. display: block; }
  2497. /* Pagination centred wrapper */
  2498. .pagination-centered {
  2499. text-align: center; }
  2500. .pagination-centered ul.pagination li {
  2501. float: none;
  2502. display: inline-block; }
  2503. .side-nav {
  2504. display: block;
  2505. margin: 0;
  2506. padding: 0.875rem 0;
  2507. list-style-type: none;
  2508. list-style-position: inside;
  2509. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  2510. .side-nav li {
  2511. margin: 0 0 0.4375rem 0;
  2512. font-size: 0.875rem; }
  2513. .side-nav li a {
  2514. display: block;
  2515. color: #008cba; }
  2516. .side-nav li.active > a:first-child {
  2517. color: #4d4d4d;
  2518. font-weight: normal;
  2519. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  2520. .side-nav li.divider {
  2521. border-top: 1px solid;
  2522. height: 0;
  2523. padding: 0;
  2524. list-style: none;
  2525. border-top-color: #e6e6e6; }
  2526. .accordion {
  2527. *zoom: 1;
  2528. margin-bottom: 0; }
  2529. .accordion:before, .accordion:after {
  2530. content: " ";
  2531. display: table; }
  2532. .accordion:after {
  2533. clear: both; }
  2534. .accordion dd {
  2535. display: block;
  2536. margin-bottom: 0 !important; }
  2537. .accordion dd.active a {
  2538. background: #e7e7e7; }
  2539. .accordion dd > a {
  2540. background: #efefef;
  2541. color: #222222;
  2542. padding: 1rem;
  2543. display: block;
  2544. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  2545. font-size: 1rem; }
  2546. .accordion dd > a:hover {
  2547. background: #e2e2e2; }
  2548. .accordion .content {
  2549. display: none;
  2550. padding: 0.9375rem; }
  2551. .accordion .content.active {
  2552. display: block;
  2553. background: white; }
  2554. p.lead {
  2555. font-size: 1.21875rem;
  2556. line-height: 1.6; }
  2557. .subheader {
  2558. line-height: 1.4;
  2559. color: #6f6f6f;
  2560. font-weight: 300;
  2561. margin-top: 0.2rem;
  2562. margin-bottom: 0.5rem; }
  2563. /* Typography resets */
  2564. div,
  2565. dl,
  2566. dt,
  2567. dd,
  2568. ul,
  2569. ol,
  2570. li,
  2571. h1,
  2572. h2,
  2573. h3,
  2574. h4,
  2575. h5,
  2576. h6,
  2577. pre,
  2578. form,
  2579. p,
  2580. blockquote,
  2581. th,
  2582. td {
  2583. margin: 0;
  2584. padding: 0;
  2585. direction: ltr; }
  2586. /* Default Link Styles */
  2587. a {
  2588. color: #008cba;
  2589. text-decoration: none;
  2590. line-height: inherit; }
  2591. a:hover, a:focus {
  2592. color: #0079a1; }
  2593. a img {
  2594. border: none; }
  2595. /* Default paragraph styles */
  2596. p {
  2597. font-family: inherit;
  2598. font-weight: normal;
  2599. font-size: 1rem;
  2600. line-height: 1.6;
  2601. margin-bottom: 1.25rem;
  2602. text-rendering: optimizeLegibility; }
  2603. p aside {
  2604. font-size: 0.875rem;
  2605. line-height: 1.35;
  2606. font-style: italic; }
  2607. /* Default header styles */
  2608. h1, h2, h3, h4, h5, h6 {
  2609. font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  2610. font-weight: 300;
  2611. font-style: normal;
  2612. color: #222222;
  2613. text-rendering: optimizeLegibility;
  2614. margin-top: 0.2rem;
  2615. margin-bottom: 0.5rem;
  2616. line-height: 1.4; }
  2617. h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  2618. font-size: 60%;
  2619. color: #6f6f6f;
  2620. line-height: 0; }
  2621. h1 {
  2622. font-size: 2.125rem; }
  2623. h2 {
  2624. font-size: 1.6875rem; }
  2625. h3 {
  2626. font-size: 1.375rem; }
  2627. h4 {
  2628. font-size: 1.125rem; }
  2629. h5 {
  2630. font-size: 1.125rem; }
  2631. h6 {
  2632. font-size: 1rem; }
  2633. hr {
  2634. border: solid #dddddd;
  2635. border-width: 1px 0 0;
  2636. clear: both;
  2637. margin: 1.25rem 0 1.1875rem;
  2638. height: 0; }
  2639. /* Helpful Typography Defaults */
  2640. em,
  2641. i {
  2642. font-style: italic;
  2643. line-height: inherit; }
  2644. strong,
  2645. b {
  2646. font-weight: bold;
  2647. line-height: inherit; }
  2648. small {
  2649. font-size: 60%;
  2650. line-height: inherit; }
  2651. code {
  2652. font-family: Consolas, "Liberation Mono", Courier, monospace;
  2653. font-weight: bold;
  2654. color: #bb260d; }
  2655. /* Lists */
  2656. ul,
  2657. ol,
  2658. dl {
  2659. font-size: 1rem;
  2660. line-height: 1.6;
  2661. margin-bottom: 1.25rem;
  2662. list-style-position: outside;
  2663. font-family: inherit; }
  2664. ul {
  2665. margin-left: 1.1rem; }
  2666. ul.no-bullet {
  2667. margin-left: 0; }
  2668. ul.no-bullet li ul,
  2669. ul.no-bullet li ol {
  2670. margin-left: 1.25rem;
  2671. margin-bottom: 0;
  2672. list-style: none; }
  2673. /* Unordered Lists */
  2674. ul li ul,
  2675. ul li ol {
  2676. margin-left: 1.25rem;
  2677. margin-bottom: 0;
  2678. font-size: 1rem;
  2679. /* Override nested font-size change */ }
  2680. ul.square li ul, ul.circle li ul, ul.disc li ul {
  2681. list-style: inherit; }
  2682. ul.square {
  2683. list-style-type: square;
  2684. margin-left: 1.1rem; }
  2685. ul.circle {
  2686. list-style-type: circle;
  2687. margin-left: 1.1rem; }
  2688. ul.disc {
  2689. list-style-type: disc;
  2690. margin-left: 1.1rem; }
  2691. ul.no-bullet {
  2692. list-style: none; }
  2693. /* Ordered Lists */
  2694. ol {
  2695. margin-left: 1.4rem; }
  2696. ol li ul,
  2697. ol li ol {
  2698. margin-left: 1.25rem;
  2699. margin-bottom: 0; }
  2700. /* Definition Lists */
  2701. dl dt {
  2702. margin-bottom: 0.3rem;
  2703. font-weight: bold; }
  2704. dl dd {
  2705. margin-bottom: 0.75rem; }
  2706. /* Abbreviations */
  2707. abbr,
  2708. acronym {
  2709. text-transform: uppercase;
  2710. font-size: 90%;
  2711. color: #222222;
  2712. border-bottom: 1px dotted #dddddd;
  2713. cursor: help; }
  2714. abbr {
  2715. text-transform: none; }
  2716. /* Blockquotes */
  2717. blockquote {
  2718. margin: 0 0 1.25rem;
  2719. padding: 0.5625rem 1.25rem 0 1.1875rem;
  2720. border-left: 1px solid #dddddd; }
  2721. blockquote cite {
  2722. display: block;
  2723. font-size: 0.8125rem;
  2724. color: #555555; }
  2725. blockquote cite:before {
  2726. content: "\2014 \0020"; }
  2727. blockquote cite a,
  2728. blockquote cite a:visited {
  2729. color: #555555; }
  2730. blockquote,
  2731. blockquote p {
  2732. line-height: 1.6;
  2733. color: #6f6f6f; }
  2734. /* Microformats */
  2735. .vcard {
  2736. display: inline-block;
  2737. margin: 0 0 1.25rem 0;
  2738. border: 1px solid #dddddd;
  2739. padding: 0.625rem 0.75rem; }
  2740. .vcard li {
  2741. margin: 0;
  2742. display: block; }
  2743. .vcard .fn {
  2744. font-weight: bold;
  2745. font-size: 0.9375rem; }
  2746. .vevent .summary {
  2747. font-weight: bold; }
  2748. .vevent abbr {
  2749. cursor: default;
  2750. text-decoration: none;
  2751. font-weight: bold;
  2752. border: none;
  2753. padding: 0 0.0625rem; }
  2754. @media only screen and (min-width: 40.063em) {
  2755. h1, h2, h3, h4, h5, h6 {
  2756. line-height: 1.4; }
  2757. h1 {
  2758. font-size: 2.75rem; }
  2759. h2 {
  2760. font-size: 2.3125rem; }
  2761. h3 {
  2762. font-size: 1.6875rem; }
  2763. h4 {
  2764. font-size: 1.4375rem; } }
  2765. /*
  2766. * Print styles.
  2767. *
  2768. * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
  2769. * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
  2770. */
  2771. .print-only {
  2772. display: none !important; }
  2773. @media print {
  2774. * {
  2775. background: transparent !important;
  2776. color: black !important;
  2777. /* Black prints faster: h5bp.com/s */
  2778. box-shadow: none !important;
  2779. text-shadow: none !important; }
  2780. a,
  2781. a:visited {
  2782. text-decoration: underline; }
  2783. a[href]:after {
  2784. content: " (" attr(href) ")"; }
  2785. abbr[title]:after {
  2786. content: " (" attr(title) ")"; }
  2787. .ir a:after,
  2788. a[href^="javascript:"]:after,
  2789. a[href^="#"]:after {
  2790. content: ""; }
  2791. pre,
  2792. blockquote {
  2793. border: 1px solid #999999;
  2794. page-break-inside: avoid; }
  2795. thead {
  2796. display: table-header-group;
  2797. /* h5bp.com/t */ }
  2798. tr,
  2799. img {
  2800. page-break-inside: avoid; }
  2801. img {
  2802. max-width: 100% !important; }
  2803. @page {
  2804. margin: 0.5cm; }
  2805. p,
  2806. h2,
  2807. h3 {
  2808. orphans: 3;
  2809. widows: 3; }
  2810. h2,
  2811. h3 {
  2812. page-break-after: avoid; }
  2813. .hide-on-print {
  2814. display: none !important; }
  2815. .print-only {
  2816. display: block !important; }
  2817. .hide-for-print {
  2818. display: none !important; }
  2819. .show-for-print {
  2820. display: inherit !important; } }
  2821. .split.button {
  2822. position: relative;
  2823. padding-right: 5.0625rem; }
  2824. .split.button span {
  2825. display: block;
  2826. height: 100%;
  2827. position: absolute;
  2828. right: 0;
  2829. top: 0;
  2830. border-left: solid 1px; }
  2831. .split.button span:before {
  2832. position: absolute;
  2833. content: "";
  2834. width: 0;
  2835. height: 0;
  2836. display: block;
  2837. border-style: inset;
  2838. top: 50%;
  2839. left: 50%; }
  2840. .split.button span:active {
  2841. background-color: rgba(0, 0, 0, 0.1); }
  2842. .split.button span {
  2843. border-left-color: rgba(255, 255, 255, 0.5); }
  2844. .split.button span {
  2845. width: 3.09375rem; }
  2846. .split.button span:before {
  2847. border-top-style: solid;
  2848. border-width: 0.375rem;
  2849. top: 48%;
  2850. margin-left: -0.375rem; }
  2851. .split.button span:before {
  2852. border-color: white transparent transparent transparent; }
  2853. .split.button.secondary span {
  2854. border-left-color: rgba(255, 255, 255, 0.5); }
  2855. .split.button.secondary span:before {
  2856. border-color: white transparent transparent transparent; }
  2857. .split.button.alert span {
  2858. border-left-color: rgba(255, 255, 255, 0.5); }
  2859. .split.button.success span {
  2860. border-left-color: rgba(255, 255, 255, 0.5); }
  2861. .split.button.tiny {
  2862. padding-right: 3.75rem; }
  2863. .split.button.tiny span {
  2864. width: 2.25rem; }
  2865. .split.button.tiny span:before {
  2866. border-top-style: solid;
  2867. border-width: 0.375rem;
  2868. top: 48%;
  2869. margin-left: -0.375rem; }
  2870. .split.button.small {
  2871. padding-right: 4.375rem; }
  2872. .split.button.small span {
  2873. width: 2.625rem; }
  2874. .split.button.small span:before {
  2875. border-top-style: solid;
  2876. border-width: 0.4375rem;
  2877. top: 48%;
  2878. margin-left: -0.375rem; }
  2879. .split.button.large {
  2880. padding-right: 5.5rem; }
  2881. .split.button.large span {
  2882. width: 3.4375rem; }
  2883. .split.button.large span:before {
  2884. border-top-style: solid;
  2885. border-width: 0.3125rem;
  2886. top: 48%;
  2887. margin-left: -0.375rem; }
  2888. .split.button.expand {
  2889. padding-left: 2rem; }
  2890. .split.button.secondary span:before {
  2891. border-color: #333333 transparent transparent transparent; }
  2892. .split.button.radius span {
  2893. -moz-border-radius-topright: 3px;
  2894. -moz-border-radius-bottomright: 3px;
  2895. -webkit-border-top-right-radius: 3px;
  2896. -webkit-border-bottom-right-radius: 3px;
  2897. border-top-right-radius: 3px;
  2898. border-bottom-right-radius: 3px; }
  2899. .split.button.round span {
  2900. -moz-border-radius-topright: 1000px;
  2901. -moz-border-radius-bottomright: 1000px;
  2902. -webkit-border-top-right-radius: 1000px;
  2903. -webkit-border-bottom-right-radius: 1000px;
  2904. border-top-right-radius: 1000px;
  2905. border-bottom-right-radius: 1000px; }
  2906. .reveal-modal-bg {
  2907. position: fixed;
  2908. height: 100%;
  2909. width: 100%;
  2910. background: black;
  2911. background: rgba(0, 0, 0, 0.45);
  2912. z-index: 98;
  2913. display: none;
  2914. top: 0;
  2915. left: 0; }
  2916. .reveal-modal {
  2917. visibility: hidden;
  2918. display: none;
  2919. position: absolute;
  2920. left: 50%;
  2921. z-index: 99;
  2922. height: auto;
  2923. margin-left: -40%;
  2924. width: 80%;
  2925. background-color: white;
  2926. padding: 1.25rem;
  2927. border: solid 1px #666666;
  2928. -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  2929. box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  2930. top: 50px; }
  2931. .reveal-modal .column,
  2932. .reveal-modal .columns {
  2933. min-width: 0; }
  2934. .reveal-modal > :first-child {
  2935. margin-top: 0; }
  2936. .reveal-modal > :last-child {
  2937. margin-bottom: 0; }
  2938. .reveal-modal .close-reveal-modal {
  2939. font-size: 1.375rem;
  2940. line-height: 1;
  2941. position: absolute;
  2942. top: 0.5rem;
  2943. right: 0.6875rem;
  2944. color: #aaaaaa;
  2945. font-weight: bold;
  2946. cursor: pointer; }
  2947. @media only screen and (min-width: 40.063em) {
  2948. .reveal-modal {
  2949. padding: 1.875rem;
  2950. top: 6.25rem; }
  2951. .reveal-modal.tiny {
  2952. margin-left: -15%;
  2953. width: 30%; }
  2954. .reveal-modal.small {
  2955. margin-left: -20%;
  2956. width: 40%; }
  2957. .reveal-modal.medium {
  2958. margin-left: -30%;
  2959. width: 60%; }
  2960. .reveal-modal.large {
  2961. margin-left: -35%;
  2962. width: 70%; }
  2963. .reveal-modal.xlarge {
  2964. margin-left: -47.5%;
  2965. width: 95%; } }
  2966. @media print {
  2967. .reveal-modal {
  2968. background: white !important; } }
  2969. /* Tooltips */
  2970. .has-tip {
  2971. border-bottom: dotted 1px #cccccc;
  2972. cursor: help;
  2973. font-weight: bold;
  2974. color: #333333; }
  2975. .has-tip:hover, .has-tip:focus {
  2976. border-bottom: dotted 1px #003f54;
  2977. color: #008cba; }
  2978. .has-tip.tip-left, .has-tip.tip-right {
  2979. float: none !important; }
  2980. .tooltip {
  2981. display: none;
  2982. position: absolute;
  2983. z-index: 999;
  2984. font-weight: normal;
  2985. font-size: 0.875rem;
  2986. line-height: 1.3;
  2987. padding: 0.75rem;
  2988. max-width: 85%;
  2989. left: 50%;
  2990. width: 100%;
  2991. color: white;
  2992. background: #333333;
  2993. -webkit-border-radius: 3px;
  2994. border-radius: 3px; }
  2995. .tooltip > .nub {
  2996. display: block;
  2997. left: 5px;
  2998. position: absolute;
  2999. width: 0;
  3000. height: 0;
  3001. border: solid 5px;
  3002. border-color: transparent transparent #333333 transparent;
  3003. top: -10px; }
  3004. .tooltip.opened {
  3005. color: #008cba !important;
  3006. border-bottom: dotted 1px #003f54 !important; }
  3007. .tap-to-close {
  3008. display: block;
  3009. font-size: 0.625rem;
  3010. color: #777777;
  3011. font-weight: normal; }
  3012. @media only screen and (min-width: 40.063em) {
  3013. .tooltip > .nub {
  3014. border-color: transparent transparent #333333 transparent;
  3015. top: -10px; }
  3016. .tooltip.tip-top > .nub {
  3017. border-color: #333333 transparent transparent transparent;
  3018. top: auto;
  3019. bottom: -10px; }
  3020. .tooltip.tip-left, .tooltip.tip-right {
  3021. float: none !important; }
  3022. .tooltip.tip-left > .nub {
  3023. border-color: transparent transparent transparent #333333;
  3024. right: -10px;
  3025. left: auto;
  3026. top: 50%;
  3027. margin-top: -5px; }
  3028. .tooltip.tip-right > .nub {
  3029. border-color: transparent #333333 transparent transparent;
  3030. right: auto;
  3031. left: -10px;
  3032. top: 50%;
  3033. margin-top: -5px; } }
  3034. /* Clearing Styles */
  3035. [data-clearing] {
  3036. *zoom: 1;
  3037. margin-bottom: 0;
  3038. margin-left: 0;
  3039. list-style: none; }
  3040. [data-clearing]:before, [data-clearing]:after {
  3041. content: " ";
  3042. display: table; }
  3043. [data-clearing]:after {
  3044. clear: both; }
  3045. [data-clearing] li {
  3046. float: left;
  3047. margin-right: 10px; }
  3048. .clearing-blackout {
  3049. background: #333333;
  3050. position: fixed;
  3051. width: 100%;
  3052. height: 100%;
  3053. top: 0;
  3054. left: 0;
  3055. z-index: 998; }
  3056. .clearing-blackout .clearing-close {
  3057. display: block; }
  3058. .clearing-container {
  3059. position: relative;
  3060. z-index: 998;
  3061. height: 100%;
  3062. overflow: hidden;
  3063. margin: 0; }
  3064. .visible-img {
  3065. height: 95%;
  3066. position: relative; }
  3067. .visible-img img {
  3068. position: absolute;
  3069. left: 50%;
  3070. top: 50%;
  3071. margin-left: -50%;
  3072. max-height: 100%;
  3073. max-width: 100%; }
  3074. .clearing-caption {
  3075. color: #cccccc;
  3076. font-size: 0.875em;
  3077. line-height: 1.3;
  3078. margin-bottom: 0;
  3079. text-align: center;
  3080. bottom: 0;
  3081. background: #333333;
  3082. width: 100%;
  3083. padding: 10px 30px 20px;
  3084. position: absolute;
  3085. left: 0; }
  3086. .clearing-close {
  3087. z-index: 999;
  3088. padding-left: 20px;
  3089. padding-top: 10px;
  3090. font-size: 30px;
  3091. line-height: 1;
  3092. color: #cccccc;
  3093. display: none; }
  3094. .clearing-close:hover, .clearing-close:focus {
  3095. color: #ccc; }
  3096. .clearing-assembled .clearing-container {
  3097. height: 100%; }
  3098. .clearing-assembled .clearing-container .carousel > ul {
  3099. display: none; }
  3100. .clearing-feature li {
  3101. display: none; }
  3102. .clearing-feature li.clearing-featured-img {
  3103. display: block; }
  3104. @media only screen and (min-width: 40.063em) {
  3105. .clearing-main-prev,
  3106. .clearing-main-next {
  3107. position: absolute;
  3108. height: 100%;
  3109. width: 40px;
  3110. top: 0; }
  3111. .clearing-main-prev > span,
  3112. .clearing-main-next > span {
  3113. position: absolute;
  3114. top: 50%;
  3115. display: block;
  3116. width: 0;
  3117. height: 0;
  3118. border: solid 12px; }
  3119. .clearing-main-prev > span:hover,
  3120. .clearing-main-next > span:hover {
  3121. opacity: 0.8; }
  3122. .clearing-main-prev {
  3123. left: 0; }
  3124. .clearing-main-prev > span {
  3125. left: 5px;
  3126. border-color: transparent;
  3127. border-right-color: #cccccc; }
  3128. .clearing-main-next {
  3129. right: 0; }
  3130. .clearing-main-next > span {
  3131. border-color: transparent;
  3132. border-left-color: #cccccc; }
  3133. .clearing-main-prev.disabled,
  3134. .clearing-main-next.disabled {
  3135. opacity: 0.3; }
  3136. .clearing-assembled .clearing-container .carousel {
  3137. background: rgba(51, 51, 51, 0.8);
  3138. height: 120px;
  3139. margin-top: 10px;
  3140. text-align: center; }
  3141. .clearing-assembled .clearing-container .carousel > ul {
  3142. display: inline-block;
  3143. z-index: 999;
  3144. height: 100%;
  3145. position: relative;
  3146. float: none; }
  3147. .clearing-assembled .clearing-container .carousel > ul li {
  3148. display: block;
  3149. width: 120px;
  3150. min-height: inherit;
  3151. float: left;
  3152. overflow: hidden;
  3153. margin-right: 0;
  3154. padding: 0;
  3155. position: relative;
  3156. cursor: pointer;
  3157. opacity: 0.4; }
  3158. .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
  3159. height: 100%;
  3160. max-width: none; }
  3161. .clearing-assembled .clearing-container .carousel > ul li a.th {
  3162. border: none;
  3163. -webkit-box-shadow: none;
  3164. box-shadow: none;
  3165. display: block; }
  3166. .clearing-assembled .clearing-container .carousel > ul li img {
  3167. cursor: pointer !important;
  3168. width: 100% !important; }
  3169. .clearing-assembled .clearing-container .carousel > ul li.visible {
  3170. opacity: 1; }
  3171. .clearing-assembled .clearing-container .carousel > ul li:hover {
  3172. opacity: 0.8; }
  3173. .clearing-assembled .clearing-container .visible-img {
  3174. background: #333333;
  3175. overflow: hidden;
  3176. height: 85%; }
  3177. .clearing-close {
  3178. position: absolute;
  3179. top: 10px;
  3180. right: 20px;
  3181. padding-left: 0;
  3182. padding-top: 0; } }
  3183. /* Progress Bar */
  3184. .progress {
  3185. background-color: #f6f6f6;
  3186. height: 1.5625rem;
  3187. border: 1px solid #cccccc;
  3188. padding: 0.125rem;
  3189. margin-bottom: 0.625rem; }
  3190. .progress .meter {
  3191. background: #008cba;
  3192. height: 100%;
  3193. display: block; }
  3194. .progress.secondary .meter {
  3195. background: #e7e7e7;
  3196. height: 100%;
  3197. display: block; }
  3198. .progress.success .meter {
  3199. background: #43ac6a;
  3200. height: 100%;
  3201. display: block; }
  3202. .progress.alert .meter {
  3203. background: #f04124;
  3204. height: 100%;
  3205. display: block; }
  3206. .progress.radius {
  3207. -webkit-border-radius: 3px;
  3208. border-radius: 3px; }
  3209. .progress.radius .meter {
  3210. -webkit-border-radius: 2px;
  3211. border-radius: 2px; }
  3212. .progress.round {
  3213. -webkit-border-radius: 1000px;
  3214. border-radius: 1000px; }
  3215. .progress.round .meter {
  3216. -webkit-border-radius: 999px;
  3217. border-radius: 999px; }
  3218. .sub-nav {
  3219. display: block;
  3220. width: auto;
  3221. overflow: hidden;
  3222. margin: -0.25rem 0 1.125rem;
  3223. padding-top: 0.25rem;
  3224. margin-right: 0;
  3225. margin-left: -0.75rem; }
  3226. .sub-nav dt {
  3227. text-transform: uppercase; }
  3228. .sub-nav dt,
  3229. .sub-nav dd,
  3230. .sub-nav li {
  3231. float: left;
  3232. display: inline;
  3233. margin-left: 1rem;
  3234. margin-bottom: 0.625rem;
  3235. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  3236. font-weight: normal;
  3237. font-size: 0.875rem;
  3238. color: #999999; }
  3239. .sub-nav dt a,
  3240. .sub-nav dd a,
  3241. .sub-nav li a {
  3242. text-decoration: none;
  3243. color: #999999; }
  3244. .sub-nav dt a:hover,
  3245. .sub-nav dd a:hover,
  3246. .sub-nav li a:hover {
  3247. color: #0079a1; }
  3248. .sub-nav dt.active a,
  3249. .sub-nav dd.active a,
  3250. .sub-nav li.active a {
  3251. -webkit-border-radius: 3px;
  3252. border-radius: 3px;
  3253. font-weight: normal;
  3254. background: #008cba;
  3255. padding: 0.1875rem 1rem;
  3256. cursor: default;
  3257. color: white; }
  3258. .sub-nav dt.active a:hover,
  3259. .sub-nav dd.active a:hover,
  3260. .sub-nav li.active a:hover {
  3261. background: #0079a1; }
  3262. /* Foundation Joyride */
  3263. .joyride-list {
  3264. display: none; }
  3265. /* Default styles for the container */
  3266. .joyride-tip-guide {
  3267. display: none;
  3268. position: absolute;
  3269. background: #333333;
  3270. color: white;
  3271. z-index: 101;
  3272. top: 0;
  3273. left: 2.5%;
  3274. font-family: inherit;
  3275. font-weight: normal;
  3276. width: 95%; }
  3277. .lt-ie9 .joyride-tip-guide {
  3278. max-width: 800px;
  3279. left: 50%;
  3280. margin-left: -400px; }
  3281. .joyride-content-wrapper {
  3282. width: 100%;
  3283. padding: 1.125rem 1.25rem 1.5rem; }
  3284. .joyride-content-wrapper .button {
  3285. margin-bottom: 0 !important; }
  3286. /* Add a little css triangle pip, older browser just miss out on the fanciness of it */
  3287. .joyride-tip-guide .joyride-nub {
  3288. display: block;
  3289. position: absolute;
  3290. left: 22px;
  3291. width: 0;
  3292. height: 0;
  3293. border: 10px solid #333333; }
  3294. .joyride-tip-guide .joyride-nub.top {
  3295. border-top-style: solid;
  3296. border-color: #333333;
  3297. border-top-color: transparent !important;
  3298. border-left-color: transparent !important;
  3299. border-right-color: transparent !important;
  3300. top: -20px; }
  3301. .joyride-tip-guide .joyride-nub.bottom {
  3302. border-bottom-style: solid;
  3303. border-color: #333333 !important;
  3304. border-bottom-color: transparent !important;
  3305. border-left-color: transparent !important;
  3306. border-right-color: transparent !important;
  3307. bottom: -20px; }
  3308. .joyride-tip-guide .joyride-nub.right {
  3309. right: -20px; }
  3310. .joyride-tip-guide .joyride-nub.left {
  3311. left: -20px; }
  3312. /* Typography */
  3313. .joyride-tip-guide h1,
  3314. .joyride-tip-guide h2,
  3315. .joyride-tip-guide h3,
  3316. .joyride-tip-guide h4,
  3317. .joyride-tip-guide h5,
  3318. .joyride-tip-guide h6 {
  3319. line-height: 1.25;
  3320. margin: 0;
  3321. font-weight: bold;
  3322. color: white; }
  3323. .joyride-tip-guide p {
  3324. margin: 0 0 1.125rem 0;
  3325. font-size: 0.875rem;
  3326. line-height: 1.3; }
  3327. .joyride-timer-indicator-wrap {
  3328. width: 50px;
  3329. height: 3px;
  3330. border: solid 1px #555555;
  3331. position: absolute;
  3332. right: 1.0625rem;
  3333. bottom: 1rem; }
  3334. .joyride-timer-indicator {
  3335. display: block;
  3336. width: 0;
  3337. height: inherit;
  3338. background: #666666; }
  3339. .joyride-close-tip {
  3340. position: absolute;
  3341. right: 12px;
  3342. top: 10px;
  3343. color: #777777 !important;
  3344. text-decoration: none;
  3345. font-size: 24px;
  3346. font-weight: normal;
  3347. line-height: 0.5 !important; }
  3348. .joyride-close-tip:hover, .joyride-close-tip:focus {
  3349. color: #eeeeee !important; }
  3350. .joyride-modal-bg {
  3351. position: fixed;
  3352. height: 100%;
  3353. width: 100%;
  3354. background: transparent;
  3355. background: rgba(0, 0, 0, 0.5);
  3356. z-index: 100;
  3357. display: none;
  3358. top: 0;
  3359. left: 0;
  3360. cursor: pointer; }
  3361. .joyride-expose-wrapper {
  3362. background-color: #ffffff;
  3363. position: absolute;
  3364. border-radius: 3px;
  3365. z-index: 102;
  3366. -moz-box-shadow: 0 0 30px white;
  3367. -webkit-box-shadow: 0 0 15px white;
  3368. box-shadow: 0 0 15px white; }
  3369. .joyride-expose-cover {
  3370. background: transparent;
  3371. border-radius: 3px;
  3372. position: absolute;
  3373. z-index: 9999;
  3374. top: 0;
  3375. left: 0; }
  3376. /* Styles for screens that are atleast 768px; */
  3377. @media only screen and (min-width: 40.063em) {
  3378. .joyride-tip-guide {
  3379. width: 300px;
  3380. left: inherit; }
  3381. .joyride-tip-guide .joyride-nub.bottom {
  3382. border-color: #333333 !important;
  3383. border-bottom-color: transparent !important;
  3384. border-left-color: transparent !important;
  3385. border-right-color: transparent !important;
  3386. bottom: -20px; }
  3387. .joyride-tip-guide .joyride-nub.right {
  3388. border-color: #333333 !important;
  3389. border-top-color: transparent !important;
  3390. border-right-color: transparent !important;
  3391. border-bottom-color: transparent !important;
  3392. top: 22px;
  3393. left: auto;
  3394. right: -20px; }
  3395. .joyride-tip-guide .joyride-nub.left {
  3396. border-color: #333333 !important;
  3397. border-top-color: transparent !important;
  3398. border-left-color: transparent !important;
  3399. border-bottom-color: transparent !important;
  3400. top: 22px;
  3401. left: -20px;
  3402. right: auto; } }
  3403. .label {
  3404. font-weight: normal;
  3405. font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  3406. text-align: center;
  3407. text-decoration: none;
  3408. line-height: 1;
  3409. white-space: nowrap;
  3410. display: inline-block;
  3411. position: relative;
  3412. margin-bottom: inherit;
  3413. padding: 0.25rem 0.5rem 0.375rem;
  3414. font-size: 0.6875rem;
  3415. background-color: #008cba;
  3416. color: white; }
  3417. .label.radius {
  3418. -webkit-border-radius: 3px;
  3419. border-radius: 3px; }
  3420. .label.round {
  3421. -webkit-border-radius: 1000px;
  3422. border-radius: 1000px; }
  3423. .label.alert {
  3424. background-color: #f04124;
  3425. color: white; }
  3426. .label.success {
  3427. background-color: #43ac6a;
  3428. color: white; }
  3429. .label.secondary {
  3430. background-color: #e7e7e7;
  3431. color: #333333; }
  3432. p.lead {
  3433. font-size: 1.21875rem;
  3434. line-height: 1.6; }
  3435. .subheader {
  3436. line-height: 1.4;
  3437. color: #6f6f6f;
  3438. font-weight: 300;
  3439. margin-top: 0.2rem;
  3440. margin-bottom: 0.5rem; }
  3441. meta.foundation-mq-topbar {
  3442. font-family: "/only screen and (min-width:40.063em)/";
  3443. width: 40.063em; }
  3444. .off-canvas-wrap, .inner-wrap, nav.tab-bar, .left-off-canvas-menu, .left-off-canvas-menu *, .right-off-canvas-menu, .move-right a.exit-off-canvas, .move-left a.exit-off-canvas {
  3445. -webkit-backface-visibility: hidden; }
  3446. .off-canvas-wrap, .inner-wrap {
  3447. position: relative;
  3448. width: 100%; }
  3449. .left-off-canvas-menu, .right-off-canvas-menu {
  3450. width: 250px;
  3451. top: 0;
  3452. bottom: 0;
  3453. height: 100%;
  3454. position: absolute;
  3455. overflow-y: auto;
  3456. background: #333333;
  3457. z-index: 1001;
  3458. box-sizing: content-box; }
  3459. section.left-small, section.right-small {
  3460. width: 2.8125rem;
  3461. height: 2.8125rem;
  3462. position: absolute;
  3463. top: 0; }
  3464. .off-canvas-wrap {
  3465. overflow: hidden; }
  3466. .inner-wrap {
  3467. *zoom: 1;
  3468. -webkit-transition: -webkit-transform 500ms ease;
  3469. -moz-transition: -moz-transform 500ms ease;
  3470. -ms-transition: -ms-transform 500ms ease;
  3471. -o-transition: -o-transform 500ms ease;
  3472. transition: transform 500ms ease; }
  3473. .inner-wrap:before, .inner-wrap:after {
  3474. content: " ";
  3475. display: table; }
  3476. .inner-wrap:after {
  3477. clear: both; }
  3478. nav.tab-bar {
  3479. background: #333333;
  3480. color: white;
  3481. height: 2.8125rem;
  3482. line-height: 2.8125rem;
  3483. position: relative; }
  3484. nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 {
  3485. color: white;
  3486. font-weight: bold;
  3487. line-height: 2.8125rem;
  3488. margin: 0; }
  3489. nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 {
  3490. font-size: 1.125rem; }
  3491. section.left-small {
  3492. border-right: solid 1px #1a1a1a;
  3493. box-shadow: 1px 0 0 #4d4d4d;
  3494. left: 0; }
  3495. section.right-small {
  3496. border-left: solid 1px #4d4d4d;
  3497. box-shadow: -1px 0 0 #1a1a1a;
  3498. right: 0; }
  3499. section.tab-bar-section {
  3500. padding: 0 0.625rem;
  3501. position: absolute;
  3502. text-align: center;
  3503. height: 2.8125rem;
  3504. top: 0; }
  3505. @media only screen and (min-width: 40.063em) {
  3506. section.tab-bar-section {
  3507. text-align: left; } }
  3508. section.tab-bar-section.left {
  3509. left: 0;
  3510. right: 2.8125rem; }
  3511. section.tab-bar-section.right {
  3512. left: 2.8125rem;
  3513. right: 0; }
  3514. section.tab-bar-section.middle {
  3515. left: 2.8125rem;
  3516. right: 2.8125rem; }
  3517. a.menu-icon {
  3518. text-indent: 2.1875rem;
  3519. width: 2.8125rem;
  3520. height: 2.8125rem;
  3521. display: block;
  3522. line-height: 2.0625rem;
  3523. padding: 0;
  3524. color: white;
  3525. position: relative; }
  3526. a.menu-icon span {
  3527. position: absolute;
  3528. display: block;
  3529. width: 1rem;
  3530. height: 0;
  3531. left: 0.8125rem;
  3532. top: 0.3125rem;
  3533. -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
  3534. box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  3535. a.menu-icon:hover span {
  3536. -webkit-box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3;
  3537. box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; }
  3538. .left-off-canvas-menu {
  3539. -webkit-transform: translate3d(-100%, 0, 0);
  3540. -moz-transform: translate3d(-100%, 0, 0);
  3541. -ms-transform: translate3d(-100%, 0, 0);
  3542. -o-transform: translate3d(-100%, 0, 0);
  3543. transform: translate3d(-100%, 0, 0); }
  3544. .right-off-canvas-menu {
  3545. -webkit-transform: translate3d(100%, 0, 0);
  3546. -moz-transform: translate3d(100%, 0, 0);
  3547. -ms-transform: translate3d(100%, 0, 0);
  3548. -o-transform: translate3d(100%, 0, 0);
  3549. transform: translate3d(100%, 0, 0);
  3550. right: 0; }
  3551. ul.off-canvas-list {
  3552. list-style-type: none;
  3553. padding: 0;
  3554. margin: 0; }
  3555. ul.off-canvas-list li label {
  3556. padding: 0.3rem 0.9375rem;
  3557. color: #999999;
  3558. text-transform: uppercase;
  3559. font-weight: bold;
  3560. background: #444444;
  3561. border-top: 1px solid #5e5e5e;
  3562. border-bottom: none;
  3563. margin: 0; }
  3564. ul.off-canvas-list li a {
  3565. display: block;
  3566. padding: 0.66667rem;
  3567. color: rgba(255, 255, 255, 0.7);
  3568. border-bottom: 1px solid #262626; }
  3569. .move-right > .inner-wrap {
  3570. -webkit-transform: translate3d(250px, 0, 0);
  3571. -moz-transform: translate3d(250px, 0, 0);
  3572. -ms-transform: translate3d(250px, 0, 0);
  3573. -o-transform: translate3d(250px, 0, 0);
  3574. transform: translate3d(250px, 0, 0); }
  3575. .move-right a.exit-off-canvas {
  3576. transition: background 300ms ease;
  3577. cursor: pointer;
  3578. box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  3579. display: block;
  3580. position: absolute;
  3581. background: rgba(255, 255, 255, 0.2);
  3582. top: 0;
  3583. bottom: 0;
  3584. left: 0;
  3585. right: 0;
  3586. z-index: 1002; }
  3587. @media only screen and (min-width: 40.063em) {
  3588. .move-right a.exit-off-canvas:hover {
  3589. background: rgba(255, 255, 255, 0.05); } }
  3590. .move-left > .inner-wrap {
  3591. -webkit-transform: translate3d(-250px, 0, 0);
  3592. -moz-transform: translate3d(-250px, 0, 0);
  3593. -ms-transform: translate3d(-250px, 0, 0);
  3594. -o-transform: translate3d(-250px, 0, 0);
  3595. transform: translate3d(-250px, 0, 0); }
  3596. .move-left a.exit-off-canvas {
  3597. transition: background 300ms ease;
  3598. cursor: pointer;
  3599. box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  3600. display: block;
  3601. position: absolute;
  3602. background: rgba(255, 255, 255, 0.2);
  3603. top: 0;
  3604. bottom: 0;
  3605. left: 0;
  3606. right: 0;
  3607. z-index: 1002; }
  3608. @media only screen and (min-width: 40.063em) {
  3609. .move-left a.exit-off-canvas:hover {
  3610. background: rgba(255, 255, 255, 0.05); } }
  3611. .lt-ie10 .left-off-canvas-menu {
  3612. left: -250px; }
  3613. .lt-ie10 .right-off-canvas-menu {
  3614. right: -250px; }
  3615. .lt-ie10 .move-left > .inner-wrap {
  3616. right: 250px; }
  3617. .lt-ie10 .move-right > .inner-wrap {
  3618. left: 250px; }
  3619. @media only screen and (max-width: 40em) {
  3620. .f-dropdown {
  3621. max-width: 100%;
  3622. left: 0; } }
  3623. /* Foundation Dropdowns */
  3624. .f-dropdown {
  3625. position: absolute;
  3626. top: -9999px;
  3627. list-style: none;
  3628. margin-left: 0;
  3629. width: 100%;
  3630. max-height: none;
  3631. height: auto;
  3632. background: white;
  3633. border: solid 1px #cccccc;
  3634. font-size: 16px;
  3635. z-index: 99;
  3636. margin-top: 2px;
  3637. max-width: 200px; }
  3638. .f-dropdown > *:first-child {
  3639. margin-top: 0; }
  3640. .f-dropdown > *:last-child {
  3641. margin-bottom: 0; }
  3642. .f-dropdown:before {
  3643. content: "";
  3644. display: block;
  3645. width: 0;
  3646. height: 0;
  3647. border: inset 6px;
  3648. border-color: transparent transparent white transparent;
  3649. border-bottom-style: solid;
  3650. position: absolute;
  3651. top: -12px;
  3652. left: 10px;
  3653. z-index: 99; }
  3654. .f-dropdown:after {
  3655. content: "";
  3656. display: block;
  3657. width: 0;
  3658. height: 0;
  3659. border: inset 7px;
  3660. border-color: transparent transparent #cccccc transparent;
  3661. border-bottom-style: solid;
  3662. position: absolute;
  3663. top: -14px;
  3664. left: 9px;
  3665. z-index: 98; }
  3666. .f-dropdown.right:before {
  3667. left: auto;
  3668. right: 10px; }
  3669. .f-dropdown.right:after {
  3670. left: auto;
  3671. right: 9px; }
  3672. .f-dropdown li {
  3673. font-size: 0.875rem;
  3674. cursor: pointer;
  3675. line-height: 1.125rem;
  3676. margin: 0; }
  3677. .f-dropdown li:hover, .f-dropdown li:focus {
  3678. background: #eeeeee; }
  3679. .f-dropdown li a {
  3680. display: block;
  3681. padding: 0.5rem;
  3682. color: #555555; }
  3683. .f-dropdown.content {
  3684. position: absolute;
  3685. top: -9999px;
  3686. list-style: none;
  3687. margin-left: 0;
  3688. padding: 1.25rem;
  3689. width: 100%;
  3690. height: auto;
  3691. max-height: none;
  3692. background: white;
  3693. border: solid 1px #cccccc;
  3694. font-size: 16px;
  3695. z-index: 99;
  3696. max-width: 200px; }
  3697. .f-dropdown.content > *:first-child {
  3698. margin-top: 0; }
  3699. .f-dropdown.content > *:last-child {
  3700. margin-bottom: 0; }
  3701. .f-dropdown.tiny {
  3702. max-width: 200px; }
  3703. .f-dropdown.small {
  3704. max-width: 300px; }
  3705. .f-dropdown.medium {
  3706. max-width: 500px; }
  3707. .f-dropdown.large {
  3708. max-width: 800px; }
  3709. table {
  3710. background: white;
  3711. margin-bottom: 1.25rem;
  3712. border: solid 1px #dddddd; }
  3713. table thead,
  3714. table tfoot {
  3715. background: whitesmoke;
  3716. font-weight: bold; }
  3717. table thead tr th,
  3718. table thead tr td,
  3719. table tfoot tr th,
  3720. table tfoot tr td {
  3721. padding: 0.5rem 0.625rem 0.625rem;
  3722. font-size: 0.875rem;
  3723. color: #222222;
  3724. text-align: left; }
  3725. table tr th,
  3726. table tr td {
  3727. padding: 0.5625rem 0.625rem;
  3728. font-size: 0.875rem;
  3729. color: #222222; }
  3730. table tr.even, table tr.alt, table tr:nth-of-type(even) {
  3731. background: #f9f9f9; }
  3732. table thead tr th,
  3733. table tfoot tr th,
  3734. table tbody tr td,
  3735. table tr td,
  3736. table tfoot tr td {
  3737. display: table-cell;
  3738. line-height: 1.125rem; }
  3739. /* Standard Forms */
  3740. form {
  3741. margin: 0 0 1rem; }
  3742. /* Using forms within rows, we need to set some defaults */
  3743. form .row .row {
  3744. margin: 0 -0.5rem; }
  3745. form .row .row .column,
  3746. form .row .row .columns {
  3747. padding: 0 0.5rem; }
  3748. form .row .row.collapse {
  3749. margin: 0; }
  3750. form .row .row.collapse .column,
  3751. form .row .row.collapse .columns {
  3752. padding: 0; }
  3753. form .row .row.collapse input {
  3754. -moz-border-radius-bottomright: 0;
  3755. -moz-border-radius-topright: 0;
  3756. -webkit-border-bottom-right-radius: 0;
  3757. -webkit-border-top-right-radius: 0; }
  3758. form .row input.column,
  3759. form .row input.columns,
  3760. form .row textarea.column,
  3761. form .row textarea.columns {
  3762. padding-left: 0.5rem; }
  3763. /* Label Styles */
  3764. label {
  3765. font-size: 0.875rem;
  3766. color: #4d4d4d;
  3767. cursor: pointer;
  3768. display: block;
  3769. font-weight: normal;
  3770. margin-bottom: 0.5rem;
  3771. /* Styles for required inputs */ }
  3772. label.right {
  3773. float: none;
  3774. text-align: right; }
  3775. label.inline {
  3776. margin: 0 0 1rem 0;
  3777. padding: 0.625rem 0; }
  3778. label small {
  3779. text-transform: capitalize;
  3780. color: #666666; }
  3781. select {
  3782. -webkit-appearance: none !important;
  3783. background: #fafafa url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
  3784. background-position-x: 97%;
  3785. background-position-y: center;
  3786. border: 1px solid #cccccc;
  3787. padding: 0.5rem;
  3788. font-size: 0.875rem;
  3789. -webkit-border-radius: 0;
  3790. border-radius: 0; }
  3791. select.radius {
  3792. -webkit-border-radius: 3px;
  3793. border-radius: 3px; }
  3794. select:hover {
  3795. background: #f2f2f2 url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
  3796. background-position-x: 97%;
  3797. background-position-y: center;
  3798. border-color: #999999; }
  3799. @-moz-document url-prefix() {
  3800. select {
  3801. background: #fafafa; }
  3802. select:hover {
  3803. background: #f2f2f2; } }
  3804. /* Attach elements to the beginning or end of an input */
  3805. .prefix,
  3806. .postfix {
  3807. display: block;
  3808. position: relative;
  3809. z-index: 2;
  3810. text-align: center;
  3811. width: 100%;
  3812. padding-top: 0;
  3813. padding-bottom: 0;
  3814. border-style: solid;
  3815. border-width: 1px;
  3816. overflow: hidden;
  3817. font-size: 0.875rem;
  3818. height: 2.3125rem;
  3819. line-height: 2.3125rem; }
  3820. /* Adjust padding, alignment and radius if pre/post element is a button */
  3821. .postfix.button {
  3822. padding-left: 0;
  3823. padding-right: 0;
  3824. padding-top: 0;
  3825. padding-bottom: 0;
  3826. text-align: center;
  3827. line-height: 2.125rem;
  3828. border: none; }
  3829. .prefix.button {
  3830. padding-left: 0;
  3831. padding-right: 0;
  3832. padding-top: 0;
  3833. padding-bottom: 0;
  3834. text-align: center;
  3835. line-height: 2.125rem;
  3836. border: none; }
  3837. .prefix.button.radius {
  3838. -webkit-border-radius: 0;
  3839. border-radius: 0;
  3840. -moz-border-radius-bottomleft: 3px;
  3841. -moz-border-radius-topleft: 3px;
  3842. -webkit-border-bottom-left-radius: 3px;
  3843. -webkit-border-top-left-radius: 3px;
  3844. border-bottom-left-radius: 3px;
  3845. border-top-left-radius: 3px; }
  3846. .postfix.button.radius {
  3847. -webkit-border-radius: 0;
  3848. border-radius: 0;
  3849. -moz-border-radius-topright: 3px;
  3850. -moz-border-radius-bottomright: 3px;
  3851. -webkit-border-top-right-radius: 3px;
  3852. -webkit-border-bottom-right-radius: 3px;
  3853. border-top-right-radius: 3px;
  3854. border-bottom-right-radius: 3px; }
  3855. .prefix.button.round {
  3856. -webkit-border-radius: 0;
  3857. border-radius: 0;
  3858. -moz-border-radius-bottomleft: 1000px;
  3859. -moz-border-radius-topleft: 1000px;
  3860. -webkit-border-bottom-left-radius: 1000px;
  3861. -webkit-border-top-left-radius: 1000px;
  3862. border-bottom-left-radius: 1000px;
  3863. border-top-left-radius: 1000px; }
  3864. .postfix.button.round {
  3865. -webkit-border-radius: 0;
  3866. border-radius: 0;
  3867. -moz-border-radius-topright: 1000px;
  3868. -moz-border-radius-bottomright: 1000px;
  3869. -webkit-border-top-right-radius: 1000px;
  3870. -webkit-border-bottom-right-radius: 1000px;
  3871. border-top-right-radius: 1000px;
  3872. border-bottom-right-radius: 1000px; }
  3873. /* Separate prefix and postfix styles when on span or label so buttons keep their own */
  3874. span.prefix, label.prefix {
  3875. background: #f2f2f2;
  3876. border-color: #d9d9d9;
  3877. border-right: none;
  3878. color: #333333; }
  3879. span.prefix.radius, label.prefix.radius {
  3880. -webkit-border-radius: 0;
  3881. border-radius: 0;
  3882. -moz-border-radius-bottomleft: 3px;
  3883. -moz-border-radius-topleft: 3px;
  3884. -webkit-border-bottom-left-radius: 3px;
  3885. -webkit-border-top-left-radius: 3px;
  3886. border-bottom-left-radius: 3px;
  3887. border-top-left-radius: 3px; }
  3888. span.postfix, label.postfix {
  3889. background: #f2f2f2;
  3890. border-color: #cccccc;
  3891. border-left: none;
  3892. color: #333333; }
  3893. span.postfix.radius, label.postfix.radius {
  3894. -webkit-border-radius: 0;
  3895. border-radius: 0;
  3896. -moz-border-radius-topright: 3px;
  3897. -moz-border-radius-bottomright: 3px;
  3898. -webkit-border-top-right-radius: 3px;
  3899. -webkit-border-bottom-right-radius: 3px;
  3900. border-top-right-radius: 3px;
  3901. border-bottom-right-radius: 3px; }
  3902. /* Input groups will automatically style first and last elements of the group */
  3903. .input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  3904. -moz-border-radius-bottomleft: 3px;
  3905. -moz-border-radius-topleft: 3px;
  3906. -webkit-border-bottom-left-radius: 3px;
  3907. -webkit-border-top-left-radius: 3px;
  3908. border-bottom-left-radius: 3px;
  3909. border-top-left-radius: 3px; }
  3910. .input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  3911. -moz-border-radius-topright: 3px;
  3912. -moz-border-radius-bottomright: 3px;
  3913. -webkit-border-top-right-radius: 3px;
  3914. -webkit-border-bottom-right-radius: 3px;
  3915. border-top-right-radius: 3px;
  3916. border-bottom-right-radius: 3px; }
  3917. .input-group.round > *:first-child, .input-group.round > *:first-child * {
  3918. -moz-border-radius-bottomleft: 1000px;
  3919. -moz-border-radius-topleft: 1000px;
  3920. -webkit-border-bottom-left-radius: 1000px;
  3921. -webkit-border-top-left-radius: 1000px;
  3922. border-bottom-left-radius: 1000px;
  3923. border-top-left-radius: 1000px; }
  3924. .input-group.round > *:last-child, .input-group.round > *:last-child * {
  3925. -moz-border-radius-topright: 1000px;
  3926. -moz-border-radius-bottomright: 1000px;
  3927. -webkit-border-top-right-radius: 1000px;
  3928. -webkit-border-bottom-right-radius: 1000px;
  3929. border-top-right-radius: 1000px;
  3930. border-bottom-right-radius: 1000px; }
  3931. /* We use this to get basic styling on all basic form elements */
  3932. input[type="text"],
  3933. input[type="password"],
  3934. input[type="date"],
  3935. input[type="datetime"],
  3936. input[type="datetime-local"],
  3937. input[type="month"],
  3938. input[type="week"],
  3939. input[type="email"],
  3940. input[type="number"],
  3941. input[type="search"],
  3942. input[type="tel"],
  3943. input[type="time"],
  3944. input[type="url"],
  3945. textarea {
  3946. -webkit-appearance: none;
  3947. -webkit-border-radius: 0;
  3948. border-radius: 0;
  3949. background-color: white;
  3950. font-family: inherit;
  3951. border: 1px solid #cccccc;
  3952. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  3953. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  3954. color: rgba(0, 0, 0, 0.75);
  3955. display: block;
  3956. font-size: 0.875rem;
  3957. margin: 0 0 1rem 0;
  3958. padding: 0.5rem;
  3959. height: 2.3125rem;
  3960. width: 100%;
  3961. -moz-box-sizing: border-box;
  3962. -webkit-box-sizing: border-box;
  3963. box-sizing: border-box;
  3964. -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  3965. -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  3966. transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  3967. input[type="text"]:focus,
  3968. input[type="password"]:focus,
  3969. input[type="date"]:focus,
  3970. input[type="datetime"]:focus,
  3971. input[type="datetime-local"]:focus,
  3972. input[type="month"]:focus,
  3973. input[type="week"]:focus,
  3974. input[type="email"]:focus,
  3975. input[type="number"]:focus,
  3976. input[type="search"]:focus,
  3977. input[type="tel"]:focus,
  3978. input[type="time"]:focus,
  3979. input[type="url"]:focus,
  3980. textarea:focus {
  3981. -webkit-box-shadow: 0 0 5px #999999;
  3982. -moz-box-shadow: 0 0 5px #999999;
  3983. box-shadow: 0 0 5px #999999;
  3984. border-color: #999999; }
  3985. input[type="text"]:focus,
  3986. input[type="password"]:focus,
  3987. input[type="date"]:focus,
  3988. input[type="datetime"]:focus,
  3989. input[type="datetime-local"]:focus,
  3990. input[type="month"]:focus,
  3991. input[type="week"]:focus,
  3992. input[type="email"]:focus,
  3993. input[type="number"]:focus,
  3994. input[type="search"]:focus,
  3995. input[type="tel"]:focus,
  3996. input[type="time"]:focus,
  3997. input[type="url"]:focus,
  3998. textarea:focus {
  3999. background: #fafafa;
  4000. border-color: #999999;
  4001. outline: none; }
  4002. input[type="text"][disabled],
  4003. input[type="password"][disabled],
  4004. input[type="date"][disabled],
  4005. input[type="datetime"][disabled],
  4006. input[type="datetime-local"][disabled],
  4007. input[type="month"][disabled],
  4008. input[type="week"][disabled],
  4009. input[type="email"][disabled],
  4010. input[type="number"][disabled],
  4011. input[type="search"][disabled],
  4012. input[type="tel"][disabled],
  4013. input[type="time"][disabled],
  4014. input[type="url"][disabled],
  4015. textarea[disabled] {
  4016. background-color: #dddddd; }
  4017. /* Adjust margin for form elements below */
  4018. input[type="file"],
  4019. input[type="checkbox"],
  4020. input[type="radio"],
  4021. select {
  4022. margin: 0 0 1rem 0; }
  4023. input[type="checkbox"] + label,
  4024. input[type="radio"] + label {
  4025. display: inline-block;
  4026. margin-left: 0.5rem;
  4027. margin-right: 1rem;
  4028. margin-bottom: 0;
  4029. vertical-align: baseline; }
  4030. /* Normalize file input width */
  4031. input[type="file"] {
  4032. width: 100%; }
  4033. /* We add basic fieldset styling */
  4034. fieldset {
  4035. border: solid 1px #dddddd;
  4036. padding: 1.25rem;
  4037. margin: 1.125rem 0; }
  4038. fieldset legend {
  4039. font-weight: bold;
  4040. background: white;
  4041. padding: 0 0.1875rem;
  4042. margin: 0;
  4043. margin-left: -0.1875rem; }
  4044. /* Error Handling */
  4045. [data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  4046. display: block;
  4047. padding: 0.375rem 0.5625rem 0.5625rem;
  4048. margin-top: -1px;
  4049. margin-bottom: 1rem;
  4050. font-size: 0.75rem;
  4051. font-weight: normal;
  4052. font-style: italic;
  4053. background: #f04124;
  4054. color: white; }
  4055. [data-abide] span.error, [data-abide] small.error {
  4056. display: none; }
  4057. span.error, small.error {
  4058. display: block;
  4059. padding: 0.375rem 0.5625rem 0.5625rem;
  4060. margin-top: -1px;
  4061. margin-bottom: 1rem;
  4062. font-size: 0.75rem;
  4063. font-weight: normal;
  4064. font-style: italic;
  4065. background: #f04124;
  4066. color: white; }
  4067. .error input,
  4068. .error textarea,
  4069. .error select {
  4070. margin-bottom: 0; }
  4071. .error label,
  4072. .error label.error {
  4073. color: #f04124; }
  4074. .error > small,
  4075. .error small.error {
  4076. display: block;
  4077. padding: 0.375rem 0.5625rem 0.5625rem;
  4078. margin-top: -1px;
  4079. margin-bottom: 1rem;
  4080. font-size: 0.75rem;
  4081. font-weight: normal;
  4082. font-style: italic;
  4083. background: #f04124;
  4084. color: white; }
  4085. .error span.error-message {
  4086. display: block; }
  4087. input.error,
  4088. textarea.error {
  4089. margin-bottom: 0; }
  4090. label.error {
  4091. color: #f04124; }
  4092. [class*="block-grid-"] {
  4093. display: block;
  4094. padding: 0;
  4095. margin: 0 -0.625rem;
  4096. *zoom: 1; }
  4097. [class*="block-grid-"]:before, [class*="block-grid-"]:after {
  4098. content: " ";
  4099. display: table; }
  4100. [class*="block-grid-"]:after {
  4101. clear: both; }
  4102. [class*="block-grid-"] > li {
  4103. display: inline;
  4104. height: auto;
  4105. float: left;
  4106. padding: 0 0.625rem 1.25rem; }
  4107. @media only screen {
  4108. .small-block-grid-1 > li {
  4109. width: 100%;
  4110. padding: 0 0.625rem 1.25rem; }
  4111. .small-block-grid-1 > li:nth-of-type(n) {
  4112. clear: none; }
  4113. .small-block-grid-1 > li:nth-of-type(1n+1) {
  4114. clear: both; }
  4115. .small-block-grid-2 > li {
  4116. width: 50%;
  4117. padding: 0 0.625rem 1.25rem; }
  4118. .small-block-grid-2 > li:nth-of-type(n) {
  4119. clear: none; }
  4120. .small-block-grid-2 > li:nth-of-type(2n+1) {
  4121. clear: both; }
  4122. .small-block-grid-3 > li {
  4123. width: 33.33333%;
  4124. padding: 0 0.625rem 1.25rem; }
  4125. .small-block-grid-3 > li:nth-of-type(n) {
  4126. clear: none; }
  4127. .small-block-grid-3 > li:nth-of-type(3n+1) {
  4128. clear: both; }
  4129. .small-block-grid-4 > li {
  4130. width: 25%;
  4131. padding: 0 0.625rem 1.25rem; }
  4132. .small-block-grid-4 > li:nth-of-type(n) {
  4133. clear: none; }
  4134. .small-block-grid-4 > li:nth-of-type(4n+1) {
  4135. clear: both; }
  4136. .small-block-grid-5 > li {
  4137. width: 20%;
  4138. padding: 0 0.625rem 1.25rem; }
  4139. .small-block-grid-5 > li:nth-of-type(n) {
  4140. clear: none; }
  4141. .small-block-grid-5 > li:nth-of-type(5n+1) {
  4142. clear: both; }
  4143. .small-block-grid-6 > li {
  4144. width: 16.66667%;
  4145. padding: 0 0.625rem 1.25rem; }
  4146. .small-block-grid-6 > li:nth-of-type(n) {
  4147. clear: none; }
  4148. .small-block-grid-6 > li:nth-of-type(6n+1) {
  4149. clear: both; }
  4150. .small-block-grid-7 > li {
  4151. width: 14.28571%;
  4152. padding: 0 0.625rem 1.25rem; }
  4153. .small-block-grid-7 > li:nth-of-type(n) {
  4154. clear: none; }
  4155. .small-block-grid-7 > li:nth-of-type(7n+1) {
  4156. clear: both; }
  4157. .small-block-grid-8 > li {
  4158. width: 12.5%;
  4159. padding: 0 0.625rem 1.25rem; }
  4160. .small-block-grid-8 > li:nth-of-type(n) {
  4161. clear: none; }
  4162. .small-block-grid-8 > li:nth-of-type(8n+1) {
  4163. clear: both; }
  4164. .small-block-grid-9 > li {
  4165. width: 11.11111%;
  4166. padding: 0 0.625rem 1.25rem; }
  4167. .small-block-grid-9 > li:nth-of-type(n) {
  4168. clear: none; }
  4169. .small-block-grid-9 > li:nth-of-type(9n+1) {
  4170. clear: both; }
  4171. .small-block-grid-10 > li {
  4172. width: 10%;
  4173. padding: 0 0.625rem 1.25rem; }
  4174. .small-block-grid-10 > li:nth-of-type(n) {
  4175. clear: none; }
  4176. .small-block-grid-10 > li:nth-of-type(10n+1) {
  4177. clear: both; }
  4178. .small-block-grid-11 > li {
  4179. width: 9.09091%;
  4180. padding: 0 0.625rem 1.25rem; }
  4181. .small-block-grid-11 > li:nth-of-type(n) {
  4182. clear: none; }
  4183. .small-block-grid-11 > li:nth-of-type(11n+1) {
  4184. clear: both; }
  4185. .small-block-grid-12 > li {
  4186. width: 8.33333%;
  4187. padding: 0 0.625rem 1.25rem; }
  4188. .small-block-grid-12 > li:nth-of-type(n) {
  4189. clear: none; }
  4190. .small-block-grid-12 > li:nth-of-type(12n+1) {
  4191. clear: both; } }
  4192. @media only screen and (min-width: 40.063em) {
  4193. .medium-block-grid-1 > li {
  4194. width: 100%;
  4195. padding: 0 0.625rem 1.25rem; }
  4196. .medium-block-grid-1 > li:nth-of-type(n) {
  4197. clear: none; }
  4198. .medium-block-grid-1 > li:nth-of-type(1n+1) {
  4199. clear: both; }
  4200. .medium-block-grid-2 > li {
  4201. width: 50%;
  4202. padding: 0 0.625rem 1.25rem; }
  4203. .medium-block-grid-2 > li:nth-of-type(n) {
  4204. clear: none; }
  4205. .medium-block-grid-2 > li:nth-of-type(2n+1) {
  4206. clear: both; }
  4207. .medium-block-grid-3 > li {
  4208. width: 33.33333%;
  4209. padding: 0 0.625rem 1.25rem; }
  4210. .medium-block-grid-3 > li:nth-of-type(n) {
  4211. clear: none; }
  4212. .medium-block-grid-3 > li:nth-of-type(3n+1) {
  4213. clear: both; }
  4214. .medium-block-grid-4 > li {
  4215. width: 25%;
  4216. padding: 0 0.625rem 1.25rem; }
  4217. .medium-block-grid-4 > li:nth-of-type(n) {
  4218. clear: none; }
  4219. .medium-block-grid-4 > li:nth-of-type(4n+1) {
  4220. clear: both; }
  4221. .medium-block-grid-5 > li {
  4222. width: 20%;
  4223. padding: 0 0.625rem 1.25rem; }
  4224. .medium-block-grid-5 > li:nth-of-type(n) {
  4225. clear: none; }
  4226. .medium-block-grid-5 > li:nth-of-type(5n+1) {
  4227. clear: both; }
  4228. .medium-block-grid-6 > li {
  4229. width: 16.66667%;
  4230. padding: 0 0.625rem 1.25rem; }
  4231. .medium-block-grid-6 > li:nth-of-type(n) {
  4232. clear: none; }
  4233. .medium-block-grid-6 > li:nth-of-type(6n+1) {
  4234. clear: both; }
  4235. .medium-block-grid-7 > li {
  4236. width: 14.28571%;
  4237. padding: 0 0.625rem 1.25rem; }
  4238. .medium-block-grid-7 > li:nth-of-type(n) {
  4239. clear: none; }
  4240. .medium-block-grid-7 > li:nth-of-type(7n+1) {
  4241. clear: both; }
  4242. .medium-block-grid-8 > li {
  4243. width: 12.5%;
  4244. padding: 0 0.625rem 1.25rem; }
  4245. .medium-block-grid-8 > li:nth-of-type(n) {
  4246. clear: none; }
  4247. .medium-block-grid-8 > li:nth-of-type(8n+1) {
  4248. clear: both; }
  4249. .medium-block-grid-9 > li {
  4250. width: 11.11111%;
  4251. padding: 0 0.625rem 1.25rem; }
  4252. .medium-block-grid-9 > li:nth-of-type(n) {
  4253. clear: none; }
  4254. .medium-block-grid-9 > li:nth-of-type(9n+1) {
  4255. clear: both; }
  4256. .medium-block-grid-10 > li {
  4257. width: 10%;
  4258. padding: 0 0.625rem 1.25rem; }
  4259. .medium-block-grid-10 > li:nth-of-type(n) {
  4260. clear: none; }
  4261. .medium-block-grid-10 > li:nth-of-type(10n+1) {
  4262. clear: both; }
  4263. .medium-block-grid-11 > li {
  4264. width: 9.09091%;
  4265. padding: 0 0.625rem 1.25rem; }
  4266. .medium-block-grid-11 > li:nth-of-type(n) {
  4267. clear: none; }
  4268. .medium-block-grid-11 > li:nth-of-type(11n+1) {
  4269. clear: both; }
  4270. .medium-block-grid-12 > li {
  4271. width: 8.33333%;
  4272. padding: 0 0.625rem 1.25rem; }
  4273. .medium-block-grid-12 > li:nth-of-type(n) {
  4274. clear: none; }
  4275. .medium-block-grid-12 > li:nth-of-type(12n+1) {
  4276. clear: both; } }
  4277. @media only screen and (min-width: 64.063em) {
  4278. .large-block-grid-1 > li {
  4279. width: 100%;
  4280. padding: 0 0.625rem 1.25rem; }
  4281. .large-block-grid-1 > li:nth-of-type(n) {
  4282. clear: none; }
  4283. .large-block-grid-1 > li:nth-of-type(1n+1) {
  4284. clear: both; }
  4285. .large-block-grid-2 > li {
  4286. width: 50%;
  4287. padding: 0 0.625rem 1.25rem; }
  4288. .large-block-grid-2 > li:nth-of-type(n) {
  4289. clear: none; }
  4290. .large-block-grid-2 > li:nth-of-type(2n+1) {
  4291. clear: both; }
  4292. .large-block-grid-3 > li {
  4293. width: 33.33333%;
  4294. padding: 0 0.625rem 1.25rem; }
  4295. .large-block-grid-3 > li:nth-of-type(n) {
  4296. clear: none; }
  4297. .large-block-grid-3 > li:nth-of-type(3n+1) {
  4298. clear: both; }
  4299. .large-block-grid-4 > li {
  4300. width: 25%;
  4301. padding: 0 0.625rem 1.25rem; }
  4302. .large-block-grid-4 > li:nth-of-type(n) {
  4303. clear: none; }
  4304. .large-block-grid-4 > li:nth-of-type(4n+1) {
  4305. clear: both; }
  4306. .large-block-grid-5 > li {
  4307. width: 20%;
  4308. padding: 0 0.625rem 1.25rem; }
  4309. .large-block-grid-5 > li:nth-of-type(n) {
  4310. clear: none; }
  4311. .large-block-grid-5 > li:nth-of-type(5n+1) {
  4312. clear: both; }
  4313. .large-block-grid-6 > li {
  4314. width: 16.66667%;
  4315. padding: 0 0.625rem 1.25rem; }
  4316. .large-block-grid-6 > li:nth-of-type(n) {
  4317. clear: none; }
  4318. .large-block-grid-6 > li:nth-of-type(6n+1) {
  4319. clear: both; }
  4320. .large-block-grid-7 > li {
  4321. width: 14.28571%;
  4322. padding: 0 0.625rem 1.25rem; }
  4323. .large-block-grid-7 > li:nth-of-type(n) {
  4324. clear: none; }
  4325. .large-block-grid-7 > li:nth-of-type(7n+1) {
  4326. clear: both; }
  4327. .large-block-grid-8 > li {
  4328. width: 12.5%;
  4329. padding: 0 0.625rem 1.25rem; }
  4330. .large-block-grid-8 > li:nth-of-type(n) {
  4331. clear: none; }
  4332. .large-block-grid-8 > li:nth-of-type(8n+1) {
  4333. clear: both; }
  4334. .large-block-grid-9 > li {
  4335. width: 11.11111%;
  4336. padding: 0 0.625rem 1.25rem; }
  4337. .large-block-grid-9 > li:nth-of-type(n) {
  4338. clear: none; }
  4339. .large-block-grid-9 > li:nth-of-type(9n+1) {
  4340. clear: both; }
  4341. .large-block-grid-10 > li {
  4342. width: 10%;
  4343. padding: 0 0.625rem 1.25rem; }
  4344. .large-block-grid-10 > li:nth-of-type(n) {
  4345. clear: none; }
  4346. .large-block-grid-10 > li:nth-of-type(10n+1) {
  4347. clear: both; }
  4348. .large-block-grid-11 > li {
  4349. width: 9.09091%;
  4350. padding: 0 0.625rem 1.25rem; }
  4351. .large-block-grid-11 > li:nth-of-type(n) {
  4352. clear: none; }
  4353. .large-block-grid-11 > li:nth-of-type(11n+1) {
  4354. clear: both; }
  4355. .large-block-grid-12 > li {
  4356. width: 8.33333%;
  4357. padding: 0 0.625rem 1.25rem; }
  4358. .large-block-grid-12 > li:nth-of-type(n) {
  4359. clear: none; }
  4360. .large-block-grid-12 > li:nth-of-type(12n+1) {
  4361. clear: both; } }
  4362. .flex-video {
  4363. position: relative;
  4364. padding-top: 1.5625rem;
  4365. padding-bottom: 67.5%;
  4366. height: 0;
  4367. margin-bottom: 1rem;
  4368. overflow: hidden; }
  4369. .flex-video.widescreen {
  4370. padding-bottom: 57.25%; }
  4371. .flex-video.vimeo {
  4372. padding-top: 0; }
  4373. .flex-video iframe,
  4374. .flex-video object,
  4375. .flex-video embed,
  4376. .flex-video video {
  4377. position: absolute;
  4378. top: 0;
  4379. left: 0;
  4380. width: 100%;
  4381. height: 100%; }
  4382. .keystroke,
  4383. kbd {
  4384. background-color: #ededed;
  4385. border-color: #dbdbdb;
  4386. color: #222222;
  4387. border-style: solid;
  4388. border-width: 1px;
  4389. margin: 0;
  4390. font-family: "Consolas", "Menlo", "Courier", monospace;
  4391. font-size: 0.875rem;
  4392. padding: 0.125rem 0.25rem 0;
  4393. -webkit-border-radius: 3px;
  4394. border-radius: 3px; }
  4395. /* Foundation Visibility HTML Classes */
  4396. .show-for-small,
  4397. .show-for-small-only,
  4398. .show-for-medium-down,
  4399. .show-for-large-down,
  4400. .hide-for-medium,
  4401. .hide-for-medium-up,
  4402. .hide-for-medium-only,
  4403. .hide-for-large,
  4404. .hide-for-large-up,
  4405. .hide-for-large-only,
  4406. .hide-for-xlarge,
  4407. .hide-for-xlarge-up,
  4408. .hide-for-xlarge-only,
  4409. .hide-for-xxlarge-up,
  4410. .hide-for-xxlarge-only {
  4411. display: inherit !important; }
  4412. .hide-for-small,
  4413. .hide-for-small-only,
  4414. .hide-for-medium-down,
  4415. .show-for-medium,
  4416. .show-for-medium-up,
  4417. .show-for-medium-only,
  4418. .hide-for-large-down,
  4419. .show-for-large,
  4420. .show-for-large-up,
  4421. .show-for-large-only,
  4422. .show-for-xlarge,
  4423. .show-for-xlarge-up,
  4424. .show-for-xlarge-only,
  4425. .show-for-xxlarge-up,
  4426. .show-for-xxlarge-only {
  4427. display: none !important; }
  4428. /* Specific visibility for tables */
  4429. table.show-for-small, table.show-for-small-only, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
  4430. display: table; }
  4431. thead.show-for-small, thead.show-for-small-only, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
  4432. display: table-header-group !important; }
  4433. tbody.show-for-small, tbody.show-for-small-only, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
  4434. display: table-row-group !important; }
  4435. tr.show-for-small, tr.show-for-small-only, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
  4436. display: table-row !important; }
  4437. td.show-for-small, td.show-for-small-only, td.show-for-medium-down
  4438. td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge
  4439. td.hide-for-xlarge-up, td.hide-for-xxlarge-up,
  4440. th.show-for-small,
  4441. th.show-for-small-only,
  4442. th.show-for-medium-down
  4443. th.show-for-large-down,
  4444. th.hide-for-medium,
  4445. th.hide-for-medium-up,
  4446. th.hide-for-large,
  4447. th.hide-for-large-up,
  4448. th.hide-for-xlarge
  4449. th.hide-for-xlarge-up,
  4450. th.hide-for-xxlarge-up {
  4451. display: table-cell !important; }
  4452. /* Medium Displays: 641px and up */
  4453. @media only screen and (min-width: 40.063em) {
  4454. .hide-for-small,
  4455. .hide-for-small-only,
  4456. .show-for-medium,
  4457. .show-for-medium-down,
  4458. .show-for-medium-up,
  4459. .show-for-medium-only,
  4460. .hide-for-large,
  4461. .hide-for-large-up,
  4462. .hide-for-large-only,
  4463. .hide-for-xlarge,
  4464. .hide-for-xlarge-up,
  4465. .hide-for-xlarge-only,
  4466. .hide-for-xxlarge-up,
  4467. .hide-for-xxlarge-only {
  4468. display: inherit !important; }
  4469. .show-for-small,
  4470. .show-for-small-only,
  4471. .hide-for-medium,
  4472. .hide-for-medium-down,
  4473. .hide-for-medium-up,
  4474. .hide-for-medium-only,
  4475. .hide-for-large-down,
  4476. .show-for-large,
  4477. .show-for-large-up,
  4478. .show-for-large-only,
  4479. .show-for-xlarge,
  4480. .show-for-xlarge-up,
  4481. .show-for-xlarge-only,
  4482. .show-for-xxlarge-up,
  4483. .show-for-xxlarge-only {
  4484. display: none !important; }
  4485. /* Specific visibility for tables */
  4486. table.hide-for-small, table.hide-for-small-only, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-up, table.show-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
  4487. display: table; }
  4488. thead.hide-for-small, thead.hide-for-small-only, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-up, thead.show-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
  4489. display: table-header-group !important; }
  4490. tbody.hide-for-small, tbody.hide-for-small-only, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-up, tbody.show-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
  4491. display: table-row-group !important; }
  4492. tr.hide-for-small, tr.hide-for-small-only, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-up, tr.show-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
  4493. display: table-row !important; }
  4494. td.hide-for-small, td.hide-for-small-only, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-up, td.show-for-medium-only, td.hide-for-large, td.hide-for-large-up, td.hide-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only,
  4495. th.hide-for-small,
  4496. th.hide-for-small-only,
  4497. th.show-for-medium,
  4498. th.show-for-medium-down,
  4499. th.show-for-medium-up,
  4500. th.show-for-medium-only,
  4501. th.hide-for-large,
  4502. th.hide-for-large-up,
  4503. th.hide-for-large-only,
  4504. th.hide-for-xlarge,
  4505. th.hide-for-xlarge-up,
  4506. th.hide-for-xlarge-only,
  4507. th.hide-for-xxlarge-up,
  4508. th.hide-for-xxlarge-only {
  4509. display: table-cell !important; } }
  4510. /* Large Displays: 1024px and up */
  4511. @media only screen and (min-width: 64.063em) {
  4512. .hide-for-small,
  4513. .hide-for-small-only,
  4514. .hide-for-medium,
  4515. .hide-for-medium-down,
  4516. .hide-for-medium-only,
  4517. .show-for-medium-up,
  4518. .show-for-large,
  4519. .show-for-large-up,
  4520. .show-for-large-only,
  4521. .hide-for-xlarge,
  4522. .hide-for-xlarge-up,
  4523. .hide-for-xlarge-only,
  4524. .hide-for-xxlarge-up,
  4525. .hide-for-xxlarge-only {
  4526. display: inherit !important; }
  4527. .show-for-small-only,
  4528. .show-for-medium,
  4529. .show-for-medium-down,
  4530. .show-for-medium-only,
  4531. .hide-for-large,
  4532. .hide-for-large-up,
  4533. .hide-for-large-only,
  4534. .show-for-xlarge,
  4535. .show-for-xlarge-up,
  4536. .show-for-xlarge-only,
  4537. .show-for-xxlarge-up,
  4538. .show-for-xxlarge-only {
  4539. display: none !important; }
  4540. /* Specific visilbity for tables */
  4541. table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large, table.show-for-large-up, table.show-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
  4542. display: table; }
  4543. thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large, thead.show-for-large-up, thead.show-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
  4544. display: table-header-group !important; }
  4545. tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large, tbody.show-for-large-up, tbody.show-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
  4546. display: table-row-group !important; }
  4547. tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large, tr.show-for-large-up, tr.show-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
  4548. display: table-row !important; }
  4549. td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large, td.show-for-large-up, td.show-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only,
  4550. th.hide-for-small,
  4551. th.hide-for-small-only,
  4552. th.hide-for-medium,
  4553. th.hide-for-medium-down,
  4554. th.hide-for-medium-only,
  4555. th.show-for-medium-up,
  4556. th.show-for-large,
  4557. th.show-for-large-up,
  4558. th.show-for-large-only,
  4559. th.hide-for-xlarge,
  4560. th.hide-for-xlarge-up,
  4561. th.hide-for-xlarge-only,
  4562. th.hide-for-xxlarge-up,
  4563. th.hide-for-xxlarge-only {
  4564. display: table-cell !important; } }
  4565. /* X-Large Displays: 1441 and up */
  4566. @media only screen and (min-width: 90.063em) {
  4567. .hide-for-small,
  4568. .hide-for-small-only,
  4569. .hide-for-medium,
  4570. .hide-for-medium-down,
  4571. .hide-for-medium-only,
  4572. .show-for-medium-up,
  4573. .show-for-large-up,
  4574. .show-for-xlarge,
  4575. .show-for-xlarge-up,
  4576. .show-for-xlarge-only,
  4577. .hide-for-xxlarge-up,
  4578. .hide-for-xxlarge-only {
  4579. display: inherit !important; }
  4580. .show-for-small-only,
  4581. .show-for-medium,
  4582. .show-for-medium-down,
  4583. .show-for-medium-only,
  4584. .show-for-large,
  4585. .show-for-large-only,
  4586. .show-for-large-down,
  4587. .hide-for-xlarge,
  4588. .hide-for-xlarge-up,
  4589. .hide-for-xlarge-only,
  4590. .show-for-xxlarge-up,
  4591. .show-for-xxlarge-only {
  4592. display: none !important; }
  4593. /* Specific visilbity for tables */
  4594. table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.show-for-xlarge, table.show-for-xlarge-up, table.show-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
  4595. display: table; }
  4596. thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.show-for-xlarge, thead.show-for-xlarge-up, thead.show-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
  4597. display: table-header-group !important; }
  4598. tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.show-for-xlarge, tbody.show-for-xlarge-up, tbody.show-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
  4599. display: table-row-group !important; }
  4600. tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.show-for-xlarge, tr.show-for-xlarge-up, tr.show-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
  4601. display: table-row !important; }
  4602. td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.show-for-xlarge, td.show-for-xlarge-up, td.show-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only,
  4603. th.hide-for-small,
  4604. th.hide-for-small-only,
  4605. th.hide-for-medium,
  4606. th.hide-for-medium-down,
  4607. th.hide-for-medium-only,
  4608. th.show-for-medium-up,
  4609. th.show-for-large-up,
  4610. th.show-for-xlarge,
  4611. th.show-for-xlarge-up,
  4612. th.show-for-xlarge-only,
  4613. th.hide-for-xxlarge-up,
  4614. th.hide-for-xxlarge-only {
  4615. display: table-cell !important; } }
  4616. /* XX-Large Displays: 1920 and up */
  4617. @media only screen and (min-width: 120.063em) {
  4618. .hide-for-small,
  4619. .hide-for-small-only,
  4620. .hide-for-medium,
  4621. .hide-for-medium-down,
  4622. .hide-for-medium-only,
  4623. .show-for-medium-up,
  4624. .show-for-large-up,
  4625. .show-for-xlarge-up,
  4626. .show-for-xxlarge-up,
  4627. .show-for-xxlarge-only {
  4628. display: inherit !important; }
  4629. .show-for-small-only,
  4630. .show-for-medium,
  4631. .show-for-medium-down,
  4632. .show-for-medium-only,
  4633. .show-for-large,
  4634. .show-for-large-only,
  4635. .show-for-large-down,
  4636. .hide-for-xlarge,
  4637. .show-for-xlarge-only,
  4638. .hide-for-xxlarge-up,
  4639. .hide-for-xxlarge-only {
  4640. display: none !important; }
  4641. /* Specific visilbity for tables */
  4642. table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.show-for-xlarge-up, table.show-for-xxlarge-up, table.show-for-xxlarge-only {
  4643. display: table; }
  4644. thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.show-for-xlarge-up, thead.show-for-xxlarge-up, thead.show-for-xxlarge-only {
  4645. display: table-header-group !important; }
  4646. tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge-only {
  4647. display: table-row-group !important; }
  4648. tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.show-for-xlarge-up, tr.show-for-xxlarge-up, tr.show-for-xxlarge-only {
  4649. display: table-row !important; }
  4650. td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.show-for-xlarge-up, td.show-for-xxlarge-up, td.show-for-xxlarge-only,
  4651. th.hide-for-small,
  4652. th.hide-for-small-only,
  4653. th.hide-for-medium,
  4654. th.hide-for-medium-down,
  4655. th.hide-for-medium-only,
  4656. th.show-for-medium-up,
  4657. th.show-for-large-up,
  4658. th.show-for-xlarge-up,
  4659. th.show-for-xxlarge-up,
  4660. th.show-for-xxlarge-only {
  4661. display: table-cell !important; } }
  4662. /* Orientation targeting */
  4663. .show-for-landscape,
  4664. .hide-for-portrait {
  4665. display: inherit !important; }
  4666. .hide-for-landscape,
  4667. .show-for-portrait {
  4668. display: none !important; }
  4669. /* Specific visilbity for tables */
  4670. table.hide-for-landscape, table.show-for-portrait {
  4671. display: table; }
  4672. thead.hide-for-landscape, thead.show-for-portrait {
  4673. display: table-header-group !important; }
  4674. tbody.hide-for-landscape, tbody.show-for-portrait {
  4675. display: table-row-group !important; }
  4676. tr.hide-for-landscape, tr.show-for-portrait {
  4677. display: table-row !important; }
  4678. td.hide-for-landscape, td.show-for-portrait,
  4679. th.hide-for-landscape,
  4680. th.show-for-portrait {
  4681. display: table-cell !important; }
  4682. @media only screen and (orientation: landscape) {
  4683. .show-for-landscape,
  4684. .hide-for-portrait {
  4685. display: inherit !important; }
  4686. .hide-for-landscape,
  4687. .show-for-portrait {
  4688. display: none !important; }
  4689. /* Specific visilbity for tables */
  4690. table.show-for-landscape, table.hide-for-portrait {
  4691. display: table; }
  4692. thead.show-for-landscape, thead.hide-for-portrait {
  4693. display: table-header-group !important; }
  4694. tbody.show-for-landscape, tbody.hide-for-portrait {
  4695. display: table-row-group !important; }
  4696. tr.show-for-landscape, tr.hide-for-portrait {
  4697. display: table-row !important; }
  4698. td.show-for-landscape, td.hide-for-portrait,
  4699. th.show-for-landscape,
  4700. th.hide-for-portrait {
  4701. display: table-cell !important; } }
  4702. @media only screen and (orientation: portrait) {
  4703. .show-for-portrait,
  4704. .hide-for-landscape {
  4705. display: inherit !important; }
  4706. .hide-for-portrait,
  4707. .show-for-landscape {
  4708. display: none !important; }
  4709. /* Specific visilbity for tables */
  4710. table.show-for-portrait, table.hide-for-landscape {
  4711. display: table; }
  4712. thead.show-for-portrait, thead.hide-for-landscape {
  4713. display: table-header-group !important; }
  4714. tbody.show-for-portrait, tbody.hide-for-landscape {
  4715. display: table-row-group !important; }
  4716. tr.show-for-portrait, tr.hide-for-landscape {
  4717. display: table-row !important; }
  4718. td.show-for-portrait, td.hide-for-landscape,
  4719. th.show-for-portrait,
  4720. th.hide-for-landscape {
  4721. display: table-cell !important; } }
  4722. /* Touch-enabled device targeting */
  4723. .show-for-touch {
  4724. display: none !important; }
  4725. .hide-for-touch {
  4726. display: inherit !important; }
  4727. .touch .show-for-touch {
  4728. display: inherit !important; }
  4729. .touch .hide-for-touch {
  4730. display: none !important; }
  4731. /* Specific visilbity for tables */
  4732. table.hide-for-touch {
  4733. display: table; }
  4734. .touch table.show-for-touch {
  4735. display: table; }
  4736. thead.hide-for-touch {
  4737. display: table-header-group !important; }
  4738. .touch thead.show-for-touch {
  4739. display: table-header-group !important; }
  4740. tbody.hide-for-touch {
  4741. display: table-row-group !important; }
  4742. .touch tbody.show-for-touch {
  4743. display: table-row-group !important; }
  4744. tr.hide-for-touch {
  4745. display: table-row !important; }
  4746. .touch tr.show-for-touch {
  4747. display: table-row !important; }
  4748. td.hide-for-touch {
  4749. display: table-cell !important; }
  4750. .touch td.show-for-touch {
  4751. display: table-cell !important; }
  4752. th.hide-for-touch {
  4753. display: table-cell !important; }
  4754. .touch th.show-for-touch {
  4755. display: table-cell !important; }
  4756. /** CUSTOM **/
  4757. .disk-info {
  4758. width: 120px;
  4759. display: block;
  4760. line-height: 1;
  4761. height: 100%;
  4762. padding-top: 12px;
  4763. font-size: 0.75em;
  4764. text-align: center;
  4765. }
  4766. .disk-bar {
  4767. background: #AAA;
  4768. border-radius: 4px;
  4769. width: 100%;
  4770. height: 8px;
  4771. display: block;
  4772. margin-bottom: 5px;
  4773. }
  4774. .disk-bar > .inner-bar {
  4775. background: #FFF;
  4776. border-radius: 4px;
  4777. height: 100%;
  4778. display: block;
  4779. }