theme.css 183 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917
  1. /**!**************/
  2. /**! Contents **/
  3. /**! 01. Reset **/
  4. /**! 02. Typography **/
  5. /**! 03. Position **/
  6. /**! 04. Element Size **/
  7. /**! 05. Images **/
  8. /**! 06. Buttons **/
  9. /**! 07. Icons **/
  10. /**! 08. Lists **/
  11. /**! 09. Lightbox **/
  12. /**! 10. Menus **/
  13. /**! 11. Dropdowns **/
  14. /**! 12. Form Elements **/
  15. /**! 13. Accordions **/
  16. /**! 14. Breadcrumbs **/
  17. /**! 15. Radials **/
  18. /**! 16. Tabs **/
  19. /**! 17. Boxes **/
  20. /**! 18. Sliders Flickity - Removed as GPL **/
  21. /**! 19. Hover Elements **/
  22. /**! 20. Masonry **/
  23. /**! 21. Modals **/
  24. /**! 22. Maps **/
  25. /**! 23. Parallax **/
  26. /**! 24. Notifications **/
  27. /**! 25. Video **/
  28. /**! 26. Colors **/
  29. /**! 27. Image Blocks **/
  30. /**! 28. MailChimp & Campaign Monitor **/
  31. /**! 29. Twitter **/
  32. /**! 30. Transitions **/
  33. /**! 31. Switchable Sections **/
  34. /**! 32. Typed Effect **/
  35. /**! 33. Gradient BG **/
  36. /**! 34. Bars **/
  37. /**! 35. Navigation In Page **/
  38. /**! 36. Helper Classes **/
  39. /**! 37. Spacing **/
  40. /**! 38. Boxed Layout **/
  41. /**! 39. Wizard **/
  42. /**! 40. Alerts **/
  43. /**! 41. Progress - Horizontal **/
  44. /**! 42. Theme Overrides **/
  45. /**!**************/
  46. /**!**************/
  47. /**!**************/
  48. /**! 01. Reset **/
  49. *,
  50. h1,
  51. h2,
  52. h3,
  53. h4,
  54. h5,
  55. h6,
  56. p,
  57. ul,
  58. a {
  59. margin: 0;
  60. padding: 0;
  61. }
  62. /**! 02. Typography **/
  63. html {
  64. font-size: 87.5%;
  65. }
  66. @media all and (max-width: 768px) {
  67. html {
  68. font-size: 81.25%;
  69. }
  70. }
  71. body {
  72. font-size: 1em;
  73. line-height: 1.85714286em;
  74. -webkit-font-smoothing: antialiased;
  75. -moz-osx-font-smoothing: grayscale;
  76. font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  77. color: #666666;
  78. font-weight: 400;
  79. }
  80. h1,
  81. h2,
  82. h3,
  83. h4,
  84. h5,
  85. h6,
  86. .h1,
  87. .h2,
  88. .h3,
  89. .h4,
  90. .h5,
  91. .h6 {
  92. font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  93. color: #252525;
  94. font-weight: 300;
  95. font-variant-ligatures: common-ligatures;
  96. margin-top: 0;
  97. margin-bottom: 0;
  98. }
  99. h1,
  100. .h1 {
  101. font-size: 3.14285714em;
  102. line-height: 1.31818182em;
  103. }
  104. h2,
  105. .h2 {
  106. font-size: 2.35714286em;
  107. line-height: 1.36363636em;
  108. }
  109. h3,
  110. .h3 {
  111. font-size: 1.78571429em;
  112. line-height: 1.5em;
  113. }
  114. h4,
  115. .h4 {
  116. font-size: 1.35714286em;
  117. line-height: 1.36842105em;
  118. }
  119. h5,
  120. .h5 {
  121. font-size: 1em;
  122. line-height: 1.85714286em;
  123. }
  124. h6,
  125. .h6 {
  126. font-size: 0.85714286em;
  127. line-height: 2.16666667em;
  128. }
  129. .lead {
  130. font-size: 1.35714286em;
  131. line-height: 1.68421053em;
  132. }
  133. @media all and (max-width: 767px) {
  134. h1,
  135. .h1 {
  136. font-size: 2.35714286em;
  137. line-height: 1.36363636em;
  138. }
  139. h2,
  140. .h2 {
  141. font-size: 1.78571429em;
  142. line-height: 1.5em;
  143. }
  144. h3,
  145. .h3 {
  146. font-size: 1.35714286em;
  147. line-height: 1.85714286em;
  148. }
  149. .lead {
  150. font-size: 1.35714286em;
  151. line-height: 1.36842105em;
  152. }
  153. }
  154. p,
  155. ul,
  156. ol,
  157. pre,
  158. table,
  159. blockquote {
  160. margin-bottom: 1.85714286em;
  161. }
  162. ul,
  163. ol {
  164. list-style: none;
  165. line-height: 1.85714286em;
  166. }
  167. ul.bullets {
  168. list-style: inside;
  169. }
  170. ol {
  171. list-style-type: upper-roman;
  172. list-style-position: inside;
  173. }
  174. blockquote {
  175. font-size: 1.78571429em;
  176. line-height: 1.5em;
  177. padding: 0;
  178. margin: 0;
  179. border-left: 0;
  180. }
  181. strong {
  182. font-weight: 600;
  183. }
  184. hr {
  185. margin: 1.85714286em 0;
  186. border-color: #fafafa;
  187. }
  188. a:hover,
  189. a:focus,
  190. a:active {
  191. text-decoration: none;
  192. outline: none;
  193. }
  194. /*! Typography -- Helpers */
  195. .type--fade {
  196. opacity: .5;
  197. }
  198. .type--uppercase {
  199. text-transform: uppercase;
  200. }
  201. .type--bold {
  202. font-weight: bold;
  203. }
  204. .type--italic {
  205. font-style: italic;
  206. }
  207. .type--fine-print {
  208. font-size: 0.85714286em;
  209. }
  210. .type--strikethrough {
  211. text-decoration: line-through;
  212. opacity: .5;
  213. }
  214. .type--underline {
  215. text-decoration: underline;
  216. }
  217. .type--body-font {
  218. font-family: 'Open Sans', 'Helvetica';
  219. }
  220. /**! 03. Position **/
  221. body {
  222. overflow-x: hidden;
  223. }
  224. .pos-relative {
  225. position: relative;
  226. }
  227. .pos-absolute {
  228. position: absolute;
  229. }
  230. .pos-absolute.container {
  231. left: 0;
  232. right: 0;
  233. }
  234. .pos-top {
  235. top: 0;
  236. }
  237. .pos-bottom {
  238. bottom: 0;
  239. }
  240. .pos-right {
  241. right: 0;
  242. }
  243. .pos-left {
  244. left: 0;
  245. }
  246. .float-left {
  247. float: left;
  248. }
  249. .float-right {
  250. float: right;
  251. }
  252. @media all and (max-width: 767px) {
  253. .float-left,
  254. .float-right {
  255. float: none;
  256. }
  257. .float-left-xs {
  258. float: left;
  259. }
  260. .float-right-xs {
  261. float: right;
  262. }
  263. }
  264. .pos-vertical-center {
  265. position: relative;
  266. top: 50%;
  267. transform: translateY(-50%);
  268. -webkit-transform: translateY(-50%);
  269. }
  270. @media all and (max-width: 767px) {
  271. .pos-vertical-center {
  272. top: 0;
  273. transform: none;
  274. -webkit-transform: none;
  275. }
  276. }
  277. @media all and (max-height: 600px) {
  278. .pos-vertical-center {
  279. top: 0;
  280. transform: none;
  281. -webkit-transform: none;
  282. }
  283. }
  284. .pos-vertical-align-columns {
  285. display: table;
  286. table-layout: fixed;
  287. width: 100%;
  288. }
  289. .pos-vertical-align-columns > div[class*='col-'] {
  290. display: table-cell;
  291. float: none;
  292. vertical-align: middle;
  293. }
  294. @media all and (max-width: 990px) {
  295. .pos-vertical-align-columns {
  296. display: block;
  297. width: auto;
  298. }
  299. .pos-vertical-align-columns > div[class*='col-'] {
  300. display: block;
  301. }
  302. }
  303. .inline-block {
  304. display: inline-block;
  305. }
  306. .block {
  307. display: block;
  308. }
  309. @media all and (max-width: 767px) {
  310. .block--xs {
  311. display: block;
  312. }
  313. }
  314. @media all and (max-width: 990px) {
  315. .text-center-md {
  316. text-align: center;
  317. }
  318. .text-left-md {
  319. text-align: left;
  320. }
  321. .text-right-md {
  322. text-align: right;
  323. }
  324. }
  325. @media all and (max-width: 767px) {
  326. .text-center-xs {
  327. text-align: center;
  328. }
  329. .text-left-xs {
  330. text-align: left;
  331. }
  332. .text-right-xs {
  333. text-align: right;
  334. }
  335. }
  336. /**! 04. Element Size **/
  337. .height-100,
  338. .height-90,
  339. .height-80,
  340. .height-70,
  341. .height-60,
  342. .height-50,
  343. .height-40,
  344. .height-30,
  345. .height-20,
  346. .height-10 {
  347. height: auto;
  348. padding: 5em 0;
  349. }
  350. @media all and (max-width: 767px) {
  351. .height-100,
  352. .height-90,
  353. .height-80,
  354. .height-70,
  355. .height-60,
  356. .height-50,
  357. .height-40,
  358. .height-30,
  359. .height-20,
  360. .height-10 {
  361. height: auto;
  362. padding: 4em 0;
  363. }
  364. }
  365. @media all and (min-height: 600px) and (min-width: 767px) {
  366. .height-10 {
  367. height: 10vh;
  368. }
  369. .height-20 {
  370. height: 20vh;
  371. }
  372. .height-30 {
  373. height: 30vh;
  374. }
  375. .height-40 {
  376. height: 40vh;
  377. }
  378. .height-50 {
  379. height: 50vh;
  380. }
  381. .height-60 {
  382. height: 60vh;
  383. }
  384. .height-70 {
  385. height: 70vh;
  386. }
  387. .height-80 {
  388. height: 80vh;
  389. }
  390. .height-90 {
  391. height: 90vh;
  392. }
  393. .height-100 {
  394. height: 100vh;
  395. }
  396. }
  397. section.height-auto {
  398. height: auto;
  399. }
  400. section.height-auto .pos-vertical-center {
  401. top: 0;
  402. position: relative;
  403. transform: none;
  404. }
  405. @media all and (max-width: 767px) {
  406. div[class*='col-'][class*='height-'] {
  407. padding-top: 5.57142857em !important;
  408. padding-bottom: 5.57142857em !important;
  409. }
  410. }
  411. /**! 05. Images **/
  412. img {
  413. max-width: 100%;
  414. margin-bottom: 1.85714286em;
  415. }
  416. /*p+img, img:last-child{
  417. margin-bottom: 0;
  418. }*/
  419. .img--fullwidth {
  420. width: 100%;
  421. }
  422. [data-grid="2"].masonry {
  423. -webkit-column-count: 2;
  424. -webkit-column-gap: 0;
  425. -moz-column-count: 2;
  426. -moz-column-gap: 0;
  427. column-count: 2;
  428. column-gap: 0;
  429. }
  430. [data-grid="2"].masonry li {
  431. width: 100%;
  432. float: none;
  433. }
  434. [data-grid="2"] li {
  435. width: 50%;
  436. display: inline-block;
  437. }
  438. [data-grid="3"].masonry {
  439. -webkit-column-count: 3;
  440. -webkit-column-gap: 0;
  441. -moz-column-count: 3;
  442. -moz-column-gap: 0;
  443. column-count: 3;
  444. column-gap: 0;
  445. }
  446. [data-grid="3"].masonry li {
  447. width: 100%;
  448. float: none;
  449. }
  450. [data-grid="3"] li {
  451. width: 33.33333333%;
  452. display: inline-block;
  453. }
  454. [data-grid="4"].masonry {
  455. -webkit-column-count: 4;
  456. -webkit-column-gap: 0;
  457. -moz-column-count: 4;
  458. -moz-column-gap: 0;
  459. column-count: 4;
  460. column-gap: 0;
  461. }
  462. [data-grid="4"].masonry li {
  463. width: 100%;
  464. float: none;
  465. }
  466. [data-grid="4"] li {
  467. width: 25%;
  468. display: inline-block;
  469. }
  470. [data-grid="5"].masonry {
  471. -webkit-column-count: 5;
  472. -webkit-column-gap: 0;
  473. -moz-column-count: 5;
  474. -moz-column-gap: 0;
  475. column-count: 5;
  476. column-gap: 0;
  477. }
  478. [data-grid="5"].masonry li {
  479. width: 100%;
  480. float: none;
  481. }
  482. [data-grid="5"] li {
  483. width: 20%;
  484. display: inline-block;
  485. }
  486. [data-grid="6"].masonry {
  487. -webkit-column-count: 6;
  488. -webkit-column-gap: 0;
  489. -moz-column-count: 6;
  490. -moz-column-gap: 0;
  491. column-count: 6;
  492. column-gap: 0;
  493. }
  494. [data-grid="6"].masonry li {
  495. width: 100%;
  496. float: none;
  497. }
  498. [data-grid="6"] li {
  499. width: 16.66666667%;
  500. display: inline-block;
  501. }
  502. [data-grid="7"].masonry {
  503. -webkit-column-count: 7;
  504. -webkit-column-gap: 0;
  505. -moz-column-count: 7;
  506. -moz-column-gap: 0;
  507. column-count: 7;
  508. column-gap: 0;
  509. }
  510. [data-grid="7"].masonry li {
  511. width: 100%;
  512. float: none;
  513. }
  514. [data-grid="7"] li {
  515. width: 14.28571429%;
  516. display: inline-block;
  517. }
  518. [data-grid="8"].masonry {
  519. -webkit-column-count: 8;
  520. -webkit-column-gap: 0;
  521. -moz-column-count: 8;
  522. -moz-column-gap: 0;
  523. column-count: 8;
  524. column-gap: 0;
  525. }
  526. [data-grid="8"].masonry li {
  527. width: 100%;
  528. float: none;
  529. }
  530. [data-grid="8"] li {
  531. width: 12.5%;
  532. display: inline-block;
  533. }
  534. @media all and (max-width: 767px) {
  535. [data-grid]:not(.masonry) li {
  536. width: 33.333333%;
  537. }
  538. [data-grid="2"]:not(.masonry) li {
  539. width: 50%;
  540. }
  541. [data-grid].masonry {
  542. -webkit-column-count: 1;
  543. -moz-column-count: 1;
  544. column-count: 1;
  545. }
  546. }
  547. .background-image-holder {
  548. position: absolute;
  549. height: 100%;
  550. top: 0;
  551. left: 0;
  552. background-size: cover !important;
  553. background-position: 50% 50% !important;
  554. z-index: 0;
  555. transition: opacity .3s linear;
  556. -webkit-transition: opacity .3s linear;
  557. opacity: 0;
  558. background: #252525;
  559. }
  560. .background-image-holder:not([class*='col-']) {
  561. width: 100%;
  562. }
  563. .background-image-holder.background--bottom {
  564. background-position: 50% 100% !important;
  565. }
  566. .background-image-holder.background--top {
  567. background-position: 50% 0% !important;
  568. }
  569. .image--light .background-image-holder {
  570. background: none;
  571. }
  572. .background-image-holder img {
  573. display: none;
  574. }
  575. [data-overlay] {
  576. position: relative;
  577. }
  578. [data-overlay]:before {
  579. position: absolute;
  580. content: '';
  581. background: #252525;
  582. width: 100%;
  583. height: 100%;
  584. top: 0;
  585. left: 0;
  586. z-index: 1;
  587. }
  588. [data-overlay] *:not(.container):not(.background-image-holder) {
  589. z-index: 2;
  590. }
  591. [data-overlay].image--light:before {
  592. background: #fff;
  593. }
  594. [data-overlay].bg--primary:before {
  595. background: #4a90e2;
  596. }
  597. [data-overlay="1"]:before {
  598. opacity: 0.1;
  599. }
  600. [data-overlay="2"]:before {
  601. opacity: 0.2;
  602. }
  603. [data-overlay="3"]:before {
  604. opacity: 0.3;
  605. }
  606. [data-overlay="4"]:before {
  607. opacity: 0.4;
  608. }
  609. [data-overlay="5"]:before {
  610. opacity: 0.5;
  611. }
  612. [data-overlay="6"]:before {
  613. opacity: 0.6;
  614. }
  615. [data-overlay="7"]:before {
  616. opacity: 0.7;
  617. }
  618. [data-overlay="8"]:before {
  619. opacity: 0.8;
  620. }
  621. [data-overlay="9"]:before {
  622. opacity: 0.9;
  623. }
  624. [data-overlay="10"]:before {
  625. opacity: 1;
  626. }
  627. [data-overlay="0"]:before {
  628. opacity: 0;
  629. }
  630. [data-scrim-bottom] {
  631. position: relative;
  632. }
  633. [data-scrim-bottom]:before {
  634. position: absolute;
  635. content: '';
  636. width: 100%;
  637. height: 80%;
  638. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  639. /* FF3.6+ */
  640. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
  641. /* Chrome,Safari4+ */
  642. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  643. /* Chrome10+,Safari5.1+ */
  644. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  645. /* Opera 11.10+ */
  646. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  647. /* IE10+ */
  648. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #252525 100%);
  649. bottom: 0;
  650. left: 0;
  651. z-index: 1;
  652. backface-visibility: hidden;
  653. }
  654. [data-scrim-bottom]:not(.image--light) h1,
  655. [data-scrim-bottom]:not(.image--light) h2,
  656. [data-scrim-bottom]:not(.image--light) h3,
  657. [data-scrim-bottom]:not(.image--light) h4,
  658. [data-scrim-bottom]:not(.image--light) h5,
  659. [data-scrim-bottom]:not(.image--light) h6 {
  660. color: #a5a5a5;
  661. color: #f1f1f1;
  662. }
  663. [data-scrim-bottom]:not(.image--light) p,
  664. [data-scrim-bottom]:not(.image--light) span,
  665. [data-scrim-bottom]:not(.image--light) ul {
  666. color: #e6e6e6;
  667. }
  668. [data-scrim-bottom].image--light:before {
  669. background: #fff;
  670. }
  671. [data-scrim-bottom="1"]:before {
  672. opacity: 0.1;
  673. }
  674. [data-scrim-bottom="2"]:before {
  675. opacity: 0.2;
  676. }
  677. [data-scrim-bottom="3"]:before {
  678. opacity: 0.3;
  679. }
  680. [data-scrim-bottom="4"]:before {
  681. opacity: 0.4;
  682. }
  683. [data-scrim-bottom="5"]:before {
  684. opacity: 0.5;
  685. }
  686. [data-scrim-bottom="6"]:before {
  687. opacity: 0.6;
  688. }
  689. [data-scrim-bottom="7"]:before {
  690. opacity: 0.7;
  691. }
  692. [data-scrim-bottom="8"]:before {
  693. opacity: 0.8;
  694. }
  695. [data-scrim-bottom="9"]:before {
  696. opacity: 0.9;
  697. }
  698. [data-scrim-bottom="10"]:before {
  699. opacity: 1;
  700. }
  701. [data-scrim-top] {
  702. position: relative;
  703. }
  704. [data-scrim-top]:before {
  705. position: absolute;
  706. content: '';
  707. width: 100%;
  708. height: 80%;
  709. background: -moz-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
  710. /* FF3.6+ */
  711. background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #252525), color-stop(100%, rgba(0, 0, 0, 0)));
  712. /* Chrome,Safari4+ */
  713. background: -webkit-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
  714. /* Chrome10+,Safari5.1+ */
  715. background: -o-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
  716. /* Opera 11.10+ */
  717. background: -ms-linear-gradient(bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
  718. /* IE10+ */
  719. background: linear-gradient(to bottom, #252525 0%, rgba(0, 0, 0, 0) 100%);
  720. top: 0;
  721. left: 0;
  722. z-index: 1;
  723. }
  724. [data-scrim-top]:not(.image--light) h1,
  725. [data-scrim-top]:not(.image--light) h2,
  726. [data-scrim-top]:not(.image--light) h3,
  727. [data-scrim-top]:not(.image--light) h4,
  728. [data-scrim-top]:not(.image--light) h5,
  729. [data-scrim-top]:not(.image--light) h6 {
  730. color: #fff;
  731. }
  732. [data-scrim-top]:not(.image--light) p,
  733. [data-scrim-top]:not(.image--light) span,
  734. [data-scrim-top]:not(.image--light) ul {
  735. color: #e6e6e6;
  736. }
  737. [data-scrim-top].image--light:before {
  738. background: #fff;
  739. }
  740. [data-scrim-top="1"]:before {
  741. opacity: 0.1;
  742. }
  743. [data-scrim-top="2"]:before {
  744. opacity: 0.2;
  745. }
  746. [data-scrim-top="3"]:before {
  747. opacity: 0.3;
  748. }
  749. [data-scrim-top="4"]:before {
  750. opacity: 0.4;
  751. }
  752. [data-scrim-top="5"]:before {
  753. opacity: 0.5;
  754. }
  755. [data-scrim-top="6"]:before {
  756. opacity: 0.6;
  757. }
  758. [data-scrim-top="7"]:before {
  759. opacity: 0.7;
  760. }
  761. [data-scrim-top="8"]:before {
  762. opacity: 0.8;
  763. }
  764. [data-scrim-top="9"]:before {
  765. opacity: 0.9;
  766. }
  767. [data-scrim-top="10"]:before {
  768. opacity: 1;
  769. }
  770. .imagebg {
  771. position: relative;
  772. }
  773. .imagebg .container {
  774. z-index: 2;
  775. }
  776. .imagebg .container:not(.pos-absolute) {
  777. position: relative;
  778. }
  779. .imagebg:not(.image--light) h1,
  780. .imagebg:not(.image--light) h2,
  781. .imagebg:not(.image--light) h3,
  782. .imagebg:not(.image--light) h4,
  783. .imagebg:not(.image--light) h5,
  784. .imagebg:not(.image--light) h6,
  785. .imagebg:not(.image--light) p,
  786. .imagebg:not(.image--light) ul,
  787. .imagebg:not(.image--light) blockquote {
  788. color: #fff;
  789. }
  790. .imagebg:not(.image--light) .bg--white h1,
  791. .imagebg:not(.image--light) .bg--white h2,
  792. .imagebg:not(.image--light) .bg--white h3,
  793. .imagebg:not(.image--light) .bg--white h4,
  794. .imagebg:not(.image--light) .bg--white h5,
  795. .imagebg:not(.image--light) .bg--white h6 {
  796. color: #252525;
  797. }
  798. .imagebg:not(.image--light) .bg--white p,
  799. .imagebg:not(.image--light) .bg--white ul {
  800. color: #666666;
  801. }
  802. div[data-overlay] h1,
  803. div[data-overlay] h2,
  804. div[data-overlay] h3,
  805. div[data-overlay] h4,
  806. div[data-overlay] h5,
  807. div[data-overlay] h6 {
  808. color: #fff;
  809. }
  810. div[data-overlay] p,
  811. div[data-overlay] ul {
  812. color: #fff;
  813. }
  814. .parallax {
  815. overflow: hidden;
  816. }
  817. .parallax .background-image-holder {
  818. transition: none !important;
  819. -webkit-transition: none !important;
  820. -moz-transition: none !important;
  821. }
  822. .image--xxs {
  823. max-height: 1.85714286em;
  824. }
  825. .image--xs {
  826. max-height: 3.71428571em;
  827. }
  828. .image--sm {
  829. max-height: 5.57142857em;
  830. }
  831. .image--md {
  832. max-height: 7.42857143em;
  833. }
  834. /**! 06. Buttons **/
  835. .btn {
  836. font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  837. transition: 0.1s linear;
  838. -webkit-transition: 0.1s linear;
  839. -moz-transition: 0.1s linear;
  840. border-radius: 6px;
  841. padding-top: 0.46428571em;
  842. padding-bottom: 0.46428571em;
  843. padding-right: 2.78571429em;
  844. padding-left: 2.78571429em;
  845. border: 1px solid #252525;
  846. border-width: 1px;
  847. font-size: inherit;
  848. line-height: 1.85714286em;
  849. }
  850. .btn .btn__text,
  851. .btn i {
  852. color: #252525;
  853. border-color: #252525;
  854. font-weight: 700;
  855. font-size: 0.85714286em;
  856. }
  857. .btn[class*='col-'] {
  858. margin-left: 0;
  859. margin-right: 0;
  860. }
  861. .btn:active {
  862. box-shadow: none;
  863. -webkit-box-shadow: none;
  864. }
  865. .btn.bg--facebook,
  866. .btn.bg--twitter,
  867. .btn.bg--instagram,
  868. .btn.bg--googleplus,
  869. .btn.bg--pinterest,
  870. .btn.bg--dribbble,
  871. .btn.bg--behance,
  872. .btn.bg--dark {
  873. border-color: rgba(0, 0, 0, 0) !important;
  874. }
  875. .btn.bg--facebook .btn__text,
  876. .btn.bg--twitter .btn__text,
  877. .btn.bg--instagram .btn__text,
  878. .btn.bg--googleplus .btn__text,
  879. .btn.bg--pinterest .btn__text,
  880. .btn.bg--dribbble .btn__text,
  881. .btn.bg--behance .btn__text,
  882. .btn.bg--dark .btn__text {
  883. color: #fff;
  884. }
  885. .btn.bg--facebook .btn__text i,
  886. .btn.bg--twitter .btn__text i,
  887. .btn.bg--instagram .btn__text i,
  888. .btn.bg--googleplus .btn__text i,
  889. .btn.bg--pinterest .btn__text i,
  890. .btn.bg--dribbble .btn__text i,
  891. .btn.bg--behance .btn__text i,
  892. .btn.bg--dark .btn__text i {
  893. color: #fff;
  894. }
  895. .btn.bg--facebook:hover,
  896. .btn.bg--twitter:hover,
  897. .btn.bg--instagram:hover,
  898. .btn.bg--googleplus:hover,
  899. .btn.bg--pinterest:hover,
  900. .btn.bg--dribbble:hover,
  901. .btn.bg--behance:hover,
  902. .btn.bg--dark:hover {
  903. opacity: .9;
  904. }
  905. .btn.bg--error {
  906. background: #e23636;
  907. border-color: #e23636 !important;
  908. }
  909. .btn.bg--error:hover {
  910. background: #e54c4c;
  911. border-color: #e54c4c !important;
  912. color: #fff !important;
  913. }
  914. .btn.bg--error .btn__text {
  915. color: #fff;
  916. }
  917. .btn.bg--error .btn__text i {
  918. color: #fff;
  919. }
  920. @media all and (min-width: 768px) {
  921. .btn + .btn {
  922. margin-left: 1.85714286em;
  923. }
  924. }
  925. .btn:first-child {
  926. margin-left: 0;
  927. }
  928. .btn:last-child {
  929. margin-right: 0;
  930. }
  931. .btn--xs {
  932. padding-top: 0;
  933. padding-bottom: 0;
  934. padding-right: 1.39285714em;
  935. padding-left: 1.39285714em;
  936. }
  937. .btn--sm {
  938. padding-top: 0.30952381em;
  939. padding-bottom: 0.30952381em;
  940. padding-right: 1.85714286em;
  941. padding-left: 1.85714286em;
  942. }
  943. .btn--lg {
  944. padding-top: 0.58035714em;
  945. padding-bottom: 0.58035714em;
  946. padding-right: 3.48214286em;
  947. padding-left: 3.48214286em;
  948. }
  949. .btn--lg .btn__text {
  950. font-size: 1.07142857em;
  951. }
  952. .btn--primary,
  953. .btn--primary:visited {
  954. background: #4a90e2;
  955. border-color: #4a90e2;
  956. }
  957. .btn--primary .btn__text,
  958. .btn--primary:visited .btn__text {
  959. color: #fff;
  960. }
  961. .btn--primary .btn__text i,
  962. .btn--primary:visited .btn__text i {
  963. color: #fff;
  964. }
  965. .btn--primary:hover {
  966. background: #609de6;
  967. }
  968. .btn--primary:active {
  969. background: #3483de;
  970. }
  971. .btn--primary-1,
  972. .btn--primary-1:visited {
  973. background: #31639c;
  974. border-color: #31639c;
  975. }
  976. .btn--primary-1 .btn__text,
  977. .btn--primary-1:visited .btn__text {
  978. color: #fff;
  979. }
  980. .btn--primary-1:hover {
  981. background: #376faf;
  982. }
  983. .btn--primary-1:active {
  984. background: #2b5789;
  985. }
  986. .btn--primary-2,
  987. .btn--primary-2:visited {
  988. background: #465773;
  989. border-color: #465773;
  990. }
  991. .btn--primary-2 .btn__text,
  992. .btn--primary-2:visited .btn__text {
  993. color: #fff;
  994. }
  995. .btn--primary-2:hover {
  996. background: #506383;
  997. }
  998. .btn--primary-2:active {
  999. background: #3c4b63;
  1000. }
  1001. .btn--secondary {
  1002. background: #fafafa;
  1003. border-color: #fafafa;
  1004. }
  1005. .btn--secondary:hover {
  1006. background: #ffffff;
  1007. }
  1008. .btn--secondary:active {
  1009. background: #f5f5f5;
  1010. }
  1011. .btn--white {
  1012. background: #fff;
  1013. color: #252525;
  1014. border-color: #fff;
  1015. }
  1016. .btn--white i {
  1017. color: #252525;
  1018. }
  1019. .btn--transparent {
  1020. background: none;
  1021. border-color: rgba(0, 0, 0, 0);
  1022. padding-left: 0;
  1023. padding-right: 0;
  1024. }
  1025. .btn--transparent.btn--white .btn__text {
  1026. color: #fff;
  1027. }
  1028. .btn--unfilled {
  1029. background: none;
  1030. }
  1031. .btn--unfilled.btn--white .btn__text {
  1032. color: #fff;
  1033. }
  1034. .btn--unfilled.btn--white i {
  1035. color: #fff;
  1036. }
  1037. .btn--floating {
  1038. position: fixed;
  1039. bottom: 3.71428571em;
  1040. right: 3.71428571em;
  1041. z-index: 10;
  1042. }
  1043. /**! 07. Icons **/
  1044. .icon {
  1045. line-height: 1em;
  1046. font-size: 3.14285714em;
  1047. }
  1048. .icon--xs {
  1049. font-size: 1em;
  1050. }
  1051. .icon--sm {
  1052. font-size: 2.35714286em;
  1053. }
  1054. .icon--lg {
  1055. font-size: 5.57142857em;
  1056. }
  1057. /**! 08. Lists **/
  1058. ul:last-child {
  1059. margin: 0;
  1060. }
  1061. .list-inline li {
  1062. padding: 0 1em;
  1063. margin-left: 0;
  1064. }
  1065. .list-inline li:first-child {
  1066. padding-left: 0;
  1067. }
  1068. .list-inline li:last-child {
  1069. padding-right: 0;
  1070. }
  1071. .list-inline.list-inline--narrow li {
  1072. padding: 0 .5em;
  1073. }
  1074. .list-inline.list-inline--wide li {
  1075. padding: 0 2em;
  1076. }
  1077. /**! 09. Lightbox **/
  1078. .lb-outerContainer {
  1079. border-radius: 0;
  1080. }
  1081. .lb-outerContainer .lb-container {
  1082. padding: 0;
  1083. }
  1084. .lb-outerContainer .lb-container img {
  1085. margin: 0;
  1086. }
  1087. .lightbox-gallery {
  1088. overflow: hidden;
  1089. }
  1090. .lightbox-gallery li {
  1091. float: left;
  1092. }
  1093. .lightbox-gallery li img {
  1094. margin: 0;
  1095. width: 100%;
  1096. }
  1097. .lightbox-gallery.gallery--gaps li {
  1098. padding: 0.46428571em;
  1099. }
  1100. /**! 10. Menus **/
  1101. .menu-horizontal > li:not(:hover) > a,
  1102. .menu-horizontal > li:not(:hover) > span,
  1103. .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
  1104. opacity: .5;
  1105. }
  1106. .menu-horizontal > li > a,
  1107. .menu-horizontal > li > span,
  1108. .menu-horizontal > li > .modal-instance > .modal-trigger {
  1109. transition: 0.3s ease;
  1110. -webkit-transition: 0.3s ease;
  1111. -moz-transition: 0.3s ease;
  1112. color: #252525;
  1113. }
  1114. .menu-horizontal > li > a:hover,
  1115. .menu-horizontal > li > span:hover,
  1116. .menu-horizontal > li > .modal-instance > .modal-trigger:hover {
  1117. color: #252525;
  1118. }
  1119. .bg--dark .menu-horizontal > li > a,
  1120. .bg--dark .menu-horizontal > li > span {
  1121. color: #fff;
  1122. }
  1123. .bg--dark .menu-horizontal > li > a:hover,
  1124. .bg--dark .menu-horizontal > li > span:hover {
  1125. color: #fff;
  1126. }
  1127. .menu-vertical {
  1128. width: 100%;
  1129. }
  1130. .menu-vertical li {
  1131. width: 100%;
  1132. }
  1133. .menu-vertical li a {
  1134. font-weight: normal;
  1135. }
  1136. @media all and (min-width: 990px) {
  1137. .menu-horizontal {
  1138. display: inline-block;
  1139. }
  1140. .menu-horizontal > li {
  1141. display: inline-block;
  1142. }
  1143. .menu-horizontal > li:not(:last-child) {
  1144. margin-right: 1.85714286em;
  1145. }
  1146. .menu-vertical {
  1147. display: inline-block;
  1148. }
  1149. .menu-vertical li {
  1150. white-space: nowrap;
  1151. }
  1152. .menu-vertical .dropdown__container {
  1153. top: 0;
  1154. }
  1155. .menu-vertical .dropdown__container .dropdown__content:not([class*='bg-']) {
  1156. background: #ffffff;
  1157. }
  1158. .menu-vertical .dropdown__container .dropdown__content {
  1159. transform: translateX(75%);
  1160. }
  1161. }
  1162. /**! 11. Dropdowns **/
  1163. .dropdown {
  1164. position: relative;
  1165. }
  1166. .dropdown .dropdown__container {
  1167. transition: 0.3s ease;
  1168. -webkit-transition: 0.3s ease;
  1169. -moz-transition: 0.3s ease;
  1170. opacity: 0;
  1171. pointer-events: none;
  1172. position: absolute;
  1173. z-index: 999;
  1174. }
  1175. .dropdown .dropdown__container .dropdown__container:before {
  1176. height: 0;
  1177. }
  1178. .dropdown .dropdown__content {
  1179. padding: 1.85714286em;
  1180. }
  1181. .dropdown .dropdown__content:not([class*='col-']) {
  1182. width: 18.57142857em;
  1183. }
  1184. .dropdown .dropdown__content:not([class*='bg-']) {
  1185. background: #ffffff;
  1186. }
  1187. .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a {
  1188. color: #666666;
  1189. }
  1190. .dropdown .dropdown__trigger {
  1191. cursor: pointer;
  1192. user-select: none;
  1193. }
  1194. .dropdown.dropdown--active > .dropdown__container {
  1195. opacity: 1;
  1196. }
  1197. .dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content {
  1198. pointer-events: all;
  1199. }
  1200. @media all and (min-width: 991px) {
  1201. .dropdown .dropdown__container:before {
  1202. height: 0.92857143em;
  1203. width: 100%;
  1204. content: '';
  1205. display: block;
  1206. }
  1207. .dropdown .dropdown__content.dropdown__content--md {
  1208. padding: 2.78571429em;
  1209. }
  1210. .dropdown .dropdown__content.dropdown__content--lg {
  1211. padding: 3.71428571em;
  1212. }
  1213. .dropdown .dropdown__content.dropdown__content--xlg {
  1214. padding: 4.64285714em;
  1215. }
  1216. }
  1217. @media all and (max-width: 767px) {
  1218. .dropdown .dropdown__container {
  1219. min-width: 100%;
  1220. position: relative;
  1221. display: none;
  1222. }
  1223. .dropdown .dropdown__content {
  1224. padding: 1.85714286em;
  1225. left: 0 !important;
  1226. }
  1227. .dropdown.dropdown--active > .dropdown__container {
  1228. display: block;
  1229. }
  1230. }
  1231. body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
  1232. opacity: 1;
  1233. }
  1234. body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
  1235. pointer-events: all;
  1236. }
  1237. body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content {
  1238. pointer-events: all;
  1239. }
  1240. body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container {
  1241. opacity: 1;
  1242. }
  1243. body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before {
  1244. pointer-events: all;
  1245. }
  1246. body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content {
  1247. pointer-events: all;
  1248. }
  1249. @media all and (max-width: 990px) {
  1250. body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container {
  1251. display: block;
  1252. }
  1253. body.dropdowns--hover .dropdown:not(.dropdown--click).dropdown--active > .dropdown__container:before {
  1254. pointer-events: all;
  1255. }
  1256. }
  1257. @media all and (max-width: 767px) {
  1258. .dropdown.dropdown--absolute .dropdown__container {
  1259. position: absolute;
  1260. }
  1261. }
  1262. /**! 12. Form Elements **/
  1263. form {
  1264. max-width: 100%;
  1265. }
  1266. form + form {
  1267. margin-top: 30px;
  1268. }
  1269. form:before,
  1270. form:after {
  1271. content: ".";
  1272. display: block;
  1273. height: 0;
  1274. overflow: hidden;
  1275. }
  1276. form:after {
  1277. clear: both;
  1278. }
  1279. label {
  1280. margin: 0;
  1281. font-size: 1.14285714em;
  1282. font-weight: 400;
  1283. }
  1284. input[type],
  1285. textarea,
  1286. select {
  1287. -webkit-appearance: none;
  1288. background: #fcfcfc;
  1289. padding: 0.46428571em;
  1290. border-radius: 6px;
  1291. border: 1px solid #ececec;
  1292. }
  1293. input[type]:focus,
  1294. textarea:focus,
  1295. select:focus {
  1296. outline: none;
  1297. }
  1298. input[type]:active,
  1299. textarea:active,
  1300. select:active {
  1301. outline: none;
  1302. }
  1303. input[type]::-webkit-input-placeholder,
  1304. textarea::-webkit-input-placeholder,
  1305. select::-webkit-input-placeholder {
  1306. color: #b3b3b3;
  1307. font-size: 1.14285714em;
  1308. }
  1309. input[type]:-moz-placeholder,
  1310. textarea:-moz-placeholder,
  1311. select:-moz-placeholder {
  1312. /* Firefox 18- */
  1313. color: #b3b3b3;
  1314. font-size: 1.14285714em;
  1315. }
  1316. input[type]::-moz-placeholder,
  1317. textarea::-moz-placeholder,
  1318. select::-moz-placeholder {
  1319. /* Firefox 19+ */
  1320. color: #b3b3b3;
  1321. font-size: 1.14285714em;
  1322. }
  1323. input[type]:-ms-input-placeholder,
  1324. textarea:-ms-input-placeholder,
  1325. select:-ms-input-placeholder {
  1326. color: #b3b3b3;
  1327. font-size: 1.14285714em;
  1328. }
  1329. input[type="image"] {
  1330. border: none;
  1331. padding: none;
  1332. width: auto;
  1333. }
  1334. textarea {
  1335. display: block;
  1336. width: 100%;
  1337. max-width: 100%;
  1338. }
  1339. select {
  1340. cursor: pointer;
  1341. padding-right: 1.85714286em;
  1342. -webkit-appearance: none;
  1343. }
  1344. select::ms-expand {
  1345. display: none;
  1346. }
  1347. input[type="submit"] {
  1348. background: none;
  1349. outline: none;
  1350. border: none;
  1351. background: #4a90e2;
  1352. padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em;
  1353. color: #fff;
  1354. }
  1355. @keyframes load {
  1356. 0% {
  1357. opacity: 0;
  1358. width: 0;
  1359. }
  1360. 50% {
  1361. width: 100%;
  1362. opacity: .8;
  1363. left: 0;
  1364. }
  1365. 100% {
  1366. left: 100%;
  1367. opacity: 0;
  1368. }
  1369. }
  1370. button {
  1371. background: none;
  1372. }
  1373. button[type="submit"].btn--loading {
  1374. position: relative;
  1375. overflow: hidden;
  1376. pointer-events: none;
  1377. color: rgba(0, 0, 0, 0);
  1378. }
  1379. button[type="submit"].btn--loading * {
  1380. opacity: 0;
  1381. }
  1382. button[type="submit"].btn--loading:after {
  1383. content: '';
  1384. position: absolute;
  1385. width: 0;
  1386. height: 100%;
  1387. background: #ddd;
  1388. animation: load 1.5s ease-out infinite;
  1389. left: 0;
  1390. top: 0;
  1391. }
  1392. button[type="submit"].btn--loading .btn__text {
  1393. opacity: 0;
  1394. }
  1395. button:focus {
  1396. outline: none !important;
  1397. }
  1398. button.bg--error {
  1399. color: #fff;
  1400. }
  1401. .input-icon {
  1402. position: relative;
  1403. }
  1404. .input-icon i {
  1405. -webkit-user-select: none;
  1406. -moz-user-select: none;
  1407. -ms-user-select: none;
  1408. user-select: none;
  1409. cursor: default;
  1410. position: absolute;
  1411. }
  1412. .input-checkbox,
  1413. .input-radio,
  1414. .input-select {
  1415. -webkit-user-select: none;
  1416. -moz-user-select: none;
  1417. -ms-user-select: none;
  1418. user-select: none;
  1419. display: inline-block;
  1420. }
  1421. .input-checkbox input,
  1422. .input-radio input,
  1423. .input-select input {
  1424. opacity: 0 !important;
  1425. height: 0 !important;
  1426. width: 0 !important;
  1427. position: absolute !important;
  1428. }
  1429. .input-checkbox label,
  1430. .input-radio label,
  1431. .input-select label {
  1432. display: block !important;
  1433. cursor: pointer;
  1434. }
  1435. .input-checkbox {
  1436. padding: 0;
  1437. }
  1438. .input-checkbox label {
  1439. width: 1.85714286em;
  1440. height: 1.85714286em;
  1441. border-radius: 6px;
  1442. background: #000;
  1443. }
  1444. .input-radio {
  1445. padding: 0;
  1446. }
  1447. .input-radio label {
  1448. width: 1.85714286em;
  1449. height: 1.85714286em;
  1450. border-radius: 50%;
  1451. background: #000;
  1452. }
  1453. .input-select {
  1454. position: relative;
  1455. }
  1456. .input-select i {
  1457. position: absolute;
  1458. top: 50%;
  1459. transform: translateY(-50%);
  1460. -webkit-transform: translateY(-50%);
  1461. right: 1em;
  1462. font-size: .87em;
  1463. }
  1464. .input-file {
  1465. position: relative;
  1466. display: inline-block;
  1467. }
  1468. .input-file input {
  1469. display: none;
  1470. }
  1471. .form-error {
  1472. margin-top: 1.5625em;
  1473. padding: 0.78125em;
  1474. background: #D84D4D;
  1475. color: #fff;
  1476. position: fixed;
  1477. min-width: 350px;
  1478. left: 50%;
  1479. bottom: 1.5625em;
  1480. transform: translate3d(-50%, 0, 0);
  1481. -webkit-transform: translate3d(-50%, 0, 0);
  1482. z-index: 999;
  1483. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  1484. box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  1485. }
  1486. .form-success {
  1487. margin-top: 1.5625em;
  1488. padding: 0.78125em;
  1489. background: #1DC020;
  1490. color: #fff;
  1491. position: fixed;
  1492. min-width: 350px;
  1493. left: 50%;
  1494. bottom: 1.5625em;
  1495. transform: translate3d(-50%, 0, 0);
  1496. -webkit-transform: translate3d(-50%, 0, 0);
  1497. z-index: 999;
  1498. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  1499. box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  1500. }
  1501. .attempted-submit .field-error {
  1502. border-color: #D84D4D !important;
  1503. }
  1504. .attempted-submit div.recaptcha.field-error {
  1505. border-color: #D84D4D !important;
  1506. border-style: solid;
  1507. border: 1px solid;
  1508. border-radius: 5px;
  1509. padding: 5px;
  1510. }
  1511. div.recaptcha iframe {
  1512. min-height: 0;
  1513. }
  1514. /**! 13. Accordions **/
  1515. .accordion li .accordion__title,
  1516. .accordion li .accordion__content,
  1517. .accordion li .accordion__content * {
  1518. transition: 0.3s linear;
  1519. -webkit-transition: 0.3s linear;
  1520. -moz-transition: 0.3s linear;
  1521. }
  1522. .accordion li .accordion__title {
  1523. cursor: pointer;
  1524. padding: 0.46428571em 0.92857143em;
  1525. border: 1px solid #ececec;
  1526. border-bottom: none;
  1527. background: none;
  1528. -webkit-user-select: none;
  1529. -moz-user-select: none;
  1530. -ms-user-select: none;
  1531. user-select: none;
  1532. }
  1533. .accordion li:last-child .accordion__title {
  1534. border-bottom: 1px solid #ececec;
  1535. }
  1536. .accordion li .accordion__content {
  1537. opacity: 0;
  1538. visibility: hidden;
  1539. max-height: 0;
  1540. }
  1541. .accordion li .accordion__content > * {
  1542. display: none;
  1543. }
  1544. .accordion li .accordion__content > *:first-child {
  1545. padding-top: 0;
  1546. }
  1547. .accordion li .accordion__content > *:last-child {
  1548. padding-bottom: 0;
  1549. }
  1550. .accordion li.active .accordion__title {
  1551. background: #4a90e2;
  1552. border-bottom: 1px solid #ececec;
  1553. }
  1554. .accordion li.active .accordion__content {
  1555. opacity: 1;
  1556. visibility: visible;
  1557. max-height: 500px;
  1558. }
  1559. .accordion li.active .accordion__content > * {
  1560. display: inline-block;
  1561. }
  1562. /**! 14. Breadcrumbs **/
  1563. .breadcrumb {
  1564. padding: 0;
  1565. margin: 0;
  1566. background: none;
  1567. display: inline-block;
  1568. }
  1569. .breadcrumb li {
  1570. font-size: 1em;
  1571. }
  1572. .breadcrumb li + li:before {
  1573. padding: 0 0.46428571em;
  1574. }
  1575. /**! 15. Pie Charts **/
  1576. .radial {
  1577. position: relative;
  1578. }
  1579. .radial .radial__label {
  1580. position: absolute;
  1581. top: 50%;
  1582. left: 50%;
  1583. transform: translateX(-50%) translateY(-50%);
  1584. -webkit-transform: translateX(-50%) translateY(-50%);
  1585. margin-bottom: 0;
  1586. }
  1587. /**! 16. Tabs **/
  1588. .tabs {
  1589. display: block;
  1590. margin-bottom: 0;
  1591. }
  1592. .tabs > li {
  1593. display: inline-block;
  1594. opacity: .5;
  1595. transition: 0.3s ease;
  1596. -webkit-transition: 0.3s ease;
  1597. -moz-transition: 0.3s ease;
  1598. -webkit-user-select: none;
  1599. -moz-user-select: none;
  1600. -ms-user-select: none;
  1601. user-select: none;
  1602. }
  1603. .tabs > .active,
  1604. .tabs:hover {
  1605. opacity: 1;
  1606. }
  1607. .tabs .tab__title {
  1608. cursor: pointer;
  1609. }
  1610. .tabs .tab__title:not(.btn) {
  1611. padding: 0 1.85714286em;
  1612. }
  1613. .tabs li:first-child .tab__title:not(.btn) {
  1614. padding-left: 0;
  1615. }
  1616. .tabs .tab__content {
  1617. display: none;
  1618. }
  1619. .tabs-content {
  1620. margin-top: 1em;
  1621. }
  1622. .tabs-content li > .tab__content {
  1623. width: 100%;
  1624. display: none;
  1625. }
  1626. .tabs-content > .active > .tab__content {
  1627. display: block;
  1628. }
  1629. .tabs-container[data-content-align="left"] .tabs-content {
  1630. text-align: left;
  1631. }
  1632. @media all and (max-width: 767px) {
  1633. .tabs-content > li:not(.active) .tab__content {
  1634. display: none !important;
  1635. }
  1636. }
  1637. /**! 17. Boxes **/
  1638. .boxed {
  1639. position: relative;
  1640. overflow: hidden;
  1641. padding: 1.85714286em;
  1642. margin-bottom: 30px;
  1643. }
  1644. .boxed.boxed--lg {
  1645. padding: 2.78571429em;
  1646. }
  1647. .boxed.boxed--sm {
  1648. padding: 1.23809524em;
  1649. }
  1650. .boxed.boxed--border {
  1651. border: 1px solid #ececec;
  1652. }
  1653. .boxed > div[class*='col-']:first-child:not(.boxed) {
  1654. padding-left: 0;
  1655. }
  1656. .boxed > div[class*='col-']:last-child:not(.boxed) {
  1657. padding-right: 0;
  1658. }
  1659. img + .boxed {
  1660. margin-top: -1.85714286em;
  1661. }
  1662. @media all and (max-width: 767px) {
  1663. .boxed {
  1664. padding: 1.23809524em;
  1665. margin-bottom: 15px;
  1666. }
  1667. .boxed.boxed--lg {
  1668. padding: 1.23809524em;
  1669. }
  1670. .boxed div[class*='col-']:not(.boxed) {
  1671. padding: 0;
  1672. }
  1673. .boxed:last-child {
  1674. margin-bottom: 15px;
  1675. }
  1676. }
  1677. /**! 18. Sliders Flickity **/
  1678. /**! 19. Hover Elements **/
  1679. .hover-element {
  1680. position: relative;
  1681. overflow: hidden;
  1682. margin-bottom: 30px;
  1683. }
  1684. .hover-element * {
  1685. transition: 0.3s ease;
  1686. -webkit-transition: 0.3s ease;
  1687. -moz-transition: 0.3s ease;
  1688. }
  1689. .hover-element .hover-element__reveal {
  1690. position: absolute;
  1691. top: 0;
  1692. left: 0;
  1693. opacity: 0;
  1694. width: 100%;
  1695. height: 100%;
  1696. }
  1697. .hover-element .hover-element__reveal .boxed {
  1698. height: 100%;
  1699. }
  1700. .hover-element:hover .hover-element__reveal,
  1701. .hover-element.hover--active .hover-element__reveal {
  1702. opacity: 1;
  1703. }
  1704. .hover-element img {
  1705. margin-bottom: 0;
  1706. }
  1707. @media all and (max-width: 1024px) {
  1708. .hover-element {
  1709. cursor: pointer;
  1710. }
  1711. }
  1712. .row:last-child div[class*='col-']:last-child .hover-element {
  1713. margin-bottom: 0;
  1714. }
  1715. /**! 20. Masonry **/
  1716. .masonry .masonry__container.masonry--active .masonry__item {
  1717. opacity: 1;
  1718. pointer-events: all;
  1719. }
  1720. .masonry .masonry__container .masonry__item {
  1721. opacity: 0;
  1722. pointer-events: none;
  1723. }
  1724. .masonry .masonry__filters li {
  1725. display: inline-block;
  1726. cursor: pointer;
  1727. text-transform: capitalize;
  1728. -webkit-user-select: none;
  1729. -moz-user-select: none;
  1730. -ms-user-select: none;
  1731. user-select: none;
  1732. }
  1733. .masonry .masonry__filters li.active {
  1734. cursor: default;
  1735. }
  1736. .masonry.masonry--gapless .masonry__item {
  1737. padding: 0 !important;
  1738. margin-bottom: 0;
  1739. }
  1740. /**! 21. Modals **/
  1741. .modal-instance .modal-body {
  1742. display: none;
  1743. }
  1744. .modal-container {
  1745. transition: 0.3s linear;
  1746. -webkit-transition: 0.3s linear;
  1747. -moz-transition: 0.3s linear;
  1748. padding: 0;
  1749. visibility: hidden;
  1750. opacity: 0;
  1751. z-index: 999;
  1752. pointer-events: none;
  1753. position: fixed;
  1754. width: 100%;
  1755. height: 100%;
  1756. top: 0;
  1757. left: 0;
  1758. }
  1759. .modal-container.modal-active {
  1760. opacity: 1;
  1761. visibility: visible;
  1762. pointer-events: all;
  1763. }
  1764. .modal-container:before {
  1765. background: rgba(0, 0, 0, 0.85);
  1766. content: '';
  1767. position: fixed;
  1768. width: 100%;
  1769. height: 100%;
  1770. top: 0;
  1771. left: 0;
  1772. z-index: 1;
  1773. }
  1774. .modal-container .modal-content {
  1775. backface-visibility: hidden;
  1776. position: fixed;
  1777. z-index: 2;
  1778. top: 50%;
  1779. left: 50%;
  1780. max-height: 100%;
  1781. overflow-y: scroll;
  1782. border: none;
  1783. transform: translate3d(-50%, -50%, 0);
  1784. -webkit-transform: translate3d(-50%, -50%, 0);
  1785. padding: 0;
  1786. border-radius: 0;
  1787. box-shadow: none;
  1788. }
  1789. .modal-container .modal-content:not(.height--natural) {
  1790. width: 50%;
  1791. height: 50%;
  1792. }
  1793. .modal-container .modal-content .modal-close-cross {
  1794. cursor: pointer;
  1795. position: absolute;
  1796. opacity: .5;
  1797. transition: 0.1s linear;
  1798. -webkit-transition: 0.1s linear;
  1799. -moz-transition: 0.1s linear;
  1800. top: 1em;
  1801. right: 1em;
  1802. z-index: 99;
  1803. }
  1804. .modal-container .modal-content .modal-close-cross:before {
  1805. content: '\00D7';
  1806. font-size: 1.5em;
  1807. }
  1808. .modal-container .modal-content .modal-close-cross:hover {
  1809. opacity: 1;
  1810. }
  1811. .modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before {
  1812. color: #fff;
  1813. }
  1814. .modal-container .modal-content iframe {
  1815. width: 100%;
  1816. outline: none;
  1817. border: none;
  1818. height: 100%;
  1819. backface-visibility: hidden;
  1820. }
  1821. .modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
  1822. top: -3.71428571em;
  1823. }
  1824. .modal-content.section-modal {
  1825. pointer-events: none;
  1826. }
  1827. .modal-content.section-modal [class*='col-'] {
  1828. pointer-events: all;
  1829. }
  1830. @media all and (max-width: 767px) {
  1831. .modal-container .modal-content {
  1832. width: 97% !important;
  1833. height: auto !important;
  1834. padding-top: 2em;
  1835. padding-bottom: 2em;
  1836. }
  1837. }
  1838. /**! 22. Maps **/
  1839. .map-container {
  1840. position: relative;
  1841. overflow: hidden;
  1842. }
  1843. .map-container iframe,
  1844. .map-container .map-canvas {
  1845. position: absolute;
  1846. width: 100%;
  1847. height: 100%;
  1848. top: 0;
  1849. }
  1850. /**! 23. Parallax **/
  1851. .parallax > .background-image-holder,
  1852. .parallax .slides li > .background-image-holder {
  1853. height: 100%;
  1854. min-height: 100vh;
  1855. top: -50vh;
  1856. transition: opacity 0.3s ease !important;
  1857. -webkit-transition: opacity 0.3s ease !important;
  1858. -webkit-transform-style: preserve-3d;
  1859. }
  1860. .parallax:first-child .slides li > .background-image-holder,
  1861. .parallax:first-child .background-image-holder {
  1862. top: 0;
  1863. }
  1864. .main-container > a:first-child + .parallax .background-image-holder {
  1865. top: 0;
  1866. }
  1867. @media all and (max-width: 1024px) {
  1868. .parallax > .background-image-holder,
  1869. .parallax .slides li > .background-image-holder {
  1870. -webkit-transition: transform 0.016s linear !important;
  1871. transition: transform 0.016s linear !important;
  1872. }
  1873. .parallax.parallax-disable-mobile .background-image-holder,
  1874. .parallax.parallax-disable-mobile .slides li > .background-image-holder {
  1875. top: 0 !important;
  1876. transform: none !important;
  1877. }
  1878. }
  1879. /**! 24. Notifications **/
  1880. .notification {
  1881. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  1882. position: fixed;
  1883. z-index: 99;
  1884. pointer-events: none;
  1885. padding: 0;
  1886. margin: 1em;
  1887. opacity: 0;
  1888. transition: 0.3s linear;
  1889. -webkit-transition: 0.3s linear;
  1890. -moz-transition: 0.3s linear;
  1891. }
  1892. .notification:not([class*='bg-']) {
  1893. background: #fff;
  1894. }
  1895. .notification[class*='col-'] {
  1896. min-width: 400px;
  1897. }
  1898. .notification .notification-close-cross {
  1899. position: absolute;
  1900. top: 1em;
  1901. z-index: 99;
  1902. right: 1em;
  1903. cursor: pointer;
  1904. transition: 0.1s linear;
  1905. -webkit-transition: 0.1s linear;
  1906. -moz-transition: 0.1s linear;
  1907. opacity: .7;
  1908. }
  1909. .notification .notification-close-cross:before {
  1910. content: '\00D7';
  1911. font-size: 1.5em;
  1912. }
  1913. .notification .notification-close-cross:hover {
  1914. opacity: 1;
  1915. }
  1916. .notification.notification--reveal {
  1917. z-index: 99;
  1918. pointer-events: initial;
  1919. }
  1920. .notification.notification--reveal[data-animation="from-bottom"] {
  1921. animation: from-bottom 0.3s linear 0s forwards;
  1922. -webkit-animation: from-bottom 0.3s linear 0s forwards;
  1923. -moz-animation: from-bottom 0.3s linear 0s forwards;
  1924. }
  1925. .notification.notification--reveal[data-animation="from-top"] {
  1926. animation: from-top 0.3s linear 0s forwards;
  1927. -webkit-animation: from-top 0.3s linear 0s forwards;
  1928. -moz-animation: from-top 0.3s linear 0s forwards;
  1929. }
  1930. .notification.notification--reveal[data-animation="from-left"] {
  1931. animation: from-left 0.3s linear 0s forwards;
  1932. -webkit-animation: from-left 0.3s linear 0s forwards;
  1933. -moz-animation: from-left 0.3s linear 0s forwards;
  1934. }
  1935. .notification.notification--reveal[data-animation="from-right"] {
  1936. animation: from-right 0.3s linear 0s forwards;
  1937. -webkit-animation: from-right 0.3s linear 0s forwards;
  1938. -moz-animation: from-right 0.3s linear 0s forwards;
  1939. }
  1940. .notification.notification--dismissed {
  1941. animation: fade-out 0.4s linear 0s forwards !important;
  1942. -webkit-animation: fade-out 0.4s linear 0s forwards !important;
  1943. -moz-animation: fade-out 0.4s linear 0s forwards !important;
  1944. pointer-events: none;
  1945. }
  1946. .bg--dark + .notification-close-cross:before {
  1947. color: #fff;
  1948. }
  1949. a[data-notification-link] {
  1950. text-decoration: none;
  1951. }
  1952. a[data-notification-link]:hover {
  1953. text-decoration: none;
  1954. }
  1955. @media all and (max-width: 767px) {
  1956. .notification[class*='col-'] {
  1957. min-width: 0;
  1958. }
  1959. }
  1960. @keyframes from-bottom {
  1961. from {
  1962. transform: translate3d(0, 100%, 0);
  1963. -webkit-transform: translate3d(0, 100%, 0);
  1964. opacity: 0;
  1965. }
  1966. to {
  1967. transform: translate3d(0, 0, 0);
  1968. -webkit-transform: translate3d(0, 0, 0);
  1969. opacity: 1;
  1970. }
  1971. }
  1972. @-moz-keyframes from-bottom {
  1973. from {
  1974. transform: translate3d(0, 100%, 0);
  1975. -webkit-transform: translate3d(0, 100%, 0);
  1976. opacity: 0;
  1977. }
  1978. to {
  1979. transform: translate3d(0, 0, 0);
  1980. -webkit-transform: translate3d(0, 0, 0);
  1981. opacity: 1;
  1982. }
  1983. }
  1984. @-webkit-keyframes from-bottom {
  1985. from {
  1986. transform: translate3d(0, 100%, 0);
  1987. -webkit-transform: translate3d(0, 100%, 0);
  1988. opacity: 0;
  1989. }
  1990. to {
  1991. transform: translate3d(0, 0, 0);
  1992. -webkit-transform: translate3d(0, 0, 0);
  1993. opacity: 1;
  1994. }
  1995. }
  1996. @keyframes from-top {
  1997. from {
  1998. transform: translate3d(0, -100%, 0);
  1999. -webkit-transform: translate3d(0, -100%, 0);
  2000. opacity: 0;
  2001. }
  2002. to {
  2003. transform: translate3d(0, 0, 0);
  2004. -webkit-transform: translate3d(0, 0, 0);
  2005. opacity: 1;
  2006. }
  2007. }
  2008. @-moz-keyframes from-top {
  2009. from {
  2010. transform: translate3d(0, -100%, 0);
  2011. -webkit-transform: translate3d(0, -100%, 0);
  2012. opacity: 0;
  2013. }
  2014. to {
  2015. transform: translate3d(0, 0, 0);
  2016. -webkit-transform: translate3d(0, 0, 0);
  2017. opacity: 1;
  2018. }
  2019. }
  2020. @-webkit-keyframes from-top {
  2021. from {
  2022. transform: translate3d(0, -100%, 0);
  2023. -webkit-transform: translate3d(0, -100%, 0);
  2024. opacity: 0;
  2025. }
  2026. to {
  2027. transform: translate3d(0, 0, 0);
  2028. -webkit-transform: translate3d(0, 0, 0);
  2029. opacity: 1;
  2030. }
  2031. }
  2032. @keyframes from-left {
  2033. from {
  2034. transform: translate3d(-100%, 0, 0);
  2035. -webkit-transform: translate3d(-100%, 0, 0);
  2036. opacity: 0;
  2037. }
  2038. to {
  2039. transform: translate3d(0, 0, 0);
  2040. -webkit-transform: translate3d(0, 0, 0);
  2041. opacity: 1;
  2042. }
  2043. }
  2044. @-moz-keyframes from-left {
  2045. from {
  2046. transform: translate3d(-100%, 0, 0);
  2047. -webkit-transform: translate3d(-100%, 0, 0);
  2048. opacity: 0;
  2049. }
  2050. to {
  2051. transform: translate3d(0, 0, 0);
  2052. -webkit-transform: translate3d(0, 0, 0);
  2053. opacity: 1;
  2054. }
  2055. }
  2056. @-webkit-keyframes from-left {
  2057. from {
  2058. transform: translate3d(-100%, 0, 0);
  2059. -webkit-transform: translate3d(-100%, 0, 0);
  2060. opacity: 0;
  2061. }
  2062. to {
  2063. transform: translate3d(0, 0, 0);
  2064. -webkit-transform: translate3d(0, 0, 0);
  2065. opacity: 1;
  2066. }
  2067. }
  2068. @keyframes from-right {
  2069. from {
  2070. transform: translate3d(100%, 0, 0);
  2071. -webkit-transform: translate3d(100%, 0, 0);
  2072. opacity: 1;
  2073. }
  2074. to {
  2075. transform: translate3d(0, 0, 0);
  2076. -webkit-transform: translate3d(0, 0, 0);
  2077. opacity: 1;
  2078. }
  2079. }
  2080. @-moz-keyframes from-right {
  2081. from {
  2082. transform: translate3d(100%, 0, 0);
  2083. -webkit-transform: translate3d(100%, 0, 0);
  2084. opacity: 0;
  2085. }
  2086. to {
  2087. transform: translate3d(0, 0, 0);
  2088. -webkit-transform: translate3d(0, 0, 0);
  2089. opacity: 1;
  2090. }
  2091. }
  2092. @-webkit-keyframes from-right {
  2093. from {
  2094. transform: translate3d(100%, 0, 0);
  2095. -webkit-transform: translate3d(100%, 0, 0);
  2096. opacity: 0;
  2097. }
  2098. to {
  2099. transform: translate3d(0, 0, 0);
  2100. -webkit-transform: translate3d(0, 0, 0);
  2101. opacity: 1;
  2102. }
  2103. }
  2104. @keyframes fade-out {
  2105. 0% {
  2106. opacity: 1;
  2107. }
  2108. 100% {
  2109. opacity: 0;
  2110. }
  2111. }
  2112. @-webkit-keyframes fade-out {
  2113. 0% {
  2114. opacity: 1;
  2115. }
  2116. 100% {
  2117. opacity: 0;
  2118. }
  2119. }
  2120. @-moz-keyframes fade-out {
  2121. 0% {
  2122. opacity: 1;
  2123. }
  2124. 100% {
  2125. opacity: 0;
  2126. }
  2127. }
  2128. /**! 25. Video **/
  2129. iframe {
  2130. width: 100%;
  2131. min-height: 350px;
  2132. border: none;
  2133. }
  2134. @media all and (max-width: 767px) {
  2135. iframe {
  2136. min-height: 220px;
  2137. }
  2138. }
  2139. .videobg {
  2140. background: #252525;
  2141. position: relative;
  2142. overflow: hidden;
  2143. }
  2144. .videobg .container,
  2145. .videobg .background-image-holder {
  2146. opacity: 0;
  2147. transition: 0.3s linear;
  2148. -webkit-transition: 0.3s linear;
  2149. -moz-transition: 0.3s linear;
  2150. }
  2151. .videobg .background-image-holder {
  2152. opacity: 0 !important;
  2153. }
  2154. .videobg.video-active .container {
  2155. opacity: 1;
  2156. }
  2157. .videobg.video-active .loading-indicator {
  2158. opacity: 0;
  2159. visibility: hidden;
  2160. }
  2161. .videobg video {
  2162. object-fit: cover;
  2163. height: 100%;
  2164. min-width: 100%;
  2165. position: absolute;
  2166. top: 0;
  2167. z-index: 0 !important;
  2168. left: 0;
  2169. }
  2170. @media all and (max-width: 1024px) {
  2171. .videobg .background-image-holder,
  2172. .videobg .container {
  2173. opacity: 1 !important;
  2174. }
  2175. .videobg .loading-indicator {
  2176. display: none;
  2177. }
  2178. .videobg video {
  2179. display: none;
  2180. }
  2181. }
  2182. .youtube-background {
  2183. position: absolute;
  2184. height: 100%;
  2185. width: 100%;
  2186. top: 0;
  2187. z-index: 0 !important;
  2188. }
  2189. .youtube-background .mb_YTPBar {
  2190. opacity: 0;
  2191. height: 0;
  2192. visibility: hidden;
  2193. }
  2194. @media all and (max-width: 1024px) {
  2195. .youtube-background {
  2196. display: none;
  2197. }
  2198. }
  2199. .loading-indicator {
  2200. position: absolute !important;
  2201. top: 50%;
  2202. left: 50%;
  2203. z-index: 99 !important;
  2204. width: 50px;
  2205. height: 50px;
  2206. margin-top: -25px;
  2207. margin-left: -25px;
  2208. background-color: #fff;
  2209. border-radius: 100%;
  2210. -webkit-animation: loading-spinner 1s infinite ease-in-out;
  2211. animation: loading-spinner 1s infinite ease-in-out;
  2212. transition: 0.3s linear;
  2213. -webkit-transition: 0.3s linear;
  2214. -moz-transition: 0.3s linear;
  2215. }
  2216. @-webkit-keyframes loading-spinner {
  2217. 0% {
  2218. -webkit-transform: scale(0);
  2219. }
  2220. 100% {
  2221. -webkit-transform: scale(1);
  2222. opacity: 0;
  2223. }
  2224. }
  2225. @keyframes loading-spinner {
  2226. 0% {
  2227. -webkit-transform: scale(0);
  2228. transform: scale(0);
  2229. }
  2230. 100% {
  2231. -webkit-transform: scale(1);
  2232. transform: scale(1);
  2233. opacity: 0;
  2234. }
  2235. }
  2236. .video-cover {
  2237. position: relative;
  2238. }
  2239. .video-cover video {
  2240. max-width: 100%;
  2241. }
  2242. .video-cover iframe {
  2243. background: #252525;
  2244. }
  2245. .video-cover .background-image-holder {
  2246. z-index: 3;
  2247. }
  2248. .video-cover .video-play-icon {
  2249. position: absolute;
  2250. top: 50%;
  2251. left: 50%;
  2252. transform: translate3d(-50%, -50%, 0);
  2253. -webkit-transform: translate3d(-50%, -50%, 0);
  2254. }
  2255. .video-cover .video-play-icon,
  2256. .video-cover .background-image-holder {
  2257. transition: 0.3s linear;
  2258. -webkit-transition: 0.3s linear;
  2259. -moz-transition: 0.3s linear;
  2260. }
  2261. .video-cover.reveal-video .video-play-icon,
  2262. .video-cover.reveal-video .background-image-holder {
  2263. opacity: 0 !important;
  2264. pointer-events: none;
  2265. }
  2266. .video-cover[data-scrim-bottom]:before,
  2267. .video-cover[data-overlay]:before,
  2268. .video-cover[data-scrim-top]:before {
  2269. transition: 0.3s linear;
  2270. -webkit-transition: 0.3s linear;
  2271. -moz-transition: 0.3s linear;
  2272. z-index: 4;
  2273. }
  2274. .video-cover.reveal-video[data-scrim-bottom]:before,
  2275. .video-cover.reveal-video[data-overlay]:before,
  2276. .video-cover.reveal-video[data-scrim-top]:before {
  2277. opacity: 0;
  2278. pointer-events: none;
  2279. }
  2280. .video-play-icon {
  2281. width: 7.42857143em;
  2282. height: 7.42857143em;
  2283. border-radius: 50%;
  2284. position: relative;
  2285. z-index: 4;
  2286. display: inline-block;
  2287. border: 2px solid #ffffff;
  2288. cursor: pointer;
  2289. background: #ffffff;
  2290. }
  2291. .video-play-icon.video-play-icon--sm {
  2292. width: 3.71428571em;
  2293. height: 3.71428571em;
  2294. }
  2295. .video-play-icon.video-play-icon--sm:before {
  2296. border-width: 4px 0 4px 9px;
  2297. }
  2298. .video-play-icon.video-play-icon--xs {
  2299. width: 1.85714286em;
  2300. height: 1.85714286em;
  2301. }
  2302. .video-play-icon.video-play-icon--xs:before {
  2303. border-width: 3px 0 3px 6px;
  2304. margin-left: -3px;
  2305. }
  2306. .video-play-icon.bg--primary:before {
  2307. border-color: transparent transparent transparent #fff;
  2308. }
  2309. .video-play-icon:before {
  2310. position: absolute;
  2311. top: 50%;
  2312. margin-top: -5px;
  2313. left: 50%;
  2314. margin-left: -4px;
  2315. content: '';
  2316. width: 0;
  2317. height: 0;
  2318. border-style: solid;
  2319. border-width: 6px 0 6px 12px;
  2320. border-color: transparent transparent transparent #ffffff;
  2321. border-color: transparent transparent transparent #808080;
  2322. }
  2323. .video-play-icon.video-play-icon--dark {
  2324. border-color: #252525;
  2325. background: #252525;
  2326. }
  2327. .video-play-icon.video-play-icon--dark:before {
  2328. border-color: transparent transparent transparent #252525;
  2329. }
  2330. .video-play-icon.video-play-icon--dark:before {
  2331. border-color: transparent transparent transparent #fff;
  2332. }
  2333. @media all and (max-width: 767px) {
  2334. .video-play-icon {
  2335. width: 4.95238095em;
  2336. height: 4.95238095em;
  2337. }
  2338. }
  2339. .col-12:not([class*='col-lg']):not([class*='col-md']) .video-cover iframe {
  2340. min-height: 550px;
  2341. }
  2342. @media all and (max-width: 990px) {
  2343. div[class*='col-'][class*='-12']:not([class*='xs-12']) .video-cover iframe {
  2344. min-height: 350px;
  2345. }
  2346. }
  2347. div[class*='col-'][class*='-10'] .video-cover iframe {
  2348. min-height: 450px;
  2349. }
  2350. div[class*='col-'][class*='-8'] .video-cover iframe {
  2351. min-height: 400px;
  2352. }
  2353. div[class*='col-'][class*='-6'] .video-cover iframe {
  2354. min-height: 350px;
  2355. }
  2356. @media all and (max-width: 1200px) {
  2357. div[class*='col-'][class*='-6'] .video-cover iframe {
  2358. min-height: 300px;
  2359. }
  2360. }
  2361. @media all and (max-width: 990px) {
  2362. div[class*='col-'][class*='-6'] .video-cover iframe {
  2363. min-height: 220px;
  2364. }
  2365. }
  2366. @media all and (max-width: 767px) {
  2367. div[class*='col-'] .video-cover iframe {
  2368. min-height: 220px !important;
  2369. }
  2370. }
  2371. .modal-container video {
  2372. max-width: 100%;
  2373. }
  2374. /**! 26. Colors **/
  2375. body {
  2376. background: #ffffff;
  2377. }
  2378. .color--primary {
  2379. color: #4a90e2 !important;
  2380. }
  2381. a {
  2382. color: #4a90e2;
  2383. }
  2384. .color--primary-1 {
  2385. color: #31639c !important;
  2386. }
  2387. .color--primary-2 {
  2388. color: #465773 !important;
  2389. }
  2390. .color--white {
  2391. color: #fff;
  2392. }
  2393. .color--dark {
  2394. color: #252525;
  2395. }
  2396. .color--success {
  2397. color: #4ebf56;
  2398. }
  2399. .color--error {
  2400. color: #e23636;
  2401. }
  2402. .bg--dark {
  2403. background: #252525;
  2404. }
  2405. .bg--dark:not(.nav-bar):not(.bar) {
  2406. color: #ffffff;
  2407. }
  2408. .bg--dark:not(.nav-bar):not(.bar) h1,
  2409. .bg--dark:not(.nav-bar):not(.bar) h2,
  2410. .bg--dark:not(.nav-bar):not(.bar) h3,
  2411. .bg--dark:not(.nav-bar):not(.bar) h4,
  2412. .bg--dark:not(.nav-bar):not(.bar) h5,
  2413. .bg--dark:not(.nav-bar):not(.bar) h6,
  2414. .bg--dark:not(.nav-bar):not(.bar) i,
  2415. .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text),
  2416. .bg--dark:not(.nav-bar):not(.bar) p {
  2417. color: #ffffff;
  2418. }
  2419. .bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
  2420. color: #fff;
  2421. }
  2422. .bg--site {
  2423. background: #ffffff;
  2424. }
  2425. .bg--secondary {
  2426. background: #fafafa;
  2427. }
  2428. .bg--primary {
  2429. background: #4a90e2;
  2430. }
  2431. .bg--primary p,
  2432. .bg--primary span,
  2433. .bg--primary ul,
  2434. .bg--primary a:not(.btn) {
  2435. color: #fff;
  2436. }
  2437. .bg--primary h1,
  2438. .bg--primary h2,
  2439. .bg--primary h3,
  2440. .bg--primary h4,
  2441. .bg--primary h5,
  2442. .bg--primary h6,
  2443. .bg--primary i {
  2444. color: #fff;
  2445. }
  2446. .bg--primary .color--primary {
  2447. color: #fff !important;
  2448. }
  2449. .bg--white {
  2450. background: #fff;
  2451. }
  2452. .bg--white p,
  2453. .bg--white span,
  2454. .bg--white ul,
  2455. .bg--white a:not(.btn) {
  2456. color: #666666;
  2457. }
  2458. .bg--white h1,
  2459. .bg--white h2,
  2460. .bg--white h3,
  2461. .bg--white h4,
  2462. .bg--white h5,
  2463. .bg--white h6,
  2464. .bg--white i {
  2465. color: #252525;
  2466. }
  2467. .bg--error {
  2468. background: #e23636;
  2469. }
  2470. .bg--success {
  2471. background: #4ebf56;
  2472. }
  2473. .imagebg:not(.image--light) .bg--white p,
  2474. .imagebg:not(.image--light) .bg--white span,
  2475. .imagebg:not(.image--light) .bg--white ul,
  2476. .imagebg:not(.image--light) .bg--white a:not(.btn) {
  2477. color: #666666;
  2478. }
  2479. .imagebg:not(.image--light) .bg--white h1,
  2480. .imagebg:not(.image--light) .bg--white h2,
  2481. .imagebg:not(.image--light) .bg--white h3,
  2482. .imagebg:not(.image--light) .bg--white h4,
  2483. .imagebg:not(.image--light) .bg--white h5,
  2484. .imagebg:not(.image--light) .bg--white h6,
  2485. .imagebg:not(.image--light) .bg--white i {
  2486. color: #252525;
  2487. }
  2488. .imagebg:not(.image--light) .bg--secondary {
  2489. background: rgba(250, 250, 250, 0.2);
  2490. }
  2491. .bg--primary-1 {
  2492. background: #31639c;
  2493. }
  2494. .bg--primary-1 p,
  2495. .bg--primary-1 span,
  2496. .bg--primary-1 ul,
  2497. .bg--primary-1 a:not(.btn) {
  2498. color: #fff;
  2499. }
  2500. .bg--primary-1 h1,
  2501. .bg--primary-1 h2,
  2502. .bg--primary-1 h3,
  2503. .bg--primary-1 h4,
  2504. .bg--primary-1 h5,
  2505. .bg--primary-1 h6,
  2506. .bg--primary-1 i {
  2507. color: #fff;
  2508. }
  2509. .bg--primary-2 {
  2510. background: #465773;
  2511. }
  2512. .bg--primary-2 p,
  2513. .bg--primary-2 span,
  2514. .bg--primary-2 ul,
  2515. .bg--primary-2 a:not(.btn) {
  2516. color: #fff;
  2517. }
  2518. .bg--primary-2 h1,
  2519. .bg--primary-2 h2,
  2520. .bg--primary-2 h3,
  2521. .bg--primary-2 h4,
  2522. .bg--primary-2 h5,
  2523. .bg--primary-2 h6,
  2524. .bg--primary-2 i {
  2525. color: #fff;
  2526. }
  2527. .image-bg:not(.image-light) *:not(a) {
  2528. color: #fff;
  2529. }
  2530. .color--facebook {
  2531. color: #3b5998;
  2532. }
  2533. .color--twitter {
  2534. color: #00aced;
  2535. }
  2536. .color--googleplus {
  2537. color: #dd4b39;
  2538. }
  2539. .color--instagram {
  2540. color: #125688;
  2541. }
  2542. .color--pinterest {
  2543. color: #cb2027;
  2544. }
  2545. .color--dribbble {
  2546. color: #ea4c89;
  2547. }
  2548. .color--behance {
  2549. color: #053eff;
  2550. }
  2551. .bg--facebook {
  2552. background: #3b5998;
  2553. color: #fff;
  2554. }
  2555. .bg--twitter {
  2556. background: #00aced;
  2557. color: #fff;
  2558. }
  2559. .bg--googleplus {
  2560. background: #dd4b39;
  2561. color: #fff;
  2562. }
  2563. .bg--instagram {
  2564. background: #125688;
  2565. color: #fff;
  2566. }
  2567. .bg--pinterest {
  2568. background: #cb2027;
  2569. color: #fff;
  2570. }
  2571. .bg--dribbble {
  2572. background: #ea4c89;
  2573. color: #fff;
  2574. }
  2575. .bg--behance {
  2576. background: #053eff;
  2577. color: #fff;
  2578. }
  2579. /**! 27. Image Blocks **/
  2580. .imageblock {
  2581. position: relative;
  2582. padding: 0;
  2583. }
  2584. .imageblock > .container,
  2585. .imageblock > div[class*='col-']:not(.imageblock__content) {
  2586. padding-top: 7.42857143em;
  2587. padding-bottom: 7.42857143em;
  2588. float: none;
  2589. overflow: hidden;
  2590. }
  2591. .imageblock.imageblock--lg > .container,
  2592. .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
  2593. padding-top: 9.28571429em;
  2594. padding-bottom: 9.28571429em;
  2595. float: none;
  2596. overflow: hidden;
  2597. }
  2598. .imageblock .imageblock__content {
  2599. position: absolute;
  2600. height: 100%;
  2601. top: 0;
  2602. z-index: 2;
  2603. padding: 0;
  2604. }
  2605. .imageblock .imageblock__content .slider {
  2606. position: absolute;
  2607. width: 100%;
  2608. height: 100%;
  2609. top: 0;
  2610. }
  2611. .imageblock .imageblock__content .slider .slides > li {
  2612. padding: 0;
  2613. min-height: 100%;
  2614. position: absolute !important;
  2615. }
  2616. .imageblock.allow-overflow .imageblock__content {
  2617. overflow: visible;
  2618. }
  2619. @media all and (max-height: 728px) {
  2620. .imageblock > .container,
  2621. .imageblock > div[class*='col-']:not(.imageblock__content) {
  2622. padding-top: 3.71428571em;
  2623. padding-bottom: 3.71428571em;
  2624. }
  2625. }
  2626. @media all and (max-width: 767px) {
  2627. .imageblock[class*='space-'] {
  2628. padding-bottom: 0;
  2629. padding-top: 0;
  2630. }
  2631. .imageblock .imageblock__content {
  2632. position: relative;
  2633. min-height: 18.57142857em;
  2634. }
  2635. .imageblock > .container,
  2636. .imageblock > div[class*='col-']:not(.imageblock__content) {
  2637. padding-top: 5.57142857em;
  2638. padding-bottom: 5.57142857em;
  2639. float: none;
  2640. overflow: hidden;
  2641. }
  2642. .imageblock.imageblock--lg > .container,
  2643. .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
  2644. padding-top: 5.57142857em;
  2645. padding-bottom: 5.57142857em;
  2646. float: none;
  2647. overflow: hidden;
  2648. }
  2649. }
  2650. /**! 28. MailChimp & Campaign Monitor **/
  2651. form[action*='createsend.com'] * {
  2652. transition: 0.3s linear;
  2653. -webkit-transition: 0.3s linear;
  2654. -moz-transition: 0.3s linear;
  2655. opacity: 0;
  2656. }
  2657. form[action*='createsend.com'].form--active * {
  2658. opacity: 1;
  2659. }
  2660. form[action*='createsend.com'] .input-checkbox + br {
  2661. display: none;
  2662. }
  2663. form[action*='createsend.com'].no-labels label {
  2664. display: none;
  2665. }
  2666. form[action*='createsend.com'] br {
  2667. display: none;
  2668. }
  2669. form[action*='createsend.com'] p > label:first-child {
  2670. margin-bottom: 0.92857143em;
  2671. }
  2672. form[action*='list-manage.com'] h2 {
  2673. font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  2674. color: #252525;
  2675. font-weight: 300;
  2676. font-variant-ligatures: common-ligatures;
  2677. margin-top: 0;
  2678. margin-bottom: 0;
  2679. font-size: 1.35714286em;
  2680. line-height: 1.36842105em;
  2681. margin-bottom: 1.36842105263158em;
  2682. font-weight: 400;
  2683. }
  2684. form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text) {
  2685. margin-left: 0.68421052631579em;
  2686. }
  2687. form[action*='list-manage.com'] .input-group ul {
  2688. overflow: hidden;
  2689. }
  2690. form[action*='list-manage.com'] .input-group ul li {
  2691. float: left;
  2692. }
  2693. form[action*='list-manage.com'] * {
  2694. transition: 0.3s linear;
  2695. -webkit-transition: 0.3s linear;
  2696. -moz-transition: 0.3s linear;
  2697. opacity: 0;
  2698. }
  2699. form[action*='list-manage.com'].form--active * {
  2700. opacity: 1;
  2701. }
  2702. form[action*='list-manage.com'].no-labels label {
  2703. display: none;
  2704. }
  2705. form[action*='list-manage.com'] .small-meta {
  2706. font-size: 0.5em;
  2707. }
  2708. /**! 29. Twitter **/
  2709. .twitter-feed .user {
  2710. display: none;
  2711. }
  2712. .twitter-feed .interact {
  2713. display: none;
  2714. }
  2715. .twitter-feed .timePosted {
  2716. font-size: .87em;
  2717. }
  2718. /**! 30. Transitions **/
  2719. [class*='transition--'] {
  2720. transition: 0.3s ease;
  2721. -webkit-transition: 0.3s ease;
  2722. -moz-transition: 0.3s ease;
  2723. opacity: 0;
  2724. }
  2725. [class*='transition--'].transition--active {
  2726. opacity: 1;
  2727. }
  2728. .transition--scale {
  2729. transform: scale(0.98);
  2730. -webkit-transform: scale(0.98);
  2731. }
  2732. .transition--scale.transition--active {
  2733. opacity: 1;
  2734. transform: scale(1);
  2735. -webkit-transform: scale(1);
  2736. }
  2737. .transition--slide {
  2738. transform: translate3d(200px, 0, 0);
  2739. -webkit-transform: translate3d(200px, 0, 0);
  2740. transform: translate3d(30vw, 0, 0);
  2741. -webkit-transform: translate3d(30vw, 0, 0);
  2742. }
  2743. .transition--slide.transition--active {
  2744. transform: translate3d(0, 0, 0);
  2745. -webkit-transform: translate3d(0, 0, 0);
  2746. }
  2747. /**! 31. Switchable Sections **/
  2748. .switchable {
  2749. position: relative;
  2750. }
  2751. .switchable div[class*='col-']:first-child {
  2752. float: left;
  2753. right: auto;
  2754. }
  2755. .switchable div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
  2756. left: 0;
  2757. }
  2758. .switchable div[class*='col-']:last-child {
  2759. float: right;
  2760. left: auto;
  2761. }
  2762. .switchable div[class*='col-']:last-child:not([class*='pull']):not([class*='push']) {
  2763. right: 0;
  2764. }
  2765. .switchable.switchable--switch div[class*='col-']:first-child {
  2766. float: right;
  2767. right: 0;
  2768. left: auto;
  2769. }
  2770. .switchable.switchable--switch div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
  2771. left: auto;
  2772. }
  2773. .switchable.switchable--switch div[class*='col-']:last-child {
  2774. float: left;
  2775. left: 0;
  2776. right: auto;
  2777. }
  2778. .switchable .switchable__text {
  2779. margin-top: 3.71428571em;
  2780. }
  2781. .switchable > div[class*='col-'] {
  2782. padding: 0;
  2783. }
  2784. /**! 32. Typed Effect **/
  2785. .typed-text {
  2786. display: inline-block;
  2787. }
  2788. .typed-text.typed-text--cursor:after {
  2789. content: '|';
  2790. font-size: 1.2em;
  2791. -webkit-animation: blink 0.7s infinite;
  2792. animation: blink 0.7s infinite;
  2793. position: relative;
  2794. right: 6px;
  2795. }
  2796. @keyframes blink {
  2797. 0% {
  2798. opacity: 1;
  2799. }
  2800. 50% {
  2801. opacity: 0;
  2802. }
  2803. 100% {
  2804. opacity: 1;
  2805. }
  2806. }
  2807. @-webkit-keyframes blink {
  2808. 0% {
  2809. opacity: 1;
  2810. }
  2811. 50% {
  2812. opacity: 0;
  2813. }
  2814. 100% {
  2815. opacity: 1;
  2816. }
  2817. }
  2818. /**! 33. Gradient BG **/
  2819. [data-gradient-bg] {
  2820. position: relative;
  2821. background: #252525;
  2822. }
  2823. [data-gradient-bg] > canvas {
  2824. position: absolute;
  2825. width: 100%;
  2826. height: 100%;
  2827. top: 0;
  2828. left: 0;
  2829. }
  2830. [data-gradient-bg] > canvas + .background-image-holder {
  2831. opacity: .2 !important;
  2832. }
  2833. /**! 34. Bars **/
  2834. .bar {
  2835. padding: 1.85714286em 0;
  2836. }
  2837. .bar .logo {
  2838. margin: 0;
  2839. position: relative;
  2840. top: 4px;
  2841. }
  2842. .bar .menu-horizontal {
  2843. position: relative;
  2844. top: 6px;
  2845. }
  2846. .bar:not([class*='visible-']) + .bar {
  2847. margin-top: 0.92857143em;
  2848. }
  2849. .bar.bar--xs {
  2850. padding: 0.46428571em 0;
  2851. }
  2852. .bar.bar--sm {
  2853. padding: 0.92857143em 0;
  2854. }
  2855. .bar.bar--lg {
  2856. padding: 2.78571429em 0;
  2857. }
  2858. .bar.bar--lg .logo {
  2859. top: 0;
  2860. }
  2861. .bar.bar--xlg {
  2862. padding: 4.64285714em 0;
  2863. }
  2864. .bar.bar--xlg .logo {
  2865. top: 0;
  2866. }
  2867. .bar.bg--dark .logo-dark {
  2868. display: none;
  2869. }
  2870. .bar:not(.bg--dark):not(.bar--transparent) .logo-light {
  2871. display: none;
  2872. }
  2873. @media all and (max-width: 767px) {
  2874. .bar.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed {
  2875. position: fixed;
  2876. width: 100%;
  2877. background: #fff;
  2878. z-index: 999;
  2879. }
  2880. .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
  2881. top: 3.71428571em;
  2882. position: fixed;
  2883. width: 100%;
  2884. background: #fff;
  2885. z-index: 999;
  2886. }
  2887. }
  2888. @media all and (min-width: 991px) {
  2889. .bar__module:not(:only-child) {
  2890. display: inline-block;
  2891. }
  2892. .bar__module:not(:last-child) {
  2893. margin-right: 0.92857143em;
  2894. }
  2895. .bar--transparent:not(.bar--dark) {
  2896. background: none;
  2897. }
  2898. .bar--transparent:not(.bar--dark) .logo-dark {
  2899. display: none;
  2900. }
  2901. .bar--transparent:not(.bar--dark) .logo-light {
  2902. display: inline-block;
  2903. }
  2904. .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a,
  2905. .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
  2906. color: #fff;
  2907. }
  2908. .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) {
  2909. border-color: rgba(255, 255, 255, 0.3);
  2910. }
  2911. .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) .btn__text {
  2912. color: #fff;
  2913. }
  2914. .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']):hover {
  2915. border-color: rgba(255, 255, 255, 0.7);
  2916. }
  2917. .bar--absolute {
  2918. position: absolute;
  2919. }
  2920. .bar--absolute,
  2921. .pos-fixed {
  2922. z-index: 99;
  2923. width: 100%;
  2924. }
  2925. .bar.pos-fixed {
  2926. position: fixed;
  2927. top: 0;
  2928. animation: fadeInDown 0.3s ease-out forwards;
  2929. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  2930. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  2931. }
  2932. .bar.pos-fixed:not([class*='bg-']) {
  2933. background: #ffffff;
  2934. }
  2935. .bar.pos-fixed:not([class*='bg-']) .logo-dark {
  2936. display: inline-block;
  2937. }
  2938. .bar.pos-fixed:not([class*='bg-']) .logo-light {
  2939. display: none;
  2940. }
  2941. .bar.pos-fixed.bg--dark {
  2942. background: #252525;
  2943. }
  2944. }
  2945. @media all and (max-width: 767px) {
  2946. .bar__module {
  2947. margin-bottom: 0.92857143em;
  2948. }
  2949. .bar__module + .bar__module {
  2950. margin-top: 1.85714286em;
  2951. }
  2952. .bar__module .btn {
  2953. display: block;
  2954. }
  2955. .bar__module .btn + .btn {
  2956. margin-left: 0 !important;
  2957. }
  2958. .bar__module .btn:not(:last-child) {
  2959. margin-bottom: 0.92857143em;
  2960. }
  2961. .bar + nav.bar {
  2962. padding-top: 0;
  2963. }
  2964. }
  2965. /**! 35. Navigation InPage **/
  2966. .page-navigator {
  2967. position: fixed;
  2968. padding: 0;
  2969. top: 50%;
  2970. transform: translateY(-50%);
  2971. right: 1.85714286em;
  2972. z-index: 10;
  2973. }
  2974. .page-navigator ul {
  2975. display: inline-block;
  2976. padding: 0.92857143em;
  2977. background: rgba(0, 0, 0, 0.4);
  2978. border-radius: 1.85714286em;
  2979. transition: all .2s ease;
  2980. }
  2981. .page-navigator ul:hover {
  2982. background: rgba(0, 0, 0, 0.6);
  2983. }
  2984. .page-navigator ul li:not(:last-child) {
  2985. margin-bottom: 1.85714286em;
  2986. }
  2987. @media all and (max-width: 767px) {
  2988. .page-navigator {
  2989. right: 0;
  2990. }
  2991. .page-navigator ul {
  2992. border-radius: 1.85714286em 0 0 1.85714286em;
  2993. padding: 1.85714286em 0.92857143em;
  2994. }
  2995. }
  2996. .page-navigator li a {
  2997. width: 8px;
  2998. height: 8px;
  2999. background: #fff;
  3000. border-radius: 50%;
  3001. transition: all .2s ease;
  3002. display: block;
  3003. position: relative;
  3004. }
  3005. .page-navigator li a:not(:hover) {
  3006. opacity: .5;
  3007. }
  3008. .page-navigator li a.inner-link--active {
  3009. opacity: 1;
  3010. animation: bulge .5s ease;
  3011. -webkit-animation: bulge .5s ease;
  3012. }
  3013. @keyframes bulge {
  3014. 0% {
  3015. transform: scale(1);
  3016. }
  3017. 50% {
  3018. transform: scale(1.3);
  3019. }
  3020. 100% {
  3021. transform: scale(1);
  3022. }
  3023. }
  3024. @-webkit-keyframes bulge {
  3025. 0% {
  3026. transform: scale(1);
  3027. }
  3028. 50% {
  3029. transform: scale(1.3);
  3030. }
  3031. 100% {
  3032. transform: scale(1);
  3033. }
  3034. }
  3035. .page-navigator li a[data-title]:before {
  3036. content: attr(data-title);
  3037. position: absolute;
  3038. right: 12px;
  3039. top: -14px;
  3040. background: #222;
  3041. color: #fff;
  3042. border-radius: 6px;
  3043. padding: 4px 8px;
  3044. display: inline-block;
  3045. transition: all .2s ease;
  3046. white-space: nowrap;
  3047. }
  3048. .page-navigator li a[data-title]:not(:hover):before {
  3049. opacity: 0;
  3050. transform: translateX(-20px);
  3051. }
  3052. /**! 36. Helper Classes **/
  3053. .clearfix {
  3054. overflow: hidden;
  3055. }
  3056. .clearfix-after:after {
  3057. content: "";
  3058. display: table;
  3059. clear: both;
  3060. }
  3061. .allow-overflow {
  3062. overflow: visible;
  3063. }
  3064. .container .row--gapless {
  3065. padding-left: 15px;
  3066. padding-right: 15px;
  3067. }
  3068. .container .row--gapless > div[class*='col-'] {
  3069. padding: 0;
  3070. }
  3071. @media all and (max-width: 767px) {
  3072. .text-left-xs {
  3073. text-align: left;
  3074. }
  3075. }
  3076. @media all and (max-width: 991px) {
  3077. .text-left-sm {
  3078. text-align: left;
  3079. }
  3080. }
  3081. section > .row--gapless {
  3082. padding-left: 0;
  3083. padding-right: 0;
  3084. }
  3085. section > .row--gapless > div[class*='col-'] {
  3086. padding: 0;
  3087. }
  3088. div.right {
  3089. float: right;
  3090. }
  3091. div.left {
  3092. float: left;
  3093. }
  3094. section.text-right > .container:last-child > .row:only-child > div[class*='col-']:only-child {
  3095. float: right;
  3096. }
  3097. /**! 37. Spacing **/
  3098. section,
  3099. footer {
  3100. padding-top: 7.42857143em;
  3101. padding-bottom: 7.42857143em;
  3102. }
  3103. section.space--xxs,
  3104. footer.space--xxs {
  3105. padding-top: 1.85714286em;
  3106. padding-bottom: 1.85714286em;
  3107. }
  3108. section.space--xs,
  3109. footer.space--xs {
  3110. padding-top: 3.71428571em;
  3111. padding-bottom: 3.71428571em;
  3112. }
  3113. section.space--sm,
  3114. footer.space--sm {
  3115. padding-top: 4.95238095em;
  3116. padding-bottom: 4.95238095em;
  3117. }
  3118. section.space--md,
  3119. footer.space--md {
  3120. padding-top: 11.14285714em;
  3121. padding-bottom: 11.14285714em;
  3122. }
  3123. section.space--lg,
  3124. footer.space--lg {
  3125. padding-top: 14.85714286em;
  3126. padding-bottom: 14.85714286em;
  3127. }
  3128. section.space--xlg,
  3129. footer.space--xlg {
  3130. padding-top: 29.71428571em;
  3131. padding-bottom: 29.71428571em;
  3132. }
  3133. section.space--0,
  3134. footer.space--0 {
  3135. padding: 0;
  3136. }
  3137. section.section--even,
  3138. footer.section--even {
  3139. padding-top: 7.42857143em;
  3140. padding-bottom: 7.42857143em;
  3141. }
  3142. section.space-bottom--sm,
  3143. footer.space-bottom--sm {
  3144. padding-bottom: 4.95238095em;
  3145. }
  3146. @media all and (max-width: 767px) {
  3147. section,
  3148. footer,
  3149. section.section--even {
  3150. padding: 5.57142857em 0;
  3151. }
  3152. section.space--lg,
  3153. footer.space--lg,
  3154. section.section--even.space--lg,
  3155. section.space--md,
  3156. footer.space--md,
  3157. section.section--even.space--md {
  3158. padding: 5.57142857em 0;
  3159. }
  3160. section.space--xlg,
  3161. footer.space--xlg,
  3162. section.section--even.space--xlg {
  3163. padding: 8.35714286em 0;
  3164. }
  3165. }
  3166. div[class*='col-'] > div[class*='col-']:first-child {
  3167. padding-left: 0;
  3168. }
  3169. div[class*='col-'] > div[class*='col-']:last-child {
  3170. padding-right: 0;
  3171. }
  3172. @media all and (max-width: 767px) {
  3173. .col-xs-6:nth-child(odd) {
  3174. padding-right: 7.5px;
  3175. }
  3176. .col-xs-6:nth-child(even) {
  3177. padding-left: 7.5px;
  3178. }
  3179. }
  3180. @media all and (min-width: 768px) {
  3181. .mt--1 {
  3182. margin-top: 1.85714286em;
  3183. }
  3184. .mt--2 {
  3185. margin-top: 3.71428571em;
  3186. }
  3187. .mt--3 {
  3188. margin-top: 5.57142857em;
  3189. }
  3190. .mb--1 {
  3191. margin-bottom: 1.85714286em;
  3192. }
  3193. .mb--2 {
  3194. margin-bottom: 3.71428571em;
  3195. }
  3196. .mb--3 {
  3197. margin-bottom: 5.57142857em;
  3198. }
  3199. }
  3200. @media all and (max-width: 990px) {
  3201. .mt--1,
  3202. .mt--2 {
  3203. margin-top: 1.85714286em;
  3204. }
  3205. .mt--3 {
  3206. margin-top: 2.78571429em;
  3207. }
  3208. }
  3209. .unpad {
  3210. padding: 0;
  3211. }
  3212. .unpad--bottom {
  3213. padding-bottom: 0;
  3214. }
  3215. .unpad--top {
  3216. padding-top: 0;
  3217. }
  3218. section.unpad--bottom {
  3219. padding-bottom: 0;
  3220. }
  3221. section.unpad {
  3222. padding: 0;
  3223. }
  3224. section.unpad--top {
  3225. padding-top: 0;
  3226. }
  3227. .unmarg--bottom {
  3228. margin-bottom: 0;
  3229. }
  3230. .unmarg {
  3231. margin: 0;
  3232. }
  3233. .unmarg--top {
  3234. margin-top: 0;
  3235. }
  3236. /**! 38. Boxed Layout **/
  3237. @media all and (min-width: 1280px) {
  3238. body.boxed-layout {
  3239. padding: 3.71428571em 0;
  3240. background: #ededed;
  3241. }
  3242. body.boxed-layout section:not([class*='bg-']):not(.imagebg),
  3243. body.boxed-layout footer:not([class*='bg-']):not(.imagebg),
  3244. body.boxed-layout nav:not([class*='bg-']):not(.bar--transparent):not(.bar--absolute),
  3245. body.boxed-layout .tabs-container:not([class*='bg-']):not(.imagebg) {
  3246. background: #ffffff;
  3247. }
  3248. body.boxed-layout .nav-container,
  3249. body.boxed-layout .main-container,
  3250. body.boxed-layout > section,
  3251. body.boxed-layout nav {
  3252. max-width: 1280px;
  3253. margin: 0 auto;
  3254. }
  3255. }
  3256. /**! 39. Wizard **/
  3257. .wizard__body {
  3258. list-style: none;
  3259. }
  3260. .wizard__step:not(.active) {
  3261. display: none;
  3262. }
  3263. .wizard__step .wizard__title {
  3264. display: none;
  3265. }
  3266. .wizard__controls {
  3267. overflow: hidden;
  3268. }
  3269. .wizard__controls .wizard-prev {
  3270. float: left;
  3271. }
  3272. .wizard__controls .wizard-next {
  3273. float: right;
  3274. }
  3275. .wizard__controls .wizard-prev:hover,
  3276. .wizard__controls .wizard-next:hover {
  3277. transform: none !important;
  3278. }
  3279. .wizard__controls .wizard-prev.inactive,
  3280. .wizard__controls .wizard-next.inactive {
  3281. pointer-events: none;
  3282. opacity: .3;
  3283. cursor: not-allowed;
  3284. }
  3285. /**! 40. Alerts **/
  3286. .alert {
  3287. overflow: hidden;
  3288. border: 1px solid #e6e6e6;
  3289. padding: 0.92857143em;
  3290. }
  3291. .alert .alert__body,
  3292. .alert .alert__close {
  3293. display: inline-block;
  3294. user-select: none;
  3295. }
  3296. .alert .alert__body {
  3297. float: left;
  3298. }
  3299. .alert .alert__close {
  3300. float: right;
  3301. cursor: pointer;
  3302. }
  3303. .alert.bg--error {
  3304. background: #fce8e8;
  3305. border-color: #e23636;
  3306. }
  3307. .alert.bg--error .alert__close {
  3308. color: #e23636;
  3309. }
  3310. .alert.bg--success {
  3311. background: #e4f5e5;
  3312. border-color: #4ebf56;
  3313. }
  3314. .alert.bg--success .alert__close {
  3315. color: #4ebf56;
  3316. }
  3317. .alert.bg--primary {
  3318. background: #fafcfe;
  3319. border-color: #4a90e2;
  3320. }
  3321. .alert.bg--primary .alert__body > span {
  3322. color: #666666;
  3323. }
  3324. .alert.bg--primary .alert__close {
  3325. color: #4a90e2;
  3326. }
  3327. .alert.alert--dismissed {
  3328. display: none;
  3329. }
  3330. /**! 41. Progress - Horizontal **/
  3331. .progress-horizontal:after {
  3332. content: "";
  3333. display: table;
  3334. clear: both;
  3335. }
  3336. .progress-horizontal .progress-horizontal__bar {
  3337. position: relative;
  3338. overflow: hidden;
  3339. }
  3340. .progress-horizontal .progress-horizontal__progress {
  3341. position: absolute;
  3342. top: 0;
  3343. left: 0;
  3344. height: 100%;
  3345. }
  3346. /**! 42. Theme Overrides **/
  3347. /*! -- Stack Customizers -- */
  3348. .box-shadow {
  3349. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  3350. }
  3351. .box-shadow-shallow {
  3352. box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
  3353. }
  3354. .box-shadow-wide {
  3355. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  3356. }
  3357. .border--round {
  3358. border-radius: 6px;
  3359. }
  3360. .border--round:before {
  3361. border-radius: 6px;
  3362. }
  3363. .border--round .background-image-holder {
  3364. border-radius: 6px;
  3365. }
  3366. .border--round [data-scrim-top]:before,
  3367. .border--round [data-scrim-bottom]:before,
  3368. .border--round [data-overlay]:before {
  3369. border-radius: 6px;
  3370. }
  3371. .imageblock.border--round .background-image-holder {
  3372. border-radius: 6px 0 0 6px;
  3373. }
  3374. @media all and (max-width: 767px) {
  3375. .imageblock.border--round .background-image-holder {
  3376. border-radius: 6px 6px 0 0;
  3377. }
  3378. }
  3379. .theme--square .border--round,
  3380. .theme--square .btn {
  3381. border-radius: 0px;
  3382. }
  3383. .theme--bordered {
  3384. border: 0.92857143em solid #252525;
  3385. }
  3386. .main-container.transition--fade:not(.transition--active) {
  3387. cursor: wait;
  3388. }
  3389. @media all and (min-width: 1280px) {
  3390. body.boxed-layout > section.bar-3:first-of-type {
  3391. border-radius: 6px 6px 0 0;
  3392. }
  3393. body.boxed-layout .main-container > footer:last-child {
  3394. border-radius: 0 0 6px 6px;
  3395. }
  3396. }
  3397. body.boxed-layout .modal-container section:not([class*='bg-']) {
  3398. background: none;
  3399. }
  3400. /*! -- Stack Helpers -- */
  3401. @media all and (max-width: 767px) {
  3402. .block--xs {
  3403. margin-top: 0.92857143em;
  3404. }
  3405. }
  3406. .container .container {
  3407. max-width: 100%;
  3408. }
  3409. .switchable-toggle {
  3410. cursor: pointer;
  3411. user-select: none;
  3412. -webkit-user-select: none;
  3413. }
  3414. .back-to-top {
  3415. position: fixed;
  3416. width: 3.71428571em;
  3417. height: 3.71428571em;
  3418. background: #fff;
  3419. border-radius: 50%;
  3420. text-align: center;
  3421. right: 1.85714286em;
  3422. bottom: 3.71428571em;
  3423. padding-top: 12px;
  3424. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  3425. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  3426. z-index: 99;
  3427. border: 1px solid #ececec;
  3428. transition: 0.2s ease-out;
  3429. -webkit-transition: 0.2s ease-out;
  3430. -moz-transition: 0.2s ease-out;
  3431. }
  3432. .back-to-top i {
  3433. color: #252525;
  3434. }
  3435. .back-to-top:not(.active) {
  3436. opacity: 0;
  3437. transform: translate3d(0, 20px, 0);
  3438. -webkit-transform: translate3d(0, 20px, 0);
  3439. pointer-events: none;
  3440. }
  3441. .back-to-top.active:hover {
  3442. transform: translate3d(0, -5px, 0);
  3443. -webkit-transform: translate3d(0, -5px, 0);
  3444. }
  3445. .disable-scroll-bars {
  3446. -ms-overflow-style: none;
  3447. }
  3448. .disable-scroll-bars::-webkit-scrollbar {
  3449. display: none;
  3450. }
  3451. /*! -- Stack Animations -- */
  3452. @keyframes fadeInUp {
  3453. from {
  3454. opacity: 0;
  3455. transform: translate3d(0, 50px, 0);
  3456. -webkit-transform: translate3d(0, 50px, 0);
  3457. }
  3458. to {
  3459. opacity: 1;
  3460. transform: translate3d(0, 0, 0);
  3461. -webkit-transform: translate3d(0, 0, 0);
  3462. -webkit-font-smoothing: antialiased;
  3463. }
  3464. }
  3465. @-webkit-keyframes fadeInUp {
  3466. from {
  3467. opacity: 0;
  3468. transform: translate3d(0, 50px, 0);
  3469. -webkit-transform: translate3d(0, 50px, 0);
  3470. }
  3471. to {
  3472. opacity: 1;
  3473. transform: translate3d(0, 0, 0);
  3474. -webkit-transform: translate3d(0, 0, 0);
  3475. -webkit-font-smoothing: antialiased;
  3476. }
  3477. }
  3478. @keyframes fadeInDown {
  3479. from {
  3480. opacity: 0;
  3481. transform: translate3d(0, -100px, 0);
  3482. -webkit-transform: translate3d(0, -100px, 0);
  3483. }
  3484. to {
  3485. opacity: 1;
  3486. transform: translate3d(0, 0, 0);
  3487. -webkit-transform: translate3d(0, 0, 0);
  3488. -webkit-font-smoothing: antialiased;
  3489. }
  3490. }
  3491. @-webkit-keyframes fadeInDown {
  3492. from {
  3493. opacity: 0;
  3494. transform: translate3d(0, -100px, 0);
  3495. -webkit-transform: translate3d(0, -100px, 0);
  3496. }
  3497. to {
  3498. opacity: 1;
  3499. transform: translate3d(0, 0, 0);
  3500. -webkit-transform: translate3d(0, 0, 0);
  3501. -webkit-font-smoothing: antialiased;
  3502. }
  3503. }
  3504. @keyframes fadeOutUp {
  3505. from {
  3506. opacity: 1;
  3507. transform: translate3d(0, 0, 0);
  3508. -webkit-transform: translate3d(0, 0, 0);
  3509. }
  3510. to {
  3511. opacity: 0;
  3512. transform: translate3d(0, -50px, 0);
  3513. -webkit-transform: translate3d(0, -50px, 0);
  3514. -webkit-font-smoothing: antialiased;
  3515. }
  3516. }
  3517. @-webkit-keyframes fadeOutUp {
  3518. from {
  3519. opacity: 1;
  3520. transform: translate3d(0, 0, 0);
  3521. -webkit-transform: translate3d(0, 0, 0);
  3522. }
  3523. to {
  3524. opacity: 0;
  3525. transform: translate3d(0, -50px, 0);
  3526. -webkit-transform: translate3d(0, -50px, 0);
  3527. -webkit-font-smoothing: antialiased;
  3528. }
  3529. }
  3530. @keyframes fadeOutRight {
  3531. from {
  3532. opacity: 1;
  3533. transform: translate3d(0, 0, 0);
  3534. -webkit-transform: translate3d(0, 0, 0);
  3535. }
  3536. to {
  3537. opacity: 0;
  3538. transform: translate3d(50px, 0, 0);
  3539. -webkit-transform: translate3d(50px, 0, 0);
  3540. -webkit-font-smoothing: antialiased;
  3541. }
  3542. }
  3543. @-webkit-keyframes fadeOutRight {
  3544. from {
  3545. opacity: 1;
  3546. transform: translate3d(0, 0, 0);
  3547. -webkit-transform: translate3d(0, 0, 0);
  3548. }
  3549. to {
  3550. opacity: 0;
  3551. transform: translate3d(50px, 0, 0);
  3552. -webkit-transform: translate3d(50px, 0, 0);
  3553. -webkit-font-smoothing: antialiased;
  3554. }
  3555. }
  3556. @keyframes fadeInLeft {
  3557. from {
  3558. opacity: 0;
  3559. transform: translate3d(-50px, 0, 0);
  3560. -webkit-transform: translate3d(-50px, 0, 0);
  3561. }
  3562. to {
  3563. opacity: 1;
  3564. transform: translate3d(0, 0, 0);
  3565. -webkit-transform: translate3d(0, 0, 0);
  3566. -webkit-font-smoothing: antialiased;
  3567. }
  3568. }
  3569. @-webkit-keyframes fadeInLeft {
  3570. from {
  3571. opacity: 0;
  3572. transform: translate3d(-50px, 0, 0);
  3573. -webkit-transform: translate3d(-50px, 0, 0);
  3574. }
  3575. to {
  3576. opacity: 1;
  3577. transform: translate3d(0, 0, 0);
  3578. -webkit-transform: translate3d(0, 0, 0);
  3579. -webkit-font-smoothing: antialiased;
  3580. }
  3581. }
  3582. @keyframes pulse {
  3583. 0% {
  3584. opacity: 0;
  3585. transform: scale(1);
  3586. -webkit-transform: scale(1);
  3587. }
  3588. 50% {
  3589. opacity: 1;
  3590. }
  3591. 100% {
  3592. opacity: 0;
  3593. transform: scale(2);
  3594. -webkit-transform: scale(2);
  3595. }
  3596. }
  3597. @-webkit-keyframes pulse {
  3598. 0% {
  3599. opacity: 0;
  3600. transform: scale(1);
  3601. -webkit-transform: scale(1);
  3602. }
  3603. 50% {
  3604. opacity: 1;
  3605. }
  3606. 100% {
  3607. opacity: 0;
  3608. transform: scale(2);
  3609. -webkit-transform: scale(2);
  3610. }
  3611. }
  3612. @keyframes kenBurns {
  3613. 0% {
  3614. transform: scale(1);
  3615. }
  3616. 100% {
  3617. transform: scale(1.1);
  3618. }
  3619. }
  3620. @-webkit-keyframes kenBurns {
  3621. 0% {
  3622. transform: scale(1);
  3623. }
  3624. 100% {
  3625. transform: scale(1.1);
  3626. }
  3627. }
  3628. /*! -- Stack Sections -- */
  3629. section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs) {
  3630. padding-top: 0;
  3631. }
  3632. section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom) {
  3633. padding-top: 0;
  3634. }
  3635. section:not(.imagebg):not([class*='bg-']) + section.bg--secondary {
  3636. border-top: 1px solid #ebebeb;
  3637. }
  3638. section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) {
  3639. border-top: 1px solid #ebebeb;
  3640. }
  3641. section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary {
  3642. padding-top: 0;
  3643. }
  3644. section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) {
  3645. border-top: 1px solid #ebebeb;
  3646. }
  3647. section.bg--dark + section.bg--dark {
  3648. padding-top: 0;
  3649. }
  3650. section.bg--dark:last-of-type + footer.bg--dark {
  3651. background: #1b1b1b;
  3652. }
  3653. section.border--bottom:not([data-gradient-bg]) {
  3654. border-bottom: 1px solid #ececec;
  3655. }
  3656. section.unpad {
  3657. overflow: hidden;
  3658. }
  3659. section:not([class*='bg--']) + footer.bg--secondary {
  3660. border-top: 1px solid #ebebeb;
  3661. }
  3662. section.text-center div[class*='col-']:first-child:last-child {
  3663. margin: 0 auto;
  3664. float: none;
  3665. }
  3666. .section--overlap {
  3667. z-index: 2;
  3668. position: relative;
  3669. }
  3670. /*! -- Stack Typography -- */
  3671. @media all and (max-width: 1024px) {
  3672. html {
  3673. font-size: 80%;
  3674. }
  3675. }
  3676. h1,
  3677. .h1 {
  3678. letter-spacing: -0.01em;
  3679. }
  3680. h1:not(:last-child),
  3681. .h1:not(:last-child) {
  3682. margin-bottom: 0.59090909090909em;
  3683. }
  3684. @media all and (min-width: 768px) {
  3685. h1.h1--large,
  3686. .h1.h1--large {
  3687. font-weight: 200;
  3688. font-size: 4.428571428571429em;
  3689. line-height: 1.048387096774194em;
  3690. }
  3691. h1.h1--large:not(:last-child),
  3692. .h1.h1--large:not(:last-child) {
  3693. margin-bottom: 0.419354838709677em;
  3694. }
  3695. h1.h1--large.type--uppercase,
  3696. .h1.h1--large.type--uppercase {
  3697. letter-spacing: 10px;
  3698. margin-right: -10px;
  3699. }
  3700. h1.h1--large + p.lead,
  3701. .h1.h1--large + p.lead {
  3702. margin-top: 2.052631578947368em;
  3703. }
  3704. }
  3705. h2,
  3706. .h2 {
  3707. margin-bottom: 0.78787878787879em;
  3708. }
  3709. h3,
  3710. .h3 {
  3711. margin-bottom: 1.04em;
  3712. }
  3713. h3 strong,
  3714. .h3 strong {
  3715. font-weight: 400;
  3716. }
  3717. blockquote {
  3718. font-family: 'Merriweather', serif;
  3719. font-style: italic;
  3720. font-weight: 300;
  3721. }
  3722. blockquote:not(:last-child) {
  3723. margin-bottom: 1.04em;
  3724. }
  3725. blockquote > p {
  3726. font-size: 1em !important;
  3727. }
  3728. h4,
  3729. .h4 {
  3730. margin-bottom: 1.36842105263158em;
  3731. font-weight: 400;
  3732. }
  3733. h4.inline-block + .h4.inline-block:not(.typed-text),
  3734. .h4.inline-block + .h4.inline-block:not(.typed-text) {
  3735. margin-left: 0.68421052631579em;
  3736. }
  3737. h5,
  3738. .h5 {
  3739. font-weight: 600;
  3740. }
  3741. h5:not(:last-child),
  3742. .h5:not(:last-child) {
  3743. margin-bottom: 1.85714286em;
  3744. }
  3745. h6,
  3746. .h6 {
  3747. font-weight: 700;
  3748. }
  3749. h6:not(:last-child),
  3750. .h6:not(:last-child) {
  3751. margin-bottom: 2.16666666666667em;
  3752. }
  3753. h6.type--uppercase,
  3754. .h6.type--uppercase {
  3755. letter-spacing: 1px;
  3756. margin-right: -1px;
  3757. }
  3758. span.h1:not(.inline-block),
  3759. span.h2:not(.inline-block),
  3760. span.h3:not(.inline-block),
  3761. span.h4:not(.inline-block),
  3762. span.h5:not(.inline-block),
  3763. span.h6:not(.inline-block) {
  3764. display: block;
  3765. }
  3766. b {
  3767. font-weight: 600;
  3768. }
  3769. hr {
  3770. border-color: #ECECEC;
  3771. }
  3772. .bg--dark hr {
  3773. border-color: #585858;
  3774. }
  3775. [class*='bg-']:not(.bg--white):not(.bg--secondary) p,
  3776. [class*='imagebg']:not(.image--light) p {
  3777. opacity: .9;
  3778. }
  3779. .lead {
  3780. font-weight: 400;
  3781. color: #808080;
  3782. }
  3783. .lead:not(:last-child) {
  3784. margin-bottom: 1.36842105263158em;
  3785. }
  3786. .lead + .btn:last-child {
  3787. margin-top: 0.92857143em;
  3788. }
  3789. p:last-child {
  3790. margin-bottom: 0;
  3791. }
  3792. p strong {
  3793. color: #252525;
  3794. }
  3795. pre {
  3796. padding: 0.92857143em;
  3797. background: #f8f8f8;
  3798. border: 1px solid #ececec;
  3799. border-radius: 6px;
  3800. line-height: 20px;
  3801. max-height: 500px;
  3802. }
  3803. .bg--secondary > pre {
  3804. background: #f5f5f5;
  3805. border-color: #ddd;
  3806. }
  3807. .text-block {
  3808. margin-bottom: 1.85714286em;
  3809. }
  3810. .text-block h2,
  3811. .text-block .h2 {
  3812. margin-bottom: 0.3939393939394em;
  3813. }
  3814. .text-block h5,
  3815. .text-block .h5 {
  3816. margin: 0;
  3817. }
  3818. .text-block h4:not(:last-child),
  3819. .text-block .h4:not(:last-child) {
  3820. margin-bottom: 0.3421052631579em;
  3821. }
  3822. .text-block h3,
  3823. .text-block .h3 {
  3824. margin-bottom: 0.52em;
  3825. }
  3826. @media all and (min-width: 768px) {
  3827. div[class*='col-'] .text-block + .text-block {
  3828. margin-top: 3.71428571em;
  3829. }
  3830. }
  3831. .heading-block {
  3832. margin-bottom: 3.71428571em;
  3833. }
  3834. .heading-block h1,
  3835. .heading-block h2,
  3836. .heading-block h3,
  3837. .heading-block h4,
  3838. .heading-block h5,
  3839. .heading-block h6,
  3840. .heading-block .h1,
  3841. .heading-block .h2,
  3842. .heading-block .h3,
  3843. .heading-block .h4,
  3844. .heading-block .h5,
  3845. .heading-block .h6 {
  3846. margin-bottom: 0;
  3847. }
  3848. /*! -- Stack Colours -- */
  3849. .bg--dark .bg--secondary {
  3850. background: #343434;
  3851. }
  3852. /*! -- Stack Links -- */
  3853. a {
  3854. color: #4a90e2;
  3855. font-weight: 700;
  3856. }
  3857. a:hover {
  3858. color: #2275d7;
  3859. text-decoration: underline;
  3860. }
  3861. a.block {
  3862. font-weight: normal;
  3863. text-decoration: none;
  3864. color: #666666;
  3865. }
  3866. p a,
  3867. span a,
  3868. label a {
  3869. font-size: 1em;
  3870. text-decoration: underline;
  3871. font-weight: 400;
  3872. line-height: 1.85714286em;
  3873. }
  3874. p + a:not(.btn) {
  3875. font-size: 0.85714286em;
  3876. line-height: 2.16666667em;
  3877. }
  3878. .imagebg:not(.image--light) a {
  3879. color: #fff;
  3880. font-weight: 600;
  3881. }
  3882. /*! -- Stack Tables -- */
  3883. table {
  3884. width: 100%;
  3885. border-collapse: separate;
  3886. }
  3887. table th,
  3888. table td {
  3889. padding: 0.92857143em;
  3890. }
  3891. table th {
  3892. background: #fafafa;
  3893. color: #252525;
  3894. }
  3895. table tr:not(:last-of-type) {
  3896. border-bottom: 1px solid #ececec;
  3897. }
  3898. table.border--round {
  3899. border-radius: 6px;
  3900. border: 1px solid #ececec;
  3901. }
  3902. .table--alternate-column th:nth-child(odd) {
  3903. background: none;
  3904. }
  3905. .table--alternate-column td:nth-child(even) {
  3906. background: #fafafa;
  3907. }
  3908. .table--alternate-row tbody tr:nth-child(even) {
  3909. background: #fafafa;
  3910. }
  3911. .bg--dark table.border--round {
  3912. border-radius: 6px;
  3913. border: 1px solid #3f3f3f;
  3914. }
  3915. .bg--dark table th {
  3916. background: #3f3f3f;
  3917. color: #fff;
  3918. }
  3919. .bg--dark .table--alternate-row tbody tr:nth-child(even) {
  3920. background: #323232;
  3921. }
  3922. /*! -- Stack Lists -- */
  3923. ul:not([class*='menu']) li > a {
  3924. font-weight: normal;
  3925. }
  3926. ul:not([class*='menu']) li > a:hover {
  3927. text-decoration: none;
  3928. }
  3929. ol {
  3930. list-style-position: outside;
  3931. list-style-type: decimal;
  3932. }
  3933. ol li:not(:last-child) {
  3934. margin-bottom: 1.85714286em;
  3935. }
  3936. ol.lead li:not(:last-child) {
  3937. margin-bottom: 1.26315789473684em;
  3938. }
  3939. .list-inline {
  3940. margin-left: 0;
  3941. display: inline-block;
  3942. }
  3943. .list-inline li {
  3944. display: inline-block;
  3945. padding: 0;
  3946. }
  3947. .list-inline li:not(:last-child) {
  3948. margin-right: 1.85714286em;
  3949. }
  3950. .list-inline:not(:last-child) {
  3951. margin-right: 1.85714286em;
  3952. }
  3953. .list-inline--images img {
  3954. max-height: 2.78571429em;
  3955. }
  3956. @media all and (min-width: 768px) {
  3957. .list-inline--images li:not(:last-child) {
  3958. margin-right: 5.57142857em;
  3959. }
  3960. }
  3961. @media all and (max-width: 767px) {
  3962. .list-inline--images li:not(:last-child) {
  3963. margin-bottom: 1.85714286em;
  3964. }
  3965. }
  3966. .list--loose > li:not(:last-child) {
  3967. margin-bottom: 0.46428571em;
  3968. }
  3969. .list--hover li {
  3970. transition: 0.2s ease;
  3971. -webkit-transition: 0.2s ease;
  3972. -moz-transition: 0.2s ease;
  3973. }
  3974. .list--hover li:not(:hover) {
  3975. opacity: .6;
  3976. }
  3977. .social-list a {
  3978. color: #252525;
  3979. }
  3980. .imagebg:not(.image--light) .social-list a {
  3981. color: #fff;
  3982. }
  3983. .results-list > li > a:first-child {
  3984. display: flex;
  3985. align-items: center;
  3986. margin-bottom: 0.92857143em;
  3987. }
  3988. .results-list > li > a:first-child span {
  3989. display: inline-block;
  3990. margin-left: 0.46428571em;
  3991. }
  3992. .results-list > li > a:first-child h4 {
  3993. display: inline-block;
  3994. margin-bottom: 0;
  3995. }
  3996. .results-list > li > a:first-child:hover h4,
  3997. .results-list > li > a:first-child:hover span {
  3998. text-decoration: underline;
  3999. }
  4000. .results-list > li:not(:last-child) {
  4001. margin-bottom: 1.85714286em;
  4002. padding-bottom: 1.85714286em;
  4003. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  4004. }
  4005. @media all and (max-width: 767px) {
  4006. .list-inline:not(.social-list):not(.list-inline--images) {
  4007. display: block;
  4008. }
  4009. .list-inline:not(.social-list):not(.list-inline--images) li {
  4010. display: block;
  4011. margin: 0;
  4012. }
  4013. .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
  4014. margin-bottom: 0.46428571em;
  4015. }
  4016. }
  4017. @media all and (max-width: 767px) {
  4018. .list-inline {
  4019. min-width: 100%;
  4020. }
  4021. }
  4022. .row--list span.h6 {
  4023. margin-bottom: 0;
  4024. }
  4025. .row--list span.h3:last-child {
  4026. margin-bottom: 0;
  4027. }
  4028. @media all and (max-width: 767px) {
  4029. .row--list > li {
  4030. margin-bottom: 0.92857143em;
  4031. }
  4032. }
  4033. /*! -- Stack Rules -- */
  4034. hr:first-child {
  4035. margin-top: 0;
  4036. }
  4037. hr.short {
  4038. width: 2.78571429em;
  4039. border-color: #4a90e2;
  4040. }
  4041. hr[data-title] {
  4042. margin: 2.78571429em 0;
  4043. text-align: center;
  4044. }
  4045. hr[data-title]:before {
  4046. content: attr(data-title);
  4047. background: #ffffff;
  4048. position: relative;
  4049. bottom: 14px;
  4050. padding: 0.92857143em;
  4051. font-style: italic;
  4052. }
  4053. .bg--dark hr:not(.short),
  4054. .imagebg hr:not(.short),
  4055. .bg--primary hr:not(.short) {
  4056. opacity: .3;
  4057. }
  4058. /*! -- Stack Buttons -- */
  4059. .btn {
  4060. position: relative;
  4061. }
  4062. .btn:not([class*='primary']) {
  4063. border-color: #d3d3d3;
  4064. }
  4065. .btn:not([class*='primary']):hover {
  4066. border-color: #252525;
  4067. }
  4068. .btn.type--uppercase {
  4069. letter-spacing: .5px;
  4070. }
  4071. .btn.type--uppercase .btn__text {
  4072. letter-spacing: .5px;
  4073. margin-right: -0.5px;
  4074. }
  4075. .btn .label {
  4076. top: -0.92857143em;
  4077. right: -3.71428571em;
  4078. }
  4079. .btn.btn--lg .btn__text {
  4080. font-weight: 600;
  4081. }
  4082. .btn.btn--lg.type--uppercase .btn__text {
  4083. letter-spacing: 1px;
  4084. }
  4085. .btn + p.type--fine-print,
  4086. .btn + span.type--fine-print {
  4087. margin-top: 1.08333333333334em;
  4088. }
  4089. .btn.block {
  4090. margin-left: 0;
  4091. }
  4092. .btn.block + .btn.block {
  4093. margin-top: 0.92857143em;
  4094. }
  4095. .btn:hover {
  4096. transform: translate3d(0, -2px, 0);
  4097. -webkit-transform: translate3d(0, -2px, 0);
  4098. }
  4099. .btn.btn--sm + .btn--sm {
  4100. margin-left: 0.92857143em;
  4101. }
  4102. p > .btn {
  4103. text-decoration: none;
  4104. }
  4105. @media all and (max-width: 767px) {
  4106. .btn:not(:last-child) {
  4107. margin-bottom: 1.85714286em;
  4108. }
  4109. }
  4110. .btn--icon {
  4111. padding-left: 5.57142857em;
  4112. }
  4113. .btn--icon i {
  4114. position: absolute;
  4115. height: 100%;
  4116. left: 0;
  4117. top: 0;
  4118. background: rgba(0, 0, 0, 0.1);
  4119. padding: 0 13px;
  4120. border-radius: 6px 0 0 6px;
  4121. font-size: 16px;
  4122. line-height: 41px;
  4123. }
  4124. .btn--icon i.socicon {
  4125. line-height: 42px;
  4126. }
  4127. .btn--cart {
  4128. width: 3.71428571em;
  4129. height: 3.71428571em;
  4130. border: 2px solid #252525;
  4131. display: block;
  4132. text-align: center;
  4133. border-radius: 6px;
  4134. opacity: .4;
  4135. padding: 0;
  4136. }
  4137. .btn--cart:hover {
  4138. opacity: 1;
  4139. }
  4140. .btn--cart .btn__text {
  4141. position: absolute;
  4142. width: 100%;
  4143. left: 0;
  4144. top: 50%;
  4145. transform: translateY(-50%);
  4146. font-size: 1.142857142857143em;
  4147. }
  4148. .imagebg:not(.image--light) .btn--icon:not([class*='bg']):not([class*='primary']) i {
  4149. color: #fff;
  4150. background: rgba(255, 255, 255, 0.2);
  4151. }
  4152. @media all and (min-width: 768px) {
  4153. .btn-group .btn {
  4154. margin-bottom: 0 !important;
  4155. margin-left: 0;
  4156. }
  4157. .btn-group .btn + .btn {
  4158. margin-left: 0;
  4159. }
  4160. .btn-group .btn:not(:first-child):not(:last-child) {
  4161. border-radius: 0;
  4162. }
  4163. .btn-group .btn:first-child {
  4164. border-radius: 6px 0 0 6px;
  4165. }
  4166. .btn-group .btn:last-child {
  4167. border-radius: 0 6px 6px 0;
  4168. }
  4169. .btn-group .btn:first-child:nth-last-child(2),
  4170. .btn-group .btn:last-child:nth-child(2) {
  4171. width: 50%;
  4172. }
  4173. }
  4174. .btn-group {
  4175. border: none;
  4176. padding: 0;
  4177. }
  4178. @media all and (max-width: 767px) {
  4179. .btn-group .btn {
  4180. display: block;
  4181. }
  4182. }
  4183. .bg--primary div:not([class*='feature']) .btn--primary {
  4184. background: #fff;
  4185. border-color: #fff;
  4186. }
  4187. .bg--primary div:not([class*='feature']) .btn--primary .btn__text {
  4188. color: #4a90e2;
  4189. }
  4190. .bg--primary > .btn--primary {
  4191. background: #fff;
  4192. border-color: #fff;
  4193. }
  4194. .bg--primary > .btn--primary .btn__text {
  4195. color: #4a90e2;
  4196. }
  4197. .bg--dark .btn:not(.btn--primary) {
  4198. border-color: #3f3f3f;
  4199. }
  4200. .bg--dark .btn:not(.btn--primary):hover {
  4201. border-color: #656565;
  4202. }
  4203. .bg--dark .btn .btn__text {
  4204. color: #fff;
  4205. }
  4206. .imagebg:not(.image--light) .btn:not([class*='primary']) {
  4207. border-color: rgba(255, 255, 255, 0.3);
  4208. }
  4209. .imagebg:not(.image--light) .btn:not([class*='primary']):hover {
  4210. border-color: #fff;
  4211. }
  4212. .imagebg.image--light .btn:not([class*='primary']) {
  4213. border-color: #252525;
  4214. background: rgba(255, 255, 255, 0.3);
  4215. }
  4216. .imagebg.image--light .btn:not([class*='primary']):hover {
  4217. background: rgba(255, 255, 255, 0.5);
  4218. }
  4219. h1 + .btn,
  4220. .h1 + .btn {
  4221. margin-top: 1.85714286em;
  4222. }
  4223. h2 + .btn,
  4224. .h2 + .btn {
  4225. margin-top: 0.92857143em;
  4226. }
  4227. /*! -- Stack Images -- */
  4228. img:last-child {
  4229. margin-bottom: 0;
  4230. }
  4231. img.flag {
  4232. max-height: 1.85714286em;
  4233. }
  4234. img.image--sm:not(:last-child) {
  4235. margin-bottom: 0.92857143em;
  4236. }
  4237. img.promo.border--round {
  4238. border: 1px solid #ececec;
  4239. }
  4240. p.lead img {
  4241. max-height: 1.68421053em;
  4242. }
  4243. .imagebg h1,
  4244. .imagebg h2,
  4245. .imagebg h3,
  4246. .imagebg h4,
  4247. .imagebg h5,
  4248. .imagebg h6 {
  4249. position: relative;
  4250. }
  4251. .imagebg:not(.image--light) span {
  4252. color: #fff;
  4253. }
  4254. .imagebg.border--round {
  4255. overflow: hidden;
  4256. }
  4257. section.parallax .row .background-image-holder {
  4258. transform: none !important;
  4259. top: 0 !important;
  4260. }
  4261. .triptych.border--round img {
  4262. position: relative;
  4263. border-radius: 6px;
  4264. width: 33.333333%;
  4265. float: left;
  4266. margin: 0;
  4267. }
  4268. .triptych.border--round img:nth-child(2) {
  4269. transform: scale(1.2);
  4270. -webkit-transform: scale(1.2);
  4271. z-index: 2;
  4272. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  4273. }
  4274. .gallery > div[class*='col-'] {
  4275. margin-bottom: 30px;
  4276. }
  4277. .gallery-1 {
  4278. overflow: hidden;
  4279. position: relative;
  4280. }
  4281. .gallery-1 .gallery__image:not(:last-child) {
  4282. margin-bottom: 30px;
  4283. }
  4284. .gallery-1 > div[class*='col-']:first-child > .gallery__image {
  4285. height: 800px;
  4286. }
  4287. .gallery-1 > div[class*='col-']:last-child > .gallery__image {
  4288. height: calc(385px);
  4289. }
  4290. .gallery__image {
  4291. position: relative;
  4292. overflow: hidden;
  4293. }
  4294. @media all and (max-width: 767px) {
  4295. .gallery-1 .gallery__image {
  4296. max-height: 300px;
  4297. margin-bottom: 15px;
  4298. }
  4299. .gallery-1 .gallery__image:not(:last-child) {
  4300. margin-bottom: 15px;
  4301. }
  4302. }
  4303. .section--ken-burns {
  4304. overflow: hidden;
  4305. }
  4306. .section--ken-burns > .background-image-holder,
  4307. .section--ken-burns > img:only-child {
  4308. animation: kenBurns 15s ease alternate infinite;
  4309. -webkit-animation: kenBurns 15s ease alternate infinite;
  4310. }
  4311. /*! -- Stack Titles -- */
  4312. .breadcrumbs {
  4313. list-style: none;
  4314. }
  4315. .breadcrumbs li {
  4316. font-size: 0.85714285714286em;
  4317. display: inline-block;
  4318. }
  4319. .breadcrumbs li:not(:last-child) {
  4320. margin-right: 1.08333333333334em;
  4321. }
  4322. .breadcrumbs li:not(:last-child):after {
  4323. content: '\00bb';
  4324. margin-left: 1.08333333333334em;
  4325. }
  4326. .breadcrumbs li a {
  4327. font-weight: normal;
  4328. }
  4329. .imagebg .breadcrumbs,
  4330. .bg--primary .breadcrumbs {
  4331. color: #fff;
  4332. }
  4333. .imagebg .breadcrumbs a,
  4334. .bg--primary .breadcrumbs a {
  4335. color: #fff;
  4336. font-weight: 600;
  4337. }
  4338. .elements-title {
  4339. border-top: none !important;
  4340. }
  4341. .elements-title + .tabs-container:not( :nth-last-child(2)),
  4342. .elements-title + section:not( :nth-last-child(2)) {
  4343. margin-bottom: 9.28571429em;
  4344. }
  4345. .elements-title + section:not(.imagebg):not([class*='bg-']):not(.unpad) {
  4346. padding-top: 1.85714286em;
  4347. }
  4348. /*! -- Stack Labels -- */
  4349. .label {
  4350. display: inline-block;
  4351. font-size: 9px;
  4352. font-weight: 700;
  4353. letter-spacing: .5px;
  4354. color: #fff;
  4355. text-transform: uppercase;
  4356. height: 26px;
  4357. min-width: 65px;
  4358. padding: 0 10px;
  4359. text-align: center;
  4360. border-radius: 50px;
  4361. position: absolute;
  4362. z-index: 3;
  4363. top: 1.23809524em;
  4364. right: 1.23809524em;
  4365. }
  4366. .label:not([class*='bg--']) {
  4367. background: #31639c;
  4368. }
  4369. .label.label--inline {
  4370. position: relative;
  4371. top: 0;
  4372. right: 0;
  4373. }
  4374. .label.label--inline:not(:last-child) {
  4375. margin-right: 0.92857143em;
  4376. }
  4377. .label.label--inline + span,
  4378. .label.label--inline + p {
  4379. position: relative;
  4380. top: 1px;
  4381. }
  4382. .label.switchable-toggle {
  4383. left: 50%;
  4384. right: auto;
  4385. transform: translate3d(-50%, 0, 0);
  4386. -webkit-transform: translate3d(-50%, 0, 0);
  4387. box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
  4388. }
  4389. .bg--primary-1 .label:not([class*='bg--']) {
  4390. background: #465773;
  4391. }
  4392. /*! -- Stack Bars -- */
  4393. .menu-horizontal > li,
  4394. .menu-vertical > li {
  4395. font-family: 'Open Sans', 'Roboto', 'Helvetica', Sans-Serif;
  4396. }
  4397. .bar .logo {
  4398. max-height: 1.85714286em;
  4399. max-width: none;
  4400. }
  4401. .menu-horizontal > li > a,
  4402. .menu-horizontal > li > .modal-instance > a {
  4403. font-weight: 500;
  4404. }
  4405. .menu-horizontal > li a:hover {
  4406. text-decoration: none;
  4407. }
  4408. .hamburger-toggle i {
  4409. color: #252525;
  4410. }
  4411. @media all and (min-width: 990px) {
  4412. .menu-horizontal li:not(:last-child) {
  4413. margin-right: 1.23809524em;
  4414. }
  4415. .bar__module:not(:only-child) .menu-horizontal {
  4416. top: 0;
  4417. }
  4418. }
  4419. @media all and (min-width: 768px) and (max-width: 1023px) {
  4420. .bar-2 .menu-horizontal > li,
  4421. .bar-1 .menu-horizontal > li {
  4422. display: inline-block;
  4423. }
  4424. .bar-2 .menu-horizontal > li:not(:first-child),
  4425. .bar-1 .menu-horizontal > li:not(:first-child) {
  4426. margin-left: 0.92857143em;
  4427. }
  4428. .bar-2 .bar__module,
  4429. .bar-1 .bar__module {
  4430. margin-bottom: 1.85714286em;
  4431. }
  4432. .bar-2 .row div[class*='col-']:last-child .bar__module:last-child,
  4433. .bar-1 .row div[class*='col-']:last-child .bar__module:last-child {
  4434. margin-bottom: 0;
  4435. }
  4436. }
  4437. .bar-1 .menu-horizontal > li > .dropdown__trigger,
  4438. .bar-1 .menu-horizontal > li > a {
  4439. font-size: 0.857142857142857em;
  4440. line-height: 2.166666666666667em;
  4441. text-transform: uppercase;
  4442. font-weight: 600;
  4443. letter-spacing: .5px;
  4444. }
  4445. @media all and (min-width: 1024px) {
  4446. .bar-1 .bar__module + .bar__module {
  4447. margin-left: 1.85714286em;
  4448. }
  4449. }
  4450. @media all and (min-width: 991px) {
  4451. .bar-2 .logo {
  4452. position: absolute;
  4453. left: 50%;
  4454. transform: translateX(-50%);
  4455. }
  4456. }
  4457. .bar-3 {
  4458. font-size: 0.85714286em;
  4459. }
  4460. .bar-3 .menu-horizontal {
  4461. top: 0;
  4462. }
  4463. @media all and (max-width: 990px) {
  4464. .bar-3 .menu-horizontal li {
  4465. display: inline-block;
  4466. }
  4467. .bar-3 .menu-horizontal li:not(:last-child) {
  4468. margin-right: 0.92857143em;
  4469. }
  4470. }
  4471. @media all and (min-width: 990px) {
  4472. .bar-toggle .col-md-1 .logo {
  4473. top: 10px;
  4474. }
  4475. }
  4476. @media all and (max-width: 767px) {
  4477. .bar-4 .logo-light {
  4478. display: none;
  4479. }
  4480. .bar-4 .logo-dark {
  4481. margin-bottom: 1.85714286em;
  4482. }
  4483. .bar.bg--dark {
  4484. background: #252525;
  4485. }
  4486. .bar.bg--dark .hamburger-toggle i {
  4487. color: #fff;
  4488. }
  4489. }
  4490. /*! -- Stack Utilties -- */
  4491. .hidden {
  4492. display: none !important;
  4493. visibility: hidden !important;
  4494. }
  4495. .visible-xs,
  4496. .visible-sm,
  4497. .visible-md,
  4498. .visible-lg {
  4499. display: none !important;
  4500. }
  4501. .visible-xs-block,
  4502. .visible-xs-inline,
  4503. .visible-xs-inline-block,
  4504. .visible-sm-block,
  4505. .visible-sm-inline,
  4506. .visible-sm-inline-block,
  4507. .visible-md-block,
  4508. .visible-md-inline,
  4509. .visible-md-inline-block,
  4510. .visible-lg-block,
  4511. .visible-lg-inline,
  4512. .visible-lg-inline-block {
  4513. display: none !important;
  4514. }
  4515. @media (max-width: 767px) {
  4516. .visible-xs {
  4517. display: block !important;
  4518. }
  4519. table.visible-xs {
  4520. display: table;
  4521. }
  4522. tr.visible-xs {
  4523. display: table-row !important;
  4524. }
  4525. th.visible-xs,
  4526. td.visible-xs {
  4527. display: table-cell !important;
  4528. }
  4529. }
  4530. @media (max-width: 767px) {
  4531. .visible-xs-block {
  4532. display: block !important;
  4533. }
  4534. }
  4535. @media (max-width: 767px) {
  4536. .visible-xs-inline {
  4537. display: inline !important;
  4538. }
  4539. }
  4540. @media (max-width: 767px) {
  4541. .visible-xs-inline-block {
  4542. display: inline-block !important;
  4543. }
  4544. }
  4545. @media (min-width: 768px) and (max-width: 991px) {
  4546. .visible-sm {
  4547. display: block !important;
  4548. }
  4549. table.visible-sm {
  4550. display: table;
  4551. }
  4552. tr.visible-sm {
  4553. display: table-row !important;
  4554. }
  4555. th.visible-sm,
  4556. td.visible-sm {
  4557. display: table-cell !important;
  4558. }
  4559. }
  4560. @media (min-width: 768px) and (max-width: 991px) {
  4561. .visible-sm-block {
  4562. display: block !important;
  4563. }
  4564. }
  4565. @media (min-width: 768px) and (max-width: 991px) {
  4566. .visible-sm-inline {
  4567. display: inline !important;
  4568. }
  4569. }
  4570. @media (min-width: 768px) and (max-width: 991px) {
  4571. .visible-sm-inline-block {
  4572. display: inline-block !important;
  4573. }
  4574. }
  4575. @media (min-width: 992px) and (max-width: 1199px) {
  4576. .visible-md {
  4577. display: block !important;
  4578. }
  4579. table.visible-md {
  4580. display: table;
  4581. }
  4582. tr.visible-md {
  4583. display: table-row !important;
  4584. }
  4585. th.visible-md,
  4586. td.visible-md {
  4587. display: table-cell !important;
  4588. }
  4589. }
  4590. @media (min-width: 992px) and (max-width: 1199px) {
  4591. .visible-md-block {
  4592. display: block !important;
  4593. }
  4594. }
  4595. @media (min-width: 992px) and (max-width: 1199px) {
  4596. .visible-md-inline {
  4597. display: inline !important;
  4598. }
  4599. }
  4600. @media (min-width: 992px) and (max-width: 1199px) {
  4601. .visible-md-inline-block {
  4602. display: inline-block !important;
  4603. }
  4604. }
  4605. @media (min-width: 1200px) {
  4606. .visible-lg {
  4607. display: block !important;
  4608. }
  4609. table.visible-lg {
  4610. display: table;
  4611. }
  4612. tr.visible-lg {
  4613. display: table-row !important;
  4614. }
  4615. th.visible-lg,
  4616. td.visible-lg {
  4617. display: table-cell !important;
  4618. }
  4619. }
  4620. @media (min-width: 1200px) {
  4621. .visible-lg-block {
  4622. display: block !important;
  4623. }
  4624. }
  4625. @media (min-width: 1200px) {
  4626. .visible-lg-inline {
  4627. display: inline !important;
  4628. }
  4629. }
  4630. @media (min-width: 1200px) {
  4631. .visible-lg-inline-block {
  4632. display: inline-block !important;
  4633. }
  4634. }
  4635. @media (max-width: 767px) {
  4636. .hidden-xs {
  4637. display: none !important;
  4638. }
  4639. }
  4640. @media (min-width: 768px) and (max-width: 991px) {
  4641. .hidden-sm {
  4642. display: none !important;
  4643. }
  4644. }
  4645. @media (min-width: 992px) and (max-width: 1199px) {
  4646. .hidden-md {
  4647. display: none !important;
  4648. }
  4649. }
  4650. @media (min-width: 1200px) {
  4651. .hidden-lg {
  4652. display: none !important;
  4653. }
  4654. }
  4655. .visible-print {
  4656. display: none !important;
  4657. }
  4658. @media print {
  4659. .visible-print {
  4660. display: block !important;
  4661. }
  4662. table.visible-print {
  4663. display: table;
  4664. }
  4665. tr.visible-print {
  4666. display: table-row !important;
  4667. }
  4668. th.visible-print,
  4669. td.visible-print {
  4670. display: table-cell !important;
  4671. }
  4672. }
  4673. .visible-print-block {
  4674. display: none !important;
  4675. }
  4676. @media print {
  4677. .visible-print-block {
  4678. display: block !important;
  4679. }
  4680. }
  4681. .visible-print-inline {
  4682. display: none !important;
  4683. }
  4684. @media print {
  4685. .visible-print-inline {
  4686. display: inline !important;
  4687. }
  4688. }
  4689. .visible-print-inline-block {
  4690. display: none !important;
  4691. }
  4692. @media print {
  4693. .visible-print-inline-block {
  4694. display: inline-block !important;
  4695. }
  4696. }
  4697. @media print {
  4698. .hidden-print {
  4699. display: none !important;
  4700. }
  4701. }
  4702. .text-left {
  4703. text-align: left;
  4704. }
  4705. .text-right {
  4706. text-align: right;
  4707. }
  4708. .text-center {
  4709. text-align: center;
  4710. }
  4711. .text-justify {
  4712. text-align: justify;
  4713. }
  4714. @media all and (min-width: 768px) and (max-width: 990px) {
  4715. .text-left-sm {
  4716. text-align: left;
  4717. }
  4718. .text-right-sm {
  4719. text-align: right;
  4720. }
  4721. .text-center-sm {
  4722. text-align: center;
  4723. }
  4724. }
  4725. @media all and (max-width: 767px) {
  4726. .text-left-xs {
  4727. text-align: left;
  4728. }
  4729. .text-right-xs {
  4730. text-align: right;
  4731. }
  4732. .text-center-xs {
  4733. text-align: center;
  4734. }
  4735. }
  4736. /*! -- Stack Alerts -- */
  4737. .alert {
  4738. border-radius: 6px;
  4739. }
  4740. .alert:not(:last-child) {
  4741. margin-bottom: 1.85714286em;
  4742. }
  4743. .alert .alert__close {
  4744. font-size: 1.35714286em;
  4745. }
  4746. /*! -- Stack Menu Toggle -- */
  4747. .menu-toggle {
  4748. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  4749. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  4750. width: 3.71428571em;
  4751. height: 3.71428571em;
  4752. border-radius: 50%;
  4753. text-align: center;
  4754. background: #fff;
  4755. display: inline-block;
  4756. transition: 0.2s ease;
  4757. -webkit-transition: 0.2s ease;
  4758. -moz-transition: 0.2s ease;
  4759. }
  4760. .menu-toggle i {
  4761. font-size: 1.78571429em;
  4762. position: relative;
  4763. top: 13px;
  4764. color: #252525;
  4765. }
  4766. .menu-toggle:hover {
  4767. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  4768. transform: translate3d(0, -2px, 0);
  4769. -webkit-transform: translate3d(0, -2px, 0);
  4770. }
  4771. /*! -- Stack Nav Utility -- */
  4772. .nav-utility {
  4773. padding: 0.92857143em 0;
  4774. }
  4775. .nav-utility .nav-utility__module {
  4776. font-size: 0.85714285714286em;
  4777. }
  4778. .nav-utility .nav-utility__module a {
  4779. color: #666666;
  4780. font-weight: normal;
  4781. }
  4782. .nav-utility .nav-utility__module a i {
  4783. transition: 0.3s ease;
  4784. -webkit-transition: 0.3s ease;
  4785. -moz-transition: 0.3s ease;
  4786. display: inline-block;
  4787. }
  4788. .nav-utility .nav-utility__module a:hover i {
  4789. transform: scale(1.5);
  4790. -webkit-transform: scale(1.5);
  4791. }
  4792. .nav-utility .nav-utility__module.right:not(:last-child) {
  4793. margin-left: 2.16666666666667em;
  4794. }
  4795. .utility-toggle {
  4796. display: inline-block;
  4797. cursor: pointer;
  4798. width: 3px;
  4799. height: 3px;
  4800. position: relative;
  4801. bottom: 8px;
  4802. border-radius: 50%;
  4803. background: #252525;
  4804. }
  4805. .utility-toggle:before,
  4806. .utility-toggle:after {
  4807. content: '';
  4808. width: 3px;
  4809. height: 3px;
  4810. border-radius: 50%;
  4811. position: absolute;
  4812. background: #252525;
  4813. }
  4814. .utility-toggle:before {
  4815. top: 6px;
  4816. }
  4817. .utility-toggle:after {
  4818. top: 12px;
  4819. }
  4820. /*! -- Stack Nav Stacked -- */
  4821. .bar-stacked .logo {
  4822. margin-bottom: 3.71428571em;
  4823. }
  4824. /*! -- Stack Nav Side Menu -- */
  4825. .notification.side-menu {
  4826. z-index: 9999;
  4827. background: #ffffff;
  4828. padding-top: 1.85714286em;
  4829. margin: 0;
  4830. height: 100%;
  4831. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  4832. width: 27.85714286em;
  4833. }
  4834. .notification.side-menu .side-menu__module {
  4835. overflow: hidden;
  4836. padding: 2.78571429em;
  4837. }
  4838. .notification.side-menu .side-menu__module + hr:not(:last-child) {
  4839. margin: 0;
  4840. }
  4841. .notification.side-menu .menu-vertical li a {
  4842. font-size: 1.35714286em;
  4843. line-height: 1.36842105em;
  4844. }
  4845. .notification.side-menu .menu-vertical li a:hover {
  4846. text-decoration: none;
  4847. }
  4848. .notification.side-menu .btn:not(:last-child) {
  4849. margin-bottom: 1.85714286em;
  4850. }
  4851. .notification.side-menu .btn + ul.list--loose {
  4852. margin-top: 0.92857143em;
  4853. }
  4854. .notification.side-menu .notification-close-cross {
  4855. top: 0.92857143em;
  4856. right: 2.78571429em;
  4857. margin-top: 8px;
  4858. }
  4859. .notification.side-menu .social-list:not(:first-child) {
  4860. margin-top: 1.85714286em;
  4861. }
  4862. .menu-toggle.pos-fixed {
  4863. position: fixed;
  4864. right: 5.57142857em;
  4865. animation: fadeInDown .3s ease forwards;
  4866. }
  4867. @media all and (min-width: 768px) {
  4868. .side-menu .side-menu__module span.type--fine-print {
  4869. position: relative;
  4870. top: 8px;
  4871. }
  4872. }
  4873. @media all and (max-width: 767px) {
  4874. .side-menu {
  4875. width: 100%;
  4876. }
  4877. .side-menu .side-menu__module .float-right,
  4878. .side-menu .side-menu__module .float-left {
  4879. display: block;
  4880. }
  4881. }
  4882. /*! -- Stack Nav Sidebar Column -- */
  4883. .nav-container.nav-container--sidebar + .main-container {
  4884. width: calc(100vw - 20.428571428571463em);
  4885. float: right;
  4886. }
  4887. .nav-sidebar-column {
  4888. position: fixed;
  4889. z-index: 3;
  4890. left: 0;
  4891. width: 20.42857143em;
  4892. border-right: 1px solid #ececec;
  4893. height: 100vh;
  4894. overflow-y: scroll;
  4895. -ms-overflow-style: none;
  4896. padding: 2.78571429em 1.85714286em;
  4897. }
  4898. .nav-sidebar-column:not([class*='bg-']) {
  4899. background: #ffffff;
  4900. }
  4901. .nav-sidebar-column.bg--dark {
  4902. border-right: 1px solid #3f3f3f;
  4903. }
  4904. .nav-sidebar-column::-webkit-scrollbar {
  4905. display: none;
  4906. }
  4907. .nav-sidebar-column .logo {
  4908. max-height: 2.32142857em;
  4909. margin-bottom: 0.92857143em;
  4910. }
  4911. .nav-sidebar-column .text-block > p {
  4912. margin-bottom: 0.92857143em;
  4913. }
  4914. .nav-sidebar-column .menu-vertical li.dropdown:not(:hover):after {
  4915. opacity: .35;
  4916. }
  4917. .nav-sidebar-column .menu-vertical a:hover {
  4918. text-decoration: none;
  4919. }
  4920. .nav-sidebar-column .dropdown .dropdown__container,
  4921. .nav-sidebar-column .dropdown .dropdown__content {
  4922. left: 0 !important;
  4923. position: relative;
  4924. pointer-events: all;
  4925. }
  4926. .nav-sidebar-column .dropdown .dropdown__container:before {
  4927. height: 0;
  4928. }
  4929. .nav-sidebar-column .dropdown .dropdown__content {
  4930. transform: none !important;
  4931. box-shadow: none;
  4932. -webkit-box-shadow: none;
  4933. padding-top: 0.46428571em;
  4934. padding-right: 0;
  4935. padding-left: 0.46428571em;
  4936. background: none !important;
  4937. }
  4938. .nav-sidebar-column .dropdown .menu-vertical li.dropdown:after {
  4939. right: 1.85714286em;
  4940. }
  4941. .nav-sidebar-column .dropdown:not(.dropdown--active) .dropdown__container {
  4942. display: none;
  4943. }
  4944. .nav-sidebar-column .dropdown.dropdown--hover:hover > .dropdown__container {
  4945. display: block;
  4946. }
  4947. .nav-sidebar-column .social-list {
  4948. margin-bottom: 0.92857143em;
  4949. }
  4950. body.dropdowns--hover .nav-sidebar-column .dropdown:hover > .dropdown__container {
  4951. display: block;
  4952. }
  4953. .nav-sidebar-column-toggle {
  4954. transition: all .3s ease;
  4955. left: 0;
  4956. width: 3.71428571em;
  4957. height: 3.71428571em;
  4958. background: #ffffff;
  4959. text-align: center;
  4960. position: fixed;
  4961. z-index: 4;
  4962. cursor: pointer;
  4963. border-radius: 0 0 6px 0;
  4964. box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.1);
  4965. }
  4966. .nav-sidebar-column-toggle > i {
  4967. transition: all .3s ease;
  4968. font-size: 1.78571429em;
  4969. position: relative;
  4970. top: 11px;
  4971. }
  4972. .nav-sidebar-column-toggle:not(.toggled-class) > i {
  4973. opacity: .5;
  4974. }
  4975. .nav-sidebar-column-toggle.toggled-class i:before {
  4976. content: '\e80b';
  4977. }
  4978. @media all and (max-width: 990px) {
  4979. .nav-sidebar-column {
  4980. transition: all .3s ease;
  4981. left: -20.42857143em;
  4982. box-shadow: 2px 0px 4px rgba(0, 0, 0, 0);
  4983. }
  4984. .nav-sidebar-column.active {
  4985. left: 0;
  4986. box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
  4987. }
  4988. .nav-sidebar-column-toggle.toggled-class {
  4989. left: 20.42857143em;
  4990. }
  4991. .nav-container.nav-container--sidebar + .main-container {
  4992. width: 100%;
  4993. float: none;
  4994. }
  4995. }
  4996. .nav-container.nav-container--right .nav-sidebar-column {
  4997. right: 0;
  4998. left: auto;
  4999. }
  5000. .nav-container.nav-container--right + .main-container {
  5001. float: left;
  5002. }
  5003. .nav-container.nav-container--right .nav-sidebar-column-toggle {
  5004. left: auto;
  5005. right: 0;
  5006. border-radius: 0 0 0 6px;
  5007. box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.1);
  5008. }
  5009. @media all and (max-width: 990px) {
  5010. .nav-container.nav-container--right .nav-sidebar-column {
  5011. right: -20.42857143em;
  5012. left: auto;
  5013. }
  5014. .nav-container.nav-container--right .nav-sidebar-column.active {
  5015. left: auto;
  5016. right: 0;
  5017. box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.1);
  5018. }
  5019. .nav-container.nav-container--right .nav-sidebar-column-toggle.toggled-class {
  5020. left: auto;
  5021. right: 20.42857143em;
  5022. }
  5023. }
  5024. /*! -- Stack Nav Fullscreen -- */
  5025. .menu-fullscreen {
  5026. color: #fff;
  5027. }
  5028. .menu-fullscreen .pos-absolute {
  5029. width: 100%;
  5030. }
  5031. .menu-fullscreen a {
  5032. color: #fff;
  5033. }
  5034. .menu-fullscreen a:hover {
  5035. text-decoration: none;
  5036. }
  5037. .menu-fullscreen .social-list {
  5038. margin-right: 0;
  5039. }
  5040. .menu-fullscreen:before {
  5041. background: rgba(0, 0, 0, 0.9);
  5042. }
  5043. .menu-fullscreen .modal-content .modal-close-cross {
  5044. right: 3.71428571em;
  5045. top: 1em;
  5046. }
  5047. @media all and (max-width: 767px) {
  5048. .menu-fullscreen .pos-bottom {
  5049. position: relative;
  5050. }
  5051. }
  5052. /*! -- Stack Dropdowns -- */
  5053. .dropdown > .dropdown__trigger:after {
  5054. font-family: "stack-interface";
  5055. display: inline-block;
  5056. font-size: 8px;
  5057. position: relative;
  5058. bottom: 2px;
  5059. }
  5060. .dropdown > .dropdown__trigger .image--xxs {
  5061. margin-right: 0.46428571em;
  5062. }
  5063. .dropdown .dropdown__content {
  5064. border-radius: 6px;
  5065. box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  5066. -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  5067. padding: 1.23809524em 1.85714286em;
  5068. }
  5069. .dropdown .dropdown__content h5:not(:last-child) {
  5070. margin-bottom: 0.92857143em;
  5071. }
  5072. .dropdown .dropdown__content .background-image-holder {
  5073. border-radius: 6px 0 0 6px;
  5074. }
  5075. .dropdown .dropdown__content > .pos-absolute[class*='col-'] {
  5076. left: 0;
  5077. top: 0;
  5078. height: 100%;
  5079. position: absolute !important;
  5080. }
  5081. .dropdown .dropdown__content > .pos-absolute[class*='col-'][data-overlay]:before {
  5082. border-radius: 6px 0 0 6px;
  5083. }
  5084. .menu-horizontal > .dropdown > .dropdown__trigger:after {
  5085. content: '\e80a';
  5086. margin-left: 4px;
  5087. }
  5088. .menu-vertical > .dropdown > .dropdown__trigger {
  5089. display: inline-block;
  5090. width: 100%;
  5091. }
  5092. @media all and (max-width: 767px) {
  5093. .dropdown [class*='col-'] + [class*='col-'] {
  5094. margin-top: 0.92857143em;
  5095. }
  5096. .dropdown .dropdown__content:not([class*='bg-']) {
  5097. border: none;
  5098. box-shadow: none;
  5099. }
  5100. }
  5101. @media all and (max-width: 767px) {
  5102. .dropdown__container {
  5103. left: 0 !important;
  5104. }
  5105. }
  5106. .menu-vertical li {
  5107. transition: 0.3s ease;
  5108. -webkit-transition: 0.3s ease;
  5109. -moz-transition: 0.3s ease;
  5110. }
  5111. .menu-vertical li:not(:hover):not(.dropdown--active) {
  5112. opacity: .75;
  5113. }
  5114. .menu-vertical li:not(:last-child) {
  5115. margin-bottom: 0.30952381em;
  5116. }
  5117. .menu-vertical li.dropdown {
  5118. position: relative;
  5119. }
  5120. .menu-vertical li.dropdown:after {
  5121. content: '\e80c';
  5122. font-family: 'stack-interface';
  5123. right: 0;
  5124. top: 0;
  5125. position: absolute;
  5126. transition: 0.3s ease;
  5127. -webkit-transition: 0.3s ease;
  5128. -moz-transition: 0.3s ease;
  5129. display: inline-block;
  5130. transform: translate3d(-10px, 0, 0);
  5131. -webkit-transform: translate3d(-10px, 0, 0);
  5132. }
  5133. .menu-vertical li.dropdown:hover:after {
  5134. transform: translate3d(-5px, 0, 0);
  5135. -webkit-transform: translate3d(-5px, 0, 0);
  5136. }
  5137. .menu-vertical li.separate {
  5138. border-top: 1px solid #e6e6e6;
  5139. margin-top: 0.92857143em;
  5140. padding-top: 0.92857143em;
  5141. }
  5142. .menu-vertical li.separate.dropdown:after {
  5143. top: .92857143em;
  5144. }
  5145. .menu-vertical + h5 {
  5146. margin-top: 1.85714286em;
  5147. }
  5148. .dropdown__container > .container {
  5149. width: 100vw;
  5150. max-width: 1140px;
  5151. }
  5152. @media all and (max-width: 990px) {
  5153. .menu-vertical .dropdown.dropdown--active:after {
  5154. opacity: 0;
  5155. }
  5156. }
  5157. @media all and (min-width: 991px) {
  5158. .dropdown .dropdown__container:before {
  5159. height: 18px;
  5160. }
  5161. }
  5162. /*! -- Stack Twitter Feeds -- */
  5163. .tweets-feed .interact {
  5164. display: none;
  5165. }
  5166. .tweets-feed .user a:hover {
  5167. text-decoration: none;
  5168. }
  5169. .tweets-feed .user img {
  5170. border-radius: 50%;
  5171. }
  5172. .tweets-feed-1 {
  5173. border-radius: 6px;
  5174. border: 1px solid #ececec;
  5175. overflow: hidden;
  5176. }
  5177. .tweets-feed-1 li {
  5178. overflow: hidden;
  5179. padding: 1.85714286em;
  5180. padding-bottom: 0;
  5181. }
  5182. .tweets-feed-1 li:not(:last-child) {
  5183. border-bottom: 1px solid #ececec;
  5184. }
  5185. .tweets-feed-1 .user {
  5186. width: 20%;
  5187. float: left;
  5188. margin-bottom: 0.92857143em;
  5189. }
  5190. .tweets-feed-1 .user img {
  5191. max-height: 3.71428571em;
  5192. margin-right: 0.46428571em;
  5193. }
  5194. .tweets-feed-1 .user [data-scribe="element:name"],
  5195. .tweets-feed-1 .user [data-scribe="element:screen_name"] {
  5196. display: none;
  5197. }
  5198. .tweets-feed-1 .tweet,
  5199. .tweets-feed-1 .timePosted {
  5200. width: 80%;
  5201. float: right;
  5202. }
  5203. .tweets-feed-1 .tweet {
  5204. margin-bottom: 0.46428571em;
  5205. }
  5206. .tweets-feed-1 .timePosted {
  5207. font-size: 0.85714286em;
  5208. line-height: 2.16666667em;
  5209. }
  5210. .tweets-feed-1:not(:last-child) + .btn {
  5211. margin-top: 2.78571429em;
  5212. }
  5213. .imagebg .tweets-feed-1,
  5214. .bg--dark .tweets-feed-1 {
  5215. border-color: rgba(255, 255, 255, 0.1);
  5216. }
  5217. .imagebg .tweets-feed-1 li:not(:last-child),
  5218. .bg--dark .tweets-feed-1 li:not(:last-child) {
  5219. border-color: rgba(255, 255, 255, 0.1);
  5220. }
  5221. .tweets-feed-2 .user {
  5222. display: none;
  5223. }
  5224. .tweets-feed-2 .timePosted {
  5225. display: none;
  5226. }
  5227. .tweets-feed-2 li {
  5228. overflow: hidden;
  5229. }
  5230. .tweets-feed-2 li:before {
  5231. font-family: 'socicon';
  5232. content: "\e08d";
  5233. }
  5234. .tweets-feed-2 li .tweet {
  5235. width: 85%;
  5236. float: right;
  5237. }
  5238. .tweets-feed.slider .user img {
  5239. display: inline-block;
  5240. clear: both;
  5241. margin-bottom: 0.92857143em;
  5242. }
  5243. .tweets-feed.slider .user [data-scribe="element:name"] {
  5244. display: none;
  5245. }
  5246. .tweets-feed.slider .user [data-scribe="element:screen_name"] {
  5247. display: block;
  5248. font-size: 1.35714286em;
  5249. line-height: 1.36842105em;
  5250. font-weight: normal;
  5251. }
  5252. .tweets-feed.slider .tweet {
  5253. margin-top: 1.36842105263158em;
  5254. margin-bottom: 0.68421052631579em;
  5255. font-size: 1.35714286em;
  5256. line-height: 1.36842105em;
  5257. }
  5258. .tweets-feed.slider .timePosted {
  5259. margin: 0;
  5260. }
  5261. .tweets-feed.slider:not(:last-child) + .btn {
  5262. margin-top: 2.78571429em;
  5263. }
  5264. /*! -- Stack Instagram -- */
  5265. .instafeed a {
  5266. transition: 0.3s ease;
  5267. -webkit-transition: 0.3s ease;
  5268. -moz-transition: 0.3s ease;
  5269. }
  5270. .instafeed a:hover {
  5271. opacity: .75;
  5272. }
  5273. .instafeed:not(.instafeed--gapless) li {
  5274. padding: 0.46428571em;
  5275. }
  5276. .instafeed.instafeed--gapless li {
  5277. margin-bottom: -1px;
  5278. }
  5279. .instafeed + .btn {
  5280. margin-top: 2.78571429em;
  5281. }
  5282. .instafeed[data-grid="1"][data-amount="8"] li {
  5283. display: inline-block;
  5284. width: 12.5%;
  5285. }
  5286. .instagram {
  5287. position: relative;
  5288. }
  5289. .instagram.unpad .btn {
  5290. position: absolute;
  5291. z-index: 2;
  5292. top: 50%;
  5293. transform: translate3d(-50%, -50%, 0);
  5294. -webkit-transform: translate3d(-50%, -50%, 0);
  5295. margin: 0;
  5296. }
  5297. /*! -- Stack Cards -- */
  5298. .card__top {
  5299. position: relative;
  5300. overflow: hidden;
  5301. }
  5302. .card__action a {
  5303. color: #666666;
  5304. text-decoration: none;
  5305. transition: 0.3s ease;
  5306. -webkit-transition: 0.3s ease;
  5307. -moz-transition: 0.3s ease;
  5308. }
  5309. .card__action a i {
  5310. color: #252525;
  5311. font-size: 1em;
  5312. }
  5313. .card__action a span {
  5314. position: relative;
  5315. bottom: 2px;
  5316. }
  5317. .card__action a:not(:hover) {
  5318. opacity: .5;
  5319. }
  5320. .card p a {
  5321. text-decoration: none;
  5322. }
  5323. .masonry__item .card.boxed {
  5324. margin-bottom: 0;
  5325. }
  5326. .card-1 .card__avatar {
  5327. margin-bottom: 0.92857143em;
  5328. }
  5329. .card-1 .card__avatar img {
  5330. max-height: 2.78571429em;
  5331. margin-right: 0.46428571em;
  5332. margin-bottom: 0;
  5333. }
  5334. .card-1 .card__avatar,
  5335. .card-1 .card__meta {
  5336. display: inline-block;
  5337. }
  5338. .card-1 .card__meta {
  5339. float: right;
  5340. }
  5341. .card-1 .card__body {
  5342. border-bottom: 1px solid #ececec;
  5343. padding-bottom: 0.92857143em;
  5344. margin-bottom: 0.92857143em;
  5345. }
  5346. .card-1 .card__body img {
  5347. margin-bottom: 0.92857143em;
  5348. }
  5349. .card-1 .card__body h4 {
  5350. margin-bottom: 0.342105263157895em;
  5351. }
  5352. .bg--dark .card-1 .card__body {
  5353. border-color: #3f3f3f;
  5354. }
  5355. @media all and (max-width: 767px) {
  5356. .card .list-inline:not(.social-list) li {
  5357. display: inline-block;
  5358. }
  5359. .card .list-inline:not(.social-list) li:not(:first-child) {
  5360. margin-left: 0.92857143em;
  5361. }
  5362. }
  5363. .card-2 .card__top img {
  5364. border-radius: 6px 6px 0 0;
  5365. }
  5366. .card-2 .card__body {
  5367. border-bottom: 1px solid #ececec;
  5368. padding-bottom: 1.85714286em;
  5369. }
  5370. .card-2 .card__body h4 {
  5371. margin: 0;
  5372. }
  5373. .card-2 .card__body p {
  5374. margin-top: 0.92857143em;
  5375. }
  5376. .card-2 .card__bottom {
  5377. overflow: hidden;
  5378. }
  5379. .card-2 .card__bottom > div {
  5380. display: inline-block;
  5381. width: 50%;
  5382. float: left;
  5383. }
  5384. .card-2 .card__bottom .h6 {
  5385. margin-bottom: 0.541666666666667em;
  5386. }
  5387. .card-2 .card__body,
  5388. .card-2 .card__bottom {
  5389. padding: 1.85714286em;
  5390. border: 1px solid #ececec;
  5391. }
  5392. .card-2 .card__body {
  5393. border-bottom: none;
  5394. border-top: none;
  5395. }
  5396. .card-2 .card__bottom {
  5397. border-radius: 0 0 6px 6px;
  5398. padding: 0.92857143em 1.85714286em;
  5399. }
  5400. .card-2 .card__action i {
  5401. font-size: 1.78571429em;
  5402. }
  5403. .bg--dark .card-2 .card__body,
  5404. .bg--dark .card-2 .card__bottom {
  5405. border-color: #3f3f3f;
  5406. }
  5407. /*! -- Stack Checkmarks & Crosses -- */
  5408. .checkmark {
  5409. display: inline-block;
  5410. position: relative;
  5411. width: 1.23809524em;
  5412. height: 1.23809524em;
  5413. border-radius: 50%;
  5414. text-align: center;
  5415. }
  5416. .checkmark:not([class*='bg-']) {
  5417. background: #4a90e2;
  5418. }
  5419. .checkmark:before {
  5420. content: '\2713';
  5421. color: #fff;
  5422. font-size: 11px;
  5423. position: absolute;
  5424. width: 100%;
  5425. left: 0;
  5426. top: -4px;
  5427. }
  5428. .checkmark.checkmark--cross:before {
  5429. content: '\2717';
  5430. }
  5431. .checkmark:not(:last-child) {
  5432. margin-right: 13px;
  5433. }
  5434. /*! -- Stack Icons -- */
  5435. .icon:not(.block) {
  5436. display: inline-block;
  5437. }
  5438. .icon.icon--xs {
  5439. font-size: 1.14285714285714em;
  5440. }
  5441. .text-block .icon + h4 {
  5442. margin-top: 0.6842105263158em;
  5443. }
  5444. .imagebg .icon {
  5445. color: #fff;
  5446. }
  5447. p .material-icons {
  5448. font-size: 1em;
  5449. }
  5450. p .material-icons:first-child {
  5451. margin-right: 0.30952381em;
  5452. }
  5453. .material-icons {
  5454. font-family: 'Material Icons' !important;
  5455. }
  5456. .icon-circle {
  5457. position: relative;
  5458. display: inline-block;
  5459. width: 3.71428571em;
  5460. height: 3.71428571em;
  5461. border-radius: 50%;
  5462. border: 1px solid #ececec;
  5463. background: #fafafa;
  5464. text-align: center;
  5465. }
  5466. .icon-circle i {
  5467. font-size: 24px;
  5468. position: absolute;
  5469. top: 50%;
  5470. transform: translateY(-50%);
  5471. width: 100%;
  5472. left: 0;
  5473. }
  5474. /*! -- Stack Tooltips -- */
  5475. .tooltip {
  5476. position: relative;
  5477. top: 3px;
  5478. display: inline-block;
  5479. width: 1.23809524em;
  5480. height: 1.23809524em;
  5481. border-radius: 50%;
  5482. background: #252525;
  5483. text-align: center;
  5484. cursor: pointer;
  5485. }
  5486. .tooltip .tooltip__anchor {
  5487. color: #fff;
  5488. font-weight: 700;
  5489. font-size: 11px;
  5490. position: absolute;
  5491. top: -5px;
  5492. left: 6px;
  5493. }
  5494. .tooltip .tooltip__text {
  5495. transition: 0.2s ease;
  5496. -webkit-transition: 0.2s ease;
  5497. -moz-transition: 0.2s ease;
  5498. text-align: left;
  5499. z-index: 10;
  5500. position: absolute;
  5501. width: 280px;
  5502. background: #fafafa;
  5503. border: 1px solid #ececec;
  5504. padding: 0.61904762em;
  5505. left: 1.48571429em;
  5506. top: -0.92857143em;
  5507. opacity: 0;
  5508. pointer-events: none;
  5509. cursor: default;
  5510. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  5511. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  5512. line-height: 20px;
  5513. }
  5514. .tooltip:hover .tooltip__text {
  5515. opacity: 1;
  5516. }
  5517. .tooltip:last-child {
  5518. margin-left: 0.92857143em;
  5519. }
  5520. [data-tooltip] {
  5521. position: relative;
  5522. overflow: visible;
  5523. }
  5524. [data-tooltip]:after {
  5525. transition: all .2s ease;
  5526. content: attr(data-tooltip);
  5527. position: absolute;
  5528. top: -24px;
  5529. left: 50%;
  5530. transform: translateX(-50%);
  5531. background: #252525;
  5532. color: #fff;
  5533. border: 1px solid #e7e7e7;
  5534. padding: 2px 12px;
  5535. pointer-events: none;
  5536. white-space: nowrap;
  5537. font-size: 11px;
  5538. line-height: 18px;
  5539. font-weight: 600;
  5540. border-radius: 2px;
  5541. z-index: 2;
  5542. font-family: 'Open Sans';
  5543. }
  5544. [data-tooltip]:not(:hover):after {
  5545. opacity: 0;
  5546. }
  5547. /*! -- Stack Boxes -- */
  5548. .boxed {
  5549. border-radius: 6px;
  5550. }
  5551. .boxed .background-image-holder {
  5552. border-radius: 6px;
  5553. }
  5554. .boxed:before {
  5555. border-radius: 6px;
  5556. }
  5557. .boxed:not(:last-child) {
  5558. margin-bottom: 30px;
  5559. }
  5560. .boxed:not([class*='bg-']) {
  5561. background: #ffffff;
  5562. }
  5563. .boxed.bg--secondary .boxed {
  5564. background: #fafafa;
  5565. }
  5566. @media all and (min-width: 768px) {
  5567. .switchable .imagebg .boxed {
  5568. padding-left: 5.57142857em;
  5569. }
  5570. }
  5571. .bg--dark .boxed:not([class*='bg-']),
  5572. .imagebg:not(.image--light) .boxed:not([class*='bg-']) {
  5573. background: none;
  5574. color: #fff;
  5575. }
  5576. .bg--dark .boxed:not([class*='bg-']).boxed--border,
  5577. .imagebg:not(.image--light) .boxed:not([class*='bg-']).boxed--border {
  5578. border-color: #3f3f3f;
  5579. }
  5580. .bg--dark .boxed[class*='bg-'].boxed--border,
  5581. .imagebg:not(.image--light) .boxed[class*='bg-'].boxed--border {
  5582. border: none;
  5583. }
  5584. .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
  5585. background: rgba(20, 20, 20, 0.3);
  5586. }
  5587. .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border {
  5588. border: none;
  5589. }
  5590. .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed {
  5591. background: none;
  5592. }
  5593. .bg--primary .boxed:not(.imagebg) {
  5594. color: #666666;
  5595. }
  5596. .bg--primary .boxed:not(.imagebg) p {
  5597. color: #666666;
  5598. }
  5599. .bg--primary .boxed:not(.imagebg) h1,
  5600. .bg--primary .boxed:not(.imagebg) h2,
  5601. .bg--primary .boxed:not(.imagebg) h3,
  5602. .bg--primary .boxed:not(.imagebg) h4,
  5603. .bg--primary .boxed:not(.imagebg) h5,
  5604. .bg--primary .boxed:not(.imagebg) h6,
  5605. .bg--primary .boxed:not(.imagebg) .h1,
  5606. .bg--primary .boxed:not(.imagebg) .h2,
  5607. .bg--primary .boxed:not(.imagebg) .h3,
  5608. .bg--primary .boxed:not(.imagebg) .h4,
  5609. .bg--primary .boxed:not(.imagebg) .h5,
  5610. .bg--primary .boxed:not(.imagebg) .h6,
  5611. .bg--primary .boxed:not(.imagebg) i {
  5612. color: #252525;
  5613. }
  5614. .bg--primary .boxed:not(.imagebg) a {
  5615. color: #4a90e2;
  5616. }
  5617. .bg--primary .boxed:not(.imagebg) .color--primary {
  5618. color: #4a90e2 !important;
  5619. }
  5620. @media all and (min-width: 768px) {
  5621. .boxed.boxed--emphasis {
  5622. transform: scale(1.075);
  5623. -webkit-transform: scale(1.075);
  5624. }
  5625. }
  5626. /*! -- Stack Features Small -- */
  5627. .feature:not(.boxed) {
  5628. margin-bottom: 60px;
  5629. }
  5630. .feature.feature--featured:after {
  5631. content: '';
  5632. position: absolute;
  5633. bottom: 0;
  5634. width: 100%;
  5635. height: 4px;
  5636. background: #4a90e2;
  5637. left: 0;
  5638. }
  5639. .feature h5 {
  5640. margin: 0;
  5641. }
  5642. .feature h4 {
  5643. margin-bottom: 0.342105263157895em;
  5644. }
  5645. .feature h4 + p {
  5646. max-width: 22.28571429em;
  5647. }
  5648. .feature i + h5 {
  5649. margin-top: 1.85714286em;
  5650. }
  5651. .feature i + h4 {
  5652. margin-top: 0.68421052631579em;
  5653. }
  5654. .feature i.icon--lg + h4 {
  5655. margin-top: 1.36842105263158em;
  5656. }
  5657. .feature i.icon--lg + .h5 {
  5658. margin-top: 0.92857143em;
  5659. }
  5660. .feature img + .boxed {
  5661. border-radius: 0 0 6px 6px;
  5662. border-top: none;
  5663. }
  5664. a.feature {
  5665. display: block;
  5666. text-decoration: none;
  5667. font-weight: normal;
  5668. color: #666666;
  5669. }
  5670. a.feature img:first-child:not(:last-child) {
  5671. margin-bottom: 0.92857143em;
  5672. }
  5673. @media all and (max-width: 767px) {
  5674. a.feature {
  5675. margin-bottom: 0.92857143em !important;
  5676. }
  5677. }
  5678. .imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
  5679. color: #4a90e2;
  5680. }
  5681. .imagebg:not(.image--light) .feature.bg--white .label {
  5682. color: #fff;
  5683. }
  5684. @media all and (max-width: 767px) {
  5685. .feature .feature__body form .row {
  5686. margin-left: 0;
  5687. margin-right: 0;
  5688. }
  5689. }
  5690. section.text-center .feature-6 h4 + p {
  5691. margin: 0 auto;
  5692. }
  5693. @media all and (min-width: 768px) {
  5694. .row div[class*='col-']:nth-child(1):nth-last-child(3) .feature,
  5695. .row div[class*='col-']:nth-child(2):nth-last-child(2) .feature,
  5696. .row div[class*='col-']:nth-child(3):last-child .feature {
  5697. margin-bottom: 0;
  5698. }
  5699. }
  5700. a.block > .feature {
  5701. transition: 0.3s ease;
  5702. -webkit-transition: 0.3s ease;
  5703. -moz-transition: 0.3s ease;
  5704. }
  5705. a.block:hover > .feature {
  5706. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  5707. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  5708. }
  5709. .feature-1 {
  5710. min-height: 11.14285714em;
  5711. }
  5712. .feature-1 p {
  5713. margin: 0;
  5714. }
  5715. .feature-1 p.lead {
  5716. min-height: 5.05263157894737em;
  5717. }
  5718. .feature-1 > img:first-child {
  5719. border-radius: 6px 6px 0 0;
  5720. }
  5721. .feature-1 > a.block img {
  5722. border-radius: 6px 6px 0 0;
  5723. }
  5724. .feature-1 > a.block + .feature__body {
  5725. border-radius: 0 0 6px 6px;
  5726. }
  5727. .feature-1[class*='box-shadow'] {
  5728. border-radius: 6px;
  5729. transition: 0.35s ease-out;
  5730. -webkit-transition: 0.35s ease-out;
  5731. -moz-transition: 0.35s ease-out;
  5732. }
  5733. .feature-1[class*='box-shadow']:hover {
  5734. transform: translate3d(0, -10px, 0);
  5735. -webkit-transform: translate3d(0, -10px, 0);
  5736. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  5737. }
  5738. .hover-shadow {
  5739. border-radius: 6px;
  5740. backface-visibility: hidden;
  5741. overflow: hidden;
  5742. border: 1px solid #ececec;
  5743. transition: 0.35s ease-out;
  5744. -webkit-transition: 0.35s ease-out;
  5745. -moz-transition: 0.35s ease-out;
  5746. }
  5747. .hover-shadow:hover {
  5748. transform: translate3d(0, -10px, 0);
  5749. -webkit-transform: translate3d(0, -10px, 0);
  5750. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  5751. }
  5752. .bg--dark .hover-shadow {
  5753. border-color: #222;
  5754. }
  5755. .bg--dark .hover-shadow:hover {
  5756. box-shadow: 0 23px 40px #000000;
  5757. }
  5758. .feature-2 {
  5759. overflow: hidden;
  5760. }
  5761. .feature-2 .feature__body {
  5762. width: 75%;
  5763. float: right;
  5764. }
  5765. .feature-2 h5 {
  5766. margin-bottom: 0.46428571em;
  5767. }
  5768. .feature-2 p:last-child {
  5769. margin: 0;
  5770. }
  5771. .feature-2 i {
  5772. width: 25%;
  5773. float: left;
  5774. }
  5775. .feature-large .feature-2 + .feature-2:last-child {
  5776. margin-bottom: 0;
  5777. }
  5778. @media all and (max-width: 990px) {
  5779. .feature-2 .feature__body,
  5780. .feature-2 i {
  5781. width: 100%;
  5782. float: none;
  5783. }
  5784. .feature-2 p:first-of-type {
  5785. margin-top: 0.92857143em;
  5786. }
  5787. }
  5788. .feature-3 i {
  5789. margin-bottom: 0.16666666666667em;
  5790. }
  5791. .feature-3 p {
  5792. min-height: 7.42857143em;
  5793. }
  5794. .feature-4 .btn {
  5795. position: absolute;
  5796. width: 100%;
  5797. bottom: 0;
  5798. left: 0;
  5799. border-radius: 0;
  5800. padding: 0.92857143em;
  5801. }
  5802. .feature-4 .btn:hover {
  5803. transform: none;
  5804. }
  5805. .feature-4 p {
  5806. min-height: 9.28571429em;
  5807. }
  5808. .feature-4 p:last-of-type {
  5809. margin-bottom: 3.71428571em;
  5810. }
  5811. .feature-5 i {
  5812. width: 25%;
  5813. float: left;
  5814. }
  5815. .feature-5 .feature__body {
  5816. width: 75%;
  5817. float: right;
  5818. }
  5819. .feature-5 p {
  5820. min-height: 5.57142857em;
  5821. }
  5822. .feature-5 p:last-of-type {
  5823. margin-bottom: 0.92857143em;
  5824. }
  5825. .feature-5:not([class*='bg-']) {
  5826. color: #252525;
  5827. }
  5828. .feature-6 p {
  5829. min-height: 9.28571429em;
  5830. }
  5831. .feature-6 p:last-child {
  5832. margin: 0;
  5833. }
  5834. .feature-7 {
  5835. height: 13em;
  5836. margin-bottom: 30px;
  5837. }
  5838. .feature-7[data-overlay]:before {
  5839. border-radius: 6px;
  5840. transition: 0.3s ease;
  5841. -webkit-transition: 0.3s ease;
  5842. -moz-transition: 0.3s ease;
  5843. }
  5844. .feature-7[data-overlay]:hover:before {
  5845. opacity: .75;
  5846. }
  5847. .feature-7 .background-image-holder {
  5848. border-radius: 6px;
  5849. }
  5850. .feature-7 h3 {
  5851. margin: 0;
  5852. }
  5853. .row--gapless .feature-7 {
  5854. margin: 0;
  5855. border-radius: 0;
  5856. }
  5857. .row--gapless .feature-7 .background-image-holder {
  5858. border-radius: 0;
  5859. }
  5860. .row--gapless .feature-7:before {
  5861. border-radius: 0;
  5862. }
  5863. @media all and (max-width: 767px) {
  5864. .feature-7 .pos-vertical-center {
  5865. top: 50%;
  5866. transform: translate3d(0, -50%, 0);
  5867. -webkit-transform: translate3d(0, -50%, 0);
  5868. }
  5869. }
  5870. .feature-8 {
  5871. padding: 2.78571429em 0 3.71428571em 0;
  5872. }
  5873. .feature-8:not(.boxed) {
  5874. margin-bottom: 0;
  5875. }
  5876. .feature-8 .feature__body {
  5877. max-width: 70%;
  5878. margin: 0 auto;
  5879. }
  5880. .feature-8 p {
  5881. min-height: 5.57142857em;
  5882. }
  5883. @media all and (max-width: 990px) {
  5884. .feature-8 .feature__body {
  5885. max-width: 85%;
  5886. }
  5887. }
  5888. @media all and (max-width: 767px) {
  5889. .feature p {
  5890. min-height: auto;
  5891. margin-left: auto;
  5892. margin-right: auto;
  5893. }
  5894. .feature.boxed {
  5895. margin-bottom: 15px;
  5896. }
  5897. .feature:not(.boxed) {
  5898. margin-bottom: 30px;
  5899. }
  5900. .feature.feature-8 {
  5901. margin-bottom: 0;
  5902. }
  5903. }
  5904. .feature-8 img {
  5905. max-height: 14.85714286em;
  5906. }
  5907. .feature-9 h4 {
  5908. margin: 0;
  5909. }
  5910. .feature-9:not(.boxed) {
  5911. margin-bottom: 30px;
  5912. }
  5913. @media all and (min-width: 768px) {
  5914. .features-small-14 .text-block {
  5915. margin-bottom: 3.71428571em;
  5916. }
  5917. .features-small-14 h4 {
  5918. min-height: 2.736842105263158em;
  5919. }
  5920. }
  5921. /*! -- Stack Features Large -- */
  5922. @media all and (min-width: 768px) {
  5923. .staggered div[class*='col-']:nth-child(2):last-child {
  5924. margin-top: 13em;
  5925. }
  5926. .staggered div[class*='col-']:nth-child(2):last-child:not(:last-child) {
  5927. margin-bottom: 9.28571429em;
  5928. }
  5929. .staggered div[class*='col-'] .feature:not(:last-child) {
  5930. margin-bottom: 9.28571429em;
  5931. }
  5932. }
  5933. .feature-large h4:first-child {
  5934. margin-bottom: 0.68421052631579em;
  5935. }
  5936. .feature-large .feature:not(.boxed) {
  5937. margin-bottom: 30px;
  5938. }
  5939. .feature-large .feature-3.text-center p {
  5940. margin: 0 auto;
  5941. }
  5942. .feature-large .lead + .feature-large__group {
  5943. margin-top: 3.71428571em;
  5944. }
  5945. .feature-large .feature-large__group {
  5946. overflow: hidden;
  5947. }
  5948. .feature-large-1 .lead {
  5949. margin-bottom: 2.73684210526316em;
  5950. }
  5951. @media all and (min-width: 768px) {
  5952. .feature-large-2 div[class*='col-']:first-child {
  5953. margin-top: 5.57142857em;
  5954. }
  5955. .feature-large-2 div[class*='col-']:last-child {
  5956. margin-top: 7.42857143em;
  5957. }
  5958. }
  5959. @media all and (max-width: 767px) {
  5960. .feature-large-2 img {
  5961. margin: 1.85714286em 0;
  5962. }
  5963. }
  5964. .feature-large-7.switchable .boxed div[class*='col-']:only-child {
  5965. float: none;
  5966. }
  5967. .feature-large-13 p.lead + .text-block {
  5968. margin-top: 3.71428571em;
  5969. }
  5970. .feature-large-13 div[class*='col-'] .text-block + .text-block {
  5971. margin-top: 2.78571429em;
  5972. }
  5973. @media all and (min-width: 1200px) {
  5974. .feature-large-13:not(.text-center) .text-block p {
  5975. max-width: 26em;
  5976. }
  5977. }
  5978. .feature-large-14 h5 {
  5979. margin-bottom: 0.46428571em;
  5980. }
  5981. .feature-large-14 .boxed {
  5982. margin-bottom: 0;
  5983. }
  5984. .feature-large-14 .boxed.boxed--border img {
  5985. border-radius: 6px;
  5986. }
  5987. @media all and (min-width: 768px) {
  5988. .feature-large-14.switchable .switchable__text {
  5989. margin-top: 5.57142857em;
  5990. }
  5991. }
  5992. /*! -- Stack Accordions -- */
  5993. .accordion .accordion__title {
  5994. transition: 0.5s ease;
  5995. -webkit-transition: 0.5s ease;
  5996. -moz-transition: 0.5s ease;
  5997. opacity: .5;
  5998. margin-bottom: 0.92857143em;
  5999. }
  6000. .accordion .accordion__title:hover {
  6001. opacity: 1;
  6002. }
  6003. .accordion .accordion__title:before {
  6004. font-family: "stack-interface";
  6005. content: '\e80d';
  6006. margin-right: 6px;
  6007. color: #252525;
  6008. }
  6009. .accordion .accordion__title span {
  6010. display: inline-block;
  6011. }
  6012. .accordion li.active {
  6013. margin-bottom: 0.92857143em;
  6014. }
  6015. .accordion li.active .accordion__title {
  6016. opacity: 1;
  6017. }
  6018. .accordion li.active .accordion__title:before {
  6019. content: '\e80a';
  6020. }
  6021. .accordion li.active .accordion__content {
  6022. animation: fadeUp .5s ease forwards;
  6023. -webkit-animation: fadeUp .5s ease forwards;
  6024. }
  6025. .accordion-1 li.active .accordion__title {
  6026. border-color: #4a90e2;
  6027. }
  6028. .accordion-1 li.active .accordion__title span {
  6029. color: #fff;
  6030. }
  6031. .accordion-1 li.active .accordion__title:before {
  6032. color: #fff;
  6033. }
  6034. .accordion-1 li .accordion__title {
  6035. border-radius: 6px;
  6036. border-bottom: 1px solid #ECECEC;
  6037. }
  6038. .accordion-2 li .accordion__title {
  6039. border-left: none;
  6040. border-right: none;
  6041. border-top: none;
  6042. border-bottom: 1px solid #ECECEC;
  6043. padding-left: 0;
  6044. }
  6045. .accordion-2 li.active .accordion__title {
  6046. background: none;
  6047. border-bottom: 1px solid rgba(0, 0, 0, 0);
  6048. }
  6049. .bg--dark .accordion-2 li .accordion__title,
  6050. .imagebg:not(.image--light) .accordion-2 li .accordion__title,
  6051. .bg--primary .accordion-2 li .accordion__title,
  6052. .bg--dark .accordion-1 li .accordion__title,
  6053. .imagebg:not(.image--light) .accordion-1 li .accordion__title,
  6054. .bg--primary .accordion-1 li .accordion__title {
  6055. border-color: #4b4b4b;
  6056. }
  6057. .bg--dark .accordion-2 li .accordion__title:before,
  6058. .imagebg:not(.image--light) .accordion-2 li .accordion__title:before,
  6059. .bg--primary .accordion-2 li .accordion__title:before,
  6060. .bg--dark .accordion-1 li .accordion__title:before,
  6061. .imagebg:not(.image--light) .accordion-1 li .accordion__title:before,
  6062. .bg--primary .accordion-1 li .accordion__title:before {
  6063. color: #fff;
  6064. }
  6065. .imagebg:not(.image--light) .accordion li .accordion__title,
  6066. .bg--primary .accordion li .accordion__title {
  6067. border-color: rgba(255, 255, 255, 0.3);
  6068. }
  6069. /*! -- Stack Tabs -- */
  6070. .tabs-container.tabs--vertical {
  6071. overflow: hidden;
  6072. }
  6073. .tabs-container.tabs--vertical .tabs {
  6074. width: 25%;
  6075. float: left;
  6076. }
  6077. .tabs-container.tabs--vertical .tabs li {
  6078. display: block;
  6079. }
  6080. .tabs-container.tabs--vertical .tabs li:not(:last-child) {
  6081. border-right: none;
  6082. border-bottom: 1px solid #ECECEC;
  6083. }
  6084. .tabs-container.tabs--vertical .tabs-content {
  6085. width: 70%;
  6086. float: right;
  6087. margin-top: 0;
  6088. }
  6089. .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
  6090. animation: fadeOutUp .5s ease forwards;
  6091. -webkit-animation: fadeOutUp .5s ease forwards;
  6092. }
  6093. .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
  6094. animation: fadeInUp .5s ease forwards;
  6095. -webkit-animation: fadeInUp .5s ease forwards;
  6096. backface-visibility: hidden;
  6097. }
  6098. .tabs-container.tabs--vertical.tabs--icons .tabs {
  6099. width: 15%;
  6100. text-align: center;
  6101. }
  6102. .tabs-container.tabs--vertical.tabs--icons .tabs-content {
  6103. width: 80%;
  6104. }
  6105. @media all and (max-width: 767px) {
  6106. .tabs-container.tabs--vertical .tabs,
  6107. .tabs-container.tabs--vertical .tabs-content {
  6108. width: 100%;
  6109. float: none;
  6110. }
  6111. .tabs-container.tabs--vertical .tabs {
  6112. margin-bottom: 1.85714286em;
  6113. }
  6114. .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
  6115. animation: fadeOutRight .5s ease forwards;
  6116. -webkit-animation: fadeOutRight .5s ease forwards;
  6117. }
  6118. .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
  6119. animation: fadeInLeft .5s ease forwards;
  6120. -webkit-animation: fadeInLeft .5s ease forwards;
  6121. backface-visibility: hidden;
  6122. }
  6123. }
  6124. .tabs {
  6125. display: inline-block;
  6126. border: 1px solid #ECECEC;
  6127. border-radius: 6px;
  6128. margin-bottom: 1.85714286em;
  6129. }
  6130. .tabs li {
  6131. transition: 0.3s ease;
  6132. -webkit-transition: 0.3s ease;
  6133. -moz-transition: 0.3s ease;
  6134. padding: 0.92857143em 1.85714286em;
  6135. }
  6136. .tabs li:not(:last-child) {
  6137. border-right: 1px solid #ECECEC;
  6138. }
  6139. .tabs li.active {
  6140. opacity: 1;
  6141. }
  6142. .tabs li.active .tab__title {
  6143. color: #4a90e2;
  6144. }
  6145. .tabs li.active .tab__title span {
  6146. color: #4a90e2;
  6147. }
  6148. .tabs li:not(.active) {
  6149. opacity: .5;
  6150. }
  6151. .tabs li:hover {
  6152. opacity: 1;
  6153. cursor: pointer;
  6154. }
  6155. .tabs .tab__title {
  6156. transition: 0.3s ease;
  6157. -webkit-transition: 0.3s ease;
  6158. -moz-transition: 0.3s ease;
  6159. }
  6160. .tabs .tab__title:not(.btn) {
  6161. padding-right: 0;
  6162. padding-left: 0;
  6163. }
  6164. .tabs .tab__title i + span {
  6165. margin-top: 0.46428571em;
  6166. display: inline-block;
  6167. margin-bottom: 0;
  6168. }
  6169. .bg--primary .tabs {
  6170. border-color: #fff;
  6171. }
  6172. .bg--primary .tabs li.active .tab__title {
  6173. color: #fff;
  6174. }
  6175. .bg--primary .tabs li.active .tab__title span {
  6176. color: #fff;
  6177. }
  6178. .bg--primary .tabs li:not(:last-child) {
  6179. border-color: #fff;
  6180. }
  6181. @media all and (min-width: 768px) {
  6182. .tabs.tabs--spaced {
  6183. margin-bottom: 3.71428571em;
  6184. }
  6185. }
  6186. .tabs-content {
  6187. position: relative;
  6188. }
  6189. .tabs-content > li:not(.active) .tab__content {
  6190. position: absolute;
  6191. left: 0;
  6192. top: 0;
  6193. display: block;
  6194. opacity: 0;
  6195. pointer-events: none;
  6196. animation: fadeOutRight .5s ease forwards;
  6197. -webkit-animation: fadeOutRight .5s ease forwards;
  6198. }
  6199. .tabs-content > li.active {
  6200. animation: fadeInLeft .5s ease forwards;
  6201. -webkit-animation: fadeInLeft .5s ease forwards;
  6202. backface-visibility: hidden;
  6203. }
  6204. @media all and (max-width: 767px) {
  6205. .tabs li {
  6206. display: block;
  6207. }
  6208. .tabs li:not(:last-child) {
  6209. border-bottom: 1px solid #ECECEC;
  6210. border-right: none;
  6211. }
  6212. }
  6213. .tabs--folder .tabs {
  6214. overflow: hidden;
  6215. margin-bottom: 0;
  6216. border-radius: 6px 6px 0 0;
  6217. border-bottom: none;
  6218. }
  6219. .tabs--folder .tabs > li {
  6220. border-top: 3px solid rgba(0, 0, 0, 0);
  6221. }
  6222. .tabs--folder .tabs > li.active {
  6223. border-top: 3px solid #4a90e2;
  6224. }
  6225. .tabs--folder .tabs-content {
  6226. overflow: hidden;
  6227. position: relative;
  6228. bottom: 8px;
  6229. padding: 1.85714286em;
  6230. border: 1px solid #ECECEC;
  6231. border-radius: 0 0 6px 6px;
  6232. }
  6233. .tabs--folder .tabs-content > li:not(.active) .tab__content {
  6234. top: 1.85714286em;
  6235. left: 1.85714286em;
  6236. }
  6237. .tabs--folder .tab__title .h5 {
  6238. margin: 0;
  6239. display: inline-block;
  6240. }
  6241. .tabs--folder .tab__title .label {
  6242. position: relative;
  6243. color: #fff !important;
  6244. top: -2px;
  6245. right: 0;
  6246. margin-left: 0.46428571em;
  6247. min-width: 0;
  6248. }
  6249. /*! -- Stack Switchable Sections -- */
  6250. @media all and (min-width: 768px) {
  6251. .switchable .container > .row {
  6252. flex-flow: row-reverse;
  6253. }
  6254. .switchable.switchable--switch .container > .row {
  6255. flex-flow: row;
  6256. }
  6257. }
  6258. .switchable .switchable__text {
  6259. margin-top: 1.85714286em;
  6260. }
  6261. .switchable [class*='col-']:first-child .switchable__text {
  6262. margin-bottom: 2.78571429em;
  6263. }
  6264. .section--overlap .row {
  6265. position: relative;
  6266. margin-top: -13em;
  6267. }
  6268. @media all and (max-width: 990px) {
  6269. .switchable .switchable__text {
  6270. margin-top: 0;
  6271. }
  6272. }
  6273. @media all and (max-width: 767px) {
  6274. .switchable .switchable__text {
  6275. margin-top: 1.85714286em;
  6276. }
  6277. .switchable .imageblock__content[class*='col-'] {
  6278. float: none !important;
  6279. }
  6280. .switchable .row > div[class*='col-'] {
  6281. float: none !important;
  6282. }
  6283. .switchable .row > div[class*='col-']:last-child:not(:only-child) {
  6284. margin-top: 1.85714286em;
  6285. }
  6286. }
  6287. /*! -- Stack CTA -- */
  6288. .cta .btn:first-child:not(:last-child) {
  6289. margin-bottom: 1.85714286em;
  6290. }
  6291. .cta.boxed:last-child {
  6292. margin-bottom: 0;
  6293. }
  6294. @media all and (min-width: 768px) {
  6295. .cta--horizontal h4,
  6296. .cta--horizontal .lead,
  6297. .cta--horizontal .btn {
  6298. margin: 0;
  6299. }
  6300. .cta--horizontal h4,
  6301. .cta--horizontal .lead {
  6302. position: relative;
  6303. top: 4px;
  6304. }
  6305. .bg--dark .cta-1 > div[class*='col-']:last-child,
  6306. .imagebg .cta-1 > div[class*='col-']:last-child {
  6307. border-left: none;
  6308. }
  6309. }
  6310. @media all and (min-width: 1200px) {
  6311. .cta-1.boxed--border {
  6312. padding: 0;
  6313. }
  6314. .cta-1 > div[class*='col-'] {
  6315. padding: 1.23809524em 15px;
  6316. }
  6317. .cta-1 > div[class*='col-']:last-child {
  6318. border-left: 1px solid #ECECEC;
  6319. }
  6320. }
  6321. @media all and (max-width: 990px) {
  6322. .cta-1 {
  6323. text-align: center;
  6324. }
  6325. .cta-1 > div[class*='col-'] {
  6326. padding-left: 0;
  6327. padding-right: 0;
  6328. }
  6329. .cta-1 > div[class*='col-']:not(:last-child) {
  6330. margin-bottom: 0.92857143em;
  6331. }
  6332. .cta-1 > div[class*='col-']:last-child {
  6333. margin-top: 1.85714286em;
  6334. }
  6335. }
  6336. @media all and (max-width: 767px) {
  6337. .cta .lead {
  6338. margin: 1.36842105263158em 0;
  6339. }
  6340. }
  6341. .cta-2 {
  6342. transition: 0.3s ease;
  6343. -webkit-transition: 0.3s ease;
  6344. -moz-transition: 0.3s ease;
  6345. }
  6346. .cta-2 h2 {
  6347. margin: 1.57575757575758em 0;
  6348. }
  6349. .cta-2.bg--primary:hover {
  6350. background: #5798e4;
  6351. }
  6352. .cta-2:hover {
  6353. background: #ffffff;
  6354. }
  6355. @media all and (min-width: 768px) {
  6356. .cta-3 .switchable__text {
  6357. margin-top: 5.57142857em;
  6358. }
  6359. }
  6360. /*! -- Stack Videos -- */
  6361. .video-play-icon:before {
  6362. border-color: transparent transparent transparent #252525;
  6363. margin-top: -3px;
  6364. }
  6365. .modal-instance .video-play-icon + span {
  6366. position: relative;
  6367. display: inline-block;
  6368. margin-left: 0.92857143em;
  6369. white-space: nowrap;
  6370. bottom: 22px;
  6371. }
  6372. .modal-instance .video-play-icon.video-play-icon--xs + span {
  6373. bottom: 8px;
  6374. margin-left: 0.46428571em;
  6375. }
  6376. .video-cover {
  6377. background: #252525;
  6378. }
  6379. .video-cover.border--round {
  6380. overflow: hidden;
  6381. }
  6382. .video-cover.border--round iframe {
  6383. border-radius: 6px;
  6384. }
  6385. .video-cover:not(:last-child) {
  6386. margin-bottom: 1.85714286em;
  6387. }
  6388. .video-cover + span.h4 + span {
  6389. display: inline-block;
  6390. margin-left: 0.92857143em;
  6391. }
  6392. @media all and (min-width: 1025px) {
  6393. .video-cover .video-play-icon {
  6394. transition: 0.2s ease-out;
  6395. -webkit-transition: 0.2s ease-out;
  6396. -moz-transition: 0.2s ease-out;
  6397. }
  6398. .video-cover .video-play-icon:hover {
  6399. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  6400. transform: translate3d(-50%, -52%, 0);
  6401. -webkit-transform: translate3d(-50%, -52%, 0);
  6402. }
  6403. }
  6404. .imagebg .video-cover .video-play-icon {
  6405. z-index: 10;
  6406. }
  6407. @media all and (min-width: 768px) {
  6408. h2 + .video-cover {
  6409. margin-top: 3.71428571em;
  6410. }
  6411. }
  6412. @media all and (min-width: 768px) {
  6413. .video-1 .video-play-icon {
  6414. margin-right: 1.85714286em;
  6415. }
  6416. .video-1 h2 {
  6417. display: inline-block;
  6418. position: relative;
  6419. bottom: 14px;
  6420. }
  6421. div[class*='col-sm-6'] .video-1 h2 {
  6422. bottom: 0;
  6423. display: block;
  6424. }
  6425. div[class*='col-sm-6'] .video-1 .video-play-icon {
  6426. margin-bottom: 0.46428571em;
  6427. }
  6428. }
  6429. .video-1 h2 {
  6430. margin: 0;
  6431. }
  6432. .imageblock__content .modal-instance {
  6433. position: absolute;
  6434. top: 50%;
  6435. left: 50%;
  6436. transform: translate3d(-50%, -50%, 0);
  6437. -webkit-transform: translate3d(-50%, -50%, 0);
  6438. }
  6439. /*! -- Stack Modals -- */
  6440. .modal-container .modal-content:not(.height--natural) {
  6441. height: auto;
  6442. width: auto;
  6443. }
  6444. .modal-instance:not(.block) {
  6445. display: inline-block;
  6446. }
  6447. .modal-instance.block > .btn {
  6448. display: block;
  6449. }
  6450. @media all and (min-width: 768px) {
  6451. .modal-instance + span:last-child {
  6452. display: inline-block;
  6453. margin-left: 0.92857143em;
  6454. }
  6455. }
  6456. .modal-container .modal-content {
  6457. max-height: 95%;
  6458. transform: translateX(-50%) translateY(-50%);
  6459. -webkit-transform: translateX(-50%) translateY(-50%);
  6460. }
  6461. .modal-container .modal-content .feature:only-child {
  6462. margin-bottom: 0;
  6463. }
  6464. .modal-container .modal-content .feature:only-child .boxed {
  6465. margin-bottom: 0;
  6466. }
  6467. .modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
  6468. color: #fff;
  6469. }
  6470. .modal-container .modal-content .container {
  6471. width: 100vw;
  6472. }
  6473. @media all and (max-width: 767px) {
  6474. .modal-container .modal-content > .modal-close-cross {
  6475. top: 3em;
  6476. background: #222;
  6477. width: 2em;
  6478. height: 2em;
  6479. text-align: center;
  6480. border-radius: 50%;
  6481. color: #fff;
  6482. }
  6483. .modal-container:not(.modal-active) .modal-content {
  6484. display: none;
  6485. }
  6486. }
  6487. .modal-content {
  6488. -ms-overflow-style: none;
  6489. }
  6490. .modal-content::-webkit-scrollbar {
  6491. display: none;
  6492. }
  6493. /*! -- Stack Notifications -- */
  6494. .notification {
  6495. margin: 1.85714286em;
  6496. box-shadow: none;
  6497. }
  6498. .notification:not([class*='bg--']) {
  6499. background: none;
  6500. }
  6501. .notification > .boxed {
  6502. margin: 0;
  6503. }
  6504. .notification > .feature,
  6505. .notification .feature__body {
  6506. margin-bottom: 0;
  6507. }
  6508. .search-box {
  6509. width: 100%;
  6510. margin: 0;
  6511. padding: 1.85714286em;
  6512. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  6513. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  6514. }
  6515. .search-box.notification--reveal {
  6516. z-index: 9999;
  6517. }
  6518. .search-box .notification-close-cross {
  6519. top: 2.32142857em;
  6520. right: 1.85714286em;
  6521. }
  6522. .notification-close-cross.notification-close-cross--circle {
  6523. background: #222;
  6524. width: 2em;
  6525. height: 2em;
  6526. text-align: center;
  6527. border-radius: 50%;
  6528. color: #fff;
  6529. }
  6530. /*! -- Stack Loader -- */
  6531. .loader {
  6532. border: 3px solid #4a90e2;
  6533. border-radius: 30px;
  6534. height: 30px;
  6535. left: 50%;
  6536. margin: -15px 0 0 -15px;
  6537. opacity: 0;
  6538. position: fixed;
  6539. z-index: 10;
  6540. top: 50%;
  6541. width: 30px;
  6542. animation: pulsate 0.7s ease-out infinite;
  6543. }
  6544. .loader.loader--fade {
  6545. opacity: 0;
  6546. animation: none;
  6547. }
  6548. @keyframes pulsate {
  6549. 0% {
  6550. transform: scale(0.1);
  6551. opacity: 0.0;
  6552. }
  6553. 50% {
  6554. opacity: 1;
  6555. }
  6556. 100% {
  6557. transform: scale(1.2);
  6558. opacity: 0;
  6559. }
  6560. }
  6561. /*! -- Stack Lightboxes -- */
  6562. .lb-close {
  6563. position: relative;
  6564. top: 10px;
  6565. }
  6566. .lb-close:before {
  6567. content: '\00D7';
  6568. color: #fff;
  6569. font-size: 2.5em;
  6570. font-weight: 400;
  6571. }
  6572. .lb-close:hover {
  6573. text-decoration: none;
  6574. }
  6575. .lb-prev:after,
  6576. .lb-next:after {
  6577. font-family: 'stack-interface';
  6578. position: fixed;
  6579. }
  6580. .lb-prev:after {
  6581. content: '\e801';
  6582. left: 1.85714286em;
  6583. }
  6584. .lb-next:after {
  6585. content: '\e802';
  6586. right: 1.85714286em;
  6587. }
  6588. .lb-data {
  6589. overflow: hidden;
  6590. min-height: 30px;
  6591. }
  6592. a[data-lightbox] {
  6593. transition: 0.3s ease;
  6594. -webkit-transition: 0.3s ease;
  6595. -moz-transition: 0.3s ease;
  6596. }
  6597. a[data-lightbox]:hover {
  6598. opacity: .8;
  6599. cursor: zoom-in;
  6600. }
  6601. /*! -- Stack Covers -- */
  6602. .cover .typed-headline {
  6603. margin-bottom: 3.71428571em;
  6604. }
  6605. .cover .typed-headline .type--bold {
  6606. font-weight: 400;
  6607. }
  6608. .cover .triptych {
  6609. margin-top: 3.71428571em;
  6610. }
  6611. .cover .btn + .modal-instance {
  6612. margin-top: 1.85714286em;
  6613. }
  6614. .cover h3 + form,
  6615. .cover .h3 + form {
  6616. margin-top: 2.78571429em;
  6617. }
  6618. .cover .lead + .boxed {
  6619. margin-top: 3.71428571em;
  6620. }
  6621. .cover.unpad--bottom {
  6622. overflow: hidden;
  6623. }
  6624. .cover .modal-instance.block:not(:first-child):not(:last-child) {
  6625. margin: 2.78571429em 0;
  6626. }
  6627. .cover .pos-bottom {
  6628. margin-bottom: 1.85714286em;
  6629. }
  6630. @media all and (min-width: 768px) {
  6631. .cover .row .row:last-child {
  6632. margin-top: 5.57142857em;
  6633. }
  6634. }
  6635. @media all and (max-width: 767px) {
  6636. .cover .pos-bottom.pos-absolute {
  6637. position: relative;
  6638. margin-top: 1.85714286em;
  6639. }
  6640. }
  6641. @media all and (max-width: 990px) {
  6642. .cover .mt--3 {
  6643. margin-top: 0;
  6644. }
  6645. }
  6646. @media all and (min-width: 768px) {
  6647. .cover .triptych {
  6648. margin-top: 7.42857143em;
  6649. }
  6650. }
  6651. .cover-fullscreen {
  6652. min-height: 100vh;
  6653. }
  6654. .cover-fullscreen.slider[data-paging="true"] .pos-bottom {
  6655. bottom: 5.57142857em;
  6656. width: 100%;
  6657. }
  6658. .cover-fullscreen.slider[data-paging="true"] h4 {
  6659. margin: 0;
  6660. }
  6661. .cover-slider {
  6662. overflow: hidden;
  6663. }
  6664. .cover-slider .slider {
  6665. position: relative;
  6666. width: 100%;
  6667. pointer-events: none;
  6668. }
  6669. .cover-slider .slider:nth-child(1) {
  6670. transform: translateY(-30%);
  6671. }
  6672. .cover-slider .slider:nth-child(2) {
  6673. transform: translateY(-25%);
  6674. }
  6675. .cover-slider .slider:nth-child(3) {
  6676. transform: translateY(-20%);
  6677. }
  6678. .cover-slider .slider .slide {
  6679. opacity: .05;
  6680. }
  6681. .cover-slider .typed-headline {
  6682. margin: 0;
  6683. }
  6684. .cover-slider .typed-headline + .btn {
  6685. margin-top: 0.92857143em;
  6686. }
  6687. .cover-slider .slider-container {
  6688. transform: rotateZ(-30deg) translateY(-10%);
  6689. -webkit-transform: rotateZ(-30deg) translateY(-10%);
  6690. position: absolute;
  6691. width: 100%;
  6692. height: 100%;
  6693. top: 0;
  6694. }
  6695. @media all and (min-width: 768px) {
  6696. .cover-slider + .cta-4 {
  6697. position: absolute;
  6698. background: none;
  6699. color: #fff;
  6700. border-bottom: none !important;
  6701. width: 100%;
  6702. transform: translate3d(0, -100%, 0);
  6703. -webkit-transform: translate3d(0, -100%, 0);
  6704. }
  6705. .cover-slider + .cta-4 a {
  6706. color: #fff;
  6707. font-weight: 600;
  6708. }
  6709. }
  6710. .cover-features.space--lg {
  6711. padding-bottom: 3.71428571em;
  6712. }
  6713. .cover-features .row:nth-child(2) {
  6714. margin-top: 11.14285714em;
  6715. }
  6716. @media all and (max-width: 767px) {
  6717. .cover-features.space--lg {
  6718. padding-bottom: 1.85714286em;
  6719. }
  6720. .cover-features .row:nth-child(2) {
  6721. margin-top: 3.71428571em;
  6722. }
  6723. }
  6724. /*! -- Stack Processes -- */
  6725. .process-1 {
  6726. padding: 3.71428571em 0;
  6727. position: relative;
  6728. overflow: hidden;
  6729. }
  6730. .process-1 .process__item {
  6731. width: 50%;
  6732. }
  6733. .process-1 .process__item:not(:last-child) {
  6734. margin-bottom: 1.85714286em;
  6735. }
  6736. .process-1:before {
  6737. content: '';
  6738. position: absolute;
  6739. width: 2px;
  6740. height: 100%;
  6741. left: 50%;
  6742. top: 0;
  6743. background: #4a90e2;
  6744. }
  6745. .process__item {
  6746. position: relative;
  6747. }
  6748. .process__item:after {
  6749. content: '';
  6750. width: 1.85714286em;
  6751. height: 1.85714286em;
  6752. background: #fff;
  6753. border: 2px solid #4a90e2;
  6754. border-radius: 50%;
  6755. position: absolute;
  6756. top: 0;
  6757. margin-left: 1px;
  6758. }
  6759. @media all and (min-width: 768px) {
  6760. .process-1 .process__item:nth-child(odd) {
  6761. text-align: right;
  6762. padding-right: 3.71428571em;
  6763. }
  6764. .process-1 .process__item:nth-child(odd):after {
  6765. right: -0.92857143em;
  6766. }
  6767. .process-1 .process__item:nth-child(even) {
  6768. margin-left: 50%;
  6769. padding-left: 3.71428571em;
  6770. }
  6771. .process-1 .process__item:nth-child(even):after {
  6772. left: -0.92857143em;
  6773. }
  6774. }
  6775. @media all and (max-width: 767px) {
  6776. .process-1:before,
  6777. .process-2:before {
  6778. left: 0.92857143em;
  6779. }
  6780. .process-1 .process__item,
  6781. .process-2 .process__item {
  6782. width: 100%;
  6783. padding-left: 3.71428571em;
  6784. }
  6785. .process-1 .process__item:after,
  6786. .process-2 .process__item:after {
  6787. left: 0;
  6788. }
  6789. }
  6790. .bg--dark .process-1:before,
  6791. .imagebg .process-1:before,
  6792. .bg--dark .process-2:before,
  6793. .imagebg .process-2:before {
  6794. background: #fff;
  6795. }
  6796. .bg--dark .process-1 .process__item:after,
  6797. .imagebg .process-1 .process__item:after,
  6798. .bg--dark .process-2 .process__item:after,
  6799. .imagebg .process-2 .process__item:after {
  6800. background: #fff;
  6801. }
  6802. .bg--dark .process-1 .process__item:after,
  6803. .bg--dark .process-2 .process__item:after {
  6804. border-color: #252525;
  6805. }
  6806. .process-2 {
  6807. position: relative;
  6808. }
  6809. .process-2 .process__item {
  6810. padding-top: 3.71428571em;
  6811. }
  6812. .process-2 .process__item:after {
  6813. display: inline-block;
  6814. text-align: center;
  6815. }
  6816. .process-2:before {
  6817. content: '';
  6818. position: absolute;
  6819. width: 100%;
  6820. height: 2px;
  6821. top: 0.92857143em;
  6822. left: 0;
  6823. background: #4a90e2;
  6824. }
  6825. @media all and (max-width: 767px) {
  6826. .process-2:before {
  6827. height: 100%;
  6828. width: 2px;
  6829. left: 1.85714286em;
  6830. margin-left: 2px;
  6831. }
  6832. .process-2 .process__item:after {
  6833. top: 3.71428571em;
  6834. }
  6835. }
  6836. .process-3 {
  6837. list-style: none;
  6838. position: relative;
  6839. }
  6840. .process-3 li {
  6841. position: relative;
  6842. z-index: 1;
  6843. overflow: hidden;
  6844. }
  6845. .process-3 li .process__number {
  6846. float: left;
  6847. width: 15%;
  6848. width: 3.71428571em;
  6849. height: 3.71428571em;
  6850. border-radius: 50%;
  6851. border: 2px solid #4a90e2;
  6852. background: #fff;
  6853. text-align: center;
  6854. }
  6855. .process-3 li .process__number span {
  6856. font-size: 1.35714286em;
  6857. font-weight: bold;
  6858. color: #4a90e2;
  6859. position: relative;
  6860. top: 12px;
  6861. }
  6862. .process-3 li .process__body {
  6863. width: 80%;
  6864. float: right;
  6865. }
  6866. .process-3 li .process__body h4 {
  6867. margin-bottom: 0.342105263157895em;
  6868. }
  6869. .process-3 li:not(:last-child) {
  6870. margin-bottom: 3.71428571em;
  6871. }
  6872. .process-3:before {
  6873. content: '';
  6874. position: absolute;
  6875. height: 100%;
  6876. width: 1px;
  6877. left: 1.85714286em;
  6878. top: 0;
  6879. border-left: 1px dashed #ddd;
  6880. }
  6881. .bg--dark .process-3 li .process__number {
  6882. background: #252525;
  6883. }
  6884. .bg--dark .process-3:before {
  6885. border-color: #aaa;
  6886. }
  6887. .process-stepper > li {
  6888. transition: all .3s ease;
  6889. display: inline-block;
  6890. float: left;
  6891. text-align: center;
  6892. position: relative;
  6893. }
  6894. .process-stepper > li:before {
  6895. transition: all .3s ease;
  6896. content: '';
  6897. width: 0.92857143em;
  6898. height: 0.92857143em;
  6899. background: #ccc;
  6900. border-radius: 50%;
  6901. display: block;
  6902. margin: 0 auto;
  6903. margin-bottom: 0.92857143em;
  6904. }
  6905. .process-stepper > li:after {
  6906. transition: all .3s ease;
  6907. content: '';
  6908. width: 100%;
  6909. height: 2px;
  6910. position: absolute;
  6911. background: #ccc;
  6912. top: 5px;
  6913. left: 0;
  6914. }
  6915. .process-stepper > li:first-child:after,
  6916. .process-stepper > li:last-child:after {
  6917. width: 50%;
  6918. }
  6919. .process-stepper > li:first-child:after {
  6920. left: 50%;
  6921. }
  6922. .process-stepper > li.active:before,
  6923. .process-stepper > li.active:after {
  6924. background: #4a90e2;
  6925. }
  6926. .process-stepper > li > span {
  6927. cursor: default;
  6928. }
  6929. .process-stepper[data-process-steps="6"] > li {
  6930. width: 16.666666666666667%;
  6931. }
  6932. .process-stepper[data-process-steps="5"] > li {
  6933. width: 20%;
  6934. }
  6935. .process-stepper[data-process-steps="4"] > li {
  6936. width: 25%;
  6937. }
  6938. .process-stepper[data-process-steps="3"] > li {
  6939. width: 33.33333333%;
  6940. }
  6941. .process-stepper[data-process-steps="2"] > li {
  6942. width: 50%;
  6943. }
  6944. .bg--dark .process-stepper li:not(.active):before,
  6945. .bg--dark .process-stepper li:not(.active):after {
  6946. background: #585858;
  6947. }
  6948. /*! -- Stack Typed Text -- */
  6949. span + .typed-text.h2 {
  6950. margin-left: 4px;
  6951. }
  6952. span + .typed-text.h1 {
  6953. margin-left: 6px;
  6954. }
  6955. @media all and (max-width: 767px) {
  6956. .typed-text {
  6957. display: block;
  6958. }
  6959. .typed-headline {
  6960. margin-bottom: 1.85714286em;
  6961. }
  6962. .typed-headline h1,
  6963. .typed-headline .h1 {
  6964. margin-bottom: 0;
  6965. }
  6966. }
  6967. /*! -- Stack Forms -- */
  6968. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  6969. select,
  6970. textarea,
  6971. input {
  6972. font-size: 16px;
  6973. }
  6974. }
  6975. form:before,
  6976. form:after {
  6977. content: '';
  6978. }
  6979. .bg--dark input,
  6980. .imagebg:not(.image--light) input,
  6981. .bg--dark textarea,
  6982. .imagebg:not(.image--light) textarea,
  6983. .bg--dark select,
  6984. .imagebg:not(.image--light) select,
  6985. .bg--dark .input-select:after,
  6986. .imagebg:not(.image--light) .input-select:after {
  6987. color: #666666;
  6988. }
  6989. .bg--dark label,
  6990. .imagebg:not(.image--light) label {
  6991. color: #fff;
  6992. }
  6993. .bg--dark form.attempted-submit input.field-error {
  6994. background: #D84D4D;
  6995. color: #fff;
  6996. }
  6997. form {
  6998. position: relative;
  6999. }
  7000. form > div[class*='col-']:not(:last-child),
  7001. form > .row > div[class*='col-']:not(:last-child) {
  7002. margin-bottom: 0.92857143em;
  7003. }
  7004. form .boxed:last-child {
  7005. margin: 0;
  7006. }
  7007. form.form--clearfix {
  7008. margin-left: -15px;
  7009. }
  7010. @media all and (min-width: 768px) {
  7011. div[class*='col-'] > form div[class*='col-']:last-child:nth-child(2) {
  7012. padding-right: 0;
  7013. }
  7014. div[class*='col-'] > form div[class*='col-']:first-child:nth-last-child(2) {
  7015. padding-left: 0;
  7016. }
  7017. form.form--horizontal > div[class*='col-'] {
  7018. margin: 0;
  7019. }
  7020. }
  7021. @media all and (max-width: 767px) {
  7022. .row form > .row {
  7023. margin-left: 0;
  7024. margin-right: 0;
  7025. }
  7026. }
  7027. h2 + form,
  7028. .h2 + form {
  7029. margin-top: 2.78571429em;
  7030. }
  7031. h3 + form,
  7032. .h3 + form,
  7033. .lead + form {
  7034. margin-top: 2.78571429em;
  7035. }
  7036. .cover .lead + form {
  7037. margin-top: 3.71428571em;
  7038. }
  7039. form + span.type--fine-print {
  7040. margin-top: 1.08333333333334em;
  7041. display: inline-block;
  7042. }
  7043. .form--inline > span.h4 {
  7044. color: #666666;
  7045. }
  7046. .form--inline input,
  7047. .form--inline [class*='input-'] {
  7048. display: inline-block;
  7049. max-width: 200px;
  7050. }
  7051. .form--inline > span:not(:last-child),
  7052. .form--inline input:not(:last-child),
  7053. .form--inline [class*='input-']:not(:last-child) {
  7054. margin-right: 0.92857143em;
  7055. }
  7056. .form--inline button {
  7057. max-width: 200px;
  7058. }
  7059. .bg--dark .form--inline > span.h4,
  7060. .imagebg:not(.image--light) .form--inline > span.h4 {
  7061. color: #fff;
  7062. }
  7063. button,
  7064. input[type="submit"] {
  7065. height: 3.25000000000001em;
  7066. }
  7067. button.btn,
  7068. input[type="submit"].btn {
  7069. font-size: 0.85714286em;
  7070. font-weight: 700;
  7071. padding-left: 0;
  7072. padding-right: 0;
  7073. }
  7074. button.btn.btn--primary,
  7075. input[type="submit"].btn.btn--primary {
  7076. color: #fff;
  7077. }
  7078. button.btn.type--uppercase,
  7079. input[type="submit"].btn.type--uppercase {
  7080. letter-spacing: .5px;
  7081. margin-right: -0.5px;
  7082. }
  7083. button.checkmark.checkmark--cross,
  7084. input[type="submit"].checkmark.checkmark--cross {
  7085. width: 1.85714286em;
  7086. height: 1.85714286em;
  7087. border: none;
  7088. background: #e23636;
  7089. }
  7090. button.checkmark.checkmark--cross:before,
  7091. input[type="submit"].checkmark.checkmark--cross:before {
  7092. content: '\00d7';
  7093. font-size: 18px;
  7094. top: -1px;
  7095. }
  7096. button[type="submit"].btn--loading:after,
  7097. input[type="submit"][type="submit"].btn--loading:after {
  7098. background: #4a90e2;
  7099. }
  7100. .bg--primary button.btn {
  7101. border-color: rgba(255, 255, 255, 0.5);
  7102. color: #fff;
  7103. }
  7104. .bg--primary button.btn:hover {
  7105. border-color: #fff;
  7106. }
  7107. .bg--primary button.btn.btn--primary {
  7108. color: #4a90e2;
  7109. border-color: #4a90e2;
  7110. }
  7111. .bg--primary button.btn.btn--primary-1 {
  7112. border-color: #31639c;
  7113. }
  7114. input,
  7115. select {
  7116. height: 2.78571429em;
  7117. }
  7118. input.field-error {
  7119. border-color: #EBA8A8;
  7120. }
  7121. input[type] + input[type],
  7122. input[type] + .input-checkbox,
  7123. input[type] + button,
  7124. input[type] + .input-select {
  7125. margin-top: 0.92857143em;
  7126. }
  7127. input,
  7128. [class*='input-'] label,
  7129. select,
  7130. textarea {
  7131. transition: 0.3s ease;
  7132. -webkit-transition: 0.3s ease;
  7133. -moz-transition: 0.3s ease;
  7134. }
  7135. input:not([class*='col-']),
  7136. select:not([class*='col-']),
  7137. .input-select:not([class*='col-']),
  7138. textarea:not([class*='col-']),
  7139. button[type="submit"]:not([class*='col-']) {
  7140. width: 100%;
  7141. }
  7142. input[type],
  7143. select,
  7144. textarea {
  7145. padding-left: 0.92857143em;
  7146. }
  7147. input[type]:focus,
  7148. select:focus,
  7149. textarea:focus {
  7150. border-color: #76abe9;
  7151. }
  7152. input[type="image"] {
  7153. border: none;
  7154. padding: none;
  7155. width: auto;
  7156. }
  7157. label {
  7158. font-size: .85714286em;
  7159. }
  7160. .bg--primary label,
  7161. .bg--primary-1 label {
  7162. color: #fff;
  7163. }
  7164. .input-icon i {
  7165. top: 8px;
  7166. left: 8px;
  7167. }
  7168. .input-icon input {
  7169. padding-left: 2.78571429em;
  7170. }
  7171. .input-icon.input-icon--right i {
  7172. left: auto;
  7173. right: 8px;
  7174. }
  7175. .input-icon.input-icon--right input {
  7176. padding-right: 2.78571429em;
  7177. padding-left: .92857143em;
  7178. }
  7179. .text-center .input-checkbox label,
  7180. .text-center .input-radio label {
  7181. margin: 0 auto;
  7182. }
  7183. .input-checkbox label,
  7184. .input-radio label {
  7185. font-size: 1em;
  7186. }
  7187. .input-checkbox {
  7188. margin-top: 0.46428571em;
  7189. }
  7190. .input-checkbox.field-error label {
  7191. border-color: #EBA8A8;
  7192. }
  7193. .input-checkbox label {
  7194. background: none;
  7195. border: 1px solid #d3d3d3;
  7196. text-align: center;
  7197. position: relative;
  7198. }
  7199. .input-checkbox label:not(:last-child) {
  7200. margin-right: 0.46428571em;
  7201. }
  7202. .input-checkbox label:hover {
  7203. border-color: #4a90e2;
  7204. }
  7205. .input-checkbox label:before {
  7206. content: '';
  7207. left: 0;
  7208. border-radius: 6px;
  7209. position: absolute;
  7210. width: 100%;
  7211. height: 100%;
  7212. border: 1px solid #4a90e2;
  7213. opacity: 0;
  7214. transition: 0.3s ease;
  7215. -webkit-transition: 0.3s ease;
  7216. -moz-transition: 0.3s ease;
  7217. }
  7218. .input-checkbox input:checked + label {
  7219. border-color: #4a90e2;
  7220. background: #4a90e2;
  7221. }
  7222. .input-checkbox input:checked + label:after {
  7223. content: 'L';
  7224. transform: rotateY(180deg) rotateZ(-45deg);
  7225. color: #fff;
  7226. position: absolute;
  7227. width: 100%;
  7228. left: 0;
  7229. top: -2px;
  7230. font-weight: 700;
  7231. }
  7232. .input-checkbox input:checked + label:before {
  7233. animation: pulse .45s ease forwards;
  7234. -webkit-animation: pulse .45s ease forwards;
  7235. }
  7236. .input-checkbox + span {
  7237. display: inline-block;
  7238. position: relative;
  7239. bottom: 10px;
  7240. margin-left: 0.92857143em;
  7241. font-size: 0.85714286em;
  7242. white-space: nowrap;
  7243. }
  7244. .input-checkbox + button[type] {
  7245. margin-top: 0.92857143em;
  7246. }
  7247. .input-checkbox + span + button[type] {
  7248. margin-top: 0.92857143em;
  7249. }
  7250. .bg--dark .input-checkbox:not(.checked) label {
  7251. border-color: #a5a5a5;
  7252. }
  7253. .bg--dark .input-checkbox + span {
  7254. opacity: .75;
  7255. }
  7256. .input-checkbox.input-checkbox--switch label {
  7257. width: 3.71428571em;
  7258. border-radius: 60px;
  7259. }
  7260. .input-checkbox.input-checkbox--switch label:before {
  7261. width: 20px;
  7262. height: 20px;
  7263. border-radius: 50%;
  7264. border-color: #d3d3d3;
  7265. opacity: 1;
  7266. left: 2px;
  7267. top: 2px;
  7268. }
  7269. .input-checkbox.input-checkbox--switch label:hover:before {
  7270. border-color: #4a90e2;
  7271. }
  7272. .input-checkbox.input-checkbox--switch input:checked + label {
  7273. background: none;
  7274. }
  7275. .input-checkbox.input-checkbox--switch input:checked + label:before {
  7276. animation: none !important;
  7277. background: #4a90e2;
  7278. border-color: #4a90e2;
  7279. transform: translateX(1.85714286em);
  7280. }
  7281. .input-checkbox.input-checkbox--switch input:checked + label:after {
  7282. display: none;
  7283. }
  7284. .input-radio.field-error label {
  7285. border-color: #EBA8A8;
  7286. }
  7287. .input-radio .input__label {
  7288. font-size: .85714286em;
  7289. display: inline-block;
  7290. }
  7291. .input-radio .input__label + label {
  7292. margin-top: 0.92857143em;
  7293. }
  7294. .input-radio label {
  7295. position: relative;
  7296. background: none;
  7297. border: 1px solid #d3d3d3;
  7298. }
  7299. .input-radio label:hover {
  7300. border-color: #4a90e2;
  7301. }
  7302. .input-radio label:before {
  7303. content: '';
  7304. position: absolute;
  7305. width: 100%;
  7306. height: 100%;
  7307. border-radius: 50%;
  7308. border: 1px solid #4a90e2;
  7309. transition: 0.3s ease;
  7310. -webkit-transition: 0.3s ease;
  7311. -moz-transition: 0.3s ease;
  7312. opacity: 0;
  7313. left: 0;
  7314. }
  7315. .input-radio input:checked + label {
  7316. border-color: #4a90e2;
  7317. background-color: #4a90e2;
  7318. }
  7319. .input-radio input:checked + label:after {
  7320. content: '';
  7321. position: absolute;
  7322. width: 10px;
  7323. height: 10px;
  7324. left: 7px;
  7325. top: 7px;
  7326. background-color: #fff;
  7327. border-radius: 50%;
  7328. }
  7329. .input-radio input:checked + label:before {
  7330. animation: pulse .4s ease forwards;
  7331. }
  7332. .input-radio--innerlabel label {
  7333. transition: all .3s ease;
  7334. height: 2.78571429em;
  7335. line-height: 2.50714286em;
  7336. padding: 0 0.92857143em;
  7337. border: 1px solid #ececec;
  7338. border-radius: 6px;
  7339. cursor: pointer;
  7340. width: 100%;
  7341. text-align: center;
  7342. }
  7343. .input-radio--innerlabel:hover {
  7344. border-color: #4a90e2;
  7345. }
  7346. .input-radio--innerlabel input:checked + label {
  7347. border-color: #4a90e2;
  7348. background: #4a90e2;
  7349. color: #fff;
  7350. }
  7351. .input-radio--innerlabel input:checked + label:after {
  7352. display: none;
  7353. }
  7354. .input-radio--innerlabel input:checked + label:before {
  7355. animation: none;
  7356. }
  7357. @media all and (max-width: 1024px) {
  7358. .input-radio input:checked + label:after {
  7359. top: 6px;
  7360. left: 6px;
  7361. }
  7362. }
  7363. .bg--primary .input-radio--innerlabel {
  7364. border-color: #76abe9;
  7365. }
  7366. .bg--primary .input-radio--innerlabel:hover {
  7367. border-color: #fff;
  7368. }
  7369. .bg--primary .input-radio--innerlabel.checked {
  7370. background: #fff;
  7371. border-color: #fff;
  7372. }
  7373. .bg--primary .input-radio--innerlabel.checked label {
  7374. color: #4a90e2;
  7375. }
  7376. .bg--primary-1 .input-radio--innerlabel {
  7377. border-color: #3e7cc2;
  7378. }
  7379. .bg--primary-1 .input-radio--innerlabel:hover {
  7380. border-color: #fff;
  7381. }
  7382. .bg--primary-1 .input-radio--innerlabel.checked {
  7383. background: #fff;
  7384. border-color: #fff;
  7385. }
  7386. .bg--primary-1 .input-radio--innerlabel.checked label {
  7387. color: #31639c;
  7388. }
  7389. .input-select {
  7390. position: relative;
  7391. }
  7392. .input-select select {
  7393. -moz-appearance: none;
  7394. -webkit-appearance: none;
  7395. }
  7396. .input-select select::-ms-expand {
  7397. display: none;
  7398. }
  7399. .input-select:not(:last-child) {
  7400. margin-bottom: 0.92857143em;
  7401. }
  7402. .input-select:after {
  7403. position: absolute;
  7404. right: 0;
  7405. height: 100%;
  7406. top: 0;
  7407. font-size: 30px;
  7408. content: '\2263';
  7409. pointer-events: none;
  7410. padding: 0 13px;
  7411. border-left: 1px solid #ececec;
  7412. line-height: 31px;
  7413. }
  7414. .input-select.input-select--borderless:after {
  7415. border-left: none;
  7416. }
  7417. .input-select:focus:after {
  7418. border-color: #4a90e2;
  7419. }
  7420. .input-select select:focus {
  7421. border-color: #4a90e2;
  7422. }
  7423. .input-number {
  7424. position: relative;
  7425. }
  7426. .input-number > input[type="number"] {
  7427. padding-left: .46428571em;
  7428. -moz-appearance: textfield;
  7429. width: 100%;
  7430. text-align: center;
  7431. }
  7432. .input-number > input[type="number"]::-webkit-inner-spin-button {
  7433. display: none;
  7434. }
  7435. .input-number .input-number__controls {
  7436. position: absolute;
  7437. height: 100%;
  7438. width: 100%;
  7439. right: 0;
  7440. top: 0;
  7441. padding: 0 0.92857143em;
  7442. }
  7443. .input-number .input-number__controls > span {
  7444. position: absolute;
  7445. display: block;
  7446. width: 10%;
  7447. min-width: 3.71428571em;
  7448. height: 100%;
  7449. cursor: pointer;
  7450. -webkit-user-select: none;
  7451. user-select: none;
  7452. text-align: center;
  7453. padding-top: 6px;
  7454. transition: all .3s ease;
  7455. }
  7456. .input-number .input-number__controls > span:hover {
  7457. color: #4a90e2;
  7458. }
  7459. .input-number .input-number__controls .input-number__increase {
  7460. right: 0;
  7461. border-left: 1px solid #ececec;
  7462. }
  7463. .input-number .input-number__controls .input-number__decrease {
  7464. left: 0;
  7465. border-right: 1px solid #ececec;
  7466. }
  7467. input[type="image"] {
  7468. padding: 0;
  7469. width: auto;
  7470. border: none;
  7471. }
  7472. /*! -- Stack Subscribe Forms -- */
  7473. .subscribe-form-1 h3 {
  7474. margin-bottom: 0.52em;
  7475. }
  7476. .subscribe-form-1.boxed form {
  7477. margin: 1.85714286em;
  7478. }
  7479. @media all and (min-width: 991px) {
  7480. .subscribe-form-2 p {
  7481. top: 2px;
  7482. position: relative;
  7483. }
  7484. .subscribe-form-2 input {
  7485. margin: 0;
  7486. }
  7487. .subscribe-form-2 form [class*='col-'] {
  7488. margin: 0 !important;
  7489. }
  7490. }
  7491. @media all and (max-width: 990px) {
  7492. .subscribe-form-2 {
  7493. text-align: center;
  7494. }
  7495. .subscribe-form-2 form {
  7496. margin-top: 1.85714286em;
  7497. }
  7498. }
  7499. /*! -- Stack Elaborate Forms -- */
  7500. @media all and (max-width: 767px) {
  7501. .elaborate-form-1 .pos-vertical-center {
  7502. padding-left: 15px;
  7503. padding-right: 15px;
  7504. }
  7505. .elaborate-form-1 form .col-xs-6:nth-child(even) {
  7506. padding-left: 15px;
  7507. }
  7508. .elaborate-form-1 form .col-xs-6:nth-child(odd) {
  7509. padding-right: 15px;
  7510. }
  7511. .elaborate-form-1 .row form > .row {
  7512. margin-left: -15px;
  7513. margin-right: -15px;
  7514. }
  7515. }
  7516. /* Stack Boxed Forms */
  7517. .boxed-form h4 {
  7518. margin-bottom: 0.684210526315789em;
  7519. }
  7520. .boxed-form:last-child {
  7521. margin-bottom: 0;
  7522. }
  7523. /* Stack Datepicker Form */
  7524. .datepicker {
  7525. cursor: pointer;
  7526. }
  7527. .datepicker.datepicker--fluid + .picker {
  7528. max-width: none;
  7529. }
  7530. .picker {
  7531. transition: all .3s ease;
  7532. z-index: 10;
  7533. max-width: 100%;
  7534. -webkit-transition: all .3s ease;
  7535. margin-top: 0.46428571em;
  7536. position: absolute;
  7537. background: #ffffff;
  7538. border: 1px solid #ececec;
  7539. border-radius: 6px;
  7540. padding: 0.92857143em;
  7541. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  7542. }
  7543. .picker .picker__header {
  7544. text-align: center;
  7545. margin-bottom: 0.92857143em;
  7546. }
  7547. .picker .picker__header > div {
  7548. font-weight: 600;
  7549. display: inline-block;
  7550. color: #252525;
  7551. }
  7552. .picker .picker__header > div:not(:last-child) {
  7553. margin-right: 0.46428571em;
  7554. }
  7555. .picker .picker__header .picker__nav--prev,
  7556. .picker .picker__header .picker__nav--next {
  7557. height: 10px;
  7558. width: 10px;
  7559. cursor: pointer;
  7560. }
  7561. .picker .picker__header .picker__nav--prev:after,
  7562. .picker .picker__header .picker__nav--next:after {
  7563. font-family: 'stack-interface';
  7564. }
  7565. .picker .picker__header .picker__nav--next {
  7566. float: right;
  7567. }
  7568. .picker .picker__header .picker__nav--next:after {
  7569. content: '\e80c';
  7570. }
  7571. .picker .picker__header .picker__nav--prev {
  7572. float: left;
  7573. }
  7574. .picker .picker__header .picker__nav--prev:after {
  7575. content: '\e80b';
  7576. }
  7577. .picker .picker__day {
  7578. transition: all .3s ease;
  7579. cursor: pointer;
  7580. }
  7581. .picker .picker__day.picker__day--highlighted {
  7582. color: #4a90e2;
  7583. font-weight: 600;
  7584. }
  7585. .picker .picker__day:hover {
  7586. color: #4a90e2;
  7587. }
  7588. .picker:not(.picker--opened) {
  7589. opacity: 0;
  7590. visibility: hidden;
  7591. pointer-events: none;
  7592. transform: scale(0);
  7593. }
  7594. .picker .picker__holder {
  7595. outline: none !important;
  7596. border: none !important;
  7597. }
  7598. .picker table td {
  7599. padding: 0.46428571em;
  7600. padding-top: 0;
  7601. }
  7602. .picker .picker__footer {
  7603. text-align: center;
  7604. }
  7605. .picker .picker__button--today {
  7606. float: left;
  7607. }
  7608. .picker .picker__button--close {
  7609. float: right;
  7610. }
  7611. .picker button {
  7612. transition: all .3s ease;
  7613. height: auto;
  7614. border: none;
  7615. display: inline-block;
  7616. }
  7617. .picker button:not(:hover) {
  7618. opacity: .5;
  7619. }
  7620. /* Stack Horizontal Forms */
  7621. .form-horizontal {
  7622. display: flex;
  7623. }
  7624. .form-horizontal > div[class*='col-'],
  7625. .form-horizontal > div[class*='col-']:not(:last-child) {
  7626. margin-bottom: 0;
  7627. display: flex;
  7628. align-items: flex-end;
  7629. flex-wrap: wrap;
  7630. }
  7631. .form-horizontal .picker {
  7632. top: 100%;
  7633. }
  7634. @media all and (max-width: 990px) {
  7635. .form-horizontal {
  7636. display: block;
  7637. }
  7638. label {
  7639. margin-top: 0.46428571em;
  7640. }
  7641. button {
  7642. margin-top: 1.85714286em;
  7643. }
  7644. }
  7645. /*! -- Stack Sliders -- */
  7646. /*! -- Stack Pricing -- */
  7647. .pricing {
  7648. transition: 0.3s ease;
  7649. -webkit-transition: 0.3s ease;
  7650. -moz-transition: 0.3s ease;
  7651. position: relative;
  7652. }
  7653. .pricing h3:first-child {
  7654. margin: 0;
  7655. }
  7656. .pricing .label {
  7657. top: 2.78571429em;
  7658. right: 2.78571429em;
  7659. }
  7660. .pricing .h2 {
  7661. margin-bottom: 0.3939393939394em;
  7662. }
  7663. .pricing ul li:not(:last-child) {
  7664. margin-bottom: 0.46428571em;
  7665. }
  7666. .pricing ul li .checkmark + span {
  7667. position: relative;
  7668. bottom: 3px;
  7669. }
  7670. .pricing:hover {
  7671. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  7672. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  7673. }
  7674. .pricing .h1 {
  7675. font-size: 4.21428571428571em;
  7676. line-height: 1.10169491525424em;
  7677. margin-bottom: 0.22033898305085em;
  7678. }
  7679. .pricing .h1 .pricing__dollar {
  7680. font-size: 0.51020408163265em;
  7681. position: relative;
  7682. bottom: 20px;
  7683. }
  7684. .pricing .feature-6 p {
  7685. min-height: 5.57142857em;
  7686. }
  7687. .pricing-1 .btn:last-child {
  7688. position: absolute;
  7689. width: 100%;
  7690. bottom: 0;
  7691. left: 0;
  7692. border-radius: 0 0 6px 6px;
  7693. padding: 0.92857143em 0;
  7694. margin: 0;
  7695. }
  7696. .pricing-1 .btn:last-child:hover {
  7697. transform: none !important;
  7698. }
  7699. .pricing-1 ul {
  7700. margin-bottom: 5.57142857em;
  7701. }
  7702. .pricing-1 p {
  7703. min-height: 5.57142857em;
  7704. }
  7705. .pricing-1 p:first-of-type {
  7706. margin-top: 1.85714286em;
  7707. }
  7708. .pricing-1 p:last-of-type {
  7709. margin-bottom: 5.57142857em;
  7710. }
  7711. .pricing-1 img + p:first-of-type {
  7712. margin-top: 0;
  7713. }
  7714. @media all and (min-width: 991px) {
  7715. .pricing-2 ul:first-child {
  7716. margin-top: 4.64285714em;
  7717. }
  7718. }
  7719. @media all and (max-width: 990px) {
  7720. .pricing-2 {
  7721. text-align: center;
  7722. }
  7723. .pricing-2 ul:first-child {
  7724. margin-top: 1.85714286em;
  7725. }
  7726. }
  7727. .pricing-3 {
  7728. border: 1px solid #ececec;
  7729. border-radius: 6px;
  7730. }
  7731. .pricing-3 .pricing__head {
  7732. margin: 0;
  7733. border-bottom: 1px solid #ececec;
  7734. }
  7735. .pricing-3 .pricing__head + .btn {
  7736. display: block;
  7737. border-radius: 0;
  7738. padding: 0.92857143em 0;
  7739. }
  7740. .pricing-3 ul {
  7741. border-radius: 0 0 6px 6px;
  7742. }
  7743. .pricing-3 ul li {
  7744. padding: 0.92857143em 0;
  7745. }
  7746. .pricing-3 ul li:not(:last-child) {
  7747. border-bottom: 1px solid #ececec;
  7748. margin: 0;
  7749. }
  7750. .pricing-3 ul:last-child {
  7751. margin: 0;
  7752. }
  7753. @media all and (max-width: 990px) {
  7754. .pricing-3 {
  7755. margin-bottom: 1.85714286em;
  7756. }
  7757. }
  7758. @media all and (min-width: 768px) {
  7759. .pricing-section-1 .pricing:not(.boxed--emphasis) {
  7760. left: 0.92857143em;
  7761. }
  7762. .pricing-section-1 .pricing.boxed--emphasis {
  7763. right: 0.92857143em;
  7764. }
  7765. }
  7766. @media all and (min-width: 990px) {
  7767. .pricing-section-2 div[class*='col-'] {
  7768. padding: 0;
  7769. }
  7770. .pricing-section-2 div[class*='col-']:not(:first-child):not(:last-child) .pricing__head {
  7771. border-radius: 0;
  7772. }
  7773. .pricing-section-2 div[class*='col-']:first-child .pricing {
  7774. border-radius: 6px 0 0 6px;
  7775. }
  7776. .pricing-section-2 div[class*='col-']:first-child .pricing .pricing__head {
  7777. border-radius: 6px 0 0 0;
  7778. }
  7779. .pricing-section-2 div[class*='col-']:last-child .pricing {
  7780. border-radius: 0 6px 6px 6px;
  7781. border-right: 1px solid #ececec;
  7782. }
  7783. .pricing-section-2 div[class*='col-']:last-child .pricing .pricing__head {
  7784. border-radius: 0 6px 0 0;
  7785. }
  7786. .pricing-section-2 .pricing {
  7787. border: 1px solid #ececec;
  7788. border-radius: 0 0 0 6px;
  7789. border-right: none;
  7790. }
  7791. .pricing-section-2 .pricing:hover {
  7792. box-shadow: none;
  7793. }
  7794. .pricing-section-2 .pricing ul {
  7795. margin: 0;
  7796. }
  7797. }
  7798. .pricing-section-2.bg--dark .pricing,
  7799. .pricing-section-2.bg--dark .pricing .pricing__head,
  7800. .pricing-section-2.bg--dark .pricing ul li:not(:last-child),
  7801. .pricing-section-2.bg--dark div[class*='col-']:last-child .pricing {
  7802. border-color: #3f3f3f;
  7803. }
  7804. .pricing-section-2.imagebg .pricing,
  7805. .pricing-section-2.imagebg .pricing .pricing__head,
  7806. .pricing-section-2.imagebg .pricing ul li:not(:last-child),
  7807. .pricing-section-2.imagebg div[class*='col-']:last-child .pricing {
  7808. border-color: rgba(255, 255, 255, 0.2);
  7809. }
  7810. /*! -- Stack Progress Horizontal -- */
  7811. .progress-horizontal:not(:last-child) {
  7812. margin-bottom: 1.85714286em;
  7813. }
  7814. .progress-horizontal.progress-horizontal--lg .progress-horizontal__bar {
  7815. height: 1.85714286em;
  7816. }
  7817. .progress-horizontal.progress-horizontal--sm .progress-horizontal__bar {
  7818. height: 0.46428571em;
  7819. }
  7820. .progress-horizontal__bar {
  7821. height: 0.92857143em;
  7822. border-radius: 100px;
  7823. background: #fafafa;
  7824. border: 1px solid rgba(0, 0, 0, 0.1);
  7825. }
  7826. .progress-horizontal__bar:not(:last-child) {
  7827. margin-bottom: 0.46428571em;
  7828. }
  7829. .progress-horizontal__progress {
  7830. background: #4a90e2;
  7831. border-radius: 100px;
  7832. }
  7833. .imagebg .progress-horizontal__bar {
  7834. background: rgba(20, 20, 20, 0.2);
  7835. border: none;
  7836. }
  7837. /*! -- Stack Maps -- */
  7838. iframe[src*='google.com/maps'] {
  7839. border: none;
  7840. }
  7841. .map-container {
  7842. min-height: 400px;
  7843. }
  7844. .map-container:not(:last-child) {
  7845. margin-bottom: 1.85714286em;
  7846. }
  7847. .map-container.border--round {
  7848. overflow: hidden;
  7849. z-index: 2;
  7850. }
  7851. .map-container.border--round .gm-style {
  7852. border-radius: 6px;
  7853. }
  7854. .map-container iframe {
  7855. left: 0;
  7856. }
  7857. @media all and (min-width: 768px) {
  7858. .background-image-holder .map-container,
  7859. .imageblock__content .map-container {
  7860. position: absolute;
  7861. width: 100%;
  7862. height: 100%;
  7863. top: 0;
  7864. left: 0;
  7865. }
  7866. .map-container + div[class*='col-'] {
  7867. margin-top: 3.71428571em;
  7868. }
  7869. }
  7870. /*! -- Stack Testimonials -- */
  7871. .testimonial {
  7872. position: relative;
  7873. overflow: hidden;
  7874. }
  7875. .testimonial h5:nth-last-child(2) {
  7876. margin: 0;
  7877. }
  7878. .testimonial .testimonial__image {
  7879. margin-bottom: 1.85714286em;
  7880. }
  7881. @media all and (min-width: 1025px) {
  7882. .testimonial-1 .switchable__text {
  7883. margin-top: 7.42857143em;
  7884. }
  7885. }
  7886. .testimonial-2 {
  7887. float: none;
  7888. width: 100%;
  7889. }
  7890. .testimonial-2 .testimonial__image img {
  7891. max-height: 3.71428571em;
  7892. float: left;
  7893. margin-right: 1.85714286em;
  7894. }
  7895. .testimonial-2 .boxed {
  7896. width: 100%;
  7897. }
  7898. .bg--secondary .testimonial-2 .boxed {
  7899. background: #fff;
  7900. }
  7901. @media all and (max-width: 990px) {
  7902. .testimonial-2 p {
  7903. min-height: 7.42857143em;
  7904. }
  7905. }
  7906. @media all and (max-width: 767px) {
  7907. .testimonial-2 p {
  7908. min-height: 0;
  7909. }
  7910. }
  7911. @media all and (min-width: 768px) {
  7912. .lead + .testimonial-2 {
  7913. margin-top: 3.71428571em;
  7914. }
  7915. }
  7916. @media all and (min-width: 768px) {
  7917. .testimonials-1 .list-inline {
  7918. position: relative;
  7919. top: 0.92857143em;
  7920. }
  7921. .testimonials-1 .list-inline li:not(:last-child) {
  7922. margin-right: 3.71428571em;
  7923. }
  7924. }
  7925. @media all and (max-width: 767px) {
  7926. .testimonials-1 .list-inline {
  7927. margin-top: 1.85714286em;
  7928. }
  7929. .testimonials-1 .list-inline li {
  7930. margin-bottom: 1.85714286em;
  7931. }
  7932. }
  7933. /*! -- Stack Masonry -- */
  7934. .masonry__item:not(:empty) {
  7935. margin-bottom: 30px;
  7936. transform-style: preserve-3d;
  7937. }
  7938. .masonry__item:not(:empty) article {
  7939. margin: 0;
  7940. }
  7941. .masonry__item:not(:empty) article .boxed {
  7942. margin: 0;
  7943. }
  7944. .masonry__item:empty {
  7945. height: 0;
  7946. min-height: 0;
  7947. }
  7948. .masonry hr + .masonry__container,
  7949. .masonry hr + .row {
  7950. margin-top: 4.64285714em;
  7951. }
  7952. .masonry-filter-holder:not(.masonry-filters--horizontal) {
  7953. display: inline-block;
  7954. cursor: pointer;
  7955. height: 3.71428571em;
  7956. position: relative;
  7957. z-index: 9;
  7958. min-width: 143px;
  7959. }
  7960. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
  7961. cursor: pointer;
  7962. transition: 0.3s ease;
  7963. -webkit-transition: 0.3s ease;
  7964. -moz-transition: 0.3s ease;
  7965. z-index: 2;
  7966. display: inline-block;
  7967. position: absolute;
  7968. left: 0;
  7969. text-align: left;
  7970. padding: 0.92857143em 1.85714286em;
  7971. border: 1px solid #ececec;
  7972. background: #ffffff;
  7973. border-radius: 6px;
  7974. }
  7975. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul {
  7976. margin: 0;
  7977. cursor: pointer;
  7978. }
  7979. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li {
  7980. transition: 0.3s ease;
  7981. -webkit-transition: 0.3s ease;
  7982. -moz-transition: 0.3s ease;
  7983. display: block;
  7984. color: #666666;
  7985. white-space: nowrap;
  7986. }
  7987. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:not(:last-child) {
  7988. margin-bottom: 0.92857143em;
  7989. }
  7990. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
  7991. color: #4a90e2;
  7992. cursor: pointer;
  7993. }
  7994. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active:after {
  7995. content: '\25bc';
  7996. font-size: 8px;
  7997. margin-left: 6px;
  7998. position: relative;
  7999. bottom: 2px;
  8000. display: inline-block;
  8001. transform: scaleX(1.4) scaleY(0.9);
  8002. transition: 0.2s linear;
  8003. -webkit-transition: 0.2s linear;
  8004. -moz-transition: 0.2s linear;
  8005. }
  8006. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover {
  8007. color: #4a90e2;
  8008. }
  8009. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after {
  8010. opacity: 0;
  8011. }
  8012. .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
  8013. max-height: 1.85714286em;
  8014. overflow: hidden;
  8015. }
  8016. .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul li:not(.active) {
  8017. display: none;
  8018. }
  8019. .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters {
  8020. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  8021. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  8022. }
  8023. .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters ul li.active {
  8024. cursor: default;
  8025. }
  8026. .masonry-filters--horizontal {
  8027. display: inline-block;
  8028. }
  8029. .masonry-filters--horizontal .masonry__filters {
  8030. display: inline-block;
  8031. position: relative;
  8032. margin-left: 0.92857143em;
  8033. }
  8034. .masonry-filters--horizontal .masonry__filters ul li {
  8035. transition: all .3s ease;
  8036. cursor: pointer;
  8037. display: inline-block;
  8038. }
  8039. .masonry-filters--horizontal .masonry__filters ul li:not(:last-child) {
  8040. margin-right: 1.85714286em;
  8041. }
  8042. .masonry-filters--horizontal .masonry__filters ul li.active {
  8043. color: #4a90e2;
  8044. }
  8045. .masonry-filters--horizontal .masonry__filters ul li:not(.active) {
  8046. opacity: .5;
  8047. }
  8048. .masonry-filters--horizontal .masonry__filters ul li:hover {
  8049. opacity: 1;
  8050. }
  8051. .masonry-filter-holder + .masonry__container {
  8052. margin-top: 3.71428571em;
  8053. }
  8054. .bg--dark .masonry-filter-holder .masonry__filters {
  8055. background: #2a2a2a;
  8056. border-color: #3f3f3f;
  8057. }
  8058. .bg--dark .masonry-filter-holder .masonry__filters li {
  8059. color: #fff;
  8060. }
  8061. .masonry.masonry-demos .masonry__item:not(:empty) {
  8062. margin-bottom: 3.71428571em;
  8063. }
  8064. .masonry.masonry-demos .masonry__item h5 {
  8065. margin-bottom: 0;
  8066. }
  8067. .masonry.masonry-demos .masonry__item:not([style]) .hover-item {
  8068. min-height: 450px;
  8069. background: #323232;
  8070. border: 1px solid #3f3f3f;
  8071. }
  8072. .masonry.masonry-demos .hover-item {
  8073. transition: 0.35s ease-out;
  8074. -webkit-transition: 0.35s ease-out;
  8075. -moz-transition: 0.35s ease-out;
  8076. border-radius: 6px;
  8077. overflow: hidden;
  8078. }
  8079. .masonry.masonry-demos .hover-item:hover {
  8080. transform: translateY(-10px);
  8081. }
  8082. .masonry.masonry-demos .masonry__container {
  8083. margin-top: 3.71428571em;
  8084. }
  8085. /*! -- Stack Blog -- */
  8086. article .article__title {
  8087. margin-bottom: 3.71428571em;
  8088. }
  8089. article .article__title > a {
  8090. display: block;
  8091. }
  8092. article .article__title > a:hover {
  8093. text-decoration: none;
  8094. opacity: .75;
  8095. }
  8096. article .article__title h2 {
  8097. margin-bottom: 0.3939393939394em;
  8098. }
  8099. article .article__title h1 {
  8100. margin-bottom: 0.29545454545455em;
  8101. }
  8102. article .article__body img,
  8103. article .article__body iframe,
  8104. article .article__body .video-cover {
  8105. border-radius: 6px;
  8106. }
  8107. article .article__body img:not(:last-child),
  8108. article .article__body iframe:not(:last-child),
  8109. article .article__body .video-cover:not(:last-child) {
  8110. margin-bottom: 1.85714286em;
  8111. }
  8112. article .article__body > a:first-child > img {
  8113. margin-bottom: 1.85714286em;
  8114. }
  8115. article .article__body p,
  8116. article .article__body ul {
  8117. font-size: 1.35714286em;
  8118. line-height: 1.68421053em;
  8119. font-weight: 400;
  8120. color: #808080;
  8121. }
  8122. article .article__body ul {
  8123. list-style: unset;
  8124. margin-left: 1em;
  8125. }
  8126. article .article__body ul ul {
  8127. font-size: 1em;
  8128. margin-left: 1em;
  8129. }
  8130. article .article__body p:not(:last-child),
  8131. article .article__body ul:not(:last-child) {
  8132. margin-bottom: 1.36842105263158em;
  8133. }
  8134. article .article__body p + .btn:last-child,
  8135. article .article__body ul + .btn:last-child {
  8136. margin-top: 0.92857143em;
  8137. }
  8138. article .article__body p + h5,
  8139. article .article__body ul + h5 {
  8140. margin-top: 2.78571429em;
  8141. }
  8142. article .article__body blockquote {
  8143. text-align: center;
  8144. }
  8145. article .article__body blockquote:not(:last-child) {
  8146. margin-top: 2.08em;
  8147. margin-bottom: 2.08em;
  8148. }
  8149. article .article__share {
  8150. margin-top: 5.57142857em;
  8151. }
  8152. article.imagebg {
  8153. padding: 1.85714286em;
  8154. overflow: hidden;
  8155. }
  8156. article.imagebg:before {
  8157. transition: 0.3s ease;
  8158. -webkit-transition: 0.3s ease;
  8159. -moz-transition: 0.3s ease;
  8160. }
  8161. article.imagebg:hover:before {
  8162. opacity: .6;
  8163. }
  8164. article.imagebg .article__title {
  8165. margin: 0;
  8166. position: absolute;
  8167. bottom: 0;
  8168. z-index: 2;
  8169. max-width: 90%;
  8170. }
  8171. article.imagebg .article__title span {
  8172. font-size: 0.85714286em;
  8173. }
  8174. article.imagebg .label {
  8175. z-index: 2;
  8176. top: 1.85714286em;
  8177. right: 1.85714286em;
  8178. }
  8179. article.feature-1 h5 {
  8180. min-height: 3.71428571em;
  8181. }
  8182. article.feature-1 a img {
  8183. transition: 0.3s ease;
  8184. -webkit-transition: 0.3s ease;
  8185. -moz-transition: 0.3s ease;
  8186. }
  8187. article.feature-1 a:hover img {
  8188. opacity: .85;
  8189. }
  8190. figure[class*='col-'] {
  8191. padding: 0 !important;
  8192. }
  8193. figure.pull-right {
  8194. margin-left: 2.78571429em;
  8195. }
  8196. figure.pull-left {
  8197. margin-right: 2.78571429em;
  8198. }
  8199. figure img:not(:last-child) {
  8200. margin-bottom: 0.46428571em !important;
  8201. }
  8202. figure figcaption {
  8203. font-size: 0.85714286em;
  8204. font-style: italic;
  8205. }
  8206. section.unpad > article .imagebg + div {
  8207. padding: 5.57142857em 0;
  8208. }
  8209. .article__author {
  8210. padding-bottom: 1.85714286em;
  8211. }
  8212. .article__author img {
  8213. max-height: 3.71428571em;
  8214. margin-bottom: 0.46428571em;
  8215. }
  8216. .slides--gapless article.imagebg {
  8217. height: 27.85714286em;
  8218. }
  8219. .masonry-blog-magazine article,
  8220. .masonry-blog-magazine .masonry__promo {
  8221. height: 338px;
  8222. }
  8223. .masonry-blog-magazine .height--tall {
  8224. height: calc(706px);
  8225. }
  8226. @media all and (min-width: 991px) {
  8227. .masonry__promo.boxed--lg {
  8228. padding: 7.42857143em;
  8229. }
  8230. }
  8231. @media all and (max-width: 990px) {
  8232. .masonry-blog-magazine .height--tall {
  8233. height: 338px;
  8234. }
  8235. .masonry__promo .pos-vertical-center {
  8236. top: 0;
  8237. transform: none;
  8238. }
  8239. }
  8240. @media all and (max-width: 1200px) {
  8241. .masonry__promo.boxed--lg {
  8242. padding: 3.71428571em;
  8243. }
  8244. }
  8245. .pagination {
  8246. text-align: center;
  8247. margin-top: 1.85714286em;
  8248. }
  8249. .pagination:after {
  8250. content: "";
  8251. display: table;
  8252. clear: both;
  8253. }
  8254. .pagination a {
  8255. font-weight: normal;
  8256. }
  8257. .pagination div[class*='col-'] {
  8258. padding: 0;
  8259. }
  8260. .pagination ol {
  8261. margin-bottom: 0;
  8262. display: inline-block;
  8263. }
  8264. .pagination ol li {
  8265. display: inline-block;
  8266. margin: 0;
  8267. font-weight: 700;
  8268. line-height: 23px;
  8269. width: 1.85714286em;
  8270. height: 1.85714286em;
  8271. border-radius: 50%;
  8272. border: 1px solid #ececec;
  8273. }
  8274. .pagination ol li > a {
  8275. font-weight: 700;
  8276. }
  8277. .pagination ol li:not(:last-child) {
  8278. margin-right: 0.46428571em;
  8279. }
  8280. .pagination ol li.pagination__current {
  8281. cursor: default;
  8282. background: #ececec;
  8283. color: #aaa;
  8284. }
  8285. .pagination__prev,
  8286. .pagination__next {
  8287. display: inline-block;
  8288. }
  8289. .pagination__next {
  8290. float: right;
  8291. }
  8292. .pagination__prev {
  8293. float: left;
  8294. }
  8295. .blog-article-wide:not(:last-child) {
  8296. border-bottom: 1px solid #ececec;
  8297. margin-bottom: 3.71428571em;
  8298. }
  8299. .masonry-blog-list hr + .masonry__container {
  8300. margin-top: 0;
  8301. }
  8302. .masonry-blog-list article {
  8303. border-bottom: 1px solid #ececec;
  8304. padding-top: 2.78571429em;
  8305. margin-bottom: 5.57142857em;
  8306. }
  8307. .masonry-blog-list article .article__body {
  8308. padding-bottom: 5.57142857em;
  8309. }
  8310. .masonry-blog-magazine .masonry__item a {
  8311. font-weight: normal;
  8312. }
  8313. .masonry-blog-magazine .masonry__item a:hover {
  8314. text-decoration: none;
  8315. }
  8316. .masonry-filter-container {
  8317. margin-bottom: 1.85714286em;
  8318. }
  8319. .masonry-filter-container > span {
  8320. position: relative;
  8321. }
  8322. .masonry-filter-container > span + .masonry-filter-holder {
  8323. margin-left: 0.92857143em;
  8324. }
  8325. .comments__list li {
  8326. padding: 1.85714286em;
  8327. border: 1px solid #ececec;
  8328. border-bottom: none;
  8329. }
  8330. .comments__list li:last-child {
  8331. border-bottom: 1px solid #ececec;
  8332. }
  8333. .comments__list li:nth-child(odd) {
  8334. background: #fcfcfc;
  8335. }
  8336. .comments__list li:nth-child(even) {
  8337. background: #f9f9f9;
  8338. }
  8339. .comments__list li:first-child {
  8340. border-radius: 6px 6px 0 0;
  8341. }
  8342. .comments__list li:last-child {
  8343. border-radius: 0 0 6px 6px;
  8344. }
  8345. .bg--secondary .comments__list li:nth-child(even) {
  8346. background: #fff;
  8347. }
  8348. @media all and (min-width: 768px) {
  8349. .comments__list li {
  8350. padding: 2.78571429em;
  8351. }
  8352. }
  8353. .comment {
  8354. overflow: hidden;
  8355. }
  8356. .comment:not(:last-child) {
  8357. border-bottom: 1px solid #ececec;
  8358. padding-bottom: 1.85714286em;
  8359. }
  8360. .comment .comment__avatar {
  8361. width: 15%;
  8362. float: left;
  8363. }
  8364. .comment .comment__avatar img {
  8365. max-height: 3.71428571em;
  8366. }
  8367. .comment .comment__meta {
  8368. font-size: 0.85714286em;
  8369. }
  8370. .comment .comment__meta a {
  8371. display: inline-block;
  8372. }
  8373. .comment .comment__meta a:not(:first-child) {
  8374. margin-left: 1.08333333333334em;
  8375. }
  8376. .comment .comment__meta + p {
  8377. margin-top: 0.92857143em;
  8378. }
  8379. .comment .comment__body {
  8380. width: 85%;
  8381. float: right;
  8382. }
  8383. .comment .comment__body h5.type--fine-print {
  8384. margin: 0;
  8385. }
  8386. .comment + .comment {
  8387. margin-top: 1.85714286em;
  8388. padding-left: 15%;
  8389. }
  8390. @media all and (min-width: 768px) {
  8391. .comments + .comments-form {
  8392. margin-top: 3.71428571em;
  8393. }
  8394. }
  8395. @media all and (min-width: 768px) {
  8396. h3 + .related-blog-list {
  8397. margin-top: 3.71428571em;
  8398. }
  8399. }
  8400. .related-blog-list li:not(:last-child) {
  8401. margin-bottom: 1.85714286em;
  8402. }
  8403. .related-blog-list article img {
  8404. border-radius: 6px;
  8405. }
  8406. .related-blog-list article .article__title {
  8407. margin-top: 0.92857143em;
  8408. margin-bottom: 0;
  8409. }
  8410. .related-blog-list article .article__title .h4 {
  8411. margin-bottom: 0.68421052631579em;
  8412. }
  8413. @media all and (min-width: 991px) {
  8414. .sidebar {
  8415. margin-top: 7.42857143em;
  8416. position: relative;
  8417. bottom: 18px;
  8418. }
  8419. }
  8420. .sidebar__widget > h5:first-child {
  8421. margin-bottom: 0.92857143em;
  8422. }
  8423. .sidebar__widget:not(:last-child) {
  8424. margin-bottom: 3.71428571em;
  8425. }
  8426. .tag-cloud li {
  8427. display: inline-block;
  8428. }
  8429. .tag-cloud li:not(:last-child) {
  8430. margin-right: 0.46428571em;
  8431. }
  8432. .tag-cloud li:not(:last-child):after {
  8433. content: ',';
  8434. }
  8435. .conversation__head {
  8436. border-radius: 6px 6px 0 0;
  8437. }
  8438. .conversation__head.boxed:not(:last-child) {
  8439. margin: 0;
  8440. }
  8441. .conversation__head h4 {
  8442. margin: 0;
  8443. }
  8444. .conversation__head .conversation__avatar {
  8445. margin-top: 0.92857143em;
  8446. }
  8447. .conversation__head .conversation__avatar img {
  8448. max-height: 1.85714286em;
  8449. display: inline-block;
  8450. margin-right: 0.46428571em;
  8451. margin-bottom: 0;
  8452. }
  8453. @media all and (min-width: 768px) {
  8454. .conversation__avatar {
  8455. position: absolute;
  8456. top: 1.85714286em;
  8457. right: 2.78571429em;
  8458. }
  8459. }
  8460. .conversation__reply {
  8461. border-top: none !important;
  8462. border-bottom: none;
  8463. border-radius: 0;
  8464. }
  8465. .conversation__reply.boxed:not(:last-child) {
  8466. margin-bottom: 0;
  8467. }
  8468. .conversation__reply + .conversation__comments .comments__list li:first-child {
  8469. border-radius: 0;
  8470. border-top: none;
  8471. }
  8472. /*! -- Stack Portfolio -- */
  8473. .project-thumb > a {
  8474. display: block;
  8475. }
  8476. .project-thumb:not(.hover-element) > a {
  8477. transition: 0.3s ease;
  8478. -webkit-transition: 0.3s ease;
  8479. -moz-transition: 0.3s ease;
  8480. margin-bottom: 1.85714286em;
  8481. }
  8482. .project-thumb:not(.hover-element) > a:hover {
  8483. opacity: .85;
  8484. }
  8485. .project-thumb.hover-element {
  8486. margin: 0;
  8487. }
  8488. .project-thumb.hover-element > a {
  8489. height: 24.14285714em;
  8490. text-decoration: none;
  8491. font-weight: normal;
  8492. }
  8493. .project-thumb.hover-element .background-image-holder {
  8494. transition: 0.5s ease-out;
  8495. -webkit-transition: 0.5s ease-out;
  8496. -moz-transition: 0.5s ease-out;
  8497. }
  8498. .project-thumb.hover-element .hover-element__reveal .project-thumb__title {
  8499. padding: 1.85714286em;
  8500. z-index: 2;
  8501. position: relative;
  8502. color: #fff;
  8503. }
  8504. .project-thumb.hover-element .hover-element__reveal .project-thumb__title h5 {
  8505. margin: 0;
  8506. }
  8507. .project-thumb.hover-element.hover--active {
  8508. transition: 0.3s ease;
  8509. -webkit-transition: 0.3s ease;
  8510. -moz-transition: 0.3s ease;
  8511. }
  8512. .project-thumb.hover-element.hover--active:hover {
  8513. opacity: .85;
  8514. }
  8515. .project-thumb.hover-element:not(.hover--active)[data-scrim-top] .hover-element__reveal {
  8516. transition: 0.5s ease;
  8517. -webkit-transition: 0.5s ease;
  8518. -moz-transition: 0.5s ease;
  8519. transform: translate3d(0, -100px, 0);
  8520. -webkit-transform: translate3d(0, -100px, 0);
  8521. }
  8522. .project-thumb.hover-element:not(.hover--active)[data-scrim-top]:hover .hover-element__reveal {
  8523. transform: translate3d(0, 0, 0);
  8524. -webkit-transform: translate3d(0, 0, 0);
  8525. }
  8526. .project-thumb.hover-element [data-scrim-top]:before {
  8527. height: 100%;
  8528. }
  8529. .project-thumb h4 {
  8530. margin-bottom: 0;
  8531. }
  8532. .project-thumb.height-40 {
  8533. min-height: 350px;
  8534. }
  8535. @media all and (max-width: 767px) {
  8536. .project-thumb.height-40 {
  8537. height: 350px;
  8538. min-width: 100%;
  8539. }
  8540. }
  8541. @media all and (min-width: 768px) {
  8542. .col-xs-12:not(.col-sm-6) .project-thumb.hover-element > a {
  8543. height: 46.42857143em;
  8544. }
  8545. }
  8546. .project-thumb.border--round .background-image-holder {
  8547. border-radius: 6px;
  8548. }
  8549. .project-thumb.border--round > a {
  8550. border-radius: 6px;
  8551. overflow: hidden;
  8552. }
  8553. .project-thumb.border--round:before {
  8554. border-radius: 6px;
  8555. overflow: hidden;
  8556. }
  8557. .col-md-4 .project-thumb > a:not(.imagebg) {
  8558. margin-bottom: 0.92857143em;
  8559. }
  8560. /*! -- Stack Shop -- */
  8561. .cart-form button[type="submit"] {
  8562. margin-top: 1.85714286em;
  8563. }
  8564. .cart-total > div {
  8565. overflow: hidden;
  8566. }
  8567. @media all and (min-width: 768px) {
  8568. .cart-total {
  8569. margin-top: 3.71428571em;
  8570. }
  8571. .cart-customer-details {
  8572. margin-top: 7.42857143em;
  8573. }
  8574. }
  8575. @media all and (max-width: 767px) {
  8576. .cart-total {
  8577. margin-top: 1.85714286em;
  8578. }
  8579. }
  8580. .cart-customer-details div[class*='col-'] {
  8581. margin-top: 0.46428571em;
  8582. }
  8583. .cart-customer-details .input-checkbox {
  8584. margin: 1.85714286em 0;
  8585. }
  8586. .cart-customer-details .input-checkbox + span {
  8587. bottom: 38px;
  8588. }
  8589. .product {
  8590. margin-bottom: 0.92857143em;
  8591. }
  8592. .product img {
  8593. margin-bottom: 0.92857143em;
  8594. transition: 0.3s ease;
  8595. -webkit-transition: 0.3s ease;
  8596. -moz-transition: 0.3s ease;
  8597. backface-visibility: hidden;
  8598. }
  8599. .product a:hover img {
  8600. transform: translate3d(0, -5px, 0);
  8601. -webkit-transform: translate3d(0, -5px, 0);
  8602. }
  8603. .product .label + img {
  8604. margin-top: 2.78571429em;
  8605. }
  8606. .product h5 {
  8607. display: inline-block;
  8608. margin-bottom: 0;
  8609. margin-right: 0.46428571em;
  8610. }
  8611. .product .h4 {
  8612. margin-bottom: 0;
  8613. }
  8614. .product .h4:first-child {
  8615. clear: left;
  8616. }
  8617. .product .product__controls {
  8618. overflow: hidden;
  8619. margin-bottom: 0.92857143em;
  8620. }
  8621. .product .product__controls label,
  8622. .product .product__controls button {
  8623. position: relative;
  8624. top: 6px;
  8625. }
  8626. .product.product--tile {
  8627. padding: 1.85714286em;
  8628. border-radius: 6px;
  8629. }
  8630. @media all and (min-width: 1200px) {
  8631. .product .btn--cart {
  8632. position: absolute;
  8633. right: 1.85714286em;
  8634. bottom: 1.85714286em;
  8635. }
  8636. }
  8637. .col-sm-6:not(.col-md-3) .product {
  8638. text-align: center;
  8639. }
  8640. .col-md-3 .product--tile h5 {
  8641. display: block;
  8642. }
  8643. .masonry--tiles {
  8644. padding: 10px;
  8645. }
  8646. .masonry--tiles .masonry__item:not(:empty) {
  8647. padding: 0 6px;
  8648. margin-bottom: 12px;
  8649. }
  8650. .masonry--tiles .masonry__item:not(:empty) .product--tile {
  8651. margin: 0;
  8652. }
  8653. .masonry--tiles .masonry__item:not(:empty) .product--tile .label {
  8654. top: 1.85714286em;
  8655. right: 2.78571429em;
  8656. }
  8657. /*! -- Stack Wizard -- */
  8658. .wizard {
  8659. transition: opacity .3s ease;
  8660. opacity: 0;
  8661. }
  8662. .wizard.active {
  8663. opacity: 1;
  8664. }
  8665. .wizard > .actions a,
  8666. .wizard > .actions a:hover,
  8667. .wizard > .actions a:active {
  8668. background: #4a90e2;
  8669. transition: all .3s ease;
  8670. padding: 0.46428571em 1.85714286em;
  8671. font-size: 12px;
  8672. text-transform: uppercase;
  8673. font-weight: 700;
  8674. letter-spacing: 1px;
  8675. color: #fff;
  8676. }
  8677. .wizard > .steps .current a,
  8678. .wizard > .steps .current a:hover,
  8679. .wizard > .steps .current a:active {
  8680. background: none;
  8681. color: #252525;
  8682. }
  8683. .wizard > .steps a {
  8684. position: relative;
  8685. }
  8686. .wizard > .steps a:before {
  8687. content: '';
  8688. width: 15px;
  8689. height: 15px;
  8690. border-radius: 50%;
  8691. position: absolute;
  8692. left: 50%;
  8693. margin-left: -10px;
  8694. background: #eee;
  8695. display: block;
  8696. bottom: 0;
  8697. transition: all .2s ease;
  8698. }
  8699. .wizard > .steps a:after {
  8700. content: '';
  8701. position: absolute;
  8702. width: 100%;
  8703. bottom: 7px;
  8704. height: 2px;
  8705. background: #eee;
  8706. left: 0;
  8707. transition: all .2s ease;
  8708. }
  8709. .wizard > .steps li:first-child a:after {
  8710. width: 50%;
  8711. left: 50%;
  8712. }
  8713. .wizard > .steps li:last-child a:after {
  8714. width: 50%;
  8715. }
  8716. .wizard > .steps li.current a:after,
  8717. .wizard > .steps li.current a:before {
  8718. background-color: #4a90e2;
  8719. }
  8720. .wizard > .steps a,
  8721. .wizard > .steps a:hover {
  8722. padding-bottom: 2.78571429em;
  8723. }
  8724. .wizard > .steps .done a,
  8725. .wizard > .steps .done a:hover,
  8726. .wizard > .steps .done a:active,
  8727. .wizard > .steps .disabled a,
  8728. .wizard > .steps .disabled a:hover,
  8729. .wizard > .steps .disabled a:active {
  8730. background: none;
  8731. color: #252525;
  8732. }
  8733. .wizard > .steps a,
  8734. .wizard > .steps a:hover,
  8735. .wizard > .steps a:active {
  8736. margin: 0;
  8737. }
  8738. .wizard > .actions a,
  8739. .wizard > .actions a:hover,
  8740. .wizard > .actions a:active {
  8741. user-select: none;
  8742. -moz-user-select: none;
  8743. -webkit-user-select: none;
  8744. }
  8745. .wizard > .steps > ul,
  8746. .wizard > .actions {
  8747. text-align: center;
  8748. }
  8749. .wizard > .steps > ul > li,
  8750. .wizard > .actions > ul > li {
  8751. float: none;
  8752. display: inline-block;
  8753. }
  8754. .wizard > section {
  8755. padding: 0;
  8756. }
  8757. .wizard > .content {
  8758. background: #fafafa;
  8759. margin-top: 1.85714286em;
  8760. margin-bottom: 1.85714286em;
  8761. border: 1px solid #ececec;
  8762. }
  8763. .wizard > .content > .body {
  8764. padding: 1.85714286em;
  8765. width: 100%;
  8766. height: 100%;
  8767. }
  8768. .wizard > .steps .number {
  8769. font-size: 1em;
  8770. }
  8771. @media all and (max-width: 767px) {
  8772. .wizard > .steps .number {
  8773. display: block;
  8774. }
  8775. .wizard > .content {
  8776. min-height: 25em;
  8777. }
  8778. .wizard .pos-vertical-center {
  8779. top: 50%;
  8780. transform: translateY(-50%);
  8781. -wekbit-transform: translateY(-50%);
  8782. }
  8783. }
  8784. .wizard.bg--white {
  8785. background: none !important;
  8786. }
  8787. .wizard.bg--white > .content {
  8788. background: #fff;
  8789. }
  8790. .wizard > .content img {
  8791. max-height: 240px;
  8792. }
  8793. @media all and (max-width: 767px) {
  8794. .wizard > .content img {
  8795. max-height: 120px;
  8796. margin-bottom: 0.92857143em;
  8797. }
  8798. }
  8799. /*! -- Stack Footers -- */
  8800. footer .type--fine-print:not(p) {
  8801. opacity: .5;
  8802. }
  8803. footer a {
  8804. font-weight: normal;
  8805. }
  8806. footer:not(.bg--primary):not(.bg--dark) a {
  8807. color: #666666;
  8808. }
  8809. footer a.type--fine-print:not(:first-child) {
  8810. margin-left: 1.85714286em;
  8811. }
  8812. footer .logo {
  8813. max-height: 1.67142857em;
  8814. }
  8815. footer ul:not(.list-inline):not(.slides) > li {
  8816. line-height: 2.32142857em !important;
  8817. }
  8818. footer.footer-2 .row:last-child {
  8819. margin-top: 3.71428571em;
  8820. }
  8821. footer.footer-5 .row [class*='col-'] > div:nth-last-child(2) {
  8822. margin: 0.92857143em;
  8823. }
  8824. footer.footer-5 .row [class*='col-'] > div:nth-last-child(2) .type--fine-print {
  8825. opacity: 1;
  8826. }
  8827. footer.footer-6 .footer__lower {
  8828. background: #fafafa;
  8829. margin-top: 1.85714286em;
  8830. padding: 1.85714286em 0;
  8831. }
  8832. footer.footer-6.bg--dark .footer__lower {
  8833. background: #181818;
  8834. }
  8835. footer.footer-6.bg--secondary .footer__lower {
  8836. background: #f5f5f5;
  8837. }
  8838. footer.footer-6.bg--primary .footer__lower {
  8839. background: #3483de;
  8840. }
  8841. footer.footer-7 {
  8842. padding: 1.85714286em 0;
  8843. }
  8844. @media all and (min-width: 768px) {
  8845. footer .list-inline + .btn {
  8846. position: relative;
  8847. bottom: 4px;
  8848. }
  8849. footer .logo {
  8850. margin: 0;
  8851. }
  8852. footer .logo:not(:last-child) {
  8853. margin-right: 1.85714286em;
  8854. }
  8855. footer.footer-3 .logo + ul {
  8856. position: relative;
  8857. top: 5px;
  8858. }
  8859. footer.footer-3 .logo + ul a {
  8860. color: #252525;
  8861. }
  8862. footer.footer-3 .social-list {
  8863. position: relative;
  8864. top: 9px;
  8865. }
  8866. footer.footer-3 .row:last-child {
  8867. margin-top: 1.85714286em;
  8868. }
  8869. footer.footer-4 .logo + span {
  8870. position: relative;
  8871. }
  8872. footer.footer-4 form {
  8873. position: relative;
  8874. bottom: 4px;
  8875. }
  8876. footer.footer-4 .row:last-child {
  8877. margin-top: 1.85714286em;
  8878. }
  8879. footer.imagebg:not(.image--light) span,
  8880. footer.imagebg:not(.image--light) p,
  8881. footer.imagebg:not(.image--light) a {
  8882. color: #fff;
  8883. }
  8884. .footer-1 .type--fine-print {
  8885. position: relative;
  8886. top: 2px;
  8887. }
  8888. }
  8889. @media all and (max-width: 767px) {
  8890. footer .social-list {
  8891. margin: 1.85714286em 0;
  8892. }
  8893. .footer-4 form {
  8894. margin: 1.85714286em 0;
  8895. }
  8896. .footer-4 .logo {
  8897. margin: 0;
  8898. }
  8899. .footer-6 .footer__lower .social-list {
  8900. margin-top: 1.85714286em;
  8901. }
  8902. .footer-7 .social-list {
  8903. margin-top: 1.85714286em;
  8904. }
  8905. .footer-1 .social-list {
  8906. margin-top: 1.85714286em;
  8907. }
  8908. .footer-1 .logo {
  8909. display: block;
  8910. margin-top: 1.85714286em;
  8911. margin-bottom: 0.92857143em;
  8912. margin-left: auto;
  8913. margin-right: auto;
  8914. }
  8915. }