theme.css 192 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358
  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 **/
  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. .slides:not(.flickity-enabled) li.imagebg:not(:first-child) {
  1679. display: none;
  1680. }
  1681. .slides:not(.flickity-enabled) li.imagebg:first-child {
  1682. background: #252525;
  1683. animation: backgroundLoad .5s ease alternate infinite;
  1684. }
  1685. .slides:not(.flickity-enabled) li.imagebg:first-child .container {
  1686. opacity: 0;
  1687. }
  1688. @keyframes backgroundLoad {
  1689. 0% {
  1690. background: #252525;
  1691. }
  1692. 100% {
  1693. background: #3f3f3f;
  1694. }
  1695. }
  1696. .slider.height-10 {
  1697. height: auto;
  1698. }
  1699. .slider.height-10 .slides .flickity-slider > li {
  1700. height: 10vh;
  1701. padding: 0;
  1702. }
  1703. @media all and (min-width: 768px) {
  1704. .slider.height-10 .slides li.imagebg {
  1705. min-height: 10vh;
  1706. }
  1707. }
  1708. .slider.height-20 {
  1709. height: auto;
  1710. }
  1711. .slider.height-20 .slides .flickity-slider > li {
  1712. height: 20vh;
  1713. padding: 0;
  1714. }
  1715. @media all and (min-width: 768px) {
  1716. .slider.height-20 .slides li.imagebg {
  1717. min-height: 20vh;
  1718. }
  1719. }
  1720. .slider.height-30 {
  1721. height: auto;
  1722. }
  1723. .slider.height-30 .slides .flickity-slider > li {
  1724. height: 30vh;
  1725. padding: 0;
  1726. }
  1727. @media all and (min-width: 768px) {
  1728. .slider.height-30 .slides li.imagebg {
  1729. min-height: 30vh;
  1730. }
  1731. }
  1732. .slider.height-40 {
  1733. height: auto;
  1734. }
  1735. .slider.height-40 .slides .flickity-slider > li {
  1736. height: 40vh;
  1737. padding: 0;
  1738. }
  1739. @media all and (min-width: 768px) {
  1740. .slider.height-40 .slides li.imagebg {
  1741. min-height: 40vh;
  1742. }
  1743. }
  1744. .slider.height-50 {
  1745. height: auto;
  1746. }
  1747. .slider.height-50 .slides .flickity-slider > li {
  1748. height: 50vh;
  1749. padding: 0;
  1750. }
  1751. @media all and (min-width: 768px) {
  1752. .slider.height-50 .slides li.imagebg {
  1753. min-height: 50vh;
  1754. }
  1755. }
  1756. .slider.height-60 {
  1757. height: auto;
  1758. }
  1759. .slider.height-60 .slides .flickity-slider > li {
  1760. height: 60vh;
  1761. padding: 0;
  1762. }
  1763. @media all and (min-width: 768px) {
  1764. .slider.height-60 .slides li.imagebg {
  1765. min-height: 60vh;
  1766. }
  1767. }
  1768. .slider.height-70 {
  1769. height: auto;
  1770. }
  1771. .slider.height-70 .slides .flickity-slider > li {
  1772. height: 70vh;
  1773. padding: 0;
  1774. }
  1775. @media all and (min-width: 768px) {
  1776. .slider.height-70 .slides li.imagebg {
  1777. min-height: 70vh;
  1778. }
  1779. }
  1780. .slider.height-80 {
  1781. height: auto;
  1782. }
  1783. .slider.height-80 .slides .flickity-slider > li {
  1784. height: 80vh;
  1785. padding: 0;
  1786. }
  1787. @media all and (min-width: 768px) {
  1788. .slider.height-80 .slides li.imagebg {
  1789. min-height: 80vh;
  1790. }
  1791. }
  1792. .slider.height-90 {
  1793. height: auto;
  1794. }
  1795. .slider.height-90 .slides .flickity-slider > li {
  1796. height: 90vh;
  1797. padding: 0;
  1798. }
  1799. @media all and (min-width: 768px) {
  1800. .slider.height-90 .slides li.imagebg {
  1801. min-height: 90vh;
  1802. }
  1803. }
  1804. .slider.height-100 {
  1805. height: auto;
  1806. }
  1807. .slider.height-100 .slides .flickity-slider > li {
  1808. height: 100vh;
  1809. padding: 0;
  1810. }
  1811. @media all and (min-width: 768px) {
  1812. .slider.height-100 .slides li.imagebg {
  1813. min-height: 100vh;
  1814. }
  1815. }
  1816. .slider .slides .flickity-slider > li:not([class*='col-']) {
  1817. width: 100%;
  1818. }
  1819. .slider .slides.slides--gapless li[class*='col-'] {
  1820. padding-left: 0;
  1821. padding-right: 0;
  1822. }
  1823. .slider[data-arrows="true"].slider--arrows-hover:not(:hover) .flickity-prev-next-button {
  1824. opacity: 0;
  1825. }
  1826. .slider[data-paging="true"]:not(section) {
  1827. margin-bottom: 3.71428571em;
  1828. }
  1829. .slider[data-paging="true"]:not(section) .flickity-page-dots {
  1830. bottom: -3.71428571em;
  1831. }
  1832. .slider[data-paging="true"]:not([class*='text-']) .flickity-page-dots {
  1833. text-align: center;
  1834. }
  1835. .slider[data-children="1"] .flickity-prev-next-button {
  1836. display: none;
  1837. }
  1838. .slider:not([data-paging="true"]) .slides {
  1839. margin: 0;
  1840. }
  1841. .slider.controls--dark .flickity-page-dots .dot {
  1842. background: #252525;
  1843. }
  1844. .slider.controls--dark .flickity-prev-next-button:before {
  1845. color: #252525;
  1846. }
  1847. section.slider {
  1848. padding: 0;
  1849. }
  1850. section.slider.height-10 {
  1851. height: auto;
  1852. }
  1853. section.slider.height-10 .slides .flickity-slider > li {
  1854. height: 10vh;
  1855. padding: 0;
  1856. }
  1857. @media all and (min-width: 768px) {
  1858. section.slider.height-10 .slides li.imagebg {
  1859. min-height: 10vh;
  1860. }
  1861. }
  1862. section.slider.height-20 {
  1863. height: auto;
  1864. }
  1865. section.slider.height-20 .slides .flickity-slider > li {
  1866. height: 20vh;
  1867. padding: 0;
  1868. }
  1869. @media all and (min-width: 768px) {
  1870. section.slider.height-20 .slides li.imagebg {
  1871. min-height: 20vh;
  1872. }
  1873. }
  1874. section.slider.height-30 {
  1875. height: auto;
  1876. }
  1877. section.slider.height-30 .slides .flickity-slider > li {
  1878. height: 30vh;
  1879. padding: 0;
  1880. }
  1881. @media all and (min-width: 768px) {
  1882. section.slider.height-30 .slides li.imagebg {
  1883. min-height: 30vh;
  1884. }
  1885. }
  1886. section.slider.height-40 {
  1887. height: auto;
  1888. }
  1889. section.slider.height-40 .slides .flickity-slider > li {
  1890. height: 40vh;
  1891. padding: 0;
  1892. }
  1893. @media all and (min-width: 768px) {
  1894. section.slider.height-40 .slides li.imagebg {
  1895. min-height: 40vh;
  1896. }
  1897. }
  1898. section.slider.height-50 {
  1899. height: auto;
  1900. }
  1901. section.slider.height-50 .slides .flickity-slider > li {
  1902. height: 50vh;
  1903. padding: 0;
  1904. }
  1905. @media all and (min-width: 768px) {
  1906. section.slider.height-50 .slides li.imagebg {
  1907. min-height: 50vh;
  1908. }
  1909. }
  1910. section.slider.height-60 {
  1911. height: auto;
  1912. }
  1913. section.slider.height-60 .slides .flickity-slider > li {
  1914. height: 60vh;
  1915. padding: 0;
  1916. }
  1917. @media all and (min-width: 768px) {
  1918. section.slider.height-60 .slides li.imagebg {
  1919. min-height: 60vh;
  1920. }
  1921. }
  1922. section.slider.height-70 {
  1923. height: auto;
  1924. }
  1925. section.slider.height-70 .slides .flickity-slider > li {
  1926. height: 70vh;
  1927. padding: 0;
  1928. }
  1929. @media all and (min-width: 768px) {
  1930. section.slider.height-70 .slides li.imagebg {
  1931. min-height: 70vh;
  1932. }
  1933. }
  1934. section.slider.height-80 {
  1935. height: auto;
  1936. }
  1937. section.slider.height-80 .slides .flickity-slider > li {
  1938. height: 80vh;
  1939. padding: 0;
  1940. }
  1941. @media all and (min-width: 768px) {
  1942. section.slider.height-80 .slides li.imagebg {
  1943. min-height: 80vh;
  1944. }
  1945. }
  1946. section.slider.height-90 {
  1947. height: auto;
  1948. }
  1949. section.slider.height-90 .slides .flickity-slider > li {
  1950. height: 90vh;
  1951. padding: 0;
  1952. }
  1953. @media all and (min-width: 768px) {
  1954. section.slider.height-90 .slides li.imagebg {
  1955. min-height: 90vh;
  1956. }
  1957. }
  1958. section.slider.height-100 {
  1959. height: auto;
  1960. }
  1961. section.slider.height-100 .slides .flickity-slider > li {
  1962. height: 100vh;
  1963. padding: 0;
  1964. }
  1965. @media all and (min-width: 768px) {
  1966. section.slider.height-100 .slides li.imagebg {
  1967. min-height: 100vh;
  1968. }
  1969. }
  1970. section.slider[data-paging="true"] .flickity-page-dots {
  1971. bottom: 1.85714286em;
  1972. }
  1973. section.slider:not(.image--light)[data-paging="true"] .flickity-page-dots .dot {
  1974. background: #fff;
  1975. }
  1976. section.slider .slides {
  1977. margin: 0;
  1978. }
  1979. @media all and (max-width: 767px) {
  1980. section.slider[class*='height-'] .slides .flickity-slider > li {
  1981. height: auto;
  1982. padding: 7.42857143em 0;
  1983. }
  1984. section.slider.space--lg .slides .flickity-slider > li {
  1985. padding: 11.14285714em 0;
  1986. }
  1987. section.slider.space--xlg .slides .flickity-slider > li {
  1988. padding: 11.14285714em 0;
  1989. }
  1990. }
  1991. section.bg--dark .slider[data-paging="true"] .flickity-page-dots .dot,
  1992. section.bg--primary .slider[data-paging="true"] .flickity-page-dots .dot {
  1993. background: #fff;
  1994. }
  1995. .flickity-page-dots .dot {
  1996. transition: 0.3s ease;
  1997. -webkit-transition: 0.3s ease;
  1998. -moz-transition: 0.3s ease;
  1999. width: 8px;
  2000. height: 8px;
  2001. border-radius: 50%;
  2002. background: #252525;
  2003. border: none;
  2004. margin: 0 0.46428571em;
  2005. }
  2006. .flickity-page-dots .dot:hover:not(.is-selected) {
  2007. opacity: .6;
  2008. }
  2009. .text-center .flickity-page-dots,
  2010. section.slider .flickity-page-dots {
  2011. text-align: center;
  2012. }
  2013. .flickity-prev-next-button svg {
  2014. display: none;
  2015. }
  2016. .flickity-prev-next-button:before {
  2017. font-family: 'stack-interface';
  2018. content: "\e80c";
  2019. font-size: 1em;
  2020. font-weight: normal;
  2021. }
  2022. .flickity-prev-next-button.previous:before {
  2023. content: "\e80b";
  2024. }
  2025. .imagebg:not(.image--light) .flickity-page-dots .dot,
  2026. .bg--dark .flickity-page-dots .dot {
  2027. background: #fff;
  2028. }
  2029. /**! 19. Hover Elements **/
  2030. .hover-element {
  2031. position: relative;
  2032. overflow: hidden;
  2033. margin-bottom: 30px;
  2034. }
  2035. .hover-element * {
  2036. transition: 0.3s ease;
  2037. -webkit-transition: 0.3s ease;
  2038. -moz-transition: 0.3s ease;
  2039. }
  2040. .hover-element .hover-element__reveal {
  2041. position: absolute;
  2042. top: 0;
  2043. left: 0;
  2044. opacity: 0;
  2045. width: 100%;
  2046. height: 100%;
  2047. }
  2048. .hover-element .hover-element__reveal .boxed {
  2049. height: 100%;
  2050. }
  2051. .hover-element:hover .hover-element__reveal,
  2052. .hover-element.hover--active .hover-element__reveal {
  2053. opacity: 1;
  2054. }
  2055. .hover-element img {
  2056. margin-bottom: 0;
  2057. }
  2058. @media all and (max-width: 1024px) {
  2059. .hover-element {
  2060. cursor: pointer;
  2061. }
  2062. }
  2063. .row:last-child div[class*='col-']:last-child .hover-element {
  2064. margin-bottom: 0;
  2065. }
  2066. /**! 20. Masonry **/
  2067. .masonry .masonry__container.masonry--active .masonry__item {
  2068. opacity: 1;
  2069. pointer-events: all;
  2070. }
  2071. .masonry .masonry__container .masonry__item {
  2072. opacity: 0;
  2073. pointer-events: none;
  2074. }
  2075. .masonry .masonry__filters li {
  2076. display: inline-block;
  2077. cursor: pointer;
  2078. text-transform: capitalize;
  2079. -webkit-user-select: none;
  2080. -moz-user-select: none;
  2081. -ms-user-select: none;
  2082. user-select: none;
  2083. }
  2084. .masonry .masonry__filters li.active {
  2085. cursor: default;
  2086. }
  2087. .masonry.masonry--gapless .masonry__item {
  2088. padding: 0 !important;
  2089. margin-bottom: 0;
  2090. }
  2091. /**! 21. Modals **/
  2092. .modal-instance .modal-body {
  2093. display: none;
  2094. }
  2095. .modal-container {
  2096. transition: 0.3s linear;
  2097. -webkit-transition: 0.3s linear;
  2098. -moz-transition: 0.3s linear;
  2099. padding: 0;
  2100. visibility: hidden;
  2101. opacity: 0;
  2102. z-index: 999;
  2103. pointer-events: none;
  2104. position: fixed;
  2105. width: 100%;
  2106. height: 100%;
  2107. top: 0;
  2108. left: 0;
  2109. }
  2110. .modal-container.modal-active {
  2111. opacity: 1;
  2112. visibility: visible;
  2113. pointer-events: all;
  2114. }
  2115. .modal-container:before {
  2116. background: rgba(0, 0, 0, 0.85);
  2117. content: '';
  2118. position: fixed;
  2119. width: 100%;
  2120. height: 100%;
  2121. top: 0;
  2122. left: 0;
  2123. z-index: 1;
  2124. }
  2125. .modal-container .modal-content {
  2126. backface-visibility: hidden;
  2127. position: fixed;
  2128. z-index: 2;
  2129. top: 50%;
  2130. left: 50%;
  2131. max-height: 100%;
  2132. overflow-y: scroll;
  2133. border: none;
  2134. transform: translate3d(-50%, -50%, 0);
  2135. -webkit-transform: translate3d(-50%, -50%, 0);
  2136. padding: 0;
  2137. border-radius: 0;
  2138. box-shadow: none;
  2139. }
  2140. .modal-container .modal-content:not(.height--natural) {
  2141. width: 50%;
  2142. height: 50%;
  2143. }
  2144. .modal-container .modal-content .modal-close-cross {
  2145. cursor: pointer;
  2146. position: absolute;
  2147. opacity: .5;
  2148. transition: 0.1s linear;
  2149. -webkit-transition: 0.1s linear;
  2150. -moz-transition: 0.1s linear;
  2151. top: 1em;
  2152. right: 1em;
  2153. z-index: 99;
  2154. }
  2155. .modal-container .modal-content .modal-close-cross:before {
  2156. content: '\00D7';
  2157. font-size: 1.5em;
  2158. }
  2159. .modal-container .modal-content .modal-close-cross:hover {
  2160. opacity: 1;
  2161. }
  2162. .modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before {
  2163. color: #fff;
  2164. }
  2165. .modal-container .modal-content iframe {
  2166. width: 100%;
  2167. outline: none;
  2168. border: none;
  2169. height: 100%;
  2170. backface-visibility: hidden;
  2171. }
  2172. .modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
  2173. top: -3.71428571em;
  2174. }
  2175. .modal-content.section-modal {
  2176. pointer-events: none;
  2177. }
  2178. .modal-content.section-modal [class*='col-'] {
  2179. pointer-events: all;
  2180. }
  2181. @media all and (max-width: 767px) {
  2182. .modal-container .modal-content {
  2183. width: 97% !important;
  2184. height: auto !important;
  2185. padding-top: 2em;
  2186. padding-bottom: 2em;
  2187. }
  2188. }
  2189. /**! 22. Maps **/
  2190. .map-container {
  2191. position: relative;
  2192. overflow: hidden;
  2193. }
  2194. .map-container iframe,
  2195. .map-container .map-canvas {
  2196. position: absolute;
  2197. width: 100%;
  2198. height: 100%;
  2199. top: 0;
  2200. }
  2201. /**! 23. Parallax **/
  2202. .parallax > .background-image-holder,
  2203. .parallax .slides li > .background-image-holder {
  2204. height: 100%;
  2205. min-height: 100vh;
  2206. top: -50vh;
  2207. transition: opacity 0.3s ease !important;
  2208. -webkit-transition: opacity 0.3s ease !important;
  2209. -webkit-transform-style: preserve-3d;
  2210. }
  2211. .parallax:first-child .slides li > .background-image-holder,
  2212. .parallax:first-child .background-image-holder {
  2213. top: 0;
  2214. }
  2215. .main-container > a:first-child + .parallax .background-image-holder {
  2216. top: 0;
  2217. }
  2218. @media all and (max-width: 1024px) {
  2219. .parallax > .background-image-holder,
  2220. .parallax .slides li > .background-image-holder {
  2221. -webkit-transition: transform 0.016s linear !important;
  2222. transition: transform 0.016s linear !important;
  2223. }
  2224. .parallax.parallax-disable-mobile .background-image-holder,
  2225. .parallax.parallax-disable-mobile .slides li > .background-image-holder {
  2226. top: 0 !important;
  2227. transform: none !important;
  2228. }
  2229. }
  2230. /**! 24. Notifications **/
  2231. .notification {
  2232. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  2233. position: fixed;
  2234. z-index: 99;
  2235. pointer-events: none;
  2236. padding: 0;
  2237. margin: 1em;
  2238. opacity: 0;
  2239. transition: 0.3s linear;
  2240. -webkit-transition: 0.3s linear;
  2241. -moz-transition: 0.3s linear;
  2242. }
  2243. .notification:not([class*='bg-']) {
  2244. background: #fff;
  2245. }
  2246. .notification[class*='col-'] {
  2247. min-width: 400px;
  2248. }
  2249. .notification .notification-close-cross {
  2250. position: absolute;
  2251. top: 1em;
  2252. z-index: 99;
  2253. right: 1em;
  2254. cursor: pointer;
  2255. transition: 0.1s linear;
  2256. -webkit-transition: 0.1s linear;
  2257. -moz-transition: 0.1s linear;
  2258. opacity: .7;
  2259. }
  2260. .notification .notification-close-cross:before {
  2261. content: '\00D7';
  2262. font-size: 1.5em;
  2263. }
  2264. .notification .notification-close-cross:hover {
  2265. opacity: 1;
  2266. }
  2267. .notification.notification--reveal {
  2268. z-index: 99;
  2269. pointer-events: initial;
  2270. }
  2271. .notification.notification--reveal[data-animation="from-bottom"] {
  2272. animation: from-bottom 0.3s linear 0s forwards;
  2273. -webkit-animation: from-bottom 0.3s linear 0s forwards;
  2274. -moz-animation: from-bottom 0.3s linear 0s forwards;
  2275. }
  2276. .notification.notification--reveal[data-animation="from-top"] {
  2277. animation: from-top 0.3s linear 0s forwards;
  2278. -webkit-animation: from-top 0.3s linear 0s forwards;
  2279. -moz-animation: from-top 0.3s linear 0s forwards;
  2280. }
  2281. .notification.notification--reveal[data-animation="from-left"] {
  2282. animation: from-left 0.3s linear 0s forwards;
  2283. -webkit-animation: from-left 0.3s linear 0s forwards;
  2284. -moz-animation: from-left 0.3s linear 0s forwards;
  2285. }
  2286. .notification.notification--reveal[data-animation="from-right"] {
  2287. animation: from-right 0.3s linear 0s forwards;
  2288. -webkit-animation: from-right 0.3s linear 0s forwards;
  2289. -moz-animation: from-right 0.3s linear 0s forwards;
  2290. }
  2291. .notification.notification--dismissed {
  2292. animation: fade-out 0.4s linear 0s forwards !important;
  2293. -webkit-animation: fade-out 0.4s linear 0s forwards !important;
  2294. -moz-animation: fade-out 0.4s linear 0s forwards !important;
  2295. pointer-events: none;
  2296. }
  2297. .bg--dark + .notification-close-cross:before {
  2298. color: #fff;
  2299. }
  2300. a[data-notification-link] {
  2301. text-decoration: none;
  2302. }
  2303. a[data-notification-link]:hover {
  2304. text-decoration: none;
  2305. }
  2306. @media all and (max-width: 767px) {
  2307. .notification[class*='col-'] {
  2308. min-width: 0;
  2309. }
  2310. }
  2311. @keyframes from-bottom {
  2312. from {
  2313. transform: translate3d(0, 100%, 0);
  2314. -webkit-transform: translate3d(0, 100%, 0);
  2315. opacity: 0;
  2316. }
  2317. to {
  2318. transform: translate3d(0, 0, 0);
  2319. -webkit-transform: translate3d(0, 0, 0);
  2320. opacity: 1;
  2321. }
  2322. }
  2323. @-moz-keyframes from-bottom {
  2324. from {
  2325. transform: translate3d(0, 100%, 0);
  2326. -webkit-transform: translate3d(0, 100%, 0);
  2327. opacity: 0;
  2328. }
  2329. to {
  2330. transform: translate3d(0, 0, 0);
  2331. -webkit-transform: translate3d(0, 0, 0);
  2332. opacity: 1;
  2333. }
  2334. }
  2335. @-webkit-keyframes from-bottom {
  2336. from {
  2337. transform: translate3d(0, 100%, 0);
  2338. -webkit-transform: translate3d(0, 100%, 0);
  2339. opacity: 0;
  2340. }
  2341. to {
  2342. transform: translate3d(0, 0, 0);
  2343. -webkit-transform: translate3d(0, 0, 0);
  2344. opacity: 1;
  2345. }
  2346. }
  2347. @keyframes from-top {
  2348. from {
  2349. transform: translate3d(0, -100%, 0);
  2350. -webkit-transform: translate3d(0, -100%, 0);
  2351. opacity: 0;
  2352. }
  2353. to {
  2354. transform: translate3d(0, 0, 0);
  2355. -webkit-transform: translate3d(0, 0, 0);
  2356. opacity: 1;
  2357. }
  2358. }
  2359. @-moz-keyframes from-top {
  2360. from {
  2361. transform: translate3d(0, -100%, 0);
  2362. -webkit-transform: translate3d(0, -100%, 0);
  2363. opacity: 0;
  2364. }
  2365. to {
  2366. transform: translate3d(0, 0, 0);
  2367. -webkit-transform: translate3d(0, 0, 0);
  2368. opacity: 1;
  2369. }
  2370. }
  2371. @-webkit-keyframes from-top {
  2372. from {
  2373. transform: translate3d(0, -100%, 0);
  2374. -webkit-transform: translate3d(0, -100%, 0);
  2375. opacity: 0;
  2376. }
  2377. to {
  2378. transform: translate3d(0, 0, 0);
  2379. -webkit-transform: translate3d(0, 0, 0);
  2380. opacity: 1;
  2381. }
  2382. }
  2383. @keyframes from-left {
  2384. from {
  2385. transform: translate3d(-100%, 0, 0);
  2386. -webkit-transform: translate3d(-100%, 0, 0);
  2387. opacity: 0;
  2388. }
  2389. to {
  2390. transform: translate3d(0, 0, 0);
  2391. -webkit-transform: translate3d(0, 0, 0);
  2392. opacity: 1;
  2393. }
  2394. }
  2395. @-moz-keyframes from-left {
  2396. from {
  2397. transform: translate3d(-100%, 0, 0);
  2398. -webkit-transform: translate3d(-100%, 0, 0);
  2399. opacity: 0;
  2400. }
  2401. to {
  2402. transform: translate3d(0, 0, 0);
  2403. -webkit-transform: translate3d(0, 0, 0);
  2404. opacity: 1;
  2405. }
  2406. }
  2407. @-webkit-keyframes from-left {
  2408. from {
  2409. transform: translate3d(-100%, 0, 0);
  2410. -webkit-transform: translate3d(-100%, 0, 0);
  2411. opacity: 0;
  2412. }
  2413. to {
  2414. transform: translate3d(0, 0, 0);
  2415. -webkit-transform: translate3d(0, 0, 0);
  2416. opacity: 1;
  2417. }
  2418. }
  2419. @keyframes from-right {
  2420. from {
  2421. transform: translate3d(100%, 0, 0);
  2422. -webkit-transform: translate3d(100%, 0, 0);
  2423. opacity: 1;
  2424. }
  2425. to {
  2426. transform: translate3d(0, 0, 0);
  2427. -webkit-transform: translate3d(0, 0, 0);
  2428. opacity: 1;
  2429. }
  2430. }
  2431. @-moz-keyframes from-right {
  2432. from {
  2433. transform: translate3d(100%, 0, 0);
  2434. -webkit-transform: translate3d(100%, 0, 0);
  2435. opacity: 0;
  2436. }
  2437. to {
  2438. transform: translate3d(0, 0, 0);
  2439. -webkit-transform: translate3d(0, 0, 0);
  2440. opacity: 1;
  2441. }
  2442. }
  2443. @-webkit-keyframes from-right {
  2444. from {
  2445. transform: translate3d(100%, 0, 0);
  2446. -webkit-transform: translate3d(100%, 0, 0);
  2447. opacity: 0;
  2448. }
  2449. to {
  2450. transform: translate3d(0, 0, 0);
  2451. -webkit-transform: translate3d(0, 0, 0);
  2452. opacity: 1;
  2453. }
  2454. }
  2455. @keyframes fade-out {
  2456. 0% {
  2457. opacity: 1;
  2458. }
  2459. 100% {
  2460. opacity: 0;
  2461. }
  2462. }
  2463. @-webkit-keyframes fade-out {
  2464. 0% {
  2465. opacity: 1;
  2466. }
  2467. 100% {
  2468. opacity: 0;
  2469. }
  2470. }
  2471. @-moz-keyframes fade-out {
  2472. 0% {
  2473. opacity: 1;
  2474. }
  2475. 100% {
  2476. opacity: 0;
  2477. }
  2478. }
  2479. /**! 25. Video **/
  2480. iframe {
  2481. width: 100%;
  2482. min-height: 350px;
  2483. border: none;
  2484. }
  2485. @media all and (max-width: 767px) {
  2486. iframe {
  2487. min-height: 220px;
  2488. }
  2489. }
  2490. .videobg {
  2491. background: #252525;
  2492. position: relative;
  2493. overflow: hidden;
  2494. }
  2495. .videobg .container,
  2496. .videobg .background-image-holder {
  2497. opacity: 0;
  2498. transition: 0.3s linear;
  2499. -webkit-transition: 0.3s linear;
  2500. -moz-transition: 0.3s linear;
  2501. }
  2502. .videobg .background-image-holder {
  2503. opacity: 0 !important;
  2504. }
  2505. .videobg.video-active .container {
  2506. opacity: 1;
  2507. }
  2508. .videobg.video-active .loading-indicator {
  2509. opacity: 0;
  2510. visibility: hidden;
  2511. }
  2512. .videobg video {
  2513. object-fit: cover;
  2514. height: 100%;
  2515. min-width: 100%;
  2516. position: absolute;
  2517. top: 0;
  2518. z-index: 0 !important;
  2519. left: 0;
  2520. }
  2521. @media all and (max-width: 1024px) {
  2522. .videobg .background-image-holder,
  2523. .videobg .container {
  2524. opacity: 1 !important;
  2525. }
  2526. .videobg .loading-indicator {
  2527. display: none;
  2528. }
  2529. .videobg video {
  2530. display: none;
  2531. }
  2532. }
  2533. .youtube-background {
  2534. position: absolute;
  2535. height: 100%;
  2536. width: 100%;
  2537. top: 0;
  2538. z-index: 0 !important;
  2539. }
  2540. .youtube-background .mb_YTPBar {
  2541. opacity: 0;
  2542. height: 0;
  2543. visibility: hidden;
  2544. }
  2545. @media all and (max-width: 1024px) {
  2546. .youtube-background {
  2547. display: none;
  2548. }
  2549. }
  2550. .loading-indicator {
  2551. position: absolute !important;
  2552. top: 50%;
  2553. left: 50%;
  2554. z-index: 99 !important;
  2555. width: 50px;
  2556. height: 50px;
  2557. margin-top: -25px;
  2558. margin-left: -25px;
  2559. background-color: #fff;
  2560. border-radius: 100%;
  2561. -webkit-animation: loading-spinner 1s infinite ease-in-out;
  2562. animation: loading-spinner 1s infinite ease-in-out;
  2563. transition: 0.3s linear;
  2564. -webkit-transition: 0.3s linear;
  2565. -moz-transition: 0.3s linear;
  2566. }
  2567. @-webkit-keyframes loading-spinner {
  2568. 0% {
  2569. -webkit-transform: scale(0);
  2570. }
  2571. 100% {
  2572. -webkit-transform: scale(1);
  2573. opacity: 0;
  2574. }
  2575. }
  2576. @keyframes loading-spinner {
  2577. 0% {
  2578. -webkit-transform: scale(0);
  2579. transform: scale(0);
  2580. }
  2581. 100% {
  2582. -webkit-transform: scale(1);
  2583. transform: scale(1);
  2584. opacity: 0;
  2585. }
  2586. }
  2587. .video-cover {
  2588. position: relative;
  2589. }
  2590. .video-cover video {
  2591. max-width: 100%;
  2592. }
  2593. .video-cover iframe {
  2594. background: #252525;
  2595. }
  2596. .video-cover .background-image-holder {
  2597. z-index: 3;
  2598. }
  2599. .video-cover .video-play-icon {
  2600. position: absolute;
  2601. top: 50%;
  2602. left: 50%;
  2603. transform: translate3d(-50%, -50%, 0);
  2604. -webkit-transform: translate3d(-50%, -50%, 0);
  2605. }
  2606. .video-cover .video-play-icon,
  2607. .video-cover .background-image-holder {
  2608. transition: 0.3s linear;
  2609. -webkit-transition: 0.3s linear;
  2610. -moz-transition: 0.3s linear;
  2611. }
  2612. .video-cover.reveal-video .video-play-icon,
  2613. .video-cover.reveal-video .background-image-holder {
  2614. opacity: 0 !important;
  2615. pointer-events: none;
  2616. }
  2617. .video-cover[data-scrim-bottom]:before,
  2618. .video-cover[data-overlay]:before,
  2619. .video-cover[data-scrim-top]:before {
  2620. transition: 0.3s linear;
  2621. -webkit-transition: 0.3s linear;
  2622. -moz-transition: 0.3s linear;
  2623. z-index: 4;
  2624. }
  2625. .video-cover.reveal-video[data-scrim-bottom]:before,
  2626. .video-cover.reveal-video[data-overlay]:before,
  2627. .video-cover.reveal-video[data-scrim-top]:before {
  2628. opacity: 0;
  2629. pointer-events: none;
  2630. }
  2631. .video-play-icon {
  2632. width: 7.42857143em;
  2633. height: 7.42857143em;
  2634. border-radius: 50%;
  2635. position: relative;
  2636. z-index: 4;
  2637. display: inline-block;
  2638. border: 2px solid #ffffff;
  2639. cursor: pointer;
  2640. background: #ffffff;
  2641. }
  2642. .video-play-icon.video-play-icon--sm {
  2643. width: 3.71428571em;
  2644. height: 3.71428571em;
  2645. }
  2646. .video-play-icon.video-play-icon--sm:before {
  2647. border-width: 4px 0 4px 9px;
  2648. }
  2649. .video-play-icon.video-play-icon--xs {
  2650. width: 1.85714286em;
  2651. height: 1.85714286em;
  2652. }
  2653. .video-play-icon.video-play-icon--xs:before {
  2654. border-width: 3px 0 3px 6px;
  2655. margin-left: -3px;
  2656. }
  2657. .video-play-icon.bg--primary:before {
  2658. border-color: transparent transparent transparent #fff;
  2659. }
  2660. .video-play-icon:before {
  2661. position: absolute;
  2662. top: 50%;
  2663. margin-top: -5px;
  2664. left: 50%;
  2665. margin-left: -4px;
  2666. content: '';
  2667. width: 0;
  2668. height: 0;
  2669. border-style: solid;
  2670. border-width: 6px 0 6px 12px;
  2671. border-color: transparent transparent transparent #ffffff;
  2672. border-color: transparent transparent transparent #808080;
  2673. }
  2674. .video-play-icon.video-play-icon--dark {
  2675. border-color: #252525;
  2676. background: #252525;
  2677. }
  2678. .video-play-icon.video-play-icon--dark:before {
  2679. border-color: transparent transparent transparent #252525;
  2680. }
  2681. .video-play-icon.video-play-icon--dark:before {
  2682. border-color: transparent transparent transparent #fff;
  2683. }
  2684. @media all and (max-width: 767px) {
  2685. .video-play-icon {
  2686. width: 4.95238095em;
  2687. height: 4.95238095em;
  2688. }
  2689. }
  2690. .col-12:not([class*='col-lg']):not([class*='col-md']) .video-cover iframe {
  2691. min-height: 550px;
  2692. }
  2693. @media all and (max-width: 990px) {
  2694. div[class*='col-'][class*='-12']:not([class*='xs-12']) .video-cover iframe {
  2695. min-height: 350px;
  2696. }
  2697. }
  2698. div[class*='col-'][class*='-10'] .video-cover iframe {
  2699. min-height: 450px;
  2700. }
  2701. div[class*='col-'][class*='-8'] .video-cover iframe {
  2702. min-height: 400px;
  2703. }
  2704. div[class*='col-'][class*='-6'] .video-cover iframe {
  2705. min-height: 350px;
  2706. }
  2707. @media all and (max-width: 1200px) {
  2708. div[class*='col-'][class*='-6'] .video-cover iframe {
  2709. min-height: 300px;
  2710. }
  2711. }
  2712. @media all and (max-width: 990px) {
  2713. div[class*='col-'][class*='-6'] .video-cover iframe {
  2714. min-height: 220px;
  2715. }
  2716. }
  2717. @media all and (max-width: 767px) {
  2718. div[class*='col-'] .video-cover iframe {
  2719. min-height: 220px !important;
  2720. }
  2721. }
  2722. .modal-container video {
  2723. max-width: 100%;
  2724. }
  2725. /**! 26. Colors **/
  2726. body {
  2727. background: #ffffff;
  2728. }
  2729. .color--primary {
  2730. color: #4a90e2 !important;
  2731. }
  2732. a {
  2733. color: #4a90e2;
  2734. }
  2735. .color--primary-1 {
  2736. color: #31639c !important;
  2737. }
  2738. .color--primary-2 {
  2739. color: #465773 !important;
  2740. }
  2741. .color--white {
  2742. color: #fff;
  2743. }
  2744. .color--dark {
  2745. color: #252525;
  2746. }
  2747. .color--success {
  2748. color: #4ebf56;
  2749. }
  2750. .color--error {
  2751. color: #e23636;
  2752. }
  2753. .bg--dark {
  2754. background: #252525;
  2755. }
  2756. .bg--dark:not(.nav-bar):not(.bar) {
  2757. color: #ffffff;
  2758. }
  2759. .bg--dark:not(.nav-bar):not(.bar) h1,
  2760. .bg--dark:not(.nav-bar):not(.bar) h2,
  2761. .bg--dark:not(.nav-bar):not(.bar) h3,
  2762. .bg--dark:not(.nav-bar):not(.bar) h4,
  2763. .bg--dark:not(.nav-bar):not(.bar) h5,
  2764. .bg--dark:not(.nav-bar):not(.bar) h6,
  2765. .bg--dark:not(.nav-bar):not(.bar) i,
  2766. .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text),
  2767. .bg--dark:not(.nav-bar):not(.bar) p {
  2768. color: #ffffff;
  2769. }
  2770. .bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
  2771. color: #fff;
  2772. }
  2773. .bg--site {
  2774. background: #ffffff;
  2775. }
  2776. .bg--secondary {
  2777. background: #fafafa;
  2778. }
  2779. .bg--primary {
  2780. background: #4a90e2;
  2781. }
  2782. .bg--primary p,
  2783. .bg--primary span,
  2784. .bg--primary ul,
  2785. .bg--primary a:not(.btn) {
  2786. color: #fff;
  2787. }
  2788. .bg--primary h1,
  2789. .bg--primary h2,
  2790. .bg--primary h3,
  2791. .bg--primary h4,
  2792. .bg--primary h5,
  2793. .bg--primary h6,
  2794. .bg--primary i {
  2795. color: #fff;
  2796. }
  2797. .bg--primary .color--primary {
  2798. color: #fff !important;
  2799. }
  2800. .bg--white {
  2801. background: #fff;
  2802. }
  2803. .bg--white p,
  2804. .bg--white span,
  2805. .bg--white ul,
  2806. .bg--white a:not(.btn) {
  2807. color: #666666;
  2808. }
  2809. .bg--white h1,
  2810. .bg--white h2,
  2811. .bg--white h3,
  2812. .bg--white h4,
  2813. .bg--white h5,
  2814. .bg--white h6,
  2815. .bg--white i {
  2816. color: #252525;
  2817. }
  2818. .bg--error {
  2819. background: #e23636;
  2820. }
  2821. .bg--success {
  2822. background: #4ebf56;
  2823. }
  2824. .imagebg:not(.image--light) .bg--white p,
  2825. .imagebg:not(.image--light) .bg--white span,
  2826. .imagebg:not(.image--light) .bg--white ul,
  2827. .imagebg:not(.image--light) .bg--white a:not(.btn) {
  2828. color: #666666;
  2829. }
  2830. .imagebg:not(.image--light) .bg--white h1,
  2831. .imagebg:not(.image--light) .bg--white h2,
  2832. .imagebg:not(.image--light) .bg--white h3,
  2833. .imagebg:not(.image--light) .bg--white h4,
  2834. .imagebg:not(.image--light) .bg--white h5,
  2835. .imagebg:not(.image--light) .bg--white h6,
  2836. .imagebg:not(.image--light) .bg--white i {
  2837. color: #252525;
  2838. }
  2839. .imagebg:not(.image--light) .bg--secondary {
  2840. background: rgba(250, 250, 250, 0.2);
  2841. }
  2842. .bg--primary-1 {
  2843. background: #31639c;
  2844. }
  2845. .bg--primary-1 p,
  2846. .bg--primary-1 span,
  2847. .bg--primary-1 ul,
  2848. .bg--primary-1 a:not(.btn) {
  2849. color: #fff;
  2850. }
  2851. .bg--primary-1 h1,
  2852. .bg--primary-1 h2,
  2853. .bg--primary-1 h3,
  2854. .bg--primary-1 h4,
  2855. .bg--primary-1 h5,
  2856. .bg--primary-1 h6,
  2857. .bg--primary-1 i {
  2858. color: #fff;
  2859. }
  2860. .bg--primary-2 {
  2861. background: #465773;
  2862. }
  2863. .bg--primary-2 p,
  2864. .bg--primary-2 span,
  2865. .bg--primary-2 ul,
  2866. .bg--primary-2 a:not(.btn) {
  2867. color: #fff;
  2868. }
  2869. .bg--primary-2 h1,
  2870. .bg--primary-2 h2,
  2871. .bg--primary-2 h3,
  2872. .bg--primary-2 h4,
  2873. .bg--primary-2 h5,
  2874. .bg--primary-2 h6,
  2875. .bg--primary-2 i {
  2876. color: #fff;
  2877. }
  2878. .image-bg:not(.image-light) *:not(a) {
  2879. color: #fff;
  2880. }
  2881. .color--facebook {
  2882. color: #3b5998;
  2883. }
  2884. .color--twitter {
  2885. color: #00aced;
  2886. }
  2887. .color--googleplus {
  2888. color: #dd4b39;
  2889. }
  2890. .color--instagram {
  2891. color: #125688;
  2892. }
  2893. .color--pinterest {
  2894. color: #cb2027;
  2895. }
  2896. .color--dribbble {
  2897. color: #ea4c89;
  2898. }
  2899. .color--behance {
  2900. color: #053eff;
  2901. }
  2902. .bg--facebook {
  2903. background: #3b5998;
  2904. color: #fff;
  2905. }
  2906. .bg--twitter {
  2907. background: #00aced;
  2908. color: #fff;
  2909. }
  2910. .bg--googleplus {
  2911. background: #dd4b39;
  2912. color: #fff;
  2913. }
  2914. .bg--instagram {
  2915. background: #125688;
  2916. color: #fff;
  2917. }
  2918. .bg--pinterest {
  2919. background: #cb2027;
  2920. color: #fff;
  2921. }
  2922. .bg--dribbble {
  2923. background: #ea4c89;
  2924. color: #fff;
  2925. }
  2926. .bg--behance {
  2927. background: #053eff;
  2928. color: #fff;
  2929. }
  2930. /**! 27. Image Blocks **/
  2931. .imageblock {
  2932. position: relative;
  2933. padding: 0;
  2934. }
  2935. .imageblock > .container,
  2936. .imageblock > div[class*='col-']:not(.imageblock__content) {
  2937. padding-top: 7.42857143em;
  2938. padding-bottom: 7.42857143em;
  2939. float: none;
  2940. overflow: hidden;
  2941. }
  2942. .imageblock.imageblock--lg > .container,
  2943. .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
  2944. padding-top: 9.28571429em;
  2945. padding-bottom: 9.28571429em;
  2946. float: none;
  2947. overflow: hidden;
  2948. }
  2949. .imageblock .imageblock__content {
  2950. position: absolute;
  2951. height: 100%;
  2952. top: 0;
  2953. z-index: 2;
  2954. padding: 0;
  2955. }
  2956. .imageblock .imageblock__content .slider {
  2957. position: absolute;
  2958. width: 100%;
  2959. height: 100%;
  2960. top: 0;
  2961. }
  2962. .imageblock .imageblock__content .slider .slides > li {
  2963. padding: 0;
  2964. min-height: 100%;
  2965. position: absolute !important;
  2966. }
  2967. .imageblock.allow-overflow .imageblock__content {
  2968. overflow: visible;
  2969. }
  2970. @media all and (max-height: 728px) {
  2971. .imageblock > .container,
  2972. .imageblock > div[class*='col-']:not(.imageblock__content) {
  2973. padding-top: 3.71428571em;
  2974. padding-bottom: 3.71428571em;
  2975. }
  2976. }
  2977. @media all and (max-width: 767px) {
  2978. .imageblock[class*='space-'] {
  2979. padding-bottom: 0;
  2980. padding-top: 0;
  2981. }
  2982. .imageblock .imageblock__content {
  2983. position: relative;
  2984. min-height: 18.57142857em;
  2985. }
  2986. .imageblock > .container,
  2987. .imageblock > div[class*='col-']:not(.imageblock__content) {
  2988. padding-top: 5.57142857em;
  2989. padding-bottom: 5.57142857em;
  2990. float: none;
  2991. overflow: hidden;
  2992. }
  2993. .imageblock.imageblock--lg > .container,
  2994. .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
  2995. padding-top: 5.57142857em;
  2996. padding-bottom: 5.57142857em;
  2997. float: none;
  2998. overflow: hidden;
  2999. }
  3000. }
  3001. /**! 28. MailChimp & Campaign Monitor **/
  3002. form[action*='createsend.com'] * {
  3003. transition: 0.3s linear;
  3004. -webkit-transition: 0.3s linear;
  3005. -moz-transition: 0.3s linear;
  3006. opacity: 0;
  3007. }
  3008. form[action*='createsend.com'].form--active * {
  3009. opacity: 1;
  3010. }
  3011. form[action*='createsend.com'] .input-checkbox + br {
  3012. display: none;
  3013. }
  3014. form[action*='createsend.com'].no-labels label {
  3015. display: none;
  3016. }
  3017. form[action*='createsend.com'] br {
  3018. display: none;
  3019. }
  3020. form[action*='createsend.com'] p > label:first-child {
  3021. margin-bottom: 0.92857143em;
  3022. }
  3023. form[action*='list-manage.com'] h2 {
  3024. font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  3025. color: #252525;
  3026. font-weight: 300;
  3027. font-variant-ligatures: common-ligatures;
  3028. margin-top: 0;
  3029. margin-bottom: 0;
  3030. font-size: 1.35714286em;
  3031. line-height: 1.36842105em;
  3032. margin-bottom: 1.36842105263158em;
  3033. font-weight: 400;
  3034. }
  3035. form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text) {
  3036. margin-left: 0.68421052631579em;
  3037. }
  3038. form[action*='list-manage.com'] .input-group ul {
  3039. overflow: hidden;
  3040. }
  3041. form[action*='list-manage.com'] .input-group ul li {
  3042. float: left;
  3043. }
  3044. form[action*='list-manage.com'] * {
  3045. transition: 0.3s linear;
  3046. -webkit-transition: 0.3s linear;
  3047. -moz-transition: 0.3s linear;
  3048. opacity: 0;
  3049. }
  3050. form[action*='list-manage.com'].form--active * {
  3051. opacity: 1;
  3052. }
  3053. form[action*='list-manage.com'].no-labels label {
  3054. display: none;
  3055. }
  3056. form[action*='list-manage.com'] .small-meta {
  3057. font-size: 0.5em;
  3058. }
  3059. /**! 29. Twitter **/
  3060. .twitter-feed .user {
  3061. display: none;
  3062. }
  3063. .twitter-feed .interact {
  3064. display: none;
  3065. }
  3066. .twitter-feed .timePosted {
  3067. font-size: .87em;
  3068. }
  3069. /**! 30. Transitions **/
  3070. [class*='transition--'] {
  3071. transition: 0.3s ease;
  3072. -webkit-transition: 0.3s ease;
  3073. -moz-transition: 0.3s ease;
  3074. opacity: 0;
  3075. }
  3076. [class*='transition--'].transition--active {
  3077. opacity: 1;
  3078. }
  3079. .transition--scale {
  3080. transform: scale(0.98);
  3081. -webkit-transform: scale(0.98);
  3082. }
  3083. .transition--scale.transition--active {
  3084. opacity: 1;
  3085. transform: scale(1);
  3086. -webkit-transform: scale(1);
  3087. }
  3088. .transition--slide {
  3089. transform: translate3d(200px, 0, 0);
  3090. -webkit-transform: translate3d(200px, 0, 0);
  3091. transform: translate3d(30vw, 0, 0);
  3092. -webkit-transform: translate3d(30vw, 0, 0);
  3093. }
  3094. .transition--slide.transition--active {
  3095. transform: translate3d(0, 0, 0);
  3096. -webkit-transform: translate3d(0, 0, 0);
  3097. }
  3098. /**! 31. Switchable Sections **/
  3099. .switchable {
  3100. position: relative;
  3101. }
  3102. .switchable div[class*='col-']:first-child {
  3103. float: left;
  3104. right: auto;
  3105. }
  3106. .switchable div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
  3107. left: 0;
  3108. }
  3109. .switchable div[class*='col-']:last-child {
  3110. float: right;
  3111. left: auto;
  3112. }
  3113. .switchable div[class*='col-']:last-child:not([class*='pull']):not([class*='push']) {
  3114. right: 0;
  3115. }
  3116. .switchable.switchable--switch div[class*='col-']:first-child {
  3117. float: right;
  3118. right: 0;
  3119. left: auto;
  3120. }
  3121. .switchable.switchable--switch div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
  3122. left: auto;
  3123. }
  3124. .switchable.switchable--switch div[class*='col-']:last-child {
  3125. float: left;
  3126. left: 0;
  3127. right: auto;
  3128. }
  3129. .switchable .switchable__text {
  3130. margin-top: 3.71428571em;
  3131. }
  3132. .switchable > div[class*='col-'] {
  3133. padding: 0;
  3134. }
  3135. /**! 32. Typed Effect **/
  3136. .typed-text {
  3137. display: inline-block;
  3138. }
  3139. .typed-text.typed-text--cursor:after {
  3140. content: '|';
  3141. font-size: 1.2em;
  3142. -webkit-animation: blink 0.7s infinite;
  3143. animation: blink 0.7s infinite;
  3144. position: relative;
  3145. right: 6px;
  3146. }
  3147. @keyframes blink {
  3148. 0% {
  3149. opacity: 1;
  3150. }
  3151. 50% {
  3152. opacity: 0;
  3153. }
  3154. 100% {
  3155. opacity: 1;
  3156. }
  3157. }
  3158. @-webkit-keyframes blink {
  3159. 0% {
  3160. opacity: 1;
  3161. }
  3162. 50% {
  3163. opacity: 0;
  3164. }
  3165. 100% {
  3166. opacity: 1;
  3167. }
  3168. }
  3169. /**! 33. Gradient BG **/
  3170. [data-gradient-bg] {
  3171. position: relative;
  3172. background: #252525;
  3173. }
  3174. [data-gradient-bg] > canvas {
  3175. position: absolute;
  3176. width: 100%;
  3177. height: 100%;
  3178. top: 0;
  3179. left: 0;
  3180. }
  3181. [data-gradient-bg] > canvas + .background-image-holder {
  3182. opacity: .2 !important;
  3183. }
  3184. /**! 34. Bars **/
  3185. .bar {
  3186. padding: 1.85714286em 0;
  3187. }
  3188. .bar .logo {
  3189. margin: 0;
  3190. position: relative;
  3191. top: 4px;
  3192. }
  3193. .bar .menu-horizontal {
  3194. position: relative;
  3195. top: 6px;
  3196. }
  3197. .bar:not([class*='visible-']) + .bar {
  3198. margin-top: 0.92857143em;
  3199. }
  3200. .bar.bar--xs {
  3201. padding: 0.46428571em 0;
  3202. }
  3203. .bar.bar--sm {
  3204. padding: 0.92857143em 0;
  3205. }
  3206. .bar.bar--lg {
  3207. padding: 2.78571429em 0;
  3208. }
  3209. .bar.bar--lg .logo {
  3210. top: 0;
  3211. }
  3212. .bar.bar--xlg {
  3213. padding: 4.64285714em 0;
  3214. }
  3215. .bar.bar--xlg .logo {
  3216. top: 0;
  3217. }
  3218. .bar.bg--dark .logo-dark {
  3219. display: none;
  3220. }
  3221. .bar:not(.bg--dark):not(.bar--transparent) .logo-light {
  3222. display: none;
  3223. }
  3224. @media all and (max-width: 767px) {
  3225. .bar.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed {
  3226. position: fixed;
  3227. width: 100%;
  3228. background: #fff;
  3229. z-index: 999;
  3230. }
  3231. .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
  3232. top: 3.71428571em;
  3233. position: fixed;
  3234. width: 100%;
  3235. background: #fff;
  3236. z-index: 999;
  3237. }
  3238. }
  3239. @media all and (min-width: 991px) {
  3240. .bar__module:not(:only-child) {
  3241. display: inline-block;
  3242. }
  3243. .bar__module:not(:last-child) {
  3244. margin-right: 0.92857143em;
  3245. }
  3246. .bar--transparent:not(.bar--dark) {
  3247. background: none;
  3248. }
  3249. .bar--transparent:not(.bar--dark) .logo-dark {
  3250. display: none;
  3251. }
  3252. .bar--transparent:not(.bar--dark) .logo-light {
  3253. display: inline-block;
  3254. }
  3255. .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a,
  3256. .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
  3257. color: #fff;
  3258. }
  3259. .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) {
  3260. border-color: rgba(255, 255, 255, 0.3);
  3261. }
  3262. .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) .btn__text {
  3263. color: #fff;
  3264. }
  3265. .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']):hover {
  3266. border-color: rgba(255, 255, 255, 0.7);
  3267. }
  3268. .bar--absolute {
  3269. position: absolute;
  3270. }
  3271. .bar--absolute,
  3272. .pos-fixed {
  3273. z-index: 99;
  3274. width: 100%;
  3275. }
  3276. .bar.pos-fixed {
  3277. position: fixed;
  3278. top: 0;
  3279. animation: fadeInDown 0.3s ease-out forwards;
  3280. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  3281. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  3282. }
  3283. .bar.pos-fixed:not([class*='bg-']) {
  3284. background: #ffffff;
  3285. }
  3286. .bar.pos-fixed:not([class*='bg-']) .logo-dark {
  3287. display: inline-block;
  3288. }
  3289. .bar.pos-fixed:not([class*='bg-']) .logo-light {
  3290. display: none;
  3291. }
  3292. .bar.pos-fixed.bg--dark {
  3293. background: #252525;
  3294. }
  3295. }
  3296. @media all and (max-width: 767px) {
  3297. .bar__module {
  3298. margin-bottom: 0.92857143em;
  3299. }
  3300. .bar__module + .bar__module {
  3301. margin-top: 1.85714286em;
  3302. }
  3303. .bar__module .btn {
  3304. display: block;
  3305. }
  3306. .bar__module .btn + .btn {
  3307. margin-left: 0 !important;
  3308. }
  3309. .bar__module .btn:not(:last-child) {
  3310. margin-bottom: 0.92857143em;
  3311. }
  3312. .bar + nav.bar {
  3313. padding-top: 0;
  3314. }
  3315. }
  3316. /**! 35. Navigation InPage **/
  3317. .page-navigator {
  3318. position: fixed;
  3319. padding: 0;
  3320. top: 50%;
  3321. transform: translateY(-50%);
  3322. right: 1.85714286em;
  3323. z-index: 10;
  3324. }
  3325. .page-navigator ul {
  3326. display: inline-block;
  3327. padding: 0.92857143em;
  3328. background: rgba(0, 0, 0, 0.4);
  3329. border-radius: 1.85714286em;
  3330. transition: all .2s ease;
  3331. }
  3332. .page-navigator ul:hover {
  3333. background: rgba(0, 0, 0, 0.6);
  3334. }
  3335. .page-navigator ul li:not(:last-child) {
  3336. margin-bottom: 1.85714286em;
  3337. }
  3338. @media all and (max-width: 767px) {
  3339. .page-navigator {
  3340. right: 0;
  3341. }
  3342. .page-navigator ul {
  3343. border-radius: 1.85714286em 0 0 1.85714286em;
  3344. padding: 1.85714286em 0.92857143em;
  3345. }
  3346. }
  3347. .page-navigator li a {
  3348. width: 8px;
  3349. height: 8px;
  3350. background: #fff;
  3351. border-radius: 50%;
  3352. transition: all .2s ease;
  3353. display: block;
  3354. position: relative;
  3355. }
  3356. .page-navigator li a:not(:hover) {
  3357. opacity: .5;
  3358. }
  3359. .page-navigator li a.inner-link--active {
  3360. opacity: 1;
  3361. animation: bulge .5s ease;
  3362. -webkit-animation: bulge .5s ease;
  3363. }
  3364. @keyframes bulge {
  3365. 0% {
  3366. transform: scale(1);
  3367. }
  3368. 50% {
  3369. transform: scale(1.3);
  3370. }
  3371. 100% {
  3372. transform: scale(1);
  3373. }
  3374. }
  3375. @-webkit-keyframes bulge {
  3376. 0% {
  3377. transform: scale(1);
  3378. }
  3379. 50% {
  3380. transform: scale(1.3);
  3381. }
  3382. 100% {
  3383. transform: scale(1);
  3384. }
  3385. }
  3386. .page-navigator li a[data-title]:before {
  3387. content: attr(data-title);
  3388. position: absolute;
  3389. right: 12px;
  3390. top: -14px;
  3391. background: #222;
  3392. color: #fff;
  3393. border-radius: 6px;
  3394. padding: 4px 8px;
  3395. display: inline-block;
  3396. transition: all .2s ease;
  3397. white-space: nowrap;
  3398. }
  3399. .page-navigator li a[data-title]:not(:hover):before {
  3400. opacity: 0;
  3401. transform: translateX(-20px);
  3402. }
  3403. /**! 36. Helper Classes **/
  3404. .clearfix {
  3405. overflow: hidden;
  3406. }
  3407. .clearfix-after:after {
  3408. content: "";
  3409. display: table;
  3410. clear: both;
  3411. }
  3412. .allow-overflow {
  3413. overflow: visible;
  3414. }
  3415. .container .row--gapless {
  3416. padding-left: 15px;
  3417. padding-right: 15px;
  3418. }
  3419. .container .row--gapless > div[class*='col-'] {
  3420. padding: 0;
  3421. }
  3422. @media all and (max-width: 767px) {
  3423. .text-left-xs {
  3424. text-align: left;
  3425. }
  3426. }
  3427. @media all and (max-width: 991px) {
  3428. .text-left-sm {
  3429. text-align: left;
  3430. }
  3431. }
  3432. section > .row--gapless {
  3433. padding-left: 0;
  3434. padding-right: 0;
  3435. }
  3436. section > .row--gapless > div[class*='col-'] {
  3437. padding: 0;
  3438. }
  3439. div.right {
  3440. float: right;
  3441. }
  3442. div.left {
  3443. float: left;
  3444. }
  3445. section.text-right > .container:last-child > .row:only-child > div[class*='col-']:only-child {
  3446. float: right;
  3447. }
  3448. /**! 37. Spacing **/
  3449. section,
  3450. footer {
  3451. padding-top: 7.42857143em;
  3452. padding-bottom: 7.42857143em;
  3453. }
  3454. section.space--xxs,
  3455. footer.space--xxs {
  3456. padding-top: 1.85714286em;
  3457. padding-bottom: 1.85714286em;
  3458. }
  3459. section.space--xs,
  3460. footer.space--xs {
  3461. padding-top: 3.71428571em;
  3462. padding-bottom: 3.71428571em;
  3463. }
  3464. section.space--sm,
  3465. footer.space--sm {
  3466. padding-top: 4.95238095em;
  3467. padding-bottom: 4.95238095em;
  3468. }
  3469. section.space--md,
  3470. footer.space--md {
  3471. padding-top: 11.14285714em;
  3472. padding-bottom: 11.14285714em;
  3473. }
  3474. section.space--lg,
  3475. footer.space--lg {
  3476. padding-top: 14.85714286em;
  3477. padding-bottom: 14.85714286em;
  3478. }
  3479. section.space--xlg,
  3480. footer.space--xlg {
  3481. padding-top: 29.71428571em;
  3482. padding-bottom: 29.71428571em;
  3483. }
  3484. section.space--0,
  3485. footer.space--0 {
  3486. padding: 0;
  3487. }
  3488. section.section--even,
  3489. footer.section--even {
  3490. padding-top: 7.42857143em;
  3491. padding-bottom: 7.42857143em;
  3492. }
  3493. section.space-bottom--sm,
  3494. footer.space-bottom--sm {
  3495. padding-bottom: 4.95238095em;
  3496. }
  3497. @media all and (max-width: 767px) {
  3498. section,
  3499. footer,
  3500. section.section--even {
  3501. padding: 5.57142857em 0;
  3502. }
  3503. section.space--lg,
  3504. footer.space--lg,
  3505. section.section--even.space--lg,
  3506. section.space--md,
  3507. footer.space--md,
  3508. section.section--even.space--md {
  3509. padding: 5.57142857em 0;
  3510. }
  3511. section.space--xlg,
  3512. footer.space--xlg,
  3513. section.section--even.space--xlg {
  3514. padding: 8.35714286em 0;
  3515. }
  3516. }
  3517. div[class*='col-'] > div[class*='col-']:first-child {
  3518. padding-left: 0;
  3519. }
  3520. div[class*='col-'] > div[class*='col-']:last-child {
  3521. padding-right: 0;
  3522. }
  3523. @media all and (max-width: 767px) {
  3524. .col-xs-6:nth-child(odd) {
  3525. padding-right: 7.5px;
  3526. }
  3527. .col-xs-6:nth-child(even) {
  3528. padding-left: 7.5px;
  3529. }
  3530. }
  3531. @media all and (min-width: 768px) {
  3532. .mt--1 {
  3533. margin-top: 1.85714286em;
  3534. }
  3535. .mt--2 {
  3536. margin-top: 3.71428571em;
  3537. }
  3538. .mt--3 {
  3539. margin-top: 5.57142857em;
  3540. }
  3541. .mb--1 {
  3542. margin-bottom: 1.85714286em;
  3543. }
  3544. .mb--2 {
  3545. margin-bottom: 3.71428571em;
  3546. }
  3547. .mb--3 {
  3548. margin-bottom: 5.57142857em;
  3549. }
  3550. }
  3551. @media all and (max-width: 990px) {
  3552. .mt--1,
  3553. .mt--2 {
  3554. margin-top: 1.85714286em;
  3555. }
  3556. .mt--3 {
  3557. margin-top: 2.78571429em;
  3558. }
  3559. }
  3560. .unpad {
  3561. padding: 0;
  3562. }
  3563. .unpad--bottom {
  3564. padding-bottom: 0;
  3565. }
  3566. .unpad--top {
  3567. padding-top: 0;
  3568. }
  3569. section.unpad--bottom {
  3570. padding-bottom: 0;
  3571. }
  3572. section.unpad {
  3573. padding: 0;
  3574. }
  3575. section.unpad--top {
  3576. padding-top: 0;
  3577. }
  3578. .unmarg--bottom {
  3579. margin-bottom: 0;
  3580. }
  3581. .unmarg {
  3582. margin: 0;
  3583. }
  3584. .unmarg--top {
  3585. margin-top: 0;
  3586. }
  3587. /**! 38. Boxed Layout **/
  3588. @media all and (min-width: 1280px) {
  3589. body.boxed-layout {
  3590. padding: 3.71428571em 0;
  3591. background: #ededed;
  3592. }
  3593. body.boxed-layout section:not([class*='bg-']):not(.imagebg),
  3594. body.boxed-layout footer:not([class*='bg-']):not(.imagebg),
  3595. body.boxed-layout nav:not([class*='bg-']):not(.bar--transparent):not(.bar--absolute),
  3596. body.boxed-layout .tabs-container:not([class*='bg-']):not(.imagebg) {
  3597. background: #ffffff;
  3598. }
  3599. body.boxed-layout .nav-container,
  3600. body.boxed-layout .main-container,
  3601. body.boxed-layout > section,
  3602. body.boxed-layout nav {
  3603. max-width: 1280px;
  3604. margin: 0 auto;
  3605. }
  3606. }
  3607. /**! 39. Wizard **/
  3608. .wizard__body {
  3609. list-style: none;
  3610. }
  3611. .wizard__step:not(.active) {
  3612. display: none;
  3613. }
  3614. .wizard__step .wizard__title {
  3615. display: none;
  3616. }
  3617. .wizard__controls {
  3618. overflow: hidden;
  3619. }
  3620. .wizard__controls .wizard-prev {
  3621. float: left;
  3622. }
  3623. .wizard__controls .wizard-next {
  3624. float: right;
  3625. }
  3626. .wizard__controls .wizard-prev:hover,
  3627. .wizard__controls .wizard-next:hover {
  3628. transform: none !important;
  3629. }
  3630. .wizard__controls .wizard-prev.inactive,
  3631. .wizard__controls .wizard-next.inactive {
  3632. pointer-events: none;
  3633. opacity: .3;
  3634. cursor: not-allowed;
  3635. }
  3636. /**! 40. Alerts **/
  3637. .alert {
  3638. overflow: hidden;
  3639. border: 1px solid #e6e6e6;
  3640. padding: 0.92857143em;
  3641. }
  3642. .alert .alert__body,
  3643. .alert .alert__close {
  3644. display: inline-block;
  3645. user-select: none;
  3646. }
  3647. .alert .alert__body {
  3648. float: left;
  3649. }
  3650. .alert .alert__close {
  3651. float: right;
  3652. cursor: pointer;
  3653. }
  3654. .alert.bg--error {
  3655. background: #fce8e8;
  3656. border-color: #e23636;
  3657. }
  3658. .alert.bg--error .alert__close {
  3659. color: #e23636;
  3660. }
  3661. .alert.bg--success {
  3662. background: #e4f5e5;
  3663. border-color: #4ebf56;
  3664. }
  3665. .alert.bg--success .alert__close {
  3666. color: #4ebf56;
  3667. }
  3668. .alert.bg--primary {
  3669. background: #fafcfe;
  3670. border-color: #4a90e2;
  3671. }
  3672. .alert.bg--primary .alert__body > span {
  3673. color: #666666;
  3674. }
  3675. .alert.bg--primary .alert__close {
  3676. color: #4a90e2;
  3677. }
  3678. .alert.alert--dismissed {
  3679. display: none;
  3680. }
  3681. /**! 41. Progress - Horizontal **/
  3682. .progress-horizontal:after {
  3683. content: "";
  3684. display: table;
  3685. clear: both;
  3686. }
  3687. .progress-horizontal .progress-horizontal__bar {
  3688. position: relative;
  3689. overflow: hidden;
  3690. }
  3691. .progress-horizontal .progress-horizontal__progress {
  3692. position: absolute;
  3693. top: 0;
  3694. left: 0;
  3695. height: 100%;
  3696. }
  3697. /**! 42. Theme Overrides **/
  3698. /*! -- Stack Customizers -- */
  3699. .box-shadow {
  3700. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  3701. }
  3702. .box-shadow-shallow {
  3703. box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
  3704. }
  3705. .box-shadow-wide {
  3706. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  3707. }
  3708. .border--round {
  3709. border-radius: 6px;
  3710. }
  3711. .border--round:before {
  3712. border-radius: 6px;
  3713. }
  3714. .border--round .background-image-holder {
  3715. border-radius: 6px;
  3716. }
  3717. .border--round [data-scrim-top]:before,
  3718. .border--round [data-scrim-bottom]:before,
  3719. .border--round [data-overlay]:before {
  3720. border-radius: 6px;
  3721. }
  3722. .imageblock.border--round .background-image-holder {
  3723. border-radius: 6px 0 0 6px;
  3724. }
  3725. @media all and (max-width: 767px) {
  3726. .imageblock.border--round .background-image-holder {
  3727. border-radius: 6px 6px 0 0;
  3728. }
  3729. }
  3730. .theme--square .border--round,
  3731. .theme--square .btn {
  3732. border-radius: 0px;
  3733. }
  3734. .theme--bordered {
  3735. border: 0.92857143em solid #252525;
  3736. }
  3737. .main-container.transition--fade:not(.transition--active) {
  3738. cursor: wait;
  3739. }
  3740. @media all and (min-width: 1280px) {
  3741. body.boxed-layout > section.bar-3:first-of-type {
  3742. border-radius: 6px 6px 0 0;
  3743. }
  3744. body.boxed-layout .main-container > footer:last-child {
  3745. border-radius: 0 0 6px 6px;
  3746. }
  3747. }
  3748. body.boxed-layout .modal-container section:not([class*='bg-']) {
  3749. background: none;
  3750. }
  3751. /*! -- Stack Helpers -- */
  3752. @media all and (max-width: 767px) {
  3753. .block--xs {
  3754. margin-top: 0.92857143em;
  3755. }
  3756. }
  3757. .container .container {
  3758. max-width: 100%;
  3759. }
  3760. .switchable-toggle {
  3761. cursor: pointer;
  3762. user-select: none;
  3763. -webkit-user-select: none;
  3764. }
  3765. .back-to-top {
  3766. position: fixed;
  3767. width: 3.71428571em;
  3768. height: 3.71428571em;
  3769. background: #fff;
  3770. border-radius: 50%;
  3771. text-align: center;
  3772. right: 1.85714286em;
  3773. bottom: 3.71428571em;
  3774. padding-top: 12px;
  3775. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  3776. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  3777. z-index: 99;
  3778. border: 1px solid #ececec;
  3779. transition: 0.2s ease-out;
  3780. -webkit-transition: 0.2s ease-out;
  3781. -moz-transition: 0.2s ease-out;
  3782. }
  3783. .back-to-top i {
  3784. color: #252525;
  3785. }
  3786. .back-to-top:not(.active) {
  3787. opacity: 0;
  3788. transform: translate3d(0, 20px, 0);
  3789. -webkit-transform: translate3d(0, 20px, 0);
  3790. pointer-events: none;
  3791. }
  3792. .back-to-top.active:hover {
  3793. transform: translate3d(0, -5px, 0);
  3794. -webkit-transform: translate3d(0, -5px, 0);
  3795. }
  3796. .disable-scroll-bars {
  3797. -ms-overflow-style: none;
  3798. }
  3799. .disable-scroll-bars::-webkit-scrollbar {
  3800. display: none;
  3801. }
  3802. /*! -- Stack Animations -- */
  3803. @keyframes fadeInUp {
  3804. from {
  3805. opacity: 0;
  3806. transform: translate3d(0, 50px, 0);
  3807. -webkit-transform: translate3d(0, 50px, 0);
  3808. }
  3809. to {
  3810. opacity: 1;
  3811. transform: translate3d(0, 0, 0);
  3812. -webkit-transform: translate3d(0, 0, 0);
  3813. -webkit-font-smoothing: antialiased;
  3814. }
  3815. }
  3816. @-webkit-keyframes fadeInUp {
  3817. from {
  3818. opacity: 0;
  3819. transform: translate3d(0, 50px, 0);
  3820. -webkit-transform: translate3d(0, 50px, 0);
  3821. }
  3822. to {
  3823. opacity: 1;
  3824. transform: translate3d(0, 0, 0);
  3825. -webkit-transform: translate3d(0, 0, 0);
  3826. -webkit-font-smoothing: antialiased;
  3827. }
  3828. }
  3829. @keyframes fadeInDown {
  3830. from {
  3831. opacity: 0;
  3832. transform: translate3d(0, -100px, 0);
  3833. -webkit-transform: translate3d(0, -100px, 0);
  3834. }
  3835. to {
  3836. opacity: 1;
  3837. transform: translate3d(0, 0, 0);
  3838. -webkit-transform: translate3d(0, 0, 0);
  3839. -webkit-font-smoothing: antialiased;
  3840. }
  3841. }
  3842. @-webkit-keyframes fadeInDown {
  3843. from {
  3844. opacity: 0;
  3845. transform: translate3d(0, -100px, 0);
  3846. -webkit-transform: translate3d(0, -100px, 0);
  3847. }
  3848. to {
  3849. opacity: 1;
  3850. transform: translate3d(0, 0, 0);
  3851. -webkit-transform: translate3d(0, 0, 0);
  3852. -webkit-font-smoothing: antialiased;
  3853. }
  3854. }
  3855. @keyframes fadeOutUp {
  3856. from {
  3857. opacity: 1;
  3858. transform: translate3d(0, 0, 0);
  3859. -webkit-transform: translate3d(0, 0, 0);
  3860. }
  3861. to {
  3862. opacity: 0;
  3863. transform: translate3d(0, -50px, 0);
  3864. -webkit-transform: translate3d(0, -50px, 0);
  3865. -webkit-font-smoothing: antialiased;
  3866. }
  3867. }
  3868. @-webkit-keyframes fadeOutUp {
  3869. from {
  3870. opacity: 1;
  3871. transform: translate3d(0, 0, 0);
  3872. -webkit-transform: translate3d(0, 0, 0);
  3873. }
  3874. to {
  3875. opacity: 0;
  3876. transform: translate3d(0, -50px, 0);
  3877. -webkit-transform: translate3d(0, -50px, 0);
  3878. -webkit-font-smoothing: antialiased;
  3879. }
  3880. }
  3881. @keyframes fadeOutRight {
  3882. from {
  3883. opacity: 1;
  3884. transform: translate3d(0, 0, 0);
  3885. -webkit-transform: translate3d(0, 0, 0);
  3886. }
  3887. to {
  3888. opacity: 0;
  3889. transform: translate3d(50px, 0, 0);
  3890. -webkit-transform: translate3d(50px, 0, 0);
  3891. -webkit-font-smoothing: antialiased;
  3892. }
  3893. }
  3894. @-webkit-keyframes fadeOutRight {
  3895. from {
  3896. opacity: 1;
  3897. transform: translate3d(0, 0, 0);
  3898. -webkit-transform: translate3d(0, 0, 0);
  3899. }
  3900. to {
  3901. opacity: 0;
  3902. transform: translate3d(50px, 0, 0);
  3903. -webkit-transform: translate3d(50px, 0, 0);
  3904. -webkit-font-smoothing: antialiased;
  3905. }
  3906. }
  3907. @keyframes fadeInLeft {
  3908. from {
  3909. opacity: 0;
  3910. transform: translate3d(-50px, 0, 0);
  3911. -webkit-transform: translate3d(-50px, 0, 0);
  3912. }
  3913. to {
  3914. opacity: 1;
  3915. transform: translate3d(0, 0, 0);
  3916. -webkit-transform: translate3d(0, 0, 0);
  3917. -webkit-font-smoothing: antialiased;
  3918. }
  3919. }
  3920. @-webkit-keyframes fadeInLeft {
  3921. from {
  3922. opacity: 0;
  3923. transform: translate3d(-50px, 0, 0);
  3924. -webkit-transform: translate3d(-50px, 0, 0);
  3925. }
  3926. to {
  3927. opacity: 1;
  3928. transform: translate3d(0, 0, 0);
  3929. -webkit-transform: translate3d(0, 0, 0);
  3930. -webkit-font-smoothing: antialiased;
  3931. }
  3932. }
  3933. @keyframes pulse {
  3934. 0% {
  3935. opacity: 0;
  3936. transform: scale(1);
  3937. -webkit-transform: scale(1);
  3938. }
  3939. 50% {
  3940. opacity: 1;
  3941. }
  3942. 100% {
  3943. opacity: 0;
  3944. transform: scale(2);
  3945. -webkit-transform: scale(2);
  3946. }
  3947. }
  3948. @-webkit-keyframes pulse {
  3949. 0% {
  3950. opacity: 0;
  3951. transform: scale(1);
  3952. -webkit-transform: scale(1);
  3953. }
  3954. 50% {
  3955. opacity: 1;
  3956. }
  3957. 100% {
  3958. opacity: 0;
  3959. transform: scale(2);
  3960. -webkit-transform: scale(2);
  3961. }
  3962. }
  3963. @keyframes kenBurns {
  3964. 0% {
  3965. transform: scale(1);
  3966. }
  3967. 100% {
  3968. transform: scale(1.1);
  3969. }
  3970. }
  3971. @-webkit-keyframes kenBurns {
  3972. 0% {
  3973. transform: scale(1);
  3974. }
  3975. 100% {
  3976. transform: scale(1.1);
  3977. }
  3978. }
  3979. /*! -- Stack Sections -- */
  3980. 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) {
  3981. padding-top: 0;
  3982. }
  3983. 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) {
  3984. padding-top: 0;
  3985. }
  3986. section:not(.imagebg):not([class*='bg-']) + section.bg--secondary {
  3987. border-top: 1px solid #ebebeb;
  3988. }
  3989. section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) {
  3990. border-top: 1px solid #ebebeb;
  3991. }
  3992. section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary {
  3993. padding-top: 0;
  3994. }
  3995. section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) {
  3996. border-top: 1px solid #ebebeb;
  3997. }
  3998. section.bg--dark + section.bg--dark {
  3999. padding-top: 0;
  4000. }
  4001. section.bg--dark:last-of-type + footer.bg--dark {
  4002. background: #1b1b1b;
  4003. }
  4004. section.border--bottom:not([data-gradient-bg]) {
  4005. border-bottom: 1px solid #ececec;
  4006. }
  4007. section.unpad {
  4008. overflow: hidden;
  4009. }
  4010. section:not([class*='bg--']) + footer.bg--secondary {
  4011. border-top: 1px solid #ebebeb;
  4012. }
  4013. section.text-center div[class*='col-']:first-child:last-child {
  4014. margin: 0 auto;
  4015. float: none;
  4016. }
  4017. .section--overlap {
  4018. z-index: 2;
  4019. position: relative;
  4020. }
  4021. /*! -- Stack Typography -- */
  4022. @media all and (max-width: 1024px) {
  4023. html {
  4024. font-size: 80%;
  4025. }
  4026. }
  4027. h1,
  4028. .h1 {
  4029. letter-spacing: -0.01em;
  4030. }
  4031. h1:not(:last-child),
  4032. .h1:not(:last-child) {
  4033. margin-bottom: 0.59090909090909em;
  4034. }
  4035. @media all and (min-width: 768px) {
  4036. h1.h1--large,
  4037. .h1.h1--large {
  4038. font-weight: 200;
  4039. font-size: 4.428571428571429em;
  4040. line-height: 1.048387096774194em;
  4041. }
  4042. h1.h1--large:not(:last-child),
  4043. .h1.h1--large:not(:last-child) {
  4044. margin-bottom: 0.419354838709677em;
  4045. }
  4046. h1.h1--large.type--uppercase,
  4047. .h1.h1--large.type--uppercase {
  4048. letter-spacing: 10px;
  4049. margin-right: -10px;
  4050. }
  4051. h1.h1--large + p.lead,
  4052. .h1.h1--large + p.lead {
  4053. margin-top: 2.052631578947368em;
  4054. }
  4055. }
  4056. h2,
  4057. .h2 {
  4058. margin-bottom: 0.78787878787879em;
  4059. }
  4060. h3,
  4061. .h3 {
  4062. margin-bottom: 1.04em;
  4063. }
  4064. h3 strong,
  4065. .h3 strong {
  4066. font-weight: 400;
  4067. }
  4068. blockquote {
  4069. font-family: 'Merriweather', serif;
  4070. font-style: italic;
  4071. font-weight: 300;
  4072. }
  4073. blockquote:not(:last-child) {
  4074. margin-bottom: 1.04em;
  4075. }
  4076. blockquote > p {
  4077. font-size: 1em !important;
  4078. }
  4079. h4,
  4080. .h4 {
  4081. margin-bottom: 1.36842105263158em;
  4082. font-weight: 400;
  4083. }
  4084. h4.inline-block + .h4.inline-block:not(.typed-text),
  4085. .h4.inline-block + .h4.inline-block:not(.typed-text) {
  4086. margin-left: 0.68421052631579em;
  4087. }
  4088. h5,
  4089. .h5 {
  4090. font-weight: 600;
  4091. }
  4092. h5:not(:last-child),
  4093. .h5:not(:last-child) {
  4094. margin-bottom: 1.85714286em;
  4095. }
  4096. h6,
  4097. .h6 {
  4098. font-weight: 700;
  4099. }
  4100. h6:not(:last-child),
  4101. .h6:not(:last-child) {
  4102. margin-bottom: 2.16666666666667em;
  4103. }
  4104. h6.type--uppercase,
  4105. .h6.type--uppercase {
  4106. letter-spacing: 1px;
  4107. margin-right: -1px;
  4108. }
  4109. span.h1:not(.inline-block),
  4110. span.h2:not(.inline-block),
  4111. span.h3:not(.inline-block),
  4112. span.h4:not(.inline-block),
  4113. span.h5:not(.inline-block),
  4114. span.h6:not(.inline-block) {
  4115. display: block;
  4116. }
  4117. b {
  4118. font-weight: 600;
  4119. }
  4120. hr {
  4121. border-color: #ECECEC;
  4122. }
  4123. .bg--dark hr {
  4124. border-color: #585858;
  4125. }
  4126. [class*='bg-']:not(.bg--white):not(.bg--secondary) p,
  4127. [class*='imagebg']:not(.image--light) p {
  4128. opacity: .9;
  4129. }
  4130. .lead {
  4131. font-weight: 400;
  4132. color: #808080;
  4133. }
  4134. .lead:not(:last-child) {
  4135. margin-bottom: 1.36842105263158em;
  4136. }
  4137. .lead + .btn:last-child {
  4138. margin-top: 0.92857143em;
  4139. }
  4140. p:last-child {
  4141. margin-bottom: 0;
  4142. }
  4143. p strong {
  4144. color: #252525;
  4145. }
  4146. pre {
  4147. padding: 0.92857143em;
  4148. background: #fafafa;
  4149. border: 1px solid #ececec;
  4150. border-radius: 6px;
  4151. line-height: 20px;
  4152. max-height: 500px;
  4153. }
  4154. .bg--secondary > pre {
  4155. background: #f5f5f5;
  4156. border-color: #ddd;
  4157. }
  4158. .text-block {
  4159. margin-bottom: 1.85714286em;
  4160. }
  4161. .text-block h2,
  4162. .text-block .h2 {
  4163. margin-bottom: 0.3939393939394em;
  4164. }
  4165. .text-block h5,
  4166. .text-block .h5 {
  4167. margin: 0;
  4168. }
  4169. .text-block h4:not(:last-child),
  4170. .text-block .h4:not(:last-child) {
  4171. margin-bottom: 0.3421052631579em;
  4172. }
  4173. .text-block h3,
  4174. .text-block .h3 {
  4175. margin-bottom: 0.52em;
  4176. }
  4177. @media all and (min-width: 768px) {
  4178. div[class*='col-'] .text-block + .text-block {
  4179. margin-top: 3.71428571em;
  4180. }
  4181. }
  4182. .heading-block {
  4183. margin-bottom: 3.71428571em;
  4184. }
  4185. .heading-block h1,
  4186. .heading-block h2,
  4187. .heading-block h3,
  4188. .heading-block h4,
  4189. .heading-block h5,
  4190. .heading-block h6,
  4191. .heading-block .h1,
  4192. .heading-block .h2,
  4193. .heading-block .h3,
  4194. .heading-block .h4,
  4195. .heading-block .h5,
  4196. .heading-block .h6 {
  4197. margin-bottom: 0;
  4198. }
  4199. /*! -- Stack Colours -- */
  4200. .bg--dark .bg--secondary {
  4201. background: #343434;
  4202. }
  4203. /*! -- Stack Links -- */
  4204. a {
  4205. color: #4a90e2;
  4206. font-weight: 700;
  4207. }
  4208. a:hover {
  4209. color: #2275d7;
  4210. text-decoration: underline;
  4211. }
  4212. a.block {
  4213. font-weight: normal;
  4214. text-decoration: none;
  4215. color: #666666;
  4216. }
  4217. p a,
  4218. span a,
  4219. label a {
  4220. font-size: 1em;
  4221. text-decoration: underline;
  4222. font-weight: 400;
  4223. line-height: 1.85714286em;
  4224. }
  4225. p + a:not(.btn) {
  4226. font-size: 0.85714286em;
  4227. line-height: 2.16666667em;
  4228. }
  4229. .imagebg:not(.image--light) a {
  4230. color: #fff;
  4231. font-weight: 600;
  4232. }
  4233. /*! -- Stack Tables -- */
  4234. table {
  4235. width: 100%;
  4236. border-collapse: separate;
  4237. }
  4238. table th,
  4239. table td {
  4240. padding: 0.92857143em;
  4241. }
  4242. table th {
  4243. background: #fafafa;
  4244. color: #252525;
  4245. }
  4246. table tr:not(:last-of-type) {
  4247. border-bottom: 1px solid #ececec;
  4248. }
  4249. table.border--round {
  4250. border-radius: 6px;
  4251. border: 1px solid #ececec;
  4252. }
  4253. .table--alternate-column th:nth-child(odd) {
  4254. background: none;
  4255. }
  4256. .table--alternate-column td:nth-child(even) {
  4257. background: #fafafa;
  4258. }
  4259. .table--alternate-row tbody tr:nth-child(even) {
  4260. background: #fafafa;
  4261. }
  4262. .bg--dark table.border--round {
  4263. border-radius: 6px;
  4264. border: 1px solid #3f3f3f;
  4265. }
  4266. .bg--dark table th {
  4267. background: #3f3f3f;
  4268. color: #fff;
  4269. }
  4270. .bg--dark .table--alternate-row tbody tr:nth-child(even) {
  4271. background: #323232;
  4272. }
  4273. /*! -- Stack Lists -- */
  4274. ul:not([class*='menu']) li > a {
  4275. font-weight: normal;
  4276. }
  4277. ul:not([class*='menu']) li > a:hover {
  4278. text-decoration: none;
  4279. }
  4280. ol {
  4281. list-style-position: outside;
  4282. list-style-type: decimal;
  4283. }
  4284. ol li:not(:last-child) {
  4285. margin-bottom: 1.85714286em;
  4286. }
  4287. ol.lead li:not(:last-child) {
  4288. margin-bottom: 1.26315789473684em;
  4289. }
  4290. .list-inline {
  4291. margin-left: 0;
  4292. display: inline-block;
  4293. }
  4294. .list-inline li {
  4295. display: inline-block;
  4296. padding: 0;
  4297. }
  4298. .list-inline li:not(:last-child) {
  4299. margin-right: 1.85714286em;
  4300. }
  4301. .list-inline:not(:last-child) {
  4302. margin-right: 1.85714286em;
  4303. }
  4304. .list-inline--images img {
  4305. max-height: 2.78571429em;
  4306. }
  4307. @media all and (min-width: 768px) {
  4308. .list-inline--images li:not(:last-child) {
  4309. margin-right: 5.57142857em;
  4310. }
  4311. }
  4312. @media all and (max-width: 767px) {
  4313. .list-inline--images li:not(:last-child) {
  4314. margin-bottom: 1.85714286em;
  4315. }
  4316. }
  4317. .list--loose > li:not(:last-child) {
  4318. margin-bottom: 0.46428571em;
  4319. }
  4320. .list--hover li {
  4321. transition: 0.2s ease;
  4322. -webkit-transition: 0.2s ease;
  4323. -moz-transition: 0.2s ease;
  4324. }
  4325. .list--hover li:not(:hover) {
  4326. opacity: .6;
  4327. }
  4328. .social-list a {
  4329. color: #252525;
  4330. }
  4331. .imagebg:not(.image--light) .social-list a {
  4332. color: #fff;
  4333. }
  4334. .results-list > li > a:first-child {
  4335. display: flex;
  4336. align-items: center;
  4337. margin-bottom: 0.92857143em;
  4338. }
  4339. .results-list > li > a:first-child span {
  4340. display: inline-block;
  4341. margin-left: 0.46428571em;
  4342. }
  4343. .results-list > li > a:first-child h4 {
  4344. display: inline-block;
  4345. margin-bottom: 0;
  4346. }
  4347. .results-list > li > a:first-child:hover h4,
  4348. .results-list > li > a:first-child:hover span {
  4349. text-decoration: underline;
  4350. }
  4351. .results-list > li:not(:last-child) {
  4352. margin-bottom: 1.85714286em;
  4353. padding-bottom: 1.85714286em;
  4354. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  4355. }
  4356. @media all and (max-width: 767px) {
  4357. .list-inline:not(.social-list):not(.list-inline--images) {
  4358. display: block;
  4359. }
  4360. .list-inline:not(.social-list):not(.list-inline--images) li {
  4361. display: block;
  4362. margin: 0;
  4363. }
  4364. .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
  4365. margin-bottom: 0.46428571em;
  4366. }
  4367. }
  4368. @media all and (max-width: 767px) {
  4369. .list-inline {
  4370. min-width: 100%;
  4371. }
  4372. }
  4373. .row--list span.h6 {
  4374. margin-bottom: 0;
  4375. }
  4376. .row--list span.h3:last-child {
  4377. margin-bottom: 0;
  4378. }
  4379. @media all and (max-width: 767px) {
  4380. .row--list > li {
  4381. margin-bottom: 0.92857143em;
  4382. }
  4383. }
  4384. /*! -- Stack Rules -- */
  4385. hr:first-child {
  4386. margin-top: 0;
  4387. }
  4388. hr.short {
  4389. width: 2.78571429em;
  4390. border-color: #4a90e2;
  4391. }
  4392. hr[data-title] {
  4393. margin: 2.78571429em 0;
  4394. text-align: center;
  4395. }
  4396. hr[data-title]:before {
  4397. content: attr(data-title);
  4398. background: #ffffff;
  4399. position: relative;
  4400. bottom: 14px;
  4401. padding: 0.92857143em;
  4402. font-style: italic;
  4403. }
  4404. .bg--dark hr:not(.short),
  4405. .imagebg hr:not(.short),
  4406. .bg--primary hr:not(.short) {
  4407. opacity: .3;
  4408. }
  4409. /*! -- Stack Buttons -- */
  4410. .btn {
  4411. position: relative;
  4412. }
  4413. .btn:not([class*='primary']) {
  4414. border-color: #d3d3d3;
  4415. }
  4416. .btn:not([class*='primary']):hover {
  4417. border-color: #252525;
  4418. }
  4419. .btn.type--uppercase {
  4420. letter-spacing: .5px;
  4421. }
  4422. .btn.type--uppercase .btn__text {
  4423. letter-spacing: .5px;
  4424. margin-right: -0.5px;
  4425. }
  4426. .btn .label {
  4427. top: -0.92857143em;
  4428. right: -3.71428571em;
  4429. }
  4430. .btn.btn--lg .btn__text {
  4431. font-weight: 600;
  4432. }
  4433. .btn.btn--lg.type--uppercase .btn__text {
  4434. letter-spacing: 1px;
  4435. }
  4436. .btn + p.type--fine-print,
  4437. .btn + span.type--fine-print {
  4438. margin-top: 1.08333333333334em;
  4439. }
  4440. .btn.block {
  4441. margin-left: 0;
  4442. }
  4443. .btn.block + .btn.block {
  4444. margin-top: 0.92857143em;
  4445. }
  4446. .btn:hover {
  4447. transform: translate3d(0, -2px, 0);
  4448. -webkit-transform: translate3d(0, -2px, 0);
  4449. }
  4450. .btn.btn--sm + .btn--sm {
  4451. margin-left: 0.92857143em;
  4452. }
  4453. p > .btn {
  4454. text-decoration: none;
  4455. }
  4456. @media all and (max-width: 767px) {
  4457. .btn:not(:last-child) {
  4458. margin-bottom: 1.85714286em;
  4459. }
  4460. }
  4461. .btn--icon {
  4462. padding-left: 5.57142857em;
  4463. }
  4464. .btn--icon i {
  4465. position: absolute;
  4466. height: 100%;
  4467. left: 0;
  4468. top: 0;
  4469. background: rgba(0, 0, 0, 0.1);
  4470. padding: 0 13px;
  4471. border-radius: 6px 0 0 6px;
  4472. font-size: 16px;
  4473. line-height: 41px;
  4474. }
  4475. .btn--icon i.socicon {
  4476. line-height: 42px;
  4477. }
  4478. .btn--cart {
  4479. width: 3.71428571em;
  4480. height: 3.71428571em;
  4481. border: 2px solid #252525;
  4482. display: block;
  4483. text-align: center;
  4484. border-radius: 6px;
  4485. opacity: .4;
  4486. padding: 0;
  4487. }
  4488. .btn--cart:hover {
  4489. opacity: 1;
  4490. }
  4491. .btn--cart .btn__text {
  4492. position: absolute;
  4493. width: 100%;
  4494. left: 0;
  4495. top: 50%;
  4496. transform: translateY(-50%);
  4497. font-size: 1.142857142857143em;
  4498. }
  4499. .imagebg:not(.image--light) .btn--icon:not([class*='bg']):not([class*='primary']) i {
  4500. color: #fff;
  4501. background: rgba(255, 255, 255, 0.2);
  4502. }
  4503. @media all and (min-width: 768px) {
  4504. .btn-group .btn {
  4505. margin-bottom: 0 !important;
  4506. margin-left: 0;
  4507. }
  4508. .btn-group .btn + .btn {
  4509. margin-left: 0;
  4510. }
  4511. .btn-group .btn:not(:first-child):not(:last-child) {
  4512. border-radius: 0;
  4513. }
  4514. .btn-group .btn:first-child {
  4515. border-radius: 6px 0 0 6px;
  4516. }
  4517. .btn-group .btn:last-child {
  4518. border-radius: 0 6px 6px 0;
  4519. }
  4520. .btn-group .btn:first-child:nth-last-child(2),
  4521. .btn-group .btn:last-child:nth-child(2) {
  4522. width: 50%;
  4523. }
  4524. }
  4525. .btn-group {
  4526. border: none;
  4527. padding: 0;
  4528. }
  4529. @media all and (max-width: 767px) {
  4530. .btn-group .btn {
  4531. display: block;
  4532. }
  4533. }
  4534. .bg--primary div:not([class*='feature']) .btn--primary {
  4535. background: #fff;
  4536. border-color: #fff;
  4537. }
  4538. .bg--primary div:not([class*='feature']) .btn--primary .btn__text {
  4539. color: #4a90e2;
  4540. }
  4541. .bg--primary > .btn--primary {
  4542. background: #fff;
  4543. border-color: #fff;
  4544. }
  4545. .bg--primary > .btn--primary .btn__text {
  4546. color: #4a90e2;
  4547. }
  4548. .bg--dark .btn:not(.btn--primary) {
  4549. border-color: #3f3f3f;
  4550. }
  4551. .bg--dark .btn:not(.btn--primary):hover {
  4552. border-color: #656565;
  4553. }
  4554. .bg--dark .btn .btn__text {
  4555. color: #fff;
  4556. }
  4557. .imagebg:not(.image--light) .btn:not([class*='primary']) {
  4558. border-color: rgba(255, 255, 255, 0.3);
  4559. }
  4560. .imagebg:not(.image--light) .btn:not([class*='primary']):hover {
  4561. border-color: #fff;
  4562. }
  4563. .imagebg.image--light .btn:not([class*='primary']) {
  4564. border-color: #252525;
  4565. background: rgba(255, 255, 255, 0.3);
  4566. }
  4567. .imagebg.image--light .btn:not([class*='primary']):hover {
  4568. background: rgba(255, 255, 255, 0.5);
  4569. }
  4570. h1 + .btn,
  4571. .h1 + .btn {
  4572. margin-top: 1.85714286em;
  4573. }
  4574. h2 + .btn,
  4575. .h2 + .btn {
  4576. margin-top: 0.92857143em;
  4577. }
  4578. /*! -- Stack Images -- */
  4579. img:last-child {
  4580. margin-bottom: 0;
  4581. }
  4582. img.flag {
  4583. max-height: 1.85714286em;
  4584. }
  4585. img.image--sm:not(:last-child) {
  4586. margin-bottom: 0.92857143em;
  4587. }
  4588. img.promo.border--round {
  4589. border: 1px solid #ececec;
  4590. }
  4591. p.lead img {
  4592. max-height: 1.68421053em;
  4593. }
  4594. .imagebg h1,
  4595. .imagebg h2,
  4596. .imagebg h3,
  4597. .imagebg h4,
  4598. .imagebg h5,
  4599. .imagebg h6 {
  4600. position: relative;
  4601. }
  4602. .imagebg:not(.image--light) span {
  4603. color: #fff;
  4604. }
  4605. .imagebg.border--round {
  4606. overflow: hidden;
  4607. }
  4608. section.parallax .row .background-image-holder {
  4609. transform: none !important;
  4610. top: 0 !important;
  4611. }
  4612. .triptych.border--round img {
  4613. position: relative;
  4614. border-radius: 6px;
  4615. width: 33.333333%;
  4616. float: left;
  4617. margin: 0;
  4618. }
  4619. .triptych.border--round img:nth-child(2) {
  4620. transform: scale(1.2);
  4621. -webkit-transform: scale(1.2);
  4622. z-index: 2;
  4623. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  4624. }
  4625. .gallery > div[class*='col-'] {
  4626. margin-bottom: 30px;
  4627. }
  4628. .gallery-1 {
  4629. overflow: hidden;
  4630. position: relative;
  4631. }
  4632. .gallery-1 .gallery__image:not(:last-child) {
  4633. margin-bottom: 30px;
  4634. }
  4635. .gallery-1 > div[class*='col-']:first-child > .gallery__image {
  4636. height: 800px;
  4637. }
  4638. .gallery-1 > div[class*='col-']:last-child > .gallery__image {
  4639. height: calc(385px);
  4640. }
  4641. .gallery__image {
  4642. position: relative;
  4643. overflow: hidden;
  4644. }
  4645. @media all and (max-width: 767px) {
  4646. .gallery-1 .gallery__image {
  4647. max-height: 300px;
  4648. margin-bottom: 15px;
  4649. }
  4650. .gallery-1 .gallery__image:not(:last-child) {
  4651. margin-bottom: 15px;
  4652. }
  4653. }
  4654. .section--ken-burns {
  4655. overflow: hidden;
  4656. }
  4657. .section--ken-burns > .background-image-holder,
  4658. .section--ken-burns > img:only-child {
  4659. animation: kenBurns 15s ease alternate infinite;
  4660. -webkit-animation: kenBurns 15s ease alternate infinite;
  4661. }
  4662. /*! -- Stack Titles -- */
  4663. .breadcrumbs {
  4664. list-style: none;
  4665. }
  4666. .breadcrumbs li {
  4667. font-size: 0.85714285714286em;
  4668. display: inline-block;
  4669. }
  4670. .breadcrumbs li:not(:last-child) {
  4671. margin-right: 1.08333333333334em;
  4672. }
  4673. .breadcrumbs li:not(:last-child):after {
  4674. content: '\00bb';
  4675. margin-left: 1.08333333333334em;
  4676. }
  4677. .breadcrumbs li a {
  4678. font-weight: normal;
  4679. }
  4680. .imagebg .breadcrumbs,
  4681. .bg--primary .breadcrumbs {
  4682. color: #fff;
  4683. }
  4684. .imagebg .breadcrumbs a,
  4685. .bg--primary .breadcrumbs a {
  4686. color: #fff;
  4687. font-weight: 600;
  4688. }
  4689. .elements-title {
  4690. border-top: none !important;
  4691. }
  4692. .elements-title + .tabs-container:not( :nth-last-child(2)),
  4693. .elements-title + section:not( :nth-last-child(2)) {
  4694. margin-bottom: 9.28571429em;
  4695. }
  4696. .elements-title + section:not(.imagebg):not([class*='bg-']):not(.unpad) {
  4697. padding-top: 1.85714286em;
  4698. }
  4699. /*! -- Stack Labels -- */
  4700. .label {
  4701. display: inline-block;
  4702. font-size: 9px;
  4703. font-weight: 700;
  4704. letter-spacing: .5px;
  4705. color: #fff;
  4706. text-transform: uppercase;
  4707. height: 26px;
  4708. min-width: 65px;
  4709. padding: 0 10px;
  4710. text-align: center;
  4711. border-radius: 50px;
  4712. position: absolute;
  4713. z-index: 3;
  4714. top: 1.23809524em;
  4715. right: 1.23809524em;
  4716. }
  4717. .label:not([class*='bg--']) {
  4718. background: #31639c;
  4719. }
  4720. .label.label--inline {
  4721. position: relative;
  4722. top: 0;
  4723. right: 0;
  4724. }
  4725. .label.label--inline:not(:last-child) {
  4726. margin-right: 0.92857143em;
  4727. }
  4728. .label.label--inline + span,
  4729. .label.label--inline + p {
  4730. position: relative;
  4731. top: 1px;
  4732. }
  4733. .label.switchable-toggle {
  4734. left: 50%;
  4735. right: auto;
  4736. transform: translate3d(-50%, 0, 0);
  4737. -webkit-transform: translate3d(-50%, 0, 0);
  4738. box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
  4739. }
  4740. .bg--primary-1 .label:not([class*='bg--']) {
  4741. background: #465773;
  4742. }
  4743. /*! -- Stack Bars -- */
  4744. .menu-horizontal > li,
  4745. .menu-vertical > li {
  4746. font-family: 'Open Sans', 'Roboto', 'Helvetica', Sans-Serif;
  4747. }
  4748. .bar .logo {
  4749. max-height: 1.85714286em;
  4750. max-width: none;
  4751. }
  4752. .menu-horizontal > li > a,
  4753. .menu-horizontal > li > .modal-instance > a {
  4754. font-weight: 500;
  4755. }
  4756. .menu-horizontal > li a:hover {
  4757. text-decoration: none;
  4758. }
  4759. .hamburger-toggle i {
  4760. color: #252525;
  4761. }
  4762. @media all and (min-width: 990px) {
  4763. .menu-horizontal li:not(:last-child) {
  4764. margin-right: 1.23809524em;
  4765. }
  4766. .bar__module:not(:only-child) .menu-horizontal {
  4767. top: 0;
  4768. }
  4769. }
  4770. @media all and (min-width: 768px) and (max-width: 1023px) {
  4771. .bar-2 .menu-horizontal > li,
  4772. .bar-1 .menu-horizontal > li {
  4773. display: inline-block;
  4774. }
  4775. .bar-2 .menu-horizontal > li:not(:first-child),
  4776. .bar-1 .menu-horizontal > li:not(:first-child) {
  4777. margin-left: 0.92857143em;
  4778. }
  4779. .bar-2 .bar__module,
  4780. .bar-1 .bar__module {
  4781. margin-bottom: 1.85714286em;
  4782. }
  4783. .bar-2 .row div[class*='col-']:last-child .bar__module:last-child,
  4784. .bar-1 .row div[class*='col-']:last-child .bar__module:last-child {
  4785. margin-bottom: 0;
  4786. }
  4787. }
  4788. .bar-1 .menu-horizontal > li > .dropdown__trigger,
  4789. .bar-1 .menu-horizontal > li > a {
  4790. font-size: 0.857142857142857em;
  4791. line-height: 2.166666666666667em;
  4792. text-transform: uppercase;
  4793. font-weight: 600;
  4794. letter-spacing: .5px;
  4795. }
  4796. @media all and (min-width: 1024px) {
  4797. .bar-1 .bar__module + .bar__module {
  4798. margin-left: 1.85714286em;
  4799. }
  4800. }
  4801. @media all and (min-width: 991px) {
  4802. .bar-2 .logo {
  4803. position: absolute;
  4804. left: 50%;
  4805. transform: translateX(-50%);
  4806. }
  4807. }
  4808. .bar-3 {
  4809. font-size: 0.85714286em;
  4810. }
  4811. .bar-3 .menu-horizontal {
  4812. top: 0;
  4813. }
  4814. @media all and (max-width: 990px) {
  4815. .bar-3 .menu-horizontal li {
  4816. display: inline-block;
  4817. }
  4818. .bar-3 .menu-horizontal li:not(:last-child) {
  4819. margin-right: 0.92857143em;
  4820. }
  4821. }
  4822. @media all and (min-width: 990px) {
  4823. .bar-toggle .col-md-1 .logo {
  4824. top: 10px;
  4825. }
  4826. }
  4827. @media all and (max-width: 767px) {
  4828. .bar-4 .logo-light {
  4829. display: none;
  4830. }
  4831. .bar-4 .logo-dark {
  4832. margin-bottom: 1.85714286em;
  4833. }
  4834. .bar.bg--dark {
  4835. background: #252525;
  4836. }
  4837. .bar.bg--dark .hamburger-toggle i {
  4838. color: #fff;
  4839. }
  4840. }
  4841. /*! -- Stack Utilties -- */
  4842. .hidden {
  4843. display: none !important;
  4844. visibility: hidden !important;
  4845. }
  4846. .visible-xs,
  4847. .visible-sm,
  4848. .visible-md,
  4849. .visible-lg {
  4850. display: none !important;
  4851. }
  4852. .visible-xs-block,
  4853. .visible-xs-inline,
  4854. .visible-xs-inline-block,
  4855. .visible-sm-block,
  4856. .visible-sm-inline,
  4857. .visible-sm-inline-block,
  4858. .visible-md-block,
  4859. .visible-md-inline,
  4860. .visible-md-inline-block,
  4861. .visible-lg-block,
  4862. .visible-lg-inline,
  4863. .visible-lg-inline-block {
  4864. display: none !important;
  4865. }
  4866. @media (max-width: 767px) {
  4867. .visible-xs {
  4868. display: block !important;
  4869. }
  4870. table.visible-xs {
  4871. display: table;
  4872. }
  4873. tr.visible-xs {
  4874. display: table-row !important;
  4875. }
  4876. th.visible-xs,
  4877. td.visible-xs {
  4878. display: table-cell !important;
  4879. }
  4880. }
  4881. @media (max-width: 767px) {
  4882. .visible-xs-block {
  4883. display: block !important;
  4884. }
  4885. }
  4886. @media (max-width: 767px) {
  4887. .visible-xs-inline {
  4888. display: inline !important;
  4889. }
  4890. }
  4891. @media (max-width: 767px) {
  4892. .visible-xs-inline-block {
  4893. display: inline-block !important;
  4894. }
  4895. }
  4896. @media (min-width: 768px) and (max-width: 991px) {
  4897. .visible-sm {
  4898. display: block !important;
  4899. }
  4900. table.visible-sm {
  4901. display: table;
  4902. }
  4903. tr.visible-sm {
  4904. display: table-row !important;
  4905. }
  4906. th.visible-sm,
  4907. td.visible-sm {
  4908. display: table-cell !important;
  4909. }
  4910. }
  4911. @media (min-width: 768px) and (max-width: 991px) {
  4912. .visible-sm-block {
  4913. display: block !important;
  4914. }
  4915. }
  4916. @media (min-width: 768px) and (max-width: 991px) {
  4917. .visible-sm-inline {
  4918. display: inline !important;
  4919. }
  4920. }
  4921. @media (min-width: 768px) and (max-width: 991px) {
  4922. .visible-sm-inline-block {
  4923. display: inline-block !important;
  4924. }
  4925. }
  4926. @media (min-width: 992px) and (max-width: 1199px) {
  4927. .visible-md {
  4928. display: block !important;
  4929. }
  4930. table.visible-md {
  4931. display: table;
  4932. }
  4933. tr.visible-md {
  4934. display: table-row !important;
  4935. }
  4936. th.visible-md,
  4937. td.visible-md {
  4938. display: table-cell !important;
  4939. }
  4940. }
  4941. @media (min-width: 992px) and (max-width: 1199px) {
  4942. .visible-md-block {
  4943. display: block !important;
  4944. }
  4945. }
  4946. @media (min-width: 992px) and (max-width: 1199px) {
  4947. .visible-md-inline {
  4948. display: inline !important;
  4949. }
  4950. }
  4951. @media (min-width: 992px) and (max-width: 1199px) {
  4952. .visible-md-inline-block {
  4953. display: inline-block !important;
  4954. }
  4955. }
  4956. @media (min-width: 1200px) {
  4957. .visible-lg {
  4958. display: block !important;
  4959. }
  4960. table.visible-lg {
  4961. display: table;
  4962. }
  4963. tr.visible-lg {
  4964. display: table-row !important;
  4965. }
  4966. th.visible-lg,
  4967. td.visible-lg {
  4968. display: table-cell !important;
  4969. }
  4970. }
  4971. @media (min-width: 1200px) {
  4972. .visible-lg-block {
  4973. display: block !important;
  4974. }
  4975. }
  4976. @media (min-width: 1200px) {
  4977. .visible-lg-inline {
  4978. display: inline !important;
  4979. }
  4980. }
  4981. @media (min-width: 1200px) {
  4982. .visible-lg-inline-block {
  4983. display: inline-block !important;
  4984. }
  4985. }
  4986. @media (max-width: 767px) {
  4987. .hidden-xs {
  4988. display: none !important;
  4989. }
  4990. }
  4991. @media (min-width: 768px) and (max-width: 991px) {
  4992. .hidden-sm {
  4993. display: none !important;
  4994. }
  4995. }
  4996. @media (min-width: 992px) and (max-width: 1199px) {
  4997. .hidden-md {
  4998. display: none !important;
  4999. }
  5000. }
  5001. @media (min-width: 1200px) {
  5002. .hidden-lg {
  5003. display: none !important;
  5004. }
  5005. }
  5006. .visible-print {
  5007. display: none !important;
  5008. }
  5009. @media print {
  5010. .visible-print {
  5011. display: block !important;
  5012. }
  5013. table.visible-print {
  5014. display: table;
  5015. }
  5016. tr.visible-print {
  5017. display: table-row !important;
  5018. }
  5019. th.visible-print,
  5020. td.visible-print {
  5021. display: table-cell !important;
  5022. }
  5023. }
  5024. .visible-print-block {
  5025. display: none !important;
  5026. }
  5027. @media print {
  5028. .visible-print-block {
  5029. display: block !important;
  5030. }
  5031. }
  5032. .visible-print-inline {
  5033. display: none !important;
  5034. }
  5035. @media print {
  5036. .visible-print-inline {
  5037. display: inline !important;
  5038. }
  5039. }
  5040. .visible-print-inline-block {
  5041. display: none !important;
  5042. }
  5043. @media print {
  5044. .visible-print-inline-block {
  5045. display: inline-block !important;
  5046. }
  5047. }
  5048. @media print {
  5049. .hidden-print {
  5050. display: none !important;
  5051. }
  5052. }
  5053. .text-left {
  5054. text-align: left;
  5055. }
  5056. .text-right {
  5057. text-align: right;
  5058. }
  5059. .text-center {
  5060. text-align: center;
  5061. }
  5062. .text-justify {
  5063. text-align: justify;
  5064. }
  5065. @media all and (min-width: 768px) and (max-width: 990px) {
  5066. .text-left-sm {
  5067. text-align: left;
  5068. }
  5069. .text-right-sm {
  5070. text-align: right;
  5071. }
  5072. .text-center-sm {
  5073. text-align: center;
  5074. }
  5075. }
  5076. @media all and (max-width: 767px) {
  5077. .text-left-xs {
  5078. text-align: left;
  5079. }
  5080. .text-right-xs {
  5081. text-align: right;
  5082. }
  5083. .text-center-xs {
  5084. text-align: center;
  5085. }
  5086. }
  5087. /*! -- Stack Alerts -- */
  5088. .alert {
  5089. border-radius: 6px;
  5090. }
  5091. .alert:not(:last-child) {
  5092. margin-bottom: 1.85714286em;
  5093. }
  5094. .alert .alert__close {
  5095. font-size: 1.35714286em;
  5096. }
  5097. /*! -- Stack Menu Toggle -- */
  5098. .menu-toggle {
  5099. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  5100. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  5101. width: 3.71428571em;
  5102. height: 3.71428571em;
  5103. border-radius: 50%;
  5104. text-align: center;
  5105. background: #fff;
  5106. display: inline-block;
  5107. transition: 0.2s ease;
  5108. -webkit-transition: 0.2s ease;
  5109. -moz-transition: 0.2s ease;
  5110. }
  5111. .menu-toggle i {
  5112. font-size: 1.78571429em;
  5113. position: relative;
  5114. top: 13px;
  5115. color: #252525;
  5116. }
  5117. .menu-toggle:hover {
  5118. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  5119. transform: translate3d(0, -2px, 0);
  5120. -webkit-transform: translate3d(0, -2px, 0);
  5121. }
  5122. /*! -- Stack Nav Utility -- */
  5123. .nav-utility {
  5124. padding: 0.92857143em 0;
  5125. }
  5126. .nav-utility .nav-utility__module {
  5127. font-size: 0.85714285714286em;
  5128. }
  5129. .nav-utility .nav-utility__module a {
  5130. color: #666666;
  5131. font-weight: normal;
  5132. }
  5133. .nav-utility .nav-utility__module a i {
  5134. transition: 0.3s ease;
  5135. -webkit-transition: 0.3s ease;
  5136. -moz-transition: 0.3s ease;
  5137. display: inline-block;
  5138. }
  5139. .nav-utility .nav-utility__module a:hover i {
  5140. transform: scale(1.5);
  5141. -webkit-transform: scale(1.5);
  5142. }
  5143. .nav-utility .nav-utility__module.right:not(:last-child) {
  5144. margin-left: 2.16666666666667em;
  5145. }
  5146. .utility-toggle {
  5147. display: inline-block;
  5148. cursor: pointer;
  5149. width: 3px;
  5150. height: 3px;
  5151. position: relative;
  5152. bottom: 8px;
  5153. border-radius: 50%;
  5154. background: #252525;
  5155. }
  5156. .utility-toggle:before,
  5157. .utility-toggle:after {
  5158. content: '';
  5159. width: 3px;
  5160. height: 3px;
  5161. border-radius: 50%;
  5162. position: absolute;
  5163. background: #252525;
  5164. }
  5165. .utility-toggle:before {
  5166. top: 6px;
  5167. }
  5168. .utility-toggle:after {
  5169. top: 12px;
  5170. }
  5171. /*! -- Stack Nav Stacked -- */
  5172. .bar-stacked .logo {
  5173. margin-bottom: 3.71428571em;
  5174. }
  5175. /*! -- Stack Nav Side Menu -- */
  5176. .notification.side-menu {
  5177. z-index: 9999;
  5178. background: #ffffff;
  5179. padding-top: 1.85714286em;
  5180. margin: 0;
  5181. height: 100%;
  5182. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  5183. width: 27.85714286em;
  5184. }
  5185. .notification.side-menu .side-menu__module {
  5186. overflow: hidden;
  5187. padding: 2.78571429em;
  5188. }
  5189. .notification.side-menu .side-menu__module + hr:not(:last-child) {
  5190. margin: 0;
  5191. }
  5192. .notification.side-menu .menu-vertical li a {
  5193. font-size: 1.35714286em;
  5194. line-height: 1.36842105em;
  5195. }
  5196. .notification.side-menu .menu-vertical li a:hover {
  5197. text-decoration: none;
  5198. }
  5199. .notification.side-menu .btn:not(:last-child) {
  5200. margin-bottom: 1.85714286em;
  5201. }
  5202. .notification.side-menu .btn + ul.list--loose {
  5203. margin-top: 0.92857143em;
  5204. }
  5205. .notification.side-menu .notification-close-cross {
  5206. top: 0.92857143em;
  5207. right: 2.78571429em;
  5208. margin-top: 8px;
  5209. }
  5210. .notification.side-menu .social-list:not(:first-child) {
  5211. margin-top: 1.85714286em;
  5212. }
  5213. .menu-toggle.pos-fixed {
  5214. position: fixed;
  5215. right: 5.57142857em;
  5216. animation: fadeInDown .3s ease forwards;
  5217. }
  5218. @media all and (min-width: 768px) {
  5219. .side-menu .side-menu__module span.type--fine-print {
  5220. position: relative;
  5221. top: 8px;
  5222. }
  5223. }
  5224. @media all and (max-width: 767px) {
  5225. .side-menu {
  5226. width: 100%;
  5227. }
  5228. .side-menu .side-menu__module .float-right,
  5229. .side-menu .side-menu__module .float-left {
  5230. display: block;
  5231. }
  5232. }
  5233. /*! -- Stack Nav Sidebar Column -- */
  5234. .nav-container.nav-container--sidebar + .main-container {
  5235. width: calc(100vw - 20.428571428571463em);
  5236. float: right;
  5237. }
  5238. .nav-sidebar-column {
  5239. position: fixed;
  5240. z-index: 3;
  5241. left: 0;
  5242. width: 20.42857143em;
  5243. border-right: 1px solid #ececec;
  5244. height: 100vh;
  5245. overflow-y: scroll;
  5246. -ms-overflow-style: none;
  5247. padding: 2.78571429em 1.85714286em;
  5248. }
  5249. .nav-sidebar-column:not([class*='bg-']) {
  5250. background: #ffffff;
  5251. }
  5252. .nav-sidebar-column.bg--dark {
  5253. border-right: 1px solid #3f3f3f;
  5254. }
  5255. .nav-sidebar-column::-webkit-scrollbar {
  5256. display: none;
  5257. }
  5258. .nav-sidebar-column .logo {
  5259. max-height: 2.32142857em;
  5260. margin-bottom: 0.92857143em;
  5261. }
  5262. .nav-sidebar-column .text-block > p {
  5263. margin-bottom: 0.92857143em;
  5264. }
  5265. .nav-sidebar-column .menu-vertical li.dropdown:not(:hover):after {
  5266. opacity: .35;
  5267. }
  5268. .nav-sidebar-column .menu-vertical a:hover {
  5269. text-decoration: none;
  5270. }
  5271. .nav-sidebar-column .dropdown .dropdown__container,
  5272. .nav-sidebar-column .dropdown .dropdown__content {
  5273. left: 0 !important;
  5274. position: relative;
  5275. pointer-events: all;
  5276. }
  5277. .nav-sidebar-column .dropdown .dropdown__container:before {
  5278. height: 0;
  5279. }
  5280. .nav-sidebar-column .dropdown .dropdown__content {
  5281. transform: none !important;
  5282. box-shadow: none;
  5283. -webkit-box-shadow: none;
  5284. padding-top: 0.46428571em;
  5285. padding-right: 0;
  5286. padding-left: 0.46428571em;
  5287. background: none !important;
  5288. }
  5289. .nav-sidebar-column .dropdown .menu-vertical li.dropdown:after {
  5290. right: 1.85714286em;
  5291. }
  5292. .nav-sidebar-column .dropdown:not(.dropdown--active) .dropdown__container {
  5293. display: none;
  5294. }
  5295. .nav-sidebar-column .dropdown.dropdown--hover:hover > .dropdown__container {
  5296. display: block;
  5297. }
  5298. .nav-sidebar-column .social-list {
  5299. margin-bottom: 0.92857143em;
  5300. }
  5301. body.dropdowns--hover .nav-sidebar-column .dropdown:hover > .dropdown__container {
  5302. display: block;
  5303. }
  5304. .nav-sidebar-column-toggle {
  5305. transition: all .3s ease;
  5306. left: 0;
  5307. width: 3.71428571em;
  5308. height: 3.71428571em;
  5309. background: #ffffff;
  5310. text-align: center;
  5311. position: fixed;
  5312. z-index: 4;
  5313. cursor: pointer;
  5314. border-radius: 0 0 6px 0;
  5315. box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.1);
  5316. }
  5317. .nav-sidebar-column-toggle > i {
  5318. transition: all .3s ease;
  5319. font-size: 1.78571429em;
  5320. position: relative;
  5321. top: 11px;
  5322. }
  5323. .nav-sidebar-column-toggle:not(.toggled-class) > i {
  5324. opacity: .5;
  5325. }
  5326. .nav-sidebar-column-toggle.toggled-class i:before {
  5327. content: '\e80b';
  5328. }
  5329. @media all and (max-width: 990px) {
  5330. .nav-sidebar-column {
  5331. transition: all .3s ease;
  5332. left: -20.42857143em;
  5333. box-shadow: 2px 0px 4px rgba(0, 0, 0, 0);
  5334. }
  5335. .nav-sidebar-column.active {
  5336. left: 0;
  5337. box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
  5338. }
  5339. .nav-sidebar-column-toggle.toggled-class {
  5340. left: 20.42857143em;
  5341. }
  5342. .nav-container.nav-container--sidebar + .main-container {
  5343. width: 100%;
  5344. float: none;
  5345. }
  5346. }
  5347. .nav-container.nav-container--right .nav-sidebar-column {
  5348. right: 0;
  5349. left: auto;
  5350. }
  5351. .nav-container.nav-container--right + .main-container {
  5352. float: left;
  5353. }
  5354. .nav-container.nav-container--right .nav-sidebar-column-toggle {
  5355. left: auto;
  5356. right: 0;
  5357. border-radius: 0 0 0 6px;
  5358. box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.1);
  5359. }
  5360. @media all and (max-width: 990px) {
  5361. .nav-container.nav-container--right .nav-sidebar-column {
  5362. right: -20.42857143em;
  5363. left: auto;
  5364. }
  5365. .nav-container.nav-container--right .nav-sidebar-column.active {
  5366. left: auto;
  5367. right: 0;
  5368. box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.1);
  5369. }
  5370. .nav-container.nav-container--right .nav-sidebar-column-toggle.toggled-class {
  5371. left: auto;
  5372. right: 20.42857143em;
  5373. }
  5374. }
  5375. /*! -- Stack Nav Fullscreen -- */
  5376. .menu-fullscreen {
  5377. color: #fff;
  5378. }
  5379. .menu-fullscreen .pos-absolute {
  5380. width: 100%;
  5381. }
  5382. .menu-fullscreen a {
  5383. color: #fff;
  5384. }
  5385. .menu-fullscreen a:hover {
  5386. text-decoration: none;
  5387. }
  5388. .menu-fullscreen .social-list {
  5389. margin-right: 0;
  5390. }
  5391. .menu-fullscreen:before {
  5392. background: rgba(0, 0, 0, 0.9);
  5393. }
  5394. .menu-fullscreen .modal-content .modal-close-cross {
  5395. right: 3.71428571em;
  5396. top: 1em;
  5397. }
  5398. @media all and (max-width: 767px) {
  5399. .menu-fullscreen .pos-bottom {
  5400. position: relative;
  5401. }
  5402. }
  5403. /*! -- Stack Dropdowns -- */
  5404. .dropdown > .dropdown__trigger:after {
  5405. font-family: "stack-interface";
  5406. display: inline-block;
  5407. font-size: 8px;
  5408. position: relative;
  5409. bottom: 2px;
  5410. }
  5411. .dropdown > .dropdown__trigger .image--xxs {
  5412. margin-right: 0.46428571em;
  5413. }
  5414. .dropdown .dropdown__content {
  5415. border-radius: 6px;
  5416. box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  5417. -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  5418. padding: 1.23809524em 1.85714286em;
  5419. }
  5420. .dropdown .dropdown__content h5:not(:last-child) {
  5421. margin-bottom: 0.92857143em;
  5422. }
  5423. .dropdown .dropdown__content .background-image-holder {
  5424. border-radius: 6px 0 0 6px;
  5425. }
  5426. .dropdown .dropdown__content > .pos-absolute[class*='col-'] {
  5427. left: 0;
  5428. top: 0;
  5429. height: 100%;
  5430. position: absolute !important;
  5431. }
  5432. .dropdown .dropdown__content > .pos-absolute[class*='col-'][data-overlay]:before {
  5433. border-radius: 6px 0 0 6px;
  5434. }
  5435. .menu-horizontal > .dropdown > .dropdown__trigger:after {
  5436. content: '\e80a';
  5437. margin-left: 4px;
  5438. }
  5439. .menu-vertical > .dropdown > .dropdown__trigger {
  5440. display: inline-block;
  5441. width: 100%;
  5442. }
  5443. @media all and (max-width: 767px) {
  5444. .dropdown [class*='col-'] + [class*='col-'] {
  5445. margin-top: 0.92857143em;
  5446. }
  5447. .dropdown .dropdown__content:not([class*='bg-']) {
  5448. border: none;
  5449. box-shadow: none;
  5450. }
  5451. }
  5452. @media all and (max-width: 767px) {
  5453. .dropdown__container {
  5454. left: 0 !important;
  5455. }
  5456. }
  5457. .menu-vertical li {
  5458. transition: 0.3s ease;
  5459. -webkit-transition: 0.3s ease;
  5460. -moz-transition: 0.3s ease;
  5461. }
  5462. .menu-vertical li:not(:hover):not(.dropdown--active) {
  5463. opacity: .75;
  5464. }
  5465. .menu-vertical li:not(:last-child) {
  5466. margin-bottom: 0.30952381em;
  5467. }
  5468. .menu-vertical li.dropdown {
  5469. position: relative;
  5470. }
  5471. .menu-vertical li.dropdown:after {
  5472. content: '\e80c';
  5473. font-family: 'stack-interface';
  5474. right: 0;
  5475. top: 0;
  5476. position: absolute;
  5477. transition: 0.3s ease;
  5478. -webkit-transition: 0.3s ease;
  5479. -moz-transition: 0.3s ease;
  5480. display: inline-block;
  5481. transform: translate3d(-10px, 0, 0);
  5482. -webkit-transform: translate3d(-10px, 0, 0);
  5483. }
  5484. .menu-vertical li.dropdown:hover:after {
  5485. transform: translate3d(-5px, 0, 0);
  5486. -webkit-transform: translate3d(-5px, 0, 0);
  5487. }
  5488. .menu-vertical li.separate {
  5489. border-top: 1px solid #e6e6e6;
  5490. margin-top: 0.92857143em;
  5491. padding-top: 0.92857143em;
  5492. }
  5493. .menu-vertical li.separate.dropdown:after {
  5494. top: .92857143em;
  5495. }
  5496. .menu-vertical + h5 {
  5497. margin-top: 1.85714286em;
  5498. }
  5499. .dropdown__container > .container {
  5500. width: 100vw;
  5501. max-width: 1140px;
  5502. }
  5503. @media all and (max-width: 990px) {
  5504. .menu-vertical .dropdown.dropdown--active:after {
  5505. opacity: 0;
  5506. }
  5507. }
  5508. @media all and (min-width: 991px) {
  5509. .dropdown .dropdown__container:before {
  5510. height: 18px;
  5511. }
  5512. }
  5513. /*! -- Stack Twitter Feeds -- */
  5514. .tweets-feed .interact {
  5515. display: none;
  5516. }
  5517. .tweets-feed .user a:hover {
  5518. text-decoration: none;
  5519. }
  5520. .tweets-feed .user img {
  5521. border-radius: 50%;
  5522. }
  5523. .tweets-feed-1 {
  5524. border-radius: 6px;
  5525. border: 1px solid #ececec;
  5526. overflow: hidden;
  5527. }
  5528. .tweets-feed-1 li {
  5529. overflow: hidden;
  5530. padding: 1.85714286em;
  5531. padding-bottom: 0;
  5532. }
  5533. .tweets-feed-1 li:not(:last-child) {
  5534. border-bottom: 1px solid #ececec;
  5535. }
  5536. .tweets-feed-1 .user {
  5537. width: 20%;
  5538. float: left;
  5539. margin-bottom: 0.92857143em;
  5540. }
  5541. .tweets-feed-1 .user img {
  5542. max-height: 3.71428571em;
  5543. margin-right: 0.46428571em;
  5544. }
  5545. .tweets-feed-1 .user [data-scribe="element:name"],
  5546. .tweets-feed-1 .user [data-scribe="element:screen_name"] {
  5547. display: none;
  5548. }
  5549. .tweets-feed-1 .tweet,
  5550. .tweets-feed-1 .timePosted {
  5551. width: 80%;
  5552. float: right;
  5553. }
  5554. .tweets-feed-1 .tweet {
  5555. margin-bottom: 0.46428571em;
  5556. }
  5557. .tweets-feed-1 .timePosted {
  5558. font-size: 0.85714286em;
  5559. line-height: 2.16666667em;
  5560. }
  5561. .tweets-feed-1:not(:last-child) + .btn {
  5562. margin-top: 2.78571429em;
  5563. }
  5564. .imagebg .tweets-feed-1,
  5565. .bg--dark .tweets-feed-1 {
  5566. border-color: rgba(255, 255, 255, 0.1);
  5567. }
  5568. .imagebg .tweets-feed-1 li:not(:last-child),
  5569. .bg--dark .tweets-feed-1 li:not(:last-child) {
  5570. border-color: rgba(255, 255, 255, 0.1);
  5571. }
  5572. .tweets-feed-2 .user {
  5573. display: none;
  5574. }
  5575. .tweets-feed-2 .timePosted {
  5576. display: none;
  5577. }
  5578. .tweets-feed-2 li {
  5579. overflow: hidden;
  5580. }
  5581. .tweets-feed-2 li:before {
  5582. font-family: 'socicon';
  5583. content: "\e08d";
  5584. }
  5585. .tweets-feed-2 li .tweet {
  5586. width: 85%;
  5587. float: right;
  5588. }
  5589. .tweets-feed.slider .user img {
  5590. display: inline-block;
  5591. clear: both;
  5592. margin-bottom: 0.92857143em;
  5593. }
  5594. .tweets-feed.slider .user [data-scribe="element:name"] {
  5595. display: none;
  5596. }
  5597. .tweets-feed.slider .user [data-scribe="element:screen_name"] {
  5598. display: block;
  5599. font-size: 1.35714286em;
  5600. line-height: 1.36842105em;
  5601. font-weight: normal;
  5602. }
  5603. .tweets-feed.slider .tweet {
  5604. margin-top: 1.36842105263158em;
  5605. margin-bottom: 0.68421052631579em;
  5606. font-size: 1.35714286em;
  5607. line-height: 1.36842105em;
  5608. }
  5609. .tweets-feed.slider .timePosted {
  5610. margin: 0;
  5611. }
  5612. .tweets-feed.slider:not(:last-child) + .btn {
  5613. margin-top: 2.78571429em;
  5614. }
  5615. /*! -- Stack Instagram -- */
  5616. .instafeed a {
  5617. transition: 0.3s ease;
  5618. -webkit-transition: 0.3s ease;
  5619. -moz-transition: 0.3s ease;
  5620. }
  5621. .instafeed a:hover {
  5622. opacity: .75;
  5623. }
  5624. .instafeed:not(.instafeed--gapless) li {
  5625. padding: 0.46428571em;
  5626. }
  5627. .instafeed.instafeed--gapless li {
  5628. margin-bottom: -1px;
  5629. }
  5630. .instafeed + .btn {
  5631. margin-top: 2.78571429em;
  5632. }
  5633. .instafeed[data-grid="1"][data-amount="8"] li {
  5634. display: inline-block;
  5635. width: 12.5%;
  5636. }
  5637. .instagram {
  5638. position: relative;
  5639. }
  5640. .instagram.unpad .btn {
  5641. position: absolute;
  5642. z-index: 2;
  5643. top: 50%;
  5644. transform: translate3d(-50%, -50%, 0);
  5645. -webkit-transform: translate3d(-50%, -50%, 0);
  5646. margin: 0;
  5647. }
  5648. /*! -- Stack Cards -- */
  5649. .card__top {
  5650. position: relative;
  5651. overflow: hidden;
  5652. }
  5653. .card__action a {
  5654. color: #666666;
  5655. text-decoration: none;
  5656. transition: 0.3s ease;
  5657. -webkit-transition: 0.3s ease;
  5658. -moz-transition: 0.3s ease;
  5659. }
  5660. .card__action a i {
  5661. color: #252525;
  5662. font-size: 1em;
  5663. }
  5664. .card__action a span {
  5665. position: relative;
  5666. bottom: 2px;
  5667. }
  5668. .card__action a:not(:hover) {
  5669. opacity: .5;
  5670. }
  5671. .card p a {
  5672. text-decoration: none;
  5673. }
  5674. .masonry__item .card.boxed {
  5675. margin-bottom: 0;
  5676. }
  5677. .card-1 .card__avatar {
  5678. margin-bottom: 0.92857143em;
  5679. }
  5680. .card-1 .card__avatar img {
  5681. max-height: 2.78571429em;
  5682. margin-right: 0.46428571em;
  5683. margin-bottom: 0;
  5684. }
  5685. .card-1 .card__avatar,
  5686. .card-1 .card__meta {
  5687. display: inline-block;
  5688. }
  5689. .card-1 .card__meta {
  5690. float: right;
  5691. }
  5692. .card-1 .card__body {
  5693. border-bottom: 1px solid #ececec;
  5694. padding-bottom: 0.92857143em;
  5695. margin-bottom: 0.92857143em;
  5696. }
  5697. .card-1 .card__body img {
  5698. margin-bottom: 0.92857143em;
  5699. }
  5700. .card-1 .card__body h4 {
  5701. margin-bottom: 0.342105263157895em;
  5702. }
  5703. .bg--dark .card-1 .card__body {
  5704. border-color: #3f3f3f;
  5705. }
  5706. @media all and (max-width: 767px) {
  5707. .card .list-inline:not(.social-list) li {
  5708. display: inline-block;
  5709. }
  5710. .card .list-inline:not(.social-list) li:not(:first-child) {
  5711. margin-left: 0.92857143em;
  5712. }
  5713. }
  5714. .card-2 .card__top img {
  5715. border-radius: 6px 6px 0 0;
  5716. }
  5717. .card-2 .card__body {
  5718. border-bottom: 1px solid #ececec;
  5719. padding-bottom: 1.85714286em;
  5720. }
  5721. .card-2 .card__body h4 {
  5722. margin: 0;
  5723. }
  5724. .card-2 .card__body p {
  5725. margin-top: 0.92857143em;
  5726. }
  5727. .card-2 .card__bottom {
  5728. overflow: hidden;
  5729. }
  5730. .card-2 .card__bottom > div {
  5731. display: inline-block;
  5732. width: 50%;
  5733. float: left;
  5734. }
  5735. .card-2 .card__bottom .h6 {
  5736. margin-bottom: 0.541666666666667em;
  5737. }
  5738. .card-2 .card__body,
  5739. .card-2 .card__bottom {
  5740. padding: 1.85714286em;
  5741. border: 1px solid #ececec;
  5742. }
  5743. .card-2 .card__body {
  5744. border-bottom: none;
  5745. border-top: none;
  5746. }
  5747. .card-2 .card__bottom {
  5748. border-radius: 0 0 6px 6px;
  5749. padding: 0.92857143em 1.85714286em;
  5750. }
  5751. .card-2 .card__action i {
  5752. font-size: 1.78571429em;
  5753. }
  5754. .bg--dark .card-2 .card__body,
  5755. .bg--dark .card-2 .card__bottom {
  5756. border-color: #3f3f3f;
  5757. }
  5758. /*! -- Stack Checkmarks & Crosses -- */
  5759. .checkmark {
  5760. display: inline-block;
  5761. position: relative;
  5762. width: 1.23809524em;
  5763. height: 1.23809524em;
  5764. border-radius: 50%;
  5765. text-align: center;
  5766. }
  5767. .checkmark:not([class*='bg-']) {
  5768. background: #4a90e2;
  5769. }
  5770. .checkmark:before {
  5771. content: '\2713';
  5772. color: #fff;
  5773. font-size: 11px;
  5774. position: absolute;
  5775. width: 100%;
  5776. left: 0;
  5777. top: -4px;
  5778. }
  5779. .checkmark.checkmark--cross:before {
  5780. content: '\2717';
  5781. }
  5782. .checkmark:not(:last-child) {
  5783. margin-right: 13px;
  5784. }
  5785. /*! -- Stack Icons -- */
  5786. .icon:not(.block) {
  5787. display: inline-block;
  5788. }
  5789. .icon.icon--xs {
  5790. font-size: 1.14285714285714em;
  5791. }
  5792. .text-block .icon + h4 {
  5793. margin-top: 0.6842105263158em;
  5794. }
  5795. .imagebg .icon {
  5796. color: #fff;
  5797. }
  5798. p .material-icons {
  5799. font-size: 1em;
  5800. }
  5801. p .material-icons:first-child {
  5802. margin-right: 0.30952381em;
  5803. }
  5804. .material-icons {
  5805. font-family: 'Material Icons' !important;
  5806. }
  5807. .icon-circle {
  5808. position: relative;
  5809. display: inline-block;
  5810. width: 3.71428571em;
  5811. height: 3.71428571em;
  5812. border-radius: 50%;
  5813. border: 1px solid #ececec;
  5814. background: #fafafa;
  5815. text-align: center;
  5816. }
  5817. .icon-circle i {
  5818. font-size: 24px;
  5819. position: absolute;
  5820. top: 50%;
  5821. transform: translateY(-50%);
  5822. width: 100%;
  5823. left: 0;
  5824. }
  5825. /*! -- Stack Tooltips -- */
  5826. .tooltip {
  5827. position: relative;
  5828. top: 3px;
  5829. display: inline-block;
  5830. width: 1.23809524em;
  5831. height: 1.23809524em;
  5832. border-radius: 50%;
  5833. background: #252525;
  5834. text-align: center;
  5835. cursor: pointer;
  5836. }
  5837. .tooltip .tooltip__anchor {
  5838. color: #fff;
  5839. font-weight: 700;
  5840. font-size: 11px;
  5841. position: absolute;
  5842. top: -5px;
  5843. left: 6px;
  5844. }
  5845. .tooltip .tooltip__text {
  5846. transition: 0.2s ease;
  5847. -webkit-transition: 0.2s ease;
  5848. -moz-transition: 0.2s ease;
  5849. text-align: left;
  5850. z-index: 10;
  5851. position: absolute;
  5852. width: 280px;
  5853. background: #fafafa;
  5854. border: 1px solid #ececec;
  5855. padding: 0.61904762em;
  5856. left: 1.48571429em;
  5857. top: -0.92857143em;
  5858. opacity: 0;
  5859. pointer-events: none;
  5860. cursor: default;
  5861. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  5862. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  5863. line-height: 20px;
  5864. }
  5865. .tooltip:hover .tooltip__text {
  5866. opacity: 1;
  5867. }
  5868. .tooltip:last-child {
  5869. margin-left: 0.92857143em;
  5870. }
  5871. [data-tooltip] {
  5872. position: relative;
  5873. overflow: visible;
  5874. }
  5875. [data-tooltip]:after {
  5876. transition: all .2s ease;
  5877. content: attr(data-tooltip);
  5878. position: absolute;
  5879. top: -24px;
  5880. left: 50%;
  5881. transform: translateX(-50%);
  5882. background: #252525;
  5883. color: #fff;
  5884. border: 1px solid #e7e7e7;
  5885. padding: 2px 12px;
  5886. pointer-events: none;
  5887. white-space: nowrap;
  5888. font-size: 11px;
  5889. line-height: 18px;
  5890. font-weight: 600;
  5891. border-radius: 2px;
  5892. z-index: 2;
  5893. font-family: 'Open Sans';
  5894. }
  5895. [data-tooltip]:not(:hover):after {
  5896. opacity: 0;
  5897. }
  5898. /*! -- Stack Boxes -- */
  5899. .boxed {
  5900. border-radius: 6px;
  5901. }
  5902. .boxed .background-image-holder {
  5903. border-radius: 6px;
  5904. }
  5905. .boxed:before {
  5906. border-radius: 6px;
  5907. }
  5908. .boxed:not(:last-child) {
  5909. margin-bottom: 30px;
  5910. }
  5911. .boxed:not([class*='bg-']) {
  5912. background: #ffffff;
  5913. }
  5914. .boxed.bg--secondary .boxed {
  5915. background: #fafafa;
  5916. }
  5917. @media all and (min-width: 768px) {
  5918. .switchable .imagebg .boxed {
  5919. padding-left: 5.57142857em;
  5920. }
  5921. }
  5922. .bg--dark .boxed:not([class*='bg-']),
  5923. .imagebg:not(.image--light) .boxed:not([class*='bg-']) {
  5924. background: none;
  5925. color: #fff;
  5926. }
  5927. .bg--dark .boxed:not([class*='bg-']).boxed--border,
  5928. .imagebg:not(.image--light) .boxed:not([class*='bg-']).boxed--border {
  5929. border-color: #3f3f3f;
  5930. }
  5931. .bg--dark .boxed[class*='bg-'].boxed--border,
  5932. .imagebg:not(.image--light) .boxed[class*='bg-'].boxed--border {
  5933. border: none;
  5934. }
  5935. .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
  5936. background: rgba(20, 20, 20, 0.3);
  5937. }
  5938. .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border {
  5939. border: none;
  5940. }
  5941. .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed {
  5942. background: none;
  5943. }
  5944. .bg--primary .boxed:not(.imagebg) {
  5945. color: #666666;
  5946. }
  5947. .bg--primary .boxed:not(.imagebg) p {
  5948. color: #666666;
  5949. }
  5950. .bg--primary .boxed:not(.imagebg) h1,
  5951. .bg--primary .boxed:not(.imagebg) h2,
  5952. .bg--primary .boxed:not(.imagebg) h3,
  5953. .bg--primary .boxed:not(.imagebg) h4,
  5954. .bg--primary .boxed:not(.imagebg) h5,
  5955. .bg--primary .boxed:not(.imagebg) h6,
  5956. .bg--primary .boxed:not(.imagebg) .h1,
  5957. .bg--primary .boxed:not(.imagebg) .h2,
  5958. .bg--primary .boxed:not(.imagebg) .h3,
  5959. .bg--primary .boxed:not(.imagebg) .h4,
  5960. .bg--primary .boxed:not(.imagebg) .h5,
  5961. .bg--primary .boxed:not(.imagebg) .h6,
  5962. .bg--primary .boxed:not(.imagebg) i {
  5963. color: #252525;
  5964. }
  5965. .bg--primary .boxed:not(.imagebg) a {
  5966. color: #4a90e2;
  5967. }
  5968. .bg--primary .boxed:not(.imagebg) .color--primary {
  5969. color: #4a90e2 !important;
  5970. }
  5971. @media all and (min-width: 768px) {
  5972. .boxed.boxed--emphasis {
  5973. transform: scale(1.075);
  5974. -webkit-transform: scale(1.075);
  5975. }
  5976. }
  5977. /*! -- Stack Features Small -- */
  5978. .feature:not(.boxed) {
  5979. margin-bottom: 60px;
  5980. }
  5981. .feature.feature--featured:after {
  5982. content: '';
  5983. position: absolute;
  5984. bottom: 0;
  5985. width: 100%;
  5986. height: 4px;
  5987. background: #4a90e2;
  5988. left: 0;
  5989. }
  5990. .feature h5 {
  5991. margin: 0;
  5992. }
  5993. .feature h4 {
  5994. margin-bottom: 0.342105263157895em;
  5995. }
  5996. .feature h4 + p {
  5997. max-width: 22.28571429em;
  5998. }
  5999. .feature i + h5 {
  6000. margin-top: 1.85714286em;
  6001. }
  6002. .feature i + h4 {
  6003. margin-top: 0.68421052631579em;
  6004. }
  6005. .feature i.icon--lg + h4 {
  6006. margin-top: 1.36842105263158em;
  6007. }
  6008. .feature i.icon--lg + .h5 {
  6009. margin-top: 0.92857143em;
  6010. }
  6011. .feature img + .boxed {
  6012. border-radius: 0 0 6px 6px;
  6013. border-top: none;
  6014. }
  6015. a.feature {
  6016. display: block;
  6017. text-decoration: none;
  6018. font-weight: normal;
  6019. color: #666666;
  6020. }
  6021. a.feature img:first-child:not(:last-child) {
  6022. margin-bottom: 0.92857143em;
  6023. }
  6024. @media all and (max-width: 767px) {
  6025. a.feature {
  6026. margin-bottom: 0.92857143em !important;
  6027. }
  6028. }
  6029. .imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
  6030. color: #4a90e2;
  6031. }
  6032. .imagebg:not(.image--light) .feature.bg--white .label {
  6033. color: #fff;
  6034. }
  6035. @media all and (max-width: 767px) {
  6036. .feature .feature__body form .row {
  6037. margin-left: 0;
  6038. margin-right: 0;
  6039. }
  6040. }
  6041. section.text-center .feature-6 h4 + p {
  6042. margin: 0 auto;
  6043. }
  6044. @media all and (min-width: 768px) {
  6045. .row div[class*='col-']:nth-child(1):nth-last-child(3) .feature,
  6046. .row div[class*='col-']:nth-child(2):nth-last-child(2) .feature,
  6047. .row div[class*='col-']:nth-child(3):last-child .feature {
  6048. margin-bottom: 0;
  6049. }
  6050. }
  6051. a.block > .feature {
  6052. transition: 0.3s ease;
  6053. -webkit-transition: 0.3s ease;
  6054. -moz-transition: 0.3s ease;
  6055. }
  6056. a.block:hover > .feature {
  6057. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  6058. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  6059. }
  6060. .feature-1 {
  6061. min-height: 11.14285714em;
  6062. }
  6063. .feature-1 p {
  6064. margin: 0;
  6065. }
  6066. .feature-1 p.lead {
  6067. min-height: 5.05263157894737em;
  6068. }
  6069. .feature-1 > img:first-child {
  6070. border-radius: 6px 6px 0 0;
  6071. }
  6072. .feature-1 > a.block img {
  6073. border-radius: 6px 6px 0 0;
  6074. }
  6075. .feature-1 > a.block + .feature__body {
  6076. border-radius: 0 0 6px 6px;
  6077. }
  6078. .feature-1[class*='box-shadow'] {
  6079. border-radius: 6px;
  6080. transition: 0.35s ease-out;
  6081. -webkit-transition: 0.35s ease-out;
  6082. -moz-transition: 0.35s ease-out;
  6083. }
  6084. .feature-1[class*='box-shadow']:hover {
  6085. transform: translate3d(0, -10px, 0);
  6086. -webkit-transform: translate3d(0, -10px, 0);
  6087. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  6088. }
  6089. .hover-shadow {
  6090. border-radius: 6px;
  6091. backface-visibility: hidden;
  6092. overflow: hidden;
  6093. border: 1px solid #ececec;
  6094. transition: 0.35s ease-out;
  6095. -webkit-transition: 0.35s ease-out;
  6096. -moz-transition: 0.35s ease-out;
  6097. }
  6098. .hover-shadow:hover {
  6099. transform: translate3d(0, -10px, 0);
  6100. -webkit-transform: translate3d(0, -10px, 0);
  6101. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  6102. }
  6103. .bg--dark .hover-shadow {
  6104. border-color: #222;
  6105. }
  6106. .bg--dark .hover-shadow:hover {
  6107. box-shadow: 0 23px 40px #000000;
  6108. }
  6109. .feature-2 {
  6110. overflow: hidden;
  6111. }
  6112. .feature-2 .feature__body {
  6113. width: 75%;
  6114. float: right;
  6115. }
  6116. .feature-2 h5 {
  6117. margin-bottom: 0.46428571em;
  6118. }
  6119. .feature-2 p:last-child {
  6120. margin: 0;
  6121. }
  6122. .feature-2 i {
  6123. width: 25%;
  6124. float: left;
  6125. }
  6126. .feature-large .feature-2 + .feature-2:last-child {
  6127. margin-bottom: 0;
  6128. }
  6129. @media all and (max-width: 990px) {
  6130. .feature-2 .feature__body,
  6131. .feature-2 i {
  6132. width: 100%;
  6133. float: none;
  6134. }
  6135. .feature-2 p:first-of-type {
  6136. margin-top: 0.92857143em;
  6137. }
  6138. }
  6139. .feature-3 i {
  6140. margin-bottom: 0.16666666666667em;
  6141. }
  6142. .feature-3 p {
  6143. min-height: 7.42857143em;
  6144. }
  6145. .feature-4 .btn {
  6146. position: absolute;
  6147. width: 100%;
  6148. bottom: 0;
  6149. left: 0;
  6150. border-radius: 0;
  6151. padding: 0.92857143em;
  6152. }
  6153. .feature-4 .btn:hover {
  6154. transform: none;
  6155. }
  6156. .feature-4 p {
  6157. min-height: 9.28571429em;
  6158. }
  6159. .feature-4 p:last-of-type {
  6160. margin-bottom: 3.71428571em;
  6161. }
  6162. .feature-5 i {
  6163. width: 25%;
  6164. float: left;
  6165. }
  6166. .feature-5 .feature__body {
  6167. width: 75%;
  6168. float: right;
  6169. }
  6170. .feature-5 p {
  6171. min-height: 5.57142857em;
  6172. }
  6173. .feature-5 p:last-of-type {
  6174. margin-bottom: 0.92857143em;
  6175. }
  6176. .feature-5:not([class*='bg-']) {
  6177. color: #252525;
  6178. }
  6179. .feature-6 p {
  6180. min-height: 9.28571429em;
  6181. }
  6182. .feature-6 p:last-child {
  6183. margin: 0;
  6184. }
  6185. .feature-7 {
  6186. height: 13em;
  6187. margin-bottom: 30px;
  6188. }
  6189. .feature-7[data-overlay]:before {
  6190. border-radius: 6px;
  6191. transition: 0.3s ease;
  6192. -webkit-transition: 0.3s ease;
  6193. -moz-transition: 0.3s ease;
  6194. }
  6195. .feature-7[data-overlay]:hover:before {
  6196. opacity: .75;
  6197. }
  6198. .feature-7 .background-image-holder {
  6199. border-radius: 6px;
  6200. }
  6201. .feature-7 h3 {
  6202. margin: 0;
  6203. }
  6204. .row--gapless .feature-7 {
  6205. margin: 0;
  6206. border-radius: 0;
  6207. }
  6208. .row--gapless .feature-7 .background-image-holder {
  6209. border-radius: 0;
  6210. }
  6211. .row--gapless .feature-7:before {
  6212. border-radius: 0;
  6213. }
  6214. @media all and (max-width: 767px) {
  6215. .feature-7 .pos-vertical-center {
  6216. top: 50%;
  6217. transform: translate3d(0, -50%, 0);
  6218. -webkit-transform: translate3d(0, -50%, 0);
  6219. }
  6220. }
  6221. .feature-8 {
  6222. padding: 2.78571429em 0 3.71428571em 0;
  6223. }
  6224. .feature-8:not(.boxed) {
  6225. margin-bottom: 0;
  6226. }
  6227. .feature-8 .feature__body {
  6228. max-width: 70%;
  6229. margin: 0 auto;
  6230. }
  6231. .feature-8 p {
  6232. min-height: 5.57142857em;
  6233. }
  6234. @media all and (max-width: 990px) {
  6235. .feature-8 .feature__body {
  6236. max-width: 85%;
  6237. }
  6238. }
  6239. @media all and (max-width: 767px) {
  6240. .feature p {
  6241. min-height: auto;
  6242. margin-left: auto;
  6243. margin-right: auto;
  6244. }
  6245. .feature.boxed {
  6246. margin-bottom: 15px;
  6247. }
  6248. .feature:not(.boxed) {
  6249. margin-bottom: 30px;
  6250. }
  6251. .feature.feature-8 {
  6252. margin-bottom: 0;
  6253. }
  6254. }
  6255. .feature-8 img {
  6256. max-height: 14.85714286em;
  6257. }
  6258. .feature-9 h4 {
  6259. margin: 0;
  6260. }
  6261. .feature-9:not(.boxed) {
  6262. margin-bottom: 30px;
  6263. }
  6264. @media all and (min-width: 768px) {
  6265. .features-small-14 .text-block {
  6266. margin-bottom: 3.71428571em;
  6267. }
  6268. .features-small-14 h4 {
  6269. min-height: 2.736842105263158em;
  6270. }
  6271. }
  6272. /*! -- Stack Features Large -- */
  6273. @media all and (min-width: 768px) {
  6274. .staggered div[class*='col-']:nth-child(2):last-child {
  6275. margin-top: 13em;
  6276. }
  6277. .staggered div[class*='col-']:nth-child(2):last-child:not(:last-child) {
  6278. margin-bottom: 9.28571429em;
  6279. }
  6280. .staggered div[class*='col-'] .feature:not(:last-child) {
  6281. margin-bottom: 9.28571429em;
  6282. }
  6283. }
  6284. .feature-large h4:first-child {
  6285. margin-bottom: 0.68421052631579em;
  6286. }
  6287. .feature-large .feature:not(.boxed) {
  6288. margin-bottom: 30px;
  6289. }
  6290. .feature-large .feature-3.text-center p {
  6291. margin: 0 auto;
  6292. }
  6293. .feature-large .lead + .feature-large__group {
  6294. margin-top: 3.71428571em;
  6295. }
  6296. .feature-large .feature-large__group {
  6297. overflow: hidden;
  6298. }
  6299. .feature-large-1 .lead {
  6300. margin-bottom: 2.73684210526316em;
  6301. }
  6302. @media all and (min-width: 768px) {
  6303. .feature-large-2 div[class*='col-']:first-child {
  6304. margin-top: 5.57142857em;
  6305. }
  6306. .feature-large-2 div[class*='col-']:last-child {
  6307. margin-top: 7.42857143em;
  6308. }
  6309. }
  6310. @media all and (max-width: 767px) {
  6311. .feature-large-2 img {
  6312. margin: 1.85714286em 0;
  6313. }
  6314. }
  6315. .feature-large-7.switchable .boxed div[class*='col-']:only-child {
  6316. float: none;
  6317. }
  6318. .feature-large-13 p.lead + .text-block {
  6319. margin-top: 3.71428571em;
  6320. }
  6321. .feature-large-13 div[class*='col-'] .text-block + .text-block {
  6322. margin-top: 2.78571429em;
  6323. }
  6324. @media all and (min-width: 1200px) {
  6325. .feature-large-13:not(.text-center) .text-block p {
  6326. max-width: 26em;
  6327. }
  6328. }
  6329. .feature-large-14 h5 {
  6330. margin-bottom: 0.46428571em;
  6331. }
  6332. .feature-large-14 .boxed {
  6333. margin-bottom: 0;
  6334. }
  6335. .feature-large-14 .boxed.boxed--border img {
  6336. border-radius: 6px;
  6337. }
  6338. @media all and (min-width: 768px) {
  6339. .feature-large-14.switchable .switchable__text {
  6340. margin-top: 5.57142857em;
  6341. }
  6342. }
  6343. /*! -- Stack Accordions -- */
  6344. .accordion .accordion__title {
  6345. transition: 0.5s ease;
  6346. -webkit-transition: 0.5s ease;
  6347. -moz-transition: 0.5s ease;
  6348. opacity: .5;
  6349. margin-bottom: 0.92857143em;
  6350. }
  6351. .accordion .accordion__title:hover {
  6352. opacity: 1;
  6353. }
  6354. .accordion .accordion__title:before {
  6355. font-family: "stack-interface";
  6356. content: '\e80d';
  6357. margin-right: 6px;
  6358. color: #252525;
  6359. }
  6360. .accordion .accordion__title span {
  6361. display: inline-block;
  6362. }
  6363. .accordion li.active {
  6364. margin-bottom: 0.92857143em;
  6365. }
  6366. .accordion li.active .accordion__title {
  6367. opacity: 1;
  6368. }
  6369. .accordion li.active .accordion__title:before {
  6370. content: '\e80a';
  6371. }
  6372. .accordion li.active .accordion__content {
  6373. animation: fadeUp .5s ease forwards;
  6374. -webkit-animation: fadeUp .5s ease forwards;
  6375. }
  6376. .accordion-1 li.active .accordion__title {
  6377. border-color: #4a90e2;
  6378. }
  6379. .accordion-1 li.active .accordion__title span {
  6380. color: #fff;
  6381. }
  6382. .accordion-1 li.active .accordion__title:before {
  6383. color: #fff;
  6384. }
  6385. .accordion-1 li .accordion__title {
  6386. border-radius: 6px;
  6387. border-bottom: 1px solid #ECECEC;
  6388. }
  6389. .accordion-2 li .accordion__title {
  6390. border-left: none;
  6391. border-right: none;
  6392. border-top: none;
  6393. border-bottom: 1px solid #ECECEC;
  6394. padding-left: 0;
  6395. }
  6396. .accordion-2 li.active .accordion__title {
  6397. background: none;
  6398. border-bottom: 1px solid rgba(0, 0, 0, 0);
  6399. }
  6400. .bg--dark .accordion-2 li .accordion__title,
  6401. .imagebg:not(.image--light) .accordion-2 li .accordion__title,
  6402. .bg--primary .accordion-2 li .accordion__title,
  6403. .bg--dark .accordion-1 li .accordion__title,
  6404. .imagebg:not(.image--light) .accordion-1 li .accordion__title,
  6405. .bg--primary .accordion-1 li .accordion__title {
  6406. border-color: #4b4b4b;
  6407. }
  6408. .bg--dark .accordion-2 li .accordion__title:before,
  6409. .imagebg:not(.image--light) .accordion-2 li .accordion__title:before,
  6410. .bg--primary .accordion-2 li .accordion__title:before,
  6411. .bg--dark .accordion-1 li .accordion__title:before,
  6412. .imagebg:not(.image--light) .accordion-1 li .accordion__title:before,
  6413. .bg--primary .accordion-1 li .accordion__title:before {
  6414. color: #fff;
  6415. }
  6416. .imagebg:not(.image--light) .accordion li .accordion__title,
  6417. .bg--primary .accordion li .accordion__title {
  6418. border-color: rgba(255, 255, 255, 0.3);
  6419. }
  6420. /*! -- Stack Tabs -- */
  6421. .tabs-container.tabs--vertical {
  6422. overflow: hidden;
  6423. }
  6424. .tabs-container.tabs--vertical .tabs {
  6425. width: 25%;
  6426. float: left;
  6427. }
  6428. .tabs-container.tabs--vertical .tabs li {
  6429. display: block;
  6430. }
  6431. .tabs-container.tabs--vertical .tabs li:not(:last-child) {
  6432. border-right: none;
  6433. border-bottom: 1px solid #ECECEC;
  6434. }
  6435. .tabs-container.tabs--vertical .tabs-content {
  6436. width: 70%;
  6437. float: right;
  6438. margin-top: 0;
  6439. }
  6440. .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
  6441. animation: fadeOutUp .5s ease forwards;
  6442. -webkit-animation: fadeOutUp .5s ease forwards;
  6443. }
  6444. .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
  6445. animation: fadeInUp .5s ease forwards;
  6446. -webkit-animation: fadeInUp .5s ease forwards;
  6447. backface-visibility: hidden;
  6448. }
  6449. .tabs-container.tabs--vertical.tabs--icons .tabs {
  6450. width: 15%;
  6451. text-align: center;
  6452. }
  6453. .tabs-container.tabs--vertical.tabs--icons .tabs-content {
  6454. width: 80%;
  6455. }
  6456. @media all and (max-width: 767px) {
  6457. .tabs-container.tabs--vertical .tabs,
  6458. .tabs-container.tabs--vertical .tabs-content {
  6459. width: 100%;
  6460. float: none;
  6461. }
  6462. .tabs-container.tabs--vertical .tabs {
  6463. margin-bottom: 1.85714286em;
  6464. }
  6465. .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
  6466. animation: fadeOutRight .5s ease forwards;
  6467. -webkit-animation: fadeOutRight .5s ease forwards;
  6468. }
  6469. .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
  6470. animation: fadeInLeft .5s ease forwards;
  6471. -webkit-animation: fadeInLeft .5s ease forwards;
  6472. backface-visibility: hidden;
  6473. }
  6474. }
  6475. .tabs {
  6476. display: inline-block;
  6477. border: 1px solid #ECECEC;
  6478. border-radius: 6px;
  6479. margin-bottom: 1.85714286em;
  6480. }
  6481. .tabs li {
  6482. transition: 0.3s ease;
  6483. -webkit-transition: 0.3s ease;
  6484. -moz-transition: 0.3s ease;
  6485. padding: 0.92857143em 1.85714286em;
  6486. }
  6487. .tabs li:not(:last-child) {
  6488. border-right: 1px solid #ECECEC;
  6489. }
  6490. .tabs li.active {
  6491. opacity: 1;
  6492. }
  6493. .tabs li.active .tab__title {
  6494. color: #4a90e2;
  6495. }
  6496. .tabs li.active .tab__title span {
  6497. color: #4a90e2;
  6498. }
  6499. .tabs li:not(.active) {
  6500. opacity: .5;
  6501. }
  6502. .tabs li:hover {
  6503. opacity: 1;
  6504. cursor: pointer;
  6505. }
  6506. .tabs .tab__title {
  6507. transition: 0.3s ease;
  6508. -webkit-transition: 0.3s ease;
  6509. -moz-transition: 0.3s ease;
  6510. }
  6511. .tabs .tab__title:not(.btn) {
  6512. padding-right: 0;
  6513. padding-left: 0;
  6514. }
  6515. .tabs .tab__title i + span {
  6516. margin-top: 0.46428571em;
  6517. display: inline-block;
  6518. margin-bottom: 0;
  6519. }
  6520. .bg--primary .tabs {
  6521. border-color: #fff;
  6522. }
  6523. .bg--primary .tabs li.active .tab__title {
  6524. color: #fff;
  6525. }
  6526. .bg--primary .tabs li.active .tab__title span {
  6527. color: #fff;
  6528. }
  6529. .bg--primary .tabs li:not(:last-child) {
  6530. border-color: #fff;
  6531. }
  6532. @media all and (min-width: 768px) {
  6533. .tabs.tabs--spaced {
  6534. margin-bottom: 3.71428571em;
  6535. }
  6536. }
  6537. .tabs-content {
  6538. position: relative;
  6539. }
  6540. .tabs-content > li:not(.active) .tab__content {
  6541. position: absolute;
  6542. left: 0;
  6543. top: 0;
  6544. display: block;
  6545. opacity: 0;
  6546. pointer-events: none;
  6547. animation: fadeOutRight .5s ease forwards;
  6548. -webkit-animation: fadeOutRight .5s ease forwards;
  6549. }
  6550. .tabs-content > li.active {
  6551. animation: fadeInLeft .5s ease forwards;
  6552. -webkit-animation: fadeInLeft .5s ease forwards;
  6553. backface-visibility: hidden;
  6554. }
  6555. @media all and (max-width: 767px) {
  6556. .tabs li {
  6557. display: block;
  6558. }
  6559. .tabs li:not(:last-child) {
  6560. border-bottom: 1px solid #ECECEC;
  6561. border-right: none;
  6562. }
  6563. }
  6564. .tabs--folder .tabs {
  6565. overflow: hidden;
  6566. margin-bottom: 0;
  6567. border-radius: 6px 6px 0 0;
  6568. border-bottom: none;
  6569. }
  6570. .tabs--folder .tabs > li {
  6571. border-top: 3px solid rgba(0, 0, 0, 0);
  6572. }
  6573. .tabs--folder .tabs > li.active {
  6574. border-top: 3px solid #4a90e2;
  6575. }
  6576. .tabs--folder .tabs-content {
  6577. overflow: hidden;
  6578. position: relative;
  6579. bottom: 8px;
  6580. padding: 1.85714286em;
  6581. border: 1px solid #ECECEC;
  6582. border-radius: 0 0 6px 6px;
  6583. }
  6584. .tabs--folder .tabs-content > li:not(.active) .tab__content {
  6585. top: 1.85714286em;
  6586. left: 1.85714286em;
  6587. }
  6588. .tabs--folder .tab__title .h5 {
  6589. margin: 0;
  6590. display: inline-block;
  6591. }
  6592. .tabs--folder .tab__title .label {
  6593. position: relative;
  6594. color: #fff !important;
  6595. top: -2px;
  6596. right: 0;
  6597. margin-left: 0.46428571em;
  6598. min-width: 0;
  6599. }
  6600. /*! -- Stack Switchable Sections -- */
  6601. @media all and (min-width: 768px) {
  6602. .switchable .container > .row {
  6603. flex-flow: row-reverse;
  6604. }
  6605. .switchable.switchable--switch .container > .row {
  6606. flex-flow: row;
  6607. }
  6608. }
  6609. .switchable .switchable__text {
  6610. margin-top: 1.85714286em;
  6611. }
  6612. .switchable [class*='col-']:first-child .switchable__text {
  6613. margin-bottom: 2.78571429em;
  6614. }
  6615. .section--overlap .row {
  6616. position: relative;
  6617. margin-top: -13em;
  6618. }
  6619. @media all and (max-width: 990px) {
  6620. .switchable .switchable__text {
  6621. margin-top: 0;
  6622. }
  6623. }
  6624. @media all and (max-width: 767px) {
  6625. .switchable .switchable__text {
  6626. margin-top: 1.85714286em;
  6627. }
  6628. .switchable .imageblock__content[class*='col-'] {
  6629. float: none !important;
  6630. }
  6631. .switchable .row > div[class*='col-'] {
  6632. float: none !important;
  6633. }
  6634. .switchable .row > div[class*='col-']:last-child:not(:only-child) {
  6635. margin-top: 1.85714286em;
  6636. }
  6637. }
  6638. /*! -- Stack CTA -- */
  6639. .cta .btn:first-child:not(:last-child) {
  6640. margin-bottom: 1.85714286em;
  6641. }
  6642. .cta.boxed:last-child {
  6643. margin-bottom: 0;
  6644. }
  6645. @media all and (min-width: 768px) {
  6646. .cta--horizontal h4,
  6647. .cta--horizontal .lead,
  6648. .cta--horizontal .btn {
  6649. margin: 0;
  6650. }
  6651. .cta--horizontal h4,
  6652. .cta--horizontal .lead {
  6653. position: relative;
  6654. top: 4px;
  6655. }
  6656. .bg--dark .cta-1 > div[class*='col-']:last-child,
  6657. .imagebg .cta-1 > div[class*='col-']:last-child {
  6658. border-left: none;
  6659. }
  6660. }
  6661. @media all and (min-width: 1200px) {
  6662. .cta-1.boxed--border {
  6663. padding: 0;
  6664. }
  6665. .cta-1 > div[class*='col-'] {
  6666. padding: 1.23809524em 15px;
  6667. }
  6668. .cta-1 > div[class*='col-']:last-child {
  6669. border-left: 1px solid #ECECEC;
  6670. }
  6671. }
  6672. @media all and (max-width: 990px) {
  6673. .cta-1 {
  6674. text-align: center;
  6675. }
  6676. .cta-1 > div[class*='col-'] {
  6677. padding-left: 0;
  6678. padding-right: 0;
  6679. }
  6680. .cta-1 > div[class*='col-']:not(:last-child) {
  6681. margin-bottom: 0.92857143em;
  6682. }
  6683. .cta-1 > div[class*='col-']:last-child {
  6684. margin-top: 1.85714286em;
  6685. }
  6686. }
  6687. @media all and (max-width: 767px) {
  6688. .cta .lead {
  6689. margin: 1.36842105263158em 0;
  6690. }
  6691. }
  6692. .cta-2 {
  6693. transition: 0.3s ease;
  6694. -webkit-transition: 0.3s ease;
  6695. -moz-transition: 0.3s ease;
  6696. }
  6697. .cta-2 h2 {
  6698. margin: 1.57575757575758em 0;
  6699. }
  6700. .cta-2.bg--primary:hover {
  6701. background: #5798e4;
  6702. }
  6703. .cta-2:hover {
  6704. background: #ffffff;
  6705. }
  6706. @media all and (min-width: 768px) {
  6707. .cta-3 .switchable__text {
  6708. margin-top: 5.57142857em;
  6709. }
  6710. }
  6711. /*! -- Stack Videos -- */
  6712. .video-play-icon:before {
  6713. border-color: transparent transparent transparent #252525;
  6714. margin-top: -3px;
  6715. }
  6716. .modal-instance .video-play-icon + span {
  6717. position: relative;
  6718. display: inline-block;
  6719. margin-left: 0.92857143em;
  6720. white-space: nowrap;
  6721. bottom: 22px;
  6722. }
  6723. .modal-instance .video-play-icon.video-play-icon--xs + span {
  6724. bottom: 8px;
  6725. margin-left: 0.46428571em;
  6726. }
  6727. .video-cover {
  6728. background: #252525;
  6729. }
  6730. .video-cover.border--round {
  6731. overflow: hidden;
  6732. }
  6733. .video-cover.border--round iframe {
  6734. border-radius: 6px;
  6735. }
  6736. .video-cover:not(:last-child) {
  6737. margin-bottom: 1.85714286em;
  6738. }
  6739. .video-cover + span.h4 + span {
  6740. display: inline-block;
  6741. margin-left: 0.92857143em;
  6742. }
  6743. @media all and (min-width: 1025px) {
  6744. .video-cover .video-play-icon {
  6745. transition: 0.2s ease-out;
  6746. -webkit-transition: 0.2s ease-out;
  6747. -moz-transition: 0.2s ease-out;
  6748. }
  6749. .video-cover .video-play-icon:hover {
  6750. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  6751. transform: translate3d(-50%, -52%, 0);
  6752. -webkit-transform: translate3d(-50%, -52%, 0);
  6753. }
  6754. }
  6755. .imagebg .video-cover .video-play-icon {
  6756. z-index: 10;
  6757. }
  6758. @media all and (min-width: 768px) {
  6759. h2 + .video-cover {
  6760. margin-top: 3.71428571em;
  6761. }
  6762. }
  6763. @media all and (min-width: 768px) {
  6764. .video-1 .video-play-icon {
  6765. margin-right: 1.85714286em;
  6766. }
  6767. .video-1 h2 {
  6768. display: inline-block;
  6769. position: relative;
  6770. bottom: 14px;
  6771. }
  6772. div[class*='col-sm-6'] .video-1 h2 {
  6773. bottom: 0;
  6774. display: block;
  6775. }
  6776. div[class*='col-sm-6'] .video-1 .video-play-icon {
  6777. margin-bottom: 0.46428571em;
  6778. }
  6779. }
  6780. .video-1 h2 {
  6781. margin: 0;
  6782. }
  6783. .imageblock__content .modal-instance {
  6784. position: absolute;
  6785. top: 50%;
  6786. left: 50%;
  6787. transform: translate3d(-50%, -50%, 0);
  6788. -webkit-transform: translate3d(-50%, -50%, 0);
  6789. }
  6790. /*! -- Stack Modals -- */
  6791. .modal-container .modal-content:not(.height--natural) {
  6792. height: auto;
  6793. width: auto;
  6794. }
  6795. .modal-instance:not(.block) {
  6796. display: inline-block;
  6797. }
  6798. .modal-instance.block > .btn {
  6799. display: block;
  6800. }
  6801. @media all and (min-width: 768px) {
  6802. .modal-instance + span:last-child {
  6803. display: inline-block;
  6804. margin-left: 0.92857143em;
  6805. }
  6806. }
  6807. .modal-container .modal-content {
  6808. max-height: 95%;
  6809. transform: translateX(-50%) translateY(-50%);
  6810. -webkit-transform: translateX(-50%) translateY(-50%);
  6811. }
  6812. .modal-container .modal-content .feature:only-child {
  6813. margin-bottom: 0;
  6814. }
  6815. .modal-container .modal-content .feature:only-child .boxed {
  6816. margin-bottom: 0;
  6817. }
  6818. .modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
  6819. color: #fff;
  6820. }
  6821. .modal-container .modal-content .container {
  6822. width: 100vw;
  6823. }
  6824. @media all and (max-width: 767px) {
  6825. .modal-container .modal-content > .modal-close-cross {
  6826. top: 3em;
  6827. background: #222;
  6828. width: 2em;
  6829. height: 2em;
  6830. text-align: center;
  6831. border-radius: 50%;
  6832. color: #fff;
  6833. }
  6834. .modal-container:not(.modal-active) .modal-content {
  6835. display: none;
  6836. }
  6837. }
  6838. .modal-content {
  6839. -ms-overflow-style: none;
  6840. }
  6841. .modal-content::-webkit-scrollbar {
  6842. display: none;
  6843. }
  6844. /*! -- Stack Notifications -- */
  6845. .notification {
  6846. margin: 1.85714286em;
  6847. box-shadow: none;
  6848. }
  6849. .notification:not([class*='bg--']) {
  6850. background: none;
  6851. }
  6852. .notification > .boxed {
  6853. margin: 0;
  6854. }
  6855. .notification > .feature,
  6856. .notification .feature__body {
  6857. margin-bottom: 0;
  6858. }
  6859. .search-box {
  6860. width: 100%;
  6861. margin: 0;
  6862. padding: 1.85714286em;
  6863. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  6864. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  6865. }
  6866. .search-box.notification--reveal {
  6867. z-index: 9999;
  6868. }
  6869. .search-box .notification-close-cross {
  6870. top: 2.32142857em;
  6871. right: 1.85714286em;
  6872. }
  6873. .notification-close-cross.notification-close-cross--circle {
  6874. background: #222;
  6875. width: 2em;
  6876. height: 2em;
  6877. text-align: center;
  6878. border-radius: 50%;
  6879. color: #fff;
  6880. }
  6881. /*! -- Stack Loader -- */
  6882. .loader {
  6883. border: 3px solid #4a90e2;
  6884. border-radius: 30px;
  6885. height: 30px;
  6886. left: 50%;
  6887. margin: -15px 0 0 -15px;
  6888. opacity: 0;
  6889. position: fixed;
  6890. z-index: 10;
  6891. top: 50%;
  6892. width: 30px;
  6893. animation: pulsate 0.7s ease-out infinite;
  6894. }
  6895. .loader.loader--fade {
  6896. opacity: 0;
  6897. animation: none;
  6898. }
  6899. @keyframes pulsate {
  6900. 0% {
  6901. transform: scale(0.1);
  6902. opacity: 0.0;
  6903. }
  6904. 50% {
  6905. opacity: 1;
  6906. }
  6907. 100% {
  6908. transform: scale(1.2);
  6909. opacity: 0;
  6910. }
  6911. }
  6912. /*! -- Stack Lightboxes -- */
  6913. .lb-close {
  6914. position: relative;
  6915. top: 10px;
  6916. }
  6917. .lb-close:before {
  6918. content: '\00D7';
  6919. color: #fff;
  6920. font-size: 2.5em;
  6921. font-weight: 400;
  6922. }
  6923. .lb-close:hover {
  6924. text-decoration: none;
  6925. }
  6926. .lb-prev:after,
  6927. .lb-next:after {
  6928. font-family: 'stack-interface';
  6929. position: fixed;
  6930. }
  6931. .lb-prev:after {
  6932. content: '\e801';
  6933. left: 1.85714286em;
  6934. }
  6935. .lb-next:after {
  6936. content: '\e802';
  6937. right: 1.85714286em;
  6938. }
  6939. .lb-data {
  6940. overflow: hidden;
  6941. min-height: 30px;
  6942. }
  6943. a[data-lightbox] {
  6944. transition: 0.3s ease;
  6945. -webkit-transition: 0.3s ease;
  6946. -moz-transition: 0.3s ease;
  6947. }
  6948. a[data-lightbox]:hover {
  6949. opacity: .8;
  6950. cursor: zoom-in;
  6951. }
  6952. /*! -- Stack Covers -- */
  6953. .cover .typed-headline {
  6954. margin-bottom: 3.71428571em;
  6955. }
  6956. .cover .typed-headline .type--bold {
  6957. font-weight: 400;
  6958. }
  6959. .cover .triptych {
  6960. margin-top: 3.71428571em;
  6961. }
  6962. .cover .btn + .modal-instance {
  6963. margin-top: 1.85714286em;
  6964. }
  6965. .cover h3 + form,
  6966. .cover .h3 + form {
  6967. margin-top: 2.78571429em;
  6968. }
  6969. .cover .lead + .boxed {
  6970. margin-top: 3.71428571em;
  6971. }
  6972. .cover.unpad--bottom {
  6973. overflow: hidden;
  6974. }
  6975. .cover .modal-instance.block:not(:first-child):not(:last-child) {
  6976. margin: 2.78571429em 0;
  6977. }
  6978. .cover .pos-bottom {
  6979. margin-bottom: 1.85714286em;
  6980. }
  6981. @media all and (min-width: 768px) {
  6982. .cover .row .row:last-child {
  6983. margin-top: 5.57142857em;
  6984. }
  6985. }
  6986. @media all and (max-width: 767px) {
  6987. .cover .pos-bottom.pos-absolute {
  6988. position: relative;
  6989. margin-top: 1.85714286em;
  6990. }
  6991. }
  6992. @media all and (max-width: 990px) {
  6993. .cover .mt--3 {
  6994. margin-top: 0;
  6995. }
  6996. }
  6997. @media all and (min-width: 768px) {
  6998. .cover .triptych {
  6999. margin-top: 7.42857143em;
  7000. }
  7001. }
  7002. .cover-fullscreen {
  7003. min-height: 100vh;
  7004. }
  7005. .cover-fullscreen.slider[data-paging="true"] .slides .flickity-slider > li {
  7006. height: 100vh;
  7007. }
  7008. .cover-fullscreen.slider[data-paging="true"] .pos-bottom {
  7009. bottom: 5.57142857em;
  7010. width: 100%;
  7011. }
  7012. .cover-fullscreen.slider[data-paging="true"] h4 {
  7013. margin: 0;
  7014. }
  7015. .cover-slider {
  7016. overflow: hidden;
  7017. }
  7018. .cover-slider .slider {
  7019. position: relative;
  7020. width: 100%;
  7021. pointer-events: none;
  7022. }
  7023. .cover-slider .slider:nth-child(1) {
  7024. transform: translateY(-30%);
  7025. }
  7026. .cover-slider .slider:nth-child(2) {
  7027. transform: translateY(-25%);
  7028. }
  7029. .cover-slider .slider:nth-child(3) {
  7030. transform: translateY(-20%);
  7031. }
  7032. .cover-slider .slider .slide {
  7033. opacity: .05;
  7034. }
  7035. .cover-slider .typed-headline {
  7036. margin: 0;
  7037. }
  7038. .cover-slider .typed-headline + .btn {
  7039. margin-top: 0.92857143em;
  7040. }
  7041. .cover-slider .slider-container {
  7042. transform: rotateZ(-30deg) translateY(-10%);
  7043. -webkit-transform: rotateZ(-30deg) translateY(-10%);
  7044. position: absolute;
  7045. width: 100%;
  7046. height: 100%;
  7047. top: 0;
  7048. }
  7049. @media all and (min-width: 768px) {
  7050. .cover-slider + .cta-4 {
  7051. position: absolute;
  7052. background: none;
  7053. color: #fff;
  7054. border-bottom: none !important;
  7055. width: 100%;
  7056. transform: translate3d(0, -100%, 0);
  7057. -webkit-transform: translate3d(0, -100%, 0);
  7058. }
  7059. .cover-slider + .cta-4 a {
  7060. color: #fff;
  7061. font-weight: 600;
  7062. }
  7063. }
  7064. .cover-features.space--lg {
  7065. padding-bottom: 3.71428571em;
  7066. }
  7067. .cover-features .row:nth-child(2) {
  7068. margin-top: 11.14285714em;
  7069. }
  7070. @media all and (max-width: 767px) {
  7071. .cover-features.space--lg {
  7072. padding-bottom: 1.85714286em;
  7073. }
  7074. .cover-features .row:nth-child(2) {
  7075. margin-top: 3.71428571em;
  7076. }
  7077. }
  7078. /*! -- Stack Processes -- */
  7079. .process-1 {
  7080. padding: 3.71428571em 0;
  7081. position: relative;
  7082. overflow: hidden;
  7083. }
  7084. .process-1 .process__item {
  7085. width: 50%;
  7086. }
  7087. .process-1 .process__item:not(:last-child) {
  7088. margin-bottom: 1.85714286em;
  7089. }
  7090. .process-1:before {
  7091. content: '';
  7092. position: absolute;
  7093. width: 2px;
  7094. height: 100%;
  7095. left: 50%;
  7096. top: 0;
  7097. background: #4a90e2;
  7098. }
  7099. .process__item {
  7100. position: relative;
  7101. }
  7102. .process__item:after {
  7103. content: '';
  7104. width: 1.85714286em;
  7105. height: 1.85714286em;
  7106. background: #fff;
  7107. border: 2px solid #4a90e2;
  7108. border-radius: 50%;
  7109. position: absolute;
  7110. top: 0;
  7111. margin-left: 1px;
  7112. }
  7113. @media all and (min-width: 768px) {
  7114. .process-1 .process__item:nth-child(odd) {
  7115. text-align: right;
  7116. padding-right: 3.71428571em;
  7117. }
  7118. .process-1 .process__item:nth-child(odd):after {
  7119. right: -0.92857143em;
  7120. }
  7121. .process-1 .process__item:nth-child(even) {
  7122. margin-left: 50%;
  7123. padding-left: 3.71428571em;
  7124. }
  7125. .process-1 .process__item:nth-child(even):after {
  7126. left: -0.92857143em;
  7127. }
  7128. }
  7129. @media all and (max-width: 767px) {
  7130. .process-1:before,
  7131. .process-2:before {
  7132. left: 0.92857143em;
  7133. }
  7134. .process-1 .process__item,
  7135. .process-2 .process__item {
  7136. width: 100%;
  7137. padding-left: 3.71428571em;
  7138. }
  7139. .process-1 .process__item:after,
  7140. .process-2 .process__item:after {
  7141. left: 0;
  7142. }
  7143. }
  7144. .bg--dark .process-1:before,
  7145. .imagebg .process-1:before,
  7146. .bg--dark .process-2:before,
  7147. .imagebg .process-2:before {
  7148. background: #fff;
  7149. }
  7150. .bg--dark .process-1 .process__item:after,
  7151. .imagebg .process-1 .process__item:after,
  7152. .bg--dark .process-2 .process__item:after,
  7153. .imagebg .process-2 .process__item:after {
  7154. background: #fff;
  7155. }
  7156. .bg--dark .process-1 .process__item:after,
  7157. .bg--dark .process-2 .process__item:after {
  7158. border-color: #252525;
  7159. }
  7160. .process-2 {
  7161. position: relative;
  7162. }
  7163. .process-2 .process__item {
  7164. padding-top: 3.71428571em;
  7165. }
  7166. .process-2 .process__item:after {
  7167. display: inline-block;
  7168. text-align: center;
  7169. }
  7170. .process-2:before {
  7171. content: '';
  7172. position: absolute;
  7173. width: 100%;
  7174. height: 2px;
  7175. top: 0.92857143em;
  7176. left: 0;
  7177. background: #4a90e2;
  7178. }
  7179. @media all and (max-width: 767px) {
  7180. .process-2:before {
  7181. height: 100%;
  7182. width: 2px;
  7183. left: 1.85714286em;
  7184. margin-left: 2px;
  7185. }
  7186. .process-2 .process__item:after {
  7187. top: 3.71428571em;
  7188. }
  7189. }
  7190. .process-3 {
  7191. list-style: none;
  7192. position: relative;
  7193. }
  7194. .process-3 li {
  7195. position: relative;
  7196. z-index: 1;
  7197. overflow: hidden;
  7198. }
  7199. .process-3 li .process__number {
  7200. float: left;
  7201. width: 15%;
  7202. width: 3.71428571em;
  7203. height: 3.71428571em;
  7204. border-radius: 50%;
  7205. border: 2px solid #4a90e2;
  7206. background: #fff;
  7207. text-align: center;
  7208. }
  7209. .process-3 li .process__number span {
  7210. font-size: 1.35714286em;
  7211. font-weight: bold;
  7212. color: #4a90e2;
  7213. position: relative;
  7214. top: 12px;
  7215. }
  7216. .process-3 li .process__body {
  7217. width: 80%;
  7218. float: right;
  7219. }
  7220. .process-3 li .process__body h4 {
  7221. margin-bottom: 0.342105263157895em;
  7222. }
  7223. .process-3 li:not(:last-child) {
  7224. margin-bottom: 3.71428571em;
  7225. }
  7226. .process-3:before {
  7227. content: '';
  7228. position: absolute;
  7229. height: 100%;
  7230. width: 1px;
  7231. left: 1.85714286em;
  7232. top: 0;
  7233. border-left: 1px dashed #ddd;
  7234. }
  7235. .bg--dark .process-3 li .process__number {
  7236. background: #252525;
  7237. }
  7238. .bg--dark .process-3:before {
  7239. border-color: #aaa;
  7240. }
  7241. .process-stepper > li {
  7242. transition: all .3s ease;
  7243. display: inline-block;
  7244. float: left;
  7245. text-align: center;
  7246. position: relative;
  7247. }
  7248. .process-stepper > li:before {
  7249. transition: all .3s ease;
  7250. content: '';
  7251. width: 0.92857143em;
  7252. height: 0.92857143em;
  7253. background: #ccc;
  7254. border-radius: 50%;
  7255. display: block;
  7256. margin: 0 auto;
  7257. margin-bottom: 0.92857143em;
  7258. }
  7259. .process-stepper > li:after {
  7260. transition: all .3s ease;
  7261. content: '';
  7262. width: 100%;
  7263. height: 2px;
  7264. position: absolute;
  7265. background: #ccc;
  7266. top: 5px;
  7267. left: 0;
  7268. }
  7269. .process-stepper > li:first-child:after,
  7270. .process-stepper > li:last-child:after {
  7271. width: 50%;
  7272. }
  7273. .process-stepper > li:first-child:after {
  7274. left: 50%;
  7275. }
  7276. .process-stepper > li.active:before,
  7277. .process-stepper > li.active:after {
  7278. background: #4a90e2;
  7279. }
  7280. .process-stepper > li > span {
  7281. cursor: default;
  7282. }
  7283. .process-stepper[data-process-steps="6"] > li {
  7284. width: 16.666666666666667%;
  7285. }
  7286. .process-stepper[data-process-steps="5"] > li {
  7287. width: 20%;
  7288. }
  7289. .process-stepper[data-process-steps="4"] > li {
  7290. width: 25%;
  7291. }
  7292. .process-stepper[data-process-steps="3"] > li {
  7293. width: 33.33333333%;
  7294. }
  7295. .process-stepper[data-process-steps="2"] > li {
  7296. width: 50%;
  7297. }
  7298. .bg--dark .process-stepper li:not(.active):before,
  7299. .bg--dark .process-stepper li:not(.active):after {
  7300. background: #585858;
  7301. }
  7302. /*! -- Stack Typed Text -- */
  7303. span + .typed-text.h2 {
  7304. margin-left: 4px;
  7305. }
  7306. span + .typed-text.h1 {
  7307. margin-left: 6px;
  7308. }
  7309. @media all and (max-width: 767px) {
  7310. .typed-text {
  7311. display: block;
  7312. }
  7313. .typed-headline {
  7314. margin-bottom: 1.85714286em;
  7315. }
  7316. .typed-headline h1,
  7317. .typed-headline .h1 {
  7318. margin-bottom: 0;
  7319. }
  7320. }
  7321. /*! -- Stack Forms -- */
  7322. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  7323. select,
  7324. textarea,
  7325. input {
  7326. font-size: 16px;
  7327. }
  7328. }
  7329. form:before,
  7330. form:after {
  7331. content: '';
  7332. }
  7333. .bg--dark input,
  7334. .imagebg:not(.image--light) input,
  7335. .bg--dark textarea,
  7336. .imagebg:not(.image--light) textarea,
  7337. .bg--dark select,
  7338. .imagebg:not(.image--light) select,
  7339. .bg--dark .input-select:after,
  7340. .imagebg:not(.image--light) .input-select:after {
  7341. color: #666666;
  7342. }
  7343. .bg--dark label,
  7344. .imagebg:not(.image--light) label {
  7345. color: #fff;
  7346. }
  7347. .bg--dark form.attempted-submit input.field-error {
  7348. background: #D84D4D;
  7349. color: #fff;
  7350. }
  7351. form {
  7352. position: relative;
  7353. }
  7354. form > div[class*='col-']:not(:last-child),
  7355. form > .row > div[class*='col-']:not(:last-child) {
  7356. margin-bottom: 0.92857143em;
  7357. }
  7358. form .boxed:last-child {
  7359. margin: 0;
  7360. }
  7361. form.form--clearfix {
  7362. margin-left: -15px;
  7363. }
  7364. @media all and (min-width: 768px) {
  7365. div[class*='col-'] > form div[class*='col-']:last-child:nth-child(2) {
  7366. padding-right: 0;
  7367. }
  7368. div[class*='col-'] > form div[class*='col-']:first-child:nth-last-child(2) {
  7369. padding-left: 0;
  7370. }
  7371. form.form--horizontal > div[class*='col-'] {
  7372. margin: 0;
  7373. }
  7374. }
  7375. @media all and (max-width: 767px) {
  7376. .row form > .row {
  7377. margin-left: 0;
  7378. margin-right: 0;
  7379. }
  7380. }
  7381. h2 + form,
  7382. .h2 + form {
  7383. margin-top: 2.78571429em;
  7384. }
  7385. h3 + form,
  7386. .h3 + form,
  7387. .lead + form {
  7388. margin-top: 2.78571429em;
  7389. }
  7390. .cover .lead + form {
  7391. margin-top: 3.71428571em;
  7392. }
  7393. form + span.type--fine-print {
  7394. margin-top: 1.08333333333334em;
  7395. display: inline-block;
  7396. }
  7397. .form--inline > span.h4 {
  7398. color: #666666;
  7399. }
  7400. .form--inline input,
  7401. .form--inline [class*='input-'] {
  7402. display: inline-block;
  7403. max-width: 200px;
  7404. }
  7405. .form--inline > span:not(:last-child),
  7406. .form--inline input:not(:last-child),
  7407. .form--inline [class*='input-']:not(:last-child) {
  7408. margin-right: 0.92857143em;
  7409. }
  7410. .form--inline button {
  7411. max-width: 200px;
  7412. }
  7413. .bg--dark .form--inline > span.h4,
  7414. .imagebg:not(.image--light) .form--inline > span.h4 {
  7415. color: #fff;
  7416. }
  7417. button,
  7418. input[type="submit"] {
  7419. height: 3.25000000000001em;
  7420. }
  7421. button.btn,
  7422. input[type="submit"].btn {
  7423. font-size: 0.85714286em;
  7424. font-weight: 700;
  7425. padding-left: 0;
  7426. padding-right: 0;
  7427. }
  7428. button.btn.btn--primary,
  7429. input[type="submit"].btn.btn--primary {
  7430. color: #fff;
  7431. }
  7432. button.btn.type--uppercase,
  7433. input[type="submit"].btn.type--uppercase {
  7434. letter-spacing: .5px;
  7435. margin-right: -0.5px;
  7436. }
  7437. button.checkmark.checkmark--cross,
  7438. input[type="submit"].checkmark.checkmark--cross {
  7439. width: 1.85714286em;
  7440. height: 1.85714286em;
  7441. border: none;
  7442. background: #e23636;
  7443. }
  7444. button.checkmark.checkmark--cross:before,
  7445. input[type="submit"].checkmark.checkmark--cross:before {
  7446. content: '\00d7';
  7447. font-size: 18px;
  7448. top: -1px;
  7449. }
  7450. button[type="submit"].btn--loading:after,
  7451. input[type="submit"][type="submit"].btn--loading:after {
  7452. background: #4a90e2;
  7453. }
  7454. .bg--primary button.btn {
  7455. border-color: rgba(255, 255, 255, 0.5);
  7456. color: #fff;
  7457. }
  7458. .bg--primary button.btn:hover {
  7459. border-color: #fff;
  7460. }
  7461. .bg--primary button.btn.btn--primary {
  7462. color: #4a90e2;
  7463. border-color: #4a90e2;
  7464. }
  7465. .bg--primary button.btn.btn--primary-1 {
  7466. border-color: #31639c;
  7467. }
  7468. input,
  7469. select {
  7470. height: 2.78571429em;
  7471. }
  7472. input.field-error {
  7473. border-color: #EBA8A8;
  7474. }
  7475. input[type] + input[type],
  7476. input[type] + .input-checkbox,
  7477. input[type] + button,
  7478. input[type] + .input-select {
  7479. margin-top: 0.92857143em;
  7480. }
  7481. input,
  7482. [class*='input-'] label,
  7483. select,
  7484. textarea {
  7485. transition: 0.3s ease;
  7486. -webkit-transition: 0.3s ease;
  7487. -moz-transition: 0.3s ease;
  7488. }
  7489. input:not([class*='col-']),
  7490. select:not([class*='col-']),
  7491. .input-select:not([class*='col-']),
  7492. textarea:not([class*='col-']),
  7493. button[type="submit"]:not([class*='col-']) {
  7494. width: 100%;
  7495. }
  7496. input[type],
  7497. select,
  7498. textarea {
  7499. padding-left: 0.92857143em;
  7500. }
  7501. input[type]:focus,
  7502. select:focus,
  7503. textarea:focus {
  7504. border-color: #76abe9;
  7505. }
  7506. input[type="image"] {
  7507. border: none;
  7508. padding: none;
  7509. width: auto;
  7510. }
  7511. label {
  7512. font-size: .85714286em;
  7513. }
  7514. .bg--primary label,
  7515. .bg--primary-1 label {
  7516. color: #fff;
  7517. }
  7518. .input-icon i {
  7519. top: 8px;
  7520. left: 8px;
  7521. }
  7522. .input-icon input {
  7523. padding-left: 2.78571429em;
  7524. }
  7525. .input-icon.input-icon--right i {
  7526. left: auto;
  7527. right: 8px;
  7528. }
  7529. .input-icon.input-icon--right input {
  7530. padding-right: 2.78571429em;
  7531. padding-left: .92857143em;
  7532. }
  7533. .text-center .input-checkbox label,
  7534. .text-center .input-radio label {
  7535. margin: 0 auto;
  7536. }
  7537. .input-checkbox label,
  7538. .input-radio label {
  7539. font-size: 1em;
  7540. }
  7541. .input-checkbox {
  7542. margin-top: 0.46428571em;
  7543. }
  7544. .input-checkbox.field-error label {
  7545. border-color: #EBA8A8;
  7546. }
  7547. .input-checkbox label {
  7548. background: none;
  7549. border: 1px solid #d3d3d3;
  7550. text-align: center;
  7551. position: relative;
  7552. }
  7553. .input-checkbox label:not(:last-child) {
  7554. margin-right: 0.46428571em;
  7555. }
  7556. .input-checkbox label:hover {
  7557. border-color: #4a90e2;
  7558. }
  7559. .input-checkbox label:before {
  7560. content: '';
  7561. left: 0;
  7562. border-radius: 6px;
  7563. position: absolute;
  7564. width: 100%;
  7565. height: 100%;
  7566. border: 1px solid #4a90e2;
  7567. opacity: 0;
  7568. transition: 0.3s ease;
  7569. -webkit-transition: 0.3s ease;
  7570. -moz-transition: 0.3s ease;
  7571. }
  7572. .input-checkbox input:checked + label {
  7573. border-color: #4a90e2;
  7574. background: #4a90e2;
  7575. }
  7576. .input-checkbox input:checked + label:after {
  7577. content: 'L';
  7578. transform: rotateY(180deg) rotateZ(-45deg);
  7579. color: #fff;
  7580. position: absolute;
  7581. width: 100%;
  7582. left: 0;
  7583. top: -2px;
  7584. font-weight: 700;
  7585. }
  7586. .input-checkbox input:checked + label:before {
  7587. animation: pulse .45s ease forwards;
  7588. -webkit-animation: pulse .45s ease forwards;
  7589. }
  7590. .input-checkbox + span {
  7591. display: inline-block;
  7592. position: relative;
  7593. bottom: 10px;
  7594. margin-left: 0.92857143em;
  7595. font-size: 0.85714286em;
  7596. white-space: nowrap;
  7597. }
  7598. .input-checkbox + button[type] {
  7599. margin-top: 0.92857143em;
  7600. }
  7601. .input-checkbox + span + button[type] {
  7602. margin-top: 0.92857143em;
  7603. }
  7604. .bg--dark .input-checkbox:not(.checked) label {
  7605. border-color: #a5a5a5;
  7606. }
  7607. .bg--dark .input-checkbox + span {
  7608. opacity: .75;
  7609. }
  7610. .input-checkbox.input-checkbox--switch label {
  7611. width: 3.71428571em;
  7612. border-radius: 60px;
  7613. }
  7614. .input-checkbox.input-checkbox--switch label:before {
  7615. width: 20px;
  7616. height: 20px;
  7617. border-radius: 50%;
  7618. border-color: #d3d3d3;
  7619. opacity: 1;
  7620. left: 2px;
  7621. top: 2px;
  7622. }
  7623. .input-checkbox.input-checkbox--switch label:hover:before {
  7624. border-color: #4a90e2;
  7625. }
  7626. .input-checkbox.input-checkbox--switch input:checked + label {
  7627. background: none;
  7628. }
  7629. .input-checkbox.input-checkbox--switch input:checked + label:before {
  7630. animation: none !important;
  7631. background: #4a90e2;
  7632. border-color: #4a90e2;
  7633. transform: translateX(1.85714286em);
  7634. }
  7635. .input-checkbox.input-checkbox--switch input:checked + label:after {
  7636. display: none;
  7637. }
  7638. .input-radio.field-error label {
  7639. border-color: #EBA8A8;
  7640. }
  7641. .input-radio .input__label {
  7642. font-size: .85714286em;
  7643. display: inline-block;
  7644. }
  7645. .input-radio .input__label + label {
  7646. margin-top: 0.92857143em;
  7647. }
  7648. .input-radio label {
  7649. position: relative;
  7650. background: none;
  7651. border: 1px solid #d3d3d3;
  7652. }
  7653. .input-radio label:hover {
  7654. border-color: #4a90e2;
  7655. }
  7656. .input-radio label:before {
  7657. content: '';
  7658. position: absolute;
  7659. width: 100%;
  7660. height: 100%;
  7661. border-radius: 50%;
  7662. border: 1px solid #4a90e2;
  7663. transition: 0.3s ease;
  7664. -webkit-transition: 0.3s ease;
  7665. -moz-transition: 0.3s ease;
  7666. opacity: 0;
  7667. left: 0;
  7668. }
  7669. .input-radio input:checked + label {
  7670. border-color: #4a90e2;
  7671. background-color: #4a90e2;
  7672. }
  7673. .input-radio input:checked + label:after {
  7674. content: '';
  7675. position: absolute;
  7676. width: 10px;
  7677. height: 10px;
  7678. left: 7px;
  7679. top: 7px;
  7680. background-color: #fff;
  7681. border-radius: 50%;
  7682. }
  7683. .input-radio input:checked + label:before {
  7684. animation: pulse .4s ease forwards;
  7685. }
  7686. .input-radio--innerlabel label {
  7687. transition: all .3s ease;
  7688. height: 2.78571429em;
  7689. line-height: 2.50714286em;
  7690. padding: 0 0.92857143em;
  7691. border: 1px solid #ececec;
  7692. border-radius: 6px;
  7693. cursor: pointer;
  7694. width: 100%;
  7695. text-align: center;
  7696. }
  7697. .input-radio--innerlabel:hover {
  7698. border-color: #4a90e2;
  7699. }
  7700. .input-radio--innerlabel input:checked + label {
  7701. border-color: #4a90e2;
  7702. background: #4a90e2;
  7703. color: #fff;
  7704. }
  7705. .input-radio--innerlabel input:checked + label:after {
  7706. display: none;
  7707. }
  7708. .input-radio--innerlabel input:checked + label:before {
  7709. animation: none;
  7710. }
  7711. @media all and (max-width: 1024px) {
  7712. .input-radio input:checked + label:after {
  7713. top: 6px;
  7714. left: 6px;
  7715. }
  7716. }
  7717. .bg--primary .input-radio--innerlabel {
  7718. border-color: #76abe9;
  7719. }
  7720. .bg--primary .input-radio--innerlabel:hover {
  7721. border-color: #fff;
  7722. }
  7723. .bg--primary .input-radio--innerlabel.checked {
  7724. background: #fff;
  7725. border-color: #fff;
  7726. }
  7727. .bg--primary .input-radio--innerlabel.checked label {
  7728. color: #4a90e2;
  7729. }
  7730. .bg--primary-1 .input-radio--innerlabel {
  7731. border-color: #3e7cc2;
  7732. }
  7733. .bg--primary-1 .input-radio--innerlabel:hover {
  7734. border-color: #fff;
  7735. }
  7736. .bg--primary-1 .input-radio--innerlabel.checked {
  7737. background: #fff;
  7738. border-color: #fff;
  7739. }
  7740. .bg--primary-1 .input-radio--innerlabel.checked label {
  7741. color: #31639c;
  7742. }
  7743. .input-select {
  7744. position: relative;
  7745. }
  7746. .input-select select {
  7747. -moz-appearance: none;
  7748. -webkit-appearance: none;
  7749. }
  7750. .input-select select::-ms-expand {
  7751. display: none;
  7752. }
  7753. .input-select:not(:last-child) {
  7754. margin-bottom: 0.92857143em;
  7755. }
  7756. .input-select:after {
  7757. position: absolute;
  7758. right: 0;
  7759. height: 100%;
  7760. top: 0;
  7761. font-size: 30px;
  7762. content: '\2263';
  7763. pointer-events: none;
  7764. padding: 0 13px;
  7765. border-left: 1px solid #ececec;
  7766. line-height: 31px;
  7767. }
  7768. .input-select.input-select--borderless:after {
  7769. border-left: none;
  7770. }
  7771. .input-select:focus:after {
  7772. border-color: #4a90e2;
  7773. }
  7774. .input-select select:focus {
  7775. border-color: #4a90e2;
  7776. }
  7777. .input-number {
  7778. position: relative;
  7779. }
  7780. .input-number > input[type="number"] {
  7781. padding-left: .46428571em;
  7782. -moz-appearance: textfield;
  7783. width: 100%;
  7784. text-align: center;
  7785. }
  7786. .input-number > input[type="number"]::-webkit-inner-spin-button {
  7787. display: none;
  7788. }
  7789. .input-number .input-number__controls {
  7790. position: absolute;
  7791. height: 100%;
  7792. width: 100%;
  7793. right: 0;
  7794. top: 0;
  7795. padding: 0 0.92857143em;
  7796. }
  7797. .input-number .input-number__controls > span {
  7798. position: absolute;
  7799. display: block;
  7800. width: 10%;
  7801. min-width: 3.71428571em;
  7802. height: 100%;
  7803. cursor: pointer;
  7804. -webkit-user-select: none;
  7805. user-select: none;
  7806. text-align: center;
  7807. padding-top: 6px;
  7808. transition: all .3s ease;
  7809. }
  7810. .input-number .input-number__controls > span:hover {
  7811. color: #4a90e2;
  7812. }
  7813. .input-number .input-number__controls .input-number__increase {
  7814. right: 0;
  7815. border-left: 1px solid #ececec;
  7816. }
  7817. .input-number .input-number__controls .input-number__decrease {
  7818. left: 0;
  7819. border-right: 1px solid #ececec;
  7820. }
  7821. input[type="image"] {
  7822. padding: 0;
  7823. width: auto;
  7824. border: none;
  7825. }
  7826. /*! -- Stack Subscribe Forms -- */
  7827. .subscribe-form-1 h3 {
  7828. margin-bottom: 0.52em;
  7829. }
  7830. .subscribe-form-1.boxed form {
  7831. margin: 1.85714286em;
  7832. }
  7833. @media all and (min-width: 991px) {
  7834. .subscribe-form-2 p {
  7835. top: 2px;
  7836. position: relative;
  7837. }
  7838. .subscribe-form-2 input {
  7839. margin: 0;
  7840. }
  7841. .subscribe-form-2 form [class*='col-'] {
  7842. margin: 0 !important;
  7843. }
  7844. }
  7845. @media all and (max-width: 990px) {
  7846. .subscribe-form-2 {
  7847. text-align: center;
  7848. }
  7849. .subscribe-form-2 form {
  7850. margin-top: 1.85714286em;
  7851. }
  7852. }
  7853. /*! -- Stack Elaborate Forms -- */
  7854. @media all and (max-width: 767px) {
  7855. .elaborate-form-1 .pos-vertical-center {
  7856. padding-left: 15px;
  7857. padding-right: 15px;
  7858. }
  7859. .elaborate-form-1 form .col-xs-6:nth-child(even) {
  7860. padding-left: 15px;
  7861. }
  7862. .elaborate-form-1 form .col-xs-6:nth-child(odd) {
  7863. padding-right: 15px;
  7864. }
  7865. .elaborate-form-1 .row form > .row {
  7866. margin-left: -15px;
  7867. margin-right: -15px;
  7868. }
  7869. }
  7870. /* Stack Boxed Forms */
  7871. .boxed-form h4 {
  7872. margin-bottom: 0.684210526315789em;
  7873. }
  7874. .boxed-form:last-child {
  7875. margin-bottom: 0;
  7876. }
  7877. /* Stack Datepicker Form */
  7878. .datepicker {
  7879. cursor: pointer;
  7880. }
  7881. .datepicker.datepicker--fluid + .picker {
  7882. max-width: none;
  7883. }
  7884. .picker {
  7885. transition: all .3s ease;
  7886. z-index: 10;
  7887. max-width: 100%;
  7888. -webkit-transition: all .3s ease;
  7889. margin-top: 0.46428571em;
  7890. position: absolute;
  7891. background: #ffffff;
  7892. border: 1px solid #ececec;
  7893. border-radius: 6px;
  7894. padding: 0.92857143em;
  7895. box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
  7896. }
  7897. .picker .picker__header {
  7898. text-align: center;
  7899. margin-bottom: 0.92857143em;
  7900. }
  7901. .picker .picker__header > div {
  7902. font-weight: 600;
  7903. display: inline-block;
  7904. color: #252525;
  7905. }
  7906. .picker .picker__header > div:not(:last-child) {
  7907. margin-right: 0.46428571em;
  7908. }
  7909. .picker .picker__header .picker__nav--prev,
  7910. .picker .picker__header .picker__nav--next {
  7911. height: 10px;
  7912. width: 10px;
  7913. cursor: pointer;
  7914. }
  7915. .picker .picker__header .picker__nav--prev:after,
  7916. .picker .picker__header .picker__nav--next:after {
  7917. font-family: 'stack-interface';
  7918. }
  7919. .picker .picker__header .picker__nav--next {
  7920. float: right;
  7921. }
  7922. .picker .picker__header .picker__nav--next:after {
  7923. content: '\e80c';
  7924. }
  7925. .picker .picker__header .picker__nav--prev {
  7926. float: left;
  7927. }
  7928. .picker .picker__header .picker__nav--prev:after {
  7929. content: '\e80b';
  7930. }
  7931. .picker .picker__day {
  7932. transition: all .3s ease;
  7933. cursor: pointer;
  7934. }
  7935. .picker .picker__day.picker__day--highlighted {
  7936. color: #4a90e2;
  7937. font-weight: 600;
  7938. }
  7939. .picker .picker__day:hover {
  7940. color: #4a90e2;
  7941. }
  7942. .picker:not(.picker--opened) {
  7943. opacity: 0;
  7944. visibility: hidden;
  7945. pointer-events: none;
  7946. transform: scale(0);
  7947. }
  7948. .picker .picker__holder {
  7949. outline: none !important;
  7950. border: none !important;
  7951. }
  7952. .picker table td {
  7953. padding: 0.46428571em;
  7954. padding-top: 0;
  7955. }
  7956. .picker .picker__footer {
  7957. text-align: center;
  7958. }
  7959. .picker .picker__button--today {
  7960. float: left;
  7961. }
  7962. .picker .picker__button--close {
  7963. float: right;
  7964. }
  7965. .picker button {
  7966. transition: all .3s ease;
  7967. height: auto;
  7968. border: none;
  7969. display: inline-block;
  7970. }
  7971. .picker button:not(:hover) {
  7972. opacity: .5;
  7973. }
  7974. /* Stack Horizontal Forms */
  7975. .form-horizontal {
  7976. display: flex;
  7977. }
  7978. .form-horizontal > div[class*='col-'],
  7979. .form-horizontal > div[class*='col-']:not(:last-child) {
  7980. margin-bottom: 0;
  7981. display: flex;
  7982. align-items: flex-end;
  7983. flex-wrap: wrap;
  7984. }
  7985. .form-horizontal .picker {
  7986. top: 100%;
  7987. }
  7988. @media all and (max-width: 990px) {
  7989. .form-horizontal {
  7990. display: block;
  7991. }
  7992. label {
  7993. margin-top: 0.46428571em;
  7994. }
  7995. button {
  7996. margin-top: 1.85714286em;
  7997. }
  7998. }
  7999. /*! -- Stack Sliders -- */
  8000. .flickity-prev-next-button {
  8001. transition: 0.3s ease;
  8002. -webkit-transition: 0.3s ease;
  8003. -moz-transition: 0.3s ease;
  8004. border-radius: 0;
  8005. background: #252525;
  8006. width: 2.78571429em;
  8007. height: 5.57142857em;
  8008. }
  8009. .flickity-prev-next-button:not(:hover) {
  8010. opacity: .5;
  8011. }
  8012. .flickity-prev-next-button:hover {
  8013. background: #252525;
  8014. }
  8015. .flickity-prev-next-button.previous {
  8016. left: 0;
  8017. }
  8018. .flickity-prev-next-button.next {
  8019. right: 0;
  8020. }
  8021. .flickity-prev-next-button:before {
  8022. color: #fff;
  8023. }
  8024. .slider.slider--inline-arrows .flickity-prev-next-button {
  8025. background: none;
  8026. }
  8027. .slider.slider--inline-arrows .flickity-prev-next-button:before {
  8028. font-size: 1.78571429em;
  8029. color: #252525;
  8030. content: '\e802';
  8031. }
  8032. .slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
  8033. content: '\e801';
  8034. }
  8035. .slider.slider--columns .previous {
  8036. left: 15px;
  8037. }
  8038. .slider.slider--columns .next {
  8039. right: 15px;
  8040. }
  8041. .slider.border--round .slides li {
  8042. border-radius: 6px;
  8043. overflow: hidden;
  8044. }
  8045. .slider.boxed--border .slides li {
  8046. border: 1px solid #ececec;
  8047. }
  8048. .slider .slides li .feature:not(.feature-9) {
  8049. margin-bottom: 0;
  8050. }
  8051. .slide .boxed:last-child {
  8052. margin-bottom: 0;
  8053. }
  8054. .slide:not([class*='col-']) > img:only-child {
  8055. width: 100%;
  8056. }
  8057. .bg--dark .slider.slider--inline-arrows .flickity-prev-next-button:before,
  8058. .bg--primary .slider.slider--inline-arrows .flickity-prev-next-button:before,
  8059. .imagebg:not(.image--light) .slider.slider--inline-arrows .flickity-prev-next-button:before {
  8060. color: #fff;
  8061. }
  8062. @media all and (max-width: 990px) {
  8063. .flickity-prev-next-button {
  8064. display: none;
  8065. }
  8066. }
  8067. @media all and (min-width: 768px) {
  8068. h2 + .slider,
  8069. .h2 + .slider {
  8070. margin-top: 3.71428571em;
  8071. }
  8072. }
  8073. .slider.slider--ken-burns:not(.parallax) .slide.is-selected > .background-image-holder,
  8074. .slider.slider--ken-burns:not(.parallax) .slide.is-selected > img:only-child {
  8075. animation: kenBurns 15s ease alternate infinite;
  8076. -webkit-animation: kenBurns 15s ease alternate infinite;
  8077. }
  8078. .radial {
  8079. margin-left: auto;
  8080. margin-right: auto;
  8081. }
  8082. .radial .radial__label {
  8083. transition: opacity .3s ease;
  8084. -webkit-transition: opacity .3s ease;
  8085. }
  8086. .radial:not(.radial--active) .radial__label {
  8087. opacity: 0;
  8088. }
  8089. .radial:not(:last-child) {
  8090. margin-bottom: 1.85714286em;
  8091. }
  8092. @media all and (max-width: 767px) {
  8093. .radial {
  8094. margin-bottom: 1.85714286em;
  8095. }
  8096. }
  8097. /*! -- Stack Pricing -- */
  8098. .pricing {
  8099. transition: 0.3s ease;
  8100. -webkit-transition: 0.3s ease;
  8101. -moz-transition: 0.3s ease;
  8102. position: relative;
  8103. }
  8104. .pricing h3:first-child {
  8105. margin: 0;
  8106. }
  8107. .pricing .label {
  8108. top: 2.78571429em;
  8109. right: 2.78571429em;
  8110. }
  8111. .pricing .h2 {
  8112. margin-bottom: 0.3939393939394em;
  8113. }
  8114. .pricing ul li:not(:last-child) {
  8115. margin-bottom: 0.46428571em;
  8116. }
  8117. .pricing ul li .checkmark + span {
  8118. position: relative;
  8119. bottom: 3px;
  8120. }
  8121. .pricing:hover {
  8122. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  8123. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  8124. }
  8125. .pricing .h1 {
  8126. font-size: 4.21428571428571em;
  8127. line-height: 1.10169491525424em;
  8128. margin-bottom: 0.22033898305085em;
  8129. }
  8130. .pricing .h1 .pricing__dollar {
  8131. font-size: 0.51020408163265em;
  8132. position: relative;
  8133. bottom: 20px;
  8134. }
  8135. .pricing .feature-6 p {
  8136. min-height: 5.57142857em;
  8137. }
  8138. .pricing-1 .btn:last-child {
  8139. position: absolute;
  8140. width: 100%;
  8141. bottom: 0;
  8142. left: 0;
  8143. border-radius: 0 0 6px 6px;
  8144. padding: 0.92857143em 0;
  8145. margin: 0;
  8146. }
  8147. .pricing-1 .btn:last-child:hover {
  8148. transform: none !important;
  8149. }
  8150. .pricing-1 ul {
  8151. margin-bottom: 5.57142857em;
  8152. }
  8153. .pricing-1 p {
  8154. min-height: 5.57142857em;
  8155. }
  8156. .pricing-1 p:first-of-type {
  8157. margin-top: 1.85714286em;
  8158. }
  8159. .pricing-1 p:last-of-type {
  8160. margin-bottom: 5.57142857em;
  8161. }
  8162. .pricing-1 img + p:first-of-type {
  8163. margin-top: 0;
  8164. }
  8165. @media all and (min-width: 991px) {
  8166. .pricing-2 ul:first-child {
  8167. margin-top: 4.64285714em;
  8168. }
  8169. }
  8170. @media all and (max-width: 990px) {
  8171. .pricing-2 {
  8172. text-align: center;
  8173. }
  8174. .pricing-2 ul:first-child {
  8175. margin-top: 1.85714286em;
  8176. }
  8177. }
  8178. .pricing-3 {
  8179. border: 1px solid #ececec;
  8180. border-radius: 6px;
  8181. }
  8182. .pricing-3 .pricing__head {
  8183. margin: 0;
  8184. border-bottom: 1px solid #ececec;
  8185. }
  8186. .pricing-3 .pricing__head + .btn {
  8187. display: block;
  8188. border-radius: 0;
  8189. padding: 0.92857143em 0;
  8190. }
  8191. .pricing-3 ul {
  8192. border-radius: 0 0 6px 6px;
  8193. }
  8194. .pricing-3 ul li {
  8195. padding: 0.92857143em 0;
  8196. }
  8197. .pricing-3 ul li:not(:last-child) {
  8198. border-bottom: 1px solid #ececec;
  8199. margin: 0;
  8200. }
  8201. .pricing-3 ul:last-child {
  8202. margin: 0;
  8203. }
  8204. @media all and (max-width: 990px) {
  8205. .pricing-3 {
  8206. margin-bottom: 1.85714286em;
  8207. }
  8208. }
  8209. @media all and (min-width: 768px) {
  8210. .pricing-section-1 .pricing:not(.boxed--emphasis) {
  8211. left: 0.92857143em;
  8212. }
  8213. .pricing-section-1 .pricing.boxed--emphasis {
  8214. right: 0.92857143em;
  8215. }
  8216. }
  8217. @media all and (min-width: 990px) {
  8218. .pricing-section-2 div[class*='col-'] {
  8219. padding: 0;
  8220. }
  8221. .pricing-section-2 div[class*='col-']:not(:first-child):not(:last-child) .pricing__head {
  8222. border-radius: 0;
  8223. }
  8224. .pricing-section-2 div[class*='col-']:first-child .pricing {
  8225. border-radius: 6px 0 0 6px;
  8226. }
  8227. .pricing-section-2 div[class*='col-']:first-child .pricing .pricing__head {
  8228. border-radius: 6px 0 0 0;
  8229. }
  8230. .pricing-section-2 div[class*='col-']:last-child .pricing {
  8231. border-radius: 0 6px 6px 6px;
  8232. border-right: 1px solid #ececec;
  8233. }
  8234. .pricing-section-2 div[class*='col-']:last-child .pricing .pricing__head {
  8235. border-radius: 0 6px 0 0;
  8236. }
  8237. .pricing-section-2 .pricing {
  8238. border: 1px solid #ececec;
  8239. border-radius: 0 0 0 6px;
  8240. border-right: none;
  8241. }
  8242. .pricing-section-2 .pricing:hover {
  8243. box-shadow: none;
  8244. }
  8245. .pricing-section-2 .pricing ul {
  8246. margin: 0;
  8247. }
  8248. }
  8249. .pricing-section-2.bg--dark .pricing,
  8250. .pricing-section-2.bg--dark .pricing .pricing__head,
  8251. .pricing-section-2.bg--dark .pricing ul li:not(:last-child),
  8252. .pricing-section-2.bg--dark div[class*='col-']:last-child .pricing {
  8253. border-color: #3f3f3f;
  8254. }
  8255. .pricing-section-2.imagebg .pricing,
  8256. .pricing-section-2.imagebg .pricing .pricing__head,
  8257. .pricing-section-2.imagebg .pricing ul li:not(:last-child),
  8258. .pricing-section-2.imagebg div[class*='col-']:last-child .pricing {
  8259. border-color: rgba(255, 255, 255, 0.2);
  8260. }
  8261. /*! -- Stack Progress Horizontal -- */
  8262. .progress-horizontal:not(:last-child) {
  8263. margin-bottom: 1.85714286em;
  8264. }
  8265. .progress-horizontal.progress-horizontal--lg .progress-horizontal__bar {
  8266. height: 1.85714286em;
  8267. }
  8268. .progress-horizontal.progress-horizontal--sm .progress-horizontal__bar {
  8269. height: 0.46428571em;
  8270. }
  8271. .progress-horizontal__bar {
  8272. height: 0.92857143em;
  8273. border-radius: 100px;
  8274. background: #fafafa;
  8275. border: 1px solid rgba(0, 0, 0, 0.1);
  8276. }
  8277. .progress-horizontal__bar:not(:last-child) {
  8278. margin-bottom: 0.46428571em;
  8279. }
  8280. .progress-horizontal__progress {
  8281. background: #4a90e2;
  8282. border-radius: 100px;
  8283. }
  8284. .imagebg .progress-horizontal__bar {
  8285. background: rgba(20, 20, 20, 0.2);
  8286. border: none;
  8287. }
  8288. /*! -- Stack Maps -- */
  8289. iframe[src*='google.com/maps'] {
  8290. border: none;
  8291. }
  8292. .map-container {
  8293. min-height: 400px;
  8294. }
  8295. .map-container:not(:last-child) {
  8296. margin-bottom: 1.85714286em;
  8297. }
  8298. .map-container.border--round {
  8299. overflow: hidden;
  8300. z-index: 2;
  8301. }
  8302. .map-container.border--round .gm-style {
  8303. border-radius: 6px;
  8304. }
  8305. .map-container iframe {
  8306. left: 0;
  8307. }
  8308. @media all and (min-width: 768px) {
  8309. .background-image-holder .map-container,
  8310. .imageblock__content .map-container {
  8311. position: absolute;
  8312. width: 100%;
  8313. height: 100%;
  8314. top: 0;
  8315. left: 0;
  8316. }
  8317. .map-container + div[class*='col-'] {
  8318. margin-top: 3.71428571em;
  8319. }
  8320. }
  8321. /*! -- Stack Testimonials -- */
  8322. .testimonial {
  8323. position: relative;
  8324. overflow: hidden;
  8325. }
  8326. .testimonial h5:nth-last-child(2) {
  8327. margin: 0;
  8328. }
  8329. .testimonial .testimonial__image {
  8330. margin-bottom: 1.85714286em;
  8331. }
  8332. @media all and (min-width: 1025px) {
  8333. .testimonial-1 .switchable__text {
  8334. margin-top: 7.42857143em;
  8335. }
  8336. }
  8337. .testimonial-2 {
  8338. float: none;
  8339. width: 100%;
  8340. }
  8341. .testimonial-2 .testimonial__image img {
  8342. max-height: 3.71428571em;
  8343. float: left;
  8344. margin-right: 1.85714286em;
  8345. }
  8346. .testimonial-2 .boxed {
  8347. width: 100%;
  8348. }
  8349. .bg--secondary .testimonial-2 .boxed {
  8350. background: #fff;
  8351. }
  8352. @media all and (max-width: 990px) {
  8353. .testimonial-2 p {
  8354. min-height: 7.42857143em;
  8355. }
  8356. }
  8357. @media all and (max-width: 767px) {
  8358. .testimonial-2 p {
  8359. min-height: 0;
  8360. }
  8361. }
  8362. @media all and (min-width: 768px) {
  8363. .lead + .testimonial-2 {
  8364. margin-top: 3.71428571em;
  8365. }
  8366. }
  8367. @media all and (min-width: 768px) {
  8368. .testimonials-1 .list-inline {
  8369. position: relative;
  8370. top: 0.92857143em;
  8371. }
  8372. .testimonials-1 .list-inline li:not(:last-child) {
  8373. margin-right: 3.71428571em;
  8374. }
  8375. }
  8376. @media all and (max-width: 767px) {
  8377. .testimonials-1 .list-inline {
  8378. margin-top: 1.85714286em;
  8379. }
  8380. .testimonials-1 .list-inline li {
  8381. margin-bottom: 1.85714286em;
  8382. }
  8383. }
  8384. /*! -- Stack Masonry -- */
  8385. .masonry__item:not(:empty) {
  8386. margin-bottom: 30px;
  8387. transform-style: preserve-3d;
  8388. }
  8389. .masonry__item:not(:empty) article {
  8390. margin: 0;
  8391. }
  8392. .masonry__item:not(:empty) article .boxed {
  8393. margin: 0;
  8394. }
  8395. .masonry__item:empty {
  8396. height: 0;
  8397. min-height: 0;
  8398. }
  8399. .masonry hr + .masonry__container,
  8400. .masonry hr + .row {
  8401. margin-top: 4.64285714em;
  8402. }
  8403. .masonry-filter-holder:not(.masonry-filters--horizontal) {
  8404. display: inline-block;
  8405. cursor: pointer;
  8406. height: 3.71428571em;
  8407. position: relative;
  8408. z-index: 9;
  8409. min-width: 143px;
  8410. }
  8411. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
  8412. cursor: pointer;
  8413. transition: 0.3s ease;
  8414. -webkit-transition: 0.3s ease;
  8415. -moz-transition: 0.3s ease;
  8416. z-index: 2;
  8417. display: inline-block;
  8418. position: absolute;
  8419. left: 0;
  8420. text-align: left;
  8421. padding: 0.92857143em 1.85714286em;
  8422. border: 1px solid #ececec;
  8423. background: #ffffff;
  8424. border-radius: 6px;
  8425. }
  8426. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul {
  8427. margin: 0;
  8428. cursor: pointer;
  8429. }
  8430. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li {
  8431. transition: 0.3s ease;
  8432. -webkit-transition: 0.3s ease;
  8433. -moz-transition: 0.3s ease;
  8434. display: block;
  8435. color: #666666;
  8436. white-space: nowrap;
  8437. }
  8438. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:not(:last-child) {
  8439. margin-bottom: 0.92857143em;
  8440. }
  8441. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
  8442. color: #4a90e2;
  8443. cursor: pointer;
  8444. }
  8445. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active:after {
  8446. content: '\25bc';
  8447. font-size: 8px;
  8448. margin-left: 6px;
  8449. position: relative;
  8450. bottom: 2px;
  8451. display: inline-block;
  8452. transform: scaleX(1.4) scaleY(0.9);
  8453. transition: 0.2s linear;
  8454. -webkit-transition: 0.2s linear;
  8455. -moz-transition: 0.2s linear;
  8456. }
  8457. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover {
  8458. color: #4a90e2;
  8459. }
  8460. .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after {
  8461. opacity: 0;
  8462. }
  8463. .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
  8464. max-height: 1.85714286em;
  8465. overflow: hidden;
  8466. }
  8467. .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul li:not(.active) {
  8468. display: none;
  8469. }
  8470. .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters {
  8471. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  8472. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  8473. }
  8474. .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters ul li.active {
  8475. cursor: default;
  8476. }
  8477. .masonry-filters--horizontal {
  8478. display: inline-block;
  8479. }
  8480. .masonry-filters--horizontal .masonry__filters {
  8481. display: inline-block;
  8482. position: relative;
  8483. margin-left: 0.92857143em;
  8484. }
  8485. .masonry-filters--horizontal .masonry__filters ul li {
  8486. transition: all .3s ease;
  8487. cursor: pointer;
  8488. display: inline-block;
  8489. }
  8490. .masonry-filters--horizontal .masonry__filters ul li:not(:last-child) {
  8491. margin-right: 1.85714286em;
  8492. }
  8493. .masonry-filters--horizontal .masonry__filters ul li.active {
  8494. color: #4a90e2;
  8495. }
  8496. .masonry-filters--horizontal .masonry__filters ul li:not(.active) {
  8497. opacity: .5;
  8498. }
  8499. .masonry-filters--horizontal .masonry__filters ul li:hover {
  8500. opacity: 1;
  8501. }
  8502. .masonry-filter-holder + .masonry__container {
  8503. margin-top: 3.71428571em;
  8504. }
  8505. .bg--dark .masonry-filter-holder .masonry__filters {
  8506. background: #2a2a2a;
  8507. border-color: #3f3f3f;
  8508. }
  8509. .bg--dark .masonry-filter-holder .masonry__filters li {
  8510. color: #fff;
  8511. }
  8512. .masonry.masonry-demos .masonry__item:not(:empty) {
  8513. margin-bottom: 3.71428571em;
  8514. }
  8515. .masonry.masonry-demos .masonry__item h5 {
  8516. margin-bottom: 0;
  8517. }
  8518. .masonry.masonry-demos .masonry__item:not([style]) .hover-item {
  8519. min-height: 450px;
  8520. background: #323232;
  8521. border: 1px solid #3f3f3f;
  8522. }
  8523. .masonry.masonry-demos .hover-item {
  8524. transition: 0.35s ease-out;
  8525. -webkit-transition: 0.35s ease-out;
  8526. -moz-transition: 0.35s ease-out;
  8527. border-radius: 6px;
  8528. overflow: hidden;
  8529. }
  8530. .masonry.masonry-demos .hover-item:hover {
  8531. transform: translateY(-10px);
  8532. }
  8533. .masonry.masonry-demos .masonry__container {
  8534. margin-top: 3.71428571em;
  8535. }
  8536. /*! -- Stack Blog -- */
  8537. article .article__title {
  8538. margin-bottom: 3.71428571em;
  8539. }
  8540. article .article__title > a {
  8541. display: block;
  8542. }
  8543. article .article__title > a:hover {
  8544. text-decoration: none;
  8545. opacity: .75;
  8546. }
  8547. article .article__title h2 {
  8548. margin-bottom: 0.3939393939394em;
  8549. }
  8550. article .article__title h1 {
  8551. margin-bottom: 0.29545454545455em;
  8552. }
  8553. article .article__body img,
  8554. article .article__body iframe,
  8555. article .article__body .video-cover {
  8556. border-radius: 6px;
  8557. }
  8558. article .article__body img:not(:last-child),
  8559. article .article__body iframe:not(:last-child),
  8560. article .article__body .video-cover:not(:last-child) {
  8561. margin-bottom: 1.85714286em;
  8562. }
  8563. article .article__body > a:first-child > img {
  8564. margin-bottom: 1.85714286em;
  8565. }
  8566. article .article__body p,
  8567. article .article__body ul {
  8568. font-size: 1.35714286em;
  8569. line-height: 1.68421053em;
  8570. font-weight: 400;
  8571. color: #808080;
  8572. }
  8573. article .article__body p:not(:last-child),
  8574. article .article__body ul:not(:last-child) {
  8575. margin-bottom: 1.36842105263158em;
  8576. }
  8577. article .article__body p + .btn:last-child,
  8578. article .article__body ul + .btn:last-child {
  8579. margin-top: 0.92857143em;
  8580. }
  8581. article .article__body p + h5,
  8582. article .article__body ul + h5 {
  8583. margin-top: 2.78571429em;
  8584. }
  8585. article .article__body blockquote {
  8586. text-align: center;
  8587. }
  8588. article .article__body blockquote:not(:last-child) {
  8589. margin-top: 2.08em;
  8590. margin-bottom: 2.08em;
  8591. }
  8592. article .article__share {
  8593. margin-top: 5.57142857em;
  8594. }
  8595. article.imagebg {
  8596. padding: 1.85714286em;
  8597. overflow: hidden;
  8598. }
  8599. article.imagebg:before {
  8600. transition: 0.3s ease;
  8601. -webkit-transition: 0.3s ease;
  8602. -moz-transition: 0.3s ease;
  8603. }
  8604. article.imagebg:hover:before {
  8605. opacity: .6;
  8606. }
  8607. article.imagebg .article__title {
  8608. margin: 0;
  8609. position: absolute;
  8610. bottom: 0;
  8611. z-index: 2;
  8612. max-width: 90%;
  8613. }
  8614. article.imagebg .article__title span {
  8615. font-size: 0.85714286em;
  8616. }
  8617. article.imagebg .label {
  8618. z-index: 2;
  8619. top: 1.85714286em;
  8620. right: 1.85714286em;
  8621. }
  8622. article.feature-1 h5 {
  8623. min-height: 3.71428571em;
  8624. }
  8625. article.feature-1 a img {
  8626. transition: 0.3s ease;
  8627. -webkit-transition: 0.3s ease;
  8628. -moz-transition: 0.3s ease;
  8629. }
  8630. article.feature-1 a:hover img {
  8631. opacity: .85;
  8632. }
  8633. figure[class*='col-'] {
  8634. padding: 0 !important;
  8635. }
  8636. figure.pull-right {
  8637. margin-left: 2.78571429em;
  8638. }
  8639. figure.pull-left {
  8640. margin-right: 2.78571429em;
  8641. }
  8642. figure img:not(:last-child) {
  8643. margin-bottom: 0.46428571em !important;
  8644. }
  8645. figure figcaption {
  8646. font-size: 0.85714286em;
  8647. font-style: italic;
  8648. }
  8649. section.unpad > article .imagebg + div {
  8650. padding: 5.57142857em 0;
  8651. }
  8652. .article__author {
  8653. padding-bottom: 1.85714286em;
  8654. }
  8655. .article__author img {
  8656. max-height: 3.71428571em;
  8657. margin-bottom: 0.46428571em;
  8658. }
  8659. .slides--gapless article.imagebg {
  8660. height: 27.85714286em;
  8661. }
  8662. .masonry-blog-magazine article,
  8663. .masonry-blog-magazine .masonry__promo {
  8664. height: 338px;
  8665. }
  8666. .masonry-blog-magazine .height--tall {
  8667. height: calc(706px);
  8668. }
  8669. @media all and (min-width: 991px) {
  8670. .masonry__promo.boxed--lg {
  8671. padding: 7.42857143em;
  8672. }
  8673. }
  8674. @media all and (max-width: 990px) {
  8675. .masonry-blog-magazine .height--tall {
  8676. height: 338px;
  8677. }
  8678. .masonry__promo .pos-vertical-center {
  8679. top: 0;
  8680. transform: none;
  8681. }
  8682. }
  8683. @media all and (max-width: 1200px) {
  8684. .masonry__promo.boxed--lg {
  8685. padding: 3.71428571em;
  8686. }
  8687. }
  8688. .pagination {
  8689. text-align: center;
  8690. margin-top: 1.85714286em;
  8691. }
  8692. .pagination:after {
  8693. content: "";
  8694. display: table;
  8695. clear: both;
  8696. }
  8697. .pagination a {
  8698. font-weight: normal;
  8699. }
  8700. .pagination div[class*='col-'] {
  8701. padding: 0;
  8702. }
  8703. .pagination ol {
  8704. margin-bottom: 0;
  8705. display: inline-block;
  8706. }
  8707. .pagination ol li {
  8708. display: inline-block;
  8709. margin: 0;
  8710. font-weight: 700;
  8711. line-height: 23px;
  8712. width: 1.85714286em;
  8713. height: 1.85714286em;
  8714. border-radius: 50%;
  8715. border: 1px solid #ececec;
  8716. }
  8717. .pagination ol li > a {
  8718. font-weight: 700;
  8719. }
  8720. .pagination ol li:not(:last-child) {
  8721. margin-right: 0.46428571em;
  8722. }
  8723. .pagination ol li.pagination__current {
  8724. cursor: default;
  8725. background: #ececec;
  8726. color: #aaa;
  8727. }
  8728. .pagination__prev,
  8729. .pagination__next {
  8730. display: inline-block;
  8731. }
  8732. .pagination__next {
  8733. float: right;
  8734. }
  8735. .pagination__prev {
  8736. float: left;
  8737. }
  8738. .blog-article-wide:not(:last-child) {
  8739. border-bottom: 1px solid #ececec;
  8740. margin-bottom: 3.71428571em;
  8741. }
  8742. .masonry-blog-list hr + .masonry__container {
  8743. margin-top: 0;
  8744. }
  8745. .masonry-blog-list article {
  8746. border-bottom: 1px solid #ececec;
  8747. padding-top: 2.78571429em;
  8748. margin-bottom: 5.57142857em;
  8749. }
  8750. .masonry-blog-list article .article__body {
  8751. padding-bottom: 5.57142857em;
  8752. }
  8753. .masonry-blog-magazine .masonry__item a {
  8754. font-weight: normal;
  8755. }
  8756. .masonry-blog-magazine .masonry__item a:hover {
  8757. text-decoration: none;
  8758. }
  8759. .masonry-filter-container {
  8760. margin-bottom: 1.85714286em;
  8761. }
  8762. .masonry-filter-container > span {
  8763. position: relative;
  8764. }
  8765. .masonry-filter-container > span + .masonry-filter-holder {
  8766. margin-left: 0.92857143em;
  8767. }
  8768. .comments__list li {
  8769. padding: 1.85714286em;
  8770. border: 1px solid #ececec;
  8771. border-bottom: none;
  8772. }
  8773. .comments__list li:last-child {
  8774. border-bottom: 1px solid #ececec;
  8775. }
  8776. .comments__list li:nth-child(odd) {
  8777. background: #fcfcfc;
  8778. }
  8779. .comments__list li:nth-child(even) {
  8780. background: #f9f9f9;
  8781. }
  8782. .comments__list li:first-child {
  8783. border-radius: 6px 6px 0 0;
  8784. }
  8785. .comments__list li:last-child {
  8786. border-radius: 0 0 6px 6px;
  8787. }
  8788. .bg--secondary .comments__list li:nth-child(even) {
  8789. background: #fff;
  8790. }
  8791. @media all and (min-width: 768px) {
  8792. .comments__list li {
  8793. padding: 2.78571429em;
  8794. }
  8795. }
  8796. .comment {
  8797. overflow: hidden;
  8798. }
  8799. .comment:not(:last-child) {
  8800. border-bottom: 1px solid #ececec;
  8801. padding-bottom: 1.85714286em;
  8802. }
  8803. .comment .comment__avatar {
  8804. width: 15%;
  8805. float: left;
  8806. }
  8807. .comment .comment__avatar img {
  8808. max-height: 3.71428571em;
  8809. }
  8810. .comment .comment__meta {
  8811. font-size: 0.85714286em;
  8812. }
  8813. .comment .comment__meta a {
  8814. display: inline-block;
  8815. }
  8816. .comment .comment__meta a:not(:first-child) {
  8817. margin-left: 1.08333333333334em;
  8818. }
  8819. .comment .comment__meta + p {
  8820. margin-top: 0.92857143em;
  8821. }
  8822. .comment .comment__body {
  8823. width: 85%;
  8824. float: right;
  8825. }
  8826. .comment .comment__body h5.type--fine-print {
  8827. margin: 0;
  8828. }
  8829. .comment + .comment {
  8830. margin-top: 1.85714286em;
  8831. padding-left: 15%;
  8832. }
  8833. @media all and (min-width: 768px) {
  8834. .comments + .comments-form {
  8835. margin-top: 3.71428571em;
  8836. }
  8837. }
  8838. @media all and (min-width: 768px) {
  8839. h3 + .related-blog-list {
  8840. margin-top: 3.71428571em;
  8841. }
  8842. }
  8843. .related-blog-list li:not(:last-child) {
  8844. margin-bottom: 1.85714286em;
  8845. }
  8846. .related-blog-list article img {
  8847. border-radius: 6px;
  8848. }
  8849. .related-blog-list article .article__title {
  8850. margin-top: 0.92857143em;
  8851. margin-bottom: 0;
  8852. }
  8853. .related-blog-list article .article__title .h4 {
  8854. margin-bottom: 0.68421052631579em;
  8855. }
  8856. @media all and (min-width: 991px) {
  8857. .sidebar {
  8858. margin-top: 7.42857143em;
  8859. position: relative;
  8860. bottom: 18px;
  8861. }
  8862. }
  8863. .sidebar__widget > h5:first-child {
  8864. margin-bottom: 0.92857143em;
  8865. }
  8866. .sidebar__widget:not(:last-child) {
  8867. margin-bottom: 3.71428571em;
  8868. }
  8869. .tag-cloud li {
  8870. display: inline-block;
  8871. }
  8872. .tag-cloud li:not(:last-child) {
  8873. margin-right: 0.46428571em;
  8874. }
  8875. .tag-cloud li:not(:last-child):after {
  8876. content: ',';
  8877. }
  8878. .conversation__head {
  8879. border-radius: 6px 6px 0 0;
  8880. }
  8881. .conversation__head.boxed:not(:last-child) {
  8882. margin: 0;
  8883. }
  8884. .conversation__head h4 {
  8885. margin: 0;
  8886. }
  8887. .conversation__head .conversation__avatar {
  8888. margin-top: 0.92857143em;
  8889. }
  8890. .conversation__head .conversation__avatar img {
  8891. max-height: 1.85714286em;
  8892. display: inline-block;
  8893. margin-right: 0.46428571em;
  8894. margin-bottom: 0;
  8895. }
  8896. @media all and (min-width: 768px) {
  8897. .conversation__avatar {
  8898. position: absolute;
  8899. top: 1.85714286em;
  8900. right: 2.78571429em;
  8901. }
  8902. }
  8903. .conversation__reply {
  8904. border-top: none !important;
  8905. border-bottom: none;
  8906. border-radius: 0;
  8907. }
  8908. .conversation__reply.boxed:not(:last-child) {
  8909. margin-bottom: 0;
  8910. }
  8911. .conversation__reply + .conversation__comments .comments__list li:first-child {
  8912. border-radius: 0;
  8913. border-top: none;
  8914. }
  8915. /*! -- Stack Portfolio -- */
  8916. .project-thumb > a {
  8917. display: block;
  8918. }
  8919. .project-thumb:not(.hover-element) > a {
  8920. transition: 0.3s ease;
  8921. -webkit-transition: 0.3s ease;
  8922. -moz-transition: 0.3s ease;
  8923. margin-bottom: 1.85714286em;
  8924. }
  8925. .project-thumb:not(.hover-element) > a:hover {
  8926. opacity: .85;
  8927. }
  8928. .project-thumb.hover-element {
  8929. margin: 0;
  8930. }
  8931. .project-thumb.hover-element > a {
  8932. height: 24.14285714em;
  8933. text-decoration: none;
  8934. font-weight: normal;
  8935. }
  8936. .project-thumb.hover-element .background-image-holder {
  8937. transition: 0.5s ease-out;
  8938. -webkit-transition: 0.5s ease-out;
  8939. -moz-transition: 0.5s ease-out;
  8940. }
  8941. .project-thumb.hover-element .hover-element__reveal .project-thumb__title {
  8942. padding: 1.85714286em;
  8943. z-index: 2;
  8944. position: relative;
  8945. color: #fff;
  8946. }
  8947. .project-thumb.hover-element .hover-element__reveal .project-thumb__title h5 {
  8948. margin: 0;
  8949. }
  8950. .project-thumb.hover-element.hover--active {
  8951. transition: 0.3s ease;
  8952. -webkit-transition: 0.3s ease;
  8953. -moz-transition: 0.3s ease;
  8954. }
  8955. .project-thumb.hover-element.hover--active:hover {
  8956. opacity: .85;
  8957. }
  8958. .project-thumb.hover-element:not(.hover--active)[data-scrim-top] .hover-element__reveal {
  8959. transition: 0.5s ease;
  8960. -webkit-transition: 0.5s ease;
  8961. -moz-transition: 0.5s ease;
  8962. transform: translate3d(0, -100px, 0);
  8963. -webkit-transform: translate3d(0, -100px, 0);
  8964. }
  8965. .project-thumb.hover-element:not(.hover--active)[data-scrim-top]:hover .hover-element__reveal {
  8966. transform: translate3d(0, 0, 0);
  8967. -webkit-transform: translate3d(0, 0, 0);
  8968. }
  8969. .project-thumb.hover-element [data-scrim-top]:before {
  8970. height: 100%;
  8971. }
  8972. .project-thumb h4 {
  8973. margin-bottom: 0;
  8974. }
  8975. .project-thumb.height-40 {
  8976. min-height: 350px;
  8977. }
  8978. @media all and (max-width: 767px) {
  8979. .project-thumb.height-40 {
  8980. height: 350px;
  8981. min-width: 100%;
  8982. }
  8983. }
  8984. @media all and (min-width: 768px) {
  8985. .col-xs-12:not(.col-sm-6) .project-thumb.hover-element > a {
  8986. height: 46.42857143em;
  8987. }
  8988. }
  8989. .project-thumb.border--round .background-image-holder {
  8990. border-radius: 6px;
  8991. }
  8992. .project-thumb.border--round > a {
  8993. border-radius: 6px;
  8994. overflow: hidden;
  8995. }
  8996. .project-thumb.border--round:before {
  8997. border-radius: 6px;
  8998. overflow: hidden;
  8999. }
  9000. .col-md-4 .project-thumb > a:not(.imagebg) {
  9001. margin-bottom: 0.92857143em;
  9002. }
  9003. /*! -- Stack Shop -- */
  9004. .cart-form button[type="submit"] {
  9005. margin-top: 1.85714286em;
  9006. }
  9007. .cart-total > div {
  9008. overflow: hidden;
  9009. }
  9010. @media all and (min-width: 768px) {
  9011. .cart-total {
  9012. margin-top: 3.71428571em;
  9013. }
  9014. .cart-customer-details {
  9015. margin-top: 7.42857143em;
  9016. }
  9017. }
  9018. @media all and (max-width: 767px) {
  9019. .cart-total {
  9020. margin-top: 1.85714286em;
  9021. }
  9022. }
  9023. .cart-customer-details div[class*='col-'] {
  9024. margin-top: 0.46428571em;
  9025. }
  9026. .cart-customer-details .input-checkbox {
  9027. margin: 1.85714286em 0;
  9028. }
  9029. .cart-customer-details .input-checkbox + span {
  9030. bottom: 38px;
  9031. }
  9032. .product {
  9033. margin-bottom: 0.92857143em;
  9034. }
  9035. .product img {
  9036. margin-bottom: 0.92857143em;
  9037. transition: 0.3s ease;
  9038. -webkit-transition: 0.3s ease;
  9039. -moz-transition: 0.3s ease;
  9040. backface-visibility: hidden;
  9041. }
  9042. .product a:hover img {
  9043. transform: translate3d(0, -5px, 0);
  9044. -webkit-transform: translate3d(0, -5px, 0);
  9045. }
  9046. .product .label + img {
  9047. margin-top: 2.78571429em;
  9048. }
  9049. .product h5 {
  9050. display: inline-block;
  9051. margin-bottom: 0;
  9052. margin-right: 0.46428571em;
  9053. }
  9054. .product .h4 {
  9055. margin-bottom: 0;
  9056. }
  9057. .product .h4:first-child {
  9058. clear: left;
  9059. }
  9060. .product .product__controls {
  9061. overflow: hidden;
  9062. margin-bottom: 0.92857143em;
  9063. }
  9064. .product .product__controls label,
  9065. .product .product__controls button {
  9066. position: relative;
  9067. top: 6px;
  9068. }
  9069. .product.product--tile {
  9070. padding: 1.85714286em;
  9071. border-radius: 6px;
  9072. }
  9073. @media all and (min-width: 1200px) {
  9074. .product .btn--cart {
  9075. position: absolute;
  9076. right: 1.85714286em;
  9077. bottom: 1.85714286em;
  9078. }
  9079. }
  9080. .col-sm-6:not(.col-md-3) .product {
  9081. text-align: center;
  9082. }
  9083. .col-md-3 .product--tile h5 {
  9084. display: block;
  9085. }
  9086. .masonry--tiles {
  9087. padding: 10px;
  9088. }
  9089. .masonry--tiles .masonry__item:not(:empty) {
  9090. padding: 0 6px;
  9091. margin-bottom: 12px;
  9092. }
  9093. .masonry--tiles .masonry__item:not(:empty) .product--tile {
  9094. margin: 0;
  9095. }
  9096. .masonry--tiles .masonry__item:not(:empty) .product--tile .label {
  9097. top: 1.85714286em;
  9098. right: 2.78571429em;
  9099. }
  9100. /*! -- Stack Wizard -- */
  9101. .wizard {
  9102. transition: opacity .3s ease;
  9103. opacity: 0;
  9104. }
  9105. .wizard.active {
  9106. opacity: 1;
  9107. }
  9108. .wizard > .actions a,
  9109. .wizard > .actions a:hover,
  9110. .wizard > .actions a:active {
  9111. background: #4a90e2;
  9112. transition: all .3s ease;
  9113. padding: 0.46428571em 1.85714286em;
  9114. font-size: 12px;
  9115. text-transform: uppercase;
  9116. font-weight: 700;
  9117. letter-spacing: 1px;
  9118. color: #fff;
  9119. }
  9120. .wizard > .steps .current a,
  9121. .wizard > .steps .current a:hover,
  9122. .wizard > .steps .current a:active {
  9123. background: none;
  9124. color: #252525;
  9125. }
  9126. .wizard > .steps a {
  9127. position: relative;
  9128. }
  9129. .wizard > .steps a:before {
  9130. content: '';
  9131. width: 15px;
  9132. height: 15px;
  9133. border-radius: 50%;
  9134. position: absolute;
  9135. left: 50%;
  9136. margin-left: -10px;
  9137. background: #eee;
  9138. display: block;
  9139. bottom: 0;
  9140. transition: all .2s ease;
  9141. }
  9142. .wizard > .steps a:after {
  9143. content: '';
  9144. position: absolute;
  9145. width: 100%;
  9146. bottom: 7px;
  9147. height: 2px;
  9148. background: #eee;
  9149. left: 0;
  9150. transition: all .2s ease;
  9151. }
  9152. .wizard > .steps li:first-child a:after {
  9153. width: 50%;
  9154. left: 50%;
  9155. }
  9156. .wizard > .steps li:last-child a:after {
  9157. width: 50%;
  9158. }
  9159. .wizard > .steps li.current a:after,
  9160. .wizard > .steps li.current a:before {
  9161. background-color: #4a90e2;
  9162. }
  9163. .wizard > .steps a,
  9164. .wizard > .steps a:hover {
  9165. padding-bottom: 2.78571429em;
  9166. }
  9167. .wizard > .steps .done a,
  9168. .wizard > .steps .done a:hover,
  9169. .wizard > .steps .done a:active,
  9170. .wizard > .steps .disabled a,
  9171. .wizard > .steps .disabled a:hover,
  9172. .wizard > .steps .disabled a:active {
  9173. background: none;
  9174. color: #252525;
  9175. }
  9176. .wizard > .steps a,
  9177. .wizard > .steps a:hover,
  9178. .wizard > .steps a:active {
  9179. margin: 0;
  9180. }
  9181. .wizard > .actions a,
  9182. .wizard > .actions a:hover,
  9183. .wizard > .actions a:active {
  9184. user-select: none;
  9185. -moz-user-select: none;
  9186. -webkit-user-select: none;
  9187. }
  9188. .wizard > .steps > ul,
  9189. .wizard > .actions {
  9190. text-align: center;
  9191. }
  9192. .wizard > .steps > ul > li,
  9193. .wizard > .actions > ul > li {
  9194. float: none;
  9195. display: inline-block;
  9196. }
  9197. .wizard > section {
  9198. padding: 0;
  9199. }
  9200. .wizard > .content {
  9201. background: #fafafa;
  9202. margin-top: 1.85714286em;
  9203. margin-bottom: 1.85714286em;
  9204. border: 1px solid #ececec;
  9205. }
  9206. .wizard > .content > .body {
  9207. padding: 1.85714286em;
  9208. width: 100%;
  9209. height: 100%;
  9210. }
  9211. .wizard > .steps .number {
  9212. font-size: 1em;
  9213. }
  9214. @media all and (max-width: 767px) {
  9215. .wizard > .steps .number {
  9216. display: block;
  9217. }
  9218. .wizard > .content {
  9219. min-height: 25em;
  9220. }
  9221. .wizard .pos-vertical-center {
  9222. top: 50%;
  9223. transform: translateY(-50%);
  9224. -wekbit-transform: translateY(-50%);
  9225. }
  9226. }
  9227. .wizard.bg--white {
  9228. background: none !important;
  9229. }
  9230. .wizard.bg--white > .content {
  9231. background: #fff;
  9232. }
  9233. .wizard > .content img {
  9234. max-height: 240px;
  9235. }
  9236. @media all and (max-width: 767px) {
  9237. .wizard > .content img {
  9238. max-height: 120px;
  9239. margin-bottom: 0.92857143em;
  9240. }
  9241. }
  9242. /*! -- Stack Footers -- */
  9243. footer .type--fine-print:not(p) {
  9244. opacity: .5;
  9245. }
  9246. footer a {
  9247. font-weight: normal;
  9248. }
  9249. footer:not(.bg--primary):not(.bg--dark) a {
  9250. color: #666666;
  9251. }
  9252. footer a.type--fine-print:not(:first-child) {
  9253. margin-left: 1.85714286em;
  9254. }
  9255. footer .logo {
  9256. max-height: 1.67142857em;
  9257. }
  9258. footer ul:not(.list-inline):not(.slides) > li {
  9259. line-height: 2.32142857em !important;
  9260. }
  9261. footer.footer-2 .row:last-child {
  9262. margin-top: 3.71428571em;
  9263. }
  9264. footer.footer-5 .row [class*='col-'] > div:nth-last-child(2) {
  9265. margin: 0.92857143em;
  9266. }
  9267. footer.footer-5 .row [class*='col-'] > div:nth-last-child(2) .type--fine-print {
  9268. opacity: 1;
  9269. }
  9270. footer.footer-6 .footer__lower {
  9271. background: #fafafa;
  9272. margin-top: 1.85714286em;
  9273. padding: 1.85714286em 0;
  9274. }
  9275. footer.footer-6.bg--dark .footer__lower {
  9276. background: #181818;
  9277. }
  9278. footer.footer-6.bg--secondary .footer__lower {
  9279. background: #f5f5f5;
  9280. }
  9281. footer.footer-6.bg--primary .footer__lower {
  9282. background: #3483de;
  9283. }
  9284. footer.footer-7 {
  9285. padding: 1.85714286em 0;
  9286. }
  9287. @media all and (min-width: 768px) {
  9288. footer .list-inline + .btn {
  9289. position: relative;
  9290. bottom: 4px;
  9291. }
  9292. footer .logo {
  9293. margin: 0;
  9294. }
  9295. footer .logo:not(:last-child) {
  9296. margin-right: 1.85714286em;
  9297. }
  9298. footer.footer-3 .logo + ul {
  9299. position: relative;
  9300. top: 5px;
  9301. }
  9302. footer.footer-3 .logo + ul a {
  9303. color: #252525;
  9304. }
  9305. footer.footer-3 .social-list {
  9306. position: relative;
  9307. top: 9px;
  9308. }
  9309. footer.footer-3 .row:last-child {
  9310. margin-top: 1.85714286em;
  9311. }
  9312. footer.footer-4 .logo + span {
  9313. position: relative;
  9314. }
  9315. footer.footer-4 form {
  9316. position: relative;
  9317. bottom: 4px;
  9318. }
  9319. footer.footer-4 .row:last-child {
  9320. margin-top: 1.85714286em;
  9321. }
  9322. footer.imagebg:not(.image--light) span,
  9323. footer.imagebg:not(.image--light) p,
  9324. footer.imagebg:not(.image--light) a {
  9325. color: #fff;
  9326. }
  9327. .footer-1 .type--fine-print {
  9328. position: relative;
  9329. top: 2px;
  9330. }
  9331. }
  9332. @media all and (max-width: 767px) {
  9333. footer .social-list {
  9334. margin: 1.85714286em 0;
  9335. }
  9336. .footer-4 form {
  9337. margin: 1.85714286em 0;
  9338. }
  9339. .footer-4 .logo {
  9340. margin: 0;
  9341. }
  9342. .footer-6 .footer__lower .social-list {
  9343. margin-top: 1.85714286em;
  9344. }
  9345. .footer-7 .social-list {
  9346. margin-top: 1.85714286em;
  9347. }
  9348. .footer-1 .social-list {
  9349. margin-top: 1.85714286em;
  9350. }
  9351. .footer-1 .logo {
  9352. display: block;
  9353. margin-top: 1.85714286em;
  9354. margin-bottom: 0.92857143em;
  9355. margin-left: auto;
  9356. margin-right: auto;
  9357. }
  9358. }