| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794177951779617797177981779917800178011780217803178041780517806178071780817809178101781117812178131781417815178161781717818178191782017821178221782317824178251782617827178281782917830178311783217833178341783517836178371783817839178401784117842178431784417845178461784717848178491785017851178521785317854178551785617857178581785917860178611786217863178641786517866178671786817869178701787117872178731787417875178761787717878178791788017881178821788317884178851788617887178881788917890178911789217893178941789517896178971789817899179001790117902179031790417905179061790717908179091791017911179121791317914179151791617917179181791917920179211792217923179241792517926179271792817929179301793117932179331793417935179361793717938179391794017941179421794317944179451794617947179481794917950179511795217953179541795517956179571795817959179601796117962179631796417965179661796717968179691797017971179721797317974179751797617977179781797917980179811798217983179841798517986179871798817989179901799117992179931799417995179961799717998179991800018001180021800318004180051800618007180081800918010180111801218013180141801518016180171801818019180201802118022180231802418025180261802718028180291803018031180321803318034180351803618037180381803918040180411804218043180441804518046180471804818049180501805118052180531805418055180561805718058180591806018061180621806318064180651806618067180681806918070180711807218073180741807518076180771807818079180801808118082180831808418085180861808718088180891809018091180921809318094180951809618097180981809918100181011810218103181041810518106181071810818109181101811118112181131811418115181161811718118181191812018121181221812318124181251812618127181281812918130181311813218133181341813518136181371813818139181401814118142181431814418145181461814718148181491815018151181521815318154181551815618157181581815918160181611816218163181641816518166181671816818169181701817118172181731817418175181761817718178181791818018181181821818318184181851818618187181881818918190181911819218193181941819518196181971819818199182001820118202182031820418205182061820718208182091821018211182121821318214182151821618217182181821918220182211822218223182241822518226182271822818229182301823118232182331823418235182361823718238182391824018241182421824318244182451824618247182481824918250182511825218253182541825518256182571825818259182601826118262182631826418265182661826718268182691827018271182721827318274182751827618277182781827918280182811828218283182841828518286182871828818289182901829118292182931829418295182961829718298182991830018301183021830318304183051830618307183081830918310183111831218313183141831518316183171831818319183201832118322183231832418325183261832718328183291833018331183321833318334183351833618337183381833918340183411834218343183441834518346183471834818349183501835118352183531835418355183561835718358183591836018361183621836318364183651836618367183681836918370183711837218373183741837518376183771837818379183801838118382183831838418385183861838718388183891839018391183921839318394183951839618397183981839918400184011840218403184041840518406184071840818409184101841118412184131841418415184161841718418184191842018421184221842318424184251842618427184281842918430184311843218433184341843518436184371843818439184401844118442184431844418445184461844718448184491845018451184521845318454184551845618457184581845918460184611846218463184641846518466184671846818469184701847118472184731847418475184761847718478184791848018481184821848318484184851848618487184881848918490184911849218493184941849518496184971849818499185001850118502185031850418505185061850718508185091851018511185121851318514185151851618517185181851918520185211852218523185241852518526185271852818529185301853118532185331853418535185361853718538185391854018541185421854318544185451854618547185481854918550185511855218553185541855518556185571855818559185601856118562185631856418565185661856718568185691857018571185721857318574185751857618577185781857918580185811858218583185841858518586185871858818589185901859118592185931859418595185961859718598185991860018601186021860318604186051860618607186081860918610186111861218613186141861518616186171861818619186201862118622186231862418625186261862718628186291863018631186321863318634186351863618637186381863918640186411864218643186441864518646186471864818649186501865118652186531865418655186561865718658186591866018661186621866318664186651866618667186681866918670186711867218673186741867518676186771867818679186801868118682186831868418685186861868718688186891869018691186921869318694186951869618697186981869918700187011870218703187041870518706187071870818709187101871118712187131871418715187161871718718187191872018721187221872318724187251872618727187281872918730187311873218733187341873518736187371873818739187401874118742187431874418745187461874718748187491875018751187521875318754187551875618757187581875918760187611876218763187641876518766187671876818769187701877118772187731877418775187761877718778187791878018781187821878318784187851878618787187881878918790187911879218793187941879518796187971879818799188001880118802188031880418805188061880718808188091881018811188121881318814188151881618817188181881918820188211882218823188241882518826188271882818829188301883118832188331883418835188361883718838188391884018841188421884318844188451884618847188481884918850188511885218853188541885518856188571885818859188601886118862188631886418865188661886718868188691887018871188721887318874188751887618877188781887918880188811888218883188841888518886188871888818889188901889118892188931889418895188961889718898 |
- @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
- @charset "UTF-8";
- @-webkit-keyframes slide-down {
- 0% {
- font-family: "Poppins", sans-serif;
- opacity: 1;
- }
- 90% {
- opacity: 0;
- }
- }
- @keyframes slide-down {
- 0% {
- opacity: 1;
- }
- 90% {
- opacity: 0;
- }
- }
- .element {
- width: 100px;
- height: 100px;
- background: black;
- -webkit-animation: slide-down 5s 3;
- animation: slide-down 5s 3;
- }
- .visually-hidden {
- margin: -1px;
- padding: 0;
- width: 1px;
- height: 1px;
- overflow: hidden;
- clip: rect(0 0 0 0);
- clip: rect(0, 0, 0, 0);
- position: absolute;
- }
- @-webkit-keyframes zoom {
- from {
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- opacity: 0;
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- }
- @keyframes zoom {
- from {
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- opacity: 0;
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- }
- .zoom {
- -webkit-animation-name: zoom;
- animation-name: zoom;
- }
- @-webkit-keyframes zoom2 {
- from {
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes zoom2 {
- from {
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- .zoom2 {
- -webkit-animation-name: zoom2;
- animation-name: zoom2;
- }
- @-webkit-keyframes zoommd {
- 0% {
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
- }
- 100% {
- -webkit-transform: scale(1.5);
- transform: scale(1.5);
- }
- }
- @keyframes zoommd {
- 0% {
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
- }
- 100% {
- -webkit-transform: scale(1.5);
- transform: scale(1.5);
- }
- }
- @-webkit-keyframes bounce {
- 0% {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- 100% {
- -webkit-transform: translateY(40px);
- transform: translateY(40px);
- }
- }
- @keyframes bounce {
- 0% {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- 100% {
- -webkit-transform: translateY(40px);
- transform: translateY(40px);
- }
- }
- .zoomBounce {
- -webkit-animation-name: zoomBounce;
- animation-name: zoomBounce;
- }
- @-webkit-keyframes zoomBounce {
- 0% {
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- opacity: 0;
- }
- 50% {
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- opacity: 1;
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- }
- @keyframes zoomBounce {
- 0% {
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- opacity: 0;
- }
- 50% {
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- opacity: 1;
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- }
- @-webkit-keyframes movexy {
- 0% {
- -webkit-transform: translateX(-10px) scale(0.9);
- transform: translateX(-10px) scale(0.9);
- }
- 100% {
- -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
- transform: translateX(30px) scale(1.3) translateY(10px);
- }
- }
- @keyframes movexy {
- 0% {
- -webkit-transform: translateX(-10px) scale(0.9);
- transform: translateX(-10px) scale(0.9);
- }
- 100% {
- -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
- transform: translateX(30px) scale(1.3) translateY(10px);
- }
- }
- @-webkit-keyframes wave {
- 0% {
- -webkit-transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
- transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
- }
- 100% {
- -webkit-transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
- transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
- }
- }
- @keyframes wave {
- 0% {
- -webkit-transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
- transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
- }
- 100% {
- -webkit-transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
- transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
- }
- }
- @-webkit-keyframes gptFade {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @keyframes gptFade {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @-webkit-keyframes gptFadeUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @keyframes gptFadeUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @-webkit-keyframes gptFadeDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @keyframes gptFadeDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @-webkit-keyframes gptFadeLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @keyframes gptFadeLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @-webkit-keyframes gptFadeRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @keyframes gptFadeRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @-webkit-keyframes gptZoomIn {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0.7);
- transform: scale(0.7);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes gptZoomIn {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0.7);
- transform: scale(0.7);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @-webkit-keyframes gptBounceIn {
- 0% {
- -webkit-transform: scale(0.1);
- transform: scale(0.1);
- opacity: 0;
- }
- 60% {
- -webkit-transform: scale(1.1);
- transform: scale(1.1);
- opacity: 1;
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes gptBounceIn {
- 0% {
- -webkit-transform: scale(0.1);
- transform: scale(0.1);
- opacity: 0;
- }
- 60% {
- -webkit-transform: scale(1.1);
- transform: scale(1.1);
- opacity: 1;
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- .gptFade {
- -webkit-animation-name: gptFade;
- animation-name: gptFade;
- }
- .gptFadeUp {
- -webkit-animation-name: gptFadeUp;
- animation-name: gptFadeUp;
- }
- .gptFadeDown {
- -webkit-animation-name: gptFadeDown;
- animation-name: gptFadeDown;
- }
- .gptFadeLeft {
- -webkit-animation-name: gptFadeLeft;
- animation-name: gptFadeLeft;
- }
- .gptFadeRight {
- -webkit-animation-name: gptFadeRight;
- animation-name: gptFadeRight;
- }
- .gptZoomIn {
- -webkit-animation-name: gptZoomIn;
- animation-name: gptZoomIn;
- }
- .gptBounceIn {
- -webkit-animation-name: gptBounceIn;
- animation-name: gptBounceIn;
- }
- @-webkit-keyframes jumping {
- 0% {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- opacity: 0;
- }
- 50% {
- -webkit-transform: translateY(-20px);
- transform: translateY(-20px);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- opacity: 0;
- }
- }
- @keyframes jumping {
- 0% {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- opacity: 0;
- }
- 50% {
- -webkit-transform: translateY(-20px);
- transform: translateY(-20px);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- opacity: 0;
- }
- }
- @-webkit-keyframes jump {
- 0% {
- -webkit-transform: translateY(5px);
- transform: translateY(5px);
- }
- 50% {
- -webkit-transform: translateY(-10px);
- transform: translateY(-10px);
- }
- 100% {
- -webkit-transform: translateY(5px);
- transform: translateY(5px);
- }
- }
- @keyframes jump {
- 0% {
- -webkit-transform: translateY(5px);
- transform: translateY(5px);
- }
- 50% {
- -webkit-transform: translateY(-10px);
- transform: translateY(-10px);
- }
- 100% {
- -webkit-transform: translateY(5px);
- transform: translateY(5px);
- }
- }
- @-webkit-keyframes stickySlideDown {
- from {
- -webkit-transform: translateY(-100%);
- transform: translateY(-100%);
- }
- to {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @keyframes stickySlideDown {
- from {
- -webkit-transform: translateY(-100%);
- transform: translateY(-100%);
- }
- to {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @-webkit-keyframes moveclouds {
- 0% {
- -webkit-transform: translate3d(-10px, -10px, 0);
- transform: translate3d(-10px, -10px, 0);
- opacity: 1;
- }
- 50% {
- -webkit-transform: translate3d(-20px, 20px, 0);
- transform: translate3d(-20px, 20px, 0);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translate3d(30px, 0px, 0);
- transform: translate3d(30px, 0px, 0);
- opacity: 1;
- }
- }
- @keyframes moveclouds {
- 0% {
- -webkit-transform: translate3d(-10px, -10px, 0);
- transform: translate3d(-10px, -10px, 0);
- opacity: 1;
- }
- 50% {
- -webkit-transform: translate3d(-20px, 20px, 0);
- transform: translate3d(-20px, 20px, 0);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translate3d(30px, 0px, 0);
- transform: translate3d(30px, 0px, 0);
- opacity: 1;
- }
- }
- @-webkit-keyframes circle {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- @keyframes circle {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- @-webkit-keyframes pulse {
- 0% {
- width: 80px;
- height: 80px;
- opacity: 1;
- }
- 50% {
- opacity: 1;
- }
- 100% {
- height: 120px;
- width: 120px;
- opacity: 0;
- }
- }
- @keyframes pulse {
- 0% {
- width: 80px;
- height: 80px;
- opacity: 1;
- }
- 50% {
- opacity: 1;
- }
- 100% {
- height: 120px;
- width: 120px;
- opacity: 0;
- }
- }
- @-webkit-keyframes pulsesm {
- 0% {
- width: 60px;
- height: 60px;
- opacity: 1;
- }
- 50% {
- opacity: 1;
- }
- 100% {
- height: 80px;
- width: 80px;
- opacity: 0;
- }
- }
- @keyframes pulsesm {
- 0% {
- width: 60px;
- height: 60px;
- opacity: 1;
- }
- 50% {
- opacity: 1;
- }
- 100% {
- height: 80px;
- width: 80px;
- opacity: 0;
- }
- }
- .gpUpX {
- -webkit-animation-name: gpUpX;
- animation-name: gpUpX;
- }
- .gpUpSmX {
- -webkit-animation: gpUpX 1s both 1s;
- animation: gpUpX 1s both 1s;
- -webkit-animation-delay: 0.3s;
- animation-delay: 0.3s;
- }
- .gpDownX {
- -webkit-animation-name: gpDownX;
- animation-name: gpDownX;
- }
- @-webkit-keyframes gpUpX {
- 0% {
- opacity: 0;
- -webkit-transform: translate(80px, -30px);
- transform: translate(80px, -30px);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- opacity: 1;
- }
- }
- @keyframes gpUpX {
- 0% {
- opacity: 0;
- -webkit-transform: translate(80px, -30px);
- transform: translate(80px, -30px);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- opacity: 1;
- }
- }
- @-webkit-keyframes gpDownX {
- 0% {
- opacity: 0;
- -webkit-transform: translate(-80px, 80px);
- transform: translate(-80px, 80px);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- opacity: 1;
- }
- }
- @keyframes gpDownX {
- 0% {
- opacity: 0;
- -webkit-transform: translate(-80px, 80px);
- transform: translate(-80px, 80px);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- opacity: 1;
- }
- }
- @-webkit-keyframes animationFramesTwo {
- 0% {
- -webkit-transform: translate(0px, 0px) rotate(0deg);
- transform: translate(0px, 0px) rotate(0deg);
- }
- 20% {
- -webkit-transform: translate(-73px, 1px) rotate(-36deg);
- transform: translate(-73px, 1px) rotate(-36deg);
- }
- 40% {
- -webkit-transform: translate(-141px, -72px) rotate(-72deg);
- transform: translate(-141px, -72px) rotate(-72deg);
- }
- 60% {
- -webkit-transform: translate(-83px, -122px) rotate(-108deg);
- transform: translate(-83px, -122px) rotate(-108deg);
- }
- 80% {
- -webkit-transform: translate(40px, -72px) rotate(-144deg);
- transform: translate(40px, -72px) rotate(-144deg);
- }
- 100% {
- -webkit-transform: translate(0px, 0px) rotate(0deg);
- transform: translate(0px, 0px) rotate(0deg);
- }
- }
- @keyframes animationFramesTwo {
- 0% {
- -webkit-transform: translate(0px, 0px) rotate(0deg);
- transform: translate(0px, 0px) rotate(0deg);
- }
- 20% {
- -webkit-transform: translate(-73px, 1px) rotate(-36deg);
- transform: translate(-73px, 1px) rotate(-36deg);
- }
- 40% {
- -webkit-transform: translate(-141px, -72px) rotate(-72deg);
- transform: translate(-141px, -72px) rotate(-72deg);
- }
- 60% {
- -webkit-transform: translate(-83px, -122px) rotate(-108deg);
- transform: translate(-83px, -122px) rotate(-108deg);
- }
- 80% {
- -webkit-transform: translate(40px, -72px) rotate(-144deg);
- transform: translate(40px, -72px) rotate(-144deg);
- }
- 100% {
- -webkit-transform: translate(0px, 0px) rotate(0deg);
- transform: translate(0px, 0px) rotate(0deg);
- }
- }
- @-webkit-keyframes leafMotion {
- 50% {
- -webkit-transform: rotate(4deg);
- transform: rotate(4deg);
- }
- }
- @keyframes leafMotion {
- 50% {
- -webkit-transform: rotate(4deg);
- transform: rotate(4deg);
- }
- }
- @keyframes jump {
- 0% {
- -webkit-transform: translateY(2px);
- transform: translateY(2px);
- }
- 50% {
- -webkit-transform: translateY(-5px);
- transform: translateY(-5px);
- }
- 100% {
- -webkit-transform: translateY(2px);
- transform: translateY(2px);
- }
- }
- @-webkit-keyframes slideInnew3 {
- 0% {
- opacity: 0;
- -webkit-transform: translate(80px, -80px);
- transform: translate(80px, -80px);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- }
- @keyframes slideInnew3 {
- 0% {
- opacity: 0;
- -webkit-transform: translate(80px, -80px);
- transform: translate(80px, -80px);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- }
- @-webkit-keyframes animeone {
- 0% {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- 20% {
- -webkit-transform: translate(80px, 1px) rotate(50deg);
- transform: translate(80px, 1px) rotate(50deg);
- }
- 40% {
- -webkit-transform: translate(145px, 72px) rotate(90deg);
- transform: translate(145px, 72px) rotate(90deg);
- }
- 60% {
- -webkit-transform: translate(83px, 122px) rotate(125deg);
- transform: translate(83px, 122px) rotate(125deg);
- }
- 80% {
- -webkit-transform: translate(-40px, 72px) rotate(140deg);
- transform: translate(-40px, 72px) rotate(140deg);
- }
- to {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- }
- @keyframes animeone {
- 0% {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- 20% {
- -webkit-transform: translate(80px, 1px) rotate(50deg);
- transform: translate(80px, 1px) rotate(50deg);
- }
- 40% {
- -webkit-transform: translate(145px, 72px) rotate(90deg);
- transform: translate(145px, 72px) rotate(90deg);
- }
- 60% {
- -webkit-transform: translate(83px, 122px) rotate(125deg);
- transform: translate(83px, 122px) rotate(125deg);
- }
- 80% {
- -webkit-transform: translate(-40px, 72px) rotate(140deg);
- transform: translate(-40px, 72px) rotate(140deg);
- }
- to {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- }
- @-webkit-keyframes animetwo {
- 0% {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- 20% {
- -webkit-transform: translate(-73px, 1px) rotate(-36deg);
- transform: translate(-73px, 1px) rotate(-36deg);
- }
- 40% {
- -webkit-transform: translate(-141px, -72px) rotate(-72deg);
- transform: translate(-141px, -72px) rotate(-72deg);
- }
- 60% {
- -webkit-transform: translate(-83px, -122px) rotate(-108deg);
- transform: translate(-83px, -122px) rotate(-108deg);
- }
- 80% {
- -webkit-transform: translate(40px, -72px) rotate(-144deg);
- transform: translate(40px, -72px) rotate(-144deg);
- }
- to {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- }
- @keyframes animetwo {
- 0% {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- 20% {
- -webkit-transform: translate(-73px, 1px) rotate(-36deg);
- transform: translate(-73px, 1px) rotate(-36deg);
- }
- 40% {
- -webkit-transform: translate(-141px, -72px) rotate(-72deg);
- transform: translate(-141px, -72px) rotate(-72deg);
- }
- 60% {
- -webkit-transform: translate(-83px, -122px) rotate(-108deg);
- transform: translate(-83px, -122px) rotate(-108deg);
- }
- 80% {
- -webkit-transform: translate(40px, -72px) rotate(-144deg);
- transform: translate(40px, -72px) rotate(-144deg);
- }
- to {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- }
- @-webkit-keyframes animethree {
- 0% {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- 20% {
- -webkit-transform: translateY(-73px) rotate(-36deg);
- transform: translateY(-73px) rotate(-36deg);
- }
- 40% {
- -webkit-transform: translateY(-141px) rotate(-72deg);
- transform: translateY(-141px) rotate(-72deg);
- }
- 60% {
- -webkit-transform: translateY(-83px) rotate(-108deg);
- transform: translateY(-83px) rotate(-108deg);
- }
- 80% {
- -webkit-transform: translateY(40px) rotate(-144deg);
- transform: translateY(40px) rotate(-144deg);
- }
- to {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- }
- @keyframes animethree {
- 0% {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- 20% {
- -webkit-transform: translateY(-73px) rotate(-36deg);
- transform: translateY(-73px) rotate(-36deg);
- }
- 40% {
- -webkit-transform: translateY(-141px) rotate(-72deg);
- transform: translateY(-141px) rotate(-72deg);
- }
- 60% {
- -webkit-transform: translateY(-83px) rotate(-108deg);
- transform: translateY(-83px) rotate(-108deg);
- }
- 80% {
- -webkit-transform: translateY(40px) rotate(-144deg);
- transform: translateY(40px) rotate(-144deg);
- }
- to {
- -webkit-transform: translate(0) rotate(0deg);
- transform: translate(0) rotate(0deg);
- }
- }
- body {
- font-family: "Poppins", sans-serif;
- }
- .home-agency {
- color: #6a7695;
- }
- .home-agency h1, .home-agency h2, .home-agency h3, .home-agency h4, .home-agency h5, .home-agency h6 {
- color: #373d46;
- }
- .no-scroll {
- overflow: hidden;
- }
- #main_content {
- background: #fff;
- }
- svg {
- display: block;
- }
- a, button {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- input, textarea {
- width: 100%;
- background: #f8f7fb;
- padding: 10px 15px;
- border: 0;
- outline: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-bottom: 15px;
- border-radius: 5px;
- border: 1px solid transparent;
- }
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
- color: #a4abc0;
- }
- input::-moz-placeholder, textarea::-moz-placeholder {
- color: #a4abc0;
- }
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
- color: #a4abc0;
- }
- input::-ms-input-placeholder, textarea::-ms-input-placeholder {
- color: #a4abc0;
- }
- input::placeholder, textarea::placeholder {
- color: #a4abc0;
- }
- input:focus, textarea:focus {
- -webkit-box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08);
- box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08);
- background: transparent;
- border-color: #fafafc;
- }
- textarea {
- height: 160px;
- }
- a, a:hover {
- text-decoration: none;
- }
- h1 {
- margin-top: 0;
- font-weight: 400;
- font-family: "Poppins", sans-serif;
- font-size: 50px;
- }
- h6 {
- line-height: 24px;
- }
- img {
- max-width: 100%;
- height: auto;
- }
- .pr {
- position: relative;
- z-index: 111;
- }
- .mb-160 {
- margin-bottom: 160px !important;
- }
- .mb-220 {
- margin-bottom: 185px;
- }
- @media (max-width: 991px) {
- .mb-220 {
- margin-bottom: 100px;
- }
- }
- .bmt-100 {
- margin-top: 100px;
- }
- .mt-60 {
- margin-top: 60px;
- }
- @media (max-width: 991px) {
- .order-md {
- -webkit-box-ordinal-group: 3;
- -ms-flex-order: 2;
- order: 2;
- }
- }
- .border-none {
- border: 0;
- }
- .border-none:before, .border-none:after {
- display: none;
- }
- .home-corporate, .home-social-payment {
- font-family: "Poppins", sans-serif;
- font-size: 15px;
- }
- .home-corporate h1, .home-corporate h2, .home-corporate h3, .home-corporate h4, .home-corporate h5, .home-corporate h6, .home-social-payment h1, .home-social-payment h2, .home-social-payment h3, .home-social-payment h4, .home-social-payment h5, .home-social-payment h6 {
- color: #051441;
- }
- .home-corporate p, .home-social-payment p {
- color: #677294;
- font-size: 15px;
- }
- .home-saas h1, .home-saas h2, .home-saas h3, .home-saas h4, .home-saas h5, .home-saas h6 {
- color: #2c2c51;
- }
- .home-analytics {
- font-family: "Poppins", sans-serif;
- color: #6d717f;
- font-size: 16px;
- line-height: 26px;
- font-weight: 400;
- }
- .home-analytics h1, .home-analytics h2, .home-analytics h3, .home-analytics h4, .home-analytics h5, .home-analytics h6 {
- color: #051441;
- }
- body.home-seo {
- font-size: 16px;
- color: #7b7f8c;
- font-family: "Poppins", sans-serif;
- line-height: 26px;
- }
- body.home-seo h1, body.home-seo h2, body.home-seo h3, body.home-seo h4, body.home-seo h5, body.home-seo h6 {
- color: #343e5d;
- }
- body.home-agency-two {
- color: #706c79;
- }
- body.home-agency-two h1, body.home-agency-two h2, body.home-agency-two h3, body.home-agency-two h4, body.home-agency-two h5, body.home-agency-two h6 {
- color: #1f113a;
- }
- .pr {
- position: relative !important;
- }
- .pd-none {
- padding: 0 !important;
- }
- .mb-75 {
- margin-bottom: 75px;
- }
- .mt-80 {
- margin-top: 77px;
- }
- .mt-150 {
- margin-top: 150px;
- }
- @media (max-width: 991px) {
- .mt-80 {
- margin-top: 0;
- }
- }
- .mb-140 {
- margin-bottom: 140px;
- }
- .container {
- max-width: 1200px;
- }
- .title-small {
- font-size: 20px;
- text-align: center;
- color: #6a7695 !important;
- margin-bottom: 53px;
- font-weight: 400;
- }
- @media (max-width: 991px) {
- .gpt-order-2 {
- -webkit-box-ordinal-group: 3;
- -ms-flex-order: 2;
- order: 2;
- }
- }
- @media (max-width: 767px) {
- .gpt-order-md-2 {
- -webkit-box-ordinal-group: 3;
- -ms-flex-order: 2;
- order: 2;
- }
- }
- .gp-col-2 {
- width: 20%;
- padding: 0 15px;
- }
- /*
- Flaticon icon font: Flaticon
- Creation date: 24/08/2018 05:51
- */
- @font-face {
- font-family: "Flaticon";
- src: url("../fonts/Flaticon.eot");
- src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
- font-weight: normal;
- font-style: normal;
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- @font-face {
- font-family: "Flaticon";
- src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
- }
- }
- .fi:before {
- display: inline-block;
- font-family: "Flaticon";
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- line-height: 1;
- text-decoration: inherit;
- text-rendering: optimizeLegibility;
- text-transform: none;
- }
- .flaticon-playstore:before {
- content: "";
- }
- .flaticon-apple-logo:before {
- content: "";
- }
- @media (max-width: 992px) {
- .gp-col-2 {
- width: 33.33%;
- padding: 0 15px;
- }
- }
- @media (max-width: 576px) {
- .gp-col-2 {
- width: 50%;
- padding: 0 15px;
- }
- }
- @media (max-width: 420px) {
- .gp-col-2 {
- width: 100%;
- padding: 0 15px;
- }
- }
- /* Page Loader */
- .loading {
- font-size: 84px;
- font-weight: 800;
- text-align: center;
- width: 100%;
- line-height: 1;
- }
- .loading span {
- position: relative;
- color: rgba(0, 0, 0, 0.2);
- display: inline-block;
- }
- .loading span::after {
- position: absolute;
- top: 0;
- left: 0;
- content: attr(data-text);
- color: #051441;
- opacity: 0;
- -webkit-transform: scale(1.5);
- -ms-transform: scale(1.5);
- transform: scale(1.5);
- -webkit-animation: loading 3s infinite;
- animation: loading 3s infinite;
- }
- .loading span:nth-child(2)::after {
- -webkit-animation-delay: 0.1s;
- animation-delay: 0.1s;
- }
- .loading span:nth-child(3)::after {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s;
- }
- .loading span:nth-child(4)::after {
- -webkit-animation-delay: 0.3s;
- animation-delay: 0.3s;
- }
- .loading span:nth-child(5)::after {
- -webkit-animation-delay: 0.4s;
- animation-delay: 0.4s;
- }
- .loading span:nth-child(6)::after {
- -webkit-animation-delay: 0.5s;
- animation-delay: 0.5s;
- }
- .loading span:nth-child(7)::after {
- -webkit-animation-delay: 0.6s;
- animation-delay: 0.6s;
- }
- @-webkit-keyframes loading {
- 0%, 75%, 100% {
- -webkit-transform: scale(1.5);
- transform: scale(1.5);
- opacity: 0;
- }
- 25%, 50% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- }
- @keyframes loading {
- 0%, 75%, 100% {
- -webkit-transform: scale(1.5);
- transform: scale(1.5);
- opacity: 0;
- }
- 25%, 50% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- }
- /*--------------------------------------------------------------
- ## Button
- --------------------------------------------------------------*/
- .gp-btn {
- padding: 10px 20px;
- text-align: center;
- color: #fff;
- cursor: pointer;
- display: inline-block;
- position: relative;
- border: 2px solid #ed1f25;
- -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
- -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
- transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
- z-index: 2;
- border-radius: 3px;
- font-size: 15px;
- font-weight: 500;
- -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
- box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
- }
- .gp-btn.banner-btn {
- padding: 11px 33px;
- border-radius: 4px;
- }
- .gp-btn.btn-submit {
- background: #ed1f25;
- width: auto;
- font-size: 14px;
- font-weight: 500;
- margin: 0;
- padding: 10px 27px;
- }
- .gp-btn.btn-submit:after {
- background: #ed1f25;
- }
- .gp-btn.btn-submit:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #ed1f25;
- color: #fff;
- }
- .gp-btn.btn-circle {
- border-radius: 10px;
- overflow: hidden;
- }
- .gp-btn.btn-sqr {
- border-radius: 0;
- }
- .gp-btn.btn-lg {
- padding: 16px 18px;
- width: 350px;
- }
- .gp-btn i {
- font-size: 20px;
- margin-left: 5px;
- display: inline-block;
- vertical-align: -3px;
- }
- .gp-btn:after {
- display: block;
- position: absolute;
- left: 0;
- bottom: 0;
- height: 100%;
- width: 100%;
- z-index: -1;
- content: "";
- color: #000 !important;
- background: #ed1f25;
- -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
- -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
- transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
- }
- .gp-btn:hover {
- color: #ed1f25;
- background: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn:hover:after {
- top: 0;
- bottom: auto;
- height: 0;
- }
- .gp-btn.gp-btn-light {
- color: #ed1f25;
- border-color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.gp-btn-light:after {
- background: #fff;
- }
- .gp-btn.gp-btn-light:hover {
- color: #fff;
- }
- .gp-btn.gp-btn-light.btn-light-four {
- color: #f8b137;
- }
- .gp-btn.gp-btn-light.btn-light-four:hover {
- color: #fff;
- }
- .gp-btn.gp-btn-light.color-three {
- color: #ed1f25;
- border-color: #fff;
- }
- .gp-btn.gp-btn-light.color-three:after {
- background: #fff;
- }
- .gp-btn.gp-btn-light.color-three:hover {
- color: #fff;
- }
- .gp-btn.btn-light {
- color: #000;
- border-color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
- box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
- }
- .gp-btn.btn-light:after {
- background: #fff;
- }
- .gp-btn.btn-light:hover {
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.btn-light.btn-light-four {
- color: #f8b137;
- }
- .gp-btn.btn-light.btn-light-four:hover {
- color: #fff;
- }
- .gp-btn.btn-light.color-three {
- color: #ed1f25;
- border-color: #fff;
- }
- .gp-btn.btn-light.color-three:after {
- background: #fff;
- }
- .gp-btn.btn-light.color-three:hover {
- color: #fff;
- }
- .gp-btn.btn-ass {
- padding: 7px 18px;
- border-radius: 6px;
- color: #2c2c51;
- border-color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- font-size: 14px;
- overflow: hidden;
- }
- .gp-btn.btn-ass:after {
- background: #f2f2f2;
- }
- .gp-btn.btn-ass:hover {
- background: #ed1f25;
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.btn-grey {
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: #f2f2f7;
- color: #2c2c51;
- background: #f2f2f7;
- }
- .gp-btn.btn-grey:after {
- height: 0;
- background: #ed1f25;
- }
- .gp-btn.btn-grey:hover {
- color: #fff;
- border-color: #ed1f25;
- -webkit-box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3);
- box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3);
- }
- .gp-btn.btn-grey:hover:after {
- height: 100%;
- }
- .gp-btn.btn-round {
- border-radius: 4px;
- overflow: hidden;
- }
- .gp-btn.btn-two {
- border-color: #6e58fc;
- }
- .gp-btn.btn-two:after {
- background: #6e58fc;
- }
- .gp-btn.btn-two:hover {
- color: #6e58fc;
- }
- .gp-btn.color-eight {
- border-color: #ed1f25;
- -webkit-box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16);
- box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16);
- border-width: 2px;
- }
- .gp-btn.color-eight:after {
- background: #ed1f25;
- }
- .gp-btn.color-eight:hover {
- color: #ed1f25;
- border-color: #ff6344;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-eight.btn-outline {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #ed1f25;
- }
- .gp-btn.color-eight.btn-outline:hover {
- color: #fff;
- border-color: #ed1f25;
- }
- .gp-btn.color-eight.btn-light {
- color: #000;
- border-color: #fff;
- background: #ed1f25;
- -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
- box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
- }
- .gp-btn.color-eight.btn-light:after {
- background: #fff;
- }
- .gp-btn.color-eight.btn-light:hover {
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: #ed1f25;
- }
- .gp-btn.btn-outline {
- border-color: #dfe3ed;
- color: #343e5d;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.btn-outline:after {
- height: 0;
- }
- .gp-btn.btn-outline:hover {
- color: #fff;
- border-color: #ed1f25;
- }
- .gp-btn.btn-outline:hover:after {
- height: 100%;
- }
- .gp-btn.btn-outline.color-two {
- border: 2px solid #ff6344;
- color: #ed1f25;
- }
- .gp-btn.btn-outline.color-two:after {
- background: #ed1f25;
- }
- .gp-btn.btn-outline.color-two:hover {
- color: #fff;
- }
- .gp-btn.btn-outline.btn-outline-light {
- border-color: #c4c4e0;
- color: #2c2c51;
- }
- .gp-btn.btn-outline.btn-outline-light:after {
- background: #ed1f25;
- }
- .gp-btn.btn-outline.btn-outline-light:hover {
- color: #fff;
- }
- .gp-btn.color-three {
- border-color: #ed1f25;
- -webkit-box-shadow: none;
- box-shadow: none;
- border-width: 2px;
- }
- .gp-btn.color-three:after {
- background: #ed1f25;
- }
- .gp-btn.color-three:hover {
- color: #ed1f25;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-three.btn-outline {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #ed1f25;
- }
- .gp-btn.color-three.btn-outline:hover {
- color: #fff;
- border-color: #ed1f25;
- }
- .gp-btn.color-four {
- border: 2px solid #f8b137;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-four:after {
- background: #f8b137;
- }
- .gp-btn.color-four:hover {
- color: #f8b137;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-four.btn-light {
- border-color: #fff;
- }
- .gp-btn.color-four.btn-light:after {
- background: #fff;
- }
- .gp-btn.color-four.btn-light:hover:after {
- background: transparent;
- }
- .gp-btn.color-four.btn-outline {
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: #dfe3ed;
- }
- .gp-btn.color-four.btn-outline:hover {
- border-color: #f8b137;
- color: #fff;
- }
- .gp-btn.color-five {
- border: 2px solid #ff5e85;
- -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
- box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
- }
- .gp-btn.color-five:after {
- background: #ff5e85;
- }
- .gp-btn.color-five:hover {
- color: #ff5e85;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-five.btn-outline {
- border-color: #dfe3ed;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-five.btn-outline:hover {
- color: #fff;
- border-color: #ff5e85;
- -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
- box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
- }
- .gp-btn.color-six {
- border: 2px solid #ed1f25;
- background: transparent;
- -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
- box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
- }
- .gp-btn.color-six:after {
- background: #ed1f25;
- }
- .gp-btn.color-six:hover {
- color: #ed1f25;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: transparent;
- }
- .gp-btn.color-six.btn-outline {
- border-color: #dfe3ed;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-six.btn-outline:hover {
- color: #fff;
- border-color: #ed1f25;
- -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
- box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
- }
- .gp-btn.color-seven {
- border-color: #6e58fc;
- -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- }
- .gp-btn.color-seven:after {
- background: #6e58fc;
- }
- .gp-btn.color-seven:hover {
- color: #6e58fc;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-seven.btn-outline {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #6e58fc;
- }
- .gp-btn.color-seven.btn-outline:hover {
- color: #fff;
- border-color: #6e58fc;
- }
- .gp-btn.color-eight {
- border-color: #4d5afe;
- -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- padding: 12px 25px;
- }
- .gp-btn.color-eight:after {
- background: #4d5afe;
- }
- .gp-btn.color-eight:hover {
- color: #4d5afe;
- border-color: #4d5afe;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-eight.btn-light {
- -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- color: #4d5afe;
- background: transparent;
- }
- .gp-btn.color-eight.btn-light:after {
- background: #fff;
- }
- .gp-btn.color-eight.btn-light:hover {
- background: transparent;
- border-color: #fff;
- }
- .gp-btn.color-eight.btn-outline {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #4d5afe;
- background: transparent;
- }
- .gp-btn.color-eight.btn-outline:hover {
- color: #fff;
- border-color: #4d5afe;
- }
- .gp-btn.color-eight.btn-outline.btn-light {
- color: #fff;
- border-color: rgba(255, 255, 255, 0.502);
- }
- .gp-btn.color-eight.btn-outline.btn-light:hover {
- border-color: #fff;
- color: #4d5afe;
- }
- .gp-btn.color-two {
- border-color: #ff6344;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-two:after {
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- }
- .gp-btn.color-two:hover {
- color: #ff6344;
- border-color: #ff6344;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-two.btn-outline {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #ff6344;
- }
- .gp-btn.color-two.btn-outline:hover {
- color: #fff;
- border-color: #ff6344;
- }
- .gp-btn.color-two.btn-light {
- color: #000;
- border-color: #fff;
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
- box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
- }
- .gp-btn.color-two.btn-light:after {
- background: #fff;
- }
- .gp-btn.color-two.btn-light:hover {
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: #ff6344;
- }
- .gp-btn.color-nine {
- border-color: #ed1f25;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-nine:after {
- background: #ed1f25;
- }
- .gp-btn.color-nine:hover {
- color: #ed1f25;
- border-color: #ed1f25;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .gp-btn.color-nine.btn-outline {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #ed1f25;
- }
- .gp-btn.color-nine.btn-outline:hover {
- color: #fff;
- border-color: #ed1f25;
- }
- .gp-btn.color-nine.btn-light {
- color: #000;
- border-color: #fff;
- background: #ed1f25;
- }
- .gp-btn.color-nine.btn-light:after {
- background: #fff;
- }
- .gp-btn.color-nine.btn-light:hover {
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: #ed1f25;
- }
- .view-btn {
- font-size: 18px;
- color: #6b717d;
- font-weight: 400;
- display: inline-block;
- }
- .view-btn i {
- vertical-align: -2px;
- color: #6b717d;
- margin-left: 2px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- display: inline-block;
- }
- .view-btn:hover {
- color: #ff6344;
- }
- .view-btn:hover i {
- margin-left: 5px;
- color: #ff6344;
- }
- .play-btn-two {
- height: 54px;
- width: 54px;
- background-color: white;
- -webkit-box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08);
- box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08);
- color: #ed1f25;
- display: inline-block;
- border-radius: 50%;
- text-align: center;
- line-height: 56px;
- position: relative;
- }
- .play-btn-two i {
- margin-left: 2px;
- color: #f8b137;
- text-shadow: 0 8px 10px rgba(202, 138, 28, 0.3);
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .play-btn-two:after, .play-btn-two:before {
- content: "";
- height: 70px;
- width: 70px;
- position: absolute;
- left: -8px;
- top: -8px;
- border: 1px solid rgba(255, 255, 255, 0.4);
- background-color: rgba(255, 255, 255, 0.102);
- border-radius: 50%;
- -webkit-animation: videoBtnAnim 3s linear infinite;
- animation: videoBtnAnim 3s linear infinite;
- display: block;
- }
- .play-btn-two:after {
- -webkit-animation-delay: 0.5s;
- animation-delay: 0.5s;
- height: 80px;
- width: 80px;
- left: -13px;
- top: -13px;
- background-color: transparent;
- }
- .play-btn-two:hover {
- background: #f8b137;
- }
- .play-btn-two:hover i {
- color: #fff;
- }
- .button-container {
- margin-top: 50px;
- }
- @-webkit-keyframes shine {
- from {
- opacity: 0;
- left: 0;
- }
- 50% {
- opacity: 1;
- }
- to {
- opacity: 0;
- left: 100%;
- }
- }
- @keyframes shine {
- from {
- opacity: 0;
- left: 0;
- }
- 50% {
- opacity: 1;
- }
- to {
- opacity: 0;
- left: 100%;
- }
- }
- .nav-btn {
- padding: 7px 29px;
- }
- .bbtn-btn, .gp-btn-btc {
- -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
- box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
- border: 1px solid #413095;
- padding: 11px 31px;
- display: inline-block;
- color: #fff;
- font-size: 14px;
- font-weight: 400;
- letter-spacing: 1px;
- background-size: 200% auto;
- }
- .bbtn-btn:hover, .gp-btn-btc:hover {
- background-image: -webkit-gradient(linear, left top, right top, from(#a35dfb), color-stop(100%, #671efc), color-stop(0%, #a35dfb));
- background-image: -o-linear-gradient(left, #a35dfb 0%, #671efc 100%, #a35dfb 0%);
- background-image: linear-gradient(to right, #a35dfb 0%, #671efc 100%, #a35dfb 0%);
- color: #fff;
- background-position: right center;
- }
- .bbtn-btn {
- padding: 13px 33px;
- background: #271582;
- }
- .bbtn-btn.btn-active {
- margin-right: 20px;
- }
- .gp-btn-two {
- padding: 10px 25px;
- background: #f8b137;
- border: 2px solid #f8b137;
- color: #fff;
- border-radius: 3px;
- display: inline-block;
- }
- .gp-btn-two:hover {
- background: transparent;
- color: #f8b137;
- }
- .gp-btn-four {
- background: #ff5e85;
- padding: 10px 30px;
- border-radius: 30px;
- color: #fff;
- display: inline-block;
- font-size: 15px;
- -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- }
- .gp-btn-four i {
- margin-left: 5px;
- }
- .app-btn {
- font-size: 18px;
- font-weight: 500;
- display: inline-block;
- border-radius: 4px;
- padding: 10px 25px;
- }
- .app-btn .button-text {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .app-btn span {
- display: inline-block;
- vertical-align: text-top;
- }
- .app-btn i {
- font-size: 24px;
- margin-right: 10px;
- margin-left: 0;
- line-height: 1;
- }
- .app-btn.btn-outline {
- color: #ed1f25;
- border-color: #ed1f25;
- }
- /* Back To Top */
- .return-to-top {
- position: fixed;
- bottom: -30px;
- right: 20px;
- width: 42px;
- height: 42px;
- line-height: 42px;
- text-align: center;
- cursor: pointer;
- z-index: 998;
- border-radius: 50%;
- opacity: 0;
- -webkit-transition: bottom 0.5s ease, opacity 0.5s ease;
- -o-transition: bottom 0.5s ease, opacity 0.5s ease;
- transition: bottom 0.5s ease, opacity 0.5s ease;
- }
- .return-to-top:before {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background: transparent;
- opacity: 1;
- display: block;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- -webkit-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- border-radius: inherit;
- -webkit-transition: opacity 0.6s ease, -webkit-transform 0.5s ease;
- transition: opacity 0.6s ease, -webkit-transform 0.5s ease;
- -o-transition: transform 0.5s ease, opacity 0.6s ease;
- transition: transform 0.5s ease, opacity 0.6s ease;
- transition: transform 0.5s ease, opacity 0.6s ease, -webkit-transform 0.5s ease;
- }
- .return-to-top:after {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- background: rgb(14 39 95);
- -webkit-box-shadow: 0 0 0 0 transparent;
- box-shadow: 0 0 0 0 transparent;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- -webkit-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- border-radius: inherit;
- }
- .return-to-top > i {
- position: relative;
- overflow: hidden;
- font-size: 12px;
- width: inherit;
- height: inherit;
- line-height: inherit;
- display: block;
- color: transparent;
- text-shadow: 0 0 #fff, 0 50px #fff;
- -webkit-transition: text-shadow 0.2s ease;
- -o-transition: text-shadow 0.2s ease;
- transition: text-shadow 0.2s ease;
- z-index: 1;
- }
- .return-to-top:hover:after {
- -webkit-transform: scale(1.07);
- -ms-transform: scale(1.07);
- transform: scale(1.07);
- background: #ed1f25;
- }
- .home-analytics .return-to-top:hover:after {
- background: #f8b137;
- -webkit-box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15);
- box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15);
- }
- .return-to-top:hover > i {
- text-shadow: 0 -50px #fff, 0 0 #fff;
- }
- .return-to-top.back-top {
- bottom: 20px;
- opacity: 1;
- }
- .gp-btn-normal {
- color: #706c79;
- font-size: 15px;
- font-weight: 500;
- }
- .gp-btn-normal i {
- display: inline-block;
- vertical-align: -3px;
- font-size: 20px;
- margin-left: 5px;
- }
- .gp-btn-normal:hover {
- color: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Section Heading
- --------------------------------------------------------------*/
- .section-heading {
- margin-bottom: 70px;
- text-align: center;
- position: relative;
- z-index: 222;
- }
- .section-heading .subtitle {
- font-size: 14px;
- color: #ed1f25;
- font-weight: 500;
- position: relative;
- display: inline-block;
- margin-bottom: 0;
- }
- .section-heading .section-title {
- font-size: 48px;
- font-weight: 800;
- margin: 0;
- line-height: 1.2;
- }
- @media (max-width: 768px) {
- .section-heading .section-title {
- font-size: 30px;
- }
- }
- @media (max-width: 576px) {
- .section-heading .section-title br {
- display: none;
- }
- }
- .section-heading p {
- margin-top: 20px;
- margin-bottom: 0;
- }
- @media (max-width: 991px) {
- .section-heading p br {
- display: none;
- }
- }
- .section-heading.style-three .subtitle {
- color: #ed1f25;
- font-weight: 500;
- margin-bottom: 10px;
- letter-spacing: 0.3em;
- }
- .section-heading.font-light .section-title {
- font-weight: 500;
- }
- .section-heading.style-two {
- margin-bottom: 63px;
- }
- .section-heading.style-two .subtitle {
- font-size: 16px;
- color: #4d5afe;
- font-weight: 400;
- text-transform: uppercase;
- letter-spacing: 3px;
- }
- .section-heading.style-two .section-title {
- font-size: 40px;
- font-weight: 800;
- color: #373d46;
- position: relative;
- padding-bottom: 20px;
- }
- .section-heading.style-two .section-title:after, .section-heading.style-two .section-title:before {
- content: "";
- position: absolute;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- bottom: 0;
- height: 1px;
- width: 80px;
- background-color: #4d5afe;
- }
- .section-heading.style-two .section-title:before {
- left: 48%;
- }
- .section-heading.style-two .section-title:after {
- bottom: -5px;
- left: 52%;
- }
- @media (max-width: 768px) {
- .section-heading.style-two .section-title {
- font-size: 30px;
- line-height: 40px;
- }
- }
- .section-heading.style-two.text-left .section-title:after, .section-heading.style-two.text-left .section-title:before {
- left: 0;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- .section-heading.style-two.text-left .section-title:after {
- width: 50px;
- }
- .section-heading.style-two .social-slider-nav .slider-next, .section-heading.style-two .social-slider-nav .slider-prev {
- color: #373d46;
- border-color: #e0e3e8;
- }
- .section-heading.style-two .social-slider-nav .slider-next:hover, .section-heading.style-two .social-slider-nav .slider-prev:hover {
- background-color: #4d5afe;
- border-color: #4d5afe;
- color: #fff;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
- }
- .section-heading.style-four .section-title {;
- font-size: 48px;
- }
- .section-heading.style-four p {
- color: #000;
- }
- .section-heading.style-four.font-light .section-title {
- font-weight: 500;
- }
- . .section-heading.style-five .section-title {
- font-size: 40px;
- line-height: 50px;
- font-weight: 400;
- }
- @media (max-width: 991px) {
- .section-heading.style-five .section-title {
- font-size: 30px;
- line-height: 40px;
- }
- }
- .section-title-ana {
- position: relative;
- padding-bottom: 15px;
- }
- .section-title-ana h2 {
- font-size: 48px;
- line-height: 50px;
- font-weight: 700;
- position: relative;
- display: inline-block;
- margin: 0;
- }
- .section-title-ana:after {
- position: absolute;
- content: "";
- width: 70px;
- height: 3px;
- background-image: -webkit-gradient(linear, left top, right top, from(#fd5424), to(#ef2525));
- background-image: -o-linear-gradient(left, #fd5424 0%, #ef2525 100%);
- background-image: linear-gradient(to right, #fd5424 0%, #ef2525 100%);
- bottom: 0;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- .section-title-two {
- margin-bottom: 70px;
- position: relative;
- }
- .section-title-two h2 {
- font-size: 30px;
- font-weight: 700;
- color: #051441;
- margin-bottom: 20px;
- }
- .section-title-two p {
- font-size: 16px;
- color: #677294;
- line-height: 30px;
- }
- .section-title-two.title-big h2 {
- font-size: 40px;
- line-height: 56px;
- font-weight: 700;
- }
- .section-title-two .gp-btn-four {
- margin-top: 35px;
- }
- .section-title-three {
- margin-bottom: 20px;
- position: relative;
- }
- .section-title-three h2 {
- font-size: 35px;
- line-height: 50px;
- font-weight: 800;
- color: #222931;
- margin: 0;
- }
- .section-heading-two {
- text-align: center;
- margin-bottom: 50px;
- position: relative;
- z-index: 33;
- }
- .section-heading-two .subtitle {
- color: #ff5e85;
- font-weight: 500;
- font-size: 16px;
- position: relative;
- display: inline-block;
- text-transform: uppercase;
- }
- .section-heading-two .subtitle:after {
- position: absolute;
- content: "";
- left: 0;
- bottom: 0;
- width: 100%;
- height: 1px;
- background: #ff5e85;
- }
- .section-heading-two .section-title {
- font-size: 30px;
- font-weight: 700;
- color: #343e5d;
- line-height: 1.4;
- }
- .section-dark .section-title-two h2 {
- color: #fff;
- }
- .section-dark .section-title-two p {
- color: #eae3f4;
- font-size: 18px;
- font-weight: 400;
- }
- @media (max-width: 576px) {
- .section-dark .section-title-two p br {
- display: none;
- }
- }
- /*--------------------------------------------------------------
- ## Preloader
- --------------------------------------------------------------*/
- .page-loader {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 99999999;
- background-color: #fff;
- }
- .page-loader .loader {
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- width: 100%;
- }
- .page-loading-wrapper {
- position: absolute;
- top: 50%;
- left: 50%;
- height: auto;
- width: 100%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- }
- .page-loading-wrapper svg {
- width: 0;
- height: 0;
- }
- .goo1 {
- -webkit-filter: url(#goo);
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- }
- .loading div {
- background: #ed1f25;
- width: 25px;
- height: 25px;
- border-radius: 50%;
- }
- .goo1 > div {
- width: 15px;
- height: 15px;
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform-origin: -50% -50%;
- -ms-transform-origin: -50% -50%;
- transform-origin: -50% -50%;
- -webkit-animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1);
- animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1);
- }
- .goo1 > div:nth-child(1) {
- -webkit-animation-delay: 0.25s;
- animation-delay: 0.25s;
- }
- .goo1 > div:nth-child(2) {
- -webkit-animation-delay: 0.5s;
- animation-delay: 0.5s;
- }
- .goo1 > div:nth-child(3) {
- -webkit-animation-delay: 0.75s;
- animation-delay: 0.75s;
- }
- .goo1 > div:nth-child(4) {
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
- }
- .goo1 > div:nth-child(5) {
- -webkit-animation-delay: 1.25s;
- animation-delay: 1.25s;
- }
- .goo2 > div {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- -webkit-animation: sideways 2.5s infinite ease;
- animation: sideways 2.5s infinite ease;
- }
- .goo2 > div:nth-child(1) {
- -webkit-animation-delay: 0.25s;
- animation-delay: 0.25s;
- }
- .goo2 > div:nth-child(2) {
- -webkit-animation-delay: 0.5s;
- animation-delay: 0.5s;
- }
- .goo2 > div:nth-child(3) {
- -webkit-animation-delay: 0.75s;
- animation-delay: 0.75s;
- }
- .goo2 > div:nth-child(4) {
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
- }
- .goo2 > div:nth-child(5) {
- -webkit-animation-delay: 1.25s;
- animation-delay: 1.25s;
- }
- .goo2 {
- padding-left: 40px;
- width: 200px;
- height: 100px;
- }
- @keyframes circle {
- 50% {
- width: 25px;
- height: 25px;
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- @-webkit-keyframes sideways {
- 33% {
- -webkit-transform: translateX(50px);
- transform: translateX(50px);
- }
- 66% {
- -webkit-transform: translateX(-50px);
- transform: translateX(-50px);
- }
- }
- @keyframes sideways {
- 33% {
- -webkit-transform: translateX(50px);
- transform: translateX(50px);
- }
- 66% {
- -webkit-transform: translateX(-50px);
- transform: translateX(-50px);
- }
- }
- /*--------------------------------------------------------------
- ## Header
- --------------------------------------------------------------*/
- .site-header {
- z-index: 999;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .site-header .container-full {
- padding: 0 50px;
- }
- @media (max-width: 576px) {
- .site-header .container-full {
- padding: 0 15px;
- }
- }
- .site-header .btn-help {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #554bfe;
- border-color: #eeedff;
- }
- .site-header .btn-help:after {
- background: #eeedff;
- }
- .site-header.header-transparent {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- }
- .site-header.header-transparent .astriol-main-menu > li > a:before {
- display: none;
- }
- .site-header .site-logo {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .site-header .site-logo .site-title {
- font-size: 34px;
- font-weight: 500;
- padding: 8px 0;
- margin: 0;
- }
- .site-header .site-logo a {
- font-size: 30px;
- font-weight: 700;
- display: block;
- color: #000;
- }
- .site-header .site-logo a h3 {
- margin: 0;
- font-size: 30px;
- font-weight: 700;
- color: #000;
- }
- .site-header .site-logo .logo-sticky {
- display: none;
- }
- .site-header .astriol-burger-menu {
- text-align: right;
- display: none;
- cursor: pointer;
- }
- .site-header .astriol-burger-menu.style-two {
- background: #f8f8f8;
- height: 55px;
- width: 55px;
- border-radius: 50%;
- padding: 20px 17px;
- margin-right: 20px;
- text-align: left;
- display: inline-block;
- }
- .site-header .astriol-burger-menu.style-two span {
- margin-left: 0;
- }
- .site-header .astriol-burger-menu.mobile-view {
- display: none;
- }
- .site-header .astriol-burger-menu span {
- background: #2c2c51;
- height: 2px;
- display: block;
- margin-left: auto;
- }
- .site-header .astriol-burger-menu span:not(:last-child) {
- margin-bottom: 5px;
- }
- .site-header .astriol-burger-menu .bar-one {
- width: 20px;
- }
- .site-header .astriol-burger-menu .bar-two {
- width: 25px;
- }
- .site-header .astriol-burger-menu .bar-three {
- width: 15px;
- }
- .site-header.header-seo:not(.showed) .astriol-burger-menu span {
- background: #fff;
- }
- .site-header .add-menu {
- margin: 0;
- padding: 31px 0;
- list-style: none;
- font-weight: 500;
- }
- .site-header .add-menu li a {
- color: #000;
- }
- .site-header .tt-hamburger {
- width: 24px;
- cursor: pointer;
- }
- .site-header .tt-hamburger.active {
- opacity: 0;
- visibility: hidden;
- }
- @media (min-width: 992px) {
- .site-header .tt-hamburger {
- display: none;
- }
- }
- .site-header .tt-hamburger:focus {
- outline: 0;
- }
- .site-header .tt-hamburger .bar {
- background: #fff;
- height: 2px;
- display: block;
- }
- .site-header .tt-hamburger .bar:not(:last-child) {
- margin-bottom: 5px;
- }
- .site-header.header-fixed.showed {
- position: fixed;
- width: 100%;
- left: 0;
- top: 0;
- z-index: 99;
- background: #fff;
- -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
- box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
- -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
- animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
- }
- .header-position .site-header.header-fixed.showed {
- top: 32px;
- }
- @media (max-width: 782px) {
- .header-position .site-header.header-fixed.showed {
- top: 46px;
- }
- }
- .site-header.header-fixed.showed .site-logo .main-logo {
- display: none;
- }
- .site-header.header-fixed.showed .site-logo a {
- color: #051441;
- }
- .site-header.header-fixed.showed .site-logo h3 {
- color: #051441;
- }
- .site-header.header-fixed.showed .add-menu li a {
- color: #051441;
- }
- .site-header.header-fixed.showed .tt-hamburger .bar {
- background: #051441;
- }
- @media (min-width: 1200px) {
- .site-header:not(.mobile-header).header-main .nav-right {
- margin-left: 40px;
- }
- .site-header:not(.mobile-header).header-main .nav-right .btn-help {
- margin-right: 10px;
- }
- .site-header:not(.mobile-header).header-main .nav-right .nav-btn {
- padding: 6px 21px;
- font-size: 14px;
- background-color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-main .nav-right .nav-btn i {
- margin-left: 0;
- margin-right: 5px;
- font-size: 14px;
- vertical-align: middle;
- }
- .site-header:not(.mobile-header).header-main .nav-right .nav-btn:after {
- display: none;
- }
- .site-header:not(.mobile-header).header-main .nav-right .nav-btn:hover {
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help {
- background-color: #eeedff;
- padding: 6px 27px;
- }
- .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help:hover {
- background-color: #554bfe;
- border-color: #554bfe;
- }
- .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right {
- margin-left: 40px;
- }
- .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .btn-help {
- margin-right: 10px;
- }
- .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn:hover {
- -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
- box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
- }
- .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn.btn-help {
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
- }
- .site-header:not(.mobile-header) .nav-right {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .site-header:not(.mobile-header) .nav-right .search-btn {
- display: inline-block;
- margin-right: 15px;
- color: #051441;
- cursor: pointer;
- }
- .site-header:not(.mobile-header) .menu-wrapper {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .submenu-align-right .site-header:not(.mobile-header) {
- width: auto;
- }
- }
- .site-header:not(.mobile-header) .main-nav-container {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .site-header:not(.mobile-header) .main-nav {
- position: relative;
- }
- .site-header:not(.mobile-header) .astriol-main-menu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li {
- padding: 35px 0;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li > a {
- font-weight: 500;
- font-size: 15px;
- color: #051441;
- position: relative;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li > a:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 1px;
- left: 0;
- bottom: -2px;
- transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- background: #fff;
- -webkit-transform: scale(0, 1);
- -ms-transform: scale(0, 1);
- transform: scale(0, 1);
- -webkit-transform-origin: right center;
- -ms-transform-origin: right center;
- transform-origin: right center;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li > a:hover:before, .site-header:not(.mobile-header) .astriol-main-menu > li > a.current-menu-item:before {
- -webkit-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transform-origin: left center;
- -ms-transform-origin: left center;
- transform-origin: left center;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li > a:after {
- display: none;
- visibility: hidden;
- opacity: 0;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header) .astriol-main-menu > li > a.current-menu-item {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu {
- left: auto;
- right: 0;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul {
- right: 100%;
- }
- .site-header:not(.mobile-header) .astriol-main-menu > li:not(.mega-menu) {
- position: relative;
- }
- .menu-light .site-header:not(.mobile-header) .astriol-main-menu > li > a {
- color: #fff;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li {
- display: inline-block;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li:not(:last-child) {
- margin-right: 45px;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu > a:after {
- content: "";
- font-family: "themify";
- position: absolute;
- top: calc(50% - 9px);
- right: 30px;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- font-size: 12px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu {
- margin: 0;
- padding: 15px 0;
- position: absolute;
- top: 115%;
- left: 0;
- opacity: 0;
- visibility: hidden;
- background: #fff;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border-radius: 6px;
- min-width: 230px;
- -webkit-box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1);
- box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1);
- z-index: 2222;
- width: 250px;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide {
- width: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding: 40px 80px 25px;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a {
- font-size: 16px;
- text-transform: uppercase;
- font-weight: 800;
- display: inline-block;
- color: #051441;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a:after {
- display: none;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide .sub-menu {
- position: unset;
- -webkit-box-shadow: unset;
- box-shadow: unset;
- visibility: unset;
- opacity: unset;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li {
- display: block;
- position: relative;
- margin-right: 0;
- line-height: 36px;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a {
- font-size: 14px;
- padding: 10px 30px;
- display: block;
- line-height: 1.5;
- color: #686875;
- font-weight: 500;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #ed1f25;
- background-color: #f9f9f9;
- margin-bottom: 2px;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a:hover:after, .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item:after {
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li ul {
- padding: 15px 0;
- position: absolute;
- left: 100%;
- top: 0;
- background: #fff;
- min-width: 220px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- opacity: 0;
- visibility: hidden;
- -webkit-box-shadow: 0px 5px 10px #14303a15;
- box-shadow: 0px 5px 10px #14303a15;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li.has-submenu:hover ul {
- opacity: 1;
- visibility: visible;
- top: -15px;
- }
- .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu:hover ul {
- opacity: 1;
- visibility: visible;
- top: 100%;
- }
- .site-header:not(.mobile-header).header-light .astriol-main-menu > li > a {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-light .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-light .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-light .nav-right .gp-btn {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-light.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-light.header-fixed.showed .astriol-main-menu li a.current-menu-item {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn {
- color: #051441;
- border-color: #051441;
- }
- .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn:hover {
- color: #fff;
- border-color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a:before {
- display: none;
- }
- .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a.current-menu-item {
- color: #ff6344;
- }
- .site-header:not(.mobile-header).header-sass .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-sass .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #ff6344;
- }
- .site-header:not(.mobile-header).header-sass.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-sass.header-fixed.showed .astriol-main-menu li a.current-menu-item {
- color: #ff6344;
- }
- .site-header:not(.mobile-header).header-sass.header-fixed.showed .nav-btn {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .site-header:not(.mobile-header).header-analytics .astriol-main-menu > li > a {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-analytics .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-analytics .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #f8b137;
- }
- .site-header:not(.mobile-header).header-analytics .nav-right {
- margin-left: 50px;
- }
- .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn {
- color: #f8b137;
- padding: 8px 28px;
- }
- .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn:hover {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-analytics.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-analytics.header-fixed.showed .astriol-main-menu li a.current-menu-item {
- color: #f8b137;
- }
- .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right {
- margin-left: 30px;
- }
- .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn {
- border-color: #f8b137;
- color: #fff;
- }
- .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:after {
- background: #f8b137;
- }
- .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:hover {
- background: transparent;
- color: #f8b137;
- }
- .site-header:not(.mobile-header).header-analytics .astriol-burger-menu span {
- background: #fff;
- }
- .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a {
- color: #fff;
- position: relative;
- }
- .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 1px;
- left: 0;
- bottom: 0;
- transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- background: #fff;
- -webkit-transform: scale(0, 1);
- -ms-transform: scale(0, 1);
- transform: scale(0, 1);
- -webkit-transform-origin: right center;
- -ms-transform-origin: right center;
- transform-origin: right center;
- }
- .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a:hover:before, .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a.current-menu-item:before {
- -webkit-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transform-origin: left center;
- -ms-transform-origin: left center;
- transform-origin: left center;
- }
- .site-header:not(.mobile-header).header-seo .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-seo .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #ff5e85;
- }
- .site-header:not(.mobile-header).header-seo .nav-right {
- margin-left: 50px;
- }
- .site-header:not(.mobile-header).header-seo .nav-right .gp-btn {
- -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
- box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
- padding: 8px 34px;
- }
- .site-header:not(.mobile-header).header-seo .nav-right .gp-btn:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #fff;
- border-color: #fff;
- }
- .site-header:not(.mobile-header).header-seo.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-seo.header-fixed.showed .astriol-main-menu li a.current-menu-item {
- color: #ff5e85;
- }
- .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right {
- margin-left: 30px;
- }
- .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn {
- border-color: #ff5e85;
- color: #fff;
- }
- .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:after {
- background: #ff5e85;
- }
- .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:hover {
- background: transparent;
- color: #ff5e85;
- }
- .site-header:not(.mobile-header).header-seo .astriol-burger-menu span {
- background: #fff;
- }
- .site-header:not(.mobile-header).header-agency .astriol-main-menu > li > a {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-agency .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-agency .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #4d5afe;
- }
- .site-header:not(.mobile-header).header-agency.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-agency.header-fixed.showed .astriol-main-menu li a.current-menu-item {
- color: #4d5afe;
- }
- .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn {
- border-color: #4d5afe;
- color: #4d5afe;
- }
- .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:after {
- background: #4d5afe;
- }
- .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:hover {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-agency .nav-right {
- margin-left: 50px;
- }
- .site-header:not(.mobile-header).header-agency .nav-right .gp-btn {
- padding: 10px 25px;
- }
- .site-header:not(.mobile-header).header-agency-two .astriol-main-menu > li > a {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-agency-two .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-agency-two .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-agency-two.header-fixed.showed .astriol-main-menu li a:hover {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-agency-two .nav-right {
- margin-left: 50px;
- }
- .site-header:not(.mobile-header).header-agency-two .nav-right .gp-btn {
- padding: 7px 32px;
- }
- .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a:before {
- display: none;
- }
- .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a.current-menu-item {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-dark-saas.header-fixed.showed .astriol-main-menu li a:hover {
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-dark-saas .nav-right {
- margin-left: 50px;
- }
- .site-header:not(.mobile-header).header-dark-saas .nav-right .gp-btn {
- padding: 8px 32px;
- border-color: #ed1f25;
- border-width: 2px;
- }
- .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a:hover {
- color: rgba(255, 255, 255, 0.8);
- }
- .site-header:not(.mobile-header).header-light-saas .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-light-saas .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #6e58fc;
- }
- .site-header:not(.mobile-header).header-light-saas .nav-right {
- margin-left: 50px;
- }
- .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn {
- border-color: rgba(255, 255, 255, 0.502);
- color: #fff;
- }
- .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:after {
- background: #fff;
- }
- .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:hover {
- border-color: #fff;
- color: #6e58fc;
- }
- .site-header:not(.mobile-header).header-light-saas.header-fixed.showed .astriol-main-menu li a:hover, .site-header:not(.mobile-header).header-light-saas.header-fixed.showed .astriol-main-menu li a.current-menu-item {
- color: #6e58fc;
- }
- .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a {
- color: #fff;
- position: relative;
- }
- .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 1px;
- left: 0;
- bottom: 0;
- transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- background: #fff;
- -webkit-transform: scale(0, 1);
- -ms-transform: scale(0, 1);
- transform: scale(0, 1);
- -webkit-transform-origin: right center;
- -ms-transform-origin: right center;
- transform-origin: right center;
- }
- .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a:hover:before, .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a.current-menu-item:before {
- -webkit-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transform-origin: left center;
- -ms-transform-origin: left center;
- transform-origin: left center;
- }
- .site-header:not(.mobile-header).header-light-social .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-light-social .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item {
- color: #000;
- }
- .site-header:not(.mobile-header).header-light-social .nav-right {
- margin-left: 50px;
- }
- .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn {
- -webkit-box-shadow: none;
- box-shadow: none;
- padding: 8px 26px;
- }
- .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn:hover {
- border-color: #fff;
- color: #fff;
- }
- .site-header:not(.mobile-header).header-light-social.header-fixed.showed .nav-right .gp-btn:hover, .site-header:not(.mobile-header).header-light-social.header-fixed.showed .nav-right .gp-btn.current-menu-item {
- border-color: #ed1f25;
- color: #ed1f25;
- }
- .site-header:not(.mobile-header).header-light-social.header-fixed.showed .astriol-burger-menu span {
- background: #051441;
- }
- .site-header:not(.mobile-header).header-transparent.header-2 .astriol-main-menu > li > a {
- color: #fff;
- }
- .site-header:not(.mobile-header).header-bg {
- background: #fff;
- -webkit-box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08);
- box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08);
- }
- .site-header:not(.mobile-header).header-bg .astriol-main-menu > li {
- padding: 27px 0;
- }
- .site-header:not(.mobile-header).submenu-align-right .menu-wrapper {
- width: auto;
- }
- .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu {
- left: auto;
- right: 0;
- }
- .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul {
- right: 100%;
- }
- .site-header.header-fixed.showed {
- position: fixed;
- width: 100%;
- left: 0;
- top: 0;
- z-index: 999;
- background: #fff;
- -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
- box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
- -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
- animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
- }
- .header-position .site-header.header-fixed.showed {
- top: 32px;
- }
- @media (max-width: 782px) {
- .header-position .site-header.header-fixed.showed {
- top: 46px;
- }
- }
- .header-position .site-header.header-fixed.showed .fullscreen-menu {
- top: 0;
- }
- .site-header.header-fixed.showed .site-logo .main-logo {
- display: none;
- }
- .site-header.header-fixed.showed .site-logo .logo-sticky {
- display: block;
- }
- .site-header.header-fixed.showed .menu-trigger .dot_icon .dot {
- background: #051441;
- }
- .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu > li {
- padding: 27px 0;
- }
- .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a {
- color: #051441;
- }
- .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a:hover {
- color: #ed1f25;
- }
- .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li > {
- padding: 27px 0;
- }
- .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn {
- border-color: #6e58fc;
- color: #6e58fc;
- }
- .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn:after {
- background: #6e58fc;
- }
- .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn:hover {
- border-color: #6e58fc;
- color: #fff;
- }
- @keyframes stickySlideDown {
- from {
- -webkit-transform: translateY(-100%);
- transform: translateY(-100%);
- }
- to {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- #site-navigation {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- height: 94px;
- }
- @media (min-width: 992px) {
- .close-menu {
- display: none;
- }
- }
- .canvas-header {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding: 30px 20px;
- border-bottom: 1px solid #eee;
- margin-bottom: 30px;
- display: none;
- }
- .close-menu {
- height: 50px;
- width: 50px;
- background: rgba(136, 136, 136, 0.1);
- border-radius: 50%;
- text-align: center;
- line-height: 54px;
- color: #051441;
- }
- .astriol-main-menu {
- list-style: none;
- }
- .astriol-main-menu ul {
- list-style: none;
- }
- /*--------------------------------------------------------------
- ### Main Nav Mobile
- --------------------------------------------------------------*/
- .mobile-header {
- height: auto;/*--------------------------------------------------------------
- ### Main Nav
- --------------------------------------------------------------*/
- }
- .mobile-header .astriol-burger-menu {
- display: block;
- margin-left: 20px;
- }
- .mobile-header .astriol-burger-menu.desktop-view {
- display: none;
- }
- .mobile-header .astriol-burger-menu.mobile-view {
- display: block;
- }
- .mobile-header .canvas-header {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .mobile-header .site-logo .logo-sticky {
- display: none;
- }
- .mobile-header .tt-hamburger {
- display: block;
- }
- .mobile-header.header-analytics:not(.showed) .astriol-burger-menu span {
- background: #fff;
- }
- .mobile-header.header-light-saas:not(.showed) .astriol-burger-menu span, .mobile-header.header-agency-two:not(.showed) .astriol-burger-menu span {
- background: #fff;
- }
- .mobile-header.header-fixed.showed .logo-sticky {
- display: block;
- }
- .mobile-header .site-logo a {
- padding: 13px 0;
- }
- .mobile-header .nav-right {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 10px 25px 0;
- border-top: 1px solid #eee;
- }
- .mobile-header .nav-right .btn-help {
- margin-right: 10px;
- }
- .mobile-header.header-page .nav-right {
- padding: 0;
- border-top: 0;
- }
- @media (max-width: 420px) {
- .mobile-header.header-page .gp-btn {
- padding: 10px 20px;
- font-size: 14px;
- }
- }
- .mobile-header.header-sass .nav-right {
- border: 0;
- padding: 0;
- }
- .mobile-header .main-nav-container {
- position: fixed;
- top: 0;
- height: 100vh;
- background: #fff;
- max-width: 400px;
- width: 100%;
- text-align: left;
- overflow-y: auto;
- padding-bottom: 80px;
- left: -100px;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- transition-duration: 0.3s;
- opacity: 0;
- visibility: hidden;
- z-index: 999;
- }
- .header-position .mobile-header .main-nav-container {
- top: 32px;
- }
- @media (max-width: 780px) {
- .header-position .mobile-header .main-nav-container {
- top: 46px;
- }
- }
- @media (max-width: 420px) {
- .mobile-header .main-nav-container {
- max-width: 100%;
- }
- }
- .mobile-header .main-nav-container.open {
- opacity: 1;
- left: 0;
- visibility: visible;
- }
- .mobile-header .main-nav-container li a {
- font-size: 16px;
- color: #051441;
- position: relative;
- z-index: 1;
- padding: 8px 25px;
- display: block;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- text-transform: capitalize;
- font-weight: 500;
- border-left: 2px solid transparent;
- }
- .mobile-header .main-nav-container li.has-submenu > a {
- position: relative;
- }
- .mobile-header .main-nav-container li.has-submenu > a:after {
- content: "\F4FE";
- font-family: "bootstrap-icons";
- position: absolute;
- top: 50%;
- right: 30px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- font-size: 12px;
- }
- .mobile-header .main-nav-container li.has-submenu > a.active:after {
- content: "\F2EA";
- }
- .mobile-header .main-nav-container li.has-submenu li a {
- font-size: 16px;
- }
- .mobile-header .main-nav-container .menu-item-depth-0 > a.active {
- background: #ed1f25;
- color: #fff;
- }
- .mobile-header .main-nav-container .menu-item-depth-0 li a.active {
- color: #ed1f25;
- }
- .mobile-header.header-main .astriol-burger-menu {
- margin-left: 0;
- }
- .mobile-header.header-dark-saas .main-nav-container .menu-item-depth-0 > a.active {
- background: #ed1f25;
- }
- .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 > a.active {
- background: #6e58fc;
- }
- .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 li a.active {
- color: #6e58fc;
- }
- .mobile-header.header-light-saas .gp-btn.color-two.btn-outline {
- color: #6e58fc;
- border-color: #6e58fc;
- }
- .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:after {
- background: #6e58fc;
- }
- .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:hover {
- color: #fff;
- }
- .mobile-header.header-sass .main-nav-container .menu-item-depth-0 > a.active {
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- color: #fff;
- }
- .mobile-header.header-sass .main-nav-container .menu-item-depth-0 li a.active {
- color: #ff6344;
- }
- .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 > a.active {
- background: #f8b137;
- }
- .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 li a.active {
- color: #f8b137;
- }
- .mobile-header.header-analytics .gp-btn.color-four.btn-light {
- border-color: #f8b137;
- color: #fff;
- }
- .mobile-header.header-analytics .gp-btn.color-four.btn-light:after {
- background: #f8b137;
- }
- .mobile-header.header-analytics .gp-btn.color-four.btn-light:hover {
- color: #f8b137;
- background: transparent;
- }
- .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 > a.active {
- background: #ed1f25;
- }
- .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 li a.active {
- color: #ed1f25;
- }
- .mobile-header.header-agency .main-nav-container .menu-item-depth-0 > a.active {
- background: #4d5afe;
- }
- .mobile-header.header-agency .main-nav-container .menu-item-depth-0 li a.active {
- color: #4d5afe;
- }
- .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light {
- color: #4d5afe;
- border-color: #4d5afe;
- }
- .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:after {
- background: #4d5afe;
- }
- .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:hover {
- color: #fff;
- }
- .mobile-header.header-light-social:not(.showed) .astriol-burger-menu span {
- background: #fff;
- }
- .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 > a.active {
- background: #ed1f25;
- }
- .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 li a.active {
- color: #ed1f25;
- }
- .header-position .mobile-header.header-fixed.showed .main-nav-container {
- top: 0;
- }
- .mobile-header.header-seo .main-nav-container .menu-item-depth-0 > a.active {
- background: #ff5e85;
- }
- .mobile-header.header-seo .main-nav-container .menu-item-depth-0 li a.active {
- color: #ff5e85;
- }
- .mobile-header .main-nav {
- position: relative;
- z-index: 3333;
- line-height: 1.2;
- }
- .mobile-header .main-nav .astriol-main-menu {
- padding-left: 0;
- }
- .mobile-header .main-nav .sub-menu {
- padding-left: 15px;
- margin-left: 0;
- margin-bottom: 0;
- display: none;
- }
- .mobile-header .main-nav .sub-menu.active .main-item > .menu-link {
- background: #f8f9fa;
- }
- .mobile-header .main-nav .sub-menu li a {
- border-top: 0;
- }
- .mobile-header .main-nav .sub-menu li.active a.active .ti-plus {
- color: #ed1f25;
- }
- .mobile-header .main-nav .nav-item.active-main-item > .menu-link {
- color: #ed1f25;
- background: #f8f9fa;
- border-color: #ed1f25;
- }
- .mobile-header .main-nav .sub-menu {
- padding-left: 15px;
- margin-bottom: 0;
- }
- .mobile-header .main-nav {
- cursor: default;
- position: relative;
- z-index: 10;
- text-align: left;
- font-weight: 500;
- height: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .mobile-header .main-nav a:before, .mobile-header .main-nav .close-bar {
- display: none;
- }
- .mobile-header .main-nav .site-logo a {
- font-size: 40px;
- }
- .mobile-header .main-nav .menu, .mobile-header .main-nav .menu ul {
- list-style: none;
- }
- .mobile-header .main-nav .nav-item:before, .mobile-header .main-nav .nav-item.current-menu-item:before, .mobile-header .main-nav .nav-item.current-menu-ancestor:before {
- background-color: #ed1f25;
- }
- .mobile-header .main-nav .nav-item.active-main-item > .menu-link {
- color: #ed1f25;
- }
- .mobile-header .main-nav .nav-right .cu_btn {
- padding: 13px 26px;
- min-width: auto;
- margin-top: 0;
- }
- .mobile-header .main-nav.hidden {
- display: none;
- }
- .mask-overlay {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background: rgba(0, 0, 0, 0.5);
- z-index: 222;
- }
- /*--------------------------------------------------------------
- ## Banner
- --------------------------------------------------------------*/
- .banner {
- height: 800px;
- position: relative;
- }
- @media (min-width: 992px) {
- .mw-600 {
- max-width: 600px;
- }
- }
- /**
- Banner Main
- */
- .banner-main {
- background-image: -o-linear-gradient(30deg, #fcf5f6 0%, #f8fbfe 100%);
- background-image: linear-gradient(60deg, #fcf5f6 0%, #f8fbfe 100%);
- }
- @media (max-width: 991px) {
- .banner-main {
- height: 720px;
- }
- }
- .banner-main .banner-main-content-wrapper {
- padding-top: 300px;
- position: relative;
- z-index: 2;
- }
- @media (max-width: 992px) {
- .banner-main .banner-main-content-wrapper {
- padding-top: 50px;
- }
- }
- .banner-main .banner-content {
- text-align: center;
-
-
- }
- .banner-main .banner-content .banner-title {
- font-size: 70px;
- font-weight: 700;
- color: #fff;
- margin-bottom: 20px;
- }
- @media (max-width: 992px) {
- .banner-main .banner-content .banner-title {
- font-size: 36px;
- }
- }
- .banner-main .banner-content .description {
- font-size: 18px;
- color: #fff;
- }
- .banner-main .banner-content .banner-btn {
- font-size: 24px;
- margin-top: 20px;
- font-weight: 600;
- }
- .banner-main .banner-content .banner-btn.btn-light {
- background: transparent;
- }
- .banner-main .banner-content .banner-btn.btn-light:hover {
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- }
- @media (max-width: 420px) {
- .banner-main .banner-content .banner-btn.ml-3 {
- margin-left: 0 !important;
- }
- }
- .banner-main .banner-promo-mockup {
- max-width: 100%;
- margin: 0 auto;
- position: relative;
- z-index: 11;
- }
- .banner-main .banner-main-animate {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .banner-main-animate {
- position: absolute;
- top: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- overflow: hidden;
- z-index: 1;
- }
- .banner-main-animate .animate-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .banner-main-animate .animate-items li {
- position: absolute;
- }
- .banner-main-animate .animate-items li:nth-child(1) {
- right: 50px;
- bottom: -100px;
- z-index: 1;
- }
- .banner-main-animate .animate-items li:nth-child(2) {
- left: 100px;
- top: 31%;
- }
- .banner-main-animate .animate-items li:nth-child(3) {
- left: 220px;
- bottom: 85px;
- }
- .banner-main-animate .animate-items li:nth-child(4) {
- right: 15%;
- top: 55%;
- }
- .banner-main-animate .animate-items li:nth-child(5) {
- left: 20%;
- top: 50%;
- z-index: 1;
- -webkit-animation: 3s linear 0.1s infinite normal none running wave;
- animation: 3s linear 0.1s infinite normal none running wave;
- }
- .banner-main-animate .animate-items li:nth-child(6) {
- right: 80px;
- top: 315px;
- }
- .banner-main-animate .animate-items li:nth-child(7) {
- right: 15%;
- bottom: 195px;
- }
- .banner-main-animate .animate-items li.bubble1 {
- height: 100px;
- width: 100px;
- background: #f53131;
- border-radius: 50%;
- left: 26%;
- bottom: 15.5%;
- }
- .banner-main-animate .animate-items li.bubble2 {
- height: 255px;
- width: 255px;
- background: #f53131;
- border-radius: 50%;
- right: 25%;
- bottom: -4%;
- -webkit-animation: wave 2s ease-in-out infinite;
- animation: wave 2s ease-in-out infinite;
- }
- .banner-main-animate .animate-items li.bubble3 {
- height: 16px;
- width: 16px;
- background: #f53131;
- border-radius: 50%;
- left: 25.5%;
- bottom: 29%;
- z-index: 1;
- -webkit-animation: animationFramesTwo 30s infinite linear;
- animation: animationFramesTwo 30s infinite linear;
- }
- .banner-main-animate .animate-items li.bubble4 {
- height: 10px;
- width: 10px;
- background: #f7cb61;
- border-radius: 50%;
- right: 24%;
- bottom: 20%;
- z-index: 1;
- -webkit-animation: 50s linear 0s infinite normal none running animationFramesTwo;
- animation: 50s linear 0s infinite normal none running animationFramesTwo;
- }
- /* Banner Saas One*/
- .banner-saas-main {
- padding: 170px 0;
- overflow: hidden;
- }
- @media (max-width: 991px) {
- .banner-saas-main {
- padding: 100px 0 100px;
- height: auto;
- }
- }
- @media (max-width: 991px) {
- .banner-saas-main .banner-content-sass {
- text-align: center;
- }
- }
- .banner-saas-main .banner-content-sass .subtitle-top {
- font-size: 14px;
- text-transform: uppercase;
- color: #7b7b93;
- font-weight: 500;
- letter-spacing: 1px;
- margin-bottom: 15px;
- }
- .banner-saas-main .banner-content-sass .subtitle-top a {
- color: #ed1f25;
- }
- .banner-saas-main .banner-content-sass .banner-title {
- font-size: 50px;
- line-height: 60px;
- font-weight: 700;
- color: #2c2c51;
- margin-bottom: 20px;
- }
- @media (max-width: 1200px) {
- .banner-saas-main .banner-content-sass .banner-title {
- font-size: 40px;
- line-height: 50px;
- }
- }
- @media (max-width: 768px) {
- .banner-saas-main .banner-content-sass .banner-title {
- font-size: 32px;
- line-height: 42px;
- }
- }
- .banner-saas-main .banner-content-sass .description {
- font-size: 18px;
- line-height: 30px;
- margin-bottom: 41px;
- }
- .banner-content-wrapper {
- margin: 0 -700px 0 0;
- }
- @media (max-width: 1600px) {
- .banner-content-wrapper {
- margin: 0 -400px 0 0;
- }
- }
- @media (max-width: 1440px) {
- .banner-content-wrapper {
- margin: 0 -100px 0 0;
- }
- }
- @media (max-width: 1200px) {
- .banner-content-wrapper {
- margin: 0;
- }
- }
- .saas-animate-image {
- max-width: 900px;
- }
- .banner-sass-svg-bg {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- }
- /* Banner Analytic */
- .banner-analytics {
- background-image: -o-linear-gradient(50deg, #5e2ced 0%, #a485fd 100%);
- background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
- overflow: hidden;
- }
- @media (max-width: 991px) {
- .banner-analytics {
- height: auto;
- }
- }
- .banner-analytics .container {
- height: 100%;
- min-height: 700px;
- }
- .banner-analytics .banner-shape-left {
- position: absolute;
- top: 0;
- left: 100px;
- }
- .banner-analytics .banner-shape-right {
- right: 0;
- top: 0;
- position: absolute;
- }
- .banner-analytics .banner-content h2 {
- font-size: 40px;
- color: #fff;
- line-height: 52px;
- font-family: "Poppins", sans-serif;
- font-weight: 400;
- margin-bottom: 25px;
- }
- .banner-analytics .banner-content h2 span {
- font-weight: 800;
- }
- @media (max-width: 1200px) {
- .banner-analytics .banner-content h2 {
- font-size: 34px;
- line-height: 44px;
- }
- }
- .banner-analytics .banner-content p {
- color: #fff;
- font-size: 16px;
- line-height: 28px;
- font-family: "Poppins", sans-serif;
- margin-bottom: 45px;
- }
- @media (max-width: 991px) {
- .banner-analytics .banner-content p {
- max-width: 600px;
- margin: 0 auto 45px;
- }
- }
- .banner-analytics .banner-content .banner-button .gp-btn {
- margin-right: 30px;
- font-family: "Poppins", sans-serif;
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1);
- box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1);
- font-size: 15px;
- padding: 12px 27px;
- }
- .banner-analytics .banner-content .banner-button .gp-btn:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: rgba(255, 255, 255, 0.5);
- color: #fff;
- }
- .banner-analytics .banner-content .banner-button .btn-text {
- color: #fff;
- font-weight: 500;
- position: relative;
- font-size: 15px;
- margin-left: 30px;
- font-family: "Poppins", sans-serif;
- }
- .banner-analytics .banner-content .banner-button .btn-text:after {
- position: absolute;
- content: "";
- width: 100%;
- height: 2px;
- bottom: -5px;
- left: 0;
- background: #bfb2f8;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .banner-analytics .banner-content .banner-button .btn-text:hover {
- color: #f8b137;
- }
- .banner-analytics .banner-content .banner-button .btn-text:hover:after {
- background: #f8b137;
- }
- .banner-analytics .banner-feature-thumb img {
- max-width: inherit;
- }
- @media (max-width: 991px) {
- .banner-feature-image {
- margin-top: 50px;
- }
- }
- .banner-feature-image .banner-animate-element {
- width: 440px;
- height: 480px;
- margin: 0;
- padding: 0;
- list-style: none;
- position: relative;
- }
- .banner-feature-image .banner-animate-element li {
- position: absolute;
- }
- .banner-feature-image .banner-animate-element li:nth-child(1) {
- right: 0;
- }
- .banner-feature-image .banner-animate-element li:nth-child(2) {
- right: -42px;
- bottom: -14px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(3) {
- left: 0;
- top: 0;
- -webkit-animation: jump 2s infinite;
- animation: jump 2s infinite;
- }
- .banner-feature-image .banner-animate-element li:nth-child(4) {
- top: 105px;
- left: 95px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(5) {
- right: 95px;
- bottom: 22px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(6) {
- bottom: 0;
- right: 52px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(7) {
- right: -115px;
- top: 30px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(8) {
- right: -55px;
- top: 145px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(9) {
- right: -106px;
- top: 138px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(10) {
- right: -40px;
- top: 95px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(11) {
- right: 10px;
- top: 25px;
- }
- /* Banner Seo*/
- .banner-bg-half {
- background-image: -o-linear-gradient(40deg, #ff5e85 0%, #464ac9 100%);
- background-image: linear-gradient(50deg, #ff5e85 0%, #464ac9 100%);
- position: absolute;
- right: 0;
- top: 0;
- width: 80%;
- height: 100%;
- }
- .banner-seo {
- height: 950px;
- position: relative;
- overflow: hidden;
- min-height: 700px;
- padding: 230px 0;
- }
- .banner-seo .banner-bg {
- background-size: cover;
- height: 100%;
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- background-position: center center;
- }
- .banner-seo .container {
- height: 100%;
- }
- .banner-seo .banner-content {
- position: relative;
- z-index: 333;
- }
- .banner-seo .banner-content .sub-title {
- font-size: 14px;
- color: #ff5e85;
- letter-spacing: 3px;
- text-transform: uppercase;
- font-weight: 400;
- }
- .banner-seo .banner-content .banner-title {
- font-size: 48px;
- line-height: 64px;
- font-weight: 700;
- margin-bottom: 16px;
- color: #343e5d;
- }
- .banner-seo .banner-content p {
- font-size: 18px;
- color: #747c95;
- font-weight: 300;
- line-height: 30px;
- margin-bottom: 53px;
- }
- .banner-seo .banner-feature-thumb {
- position: absolute;
- right: 0;
- bottom: 90px;
- }
- .animate-bubble {
- margin: 0;
- padding: 0;
- list-style: none;
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- }
- .animate-bubble li {
- position: absolute;
- border-radius: 50%;
- }
- .animate-bubble .bubble1 {
- height: 220px;
- width: 220px;
- background: #babdfe;
- border-radius: 50%;
- top: 40%;
- left: -80px;
- -webkit-animation: wave 2s ease-in-out infinite;
- animation: wave 2s ease-in-out infinite;
- }
- .animate-bubble .bubble2 {
- height: 80px;
- width: 80px;
- left: 100px;
- top: 30%;
- background: #ffe4b2;
- -webkit-animation: wave 2s ease-in-out infinite;
- animation: wave 2s ease-in-out infinite;
- }
- .animate-bubble .bubble3 {
- height: 20px;
- width: 20px;
- left: 50%;
- bottom: 17%;
- background: #9df1bc;
- -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- -webkit-animation: animationFramesTwo 50s infinite linear;
- animation: animationFramesTwo 50s infinite linear;
- }
- .animate-bubble .bubble4 {
- height: 10px;
- width: 10px;
- left: 55%;
- bottom: 50%;
- background: #ffa2bd;
- -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- -webkit-animation: animationFramesTwo 40s infinite linear;
- animation: animationFramesTwo 40s infinite linear;
- }
- .animate-bubble .bubble5 {
- height: 18px;
- width: 18px;
- right: 10%;
- top: 41%;
- background: #ffa2bd;
- -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
- -webkit-animation: animationFramesTwo 30s infinite linear;
- animation: animationFramesTwo 30s infinite linear;
- }
- .animate-element-wrapper .banner-seo-animate-element {
- margin: 0;
- padding: 0;
- list-style: none;
- height: 615px;
- width: 750px;
- position: relative;
- right: -40px;
- }
- .animate-element-wrapper .banner-seo-animate-element li {
- position: absolute;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
- right: 170px;
- top: 130px;
- z-index: 2;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) {
- left: 20px;
- bottom: 130px;
- z-index: 1;
- -webkit-animation: swing 12s infinite both;
- animation: swing 12s infinite both;
- -webkit-transform-origin: bottom center;
- -ms-transform-origin: bottom center;
- transform-origin: bottom center;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
- right: 80px;
- top: 160px;
- z-index: 1;
- -webkit-animation: 2s ease-in-out infinite leafMotion;
- animation: 2s ease-in-out infinite leafMotion;
- -webkit-transform-origin: left center;
- -ms-transform-origin: left center;
- transform-origin: left center;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
- right: 0;
- bottom: 90px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
- right: 110px;
- bottom: 25px;
- z-index: 3;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
- left: 85px;
- bottom: 0;
- z-index: 3;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
- bottom: 25px;
- left: 85px;
- z-index: 2;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
- left: 98px;
- top: 0;
- z-index: 2;
- -webkit-animation: jump 2.5s infinite;
- animation: jump 2.5s infinite;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
- left: 124px;
- top: 250px;
- z-index: 2;
- -webkit-animation: 3s ease-in-out infinite leafMotion;
- animation: 3s ease-in-out infinite leafMotion;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) {
- left: 20px;
- bottom: 20px;
- }
- .slider-nav {
- position: absolute;
- top: 50%;
- left: 0;
- width: 100%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- z-index: 999;
- }
- .slider-nav .slider-next, .slider-nav .slider-prev {
- height: 100px;
- width: 40px;
- text-align: center;
- line-height: 100px;
- background: rgba(0, 0, 0, 0.5);
- position: absolute;
- cursor: pointer;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .slider-nav .slider-next i, .slider-nav .slider-prev i {
- font-size: 30px;
- color: #fff;
- }
- .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover {
- background: #f8b137;
- }
- .slider-nav .slider-next {
- right: 0;
- }
- .slider-nav .slider-prev {
- left: 0;
- }
- .swiper-pagination {
- position: relative;
- margin-top: 55px;
- }
- .swiper-pagination .swiper-pagination-bullet {
- height: 6px;
- width: 6px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- position: relative;
- opacity: 1;
- background: #dce4f2;
- outline: 0;
- margin: 0 6px !important;
- }
- .swiper-pagination .swiper-pagination-bullet:before {
- content: "";
- position: absolute;
- top: -2px;
- bottom: -2px;
- left: -2px;
- right: -2px;
- background: #ed1f25;
- border-radius: 50%;
- -webkit-transform: scale(0.5);
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- opacity: 1;
- background: #ed1f25;
- }
- .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- .swiper-pagination.style-circle {
- margin-top: 0;
- }
- .swiper-pagination.style-circle .swiper-pagination-bullet {
- height: 6px;
- width: 6px;
- border-radius: 50%;
- background: #c6ccda;
- margin: 0 7px;
- }
- .swiper-pagination.style-circle .swiper-pagination-bullet:before {
- content: "";
- position: absolute;
- top: -7px;
- bottom: -7px;
- right: -7px;
- left: -7px;
- border: 1px solid #ed1f25;
- border-radius: 50%;
- opacity: 0;
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- transform: scale(0);
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active {
- background: #ed1f25;
- }
- .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
- opacity: 1;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- /* Banner Social*/
- .banner-social {
- background-image:url(../img/header-bg.jpg);
- background-repeat: no-repeat;
- background-size: cover;
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- .banner-social .banner-social-content .banner-title {
- font-size: 55px;
- color: #fff;
- line-height: 65px;
- font-weight: 400;
- margin-bottom: 30px;
- }
- .banner-social .banner-social-content .banner-title span {
- font-weight: 700;
- }
- .banner-social .banner-social-content p {
- color: #fff;
- margin-bottom: 50px;
- }
- .banner-social .banner-social-content .so-ban-btn {
- background: #fff;
- padding: 12px 48px;
- border-radius: 30px;
- color: #ed1f25;
- border: 1px solid #fff;
- font-weight: 500;
- display: inline-block;
- }
- .banner-social .banner-social-content .so-ban-btn i {
- margin-right: 5px;
- }
- .banner-social .banner-social-content .so-ban-btn:hover {
- background: transparent;
- color: #fff;
- }
- .banner-social .banner-social-content .btn-underline {
- color: #fff;
- font-weight: 500;
- position: relative;
- padding-bottom: 3px;
- margin-left: 30px;
- }
- @media (max-width: 420px) {
- .banner-social .banner-social-content .btn-underline {
- display: inline-block;
- margin-top: 20px;
- margin-left: 0;
- }
- }
- .banner-social .banner-social-content .btn-underline:after {
- content: "";
- position: absolute;
- bottom: 0;
- left: 0;
- height: 1px;
- width: 100%;
- background: #fff;
- }
- .social-banner-feature-image {
- position: absolute;
- bottom: 0;
- right: 70px;
- }
- .social-banner-element-wrapper {
- position: relative;
- margin-top: 30px;
- }
- .social-banner-element-wrapper .banner-social-animate-element {
- position: relative;
- width: 780px;
- height: 420px;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .social-banner-element-wrapper .banner-social-animate-element li {
- position: absolute;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
- right: 85px;
- top: -95px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
- right: 10px;
- top: 140px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
- left: -7px;
- top: 40px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
- top: 205px;
- left: 65px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
- bottom: 55px;
- left: 38%;
- }
- .banner-saas {
- height: 940px;
- background-image: -o-linear-gradient(350deg, #453b84 35%, #00c0cd 100%);
- background-image: linear-gradient(100deg, #453b84 35%, #00c0cd 100%);
- overflow: hidden;
- }
- @media (max-width: 991px) {
- .banner-saas {
- height: auto;
- padding: 150px 0 100px;
- }
- .banner-saas .banner-content-wrap {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- }
- .banner-saas .transperent-shape {
- position: absolute;
- top: 0;
- left: 53%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- .banner-saas .overlay-shape {
- background-size: cover;
- background-position: center center;
- position: absolute;
- background-repeat: no-repeat;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- @media (max-width: 991px) {
- .banner-saas .overlay-shape {
- background-position: 18% center;
- }
- }
- @media (max-width: 576px) {
- .banner-saas .overlay-shape {
- background-position: 27% center;
- }
- }
- .banner-saas .banner-content-inner {
- width: 100%;
- }
- @media (max-width: 991px) {
- .banner-saas .banner-content-inner {
- text-align: center;
- margin-bottom: 40px;
- }
- }
- .banner-saas .banner-content-inner .banner-content {
- max-width: 900px;
- width: 100%;
- position: relative;
- z-index: 2222;
- }
- .banner-saas .banner-content .banner-sub-title {
- font-size: 14px;
- text-transform: uppercase;
- color: #6b6b7e;
- letter-spacing: 1px;
- font-weight: 500;
- margin-bottom: 15px;
- }
- .banner-saas .banner-content .banner-title {
- font-size: 50px;
- line-height: 60px;
- font-weight: 300;
- margin-bottom: 48px;
- color: #2c2c51;
- }
- @media (max-width: 767px) {
- .banner-saas .banner-content .banner-title {
- font-size: 34px;
- line-height: 44px;
- }
- }
- .banner-saas .banner-content .banner-title span {
- font-weight: 700;
- }
- .animated-promo-mockup {
- position: relative;
- max-width: 820px;
- width: 100%;
- height: 580px;
- margin-top: 40px;
- }
- .animated-promo-mockup > img {
- position: absolute;
- }
- .animated-promo-mockup .mob {
- left: 30%;
- }
- .animated-promo-mockup .tree {
- right: -25%;
- bottom: 45px;
- }
- .animated-promo-mockup .man1 {
- left: -40px;
- bottom: -20px;
- z-index: 2;
- }
- .animated-promo-mockup .man2 {
- right: 0;
- bottom: -50px;
- }
- .animated-promo-mockup .cloud-one {
- right: -30%;
- top: 10%;
- -webkit-animation: moveclouds 6s 1s linear infinite alternate;
- animation: moveclouds 6s 1s linear infinite alternate;
- }
- .animated-promo-mockup .cloud-two {
- right: 0;
- top: -9%;
- -webkit-animation: moveclouds 10s 1s linear infinite alternate;
- animation: moveclouds 10s 1s linear infinite alternate;
- }
- .animated-promo-mockup .cloud-three {
- left: 50px;
- top: 25px;
- -webkit-animation: moveclouds 15s 1s linear infinite alternate;
- animation: moveclouds 15s 1s linear infinite alternate;
- }
- .animated-promo-mockup .line {
- bottom: 0;
- left: 60px;
- z-index: -1;
- }
- @media (max-width: 1600px) {
- .animated-promo-mockup {
- height: 505px;
- margin-top: 0;
- }
- .animated-promo-mockup .mob {
- max-width: 280px;
- bottom: 0;
- }
- .animated-promo-mockup .man1 {
- left: -8px;
- bottom: -20px;
- z-index: 2;
- max-width: 180px;
- }
- .animated-promo-mockup .man2 {
- right: 21px;
- bottom: -48px;
- width: 150px;
- }
- .animated-promo-mockup .tree {
- right: -15%;
- bottom: 45px;
- width: 90px;
- }
- }
- @media (max-width: 991px) {
- .animated-promo-mockup {
- max-width: 500px;
- margin: 0 auto;
- }
- .animated-promo-mockup .man1 {
- left: -78px;
- }
- .animated-promo-mockup .mob {
- left: 20%;
- }
- .animated-promo-mockup .tree {
- right: -10%;
- bottom: 45px;
- width: 70px;
- }
- }
- @media (max-width: 576px) {
- .animated-promo-mockup {
- height: 360px;
- max-width: 350px;
- }
- .animated-promo-mockup .mob {
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- width: 200px;
- }
- .animated-promo-mockup .man1 {
- left: -48px;
- bottom: -10px;
- z-index: 2;
- max-width: 125px;
- }
- .animated-promo-mockup .man2 {
- right: 5px;
- bottom: -40px;
- width: 110px;
- }
- .animated-promo-mockup .tree {
- right: -11%;
- width: 38px;
- }
- }
- .shape-right {
- position: absolute;
- top: 0;
- right: 0;
- }
- .banner-content-wrap {
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .slider-nav {
- position: absolute;
- top: 50%;
- left: 0;
- width: 100%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- z-index: 999;
- }
- .slider-nav .slider-next, .slider-nav .slider-prev {
- height: 100px;
- width: 40px;
- text-align: center;
- line-height: 100px;
- background: rgba(0, 0, 0, 0.5);
- position: absolute;
- cursor: pointer;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .slider-nav .slider-next i, .slider-nav .slider-prev i {
- font-size: 30px;
- color: #1b1b1b;
- }
- .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover {
- background: #f8b137;
- }
- .slider-nav .slider-next {
- right: 0;
- }
- .slider-nav .slider-prev {
- left: 0;
- }
- .section-dark .gp-testimonial .gp-testimonial-author .author-details .testi-author-name {
- color: #FFF;
- }
- .section-dark .gp-testimonial .gp-testimonial-author .author-details span {
- color: #b5b5b5;
- }
- .section-dark .swiper-pagination-bullet {
- background: #fff;
- opacity: 0.5;
- }
- /* Banner Agency */
- .banner-agency {
- background-image: -o-linear-gradient(40deg, #4d5afe 0%, #35d5fd 100%);
- background-image: linear-gradient(50deg, #4d5afe 0%, #35d5fd 100%);
- height: 930px;
- overflow: hidden;
- }
- @media (max-width: 1024px) {
- .banner-agency {
- height: 800px;
- }
- }
- .banner-agency .banner-shape {
- position: absolute;
- top: 0;
- left: 0;
- background-size: cover;
- background-position: center;
- width: 100%;
- height: 100%;
- }
- @media (min-width: 992px) {
- .banner-agency .mw-570 {
- max-width: 570px;
- }
- }
- .banner-agency .banner-agency-content {
- padding: 320px 0;
- z-index: 3;
- position: relative;
- z-index: 333;
- }
- @media (max-width: 1024px) {
- .banner-agency .banner-agency-content {
- padding: 250px 0;
- }
- }
- .banner-agency .banner-agency-content .top-subtitle {
- color: #4d5afe;
- font-size: 16px;
- font-weight: 400;
- text-transform: uppercase;
- }
- .banner-agency .banner-agency-content .banner-title {
- font-size: 60px;
- line-height: 70px;
- margin-bottom: 30px;
- }
- @media (max-width: 1280px) {
- .banner-agency .banner-agency-content .banner-title {
- font-size: 50px;
- line-height: 60px;
- }
- }
- @media (max-width: 1200px) {
- .banner-agency .banner-agency-content .banner-title {
- font-size: 40px;
- line-height: 50px;
- }
- }
- .banner-agency .banner-agency-content p {
- font-size: 18px;
- line-height: 30px;
- font-weight: 400;
- margin-bottom: 50px;
- max-width: 540px;
- }
- .banner-agency .banner-agency-wrapper {
- margin: 0 -754px 0 0;
- }
- @media (max-width: 1600px) {
- .banner-agency .banner-agency-wrapper {
- margin: 0 -550px 0 0;
- }
- }
- @media (max-width: 1440px) {
- .banner-agency .banner-agency-wrapper {
- margin: 0 -260px 0 0;
- }
- }
- @media (max-width: 1280px) {
- .banner-agency .banner-agency-wrapper {
- margin: 0 -150px 0 0;
- }
- }
- @media (max-width: 1024px) {
- .banner-agency .banner-agency-wrapper {
- margin: 0;
- }
- }
- .banner-agency .agency-banner-element-wrapper {
- position: absolute;
- top: 0;
- right: 0;
- width: 100%;
- }
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element {
- margin: 0;
- padding: 0;
- list-style: none;
- position: relative;
- z-index: 4;
- }
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li {
- position: absolute;
- }
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
- top: 185px;
- left: 0;
- max-width: 897px;
- }
- @media (max-width: 1600px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
- max-width: 750px;
- }
- }
- @media (max-width: 1440px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
- max-width: 675px;
- }
- }
- @media (max-width: 1280px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
- max-width: 610px;
- }
- }
- @media (max-width: 1200px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
- max-width: 550px;
- left: -20px;
- }
- }
- @media (max-width: 1024px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
- max-width: 500px;
- left: -50px;
- }
- }
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
- top: 130px;
- right: -150px;
- }
- @media (max-width: 1600px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
- right: -80px;
- max-width: 340px;
- }
- }
- @media (max-width: 1440px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
- top: 140px;
- right: -125px;
- max-width: 300px;
- }
- }
- @media (max-width: 1280px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
- right: -100px;
- max-width: 270px;
- }
- }
- @media (max-width: 1200px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
- right: -30px;
- max-width: 250px;
- }
- }
- @media (max-width: 1024px) {
- .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
- top: 150px;
- right: -90px;
- max-width: 220px;
- }
- }
- .banner-agency .banner-pertical {
- margin: 0;
- padding: 0;
- list-style: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1;
- }
- .banner-agency .banner-pertical li {
- position: absolute;
- }
- .banner-agency .banner-pertical li.bubble1 {
- background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%);
- background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%);
- height: 140px;
- width: 140px;
- border-radius: 50%;
- top: -70px;
- left: 45px;
- opacity: 0.7;
- z-index: 1;
- -webkit-animation: wave 2s 0.1s infinite linear;
- animation: wave 2s 0.1s infinite linear;
- }
- .banner-agency .banner-pertical li.bubble2 {
- background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%);
- background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%);
- height: 140px;
- width: 140px;
- border-radius: 50%;
- top: -95px;
- left: 110px;
- opacity: 0.1;
- z-index: 2;
- -webkit-animation: wave 3s 0.1s infinite linear;
- animation: wave 3s 0.1s infinite linear;
- }
- .banner-agency .banner-pertical li.bubble3 {
- background: #f773e3;
- height: 40px;
- width: 40px;
- border-radius: 50%;
- top: 55%;
- left: 5%;
- -webkit-animation: animetwo 40s infinite linear;
- animation: animetwo 40s infinite linear;
- }
- .banner-agency .banner-pertical li.bubble4 {
- background: #f8cc61;
- height: 15px;
- width: 15px;
- border-radius: 50%;
- left: 8%;
- bottom: 35%;
- -webkit-animation: animeone 40s infinite linear;
- animation: animeone 40s infinite linear;
- }
- .banner-agency .banner-pertical li.bubble5 {
- background: #42e255;
- height: 20px;
- width: 20px;
- border-radius: 50%;
- left: 45%;
- bottom: 22%;
- -webkit-animation: animetwo 40s infinite linear;
- animation: animetwo 40s infinite linear;
- }
- .banner-agency .banner-pertical li.bubble6 {
- background-image: -o-linear-gradient(50deg, #f3b3ce 0%, #8858af 100%);
- background-image: linear-gradient(40deg, #f3b3ce 0%, #8858af 100%);
- height: 160px;
- width: 160px;
- border-radius: 50%;
- bottom: 10px;
- left: 50%;
- -webkit-animation: wave 2s 0.1s infinite linear;
- animation: wave 2s 0.1s infinite linear;
- }
- @media (max-width: 991px) {
- .banner-agency .banner-pertical li.bubble6 {
- height: 100px;
- width: 100px;
- }
- }
- .banner-agency .banner-pertical li:nth-child(3) {
- top: 220px;
- left: 275px;
- -webkit-animation: animethree 40s infinite linear;
- animation: animethree 40s infinite linear;
- width: 40px;
- height: 40px;
- }
- .banner-agency .banner-pertical li:nth-child(4) {
- top: 225px;
- left: 25%;
- -webkit-animation: animeone 40s infinite linear;
- animation: animeone 40s infinite linear;
- }
- .banner-agency .banner-pertical li:nth-child(5) {
- top: 50%;
- left: 8%;
- -webkit-animation: animeone 40s infinite linear;
- animation: animeone 40s infinite linear;
- width: 40px;
- height: 40px;
- }
- .banner-agency .banner-pertical li:nth-child(6) {
- bottom: 15%;
- left: 29%;
- -webkit-animation: animetwo 40s infinite linear;
- animation: animetwo 40s infinite linear;
- border: 0;
- }
- /* Banner Agency Two */
- .banner-content-position {
- height: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: relative;
- z-index: 22;
- }
- .banner-agency-two {
- background-image: url("../../media/banner/banner-agency-two.jpg");
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- }
- @media (max-width: 991px) {
- .banner-agency-two {
- height: 700px;
- }
- }
- .banner-agency-two:before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- background-color: rgba(74, 16, 175, 0.7);
- }
- .banner-agency-two .banner-content {
- max-width: 500px;
- }
- @media (max-width: 991px) {
- .banner-agency-two .banner-content {
- text-align: center;
- margin: 0 auto;
- }
- }
- .banner-agency-two .banner-content .subtitle {
- font-size: 16px;
- color: #fff;
- font-weight: 500;
- letter-spacing: 5px;
- text-transform: uppercase;
- }
- .banner-agency-two .banner-content .banner-title {
- color: #fff;
- font-size: 60px;
- line-height: 1.2;
- font-weight: 700;
- margin-bottom: 20px;
- }
- @media (max-width: 991px) {
- .banner-agency-two .banner-content .banner-title {
- font-size: 46px;
- }
- }
- @media (max-width: 991px) {
- .banner-agency-two .banner-content .banner-title {
- font-size: 34px;
- }
- }
- .banner-agency-two .banner-content .description {
- color: rgba(255, 255, 255, 0.8);
- margin-bottom: 42px;
- }
- .banner-agency-two .banner-content .banner-btn {
- color: #fff;
- border: 2px solid rgba(255, 255, 255, 0.4);
- }
- .banner-agency-two .banner-content .banner-btn:after {
- background: #ed1f25;
- }
- .banner-agency-two .banner-content .banner-btn:hover {
- border-color: #ed1f25;
- }
- .banner-comminity {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- height: 850px;
- }
- @media (max-width: 1024px) {
- .banner-comminity {
- height: 650px;
- }
- }
- @media (max-width: 1024px) {
- .banner-comminity {
- height: 550px;
- }
- }
- .banner-comminity .banner-main-content-wrapper {
- width: 100%;
- margin-top: 125px;
- }
- @media (max-width: 1024px) {
- .banner-comminity .banner-main-content-wrapper {
- margin-top: 50px;
- }
- }
- .banner-comminity .banner-main-content-wrapper .banner-content {
- padding: 0 15px;
- }
- .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
- font-size: 50px;
- line-height: 60px;
- font-weight: 300;
- color: #2c2c51;
- margin-bottom: 45px;
- }
- @media (max-width: 991px) {
- .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
- font-size: 40px;
- line-height: 50px;
- }
- }
- @media (max-width: 767px) {
- .banner-comminity .banner-main-content-wrapper .banner-content .banner-title br {
- display: none;
- }
- }
- @media (max-width: 991px) {
- .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
- font-size: 34px;
- line-height: 44px;
- }
- }
- .banner-comminity .banner-main-content-wrapper .banner-content .banner-title span {
- font-weight: 700;
- }
- .banner-comminity .banner-search-form-wrapper {
- position: relative;
- z-index: 22;
- padding: 0 20px;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004);
- box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004);
- background: #fff;
- width: 100%;
- max-width: 570px;
- margin: 0 auto;
- border-left: 4px solid #19b565;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form input {
- margin: 0;
- background: transparent;
- height: 60px;
- padding: 20px 30px 20px 27px;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form input::-webkit-input-placeholder {
- color: #9d9da8;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form input::-moz-placeholder {
- color: #9d9da8;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form input:-ms-input-placeholder {
- color: #9d9da8;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form input::-ms-input-placeholder {
- color: #9d9da8;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form input::placeholder {
- color: #9d9da8;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form input:focus {
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: transparent;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form button {
- border: 0;
- background: transparent;
- font-size: 24px;
- padding: 0 25px 0 20px;
- outline: 0;
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form button i {
- display: inline-block;
- -webkit-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
- }
- .banner-comminity .banner-search-form-wrapper .banner-search-form button:hover {
- color: #ed1f25;
- }
- .banner-comminity .banner-content-bg {
- margin-top: -150px;
- }
- @media (max-width: 991px) {
- .banner-comminity .banner-content-bg {
- margin-top: -85px;
- }
- }
- @media (max-width: 767px) {
- .banner-comminity .banner-content-bg {
- margin-top: -55px;
- }
- }
- @media (max-width: 1600px) {
- .animate-element-wrapper .banner-seo-animate-element {
- right: 50px;
- }
- .social-banner-element-wrapper {
- position: relative;
- }
- .social-banner-element-wrapper .banner-social-animate-element {
- position: relative;
- width: 680px;
- height: 375px;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .social-banner-element-wrapper .banner-social-animate-element li {
- position: absolute;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
- right: 65px;
- top: -80px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
- width: 390px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
- right: 0;
- top: 130px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
- width: 300px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
- left: 0;
- top: 50px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
- width: 200px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
- top: 185px;
- left: 60px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
- width: 225px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
- bottom: 45px;
- left: 39%;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
- width: 130px;
- }
- }
- @media (max-width: 1400px) {
- .animate-element-wrapper .banner-seo-animate-element {
- right: 50px;
- height: 550px;
- width: 650px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
- right: 90px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
- width: 110px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
- top: 190px;
- right: 0;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
- width: 100px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
- right: -20px;
- bottom: 20px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
- width: 180px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
- right: 40px;
- bottom: -35px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
- width: 110px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
- bottom: -50px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
- width: 105px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
- bottom: -40px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
- left: 92px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
- width: 180px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
- left: 116px;
- top: 200px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
- width: 80px;
- }
- .banner-social {
- height: 800px;
- padding: 280px 0 190px;
- }
- .social-banner-element-wrapper {
- position: relative;
- }
- .social-banner-element-wrapper .banner-social-animate-element {
- position: relative;
- width: 600px;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .social-banner-element-wrapper .banner-social-animate-element li {
- position: absolute;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
- right: 70px;
- top: -60px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
- width: 330px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
- right: 10px;
- top: 125px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
- width: 245px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
- left: 0;
- top: 50px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
- width: 165px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
- top: 165px;
- left: 55px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
- width: 200px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
- bottom: 83px;
- left: 39%;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
- width: 100px;
- }
- }
- @media (max-width: 1280px) {
- .banner-social {
- height: 800px;
- padding: 240px 0 190px;
- }
- .banner-social .banner-social-content .banner-title {
- font-size: 50px;
- line-height: 60px;
- }
- .social-banner-element-wrapper {
- position: relative;
- }
- .social-banner-element-wrapper .banner-social-animate-element {
- position: relative;
- width: 500px;
- height: 300px;
- margin-left: auto;
- }
- .social-banner-element-wrapper .banner-social-animate-element li {
- position: absolute;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
- right: 65px;
- top: -50px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
- width: 270px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
- right: 13px;
- top: 106px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
- width: 200px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
- left: 0;
- top: 41px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
- width: 140px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
- top: 140px;
- left: 50px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
- width: 160px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
- bottom: 57px;
- left: 39%;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
- width: 80px;
- }
- }
- @media (max-width: 1200px) {
- .banner-feature-image .banner-animate-element {
- width: 430px;
- }
- .banner-seo {
- padding: 170px 0;
- }
- .banner-seo .banner-content .banner-title {
- font-size: 40px;
- line-height: 55px;
- }
- .animate-element-wrapper .banner-seo-animate-element {
- right: 50px;
- right: 50px;
- height: 480px;
- width: 580px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
- right: 0;
- width: 100%;
- text-align: center;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img {
- width: 380px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
- width: 110px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
- top: 190px;
- right: 20px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
- width: 100px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
- right: -20px;
- bottom: 20px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
- width: 180px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
- right: 40px;
- bottom: -35px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
- width: 110px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
- bottom: -50px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
- width: 105px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
- bottom: -40px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
- left: 75px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
- width: 180px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
- left: 100px;
- top: 200px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
- width: 80px;
- }
- }
- @media (max-width: 991px) {
- .banner-analytics {
- padding-bottom: 100px;
- }
- .banner-analytics .banner-content {
- text-align: center;
- }
- .banner-analytics .banner-content h2 {
- font-size: 34px;
- line-height: 42px;
- }
- .banner-analytics .banner-feature-image {
- padding-top: 100px;
- }
- .banner-feature-image {
- padding-top: 150px;
- margin-bottom: 40px;
- }
- .banner-feature-image .banner-animate-element {
- margin: 0 auto;
- height: 380px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(1) {
- width: 200px;
- right: 80px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(2) {
- right: 50px;
- bottom: 20px;
- width: 55px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(3) {
- left: 20px;
- width: 110px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(4) {
- top: 80px;
- left: 95px;
- width: 85px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(5) {
- right: 145px;
- bottom: 45px;
- width: 40px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(6) {
- bottom: 30px;
- right: 110px;
- width: 40px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(7) {
- right: -20px;
- top: -30px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(8) {
- right: 40px;
- top: 100px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(9) {
- right: -7px;
- top: 78px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(10) {
- right: 48px;
- top: 50px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(11) {
- right: 75px;
- top: -15px;
- }
- .bmt-100 {
- margin-top: 0;
- }
- .banner-bg-half {
- width: 100%;
- }
- .banner-seo {
- padding: 100px 0;
- height: 1020px;
- }
- .banner-seo .banner-bg {
- background-position: right center;
- }
- .banner-seo .banner-content {
- text-align: center;
- margin-bottom: 30px;
- }
- .banner-seo .banner-content .banner-title {
- font-size: 40px;
- line-height: 55px;
- color: #fff;
- }
- .banner-seo .banner-content p {
- color: #fff;
- }
- .animate-element-wrapper .banner-seo-animate-element {
- margin: 0 auto;
- right: 0;
- }
- .animate-bubble .bubble1 {
- height: 100px;
- width: 100px;
- left: -35px;
- }
- .animate-bubble .bubble2 {
- height: 50px;
- width: 50px;
- left: 0;
- }
- .banner-social {
- height: auto;
- padding: 120px 0 80px;
- }
- .banner-social-content {
- text-align: center;
- }
- .social-banner-element-wrapper {
- margin-top: 0;
- }
- .social-banner-element-wrapper .banner-social-animate-element {
- margin: auto;
- }
- }
- @media (max-width: 576px) {
- .banner-seo {
- height: auto;
- }
- .banner-seo .banner-content .banner-title {
- font-size: 30px;
- line-height: 40px;
- color: #fff;
- }
- .banner-seo .banner-content p br {
- display: none;
- }
- .animate-element-wrapper .banner-seo-animate-element {
- right: 0;
- height: 360px;
- width: 320px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
- right: 0;
- width: 100%;
- top: 80px;
- text-align: center;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img {
- width: 280px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) {
- left: -47px;
- bottom: 90px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
- width: 90px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
- top: 140px;
- right: -40px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
- width: 85px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
- right: -38px;
- bottom: 40px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
- width: 100px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
- right: -5px;
- bottom: -35px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
- width: 85px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
- bottom: -27px;
- left: 17px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
- width: 80px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
- bottom: -25px;
- left: 0;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) img {
- width: 180px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
- left: 2px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
- width: 130px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
- left: 21px;
- top: 140px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
- width: 55px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) {
- left: -45px;
- bottom: -25px;
- }
- .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) img {
- width: 40px;
- }
- .banner-social .banner-social-content .banner-title {
- font-size: 35px;
- line-height: 45px;
- }
- .banner-social .banner-social-content p br {
- display: none;
- }
- .social-banner-element-wrapper .banner-social-animate-element {
- width: 400px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
- top: 0;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
- width: 170px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
- right: 0px;
- top: 90px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
- width: 150px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
- top: 110px;
- left: 85px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
- width: 110px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
- bottom: 90px;
- left: 45%;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
- width: 60px;
- }
- }
- @media (max-width: 480px) {
- .bmt-100 {
- margin-top: 50px;
- }
- .home-analytics .banner-content h2 {
- font-size: 28px;
- line-height: 38px;
- }
- .home-analytics .banner-content .banner-button .gp-btn {
- display: block;
- max-width: 220px;
- margin: 0 auto 30px;
- }
- .banner-feature-image .banner-animate-element {
- margin: 0 auto;
- height: 300px;
- width: 300px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(1) {
- width: 150px;
- right: 55px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(2) {
- right: 30px;
- bottom: 20px;
- width: 45px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(3) {
- left: 0;
- width: 80px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(4) {
- top: 60px;
- left: 55px;
- width: 60px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(5) {
- right: 110px;
- bottom: 54px;
- width: 30px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(6) {
- bottom: 40px;
- right: 83px;
- width: 30px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(7) {
- right: -20px;
- top: -15px;
- width: 130px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(8) {
- right: 20px;
- top: 85px;
- width: 20px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(9) {
- right: -13px;
- top: 52px;
- width: 20px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(10) {
- right: 25px;
- top: 50px;
- width: 20px;
- }
- .banner-feature-image .banner-animate-element li:nth-child(11) {
- right: 40px;
- top: -15px;
- width: 20px;
- }
- }
- @media (max-width: 420px) {
- .social-banner-element-wrapper .banner-social-animate-element {
- width: 300px;
- height: 200px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
- top: 25px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
- width: 120px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
- top: 70px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
- width: 100px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
- width: 100px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
- top: 100px;
- left: 58px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
- width: 85px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
- bottom: 25px;
- }
- .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
- width: 60px;
- }
- }
- /*--------------------------------------------------------------
- ## About
- --------------------------------------------------------------*/
- .feature-agency {
- padding: 195px 0 100px;
- }
- @media (max-width: 991px) {
- .feature-agency {
- padding: 100px 0 50px;
- }
- }
- .about {
- padding-top: 65px;
- }
- @media (max-width: 991px) {
- .about {
- padding-top: 0;
- }
- }
- .about-single {
- padding: 120px 0;
- }
- @media (max-width: 768px) {
- .about-single {
- padding: 80px 0;
- }
- }
- .icon-lists {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .icon-lists li {
- font-size: 18px;
- line-height: 35px;
- }
- .icon-lists li i {
- margin-right: 20px;
- color: #ed1f25;
- }
- .icon-lists.color-eight li {
- color: #373d46;
- }
- .icon-lists.color-eight li i {
- color: #4d5afe !important;
- }
- .about-feature-image {
- position: relative;
- padding-top: 90px;
- z-index: 222;
- }
- @media (max-width: 1024px) {
- .about-feature-image {
- padding-left: 50px;
- }
- }
- .about-feature-image .top-content {
- position: absolute;
- top: 0;
- left: 0;
- width: 375px;
- height: 330px;
- background-image: -o-linear-gradient(40deg, #4d5afe 0%, #818afb 100%);
- background-image: linear-gradient(50deg, #4d5afe 0%, #818afb 100%);
- padding: 100px 70px;
- z-index: 2;
- }
- @media (max-width: 1024px) {
- .about-feature-image .top-content {
- width: 300px;
- height: 260px;
- padding: 65px 70px;
- }
- }
- .about-feature-image .top-content.bg-gradient-two {
- background-image: -o-linear-gradient(30deg, #ff5e85 0%, #464ac9 100%);
- background-image: linear-gradient(60deg, #ff5e85 0%, #464ac9 100%);
- }
- .about-feature-image .top-content .ab-top-subtitle {
- font-size: 16px;
- font-weight: 400;
- color: #fff;
- text-transform: uppercase;
- margin-bottom: 27px;
- }
- .about-feature-image .top-content .ab-subtitle {
- font-size: 30px;
- font-weight: 800;
- color: #fff;
- line-height: 40px;
- }
- .about-feature-image .image-wrapper {
- text-align: right;
- }
- @media (max-width: 991px) {
- .about-feature-image .image-wrapper {
- text-align: left;
- }
- }
- .about-feature-image.style-two {
- padding-top: 0;
- max-width: 570px;
- }
- @media (max-width: 991px) {
- .about-feature-image.style-two {
- margin: 0 auto;
- }
- }
- .about-feature-image.style-two .image-wrapper {
- position: relative;
- z-index: 22;
- padding: 40px 0 45px 70px;
- }
- .about-feature-image.style-two .image-wrapper img {
- -webkit-box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14);
- box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14);
- }
- @media (max-width: 440px) {
- .about-feature-image.style-two .image-wrapper {
- padding: 30px 20px 25px 15px;
- }
- }
- .about-feature-image.style-two .circle-half {
- background: #8340fd;
- display: inline-block;
- margin: 0 1em 1em 0;
- position: absolute;
- left: 0;
- top: 0;
- }
- .about-feature-image.style-two .circle-half {
- height: 460px;
- width: 230px;
- }
- @media (max-width: 576px) {
- .about-feature-image.style-two .circle-half {
- height: 360px;
- width: 190px;
- }
- }
- @media (max-width: 576px) {
- .about-feature-image.style-two .circle-half {
- height: 270px;
- width: 140px;
- }
- }
- .about-feature-image.style-two .circle-half {
- border-bottom-left-radius: 460px;
- border-top-left-radius: 460px;
- }
- .about-feature-image.style-two .dot {
- position: absolute;
- right: -30px;
- bottom: 0;
- }
- .about-feature-image.style-two .dot img {
- -webkit-animation: wave 2s 0.1s infinite linear;
- animation: wave 2s 0.1s infinite linear;
- }
- .about-content-wrapper {
- margin-top: 100px;
- padding-left: 69px;
- position: relative;
- z-index: 2;
- }
- @media (max-width: 991px) {
- .about-content-wrapper {
- padding-left: 0;
- }
- }
- .about-content-wrapper .about-title {
- font-size: 39px;
- line-height: 50px;
- color: #373d46;
- font-weight: 800;
- margin-bottom: 30px;
- }
- @media (max-width: 1024px) {
- .about-content-wrapper .about-title br {
- display: none;
- }
- }
- @media (max-width: 991px) {
- .about-content-wrapper .about-title {
- font-size: 34px;
- line-height: 44px;
- }
- }
- .about-content-wrapper p {
- margin-bottom: 36px;
- }
- .about-content-wrapper .icon-lists {
- margin-bottom: 40px;
- }
- .about-content-wrapper .icon-lists li i {
- color: #ed1f25;
- }
- .about-content-wrapper .icon-lists.color-theme li i {
- color: #ed1f25;
- }
- .about-content-wrapper.style-two {
- margin-top: -24px;
- }
- @media (max-width: 991px) {
- .about-content-wrapper.style-two {
- padding-left: 0;
- text-align: center;
- }
- }
- .about-content-wrapper.style-two .section-heading {
- margin-bottom: 15px;
- }
- @media (max-width: 991px) {
- .about-content-wrapper.style-two .section-heading {
- text-align: center !important;
- }
- }
- .about-content-wrapper.style-two .lead-content {
- font-size: 24px;
- color: #706c79;
- line-height: 34px;
- margin-bottom: 25px;
- }
- @media (max-width: 991px) {
- .about-content-wrapper.style-two .lead-content {
- font-size: 18px;
- line-height: 28px;
- }
- }
- .about-content-wrapper.style-two .description {
- margin-bottom: 43px;
- }
- .about-content-wrapper.style-two .gp-btn {
- padding: 11px 30px;
- }
- .about-two {
- padding: 90px 0 100px;
- }
- /*--------------------------------------------------------------
- ## Intro Video
- --------------------------------------------------------------*/
- .intro-video {
- position: relative;
- padding: 120px 0 150px;
- overflow: hidden;
- }
- @media (max-width: 991px) {
- .intro-video {
- padding: 80px 0;
- }
- }
- .intro-video .popup-video-warapper {
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- z-index: 2;
- }
- .intro-video .popup-video-warapper .video-shape-right {
- position: absolute;
- right: 0;
- bottom: 0;
- z-index: 1;
- }
- @media (max-width: 991px) {
- .intro-video .popup-video-warapper {
- -webkit-box-flex: 1;
- -ms-flex: auto;
- flex: auto;
- }
- }
- .intro-video.color-theme {
- padding: 43px 0 150px;
- }
- .intro-video.color-theme .video-content-wrapper .subtitle {
- color: #ed1f25;
- }
- .intro-video.color-theme .intro-video-inner .popup-video i {
- color: #ed1f25;
- }
- .intro-video-two .intro-video-inner {
- -webkit-box-shadow: none;
- box-shadow: none;
- border-radius: 0;
- }
- .video-content-wrapper {
- max-width: 470px;
- }
- @media (max-width: 991px) {
- .video-content-wrapper {
- padding-bottom: 80px;
- max-width: 100%;
- }
- }
- .video-content-wrapper .subtitle {
- font-size: 16px;
- text-transform: uppercase;
- color: #4d5afe;
- font-weight: 400;
- letter-spacing: 3px;
- }
- .video-content-wrapper .title {
- font-size: 40px;
- line-height: 54px;
- font-weight: 800;
- margin-bottom: 30px;
- }
- @media (max-width: 576px) {
- .video-content-wrapper .title {
- font-size: 28px;
- line-height: 38px;
- }
- .video-content-wrapper .title br {
- display: none;
- }
- }
- .video-content-wrapper p {
- margin-bottom: 48px;
- color: #6a7695;
- }
- .mw-670 {
- max-width: 670px;
- }
- .intro-video-wrapper {
- margin: 0 -350px 0 0;
- }
- @media (max-width: 1200px) {
- .intro-video-wrapper {
- margin: 0 -50px 0 0;
- }
- }
- @media (max-width: 1200px) {
- .intro-video-wrapper {
- margin: 0;
- }
- }
- .intro-video-inner {
- position: relative;
- border-radius: 6px;
- overflow: hidden;
- z-index: 2;
- -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14);
- box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14);
- }
- .intro-video-inner img {
- width: 100%;
- }
- .intro-video-inner .popup-video {
- position: absolute;
- top: 50%;
- left: 50%;
- height: 80px;
- width: 80px;
- display: inline-block;
- text-align: center;
- line-height: 86px;
- background: #fff;
- border-radius: 50%;
- -webkit-box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14);
- box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14);
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- }
- .intro-video-inner .popup-video i {
- font-size: 40px;
- margin-left: 6px;
- }
- .intro-video-inner .popup-video:before {
- content: "";
- height: 100px;
- width: 100px;
- position: absolute;
- left: -10px;
- top: -10px;
- border: 1px solid rgba(255, 255, 255, 0.4);
- border-radius: 50%;
- -webkit-animation: videoBtnAnim 3s linear infinite;
- animation: videoBtnAnim 3s linear infinite;
- display: block;
- }
- .intro-video-inner .popup-video:after {
- content: "";
- position: absolute;
- left: -30px;
- top: -30px;
- height: 140px;
- width: 140px;
- border: 1px solid rgba(255, 255, 255, 0.4);
- border-radius: 50%;
- -webkit-animation: videoBtnAnim 5s linear infinite;
- animation: videoBtnAnim 5s linear infinite;
- display: block;
- }
- @-webkit-keyframes videoBtnAnim {
- 0% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 25% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- 50% {
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- }
- 75% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- to {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- }
- @keyframes videoBtnAnim {
- 0% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 25% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- 50% {
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- }
- 75% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- to {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- }
- .popup-video-warapper-two .intro-video-inner .popup-video.style-two {
- -webkit-box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2);
- box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2);
- background: #fff;
- height: 100px;
- width: 100px;
- line-height: 105px;
- }
- .popup-video-warapper-two .intro-video-inner .popup-video.style-two i {
- color: #ed1f25;
- }
- .popup-video-warapper-two .intro-video-inner .popup-video.style-two:before {
- height: 110px;
- width: 110px;
- left: -5px;
- top: -5px;
- border: 1px solid rgba(255, 255, 255, 0.6);
- }
- .popup-video-warapper-two .intro-video-inner .popup-video.style-two:after {
- left: -15px;
- top: -15px;
- height: 130px;
- width: 130px;
- border: 1px solid rgba(255, 255, 255, 0.6);
- }
- .intro-video-two {
- overflow: hidden;
- }
- .video-content-wrapper-two {
- padding-left: 130px;
- }
- @media (max-width: 1400px) {
- .video-content-wrapper-two {
- padding-left: 0;
- }
- }
- @media (max-width: 1280px) {
- .video-content-wrapper-two {
- padding: 70px 15px;
- }
- }
- .video-content-wrapper-two .title {
- font-size: 40px;
- line-height: 50px;
- font-weight: 800;
- margin-bottom: 22px;
- }
- @media (max-width: 576px) {
- .video-content-wrapper-two .title {
- font-size: 28px;
- line-height: 38px;
- }
- .video-content-wrapper-two .title br {
- display: none;
- }
- }
- .video-content-wrapper-two p {
- margin-bottom: 43px;
- }
- @media (max-width: 576px) {
- .video-content-wrapper-two p br {
- display: none;
- }
- }
- .people-box {
- border-radius: 6px;
- background-color: white;
- -webkit-box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06);
- box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- max-width: 370px;
- padding: 10px 20px;
- margin-bottom: 80px;
- }
- @media (max-width: 1400px) and (min-width: 992px) {
- .people-box {
- margin-bottom: 40px;
- }
- }
- .people-box .avatar {
- border-radius: 50%;
- overflow: hidden;
- margin-right: 20px;
- }
- .people-box p {
- color: #0b1c39;
- margin: 0;
- }
- .counter-box-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- max-width: 550px;
- }
- /*--------------------------------------------------------------
- ## Icon Box
- --------------------------------------------------------------*/
- /* Feature Analytics */
- .feature-analytics {
- padding-top: 110px;
- padding-bottom: 30px;
- }
- @media (max-width: 991px) {
- .feature-analytics {
- padding-top: 70px;
- }
- }
- /* Social Feature One */
- #social-feature {
- padding: 115px 0 90px;
- background: #fbfbfd;
- }
- @media (max-width: 991px) {
- #social-feature {
- padding: 75px 0 50px;
- }
- }
- .social-icon-box {
- text-align: center;
- background: #fff;
- padding: 50px;
- -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05);
- box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05);
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- position: relative;
- margin-bottom: 30px;
- border-radius: 10px;
- }
- .social-icon-box:before, .social-icon-box:after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- content: "";
- opacity: 0;
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
- transition: opacity 0.35s, -webkit-transform 0.35s;
- -o-transition: opacity 0.35s, transform 0.35s;
- transition: opacity 0.35s, transform 0.35s;
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
- }
- .social-icon-box:before {
- border-top: 1px solid #ed1f25;
- border-bottom: 1px solid #ed1f25;
- -webkit-transform: scale(0, 1);
- -ms-transform: scale(0, 1);
- transform: scale(0, 1);
- }
- .social-icon-box:after {
- border-right: 1px solid #ed1f25;
- border-left: 1px solid #ed1f25;
- -webkit-transform: scale(1, 0);
- -ms-transform: scale(1, 0);
- transform: scale(1, 0);
- }
- .social-icon-box .icon {
- max-height: 107px;
- }
- .social-icon-box .icon svg {
- margin: 0 auto;
- max-height: 103px;
- }
- .social-icon-box .content {
- position: relative;
- z-index: 22;
- }
- .social-icon-box .content h3 {
- font-size: 20px;
- font-weight: 800;
- margin-bottom: 20px;
- }
- .social-icon-box .content p {
- font-size: 16px;
- color: #677294;
- line-height: 28px;
- margin-bottom: 30px;
- }
- .social-icon-box .content a {
- font-size: 15px;
- color: #051441;
- font-weight: 500;
- position: relative;
- display: inline-block;
- }
- .social-icon-box .content a i {
- margin-left: 5px;
- font-size: 13px;
- }
- .social-icon-box .content a:after {
- position: absolute;
- content: "";
- display: block;
- bottom: 3px;
- height: 1px;
- left: 0;
- width: 100%;
- background: #ed1f25;
- -webkit-transform-origin: right center;
- -ms-transform-origin: right center;
- transform-origin: right center;
- -webkit-transform: scale(0, 1);
- -ms-transform: scale(0, 1);
- transform: scale(0, 1);
- transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s;
- }
- .social-icon-box .content a:hover {
- color: #ed1f25;
- }
- .social-icon-box .content a:hover:after {
- -webkit-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transform-origin: left center;
- -ms-transform-origin: left center;
- transform-origin: left center;
- }
- .social-icon-box:hover {
- -webkit-box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06);
- box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06);
- }
- .social-icon-box-two .icon {
- margin-bottom: 10px;
- }
- .social-icon-box-two .icon svg {
- height: 80px;
- }
- .social-icon-box-two .content h3 {
- font-size: 20px;
- font-weight: 800;
- margin-bottom: 15px;
- }
- /* Saas Feature One */
- #feature {
- padding: 100px 0 90px;
- }
- @media (max-width: 991px) {
- #feature {
- padding: 70px 0 0;
- }
- }
- .service-one .section-heading {
- margin-bottom: 60px;
- }
- .icon-box {
- margin-bottom: 30px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;/* Feature Box Seo *//* Feature Analytics */
- }
- .icon-box .icon-container {
- margin-bottom: 40px;
- }
- .icon-box .box-content .box-title {
- font-size: 20px;
- font-weight: 800;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-bottom: 16px;
- }
- .icon-box .box-content .box-title:hover {
- color: #ed1f25;
- }
- .icon-box .box-content .box-title a {
- color: #373d46;
- }
- .icon-box .box-content .box-title a:hover {
- color: #ed1f25;
- }
- .icon-box .box-content p {
- font-size: 14px;
- margin: 0;
- }
- @media (max-width: 991px) {
- .icon-box .box-content p br {
- display: none;
- }
- }
- .icon-box.style-one {
- margin-bottom: 90px;
- }
- @media (max-width: 991px) {
- .icon-box.style-one {
- text-align: center;
- }
- }
- @media (max-width: 575px) {
- .icon-box.style-one {
- max-width: 400px;
- margin: 0 auto 40px;
- }
- }
- .icon-box.style-one .icon-container {
- font-size: 25px;
- width: 60px;
- height: 60px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 10px;
- color: #fff;
- background: #ed1f25;
- margin-bottom: 35px;
- -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
- box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
- }
- @media (max-width: 991px) {
- .icon-box.style-one .icon-container {
- margin: 0 auto 35px;
- }
- }
- .icon-box.style-one .icon-container.color-one {
- background: #73c216;
- -webkit-box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3);
- box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3);
- }
- .icon-box.style-one .icon-container.color-two {
- background: #a159f9;
- -webkit-box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3);
- box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3);
- }
- .icon-box.style-one .icon-container.color-three {
- background: #f75687;
- -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
- box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
- }
- .icon-box.style-one .icon-container.color-four {
- background: #5489fa;
- -webkit-box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3);
- box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3);
- }
- .icon-box.style-one .icon-container.color-five {
- background: #f7ab25;
- -webkit-box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3);
- box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3);
- }
- .icon-box.style-one .icon-container.color-six {
- background: #32b7fc;
- -webkit-box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3);
- box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3);
- }
- .icon-box.style-one .box-content .box-title {
- color: #000;
- }
- .icon-box.style-one .box-content .box-title:hover, .icon-box.style-one .box-content .box-title a:hover {
- color: #ff6344;
- }
- .icon-box.style-two {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 50px;
- padding: 0;
- }
- .icon-box.style-two .icon-container {
- width: 70px;
- height: 70px;
- font-size: 26px;
- text-align: center;
- line-height: 70px;
- background-color: rgba(255, 94, 133, 0.102);
- border-radius: 50%;
- margin-right: 30px;
- color: #ff5e85;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .icon-box.style-two .box-content {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
- .icon-box.style-two .box-content .box-title {
- font-size: 24px;
- font-weight: 800;
- margin-bottom: 13px;
- line-height: 34px;
- }
- @media (max-width: 991px) {
- .icon-box.style-two .box-content .box-title br {
- display: none;
- }
- }
- .icon-box.style-two .box-content .box-title:hover, .icon-box.style-two .box-content .box-title a:hover {
- color: #ff5e85;
- }
- .icon-box.style-two .box-content p {
- font-size: 16px;
- }
- @media (max-width: 991px) {
- .icon-box.style-two .box-content p br {
- display: none;
- }
- }
- .icon-box.style-two.color--one .icon-container {
- background-color: rgba(83, 99, 253, 0.102);
- color: #5363fd;
- }
- .icon-box.style-two.color--two .icon-container {
- background-color: rgba(11, 202, 6, 0.102);
- color: #0bca06;
- }
- .icon-box.style-two:hover .icon-container {
- background: #ff5e85;
- border-color: #ff5e85;
- color: #fff;
- -webkit-box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2);
- box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2);
- -webkit-transform: translateY(-5px);
- -ms-transform: translateY(-5px);
- transform: translateY(-5px);
- }
- .icon-box.style-two:hover.color--one .icon-container {
- background-color: #5363fd;
- color: #fff;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2);
- }
- .icon-box.style-two:hover.color--two .icon-container {
- background-color: #0bca06;
- color: #fff;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2);
- }
- .icon-box.style-three {
- text-align: center;
- background: #fff;
- -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06);
- box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06);
- border-radius: 0;
- padding: 45px 50px 55px;
- }
- .icon-box.style-three .icon-container {
- height: 100px;
- position: relative;
- margin-bottom: 25px;
- padding: 15px 0;
- }
- .icon-box.style-three .icon-container svg {
- position: absolute;
- margin: 0;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- bottom: 0;
- }
- .icon-box.style-three .box-content .box-title a:hover {
- color: #4d5afe;
- }
- .icon-box.style-three .box-content p {
- margin-bottom: 45px;
- }
- .icon-box.style-three .gp-btn {
- border-color: #e0e3e8;
- color: #6a7695;
- }
- .icon-box.style-three .gp-btn:hover {
- color: #fff;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
- }
- .icon-box.style-four {
- padding: 40px 40px 50px;
- border-top: 5px solid transparent;
- border-radius: 6px;
- }
- .icon-box.style-four:hover {
- -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004);
- box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004);
- border-color: #ed1f25;
- background: #fff;
- }
- .icon-box.style-four.color-seven:hover {
- border-color: #6e58fc;
- -webkit-box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004);
- box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004);
- }
- .icon-box.style-four.color-seven .box-content .box-title:hover {
- color: #6e58fc;
- }
- .icon-box.style-four.color-seven .box-content .box-title a:hover {
- color: #6e58fc;
- }
- .icon-box.style-five {
- padding: 40px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border-radius: 6px;
- border-top: 4px solid transparent;
- }
- .icon-box.style-five .icon-container {
- height: 70px;
- width: 70px;
- line-height: 75px;
- font-size: 30px;
- background: #e5f9e4;
- border-radius: 20px;
- text-align: center;
- color: #27cb24;
- margin-bottom: 35px;
- }
- .icon-box.style-five .box-content .box-title {
- font-weight: 500;
- margin-bottom: 15px;
- }
- .icon-box.style-five:hover {
- -webkit-box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08);
- box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08);
- border-top-color: #ed1f25;
- background: #fff;
- }
- .icon-box.style-five.cl-five .box-content .box-title {
- font-weight: 500;
- margin-bottom: 15px;
- }
- .icon-box.style-five.cl-five .box-content .box-title:hover {
- color: #ed1f25;
- }
- .icon-box.style-five.cl-five .box-content .box-title a:hover {
- color: #ed1f25;
- }
- .icon-box.style-five.color-two .icon-container {
- background: #fee5ef;
- color: #f6297b;
- }
- .icon-box.style-five.color-three .icon-container {
- background: #e7efff;
- color: #3880fb;
- }
- .icon-box.style-five.color-four .icon-container {
- background: #fdf7e6;
- color: #f4ca64;
- }
- .icon-box.style-five.color-five .icon-container {
- background: #e1f8f6;
- color: #1ac7bd;
- }
- .icon-box.style-five.color-six .icon-container {
- background: #fbe9fe;
- color: #dd49f8;
- }
- .icon-box.style-six {
- padding: 0 20px;
- margin-bottom: 30px;
- }
- .icon-box.style-six .icon-container {
- text-align: center;
- height: 100px;
- width: 100px;
- line-height: 95px;
- border: 2px solid transparent;
- margin: 0 auto 35px;
- border-radius: 50%;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- -webkit-box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1);
- box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1);
- background-color: white;
- }
- .icon-box.style-six .box-content .feature-title {
- font-size: 16px;
- font-weight: 700;
- margin-bottom: 13px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .icon-box.style-six .box-content .feature-title a {
- color: #051441;
- }
- .icon-box.style-six .box-content .feature-title a:hover {
- color: #ed1f25;
- }
- .icon-box.style-six .box-content .feature-title:hover {
- color: #ed1f25;
- }
- .icon-box.style-six:hover .icon-container {
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: #ed1f25;
- }
- .icon-box.style-seven {
- margin-bottom: 30px;
- padding: 40px 50px;
- border-top: 2px solid transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border-radius: 4px;
- }
- .icon-box.style-seven .icon-container {
- height: 55px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- }
- .icon-box.style-seven .box-content .box-title {
- font-size: 18px;
- color: #2c2c51;
- }
- .icon-box.style-seven .box-content .box-title a {
- color: #2c2c51;
- }
- .icon-box.style-seven .box-content .box-title a:hover {
- color: #ed1f25;
- }
- .icon-box.style-seven .box-content p {
- font-size: 15px;
- }
- .icon-box.style-seven .box-content .more-info {
- margin-top: 20px;
- display: block;
- opacity: 0;
- visibility: hidden;
- }
- .icon-box.style-seven .box-content .more-info svg path {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .icon-box.style-seven .box-content .more-info:hover svg path {
- fill: #ed1f25;
- }
- .icon-box.style-seven:hover {
- background: #fff;
- -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
- box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
- border-color: #ed1f25;
- }
- .icon-box.style-seven:hover .more-info {
- opacity: 1;
- visibility: visible;
- }
- .icon-box.style-eight {
- margin-bottom: 30px;
- padding: 54px 50px;
- border-top: 2px solid transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border-radius: 4px;
- background: #f8f8f8;
- }
- .icon-box.style-eight .icon-container {
- height: 55px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- margin-bottom: 30px;
- }
- .icon-box.style-eight .box-content .box-title {
- font-size: 18px;
- color: #2c2c51;
- }
- .icon-box.style-eight .box-content .box-title a {
- color: #2c2c51;
- }
- .icon-box.style-eight .box-content .box-title a:hover {
- color: #ed1f25;
- }
- .icon-box.style-eight .box-content p {
- color: #69697b;
- }
- .icon-box.style-eight .box-content .more-info {
- margin-top: 23px;
- display: block;
- color: #2c2c51;
- font-size: 14px;
- font-weight: 500;
- }
- .icon-box.style-eight .box-content .more-info i {
- display: inline-block;
- vertical-align: middle;
- font-size: 18px;
- margin-left: 5px;
- }
- .icon-box.style-eight .box-content .more-info:hover {
- color: #ed1f25;
- }
- .icon-box.style-eight:hover {
- background: #fff;
- -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
- box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
- border-color: #ed1f25;
- }
- .icon-box.style-eight:hover .more-info {
- opacity: 1;
- visibility: visible;
- }
- .icon-box.style-nine {
- padding: 40px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border-radius: 20px;
- border-top: 2px solid transparent;
- margin-bottom: 0;
- }
- @media (max-width: 991px) {
- .icon-box.style-nine {
- text-align: center;
- }
- }
- .icon-box.style-nine .icon-container {
- height: 50px;
- width: 50px;
- line-height: 50px;
- text-align: center;
- background: #ed1f25;
- border-radius: 50%;
- color: #fff;
- }
- .icon-box.style-nine .icon-container i {
- display: inline-block;
- vertical-align: -1px;
- }
- @media (max-width: 991px) {
- .icon-box.style-nine .icon-container {
- margin: 0 auto 40px;
- }
- }
- .icon-box.style-nine .box-content .box-title {
- color: #1f113a;
- font-size: 18px;
- font-weight: 800;
- }
- .icon-box.style-nine .box-content .box-title a {
- color: #1f113a;
- }
- .icon-box.style-nine .box-content .box-title a:hover {
- color: #ed1f25;
- }
- .icon-box.style-nine .box-content p {
- margin-bottom: 20px;
- }
- .icon-box.style-nine .box-content .more-info {
- opacity: 0;
- visibility: hidden;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .icon-box.style-nine .box-content .more-info svg {
- display: inline-block;
- }
- .icon-box.style-nine .box-content .more-info:hover svg path {
- fill: #ed1f25;
- }
- .icon-box.style-nine.color--one .icon-container {
- background: #8d58f9;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2);
- }
- .icon-box.style-nine.color--one .box-content .box-title a:hover {
- color: #8d58f9;
- }
- .icon-box.style-nine.color--one:hover {
- border-color: #8d58f9;
- }
- .icon-box.style-nine.color--one .more-info svg {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .icon-box.style-nine.color--one .more-info:hover svg path {
- fill: #8d58f9;
- }
- .icon-box.style-nine.color--two .icon-container {
- background: #f4be55;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2);
- }
- .icon-box.style-nine.color--two .box-content .box-title a:hover {
- color: #f4be55;
- }
- .icon-box.style-nine.color--two:hover {
- border-color: #f4be55;
- }
- .icon-box.style-nine.color--two .more-info:hover svg path {
- fill: #f4be55;
- }
- .icon-box.style-nine.color--three .icon-container {
- background: #ff7d7c;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2);
- }
- .icon-box.style-nine.color--three .box-content .box-title a:hover {
- color: #ff7d7c;
- }
- .icon-box.style-nine.color--three:hover {
- border-color: #ff7d7c;
- }
- .icon-box.style-nine.color--three .more-info:hover svg path {
- fill: #ff7d7c;
- }
- .icon-box.style-nine.color--four .icon-container {
- background: #ff7caa;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2);
- }
- .icon-box.style-nine.color--four .box-content .box-title a:hover {
- color: #ff7caa;
- }
- .icon-box.style-nine.color--four:hover {
- border-color: #ff7caa;
- }
- .icon-box.style-nine.color--four .more-info:hover svg path {
- fill: #ff7caa;
- }
- .icon-box.style-nine.color--five .icon-container {
- background: #5376fb;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2);
- }
- .icon-box.style-nine.color--five .box-content .box-title a:hover {
- color: #5376fb;
- }
- .icon-box.style-nine.color--five:hover {
- border-color: #5376fb;
- }
- .icon-box.style-nine.color--five .more-info:hover svg path {
- fill: #5376fb;
- }
- .icon-box.style-nine.color--six .icon-container {
- background: #78c623;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2);
- }
- .icon-box.style-nine.color--six .box-content .box-title a:hover {
- color: #78c623;
- }
- .icon-box.style-nine.color--six:hover {
- border-color: #78c623;
- }
- .icon-box.style-nine.color--six .more-info:hover svg path {
- fill: #78c623;
- }
- .icon-box.style-nine:hover {
- background: #fff;
- -webkit-box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004);
- box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004);
- border-color: #ed1f25;
- }
- .icon-box.style-nine:hover .more-info {
- opacity: 1;
- visibility: visible;
- }
- .icon-box.style-ten {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 50px;
- padding: 0;
- }
- @media (max-width: 991px) {
- .icon-box.style-ten {
- margin-bottom: 30px;
- }
- }
- .icon-box.style-ten .icon-container {
- width: 70px;
- height: 70px;
- font-size: 26px;
- text-align: center;
- line-height: 70px;
- border-radius: 50%;
- margin-right: 20px;
- margin-bottom: 0;
- }
- .icon-box.style-ten .box-content {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
- .icon-box.style-ten .box-content .box-title {
- font-size: 16px;
- font-weight: 700;
- margin-bottom: 13px;
- }
- @media (max-width: 991px) {
- .icon-box.style-ten .box-content .box-title br {
- display: none;
- }
- }
- .icon-box.style-ten .box-content .box-title:hover, .icon-box.style-ten .box-content .box-title a:hover {
- color: #ff5e85;
- }
- .icon-box.style-ten .box-content p {
- font-size: 16px;
- }
- @media (max-width: 991px) {
- .icon-box.style-ten .box-content p br {
- display: none;
- }
- }
- .icon-list-box {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 70px;
- }
- @media (max-width: 991px) {
- .icon-list-box {
- margin-bottom: 30px;
- }
- }
- .icon-list-box .list-icon {
- margin-right: 20px;
- margin-top: 5px;
- }
- .icon-list-box .list-icon i {
- color: #1ad90b;
- font-size: 24px;
- }
- @media (min-width: 576px) {
- .icon-list-box .content {
- max-width: 300px;
- }
- }
- .icon-list-box .content p {
- font-size: 16px;
- line-height: 28px;
- margin: 0;
- }
- /*
- Feature One
- */
- .bg-table {
- background-image: url(../img/homebg.png);
- background-position: center;
- background-size: auto;
- background-repeat: repeat-x;
- }
- .service-one {
- padding: 50px 0 45px;
- }
- /* Feature Agency*/
- .feature-agency-about {
- overflow: hidden;
- position: relative;
- padding: 115px 0 90px;
- }
- .feature-agency-about .bg-shape {
- position: absolute;
- top: -56%;
- }
- @media (max-width: 768px) {
- .feature-agency-about {
- padding: 75px 0 50px;
- }
- }
- .feature-agency {
- position: relative;
- }
- .feature-agency .bg-shape {
- position: absolute;
- top: -30%;
- left: 0;
- }
- .feature-agency.feature-padding {
- padding: 190px 0 100px;
- }
- @media (max-width: 991px) {
- .feature-agency.feature-padding {
- padding: 100px 0 0;
- }
- }
- .iconbox-slider-wrapper .swiper-slide {
- padding: 0 20px 50px;
- }
- /* Feature Comminity */
- .feature-comminity {
- padding: 113px 0 50px;
- }
- @media (max-width: 991px) {
- .feature-comminity {
- padding: 75px 0 50px;
- }
- }
- .feature-comminity-two {
- padding: 113px 0 90px;
- }
- @media (max-width: 991px) {
- .feature-comminity-two {
- padding: 75px 0 50px;
- }
- }
- /* Feature Agency */
- .feature-agency {
- padding: 53px 0 100px;
- }
- @media (max-width: 991px) {
- .feature-agency {
- padding: 50px 0 90px;
- }
- .feature-agency .section-heading {
- text-align: center !important;
- }
- }
- .feature-agency-about .section-heading.style-two .subtitle {
- color: #ed1f25;
- }
- .feature-agency-about .section-heading.style-two .section-title:after, .feature-agency-about .section-heading.style-two .section-title:before {
- background: #ed1f25;
- }
- .feature-agency-about .icon-box.style-three .box-content .box-title a:hover {
- color: #ed1f25;
- }
- .feature-agency-about .icon-box.style-three .box-content .gp-btn:hover {
- border-color: #ed1f25;
- -webkit-box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2);
- box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2);
- }
- .feature-page {
- padding: 115px 0 90px;
- }
- @media (max-width: 991px) {
- .feature-page {
- padding: 75px 0 50px;
- }
- }
- .feature-page .icon-box.style-four.color-seven .box-content .box-title a:hover {
- color: #ed1f25;
- }
- .feature-page .icon-box.style-four.color-seven:hover {
- border-color: #ed1f25;
- }
- .service-feature-page .icon-box.style-two .box-content .box-title:hover, .service-feature-page .icon-box.style-two .box-content a:hover {
- color: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Info Box
- --------------------------------------------------------------*/
- .analytics-box {
- padding: 90px 0 140px;
- }
- @media (max-width: 991px) {
- .analytics-box {
- padding: 80px 0;
- }
- }
- .info-boxs {
- margin-bottom: 30px;
- padding: 0 30px;
- }
- .info-boxs .sub-title {
- font-size: 22px;
- font-weight: 400;
- }
- .info-boxs .title {
- font-size: 22px;
- font-weight: 700;
- margin-bottom: 25px;
- }
- .info-boxs .title a {
- color: #051441;
- }
- .info-boxs .title a:hover {
- color: #f8b137;
- }
- .info-boxs .des {
- font-size: 16px;
- line-height: 28px;
- font-weight: 400;
- }
- /*--------------------------------------------------------------
- ## Category Boxes
- --------------------------------------------------------------*/
- .category {
- padding-top: 90px;
- }
- .featured-inner {
- padding: 120px 0;
- }
- @media (max-width: 768px) {
- .featured-inner {
- padding: 80px 0;
- }
- }
- .cofounder-boxes .cofounder-box {
- text-align: center;
- background: #fbfbfd;
- padding: 40px 0 29px;
- border-top: 5px solid transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-bottom: 30px;
- }
- .cofounder-boxes .cofounder-box:not(:last-child) {
- margin-right: 30px;
- }
- .cofounder-boxes .cofounder-box .box-icon {
- margin-bottom: 25px;
- }
- .cofounder-boxes .cofounder-box h3 {
- font-size: 16px;
- line-height: 24px;
- margin: 0;
- }
- .cofounder-boxes .cofounder-box h3 a {
- color: #343e5d;
- }
- .cofounder-boxes .cofounder-box h3 a:hover {
- color: #ff5e85;
- }
- .cofounder-boxes .cofounder-box:hover {
- background: #fff;
- border-color: #ff5e85;
- -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004);
- box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004);
- }
- .cofounder-content h2 {
- font-size: 40px;
- line-height: 56px;
- margin-bottom: 28px;
- font-weight: 700;
- color: #343e5d;
- }
- @media (max-width: 991px) {
- .cofounder-content h2 {
- font-size: 30px;
- line-height: 40px;
- }
- }
- .cofounder-content p {
- font-size: 18px;
- margin-bottom: 50px;
- line-height: 30px;
- }
- .cofounder-content .btn-outline {
- margin-left: 20px;
- }
- @media (max-width: 440px) {
- .cofounder-content .btn-outline {
- margin-left: 0;
- margin-top: 15px;
- }
- }
- .category-items {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- @media (max-width: 991px) {
- .category-items {
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: start;
- }
- }
- .category-items .categories-box {
- padding: 0 15px;
- text-align: center;
- max-width: 20%;
- }
- @media (max-width: 991px) {
- .category-items .categories-box {
- max-width: 33.3333%;
- -webkit-box-flex: 0;
- -ms-flex: 0 0 33.3333%;
- flex: 0 0 33.3333%;
- margin-bottom: 40px;
- }
- }
- @media (max-width: 420px) {
- .category-items .categories-box {
- max-width: 50%;
- -webkit-box-flex: 0;
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- }
- }
- .category-items .categories-box .box-icon {
- height: 120px;
- width: 120px;
- line-height: 120px;
- background: rgba(40, 145, 244, 0.102);
- border-radius: 20px;
- margin: 0 auto 30px;
- }
- .category-items .categories-box .category-title {
- font-size: 16px;
- font-weight: 800;
- }
- .category-items .categories-box .category-title a {
- color: #2c2c51;
- }
- .category-items .categories-box .category-title a:hover {
- color: #ed1f25;
- }
- .category-items .categories-box.color-two .box-icon {
- background: #fdf7e6;
- color: #eab616;
- }
- .category-items .categories-box.color-three .box-icon {
- background: #e7f9f9;
- color: #eab616;
- }
- .category-items .categories-box.color-four .box-icon {
- background: #feeaec;
- color: #feeaec;
- }
- .category-items .categories-box.color-five .box-icon {
- background: #e7fbeb;
- color: #feeaec;
- }
- /*--------------------------------------------------------------
- ## Image Content
- --------------------------------------------------------------*/
- .image-content {
- padding: 250px 0 150px;
- }
- @media (max-width: 1441px) {
- .image-content {
- padding: 550px 0 105px;
- }
- }
- @media (min-width: 1200px) {
- .ml--55 {
- margin-left: -55px;
- }
- .mr--50 {
- margin-right: -50px;
- }
- }
- .service-image-content {
- padding: 225px 0 160px;
- }
- .image-content-wrapper {
- padding-top: 40px;
- }
- @media (max-width: 991px) {
- .image-content-wrapper.style-two {
- text-align: center;
- }
- }
- .image-content-wrapper.style-two .title {
- font-weight: 800;
- margin-bottom: 20px;
- font-size: 48px;
- }
- .image-content-wrapper.style-two p {
- font-size: 16px;
- margin-bottom: 40px;
- }
- .image-content-wrapper.style-two .lead-text {
- font-weight: 500;
- margin-bottom: 21px;
- font-size: 16px;
- line-height: 26px;
- }
- .image-content-wrapper.style-three .title {
- font-size: 30px;
- line-height: 40px;
- font-weight: 800;
- color: #2c2c51;
- }
- .image-content-wrapper p {
- font-size: 18px;
- line-height: 30px;
- margin-bottom: 34px;
- }
- .image-content-wrapper .listitem li i {
- display: inline-block;
- vertical-align: middle;
- }
- .image-content-wrapper .listitem.color-theme li i {
- color: #ed1f25;
- }
- .anime-image-wrapper {
- position: relative;
- max-width: 700px;
- }
- @media (max-width: 991px) {
- .anime-image-wrapper {
- margin: 0 auto;
- }
- }
- @media (max-width: 767px) {
- .anime-image-wrapper {
- max-width: 450px;
- }
- }
- .anime-image-wrapper .feature-image-wrap {
- position: relative;
- z-index: 2;
- }
- .anime-image-wrapper .anime-dot {
- position: absolute;
- left: 165px;
- bottom: 45px;
- z-index: 1;
- -webkit-animation: wave 3s 0.1s infinite linear;
- animation: wave 3s 0.1s infinite linear;
- }
- .anime-image-wrapper .circle {
- display: block;
- height: 340px;
- width: 340px;
- background: #fefcf3;
- border-radius: 50%;
- position: absolute;
- bottom: -25px;
- left: -110px;
- }
- @media (max-width: 991px) {
- .anime-image-wrapper.style-two {
- margin-top: 40px;
- }
- }
- .anime-image-wrapper.style-two .anime-dot {
- right: 140px;
- left: auto;
- bottom: 50px;
- }
- .anime-image-wrapper.style-two .circle {
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- right: -140px;
- left: auto;
- bottom: 100px;
- }
- @media (max-width: 1400px) {
- .anime-image-wrapper.style-two .circle {
- right: 0;
- }
- }
- .anime-image-wrapper.style-four {
- text-align: right;
- }
- .anime-image-wrapper.style-four .image-one, .anime-image-wrapper.style-four .image-two {
- position: absolute;
- }
- .anime-image-wrapper.style-four .image-one {
- left: 190px;
- top: 210px;
- }
- @media (max-width: 768px) {
- .anime-image-wrapper.style-four .image-one {
- left: 0;
- top: 150px;
- }
- }
- .anime-image-wrapper.style-four .image-two {
- bottom: 210px;
- left: 104px;
- }
- @media (max-width: 767px) {
- .anime-image-wrapper.style-four .image-two {
- left: 0;
- bottom: 150px;
- }
- }
- @media (max-width: 767) {
- .anime-image-wrapper.style-four .feature-image-wrap > img.zoom {
- width: 310px;
- }
- }
- .anime-image-wrapper.style-four .circle {
- position: absolute;
- left: auto;
- right: 0;
- bottom: 30px;
- background-image: -o-linear-gradient(30deg, #504cfa 0%, #ff3695 100%);
- background-image: linear-gradient(60deg, #504cfa 0%, #ff3695 100%);
- height: 500px;
- width: 500px;
- opacity: 0.051 !important;
- }
- @media (max-width: 768px) {
- .anime-image-wrapper.style-four .circle {
- height: 400px;
- width: 400px;
- }
- }
- @media (max-width: 768px) {
- .anime-image-wrapper.style-four .circle {
- height: 300px;
- width: 300px;
- }
- }
- .anime-image-wrapper.style-four .anime-dot {
- right: 0;
- top: 100px;
- }
- .listitem {
- margin-bottom: 48px;
- padding: 0;
- list-style: none;
- }
- .listitem li {
- font-weight: 500;
- margin-bottom: 9px;
- font-size: 30px;
- }
- .listitem li i {
- margin-right: 10px;
- color: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Preview Slider
- --------------------------------------------------------------*/
- .dashboard-preview {
- padding: 111px 0 60px;
- background: #fcebf0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- @media (max-width: 991px) {
- .dashboard-preview {
- padding: 71px 0 50px;
- }
- }
- .dashboard-preview.active-tab-1 {
- background: #efebfc;
- }
- .dashboard-preview.active-tab-2 {
- background: #ebf8fd;
- }
- .dashboard-preview.active-tab-3 {
- background: #fcf6eb;
- }
- .dashboard-preview.active-tab-4 {
- background: #f4fceb;
- }
- .dashboard-preview.active-tab-5 {
- background: #ebf0fc;
- }
- .dashboard-preview .section-heading {
- margin-bottom: 35px;
- }
- .preview-slider .astriol-pagination {
- width: 270px;
- }
- @media (max-width: 767px) {
- .preview-slider .astriol-pagination {
- width: 100%;
- }
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet {
- height: auto;
- width: auto;
- border-radius: 40px;
- padding: 15px 25px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- outline: 0;
- font-size: 16px;
- font-weight: 500;
- color: #000;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- opacity: 1;
- background: transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-bottom: 10px;
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet i {
- height: 30px;
- width: 30px;
- line-height: 30px;
- background: #f75687;
- color: #fff;
- border-radius: 50%;
- display: inline-block;
- text-align: center;
- margin-right: 15px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(2) i {
- background: #8463fd;
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(3) i {
- background: #32b7fc;
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(4) i {
- background: #f7ab25;
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(5) i {
- background: #73c216;
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(6) i {
- background: #5489fa;
- }
- .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- background: #fff;
- -webkit-box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1);
- box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1);
- color: #f75687;
- }
- .active-tab-1 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- color: #8463fd;
- }
- .active-tab-2 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- color: #32b7fc;
- }
- .active-tab-3 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- color: #f7ab25;
- }
- .active-tab-4 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- color: #73c216;
- }
- .active-tab-5 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- color: #5489fa;
- }
- .previewSlider {
- padding: 30px 0;
- }
- .previewSlider .swiper-slide.swiper-slide-active .slide-image-wrapper {
- visibility: visible;
- -webkit-animation-name: fadeInDown;
- animation-name: fadeInDown;
- -webkit-animation-duration: 0.5s;
- animation-duration: 0.5s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- opacity: 1 !important;
- }
- .author-info-single {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- @media (max-width: 991px) {
- .author-info-single {
- max-width: 200px;
- text-align: left;
- margin: 0 auto;
- }
- }
- .author-info-single .avatar {
- width: 60px;
- height: 60px;
- margin-right: 20px;
- border-radius: 50%;
- overflow: hidden;
- }
- .author-info-single .avatar img {
- width: 100%;
- }
- .author-info-single .content {
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- }
- .author-info-single .content .name {
- font-size: 18px;
- font-weight: 800;
- color: #000;
- margin: 0;
- }
- .author-info-single .content .designation {
- color: #000;
- font-size: 14px;
- }
- /*--------------------------------------------------------------
- ## Reach Box
- --------------------------------------------------------------*/
- .reach-boxs {
- padding: 105px 0 90px;
- background: #fcfbff;
- background-image: url(../../media/background/reachbox_bg.jpg);
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- }
- @media (max-width: 991px) {
- .reach-boxs {
- padding: 70px 0 50px;
- }
- }
- .reach-box {
- padding: 50px 40px;
- background: #fff;
- -webkit-box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06);
- box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06);
- margin-bottom: 30px;
- }
- .reach-box .icon-container {
- height: 60px;
- width: 60px;
- background-image: -o-linear-gradient(50deg, #5e2ced 0%, #8c64fd 100%);
- background-image: linear-gradient(40deg, #5e2ced 0%, #8c64fd 100%);
- -webkit-box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3);
- box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3);
- border-radius: 50%;
- margin-bottom: 35px;
- text-align: center;
- font-size: 20px;
- color: #fff;
- }
- .reach-box .icon-container i {
- line-height: 60px;
- }
- .reach-box h3 {
- font-size: 20px;
- font-weight: 800;
- margin-bottom: 25px;
- color: #051441;
- }
- .reach-box h3 a {
- color: #051441;
- }
- .reach-box h3 a:hover {
- color: #f8b137;
- }
- .reach-box .reach-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .reach-box .reach-list li {
- font-size: 16px;
- line-height: 36px;
- font-weight: 400;
- position: relative;
- }
- .reach-box .reach-list li i {
- color: #6e58fc;
- margin-right: 5px;
- font-size: 20px;
- }
- .reach-box.color-two .icon-container {
- background-image: -o-linear-gradient(50deg, #5bc316 0%, #81e241 100%);
- background-image: linear-gradient(40deg, #5bc316 0%, #81e241 100%);
- -webkit-box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3);
- box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3);
- }
- .reach-box.color-two .reach-list li i {
- color: #a4b610;
- }
- .reach-box.color-three .icon-container {
- background-image: -o-linear-gradient(50deg, #ec2b86 0%, #fe4a9e 100%);
- background-image: linear-gradient(40deg, #ec2b86 0%, #fe4a9e 100%);
- -webkit-box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3);
- box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3);
- }
- .reach-box.color-three .reach-list li i {
- color: #f62386;
- }
- /*--------------------------------------------------------------
- ## Tabs
- --------------------------------------------------------------*/
- .overview {
- padding: 107px 0 200px;
- }
- @media (max-width: 991px) {
- .overview {
- padding: 70px 0 75px;
- }
- }
- .gp-tab .gp_tabs_item {
- display: none;
- }
- .gp-tab .gp_tabs_item:first-child {
- display: block;
- }
- .gp-tab .gp_tabs_item {
- display: none;
- }
- .gp-tab .gp_tabs_item:first-child {
- display: block;
- }
- .tab-swipe {
- position: relative;
- }
- .tab-swipe .indicator {
- background: #6e58fc;
- position: absolute;
- left: 0;
- -webkit-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- height: 2px;
- bottom: 0;
- }
- .tab-style-one {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- .tab-style-one .gp-tabs-nav {
- margin: 0;
- padding: 0;
- list-style: none;
- position: relative;
- width: 270px;
- }
- @media (max-width: 1200px) {
- .tab-style-one .gp-tabs-nav {
- width: 200px;
- }
- }
- @media (max-width: 576px) {
- .tab-style-one .gp-tabs-nav {
- display: block;
- text-align: center;
- width: 100%;
- }
- }
- .tab-style-one .gp-tabs-nav li {
- display: block;
- overflow: hidden;
- padding: 0;
- margin-bottom: 18px;
- }
- .tab-style-one .gp-tabs-nav a {
- color: #6d717f;
- font-weight: 500;
- display: block;
- font-size: 16px;
- display: inline-block;
- position: relative;
- padding-bottom: 5px;
- }
- .tab-style-one .gp-tabs-nav a:before {
- content: "";
- position: absolute;
- bottom: 4px;
- left: 0;
- height: 1px;
- width: 0;
- background: #5e2ced;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .tab-style-one .gp-tabs-nav a.isActive:before {
- width: 100%;
- }
- .tab-style-one .tab_content {
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- }
- .tab-style-one .gp_tabs_item .tab-contents-wrap {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08);
- box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08);
- background: #fff;
- border-radius: 10px;
- border: 2px solid #f5f4f9;
- padding: 70px;
- }
- @media (max-width: 991px) {
- .tab-style-one .gp_tabs_item .tab-contents-wrap {
- display: block;
- text-align: center;
- }
- }
- @media (max-width: 768px) {
- .tab-style-one .gp_tabs_item .tab-contents-wrap {
- padding: 30px;
- }
- }
- .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-left: 75px;
- }
- @media (max-width: 1200px) {
- .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
- padding-left: 30px;
- }
- }
- @media (max-width: 991px) {
- .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
- padding-left: 0;
- }
- }
- .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
- height: 70px;
- width: 70px;
- background: rgba(94, 44, 237, 0.102);
- text-align: center;
- line-height: 70px;
- color: #6e58fc;
- font-size: 20px;
- border-radius: 50%;
- margin-bottom: 25px;
- }
- @media (max-width: 991px) {
- .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
- margin: 0 auto 25px;
- }
- }
- .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content h3 {
- font-size: 22px;
- line-height: 30px;
- margin-bottom: 30px;
- font-weight: 700;
- }
- .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content p {
- font-size: 16px;
- line-height: 28px;
- }
- .tab-style-one .current a {
- color: #6e58fc;
- }
- .tab-style-one .current a:after {
- width: 100%;
- }
- .tab-style-two .gp-tabs-nav {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .tab-style-two .gp-tabs-nav li {
- display: block;
- margin-bottom: 10px;
- overflow: hidden;
- padding: 0;
- position: relative;
- }
- .tab-style-two .gp-tabs-nav a {
- color: #af96ed;
- font-weight: 300;
- display: block;
- letter-spacing: 1px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- text-transform: uppercase;
- display: inline-block;
- position: relative;
- }
- .tab-style-two .gp-tabs-nav a:after {
- content: "";
- position: absolute;
- width: 0;
- left: 0;
- bottom: 0;
- height: 1px;
- background: #fff;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .tab-style-two .gp_tabs_item {
- display: none;
- padding: 30px 0;
- }
- .tab-style-two .gp_tabs_item h4 {
- font-weight: bold;
- color: #f8b137;
- font-size: 20px;
- }
- .tab-style-two .gp_tabs_item img {
- width: 200px;
- float: left;
- margin-right: 30px;
- }
- .tab-style-two .gp_tabs_item:first-child {
- display: block;
- }
- .tab-style-two .current a {
- color: #fff;
- }
- .tab-style-two .current a:after {
- width: 100%;
- }
- .gp-tabs.style-two .gp-tabs-navigation {
- max-width: 100%;
- text-align: left;
- margin-bottom: 22px;
- }
- @media (max-width: 991px) {
- .gp-tabs.style-two .gp-tabs-navigation {
- text-align: center;
- }
- }
- .gp-tabs.style-two .gp-tabs-navigation li {
- position: relative;
- background: transparent;
- padding: 0;
- margin: 0;
- font-weight: 400;
- border: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- display: inline-block;
- }
- .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child) {
- margin-right: 30px;
- }
- .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child):after {
- content: "";
- position: absolute;
- top: 8px;
- right: -18px;
- height: 11px;
- background: #c7b1fe;
- width: 2px;
- }
- .gp-tabs.style-two .gp-tabs-navigation li a {
- color: #c7b1fe;
- font-size: 12px;
- font-weight: 500;
- text-transform: uppercase;
- }
- .gp-tabs.style-two .gp-tabs-navigation li.active-tab a {
- color: #fff;
- }
- .gp-tabs.style-two .gp-tabs-content {
- margin: 0 -220px 0 0;
- }
- @media (max-width: 1480px) {
- .gp-tabs.style-two .gp-tabs-content {
- margin: 0 -155px 0 0;
- }
- }
- @media (max-width: 1200px) {
- .gp-tabs.style-two .gp-tabs-content {
- margin: 0 -100px 0 0;
- }
- }
- @media (max-width: 991px) {
- .gp-tabs.style-two .gp-tabs-content {
- margin: 0;
- }
- }
- .gp-tabs.style-two .gp-tabs-content .feature-tab-image img {
- max-width: 100%;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .overview-page {
- padding: 100px 0 120px;
- }
- .overview-page .tab-style-one .current a {
- color: #ed1f25;
- }
- .overview-page .tab-style-one .current a:before {
- background: #ed1f25;
- }
- .overview-page .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
- background: rgba(26, 191, 104, 0.102);
- color: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Feature Tabs
- --------------------------------------------------------------*/
- .feature-image-tabs {
- background: #8240fc;
- padding-top: 110px;
- position: relative;
- overflow: hidden;
- }
- @media (max-width: 991px) {
- .feature-image-tabs {
- padding-top: 70px;
- padding-bottom: 40px;
- }
- }
- .feature-image-tabs:before {
- content: "";
- position: absolute;
- right: 0;
- top: 0;
- width: 29%;
- height: 100%;
- background: #ff9b6f;
- }
- @media (max-width: 1600px) {
- .feature-image-tabs:before {
- width: 20%;
- }
- }
- @media (max-width: 991px) {
- .feature-content-wrapper {
- margin-bottom: 60px;
- text-align: center !important;
- }
- .feature-content-wrapper p {
- max-width: 500px;
- margin: 20px auto 0;
- }
- }
- .feature-content-wrapper .section-heading {
- margin-bottom: 45px;
- }
- @media (max-width: 991px) {
- .feature-content-wrapper .section-heading {
- text-align: center !important;
- }
- }
- .feature-content-wrapper .section-heading .subtitle {
- margin-bottom: 15px;
- }
- .feature-content-wrapper .section-heading .subtitle, .feature-content-wrapper .section-heading .section-title, .feature-content-wrapper .section-heading p {
- color: #fff;
- }
- .feature-content-wrapper .section-heading .section-title {
- font-weight: 700;
- font-size: 50px;
- line-height: 60px;
- }
- @media (max-width: 991px) {
- .feature-content-wrapper .section-heading .section-title {
- font-size: 30px;
- line-height: 1.2;
- }
- }
- .feature-content-wrapper .gp-btn.color-nine.btn-outline {
- border: 2px solid rgba(255, 255, 255, 0.4);
- color: rgba(255, 255, 255, 0.8);
- font-size: 14px;
- }
- .feature-content-wrapper .gp-btn.color-nine.btn-outline:hover {
- border-color: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Download
- --------------------------------------------------------------*/
- .downloads {
- padding-bottom: 158px;
- }
- @media (max-width: 991px) {
- .downloads {
- padding-bottom: 50px;
- }
- }
- .download-contents .section-heading .section-title {
- font-size: 40px;
- line-height: 50px;
- margin-bottom: 20px;
- }
- @media (max-width: 576px) {
- .download-contents .section-heading .section-title {
- font-size: 28px;
- line-height: 38px;
- }
- .download-contents .section-heading .section-title br {
- display: none;
- }
- }
- .download-contents .section-heading p {
- font-size: 18px;
- line-height: 30px;
- margin-bottom: 40px;
- }
- .download-contents .button-container {
- margin-top: 0;
- }
- .download-contents .button-container .btn-outline {
- margin-left: 20px;
- }
- @media (max-width: 480px) {
- .download-contents .button-container .btn-outline {
- margin-left: 0;
- margin-top: 20px;
- }
- }
- .download-contents .button-container .app-btn {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .extra-link-box {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-top: 50px;
- }
- .extra-link-box .link-icon {
- height: 50px;
- width: 50px;
- line-height: 53px;
- text-align: center;
- background: #fa4987;
- color: #fff;
- border-radius: 50%;
- font-size: 22px;
- margin-right: 20px;
- -webkit-box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3);
- box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3);
- }
- .extra-link-box .link-content {
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .extra-link-box .link-content .title {
- font-size: 16px;
- font-weight: 400;
- margin: 0;
- line-height: 26px;
- }
- .extra-link-box .link-content a {
- color: #ed1f25;
- }
- .extra-link-box .link-content a i {
- display: inline-block;
- vertical-align: middle;
- }
- .extra-link-box .link-content a:hover {
- color: #2c2c51;
- }
- .download-feature-image-wrapper .image-container {
- position: relative;
- max-height: 615px;
- }
- @media (max-width: 991px) {
- .download-feature-image-wrapper .image-container {
- max-width: 620px;
- }
- }
- .download-feature-image-wrapper .image-one {
- position: relative;
- z-index: 3;
- margin-left: 65px;
- }
- @media (max-width: 1200px) {
- .download-feature-image-wrapper .image-one {
- margin-left: 0;
- }
- }
- .download-feature-image-wrapper .image-two, .download-feature-image-wrapper .dot {
- position: absolute;
- }
- .download-feature-image-wrapper .image-two {
- left: 270px;
- top: 50px;
- z-index: 2;
- }
- @media (max-width: 1200px) {
- .download-feature-image-wrapper .image-two {
- left: 170px;
- }
- }
- @media (max-width: 576px) {
- .download-feature-image-wrapper .image-two {
- left: 100px;
- }
- }
- @media (max-width: 440px) {
- .download-feature-image-wrapper .image-two {
- left: 60px;
- }
- }
- .download-feature-image-wrapper .dot {
- right: -25px;
- bottom: 20px;
- z-index: 1;
- -webkit-animation: jump 3s infinite;
- animation: jump 3s infinite;
- }
- @media (max-width: 1200px) {
- .download-feature-image-wrapper .dot {
- right: 30px;
- }
- }
- .download-feature-image-wrapper .circle {
- position: absolute;
- right: -40%;
- top: -20%;
- height: 650px;
- width: 650px;
- background: #f6f9fb;
- border-radius: 50%;
- }
- @media (max-width: 1600px) {
- .download-feature-image-wrapper .circle {
- right: -20%;
- }
- }
- @media (max-width: 1440px) {
- .download-feature-image-wrapper .circle {
- right: -7%;
- height: 550px;
- width: 550px;
- }
- }
- @media (max-width: 1200px) {
- .download-feature-image-wrapper .circle {
- right: 0;
- top: -10%;
- }
- }
- /*--------------------------------------------------------------
- ## Portfolio
- --------------------------------------------------------------*/
- .portfolio-agency {
- padding: 112px 0 93px;
- }
- @media (max-width: 991px) {
- .portfolio-agency {
- padding: 72px 0 53px;
- }
- }
- .portfolio-agency .section-heading .subtitle {
- margin-bottom: 10px;
- }
- @media (max-width: 991px) {
- .portfolio-agency .section-heading {
- text-align: center !important;
- margin-bottom: 30px !important;
- }
- }
- .portfolio-sliders {
- background: #fbfbfd;
- padding: 115px 0 0;
- }
- @media (max-width: 991px) {
- .portfolio-sliders {
- padding: 75px 0 0;
- }
- }
- .portfolio-sliders .white-shape {
- position: absolute;
- width: 100%;
- height: 110px;
- background: #fff;
- bottom: 0;
- }
- .portfolio-slider-wrapper {
- padding: 0 70px;
- }
- @media (max-width: 991px) {
- .portfolio-slider-wrapper {
- padding: 0;
- }
- }
- .portfolio-slider-wrapper .swiper-container {
- padding: 0 30px 50px;
- }
- .portfolio-item-slide {
- background: #fff;
- -webkit-box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06);
- box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06);
- }
- .portfolio-item-slide .portfolio-image {
- position: relative;
- overflow: hidden;
- }
- .portfolio-item-slide .portfolio-image img {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .portfolio-item-slide .portfolio-image a:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- background: rgba(77, 90, 254, 0.7);
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- z-index: 2;
- }
- .portfolio-item-slide .portfolio-image:hover img {
- -webkit-transform: scale(1.07);
- -ms-transform: scale(1.07);
- transform: scale(1.07);
- }
- .portfolio-item-slide .portfolio-image:hover a:before {
- opacity: 1;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- .portfolio-item-slide .portfolio-content {
- padding: 25px 50px;
- }
- @media (max-width: 768px) {
- .portfolio-item-slide .portfolio-content {
- padding: 25px 30px;
- }
- }
- .portfolio-item-slide .portfolio-content .title {
- font-size: 22px;
- font-weight: 800;
- line-height: 1.4;
- margin: 0;
- }
- .portfolio-item-slide .portfolio-content .title a {
- color: #373d46;
- }
- .portfolio-item-slide .portfolio-content .title a:hover {
- color: #4d5afe;
- }
- .portfolio-item-slide .portfolio-content .port-cat {
- font-size: 16px;
- color: #6a7695;
- }
- .portfolios {
- padding: 106px 0 100px;
- }
- @media (max-width: 768px) {
- .portfolios {
- padding: 66px 0 60px;
- }
- }
- .portfolios-masonry {
- padding: 106px 0 40px;
- }
- @media (max-width: 768px) {
- .portfolios-masonry {
- padding: 66px 0 60px;
- }
- }
- .astriol__isotope-filter {
- margin-bottom: 50px;
- padding: 0;
- list-style: none;
- }
- .astriol__isotope-filter li {
- display: inline-block;
- margin-bottom: 10px;
- }
- .astriol__isotope-filter li:not(:last-child) {
- margin-right: 50px;
- }
- @media (max-width: 440px) {
- .astriol__isotope-filter li {
- display: block;
- }
- }
- .astriol__isotope-filter li a {
- color: #797687;
- font-size: 14px;
- font-weight: 800;
- display: inline-block;
- text-transform: uppercase;
- }
- .astriol__isotope-filter li.current a {
- border-color: #ed1f25;
- color: #ed1f25;
- }
- .astriol__isotope-filter.style--two {
- margin-bottom: 30px;
- text-align: right;
- }
- @media (max-width: 991px) {
- .astriol__isotope-filter.style--two {
- text-align: center;
- }
- }
- .astriol__isotope-filter.style--two li a {
- font-size: 12px;
- font-weight: 500;
- }
- .astriol__isotope-filter.style--two li.current a {
- color: #ed1f25;
- }
- .grid-sizer {
- min-height: 1px;
- }
- .astriol__portfolio-items {
- margin-top: 20px;
- }
- .astriol__portfolio-items.column-2 {
- width: calc(100% + 2%);
- }
- .astriol__portfolio-items.column-2 .astriol__portfolio, .astriol__portfolio-items.column-2 .grid-sizer {
- width: calc(50% - 2%);
- margin-right: 2%;
- }
- .astriol__portfolio-items.column-3 {
- width: calc(100% + 2.4%);
- }
- .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
- width: calc(33.33% - 2.4%);
- margin-right: 2.4%;
- }
- @media (max-width: 768px) {
- .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
- width: calc(50% - 2.4%);
- }
- }
- @media (max-width: 440px) {
- .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
- width: 100%;
- margin-right: 0;
- margin-bottom: 20px;
- }
- }
- @media (max-width: 440px) {
- .astriol__portfolio-items.column-3 {
- width: 100%;
- }
- }
- .astriol__portfolio {
- margin-bottom: 2.4%;
- position: relative;
- }
- .astriol__portfolio-image {
- position: relative;
- overflow: hidden;
- border-radius: 10px;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .astriol__portfolio-image img {
- -webkit-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- width: 100%;
- }
- .astriol__portfolio-image:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background: rgba(44, 44, 81, 0.7);
- z-index: 1;
- opacity: 0;
- visibility: hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .astriol__portfolio-image .portfolio-info {
- padding: 0 40px;
- position: absolute;
- width: 100%;
- bottom: 35px;
- left: 0;
- overflow: hidden;
- }
- .astriol__portfolio-image .portfolio-info h3 {
- font-size: 24px;
- margin-bottom: 4px;
- line-height: 32px;
- -webkit-transform: translateY(-35px);
- -ms-transform: translateY(-35px);
- transform: translateY(-35px);
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- font-weight: 800;
- opacity: 0;
- }
- .astriol__portfolio-image .portfolio-info h3 a {
- color: #fff;
- }
- .astriol__portfolio-image .portfolio-info span {
- color: #fff;
- font-size: 14px;
- display: inline-block;
- margin-bottom: 15px;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- -webkit-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- opacity: 0;
- }
- .astriol__portfolio-image:hover:before {
- opacity: 1;
- visibility: visible;
- }
- .astriol__portfolio-image:hover img {
- -webkit-transform: rotate(3deg) scale(1.07);
- -ms-transform: rotate(3deg) scale(1.07);
- transform: rotate(3deg) scale(1.07);
- }
- .astriol__portfolio-image:hover .portfolio-info {
- -webkit-box-shadow: none;
- box-shadow: none;
- z-index: 4;
- }
- .astriol__portfolio-image:hover .portfolio-info h3, .astriol__portfolio-image:hover .portfolio-info p, .astriol__portfolio-image:hover .portfolio-info span {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- }
- .astriol__portfolio-items--two .astriol__portfolio {
- margin-bottom: 115px;
- }
- .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image {
- overflow: visible;
- }
- .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:before {
- display: none;
- }
- .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image img {
- border-radius: 10px;
- }
- .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:hover img {
- -webkit-transform: rotate(0) scale(1);
- -ms-transform: rotate(0) scale(1);
- transform: rotate(0) scale(1);
- }
- .astriol__portfolio-items--two .astriol__portfolio .portfolio-info {
- width: 80%;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- padding: 25px 30px;
- bottom: 0;
- -webkit-box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08);
- box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08);
- -webkit-transform: translate(-50%, 55px);
- -ms-transform: translate(-50%, 55px);
- transform: translate(-50%, 55px);
- border-radius: 6px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3, .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- color: #333;
- }
- .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 {
- font-size: 20px;
- line-height: 1;
- }
- .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a {
- color: #373d46;
- }
- .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a:hover {
- color: #ed1f25;
- }
- .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span {
- margin: 0;
- }
- .astriol__portfolio-items--two .astriol__portfolio .portfolio-info:before {
- content: "";
- position: absolute;
- background: #fff;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- border-radius: 6px;
- }
- .astriol__portfolio-items--two .astriol__portfolio:hover .portfolio-info {
- -webkit-transform: translate(-50%, -30px);
- -ms-transform: translate(-50%, -30px);
- transform: translate(-50%, -30px);
- }
- .astriol__portfolio-items--three .astriol__portfolio-image:before {
- opacity: 1;
- visibility: visible;
- background: rgba(31, 17, 58, 0.3);
- }
- .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info {
- bottom: auto;
- top: 40px;
- z-index: 2;
- }
- .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title, .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span {
- margin: 0;
- }
- .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title {
- font-size: 20px;
- }
- .astriol__portfolio-items--three .astriol__portfolio-image .popup-image {
- position: absolute;
- height: 50px;
- width: 50px;
- border: 1px solid rgba(255, 255, 255, 0.502);
- left: 40px;
- bottom: 50px;
- border-radius: 50%;
- text-align: center;
- line-height: 50px;
- color: #fff;
- font-size: 20px;
- z-index: 2;
- }
- .astriol__portfolio-items--three .astriol__portfolio-image .popup-image:hover {
- background: #fff;
- border-color: #fff;
- color: #ed1f25;
- }
- .astriol__portfolio-items--three .astriol__portfolio-image:hover::before {
- background: rgba(251, 140, 92, 0.9);
- }
- .portfolio-single {
- padding-top: 116px;
- }
- .portfolio--single-gallery {
- width: calc(100% + 30px);
- }
- .gallery-item, .grid-sizerr {
- margin-right: 30px;
- margin-bottom: 30px;
- width: calc(50% - 30px);
- }
- .gallery-item.width-large, .grid-sizerr.width-large {
- width: calc(65% - 30px);
- }
- .gallery-item.width-small, .grid-sizerr.width-small {
- width: calc(34% - 30px);
- }
- .portfolio-share {
- position: absolute;
- top: 50%;
- right: -47px;
- -webkit-transform: translateY(-50%) rotate(-90deg);
- -ms-transform: translateY(-50%) rotate(-90deg);
- transform: translateY(-50%) rotate(-90deg);
- }
- .portfolio-share span {
- color: #fff;
- text-transform: uppercase;
- font-size: 14px;
- font-weight: 500;
- margin-right: 10px;
- }
- .portfolio-share .port-social-share {
- margin: 0;
- padding: 0;
- list-style: none;
- display: inline-block;
- }
- .portfolio-share .port-social-share li {
- display: inline-block;
- margin-right: 15px;
- }
- .portfolio-share .port-social-share li a {
- color: #fff;
- display: inline-block;
- font-size: 14px;
- }
- .gallery--image img {
- width: 100%;
- margin-bottom: 30px;
- }
- .portfolio__content {
- padding-bottom: 135px;
- }
- .portfolio__content-top {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- padding-bottom: 60px;
- }
- .portfolio__content-des {
- width: 63%;
- padding-right: 50px;
- }
- .portfolio__content-des .title {
- font-size: 24px;
- font-weight: 800;
- margin-bottom: 26px;
- }
- .portfolio__content-des p {
- line-height: 28px;
- }
- .portfolio__content-info {
- width: 37%;
- padding-left: 70px;
- border-left: 1px solid #e9ebf2;
- }
- .portfolio__content-info .portfolio__info {
- margin: 0;
- padding: 0;
- list-style: none;
- margin-bottom: 38px;
- }
- .portfolio__content-info .portfolio__info li {
- display: block;
- }
- .portfolio__content-info .portfolio__info li:not(:last-child) {
- margin-bottom: 33px;
- }
- .portfolio__content-info .portfolio__info li .info-title {
- font-size: 16px;
- font-weight: 800;
- margin-bottom: 8px;
- }
- .portfolio__content-info .portfolio__info li .info {
- color: #6b6b7e;
- }
- .portfolio__content-info .portfolio__category-inner .cat-title {
- font-size: 16px;
- font-weight: 800;
- margin-bottom: 15px;
- }
- .portfolio__content-info .portfolio__category-inner .portfolio-category {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .portfolio__content-info .portfolio__category-inner .portfolio-category li {
- line-height: 34px;
- position: relative;
- padding-left: 27px;
- }
- .portfolio__content-info .portfolio__category-inner .portfolio-category li:before {
- content: "N";
- font-family: eleganticons;
- position: absolute;
- left: 0;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- color: #1cda0e;
- }
- .portfolio__content-info .portfolio__category-inner .portfolio-category li a {
- color: #6b6b7e;
- }
- .portfolio__content-info .portfolio__category-inner .portfolio-category li a:hover {
- color: #ed1f25;
- }
- .portfolio-nav {
- margin: 0;
- padding: 0;
- list-style: none;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- margin-top: 115px;
- }
- .portfolio-nav li {
- font-size: 20px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: end;
- }
- .portfolio-nav li i {
- font-size: 30px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- color: #b3b3bd;
- }
- .portfolio-nav li a {
- color: #6b6b7e;
- }
- .portfolio-nav li.prev i {
- margin-right: 10px;
- }
- .portfolio-nav li.next i {
- margin-left: 10px;
- }
- .portfolio-nav li:hover a, .portfolio-nav li:hover i {
- color: #ed1f25;
- }
- .portfolio--releted-wrapper {
- background: #faf9fd;
- padding: 112px 0 120px;
- }
- .related-portfolio .portfolio-item .feature-image {
- position: relative;
- border-radius: 6px;
- overflow: hidden;
- }
- .related-portfolio .portfolio-item .feature-image img {
- width: 100%;
- border-radius: 6px;
- }
- .related-portfolio .portfolio-item .feature-image a {
- display: block;
- position: relative;
- }
- .related-portfolio .portfolio-item .feature-image a:before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- background: rgba(44, 44, 81, 0.7);
- width: 100%;
- height: 100%;
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .related-portfolio .portfolio-item .feature-image:hover a:before {
- opacity: 1;
- }
- .related-portfolio .portfolio-item .port-info {
- padding: 25px 35px 0;
- }
- .related-portfolio .portfolio-item .port-info h3 {
- font-size: 24px;
- margin-bottom: 5px;
- line-height: 32px;
- font-weight: 800;
- }
- .related-portfolio .portfolio-item .port-info h3 a {
- color: #2b2350;
- }
- .related-portfolio .portfolio-item .port-info h3 a:hover {
- color: #ed1f25;
- }
- .related-portfolio .portfolio-item .port-info span {
- color: #6b6b7e;
- }
- #related-portfolio .swiper-pagination {
- position: relative;
- margin-top: 55px;
- }
- #related-portfolio .swiper-pagination .swiper-pagination-bullet {
- height: 12px;
- width: 12px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-right: 5px;
- position: relative;
- opacity: 1;
- background: #d8d5e6;
- outline: 0;
- }
- #related-portfolio .swiper-pagination .swiper-pagination-bullet:before {
- content: "";
- position: absolute;
- height: 12px;
- width: 12px;
- background: #d8d5e6;
- z-index: 2;
- top: 0;
- left: 0;
- border-radius: 50%;
- left: 0;
- top: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- opacity: 1;
- }
- #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
- opacity: 1;
- background: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Fun Fact
- --------------------------------------------------------------*/
- .funfact {
- padding: 69px 0 39px;
- background: #fcfbff;
- }
- #countdown-community {
- position: relative;
- overflow: hidden;
- background: #fbfbfb;
- padding: 115px 0 90px;
- }
- @media (max-width: 991px) {
- #countdown-community {
- padding: 75px 0 50px;
- }
- }
- #countdown-community .comminity-countup-wrapper {
- position: relative;
- z-index: 2;
- }
- #countdown-community .smile-one {
- position: absolute;
- left: -75px;
- bottom: -100px;
- z-index: 1;
- opacity: 0.7;
- }
- #countdown-community .smile-two {
- position: absolute;
- top: -50px;
- right: 100px;
- z-index: 1;
- opacity: 0.7;
- }
- .counter-box {
- margin-bottom: 30px;
- }
- @media (min-width: 991px) {
- .counter-box.pl-100 {
- padding-left: 100px;
- }
- }
- @media (max-width: 991px) {
- .counter-box {
- text-align: center;
- }
- }
- .counter-box .count-wrap {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- @media (max-width: 991px) {
- .counter-box .count-wrap {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- }
- .counter-box .count-wrap span {
- color: #051441;
- font-weight: 700;
- margin-left: 5px;
- font-size: 20px;
- }
- .counter-box .count:not(:first-child) {
- border-left: 1px solid #e8e4f5;
- }
- .counter-box .count .counted {
- font-size: 26px;
- color: #051441;
- font-weight: 800;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- margin: 0;
- }
- .counter-box .count .counted span {
- font-size: 20px;
- margin-left: 2px;
- }
- .counter-box .count .title {
- color: #6d717f;
- font-weight: 400;
- font-size: 16px;
- margin: 0;
- font-family: "Poppins", sans-serif;
- }
- .counter-box .count.special .counted {
- font-size: 40px;
- color: #f8b137;
- font-weight: 800;
- margin: 0;
- }
- .counter-box .count.special .counted span {
- font-size: 30px;
- }
- .counter-box .count.special span {
- font-size: 30px;
- color: #f8b137;
- margin-left: 5px;
- }
- .counter-box.style-three {
- display: block;
- text-align: left;
- margin-bottom: 0;
- }
- .counter-box.style-three .count {
- -moz-text-align-last: left;
- text-align-last: left;
- }
- @media (max-width: 768px) {
- .counter-box.style-three .count {
- border-top: 0;
- }
- }
- .counter-box.style-three .count .counted {
- font-weight: 800;
- }
- .counter-box.style-three .count .counted, .counter-box.style-three .count span {
- font-size: 50px;
- color: #ed1f25;
- margin-bottom: 10px;
- }
- .counter-box.style-three .count span {
- font-weight: 500;
- }
- .counter-box.style-three .count-title {
- margin-bottom: 0;
- }
- @media (max-width: 768px) {
- .counter-box {
- display: block;
- }
- .counter-box .count {
- width: 100%;
- padding-top: 30px;
- max-width: 350px;
- margin: 0 auto 30px;
- border-top: 1px solid #e8e4f5;
- }
- .counter-box .count:not(:first-child) {
- border-left: none;
- }
- .counter-box .count.special {
- padding-top: 0;
- border-top: 0;
- }
- }
- /*--------------------------------------------------------------
- ## Analytics
- --------------------------------------------------------------*/
- .analytics {
- padding-top: 100px;
- position: relative;
- }
- .ana-feature-image img {
- position: relative;
- z-index: 3;
- }
- .animate-stroke {
- position: absolute;
- height: 230px;
- width: 100%;
- left: 0;
- bottom: 60px;
- }
- .animate-stroke .stroke-one, .animate-stroke .stroke-two {
- position: absolute;
- left: 0;
- background-size: auto;
- }
- .animate-stroke .stroke-one {
- bottom: 65px;
- -webkit-animation: parallax_fg 50s linear 1s infinite;
- animation: parallax_fg 50s linear 1s infinite;
- height: 165px;
- width: 100%;
- }
- .animate-stroke .stroke-two {
- bottom: 0;
- -webkit-animation: parallax_fg 80s linear 1s infinite;
- animation: parallax_fg 80s linear 1s infinite;
- height: 90%;
- width: 100%;
- }
- @-webkit-keyframes parallax_fg {
- 0% {
- background-position: 2765px 100%;
- }
- 100% {
- background-position: 550px 100%;
- }
- }
- @keyframes parallax_fg {
- 0% {
- background-position: 2765px 100%;
- }
- 100% {
- background-position: 550px 100%;
- }
- }
- /*--------------------------------------------------------------
- ## Cowndown
- --------------------------------------------------------------*/
- #countdown {
- background: #2a1365;
- padding: 100px 0;
- }
- #countdown-creative {
- position: relative;
- padding: 120px 0 160px;
- background: #fbfbfd;
- }
- @media (max-width: 991px) {
- #countdown-creative {
- padding: 80px 0 0;
- }
- }
- #countdown-creative.countdown-creative-page {
- background: transparent;
- }
- @media (max-width: 768px) {
- #countdown-creative {
- padding: 80px 0;
- }
- }
- .animated-wave {
- position: absolute;
- width: 100%;
- height: 440px;
- bottom: 0;
- left: 0;
- z-index: 0;
- }
- .wave-wrapper {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
- position: absolute;
- top: 0;
- width: 100%;
- }
- .count-content .title {
- color: #fff;
- font-weight: 400;
- font-size: 20px;
- line-height: 34px;
- font-family: "Poppins", sans-serif;
- margin-bottom: 20px;
- }
- .count-content .total-count {
- font-size: 24px;
- font-weight: 500;
- color: #fff;
- font-family: "Poppins", sans-serif;
- margin-bottom: 40px;
- }
- .count-content .gp-btn-btc {
- -webkit-box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5);
- box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5);
- margin-bottom: 10px;
- }
- .count-content p {
- color: #af96ed;
- font-size: 13px;
- font-family: "Poppins", sans-serif;
- margin: 0;
- }
- .count-content p i {
- margin-right: 5px;
- }
- .cowndown-inner {
- -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
- box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
- border: 2px solid rgba(65, 48, 149, 0.4);
- padding: 100px;
- }
- .countdown {
- margin-bottom: 90px;
- }
- .countdown .CountdownContent {
- width: 25%;
- color: #fff;
- font-size: 50px;
- display: inline-block;
- text-align: center;
- font-weight: 800;
- line-height: 40px;
- font-family: "Poppins", sans-serif;
- }
- .CountdownLabel {
- font-size: 14px;
- display: block;
- font-weight: 300;
- }
- /* Creative Fan Fact */
- .fun-fact {
- text-align: center;
- margin-bottom: 50px;
- }
- .fun-fact .count-icon-container {
- position: relative;
- max-width: 70px;
- margin: 0 auto 22px;
- }
- .fun-fact .count-icon-container i {
- font-size: 40px;
- color: #f8b137;
- }
- .fun-fact .count-icon-container .circle-shape {
- position: absolute;
- left: -4px;
- top: -2px;
- display: inline-block;
- background-color: rgba(248, 177, 55, 0.102);
- height: 50px;
- width: 50px;
- border-radius: 50%;
- }
- .fun-fact .count {
- font-size: 40px;
- font-weight: 500;
- margin: 0;
- }
- .fun-fact p {
- font-size: 16px;
- color: #343e5d;
- }
- .fun-fact.color--two .count-icon-container i {
- color: #935eff;
- }
- .fun-fact.color--two .count-icon-container .circle-shape {
- background-color: rgba(147, 94, 255, 0.102);
- }
- .fun-fact.color--three .count-icon-container i {
- color: #0bca06;
- }
- .fun-fact.color--three .count-icon-container .circle-shape {
- background-color: rgba(11, 202, 6, 0.102);
- }
- .fun-fact.color--four .count-icon-container i {
- color: #ff782f;
- }
- .fun-fact.color--four .count-icon-container .circle-shape {
- background-color: rgba(255, 120, 46, 0.102);
- }
- /* Comminity */
- .comminity-countup-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin: 0 -15px;
- }
- @media (max-width: 991px) {
- .comminity-countup-wrapper {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- }
- .comminity-count-item {
- width: 20%;
- }
- @media (max-width: 991px) {
- .comminity-count-item {
- width: 33.3333%;
- }
- }
- @media (max-width: 480px) {
- .comminity-count-item {
- width: 50%;
- }
- }
- .comminity-count-item .fun-fact {
- border-radius: 4px;
- background-color: white;
- -webkit-box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1);
- box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1);
- padding: 39px 0 34px;
- margin: 0 15px 30px;
- }
- .comminity-count-item .fun-fact .count-icon-container {
- margin-bottom: 17px;
- }
- .comminity-count-item .fun-fact p {
- font-weight: 400;
- margin: 0;
- }
- .comminity-count-item .fun-fact .count {
- font-size: 34px;
- font-weight: 400;
- }
- .comminity-count-item .fun-fact.color-one .count {
- color: #ed1f25;
- }
- .comminity-count-item .fun-fact.color-two .count {
- color: #70c315;
- }
- .comminity-count-item .fun-fact.color-three .count {
- color: #9360fc;
- }
- .comminity-count-item .fun-fact.color-four .count {
- color: #fc5b93;
- }
- .comminity-count-item .fun-fact.color-five .count {
- color: #11c296;
- }
- /*--------------------------------------------------------------
- ## Case Studio
- --------------------------------------------------------------*/
- .case-studio {
- background: #fbfbfd;
- padding: 80px 0 120px;
- }
- @media (max-width: 991px) {
- .case-studio {
- padding: 0 0 80px;
- }
- }
- .case-item {
- background: #fff;
- -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06);
- box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06);
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-bottom: 30px;
- }
- .case-item .case-content {
- text-align: center;
- padding: 30px;
- }
- .case-item .case-content .title {
- font-size: 20px;
- }
- .case-item .case-content .title a {
- color: #343e5d;
- }
- .case-item .case-content .title a:hover {
- color: #ff5e85;
- }
- .case-item .case-content span {
- font-size: 16px;
- }
- .case-item .case-feature-image {
- overflow: hidden;
- }
- .case-item .case-feature-image img {
- width: 100%;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .case-item .case-feature-image:hover img {
- -webkit-transform: scale(1.05) rotate(3deg);
- -ms-transform: scale(1.05) rotate(3deg);
- transform: scale(1.05) rotate(3deg);
- }
- .case-item:hover {
- -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
- box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
- }
- /*--------------------------------------------------------------
- ## Faqs
- --------------------------------------------------------------*/
- .faqs {
- background-image:url(../img/faq-bg.jpg);
- background-repeat: no-repeat;
- background-size: cover;
- }
- .faq-agency {
- background: #f8f7fa;
- }
- @media (max-width: 991px) {
- .faq-agency {
- padding: 80px 0 50px;
- }
- }
- .image-wrapper-faq {
- text-align: center;
- }
- @media (min-width: 992px) {
- .image-wrapper-faq {
- margin: 0 60px 0 -370px;
- }
- }
- @media (min-width: 992px) {
- .faq-wrapper .faq.style-two {
- max-width: 80%;
- }
- }
- .card {
- border: 0;
- background: transparent;
- }
- .card .card-header {
- background-color: transparent;
- border: 0;
- border-radius: 6px;
- }
- .card .card-header .btn-link {
- padding: 0;
- color: #373d46;
- font-size: 20px;
- font-weight: 800;
- text-decoration: none;
- }
- .card .card-body {
- padding: 0;
- }
- .card .card-body p {
- font-size: 16px;
- margin-bottom: 25px;
- }
- .faq {
- position: relative;
- z-index: 2;
- }
- .faq .card {
- border: 0;
- background: transparent;
- margin-bottom: 30px;
- -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
- box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
- }
- .faq .card .card-header {
- padding: 0;
- }
- .faq .card .card-header h5 {
- position: relative;
- margin: 0;
- }
- .faq .card .card-header .btn-link {
-
- background: #fff;
- font-size: 18px;
- font-weight: 500;
- color: #ef2625;
- text-decoration: none;
- white-space: normal;
- text-align: left;
- width: 100%;
- padding: 20px 40px;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .faq .card .card-header .btn-link:before {
- content: "\F2EA";
- display: block;
- position: absolute;
- top: 50%;
- right: 30px;
- z-index: 9;
- font-family: bootstrap-icons;
- -webkit-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5s;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- font-size: 26px;
- color: #ed1f25;
- }
- .faq .card .card-header .btn-link.collapsed:before {
- content: "\F4FE";
- color: #4d446b;
- }
- .faq .card .card-body {
- padding: 40px;
- background: #fbfbfd;
- }
- .faq .card .card-body p {
- font-size: 16px;
- margin-bottom: 0;
- }
- .faq.style-two .card .card-header .btn-link {
- font-size: 16px;
- color: #1f113a;
- }
- .faq.style-two .card .card-header .btn-link:before {
- content: "\F2EA";
- color: #ed1f25;
- }
- .faq.style-two .card .card-header .btn-link.collapsed:before {
- content: "\F4FE";
- color: #1f113a;
- }
- .faq.style-two .card .card-body {
- background: #fff;
- padding: 0 40px 40px;
- }
- .faq.style-two .card.active .card-header .btn-link {
- color: #ed1f25;
- }
- .faq.style-three .card {
- -webkit-box-shadow: none;
- box-shadow: none;
- margin-bottom: 10px;
- }
- .faq.style-three .card.active .card-header .btn-link {
- color: #ed1f25;
- }
- .faq.style-three .card .card-body {
- background: transparent;
- padding: 23px 30px 30px;
- }
- .faq.style-three .card .card-header .btn-link {
- background-color: #f8f8f8;
- font-size: 16px;
- }
- .bg-circle-shape {
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -53%);
- -ms-transform: translate(-50%, -53%);
- transform: translate(-50%, -53%);
- height: 600px;
- width: 600px;
- border-radius: 50%;
- background: #fbfaf6;
- }
- @media (max-width: 768px) {
- .bg-circle-shape {
- height: 400px;
- width: 400px;
- }
- }
- @media (max-width: 640px) {
- .bg-circle-shape {
- height: 280px;
- width: 280px;
- }
- }
- @media (max-width: 991px) {
- #faqs {
- padding: 80px 0 50px;
- }
- .faq-two {
- margin-bottom: 30px;
- }
- .faq-section-two {
- padding-top: 65px;
- }
- .faq-section {
- padding-top: 75px;
- }
- .faqs {
- padding: 80px 0;
- }
- .faq-forms {
- padding-top: 78px;
- }
- .faq-wrapper {
- margin-top: 60px;
- }
- .faq-wrapper .section-heading {
- text-align: center !important;
- }
- }
- @media (max-width: 768px) {
- #faqs {
- padding: 50px 0 20px;
- }
- .faq .card .card-header h5:before {
- right: 20px;
- }
- .faq .card .card-header .btn-link {
- padding: 18px 20px;
- }
- }
- @media (max-width: 576px) {
- .faq .card .card-header .btn-link {
- padding: 18px 30px 18px 20px;
- font-size: 18px;
- }
- .faq .card .card-header h5:before {
- right: 10px;
- }
- .faq .card .card-body {
- padding: 5px 20px 25px;
- }
- }
- /** Faq **/
- .faq-page {
- padding: 120px 0;
- }
- .gp-faq-tabs {
- display: block;
- background: #f8f8f8;
- padding: 40px 40px 40px 0;
- border-radius: 6px;
- }
- .gp-faq-tabs li {
- display: block;
- margin-bottom: 6px;
- }
- .gp-faq-tabs li a {
- font-size: 15px;
- padding: 4px 20px 4px 40px;
- color: #6b717c;
- max-width: 200px;
- font-size: 15px;
- font-weight: 500;
- }
- .gp-faq-tabs li a.active {
- background-color: #ed1f25;
- color: #fff;
- }
- .animate-elemant {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .animate-elemant .element-left, .animate-elemant .element-right {
- position: absolute;
- }
- .animate-elemant .element-left {
- bottom: 340px;
- left: 100px;
- }
- .animate-elemant .element-right {
- top: 200px;
- right: 50px;
- }
- /*--------------------------------------------------------------
- ## SEO Ranking
- --------------------------------------------------------------*/
- .seo-ranking {
- padding: 120px 0;
- }
- @media (max-width: 991px) {
- .seo-ranking {
- padding: 80px 0 0;
- }
- }
- .ranking-content {
- padding-right: 50px;
- }
- .ranking-content .title {
- font-size: 30px;
- line-height: 44px;
- font-weight: 700;
- margin-bottom: 40px;
- }
- @media (max-width: 991px) {
- .ranking-content {
- padding-right: 0;
- margin-top: 40px;
- }
- }
- .featurelist {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 20px;
- }
- .featurelist i {
- margin-right: 20px;
- color: #ed1f25;
- margin-right: 10px;
- }
- /*--------------------------------------------------------------
- ## Team
- --------------------------------------------------------------*/
- .teams {
- padding: 115px 0 60px;
- }
- @media (max-width: 991px) {
- .teams {
- padding: 73px 0 60px;
- }
- }
- .teams-two {
- padding: 115px 0 120px;
- }
- @media (max-width: 991px) {
- .teams-two {
- padding: 73px 0 80px;
- }
- }
- .team-member {
- margin-bottom: 60px;
- }
- .team-member .team-avatar {
- position: relative;
- }
- .team-member .team-avatar img {
- width: 100%;
- }
- .team-member .team-avatar:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background: rgba(26, 191, 104, 0.95);
- opacity: 0;
- visibility: hidden;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .team-member .team-avatar .member-social {
- position: absolute;
- bottom: 30px;
- left: 0;
- width: 100%;
- text-align: center;
- }
- .team-member .team-avatar .member-social li:nth-child(2) {
- -webkit-transition-delay: 0.1s;
- -o-transition-delay: 0.1s;
- transition-delay: 0.1s;
- }
- .team-member .team-avatar .member-social li:nth-child(3) {
- -webkit-transition-delay: 0.2s;
- -o-transition-delay: 0.2s;
- transition-delay: 0.2s;
- }
- .team-member .member-social {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .team-member .member-social li {
- display: inline-block;
- margin-right: 5px;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- opacity: 0;
- visibility: hidden;
- -webkit-transition: 0.3s ease-in-out;
- -o-transition: 0.3s ease-in-out;
- transition: 0.3s ease-in-out;
- }
- .team-member .member-social li a {
- color: #ed1f25;
- display: block;
- background: #fff;
- border-radius: 50%;
- font-size: 18px;
- height: 50px;
- width: 50px;
- line-height: 52px;
- text-align: center;
- }
- .team-member .member-social li a:hover {
- -webkit-transform: translateY(-5px);
- -ms-transform: translateY(-5px);
- transform: translateY(-5px);
- -webkit-box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2);
- box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2);
- }
- .team-member .member-info {
- margin-top: 24px;
- }
- .team-member .member-info .name {
- font-size: 20px;
- font-weight: 800;
- margin-bottom: 4px;
- }
- .team-member .member-info .designation {
- font-size: 16px;
- display: block;
- }
- .team-member:hover .team-avatar:before {
- opacity: 1;
- visibility: visible;
- }
- .team-member:hover .team-avatar .member-social li {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- visibility: visible;
- }
- .team-member.style-two {
- margin-bottom: 30px;
- }
- .team-member.style-two .team-avatar {
- border-radius: 10px;
- overflow: hidden;
- }
- .team-member.style-two .team-avatar:before {
- background: rgba(251, 140, 92, 0.9);
- }
- .team-member.style-two .member-social li a {
- height: 40px;
- width: 40px;
- line-height: 40px;
- font-size: 14px;
- color: #fff;
- border: 1px solid #fff;
- background: transparent;
- }
- .team-member.style-two .member-social li a:hover {
- background: #fff;
- color: #ed1f25;
- }
- .team-member.style-two .member-info .name {
- font-size: 18px;
- }
- .team-member.style-two .member-info .designation {
- font-size: 14px;
- }
- /*--------------------------------------------------------------
- ## Client
- --------------------------------------------------------------*/
- .animate-client-logo {
- background-image: -o-linear-gradient(45deg, #5e2ced 0%, #a485fd 100%);
- background-image: linear-gradient(45deg, #5e2ced 0%, #a485fd 100%);
- padding: 130px 0;
- position: relative;
- overflow: hidden;
- }
- .animate-client-logo .top-shape {
- position: absolute;
- top: -60%;
- }
- .animate-client-logo .bottom-shape {
- position: absolute;
- right: 80px;
- bottom: -70%;
- }
- .animate-client-logo-service {
- background: #fbfbfd;
- padding: 115px 0 120px;
- }
- .animate-client-logo-two {
- padding: 15px 0 100px;
- }
- @media (max-width: 991px) {
- .animate-client-logo-two {
- padding: 15px 0 50px;
- }
- }
- .animate-client-logo-two .section-heading-two .section-title {
- font-weight: 500;
- }
- .client-content-wrapper .title {
- color: #fff;
- font-weight: 700;
- margin-bottom: 30px;
- }
- .client-content-wrapper .title span {
- font-weight: 400;
- }
- .client-content-wrapper p {
- color: #e4ddf7;
- line-height: 28px;
- }
- .client-content-wrapper p span {
- font-weight: 500;
- color: #fff;
- }
- .client-logo-items {
- width: 500px;
- height: 440px;
- position: relative;
- margin: 0 auto;
- padding: 0;
- list-style: none;
- }
- .client-logo-items .logo-item {
- background: #fff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- height: 80px;
- width: 80px;
- border-radius: 6px;
- position: absolute;
- -webkit-box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2);
- box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2);
- }
- .client-logo-items .logo-item:nth-child(1) {
- height: 130px;
- width: 130px;
- top: 34%;
- left: 40%;
- }
- .client-logo-items .logo-item:nth-child(2) {
- height: 80px;
- width: 80px;
- top: 0;
- left: 90px;
- }
- .client-logo-items .logo-item:nth-child(3) {
- height: 90px;
- width: 90px;
- bottom: 0;
- left: 50%;
- }
- .client-logo-items .logo-item:nth-child(4) {
- height: 100px;
- width: 100px;
- bottom: 40px;
- left: 0;
- }
- .client-logo-items .logo-item:nth-child(5) {
- width: 120px;
- height: 105px;
- top: 65px;
- right: 0;
- }
- .client-logo-items .logo-item:nth-child(6) {
- width: 100px;
- height: 100px;
- top: 50%;
- right: -30px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- width: 150px;
- height: 150px;
- bottom: 25px;
- right: -230px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- top: 80px;
- right: -175px;
- }
- .client-logo-items-two {
- margin: 0;
- padding: 0;
- list-style: none;
- position: relative;
- max-width: 1170px;
- height: 470px;
- z-index: 222;
- }
- .client-logo-items-two li {
- position: absolute;
- text-align: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- background: #fff;
- border-radius: 50%;
- -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06);
- box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06);
- }
- .client-logo-items-two li:nth-child(1) {
- height: 160px;
- width: 160px;
- left: 44%;
- top: 50px;
- }
- .client-logo-items-two li:nth-child(2) {
- height: 180px;
- width: 180px;
- top: 20px;
- left: 66%;
- }
- .client-logo-items-two li:nth-child(3) {
- height: 120px;
- width: 120px;
- top: 0;
- left: 24%;
- }
- .client-logo-items-two li:nth-child(4) {
- height: 125px;
- width: 125px;
- top: 270px;
- left: 45%;
- }
- .client-logo-items-two li:nth-child(5) {
- height: 200px;
- width: 200px;
- top: 200px;
- left: 20%;
- }
- .client-logo-items-two li:nth-child(6) {
- height: 170px;
- width: 170px;
- top: 280px;
- left: 62%;
- }
- .client-logo-items-two li:nth-child(7) {
- height: 200px;
- width: 200px;
- top: 0;
- left: 0;
- }
- .client-logo-items-two li:nth-child(8) {
- height: 100px;
- width: 100px;
- top: 30px;
- right: 0;
- }
- .client-logo-items-two li:nth-child(9) {
- height: 100px;
- width: 100px;
- top: 280px;
- left: 40px;
- }
- .client-logo-items-two li:nth-child(10) {
- height: 120px;
- width: 120px;
- top: 250px;
- right: 50px;
- }
- .clients-logo {
- padding: 100px 0;
- }
- @media (max-width: 991px) {
- .clients-logo {
- padding: 50px 0;
- }
- }
- .gp-client-logo {
- display: block;
- }
- .gp-client-logo .client-logo-main {
- position: relative;
- display: block;
- width: auto;
- margin: 0 auto;
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: -webkit-transform 0.4s ease;
- -o-transition: transform 0.4s ease;
- transition: transform 0.4s ease;
- transition: transform 0.4s ease, -webkit-transform 0.4s ease;
- }
- .gp-client-logo .client-logo-hover {
- position: absolute;
- top: 0;
- left: 50%;
- width: auto;
- -webkit-transform: translate(-50%, -100%);
- -ms-transform: translate(-50%, -100%);
- transform: translate(-50%, -100%);
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: -webkit-transform 0.4s ease;
- -o-transition: transform 0.4s ease;
- transition: transform 0.4s ease;
- transition: transform 0.4s ease, -webkit-transform 0.4s ease;
- }
- .gp-client-logo:hover .client-logo-main {
- -webkit-transform: translateY(100%);
- -ms-transform: translateY(100%);
- transform: translateY(100%);
- }
- .gp-client-logo:hover .client-logo-hover {
- -webkit-transform: translate(-50%, 0);
- -ms-transform: translate(-50%, 0);
- transform: translate(-50%, 0);
- margin-bottom: 5px;
- }
- /* Logo Marque */
- .client-logo-marque {
- padding: 280px 0 120px;
- }
- .client-logo-marque .section-heading {
- margin-bottom: 45px;
- }
- @media (max-width: 991px) {
- .client-logo-marque {
- padding: 180px 0 80px;
- }
- }
- @media (max-width: 720px) {
- .client-logo-marque {
- padding: 80px 0;
- }
- }
- .marquee-wrap {
- overflow: hidden;
- padding: 25px 0 60px;
- position: relative;
- }
- .marquee-wrap:after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%);
- background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)), to(#fff));
- background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%);
- }
- .logo-marque {
- margin-bottom: 10px;
- }
- .logo-marque-items {
- margin: 0 -15px;
- padding: 0;
- list-style: none;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .logo-marque-items li {
- border-radius: 6px;
- background: #fff;
- -webkit-box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12);
- box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12);
- width: 90px;
- height: 90px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- margin: 0 15px;
- }
- .logo-marque-items li a {
- display: block;
- height: 100%;
- }
- @media (max-width: 1600px) {
- .client-logo-items .logo-item:nth-child(1) {
- left: 30%;
- }
- .client-logo-items .logo-item:nth-child(2) {
- left: 60px;
- }
- .client-logo-items .logo-item:nth-child(3) {
- left: 42%;
- }
- .client-logo-items .logo-item:nth-child(5) {
- right: 13%;
- }
- .client-logo-items .logo-item:nth-child(6) {
- right: 50px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- right: -140px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- right: -100px;
- }
- }
- @media (max-width: 1400px) {
- .client-logo-items {
- height: 400px;
- }
- .client-logo-items .logo-item:nth-child(1) {
- left: 15%;
- }
- .client-logo-items .logo-item:nth-child(2) {
- left: 0;
- }
- .client-logo-items .logo-item:nth-child(3) {
- left: 30%;
- }
- .client-logo-items .logo-item:nth-child(4) {
- left: -60px;
- }
- .client-logo-items .logo-item:nth-child(5) {
- right: 30%;
- }
- .client-logo-items .logo-item:nth-child(6) {
- right: 130px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- right: -40px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- right: 0;
- }
- }
- @media (max-width: 1200px) {
- .client-logo-items {
- height: 360px;
- }
- .client-logo-items .logo-item {
- height: 70px;
- width: 70px;
- padding: 10px;
- }
- .client-logo-items .logo-item:nth-child(1) {
- left: 10%;
- height: 110px;
- width: 110px;
- }
- .client-logo-items .logo-item:nth-child(2) {
- left: -20px;
- height: 70px;
- width: 70px;
- }
- .client-logo-items .logo-item:nth-child(3) {
- left: 22%;
- height: 80px;
- width: 80px;
- }
- .client-logo-items .logo-item:nth-child(4) {
- left: -60px;
- height: 85px;
- width: 85px;
- }
- .client-logo-items .logo-item:nth-child(5) {
- right: 42%;
- width: 100px;
- height: 90px;
- }
- .client-logo-items .logo-item:nth-child(6) {
- right: 38%;
- width: 85px;
- height: 85px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- right: 40px;
- width: 120px;
- height: 120px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- right: 90px;
- }
- }
- @media (max-width: 1200px) {
- .client-content-wrapper p br {
- display: none;
- }
- }
- @media (max-width: 991px) {
- .client-content-wrapper {
- margin-bottom: 30px;
- text-align: center;
- }
- .client-logo-items {
- width: 75%;
- }
- .client-logo-items .logo-item {
- height: 70px;
- width: 70px;
- padding: 10px;
- }
- .client-logo-items .logo-item:nth-child(1) {
- left: 28%;
- height: 110px;
- width: 110px;
- }
- .client-logo-items .logo-item:nth-child(2) {
- left: 60px;
- height: 60px;
- width: 70px;
- }
- .client-logo-items .logo-item:nth-child(3) {
- left: 22%;
- height: 80px;
- width: 80px;
- }
- .client-logo-items .logo-item:nth-child(4) {
- left: 0;
- height: 85px;
- width: 85px;
- }
- .client-logo-items .logo-item:nth-child(5) {
- right: 28%;
- width: 100px;
- height: 90px;
- top: 40px;
- }
- .client-logo-items .logo-item:nth-child(6) {
- right: 35%;
- top: 56%;
- width: 85px;
- height: 85px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- right: 0;
- width: 120px;
- height: 120px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- right: 60px;
- }
- .client-logo-items-two li:nth-child(1) {
- height: 130px;
- width: 130px;
- }
- .client-logo-items-two li:nth-child(2) {
- height: 150px;
- width: 150px;
- }
- .client-logo-items-two li:nth-child(3) {
- height: 100px;
- width: 100px;
- }
- .client-logo-items-two li:nth-child(4) {
- height: 105px;
- width: 105px;
- }
- .client-logo-items-two li:nth-child(5) {
- height: 160px;
- width: 160px;
- }
- .client-logo-items-two li:nth-child(6) {
- height: 140px;
- width: 140px;
- }
- .client-logo-items-two li:nth-child(7) {
- height: 160px;
- width: 160px;
- }
- .client-logo-items-two li:nth-child(8) {
- height: 80px;
- width: 80px;
- }
- .client-logo-items-two li:nth-child(9) {
- height: 80px;
- width: 80px;
- }
- .client-logo-items-two li:nth-child(10) {
- height: 100px;
- width: 100px;
- right: 10px;
- }
- }
- @media (max-width: 768px) {
- .client-logo-items {
- width: 90%;
- }
- .client-logo-items-two li {
- padding: 20px;
- }
- .client-logo-items-two li:nth-child(1) {
- height: 110px;
- width: 110px;
- }
- .client-logo-items-two li:nth-child(2) {
- height: 130px;
- width: 130px;
- }
- .client-logo-items-two li:nth-child(3) {
- height: 80px;
- width: 80px;
- }
- .client-logo-items-two li:nth-child(4) {
- height: 85px;
- width: 85px;
- }
- .client-logo-items-two li:nth-child(5) {
- height: 140px;
- width: 140px;
- }
- .client-logo-items-two li:nth-child(6) {
- height: 120px;
- width: 120px;
- }
- .client-logo-items-two li:nth-child(7) {
- height: 140px;
- width: 140px;
- }
- .client-logo-items-two li:nth-child(8) {
- height: 70px;
- width: 70px;
- }
- .client-logo-items-two li:nth-child(9) {
- height: 70px;
- width: 70px;
- }
- .client-logo-items-two li:nth-child(10) {
- height: 80px;
- width: 80px;
- right: 10px;
- }
- }
- @media (max-width: 620px) {
- .client-logo-items {
- height: 320px;
- width: 90%;
- }
- .client-logo-items .logo-item {
- height: 70px;
- width: 70px;
- padding: 10px;
- }
- .client-logo-items .logo-item:nth-child(1) {
- left: 32%;
- height: 90px;
- width: 90px;
- }
- .client-logo-items .logo-item:nth-child(2) {
- left: 60px;
- height: 70px;
- width: 70px;
- }
- .client-logo-items .logo-item:nth-child(3) {
- left: 22%;
- height: 65px;
- width: 65px;
- }
- .client-logo-items .logo-item:nth-child(4) {
- left: 0;
- height: 70px;
- width: 70px;
- }
- .client-logo-items .logo-item:nth-child(5) {
- right: 28%;
- width: 90px;
- height: 80px;
- top: 40px;
- }
- .client-logo-items .logo-item:nth-child(6) {
- right: 25%;
- top: 56%;
- width: 70px;
- height: 70px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- right: 0;
- width: 100px;
- height: 100px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- right: 40px;
- }
- }
- @media (max-width: 576px) {
- .client-logo-items {
- height: 275px;
- width: 420px;
- }
- .client-logo-items .logo-item {
- height: 60px;
- width: 60px;
- padding: 10px;
- }
- .client-logo-items .logo-item:nth-child(1) {
- left: 32%;
- height: 65px;
- width: 80px;
- top: 40%;
- }
- .client-logo-items .logo-item:nth-child(2) {
- left: 60px;
- height: 70px;
- width: 70px;
- }
- .client-logo-items .logo-item:nth-child(3) {
- left: 22%;
- height: 55px;
- width: 55px;
- }
- .client-logo-items .logo-item:nth-child(4) {
- left: 0;
- height: 60px;
- width: 60px;
- }
- .client-logo-items .logo-item:nth-child(5) {
- right: 28%;
- width: 80px;
- height: 60px;
- top: 40px;
- }
- .client-logo-items .logo-item:nth-child(6) {
- right: 25%;
- top: 56%;
- width: 70px;
- height: 70px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- right: 0;
- width: 80px;
- height: 80px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- right: 40px;
- }
- .client-logo-items-two li {
- padding: 20px;
- }
- .client-logo-items-two li:nth-child(1) {
- height: 110px;
- width: 110px;
- left: 41%;
- }
- .client-logo-items-two li:nth-child(2) {
- height: 120px;
- width: 120px;
- top: 0;
- right: 0;
- left: auto;
- }
- .client-logo-items-two li:nth-child(3) {
- height: 100px;
- width: 100px;
- left: 11%;
- }
- .client-logo-items-two li:nth-child(4) {
- height: 105px;
- width: 105px;
- top: 190px;
- left: 41%;
- }
- .client-logo-items-two li:nth-child(5) {
- height: 140px;
- width: 140px;
- left: 5%;
- top: 130px;
- }
- .client-logo-items-two li:nth-child(6) {
- height: 120px;
- width: 120px;
- top: 180px;
- right: 0;
- left: auto;
- }
- .client-logo-items-two li:nth-child(7) {
- height: 130px;
- width: 130px;
- top: auto;
- bottom: 0;
- left: 55%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- .client-logo-items-two li:nth-child(8) {
- height: 90px;
- width: 90px;
- bottom: 0;
- top: auto;
- right: 0;
- }
- .client-logo-items-two li:nth-child(9) {
- height: 100px;
- width: 100px;
- bottom: 85px;
- left: 20px;
- top: auto;
- }
- .client-logo-items-two li:nth-child(10) {
- height: 90px;
- width: 90px;
- right: 10px;
- bottom: -25px;
- top: auto;
- left: 50px;
- }
- }
- @media (max-width: 420px) {
- .client-logo-items {
- height: 275px;
- width: 300px;
- }
- .client-logo-items .logo-item {
- height: 60px;
- width: 60px;
- padding: 10px;
- }
- .client-logo-items .logo-item:nth-child(1) {
- left: 22%;
- height: 65px;
- width: 75px;
- top: 36%;
- }
- .client-logo-items .logo-item:nth-child(2) {
- left: 25px;
- height: 55px;
- width: 55px;
- }
- .client-logo-items .logo-item:nth-child(3) {
- left: 25%;
- height: 55px;
- width: 55px;
- }
- .client-logo-items .logo-item:nth-child(4) {
- left: 0;
- height: 60px;
- width: 60px;
- }
- .client-logo-items .logo-item:nth-child(5) {
- right: 35%;
- width: 75px;
- height: 55px;
- top: 34px;
- }
- .client-logo-items .logo-item:nth-child(6) {
- right: 30%;
- top: 55%;
- width: 60px;
- height: 60px;
- }
- .client-logo-items .logo-item:nth-child(7) {
- right: 0;
- width: 70px;
- height: 70px;
- }
- .client-logo-items .logo-item:nth-child(8) {
- right: 40px;
- }
- .client-logo-items-two {
- width: 320px;
- margin: 0 auto;
- }
- .client-logo-items-two li {
- padding: 20px;
- }
- .client-logo-items-two li:nth-child(1) {
- height: 90px;
- width: 90px;
- left: 33%;
- }
- .client-logo-items-two li:nth-child(2) {
- height: 120px;
- width: 120px;
- top: 0;
- right: 0;
- left: auto;
- }
- .client-logo-items-two li:nth-child(3) {
- height: 100px;
- width: 100px;
- left: 0;
- }
- .client-logo-items-two li:nth-child(4) {
- height: 95px;
- width: 95px;
- top: 190px;
- left: 38%;
- }
- .client-logo-items-two li:nth-child(5) {
- height: 120px;
- width: 120px;
- left: 2%;
- top: 130px;
- }
- .client-logo-items-two li:nth-child(6) {
- height: 100px;
- width: 100px;
- top: 140px;
- right: 0;
- left: auto;
- }
- .client-logo-items-two li:nth-child(7) {
- height: 110px;
- width: 110px;
- top: auto;
- bottom: 106px;
- right: 0;
- left: auto;
- -webkit-transform: translate(0);
- -ms-transform: translate(0);
- transform: translate(0);
- }
- .client-logo-items-two li:nth-child(8) {
- height: 90px;
- width: 90px;
- bottom: 40px;
- top: auto;
- right: 96px;
- }
- .client-logo-items-two li:nth-child(9) {
- height: 100px;
- width: 100px;
- bottom: 85px;
- left: 20px;
- top: auto;
- }
- .client-logo-items-two li:nth-child(10) {
- height: 90px;
- width: 90px;
- right: 10px;
- bottom: -25px;
- top: auto;
- left: 50px;
- }
- }
- /*--------------------------------------------------------------
- ## Testimonial
- --------------------------------------------------------------*/
- /* Social Testimonial */
- #social-testimonial {
- background: #fbfbfd;
- overflow: hidden;
- }
- #social-testimonial .testimonial-top-area {
- padding: 115px 0 196px;
- background-size: cover;
- background-position: center center;
- background-image: linear-gradient(45deg, #03050e66 0, #1a266ca3 50%, #2f3ca35c 100%), url(../img/bg.jpg);
- }
- #social-testimonial .testimonial-top-area .section-title-two h2 {
- margin-bottom: 10px;
- }
- @media (max-width: 991px) {
- #social-testimonial .testimonial-top-area {
- padding: 70px 0 196px;
- }
- }
- #testimonial-saas {
- padding: 113px 0 130px;
- position: relative;
- }
- @media (max-width: 768px) {
- #testimonial-saas {
- padding: 73px 0 80px;
- }
- }
- #testimonial-saas .testimonial-shape-bg {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 540px;
- background-size: cover;
- background-position: center center;
- }
- #testimonial-saas .section-heading {
- margin-bottom: 48px;
- }
- #testimonial-saas .swiper-pagination .swiper-pagination-bullet {
- height: 8px;
- width: 8px;
- }
- .nav-control {
- position: absolute;
- top: 50%;
- z-index: 222;
- width: 100%;
- }
- .nav-control .gp-nav-next, .nav-control .gp-nav-prev {
- position: absolute;
- height: 50px;
- width: 50px;
- text-align: center;
- color: #677294;
- line-height: 50px;
- border: 2px solid #e0e3ed;
- border-radius: 50%;
- font-size: 20px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- cursor: pointer;
- outline: 0;
- }
- .nav-control .gp-nav-next:hover, .nav-control .gp-nav-prev:hover {
- background: #4d5afe;
- border-color: #4d5afe;
- color: #fff;
- -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- }
- .nav-control .gp-nav-prev {
- left: 20px;
- }
- .nav-control .gp-nav-next {
- right: 20px;
- }
- .testimonial-saas-wrapper .swiper-container {
- padding: 26px;
- }
- @media (min-width: 1400px) {
- .testimonial-saas-wrapper .swiper-container {
- margin: 0 -26px;
- }
- }
- @media (max-width: 667px) {
- .testimonial-saas-wrapper .swiper-container {
- padding: 0;
- margin: 0;
- }
- }
- #testimonial-social {
- padding: 70px 30px;
- margin: 0 -30px 20px;
- }
- .social-testimonil {
- margin-top: -250px;
- padding-bottom: 115px;
- }
- @media (max-width: 991px) {
- .social-testimonil {
- padding-bottom: 75px;
- }
- }
- .social-testi {
- background: #fff;
- -webkit-box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1);
- box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1);
- border-radius: 6px;
- padding: 50px 40px 55px;
- }
- .social-testi .content p {
- font-size: 16px;
- line-height: 28px;
- margin: 0;
- }
- .social-testi .user-details {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 33px;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: relative;
- }
- .social-testi .user-details .ratings {
- position: absolute;
- right: 0;
- top: 5px;
- }
- @media (max-width: 991px) {
- .social-testi .user-details .ratings {
- position: static;
- }
- }
- .social-testi .user-details .avatar {
- width: 60px;
- height: 60px;
- overflow: hidden;
- }
- .social-testi .user-details .avatar img {
- border-radius: 50%;
- }
- .social-testi .user-details .info-content {
- margin-left: 20px;
- }
- .social-testi .user-details .info-content .name {
- font-size: 20px;
- color: #051441;
- font-weight: 800;
- margin: 0;
- }
- .social-testi .user-details .info-content .position {
- font-size: 14px;
- }
- .social-slider-nav {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- position: absolute;
- right: 0;
- bottom: 0;
- }
- @media (max-width: 767px) {
- .social-slider-nav {
- position: static;
- }
- }
- .social-slider-nav .slider-next, .social-slider-nav .slider-prev {
- height: 50px;
- width: 50px;
- line-height: 50px;
- border: 2px solid #baa9e4;
- border-radius: 50%;
- text-align: center;
- color: #fff;
- font-size: 20px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- cursor: pointer;
- outline: 0;
- }
- .social-slider-nav .slider-next:hover, .social-slider-nav .slider-prev:hover {
- background: #fff;
- color: #ed1f25;
- border-color: #fff;
- -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
- box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
- }
- .social-slider-nav .slider-prev {
- margin-right: 10px;
- }
- .testi-content-title h4 {
- font-size: 14px;
- text-transform: uppercase;
- font-weight: 500;
- letter-spacing: 2px;
- color: #ed1f25;
- margin-bottom: 13px;
- }
- .testi-content-title h2 {
- font-size: 40px;
- line-height: 56px;
- margin-bottom: 45px;
- font-weight: 700;
- }
- .testi-content-title h2 span {
- color: #ed1f25;
- }
- .spaker-count .count-num {
- font-size: 60px;
- font-weight: 400;
- line-height: 1;
- margin-bottom: 2px;
- }
- .spaker-count p {
- font-size: 14px;
- font-weight: 500;
- text-transform: uppercase;
- color: #677294;
- margin-bottom: 43px;
- }
- .spaker-count .count-feature {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .spaker-count .count-feature li {
- line-height: 39px;
- font-size: 16px;
- font-weight: 500;
- color: #051441;
- }
- .spaker-count .count-feature li i {
- color: #ed1f25;
- margin-right: 10px;
- }
- /* Testimonial*/
- .testimonials {
- padding: 120px 0;
- background: #fbfbfd;
- background-image: url(../../media/background/testimonial-two.png);
- background-size: cover;
- background-position: center center;
- }
- @media (max-width: 991px) {
- .testimonials {
- padding: 80px 0;
- }
- .testimonials #testimonial {
- padding: 0;
- }
- }
- .testimonia-single {
- padding-top: 30px;
- }
- @media (max-width: 576px) {
- .testimonia-single .nav-control {
- display: none;
- }
- }
- .testimonia-single .testimonial {
- text-align: center;
- }
- .testimonia-single .testimonial .user-avatar {
- height: 100px;
- width: 100px;
- border-radius: 50%;
- margin: 0 auto 40px;
- overflow: hidden;
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- -webkit-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5s;
- opacity: 0;
- border: 2px solid #4d5afe;
- }
- .testimonia-single .testimonial .review-title {
- font-size: 18px;
- font-weight: 500;
- color: #1f113a;
- opacity: 0;
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- -webkit-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5s;
- }
- .testimonia-single .testimonial .testi-content {
- max-width: 750px;
- margin: 0 auto 43px;
- }
- @media (max-width: 991px) {
- .testimonia-single .testimonial .testi-content {
- max-width: 550px;
- }
- }
- @media (max-width: 767px) {
- .testimonia-single .testimonial .testi-content {
- max-width: 450px;
- }
- }
- .testimonia-single .testimonial .testi-content p {
- font-size: 20px;
- line-height: 36px;
- color: #373d46;
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- -webkit-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5s;
- opacity: 0;
- }
- @media (max-width: 768px) {
- .testimonia-single .testimonial .testi-content p {
- font-size: 18px;
- line-height: 34px;
- }
- }
- .testimonia-single .testimonial .info {
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- -webkit-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5s;
- opacity: 0;
- }
- .testimonia-single .testimonial .info .ratings {
- margin-bottom: 15px;
- }
- .testimonia-single .testimonial .info .ratings li {
- font-size: 12px;
- }
- .testimonia-single .testimonial .info .user-name {
- font-size: 20px;
- color: #1f113a;
- font-weight: 700;
- margin-bottom: 0;
- line-height: 1.5;
- }
- .testimonia-single .testimonial .info .designation {
- color: #6a7695;
- font-size: 14px;
- }
- .testimonia-single .testimonial.style-two {
- border-radius: 10px;
- background: #fff;
- -webkit-box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06);
- box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06);
- text-align: left;
- padding: 50px;
- position: relative;
- overflow: hidden;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .testimonia-single .testimonial.style-two:hover {
- -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
- box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
- }
- .testimonia-single .testimonial.style-two .user-details {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 30px;
- position: relative;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .testimonia-single .testimonial.style-two .user-details .ratings {
- position: absolute;
- top: 0;
- right: 0;
- }
- .testimonia-single .testimonial.style-two .user-details .ratings li {
- font-size: 12px;
- }
- @media (max-width: 991px) {
- .testimonia-single .testimonial.style-two .user-details .ratings {
- position: static;
- }
- }
- .testimonia-single .testimonial.style-two .user-details .avatar {
- height: 60px;
- width: 60px;
- border-radius: 50%;
- margin-right: 20px;
- }
- .testimonia-single .testimonial.style-two .user-details .avatar img {
- border-radius: 50%;
- }
- .testimonia-single .testimonial.style-two .info-content .name {
- font-size: 20px;
- font-weight: 800;
- margin: 0;
- }
- .testimonia-single .testimonial.style-two .info-content .designation {
- font-size: 14px;
- color: #868693;
- }
- .testimonia-single .testimonial.style-two .content p {
- font-size: 16px;
- line-height: 28px;
- margin-bottom: 45px;
- color: #6d6d82;
- }
- .testimonia-single .testimonial.style-two .wattermarker {
- position: absolute;
- right: 30px;
- bottom: -16px;
- }
- .testimonia-single#testimonial-community .testimonial .user-avatar {
- margin: 0 auto 25px;
- height: 70px;
- width: 70px;
- border: 0;
- }
- .testimonia-single#testimonial-community .testimonial .testi-content {
- margin: 0 auto 30px;
- }
- .testimonia-single#testimonial-community .testimonial .testi-content p {
- font-size: 18px;
- line-height: 30px;
- font-weight: 400;
- color: #69697b;
- margin: 0;
- }
- .testimonia-single#testimonial-community .testimonial .info .user-name {
- font-size: 16px;
- color: #1f113a;
- font-weight: 800;
- margin: 0;
- }
- .testimonia-single#testimonial-community .testimonial .info .designation {
- color: #88848f;
- font-size: 14px;
- }
- .testimonia-single#testimonial-community .nav-control .gp-nav-next {
- right: 20px;
- }
- .testimonia-single#testimonial-community .nav-control .gp-nav-prev {
- left: 20px;
- }
- .testimonia-single#testimonial-community .nav-control .gp-nav-next:hover, .testimonia-single#testimonial-community .nav-control .gp-nav-prev:hover {
- background: #ed1f25;
- border-color: #ed1f25;
- -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
- box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
- }
- .testimonia-single .swiper-slide.swiper-slide-active .testimonial .user-avatar {
- -webkit-transition-delay: 0.3s;
- -o-transition-delay: 0.3s;
- transition-delay: 0.3s;
- }
- .testimonia-single .swiper-slide.swiper-slide-active .testimonial .review-title {
- -webkit-transition-delay: 0.5s;
- -o-transition-delay: 0.5s;
- transition-delay: 0.5s;
- }
- .testimonia-single .swiper-slide.swiper-slide-active .testimonial .testi-content p {
- -webkit-transition-delay: 0.7s;
- -o-transition-delay: 0.7s;
- transition-delay: 0.7s;
- }
- .testimonia-single .swiper-slide.swiper-slide-active .testimonial .info {
- -webkit-transition-delay: 0.9s;
- -o-transition-delay: 0.9s;
- transition-delay: 0.9s;
- }
- .testimonia-single .swiper-slide.swiper-slide-active .testimonial .info, .testimonia-single .swiper-slide.swiper-slide-active .testimonial .review-title, .testimonia-single .swiper-slide.swiper-slide-active .testimonial .testi-content p, .testimonia-single .swiper-slide.swiper-slide-active .testimonial .user-avatar {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- }
- .testimonials-community {
- position: relative;
- background-image: url("../../media/background/testi_bg2.jpg");
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- overflow: hidden;
- padding: 122px 0 151px;
- }
- @media (max-width: 991px) {
- .testimonials-community {
- padding: 50px 0 80px;
- }
- }
- .testimonials-community .bottom-title {
- color: #f2f2f2;
- font-size: 100px;
- text-transform: uppercase;
- position: absolute;
- text-align: center;
- width: 100%;
- left: 0;
- bottom: -50px;
- font-weight: 700;
- }
- @media (max-width: 991px) {
- .testimonials-community .bottom-title {
- font-size: 40px;
- bottom: -25px;
- }
- }
- /* Testimonial Two*/
- .testimonials-two {
- padding: 142px 0;
- }
- @media (max-width: 991px) {
- .testimonials-two {
- padding: 100px 0 60px;
- }
- }
- .testimonials-two .bg-shape {
- position: absolute;
- right: 0;
- top: 0;
- }
- .testimonials-two .nav-control {
- width: 120px;
- right: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- top: auto;
- bottom: 0;
- }
- .testimonials-two .nav-control .gp-nav-next, .testimonials-two .nav-control .gp-nav-prev {
- position: static;
- }
- .testimonials-two .nav-control .gp-nav-next:hover, .testimonials-two .nav-control .gp-nav-prev:hover {
- background: #ed1f25;
- border-color: #ed1f25;
- -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
- box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
- }
- @media (max-width: 768px) {
- .testimonials-two .nav-control {
- display: none;
- }
- }
- .testimonial-overflow-wrap {
- overflow: hidden;
- }
- .testimonial-inner {
- margin: 0 -600px 0 -40px;
- }
- @media (max-width: 1280px) {
- .testimonial-inner {
- margin: 0;
- }
- }
- #testimonial-two {
- padding: 20px 0 68px 40px;
- }
- @media (max-width: 768px) {
- #testimonial-two {
- padding: 0;
- }
- }
- #testimonial-two .astriol-active-slide {
- -webkit-box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06);
- box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06);
- }
- .section-heading-two .nav-control .gp-nav-next:hover, .section-heading-two .nav-control .gp-nav-prev:hover {
- background-color: #ff5e85;
- border-color: #ff5e85;
- -webkit-box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2);
- box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2);
- }
- .testimonial-two {
- border-radius: 6px;
- background-color: white;
- padding: 50px 40px;
- position: relative;
- overflow: hidden;
- }
- @media (max-width: 420px) {
- .testimonial-two {
- padding: 40px 30px;
- }
- }
- .testimonial-two .testmonial-info {
- margin-bottom: 20px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- @media (max-width: 480px) {
- .testimonial-two .testmonial-info {
- display: block;
- }
- .testimonial-two .testmonial-info .ratings {
- margin-left: 80px;
- }
- }
- .testimonial-two .testmonial-info .info-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- .testimonial-two .testmonial-info .info-wrapper .user-avatar {
- height: 60px;
- width: 60px;
- margin-right: 20px;
- }
- .testimonial-two .testmonial-info .info-wrapper .user-avatar img {
- border-radius: 50%;
- }
- .testimonial-two .testmonial-info .info-wrapper .info {
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- }
- .testimonial-two .testmonial-info .info-wrapper .info .user-name {
- font-size: 20px;
- margin: 0;
- }
- .testimonial-two .testmonial-info .info-wrapper .info span {
- font-size: 14px;
- font-weight: 300;
- }
- .testimonial-two .testi-content {
- font-weight: 300;
- line-height: 28px;
- position: relative;
- }
- .testimonial-two .quote {
- position: absolute;
- right: 50px;
- bottom: -12px;
- }
- .ratings {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .ratings li {
- display: inline-block;
- color: #fbc509;
- font-size: 14px;
- }
- .section-heading {
- position: relative;
- }
- .section-heading .nav-control {
- width: 110px;
- top: 20px;
- right: 20px;
- }
- /* Testimonial Three */
- @media (max-width: 991px) {
- .testimonial-content-left {
- margin-top: 0 !important;
- }
- }
- .testimonial-content-left .section-heading {
- margin-bottom: 35px;
- }
- @media (max-width: 991px) {
- .testimonial-content-left .section-heading {
- text-align: center !important;
- }
- }
- .testimonial-content-left .nav-control {
- width: 110px;
- left: 15px;
- position: static;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- @media (max-width: 991px) {
- .testimonial-content-left .nav-control {
- margin: 0 auto;
- }
- }
- .testimonial-content-left .nav-control .gp-nav-next, .testimonial-content-left .nav-control .gp-nav-prev {
- position: static;
- z-index: 222;
- }
- .testimonial-content-left .nav-control .gp-nav-next:hover, .testimonial-content-left .nav-control .gp-nav-prev:hover {
- background: #ed1f25;
- border-color: #ed1f25;
- -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2);
- box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2);
- }
- /* Testimonial Agency */
- #testimonial-agency {
- padding-left: 30px;
- padding-top: 30px;
- }
- @media (max-width: 991px) {
- #testimonial-agency {
- padding: 10px;
- }
- }
- .agency-testimonial-wrap .testimonial-inner {
- margin: 0 -500px 0 -40px;
- }
- @media (max-width: 991px) {
- .agency-testimonial-wrap .testimonial-inner {
- margin: 0;
- }
- }
- .agency-testimonial-wrap .bg-shape {
- top: 45px;
- }
- @media (max-width: 576px) {
- .agency-testimonial-wrap .bg-shape {
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- }
- .testimonial-three {
- position: relative;
- }
- .testimonial-three .testi-content {
- background: #fff;
- -webkit-box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07);
- box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07);
- border-radius: 20px;
- padding: 40px;
- position: relative;
- }
- .testimonial-three .testi-content p {
- color: #706c79;
- line-height: 30px;
- }
- .testimonial-three .testi-content:before {
- content: "";
- position: absolute;
- left: 110px;
- bottom: -15px;
- width: 0;
- height: 0;
- border-left: 15px solid transparent;
- border-right: 10px solid transparent;
- border-top: 15px solid #fff;
- }
- .testimonial-three .info-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-top: 30px;
- margin-left: 100px;
- }
- .testimonial-three .info-wrapper .user-avatar {
- height: 50px;
- width: 50px;
- border-radius: 50%;
- overflow: hidden;
- margin-right: 20px;
- }
- .testimonial-three .info-wrapper .info .user-name {
- font-size: 18px;
- margin: 0;
- }
- .testimonial-three .info-wrapper .info .designation {
- color: #75737e;
- font-size: 15px;
- }
- .testimonials-creative {
- background-image: url("../../media/background/testi-bgc.jpg");
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- }
- .testimonial-heading {
- margin: 0;
- }
- .testimonial-heading .section-title {
- margin-bottom: 30px;
- }
- .testimonial-heading .sub-title {
- font-size: 20px;
- font-weight: 400;
- color: #020e27;
- margin-bottom: 85px;
- }
- @media (max-width: 768px) {
- .testimonial-heading .sub-title {
- margin-bottom: 20px;
- }
- }
- .testimonial-heading .nav-static {
- position: static;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- width: 90px;
- }
- .testimonial-heading .nav-static .gp-nav-next, .testimonial-heading .nav-static .gp-nav-prev {
- position: static;
- height: auto;
- width: auto;
- line-height: 1;
- border: 0;
- font-size: 40px;
- color: #ccd0d7;
- }
- .testimonial-heading .nav-static .gp-nav-next:hover, .testimonial-heading .nav-static .gp-nav-prev:hover {
- background: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .testimonial-heading .nav-static .gp-nav-next:hover:hover, .testimonial-heading .nav-static .gp-nav-prev:hover:hover {
- color: #ff6344;
- }
- .gp-testimonial-tab {
- margin-bottom: 30px;
- padding-bottom: 13px;
- border-bottom: 1px solid #dae0e6;
- }
- .gp-testimonial-tab li {
- position: relative;
- }
- .gp-testimonial-tab li:not(:last-child) {
- margin-right: 50px;
- }
- .gp-testimonial-tab li:not(:last-child):before {
- content: "";
- position: absolute;
- height: 4px;
- width: 4px;
- right: -25px;
- background: #000;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .gp-testimonial-tab li a {
- color: #000;
- padding: 0;
- position: relative;
- }
- .gp-testimonial-tab li a:after {
- content: "";
- position: absolute;
- left: 0;
- bottom: -14px;
- height: 2px;
- width: 0;
- background: #4d5afe;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .gp-testimonial-tab li a.active, .gp-testimonial-tab li a:hover {
- color: #4d5afe;
- }
- .gp-testimonial-tab li a.active:after {
- width: 100%;
- }
- .testimonial-wrap .quote {
- margin-bottom: 45px;
- }
- .testimonial-wrap .quote svg tspan {
- fill: rgba(80, 76, 250, 0.2);
- }
- .testimonials-creative {
- padding: 150px 0;
- }
- @media (max-width: 991px) {
- .testimonials-creative {
- padding: 80px 0;
- }
- }
- @media (max-width: 768px) {
- .testimonials-creative .testimonial-wrap {
- margin-top: 40px;
- }
- }
- .testimonial-cre .info-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .testimonial-cre .info-wrapper .user-avatar {
- height: 60px;
- width: 60px;
- border-radius: 50%;
- overflow: hidden;
- margin-right: 20px;
- }
- .testimonial-cre .info-wrapper .info .user-name {
- font-size: 18px;
- font-weight: 800;
- color: #000;
- margin: 0;
- }
- .testimonial-cre .info-wrapper .info .designation {
- color: #000;
- font-size: 14px;
- }
- .testimonial-cre .testi-content {
- margin-bottom: 40px;
- }
- .testimonial-cre .testi-content p {
- font-size: 20px;
- font-weight: 400;
- color: #000;
- line-height: 34px;
- margin: 0;
- }
- @media (min-width: 1200px) {
- .slider-right {
- width: calc(50% + 585px);
- overflow: hidden;
- margin-left: auto;
- }
- .slider-right .swiper-container {
- overflow: visible;
- }
- .container-wrap {
- width: 1170px;
- }
- }
- @media (max-width: 991px) {
- #testimonial {
- padding: 30px 15px;
- }
- .testi-content-title {
- margin-bottom: 30px;
- }
- }
- /* Testimonial App */
- .testimonials-apps {
- background-color: #2a2b72;
- padding: 160px 0 122px;
- }
- @media (max-width: 991px) {
- .testimonials-apps {
- padding: 100px 0 80px;
- }
- }
- .testimonial-app .testi-content {
- max-width: 830px;
- margin: 0 auto;
- text-align: center;
- }
- .testimonial-app .testi-content p {
- color: #fff;
- font-size: 30px;
- line-height: 46px;
- font-weight: 300;
- margin: 0;
- }
- @media (max-width: 767px) {
- .testimonial-app .testi-content p {
- font-size: 24px;
- line-height: 34px;
- }
- }
- @media (max-width: 576px) {
- .testimonial-app .testi-content p {
- font-size: 20px;
- line-height: 30px;
- }
- }
- .testimonial-top-wrapper {
- position: relative;
- padding-bottom: 44px;
- margin-bottom: 13px;
- }
- .testimonial-top-wrapper .testimonial-bg-quote {
- position: absolute;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- bottom: 0;
- }
- @media (max-width: 576px) {
- .testimonial-top-wrapper .testimonial-bg-quote {
- width: 300px;
- height: auto;
- }
- }
- .testimonial-top .slide-item {
- outline: 0;
- }
- .testimonial-bottom {
- overflow: hidden;
- margin: 0 auto;
- }
- @media (min-width: 991px) {
- .testimonial-bottom {
- max-width: 800px;
- }
- }
- .testimonial-bottom .slide-item {
- text-align: center;
- outline: 0;
- }
- .testimonial-bottom .slide-item .user-avatar {
- border-radius: 50%;
- height: 100px;
- width: 100px;
- margin: 0 auto 30px;
- overflow: hidden;
- -webkit-transform: scale(0.6);
- -ms-transform: scale(0.6);
- transform: scale(0.6);
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- @media (max-width: 576px) {
- .testimonial-bottom .slide-item .user-avatar {
- width: 70px;
- height: 70px;
- }
- }
- .testimonial-bottom .slide-item .user-avatar img {
- border-radius: 50%;
- }
- .testimonial-bottom .slide-item .info {
- visibility: hidden;
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .testimonial-bottom .slide-item .info .user-name {
- color: #fff;
- font-size: 20px;
- font-weight: 500;
- margin-bottom: 7px;
- }
- @media (max-width: 576px) {
- .testimonial-bottom .slide-item .info .user-name {
- font-size: 16px;
- }
- }
- .testimonial-bottom .slide-item .info .designation {
- color: #bdb8dd;
- font-size: 14px;
- text-transform: uppercase;
- line-height: 1.4;
- display: block;
- }
- @media (max-width: 576px) {
- .testimonial-bottom .slide-item .info .designation {
- font-size: 12px;
- }
- }
- .testimonial-bottom .slide-item.slick-center .user-avatar {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- .testimonial-bottom .slide-item.slick-center .info {
- visibility: visible;
- opacity: 1;
- }
- /*--------------------------------------------------------------
- ## Pricing
- --------------------------------------------------------------*/
- .pricing {
- padding: 120px 0;
- position: relative;
- }
- .pricing .bg-shape {
- position: absolute;
- left: 0;
- bottom: -29px;
- }
- @media (max-width: 991px) {
- .pricing {
- padding: 80px 0;
- }
- }
- .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page {
- padding: 115px 0 90px;
- }
- @media (max-width: 991px) {
- .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page {
- padding: 75px 0 50px;
- }
- }
- .pricing-page .section-heading.style-two .subtitle, .pricings-two-page .section-heading.style-two .subtitle {
- color: #ed1f25;
- }
- .pricing-page .section-heading.style-two .section-title:before, .pricing-page .section-heading.style-two .section-title:after, .pricings-two-page .section-heading.style-two .section-title:before, .pricings-two-page .section-heading.style-two .section-title:after {
- background: #ed1f25;
- }
- .pricings-two-page {
- background: #fbfbfd;
- }
- .pricings-two-page .pricing-table.style-two.feature-item .gp-btn {
- background: #ed1f25;
- border-color: #ed1f25;
- }
- .pricings-two-page .pricing-table.style-two .gp-btn:hover {
- color: #fff;
- border-color: #ed1f25;
- }
- .pricing-table {
- text-align: center;
- padding: 55px 50px;
- border: 1px solid #f1f3f8;
- margin-bottom: 30px;
- }
- @media (max-width: 768px) {
- .pricing-table {
- max-width: 500px;
- margin: 0 auto 30px;
- }
- }
- @media (min-width: 576px) and (max-width: 768px) {
- .pricing-table {
- padding: 55px 25px;
- }
- }
- @media (max-width: 420px) {
- .pricing-table {
- padding: 55px 30px;
- }
- }
- .pricing-table.dashed-border {
- border: 1px dashed #dbdfeb !important;
- background: transparent;
- }
- .pricing-table.feature-item {
- border: 3px solid #ff5e85;
- -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1);
- box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1);
- }
- .pricing-table.feature-item .buy-now-btn {
- background: #ff5e85;
- border-color: #ff5e85;
- color: #fff;
- }
- .pricing-table .price-header {
- margin-bottom: 20px;
- }
- .pricing-table .price-header .price-type {
- color: #343e5d;
- font-size: 40px;
- font-weight: 800;
- }
- .pricing-table .price-header .price-title {
- font-size: 18px;
- font-weight: 400;
- color: #677294;
- margin: 0;
- }
- .pricing-table .price-period {
- margin-bottom: 30px;
- }
- .pricing-table .price-period .period {
- color: #ff5e85;
- text-transform: uppercase;
- }
- .pricing-table .price-period .price {
- margin-bottom: 0;
- color: #343e5d;
- font-size: 40px;
- font-weight: 800;
- }
- .pricing-table .price-period .price span {
- font-size: 24px;
- }
- .pricing-table .price-feature {
- margin-bottom: 45px;
- padding: 0;
- list-style: none;
- -moz-text-align-last: left;
- text-align-last: left;
- }
- .pricing-table .price-feature li {
- color: #677294;
- line-height: 40px;
- }
- .pricing-table .price-feature li i {
- margin-right: 10px;
- font-size: 14px;
- }
- .pricing-table .price-feature li i.ei-icon_check {
- color: #ed1f25;
- }
- .pricing-table .price-feature li i.ei-icon_close {
- color: #f9284f;
- }
- .pricing-table .gp-btn {
- padding: 9px 44px;
- }
- .pricing-table.color-theme .price-period .period {
- color: #ed1f25;
- }
- .pricing-table.color-theme.feature-item {
- border-color: #ed1f25;
- }
- .pricing-table.style-two {
- border: 3px solid #eff2f7;
- border-radius: 10px;
- padding-bottom: 90px;
- background: transparent;
- position: relative;
- }
- .pricing-table.style-two.color-theme .price-header .price {
- color: #ed1f25;
- }
- .pricing-table.style-two.color-one .price-header .price {
- color: #f3b806;
- }
- .pricing-table.style-two.color-two .price-header .price {
- color: #2dcd0e;
- }
- .pricing-table.style-two.feature-item {
- border-color: #4d5afe;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .pricing-table.style-two.feature-item.color-theme.feature-item {
- border-color: #ed1f25;
- }
- .pricing-table.style-two.feature-item .gp-btn {
- color: #fff;
- border-color: #4d5afe;
- background: #4d5afe;
- }
- .pricing-table.style-two.feature-item .gp-btn:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .pricing-table.style-two .price-header {
- border-bottom: 1px dashed #cecee9;
- padding-bottom: 33px;
- margin-bottom: 27px;
- }
- .pricing-table.style-two .price-header .price-period {
- margin-bottom: 15px;
- }
- .pricing-table.style-two .price-header .price {
- color: #4d5afe;
- font-size: 40px;
- }
- .pricing-table.style-two .price-header .price-title {
- font-size: 20px;
- text-transform: uppercase;
- font-weight: 500;
- color: #373d46;
- margin-bottom: 14px;
- letter-spacing: 1px;
- }
- .pricing-table.style-two .price-header .period {
- color: #949aa9;
- font-size: 18px;
- display: block;
- }
- .pricing-table.style-two .price-feature li {
- color: #6a7695;
- font-size: 18px;
- font-weight: 400;
- }
- .pricing-table.style-two .price-feature li i {
- margin-right: 10px;
- font-size: 16px;
- }
- .pricing-table.style-two .price-feature li i.ei-icon_check {
- color: #4ec619;
- }
- .pricing-table.style-two .price-feature li i.ei-icon_close {
- color: #f92662;
- }
- .pricing-table.style-two .gp-btn {
- width: 160px;
- display: block;
- margin: 0 auto;
- padding: 10px 15px;
- border-color: #e0e3e8;
- color: #6a7695;
- }
- .pricing-table.style-two .trial {
- width: 100%;
- left: 0;
- text-align: center;
- bottom: 40px;
- position: absolute;
- color: #949aa9;
- }
- .pricing-table.style-agency {
- background: #fff;
- border-radius: 10px;
- text-align: left;
- -webkit-box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1);
- box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1);
- }
- .pricing-table.style-agency .price-header .price-title {
- color: #1f113a;
- }
- .pricing-table.style-agency .price-period {
- border-bottom: 1px dashed #8f9196;
- padding-bottom: 25px;
- margin-bottom: 25px;
- }
- .pricing-table.style-agency .price-period .price {
- font-size: 40px;
- color: #1f113a;
- font-weight: 500;
- }
- .pricing-table.style-agency .price-period .period {
- font-size: 14px;
- color: #676a75;
- text-transform: capitalize;
- }
- .pricing-table.style-agency .gp-btn {
- border: 2px solid #e4e1eb;
- padding: 5px 28px;
- color: #706c79;
- font-size: 14px;
- }
- .pricing-table.style-agency .gp-btn:after {
- background: #ed1f25;
- }
- .pricing-table.style-agency .gp-btn:hover {
- border-color: #ed1f25;
- -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
- box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
- }
- .pricing-table.style-agency.feature-item {
- border: 0;
- border-top: 4px solid #ed1f25;
- }
- .pricing-table.style-agency.feature-item .gp-btn {
- border-color: #ed1f25;
- color: #fff;
- -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
- box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
- }
- .pricing-table.style-agency.feature-item .gp-btn:hover {
- color: #ed1f25;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- /* Pricing Agency */
- .pricing-agency {
- position: relative;
- background-image: url("../../media/background/pricing_bg.jpg");
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- overflow: hidden;
- padding: 115px 0 90px;
- }
- @media (max-width: 991px) {
- .pricing-agency {
- padding: 75px 0 50px;
- }
- }
- /* Pricing Social */
- #social-pricing {
- padding: 114px 0 237px;
- }
- @media (max-width: 991px) {
- #social-pricing {
- padding: 74px 0 120px;
- }
- }
- .pricing-table-two {
- background-color: #fbfbfc;
- border: 1px solid #f1f3f8;
- padding: 60px 65px;
- text-align: center;
- position: relative;
- margin-bottom: 30px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .pricing-table-two .price-header {
- margin-bottom: 15px;
- position: relative;
- z-index: 2;
- }
- .pricing-table-two .price-header h2 {
- color: #051441;
- font-size: 16px;
- font-weight: 800;
- }
- .pricing-table-two .price {
- margin-bottom: 40px;
- position: relative;
- z-index: 2;
- }
- .pricing-table-two .price h2 {
- font-size: 40px;
- font-weight: 700;
- color: #051441;
- margin: 0;
- }
- .pricing-table-two .price .period {
- font-size: 14px;
- font-weight: 400;
- color: #ed1f25;
- text-transform: uppercase;
- }
- .pricing-table-two .price-feature {
- margin-bottom: 0;
- padding: 0;
- list-style: none;
- text-align: left;
- margin-bottom: 50px;
- position: relative;
- z-index: 2;
- }
- .pricing-table-two .price-feature li {
- font-size: 16px;
- font-weight: 400;
- line-height: 35px;
- }
- .pricing-table-two .price-feature li i {
- margin-right: 20px;
- background: #ed1f25;
- border-radius: 50%;
- color: #fff;
- font-size: 12px;
- height: 18px;
- width: 18px;
- line-height: 18px;
- display: inline-block;
- text-align: center;
- }
- .pricing-table-two .price-feature li.not-allow i {
- background: #dfe3ed;
- color: #677294;
- }
- .pricing-table-two .buy-now-btn {
- padding: 12px 44px;
- border: 1px solid #dfe3ed;
- border-radius: 30px;
- color: #677294;
- position: relative;
- z-index: 2;
- }
- .pricing-table-two .buy-now-btn i {
- display: inline-block;
- vertical-align: middle;
- }
- .pricing-table-two .buy-now-btn:hover {
- background: #ed1f25;
- color: #fff;
- border-color: #ed1f25;
- }
- .pricing-table-two .gp-btn {
- background-color: #fff;
- }
- .pricing-table-two.featured, .pricing-table-two:hover {
- background: #fff;
- -webkit-box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1);
- box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1);
- }
- .pricing-table-two.featured .buy-now-btn, .pricing-table-two:hover .buy-now-btn {
- background: #ff5e85;
- color: #fff;
- }
- .pricing-table-two.pricing-page .price .period {
- color: #ed1f25;
- }
- .pricing-table-two.pricing-page .price-feature li i {
- background: #ed1f25;
- }
- .pricing-table-two.pricing-page .price-feature li.not-allow i {
- background: #dfe3ed;
- }
- .pricing-table-two.pricing-page.featured .buy-now-btn, .pricing-table-two.pricing-page:hover .buy-now-btn {
- background: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Performance
- --------------------------------------------------------------*/
- .performance {
- padding: 120px 0 125px;
- }
- @media (max-width: 991px) {
- .performance {
- padding: 120px 0 50px;
- }
- }
- @media (max-width: 991px) {
- .gp-tab-contentens {
- margin-top: 40px;
- }
- }
- .gp-tab-contentens .section-heading {
- margin-bottom: 42px;
- }
- .gp-tab-contentens .section-heading .section-title {
- margin-bottom: 20px;
- font-size: 36px;
- line-height: 50px;
- }
- @media (max-width: 991px) {
- .gp-tab-contentens .section-heading.text-left {
- text-align: center !important;
- }
- }
- .gp-tabs-navigation {
- margin: 0;
- padding: 0;
- list-style: none;
- max-width: 325px;
- }
- @media (max-width: 991px) {
- .gp-tabs-navigation {
- max-width: 500px;
- margin: 0 auto;
- }
- }
- .gp-tabs-navigation li {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 28px;
- -webkit-box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08);
- box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08);
- border-radius: 4px;
- padding: 20px;
- background: #fff;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-left: 5px solid transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .gp-tabs-navigation li:last-child {
- margin-bottom: 0;
- }
- .gp-tabs-navigation li .tab-icon {
- margin-right: 20px;
- }
- .gp-tabs-navigation li a {
- font-size: 20px;
- color: #2c2c51;
- font-weight: 500;
- }
- .gp-tabs-navigation li.active-tab {
- border-color: #6e58fc;
- -webkit-box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004);
- box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004);
- position: relative;
- }
- .gp-tabs-navigation li.active-tab a {
- color: #6e58fc;
- }
- .account-tabs .gp-tabs-navigation {
- max-width: 100%;
- margin-bottom: 70px;
- }
- .account-tabs .gp-tabs-navigation li {
- padding: 8px 25px;
- line-height: 1;
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 0;
- display: inline-block;
- font-size: 14px;
- font-weight: 500;
- text-transform: uppercase;
- cursor: pointer;
- border-radius: 3px;
- margin-bottom: 0;
- }
- .account-tabs .gp-tabs-navigation li:nth-child(1) {
- background-color: rgba(255, 94, 133, 0.102);
- color: #ff5e85;
- margin-right: 5px;
- }
- .account-tabs .gp-tabs-navigation li:nth-child(1).active-tab {
- background-color: #ff5e85;
- color: #fff;
- -webkit-box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2);
- box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2);
- }
- .account-tabs .gp-tabs-navigation li:nth-child(2) {
- background-color: rgba(120, 74, 252, 0.102);
- color: #784afc;
- }
- .account-tabs .gp-tabs-navigation li:nth-child(2).active-tab {
- background-color: #784afc;
- color: #fff;
- -webkit-box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2);
- box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2);
- }
- .gp-tabs-content {
- margin: 0 0 0 -55px;
- padding: 0;
- list-style: none;
- z-index: 22;
- position: relative;
- }
- @media (max-width: 576px) {
- .gp-tabs-content {
- margin: 0;
- }
- }
- .gp-tabs-content li {
- display: none;
- -webkit-animation: fadeInOut;
- animation: fadeInOut;
- }
- .gp-tabs-content li.active-tab {
- display: block;
- -webkit-animation: fadeIn 0.5s ease-in-out;
- animation: fadeIn 0.5s ease-in-out;
- }
- .gp-tabs-content .performance-tab-image {
- text-align: center;
- }
- .account-tabs .gp-tabs-content {
- margin: 0;
- }
- .tab-content-inner {
- position: relative;
- }
- @media (max-width: 991px) {
- .tab-content-inner {
- max-width: 570px;
- margin: 0 auto 40px;
- }
- }
- .tab-content-inner .animate-shape-one {
- position: absolute;
- top: 65%;
- left: 46%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- z-index: 1;
- }
- @media (max-width: 420px) {
- .tab-content-inner .animate-shape-one {
- display: none;
- }
- }
- .tab-content-inner .animate-shape-two {
- position: absolute;
- right: 35px;
- top: 41%;
- }
- .tab-bg-shape {
- position: absolute;
- top: -55px;
- right: 13%;
- z-index: -1;
- }
- @media (min-width: 768px) {
- .gp-tabs-content {
- min-height: 480px;
- }
- }
- @media (min-width: 960px) {
- .gp-tabs-content {
- min-height: 0;
- }
- }
- @-webkit-keyframes gp-fade-in {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes gp-fade-in {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- /*--------------------------------------------------------------
- ## Platform
- --------------------------------------------------------------*/
- #platform {
- padding: 116px 0 400px;
- background: #fcfafd;
- position: relative;
- }
- @media (max-width: 1200px) {
- #platform {
- padding: 116px 0 400px;
- }
- }
- @media (max-width: 991px) {
- #platform {
- padding: 75px 0 0;
- }
- }
- #platform .platform-mockup {
- position: absolute;
- text-align: center;
- }
- @media (max-width: 991px) {
- #platform .platform-mockup {
- position: relative;
- text-align: center;
- -webkit-transform: translateY(150px);
- -ms-transform: translateY(150px);
- transform: translateY(150px);
- margin-top: -143px;
- }
- }
- #platform .platform-mockup img {
- margin-left: 70px;
- margin-top: -41px;
- position: relative;
- z-index: 222;
- }
- @media (max-width: 1440px) {
- #platform .platform-mockup img {
- max-width: 1000px;
- }
- }
- @media (max-width: 1200px) {
- #platform .platform-mockup img {
- max-width: 900px;
- }
- }
- @media (max-width: 991px) {
- #platform .platform-mockup img {
- max-width: 100%;
- margin-left: 0;
- }
- }
- .icon-list {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 70px;
- }
- .icon-list .list-icon {
- margin-right: 20px;
- margin-top: 5px;
- }
- .icon-list .list-icon i {
- color: #1ad90b;
- font-size: 24px;
- }
- .icon-list .content p {
- font-size: 16px;
- line-height: 28px;
- margin: 0;
- }
- /*--------------------------------------------------------------
- ## Community Post
- --------------------------------------------------------------*/
- .community-posts-area {
- padding: 113px 0 120px;
- background-image: url(../img/wallet-bg.png);
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: fixed;
- }
- .community-posts-area .section_title {
- margin-bottom: 73px;
- }
- @media (max-width: 991px) {
- .community-posts-area {
- padding: 73px 0 80px;
- }
- }
- .community-post {
- border-radius: 4px;
- background-color: #fff;
- padding: 23px 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- margin-bottom: 20px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border: 1px solid #e0e2e4;
- position: relative;
- overflow: hidden;
- }
- .community-post:before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 3px;
- height: 100%;
- background: #ed1f25;
- opacity: 0;
- visibility: hidden;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- @media (max-width: 667px) {
- .community-post {
- display: block;
- }
- }
- @media (max-width: 420px) {
- .community-post {
- padding: 20px 15px;
- }
- }
- .community-post:hover {
- -webkit-box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004);
- box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004);
- background: #fff;
- border: 1px solid transparent;
- z-index: 2;
- }
- .community-post:hover:before {
- opacity: 1;
- visibility: visible;
- }
- .community-post .post-content {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- .community-post .post-content .author-avatar {
- width: 50px;
- margin-right: 30px;
- border-radius: 50%;
- overflow: hidden;
- }
- @media (max-width: 667px) {
- .community-post .post-content .author-avatar {
- margin-right: 20px;
- }
- }
- @media (max-width: 420px) {
- .community-post .post-content .author-avatar {
- margin-right: 15px;
- }
- }
- .community-post .post-content .entry-content {
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- }
- .community-post .post-content .entry-content .post-title {
- font-size: 18px;
- font-weight: 800;
- color: #1d2746;
- margin-bottom: 0;
- line-height: 1.7;
- }
- .community-post .post-content .entry-content .post-title a {
- color: #1d2746;
- }
- .community-post .post-content .entry-content .post-title a:hover {
- color: #ed1f25;
- }
- .community-post .post-content .entry-content p {
- margin: 0;
- font-size: 14px;
- }
- @media (max-width: 667px) {
- .community-post .post-meta-wrapper {
- margin-top: 15px;
- margin-left: 70px;
- }
- }
- .community-post .post-meta-wrapper .post-meta-info {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .community-post .post-meta-wrapper .post-meta-info li {
- display: inline-block;
- }
- .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
- margin-right: 50px;
- }
- @media (max-width: 991px) {
- .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
- margin-right: 20px;
- }
- }
- .community-post .post-meta-wrapper .post-meta-info li a {
- display: block;
- color: #868b99;
- }
- .community-post .post-meta-wrapper .post-meta-info li a i {
- margin-right: 10px;
- }
- .community-post .post-meta-wrapper .post-meta-info li a:hover {
- color: #ed1f25;
- }
- .community-post.style-two {
- margin-bottom: 0;
- border-radius: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- position: relative;
- }
- .community-post.style-two:not(:last-child) {
- border-bottom: 1px solid #f2f3f4;
- }
- .community-post.style-two .entry-content .post-title {
- font-size: 16px;
- }
- .community-post.style-two .post-meta-wrapper .post-meta-info li:not(:last-child) {
- margin-right: 30px;
- }
- .community-post.style-two .post-meta-wrapper .post-meta-info li i {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {
- color: #b1b5c0;
- }
- .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {
- color: #f9ae44;
- }
- .community-post.style-two .post-content .entry-content .post-title {
- display: inline-block;
- margin-right: 10px;
- }
- .community-post.style-two .post-content .com-featured {
- position: absolute;
- right: 0;
- top: -2px;
- height: 30px;
- width: 30px;
- z-index: 2;
- text-align: center;
- color: #fff;
- padding: 0 15px;
- }
- .community-post.style-two .post-content .com-featured i {
- z-index: 22;
- position: relative;
- font-size: 14px;
- }
- .community-post.style-two .post-content .com-featured:after {
- content: "";
- top: 0;
- position: absolute;
- right: 0;
- width: 0;
- height: 0;
- border-left: 30px solid transparent;
- border-right: 0px solid transparent;
- border-top: 30px solid #00ae69;
- z-index: 1;
- }
- .community-post.style-two .post-content .cat-wrap {
- display: inline-block;
- vertical-align: 3px;
- }
- .community-post.style-two .post-content .category {
- font-size: 14px;
- background: #8152e0;
- padding: 0 6px;
- color: #fff;
- border-radius: 3px;
- margin-right: 5px;
- display: inline-block;
- line-height: 1.45;
- border-bottom: 1px solid #6030c0;
- }
- .community-post.style-two .post-content .category.color-yellow {
- background: #fad05a;
- color: #1d2746;
- border-color: #dbaa20;
- }
- .community-post.style-two .post-content .category.color-ass {
- background: #eeeeee;
- color: #1d2746;
- border-color: #d9d9d9;
- }
- .community-post.style-two .post-content .category.color-green {
- background: #22936d;
- border-color: #07734f;
- }
- .community-post.style-two .post-content .category.color-orange {
- background: #f88546;
- border-color: #d26428;
- }
- .community-post.style-two .post-content .category.color-theme {
- background: #27b2da;
- border-color: #1697bc;
- }
- .community-post.style-two .post-content .category.color-pink {
- background: #f053b3;
- border-color: #c91c86;
- }
- .community-post.style-two .post-content .category.color-pink {
- background: #f053b3;
- border-color: #c91c86;
- }
- .community-post.style-two .meta {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .community-post.style-two .meta li {
- display: inline-block;
- margin-right: 15px;
- color: #838793;
- color: 14px;
- }
- .community-post.style-two .meta li img {
- display: inline-block;
- vertical-align: -2px;
- }
- .community-post.style-two .meta li i, .community-post.style-two .meta li img {
- margin-right: 10px;
- }
- .community-post.style-two .meta li a {
- color: 14px;
- color: #838793;
- }
- .community-post.style-two .meta li a:hover {
- color: #ed1f25;
- }
- .community-post.style-two:hover {
- background: #f7f9fa;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- -webkit-box-shadow: none;
- box-shadow: none;
- border-color: #f7f9fa;
- }
- .bb-radius {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- overflow: hidden;
- -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
- box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
- }
- .button-container .all_doc_btn {
- margin-top: 40px;
- }
- .post-header {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- background: #f7f8f9;
- padding: 17px 30px;
- border: 1px solid #eaeeef;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- @media (max-width: 768px) {
- .post-header {
- display: block;
- text-align: center;
- }
- }
- @media (max-width: 576px) {
- .post-header {
- padding: 15px;
- }
- }
- .post-header .support-total-info {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- @media (max-width: 768px) {
- .post-header .support-total-info {
- margin-bottom: 20px;
- }
- }
- .post-header .support-total-info li {
- display: inline-block;
- }
- .post-header .support-total-info li.open-ticket a {
- color: #1d2746;
- }
- .post-header .support-total-info li.close-ticket a {
- color: #6b707f;
- }
- .post-header .support-total-info li a {
- font-size: 14px;
- font-weight: 500;
- }
- .post-header .support-total-info li a:hover {
- color: #ed1f25;
- }
- .post-header .support-total-info li:not(:last-child) {
- margin-right: 20px;
- }
- .post-header .support-total-info li i {
- color: #00ae69;
- margin-right: 10px;
- vertical-align: -2px;
- }
- .post-header .support-total-info li:nth-child(1) i {
- color: #f06292;
- }
- .post-header .category-menu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .post-header .category-menu li {
- display: inline-block;
- }
- .post-header .category-menu li .dropdown-menu {
- top: 12px !important;
- -webkit-transform: translate3d(0px, 23px, 0px) !important;
- transform: translate3d(0px, 23px, 0px) !important;
- }
- .post-header .category-menu li:not(:last-child) {
- margin-right: 10px;
- }
- @media (max-width: 546px) {
- .post-header .category-menu li:not(:last-child) {
- margin-right: 0;
- }
- }
- .post-header .category-menu li:nth-child(4) .dropdown-menu, .post-header .category-menu li:nth-child(3) .dropdown-menu {
- right: -11px;
- left: auto !important;
- }
- @media (max-width: 380px) {
- .post-header .category-menu li:nth-child(4) .dropdown-menu {
- width: 190px;
- }
- }
- .post-header .category-menu li:nth-child(3) .title:before, .post-header .category-menu li:nth-child(3) .title:after {
- right: 40px;
- }
- .post-header .category-menu li:nth-child(1) .title:before, .post-header .category-menu li:nth-child(1) .title:after {
- right: auto;
- left: 30px;
- }
- .post-header .category-menu li:nth-child(2) .title:before, .post-header .category-menu li:nth-child(2) .title:after {
- right: auto;
- left: 25px;
- }
- .post-header .category-menu .dropdown-toggle {
- position: relative;
- background: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 0;
- color: #6b707f;
- padding: 0 15px;
- font-size: 14px;
- }
- .post-header .category-menu .dropdown-toggle:after {
- content: "3";
- font-family: eleganticons;
- border: 0;
- position: absolute;
- top: 50%;
- right: -5px;
- -webkit-transform: translateY(-58%);
- -ms-transform: translateY(-58%);
- transform: translateY(-58%);
- }
- .post-header .category-menu .btn-secondary:not(:disabled):not(.disabled).active, .post-header .category-menu .btn-secondary:not(:disabled):not(.disabled):active, .post-header .category-menu .show > .btn-secondary.dropdown-toggle {
- background-color: transparent;
- border: none;
- color: #6b707f;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .post-header .category-menu .dropdown-menu {
- border: 1px solid #e6eeef;
- background: #fff;
- -webkit-box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1);
- box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1);
- padding: 0;
- width: 260px;
- -webkit-animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
- animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
- }
- @media (max-width: 576px) {
- .post-header .category-menu .dropdown-menu {
- width: 210px;
- }
- }
- .post-header .category-menu .title {
- font-size: 14px;
- font-weight: 500;
- margin: 0;
- background: #f7f8f9;
- border-bottom: 1px solid #e6eeef;
- padding: 14px 20px 11px;
- line-height: 1;
- color: #6b707f;
- position: relative;
- }
- .post-header .category-menu .title:before {
- content: "";
- height: 16px;
- width: 16px;
- background: #e6eeef;
- position: absolute;
- right: 30px;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- top: -8px;
- }
- .post-header .category-menu .title:after {
- content: "";
- height: 16px;
- width: 16px;
- background: #f7f8f9;
- position: absolute;
- right: 30px;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- top: -6px;
- }
- .post-header .category-menu .cate-search-form {
- padding: 0 20px;
- margin-top: 10px;
- }
- .post-header .category-menu .cate-search-form input {
- width: 100%;
- background: #fbfcfc;
- border: 2px solid #e2e7e8;
- border-radius: 4px;
- padding: 6px 20px;
- font-size: 14px;
- }
- .post-header .category-menu .cate-search-form input::-webkit-input-placeholder {
- color: #a8acb6;
- }
- .post-header .category-menu .cate-search-form input::-moz-placeholder {
- color: #a8acb6;
- }
- .post-header .category-menu .cate-search-form input:-ms-input-placeholder {
- color: #a8acb6;
- }
- .post-header .category-menu .cate-search-form input::-ms-input-placeholder {
- color: #a8acb6;
- }
- .post-header .category-menu .cate-search-form input::placeholder {
- color: #a8acb6;
- }
- .post-header .category-menu .all-users {
- font-size: 14px;
- padding: 12px 30px;
- border-bottom: 1px solid #e6eeef;
- font-weight: 500;
- color: #6b707f;
- }
- .post-header .category-menu .all-users a {
- padding: 7px 0;
- color: #838793;
- }
- .post-header .category-menu .all-users a span {
- border-radius: 4px;
- width: 16px;
- height: 16px;
- background: #27b2da;
- display: inline-block;
- margin-right: 10px;
- vertical-align: -3px;
- }
- .post-header .category-menu .all-users a span.color-pupple {
- background: #8152e0;
- }
- .post-header .category-menu .all-users a span.color-yellow {
- background: #fad05a;
- }
- .post-header .category-menu .all-users a span.color-ass {
- background: #dfdfdf;
- }
- .post-header .category-menu .all-users a span.color-green {
- background: #22936d;
- }
- .post-header .category-menu .all-users a span.color-orange {
- background: #f88546;
- }
- .post-header .category-menu .all-users a span.color-light-green {
- background: #1eba17;
- }
- .post-header .category-menu .all-users a:not(:last-child) {
- border-bottom: 1px solid #e6eeef;
- }
- .post-header .category-menu .all-users a img {
- width: 20px;
- margin-right: 10px;
- display: inline-block;
- }
- .post-header .category-menu .all-users a:hover, .post-header .category-menu .all-users a:focus {
- background: transparent;
- color: #1d2746;
- }
- .post-header .category-menu .short-by {
- padding: 10px 20px;
- }
- .post-header .category-menu .short-by a {
- padding: 7px 0 7px 20px;
- position: relative;
- color: #838793;
- font-size: 14px;
- }
- .post-header .category-menu .short-by a.active-short {
- color: #1d2746;
- }
- .post-header .category-menu .short-by a.active-short:before {
- content: "N";
- position: absolute;
- font-family: eleganticons;
- left: 0;
- top: 7px;
- color: #0abe76;
- font-size: 14px;
- }
- .post-header .category-menu .short-by a:hover {
- background: transparent;
- color: #1d2746;
- }
- @-webkit-keyframes slideDown {
- 0% {
- -webkit-transform: translate3d(0px, 15px, 0px);
- transform: translate3d(0px, 15px, 0px);
- }
- 100% {
- -webkit-transform: translate3d(0px, 23px, 0px);
- transform: translate3d(0px, 23px, 0px);
- }
- }
- @keyframes slideDown {
- 0% {
- -webkit-transform: translate3d(0px, 15px, 0px);
- transform: translate3d(0px, 15px, 0px);
- }
- 100% {
- -webkit-transform: translate3d(0px, 23px, 0px);
- transform: translate3d(0px, 23px, 0px);
- }
- }
- .doc_border_btn.border-light {
- border-color: #cfebf1 !important;
- }
- .doc_border_btn.border-light svg {
- margin-left: 8px;
- vertical-align: 0px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .doc_border_btn.border-light:hover {
- border-color: #ed1f25 !important;
- }
- .doc_border_btn.border-light:hover svg path {
- fill: #fff;
- }
- .pagination-wrapper {
- background: #fff;
- padding: 23px 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- margin-top: 10px;
- border-radius: 6px;
- -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
- box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
- }
- @media (max-width: 768px) {
- .pagination-wrapper {
- display: block;
- text-align: center;
- }
- .pagination-wrapper .view-post-of {
- margin-bottom: 20px;
- }
- }
- .pagination-wrapper p {
- margin: 0;
- }
- .pagination-wrapper .post-pagination {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- @media (max-width: 768px) {
- .pagination-wrapper .post-pagination {
- margin-to: 30px;
- }
- }
- .pagination-wrapper .post-pagination li {
- display: inline-block;
- }
- .pagination-wrapper .post-pagination li.pegi-disable {
- display: none;
- }
- .pagination-wrapper .post-pagination li:not(:last-child) {
- margin-right: 3px;
- }
- .pagination-wrapper .post-pagination li a {
- display: block;
- color: #6b707f;
- height: 35px;
- width: 35px;
- text-align: center;
- line-height: 35px;
- background: #f2f5f6;
- border-radius: 3px;
- }
- .pagination-wrapper .post-pagination li a:hover, .pagination-wrapper .post-pagination li a.active {
- background: #ed1f25;
- color: #fff;
- }
- /*--------------------------------------------------------------
- ## Showcase
- --------------------------------------------------------------*/
- #showcase {
- padding-top: 152px;
- overflow: hidden;
- }
- @media (max-width: 991px) {
- #showcase {
- padding-top: 50px;
- }
- }
- @media (max-width: 767px) {
- #showcase {
- padding-top: 0;
- }
- }
- .showcase-content .section-heading {
- margin-bottom: 42px;
- }
- .showcase-content .section-heading .section-title {
- font-weight: 500;
- }
- @media (max-width: 991px) {
- .showcase-content .section-heading {
- text-align: center !important;
- }
- }
- .showcase-content .sub-content:not(:last-child) {
- margin-bottom: 40px;
- }
- @media (max-width: 991px) {
- .showcase-content .sub-content {
- text-align: center !important;
- }
- }
- .showcase-content .sub-content .sub-title {
- font-size: 20px;
- line-height: 30px;
- margin-bottom: 10px;
- font-weight: 500;
- }
- .showcase-content .sub-content p {
- font-size: 14px;
- }
- .showcase-content {
- padding-top: 180px;
- }
- @media (max-width: 991px) {
- .showcase-content {
- padding-top: 0;
- margin-bottom: 0;
- }
- }
- .showcase-content.style-two .showcase-content {
- margin-top: 120px;
- }
- @media (max-width: 991px) {
- .showcase-content.style-two .showcase-content {
- margin-top: 0;
- padding-top: 50px;
- }
- }
- .showcase-content.style-two .animate-shape {
- top: auto;
- bottom: 27px;
- left: 0;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- @media (max-width: 991px) {
- .showcase-content.style-two .animate-shape {
- left: 26%;
- }
- }
- @media (max-width: 767px) {
- .showcase-content.style-two .animate-shape {
- left: 17%;
- }
- }
- @media (max-width: 767px) {
- .showcase-content.style-two .animate-shape svg {
- width: 400px;
- }
- }
- @media (max-width: 576px) {
- .showcase-content.style-two .animate-shape {
- left: 0;
- }
- }
- @media (max-width: 420px) {
- .showcase-content.style-two .animate-shape {
- display: none;
- }
- }
- .showcase-content.style-three {
- margin-top: 102px;
- padding-bottom: 160px;
- }
- @media (max-width: 991px) {
- .showcase-content.style-three {
- margin-top: 0;
- padding-bottom: 0;
- }
- }
- .showcase-content.style-three .showcase-content {
- margin-top: 30px;
- }
- .showcase-content.style-three .showcase-image-box .animate-shape {
- left: auto;
- top: -40px;
- right: -60px;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- @media (max-width: 1300px) {
- .showcase-content.style-three .showcase-image-box .animate-shape {
- right: -40px;
- }
- }
- @media (max-width: 991px) {
- .showcase-content.style-three .showcase-image-box .animate-shape {
- right: 40px;
- }
- }
- @media (max-width: 991px) {
- .showcase-content.style-three {
- margin-bottom: 0;
- }
- }
- @media (max-width: 991px) {
- .showcase-content {
- margin-bottom: 60px;
- }
- }
- .showcase-image-box {
- position: relative;
- }
- @media (max-width: 991px) {
- .showcase-image-box {
- text-align: center !important;
- }
- }
- .showcase-image-box img {
- position: relative;
- z-index: 2;
- }
- .showcase-image-box .animate-shape {
- position: absolute;
- top: -60px;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- @media (max-width: 767px) {
- .showcase-image-box .animate-shape {
- top: -60px;
- }
- .showcase-image-box .animate-shape svg {
- width: 300px;
- height: auto;
- }
- }
- @media (max-width: 576px) {
- .showcase-image-box .animate-shape {
- top: -30px;
- }
- .showcase-image-box .animate-shape svg {
- width: 250px;
- height: auto;
- }
- }
- @media (max-width: 480px) {
- .showcase-image-box.style-one .animate-shape svg {
- width: 200px;
- height: auto;
- }
- }
- @media (max-width: 991px) {
- .showcase-image-box.style-three .animate-shape svg {
- width: 400px;
- height: auto;
- }
- }
- @media (max-width: 576px) {
- .showcase-image-box.style-three .animate-shape svg {
- width: 250px;
- height: auto;
- }
- }
- .showcase-image-box.style-three > img, .showcase-image-box.style-one > img {
- -webkit-box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12);
- box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12);
- border-radius: 25px;
- }
- /*--------------------------------------------------------------
- ## Newsletter
- --------------------------------------------------------------*/
- #newsletter {
- background-image: -o-linear-gradient(45deg, #dd5a91 0%, #464ac9 100%);
- background-image: linear-gradient(45deg, #dd5a91 0%, #464ac9 100%);
- padding: 127px 0 127px;
- overflow: hidden;
- }
- #newsletter svg {
- position: absolute;
- bottom: 0;
- left: 0;
- height: 200px;
- z-index: 22;
- }
- .newsletter-form {
- position: relative;
- z-index: 222;
- }
- .newsletter-form .newsletter-inner {
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .newsletter-form .newsletter-inner:before {
- position: absolute;
- content: "";
- font-family: eleganticons;
- font-style: normal;
- color: #677294;
- top: 47%;
- left: 20px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .newsletter-form .newsletter-inner input {
- background: transparent;
- border: 1px solid #fff;
- padding: 10px 20px 10px 50px;
- height: 60px;
- outline: 0;
- margin: 0;
- color: #677294;
- border-radius: 2px;
- background-color: #fff;
- border-radius: 0;
- }
- .newsletter-form .newsletter-inner input:focus {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .newsletter-form .newsletter-inner input::-webkit-input-placeholder {
- color: #677294;
- }
- .newsletter-form .newsletter-inner input::-moz-placeholder {
- color: #677294;
- }
- .newsletter-form .newsletter-inner input:-ms-input-placeholder {
- color: #677294;
- }
- .newsletter-form .newsletter-inner input::-ms-input-placeholder {
- color: #677294;
- }
- .newsletter-form .newsletter-inner input::placeholder {
- color: #677294;
- }
- .newsletter-form .newsletter-inner .newsletter-submit {
- margin-left: 20px;
- border-radius: 0;
- -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
- box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
- }
- .newsletter-form .newsletter-inner .newsletter-submit i {
- display: none;
- }
- .newsletter-form .newsletter-inner .newsletter-submit:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .form-result {
- display: none;
- margin: 10px auto;
- }
- .newsletter-content {
- position: relative;
- z-index: 33;
- }
- @media (max-width: 991px) {
- .newsletter-content {
- text-align: center;
- margin-bottom: 30px;
- }
- }
- .newsletter-content .title {
- font-size: 28px;
- line-height: 36px;
- font-weight: 800;
- color: #fff;
- }
- .newsletter-content .sub-title {
- font-size: 16px;
- font-weight: 400;
- color: #fff;
- text-transform: uppercase;
- position: relative;
- display: inline-block;
- padding-bottom: 5px;
- margin-bottom: 15px;
- }
- .newsletter-content .sub-title:before {
- content: "";
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 1px;
- background: #fff;
- }
- .newsletter-two {
- border-radius: 10px;
- background-color: white;
- -webkit-box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1);
- box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1);
- padding: 50px 60px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- @media (max-width: 991px) {
- .newsletter-two {
- -webkit-transform: translateY(-25%);
- -ms-transform: translateY(-25%);
- transform: translateY(-25%);
- }
- }
- .newsletter-two .newsletter-content h2 {
- font-size: 26px;
- line-height: 40px;
- color: #051441;
- font-weight: 700;
- }
- .newsletter-two .newsletter-content p {
- margin: 0;
- }
- .newsletter-form-two {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- @media (max-width: 991px) {
- .newsletter-form-two {
- max-width: 570px;
- margin: 0 auto;
- }
- }
- .newsletter-form-two .newsletter-inner {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .newsletter-form-two input {
- border-radius: 30px;
- background: #f5f5f9;
- border: 0;
- outline: 0;
- padding: 10px 30px;
- height: 60px;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- margin: 0;
- font-size: 15px;
- }
- .newsletter-form-two input:focus {
- border: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #f7f8fc;
- }
- .newsletter-form-two input::-webkit-input-placeholder {
- color: #9ca4bd;
- }
- .newsletter-form-two input::-moz-placeholder {
- color: #9ca4bd;
- }
- .newsletter-form-two input:-ms-input-placeholder {
- color: #9ca4bd;
- }
- .newsletter-form-two input::-ms-input-placeholder {
- color: #9ca4bd;
- }
- .newsletter-form-two input::placeholder {
- color: #9ca4bd;
- }
- .newsletter-form-two .gp-btn {
- border-radius: 30px;
- color: #fff;
- padding: 10px 38px;
- border: 0;
- margin-left: 20px;
- font-size: 14px;
- overflow: hidden;
- background: #ed1f25;
- outline: 0;
- }
- .newsletter-form-two .gp-btn:after {
- background: transparent;
- }
- .newsletter-form-two .gp-btn i {
- display: none;
- }
- .newsletter-form-two .gp-btn:focus {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .newsletter-form-two .gp-btn:hover {
- background: #ed1f25;
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- @media (max-width: 768px) {
- .newsletter-content {
- margin-bottom: 30px;
- }
- }
- @media (max-width: 576px) {
- .newsletter-form .newsletter-inner {
- display: block;
- }
- .newsletter-form .newsletter-inner:before {
- top: 28px;
- }
- .newsletter-form .newsletter-inner .newsletter-submit {
- margin-left: 0;
- margin-top: 20px;
- }
- }
- /*--------------------------------------------------------------
- ## List Item
- --------------------------------------------------------------*/
- .featrure-list-items {
- margin-bottom: 70px;
- }
- .feature-list-item {
- border-radius: 10px;
- background: #f8f8f8;
- padding: 15px;
- margin-bottom: 30px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .feature-list-item .icon-container {
- height: 60px;
- width: 60px;
- line-height: 60px;
- text-align: center;
- background: #fff;
- border-radius: 50%;
- -webkit-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
- box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
- margin-right: 25px;
- }
- .feature-list-item .icon-container i {
- font-size: 20px;
- color: #ed1f25;
- display: inline-block;
- vertical-align: middle;
- }
- .feature-list-item .list-title {
- font-size: 16px;
- font-weight: 500;
- margin: 0;
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- }
- .feature-list-item .list-title a {
- color: #2c2c51;
- }
- .feature-list-item .list-title a:hover {
- color: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Social Activity
- --------------------------------------------------------------*/
- #social-activity {
- padding: 120px 0 100px;
- overflow: hidden;
- }
- .activity-content-wrapper {
- padding-top: 30px;
- }
- .activity-content-wrapper .section-title-two.title-big h2 {
- font-weight: 500;
- }
- .activity-feature-image {
- position: relative;
- max-width: 470px;
- height: 624px;
- margin: 0 auto;
- }
- @media (max-width: 991px) {
- .activity-feature-image {
- margin: 0;
- }
- }
- @media (max-width: 576px) {
- .activity-feature-image {
- width: 320px;
- }
- }
- .activity-feature-image .img-one, .activity-feature-image .img-two {
- position: absolute;
- }
- .activity-feature-image .img-one {
- right: -33px;
- top: 0;
- }
- .activity-feature-image .img-two {
- left: 3px;
- top: 53%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- z-index: 44;
- }
- .activity-feature-image .main-thumb {
- position: relative;
- z-index: 33;
- }
- .activity-feature-image .animate-circle.style-one {
- position: relative;
- margin-right: -43px;
- }
- .activity-feature-image .animate-circle img {
- position: absolute;
- }
- .activity-feature-image .animate-circle .anim-bg-one {
- right: -80px;
- top: 80px;
- -webkit-animation: wave 4s 0.1s infinite linear;
- animation: wave 4s 0.1s infinite linear;
- }
- .activity-feature-image .animate-circle .anim-bg-two {
- top: 127px;
- left: 57px;
- -webkit-animation: wave 3s 0.1s infinite linear;
- animation: wave 3s 0.1s infinite linear;
- -webkit-transition-delay: 0.3s;
- -o-transition-delay: 0.3s;
- transition-delay: 0.3s;
- }
- .activity-feature-image .animate-circle .anim-bg-three {
- left: 25px;
- top: 150px;
- -webkit-animation: wave 2s 0.1s infinite linear;
- animation: wave 2s 0.1s infinite linear;
- -webkit-transition-delay: 0.5s;
- -o-transition-delay: 0.5s;
- transition-delay: 0.5s;
- }
- .activity-feature-image .animate-circle.position-two .anim-bg-one {
- left: -95px;
- top: 90px;
- right: auto;
- }
- .activity-feature-image .animate-circle.position-two .anim-bg-two {
- left: -110px;
- }
- .activity-feature-image .animate-circle.position-two .anim-bg-three {
- left: -110px;
- top: 210px !important;
- }
- .activity-feature-image.style-two {
- height: auto;
- margin-left: -40px;
- }
- @media (max-width: 991px) {
- .activity-feature-image.style-two {
- margin: 0 0 50px 110px;
- }
- }
- .activity-feature-image.style-two .image-one {
- position: relative;
- z-index: 222;
- }
- .activity-feature-image.style-two .image-two {
- position: absolute;
- top: 50px;
- z-index: 333;
- }
- @media (max-width: 576px) {
- .activity-feature-image.style-two .image-two {
- max-width: 280px;
- }
- }
- .activity-feature-image.style-two .animate-circle.position-two .anim-bg-one {
- left: -60px;
- top: 160px;
- right: auto;
- }
- .activity-feature-image.style-two .animate-circle.position-two .anim-bg-two {
- left: -70px;
- top: 200px;
- }
- .activity-feature-image.style-two .animate-circle.position-two .anim-bg-three {
- left: -110px;
- top: 230px;
- }
- @keyframes wave {
- 0% {
- -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
- transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
- }
- 100% {
- -webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
- transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
- }
- }
- /*--------------------------------------------------------------
- ## Community Help
- --------------------------------------------------------------*/
- .comminity-help {
- background: #f7f7f7;
- padding: 113px 0 90px;
- }
- @media (max-width: 991px) {
- .comminity-help {
- padding: 73px 0 60px;
- }
- }
- .comminity-help-category {
- border-radius: 4px;
- background-color: white;
- -webkit-box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04);
- box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04);
- text-align: center;
- padding: 40px 20px 30px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border-top: 2px solid transparent;
- margin-bottom: 30px;
- }
- .comminity-help-category .category-icon {
- height: 70px;
- width: 70px;
- line-height: 70px;
- text-align: center;
- border-radius: 50%;
- margin: 0 auto 35px;
- background: #f1a614;
- color: #fff;
- -webkit-box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3);
- box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3);
- }
- .comminity-help-category .category-icon i {
- font-size: 28px;
- display: inline-block;
- vertical-align: -5px;
- }
- .comminity-help-category .category-title {
- font-size: 20px;
- color: #2c2c51;
- }
- .comminity-help-category .category-title a {
- color: #2c2c51;
- }
- .comminity-help-category .category-title a:hover {
- color: #ed1f25;
- }
- .comminity-help-category .post-count {
- margin-bottom: 10px;
- color: #f1a614;
- text-transform: uppercase;
- letter-spacing: 2px;
- font-weight: 500;
- }
- .comminity-help-category .category-image {
- height: 140px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- }
- .comminity-help-category:hover {
- border-color: #ed1f25;
- -webkit-box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0);
- box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0);
- }
- .comminity-help-category.color--two .category-icon {
- background: #554bfe;
- -webkit-box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3);
- box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3);
- }
- .comminity-help-category.color--two .post-count {
- color: #554bfe;
- }
- .comminity-help-category.color--three .category-icon {
- background: #f83b6b;
- -webkit-box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3);
- box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3);
- }
- .comminity-help-category.color--three .post-count {
- color: #f83b6b;
- }
- /*--------------------------------------------------------------
- ## Blog
- --------------------------------------------------------------*/
- #blog-grid {
- background: #fafafa;
- }
- #blog-grid .feature-image a {
- display: block;
- position: relative;
- overflow: hidden;
- }
- #blog-grid .feature-image a img {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #blog-grid .feature-image a:before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.3);
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- z-index: 22;
- }
- #blog-grid .feature-image a:hover:before {
- opacity: 1;
- }
- #blog-grid .feature-image a:hover img {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
- #blog-grid-one {
- padding: 115px 0 90px;
- }
- .blog-content {
- padding: 30px;
- background: #fff;
- }
- .blog-content .post-meta {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .blog-content .post-meta li {
- display: inline-block;
- margin-right: 10px;
- }
- .blog-content .post-meta li i {
- margin-right: 5px;
- color: #f8b137;
- }
- .blog-content .post-meta li a {
- color: #333;
- font-size: 14px;
- font-weight: 500;
- }
- .blog-content .post-meta li a:hover {
- color: #f8b137;
- }
- .blog-content .entry-title {
- font-size: 20px;
- font-weight: 800;
- margin: 15px 0;
- }
- .blog-content .entry-title a {
- color: #222;
- }
- .blog-content .entry-title a:hover {
- color: #f8b137;
- }
- .blog-content .read-more-ntn {
- font-size: 12px;
- font-weight: 800;
- color: #f8b137;
- text-transform: uppercase;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .blog-content .read-more-ntn i {
- font-size: 10px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-left: 5px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-content .read-more-ntn:hover {
- color: #f39d09;
- }
- .blog-content .read-more-ntn:hover i {
- margin-left: 8px;
- }
- .blog-post-one {
- margin-bottom: 30px;
- }
- .blog-post-one .feature-image {
- position: relative;
- border-radius: 6px;
- overflow: hidden;
- }
- .blog-post-one .feature-image a:before {
- display: none;
- }
- .blog-post-one .feature-image img {
- border-radius: 6px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-one .feature-image .post-meta {
- margin-bottom: 10px;
- margin-left: 0;
- }
- .blog-post-one .feature-image .post-meta li {
- text-transform: uppercase;
- font-weight: 500;
- color: #797986;
- font-size: 13px;
- }
- .blog-post-one .feature-image .post-meta li i {
- margin-right: 7px;
- font-size: 14px;
- }
- .blog-post-one .feature-image:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background: #f3f6f8;
- opacity: 1;
- visibility: visible;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- z-index: 1;
- }
- .blog-post-one .feature-image .entry-content {
- position: absolute;
- left: 0;
- top: 0;
- padding: 50px 40px;
- height: 100%;
- width: 100%;
- z-index: 2;
- -webkit-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .blog-post-one .feature-image .entry-content .author {
- margin-bottom: 40px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-one .feature-image .entry-content .author a {
- color: #92929f;
- font-size: 13px;
- font-weight: 500;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-one .feature-image .entry-content .author .avatar {
- border-radius: 50%;
- margin-right: 15px;
- }
- .blog-post-one .feature-image .entry-content .entry-title {
- font-size: 20px;
- font-weight: 800;
- }
- .blog-post-one .feature-image .entry-content .entry-title a {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-one .feature-image .entry-content p {
- opacity: 100;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-one .feature-image:hover img {
- -webkit-transform: scale(1.07);
- -ms-transform: scale(1.07);
- transform: scale(1.07);
- }
- .blog-post-one .feature-image:hover:before {
- background: rgb(0 0 0 / 32%);
- }
- .blog-post-one .feature-image:hover .entry-content {
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- }
- .blog-post-one .feature-image:hover .entry-content .author a {
- color: #fff;
- }
- .blog-post-one .feature-image:hover .author {
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-one .feature-image:hover .entry-title a {
- color: #fff;
- }
- .blog-post-one .feature-image:hover p {
- opacity: 1;
- visibility: visible;
- }
- .blog-post-one .feature-image:hover .post-meta li {
- color: #fff;
- }
- .blog-post-one .feature-image:hover .post-meta li i {
- color: #fff;
- }
- .blog-post-one .feature-image:hover p {
- color: #fff;
- }
- .blog-post-one .feature-image:hover .read-more-btn {
- color: #fff;
- }
- .blog-post-one .feature-image .read-more-btn {
- text-transform: uppercase;
- color: #797986;
- text-transform: uppercase;
- font-weight: 500;
- font-size: 13px;
- position: absolute;
- bottom: 50px;
- left: 40px;
- z-index: 2;
- }
- .blog-post-one .feature-image .read-more-btn i {
- display: inline-block;
- vertical-align: middle;
- }
- .blog-post-one.color-two .entry-content .meta-cat a {
- background: rgba(255, 94, 133, 0.102);
- color: #ff5e85;
- }
- .blog-post-one.color-two .entry-content .meta-cat a:hover {
- background: #ff5e85;
- color: #fff;
- }
- .blog-post-one.color-three .entry-content .meta-cat a {
- background: rgba(120, 74, 252, 0.102);
- color: #784afc;
- }
- .blog-post-one.color-three .entry-content .meta-cat a:hover {
- background: #784afc;
- color: #fff;
- }
- .blog-slider {
- padding: 110px 0 115px;
- }
- @media (max-width: 991px) {
- .blog-slider {
- padding: 70px 0 75px;
- }
- }
- .blog-slider-post {
- -webkit-box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06);
- box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06);
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- border-radius: 5px;
- overflow: hidden;
- }
- .blog-slider-post .blog-content {
- padding: 25px 30px 43px;
- }
- .blog-slider-post .blog-content h3 {
- font-size: 24px;
- line-height: 32px;
- font-weight: 800;
- margin-bottom: 20px;
- }
- .blog-slider-post .blog-content h3 a {
- color: #051441;
- }
- .blog-slider-post .blog-content h3 a:hover {
- color: #f8b137;
- }
- .blog-slider-post .blog-content p {
- margin: 0;
- }
- .blog-slider-post .post-meta {
- margin-bottom: 10px;
- }
- .blog-slider-post .post-meta li {
- color: #6d717f;
- font-size: 14px;
- font-weight: 400;
- }
- .blog-slider-post .post-meta li a {
- color: #6d717f;
- text-transform: capitalize;
- font-weight: 400;
- }
- .blog-slider-post .post-meta li i {
- color: #6d717f;
- margin-right: 10px;
- }
- .blog-slider-post:hover {
- -webkit-box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1);
- box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1);
- }
- /* Blog Grid Two*/
- #blog-grid-two {
- padding: 190px 0 90px;
- }
- @media (max-width: 991px) {
- #blog-grid-two {
- padding: 140px 0 50px;
- }
- }
- .blog-wrapper {
- position: relative;
- }
- .blog-wrapper .swiper-container {
- padding: 0 20px;
- }
- .blog-wrapper .swiper-pagination {
- margin-top: 35px;
- }
- .blog-post-two {
- border-radius: 6px;
- -webkit-box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06);
- box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06);
- overflow: hidden;
- margin-bottom: 30px;
- }
- .blog-post-two .feature-image a {
- display: block;
- position: relative;
- overflow: hidden;
- }
- .blog-post-two .feature-image a img {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- width: 100%;
- }
- .blog-post-two .feature-image a:before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.3);
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- z-index: 22;
- }
- .blog-post-two .feature-image a:hover:before {
- opacity: 1;
- }
- .blog-post-two .feature-image a:hover img {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
- .blog-post-two .blog-content {
- padding: 22px 40px 35px;
- background: #fff;
- }
- .blog-post-two .blog-content .post-meta {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .blog-post-two .blog-content .post-meta li {
- display: inline-block;
- margin-right: 30px;
- position: relative;
- color: #7b7b93;
- font-size: 14px;
- font-weight: 500;
- }
- .blog-post-two .blog-content .post-meta li:not(:last-child):after {
- content: "/";
- position: absolute;
- right: -20px;
- font-size: 14px;
- top: 0;
- }
- .blog-post-two .blog-content .post-meta li a {
- color: #7b7b93;
- text-transform: uppercase;
- }
- .blog-post-two .blog-content .post-meta li a:hover {
- color: #6e58fc;
- }
- .blog-post-two .blog-content .entry-title {
- font-size: 20px;
- font-weight: 500;
- margin: 15px 0 25px;
- line-height: 30px;
- }
- .blog-post-two .blog-content .entry-title a {
- color: #2c2c51;
- }
- .blog-post-two .blog-content .entry-title a:hover {
- color: #6e58fc;
- }
- .blog-post-two .blog-content .read-more-ntn {
- font-size: 12px;
- font-weight: 800;
- color: #f8b137;
- text-transform: uppercase;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .blog-post-two .blog-content .read-more-ntn i {
- font-size: 10px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-left: 5px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-two .blog-content .read-more-ntn:hover {
- color: #f39d09;
- }
- .blog-post-two .blog-content .read-more-ntn:hover i {
- margin-left: 8px;
- }
- #blog-slider .swiper-pagination .swiper-pagination-bullet {
- height: 8px;
- width: 8px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #blog-slider .swiper-pagination .swiper-pagination-bullet:before {
- background: #cdd4e8;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #blog-slider .swiper-pagination .swiper-pagination-bullet:after {
- content: "";
- position: absolute;
- top: -3px;
- bottom: -3px;
- left: -3px;
- right: -3px;
- border: 2px solid transparent;
- border-radius: 50%;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
- background: #fff;
- }
- #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
- background: #fff;
- z-index: 2;
- display: none;
- }
- #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
- border-color: #f8b137;
- }
- /* Blog Grid Three*/
- #blog-grid-three {
- padding: 115px 0 85px;
- }
- @media (max-width: 991px) {
- #blog-grid-three {
- padding: 75px 0 50px;
- }
- }
- .blog-post-three {
- margin-bottom: 30px;
- }
- .blog-post-three .feature-image {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .blog-post-three .feature-image img {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- width: 100%;
- }
- .blog-post-three .feature-image:hover {
- -webkit-transform: translateY(-5px);
- -ms-transform: translateY(-5px);
- transform: translateY(-5px);
- }
- .blog-post-three .feature-image:hover img {
- -webkit-box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1);
- box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1);
- }
- .blog-post-three .blog-content {
- padding: 24px 0 0;
- }
- .blog-post-three .blog-content .post-meta li a {
- color: #4d5afe;
- text-transform: uppercase;
- font-size: 16px;
- font-weight: 400;
- }
- .blog-post-three .blog-content .post-date {
- color: #777f95;
- display: block;
- font-size: 16px;
- }
- .blog-post-three .blog-content .entry-title {
- font-size: 20px;
- line-height: 40px;
- margin-top: 0;
- font-weight: 800;
- }
- .blog-post-three .blog-content .entry-title a {
- color: #373d46;
- }
- .blog-post-three .blog-content .entry-title a:hover {
- color: #4d5afe;
- }
- .blog-posts {
- padding: 120px 0 100px;
- }
- .astriol__blog-filter {
- margin: 0 0 60px;
- padding: 0 0 20px;
- list-style: none;
- border-bottom: 1px solid #eaeaf7;
- }
- .astriol__blog-filter li {
- display: inline-block;
- }
- .astriol__blog-filter li a {
- font-size: 16px;
- font-weight: 500;
- color: #2c2c51;
- display: block;
- padding-right: 75px;
- }
- .astriol__blog-filter li a.isActive, .astriol__blog-filter li a:hover {
- color: #ed1f25;
- }
- .astriol__blog-filter.tab-swipe .indicator {
- background: #ed1f25;
- bottom: -2px;
- height: 3px;
- }
- .astriol__blog-items {
- margin: 0 -15px;
- }
- .astriol__blog-post {
- overflow: hidden;
- border-radius: 6px;
- background-color: #fff;
- -webkit-box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08);
- box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08);
- margin-bottom: 5px;
- -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
- -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
- transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
- margin-bottom: 30px;
- }
- .astriol__blog-post .post-thumbnail {
- overflow: hidden;
- }
- .astriol__blog-post .post-thumbnail img {
- -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
- -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
- transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
- }
- .astriol__blog-post .entry-content {
- padding: 20px 40px;
- }
- .astriol__blog-post .entry-content .entry-title {
- font-size: 20px;
- line-height: 1.5;
- font-weight: 500;
- margin: 15px 0 22px;
- }
- .astriol__blog-post .entry-content .entry-title a:hover {
- color: #ed1f25;
- }
- .astriol__blog-post .entry-content .blog-footer {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .astriol__blog-post .entry-content .blog-footer .post-author {
- display: inline-block;
- font-size: 13px;
- color: #92929f;
- font-weight: 500;
- text-transform: uppercase;
- }
- .astriol__blog-post .entry-content .blog-footer .post-author img {
- border-radius: 50%;
- margin-right: 10px;
- }
- .astriol__blog-post .entry-content .blog-footer .post-author:hover {
- color: #ed1f25;
- }
- .astriol__blog-post .entry-content .blog-footer .date-meta {
- font-size: 13px;
- font-weight: 500;
- color: #92929f;
- text-transform: uppercase;
- }
- .astriol__blog-post:hover .post-thumbnail img {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
- .entry-content .entry-meta, .entry-content .meta-cat a {
- font-size: 12px;
- font-weight: 500;
- background: rgba(50, 186, 19, 0.102);
- color: #32ba13;
- border-radius: 3px;
- text-transform: uppercase;
- padding: 6px 9px;
- line-height: 1.1;
- display: inline-block;
- }
- .entry-content .entry-meta:hover, .entry-content .meta-cat a:hover {
- background: #32ba13;
- color: #fff !important;
- }
- .entry-content .entry-meta.color-two, .entry-content .meta-cat a.color-two {
- background-color: rgba(120, 74, 252, 0.102);
- color: #784afc;
- }
- .entry-content .entry-meta.color-two:hover, .entry-content .meta-cat a.color-two:hover {
- background: #784afc;
- }
- .entry-content .entry-meta.color-three, .entry-content .meta-cat a.color-three {
- background-color: rgba(26, 191, 104, 0.102);
- color: #ed1f25;
- }
- .entry-content .entry-meta.color-three:hover, .entry-content .meta-cat a.color-three:hover {
- background: #ed1f25;
- }
- .entry-content .entry-meta.color-four, .entry-content .meta-cat a.color-four {
- background-color: rgba(39, 120, 254, 0.102);
- color: #2778fe;
- }
- .entry-content .entry-meta.color-four:hover, .entry-content .meta-cat a.color-four:hover {
- background: #2778fe;
- }
- .entry-content .entry-meta.color-five, .entry-content .meta-cat a.color-five {
- background-color: rgba(238, 180, 21, 0.102);
- color: #eeb415;
- }
- .entry-content .entry-meta.color-five:hover, .entry-content .meta-cat a.color-five:hover {
- background: #eeb415;
- }
- .entry-content .entry-meta.color-six, .entry-content .meta-cat a.color-six {
- background-color: rgba(44, 44, 81, 0.102);
- color: #656577;
- }
- .entry-content .entry-meta.color-six:hover, .entry-content .meta-cat a.color-six:hover {
- background: #656577;
- }
- .entry-content .entry-title {
- font-size: 20px;
- line-height: 1.5;
- font-weight: 500;
- margin: 15px 0 22px;
- }
- .entry-content .entry-title a {
- color: #2c2c51;
- }
- .entry-content .entry-title a:hover {
- color: #ed1f25;
- }
- .entry-content .blog-footer {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .entry-content .blog-footer .post-author {
- display: inline-block;
- font-size: 13px;
- color: #92929f;
- font-weight: 500;
- }
- .entry-content .blog-footer .post-author img {
- border-radius: 50%;
- margin-right: 10px;
- }
- .entry-content .blog-footer .post-author:hover {
- color: #ed1f25;
- }
- .entry-content .blog-footer .date-meta {
- font-size: 13px;
- font-weight: 500;
- color: #92929f;
- text-transform: uppercase;
- }
- /* Blog List */
- .blog-list-page {
- padding: 120px 0;
- }
- .astriol__blog-list {
- margin-bottom: 70px;
- }
- .astriol__blog-list .post-thumbnail {
- border-radius: 6px;
- overflow: hidden;
- }
- .astriol__blog-list .post-thumbnail img {
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .astriol__blog-list .entry-content {
- padding-top: 30px;
- }
- .astriol__blog-list .entry-content .entry-title {
- font-size: 30px;
- line-height: 1.4;
- font-weight: 500;
- margin: 8px 0 17px;
- }
- .astriol__blog-list .entry-content p {
- line-height: 28px;
- color: #797986;
- margin-bottom: 20px;
- }
- .astriol__blog-list .entry-content .more-link {
- font-size: 13px;
- font-weight: 500;
- text-transform: uppercase;
- color: #797986;
- }
- .astriol__blog-list .entry-content .more-link i {
- display: inline-block;
- vertical-align: -1px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-left: 2px;
- }
- .astriol__blog-list .entry-content .more-link:hover {
- color: #ed1f25;
- }
- .astriol__blog-list .entry-content .more-link:hover i {
- margin-left: 5px;
- color: #ed1f25;
- }
- .astriol__blog-list.quote-post .blog-content {
- padding: 0;
- }
- .astriol__blog-list.quote-post blockquote {
- margin: 0;
- }
- .astriol__blog-list:hover .post-thumbnail img {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
- .astriol__blog-list.gallery-post:hover .post-thumbnail img {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- .astriol__blog-list.link-post {
- background: #fff;
- -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
- box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
- border-left: 4px solid #ed1f25;
- border-radius: 6px;
- overflow: hidden;
- }
- .astriol__blog-list.link-post .blog-content {
- position: relative;
- padding: 40px 45px 57px;
- }
- .astriol__blog-list.link-post .blog-content:before {
- content: "";
- font-family: eleganticons;
- position: absolute;
- right: 45px;
- bottom: 38px;
- font-size: 60px;
- color: #e8e8f1;
- }
- .astriol__blog-list.link-post .blog-content .entry-content {
- padding-top: 0;
- }
- .astriol__blog-list.link-post .blog-content .entry-content i {
- display: block;
- font-size: 30px;
- color: #ed1f25;
- margin-bottom: 15px;
- }
- .astriol__blog-list.link-post .blog-content .entry-content a {
- font-size: 20px;
- line-height: 30px;
- font-weight: 500;
- color: #373d46;
- }
- .astriol__blog-list.link-post .blog-content .entry-content a:hover {
- color: #ed1f25;
- }
- .astriol__blog-list .blog__list-video {
- padding: 56.25% 0 0 0;
- position: relative;
- }
- .astriol__blog-list .blog__list-video iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .post-meta {
- margin: 0 0 0 25px;
- padding: 0;
- list-style: none;
- display: inline-block;
- }
- .post-meta li {
- display: inline-block;
- }
- .post-meta li:not(:last-child) {
- margin-right: 25px;
- }
- .post-meta li i {
- color: #ed1f25;
- font-size: 14px;
- margin-right: 5px;
- }
- .post-meta li a {
- color: #797986;
- font-size: 13px;
- font-weight: 500;
- text-transform: uppercase;
- }
- .post-meta li a:hover {
- color: #ed1f25;
- }
- blockquote {
- padding: 72px 50px 32px;
- margin: 0;
- border-left: 4px solid #ed1f25;
- border-radius: 6px;
- -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
- box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
- overflow: hidden;
- position: relative;
- margin-bottom: 65px;
- }
- blockquote:before {
- content: "“";
- position: absolute;
- top: 35px;
- font-size: 100px;
- line-height: 1;
- height: 30px;
- color: #ed1f25;
- margin-bottom: 10px;
- }
- blockquote:after {
- content: "";
- background-image: url("../img/quote-grey.png");
- position: absolute;
- right: 50px;
- bottom: 35px;
- width: 65px;
- height: 45px;
- }
- blockquote p {
- font-size: 20px;
- line-height: 30px;
- color: #373d46;
- }
- blockquote cite {
- color: #797986;
- font-style: normal;
- margin: 0;
- }
- /** Blog Single **/
- .astriol__blog-single p {
- font-size: 16px;
- line-height: 30px;
- }
- .astriol__blog-single img {
- margin: 44px 0;
- }
- .astriol__blog-single h3 {
- font-size: 30px;
- font-weight: 500;
- margin-bottom: 15px;
- }
- .astriol__blog-single blockquote {
- margin-top: 60px;
- display: block;
- }
- .blog-footer {
- margin-top: 30px;
- }
- .blog-footer .post-tags {
- padding-bottom: 10px;
- border-bottom: 1px solid #e8e8f0;
- }
- .blog-footer .blog-share span, .blog-footer .tagcloud span {
- font-size: 14px;
- font-weight: 800;
- color: #2c2c51;
- text-transform: uppercase;
- display: inline-block;
- margin-right: 20px;
- }
- .blog-footer .blog-share {
- padding-top: 15px;
- }
- .blog-share-social-link {
- margin: 0;
- padding: 0;
- list-style: none;
- display: inline-block;
- }
- .blog-share-social-link li {
- display: inline-block;
- }
- .blog-share-social-link li a {
- display: block;
- color: #9898a4;
- font-size: 14px;
- margin-right: 8px;
- }
- .blog-share-social-link li a:hover {
- color: #ed1f25;
- }
- #blog_list_slider {
- position: relative;
- }
- #blog_list_slider .nav-control {
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- height: 40px;
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #blog_list_slider .nav-control .gp-nav-next, #blog_list_slider .nav-control .gp-nav-prev {
- border: 0;
- height: auto;
- width: auto;
- font-size: 40px;
- color: rgba(255, 255, 255, 0.302);
- }
- #blog_list_slider .nav-control .gp-nav-next:hover, #blog_list_slider .nav-control .gp-nav-prev:hover {
- background: transparent;
- color: #fff;
- }
- #blog_list_slider .nav-control .gp-nav-prev {
- left: 15px;
- }
- #blog_list_slider .nav-control .gp-nav-next {
- right: 15px;
- }
- #blog_list_slider:hover .nav-control {
- opacity: 1;
- }
- /** Author Box */
- .author-info_wrapper {
- background: #fff;
- border-radius: 6px;
- -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
- box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
- border-left: 4px solid #ed1f25;
- padding: 41px 35px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-top: 75px;
- }
- .author-info_wrapper .author-info_avatar {
- height: 70px;
- width: 70px;
- border-radius: 50%;
- overflow: hidden;
- margin-right: 40px;
- }
- .author-info_wrapper .author-info_avatar img {
- width: 100%;
- }
- .author-info_wrapper .author-info_content {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
- .author-info_wrapper .author-info_content .author-info_description .author-info_name {
- font-size: 18px;
- font-weight: 800;
- margin-bottom: 25px;
- }
- .author-info_wrapper .author-info_content .author-info_description .author-info_name span {
- display: block;
- font-size: 14px;
- font-weight: 400;
- color: #9797a2;
- margin-top: 4px;
- }
- .author-info_wrapper .author-info_content .author-info_description p {
- margin: 0;
- color: #686875;
- }
- /** Comments **/
- #comments {
- margin-top: 77px;
- }
- #comments .comments-title {
- font-size: 24px;
- font-weight: 500;
- color: #373d46;
- margin-bottom: 55px;
- }
- #comments .comment-list {
- list-style: none;
- padding: 0;
- }
- #comments .comment-list .comment-body {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 30px;
- }
- #comments .comment-list .comment-body .comment-avatar {
- width: 70px;
- height: 70px;
- border-radius: 50%;
- overflow: hidden;
- margin-right: 30px;
- }
- #comments .comment-list .comment-body .comment_info {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-bottom: 23px;
- border-bottom: 1px solid #e8e8f0;
- }
- #comments .comment-list .comment-body .comment_info .comment_author_says {
- font-size: 16px;
- font-weight: 800;
- color: #373d46;
- line-height: 1.4;
- }
- #comments .comment-list .comment-body .comment_info .comment_author_says a {
- color: #373d46;
- }
- #comments .comment-list .comment-body .comment_info .comment_author_says a:hover {
- color: #ed1f25;
- }
- #comments .comment-list .comment-body .comment_info .meta-wrapper {
- margin-bottom: 20px;
- line-height: 1;
- }
- #comments .comment-list .comment-body .comment_info .meta-wrapper span {
- font-size: 13px;
- color: #9797a2;
- font-weight: 400;
- }
- #comments .comment-list .comment-body .comment_info .comment_content p {
- font-size: 15px;
- margin-bottom: 13px;
- }
- #comments .comment-list .comment-body .comment_info .comment-reply-link {
- color: #ed1f25;
- text-transform: uppercase;
- font-size: 12px;
- font-weight: 500;
- }
- #comments .comment-list .children {
- list-style: none;
- margin-left: 150px;
- padding: 0;
- }
- #comments .comment-list .children .comment-body .comment-avatar {
- height: 50px;
- width: 50px;
- }
- .comment-respond p {
- font-size: 14px;
- color: #797986;
- margin-bottom: 45px;
- }
- .comment-respond .comment-form input, .comment-respond .comment-form textarea {
- background: #fafafc;
- border: 1px solid #e9e9f0;
- font-size: 14px;
- color: #373d46;
- padding: 11px 30px;
- margin-bottom: 20px;
- }
- .comment-respond .comment-form input::-webkit-input-placeholder, .comment-respond .comment-form textarea::-webkit-input-placeholder {
- color: #9797a2;
- }
- .comment-respond .comment-form input::-moz-placeholder, .comment-respond .comment-form textarea::-moz-placeholder {
- color: #9797a2;
- }
- .comment-respond .comment-form input:-ms-input-placeholder, .comment-respond .comment-form textarea:-ms-input-placeholder {
- color: #9797a2;
- }
- .comment-respond .comment-form input::-ms-input-placeholder, .comment-respond .comment-form textarea::-ms-input-placeholder {
- color: #9797a2;
- }
- .comment-respond .comment-form input::placeholder, .comment-respond .comment-form textarea::placeholder {
- color: #9797a2;
- }
- .comment-respond .comment-form .comment-form-author, .comment-respond .comment-form .comment-form-email {
- width: calc(50% - 15px);
- float: left;
- }
- .comment-respond .comment-form .comment-form-author {
- margin-right: 15px;
- }
- .comment-respond .comment-form .comment-form-email {
- margin-left: 15px;
- }
- .comment-respond .comment-form .comment-form-cookies-consent {
- margin-bottom: 20px;
- margin-top: 7px;
- font-size: 14px;
- color: #797986;
- position: relative;
- }
- .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent {
- width: auto;
- }
- .comment-respond .comment-form .comment-form-cookies-consent label {
- cursor: pointer;
- display: inline;
- line-height: 1.25em;
- vertical-align: top;
- clear: both;
- padding-left: 1px;
- }
- .comment-respond .comment-form .comment-form-cookies-consent label:not(:empty) {
- padding-left: 0.75em;
- }
- .comment-respond .comment-form .comment-form-cookies-consent label:after, .comment-respond .comment-form .comment-form-cookies-consent label:before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- }
- .comment-respond .comment-form .comment-form-cookies-consent label:before {
- width: 1.15em;
- height: 1.15em;
- background: #fff;
- border: 2px solid #ababb1;
- border-radius: 0.125em;
- cursor: pointer;
- -webkit-transition: background 0.3s;
- -o-transition: background 0.3s;
- transition: background 0.3s;
- }
- .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox] {
- outline: 0;
- visibility: hidden;
- width: 1.25em;
- margin: 0;
- display: block;
- float: left;
- font-size: inherit;
- }
- .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:before {
- background: #ed1f25;
- border: none;
- }
- .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:after {
- -webkit-transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
- -ms-transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
- transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
- width: 0.72em;
- height: 0.375em;
- border: 0.125em solid #fff;
- border-top-style: none;
- border-right-style: none;
- }
- .comment-respond .comment-form .form-submit {
- margin: 0;
- }
- .comment-respond .comment-form .form-submit .submit {
- max-width: 180px;
- border: 1px solid #ed1f25;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #ed1f25;
- border-radius: 4px;
- color: #fff;
- font-size: 13px;
- font-weight: 500;
- margin-bottom: 0;
- }
- .comment-respond .comment-form .form-submit .submit:hover {
- background: transparent;
- color: #ed1f25;
- }
- /** Wigget **/
- .sidebar-widget-area {
- padding-left: 60px;
- }
- .sidebar-widget-area .widget:not(:last-child) {
- margin-bottom: 50px;
- }
- .sidebar-widget-area .widget .widget-title {
- font-size: 20px;
- font-weight: 800;
- position: relative;
- padding-bottom: 7px;
- margin-bottom: 40px;
- }
- .sidebar-widget-area .widget .widget-title:after {
- content: "";
- position: absolute;
- left: 0;
- bottom: 0;
- width: 60px;
- height: 2px;
- background: #ed1f25;
- }
- .sidebar-widget-area .widget ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .sidebar-widget-area .widget ul li {
- margin-bottom: 10px;
- padding-left: 20px;
- position: relative;
- }
- .sidebar-widget-area .widget ul li:before {
- content: "";
- position: absolute;
- left: 0;
- top: 10px;
- height: 5px;
- width: 5px;
- border-radius: 50%;
- background: #ed1f25;
- }
- .sidebar-widget-area .widget ul li a {
- font-size: 14px;
- font-weight: 500;
- color: #656575;
- text-transform: uppercase;
- }
- .sidebar-widget-area .widget ul li a span {
- margin-left: 8px;
- display: inline-block;
- }
- .sidebar-widget-area .widget ul li a:hover {
- color: #ed1f25;
- }
- .widget_search .search-form {
- background: #f3f3f9;
- border-radius: 5px;
- position: relative;
- }
- .widget_search .search-form label {
- margin: 0;
- }
- .widget_search .search-form input {
- margin: 0;
- padding: 16px 20px;
- background: transparent;
- }
- .widget_search .search-form input:focus, .widget_search .search-form input:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .widget_search .search-form .search-submit {
- background: transparent;
- border: 0;
- padding: 0;
- position: absolute;
- top: 50%;
- right: 20px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- color: #2c2c51;
- }
- .gp-posts-widget-wrapper .post-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-bottom: 30px;
- }
- .gp-posts-widget-wrapper .post-item .post-widget-thumbnail {
- width: 80px;
- margin-right: 20px;
- border-radius: 4px;
- overflow: hidden;
- }
- .gp-posts-widget-wrapper .post-item .post-widget-thumbnail img {
- border-radius: 4px;
- }
- .gp-posts-widget-wrapper .post-item .post-widget-info {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
- .gp-posts-widget-wrapper .post-item .post-widget-title {
- font-size: 16px;
- font-weight: 800;
- line-height: 24px;
- margin-bottom: 4px;
- }
- .gp-posts-widget-wrapper .post-item .post-widget-title a {
- color: #2c2c51;
- }
- .gp-posts-widget-wrapper .post-item .post-widget-title a:hover {
- color: #ed1f25;
- }
- .gp-posts-widget-wrapper .post-item .post-meta {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .gp-posts-widget-wrapper .post-item .post-meta li {
- display: inline-block;
- margin-right: 20px;
- position: relative;
- padding-left: 0;
- }
- .gp-posts-widget-wrapper .post-item .post-meta li:before {
- display: none;
- }
- .gp-posts-widget-wrapper .post-item .post-meta li:not(:last-child):after {
- content: "";
- position: absolute;
- right: -14px;
- top: 8px;
- height: 10px;
- width: 1px;
- background: #92929f;
- }
- .gp-posts-widget-wrapper .post-item .post-meta li a {
- font-size: 12px;
- font-weight: 500;
- color: #92929f;
- text-transform: uppercase;
- }
- .gp-posts-widget-wrapper .post-item .post-meta li a:hover {
- color: #ed1f25;
- }
- .recent-comments .comment-list {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-right: 20px;
- margin-bottom: 25px;
- }
- .recent-comments .comment-list .avatar {
- height: 50px;
- width: 50px;
- border-radius: 50%;
- background: #b6b1c4;
- margin-right: 20px;
- }
- .recent-comments .comment-list .avatar img {
- border-radius: 50%;
- }
- .recent-comments .comment-list .comment-content {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-bottom: 20px;
- border-bottom: 1px solid #ebe8f1;
- }
- .recent-comments .comment-list .comment-content .comments-text {
- font-size: 16px;
- color: #2c2c51;
- line-height: 22px;
- margin-bottom: 10px;
- display: block;
- }
- .recent-comments .comment-list .comment-content .comments-text:hover {
- color: #ed1f25;
- }
- .recent-comments .comment-list .comment-content .comment-author-link {
- display: block;
- font-size: 13px;
- text-transform: uppercase;
- font-weight: 500;
- color: #92929f;
- }
- .recent-comments .comment-list .comment-content .comment-author-link:hover {
- color: #ed1f25;
- }
- .tagcloud a {
- display: inline-block;
- font-size: 14px;
- font-weight: 500;
- color: #656575;
- border: 2px solid #e4e5ed;
- padding: 9px 13px;
- border-radius: 4px;
- margin-bottom: 10px;
- margin-right: 5px;
- line-height: 1;
- }
- .tagcloud a:hover {
- color: #fff;
- background: #ed1f25;
- border-color: #ed1f25;
- }
- /*--------------------------------------------------------------
- ## Call To Action
- --------------------------------------------------------------*/
- #call-to-action {
- padding: 123px 0;
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- }
- .call-to-action {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .call-to-action > div {
- width: 50%;
- }
- .call-to-action .action-content h2 {
- color: #fff;
- font-weight: 700;
- font-size: 34px;
- margin-bottom: 20px;
- }
- .call-to-action .action-content p {
- color: #fff;
- }
- .call-to-action .action-button {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- }
- .call-to-action .action-button .gp-btn {
- -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1);
- box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1);
- padding: 12px 35px;
- }
- .call-to-action .action-button .gp-btn:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .call-to-action .action-button .btn-two {
- margin-left: 20px;
- }
- .call-to-action .action-button .btn-two:hover {
- border-color: rgba(255, 255, 255, 0.5);
- color: #fff;
- }
- #call-to-action-two {
- background: #4d5afe;
- padding: 147px 0 138px;
- }
- @media (max-width: 991px) {
- #call-to-action-two {
- padding: 120px 0;
- }
- }
- .call-to-action-two {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- @media (max-width: 768px) {
- .call-to-action-two {
- display: block;
- }
- }
- .call-to-action-two .action-content .action-title {
- font-size: 40px;
- line-height: 55px;
- font-weight: 700;
- color: #fff;
- }
- @media (max-width: 991px) {
- .call-to-action-two .action-content .action-title {
- font-size: 34px;
- line-height: 44px;
- }
- }
- @media (max-width: 768px) {
- .call-to-action-two .action-content .action-title {
- margin-bottom: 30px;
- }
- }
- .call-to-action-two .gp-btn {
- padding: 15px 32px;
- }
- #call-to-action-three .call-to-action-content {
- background: #fff;
- -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04);
- box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04);
- border-radius: 10px;
- padding: 67px 70px 80px;
- text-align: center;
- margin-bottom: -180px;
- }
- @media (max-width: 576px) {
- #call-to-action-three .call-to-action-content {
- padding: 67px 40px 80px;
- }
- }
- @media (max-width: 576px) {
- #call-to-action-three .call-to-action-content .action-button .gp-btn {
- margin-bottom: 20px;
- }
- }
- #call-to-action-three .call-to-action-content .action-button .btn-outline {
- margin-left: 20px;
- }
- @media (max-width: 576px) {
- #call-to-action-three .call-to-action-content .action-button .btn-outline {
- margin-left: 10px;
- }
- }
- @media (max-width: 480px) {
- #call-to-action-three .call-to-action-content .action-button .btn-outline {
- margin-left: 0;
- }
- }
- #call-to-action-three .action-content-three h2 {
- font-size: 40px;
- line-height: 54px;
- margin-bottom: 46px;
- }
- @media (max-width: 1024px) {
- #call-to-action-three .action-content-three h2 br {
- display: none;
- }
- }
- @media (max-width: 768px) {
- #call-to-action-three .action-content-three h2 {
- font-size: 34px;
- line-height: 44px;
- }
- }
- @media (max-width: 576px) {
- #call-to-action-three .action-content-three h2 {
- font-size: 28px;
- line-height: 38px;
- }
- }
- .background-shapewrap img {
- position: absolute;
- }
- .background-shapewrap .shape-one {
- top: -50%;
- left: 0;
- }
- .background-shapewrap .shape-two {
- right: 0;
- bottom: -70%;
- }
- .background-shapewrap .shape-three {
- right: 0;
- bottom: 0;
- }
- .action-vector {
- position: absolute;
- top: 72px;
- left: -58px;
- }
- .background-shapewrap {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- }
- .background-shapewrap img {
- position: absolute;
- }
- #call-to-action-four {
- background: #faf9fd;
- padding: 110px 0 120px;
- position: relative;
- }
- #call-to-action-four .left-shape, #call-to-action-four .bottom-shape {
- position: absolute;
- }
- #call-to-action-four .left-shape {
- left: 11%;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- @media (max-width: 1400px) {
- #call-to-action-four .left-shape {
- left: 50px;
- }
- }
- @media (max-width: 991px) {
- #call-to-action-four .left-shape {
- left: 0;
- }
- }
- @media (max-width: 768px) {
- #call-to-action-four .left-shape {
- display: none;
- }
- }
- #call-to-action-four .bottom-shape {
- right: 11%;
- bottom: -28px;
- z-index: 2;
- }
- .call-to-action-four {
- position: relative;
- z-index: 22;
- }
- .call-to-action-four .action-content .action-title {
- font-size: 40px;
- line-height: 44px;
- margin-bottom: 15px;
- }
- @media (max-width: 991px) {
- .call-to-action-four .action-content .action-title {
- font-size: 30px;
- line-height: 40px;
- }
- }
- .call-to-action-four .action-content p {
- font-size: 24px;
- line-height: 1.3;
- margin-bottom: 52px;
- }
- @media (max-width: 991px) {
- .call-to-action-four .action-content p {
- font-size: 16px;
- }
- }
- .call-to-action-wrapper {
- position: relative;
- -webkit-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .call-to-action-wrapper .action-content-inner {
- background: #4533c0;
- padding: 40px 50px 0 100px;
- background-image: url(../img/action_bg.jpg);
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- border-radius: 10px;
- position: relative;
- z-index: 22;
- -webkit-box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 40%);
- box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 40%);
- }
- @media (max-width: 767px) {
- .call-to-action-wrapper .action-content-inner {
- padding: 40px 50px 0;
- text-align: center;
- }
- }
- @media (max-width: 1920px) and (min-width: 1440px) {
- .highlighter .call-to-action-wrapper {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
- }
- @media (min-width: 992px) and (max-width: 1439px) {
- .highlighter .call-to-action-wrapper {
- -webkit-transform: scale(1.02);
- -ms-transform: scale(1.02);
- transform: scale(1.02);
- }
- }
- .call-to-action-wrapper .action-content-wrapper {
- padding-top: 50px;
- }
- .call-to-action-wrapper .action-content-wrapper .title {
- color: #fff;
- font-size: 40px;
- font-weight: 800;
- margin-bottom: 25px;
- }
- @media (max-width: 991px) {
- .call-to-action-wrapper .action-content-wrapper .title {
- font-size: 30px;
- }
- }
- .call-to-action-wrapper .action-content-wrapper p {
- color: #fff;
- margin-bottom: 42px;
- }
- .call-to-action-wrapper .action-image-wrapper {
- position: relative;
- padding-left: 130px;
- }
- @media (max-width: 576px) {
- .call-to-action-wrapper .action-image-wrapper {
- padding-left: 0;
- }
- }
- .call-to-action-wrapper .action-image-wrapper .image-one {
- position: relative;
- z-index: 2;
- }
- .call-to-action-wrapper .action-image-wrapper .image-two {
- position: absolute;
- bottom: 0;
- right: 35px;
- }
- .circle-top {
- border-radius: 50%;
- opacity: 0.502;
- position: absolute;
- left: -100px;
- top: -80px;
- width: 300px;
- height: 300px;
- z-index: 1;
- }
- @media (max-width: 1200px) {
- .circle-top {
- top: -60px;
- }
- }
- .circle-bottom {
- position: absolute;
- border-radius: 50%;
- background-image: -webkit-gradient(linear, left top, right top, from(#fa5a4c), to(#fcbd79));
- background-image: -o-linear-gradient(left, #fa5a4c 0%, #fcbd79 100%);
- background-image: linear-gradient(to right, #fa5a4c 0%, #fcbd79 100%);
- opacity: 0.702;
- bottom: -100px;
- right: -150px;
- width: 550px;
- height: 550px;
- z-index: 1;
- }
- @media (max-width: 1600px) {
- .circle-bottom {
- right: -100px;
- }
- }
- @media (max-width: 1400px) {
- .circle-bottom {
- right: -0px;
- }
- }
- @media (max-width: 1200px) {
- .circle-bottom {
- height: 400px;
- width: 400px;
- bottom: -80px;
- }
- }
- #call-to-action-community {
- padding: 130px 0;
- position: relative;
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- }
- #call-to-action-community:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background-color: rgba(44, 44, 81, 0.95);
- }
- #call-to-action-community .action-content .action-title {
- color: #fff;
- font-size: 40px;
- font-weight: 700;
- }
- #call-to-action-community .action-info p {
- color: #fff;
- margin-bottom: 35px;
- }
- #call-to-action-community .action-info .gp-btn {
- color: #2c2c51;
- padding: 11px 29px;
- font-size: 14px;
- }
- #call-to-action-community .action-info .gp-btn:hover {
- color: #fff;
- border-color: rgba(255, 255, 255, 0.5);
- }
- #call-to-action-agency-two {
- padding: 146px 0;
- position: relative;
- }
- @media (max-width: 991px) {
- #call-to-action-agency-two {
- padding: 100px 0;
- }
- }
- #call-to-action-agency-two:before {
- content: "";
- position: absolute;
- height: 100%;
- width: 100%;
- left: 0;
- top: 0;
- background: rgba(91, 44, 173, 0.7);
- }
- #call-to-action-agency-two .action-content .action-title {
- color: #fff;
- font-size: 44px;
- line-height: 54px;
- font-weight: 700;
- margin: 0;
- }
- @media (max-width: 991px) {
- #call-to-action-agency-two .action-content .action-title {
- font-size: 30px;
- line-height: 40px;
- }
- }
- @media (max-width: 767px) {
- #call-to-action-agency-two .action-content .action-title {
- text-align: center;
- }
- }
- #call-to-action-agency-two .action-info .gp-btn:hover {
- border-color: #fff;
- color: #fff;
- }
- @media (min-width: 768px) {
- #call-to-action-agency-two .action-info {
- text-align: right;
- }
- }
- @media (max-width: 767px) {
- #call-to-action-agency-two .action-info {
- margin-top: 30px;
- text-align: center;
- }
- }
- @media (max-width: 991px) {
- .call-to-action {
- display: block;
- text-align: center;
- }
- .call-to-action > div {
- width: 100%;
- }
- .call-to-action .action-button {
- margin-top: 30px;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- }
- /*--------------------------------------------------------------
- ## Page Header
- --------------------------------------------------------------*/
- .page-banner {
- background: #292a7f;
- height: 450px;
- position: relative;
- overflow: hidden;
- }
- .page-banner.banner-bg {
- height: 400px;
- }
- .page-banner.portfolio-banner-bg {
- height: 650px;
- }
- .page-banner.banner-bg, .page-banner.portfolio-banner-bg {
- background-size: cover;
- background-position: center center;
- }
- .page-banner.banner-bg:before, .page-banner.portfolio-banner-bg:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background: rgba(54, 55, 133, 0.9);
- }
- .page-banner .page-title-wrapper {
- position: absolute;
- top: 50%;
- left: 0;
- width: 100%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- margin-top: 35px;
- position: relative;
- z-index: 2;
- }
- .page-banner .page-title-wrapper .page-title {
- font-size: 50px;
- line-height: 63px;
- color: #fff;
- font-weight: 700;
- margin-bottom: 0;
- }
- .page-banner .page-title-wrapper .breadcrumbs {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .page-banner .page-title-wrapper .breadcrumbs li {
- display: inline-block;
- color: #bbbbd6;
- font-size: 18px;
- position: relative;
- }
- .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child) {
- margin-right: 20px;
- }
- .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child):before {
- content: ">";
- position: absolute;
- right: -17px;
- top: 0;
- }
- .page-banner .page-title-wrapper .breadcrumbs li a {
- color: #fff;
- }
- .page-banner .page-title-wrapper .breadcrumbs li a:hover {
- color: #d4d4d4;
- }
- .page-banner.style-light {
- background: #f4f4fd;
- }
- .page-banner.style-light .page-title {
- color: #373d46;
- }
- .page-banner.style-light .breadcrumbs {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .page-banner.style-light .breadcrumbs li {
- color: #373d46;
- }
- .page-banner.style-light .breadcrumbs li a {
- color: #373d46;
- }
- .page-banner.style-light .breadcrumbs li a:hover {
- color: #ed1f25;
- }
- .page-banner.banner-single-post {
- height: auto;
- background-size: cover;
- background-position: center center;
- }
- .page-banner.banner-single-post .page-title-wrapper {
- position: relative;
- z-index: 33;
- }
- .page-banner.banner-single-post:before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: rgba(10, 10, 45, 0.5);
- z-index: 22;
- }
- .page-banner.banner-single-post .banner-pr {
- position: relative;
- height: 650px;
- }
- .page-banner.banner-single-post .single-meta-cat {
- font-size: 12px;
- font-weight: 500;
- background: #32ba13;
- color: #fff;
- border-radius: 3px;
- text-transform: uppercase;
- padding: 6px 9px;
- line-height: 1.1;
- display: inline-block;
- margin-bottom: 10px;
- }
- .page-banner.banner-single-post .page-title {
- max-width: 650px;
- font-size: 40px;
- line-height: 50px;
- text-align: left;
- margin-bottom: 23px;
- }
- .page-banner.banner-single-post .post-meta {
- margin: 0;
- }
- .page-banner.banner-single-post .post-meta li a {
- color: #fff;
- }
- .page-banner-pr {
- position: relative;
- height: 650px;
- }
- .banner-pertical {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .banner-pertical li {
- position: absolute;
- }
- .banner-pertical li:nth-child(1) {
- left: 140px;
- top: 50%;
- -webkit-animation: animationFramesTwo 30s infinite linear;
- animation: animationFramesTwo 30s infinite linear;
- }
- .banner-pertical li:nth-child(2) {
- left: 24%;
- bottom: 86px;
- z-index: 2;
- -webkit-animation: animeone 40s infinite linear;
- animation: animeone 40s infinite linear;
- }
- .banner-pertical li:nth-child(3) {
- left: 15%;
- bottom: -30px;
- z-index: 2;
- }
- .banner-pertical li:nth-child(4) {
- top: 180px;
- right: 195px;
- }
- .banner-pertical li:nth-child(5) {
- right: 18%;
- bottom: 95px;
- }
- .banner-pertical li:nth-child(6) {
- height: 100px;
- width: 100px;
- border: 5px solid #474bfe;
- border-radius: 50%;
- right: -70px;
- bottom: 65px;
- }
- .banner-pertical li:nth-child(7) {
- height: 500px;
- width: 500px;
- background-color: #313284;
- border-radius: 50%;
- left: 18%;
- bottom: -89%;
- -webkit-animation: animeone 40s infinite linear;
- animation: animeone 40s infinite linear;
- }
- .banner-pertical-two {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .banner-pertical-two li {
- position: absolute;
- }
- .banner-pertical-two li:nth-child(1) {
- left: 50px;
- top: 0;
- }
- .banner-pertical-two li:nth-child(2) {
- left: 0;
- bottom: 0;
- }
- .banner-pertical-two li:nth-child(3) {
- right: 0;
- bottom: -130px;
- }
- .banner-pertical-two li:nth-child(4) {
- right: 180px;
- bottom: -45px;
- }
- .banner-pertical-two li:nth-child(5) {
- left: 23%;
- bottom: 150px;
- }
- .banner-pertical-two li:nth-child(6) {
- left: 24.8%;
- bottom: 138px;
- }
- .banner-pertical-two li:nth-child(7) {
- right: 170px;
- top: 140px;
- }
- .banner-pertical-two li:nth-child(8) {
- left: 115px;
- bottom: 125px;
- }
- .banner-pertical-two li:nth-child(9) {
- right: 24%;
- top: 45%;
- }
- .bigSquare {
- -webkit-animation-name: bigSquare;
- animation-name: bigSquare;
- }
- @-webkit-keyframes bigSquare {
- from {
- -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
- transform: translateY(10%) rotate(-80deg) scale(0);
- }
- to {
- -webkit-transform: translateY(0) rotate(0deg) scale(1);
- transform: translateY(0) rotate(0deg) scale(1);
- }
- }
- @keyframes bigSquare {
- from {
- -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
- transform: translateY(10%) rotate(-80deg) scale(0);
- }
- to {
- -webkit-transform: translateY(0) rotate(0deg) scale(1);
- transform: translateY(0) rotate(0deg) scale(1);
- }
- }
- .littleSquare {
- -webkit-animation-name: littleSquare;
- animation-name: littleSquare;
- }
- @-webkit-keyframes littleSquare {
- from {
- -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0);
- transform: translate(226%, 183%) rotate(140deg) scale(0);
- }
- to {
- -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1);
- transform: translate(0%, 0%) rotate(0deg) scale(1);
- }
- }
- @keyframes littleSquare {
- from {
- -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0);
- transform: translate(226%, 183%) rotate(140deg) scale(0);
- }
- to {
- -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1);
- transform: translate(0%, 0%) rotate(0deg) scale(1);
- }
- }
- .triangle {
- -webkit-animation-name: triangle;
- animation-name: triangle;
- }
- @-webkit-keyframes triangle {
- from {
- -webkit-transform: rotate(-140deg) scale(0);
- transform: rotate(-140deg) scale(0);
- }
- to {
- -webkit-transform: rotate(0deg) scale(1);
- transform: rotate(0deg) scale(1);
- }
- }
- @keyframes triangle {
- from {
- -webkit-transform: rotate(-140deg) scale(0);
- transform: rotate(-140deg) scale(0);
- }
- to {
- -webkit-transform: rotate(0deg) scale(1);
- transform: rotate(0deg) scale(1);
- }
- }
- .hoop {
- -webkit-animation-name: hoop;
- animation-name: hoop;
- }
- @-webkit-keyframes hoop {
- from {
- -webkit-transform: translate(-160%, -33%) scale(0);
- transform: translate(-160%, -33%) scale(0);
- }
- to {
- -webkit-transform: translate(0%, 0%) scale(1);
- transform: translate(0%, 0%) scale(1);
- }
- }
- @keyframes hoop {
- from {
- -webkit-transform: translate(-160%, -33%) scale(0);
- transform: translate(-160%, -33%) scale(0);
- }
- to {
- -webkit-transform: translate(0%, 0%) scale(1);
- transform: translate(0%, 0%) scale(1);
- }
- }
- .bigCircle {
- -webkit-animation-name: bigCircle;
- animation-name: bigCircle;
- }
- @-webkit-keyframes bigCircle {
- from {
- -webkit-transform: scale(0) translate(60%, 3%);
- transform: scale(0) translate(60%, 3%);
- }
- to {
- -webkit-transform: scale(1) translate(0%, 0%);
- transform: scale(1) translate(0%, 0%);
- }
- }
- @keyframes bigCircle {
- from {
- -webkit-transform: scale(0) translate(60%, 3%);
- transform: scale(0) translate(60%, 3%);
- }
- to {
- -webkit-transform: scale(1) translate(0%, 0%);
- transform: scale(1) translate(0%, 0%);
- }
- }
- .littleCircle {
- -webkit-animation-name: littleCircle;
- animation-name: littleCircle;
- }
- @-webkit-keyframes littleCircle {
- from {
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes littleCircle {
- from {
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- to {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- .banner-pertical-two li:nth-child(1) {
- -webkit-animation-delay: 0.16s;
- animation-delay: 0.16s;
- }
- .banner-pertical-two li:nth-child(2) {
- -webkit-animation-delay: 0.32s;
- animation-delay: 0.32s;
- }
- .banner-pertical-two li:nth-child(3) {
- -webkit-animation-delay: 0.48s;
- animation-delay: 0.48s;
- }
- .banner-pertical-two li:nth-child(4) {
- -webkit-animation-delay: 0.64s;
- animation-delay: 0.64s;
- }
- .banner-pertical-two li:nth-child(5) {
- -webkit-animation-delay: 0.8s;
- animation-delay: 0.8s;
- }
- .banner-pertical-two li:nth-child(6) {
- -webkit-animation-delay: 0.96s;
- animation-delay: 0.96s;
- }
- .banner-pertical-two li:nth-child(7) {
- -webkit-animation-delay: 1.12s;
- animation-delay: 1.12s;
- }
- .banner-pertical-two li:nth-child(8) {
- -webkit-animation-delay: 1.28s;
- animation-delay: 1.28s;
- }
- .banner-pertical-two li:nth-child(9) {
- -webkit-animation-delay: 1.44s;
- animation-delay: 1.44s;
- }
- .banner-pertical-two li:nth-child(10) {
- -webkit-animation-delay: 1.6s;
- animation-delay: 1.6s;
- }
- .banner-pertical-two li:nth-child(11) {
- -webkit-animation-delay: 1.76s;
- animation-delay: 1.76s;
- }
- /* Page Header Two */
- .page-banner-two {
- background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302)));
- background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
- background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
- padding: 150px 0 80px;
- overflow: hidden;
- }
- .page-banner-two .page-title-wrapper {
- position: relative;
- z-index: 22;
- }
- .page-banner-two .page-title-wrapper .page-title {
- font-size: 30px;
- color: #2c2c51;
- font-weight: 700;
- margin: 0;
- }
- .page-banner-two .page-title-wrapper .breadcrumbs {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .page-banner-two .page-title-wrapper .breadcrumbs li {
- display: inline-block;
- margin-right: 20px;
- position: relative;
- }
- .page-banner-two .page-title-wrapper .breadcrumbs li:not(:last-child):before {
- content: ">";
- position: absolute;
- right: -17px;
- top: 0;
- }
- .page-banner-two .page-title-wrapper .breadcrumbs li a {
- color: #797986;
- }
- .page-banner-two .page-title-wrapper .breadcrumbs li a:hover {
- color: #ed1f25;
- }
- .page-banner-two .banner-pertical-three {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .page-banner-two .banner-pertical-three li {
- position: absolute;
- right: 0;
- }
- .page-banner-two .banner-pertical-three li:nth-child(1) {
- bottom: -70px;
- right: 210px;
- }
- .page-banner-three {
- position: relative;
- height: 565px;
- background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302)));
- background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
- background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- @media (max-width: 767px) {
- .page-banner-three {
- height: 350px;
- }
- }
- .page-banner-three .bottom-shape {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- }
- .page-banner-three .bottom-shape img {
- width: 100%;
- }
- .page-banner-three .page-title-wrapper {
- position: relative;
- z-index: 22;
- }
- .page-banner-three .page-title-wrapper .page-title {
- font-size: 50px;
- color: #2c2c51;
- font-weight: 700;
- margin: 0;
- }
- @media (max-width: 767px) {
- .page-banner-three .page-title-wrapper .page-title {
- font-size: 40px;
- }
- }
- .page-banner-three .page-title-wrapper .breadcrumbs {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .page-banner-three .page-title-wrapper .breadcrumbs li {
- display: inline-block;
- margin-right: 20px;
- position: relative;
- }
- .page-banner-three .page-title-wrapper .breadcrumbs li:not(:last-child):before {
- content: ">";
- position: absolute;
- right: -17px;
- top: 0;
- }
- .page-banner-three .page-title-wrapper .breadcrumbs li a {
- color: #797986;
- }
- .page-banner-three .page-title-wrapper .breadcrumbs li a:hover {
- color: #ed1f25;
- }
- .page-banner-three .banner-pertical-three {
- margin: 0;
- padding: 0;
- list-style: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 2;
- }
- @media (max-width: 620px) {
- .page-banner-three .banner-pertical-three {
- display: none;
- }
- }
- .page-banner-three .banner-pertical-three li {
- position: absolute;
- right: 0;
- }
- .page-banner-three .banner-pertical-three li:nth-child(1) {
- top: 0;
- left: 30px;
- }
- .page-banner-three .banner-pertical-three li:nth-child(2) {
- left: 150px;
- top: 50%;
- }
- .page-banner-three .banner-pertical-three li:nth-child(3) {
- left: 22%;
- bottom: 60px;
- }
- .page-banner-three .banner-pertical-three li:nth-child(4) {
- right: 15%;
- bottom: 120px;
- }
- .page-banner-three .banner-pertical-three li:nth-child(4) {
- right: 15%;
- bottom: 120px;
- width: 134px;
- height: 111px;
- }
- .page-banner-three .banner-pertical-three li:nth-child(5) {
- right: 165px;
- top: 140px;
- width: 85px;
- }
- .page-banner-three .page-header-image-svg {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: auto;
- opacity: 0.239;
- }
- /*--------------------------------------------------------------
- ## Account Form
- --------------------------------------------------------------*/
- .signin-page {
- padding: 50px 0 120px;
- }
- input[type=checkbox], input[type=radio] {
- width: auto;
- }
- .account-form .submit-btn {
- width: auto;
- display: inline-block;
- background: #ed1f25;
- display: block;
- }
- .account-form .submit-btn i {
- display: inline-block;
- vertical-align: middle;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- margin-left: 3px;
- }
- .account-form .submit-btn:hover {
- color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .account-form .gp-input-group {
- margin-bottom: 34px;
- }
- .account-form .gp-input-group.mb-25 {
- margin-bottom: 20px;
- }
- .account-form .gp-input {
- border-color: 1px solid #d8d8d8;
- height: 55px;
- margin: 0;
- }
- .account-form .gp-input:focus {
- background: #fff;
- -webkit-box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12);
- box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12);
- }
- .account-form .condition {
- margin-bottom: 22px;
- }
- .account-form .condition input {
- width: 15px;
- height: 15px;
- display: inline-block;
- margin: 0 5px 0 0;
- }
- .account-form .condition span {
- font-size: 14px;
- vertical-align: 2px;
- }
- /*--------------------------------------------------------------
- ## Contact
- --------------------------------------------------------------*/
- .contact {
- padding: 120px 0 110px;
- background: #fcfbff;
- }
- @media (max-width: 991px) {
- .contact {
- padding: 80px 0 60px;
- }
- }
- .contact-form-inner {
- padding: 75px 60px;
- background: #fff;
- border-radius: 10px;
- -webkit-box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14);
- box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14);
- z-index: 22;
- }
- .contact-form-inner h2 {
- font-size: 30px;
- font-weight: 500;
- margin-bottom: 50px;
- line-height: 44px;
- }
- .contact-form-inner input, .contact-form-inner textarea {
- font-size: 15px;
- background: #f7f6f9;
- border-radius: 4px;
- padding: 15px 30px;
- }
- .contact-form-inner input::-webkit-input-placeholder, .contact-form-inner textarea::-webkit-input-placeholder {
- color: #a7a9b4;
- }
- .contact-form-inner input::-moz-placeholder, .contact-form-inner textarea::-moz-placeholder {
- color: #a7a9b4;
- }
- .contact-form-inner input:-ms-input-placeholder, .contact-form-inner textarea:-ms-input-placeholder {
- color: #a7a9b4;
- }
- .contact-form-inner input::-ms-input-placeholder, .contact-form-inner textarea::-ms-input-placeholder {
- color: #a7a9b4;
- }
- .contact-form-inner input::placeholder, .contact-form-inner textarea::placeholder {
- color: #a7a9b4;
- }
- .contact-form-inner input:focus, .contact-form-inner textarea:focus {
- background-color: white;
- -webkit-box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08);
- box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08);
- }
- .contact-form-inner input {
- height: 60px;
- }
- .contact-form-inner .submit-btn {
- width: 100%;
- text-align: center;
- padding: 14px 32px;
- outline: 0;
- font-size: 15px;
- }
- .contact-content {
- padding: 135px 100px;
- background-image: -o-linear-gradient(115deg, #5e2ced 0%, #a485fd 100%);
- background-image: linear-gradient(-25deg, #5e2ced 0%, #a485fd 100%);
- z-index: 2;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .contact-content .icon {
- color: #fff;
- font-size: 34px;
- margin-bottom: 35px;
- }
- .contact-content h3 {
- font-size: 24px;
- font-weight: 400;
- color: #fff;
- margin-bottom: 15px;
- }
- .contact-content p {
- color: #fff;
- margin-bottom: 40px;
- font-size: 16px;
- line-height: 28px;
- }
- .contact-content .gp-btn {
- width: 100%;
- text-align: center;
- color: #6e58fc;
- padding: 13px 32px;
- font-size: 15px;
- }
- .contact-infos {
- margin-top: 70px;
- }
- @media (max-width: 991px) {
- .contact-infos {
- margin-top: 30px;
- }
- }
- .contact-info {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-top: 30px;
- margin-bottom: 30px;
- z-index: 11;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- .contact-info .icon {
- background-image: -o-linear-gradient(50deg, #099cf9 0%, #69c3fc 100%);
- background-image: linear-gradient(40deg, #099cf9 0%, #69c3fc 100%);
- -webkit-box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3);
- box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3);
- height: 60px;
- width: 60px;
- text-align: center;
- border-radius: 50%;
- color: #fff;
- margin-right: 20px;
- }
- .contact-info .icon i {
- line-height: 60px;
- font-size: 18px;
- }
- .contact-info p {
- margin: 0;
- font-size: 18px;
- font-weight: 400;
- -webkit-box-flex: 2;
- -ms-flex: 2;
- flex: 2;
- }
- .contact-info.color-two .icon {
- background-image: -o-linear-gradient(50deg, #ee9d11 0%, #ffbf51 100%);
- background-image: linear-gradient(40deg, #ee9d11 0%, #ffbf51 100%);
- -webkit-box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3);
- box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3);
- }
- .contact-info.color-three .icon {
- background-image: -o-linear-gradient(50deg, #47b22e 0%, #5bdb3c 100%);
- background-image: linear-gradient(40deg, #47b22e 0%, #5bdb3c 100%);
- -webkit-box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3);
- box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3);
- }
- /* Contact Form Main */
- .contact-form-page {
- padding: 120px 0;
- }
- @media (max-width: 991px) {
- .contact-form-page {
- padding: 80px 0;
- }
- }
- .contact-information {
- background: #fafafc;
- padding: 50px;
- }
- .contact-information .contact-title {
- font-size: 16px;
- font-weight: 800;
- color: #2c2c51;
- margin-bottom: 25px;
- }
- .contact-information .description {
- margin-bottom: 40px;
- }
- .contact-information .description a {
- color: #ed1f25;
- }
- .contact-information .info-list {
- margin-bottom: 38px;
- }
- .contact-information .info-list .info-title {
- font-size: 16px;
- font-weight: 800;
- color: #2c2c51;
- }
- .contact-form-wrapper {
- padding-left: 85px;
- }
- @media (max-width: 767px) {
- .contact-form-wrapper {
- padding-left: 0;
- margin-top: 40px;
- }
- }
- .gp-input {
- border: 1px solid #d8d8d8;
- height: 60px;
- padding: 15px 30px;
- }
- .gp-textarea {
- height: 200px;
- }
- .mt-140 {
- margin-top: 140px;
- }
- @media (max-width: 991px) {
- .mt-140 {
- margin-top: 60px;
- }
- }
- .address-box {
- padding: 30px;
- margin-bottom: 30px;
- position: relative;
- }
- .address-box.style-border {
- border: 2px solid #ed1f25;
- border-radius: 6px;
- }
- .address-box.style-border:after {
- content: "";
- position: absolute;
- width: 0;
- height: 0;
- border-left: 13px solid transparent;
- border-right: 13px solid transparent;
- border-top: 12px solid #ed1f25;
- bottom: -12px;
- left: 20px;
- }
- .address-box.style-border:before {
- content: "";
- position: absolute;
- width: 0;
- height: 0;
- border-left: 11px solid transparent;
- border-right: 11px solid transparent;
- border-top: 11px solid #ffffff;
- bottom: -10px;
- left: 22px;
- z-index: 1;
- }
- .address-box .address-title {
- color: #2c2c51;
- font-size: 24px;
- font-weight: 700;
- margin-bottom: 17px;
- }
- .address-box p {
- color: #797986;
- }
- .gmap3-area {
- height: 500px;
- }
- /*--------------------------------------------------------------
- ## Error
- --------------------------------------------------------------*/
- .error-page {
- height: 100vh;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: relative;
- overflow: hidden;
- }
- .error-page .animate-element {
- margin: 0;
- padding: 0;
- list-style: none;
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- }
- .error-page .animate-element li {
- position: absolute;
- }
- .error-page .animate-element li:nth-child(1) {
- top: 37%;
- left: 11%;
- }
- .error-page .animate-element li:nth-child(2) {
- bottom: 29%;
- left: 11%;
- }
- .error-page .animate-element li:nth-child(3) {
- top: 25%;
- right: 100px;
- }
- .error-page .animate-element li:nth-child(4) {
- bottom: 33%;
- right: 12%;
- }
- @media (max-width: 991px) {
- .error-page .animate-element li:nth-child(1) {
- top: 18%;
- left: 2%;
- }
- .error-page .animate-element li:nth-child(2) {
- bottom: 10%;
- left: 3%;
- }
- .error-page .animate-element li:nth-child(3) {
- top: 16%;
- right: 25px;
- }
- .error-page .animate-element li:nth-child(4) {
- bottom: 5%;
- right: 2%;
- }
- }
- .error-image {
- margin-bottom: 40px;
- position: relative;
- }
- @media (min-width: 992px) {
- .error-page-content-wrapper {
- margin-top: 70px;
- }
- }
- .error-content .error-title {
- font-size: 40px;
- line-height: 54px;
- color: #2c2c51;
- font-weight: 700;
- margin-bottom: 20px;
- }
- @media (max-width: 576px) {
- .error-content .error-title {
- font-size: 30px;
- line-height: 44px;
- }
- .error-content .error-title br {
- display: none;
- }
- }
- .error-content .subtitle {
- font-size: 20px;
- color: #6b717c;
- margin-bottom: 54px;
- }
- .error-content .button-container .gp-btn {
- padding: 11px 27px;
- }
- .error-content .button-container .btn-grey {
- margin-left: 20px;
- }
- @media (max-width: 420px) {
- .error-content .button-container .btn-grey {
- margin-left: 0;
- margin-top: 20px;
- }
- }
- /*--------------------------------------------------------------
- ## Footer
- --------------------------------------------------------------*/
- #footer-main .footer-widgets {
- padding-top: 120px;
- }
- #footer-main .footer-widgets .widget-title {
- font-size: 20px;
- font-weight: 800;
- }
- #footer-main .footer-widgets .footer-menu li {
- line-height: 40px;
- }
- #footer-main .footer-widgets .footer-menu li a:after {
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- }
- #footer-main .site-info {
- border-top: 1px solid #b3b3b321;
- }
- @media (max-width: 991px) {
- #footer-main .site-info {
- padding: 27px 0;
- }
- }
- #footer-main .site-info .copyright {
- padding: 27px 0;
- }
- @media (max-width: 991px) {
- #footer-main .site-info .copyright {
- padding: 0;
- margin-bottom: 15px;
- }
- }
- @media (max-width: 991px) {
- #footer-main .site-info .copyright {
- text-align: center;
- }
- }
- #footer-main .site-info .copyright p {
- font-size: 14px;
- margin: 0;
- }
- #footer-main .footer-social-link li a:hover {
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- border-color: #ff6344;
- -webkit-box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34);
- box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34);
- }
- .widget-newsletter {
- max-width: 300px;
- }
- .widget-newsletter p {
- color: #6d6d82;
- margin-bottom: 20px;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner input {
- border: 0;
- background: #f3f6f8;
- height: 60px;
- border-radius: 40px;
- padding: 20px 25px;
- margin-bottom: 20px;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner input:focus {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner input::-webkit-input-placeholder {
- color: #9191a1;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner input::-moz-placeholder {
- color: #9191a1;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner input:-ms-input-placeholder {
- color: #9191a1;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner input::-ms-input-placeholder {
- color: #9191a1;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner input::placeholder {
- color: #9191a1;
- }
- .widget-newsletter .footer-newsletter-form .newsletter-inner .gp-btn {
- font-size: 15px;
- outline: 0;
- padding: 5px 21px;
- }
- .footer-social-wrapper {
- text-align: right;
- }
- .footer-social-wrapper .footer-social-link {
- margin: 0;
- }
- @media (max-width: 991px) {
- .footer-social-wrapper .footer-social-link {
- text-align: center;
- }
- }
- /** Footer Social Link **/
- .footer-social-link {
- margin-bottom: 35px;
- padding: 0;
- list-style: none;
- }
- .footer-social-link li {
- display: inline-block;
- margin: 0 2px;
- }
- .footer-social-link li a {
- height: 40px;
- width: 40px;
- line-height: 41px;
- font-size: 14px;
- border: 1px solid #d5dde8;
- display: block;
- border-radius: 50%;
- color: #ffffff;
- background-color: #ed1f25;
- text-align: center;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .footer-social-link li a:hover {
- background: #ed1f25;
- border-color: #ed1f25;
- color: #fff;
- -webkit-box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34);
- box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34);
- }
- .footer-social-link.style-two li a {
- background: transparent;
- border: 2px solid #e1e4e9;
- color: #8993af;
- height: 50px;
- width: 50px;
- line-height: 47px;
- }
- .footer-social-link.style-two li a:hover {
- background: #4d5afe;
- border-color: #4d5afe;
- color: #fff;
- -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- }
- .footer-social-two {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .footer-social-two li {
- display: inline-block;
- margin-right: 10px;
- }
- .footer-social-two li a {
- font-size: 16px;
- color: #757991;
- }
- .footer-social-two li a:hover {
- color: #f8b137;
- }
- .footer-social-two.style-circle li a {
- height: 50px;
- width: 50px;
- line-height: 50px;
- border: 1px solid #d3d9e4;
- color: #6a7695;
- text-align: center;
- border-radius: 50%;
- display: block;
- }
- .footer-social-two.style-circle li a:hover {
- background: #ed1f25;
- color: #fff;
- border-color: #ed1f25;
- -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
- }
- .footer-social-two.style-circle-sm li {
- display: inline-block;
- margin-right: 5px;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .footer-social-two.style-circle-sm li a {
- color: #fff;
- display: block;
- }
- .footer-social-two.style-circle-sm li a i {
- background: #ed1f25;
- height: 40px;
- width: 40px;
- line-height: 40px;
- border-radius: 50%;
- text-align: center;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .footer-social-two.style-circle-sm li a i.fa-facebook-f {
- background: #456bba;
- }
- .footer-social-two.style-circle-sm li a i.fa-facebook-f:hover {
- -webkit-box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3);
- box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3);
- }
- .footer-social-two.style-circle-sm li a i.fa-twitter {
- background: #00aced;
- }
- .footer-social-two.style-circle-sm li a i.fa-twitter:hover {
- -webkit-box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3);
- box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3);
- }
- .footer-social-two.style-circle-sm li a i.fa-linkedin-in {
- background: #0077b5;
- }
- .footer-social-two.style-circle-sm li a i.fa-linkedin-in:hover {
- -webkit-box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3);
- box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3);
- }
- .footer-social-two.style-circle-sm li a i.fa-youtube {
- background: #f73434;
- }
- .footer-social-two.style-circle-sm li a i.fa-youtube:hover {
- -webkit-box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3);
- box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3);
- }
- .footer-social-two.style-circle-sm li a i.fa-pinterest-p {
- background: #e60023;
- }
- .footer-social-two.style-circle-sm li a i.fa-pinterest-p:hover {
- -webkit-box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3);
- box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3);
- }
- .footer-social-two.style-circle-sm li:hover {
- -webkit-transform: translateY(-5px);
- -ms-transform: translateY(-5px);
- transform: translateY(-5px);
- }
- /** Footer **/
- #footer {
- background: #313131;
- }
- #footer .footer-nner {
- padding: 70px 0;
- text-align: center;
- }
- #footer .footer-nner .footer-logo {
- display: inline-block;
- margin-bottom: 30px;
- }
- #footer .footer-menu {
- margin-bottom: 30px;
- padding: 0;
- list-style: none;
- }
- #footer .footer-menu li {
- display: inline-block;
- margin: 0 15px;
- }
- #footer .footer-menu li a {
- display: block;
- color: #fff;
- font-weight: 500;
- }
- #footer .footer-menu li a:hover {
- color: #f8b137;
- }
- #footer .footer-social-link {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- #footer .footer-social-link li {
- display: inline-block;
- margin: 0 5px;
- }
- #footer .footer-social-link li a {
- height: 45px;
- width: 45px;
- line-height: 45px;
- background: rgba(0, 0, 0, 0.2);
- display: block;
- border-radius: 50%;
- color: #fff;
- }
- #footer .footer-social-link li a:hover {
- background: #f8b137;
- color: #fff;
- }
- #footer .site-info {
- background: #2d2d2d;
- padding: 20px 0;
- text-align: center;
- }
- #footer .site-info .copy-right {
- margin-bottom: 0;
- color: #fff;
- }
- #footer .site-info .copy-right a {
- color: #f8b137;
- margin-left: 5px;
- }
- #footer .site-info .copy-right a:hover {
- color: #f39d09;
- }
- #footer-seo {
- background: #f1f1f9;
- padding: 100px 0 60px;
- }
- #footer-seo .footer-widgets {
- padding: 0;
- }
- #footer-seo .footer-social li a {
- background-color: #fff;
- color: #677294;
- border: 2px solid transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #footer-seo .footer-social li a:hover {
- background: transparent;
- color: #ff5e85;
- border-color: #ff5e85;
- }
- .newsletter {
- margin-bottom: 140px;
- }
- /* Footer Community */
- #footer-community .footer-widgets {
- padding: 120px 0 60px;
- }
- #footer-community .widget-about p {
- font-size: 15px;
- color: #69697b;
- margin-bottom: 27px;
- }
- #footer-community .widget-about .follow-title {
- font-size: 18px;
- color: #1f113a;
- font-weight: 500;
- margin-bottom: 15px;
- }
- #footer-community .widget-title {
- font-size: 18px;
- color: #2c2c51;
- }
- #footer-community .footer-widgets .footer-menu li a {
- font-size: 14px;
- color: #69697b;
- }
- #footer-community .footer-widgets .footer-menu li a:after {
- display: none;
- }
- #footer-community .footer-widgets .footer-menu li a:hover {
- color: #ed1f25;
- }
- #footer-community .site-info {
- border-color: #e4e1ea;
- padding: 29px 0;
- }
- #footer-community .site-info p {
- margin: 0;
- color: #908e94;
- font-size: 14px;
- }
- #footer-community .site-info p a {
- color: #2c2c51;
- }
- #footer-community .site-info p a:hover {
- color: #ed1f25;
- }
- /* Footer Agency */
- #footer-agency {
- background: #fff;
- }
- #footer-agency .footer-inner .footer-widgets {
- padding: 120px 0 37px;
- }
- #footer-agency .footer-widgets .footer-logo {
- margin-bottom: 40px;
- }
- #footer-agency .footer-widgets .footer-menu li a {
- font-size: 16px;
- color: #6a7695;
- }
- #footer-agency .footer-widgets .footer-menu li a:after {
- background: #4d5afe;
- }
- #footer-agency .footer-widgets .footer-menu li a:hover {
- color: #4d5afe;
- }
- #footer-agency .widget-title {
- font-size: 20px;
- color: #373d46;
- font-weight: 500;
- margin-bottom: 25px;
- }
- #footer-agency .contact-widget p {
- color: #6a7695;
- margin-bottom: 35px;
- }
- #footer-agency .contact-widget .phone {
- color: #4d5afe;
- font-size: 20px;
- font-weight: 500;
- display: block;
- }
- #footer-agency .site-info {
- padding: 22px 0;
- border-color: #ededfb;
- }
- #footer-agency .site-info .copyright-text {
- margin: 0;
- color: #fff;
- }
- #footer-agency .site-info .copyright-text a {
- color: #4d5afe;
- }
- #footer-agency .follow-title {
- font-size: 20px;
- color: #6a7695;
- margin-bottom: 15px;
- font-weight: 400;
- }
- /* Footer Widget */
- .footer-widgets {
- position: relative;
- z-index: 3;
- }
- .footer-widgets .widget {
- margin-bottom: 45px;
- }
- .footer-widgets .footer-menu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .footer-widgets .footer-menu li {
- line-height: 36px;
- }
- .footer-widgets .footer-menu li a {
- color: #000;
- font-size: 14px;
- position: relative;
- display: inline-block;
- font-weight: 400;
- }
- .footer-widgets .footer-menu li a:after {
- position: absolute;
- content: "";
- display: block;
- bottom: 8px;
- height: 1px;
- left: 0;
- width: 100%;
- background: #ed1f25;
- -webkit-transform-origin: right center;
- -ms-transform-origin: right center;
- transform-origin: right center;
- -webkit-transform: scale(0, 1);
- -ms-transform: scale(0, 1);
- transform: scale(0, 1);
- -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- -o-transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
- }
- .footer-widgets .footer-menu li a:hover {
- color: #ed1f25;
- }
- .footer-widgets .footer-menu li a:hover:after {
- -webkit-transform-origin: left center;
- -ms-transform-origin: left center;
- transform-origin: left center;
- -webkit-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- .footer-widgets .footer-logo {
- margin-bottom: 35px;
- }
- .footer-widgets .footer-mail {
- color: #ed1f25;
- font-size: 18px;
- margin-bottom: 23px;
- }
- .footer-widgets .footer-mail i {
- margin-right: 10px;
- }
- .footer-widgets .copyright-text {
- margin-bottom: 28px;
- max-width: 300px;
- color: #677294;
- }
- .widget-about .copyright-text {
- width: 300px;
- }
- .foot-contact p {
- font-size: 15px;
- font-weight: 400;
- margin-bottom: 0;
- line-height: 34px;
- }
- .foot-contact p span {
- color: #222931;
- font-weight: 500;
- }
- .foot-contact p.con-email {
- color: #ed1f25;
- }
- .site-info {
- border-top: 1px solid #7f1107;
- }
- .site-info .copyright {
- margin: 0;
- font-size: 14px;
- color: #fff;
- font-weight: 400;
- padding: 22px 0;
- }
- .site-info .copyright a {
- color: #ed1f25;
- }
- .site-info .copyright a:hover {
- color: #009674;
- }
- .footer-bottom-menu {
- margin: 0;
- padding: 22px 0;
- list-style: none;
- }
- .footer-bottom-menu li {
- display: inline-block;
- margin-right: 20px;
- position: relative;
- }
- .footer-bottom-menu li:after {
- position: absolute;
- content: "|";
- font-size: 12px;
- top: 0;
- right: 5px;
- color: #acb3c0;
- }
- .footer-bottom-menu li:last-child {
- margin-right: 0;
- }
- .footer-bottom-menu li:last-child:after {
- display: none;
- }
- .footer-bottom-menu li a {
- font-size: 14px;
- color: #acb3c0;
- font-weight: 400;
- display: inline-block;
- }
- .footer-bottom-menu li a:hover {
- color: #ed1f25;
- }
- /* Footer Analytics */
- .gp-site-footer .footer-social {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .gp-site-footer .footer-social li {
- margin-right: 5px;
- display: inline-block;
- margin-right: 5px;
- }
- .gp-site-footer .footer-social li a {
- height: 40px;
- width: 40px;
- line-height: 38px;
- text-align: center;
- background: rgba(255, 255, 255, 0.059);
- color: #afb4c0;
- border-radius: 50%;
- display: inline-block;
- font-size: 14px;
- border: 2px solid transparent;
- }
- .gp-site-footer .footer-social li a:hover {
- color: #ed1f25;
- border-color: #ed1f25;
- background: transparent;
- }
- #footer-analytics {
- background: #010b29;
- padding: 100px 0 122px;
- }
- #footer-analytics .footer-widgets {
- padding-bottom: 0;
- }
- #footer-analytics .footer-widgets .footer-logo {
- margin-bottom: 29px;
- }
- #footer-analytics .footer-widgets .copyright-text {
- font-weight: 500;
- margin-bottom: 40px;
- }
- #footer-analytics .footer-widgets .copyright-text p {
- margin: 0;
- color: #afb4c0;
- font-weight: 400;
- font-size: 15px;
- }
- #footer-analytics .footer-widgets .copyright-text p a {
- color: #fff;
- }
- #footer-analytics .footer-widgets .copyright-text p a:hover {
- color: #f8b137;
- }
- #footer-analytics .footer-widgets .widget-title {
- font-size: 20px;
- font-weight: 500;
- color: #fff;
- margin-bottom: 25px;
- }
- #footer-analytics .footer-widgets .footer-menu li a {
- color: #afb4c0;
- font-size: 15px;
- font-weight: 400;
- }
- #footer-analytics .footer-widgets .footer-menu li a:after {
- background: #f8b137;
- }
- #footer-analytics .footer-widgets .footer-menu li a:hover {
- color: #f8b137;
- }
- #footer-analytics .footer-social li a:hover {
- color: #f8b137;
- border-color: #f8b137;
- }
- .gp-site-footer {
- position: relative;
- }
- .gp-site-footer .footer-contact-info {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .gp-site-footer .footer-contact-info li {
- margin-bottom: 10px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
- }
- .gp-site-footer .footer-contact-info li i {
- margin-right: 20px;
- color: #ed1f25;
- }
- .gp-site-footer .footer-contact-info li p {
- font-size: 15px;
- color: #69697b;
- }
- .gp-site-footer .footer-contact-info li.phone p {
- font-size: 20px;
- color: #ed1f25;
- }
- /* Footer Seo */
- #footer-seo .footer-widgets .widget-title {
- font-size: 20px;
- color: #343e5d;
- }
- #footer-seo .footer-widgets .copyright-text a {
- color: #ff5e85;
- }
- #footer-seo .footer-social li a:hover {
- color: #ff5e85;
- }
- #footer-seo .footer-widgets .footer-menu li a:after {
- background: #ff5e85;
- }
- #footer-seo .footer-widgets .footer-menu li a:hover {
- color: #ff5e85;
- }
- /* Footer Social */
- #footer-social {
- background: #f1f1f9;
- }
- #footer-social .footer-logo {
- margin-bottom: 30px;
- }
- #footer-social p {
- margin-bottom: 20px;
- }
- #footer-social .footer-social li a {
- background-color: #fff;
- color: #677294;
- }
- #footer-social .footer-social li a:hover {
- color: #ed1f25;
- background-color: transparent;
- }
- #footer-social .footer-widgets {
- padding-bottom: 80px;
- }
- @media (max-width: 991px) {
- #footer-social .footer-widgets {
- padding-bottom: 30px;
- }
- }
- #footer-social .footer-widgets .widget-title {
- font-size: 20px;
- color: #051441;
- }
- #footer-social .footer-widgets .copyright-text a {
- color: #ed1f25;
- }
- #footer-social .footer-widgets .footer-menu li a {
- color: #677294;
- font-size: 14px;
- }
- #footer-social .footer-widgets .footer-menu li a:after {
- background: #ed1f25;
- }
- #footer-social .footer-widgets .footer-menu li a:hover {
- color: #ed1f25;
- }
- #footer-saas {
- background: #f2f7fe;
- padding-top: 295px;
- overflow: hidden;
- }
- #footer-saas .footer-bottom-anime-shape {
- position: absolute;
- width: 100%;
- left: 0;
- bottom: 0;
- }
- #footer-saas .footer-bottom-anime-shape .bottom-shape {
- position: absolute;
- width: 100%;
- left: 0;
- bottom: 0;
- }
- #footer-saas .footer-widgets .widget-title {
- font-size: 20px;
- font-weight: 500;
- margin-bottom: 35px;
- color: #2c2c51;
- }
- #footer-saas .footer-widgets .copyright-text {
- font-size: 16px;
- line-height: 28px;
- color: #6d6d82;
- margin-bottom: 40px;
- }
- #footer-saas .footer-widgets .copyright-text a {
- color: #ed1f25;
- }
- #footer-saas .footer-widgets .footer-menu li a {
- font-size: 16px;
- color: #6d6d82;
- }
- #footer-saas .footer-widgets .footer-menu li a::after {
- background: #ed1f25;
- }
- #footer-saas .footer-widgets .footer-menu li a:hover {
- color: #ed1f25;
- }
- /* Footer sass two*/
- #footer-saas-two {
- background: #2a2b72;
- position: relative;
- }
- #footer-saas-two .footer-nner {
- padding: 116px 0 200px;
- }
- @media (max-width: 991px) {
- #footer-saas-two .footer-nner {
- padding: 76px 0 40px;
- }
- }
- #footer-saas-two .widget.footer-widget .widget-title {
- color: #fff;
- font-size: 18px;
- font-weight: 500;
- margin-bottom: 36px;
- border-bottom: 0;
- padding-bottom: 0;
- }
- #footer-saas-two .widget.footer-widget .footer-logo {
- margin-bottom: 30px;
- }
- #footer-saas-two .widget.footer-widget p {
- margin-bottom: 42px;
- color: #bab5df;
- font-size: 16px;
- }
- #footer-saas-two .widget.footer-widget p a {
- color: #fff;
- }
- #footer-saas-two .footer-menu {
- margin-bottom: 40px;
- padding: 0;
- list-style: none;
- }
- #footer-saas-two .footer-menu li a {
- display: block;
- color: #bab5df;
- font-weight: 400;
- font-size: 16px;
- line-height: 36px;
- }
- #footer-saas-two .footer-menu li a:hover {
- color: #fff;
- }
- #footer-saas-two .footer-social-link {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- #footer-saas-two .footer-social-link li {
- display: inline-block;
- margin-left: 0;
- }
- #footer-saas-two .footer-social-link li:not(:last-child) {
- margin-right: 5px;
- }
- #footer-saas-two .footer-social-link li a {
- height: 45px;
- width: 45px;
- line-height: 47px;
- border: transparent;
- background: #404180;
- display: block;
- border-radius: 50%;
- color: #bab5df;
- text-align: center;
- font-size: 16px;
- }
- #footer-saas-two .footer-social-link li a:hover {
- background: #fff;
- color: #6e58fc;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- #footer-saas-two .site-info {
- padding: 36px 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- border-top: 1px solid #e4d9d9;
- position: relative;
- z-index: 3;
- }
- #footer-saas-two .site-info p {
- margin: 0;
- }
- #footer-saas-two .site-info p a {
- color: #f8b137;
- font-weight: 500;
- }
- #footer-saas-two .site-info p a:hover {
- color: #f39d09;
- }
- .footer-bottom-shape {
- position: relative;
- }
- @media (max-width: 620px) {
- .footer-bottom-shape {
- display: none;
- }
- }
- .footer-bottom-shape .three-left, .footer-bottom-shape .three-right {
- position: absolute;
- bottom: 0;
- }
- @media (max-width: 1280px) {
- .footer-bottom-shape .three-left, .footer-bottom-shape .three-right {
- display: none;
- }
- }
- .footer-bottom-shape .three-left {
- left: 50px;
- }
- .footer-bottom-shape .three-left img {
- -webkit-animation: swing 12s infinite both;
- animation: swing 12s infinite both;
- -webkit-transform-origin: bottom center;
- -ms-transform-origin: bottom center;
- transform-origin: bottom center;
- }
- .footer-bottom-shape .three-right {
- right: 50px;
- }
- .footer-bottom-shape .three-right img {
- -webkit-animation: swing 12s infinite both;
- animation: swing 12s infinite both;
- -webkit-transform-origin: bottom center;
- -ms-transform-origin: bottom center;
- transform-origin: bottom center;
- }
- .footer-bottom-shape .footer-center-victor {
- position: relative;
- padding-bottom: 40px;
- }
- .footer-bottom-shape .footer-center-victor:before {
- content: "";
- position: absolute;
- top: 0;
- width: 100%;
- height: 2px;
- left: 0;
- top: 0;
- background: #4c4d89;
- }
- .footer-bottom-shape .footer-center-victor > div {
- position: absolute;
- bottom: 40px;
- }
- .footer-bottom-shape .footer-center-victor .foo-shape-one {
- left: 0;
- }
- .footer-bottom-shape .footer-center-victor .foo-shape-two {
- left: 25%;
- -webkit-transform: translateX(-20%);
- -ms-transform: translateX(-20%);
- transform: translateX(-20%);
- }
- .footer-bottom-shape .footer-center-victor .foo-shape-three {
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- bottom: 37px;
- }
- .footer-bottom-shape .footer-center-victor .foo-shape-four {
- right: 17%;
- -webkit-transform: translateX(-20%);
- -ms-transform: translateX(-20%);
- transform: translateX(-20%);
- }
- .footer-bottom-shape .footer-center-victor .foo-shape-five {
- right: 0;
- }
- /* Footer Agency Two */
- #footer-agency-two {
- background: #f7f5fa;
- }
- #footer-agency-two .footer-widgets {
- padding: 110px 0 56px;
- }
- @media (max-width: 991px) {
- #footer-agency-two .footer-widgets {
- padding: 70px 0 15px;
- }
- }
- #footer-agency-two .widget-about .footer-logo {
- margin-bottom: 23px;
- }
- #footer-agency-two .widget-about p {
- font-size: 15px;
- color: #706c79;
- margin-bottom: 28px;
- }
- #footer-agency-two .widget-about .follow-title {
- font-size: 18px;
- font-weight: 500;
- color: #1f113a;
- margin-bottom: 17px;
- }
- #footer-agency-two .footer-widgets .widget-title {
- font-size: 18px;
- }
- #footer-agency-two .footer-widgets .footer-menu li a {
- color: #706c79;
- }
- #footer-agency-two .footer-widgets .footer-menu li a:after {
- background: #ed1f25;
- }
- #footer-agency-two .footer-widgets .footer-menu li a:hover {
- color: #ed1f25;
- }
- #footer-agency-two .footer-widgets .footer-contact-info {
- padding-top: 10px;
- }
- #footer-agency-two .footer-widgets .footer-contact-info li.phone p, #footer-agency-two .footer-widgets .footer-contact-info li i {
- color: #ed1f25;
- }
- #footer-agency-two .site-info {
- padding: 29px 0;
- }
- #footer-agency-two .site-info p {
- font-size: 14px;
- color: #908e94;
- margin: 0;
- }
- #footer-agency-two .site-info p a {
- color: #ed1f25;
- }
- @media (max-width: 991px) {
- #footer .footer-nner {
- padding: 76px 0 22px;
- }
- #footer .site-info {
- padding: 21px 0;
- }
- #footer .widget.footer-widget .widget-title {
- margin-bottom: 25px;
- }
- }
- @media (max-width: 768px) {
- #footer .footer-menu {
- margin-bottom: 40px;
- }
- #footer .site-info {
- padding: 21px 0;
- display: block;
- text-align: center;
- }
- #footer.footer-four .copyright {
- margin-bottom: 20px;
- }
- #footer.footer-four .site-info .site-info-inner {
- display: block;
- }
- }
- @media (max-width: 768px) {
- #newsletter {
- padding: 50px 0;
- }
- }
- @media (max-width: 576px) {
- .newsletter-form-two .newsletter-inner {
- display: block;
- }
- .newsletter-form-two .newsletter-submit {
- padding: 12px 38px;
- margin: 20px auto 0;
- display: block;
- }
- }
- .high-lighter-overlay {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background-color: rgb(239 41 36 / 75%);
- opacity: 0;
- visibility: hidden;
- -webkit-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- z-index: 5;
- }
- @media (min-width: 992px) {
- .highlighter-hidden .high-lighter-overlay {
- opacity: 1;
- visibility: visible;
- }
- }
- .leaf-one {
- max-width: 140px;
- }
- .color-primary {
- color: #ed1f25;
- font-weight: 700;
- }
- .color-primary-1 {
- color: #fff;
- background: linear-gradient(60deg, #FE5924, #ed1f25);
- padding: 0px 10px 0px 10px;
- }
- .bg-secondary {
- color: #fff;
- background-image: linear-gradient(to right, #0e2453, #0d2862, #0e2453, #0d2862);
- }
- .table-responsive {
- max-height: 500px;
- overflow-y: scroll;
- background-color: white;
- }
- .table-striped tbody tr:nth-of-type(odd) {
- background-color: rgb(247 246 251);
- }
- /* width */
- ::-webkit-scrollbar {
- width: 10px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background: #f1f1f1;
- }
-
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background: #888;
- }
- /* Handle on hover */
- ::-webkit-scrollbar-thumb:hover {
- background: #555;
- }
- ::placeholder {
- color: #000 !important;
- font-weight: 800; /* Firefox */
- }
- .icondingwei {
- position: absolute;
- top: 18px;
- left: 24px;
- color: #f02925;
- font-weight: 600;
- }
- section {
- padding: 100px 0 50px;
- }
- .blog-post-one .feature-image:hover h3{
- color: white;
- }
- .header-inner{
- height: 94px;
- }
- .language-box{
- padding: 35px 0;
- color: #fff;
- font-weight: bold;
- }
- .btn-gradient {
- background: -webkit-linear-gradient(90deg, rgba(237,31,37,1) 0%, rgba(254,89,36,1) 100%);
- color: white;
- border-radius: 30px;
- border: none;
- font-size: 30px;
- padding-left: 80px !important;
- padding-right: 80px !important;
- font-weight: 700;
- padding: 10px;
- }
- .btn-gradient:hover {
- background: -webkit-linear-gradient(90deg, rgba(254,89,36,1) 0%, rgba(237,31,37,1) 100%);
- color: white;
- }
- .banner-signup{
- padding: 25px 50px;
- color: #333;
- position: relative;
- font-family: Poppins, sans-serif;
- }
- .banner-signup .close{
- width: 40px;
- height: 40px;
- border-radius: 30px;
- background-color: #F02925;
- cursor: pointer;
- display: flex;
- justify-content: center;
- align-items: center;
- color: #fff;
- position: absolute;
- top: -40px;
- right: 0;
- }
- .banner-signup .title{
- font-size: 18px;
- margin-bottom: 50px;
- font-family: Poppins, sans-serif;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .banner-signup .title .img-responsive{
- margin-bottom: 40px;
- }
- .banner-signup .title .title2{
- font-size: 26px;
- font-weight: 900;
- }
- .banner-signup .el-input__inner{
- width: 100%;
- height: 60px;
- font-size: 17px;
- background-color: #F8F8F8;
- border-radius: 6px;
- border-color: #B1B1B1;
- color: #434242;
- background-color: transparent;
- font-weight: 600;
- }
- .banner-signup .el-input__inner::placeholder{/*Firefox,Chrome,Opera*/
- color:#434242;
- }
- .banner-signup .el-input__inner:-ms-input-placeholder{/*InternetExplorer10-11*/
- color:#434242;
- }
- .banner-signup .el-input__inner::-ms-input-placeholder{/*MicrosoftEdge*/
- color:#434242;
- }
- /* .el-input__inner {
- border: none;
- border-bottom: 1px solid;
- border-radius: 0;
- border-color: #979797;
- color: #e4e4e4;
- background-color: transparent;
- } */
- .banner-signup .el-select .el-input__inner {
- padding-left: 40px;
- }
- i.icondingwei {
- position: absolute;
- top: 10px;
- left: 12px;
- color: #F02925;
- font-weight: 600;
- }
- .banner-signup .el-input__prefix, .el-input__suffix{
- color: #F02925;
- font-weight: 600;
- }
- .banner-signup .el-input--prefix .el-input__inner {
- padding-left: 40px;
- }
- .banner-signup .el-input__prefix{
- padding-left: 8px;
- top: -5px;
- }
- .banner-signup .el-select{
- width: 100%;
- }
- .banner-signup .el-col{
- padding: 0;
- }
- .banner-signup .getCode{
- display: inline-block;
- width: 100%;
- line-height: 60px;
- text-align: center;
- background-color: #191B28;
- border: 1px solid #e4e4e4;
- cursor: pointer;
- color: #e4e4e4;
- border-radius: 6px;
- font-size: 17px;
- padding: 0 !important;
- }
- .pwd {
- text-align: left;
- padding-left: 20px;
- margin: 0;
- margin-left: 10px;
- font-size: 15px;
- }
- .pwd li {
- list-style-type: disc;
- /*height: 20px;*/
- line-height: 20px;
- color: #979797;
- }
- .pwd .fit {
- color: #EC1920;
- }
- .banner-signup .agree{
- font-size: 16px;
- color: #434242;
- }
- .banner-signup .agree_title{
- word-break: keep-all;
- }
- .banner-signup .el-checkbox__inner::after{
- height: 10px;
- left: 7px;
- position: absolute;
- top: 2px;
- }
- .banner-signup .el-checkbox__inner{
- width: 20px;
- height: 20px;
- }
- .banner-signup .el-checkbox__input.is-checked .el-checkbox__inner{
- background-color: #EC1920;
- border-color: #EC1920;
- }
- .banner-signup .el-checkbox__inner:hover {
- border-color: #EC1920;
- }
- .banner-signup .el-checkbox__input.is-focus .el-checkbox__inner{
- border-color: #EC1920;
- }
- .banner-signup .sign-btn.btn-gradient{
- width: 100%;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items: center;
- word-break: break-word;
- padding-left: 0px !important;
- padding-right: 0px !important;
- }
- .banner-signup-btnBox{
- display: flex;
- }
- @media screen and (max-width: 768px) {
- .el-dialog.crm-signup {
- width: 95%;
- border-radius: 10px;
- }
- .banner-signup {
- padding: 25px 0;
- word-break: break-word;
- }
- .banner-signup .text-primary.fw-bolder{
- font-size: 25px;
- }
- .banner-signup .title .title2 {
- font-size: 20px;
- }
- .pwd {
- word-break: break-word;
- }
- .Scriptcontent{
- margin-bottom: 50px;
- }
- .banner-signup-btnBox{
- display: flex;
- flex-wrap: wrap;
- }
- .banner-signup .sign-btn{
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn{
- margin: 0 !important;
- }
- .site-header:not(.mobile-header).header-light-social .nav-right {
- margin-left: 10px;
- }
- .language-box{
- margin-left: 10px;
- }
- }
|